@charset "UTF-8";
/*
	facility.css(smp1)
*/

/* ================================================
	import
================================================ */
@import url(../../common/smp1/parts.css);



/* ================================================
	common
================================================ */


/* 見出しパターン
================================================ */
.corp .st_type1
{
	background-image:	url(../../../img/news/ns_tt_bar.png);
	background-repeat:	no-repeat;
	background-position:left bottom;
	font-size:			3.5em;
	font-family:		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:		bold;
	line-height:		1.2;
	clear:				both;
	margin-bottom:		42px;
	padding:			0px 0px 6px 14px;
}


/**/

/* ================================================
	施設情報一覧(archive-facility)
	post-type-archive-facility
================================================ */
.post-type-archive-facility
{
		
}
/* main_cont
================================================ */
.post-type-archive-facility .main_cont
{
	width:				96%;
	margin:				0px auto;
}


/* tabs
================================================ */
.post-type-archive-facility .main_cont .tabs
{
	display:			none;
}
/* area_select
================================================ */
.post-type-archive-facility .main_cont .area_select_cont
{
	background-color:	#FFF;
	width:				100%;
	text-align:			center;
	padding:			30px 0px 20px 0px;
}
.post-type-archive-facility .main_cont .area_select
{
	width:				92%;
	font-size:			1.8em;
	line-height:		1.4;
	display:			inline-block;
	margin:				0px auto;
}



/* white_box
================================================ */
.post-type-archive-facility .white_box
{
	background-color:	#FFF;
	margin-bottom:		32px;
	padding:			18px 20px 32px 24px;
}
/* col1
================================ */
.post-type-archive-facility .white_box .col1
{
	width:				100%;
	height:				300px;
	/*float:				left;*/
	overflow-y:			scroll;
}

.post-type-archive-facility .white_box .col1 .fcs > li
{
	border:				1px solid #dcdcdc;
	margin:				10px 0px 20px 0px;
	padding:			12px 0px 14px 10px;
}
.Android.post-type-archive-facility .fcs > li
{
	width:				92%!important;
	margin:				10px auto 20px auto!important;
}
/* table
------------------------------------------------ */
.post-type-archive-facility .white_box .col1
table
{
	border-collapse:	collapse;
	/*table-layout:		fixed;*/
	width:				100%;
	font-size:			1em;
	margin-bottom:		4px;
	padding:			0:
}
/* no
-------------------------------- */
.post-type-archive-facility .white_box .col1
table .no
{
	/*background-color:	#FCC;*/
	color:				#03358c;
	min-width:			1em;
	max-width:			4em;
	width:				5%;
	font-size:			2.0em;
	font-weight:		bold;
	text-align:			center;
	vertical-align:		top;
	
}
/* trigger
-------------------------------- */
.post-type-archive-facility .white_box .col1
table .trigger
{
	cursor:				pointer;
}
/* no_marker
-------------------------------- */
.post-type-archive-facility .white_box .col1
table .no_marker
{
	/*background-color:	#FCC;*/
	border:				1px solid #BBB;
	/*max-width:			4em;*/
	color:				#999;
	font-size:			0.4em;
	font-weight:		bold;
	line-height:		1.2;
	text-align:			center;
	vertical-align:		top;
	white-space:		nowrap;
	display:			inline-block;
	padding:			4px 0px 2px 0px;
}

/* info
-------------------------------- */
.post-type-archive-facility .white_box .col1
table .info
{
	/*background-color:	#CFC;*/
	/*max-width:			260px;
	width:				64%;*/
	width:				auto;
	text-align:			left;
	vertical-align:		top;
	padding:			5px 0px 0px 8px;
}
.post-type-archive-facility .white_box .col1
table .info h2
{
	border-bottom:		1px solid #ddd;
	color:				#333;
	font-size:			1.6em;
	font-family:		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:		bold;
	line-height:		1.2;
	vertical-align:		top;
	word-wrap:			break-word;
  	overflow-wrap:		break-word;
	margin-bottom:		8px;
	padding-bottom:		2px;
}
.post-type-archive-facility .white_box .col1
table .info address
{
	font-size:			1.2em;
	line-height:		1.5;
	text-align:			left;
	margin-bottom:		2px;
}
.post-type-archive-facility .white_box .col1
table .info .tel
{
	font-size:			1.2em;
	line-height:		1.5;
	text-align:			left;
	margin-bottom:		2px;
}

/* tags
-------------------------------- */
.post-type-archive-facility .white_box .col1
table .tags
{
	/*background-color:	#CCF;*/
	width:				50px;
	text-align:			right;
	padding-left:		8px;
	padding-right:		10px;
}
.post-type-archive-facility .white_box .col1
table .tags ul li 
{
	background-color:	#fff;
	border:				1px solid #ddd;
	width:				50px;
	color:				#ddd;
	font-size:			1.0em;
	line-height:		1.2;
	text-align:			center;
	display:			block;
	margin-bottom:		10px;
	padding:			4px 4px;
}
/* 泊まる（宿泊施設） */
.post-type-archive-facility .white_box .col1
table .tags ul.active_lodging li.lodging
{
	background-color:	#00f;
	border:				0px none;
	color:				#fff;
}
/* 食べる（レストラン施設） */
.post-type-archive-facility .white_box .col1
table .tags ul.active_restaurant li.restaurant
{
	background-color:	#f39800;
	border:				0px none;
	color:				#fff;
}
/* 遊ぶ（レジャー施設） */
.post-type-archive-facility .white_box .col1
table .tags ul.active_leisure li.leisure
{
	background-color:	#e50050;
	border:				0px none;
	color:				#fff;
}
/* 集う（婚礼宴会施設） */
.post-type-archive-facility .white_box .col1
table .tags ul.active_banquet li.banquet
{
	background-color:	#22ab38;
	border:				0px none;
	color:				#fff;
}
/* link_detial
------------------------------------------------ */
.post-type-archive-facility .white_box .link_detial
{
	font-size:			1.2em;
	line-height:		1.2;
	text-align:			right;
	clear:				both;
	padding-right:		1em;
}
.post-type-archive-facility .white_box .link_detial a
{
	color:				#1a5bf1;
}


/* col2
------------------------------------------------ */
.post-type-archive-facility .white_box .col2
{
	background-color:	#eee;
	width:				100%;
	height:				auto;
	/*float:				right;*/
	padding:			24px 0px;
}
/* gg_map
------------------------------------------------ */
.post-type-archive-facility .white_box .col2
#gg_map
{
	border:				1px solid #ccc;
	width:				90%;
	height:				360px;
	margin:				0px auto;
}


/* no_map
------------------------------------------------ */
.post-type-archive-facility .white_box .col2
.no_map
{
	background-color:	#EEE;
	font-size:			1.0em;
	display:			table;
	margin-bottom:		18px;
	padding:			0;
}
.post-type-archive-facility .white_box .col2
.no_map p
{
	font-size:			1.4em;
	text-align:			center;
	vertical-align:		middle;
	display:			table-cell;
	margin:				0;
	padding:			0;
}

/* bnr010
------------------------------------------------ */
.post-type-archive-facility .bnr010
{
	width:					90%;
	max-width:				640px;
	margin:					0px auto 32px auto;
}
.post-type-archive-facility .bnr010 img
{
	width:					100%;
	height:					auto;	
}

/* sitemap_box
================================================ */
.post-type-archive-facility .sitemap_box
{
	display:			none;
}


/* ================================================================================================ */



/* ================================================
	施設情報一覧(single-facility)
	single-facility
================================================ */
.single-facility
{
	background-color:	#efefef;
}

/* main_cont
================================================ */
.single-facility .main_cont
{
	background-color:	#FFF;
	width:				90%;
	clear:				both;
	margin:				0px auto;
	padding:			20px 20px;
}

/* tags
================================================ */
.single-facility .main_cont .tags
{
	margin-bottom:		14px;
}
.single-facility .main_cont .tags
ul li 
{
	background-color:	#fff;
	border:				1px solid #ddd;
	width:				50px;
	color:				#ddd;
	font-size:			1.0em;
	line-height:		1.2;
	text-align:			center;
	display:			inline-block;
	margin-right:		10px;
	margin-bottom:		10px;
	padding:			5px 4px 4px 4px;
}
/* 泊まる（宿泊施設） */
.single-facility .main_cont .tags
ul.active_lodging li.lodging
{
	background-color:	#00f;
	border:				0px none;
	color:				#fff;
}
/* 食べる（レストラン施設） */
.single-facility .main_cont .tags
ul.active_restaurant li.restaurant
{
	background-color:	#f39800;
	border:				0px none;
	color:				#fff;
}
/* 遊ぶ（レジャー施設） */
.single-facility .main_cont .tags
ul.active_leisure li.leisure
{
	background-color:	#e50050;
	border:				0px none;
	color:				#fff;
}
/* 集う（婚礼宴会施設） */
.single-facility .main_cont .tags
ul.active_banquet li.banquet
{
	background-color:	#22ab38;
	border:				0px none;
	color:				#fff;
}


/* tt_cont
================================================ */
.single-facility .main_cont .tt_cont
{
	border-bottom:		1px solid #898989;
	width:				100%;
	display:			table;
	margin-bottom:		14px;
	padding-bottom:		4px;
}

/* st_type1b
------------------------------------------------ */
.single-facility .main_cont .tt_cont .st_type1b
{
	/*width:				80%;*/
	color:				#333;
	font-size:			2.5em;
	line-height:		1.2;
	text-align:			left;
	vertical-align:		bottom;
	display:			table-cell;
}

/* area
------------------------------------------------ */
.single-facility .main_cont .tt_cont .area_cont
{
	/*width:				20%;*/
	text-align:			right;
	vertical-align:		bottom;
	display:			table-cell;
}
.single-facility .main_cont .tt_cont .area_cont .area
{
	background-color:	#03358c;
	color:				#fff;
	font-size:			1.2em;
	line-height:		1.2;
	text-align:			center;
	display:			inline-block;
	padding:			5px 14px;
}

/* gallery_map
================================================ */
.single-facility .main_cont .gallery_map
{
	border-top:			1px solid #eee;
	padding-top:		22px;
}

/* gallery_cont
------------------------------------------------ */
.single-facility .main_cont .gallery_map
.gallery_cont
{
	background-color:	#eee;
	width:				100%;
	/*float:				left;*/
	margin:				0px auto;
	padding:			28px 0px 12px 0px;
}

/* mvs
================================================ */
.single-facility .main_cont .gallery_map
.gallery_cont .mvs
{
	border:				4px solid #FFF;
	box-shadow:			1px 1.732px 4px 0px rgba(0, 0, 0, 0.45);
	max-width:			400px;
	width:				86%;
	height:				auto;
	position:			relative;
	margin:				0px auto;
	padding:			0;
}
/*.single-facility .main_cont .gallery_map
.gallery_cont .mvs_none
{
	display:				none;
}
*/
.single-facility .main_cont .gallery_map
.gallery_cont .mvs li
{
	max-width:			400px;
	width:				86%;
	height:				auto;
	overflow:			hidden;
	position:			absolute;
	left:				0px;
	top:				0px;
}
.single-facility .main_cont .gallery_map
.gallery_cont .mvs li img
{
	width:				100%;
	height:				100%;
}


.single-facility .slick-loading .slick-list
{
    background: #fff url('../../../js/facility/slick/ajax-loader.gif') center center no-repeat;
}

/* Icons */
/*@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}*/

.single-facility .mvs .slick-list
{
	
}

.single-facility .mvs li .wrap
{
	width:				392px;
	height:				292px;
	position:			relative;
	overflow:			hidden;
	display:			block;
}
.single-facility .mvs li .wrap img
{
	position:			absolute;
	display:			block;
}



/* thumbs
================================================ */
.single-facility .main_cont .gallery_map
.gallery_cont .thumbs
{
	/*width:				360px;*/
	position:			relative;
	
}
.single-facility .main_cont .gallery_map
.gallery_cont .thumbs .gallery
{
	width:				92%;
	overflow:			hidden;
	position:			relative;
	margin:				20px auto;
}

.single-facility .thumbs .current_box
{
	box-shadow:			1px 1px 3px 0px rgb(12, 87, 252);
	border:				2px solid #0c57fc;
	width:				90px;
	height:				90px;
	position:			absolute;
	left:				177px;
	top:				-2px;
}

.single-facility .thumbs .slick-slider
{
	/*background-color:	#FCC;*/
	
	/*left:				20px;*/
	margin:				20px 0;
}
.single-facility .thumbs .slick-list
{
	/*background-color:	#CCF;*/
	/*border:				1px solid #00f;*/
	margin:				0px 0px 0px 0px;
}
.single-facility .thumbs .slick-list .slick-track
{
	/*border:				1px solid #f00;*/
	margin-left:		5px;
}

.single-facility .thumbs .slick-list li.slick-slide
{
	padding-bottom:		2px;
}
.single-facility .thumbs .slick-list li.slick-slide .wrap
{
	box-shadow:			1px 1px 3px 0px rgba(0, 0, 0, 0.35);
	border:				2px solid #FFF;
	width:				86px;
	height:				86px;
	position:			relative;
	overflow:			hidden;
	display:			block;
}
.single-facility .thumbs .slick-list li.slick-slide .wrap img
{
	width:				100%;
	position:			relative;
	display:			inline;
}
.single-facility .thumbs .slick-current .wrap
{
	box-shadow:			1px 1px 3px 0px rgb(12, 87, 252)!important;
	border:				2px solid #0c57fc!important;
}


/* Arrows */
.single-facility .thumbs .slick-prev
{
	background-image:	url(../../../img/facility/fc_gallery_btn_prev.png);
	background-repeat:	no-repeat;
	background-position:left center;
	background-color:	#eee;
	width:				30px;
	height:				94px;
	
	font-size: 0;
	line-height: 0;
	
	position: absolute;
	top: 50%;
	
	display: block;
	
	padding: 0;
	margin-top: -10px\9; /*lte IE 8*/
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	
	cursor: pointer;
	
	color: transparent;
	border: none;
	outline: none;
	z-index:			1000;
}

.single-facility .thumbs .slick-next
{
	background-image:	url(../../../img/facility/fc_gallery_btn_next.png);
	background-repeat:	no-repeat;
	background-position:right center;
	background-color:	#eee;
	width:				30px;
	height:				94px;
	
	font-size: 0;
	line-height: 0;
	
	position: absolute;
	top: 50%;
	
	display: block;
	
	padding: 0;
	margin-top: -10px\9; /*lte IE 8*/
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	
	cursor: pointer;
	
	color: transparent;
	border: none;
	outline: none;
	z-index:			1000;
}

.single-facility .thumbs .slick-prev
{
    left:	0px;
}
.single-facility .thumbs .slick-next
{
    right:	0px;
}


.single-facility .thumbs .slick-prev:hover,
.single-facility .thumbs .slick-prev:focus,
.single-facility .thumbs .slick-next:hover,
.single-facility .thumbs .slick-next:focus
{
    color: transparent;
    outline: none;
	filter:				alpha(opacity=70);
	opacity:			0.7;
}
.single-facility .thumbs .slick-prev:hover:before,
.single-facility .thumbs .slick-prev:focus:before,
.single-facility .thumbs .slick-next:hover:before,
.single-facility .thumbs .slick-next:focus:before
{
    opacity: 1;
}
.single-facility .thumbs .slick-prev.slick-disabled:before,
.single-facility .thumbs .slick-next.slick-disabled:before
{
    opacity: .25;
}



/* map_cont
------------------------------------------------ */
.single-facility .main_cont .gallery_map
.map_cont
{
	/*background-color:		#EEE;*/
	height:					auto;
	/*float:					right;*/
	padding:				20px 10px 20px 10px;
}
/* gg_map
-------------------------------- */
.single-facility .main_cont .gallery_map
.map_cont #gg_map
{
	border:					3px solid #CCC;
	max-width:				400px;
	width:					82%!important;
	height:					auto;
	margin:					0px auto 18px auto;
}
.single-facility .main_cont .gallery_map
.map_cont .no_map
{
	background-color:		#EEE;
	font-size:				1.0em;
	display:				table;
	margin-bottom:			18px;
	padding:				0;
}
.single-facility .main_cont .gallery_map
.map_cont .no_map p
{
	font-size:				1.4em;
	text-align:				center;
	vertical-align:			middle;
	display:				table-cell;
	margin:					0;
	padding:				0;
}

/* address
-------------------------------- */
.single-facility .main_cont .gallery_map
.map_cont address
{
	font-size:				1.4em;
	font-weight:			bold;
	line-height:			1.4;
	display:				table;
	margin-bottom:			8px;
}
.single-facility .main_cont .gallery_map
.map_cont address .post_code
{
	text-align:				left;
	display:				table-cell;
	white-space:			nowrap;
	padding-right:			1em;
}
.single-facility .main_cont .gallery_map
.map_cont address .adr
{
	text-align:				left;
	display:				table-cell;
	/*word-break:				break-strict;*/
	
	overflow-wrap:			break-word;
	word-wrap:				break-word;
}

/* nos
-------------------------------- */
.single-facility .main_cont .gallery_map
.map_cont .nos
{
	width:					auto;
	font-size:				1.4em;
	margin-bottom:			40px;
}
.single-facility .main_cont .gallery_map
.map_cont .nos li
{
	width:					48%;
	font-weight:			bold;
	line-height:			1.4;
	vertical-align:			top;
	white-space:			nowrap;
}
.single-facility .main_cont .gallery_map
.map_cont .nos .tel
{
	text-align:				left;
	float:					left;
	padding-right:			1em;
}
.single-facility .main_cont .gallery_map
.map_cont .nos .fax
{
	text-align:				left;
	float:					left;
}

/* content2
================================================ */
.single-facility .content2
{
	background-color:	#FFF;
	max-width:			956px;
	width:				90%;
	clear:				both;
	margin:				32px auto 0px auto;
	padding:			20px 2px;
}



/* btn_back_list
================================================ */
.single-facility .btn_back_list
{
	text-align:			center;
	margin:				40px 0px;
}



/* ================================================
	aaaa
================================================ */

/* aaaa
================================================ */

/* ================================
	aaaa
================================ */

/* aaaa
================================ */

/* ======== aaaa ======== */


/* ------------------------------------------------
	aaaa
------------------------------------------------ */

/* aaaa
------------------------------------------------ */

/* --------------------------------
	aaaa
-------------------------------- */

/* aaaa
-------------------------------- */

/* -------- aaaa -------- */

/* ---- aaaa ---- */

/* -- aaaa -- */

/* aaaa */
