@charset "utf-8";
body {
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:62.5%;
	text-align:center;
	color:#000;
	background-image:url(../images/background_2.jpg);
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing:antialiased;
}
/* ========================================================================== */
/* global-header                                                             																											 */
/* ========================================================================== */
header{
	color:#fff;
	text-align:left;
	width:100%;
	margin:0 auto;
	position:fixed;
	z-index:100;
	line-height:0;
	font-size:0;
}
header a{color:#000;}
#global-nav-wap{width:100%; margin:0;height: 85px; auto;background-color:rgba(0,0,0,0.90);}
#global-nav-wap{/*ie8*/background-color: #000\9;}
*+html #global-nav-wap{/*ie7*/background-color: #000;}
#global-nav h1 { /*logo*/
	line-height:0;
	font-size:0;
	width:175px;
	float:left;
	-webkit-transition:0.3s ease-in-out;
  -moz-transition:0.3s ease-in-out;
  -o-transition:0.3s ease-in-out;
  transition:0.3s ease-in-out;
}
#global-nav h1:hover{filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
#global-nav .current-room, #global-nav .current-about, #global-nav .current-facilities, #global-nav .current-bath, #global-nav .current-access{
	position:absolute;width:16px;height:2px;z-index:102;opacity:.7;}
#global-nav .current-room{bottom:0px;left:545px;}
#global-nav .current-about{bottom:0px;left:265px;}
#global-nav .current-facilities{bottom:0px;left:632px;}
#global-nav .current-bath{bottom:0px;left:380px;}
#global-nav .current-access{bottom:0px;left:730px;}
/* ----------------------------- */
#sub-nav-wap{width:100%;margin:0 auto;color:#000;background-color:rgba(19,19,19,0.80);}
#sub-nav-wap{/*ie8*/background-color:#373A39\9;}
*+html #sub-nav-wap{/*ie7*/background-color:#373A39;}
#sub-nav {width:960px;margin:0 auto;height:70px;overflow:hidden;_zoom:1;}
*+html #sub-nav{/*ie7*/background-color:#373A39;width:100%;position:relative;left:-500px;}
#sub-nav2{width:960px;margin:0 auto;height:50px;overflow:hidden;_zoom:1;}
*+html #sub-nav2 {/*ie7*/background-color: #373A39;width:100%;position: relative;left:-500px;}
aside a{
	display:block;
	float:right;
	width:50%;
	border:#09F solid 1px;
	margin-top:-42px;
	padding:5px;
	font-size:1.2em;
	text-align:center;
	color:#09F;
	background:#FFF;
	-moz-border-radius:5px;
  -webkit-border-radius:5px;
}
aside a:hover{color:#09F;background:#eaf6fd;}
#page-roomtype aside a{width:auto;margin-top:-12px;padding:5px 30px;}
#contents-wrapper{width:100%;background:url(../images/contents_bg.png)repeat-x left 180px;}
#contents-wrapper #contents, #contents-wrapper #contents2{width:960px;}
#contents{padding-top:185px;}
#contents2{padding-top:165px;}
#contents3 {
	width: 960px;
	margin: 0 auto;
	padding-top: 115px;
	text-align: left;
	text-justify: distribute;
	font-size: 1.4em;
	line-height: 1.8em;
	position: relative;
	zoom: 1;
	z-index: 2;
}
#contents, #contents2{
	width:960px;
	margin:0 auto;
	text-align:left;
	text-justify:distribute;
	font-size:1.4em;
	line-height:1.8em;
	position:relative;
	zoom:1;
	z-index:2;
}
#contents_end{width: 960px;margin:0 auto;}

#contents h2{display:block;padding:0px;line-height:0;font-size:0;margin-bottom:40px;}
/* h2 span.g-text{ font-family: "Sawarabi Mincho", serif;font-size:18px!important;font-weight: bold;transform:scale( 1, 1 );}*/

#page-about #contents2 h2#a01{;margin:-2px 0 31px 0;}
#page-about #contents2 h2#a02,
#page-about #contents2 h2#a03,
#page-about #contents2 h2#a04{margin-bottom:8px;}
#page-about #contents2 h2 span.second{display:inline-block;margin-left:33px;}
#page-about #contents2 h2 span.third{display:inline-block;margin-left:-4px;}
#page-about #contents2 h2 span.g-text{display:none;}
/* #page-about #contents2 h2 span.second,
#page-about #contents2 h2 span.third{display: none;}
#page-about #contents2 h2 span.g-text{display:inline-block;margin-left:33px;padding-top:-10px!important;} */
#page-bath #contents2 h2{margin-bottom: 15px;}
#page-bath #contents2 h2 span.second{display:inline-block;}
#page-bath #contents2 h2 span.third{display:inline-block;margin-left:-5px;}
#page-about #contents2 #introduction .right-box img:first-child{
	margin-bottom: 20px;
}
#page-cuisine #contents3 > h2{margin-bottom: 22px;}
#page-cuisine #contents3 h2 span.second{display:inline-block;margin-left:-4px;}
#page-cuisine #contents3 h2 span.third{display:inline-block;margin-left:-5px;}
#contents2 h2, #contents3 h2, #contents4 h2{height:50px;display:block;padding:0;line-height:0;font-size:0;margin-bottom:15px;}
/* ----------------------------- */
#contents p.lead, #contents2 p.lead{
	padding-left:140px;
	font-size:15px;
	background:url(../roomtype/images/ttl_bg.png)no-repeat left top;
}
#contents section{
	width:975px;
	overflow:hidden;
	position:relative;
	padding-top:40px;
	background:url(../images/contents_line.png) no-repeat left 0;
	clear:both;
	margin-top:30px;
	_zoom:1;
	-webkit-box-sizing:inherit;
	-moz-box-sizing:inherit;
	box-sizing:inherit;
}
#contents2 section, #contents3 section{
	width:967px;
	overflow:hidden;
	position:relative;
	margin-top:30px;
	padding-top:30px;
	background:url(../images/contents_line.png) no-repeat left 0;
	clear:both;
	_zoom:1;
	-webkit-box-sizing:inherit;
	-moz-box-sizing:inherit;
	box-sizing:inherit;
}
#contents2 #introduction2{margin-top:10px;padding-top:40px;}
#contents2 section p, #contents3 section p, #contents4 section p{padding-bottom:5px;}
section #introduction{width:960px;padding-top:16px;background-image:none;font-size:15px;}
section #introduction img, .sh{
 	-moz-box-shadow:1px 1px 6px #101010;
	-webkit-box-shadow:1px 1px 6px #101010;
	box-shadow:1px 1px 6px #101010;
}
.explain{background:url(../about/images/explain_bg.png)no-repeat center center;height:780px;}
.explain p{
	padding-bottom:0px;
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
	margin:0px;
	font-size:14px;
}
.explain h3{
	padding-bottom:20px;
	padding-top:35px;
	margin:0px;
	font-size:16px;
	background-image:url(../about/images/explain_ttl_bg.png);
	background-repeat:no-repeat;
	background-position:16px 25px;
	padding-left:20px;
	font-weight:bold;
}
.section_box{width:310px;float:left;position:relative;margin-right:15px;padding:0;line-height:1.6em;}
#contents section .section_box h2{display:block;margin-bottom:20px;line-height:0;font-size:0;}
.reserve_btn{position:absolute;top:-1px;right:0px;}
/* ----------------------------- */
table.table01,
table.table02{border-collapse: collapse;float:left;}
table.table02{margin:0 0 20px 0;}
table.table01 td,
table.table02 td{padding:3px;white-space:nowrap;}
table.table01 td.fee{text-align:right;}
table.table01 td.info{font-size:0.8em;text-align:right;}
table.table01 tr.line,
table.table02 tr.line{border:mome;border-bottom:thin solid #000;}
/* ----------------------------- */
.photo_box{width:960px;float:left;}
.photo_box ul{width:975px;margin:20px -15px 0 0;overflow:hidden;_zoom:1;}
.photo_box ul li{float:left;margin-right:15px;}
.photo_box ul img{
	-moz-box-shadow:1px 1px 6px #101010;
	-webkit-box-shadow:1px 1px 6px #101010;
	box-shadow:1px 1px 6px #101010;
}
/* ----------------------------- */
.left-box{float:left;width:368px;margin-right:30px;}
.right-box{width:562px;float:right;margin:0;}
.img_left{float:left;margin-right:12px;}
.text_right {float:right;}
.img_right{float:right;}
.img_center{text-align:center;margin-bottom:2px;}
.text_left{float:left;}
.left_m6{margin-left:6px;}
.text_b15{font-size:15px;font-weight:bold;padding:0px;}

/* ----------------------------- */
/* 温泉 */
/* ----------------------------- */
#page-bath .four-box{clear:both;width:100%;margin:15px 0 0 0;}
.four-box img, .sh{
 	-moz-box-shadow:1px 1px 6px #101010;
	-webkit-box-shadow:1px 1px 6px #101010;
	box-shadow:1px 1px 6px #101010;
}
.four-box li{float:left;margin:0 0 8px 0;}
.four-box li:nth-child(odd){margin:0 12px 0 0;}
#contents2 p.lead-bath{padding-left:140px;font-size:15px;background:url(../bath/images/ttl_bg3.png) no-repeat left top;}
/* ----------------------------- */
/* 料理 */
/* ----------------------------- */
#contents3 p.lead-cuisine{padding-left:140px;font-size:15px;background:url(../cuisine/images/ttl_bg4.png) no-repeat left top;}
.leftmiddle-box .left{float:left;}
.leftmiddle-box .right{float:right;}
/* ----------------------------- */
/* お部屋 */
/* ----------------------------- */
/* ----お部屋/福住楼について　Nav ------------------------------------------------ */
#menu-room-kawa ul, #menu-room-niwa ul, #menu-about ul, #menu-facilities ul, #menu-bath ul, #menu-access ul {margin:0;padding:0;}
#menu-room-kawa li, #menu-room-niwa li, #menu-about li, #menu-facilities li, #menu-bath li, #menu-access li{float:left;display:inline;}
#menu-room-kawa li a, #menu-room-niwa li a, #menu-about a, #menu-facilities a, #menu-bath a, #menu-access a{display:block;}
#menu-room-kawa li a:hover { background-color: rgba(12,162,226,0.65);}
#menu-room-kawa li a:hover { background-color: #0ca2e2\9;}/*ie8*/
*+html #menu-room-kawa li a:hover { background-color: #0ca2e2;}/*ie7*/
#menu-room-niwa li a:hover { background-color: rgba(0,142,116,0.65); }
#menu-room-niwa li a:hover { background-color: #008e74\9; }/*ie8*/
*+html #menu-room-niwa li a:hover { background-color: #008e74; }/*ie7*/
#menu-about li a:hover { background-color: rgba(0,0,0,0.40); }
#menu-about li a:hover { background-color: #000\9; }/*ie8*/
*+html #menu-about li a:hover { background-color: #000; }/*ie7*/
#menu-facilities li a:hover { background-color: rgba(0,0,0,0.40); }
#menu-facilities li a:hover { background-color: #000\9; }/*ie8*/
*+html #menu-facilities a:hover { background-color: #000; }/*ie7*/
#menu-bath li a:hover { background-color: rgba(0,0,0,0.40); }
#menu-bath li a:hover { background-color: #000\9; }/*ie8*/
*+html #menu-bath a:hover { background-color: #000; }/*ie7*/
#menu-access li a:hover { background-color: rgba(0,0,0,0.40); }
#menu-access li a:hover { background-color: #000\9; }/*ie8*/
*+html #menu-access a:hover { background-color: #000; }/*ie7*/
#menu-room-kawa li a:hover, #menu-room-niwa li a:hover, #menu-about li a:hover, #menu-facilities li a:hover, #menu-bath li a:hover, #menu-access li a:hover {
  -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
/* ----------------------------- */
/* 施設 */
/* ----------------------------- */
.leftmiddle-box {width:100%;}
section #introduction2{
	width:975px;
	overflow:hidden;
	position:relative;
	padding-top:40px;
	background:url(../images/contents_line.png) no-repeat left 0;
	clear: both;
	margin-top:0px;
	_zoom:1;
	-webkit-box-sizing:inherit;
	-moz-box-sizing:inherit;
	box-sizing:inherit;
}
/* ----------------------------- */
/* 料金表 */
/* ----------------------------- */
#contents4{
	width:960px;
	margin:0 auto;
	padding-top:115px;
	text-align:left;
	text-justify:distribute;
	font-size:1.4em;
	line-height:1.8em;
	position:relative;
	zoom:1;
	z-index:2;
}
#contents4 section{
	width:967px;
	overflow:hidden;
	position:relative;
	padding-top:30px;
	background:url(../images/contents_line.png) no-repeat left 0;
	clear:both;
	margin-top:0px;
	_zoom:1;
	-webkit-box-sizing:inherit;
	-moz-box-sizing:inherit;
	box-sizing:inherit;
}
#rate .bestbase{width:960px; margin-bottom: 50px; color:#000;filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;}
#rate .ratebase{width:960px;color:#000;filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;}
#rate table{width:100%;border:#ccc 1px solid;margin-bottom:10px;}
#rate th{
	padding:2px 5px;
	color:#fff;
	text-align:center;
	background: #000;
	border-left:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
}
#rate td{
	padding:2px 5px;
	text-align:center;
	border-left:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
}
#rate tr:nth-child(even) {background-color:#FFF}
#rate tr:nth-child(odd) {background:#f7f7f7;}
#rate ul{float:left;}
#rate li{
	color:#FFF;
	line-height:1.4em;
	font-size:90%;
	font-weight:normal;
}
#rate .rate-best {
    text-align: right;
    font-size: 18px;
    color: #999933;
    font-weight: bold;
    padding: 0 0 5px 0;
}
#rate input{
    float:right;
    width:200px;
    font-size: 1.5em;
    font-weight: bold;
    padding: 10px 30px;
    color: #fff;
    border: solid 1px #ccc;
    background: #999933;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    transition: all  0.3s ease;
}
#rate input:hover{
    background: #666600;
}
.blanklink {
	background:url(../images/blank_icon.png) no-repeat 100% 50%;
	background-size:contain;
	padding-right:15px;
}
/* ----------------------------- */
/* アクセス */
/* ----------------------------- */
.access-map{margin:20px 0 0 0;}
.access-map span {display:block;text-align:center;}

/* ----------------------------- */
/* FB */
/* ----------------------------- */

#fb .fbbase{ 
    width:960px;
    color:#000;
    filter:alpha(opacity=85);
    -moz-opacity:0.85;
    -khtml-opacity:0.85;
    opacity:0.85;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#fb .fbbase a {
    display: block;
    width: 23%;
    background: #000000;
    padding: 10px;
    box-sizing: border-box;
    color: #ffffff;
    margin: 0 1% 2% 1%;
}
#fb .fbbase a:hover{
    color: #b5c53f ;
}
#fb .fbbase a .loadimg {}
#fb .fbbase a .loadimg img{
    width: 100%;
    height: auto;
}
#fb .fbbase a .loadtime{
    font-size: 12px;
}
#fb .fbbase a .loadtext{
    font-size: 14px;
}

#fb .fbbase .link {
    width: 100%;
    border-top: 1px solid #cccccc;
    text-align: right;
}

#fb .fbbase .link a {
    color: #000000;
    background: none;
    padding: 10px 0 0 0;
    margin: 0;
    width: auto;
}
#fb .fbbase .link a:hover{
    color: #b5c53f ;
}



@media screen and (max-width: 640px) {
#fb .fbbase{ 
    width:100%;
    }
    
#fb .fbbase a {
    width: 48%;
} 
}


/* ----------------------------- */
/* mailform */
/* ----------------------------- */
#mailform{margin:50px 0 0 0;text-align:center;}
#mailform .mailformbase{
	margin:0 auto;
	text-align:left;
	padding:15px 25px;
	width:450px;
	color:#fff;
	background:#000;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity:0.75;
}
#mailform table{width:100%;color:#fff;}
#mailform td{padding:7px 10px;border:#CCCCCC solid 1px;}
.mailformbase p{margin:0 0 20px 0!important;}
#mailform li {margin:0 0 10px 0;}
#mailform li span{display:inline-block;width:150px;text-align:left;}
#mailform li:last-child span{width:100%;}

#mailform li input{width:300px;}
#mailform li textarea{width:450px;height:200px;}
#mailform .formbtn{margin:0 auto;text-align:center;width:450px;}
#mailform .formbtn input{
  border-top:1px solid #fff;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
  border-left:1px solid #fff;
  padding:5px 20px;
  font-weight:bold;
  cursor:pointer;
  color:#666;
}
#mailform .thank{text-align:center;font-size:130%;padding:20px 0;}
/* ----------------------------- */
/* インフォメーション */
/* ----------------------------- */
#page-info .box_hdspace{height:75px;}
#page-info #contents3 h2{margin-bottom:0;}
#page-info h4{margin-bottom:10px;font-size:110%;font-weight:bold;}
#page-info .lead-info{padding-left:100px;}
#page-info .leftmiddle-box{background:url(../info/images/ttl_bg_info.png) no-repeat;}
#contents4 .section_box{width:305px;float:left;position:relative;margin-right:15px;padding:0px;line-height:2.3em;}
.sitemap1{font-size:1.3em;color:#09F;margin-top:5px;}
.sitemap1 a {color:#09F;}
.sitemap1 a:hover{color:#06C;}
.sitemap2 {margin-left:20px;color:#000;}
.sitemap2 a:hover{color:#06C;}
.section_box .left{width:120px;float:left;}
.section_box .right{width:120px;float:left;margin-top:37px;}
/* 日本の20世紀遺産20選 ------------ */
#jpn20cen {
	width:100%;
	height:400px;
	padding-top: 74px;
	background:url(../info/images/jpn20cen_tlbg.png) no-repeat left 0 top 0;
	background-size: cover;
}
#jpn20cen h2{margin: 65px auto 0 auto;}
.jpn20cen #contents3{padding-top: 50px;}
#page-about #contents2 #introduction .right-box img:first-child{
	margin:15px 0;
}
#page-about #contents2 #introduction .right-box img:nth-child(2){
	width: 100%;
}
#pag
.jpn20cen .left-box{width:522px!important;margin-right:25px;}
.jpn20cen .explain{width:522px!important;height:350px; background:url(../info/images/explain_bg.png) no-repeat center center;border:red1px solid!important;}
.jpn20cen p{margin: 30px 0;}
.jpn20cen .lead-info{padding:0 20px!important;font-weight:bold;}
.jpn20cen .right-box{width:383px;font-size:12px;}
.jpn20cen .right-box ul{margin:30px 0;}
.jpn20cen .right-box li{margin-bottom: 10px;padding-left: -1em;text-indent: -1em;}
.jpn20cen .right-box li span{display:block;font-weight:bold;}
/* ----------------------------- */
/* アクセス */
/* ----------------------------- */

/* ----------------------------- */
/* ERROR */
/* ----------------------------- */
.textBox{
	width:90%;
	margin: 50px auto 100px auto;
	padding: 10px;
	border:#CCC 4px solid;
	text-align: center;
}
.textBox .error_txt{color:red;font-size:130%;font-weight: bold;}
.textBox .error_read{font-weight: bold;}
/* ========================================================================== */
/* global-footer */
/* ========================================================================== */
footer {
	overflow:hidden;
	padding-top:20px;
	padding-bottom:35px;
	background:url(../images/contents_line.png) no-repeat left 0;
	margin-top:30px;
	_zoom:1;
	-webkit-box-sizing:inherit;
	-moz-box-sizing:inherit;
	box-sizing:inherit;
}

address{text-align:right;font-size:0.8em;clear:both;padding-bottom:10px;}
address span{font-size:1.2em;font-weight:bold;margin-right:15px;}


#footer_menu ul{float:left;}
#footer_menu li{float:left; margin:1px 8px; padding: 0; font-size: 12px;}
#footer_menu li a:hover{color:#6C0;}
#footer_menu .clear{clear: both;}

#footer_menu .ico-qa   { color: #000000; background:url("../images/ico-qa-2nd.svg") no-repeat center left; background-size: 14px; padding-left:16px;}
#footer_menu .ico-mail { color: #000000; background:url("../images/ico-mail-2nd.svg") no-repeat center left; background-size: 14px; padding-left:16px;}
#footer_menu .ico-site { color: #000000; background:url("../images/ico-map-2nd.svg") no-repeat center left; background-size: 14px; padding-left:16px;}
#footer_menu .ico-fb   { color: #000000; background:url("../images/ico-fb-2nd.svg") no-repeat center left; background-size: 14px; padding-left:16px;}
#footer_menu .ico-link   { color: #000000; background:url("../images/ico-link-2nd.svg") no-repeat center left; background-size: 14px; padding-left:16px;}

.copyright{float:right;font-size:12px;margin-top: 0!important;}
.copyright a:hover{color:#6C0;}
/* scrollUp Image style [page top] */
#scrollUp{
	bottom:0px;
	right:20px;
	height:37px;
	width:105px;
	background:url(../images/top.png) no-repeat;
	font-size:0;
}
#scrollUp:hover{
	height:75px;
	line-height:0;
	font-size:0;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
}

.best {
  width: 120px;
  padding: 10px;
  background: #999933 url("../images/best-ico.svg") no-repeat;
  background-position: top 11px left 20px;
  background-size: 16px auto;
  border-radius: 10px 0 0 10px;
  z-index: 999999;
  position: fixed;
  right: 0;
  bottom: 100px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  transition: all  0.3s ease; }

.best a {
    text-decoration: none;
    color: #ffffff; }

.best:hover {
  background-color: #666600; }

.bestbase ul,.ratebase ul {
    margin-bottom: 10px;
}

.bestbase ul li,.ratebase ul li {
    color: #000000!important;
    margin: 5px 0 0 20px!important;
}

/* ========================================================================== */
/* SP */
/* ========================================================================== */
@media screen and (max-width: 640px) {
	#global-nav-wap {background:none;height:0;}
	#global-nav h1, .current-about, .current-bath, .current-room, .current-facilities, .current-access{display: none;}
	#contents-wrapper{width: 100%!important;}
	#contents2 section, #contents3 section, #contents_end,
	#contents-wrapper #contents, #contents-wrapper #contents2{width: 98%!important;overflow:visible!important;margin: 0 auto;}
	#contents, #contents2,#contents3,#contents4{padding-top: 100px!important;}
	#page-about #a02, #page-about #a03, #page-about #a04,
	#page-bath #a02, #page-bath #a03,
	#page-access #a02, #page-access #a03,
	#page-facilities #a02, #page-facilities #a03
	{margin-top:-100px!important;padding-top:100px!important;}
	#page-roomtype #a01, #page-roomtype #a02, #page-roomtype #a03, #page-roomtype #a04, #page-roomtype #a05, #page-roomtype #a06,
	#page-roomtype #a07, #page-roomtype #a08, #page-roomtype #a09, #page-roomtype #a10, #page-roomtype #a11, #page-roomtype #a12,
	#page-roomtype #a13, #page-roomtype #a14, #page-roomtype #a15, #page-roomtype #a16, #page-roomtype #a17
	{margin-top:-100px;padding-top:100px!important;margin-bottom:15px!important;background:url(../images/contents_line.png) no-repeat left 60px;}
/* 福住楼について */
	.left-box, .right-box{float:none!important;width:100%!important;margin:0;}
	.left-box img, .right-box img{width:48.96%;height:auto;margin:0;}
	.img_left{float:none!important;}
	.explain {background:none!important;height:auto!important;}
	.explain h3{background-position:0 25px!important;padding-left:0!important;text-align:center;}
	.explain p{padding:0 5px!important;}
	#page-about section #introduction{margin-top:0!important;padding-top:0;}
	#page-about section section:nth-child(2) .right-box img:first-child,
	#page-about section section:nth-child(4) img.img_center,
	#page-about section section:nth-child(5) .right-box img:first-child{width:100%!important;}
	#page-about section section:nth-child(2) .right-box img:nth-child(2){margin-right:2%!important;}
	#contents2 h2, #contents3 h2, #contents4 h2{height:auto;}
	#page-about #contents2{padding-top: 100px;}
	#page-about #contents2 h2#a01{margin-bottom:15px!important;}
	#page-about #contents2 h2#a01 span{display:inline-block;margin:10px 0 0 0;line-height: 0rem;}
	#page-about #contents2 h2#a01 .third{margin-left:-6px;}
	#page-about #contents2 h2#a01 span img{width:100%; height: auto;}
	#page-about #contents2 h2#a04 span{display:inline-block;margin:-10px 0 0 13px;}
	#page-about #contents2 h2#a04 span img{display:inline-block;margin-top:-16px;}
	/* 温泉 */
	#page-bath #contents2 h2{margin-bottom:15px!important;}
	#page-bath #contents2 h2 span.second{display:inline-block;margin-top:-3px;line-height: 0rem;}
	#page-bath #contents2 h2 span.third{display:inline-block;margin-top:-5px;line-height: 0rem;}
	#contents2 p.lead-bath{padding-left: 0!important;background-image: url(../bath/images/ttl_bg3sp.png)!important;}
	.four-box li{float:left;width:49%;}
	.four-box li:nth-child(odd){margin:0 2% 0 0!important;}
	.four-box img{width:100%;height:auto;margin:0;}
	/* 料理 */
	#page-cuisine #contents3 h2{margin-bottom:15px!important;}
	#page-cuisine #contents3 h2 span.second{display:inline-block;margin-left:0!important;margin-top:-3px;}
	#page-cuisine #contents3 h2 span.third{display:inline-block;margin-left:0!important;margin-top:-2px;}
	#contents3 p.lead-cuisine{padding-left: 0!important;background-image: url(../cuisine/images/ttl_bg4sp.png)!important;}
	#contents3{width:98%!important;}
	#contents3 .photo_box,
	#contents3 .photo_box ul,
	#contents3 .photo_box ul li img{width:100%!important;}
	#contents3 .photo_box,
	#contents3 .photo_box ul li{float: none;margin-right:0;}
	/* 部屋 */
	#page-roomtype #contents{width:98%;}
	#page-roomtype #contents section{margin-top:-20px;padding-top:20px;background:none;}
	#page-roomtype #contents section,
	#page-roomtype #contents section .section_box{width:100%;margin-right:0;}
	#page-roomtype #contents section .section_box:first-child{margin-bottom:15px;margin-top:50px;}
	#page-roomtype #contents h2 span.second{display:block;margin-left:0!important;margin-top:-10px;}
	#page-roomtype #contents h2 span.third{display:block;margin-left:0!important;margin-top:-8px;}
	#page-roomtype p.lead{padding-left: 0!important;background-image: url(../roomtype/images/ttl_bg_sp.png)!important;}
	#page-roomtype .img_left{float: left!important;}
	#page-roomtype .photo_box,
	#page-roomtype .photo_box ul{width:100%;}
	#page-roomtype .photo_box ul li{width:32.3%;margin-right:1%;}
	#page-roomtype .photo_box ul li:last-child{margin-right:0;}
	#page-roomtype .photo_box ul li img{width:100%;height:auto;}
	/*施設*/
	#page-facilities #contents2 h2{margin-top:3px;margin-bottom:17px!important;}
	#page-facilities .gallery a{display:inline-block;width:49%;}
	#page-facilities .gallery a:first-child{width:100%;}
	#page-facilities .gallery a img{width:100%;height:auto;}
	/*料金・ご予約*/
	#page-rate #contents4{width:98%;}
	#page-rate #contents4 section,
	#page-rate #rate .ratebase,
	#page-rate #rate input{width:100%;}
	#page-rate #contents4 td,
	#page-rate #contents4 th{font-size:10px;line-height:1.1rem;}
	/*交通のご案内*/
	#page-access #introduction2 h2{margin-bottom:15px!important;}
	#page-access #introduction2 h2 span.second{display:inline-block;margin:-12px 0 0 15px;}
	#page-access .right-box img{width:100%;}
	/*メール*/
	#mailform .mailformbase{width:100%;padding:15px 25px;box-sizing:border-box;color:#fff;}
	#mailform li input, #mailform li textarea{width:100%;}
	/*サイトマップ*/
	#contents4{width:98%!important;}
	#contents4 section{width:98%!important;}
	#contents4 .section_box li{float:left;}
	#contents4 .section_box li.sitemap1{width:100%;}
	/* インフォメーション */
	#page-info .lead-info{padding-left:0;}
	#page-info .leftmiddle-box{background:url(../info/images/ttl_bg_info_sp.png) no-repeat;}
	#page-info .box_hdspace{height:0px;}
	/* 日本の20世紀遺産20選 ------------ */
	#jpn20cen {
		width:100%;
		height:auto;
		padding-top: 74px;
		background:url(../info/images/jpn20cen_tlbg.png) no-repeat left 0 top 0;
		background-size: 100% auto;
	}
	#jpn20cen h2{margin: 65px auto 0 auto;}
	#jpn20cen h2 img {width:95%; height:auto;}
	.jpn20cen .explain{background:#FFF!important;padding: 5px 1%;}
	.jpn20cen #contents3{padding-top: 0!important;}
	.jpn20cen .left-box{width: 97%!important;margin:0 auto;}
	.jpn20cen .explain{height:350px; background:url(../info/images/explain_bg.png) no-repeat center center;border:red1px solid!important;}
	.jpn20cen p{margin: 30px 0;}
	.jpn20cen .lead-info{padding:0 20px!important;font-weight:bold;}
	.jpn20cen .right-box{width:100%;font-size:12px;}
	.jpn20cen .right-box ul{margin:30px 0;}
	.jpn20cen .right-box li{margin-bottom: 10px;padding-left: 0;text-indent: 0;}
	.jpn20cen .right-box li span{display:block;font-weight:bold;}
	/* footer */
	address{text-align:center!important;padding:0!important;}
	address span, address a{display: block;margin-right:0;text-align:center;}
	p.copyright{text-align:center;}
	#scrollUp {right:0!important;}
}


/*アコーディオン全体*/

h3 {
    width: 100%;
    height: 48px;
    margin: 0 0 20px 0;
    padding: 0 0 0 24px;
    box-sizing: border-box;
    background: url("../images/h3_back.png") no-repeat center left;
    display: flex;
    align-items: center;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 24px;
    font-weight: bold;
}

h4 {
    width: 100%;
    margin: 20px 0 20px 0;
    padding: 0 0 0 0;
    box-sizing: border-box;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 18px;
    font-weight: bold;
}

.qabase,.linkbase {
  width: 100%;
  padding: 10px 10px 20px; }

.qabase h3 {
    width: 100%;
    height: 48px;
    margin: 0 0 20px 0;
    padding: 0 0 0 24px;
    box-sizing: border-box;
    background: url("../images/h3_back.png") no-repeat center left;
    display: flex;
    align-items: center;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 24px;
    font-weight: bold;
}

.qabase .h3-2nd {
    margin: 50px 0 20px 0!important;
}

.qabase input {
  display: none;
  /*チェックボックスを隠す*/ }

/*バー部分*/
.qabase label {
  cursor: pointer;
  display: block;
  width: 90%;
  list-style: none;
  position: relative;
  border: 1px solid #666666;
  padding: 10px 20px 10px 20px;
  box-sizing: border-box;
  min-height: 70px;
  margin: -2px 0 0 5%;
transition: all 0.2s;}
.qabase label:hover{
    background-color: #b5c53f;
    color: #ffffff;
}
  .qabase label .ico {
    font-size: 44px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    padding: 10px 0 0 0;
      box-sizing: border-box;
    position: absolute;
    top: 10px;
    left: 20px; }
  .qabase label .faq {
      min-height: 50px;
    padding: 0 0 0 50px;
      box-sizing: border-box;
    font-size: 18px;
    font-weight: 300;
      display: flex;
      align-items: center;}
    @media screen and (max-width: 768px) {
      .qabase label .faq {
        padding: 0 30px 0 50px; } }

/*開いたときに表示される部分*/
.qabase ul {
    width: 90%;
  margin: 0 0 0 5%;
  padding: 0;
  list-style: none;
  margin-bottom: 1px;
  background: #666666; }

.qabase li {
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: all 0.5s;
  /*閉じるときのアニメーション*/
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  position: relative; }
  .qabase li .ico {
    font-size: 44px;
    color: #ffffff;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    padding: 10px 0 0 5px;
    position: absolute;
    top: 10px;
    left: 20px; }
    @media screen and (max-width: 768px) {
      .qabase li .ico {
        padding: 20px 0 0 5px; } }
  .qabase li .faq {
    padding: 15px 30px 20px 75px;
    font-size: 18px;
    font-weight: 300;
    color: #ffffff; }
    @media screen and (max-width: 768px) {
      .qabase li .faq {
        padding: 20px 30px 20px 75px; } }

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li,
#menu_bar06:checked ~ #links06 li,
#menu_bar07:checked ~ #links07 li,
#menu_bar08:checked ~ #links08 li,
#menu_bar09:checked ~ #links09 li,
#menu_bar10:checked ~ #links10 li,
#menu_bar11:checked ~ #links11 li,
#menu_bar12:checked ~ #links12 li,
#menu_bar13:checked ~ #links13 li,
#menu_bar14:checked ~ #links14 li{
  max-height: 1000px;
  /*開いたときに表示されるliの高さ*/
  opacity: 1;
  -webkit-transition: all 1s;
  /*開くときのアニメーション*/
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s; }

/*開いたときの下の余白*/
#menu_bar01:checked ~ #links01 li:last-child,
#menu_bar02:checked ~ #links02 li:last-child,
#menu_bar03:checked ~ #links03 li:last-child,
#menu_bar04:checked ~ #links04 li:last-child,
#menu_bar05:checked ~ #links05 li:last-child,
#menu_bar06:checked ~ #links06 li:last-child,
#menu_bar07:checked ~ #links07 li:last-child,
#menu_bar08:checked ~ #links08 li:last-child,
#menu_bar09:checked ~ #links09 li:last-child,
#menu_bar10:checked ~ #links10 li:last-child,
#menu_bar11:checked ~ #links11 li:last-child,
#menu_bar12:checked ~ #links12 li:last-child,
#menu_bar13:checked ~ #links13 li:last-child,
#menu_bar14:checked ~ #links14 li:last-child{
  margin-bottom: 0; }

/*閉じた状態の矢印描画*/
.qabase label:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-top: #666666 3px solid;
  border-right: #666666 3px solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  right: 5%;
  top: 0;
  bottom: 15%;
  margin: auto; }

/*閉じた状態の矢印描画*/
.qabase input:hover + label:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-top: #ffffff 3px solid;
  border-right: #ffffff 3px solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  right: 5%;
  top: 0;
  bottom: 15%;
  margin: auto; }

/*開いた状態の矢印描画*/
.qabase input[type=checkbox]:checked + label:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-top: #666666 3px solid;
  border-right: #666666 3px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  right: 5%;
  top: 7%;
  bottom: 0;
  margin: auto; }

.qabase input[type=checkbox]:checked:hover + label:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-top: #ffffff 3px solid;
  border-right: #ffffff 3px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  right: 5%;
  top: 7%;
  bottom: 0;
  margin: auto; }

.linkbase dl{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.linkbase dt {
    width: 28%;
    font-weight: bold;
    padding-bottom: 10px;
}
.linkbase dd::before {
    content: ":";
    padding-right: 2%;
    padding-bottom: 10px;
}
.linkbase dd {
    width: 70%;
    padding-bottom: 10px;
}

@media screen and (max-width: 640px) {
.linkbase dl{
    margin: 0;
    padding: 0;
    display: block;
}
.linkbase dt {
    width: 100%;
    font-weight: bold;
    padding-bottom: 0;
}
.linkbase dd::before {
    content: "";
    padding-right: 0;
}
.linkbase dd {
    width: 100%;
    padding-bottom: 20px;
}
    .img-100 {
        width: 100%;
    }
}