@charset "UTF-8";

/* -------------------------------------------------------------
TOPタイトル
------------------------------------------------------------- */

#tourism #page_title {
	background: url(/img/hotel_h1/h1_bg_tourism.jpg) 50% top no-repeat;
	background-size: auto 275px;
}




/* -------------------------------------------------------------
　周辺観光に関するお知らせ
------------------------------------------------------------- */

/* hotel_common.css（ニュース関係（TOP・宿泊・施設サービス・朝食・周辺観光））に記載 */




/* -------------------------------------------------------------
　周辺観光一覧
------------------------------------------------------------- */

#tour_list {
	padding: 40px 0 10px;
	background: #F5F3F2;
}
#tour_list .inner {
	max-width: 660px;
	margin: 0 auto;
	padding: 0 10px;
}


/* Googlemap */
#tour_list .gmap {
	margin: 0 0 20px;
}
#tour_list .gmap .gmap_width {
	display: block;
	position: relative;
	max-width: 100%;
}
#tour_list .gmap .gmap_width .gmap_height {
	padding: 200px 0 0;
}



/* 記事一覧
------------------------------------------------------------- */
#tour_list .list {
	display: flex;
	flex-wrap: wrap;
	width: 300px;
	margin: 0 auto;
	transition: 0.5s;
}

/* media Queries /////////////////////////////////////
--------------------------------------------------- */
@media screen and (min-width:660px), print {

#tour_list .list {
	width: 640px;
	justify-content: space-between;
}

}/* /640 */



#tour_list .list_item {
	width: 300px;
	font-size: 14px;
	margin: 30px 0;
	background: #fff;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
#tour_list .list_item.show {
	opacity: 1;
	transform: translateY(0);
}

/* 写真タグ */
#tour_list .list_item ul li:nth-child(1) {
	position: relative;
	line-height: 1;
}
#tour_list .list_item ul li:nth-child(1) .mk {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	color: #fff;
	font-family: "Roboto";
	font-size: 36px;
	font-weight: 200;
	text-align: center;
	line-height: 1;
	padding: 7px 0;
	background: #638FA2;
}

/* 記事内 */
#tour_list .list_item ul li:nth-child(2) {
	padding: 20px;
}

#tour_list .list_item h2 {
	font-size: 20px;
	font-weight: 200;
	line-height: 1.5;
	margin: 0 0 7px;
}

#tour_list .list_item .root {
	font-size: 12px;
	line-height: 1.5;
	margin: 0 0 15px;
}

#tour_list .list_item .faci_info,
#tour_list .list_item .introduction {
	font-size: 12px;
	font-weight: 200;
	line-height: 1.8;
}
#tour_list .list_item .faci_info {
	margin: 0 0 6px;
	line-height: 1.6;
}
#tour_list .list_item .faci_info .attention {
	font-size: 11px;
}

#tour_list .list_item .cap_copy {
	font-size: 11px;
	margin: 6px 0 0;
}


/* 詳細ボタン */
/* hotel_common.css（リンク（ボタン））に記載 */




/* -------------------------------------------------------------
　PICK UP
------------------------------------------------------------- */

/* hotel_common.css（PICK UP）に記載 */

#pickup_bl {
	margin: 0 0 60px;
}







/* media Queries PC //////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- 810px */
@media screen and (min-width:810px), print {

/* -------------------------------------------------------------
TOPタイトル
------------------------------------------------------------- */

#tourism #page_title {
	background: url(/img/hotel_h1/h1_bg_tourism.jpg) center top no-repeat;
	background-size: cover;
}




/* -------------------------------------------------------------
　周辺観光に関するお知らせ
------------------------------------------------------------- */

/* hotel_common.css（ニュース関係（TOP・宿泊・施設サービス・朝食・周辺観光））に記載
記事幅調整 */




/* -------------------------------------------------------------
　周辺観光一覧
------------------------------------------------------------- */

#tour_list {
	padding: 80px 0 40px;
}

#tour_list .inner {
	max-width: 1040px;
	padding: 0 20px;
}


/* Googlemap */
#tour_list .gmap {
	margin: 0 0 80px;
}

#tour_list .gmap .gmap_width .gmap_height {
	padding: 555px 0 0;
}



/* 記事一覧
------------------------------------------------------------- */

/* media Queries /////////////////////////////////////
--------------------------------------------------- */
@media screen and (min-width:1040px), print {

/* 記事一覧調整 */
#tour_list .list {
	width: 1000px;
	justify-content: unset;
}
#tour_list .list_item {
	margin: 0 50px 40px 0;
}

#tour_list .list_item:nth-child(3n+3) {
	margin: 0 0 40px;
}

#tour_list .list_item h2 {
	font-size: 22px;
}

}/* /1040 */



/* 記事内 */
#tour_list .list_item ul li:nth-child(2) {
*	padding: 30px;
}

#tour_list .list_item .faci_info,
#tour_list .list_item .introduction {
	font-size: 14px;
}
#tour_list .list_item .faci_info {
	margin: 0 0 10px;
}
#tour_list .list_item .faci_info .attention {
	font-size: 12px;
}

#tour_list .list_item .cap_copy {
	font-size: 12px;
	margin: 10px 0 0;
}



/* -------------------------------------------------------------
　PICK UP
------------------------------------------------------------- */

/* hotel_common.css（PICK UP）に記載 */

#pickup_bl {
	margin: 0 0 180px;
}





}/* 801 */