/*rktn*/

body #htlContents,
#htlMainContent,
div#RthCustomize {
    margin: 0 0;
}

div#htlContents {
    max-width: none;
    width: 100vw;
}

div#RthCustomize,
#htlMainContent {
    width: auto;
    float: none;
}

#RthCustomizeW a,
#RthCustomizeW a:link,
#RthCustomizeW a,
#RthCustomizeW a:visited {
    color: #151516;
    text-decoration: none;
}

#RthCustomizeW {
    width: 950px;
    overflow: hidden;
}

#RthCustomizeW a:hover {
    text-decoration: none;
}

#htlSide-A {
    display: none;
	/* top: 1158px;
	padding-top: 0;
	left: 50%;
	margin-left: -600px;
	position: absolute; */
}

#RthCustomizeW .bns a,
#RthCustomizeW .bns a:link,
#RthCustomizeW .bns a,
#RthCustomizeW .bns a:visited {
    color: #151516;
    text-decoration: none;
}

div#RthCustomizeW {
    width: 100%;
    /*background: url(../images/bg.jpg);*/
}

/*common*/

/*html,
body {
    width: 100%;
}
*/
div#RthCustomizeW {
    color: #151516;
    margin: 0 auto;
    font-family: YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ＭＳ 明朝", "MS Mincho";
    /*font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
    overflow: hidden;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 16px;
    line-height: 175%;
    -webkit-font-smoothing: antialiased;
    min-width: 100%;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.p15 {
    padding: 0 15px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.mb05em {
    margin-bottom: 0.5em !important;
}

.mb1em {
    margin-bottom: 1em !important;
}

.mb2em {
    margin-bottom: 2em !important;
}

.mb3em {
    margin-bottom: 3em !important;
}

.mb4em {
    margin-bottom: 4em !important;
}

.pb05em {
    padding-bottom: 0.5em !important;
}

.mr0 {
    margin-right: 0 !important;
}

li {
    list-style: none;
}

p {
    text-align: justify;
    -ms-text-justify: auto;
    text-justify: auto;
    text-justify: inter-ideograph;
}

img {
    vertical-align: bottom;
}

.noborder {
    border: none !important;
}

.nomargin {
    margin: 0 0 !important;
}

.ta_r {
    text-align: right;
}

.ta_c {
    text-align: center;
}

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.mb120 {
    margin-bottom: 120px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.ls-1 {
    letter-spacing: -1px;
}

.ls-2 {
    letter-spacing: -2px;
}

.ls-3 {
    letter-spacing: -3px;
}

.ls-4 {
    letter-spacing: -4px;
}

a,
.wrap a:link,
.wrap a,
.wrap a:visited {
    -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;
}

a img {
    -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;
}

a:active,
a:hover,
a:hover img {
    opacity: 0.7;
}

.for_sp {
    display: none !important;
}

.wrap {
    position: relative;
}

.cflex {
	display: flex;
}

.anchor {
	padding-top: 100px;
    margin-top: -100px;
}

/*mainw*/

.mainw {
	width: 950px;
	left: 50%;
	margin-left: -360px;
	position: relative;
    z-index: 20;
}



/* 追従バナー・ページトップ
------------------------------------------------------------------------------------ */
div#RthCustomize {
	position: relative;
}
div#rightBanner {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 1001 !important;
}
div#rightBanner p#rightBannerCoupon {
}
div#rightBanner p#rightBannerPageTop {
	margin-top: 10px;
}
div#rightBanner p#rightBannerPageTop a {
	display: block;
	position: relative;
	width: 60px;
	height: 60px;
	color: #FFF;
	font-size: 12px;
	line-height: 100%;
	text-align: center;
	padding-top:35px;
	background-color: #c39c3c;
	box-sizing: border-box;
}
div#rightBanner p#rightBannerPageTop a:hover {
}
div#rightBanner p#rightBannerPageTop a:after {
	position: absolute;
	top: 15px;
	left: 50%;
	content: '\f077';
	font-family: fontAwesome;
	color: #FFF;
	font-size: 20px;
	line-height: 100%;
	transform: translateX(-50%);
}



/* gnav
------------------------------------------------------------------------------------ */
div#gnavWrapper {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	width: 100%;
	position: relative;
	padding:15px 50px;
	background-color: rgba(255,255,255,0.8);
	z-index: 1000 !important;
	box-sizing: border-box;
}
div#gnavWrapper h2 {
	width: 300px;
}
div#gnavWrapper div#gnav {
}
div#gnavWrapper div#gnav ul#gnavMain {
	display: flex;
}
div#gnavWrapper div#gnav ul#gnavMain li {
	margin-right: 30px;
}
div#gnavWrapper div#gnav ul#gnavMain li#gnavMainPlans {
	margin-right: 0;
}
div#gnavWrapper div#gnav ul#gnavMain li a {
	font-size:16px;
	line-height:100%;
}
div#gnavWrapper div#gnav ul#gnavMain li a:hover {
	color:#007a87;
}
div#gnavWrapper div#gnav ul#gnavMain li#gnavMainPlans a {
	display: block;
	position: relative;
	color:#FFF;
	padding:8px 30px 8px 15px;
	background-color: #c39c3c;
	border-radius: 3px;
}
div#gnavWrapper div#gnav ul#gnavMain li#gnavMainPlans a:after {
	position: absolute;
	top: 50%;
	right: 10px;
	content: '\f078';
	font-family: fontAwesome;
	color: #FFF;
	font-size: 10px;
	line-height: 100%;
	-webkit-transform: translate(0,-50%);
}
div#gnavWrapper div#gnav ul#gnavSub {
	display: flex;
	justify-content: flex-end;
	margin-top: 10px;
}
div#gnavWrapper div#gnav ul#gnavSub li {
	margin-right: 20px;
}
div#gnavWrapper div#gnav ul#gnavSub li a {
	font-size:14px;
	line-height:100%;
}
div#gnavWrapper div#gnav ul#gnavSub li a:hover {
	color:#007a87;
}
div#gnavWrapper div#gnav ul#gnavSub li#gnavSubTel {
	font-size:22px;
	line-height:100%;
	margin: 3px 0 0 0;
}
div#gnavWrapper div#gnav ul#gnavSub li#gnavSubTel i {
	color:#007a87;
	font-size:18px;
	line-height:100%;
	margin-right: 5px;
}



/* footer
------------------------------------------------------------------------------------ */
div#footer {
	padding: 60px 0;
	background-color: #333;
}
div#footer div#footerInner {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	width:auto;
	max-width:1110px;
	margin:0 auto;
}
div#footer div#footerInner div#footerInnerLeft {
}
div#footer div#footerInner div#footerInnerLeft h2 {
	width: 300px;
}
div#footer div#footerInner div#footerInnerLeft p {
	color: #FFF;
	margin-top: 15px;
}
div#footer div#footerInner div#footerInnerRight {
}
div#footer div#footerInner div#footerInnerRight ul#footerInnerRightBanner {
	display: flex;
	flex-wrap: nowrap;
}
div#footer div#footerInner div#footerInnerRight ul#footerInnerRightBanner li.linkBtn {
}
div#footer div#footerInner div#footerInnerRight ul#footerInnerRightBanner li#petithotel {
	margin-right: 10px;
}
div#footer div#footerInner div#footerInnerRight ul#footerInnerRightBanner li.linkBtn a {
	width: 180px;
	margin: 0;
	padding: 12px 20px;
}
div#footer div#footerInner div#footerInnerRight ul#footerInnerRightBanner li.linkBtn a img {
	height: 20px;
}
div#footer div#footerInner div#footerInnerRight p {
	width: 255px;
	margin: 20px 0 0 auto;
}



.memo {
    width: 1200px; 
    margin: 0 auto; 
    padding: 10px 0; 
    text-align: left; 
    font-weight: bold; 
    line-height: 1.2 
}

/*slide_wrp_i*/

.slide_wrp_i {
    max-width: 100%;
    min-width: 1200px;
    overflow: hidden;
    position: relative;
    background: #000000;
}

.slide_wrp_i .mainw {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -550px;
    z-index: 202;
}

.slide_wrp_i ul.m_btn {
    position: absolute;
    bottom: 20px;
    right: 50%;
    margin-right: -675px;
}

.slide_wrp_i ul.m_btn li:last-child a.cbtn {
    color: #FFFFFF;
    border-color: #FFFFFF;
    display: block;
    width: 200px;
    height: 40px;
    line-height: 40px;
}

.slide_wrp_i ul.m_btn li:last-child a:hover.cbtn {
    color: #FFFFFF !important;
    background: url("../images/icon_arrow.png") right 10px center no-repeat;
}

.slide_wrp_i .bx-wrapper {
    margin: 0 auto;
}

.slide_wrp_i .bx-wrapper .bx-viewport {
    box-shadow: none;
    border: none;
    left: 0;
}

.slide_wrp_i:before,
.slide_wrp_i:after {
    background: none;
}

.slide_wrp_i .slide_i {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    margin-left: 0;
}

.slide_wrp_i .slide_i li {
    width: 100% !important;
}
.slide_wrp_i .slide_i li img {
    width: 100% !important;
}

.slide_wrp_i #logo_cc {
	position: absolute;
	top: 25px;
	left: 25px;
	width: 262px;
	z-index: 4000;
}
.slide_wrp_i #cc {
	position: absolute;
	left: 70px;
	bottom: 70px;
	width: 480px;
	z-index: 4000;
}


#att {
    width: 730px;
    border: solid 1px #8d6b26;
    padding: 25px 0 20px 0;
    margin: 0 auto 40px auto;
    background-color: #ffffff;
}

#att p {
    text-align: center;
    font-size: 13pt;
    line-height: 1.7;
}

/*bns*/

.bns {
    text-align: center;
    margin-bottom: 60px;
}

.bns .rtban_box {
    margin-bottom: 20px;
}

/*menu*/
#menu {
    position: relative;
    z-index: 20;
    height: 216px;
    justify-content: space-between;
    /*margin-bottom: 230px;*/
    /*margin-top: -108px;*/
    top: -108px;
}

#menu li {
    text-align: center;
    width: 310px;
    height: 216px;
}

#menu li a {
    display: block;
    width: 100%;
    height: 100%;
    transition: 2s;
    position: relative;
    overflow: hidden;
}

#menu li a:hover,
#menu li a:hover img {
    opacity: 1;
}

#menu li a::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
}

#menu li a img {
    position: relative;
    z-index: 15;
}

#menu li a img.cc {
    position: absolute;
    top: -30px;
    left: 175px;
}
#menu li:nth-child(2) a img.cc {
    /*left: 30px;*/
}
#menu li:last-child a img.cc {
    /*left: 30px;*/
}
#menu li a img.menu_ttl {
    position: absolute;
    left: 0;
    top: 0;
}

#menu li a:hover::after {
    transform: scale(1.1);
}
#menu li a .arrow {
    position: absolute;
    bottom: -35px;
    right: 94px;

}

#menu li a:hover .arrow {
    bottom: -40px;
}

#menu li:first-child {
}


#menu li:first-child a::after {
    background: url("../images/menu01.jpg") center center no-repeat;
}

#menu li:nth-child(2) {
    bottom: 0;
    left: 0;
}

#menu li:nth-child(2) a {
    padding-top: -10px;
}

#menu li:nth-child(2) a::after {
    background: url("../images/menu02.jpg") center center no-repeat;
}

#menu li:last-child {
    bottom: 0;
    right: 0;
}

#menu li:last-child a {
    padding-top: 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#menu li:last-child a::after {
    background: url("../images/menu03.jpg") center center no-repeat;
}




section .ttl {
    text-align: center;
    margin-bottom: 30px;
}

section .ttl h4 {
    position: absolute;
    top: -35px;
    right: 95px;
}

section .ttl p {
    color: #961c12;
    text-align: center;
    margin: 40px 0;
    color: #961c12;
    font-size: 18px;
    line-height: 34px;
}

section .it {
    margin-bottom: 50px;
}

section .it p {
    font-size: 14px;
    line-height: 21px;
    width: 750px;
    margin-top: 13px;
    padding-left: 45px;
}

section .it p.txt_r {
    margin-left: 195px;
    padding-left: 0;
}

ul.clist {
    margin-left: 45px;
    margin-bottom: 30px;
}

ul.clist li {
    width: 271px;
    height: 230px;
    float: left;
    margin-right: 20px;
}

ul.clist li p {
    margin-top: 10px;
    font-size: 16px;
}

/*cbtn*/

a.cbtn {
    display: block;
    width: 340px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #ffffff !important;
    background: url("../images/icon_arrow.png") right 15px center no-repeat , url("../images/bg_cbtn.png");
    /*border: 1px solid #563f18;*/
    border-radius: 10px;
    -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;
}

a.cbtn:hover {
    background: url("../images/icon_arrow.png") right 10px center no-repeat, url("../images/bg_cbtn.png") ;
    opacity: 0.6;
    /*border: 1px solid #563f18;*/
    /*color: #563f18 !important;*/
    -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;
}

a.cbtn2 {
    display: block;
    width: 340px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #ffffff !important;
    background: url("../images/icon_arrow.png") right 15px center no-repeat #C22A3C;
    border: 1px solid #C22A3C;
    -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;
}

a.cbtn2:hover {
    background: url("../images/icon_arrow_on02.png") right 10px center no-repeat;
    opacity: 1;
    border: 1px solid #C22A3C;
    color: #C22A3C !important;
    -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;
}

/*voice*/

#c_voice {
    margin-bottom: 210px;
}
.voice {
    /*background: rgba(200,186,177,.3);*/
    /*padding: 60px 0;*/
    position: relative;
    /*border: 1px solid #80A550;*/
    /*border-radius: 20px;*/
    padding: 80px 0 0;
}

.voice .img {
    position: absolute;
    top: 0;
    left: 0;
}

.voice h4 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 30px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #231815;
    /*font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Noto Sans JP', sans-serif, メイリオ, Meiryo, 'ＭＳ Ｐゴシック';*/
    font-family: YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ＭＳ 明朝", "MS Mincho";

}

.voice h4 span {
    font-size: 14px;
    color: #366A81;
    font-weight: normal;
}

.voice ul {
    width: 950px;
    margin: 0 auto;
    justify-content: space-between;
}

.voice ul li {
    width: 305px;
    display: flex;
    flex-direction: column;
    padding: 40px 0 0;
    border: 1px solid #C1C1B3;
    box-sizing: border-box;
}

.voice ul li img {
    margin-bottom: 15px;
}

.voice ul li.line {
    display: none;
/*    width: 1px;
    border-right: 1px dashed #808080;
    display: block;*/
}

.voice ul li p {
    padding: 0 40px 0;
    margin-bottom: 30px;
    font-family: YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ＭＳ 明朝", "MS Mincho";
    /*font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Noto Sans JP', sans-serif, メイリオ, Meiryo, 'ＭＳ Ｐゴシック';*/
}
.voice ul li .star {
    color: #366A81;
    margin-bottom: 10px;
    padding: 0 40px 0;
}

/*.voice ul li a.cbtn {
    margin-top: auto;
    width: 100%;
    background-color: #563f18;
    border:1px solid #563f18;
 }*/
/*.voice ul li a.cbtn:hover {
    color: #563f18;
    background-color: #FFFFFF;
}*/
.voice ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    width: 100%;
    height: 55px;
    border-top:1px solid #E0E0DB;
    /*border-radius: 10px;*/
    background: url(../images/icon_arrow.png) center right 15px no-repeat;
    font-family: YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ＭＳ 明朝", "MS Mincho";
    /*font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Noto Sans JP', sans-serif, メイリオ, Meiryo, 'ＭＳ Ｐゴシック';*/
 }
.voice ul li a:hover {
    color: #FFFFFF !important;
    background: url(../images/icon_arrow_on.png) center right 10px no-repeat #366A81;
    opacity: 1; 
}



/*#concept*/
#concept {
    position: relative;
    z-index: 10;
    padding-top: 100px;
    margin-top: -100px;
}
.bg_concept{
    width: 100%;
    height: 660px;
    background: url("../images/bg_concept.jpg") center center no-repeat;
    background-size: cover;
}
.bg_concept .mainw {
    text-align: center;
    padding-top: 85px;
}



/* #cuisine */
section#cuisine {
    position: relative;
    padding-top: 100px;
    margin-top: -100px; 
}
section#cuisine .cuisine1 {
    position: relative;
    z-index: 5;
}
section#cuisine .bg {
    position: relative;
    z-index: 3;
    padding-top: 530px;
    padding-bottom: 120px;
    margin-top: -530px;
    /*top: -530px;*/
}
section#cuisine .cuisine3 {
    margin-bottom: 80px;
}





/* contents
------------------------------------------------------------------------------------ */
div.sectionInner img {
	width:100%;
}

div.blockTitle {
	position: relative;
	padding:0 0 100px 0;
	background-color: #F9F9F6;
}
div.blockTitle:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 150px;
	background-color: #FFF;
}
div.blockTitle div.blockTitleInner {
	display: flex;
	justify-content: space-between;
	position: relative;
	width:auto;
	max-width:1110px;
	margin:0 auto;
	z-index: 2;
}
div.blockTitle div.blockTitleInner div.blockTitleLeft {
	width:845px;
}
div.blockTitle div.blockTitleInner div.blockTitleLeft p.blockTitleLeftText {
	margin-top:20px;
}
div.blockTitle div.blockTitleInner div.blockTitleRight {
	width:185px;
	margin-top:230px;
}

ul.photoBlockList {
	margin-top:80px;
}
ul.photoBlockList li {
	margin:100px auto 0 auto;
}
ul.photoBlockList li.photoBlock:first-child {
	margin-top:0;
}



/* 共通パーツ
------------------------------------------------------------------------------------ */
.linkBtn a {
	display:block;
	position: relative;
	width:320px;
	margin:0 auto;
	color: #FFF !important;
	font-size:16px;
	line-height:100%;
	text-align:center;
	margin-top:50px;
	padding:25px 0;
	background-color: #79b3c4;
}
.linkBtn a:hover {
	color: #FFF !important;
}

section div.mv {
	display:block;
	width:100%;
	height:360px;
	margin-bottom:50px;
}
section h2.sectionTitle {
	width:127px;
	margin:0 auto;
}
section h3.sectionLead {
	margin:80px 0 50px 0;
}




/* MV
------------------------------------------------------------------------------------ */
section#mv {
	position: relative;
	margin-bottom: 40px;
	background-size: cover;
}
section#mv div.sectionInner {
	position: absolute;
	left: 60px;
	bottom: 80px;
	z-index: 100;
}
section#mv div.sectionInner h2 {
	width:295px;
}
section#mv div#mvBadge {
	position: absolute;
	right: 50px;
	top: 20px;
	width:170px;
	z-index: 100;
}



/* TOPバナーエリア
------------------------------------------------------------------------------------ */
section#topBanner {
	margin-top: 100px;
}
section#topBanner div.sectionInner {
max-width: 1110px;
width: 100%;
display: flex;
justify-content: space-between;
gap: 16px 1%;
margin: 0 auto;
flex-wrap: wrap;
}
section#topBanner div.sectionInner .rtban_box {
	width:49%;
	max-width:730px;
	margin:0 auto;
}



/* 空の庭リゾートについて・ページ内リンク
------------------------------------------------------------------------------------ */
section#about {
	position: relative;
	margin-top: 50px;
}
section#about p img {
	width:100%;
}
section#about div#aboutContents {
	position: absolute;
	left: 50%;
	top: 100px;
	width:790px;
	z-index: 2;
	transform: translateX(-50%);
}
section#about div#aboutContents h2 {
}
section#about div.sectionInner {
	width:auto;
	max-width:1110px;
	margin:0 auto;
}
section#about div.sectionInner ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	margin-top:50px;
}
section#about div.sectionInner ul li {
	width:32.5%;
}



/* 温泉
------------------------------------------------------------------------------------ */
section#hotSpring {
    padding-top: 220px;
	margin-top: -110px;
}
section#hotSpring div.sectionInner {
	width:auto;
	max-width:1110px;
	margin:0 auto;
}
section#hotSpring div.w720 {
	width:auto;
	max-width:720px;
	margin:0 auto;
}



/* 客室
------------------------------------------------------------------------------------ */
section#room {
    padding-top: 220px;
	margin-top: -110px;
}
section#room div.sectionInner {
	width:auto;
	max-width:1110px;
	margin:0 auto;
}
section#room div.w720 {
	width:auto;
	max-width:720px;
	margin:0 auto;
}



/* お食事
------------------------------------------------------------------------------------ */
section#cook {
    padding-top: 220px;
	margin-top: -110px;
}
section#cook div.sectionInner {
	width:auto;
	max-width:1110px;
	margin:0 auto;
}
section#cook div.w720 {
	width:auto;
	max-width:720px;
	margin:0 auto;
}



/* 館内案内
------------------------------------------------------------------------------------ */
section#facilities {
    padding-top: 220px;
	margin-top: -110px;
}
section#facilities div.sectionInner {
	width:auto;
	max-width:1110px;
	margin:0 auto;
}



/* アクセス
------------------------------------------------------------------------------------ */
section#access {
    padding-top: 220px;
	margin-top: -110px;
    margin-bottom: 220px;
}
section#access div.mv {
	background: url(../images/access_mv.jpg) 50% 50% no-repeat;
	background-size: cover;
}
section#access div.sectionInner {
	width:auto;
	max-width:1110px;
	margin:0 auto;
}
section#access .sectionLead img {
    width: 200px;
    margin: 0 auto;
    display: block;
}


/* 宿泊プラン
------------------------------------------------------------------------------------ */
section#plans {
    padding-top: 80px;
	margin-top: -80px;
	padding-bottom: 80px;
	background-color: #f9f9f6;
}
section#plans div.sectionInner {
	width:auto;
	max-width:1110px;
	margin:0 auto;
}
section#plans div.sectionInner ul#plansList {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	margin-top:80px;
}
section#plans div.sectionInner ul#plansList li {
	width:32%;
}
section#plans div.sectionInner ul#plansList li a p.plansListPhoto {
	padding-bottom:15px;
}
section#plans div.sectionInner ul#plansList li a:hover p {
	color:#007a87;
}