/*ページタイトル*/

.title_area {
    text-align:center;
    margin-top:50px;
}

.title_area .main_title_box {
    display:inline-block;
    width:auto;
    background-image:url("../../../images/sanbe/about_sanbe/title_line.svg");
    background-repeat:repeat-x;
    background-position:bottom;
    background-size:auto 5px;
/*    height:70px;*/
    padding-bottom:30px;
    line-height:1.8em;
}

.title_area .main_title_box h1  {
    display:inline;
    padding-left:120px;
    padding-right:50px;
	padding-top:5px;
    background-image:url("../../../images/sanbe/facility_introduction/icn_purpose_46.svg");
    background-repeat:no-repeat;
    background-size:46px auto;
    background-position:50px 5px;
    margin:0;
}

.category_area {
/*	background-color:#F4F0D9;*/
	margin-top:30px;
}

/*.category_area .category {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:12px;
	padding-bottom:18px;
}
*/
.category_area .category {
	overflow: hidden;
	width: 80%;
	margin: 2em auto;
	text-align: center;
}
.category_area .category select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.category_area .category select::-ms-expand {
    display: none;
}
.category_area .category {
	position: relative;
	border-radius: 20px;
	border: 2px solid #F4F0D9;

	background: #F4F0D9;
	padding-top:5px;
	padding-bottom:5px;
}


.category_area .category .select_arrow	{
	position:absolute;
	top:16px;
	right:22px;
}



.category_area .category select {
	padding: 6px 40px 6px 40px;
	color: #3E3A39;
	font-weight:500;
}





.btn_box	{
width:100%;
	text-align:center;
}
.view_all	{
	display:inline-block;
/*	width:238px;*/
	min-width:238px;
	padding-left:50px;
	padding-right:50px;
	height:38px;
	background-color:#231815;
	border-radius:19px;
	text-align:center;
	cursor: pointer;
	transition:.3s;
	position:relative;
}

.view_all .arrow	{
	position:absolute;
	left:30px;
	top:16px;
}

.view_all:hover		{
	opacity:.6;
}

.view_all p	{
	font-size:18px;
	font-weight:500;
	color:#fff;
	margin:0;
	line-height:38px;
}




/*一覧表示*/

#facility_list	{
	margin-top:50px;
	width:291px;
	margin-left:auto;
	margin-right:auto;
	letter-spacing: -.4em;
}

#facility_list .image_box	{
	width:291px;
	letter-spacing: normal;
	padding-bottom:60px;
}

#facility_list .image_box h3	{
	font-size:16px;
	margin:0;
	padding:0;
	background-image:url("../../../images/sanbe/facility_introduction/arrow_8.svg");
	background-size:10px auto;
	background-position:0 7px;
	background-repeat: no-repeat;
	padding-left:20px;
}

#facility_list .image_box h3 a	{
	color:#231815;
	text-decoration:none;
}

#facility_list .image_box .main_image	{
	margin-top:10px;
	margin-bottom:6px;
}

#facility_list .image_box .category	{
	font-size:13px;
	color:#fff;
	background-color:#AA8657;
	padding-left:16px;
	padding-right:16px;
	padding-top:2px;
	padding-bottom:4px;
	margin-right:6px;
	line-height:1em;
	display:inline-block;
}

#facility_list .image_box .txt	{
	font-size:15px;
	margin:0;
	padding:0;
	line-height: 1.4em;
	margin-top:10px;
}

.not_vis	{
	display:none;
}


/*個別ページ*/

.cat_area	{
	width:316px;
	margin-left:auto;
	margin-right:auto;
	letter-spacing:-.4em;
	margin-top:40px;
}

.cat_area .cat	{
	display:inline-block;
	vertical-align: bottom;
	letter-spacing: normal;
	width:316px;
}

.cat_area .cat .category	{
	font-size:13px;
	color:#fff;
	background-color:#AA8657;
	padding-left:16px;
	padding-right:16px;
	padding-top:2px;
	padding-bottom:4px;
	margin-right:6px;
	line-height:1em;
	display:inline-block;
}



.back_view	{
	width:100%;
	text-align:center;
	font-size:18px;
	margin-top:20px;
}

.back_view a	{
	text-decoration:none;
	color:#3E3A39;
}

.back_view a:hover	{
	text-decoration:underline;
}

.back_view span {
	background-image:url("../../../images/sanbe/facility_introduction/arrow_14.svg");
	background-repeat: no-repeat;
	background-position:0 6px;
	background-size:18px auto;
	padding-left:24px;
}

.head_area	{
	width:316px;
	margin-left:auto;
	margin-right:auto;
	margin-top:7px;
}

.head_area .head_line	{
	display:block;
}

.head_area .head_line.top	{
	margin-bottom:10px;
}

.head_area .head_line.bottom	{
	margin-top:13px;
}

.head_area h1	{
	margin:0;
	line-height:1.4em;
	font-size:24px;
	padding-left:20px;
	padding-right:20px;
}


.slider	{
	width:291px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	position:relative;
}

.bxslider01	{
	margin:0;
	padding:0;
}

.controlWrap	{
	margin-top:30px;
	position:relative;
}

.bxslider02	{
	margin:0;
	padding:0;
}

div.controlWrap .thumb_image	{
	transition:.3s;
}

div.controlWrap .thumb_image:hover	{
	opacity:.6;
}

.slider p#PrevIcon a{
	display:block;
	width:12px;/*オリジナルの矢印アイコン画像の横幅を設定しましょう*/
	height:23px;/*オリジナルの矢印アイコン画像の縦幅を設定しましょう*/
	position:absolute;
    background:url("../../../images/sanbe/facility_introduction/slide_arrow_l_10.svg") left center no-repeat;
    background-size:12px auto;
	color:#fff;
	top:90px;
	left:-28px;
	text-indent:-9999px;
}
 
.slider p#NextIcon a{
	display:block;
	width:12px;/*オリジナルの矢印アイコン画像の横幅を設定しましょう*/
	height:23px;/*オリジナルの矢印アイコン画像の縦幅を設定しましょう*/
	position:absolute;
    background:url("../../../images/sanbe/facility_introduction/slide_arrow_r_10.svg") left center no-repeat;
    background-size:12px auto;
	color:#fff;
	top:90px;
	right:-28px;
	text-indent:-9999px;
}

.main_text	{
	width:316px;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
}

.main_text p	{
	margin:0;
}


.basic_info_area	{
	width:100%;
	background-color:#F4F0D9;
	margin-top:60px;
}

.basic_info_area .bhead_area{
	position:relative;
	text-align:center;
	width:100%;
	height:20px;
}

.basic_info_area .bhead_area .head{
	border:2px solid #898989;
	background-color:#fff;
	height:36px;
	display:inline-block;
	text-align: center;
	min-width:220px;
	padding-left:70px;
	padding-right:70px;
	border-radius:15px;
	position:relative;
	top:-18px;
}

.basic_info_area .bhead_area .head p{
	margin:0;
	line-height:34px;
}

.basic_info_area .basic_info	{
	width:316px;
	margin-left:auto;
	margin-right:auto;
	padding-top:40px;
	padding-bottom:60px;
}


.basic_info_area .basic_info dl {
	margin:0;
	padding:0;
}

.basic_info_area .basic_info dl dt {
	float:left;
	margi-left:110px;
	clear:both;
	padding-left:10px;
}

.basic_info_area .basic_info dl dd {
	margin-left:120px;
	padding-right:0px;
}


.map	{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}

.cat_list	{
	border-top:1px dotted #3E3A39;
	border-bottom:1px dotted #3E3A39;
	width:316px;
	margin-left:auto;
	margin-right:auto;
	margin-top:70px;
	padding-top:20px;
	padding-bottom:20px;
}

.cat_list .head	{
	white-space: nowrap;
	vertical-align: top;
}

.cat_list .list	{
	padding-left:20px;
}


.cat_list .list .category	{
	font-size:15px;
	color:#fff;
	background-color:#AA8657;
	padding-left:16px;
	padding-right:16px;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:20px;
	line-height:1em;
	display:inline-block;
	transition:.3s;
	cursor: pointer;
	margin-bottom:10px;
}

.cat_list .list .category:hover	{
	opacity:.6;
}



.view_back	{
	display:inline-block;
/*	width:238px;*/
	min-width:180px;
	padding-left:50px;
	padding-right:50px;
	height:38px;
	background-color:#231815;
	text-align:center;
	cursor: pointer;
	transition:.3s;
	position:relative;
	margin-top:60px;
}

.view_back .arrow	{
	position:absolute;
	left:0px;
	top:16px;
}

.view_back:hover		{
	opacity:.6;
}

.view_back p	{
	font-size:15px;
	font-weight:500;
	color:#fff;
	margin:0;
	line-height:38px;
}

/*三瓶温泉とは・三瓶そばとはリンクボタン*/
.btn_area	{
	margin-top:40px;
}

.btn_area a {
	width:316px;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
}

.btn_area a:hover > .btn {
	background-color:#C9CACA;
}

.btn_area a .btn {
	width:316px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:#15537A;
	position:relative;
	border-radius: 6px;
	transition:.3s;
	margin-bottom:10px;
}

.btn_area .btn_off {
	width:316px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:#C9CACA;
	position:relative;
	border-radius: 6px;
	transition:.3s;
}

.btn_area a .btn .arrow, .btn_area .btn_off .arrow {
	position:absolute;
	left:13px;
	top:13px;
}

.btn_area a .btn p, .btn_area .btn_off p {
	color:#fff;
	font-size:17px;
	margin:0;
	line-height:40px;
}