@charset "utf-8";
/* ================================================================
( ・∋ Reset
================================================================ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-style:normal; font-size: 100%; vertical-align: baseline;}

strong { font-style: normal; font-weight: bold;}
img { border: 0; vertical-align:bottom; -ms-interpolation-mode: bicubic;/*ie7*/}
a img:hover {
	opacity: 0.6;
	transition: 0.3s;
}
ul,ol { list-style: none;}

/* ================================================================
( ・∋ Base
================================================================ */

body {color: #222;background:#f8e9e6 url(../img/bg.jpg) repeat;font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-size:87.5%; letter-spacing:0.05em;line-height:1.25em;
min-width:1370px;}

table { width:100%; border-collapse: collapse;border-spacing: 0; margin: 0 0 16px 0;}
th,td { padding: 10px;vertical-align:middle;}
td{border-bottom:#f7c8d2 solid 1px;}
th {background: rgba(231,141,160,0.5); width:30%; text-align:left; font-weight:normal;border-bottom:#f6e7ea solid 1px;}
tr:last-child th , tr:last-child td{border:none;}
th + th{border-left:#f6e7ea solid 1px;}

a{color: #333;text-decoration: none;}
a:hover, a:active{color: #333;text-decoration: underline;outline: 0;}
a:focus { outline: thin dotted/*chrome*/;}

/* Clear Settings
-----------------------------------------------------------------------------*/
.clearfix:before,.clearfix:after {
  content:"";
  display:table;}
.clearfix:after { clear:both;}
.clearfix { clear:both; zoom:1;}

.center{text-align:center;}
.f_right{float:right;}

#header_wrap {width: 100%;height: 100%;position: relative;overflow:hidden;}
header {background:url(../img/bg_g_nav02.png) repeat-x;width:100%;height:122px;position: absolute;z-index: 10;top:0; left:0; right:0; margin:0 auto; text-align:center;display: inherit;webkit-animation-duration: 1s; animation-duration: 1s;}
.h_inner{width:98%; margin: 0 auto;}
.h_plan {position: absolute; top:0; right:0;z-index:100;}
nav.pc { float:right; margin:0 100px 0 0; padding:35px 0 0 0;}
nav.pc li{ float:left; margin:0 40px 0 0;}
nav.pc .mateki{ padding:2px 0 0 0;}
.clone-nav {position: fixed;top: 0;left: 0;transition: .3s;transform: translateY(-100%);width:100%;background:url(../img/bg_g_nav.png) repeat-x;}
.is-show {transform: translateY(0); }
.is-show ul{ width:1000px; margin: 0 auto; padding:0;}
.clone-nav {height:80px;}
.clone-nav .logo{ display:none;}
.clone-nav .h_plan {position: absolute; top:-10px; right:0;z-index:100;}
.clone-nav nav{float:none; margin:33px auto 0 auto; height:50px;}
.p_nav{ clear:both;padding:15px 0 0 0; float:right; width:940px; margin:0 150px 0 0;}
.p_nav li{ float:right; margin:0 0 0 20px;}
.p_nav li.tel{float:left; padding:3px 0 0 0;}
.header_image{width:100%; height:400px; overflow:hidden; margin:0 0 60px 0; }
.header_image h2{ padding:240px 0 0 0;}
.header_image video{position:absolute; z-index:-1; width:100%; overflow:hidden; top:0; left:0; right:0;}
#onsen .header_image{background:url(../img/onsen/header.jpg) no-repeat;background-size: cover;}
#rooms .header_image{background:url(../img/rooms/header.jpg) no-repeat;background-size: cover;}
#facilities .header_image{background:url(../img/facilities/header.jpg) no-repeat;background-size: cover;}
#access .header_image{background:url(../img/access/header.jpg) no-repeat;background-size: cover;}
#reservation .header_image{background:url(../img/reservation/header.jpg) no-repeat;background-size: cover;}
#mateki .header_image{background:url(../img/mateki/header.jpg) no-repeat;background-size: cover;}
#enkai .header_image{background:url(../img/enkai/header.jpg) no-repeat;background-size: cover;}
#qa .header_image{background:url(../img/qa/header.jpg) no-repeat;background-size: cover;}
#toi .header_image{background:url(../img/toi/header.jpg) no-repeat;background-size: cover;}
#photo .header_image{background:url(../img/photo/header.jpg) no-repeat;background-size: cover;}

#menu ul{ display: none;}
#toggle{display:none;}

h1{ float:left; padding:15px 0 0 0;}
h2{text-align:center; margin:0 0 40px 0;}
h3{text-align:center; margin:0 0 40px 0;}
h4{text-align:center; margin:10px 0;}
h5{font-size:16px; margin:0 0 8px 0; background:url(../img/arrow01.png) no-repeat left center; padding:0 0 0 20px;}
p{line-height:1.8em;}
.h_text{background:url(../img/h_text01.png) no-repeat left center; padding:15px 0 15px 60px; text-align:left; font-size:16px; position:relative; margin:0 0 16px 0;}
.h_text:after{ position:absolute; display:block; content:"";background:url(../img/h_text02.png) no-repeat left center; width:100%; height:1px; bottom:-5px; left:0;}
.red{color: crimson; font-weight: bold; }

/*フォーム*/
input , select , input[type=checkbox] , textarea{ /*border:#9ec6e0 solid 1px;*/ border:none; background:#cdb4b5; padding:5px; margin:0;}
input[type=image]{background:#af5083;border:none; padding:10px 100px; opacity:1; transition:0.3s;}
input[type=image]:hover{opacity:0.7;}
label {padding-left:10px;font-size:24px;line-height:24px;display:inline-block;cursor:pointer;position:relative;}
label:before {content:'';width:24px;/* ボックスの横幅 */height:			24px;			/* ボックスの縦幅 */display:		inline-block;position:		absolute;left:			0;
	background-color:	#cdb4b5;border:none;
}
input[type=checkbox] {display:		none;}
input[type=checkbox]:checked + label:before {content:'\2713';/* チェックの文字 */ 
	font-size:		24px;			/* チェックのサイズ */
	color:			#fff;			/* チェックの色 */
	background-color:	#a15558;			/* チェックした時の色 */
}

/* Footer
-----------------------------------------------------------------------------*/
footer{background: rgba(232,116,132,0.2);background-image:url(../img/bg_footer.png);background-repeat: no-repeat;background-position: top left;clear:both; padding:0; margin:50px 0 0 0;  width:100%; height:240px; padding:30px 0 0 0;}
.f_logo{ float:left; width:300px;}
footer span{font-size:10px; margin:0 30px 0 0;}
footer ul{float:left;width:200px;}
footer li{background:url(../img/arrow01.png) no-repeat left; margin:0 0 16px 0; padding:0 0 0 20px;}
.footer_right{ float:right; width:300px;}
.footer_bn{ width:100%; margin:0 0 20px 0;}
address{font-size:10px;letter-spacing:0; font-style:normal;}
#pagetop {position: fixed;bottom: 140px;right: 0px;}
#pagetop a {text-decoration: none;display: block;font-size: 11px;height:70px;width:70px; background:url(../img/page_top.png) no-repeat; background-size:cover;}

/* 共通パーツ
-----------------------------------------------------------------------------*/
main{padding:60px 0;}
section{margin:0 0 60px 0;}
.wrapper , .inner{width:1200px; margin:0 auto;}
.slider_box{ position:relative;}
.bx-pager a , .bx-pager2 a , .bx-pager3 a , .bx-pager4 a , .bx-pager5 a{ display:inline-block; width:80px; height:80px; overflow:hidden;}
.bx-pager a img , .bx-pager2 a img , .bx-pager3 a img , .bx-pager4 a img , .bx-pager5 a img{height:100%; margin:0 0 0 -50px;}
.slider_box .bxslider , .slider_box .bxslider2 , .slider_box .bxslider3 , .slider_box .bxslider4 , .slider_box .bxslider5{ position:absolute; top:40px;}
.slider_box .bxslider li , .slider_box .bxslider2 li , .slider_box .bxslider3 li , .slider_box .bxslider4 li , .slider_box .bxslider5 li{position:relative; height:740px;}
#spa .bxslider li{height:560px;}
.col2{ position:relative;}
.col2 h3{text-align:center; margin-top:16px;}
.col2 .f_left , .col2 .f_right{width:600px; min-height:371px; position:relative;}
.col2 .bx-controls , .slider_image .bx-controls{ display:none;}
.col2 .bx-pager , .col2 .bx-pager2{ position:absolute; right:10px; top:270px;}
/*#kurenai .col2 .bx-controls , .slider_image .bx-controls{ display:block;}
#kurenai .col2 .bx-pager , .col2 .bx-pager2{ position:absolute; right:10px; top:auto; bottom:0px;}*/
.col2 .bx-pager a , .col2 .bx-pager2 a{border:#EEE solid 2px;}
.col3{}
.col3 div{width:380px; margin:0 30px 0 0;}
.col3 div:last-child{margin:0 0 0 0;}
.col3 .h_text{ width:730px;}
.col4 div{width:300px;}
.f_left{ float:left;}
.f_right{ float:right;}
.sp_display{display:none;}
.bg_green{background:rgba(210,218,98,0.15) url(../img/bg_kaede.png) no-repeat left bottom; padding:20px; box-sizing:border-box;}
.bg_pink{ background:rgba(255,56,60,0.08) url(../img/bg_sakura.png) no-repeat right top; padding:20px; box-sizing:border-box;}
.bg_sakura{ background:url(../img/bg_sakura.png) no-repeat right top;}
.bg_kaede{background:url(../img/bg_kaede.png) no-repeat left bottom; min-height:340px;}
.photo img , .slider_image img{width:100%;}
.slider_image{ width:800px;}
.slider_text{width:400px;}
.special{ background-color:#2c1012; padding:30px 0;background-image: url(../img/index/bg_indoor01.png),url(../img/index/bg_indoor02.png);background-repeat: no-repeat,no-repeat;background-position: top left,bottom right; color:#EEE;}
.pl30{padding-left:30px; box-sizing:border-box;}
.pr30{padding-right:30px; box-sizing:border-box;}
.pl15{padding-left:15px; box-sizing:border-box;}
.pr15{padding-right:15px; box-sizing:border-box;}
.mb16{margin-bottom:16px;}
.indoorview iframe{ width:100%; height:400px;}

/* ================================================================
( ・∋ Index
================================================================ */
/*意味*/
.mean{}
.mean div{float:left; height:535px;}
.mean_col{width:465px;}
.mean_col h3{text-align:center; margin:0 0 40px 0;}
.mean_col_image{width : -webkit-calc(50% - 465px) ; width : calc(50% - 465px) ;}
.mean_col_image p.no01{ height:33.33%; background:url(../img/index/mean_no01.jpg) no-repeat; background-size:cover;}
.mean_col_image p.no02{ height:33.33%; background:url(../img/index/mean_no02.jpg) no-repeat; background-size:cover;}
.mean_col_image p.no03{ height:33.33%; background:url(../img/index/mean_no03.jpg) no-repeat; background-size:cover;}
.mean_col_image p.ka01{ height:33.33%; background:url(../img/index/mean_ka01.jpg) no-repeat; background-size:cover;}
.mean_col_image p.ka02{ height:33.33%; background:url(../img/index/mean_ka02.jpg) no-repeat; background-size:cover;}
.mean_col_image p.ka03{ height:33.33%; background:url(../img/index/mean_ka03.jpg) no-repeat; background-size:cover;}
.mean_no{ background:rgba(210,218,98,0.15) url(../img/bg_kaede.png) no-repeat left bottom; padding:120px 0 0 0; box-sizing:border-box;}
.mean_ka{ background:rgba(255,56,60,0.08) url(../img/bg_sakura.png) no-repeat right top; padding:120px 0 0 0; box-sizing:border-box;}
.mean_no p , .mean_ka p{ width:330px; margin: 0 auto;}
/*新着*/
.news{}
.news li{ float:left; background:rgba(255,255,255,0.5); padding:10px; width:585px; box-sizing:border-box; margin:0 30px 20px 0;}
.news li:nth-child(2n){margin:0 0 20px 0;}
.news span{ background:#f7d5e1; color:#e05e7a;float:left; width:60px; height:60px;text-align:center; padding:15px 0 0 0 ; margin:0 10px 0 0;  box-sizing:border-box;}
.news p{padding:20px 0 0 0;}
/*プランRSS*/
.plan_rss_box{background:url(../img/bg_plan_rss.jpg) repeat; padding:40px 0;}
.plan_rss_box li{ width:240px; min-height:320px; background:rgba(232,116,132,0.2); padding:20px;}
.plan_rss_box li:nth-child(2n){background:rgba(232,116,132,0.1);}
.plan_rss_box li img{margin:0 0 10px 0;}
.plan_rss_box p{text-align:left;}
/*プラン検索・バナー*/
.plan_col{ background:rgba(85,85,85,0.05); padding:20px; margin:40px auto 0 auto;}
.plan_bn{ padding:0 0 20px 0;border-bottom:#b9b9b9 solid 1px; box-shadow:#FFF 0 1px 1px;}
.plan_bn img , .plan_bn a{ /*float:left;*/ width:375px; margin:0 20px 0 0;}
.plan_bn img:last-child{margin:0 0 0 0;}
.plan_search{ padding:20px 0 0 0;}
.plan_search table , .plan_search th , .plan_search td{ background:none;border:none; padding:8px 0; margin:0; vertical-align:top;}
.plan_search input , .plan_search select , .plan_search img{margin:0 0 20px 20px;}
/*歩み*/
.ayumi{ background:url(../img/index/bg_ayumi.jpg) no-repeat;background-color:rgba(0,0,0,0.5); background-size:cover; padding:40px 0;}
.ayumi h3{ float:left; margin:0 20px 0 0;}
.ayumi p{color:#FFF; padding:15px 0 0 0; text-shadow:#533636 1px 1px 2px,#533636 -1px 1px 2px,#533636 -1px -1px 2px,#533636 1px 1px 2px,#533636 -1px 1px 2px,#533636 -1px -1px 2px;}
.ayumi_slider{background:rgba(47,41,38,0.3); padding:20px 0;}
/*インドアビュー*/
.indoor{ background-color:#2c1012;background-image: url(../img/index/bg_indoor01.png),url(../img/index/bg_indoor02.png);background-repeat: no-repeat,no-repeat;background-position: top left,top right;}
.indoor h2{ padding:20px 0 0 0;}
.indoor h2.sp{display: none;}
.indoor li{float:left;}

/* ================================================================
( ・∋ Cuisine
================================================================ */
.higaeri li{ background:url(../img/arrow02.png) no-repeat left center; background-color:rgba(255,255,255,0.5);}
.higaeri li:nth-child(2n){background-color: transparent;}
.higaeri li a{display:block; width:100%;padding:10px 0 10px 30px;}
.cuisine_bn{position:fixed; top:200px; right:10px;}

/* ================================================================
( ・∋ Facility
================================================================ */
.kannaizu{ background:url(../img/facilities/kannaizu.png) no-repeat center top; width:1200px; height:805px; position:relative;}
.kannaizu li{ position:absolute;}
.kannaizu h3{text-align:left;}
.kannaizu div{ position:absolute;display:none; opacity:0; background:#FFF; border:#ccc solid 1px; padding:10px; top:-100px; left:100px; transition:0.3s; width:300px;}
.kannaizu li:hover div{display:block;opacity:1; z-index:100;}
.kannaizu .image{float:left;width:150px; margin:0 10px 0 0;}
.kannaizu .image img{width:150px;}
.kannaizu a{display:block; width:100%; height:100%; position:relative;}
.k_lobby{width:95px; height:100px; top:530px; left:450px;}
.k_syokujidokoro{width:135px; height:50px; top:390px; left:395px;}
.k_mateki{width:150px; height:105px; top:635px; left:395px;}
.k_daienkai{width:85px; height:180px; top:560px; left:660px;}
.k_syouenkai{width:60px; height:125px; top:370px; left:315px;}
.k_michikusa{width:70px; height:78px; top:515px; left:380px;}
.btn_mateki{ display: inline-block; background:#d5afc3; padding:20px; color:#FFF; font-size:18px; letter-spacing:2px; margin:50px 0 0 0; opacity:1; transition:.3s;}
.btn_mateki:hover{opacity:0.7; color:#FFF; text-decoration:none;}

/* ================================================================
( ・∋ Reservation
================================================================ */
.yakkan h3 {border-bottom: 1px solid #EE836F;
	padding-bottom: 5px;
	color: #EE836F;
	font-size: 14px;
	margin: 20px 0px;
	text-align:left;
	font-size:16px;
}
.yakkan dl {margin: 0px 15px 8px 15px;}
.yakkan dt {
	clear: both;
	float: left;
	width: 60px;
	font-weight: bold;
	text-align: right;
}
.yakkan dd {
	margin-left: 70px;
	padding-left: 10px;
	margin-bottom:8px;
}

.num li {
	list-style: decimal;
	margin: 0 0 0 40px;
}
  
/* ================================================================
( ・∋ Access
================================================================ */
#map_canvas{width:100%; height:400px; margin:50px 0;}

/* ================================================================
( ・∋ Qa
================================================================ */
.qa{border-bottom:#dec2ab solid 1px;}
.qa h4{background:url(../img/qa/q.svg) no-repeat left center; text-align:left; padding:10px 0 10px 40px; font-size:18px; margin:0 0 16px 0; font-weight:normal;}
.qa p{background:url(../img/qa/a.svg) no-repeat left top;padding:0 0 10px 40px;}

/* MainVisual
-----------------------------------------------------------------------------*/
div#mainVisual {width: 100%;height: 100%; max-height:950px;position: relative;}
#index div#mainVisual:after {content: "";display: block;clear: both;width: 100%;height: 90.88%;background-size:cover;position: absolute;right: 0px;top: 0px;}

/* ================================================================
( ・∋ SP 959に変更
================================================================ */

@media screen and ( max-width:959px ){
	
/*共通*/
body{font-size:100%;line-height:1.25em ;
min-width:355px ;}
main{padding:30px 0 0 0;}
input[type=text] , select{font-size:150%; line-height:1.25em;}
input[type=text] , textarea{width:90%;}
label {padding-left:36px;}
section{margin:0 0 30px 0;}
.header_image{width:100%; height:200px; overflow:hidden; margin:0 0 30px 0;}
.header_image h2{ padding:120px 0 0 0;}
.header_image video{ display:none;}
.header_image{background-size: contain;}
#cuisine .header_image{background:url(../img/cuisine/header.jpg) no-repeat;background-size: cover;}
.center{text-align:left; padding:0 2%;}
h2{text-align:center; margin:0 0 20px 0;}
h3{text-align:center; margin:0 0 20px 0;}
h2 img , h3 img , h4 img{max-width:100%;}
.h_text:after{position:absolute; display:none; content:"";background:url(../img/h_text02.png) no-repeat left center; width:0; height:0; bottom:-5px; left:0;}
.photo{padding:0 0 10px 0;}
.wrapper , .inner{
	width: 94%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
footer{ padding:0; margin:0;  width:100%; height: auto; padding:30px 0 0 0;}
.f_logo{ float:none; width:98%; margin:0 auto 20px auto; text-align:center;}
.footer_bn{ width:100%; margin:20px 0;}
footer span{font-size:10px; margin:0 30px 0 0;}
footer .inner{ width:100%; margin:0 auto;}
footer ul{float:none;width:100%;}
footer li{ padding:0;}
footer li:nth-child(2n) a{ background:#ebd7d9;}
footer li:nth-child(3n) a{ background:#ebd7d9;}
footer li:nth-child(4n) a{ background:#d2aeb1;}
footer li a{background:#d2aeb1; margin:0 0 0 0;  font-size:13px;float:left;display:block;width:46%;padding:20px 2%; letter-spacing:0;}
.footer_right{ float:none; width:94%; margin:0 3%;}
address{ text-align:center;}
#pagetop {bottom:50px;right: 0px;}
#pagetop a {height:50px;width:50px;}
input[type=image]{padding:10px 30%; width:40%;}
.slider_image{ width:100%;padding:0 0 10px 0;}
.slider_text{width:100%;}
.bx-pager , .bx-pager2 , .bx-pager3{ display:none;}
.col2{ position:relative;}
.col2 h3{text-align:center; margin-top:16px;}
.col2 .f_left , .col2 .f_right{
	width: 93%;
	min-height: inherit;
	position: relative;
}
.col2 .bx-controls , .slider_image .bx-controls{ display: inherit;}
.col2 .bx-pager , .col2 .bx-pager2{ position:absolute; right:10px; top:270px;}
.col2 .bx-pager a , .col2 .bx-pager2 a{border:#EEE solid 2px;}
.col3{}
.col3 div{width:100%; margin:0 0 16px 0;}
.col3 div:last-child{margin:0 0 16px 0;}
.col3 .h_text{ width:auto;}
.col4 div{width:50%; float:left;}
.col4 .photo{padding:0;}
.f_left{ float:none;}
.f_right{ float:none;}
.sp_display{display: block;}
.pc_display{ display:none;}
h2 img , h3 img{max-width:90%;}
table{width:96%;margin:0 auto;}
th{width:96%;}
td{ padding:10px 0;}
th , td{display:block; }
.pl30{padding-left:0;}
.pr30{padding-right:0;}
.pl15{padding-left:0;}
.pr15{padding-right:0;}
.indoorview iframe{ height:200px;}
/*メニュー*/
h1{ float:none;text-align:left; padding:10px 0 0 10px;}
h1 img{height:30px;}
header {width:100%;height:60px;position: fixed;z-index: 10;top:0; left:0; right:0; margin:0 auto; text-align:center;display: inherit;webkit-animation-duration: 0s; animation-duration: 0s; z-index:100;}
.h_inner{width:100%; margin: 0 auto;}
.h_plan{ height:60px;}
.h_wihi{position:absolute; top:5px; right:125px;z-index:100; width:50px;}
.h_wihi img{ height:50px;}
.p_nav{display:none;}
nav.pc {display:none; width:0; height:0;}
nav.pc li{display:none; width:0; height:0;}
#toggle{display : inline-block;position: absolute; bottom:0; right:57px;z-index:10000;}
#toggle a{display: block;position: relative;color: #eee;text-align: center;text-decoration: none;}
#toggle img{height:70px;}
/*#toggle:before{ display: block; content: "";position: absolute; top: 50%;left: 15px;width: 40px;height: 20px;margin-top: -10px;background: #FFF; }
#toggle a:before, #toggle a:after{ display: block;content: ""; position: absolute;top: 50%;left: 10px;width: 50px;height: 4px; background: #9dad4e;}
#toggle a:before{ margin-top: -6px;}
#toggle a:after{ margin-top: 2px;}*/
#menu{ display: none;background-color:rgba(0,0,0,0.8);position:absolute;top:60px;}
#menu nav {   width:100%; clear:both; padding:20px 0 0 0; }
#menu ul{ display:inherit;height:auto; padding:20px 0 30px 0;}
#menu li{ float:left; width:50%; padding:0 0 15px 0; margin:0 0 16px 0;border-bottom:#aaa dashed 1px; box-sizing:border-box; font-size:15px;}
#menu nav li:nth-last-child(2){padding:0 0 15px 0;border-right:#aaa dashed 1px;}
#menu li a{display:block; height:100%; width:100%; color:#FFF;}
.bg_kaede{min-height: inherit;}

/*index*/
#mainVisual{display:none; width:0; height:0; margin:0 ; padding:0;}
/*意味*/
.mean{}
.mean div{float:none; height: auto;}
.mean_col{width:100%;}
.mean_col h3{margin:0 0 20px 0;}
.mean_col_image{width : 100%;}
.mean_col_image p.no01{ float:left; width:33.33%; height:100px; background:url(../img/index/mean_no01.jpg) no-repeat; background-size: 100%;}
.mean_col_image p.no02{ float:left;width:33.33%; height:100px; background:url(../img/index/mean_no02.jpg) no-repeat; background-size: 100%;}
.mean_col_image p.no03{ float:left;width:33.33%; height:100px; background:url(../img/index/mean_no03.jpg) no-repeat; background-size: 100%;}
.mean_col_image p.ka01{ float:left;width:33.33%; height:100px; background:url(../img/index/mean_ka01.jpg) no-repeat; background-size: 100%;}
.mean_col_image p.ka02{ float:left;width:33.33%; height:100px; background:url(../img/index/mean_ka02.jpg) no-repeat; background-size: 100%;}
.mean_col_image p.ka03{ float:left;width:33.33%; height:100px; background:url(../img/index/mean_ka03.jpg) no-repeat; background-size: 100%;}
.mean_no{ padding:30px 0;}
.mean_ka{ padding:30px 0;}
.mean_no p , .mean_ka p{ width:80%; margin: 0 auto;}
.news li{ float:none; padding:10px; width:98%;margin:0 auto 10px auto;}
.news li:nth-child(2n){margin:0 auto 10px auto;}
.news span{ background:#f7d5e1; color:#e05e7a;float:none; width:60px; height:60px;text-align:center; padding:5px; margin:0 0 20px 0;  box-sizing:border-box;}
.news span br{display:none;}
.news p{padding:0; margin:10px 0 0 0;}
/*プランRSS*/
.plan_rss_box{ padding:20px 0;}
.plan_rss_box li{ width:40%; min-height: inherit; padding:5px;}
.plan_rss_box li img{margin:0 0 10px 0;}
.plan_rss_box p{text-align:left; font-size:14px;}
.plan_search{float:none; width:100%;padding:30px 3% 0 3%; margin:0 0 16px 0;}
.plan_search table{padding:0; margin:0;}
.plan_search td{padding:20px 0; margin:0; width:100%;}
.plan_search th{background:#eee;padding:16px;width:90%;}
.plan_search img{max-width:100%; margin:0 0 20px 0;}
/*プラン検索・バナー*/
.plan_col{ clear:both; padding:10px; margin:40px auto 0 auto;}
.plan_bn{ padding:0 0 20px 0;border-bottom:#b9b9b9 solid 1px; box-shadow:#FFF 0 1px 1px;}
.plan_bn img , .plan_bn a{ float:none; width:100%; margin:0 0 10px 0;}
.plan_bn img:last-child{margin:0 0 10px 0;}
.plan_search{ padding:20px 0 0 0;}
.plan_search table , .plan_search th , .plan_search td{ background:none;border:none; padding:10px 0; margin:0;}
.plan_search input , .plan_search select{margin:0 0 10px 0;}
.plan_search input[type=text] , .plan_search select{ float:right;width:70%;}
/*歩み*/
.ayumi{ background:url(../img/index/bg_ayumi.jpg) no-repeat;background-color:rgba(0,0,0,0.5); background-size:cover; padding:20px 0;}
.ayumi h3{ float:none; margin:0 0 0 0;}
.ayumi p{ padding:15px 0 0 0;}
.ayumi_slider{ padding:10px 0;}
/*インドアビュー*/
.indoor{background-image: url(../img/index/bg_indoor01.png);background-repeat: no-repeat;background-position: top left;}
.indoor h2{float:left; padding:20px 0 0 0; width:50%;}
.indoor li{width:50%;}
.indoor li img{width:100%;}
/*facility*/
.kannaizu{ background:none; width:100%; height: auto; position: static;}
.kannaizu li{ position:static; background:none; margin:0 0 16px 0;}
.kannaizu div:after{clear:both; display:table; content:"";}
.kannaizu div{ position: inherit;display: inherit; opacity:1; background:#FFF; border:#ccc solid 1px; padding:10px; top: inherit; left:inherit; transition:0.3s; width:96%;}
.kannaizu li:hover div{display:block;opacity:1; z-index:100;}
.kannaizu .image{float:left;width:150px; margin:0 10px 0 0;}
.kannaizu .image img{width:150px;}
.kannaizu a{display:block; width:100%; height:100%; position:relative;z-index:1;}
.k_lobby , .k_syokujidokoro , .k_mateki , .k_daienkai , .k_syouenkai ,.k_michikusa{width:96%; height: auto; top: inherit; left: inherit; z-index:1;}
/*access*/
.landmark{ background:#d68381; padding:10px; color:#FFF; margin:10px 0;}
.transportation{padding:0 0 10px 0; margin:0 0 10px 0;border-bottom:#dec2ab dashed 1px;}
/*reservation*/
.yakkan dt {
	clear: both;
	float: none;
	width: 100%;
	font-weight: bold;
	text-align: left;
}
.yakkan dd {
	margin-left: 0;
	padding-left: 0;
	margin-bottom:8px;
}

.indoor h2.sp{display: block;}
.indoor h2.pc{display: none;}
}

/* ----------------------------------------------------
            動画
----------------------------------------------------- */
#index video {
  min-width: 1300px;
  width: 100%;
  opacity: 1;
  left: 0;
  top: 0;
}
@media screen and (min-width:960px) and (max-width: 1280px) {
	body {color: #222;background:#f8e9e6 url(../img/bg.jpg) repeat;font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-size:87.5%; letter-spacing:0.05em;line-height:1.25em;
min-width:1280px;}
	h1{ padding-top:25px;}
	h1 img{ height:46px;}
	.h_inner nav.pc{ margin-right:90px;}
	.h_inner nav.pc li{ margin-right:12px;}
	.h_inner .p_nav{ padding-top:25px;}
	
}


/* ================================================================
( ・∋ プラン検索　客室選択パターン
================================================================ */
.search_hidden{ display:none;}
.search_roomtype input[type="image"]{ padding: 10px 80px 6px 80px; width:100%; box-sizing: border-box; margin-top:20px;}

@media screen and ( max-width:1280px ){
	.search_roomtype{ display:none;}
}

/*20181107追記
***********************************/
#index footer .bn_2018{
	float: right;
	margin-left: 30px;
	width: 200px;
}
#index footer .bn_2018 img{
	width: 100%;
}
#index footer{
	height: auto;
	padding-bottom: 20px;
	position: relative;
}
#index footer .bn_higashine{
	width: 270px;
	margin-top: 30px;
}

.oshirase{
	background-color: rgba(255,255,255,0.5);
	padding: 30px 30px;
	margin-bottom: 60px;
}
.oshirase h4{
	margin-bottom: 15px;
}
.t_right{
	text-align: right;
}
#kurenai h3 img{width:230px;height:auto;}
#kurenai .f_right p{margin-bottom:5px;}
#kurenai .f_right p span{font-size:16px;}
#kurenai .f_right ul li{
	padding-left:1em;text-indent:-1em;list-style: none;margin:0;line-height:1.7em;font-size:14px;
}
#kurenai .bx-viewport{
	overflow: visible!important;
}
@media screen and ( max-width:1280px ){
	#index footer .bn_higashine{
		margin: 30px auto 0;
	}
	#index footer .bn_2018:before,
	#index footer ul + ul + ul:after{
		content: ' ';
		display: block;
		clear: both;
	}



}
@media screen and (min-width:1024px) and ( max-width:1279px) {
	#index footer{
		position: relative;
		min-height: 1130px;
	}
	#index footer .bn_2018{
		float: none;
		max-width: 600px;
		width: 100%;
		position: absolute;
		bottom:10px;
		left: 15%;
	}
	/*.wrapper, .inner {
    width: 100%;
    margin: 0 auto;
	}*/

}
@media screen and ( max-width:1023px ){
	#index footer .bn_2018{
		float: none;
		max-width: 600px;
		width: 100%;
		position: relative;
		bottom:auto;
		left: auto;
		margin:10px auto; 
	}

}
@media screen and (max-width:960px){
	#kurenai .f_right p span{font-size:18px;}
	#kurenai .f_left{margin-bottom:10px;}
	#kurenai .f_right ul li{font-size:15px;}
}
@media screen and ( max-width:320px ){

	footer,
	#index main,
	#header_wrap,
	.sp_display {
	    display: block;
	    max-width: 320px;
	}

	.f_logo{
		width: 300px;
		margin: 0 auto;
	}

	#cuisine .oshirase{
		width: 220px;
	}
	#reservation .oshirase{
		width: 236px;
	}

}

/*20190930追記
***********************************/
.adjust01{
	width: 600px;
    min-height: 371px;
    position: relative;
	margin: 0 auto;
}