@charset "utf-8";
/*  +++++++++++++++++++++++++ common +++++++++++++++++++++++++ */

html {
font-size: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
color: #343434;
-webkit-text-size-adjust: 100%;
font-weight: 300;
height: 100%;
}
body.active {
overflow: hidden;
}
.pc {
display: block;
}
.sp {
display: none;
}
a:hover {
opacity: 0.8;
text-decoration: none;
}
a[href^="tel:"]:hover {
opacity: 1.0;
}
img {
max-width: 100%;
height: auto;
-webkit-backface-visibility: hidden;
}
.svgParts {
display: none;
}
svg {
fill: #343434;
}
a:link {
color: #343434;
text-decoration:underline;
}
a:visited {
color: #343434;
text-decoration:underline;
}
.clear {
clear: both;
}
.clearfix::after {
content: "";
display: block;
clear: both;
}
.ind {
display: inline-block;
text-indent: -1.0em !important;
padding-left: 1.0em !important;
}
.mt0 {
margin-top: 0 !important;
}
.mt5 {
margin-top: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt25 {
margin-top: 25px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mt35 {
margin-top: 35px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mt45 {
margin-top: 45px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mt55 {
margin-top: 55px !important;
}
.mt60 {
margin-top: 60px !important;
}
.mt65 {
margin-top: 65px !important;
}
.mt70 {
margin-top: 70px !important;
}
.mt75 {
margin-top: 75px !important;
}
.mt80 {
margin-top: 80px !important;
}
.mt85 {
margin-top: 85px !important;
}
.mt90 {
margin-top: 90px !important;
}
.mt95 {
margin-top: 95px !important;
}
.mt100 {
margin-top: 100px !important;
}
.mb0 {
margin-bottom: 0 !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.pt0 {
padding-top: 0 !important;
}
.pt5 {
padding-top: 5px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pt15 {
padding-top: 15px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pt25 {
padding-top: 25px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pt35 {
padding-top: 35px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pt45 {
padding-top: 45px !important;
}
.pt50 {
padding-top: 50px !important;
}
.pb0 {
padding-bottom: 0 !important;
}
.pb5 {
padding-bottom: 5px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pb45 {
padding-bottom: 45px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.min {
font-family: 'Noto Serif JP', serif;
}
.pctL {
float: left;
margin-right: 30px !important;
margin-bottom: 30px !important;
}
.pctR {
float: right;
margin-left: 30px !important;
margin-bottom: 30px !important;
}
.aRight {
text-align: right;
}
.aCenter {
text-align: center;
}
.centered {
position: relative;
overflow: hidden;
}
.centered ul {
position: relative;
left: 50%;
float: left;
}
.centered ul li {
position: relative;
left: -50%;
float: left;
}
.scroll {
margin: 0 0 30px;
padding: 0;
}
.scroll table {
margin: 0 !important;
}
#btnTop {
position: fixed;
bottom: 20px;
right: 20px;
}
#wrapper {
margin: 0;
padding: 0;
height: 100%;
}



/*  +++++++++++++++++++++++++ msta_footerArea +++++++++++++++++++++++++ */

#msta_footerArea{
position: fixed;
bottom: 0;
width: 100%;
}
#msta_footerArea table{
width: 100%;
}
#msta_footerArea #kdsfooter_d2{
width: 100% !important;
text-align: center;
}
#msta_footerArea #kdsfooter_msg{
text-align: center;
}


/*  +++++++++++++++++++++++++ sideSns +++++++++++++++++++++++++ */

ul#sideSns {
margin: 0;
padding: 0;
position: fixed;
right: 15px;
top: 46%;
width: 40px;
z-index: 2000;
}
ul#sideSns li {
margin: 0 0 10px;
padding: 0;
}
ul#sideSns li:last-child {
margin-bottom: 0;
}
/*  +++++++++++++++++++++++++ header +++++++++++++++++++++++++ */

#header {
margin: 0;
padding: 0;
position: absolute;
z-index: 1000;
width: 100%;
top: 0;
height: 91px;
background-color: rgba(51,51,51,0.3)
}
#header > .inner {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
text-align: left;
display: flex;
justify-content: space-between;
}
#header p.logo {
margin: 0;
padding: 0 0 0 20px;
align-self: center;
}
#header #headerContents {
margin: 0;
padding: 0;
width: calc(100% - 240px);
display: flex;
}
#header #headerContents ul#headerBtnBox {
margin: 0;
padding: 0;
display: flex;
width: 310px;
position: fixed;
right: 0;
top: 0;
opacity: 0;
}
#header #headerContents ul#headerBtnBox li {
margin: 0;
padding: 0;
width: 50%;
text-align: center;
font-size: 1.0rem;
line-height: 90px;
vertical-align: middle;
}
#header #headerContents ul#headerBtnBox li a {
margin: 0;
padding: 0;
display: block;
color: #FFF;
text-decoration: none;
height: 100%;
position: relative;
}
#header #headerContents ul#headerBtnBox li#headerCv {
background: #867519;
}
#header #headerContents ul#headerBtnBox li#menuBtn {
background: #203d2d;
}
#header #headerContents ul#headerBtnBox li#menuBtn a, #header #headerContents ul#headerBtnBox li#menuBtn a span.line {
display: block;
transition: all .4s;
box-sizing: border-box;
text-decoration: none;
}
#header #headerContents ul#headerBtnBox li#menuBtn a {
margin: 0;
padding: 0 20px 0 50px;
position: relative;
height: 100%;
box-sizing: border-box;
}
#header #headerContents ul#headerBtnBox li#menuBtn a span.line {
margin: auto;
position: absolute;
left: 35px;
width: 25px;
height: 1px;
background-color: #FFF;
}
#header #headerContents ul#headerBtnBox li#menuBtn a span.line:nth-of-type(1) {
top: 44%;
}
#header #headerContents ul#headerBtnBox li#menuBtn a span.line:nth-of-type(2) {
top: 50%;
}
#header #headerContents ul#headerBtnBox li#menuBtn a span.line:nth-of-type(3) {
top: 56%;
}


/*  +++++++++++++++++++++++++ navi +++++++++++++++++++++++++ */

#header #headerContents .navi {
margin: 0;
padding: 0;
align-self: center;
opacity: 0;
/*	min-width:690px;*/
}
#header #headerContents .navi ul {
margin: 0;
padding: 0;
display: flex;
}
#header #headerContents .navi ul li {
margin: 0 18px 0 0;
padding: 0;
font-size: .938rem;
line-height: 1.0;
font-family: 'Noto Serif JP', serif;
}
#header #headerContents .navi ul li.none {
display: none;
}
#header #headerContents .navi ul li:last-child {
margin-right: 0;
}
#header #headerContents .navi ul li:nth-of-type(1),
#header #headerContents .navi ul li:nth-of-type(8),
#header #headerContents .navi ul li:nth-of-type(9),
#header #headerContents .navi ul li:nth-of-type(10),
#header #headerContents .navi ul li:nth-of-type(11){
display: none;
}
#header #headerContents .navi ul li a {
margin: 0;
padding: 0;
text-decoration: none;
color: #FFF;
}
@media screen and (max-width: 1220px) {
#header #headerContents .navi {
display: none;
}
}




/*  +++++++++++++++++++++++++ language +++++++++++++++++++++++++ */

#header #headerContents #languageWrap {
margin: 0;
padding: 0;
opacity: 0;
position: relative;
align-self: center;
}
#header #headerContents #languageWrap::after {
position: absolute;
content: '';
width: 6px;
height: 6px;
right: 10px;
top: 50%;
transform: translateY(-50%) rotate(45deg);
border-bottom: 2px solid #000;
border-right: 2px solid #000;
/*z-index: -1;*/
}
#header #headerContents #languageWrap select{
margin: 0;
padding: 5px 25px 5px 10px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: #FFF;
color: #000;
font-size: 0.85rem;
border: 0;
border-radius: 200px;
position: relative;
}
@media screen and (max-width: 1330px) {
#header #headerContents #languageWrap {
display: none;
}
}






/*  +++++++++++++++++++++++++ main +++++++++++++++++++++++++ */

#main, #main .swiper, #main .swiper-wrapper, #main .swiper-slide {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
#main {
position: relative;
z-index: 10;
}
#main .swiper-slide {
position: relative;
}
#main .swiper-slide .slide-img {
position: relative;
width: 100%;
height: 100%;
}
#main .swiper-slide#main01 .slide-img {
background: url("../images/main_01.jpg") no-repeat center center;
background-size: cover;
}
#main .swiper-slide#main02 .slide-img {
background: url("../images/main_02.jpg") no-repeat center center;
background-size: cover;
}
#main .swiper-slide#main03 .slide-img {
background: url("../images/main_03.jpg") no-repeat center center;
background-size: cover;
}
#main .swiper-slide#main04 .slide-img {
background: url("../images/main_04.jpg") no-repeat center center;
background-size: cover;
}
#main .swiper-slide#main05 .slide-img {
background: url("../images/main_05.jpg") no-repeat center center;
background-size: cover;
}
#main .swiper-slide#main06 .slide-img {
background: url("../images/main_06.jpg") no-repeat center center;
background-size: cover;
}
@keyframes zoomUp {
0% {
transform: scale(1);
}
100% {
transform: scale(1.15);
}
}
.swiper-slide-active .slide-img, .swiper-slide-duplicate-active .slide-img, .swiper-slide-prev .slide-img {
animation: zoomUp 9s linear 0s both;
}
#main p.catch {
margin: 0;
padding: 0 20px;
font-size: 2.25rem;
font-weight: 300;
line-height: 1.6;
color: #FFF;
text-align: center;
position: absolute;
top: 50%;
width: 100%;
box-sizing: border-box;
transform: translateY(-50%);
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.68);
font-feature-settings: "palt";
}
.scrolldown {
position:absolute;
left:50%;
bottom:20px;
transform: translateX(-50%);
height:50px;
z-index: 100;
}
.scrolldown span {
position: absolute;
left:-15px;
top: -15px;
color: #eee;
font-size: 0.7rem;
letter-spacing: 0.05em;
}
.scrolldown::after {
content: "";
position: absolute;
top: 0;
width: 1px;
height: 30px;
background: #eee;
animation: pathmove 1.4s ease-in-out infinite;
opacity:0;
}
@keyframes pathmove {
0% {
height:0;
top:0;
opacity: 0;
}
30% {
height:30px;
opacity: 1;
}
100% {
height:0;
top:50px;
opacity: 0;
}
}
/*  +++++++++++++++++++++++++ mainCommon +++++++++++++++++++++++++ */

#mainCommon {
margin: 0;
padding: 0;
}
#mainCommon.cuisine {
background: url("../images/main_cuisine.jpg") no-repeat center center;
background-size: cover;
}
#mainCommon.access {
background: url("../images/main_access.jpg") no-repeat center center;
background-size: cover;
}
#mainCommon.room {
background: url("../images/main_room.jpg") no-repeat center center;
background-size: cover;
}
#mainCommon.spa {
background: url("../images/main_spa.jpg") no-repeat center center;
background-size: cover;
}
#mainCommon.osusume {
background: url("../images/main_osusume.jpg") no-repeat center center;
background-size: cover;
}
#mainCommon.facilities {
background: url("../images/main_facilities.jpg") no-repeat center center;
background-size: cover;
}
#mainCommon.about {
background: url("../images/main_about.jpg") no-repeat center center;
background-size: cover;
}
#mainCommon.howtospend {
background: url("../images/main_howtospend.jpg") no-repeat center center;
background-size: cover;
}

#mainCommon > .inner {
margin: 0 auto;
padding: 200px 0;
position: relative;
}
#mainCommon h1 {
margin: 0;
padding: 0;
font-size: 2.25rem;
font-weight: 300;
line-height: 1.6;
color: #FFF;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.68);
font-feature-settings: "palt";
white-space: nowrap;
}
/*  +++++++++++++++++++++++++ cvBox +++++++++++++++++++++++++ */

.cvBox {
margin: 0;
padding: 0;
background: #2e523e;
overflow: hidden;
}
.cvBox > .inner {
margin: 0 auto;
padding: 15px 0;
width: 1200px;
}
.cvBox .cvList {
margin: 0;
padding: 0;
width: 100%;
display: table;
}
.cvBox .cvList .box {
margin: 0;
padding: 0;
display: table-cell;
text-align: left;
vertical-align: middle;
}
.cvBox .cvList .box.title {
padding: 30px 20px;
background: #203d2d;
position: relative;
}
.cvBox .cvList .box.title:before {
margin: 0;
padding: 0;
content: "";
display: block;
background: #203d2d;
position: absolute;
width: 9999px;
height: 100%;
right: 0;
top: 0;
z-index: 20;
}
.cvBox .cvList .box.title h2 {
margin: 0;
padding: 0;
font-size: 1.375rem;
line-height: 1.2;
color: #FFF;
font-weight: 300;
text-align: center;
position: relative;
z-index: 30;
}
.cvBox .cvList .box.title h2 .ss {
font-size: 0.75rem;
display: block;
margin-top: 10px;
line-height: 1.6;
}
.cvBox .cvList .box.tel {
padding: 0 20px;
}
.cvBox .cvList .box.tel h2 {
margin: 0 0 5px;
padding: 0;
font-size: 0.85rem;
line-height: 1.4;
color: #ffffff;
font-weight: 300;
text-align: center;
position: relative;
}
.cvBox .cvList .box.tel h2:before {
content: none;
display: inline-block;
width: 100%;
height: 1px;
position: absolute;
left: 0;
top: 50%;
z-index: 10;
background: #ffffff;
}
.cvBox .cvList .box.tel h2 span.line {
margin: 0;
padding: 0 15px;
background: #2e523e;
display: inline-block;
position: relative;
z-index: 20;
}
.cvBox .cvList .box.tel p {
margin: 0;
padding: 0;
font-size: 1.375rem;
line-height: 1.0;
color: #867519;
text-align: center;
font-weight: 300;
}
.cvBox .cvList .box.tel p svg {
width: 15px;
height: 19px;
fill: #ffffff;
margin: 0 5px 0 0;
position: relative;
top: 2px;
}
.cvBox .cvList .box.tel p a {
color: #ffffff !important;
text-decoration: none;
}
.cvBox .cvList .box.btn {
padding: 0;
}
.cvBox .cvList .box.btn ul {
margin: 0;
padding: 0;
width: 100%;
display: flex;
}

.cvBox .cvList .box.btn ul li.walkin {
margin: 0 2% 0 0;
padding: 0;
width: 32%;
text-align: center;
font-size: 0.95rem;
background: linear-gradient(0deg, rgb(227, 205, 87), rgb(255, 250, 226), rgb(227, 205, 87));
}

.cvBox .cvList .box.btn ul li {
margin: 0 2% 0 0;
padding: 0;
width: 32%;
text-align: center;
font-size: 0.95rem;
background: #867519;
}
.cvBox .cvList .box.btn ul li:last-child {
margin-right: 0;
}

.cvBox .cvList .box.btn ul li.walkin a {
margin: 0;
padding: 15px 25px 15px 12px;
display: block;
color: #343434;
text-decoration: none;
position: relative;
}

.cvBox .cvList .box.btn ul li a {
margin: 0;
padding: 15px 25px 15px 12px;
display: block;
color: #FFF;
text-decoration: none;
position: relative;
}

.cvBox .cvList .box.btn ul li.walkin a svg {
margin: 0;
padding: 0;
width: 12px;
height: 12px;
fill: #343434;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}

.cvBox .cvList .box.btn ul li a svg {
margin: 0;
padding: 0;
width: 12px;
height: 12px;
fill: #FFF;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
/*  +++++++++++++++++++++++++ menuBox +++++++++++++++++++++++++ */

#menuBox {
margin: 0;
padding: 0;
background: #203d2d;
position: fixed;
top: 0;
width: 100%;
height: 100%;
z-index: 3000;
overflow: auto;
display: none;
}
#menuBox > .inner {
margin: 0 auto;
padding: 50px 0;
width: 80%;
position: relative;
min-width:1170px;
}

#menuBox .logo{
margin: 0 180px 0 auto;
display: inline-block;
}
#menuBox .btnClose {
margin: 0;
padding: 0;
width: 80px;
height: 80px;
position: fixed;
right: 10px;
top: 10px;
}
#menuBox .btnClose a {
display: block;
transition: all .4s;
margin: 0;
padding: 0;
position: relative;
height: 100%;
box-sizing: border-box;
}
#menuBox .btnClose a span.line {
margin: 0;
padding: 0;
position: absolute;
top: 35px;
left: 10%;
width: 80%;
height: 1px;
background-color: #8da08d;
}
#menuBox .btnClose a span.line:nth-of-type(1) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#menuBox .btnClose a span.line:nth-of-type(2) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#menuBox .navi {
clear: both;
margin: 30px 0 0;
padding: 0;
}
#menuBox .navi ul {
margin: 0;
padding: 0;

}
#menuBox .navi ul li {
margin: 0;
padding: 0;
font-size: 1.2rem;
line-height: 1.0;
font-family: 'Noto Serif JP', serif;

}
#menuBox .navi ul li:nth-of-type(1){
position: absolute;
top: 54px;
right: 35%;
width: 10em;
font-size: .875rem;
}
#menuBox .navi ul li:nth-of-type(1) a{
background: #FFF;
color: #000;
padding: .8em 1em;
position: relative;
border: 0;
}
#menuBox .navi ul li:nth-of-type(1) a:after{
position: absolute;
content:"";
top: 1em;
width: 6px;
height: 6px;
border-top: 2px solid #ccc;
border-right: 2px solid #ccc;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: .6em;
}


#menuBox .navi ul li:nth-child(n+2){
width: 25%;
float: left;
}
#menuBox .navi ul li a {
margin: 0 .4em;
padding: 25px 0;
color: #8da08d;
text-decoration: none;
display: block;
border-bottom: solid 1px #2a4e3a;
border-top: solid 1px #2a4e3a;
}
#menuBox .navi ul li:nth-child(n+6) a{
border-top: 0;
}




/*  +++++++++++++++++++++++++ subNavi(menuBox) +++++++++++++++++++++++++ */


#menuBox ul#subNav{
padding:4em 0 0;
clear: both;
display: inline-block;
}


#menuBox ul#subNav:after{
clear: both;
content:"";
display: block;
}

#menuBox ul#subNav li{
float: left;
margin: 0 1em;

}

#menuBox ul#subNav li a{
color: #8da08d;
text-decoration: none;
position: relative;
padding: 1em;
}

#menuBox ul#subNav li a:after{
position: absolute;
content:"";
top: calc(50% - 3px);
width: 6px;
height: 6px;
border-top: 2px solid #8da08d;
border-right: 2px solid #8da08d;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 0;
}

#menuBox .langList{
margin: 2em 0 0;
padding: 2em 0 0;
clear: both;
border-top: solid 1px #2a4e3a;
}
#menuBox .langList:after{
clear: both;
content:"";
display: block;
}
#menuBox .langList ul{
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#menuBox .langList ul li{
margin: 0 1em;
}
#menuBox .langList ul li a{
color: #8da08d;
text-decoration: none;
position: relative;
padding: 1em;
}
#menuBox .langList ul li a:after{
position: absolute;
content:"";
top: calc(50% - 3px);
width: 6px;
height: 6px;
border-top: 2px solid #8da08d;
border-right: 2px solid #8da08d;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 0;
}




/*  +++++++++++++++++++++++++ cvBox(menuBox) +++++++++++++++++++++++++ */

#menuBox .cvBox {
margin: 60px 0 0;
overflow: visible;
border-radius: 10px 10px 6px 6px;
}
#menuBox .cvBox > .inner {
margin: 0;
width: 100%;
}
#menuBox .cvBox .cvList {
display: block;
}
#menuBox .cvBox .cvList .box {
display: block;
}
#menuBox .cvBox .cvList .box.title {
padding: 20px;
background: #2e523e;
border-radius: 6px 6px 0 0;
}
#menuBox .cvBox .cvList .box.title:before {
content: none;
}
#menuBox .cvBox .cvList .box.tel {
margin: 0 20px;
padding: 20px 0 15px;
}
#menuBox .cvBox .cvList .box.tel h2 {
font-size: 1.1rem;
}
#menuBox .cvBox .cvList .box.tel p {
font-size: 2.0rem;
}
#menuBox .cvBox .cvList .box.tel p svg {
width: 20px;
height: 24px;
}
#menuBox .cvBox .cvList .box.tel h2:before {
content: "";
}
#menuBox .cvBox .cvList .box.btn {
margin: 0 20px;
padding: 0 0 20px;
border-radius: 0 0 6px 6px;
}
/*  +++++++++++++++++++++++++ breadcrumbList +++++++++++++++++++++++++ */

#breadcrumbList {
margin: 0;
padding: 0;
background: #EDEDED;
}
#breadcrumbList > .inner {
margin: 0 auto;
padding: 15px 0;
width: 1200px;
}
@media screen and (max-width: 1200px) {
#breadcrumbList > .inner {
width: 100%;
}
}
#breadcrumbList ul {
margin: 0;
padding: 0;
white-space: nowrap;
}
#breadcrumbList ul li {
margin: 0;
padding: 0;
float: left;
font-size: 0.75rem;
line-height: 1.2;
}
#breadcrumbList ul li:after {
margin: 0;
padding: 0 3px;
content: ">";
display: inline-block;
}
#breadcrumbList ul li:last-child:after {
padding: 0;
content: none;
}
#breadcrumbList ul li a {
margin: 0;
padding: 0;
}
/*  +++++++++++++++++++++++++ newsBox +++++++++++++++++++++++++ */

#newsBox {
margin: 0;
padding: 0;
background: #f8f7f7;
}
#newsBox h2 {
margin: 0 0 30px;
padding: 0;
font-size: 2.375rem;
line-height: 1.6;
font-weight: 300;
}
#newsBox > .inner {
margin: 0 auto;
padding: 120px 0;
width: 1200px;
}
#newsBox #newsList {
margin: 0 0 40px;
padding: 0;
width: 100%;
text-align: left;
}
#newsBox #newsList .entry {
margin: 0;
padding: 0;
}
#newsBox #newsList .entry a {
margin: 0;
padding: 15px 25px;
text-decoration: none;
display: flex;
}
#newsBox #newsList .entry:nth-child(2n+1) a {
background: #f2f2f2;
}
#newsBox #newsList .entry p.date, #newsBox.common #newsContents h2 span.date {
margin: 0;
padding: 0;
font-size: 0.91rem;
line-height: 1.6;
font-weight: 700;
white-space: nowrap;
}
#newsBox #newsList .entry p.date .category, #newsBox.common #newsContents h2 span.date .category {
margin: 0 0 0 15px;
padding: 8px 0;
width: 100px;
font-size: 0.75rem;
line-height: 1.0;
display: inline-block;
text-align: center;
background: #FFF;
vertical-align: middle;
}
#newsBox #newsList .entry p.title {
margin: 0;
padding: 0 0 0 15px;
font-size: 0.91rem;
line-height: 1.6;
}
#newsBox ul.btnBox {
margin: 0;
padding: 0;
font-size: 0;
text-align: center;
}
#newsBox ul.btnBox li {
margin: 0 20px 0 0;
padding: 0;
display: inline-block;
box-sizing: border-box;
text-align: center;
font-size: 1.125rem;
line-height: 1.6;
font-weight: 300;
background: #222222;
transition: all 0.3s ease 0s;
}
#newsBox ul.btnBox li:last-child {
margin-right: 0;
}
#newsBox ul.btnBox li a {
margin: 0;
padding: 10px 85px;
display: block;
color: #FFF;
text-decoration: none;
position: relative;
}
#newsBox ul.btnBox li a svg {
width: 26px;
height: 6px;
fill: #FFF;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s ease 0s;
}
#newsBox ul.btnBox li:hover svg {
right: 10px;
}
/*  +++++++++++++++++++++++++ newsBox common +++++++++++++++++++++++++ */


#newsBox.common > .inner {
padding: 80px 0;
display: flex;
justify-content: space-between;
text-align: left;
}
#newsBox.common #newsContents {
margin: 0;
padding: 0;
width: 75%;
}
#newsBox.common #newsContents h2 {
text-align: left;
font-family: 'Noto Serif JP', serif;
}
#newsBox.common #newsContents h2 span.min {
display: block;
margin: 2px 0 0;
}
#newsBox.common #newsContents h3 {
margin: 0 0 25px;
padding: 0;
font-size: 1.8rem;
line-height: 2.0;
position: relative;
font-weight: 300;
font-family: 'Noto Serif JP', serif;
}
#newsBox.common #newsContents h4 {
margin: 0 0 20px;
padding: 0;
font-size: 1.6rem;
line-height: 2.0;
position: relative;
font-weight: 300;
font-family: 'Noto Serif JP', serif;
}
#newsBox.common #newsContents h5 {
margin: 0 0 20px;
padding: 0;
font-size: 1.4rem;
line-height: 2.0;
position: relative;
font-weight: 300;
font-family: 'Noto Serif JP', serif;
}
#newsBox.common #newsContents h6 {
margin: 0 0 20px;
padding: 0;
font-size: 1.1rem;
line-height: 2.0;
position: relative;
font-weight: 300;
font-family: 'Noto Serif JP', serif;
}
#newsBox.common #newsContents *+h2 {
margin-top: 100px;
}
#newsBox.common #newsContents p.read+h2 {
margin-top: 0;
}
#newsBox.common #newsContents *+h3, #newsBox.common #newsContents *+h4, #newsBox.common #newsContents *+h5, #newsBox.common #newsContents *+h6 {
margin-top: 60px;
}
#newsBox.common #newsContents h2+h3, #newsBox.common #newsContents h3+h4, #newsBox.common #newsContents h4+h5, #newsBox.common #newsContents h5+h6 {
margin-top: 0;
}
#newsBox.common #newsContents p {
margin: 0 0 20px;
padding: 0;
font-size: 1.0rem;
line-height: 2.0;
}
#newsBox.common #newsContents ul {
margin: 0 0 30px;
padding: 0;
}
#newsBox.common #newsContents ul li {
margin: 0 0 5px 0;
padding: 0 0 0 0.8em;
font-size: 1.0rem;
line-height: 2.0;
box-sizing: border-box;
text-indent: -0.8em;
}
#newsBox.common #newsContents ul li::before {
content:  '';
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 7px;
border-color: transparent transparent transparent #DDD;
display:  inline-block;
vertical-align:  middle;
position:  relative;
top: -2px;
margin-right: 6px;
}
#newsBox.common #newsContents ol {
margin: 0 0 30px 20px;
padding: 0;
}
#newsBox.common #newsContents ol li {
margin: 0 0 5px 0;
padding: 0;
font-size: 1.0rem;
line-height: 1.6;
}
#newsBox.common #newsContents table {
margin: 0;
padding: 0;
width: 100%;
clear: both;
}
#newsBox.common #newsContents table th, #newsBox.common #newsContents table td {
margin: 0;
padding: 10px 15px;
font-size: 1.0rem;
line-height: 2.0;
box-sizing: border-box;
border: solid 1px #CFCFCF;
}
#newsBox.common #newsContents table th {
font-weight: 700;
}
#newsBox.common #newsContents .wp-block-image, #newsBox.common #newsContents .wp-block-table {
margin: 0 0 30px;
}
#newsBox.common #newsContents .pagination {
margin:40px 0 0;
}
#newsBox.common #newsContents .nav-links {
display:flex;
justify-content: center;
}
#newsBox.common #newsContents .pagination .page-numbers {
display:inline-block;
margin:0 5px;
padding:6px 10px;
color:#000;
border-radius:3px;
background:#fff;
font-size: 0.91rem;
text-decoration: none;
}
#newsBox.common #newsContents .pagination .current {
padding:15x;
background:#000;
color:#fff;
}
.screen-reader-text {
display: none !important;
}
#newsBox.common #newsContents .pagination .prev, #newsBox.common #newsContents .pagination .next {
background:transparent;
box-shadow:none;
color:#000;
}
#newsBox.common #newsContents .pagination .dots {
background:transparent;
box-shadow:none;
}
#newsBox.common #newsContents ul.btnBox {
margin-top: 80px;
}
#newsBox.common #newsContents ul.btnBox li {
margin: 0;
padding: 0;
text-indent: 0;
}
#newsBox.common #newsContents ul.btnBox li::before {
content: none;
}
#newsBox.common #newsSide {
margin: 0;
padding: 0;
width: 20.83%;
}
#newsBox.common #newsSide .widgetBox {
margin: 0;
padding: 0;
}
#newsBox.common #newsSide .widgetBox+.widgetBox {
margin-top: 20px;
}
#newsBox.common #newsSide .widgetBox h3 {
margin: 0;
padding: 12px 20px;
font-size: 1.0rem;
line-height: 1.6;
background: #171717;
color: #FFF;
font-weight: 300;
}
#newsBox.common #newsSide .widgetBox ul {
margin: 0;
padding: 0;
border: solid 1px #e6e6e6;
}
#newsBox.common #newsSide .widgetBox ul li {
margin: 0;
padding: 0;
font-size: 0.91rem;
line-height: 1.6;
border-top: solid 1px #e6e6e6;
}
#newsBox.common #newsSide .widgetBox ul li a {
margin: 0;
padding: 12px 20px;
display: block;
text-decoration: none;
}
/*  +++++++++++++++++++++++++ hotspringBox +++++++++++++++++++++++++ */

#hotspringBox {
margin: 0;
padding: 0;
}
#hotspringBox p.title {
margin: 0 auto 30px;
padding: 0;
width: 138px;
height: 138px;
font-size: 1.625rem;
line-height: 1.2;
text-align: center;
background: url("../images/logo_bg.png") no-repeat center center;
background-size: contain;
position: relative;
}
#hotspringBox p.title .txt {
margin: 0;
padding: 0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
}
#hotspringBox p.title .ss {
margin: 5px 0 0;
padding: 0;
display: block;
font-size: 0.71em;
}
#hotspringBox h2 {
margin: 0 0 30px;
padding: 0;
font-size: 2.375rem;
line-height: 1.6;
font-weight: 300;
}
#hotspringBox p.read {
margin: 0;
padding: 0;
font-size: 1.0rem;
line-height: 2.0;
}
#hotspringBox > .inner {
margin: 0 auto;
padding: 120px 0;
width: 100%;
}
#hotspringBox #hotspringGallery {
margin: 50px 0;
padding: 0;
}
#hotspringBox #hotspringGallery .swiper-slide {
margin: 0;
padding: 0;
}
#hotspringBox #hotspringGallery .swiper {
padding-bottom: 30px;
}
#hotspringBox #hotspringGallery .swiper-pagination {
bottom: 0;
}
#hotspringBox #hotspringGallery .swiper-pagination-bullet-active {
background: #343434 !important;
}
#hotspringBox ul.btnBox {
margin: 0;
padding: 0;
font-size: 0;
text-align: center;
}
#hotspringBox ul.btnBox li {
margin: 0 20px 0 0;
padding: 0;
display: inline-block;
box-sizing: border-box;
text-align: center;
font-size: 1.125rem;
line-height: 1.6;
font-weight: 300;
background: #222222;
transition: all 0.3s ease 0s;
}
#hotspringBox ul.btnBox li:last-child {
margin-right: 0;
}
#hotspringBox ul.btnBox li a {
margin: 0;
padding: 10px 85px;
display: block;
color: #FFF;
text-decoration: none;
position: relative;
}
#hotspringBox ul.btnBox li a svg {
width: 26px;
height: 6px;
fill: #FFF;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s ease 0s;
}
#hotspringBox ul.btnBox li:hover svg {
right: 10px;
}
/*  +++++++++++++++++++++++++ roomBox +++++++++++++++++++++++++ */

#roomBox {
margin: 0;
padding: 0;
}
#roomBox p.title {
margin: 0 auto 30px;
padding: 0;
width: 138px;
height: 138px;
font-size: 1.625rem;
line-height: 1.2;
text-align: center;
background: url("../images/logo_bg.png") no-repeat center center;
background-size: contain;
position: relative;
}
#roomBox p.title .txt {
margin: 0;
padding: 0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
}
#roomBox p.title .ss {
margin: 5px 0 0;
padding: 0;
display: block;
font-size: 0.71em;
}
#roomBox h2 {
margin: 0 0 50px;
padding: 0;
font-size: 2.375rem;
line-height: 1.6;
font-weight: 300;
}
#roomBox h2 .ss {
display: block;
font-size: 1.375rem;
}
#roomBox > .inner {
margin: 0 auto;
padding: 0 0 120px;
width: 100%;
}
#roomBox #roomDetailBox {
margin: 0;
padding: 0;
}
#roomBox #roomDetailBox .box {
margin: 0;
padding: 0 20% 0 0;
width: 100%;
display: flex;
align-items: center;
box-sizing: border-box;
}
#roomBox #roomDetailBox .box+.box {
margin-top: 70px;
}
#roomBox #roomDetailBox .box.b02 {
flex-direction: row-reverse;
padding: 0 0 0 20%;
}
#roomBox #roomDetailBox .gallery {
margin: 0;
padding: 0;
width: 67.18%;
}
#roomBox #roomDetailBox .gallery .swiper-slide {
margin: 0;
padding: 0;
}
#roomBox #roomDetailBox .gallery .swiper {
padding-bottom: 30px;
}
#roomBox #roomDetailBox .gallery .swiper-pagination {
text-align: right;
bottom: 0;
}
#roomBox #roomDetailBox .box.b02 .gallery .swiper-pagination {
text-align: left;
}
#roomBox #roomDetailBox .gallery .swiper-pagination-bullet-active {
background: #343434 !important;
}
#roomBox #roomDetailBox .gallery .swiper-slide {
margin: 0;
padding: 53.02% 0 0;
width: 100%;
height: 0;
}
#roomBox #roomDetailBox .gallery .sliderGenji .swiper-slide.s01 {
background: url("../images/genji_gallery_01.jpg") no-repeat center center;
background-size: cover;
}
#roomBox #roomDetailBox .gallery .sliderGenji .swiper-slide.s02 {
background: url("../images/genji_gallery_02.jpg") no-repeat center center;
background-size: cover;
}
#roomBox #roomDetailBox .gallery .sliderGenji .swiper-slide.s03 {
background: url("../images/genji_gallery_03.jpg") no-repeat center center;
background-size: cover;
}
#roomBox #roomDetailBox .gallery .sliderRoom .swiper-slide.s01 {
background: url("../images/room_gallery_01.jpg") no-repeat center center;
background-size: cover;
}
#roomBox #roomDetailBox .gallery .sliderRoom .swiper-slide.s02 {
background: url("../images/room_gallery_02.jpg") no-repeat center center;
background-size: cover;
}
#roomBox #roomDetailBox .gallery .sliderRoom .swiper-slide.s03 {
background: url("../images/room_gallery_03.jpg") no-repeat center center;
background-size: cover;
}
#roomBox #roomDetailBox .txtBox {
margin: 0;
padding: 0;
width: 32.81%;
text-align: left;
}
#roomBox #roomDetailBox .txtBox > .inner {
margin: 0;
padding: 0 0 0 10%;
box-sizing: border-box;
}
#roomBox #roomDetailBox .box.b02 .txtBox > .inner {
padding: 0 10% 0 0;
}
#roomBox #roomDetailBox .txtBox h3 {
margin: 0 0 40px;
padding: 0;
font-size: 1.75rem;
line-height: 1.6;
text-align: center;
font-weight: 300;
}
#roomBox #roomDetailBox .txtBox p {
margin: 0;
padding: 0;
font-size: 1.0rem;
line-height: 2.0;
}
#roomBox #roomDetailBox .txtBox ul.btnBox {
margin: 60px 0 0;
padding: 0;
font-size: 0;
text-align: center;
}
#roomBox #roomDetailBox .txtBox ul.btnBox li {
margin: 0 20px 0 0;
padding: 0;
display: inline-block;
box-sizing: border-box;
text-align: center;
font-size: 1.125rem;
line-height: 1.6;
font-weight: 300;
background: #222222;
transition: all 0.3s ease 0s;
}
#roomBox #roomDetailBox .txtBox ul.btnBox li:last-child {
margin-right: 0;
}
#roomBox #roomDetailBox .txtBox ul.btnBox li a {
margin: 0;
padding: 10px 85px;
display: block;
color: #FFF;
text-decoration: none;
position: relative;
}
#roomBox #roomDetailBox .txtBox ul.btnBox li a svg {
width: 26px;
height: 6px;
fill: #FFF;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s ease 0s;
}
#roomBox #roomDetailBox .txtBox ul.btnBox li:hover svg {
right: 10px;
}
/*  +++++++++++++++++++++++++ cuisineBox +++++++++++++++++++++++++ */

#cuisineBox {
margin: 0;
padding: 0;
background: #f3f3f3;
}
#cuisineBox p.title {
margin: 0 auto 30px;
padding: 0;
width: 138px;
height: 138px;
font-size: 1.625rem;
line-height: 1.2;
text-align: center;
background: url("../images/logo_bg_w.png") no-repeat center center;
background-size: contain;
position: relative;
}
#cuisineBox p.title .txt {
margin: 0;
padding: 0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
}
#cuisineBox p.title .ss {
margin: 5px 0 0;
padding: 0;
display: block;
font-size: 0.71em;
}
#cuisineBox h2 {
margin: 0 0 30px;
padding: 0;
font-size: 2.375rem;
line-height: 1.6;
font-weight: 300;
}
#cuisineBox p.read {
margin: 0 0 40px;
padding: 0;
font-size: 1.0rem;
line-height: 2.0;
}
#cuisineBox > .inner {
margin: 0 auto;
padding: 120px 0;
width: 1200px;
}
#cuisineBox #cuisineList {
margin: 0 0 50px;
padding: 0;
display: flex;
justify-content: space-between;
}
#cuisineBox #cuisineList .box {
margin: 0;
padding: 26.6% 4.16% 0;
width: 50%;
box-sizing: border-box;
position: relative;
}
#cuisineBox #cuisineList .box:before {
margin: 0;
padding: 61.6% 0 0;
content: "";
display: inline-block;
width: 100%;
height: 0;
position: absolute;
left: 0;
top: 0;
z-index: 50;
}
#cuisineBox #cuisineList .box:nth-of-type(1):before {
background: url("../images/cuisine_img_02.jpg") no-repeat center center;
background-size: contain;
}
#cuisineBox #cuisineList .box:nth-of-type(2):before {
background: url("../images/cuisine_img_03.jpg") no-repeat center center;
background-size: contain;
}
#cuisineBox #cuisineList .box .txtBox {
margin: 0;
padding: 30px;
background: #FFF;
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
text-align: left;
position: relative;
z-index: 60;
}
#cuisineBox #cuisineList .box .txtBox h3 {
margin: 0 0 20px;
padding: 0;
font-size: 1.5rem;
line-height: 1.6;
font-weight: 300;
text-align: center;
}
#cuisineBox #cuisineList .box .txtBox p {
margin: 0;
padding: 0;
font-size: 1.0rem;
line-height: 2.0;
}
#cuisineBox ul.btnBox {
margin: 0;
padding: 0;
font-size: 0;
text-align: center;
}
#cuisineBox ul.btnBox li {
margin: 0 20px 0 0;
padding: 0;
display: inline-block;
box-sizing: border-box;
text-align: center;
font-size: 1.125rem;
line-height: 1.6;
font-weight: 300;
background: #222222;
transition: all 0.3s ease 0s;
}
#cuisineBox ul.btnBox li:last-child {
margin-right: 0;
}
#cuisineBox ul.btnBox li a {
margin: 0;
padding: 10px 85px;
display: block;
color: #FFF;
text-decoration: none;
position: relative;
}
#cuisineBox ul.btnBox li a svg {
width: 26px;
height: 6px;
fill: #FFF;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s ease 0s;
}
#cuisineBox ul.btnBox li:hover svg {
right: 10px;
}
/*  +++++++++++++++++++++++++ stayBox +++++++++++++++++++++++++ */

#stayBox {
margin: 0;
padding: 0;
background: #222222;
}
#stayBox h2 {
margin: 0 0 30px;
padding: 0;
font-size: 2.375rem;
line-height: 1.0;
font-weight: 300;
color: #FFF;
}
#stayBox p.read {
margin: 0 0 40px;
padding: 0;
font-size: 1.0rem;
line-height: 2.0;
color: #FFF;
}
#stayBox > .inner {
margin: 0 auto;
padding: 120px 0;
width: 1200px;
}
#stayBox #stayList {
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
}
#stayBox #stayList .box {
margin: 0;
padding: 0;
width: 32.5%;
}
#stayBox #stayList .box:nth-of-type(1) {
background: #867518;
}
#stayBox #stayList .box:nth-of-type(2) {
background: #2c3b79;
}
#stayBox #stayList .box:nth-of-type(3) {
background: #792c61;
}
#stayBox #stayList .box a {
margin: 0;
padding: 0;
display: block;
text-decoration: none;
color: #FFF;
}
#stayBox #stayList .box p.photo {
margin: 0;
padding: 0;
overflow: hidden;
}
#stayBox #stayList .box p.photo img {
transition: all 0.3s ease 0s;
}
#stayBox #stayList .box a:hover p.photo img {
transform: scale(1.05, 1.05);
}
#stayBox #stayList .box h3 {
margin: 0;
padding: 30px 0;
text-align: center;
font-size: 1.5rem;
font-weight: 300;
color: #FFF;
line-height: 1.0;
}
#stayBox #stayList .box h3 svg {
margin: 0 0 0 10px;
padding: 0;
width: 27px;
height: 7px;
fill: #FFF;
vertical-align: middle;
position: relative;
right: 0;
transition: all 0.3s ease 0s;
}
#stayBox #stayList .box a:hover h3 svg {
right: -10px;
}
/*  +++++++++++++++++++++++++ planBox +++++++++++++++++++++++++ */

#planBox {
margin: 0;
padding: 0;
background: #f8f7f7;
}
#planBox h2 {
margin: 0;
padding: 0;
font-size: 2rem;
line-height: 1.0;
font-weight: 300;
}
#planBox > .inner {
margin: 0;
padding: 120px 0;
width: 100%;
}
#planBox.osusume > .inner {
margin: 0;
padding: 50px 0;
width: 100%;
}
#planBox #planList {
margin: 50px 0;
padding: 0;
}
#planBox #planList .swiper {
padding: 10px 0;
}
#planBox #planList .swiper-slide, #planBox.osusume #planList .box {
margin: 0;
padding: 0;
background-color: #FFF;
height: auto;
box-shadow: 0.707px 0.707px 7px 0px rgba(0, 0, 0, 0.16);
text-align: left;
}
#planBox.osusume #planList {
display: flex;
flex-wrap: wrap;
margin: 0;
justify-content: space-between;
}
#planBox.osusume #planList .box {
width: 31.6%;
margin: 0 0 30px;
}
#planBox #planList .swiper-slide a, #planBox.osusume #planList .box a {
margin: 0;
padding: 0;
display: block;
text-decoration: none;
}
#planBox #planList .swiper-slide p.photo, #planBox.osusume #planList .box p.photo {
margin: 0;
padding: 0;
overflow: hidden;
}
#planBox #planList .swiper-slide p.photo img, #planBox.osusume #planList .box p.photo img {
transition: all 0.3s ease 0s;
}
#planBox #planList .swiper-slide a:hover p.photo img, #planBox.osusume #planList .box a:hover p.photo img {
transform: scale(1.05, 1.05);
}
#planBox #planList .swiper-slide .txt,
#planBox.osusume #planList .box .txt {
margin: 0;
padding: 15px;
}
#planBox #planList .swiper-slide .txt {
box-sizing: border-box;
height: 175px;
overflow-y: auto;
}
#planBox #planList .swiper-slide .txt::-webkit-scrollbar{
width: 5px;
}
#planBox #planList .swiper-slide .txt::-webkit-scrollbar-track{
background: #F1F1F1;
}
#planBox #planList .swiper-slide .txt::-webkit-scrollbar-thumb {
background: #C5C5C5;
}
#planBox #planList .swiper-slide .txt p, #planBox.osusume #planList .box .txt p {
margin: 0;
padding: 0;
font-size: 0.75rem;
line-height: 2.0;
color: #7c7b7b;
}
#planBox #planList .swiper-slide .txt p.title, #planBox #planList .swiper-slide .txt p.price, #planBox.osusume #planList .box .txt p.title, #planBox.osusume #planList .box .txt p.price {
margin: 0 0 10px;
font-size: 0.85rem;
line-height: 1.6;
color: #2d2d2d;
font-weight: 700;
}
#planBox.osusume #planList .box .txt p.title, #planBox.osusume #planList .box .txt p.price {
font-size: 1.125rem;
}
#planBox #planList .swiper-slide .txt p.price strong, #planBox.osusume #planList .box .txt p.price strong {
color: #bd0404;
}
#planBox ul.btnBox {
margin: 0;
padding: 0;
font-size: 0;
text-align: center;
}
#planBox ul.btnBox li {
margin: 0 20px 0 0;
padding: 0;
display: inline-block;
box-sizing: border-box;
text-align: center;
font-size: 1.125rem;
line-height: 1.6;
font-weight: 300;
background: #222222;
transition: all 0.3s ease 0s;
}
#planBox ul.btnBox li:last-child {
margin-right: 0;
}
#planBox ul.btnBox li a {
margin: 0;
padding: 10px 85px;
display: block;
color: #FFF;
text-decoration: none;
position: relative;
}
#planBox ul.btnBox li a svg {
width: 26px;
height: 6px;
fill: #FFF;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s ease 0s;
}
#planBox ul.btnBox li:hover svg {
right: 10px;
}

.page .osusume a[target="_blank"]:after {
display: none;
}

/*  +++++++++++++++++++++++++ footerBnrBox +++++++++++++++++++++++++ */

#footerBnrBox {
margin: 0;
padding: 0;
}
#footerBnrBox > .inner {
margin: 0 auto;
padding: 50px 0;
width: auto;
text-align: left;
}
#footerBnrBox ul {
margin: 0;
padding: 0;
text-align: center;
font-size: 0;
}
#footerBnrBox ul li {
margin: 0 10px 0 0;
padding: 0;
font-size: 1.0rem;
display: inline-block;
}
#footerBnrBox ul li:last-child {
margin-right: 0;
}
/*  +++++++++++++++++++++++++ footer +++++++++++++++++++++++++ */

#footer {
margin: 0;
padding: 0;
background: #222222;
}
#footer > .inner {
margin: 0 auto;
padding: 100px 0 30px;
width: 1200px;
text-align: left;
position: relative;
overflow: hidden;
}
#footer p.logo {
margin: 0 0 15px;
padding: 0;
text-align: center;
position: relative;
z-index: 10;
}
#footer ul#footerIcoBox {
margin: 0 0 20px;
padding: 0;
text-align: center;
font-size: 0;
position: relative;
z-index: 10;
}
#footer ul#footerIcoBox li {
margin: 0 20px 0 0;
padding: 0;
display: inline-block;
font-size: 1.0rem;
}
#footer ul#footerIcoBox li:last-child {
margin-right: 0;
}
#footer ul#footerIcoBox li img {
width: 30px;
height: auto;
}
#footer p {
margin: 0;
padding: 0;
position: relative;
z-index: 10;
}
#footer p.txt {
margin: 0 0 40px;
padding: 0;
font-size: 0.81rem;
line-height: 2.0;
color: #FFF;
text-align: center;
}
#footer #footerLinkBox {
margin: 0 0 40px;
padding: 15px 0;
border-top: solid 1px #3b3b3b;
border-bottom: solid 1px #3b3b3b;
}
#footer #footerLinkBox ul {
margin: 0;
padding: 0;
text-align: center;
font-size: 0;
}
#footer #footerLinkBox ul li {
margin: 0;
padding: 0;
display: inline-block;
font-size: 0.81rem;
line-height: 1.0;
}
#footer #footerLinkBox ul li:after {
margin: 0;
padding: 0;
content: "｜";
display: inline-block;
vertical-align: middle;
color: #3b3b3b;
}

#footer #footerLinkBox ul li:last-child:after{
display: none;
}

#footer #footerLinkBox ul li a {
margin: 0;
padding: 0 6px;
display: inline-block;
text-decoration: none;
color: #FFF;
}
#footer p#copy {
margin: 0;
padding: 0;
font-size: 0.71rem;
line-height: 1.0;
color: #FFF;
text-align: center;
}
/*  +++++++++++++++++++++++++ sectionBox +++++++++++++++++++++++++ */

.sectionBox {
margin: 0;
padding: 0;
background: #FFF;
clear: both;
}
.sectionBox.bg01 {
background: #f8f7f7;
}
.sectionBox.bg02 {
background: url("../images/bg_02_l.png") no-repeat left top, url("../images/bg_02_r.png") no-repeat right top, url("../images/bg_02.gif");
}
.sectionBox.bg03 {
background: url("../images/bg_03.gif");
}
.sectionBox.bgGR {
background: url("../images/bg_green.jpg") center bottom;
background-size: cover;
color: #FFFFFF;
}
.sectionBox.bgSpaPoint {
background: url("../spa/img/spa_point_bg.png") no-repeat center top #f8f7f7;
}
.sectionBox > .inner {
margin: 0 auto;
padding: 120px 0;
width: 100%;
}
.sectionBox .contentsBox {
margin: 0 auto;
padding: 0;
width: 1200px;
text-align: left;
box-sizing: border-box;
}
.sectionBox .contentsBox.rd {
margin: 60px auto;
background: #f3f3f3;
border-radius: 10px;
padding: 30px;
}
.sectionBox .contentsBox.rd h3 span.bg {
background: #f3f3f3;
}
.sectionBox .contentsBox:after {
content:"";
display: block;
clear: both;
}
.sectionBox > .inner > *:last-child, .sectionBox .contentsBox > *:last-child {
margin-bottom: 0 !important;
}
/*  +++++++++++++++++++++++++ page +++++++++++++++++++++++++ */

.page {
margin: 0;
padding: 0;
text-align: left;
}
.page .ss {
font-size: 0.85em;
}

.txtSup{
font-size: .688em;
vertical-align: top;
}
.page a[target="_blank"]:after {
margin:0 0 0 6px;
content:" ";
display:inline-block;
width:10px;
height:10px;
background:url(../images/ico_blank.png);
background-size:contain;
vertical-align:middle;
position: relative;
top: -2px;
}
/*
.page a[href$=".pdf"]:after {
content: "";
margin: 0 0 0 5px;
width: 16px;
height: 16px;
display: inline-block;
background: url(../images/ico_pdf.png) no-repeat center center;
background-size: contain;
position: relative;
top: 3px;
}*/
.page a[href$=".xlsx"]:after, .page a[href$=".xls"]:after {
content: "";
margin: 0 0 0 8px;
width: 16px;
height: 16px;
display: inline-block;
background: url(../images/ico_exel.png) no-repeat center center;
background-size: contain;
position: relative;
top: 3px;
}
.page a[href$=".doc"]:after, .page a[href$=".docx"]:after {
content: "";
margin: 0 0 0 8px;
width: 16px;
height: 16px;
display: inline-block;
background: url(../images/ico_word.png) no-repeat center center;
background-size: contain;
position: relative;
top: 3px;
}
.page a[href$=".pdf"].noIco:after, .page a[href$=".xlsx"].noIco:after, .page a[href$=".xls"].noIco:after, .page a[href$=".doc"].noIco:after, .page a[href$=".docx"].noIco:after,.page a[target="_blank"].noIco:after {
content: none;
}
.page p {
margin: 0 0 20px;
padding: 0;
font-size: 1.0rem;
line-height: 2.0;
}
.page p.read {
margin: 25px 0;
font-size: 1.4rem;
}
.page p.read .pointTxt {
margin: 0;
padding: 8px 25px;
display: inline-block;
font-size: 1.2rem;
font-weight: 300;
background: #951f46;
color: #FFF;
line-height: 1.0;
box-shadow: 7.071px 7.071px 0px 0px rgba(228, 228, 228, 1.0);
}
.page p.name {
font-size: 1.4rem;
}
.page h2 {
margin: 0 0 40px;
padding: 0;
font-size: 2.375rem;
line-height: 1.4;
font-weight: 300;
}
.page h2 .ss {
font-size: 0.71em;
}
.page h2.logo {
margin: 0 auto 40px;
padding: 0;
font-size: 2.375rem;
line-height: 1.6;
font-weight: 300;
width: 190px;
height: 190px;
text-align: center;
background: url("../images/logo_bg.png") no-repeat center center;
background-size: contain;
position: relative;
}
.page h2.logo.w {
background: url("../images/logo_bg_w.png") no-repeat center center;
background-size: contain;
}
.page h2.titleBg {
margin: 0;
padding: 0;
font-size: 2.0rem;
color: #FFF;
line-height: 1.4;
font-weight: 300;
width: 210px;
height: 210px;
text-align: center;
position: absolute;
left: 30px;
top: -30px;
z-index: 200;
}
.page h2.titleBg.ss {
font-size: 1.4rem;
width: 120px;
height: 120px;
left: 15px;
top: -50px;
}
.page h2.titleBg.t01 {
background: url("../images/title_bg_01.png") no-repeat center center;
background-size: contain;
}
.page h2.titleBg.t02 {
background: url("../images/title_bg_02.png") no-repeat center center;
background-size: contain;
}
.page h2.titleBg.t03 {
background: url("../images/title_bg_03.png") no-repeat center center;
background-size: contain;
}
.page h2.logo .txt, .page h2.titleBg .txt {
margin: 0;
padding: 0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
}
.page h2.titleBg .txt {
transform: translate(-50%, -40%);
}
.page h2.titleBg .ss {
margin: 5px 0 0;
padding: 0;
display: block;
font-size: 0.65em;
}
.page h3 {
margin: 0 0 20px;
padding: 0;
font-size: 1.8rem;
line-height: 2.0;
position: relative;
font-weight: 300;
}
.page h3.bb {
font-size: 2.2rem;
}
.page h3 span.bg {
margin: 0 20px 0 0;
padding: 0 20px 0 0;
display: inline-block;
background: #FFF;
position: relative;
z-index: 10;
}
.page h3.aCenter span.bg {
margin: 0 20px;
padding: 0 20px;
}
.page h3:before {
margin: 0;
padding: 0;
content: "";
display: block;
width: 100%;
height: 1px;
background: #CCC;
position: absolute;
z-index: 5;
left: 0;
top: 50%;
}
.page.privacy h3:before,
.page h3.noLine:before {
content: none;
}
.page.bg01 h3 span.bg {
background: #f8f7f7;
}
.page.bg02 h3 span.bg {
background: url("../images/bg_02.gif");
}
.page.bg03 h3 span.bg {
background: url("../images/bg_03.gif");
}
.page h3 span.nosmoking:after {
margin: 0 0 0 10px;
padding: 0;
display: inline-block;
content: "";
width: 40px;
height: 40px;
background: url("../images/ico_nosmoking.png") no-repeat center center;
background-size: contain;
position: relative;
top: 5px;
}
.page h3 span.smoking:after {
margin: 0 0 0 10px;
padding: 0;
display: inline-block;
content: "";
width: 40px;
height: 40px;
background: url("../images/ico_smoking.png") no-repeat center center;
background-size: contain;
position: relative;
top: 5px;
}
.page h3 span.smoking_w:after {
margin: 0 0 0 10px;
padding: 0;
display: inline-block;
content: "";
width: 85px;
height: 40px;
background: url("../images/ico_smoking_w.png") no-repeat center center;
background-size: contain;
position: relative;
top: 5px;
}
.page h3 .subTxt {
font-size: 0.75em;
}
.page h4 {
margin: 0;
padding: 0;
font-size: 2.0rem;
line-height: 2.0;
font-weight: 300;
}
.page h5 {
margin: 0;
padding: 0;
font-size: 2.0rem;
line-height: 2.0;
font-weight: 300;
}
.page h6 {
margin: 0;
padding: 0;
font-size: 2.0rem;
line-height: 2.0;
font-weight: 300;
}
.page *+h2 {
margin-top: 120px;
}
.page p.read+h2 {
margin-top: 0;
}
.page *+h3, .page *+h4, .page *+h5, .page *+h6 {
margin-top: 80px;
}
.page *+h3.bb {
margin-top: 120px;
}
.page h2+h3, .page h2+h3.bb, .page h3+h4, .page h4+h5, .page h5+h6 {
margin-top: 0;
}
.page ul.point01 {
margin: 0 0 30px;
padding: 0;
}
.page ul.point01 li {
margin: 0 0 5px 0;
padding: 0 0 0 0.8em;
font-size: 1.0rem;
line-height: 2.0;
box-sizing: border-box;
text-indent: -0.8em;
}
.page ul.point01 li::before {
content:  '';
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 7px;
border-color: transparent transparent transparent #DDD;
display:  inline-block;
vertical-align:  middle;
position:  relative;
top: -2px;
margin-right: 6px;
}
.page ol {
margin: 0 0 30px 20px;
padding: 0;
}
.page ol li {
margin: 0 0 5px 0;
padding: 0;
font-size: 1.0rem;
line-height: 1.6;
}
.page ul.btnBox {
margin: 40px 0;
padding: 0;
font-size: 0;
text-align: center;
}
.page ul.btnBox li {
margin: 0 20px 0 0;
padding: 0;
display: inline-block;
box-sizing: border-box;
text-align: center;
font-size: 1.125rem;
line-height: 1.6;
font-weight: 300;
background: #222222;
transition: all 0.3s ease 0s;
}
.page ul.btnBox li:last-child {
margin-right: 0;
}
.page ul.btnBox li a {
margin: 0;
padding: 10px 85px;
display: block;
color: #FFF;
text-decoration: none;
position: relative;
}
.page ul.btnBox.ss li a {
padding: 10px 60px 10px 25px;
}
.page ul.btnBox li a svg {
width: 26px;
height: 6px;
fill: #FFF;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s ease 0s;
}
.page ul.btnBox li:hover svg {
right: 10px;
}
/* -- box -- */

.page .boxNotice{
border: 3px double #dd0000;
padding: 20px;
margin: 40px 0;
}
.page .boxNotice *+h3{
margin: 0;
}
.page .boxNotice h3{
font-weight: bold;
font-size: 1.5rem;
}
.page .boxNotice h3:before{
display: none;
}
/* -- table -- */
.page table .nw {
white-space: nowrap;
}
.page table.fix {
table-layout: fixed;
}
.page table.tblTxt {
margin: 0 0 30px;
padding: 0;
border-top: solid 1px #DBDBDB;
width: 100%;
clear: both;
}
.page table.tblTxt tr {
border-bottom: solid 1px #DBDBDB;
}
.page table.tblTxt th, .page table.tblTxt td {
margin: 0;
padding: 15px 0 15px 15px;
font-size: 1.0rem;
line-height: 2.0;
box-sizing: border-box;
}
.page table.tblTxt th {
padding-left: 0;
font-weight: 700;
}
.page table.tblTxt.ss th, .page table.tblTxt.ss td {
padding: 10px 0 10px 10px;
}
.page table.tblTxt.ss th {
padding-left: 0;
}
.page .slideGallery {
margin: 50px 0;
padding: 0;
position: relative;
}
.page .slideGallery .swiper-slide {
margin: 0;
padding: 0;
}
.page .slideGallery .swiper {
padding-bottom: 30px;
position: relative;
z-index: 100;
}
.page .slideGallery .swiper-pagination {
bottom: 0;
}
.page .slideGallery .swiper-pagination-bullet-active {
background: #343434 !important;
}
.page .pointList {
margin: 50px 0;
padding: 0;
}
.page .pointList ul {
margin: 0;
padding: 0;
width: 100%;
display: flex;
}
.page .pointList ul li {
margin: 0;
padding: 0 3.3%;
width: 33%;
box-sizing: border-box;
}
.page .pointList ul li > *:last-child {
margin-bottom: 0;
}
.page .pointList ul li p.photo {
margin: 0 0 30px;
padding: 0;
}
.page .pointList ul li p.title {
margin: 0 0 20px;
padding: 0;
font-size: 1.2rem;
}
.page .txtBoxList {
margin: 50px 0;
padding: 0;
}
.page .txtBoxList ul {
margin: 0;
padding: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.page .txtBoxList ul li {
margin: 0 5.8% 0 0;
padding: 0;
width: 28.3%;
box-sizing: border-box;
}
.page .txtBoxList ul li:nth-child(3n) {
margin-right: 0;
}
.page .txtBoxList ul li:nth-child(n+4) {
margin-top: 2.8%;
}
.page .txtBoxList ul li p.photo {
margin: 0;
padding: 0;
position: relative;
z-index: 10;
}
.page .txtBoxList ul li .box {
margin: 0 0 -40px;
padding: 60px 30px 30px;
border: solid 3px #E8E8E8;
box-sizing: border-box;
position: relative;
top: -40px;
right: -40px;
z-index: 5;
}
.page .txtBoxList ul li .box > *:last-child {
margin-bottom: 0;
}
.page .txtBoxList ul li .box p.title {
margin: 0 0 15px;
padding: 0;
font-size: 1.2rem;
}
.page .txtBoxList ul li .box p.price {
margin: 0;
padding: 10px 0 0;
font-size: 1.0rem;
text-align: right;
border-top: solid 1px #DDD;
}
/* -- 2column -- */

.page .photoHalf {
clear: both;
margin: 0;
padding: 50px 0;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.page .photoHalf .boxL {
margin: 0 4% 0 0;
padding: 0;
width: 48%;
box-sizing: border-box;
}
.page .photoHalf .boxL:nth-child(even) {
margin-right: 0;
}
.page .photoHalf .boxL:nth-child(n+3) {
margin-top: 5%;
}
.page .photoHalf .boxL img {
margin: 0 0 20px;
padding: 0;
}
/* -- photo list -- */
.page .photoList {
margin: 50px 0;
padding: 0;
}
.page .photoList ul, ul.listHalf {
margin: 0;
padding: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.page .photoList ul li {
margin: 0 5% 0 0;
padding: 0;
width: 30%;
box-sizing: border-box;
}
ul.listHalf li {
width: 50%;
}
ul.listHalf li img {
margin: 2px;
}
.page .photoList ul li > *:last-child {
margin-bottom: 0;
}
.page .photoList ul li:nth-child(3n) {
margin-right: 0;
}
.page .photoList ul li:nth-child(n+4) {
margin-top: 5%;
}
.page .photoList ul li p.photo {
margin: 0 0 20px;
padding: 0;
}
.page .photoList ul li p.title {
margin: 0 0 15px;
padding: 0;
font-size: 1.2rem;
}
.page .photoList ul li p.car {
margin: 0;
padding: 0;
font-size: 0.91rem;
color: #8D8D8D;
}
.page .photoList ul li p.car:before {
margin: 0 6px 0 0;
padding: 0;
content: "";
display: inline-block;
background: url("../images/ico_car.png") no-repeat center center;
background-size: contain;
width: 20px;
height: 16px;
vertical-align: middle;
}
.page .photoList ul li p.site {
    padding: 0;
    margin: 10px auto 0;
    box-sizing: border-box;
    text-align: center;
    font-size: 1.0rem;
    line-height: 1.6;
    font-weight: 300;
    background: #222222;
	width: 300px;
	
}
.page .photoList ul li p.site a {
    padding: 10px 85px;
    margin: auto;
    display: block;
    color: #fff;
    text-decoration: none;
    position: relative;
	
}
.page .photoList ul li p.site a svg {
width: 26px;
height: 6px;
fill: #FFF;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s ease 0s;
}
.page .photoList ul li p.site:hover svg {
right: 10px;
}

.page .sideBox {
margin: 0;
padding: 0;
}
.page .sideBox .box {
margin: 0;
padding: 0 20% 0 0;
width: 100%;
display: flex;
align-items: center;
box-sizing: border-box;
}
.page .sideBox .box+.box {
margin-top: 70px;
}
.page .sideBox .box.b02 {
flex-direction: row-reverse;
padding: 0 0 0 20%;
}
.page .sideBox .gallery {
margin: 0;
padding: 0;
width: 67.18%;
}
.page .sideBox .gallery .swiper-slide {
margin: 0;
padding: 0;
}
.page .sideBox .gallery .swiper {
padding-bottom: 30px;
}
.page .sideBox .gallery .swiper-pagination {
text-align: right;
bottom: 0;
}
.page .sideBox .box.b02 .gallery .swiper-pagination {
text-align: left;
}
.page .sideBox .gallery .swiper-pagination-bullet-active {
background: #343434 !important;
}
.page .sideBox .gallery .swiper-slide {
margin: 0;
padding: 53.02% 0 0;
width: 100%;
height: 0;
}
.page .sideBox .gallery .sliderCuisineVenue .swiper-slide.s01 {
background: url("../cuisine/img/cuisine_venue_01.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox .gallery .sliderCuisineVenue .swiper-slide.s02 {
background: url("../cuisine/img/cuisine_venue_02.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox .gallery .sliderCuisineKoshitsu .swiper-slide.s01 {
background: url("../cuisine/img/cuisine_koshitsu_01.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox .gallery .sliderCuisineKoshitsu .swiper-slide.s02 {
background: url("../cuisine/img/cuisine_koshitsu_02.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox .txtBox {
margin: 0;
padding: 0;
width: 32.81%;
text-align: left;
}
.page .sideBox .txtBox > .inner {
margin: 0;
padding: 0 0 0 10%;
box-sizing: border-box;
}
.page .sideBox .box.b02 .txtBox > .inner {
padding: 0 10% 0 0;
}
.page .sideBox .txtBox h3 {
margin: 0 0 40px;
padding: 0;
font-size: 1.75rem;
line-height: 1.6;
text-align: center;
font-weight: 300;
}
.page .sideBox .txtBox h3:before {
content: none;
}
.page .sideBox .txtBox p {
margin: 0;
padding: 0;
font-size: 1.0rem;
line-height: 2.0;
}
.page .sideBox .txtBox p.subTitle {
margin: 0 0 30px;
padding: 0;
font-size: 1.3rem;
line-height: 1.6;
text-align: center;
font-weight: 300;
}


.page #accessDetailBox {
margin: 0;
padding: 0;
width: 100%;
display: flex;
justify-content: space-between;
}
.page #accessDetailBox .photo {
margin: 0;
padding: 0;
width: 48.3%;
background: url("../access/img/photo_01.jpg") no-repeat center center;
background-size: cover;
}
.page #accessDetailBox .txtBox {
margin: 0;
padding: 0;
width: 48.3%;
}
.page #accessDetailBox .txtBox > *:last-child {
margin-bottom: 0;
}
.page #mapBox {
margin: 50px 0 0;
padding: 0;
width: 100%;
}
.page .accessScroll {
margin: 50px 0;
padding: 0;
}
.page .accessTxtBox {
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
}
.page .accessTxtBox .tblTxt {
margin: 0 0 10px;
}
.page .accessTxtBox .box {
margin: 0;
padding: 0;
width: 48.3%;
}
.page .accessTxtBox .box > *:last-child {
margin-bottom: 0;
}
.page .accessTxtBox h3 {
font-size: 1.4rem;
}
.page #ankerBox {
margin: 50px 0 0;
padding: 0;
}
.page #ankerBox ul {
margin: 0;
padding: 0;
display: flex;
width: 100%;
}
.page #ankerBox ul li {
margin: 0;
padding: 0;
box-sizing: border-box;
border: solid 1px #CCC;
transition: all 0.3s ease 0s;
position: relative;
top: 0;
box-shadow: none;
}

.page #ankerBox.c03 ul li {
margin: 0 1.5% 0 0;
width: 32%;
}
.page #ankerBox.c04 ul li {
margin: 0 1.6% 0 0;
width: 23.75%;
}
.page #ankerBox.c03 ul li:last-child, .page #ankerBox.c04 ul li:last-child {
margin-right: 0;
}
.page #ankerBox ul li a {
margin: 0;
padding: 15px 15px 20px;
display: block;
text-decoration: none;
position: relative;
height: 100%;
box-sizing: border-box;
transition: all 0.3s ease 0s;
background: #FFF;
}
.page #ankerBox ul li a:before {
margin: 0;
padding: 0;
display: inline-block;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 15px 15px;
border-color: transparent transparent #867619 transparent;
position: absolute;
right: -1px;
bottom: -1px;
}
.page #ankerBox ul li:hover {
transition: all 0.3s ease 0s;
top: -5px;
border-color: #867619;
box-shadow: 0px 3px 8px 0px rgba(90, 78, 15, 0.45);
}
.page #ankerBox ul li:hover a {
transition: all 0.3s ease 0s;
background: #867619;
color: #FFF;
opacity: 1 !important;
}
.page #ankerBox ul li:hover a:before {
border-color: transparent transparent #FFF transparent;
}
.page #ankerBox ul li p.photo {
margin: 0 0 15px;
padding: 0;
}
.page #ankerBox ul li p.title {
margin: 0;
padding: 0;
font-size: 1.0rem;
line-height: 1.8;
text-align: center;
}
.page .roomDetailBox, .page .boxFLEX {
margin: 0;
padding: 0;
display: flex;
width: 100%;
justify-content: space-between;
}
.page .roomDetailBox .txtBox {
margin: 0;
padding: 0;
width: 66.6%;
}
.page .roomDetailBox .txtBox h4, .page .boxFLEX .txtBox h4 {
margin: 0 0 20px;
padding: 0;
font-size: 1.6rem;
line-height: 2.0;
font-weight: 300;
}
.page .roomDetailBox .txtBox > *:last-child {
margin-bottom: 0;
}
.page .roomDetailBox .summaryBox {
margin: 0;
padding: 0;
width: 29.1%;
}
.page .roomDetailBox .summaryBox > *:last-child {
margin-bottom: 0;
}
.page .roomDetailBox .summaryBox th {
width: 25%;
}
.page #spaPointBox {
margin: 50px 0;
padding: 0;
}
.page #spaPointBox .box {
margin: 0 0 20px;
padding: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.page #spaPointBox .box:last-child {
margin-bottom: 0;
}
.page #spaPointBox .box.b02 {
flex-direction: row-reverse;
}
.page #spaPointBox .box .photo {
margin: 0;
padding: 0;
width: 200px;
}
.page #spaPointBox .box .photo p {
margin: 0;
padding: 0;
}
.page #spaPointBox .box .txtBox {
margin: 0;
padding: 0;
width: calc(100% - 230px);
}
.page #spaPointBox .box .txtBox > *:last-child {
margin-bottom: 0;
}
.page #spaPointBox .box .txtBox h3 {
margin: 0 0 20px;
padding: 0 0 10px;
font-size: 1.6rem;
line-height: 2.0;
font-weight: 300;
border-bottom: solid 1px #E2E2E2;
}
.page #spaPointBox .box .txtBox h3:before {
content: none;
}
.page span.ill {
display: inline-block;
position: relative;
}
.page span.ill:after {
margin: 0;
padding: 0;
display: inline-block;
content: "";
position: absolute;
right: 0;
bottom: 0;
}
.page span.ill.bijin {
padding: 0 80px 0 0;
}
.page span.ill.bijin:after {
width: 60px;
height: 80px;
background: url("../spa/img/spa_bijin_ill.png") no-repeat center center;
background-size: contain;
}
.page span.ill.genji {
padding: 0 70px 0 0;
}
.page span.ill.genji:after {
width: 50px;
height: 80px;
background: url("../spa/img/spa_genji_ill.png") no-repeat center center;
background-size: contain;
}
.page span.ill.hime {
padding: 0 130px 0 0;
}
.page span.ill.hime:after {
width: 110px;
height: 70px;
background: url("../spa/img/spa_hime_ill.png") no-repeat center center;
background-size: contain;
}
.page span.ill.tono {
padding: 0 130px 0 0;
}
.page span.ill.tono:after {
width: 110px;
height: 66px;
background: url("../spa/img/spa_tono_ill.png") no-repeat center center;
background-size: contain;
}
.page.spaSummary th {
width: 180px;
}
.page #spaKashikiriBox {
margin: 80px 0;
padding: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.page #spaKashikiriBox .box {
margin: 0 5% 0 0;
padding: 0;
width: 30%;
box-sizing: border-box;
position: relative;
}
.page #spaKashikiriBox .box > *:last-child {
margin-bottom: 0;
}
.page #spaKashikiriBox .box:last-child {
margin-right: 0;
}
.page #spaKashikiriBox .box p.photo {
margin: 0 0 20px;
padding: 0;
}
.page #spaKashikiriBox .box th {
width: 80px;
}
.page a.zoom {
display: block;
position: relative;
}
.page a.zoom:before {
margin: 0;
padding: 0;
content: "";
display: inline-block;
width: 25px;
height: 25px;
background: url("../images/ico_zoom.png") no-repeat center center;
background-size: contain;
position: absolute;
right: 0;
bottom: 0;
}
.page .icoTxtBox {
margin: 0;
padding: 0;
}
.page .icoTxtBox ul {
margin: 0;
padding: 0;
text-align: center;
font-size: 0;
}
.page .icoTxtBox ul li {
margin: 0;
padding: 5px 15px;
text-align: center;
display: inline-block;
font-size: 1.0rem;
border: solid 1px #343434;
}
.page .icoTxtBox ul li.wifi span:before {
margin: 0 5px 0 0;
padding: 0;
content: "";
background: url("../images/ico_wifi.png") no-repeat center center;
background-size: contain;
width: 20px;
height: 16px;
display: inline-block;
position: relative;
top: 2px;
}
.page .photoHalf+h3 {
margin-top: 0;
}
/* --facilities -- */
.faciliCo .sectionBox > .inner{
padding-top: 60px;
}
.faciliCo .page ul.btnBox{
padding: 0 0 120px;
}


.faciliCo .page h3 {
font-size:2.375rem;
}
.faciliCo h3:before, .hallCo h3:before {
display: none;
}
.page.map .contentsBox .fltL {
float:left;
width: 240px;
}
.page.map .contentsBox img {
float: right;
}
.page.map .icoTxtBox ul li {
border:0;
color: #343434;
background: #FFF;
margin: 10px 0 0;
width: 90%;
}
.page.map .icoTxtBox ul li a {
text-decoration: none;
}
.page .kannai {
padding: 50px 0;
}
.page .photoHalf h3 {
font-size: 1.5rem!important;
font-family:'Noto Serif JP', serif;
text-align: center;
}
.page .kannai th {
width: 5em;
padding-right:0;
}
.btnNormal {
text-align: center;
padding: 20px 0;
}
.btnNormal a {
display: inline-block;
border: 2px solid #333;
padding: .8em 2em;
font-size: .938rem;
font-weight:bold;
color: #333;
text-decoration: none;
transition: .6s all;
position: relative;
}
.btnNormal a[target="_blank"] {
padding-left: 3em;
}
/*
.btnNormal a:before{
content: '';
display: block;
position: absolute;
top: calc(50% - .3em);
left: 1em;
width: .6em;
height: .6em;
border-right: 2px solid #333;
border-top: 2px solid #333;
transform: rotate(45deg);}


.btnNormal a:hover:before {

border-right: 2px solid #fff;
border-top: 2px solid #fff;
}
*/

.btnNormal a:hover {
background: #000;
color: #FFF;
}
.btnMore {
text-align: center;
padding: 20px 0 0;
}
.btnMore a {
display: block;
width: 8em;
font-size: 1rem;
line-height: 1.6;
background: #222;
transition: all 0.3s ease 0s;
margin: 0 auto;
padding: 10px 30px;
display: block;
color: #FFF;
text-decoration: none;
position: relative;
}
.btnMore a svg {
width: 26px;
height: 6px;
fill: #FFF;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s ease 0s;
}
.btnMore a:hover svg {
right: 10px;
}
.sectionBox .contentsBox.wedding {
padding: 100px 0 0;
}
.wedding .boxFLEX .txtBox {
width: 45%;
}
.wedding .summaryBox {
margin: 0;
padding: 0;
width:50%;
}
.page table.tblTxt.fltL {
width: 50%;
float: left;
clear: none;
}
.page table.tblTxt.fltL.single {
margin:auto;
float: none;
}
.page .listTab {
display: flex;
justify-content: space-between;
}
.page .listTab li {
width: 25%;
cursor:pointer;
background: #efefef;
color: #666;
text-align: center;
padding: 1em 0;
font-size: 1.25rem;
}
.page .listTab.w03 li {
width: 50%;
}
.page .listTab li.active, .listTab li:hover {
background: #203d2d;
color: #FFF;
}
.page .listTab li br {
display:none;
}
.page .room {
display:none;
padding: 40px;
border: 2px solid #203d2d;
clear: both;
margin: 0 0 30px;
}
.page .room:after {
display: block;
content:"";
clear: both;
}
.page .room.active {
display: block;
}
.page .room img {
float:left;
margin: 0 30px 0 0;
}
.page .room ul.point01 {
overflow:hidden;
margin-left: 30px;
}
/* -- esthe -- */

.estheCo .page table.tblTxt {
float: right;
width: 540px;
clear: none;
border:0;
}
.estheCo .page table.tblTxt tr {
border:0;
}
.estheCo .page table.tblTxt td {
padding: 1.4em 0 2em;
}
.estheCo .page table.tblTxt td ul.point01 {
margin: 0;
}
img.fltL {
float:left;
}
.estheCo .page h4 {
font-size: 1.125rem;
color:#999900;
padding: 1.8em 0 .6em;
}
.estheCo .page h4+p{
height: 4.5em;
}
.estheCo .page .menu p {
font-size: .938em;
line-height: 1.5em;
}
.estheCo .page *+h4 {
margin:0;
}
.estheCo .page table.tblTxt th {
border: 1px solid #ccc;
padding: .5em 0;
line-height: 1.2em;
text-align: center;
}
.estheCo .page .menu table {
width: 100%;
}
.estheCo .page .menu table+p{
padding-top: 2em;
}
.estheCo .page .menu th, .estheCo .page .menu td {
font-size: .938rem;
padding: 1.4em 1em;
border: 1px solid #CCC;
text-align: left;
}
.estheCo .page .menu+.menu th, .estheCo .page .menu+.menu td {
padding: .8em 1em;
}
.estheCo .page .menu th {
background: #F3F4D7;
font-weight:normal;
}
.estheCo .page .menu th span {
color: #FFF;
background:#999900;
font-size: 12px;
padding: .2em .6em;
font-family: 'Noto Sans JP', sans-serif;
}
.estheCo .page .menu td span {
float: right;
}
.estheCo .page .menu td br {
display: none;
}
.estheCo .page .menu {
font-family: 'Noto Serif JP', serif;
float: left;
width: 56%;
}
.estheCo .page .menu+.menu {
float: right;
width: 40%;
}
.estheCo .page .menu th {
width: 70%;
}


/* -- efforts -- */

.page .efforts{
padding: 60px 0 0;
}

.page .efforts h3{
font-family: 'Noto Serif JP', serif;
}
.page .efforts h3:before,
.page .faq h3:before,
.page .noLine h3:before,
.page .rec h3:before{
display:none;
}


/* -- about -- */
.page .tblNormal{
width: 100%;
margin: 0 0 20px;
}

.page .tblNormal.fltL{
float:left;
width: auto;
min-width: 50%;
}

.page .tblNormal th, .page .tblNormal td {
font-size: 1rem;
padding: 1.4em 1em;
border: 1px solid #CCC;
text-align: left;
}

.page .tblNormal th {
background: #F3F4D7;
font-weight:normal;
}

.page .boxRinen{
background:url(../images/bg_02.gif) repeat;
padding: 25px;
text-align: center;
margin: 50px 0 0;
}
.page .boxRinen h3{
text-align: center;
font-size: 2.5rem;
}
.page .boxRinen ol{
display: inline-block;
margin: 0 auto 2em;
}

.page .boxRinen ol li{
font-size: 1.5rem;
text-align: left;
padding: .2em 0;
}

.page.about .tblNormal th{
width: 25%;
text-align: center;
}

/* -- faq -- */

.page .faq h3{
font-family: 'Noto Serif JP', serif;
padding: .5em 0 .5em 1em;
margin: 0;
}
.page .faq h3:after{
content:"";
width: .6em;
height: 1px;
position: absolute;
left:0;
top: 50%;
background:#333;

}
.page .faq .qaA{
background:#f6f6f6;
padding: 30px;
margin: 0 0 30px;
}.page .faq .qaA h4{
font-size: 1.25rem;
font-weight: bold;
color: #006633;
}.page .faq .qaA p+h4{
margin-top: .5em;
}

/* -- privacy -- */

.page.privacy h2,
.page.privacy h3{
font-family: 'Noto Serif JP', serif;
}

/* -- recruit -- */

.page .rec{
padding: 0 0 60px;
}
.page .rec h2,
.page .rec h3,
.page .rec h4{
font-family: 'Noto Serif JP', serif;
}

.page .rec h2{
text-align: center;
}


.page .rec ul.photo{
display: flex;
flex-wrap: wrap;
padding: 60px 0;
}

.page .rec ul.photo li{
width: 33.333%;
}
.page .rec .box{
background:url(../images/bg_03.gif);
padding: 30px;
margin: 100px 0 60px;
text-align: center;
}
.page .rec .box.review{
/*background:url(../recruit/img/img_staff.png) 800px center / 380px no-repeat, url(../recruit/img/bg.gif) repeat;*/

background:url(../recruit/img/bg.gif) repeat;
}
.page .rec .box.review p{
/* padding-right: 100px; */
}

.page .rec .box h3{
margin: -2em 0 .5em;
font-size: 2rem;
letter-spacing: .5em;
}

.page .rec .box h4{
color:#E487B1;
font-size: 1.75rem;
margin: 1em 0 .5em;
}

.page .rec .box ol {
margin: 0;
display: inline-block;
}
.page .rec .box ol li{
font-size: 1.25rem;
text-align: left;
padding: .6em 0;

}

.page .rec .box ul.point01{
display: inline-block;
}

.page .rec .box ul.point01 li{
padding-left: 2.8em;
font-size: 1.75rem;
font-weight: bold;
background:url(../recruit/img/rank.png) no-repeat left center / 1.4em;
float: left;
padding-right: 2.5em;
}
.page .rec .box ul.point01 li:last-child{
padding-right:0;
}

.page .rec .box ul.point01 li:before{
display: none;
}

.page .rec .box .btnMore.blank{
padding: 0 0 10px;
}
.page .rec .box .btnMore.blank a{
background: #FFF;
display: inline-block;
padding: .5em 1.4em;
margin: .5em;
border-radius: 6px;
border: 2px solid #CCC;
width:auto;
}



.page .rec .typeCo h2{
background: url(../images/logo_bg_w.png) no-repeat center / auto 100%;
padding: 2em 0;
}

.page .rec .typeCo h3{
border-left: 2px solid #000;
padding-left: 1em;
}
.page .rec .typeCo th,
.page .rec .typeCo td{
font-size: 1.125rem;
}
.page .rec .typeCo th{
text-align:center;
width: 20%;
}.page .rec .typeCo td{
background: #FFF;
}

.page .rec .typeCo .boxLine{
padding: 30px 0;
text-align: center;
background: #FFF;
border: 4px double #C5CE84;
margin: 60px 0 0;
}

.page .rec .typeCo .boxLine h4{
color: #999900;
margin: 0 0 .5em;
}
.page .rec .typeCo .boxLine p{
font-size: 1.25rem;
}

.page .rec .typeCo .boxLine p.bb{
font-family: 'Noto Serif JP', serif;
font-size: 2.5rem;
font-weight: bold;
}

/* -- gift -- */
.page .giftIntro{
display: flex;
}
.page .giftIntro .summaryBox{
width: 500px;
margin-left: 3em;
}
.giftCo .summaryBox:after{
clear: both;
display: block;
content:"";
}
.page .giftIntro .summaryBox li{
font-size: 1.25rem;
}

.page .giftIntro .summaryBox ul.point01{font-weight: bold;
}
.giftCo .page table{
clear: none;
width: 550px;
float:right;

}
.giftCo .page table th{
white-space: nowrap;
padding-right: 2em;
}

.giftCo .page table td ul li{
padding: .15em 0 .15em 1em;
text-indent: -1em;
}
.giftCo .page h3{
margin-bottom: 1.6em;
clear:both;
}
.giftCo .page .plan h4{
text-align: center;
border: 1px solid #CCC;
padding: .5em 0;
font-size: 1.5rem;
line-height: 1.2em;
}


.giftCo .howto{
text-align: center;
padding: 2em 0 0;


}

.howto ol {
counter-reset:number;
list-style-type: none!important;

display:inline-block
}

.howto ol li {
position: relative;
line-height: 1.5em;
padding: 1.4em 0 1.5em 4.6rem;
font-size: 1.375rem;
font-weight: bold;
text-align: left;
}

.howto ol li:before{
position: absolute;
counter-increment: number;
content: counter(number);
display:inline-block;
background: #000;
color: white;
font-weight: normal;
font-size: 2rem;
left: -1rem;
width: 4rem;
height: 4rem;
line-height: 4rem;
text-align: center;
top: 1em;
}
.howto ol li a[href^="tel:"]{
font-size: 2em;
font-family:'Noto Serif JP', serif;
display: inline-block;

vertical-align:middle;
}

.howto ol li hr{
border:0;
height: 14px;
margin:0;
}
.howto .btnMore{
padding: 0;
}
.howto .btnMore a{background: #000 url(../images/ico_tel.png) no-repeat 1.4em center;
background-size: 1.4em;
width: 10.8em;
margin: .8em 0 0;
padding-left: 2.8em;
display: inline-block;

}
.giftCo .page table{
margin: 0 0 30px;
padding: 0;
border-top: solid 1px #DBDBDB;
width: 550px;
float:right;
}
.giftCo .page tr {
border-bottom: solid 1px #DBDBDB;
}
.giftCo .page th, .giftCo .page td {
margin: 0;
padding: 15px 0 15px 15px;
font-size: 1.0rem;
line-height: 2.0;
box-sizing: border-box;
}
.giftCo .page th {
padding-left: 0;
font-weight: 700;
}




/* -- howtospend -- */

.page #spendMain {
margin: 0 0 80px;
padding: 0;
display: flex;
}
.page #spendMain .photo {
padding: 25% 0 0;
width: 50%;
}
.page #spendMain.family {
background-color: #867518;
}
.page #spendMain.family .photo {
background: url("../howtospend/img/main_family.jpg") no-repeat center center;
background-size: cover;
}
.page #spendMain.couple {
background-color: #2C3B79;
}
.page #spendMain.couple .photo {
background: url("../howtospend/img/main_couple.jpg") no-repeat center center;
background-size: cover;
}
.page #spendMain.girls {
background-color: #792C61;
}
.page #spendMain.girls .photo {
background: url("../howtospend/img/main_girls.jpg") no-repeat center center;
background-size: cover;
}
.page #spendMain .titleBox {
width: 50%;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
justify-content: center;
}
.page #spendMain .titleBox p {
margin: 0;
padding: 0;
width: 100%;
text-align: center;
}
.page #spendMain .titleBox p.sub {
margin: 0;
padding: 0;
font-size: 1.0rem;
line-height: 1.6;
color: #FFF;
}
.page #spendMain .titleBox p.title {
margin: 0;
padding: 0;
font-size: 2.0rem;
line-height: 1.6;
color: #FFF;
font-weight: 700;
}
.page .sideBox.spend .txtBox p.time {
margin: 0 0 15px;
padding: 0;
font-size: 3.4rem;
line-height: 1.2;
font-weight: 300;
}
.page .sideBox.spend .txtBox p.time.family {
color: #867518;
}
.page .sideBox.spend .txtBox p.time.couple {
color: #2C3B79;
}
.page .sideBox.spend .txtBox p.time.girls {
color: #792C61;
}
.page .sideBox.spend .txtBox p.title {
margin: 0 0 30px;
padding: 0;
font-size: 1.6rem;
line-height: 1.6;
font-weight: 300;
}
.page .sideBox.spend .txtBox p.titleSpot {
margin: 30px 0 15px;
padding: 0;
font-size: 1.3rem;
line-height: 1.6;
font-weight: 300;
}
.page .sideBox.spend .txtBox p.titleSpot.family {
color: #867518;
}
.page .sideBox.spend .txtBox p.titleSpot.couple {
color: #2C3B79;
}
.page .sideBox.spend .txtBox p.titleSpot.girls {
color: #792C61;
}

.page .sideBox.spend .gallery .photo {
margin: 0;
padding: 70% 0 0;
width: 100%;
height: 0;
}
.page .sideBox.spend .gallery .swiper-slide {
padding: 70% 0 0;
}


.page .sideBox.spend .gallery .photo.familyDay1_1500 {
background: url("../howtospend/img/family_day1_1500.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderFamilyDay1_1530 .swiper-slide.s01 {
background: url("../howtospend/img/family_day1_1530_01.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderFamilyDay1_1530 .swiper-slide.s02 {
background: url("../howtospend/img/family_day1_1530_02.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderFamilyDay1_1530 .swiper-slide.s03 {
background: url("../howtospend/img/family_day1_1530_03.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderFamilyDay1_1700 .swiper-slide.s01 {
background: url("../howtospend/img/family_day1_1700_01.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderFamilyDay1_1700 .swiper-slide.s02 {
background: url("../howtospend/img/family_day1_1700_02.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderFamilyDay1_1700 .swiper-slide.s03 {
background: url("../howtospend/img/family_day1_1700_03.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderFamilyDay1_1800 .swiper-slide.s01 {
background: url("../howtospend/img/family_day1_1800_01.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderFamilyDay1_1800 .swiper-slide.s02 {
background: url("../howtospend/img/family_day1_1800_02.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderFamilyDay1_1800 .swiper-slide.s03 {
background: url("../howtospend/img/family_day1_1800_03.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderFamilyDay1_2000 .swiper-slide.s01 {
background: url("../howtospend/img/family_day1_2000_01.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderFamilyDay1_2000 .swiper-slide.s02 {
background: url("../howtospend/img/family_day1_2000_02.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .photo.familyDay2_0700 {
background: url("../howtospend/img/family_day2_0700.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderFamilyDay2_0800 .swiper-slide.s01 {
background: url("../howtospend/img/family_day2_0800_01.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderFamilyDay2_0800 .swiper-slide.s02 {
background: url("../howtospend/img/family_day2_0800_02.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderFamilyDay2_0800 .swiper-slide.s03 {
background: url("../howtospend/img/family_day2_0800_03.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .photo.familyDay2_0930 {
background: url("../howtospend/img/family_day2_0930.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .photo.familyDay2_1000 {
background: url("../howtospend/img/family_day2_1000.jpg") no-repeat center center;
background-size: cover;
}





.page .sideBox.spend .gallery .photo.coupleDay1_1500 {
background: url("../howtospend/img/couple_day1_1500_01.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderCoupleDay1_1530 .swiper-slide.s01 {
background: url("../howtospend/img/couple_day1_1530_01.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderCoupleDay1_1530 .swiper-slide.s02 {
background: url("../howtospend/img/couple_day1_1530_02.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderCoupleDay1_1530 .swiper-slide.s03 {
background: url("../howtospend/img/couple_day1_1530_03.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderCoupleDay1_1700 .swiper-slide.s01 {
background: url("../howtospend/img/couple_day1_1700_01.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderCoupleDay1_1700 .swiper-slide.s02 {
background: url("../howtospend/img/couple_day1_1700_02.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderCoupleDay1_1700 .swiper-slide.s03 {
background: url("../howtospend/img/couple_day1_1700_03.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderCoupleDay1_1800 .swiper-slide.s01 {
background: url("../howtospend/img/couple_day1_1800_01.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderCoupleDay1_1800 .swiper-slide.s02 {
background: url("../howtospend/img/couple_day1_1800_02.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderCoupleDay1_1800 .swiper-slide.s03 {
background: url("../howtospend/img/couple_day1_1800_03.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .photo.coupleDay1_2000 {
background: url("../howtospend/img/couple_day1_2000.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderCoupleDay1_2100 .swiper-slide.s01 {
background: url("../howtospend/img/couple_day1_2100_01.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderCoupleDay1_2100 .swiper-slide.s02 {
background: url("../howtospend/img/couple_day1_2100_02.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .photo.coupleDay2_0700 {
background: url("../howtospend/img/couple_day2_0700.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderCoupleDay2_0800 .swiper-slide.s01 {
background: url("../howtospend/img/couple_day2_0800_01.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderCoupleDay2_0800 .swiper-slide.s02 {
background: url("../howtospend/img/couple_day2_0800_02.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderCoupleDay2_0800 .swiper-slide.s03 {
background: url("../howtospend/img/couple_day2_0800_03.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .photo.coupleDay2_0930 {
background: url("../howtospend/img/couple_day2_0930.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .photo.coupleDay2_1000 {
background: url("../howtospend/img/couple_day2_1000.jpg") no-repeat center center;
background-size: cover;
}










.page .sideBox.spend .gallery .photo.girlsDay1_1500 {
background: url("../howtospend/img/girls_day1_1500_01.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderGirlsDay1_1530 .swiper-slide.s01 {
background: url("../howtospend/img/girls_day1_1530_01.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderGirlsDay1_1530 .swiper-slide.s02 {
background: url("../howtospend/img/girls_day1_1530_02.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderGirlsDay1_1530 .swiper-slide.s03 {
background: url("../howtospend/img/girls_day1_1530_03.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderGirlsDay1_1700 .swiper-slide.s01 {
background: url("../howtospend/img/girls_day1_1700_01.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderGirlsDay1_1700 .swiper-slide.s02 {
background: url("../howtospend/img/girls_day1_1700_02.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderGirlsDay1_1700 .swiper-slide.s03 {
background: url("../howtospend/img/girls_day1_1700_03.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderGirlsDay1_1800 .swiper-slide.s01 {
background: url("../howtospend/img/girls_day1_1800_01.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderGirlsDay1_1800 .swiper-slide.s02 {
background: url("../howtospend/img/girls_day1_1800_02.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderGirlsDay1_1800 .swiper-slide.s03 {
background: url("../howtospend/img/girls_day1_1800_03.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .photo.girlsDay1_2000 {
background: url("../howtospend/img/girls_day1_2000.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .photo.girlsDay1_2100 {
background: url("../howtospend/img/girls_day1_2100.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .photo.girlsDay2_0700 {
background: url("../howtospend/img/girls_day2_0700.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderGirlsDay2_0800 .swiper-slide.s01 {
background: url("../howtospend/img/girls_day2_0800_01.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderGirlsDay2_0800 .swiper-slide.s02 {
background: url("../howtospend/img/girls_day2_0800_02.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .sliderGirlsDay2_0800 .swiper-slide.s03 {
background: url("../howtospend/img/girls_day2_0800_03.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .photo.girlsDay2_0930 {
background: url("../howtospend/img/girls_day2_0930.jpg") no-repeat center center;
background-size: cover;
}
.page .sideBox.spend .gallery .photo.girlsDay2_1000 {
background: url("../howtospend/img/girls_day2_1000.jpg") no-repeat center center;
background-size: cover;
}