/*ページタイトル*/

.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;
}

.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:50px;
}

.category_area .category {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	padding-top:12px;
	padding-bottom:18px;
}


.category ul   {
    margin:0;
    padding:0;
}

.category li   {
    list-style: none;
    margin:0;
    padding:0;
}

.category .check_icn   {
    position:absolute;
    padding-bottom:30px;
    top: 7px;
    left: 23px;
	cursor: pointer;
}


.category .check_off   {
    z-index:0;
}

.category .check_on   {
    z-index:9;
}

.category ul li{
  color: #595757;
  display: inline-block;
  position: relative;
	margin-top:10px;
}

.category ul li input[type=checkbox]{
  position: absolute;
  visibility: hidden;
}

.category ul li label{
  display: block;
  position: relative;
  font-weight: 500;
  font-size: 16px;
  padding: 0px 5px 5px 50px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.1s linear;
}

.category ul li:hover label{
    color: #595757;
}

.category ul li .check{
  display: block;
  position: absolute;
  border: 1px solid #595757;
  border-radius: 2px;
  height: 22px;
  width: 22px;
  top: 2px;
  left: 20px;
	background-color:#fff;
	z-index: 5;
    -webkit-transition: border .1s linear;
    transition: .1s;

}

.category ul li:hover .check {
  border: 3px solid #595757;

}

.category ul li .check::before {
  display: block;
  position: absolute;
    content: '';
  border-radius: 0px;
  height: 18px;
  width: 18px;
  top: 0px;
  left: 0px;
    
  margin: auto;
    transition: background 0.1s linear;
    -webkit-transition: background 0.1s linear;
}

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

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

.view_all:hover		{
	opacity:.6;
}

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

.view_back	{
	display:inline-block;
/*	width:238px;*/
	min-width:200px;
	padding-left:60px;
	padding-right:60px;
	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;
}


/*一覧表示*/

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

#facility_list .image_box	{
	width:221px;
	margin-left:16px;
	margin-right:16px;
	letter-spacing: normal;
	display:inline-block;
	vertical-align: top;
	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;
    margin-bottom:5px;
}

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

.not_vis	{
	display:none;
}


/*個別ページ*/

.cat_area	{
	width:980px;
	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:800px;
}

.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;
}



.cat_area .back_view	{
	display:inline-block;
	vertical-align:bottom;
	letter-spacing: normal;
	width:180px;
	text-align:right;
	font-size:14px;
}

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

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

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

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

.head_area .head_line	{
	display:block;
}

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

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

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


.slider	{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

.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;
}

div.controlWrap 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:44px;
	left:210px;
	text-indent:-9999px;
}
 
div.controlWrap 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:44px;
	right:210px;
	text-indent:-9999px;
}

.main_text	{
	width:980px;
	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:654px;
	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:150px;
	clear:both;
	padding-left:30px;
}

.basic_info_area .basic_info dl dd {
	margin-left:160px;
	padding-right:30px;
}


.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:980px;
	margin-left:auto;
	margin-right:auto;
	margin-top:70px;
	padding-top:20px;
	padding-bottom:10px;
}

.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;
}

/*三瓶温泉とは・三瓶そばとはリンクボタン*/
.btn_area	{
	letter-spacing: -.4em;
	width:812px;
	margin-left:auto;
	margin-right:auto;
	height:40px;
	margin-top:40px;
}

.btn_area a {
	display:inline-block;
	letter-spacing: normal;
	vertical-align: top;
	width:372px;
	height:40px;
	margin-left:17px;
	margin-right:17px;
	text-decoration:none;
}

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

.btn_area a .btn {
	width:372px;
	height:40px;
	text-align:center;
	background-color:#15537A;
	position:relative;
	border-radius: 6px;
	transition:.3s;
}

.btn_area .btn_off {
	display:inline-block;
	letter-spacing: normal;
	vertical-align: top;
	width:372px;
	height:40px;
	margin-left:17px;
	margin-right:17px;
	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;
}