@charset "utf-8";

/*  +++++++++++++++++++++++++ common +++++++++++++++++++++++++ */

.pc{
display:none;
}
.sp{
display:block;
}
.pctL,
.pctR{
float: none;
text-align: center;
margin-right: 0 !important;
margin-left: 0 !important;
margin-bottom: 20px !important;
}
.wide{
width:100% !important;
height:auto;
}
ul.listHalf{
display:block;
}
ul.listHalf li{
width: 100%;
}
ul.listHalf li img{
margin: 0;
}


.scroll{
padding: 0 0 10px;
overflow: auto;
white-space: nowrap;
}
.scroll::-webkit-scrollbar{
height: 5px;
}
.scroll::-webkit-scrollbar-track{
background: #ccc;
}
.scroll::-webkit-scrollbar-thumb {
background: #343434;
}

.btnMore a{
font-size: .875rem;
}
#btnTop {
bottom: 10px;
right: 10px;
}
#btnTop img {
width: 20px;
height: auto;
}
.movieBox {
margin: 0 0 20px;
width: 100%;
padding-top: 56.25%;
}
.movieBox iframe {
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}



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

#sideSns{
display: none;
}





/*  +++++++++++++++++++++++++ spMenu +++++++++++++++++++++++++ */

#spMenu{
display: block;
position: fixed;
top: 20px;
right: 20px;
z-index: 1100;
transition-duration: 0.3s;
}
#spMenu a#menuTrigger,
#spMenu a#menuTrigger span.line{
display: block;
transition: all .4s;
box-sizing: border-box;
}
#spMenu a#menuTrigger{
position: relative;
display: block;
width: 40px;
height: 20px;
}
#spMenu a#menuTrigger span.line{
margin: auto;
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 2px;
background-color: #000;
}
#spMenu a#menuTrigger span.line:nth-of-type(1){
top: 0;
}
#spMenu a#menuTrigger span.line:nth-of-type(2){
top: 50%;
transform: translateY(-50%);
}
#spMenu a#menuTrigger span.line:nth-of-type(3){
bottom: 0;
}
#spMenu a#menuTrigger.active span.line{
background-color: #FFF;
}
#spMenu a#menuTrigger.active span.line:nth-of-type(1){
top: 5px;
-webkit-transform: translateY(5px) rotate(-45deg);
transform: translateY(5px) rotate(-45deg);
}
#spMenu a#menuTrigger.active span.line:nth-of-type(2){
opacity: 0;
}
#spMenu a#menuTrigger.active span.line:nth-of-type(3){
top: 15px;
bottom: auto;
-webkit-transform:  translateY(-5px) rotate(45deg);
transform: translateY(-5px) rotate(45deg);
}






/*  +++++++++++++++++++++++++ header +++++++++++++++++++++++++ */

#header{
height: 50px;
}
#header p.logo img{
width: 110px;
height: auto;
}
#header #headerContents ul#headerBtnBox{
width: 200px;
}
#header #headerContents ul#headerBtnBox li{
font-size: 0.85rem;
line-height: 50px;
}
#header #headerContents ul#headerBtnBox li#menuBtn a{
padding: 0 15px 0 35px;
}
#header #headerContents ul#headerBtnBox li#menuBtn a span.line{
left: 15px;
width: 15px;
}

/*  +++++++++++++++++++++++++ headerCV +++++++++++++++++++++++++ */  
  /* SP表示で下部固定スタイル */
  @media screen and (max-width: 768px) {
	div#btnTop {
	  bottom: 80px;
	}
	li#menuBtn{
	  margin-left: auto !important;
	}
	#headerCv {
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  height: 70px;
	  background-color: rgba( 0, 0, 0, 0.1 );
	  text-align: center;
	  z-index: 2999;
	}
  
	#headerCv a.sp-btn {
	  width: 70%;
	  height: 50px;
	  margin: 10px auto;
	  background-color: rgb(134 117 25);
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  color: #fff;
	  text-decoration: none;
	}
	  /* フェードインのためにオプションを追加 */
	  .sp-plan-cv {
	  opacity: 0;
	  transition: opacity 0.5s ease-in-out;
	}
  
	/* フェードイン後 */
	.sp-plan-cv.visible {
	  opacity: 1;
	  display: block; /* フェードイン後に表示 */
	}
  }

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

#main p.catch{
font-size: 1.3rem;
}
.scrolldown{
height:30px;
}





/*  +++++++++++++++++++++++++ mainCommon +++++++++++++++++++++++++ */

#mainCommon > .inner{
padding: 120px 0;
}
#mainCommon h1{
font-size: 1.3rem;
}





/*  +++++++++++++++++++++++++ cvBox +++++++++++++++++++++++++ */

.cvBox > .inner{
margin: 0;
padding: 0;
width: auto;
}
.cvBox .cvList{
display: block;
}
.cvBox .cvList .box{
display: block;
}
.cvBox .cvList .box.title{
padding: 20px;
}
.cvBox .cvList .box.title:before{
content: none;
}
.cvBox .cvList .box.title h2{
font-size: 1.125rem;
text-align: center;
}
.cvBox .cvList .box.tel{
margin: 0 20px;
padding: 20px 0 15px;
}
.cvBox .cvList .box.tel h2:before{
content: "";
}
.cvBox .cvList .box.btn{
margin: 0 20px;
padding: 0 0 20px;
}
.cvBox .cvList .box.btn ul{
display: block;
}

.cvBox .cvList .box.btn ul li.walkin{
margin: 0 0 10px 0;
width: 100%;
font-size: 0.85rem;
}

.cvBox .cvList .box.btn ul li{
margin: 0 0 10px 0;
width: 100%;
font-size: 0.85rem;
}
.cvBox .cvList .box.btn ul li:nth-child(4){
margin-bottom: 0;
}

/*  +++++++++++++++++++++++++ menuBox +++++++++++++++++++++++++ */
#menuBox .logo{
margin: 0 ;
display:block;
float: left;
padding: 0 0 15px;
}

#menuBox > .inner{
padding: 50px 0;
width: 94%;
min-width: inherit;
}

	
#menuBox .btnClose{
width: 40px;
height: 40px;
}
#menuBox .btnClose a span.line{
top: 20px;
}
#menuBox .navi ul li{
font-size: .875rem;
}
#menuBox .navi ul li:nth-of-type(1){


right: 6%;
width: 8em;
font-size: .75rem;
}
#menuBox .navi ul li a{
padding: 15px 0;
}

#menuBox .navi ul li:nth-child(n+2){
	width: 50%;
}

#menuBox .navi ul li:nth-child(n+4) a{
border-top: 0;
}

#menuBox .navi ul li:last-child{
letter-spacing: -.06em;
}

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


#menuBox ul#subNav{
padding:2em 0 0;
}


#menuBox ul#subNav li{
float: left;
margin: 0 1em 0 0;
font-size: .875rem;

}



#menuBox .langList{
margin: 1em 0 0;
padding: 1em 0 0;
}
#menuBox .langList ul li{
margin: 0;
box-sizing: border-box;
width: 33%;
}
#menuBox .langList ul li:nth-child(n+4){
margin-top: 0.8em;
}



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

#menuBox .cvBox{
margin: 40px auto 0;	width: 94%;
}
#menuBox .cvBox > .inner {

}
#menuBox .cvBox .cvList .box.tel h2{
font-size: 0.85rem;
}
#menuBox .cvBox .cvList .box.tel p{
font-size: 1.375rem;
}
#menuBox .cvBox .cvList .box.tel p svg {
width: 15px;
height: 19px;
}



/*  +++++++++++++++++++++++++ breadcrumbList +++++++++++++++++++++++++ */

#breadcrumbList{
display: none;
}





/*  +++++++++++++++++++++++++ newsBox +++++++++++++++++++++++++ */

#newsBox h2{
font-size: 1.4rem;
}
#newsBox > .inner{
margin: 0 20px;
padding: 70px 0;
width: auto;
}
#newsBox #newsList .entry a{
display: block;
padding: 12px 18px;
}
#newsBox #newsList .entry p.title{
margin-top: 10px;
padding: 0;
}


/*  +++++++++++++++++++++++++ newsBox common +++++++++++++++++++++++++ */

#newsBox.common > .inner{
display: block;
padding: 40px 0;
}
#newsBox.common #newsContents{
margin: 0 0 50px;
width: 100%;
}
#newsBox.common #newsContents h3 {
margin: 0 0 15px;
font-size: 1.3rem;
}
#newsBox.common #newsContents h4 {
margin: 0 0 15px;
font-size: 1.2rem;
}
#newsBox.common #newsContents h5 {
margin: 0 0 15px;
font-size: 1.1rem;
}
#newsBox.common #newsContents h6 {
margin: 0 0 15px;
font-size: 1.0rem;
}
#newsBox.common #newsContents *+h2 {
margin-top: 80px;
}
#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: 50px;
}
#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 {
font-size: 0.91rem;
line-height: 1.8;
}
#newsBox.common #newsContents table th,
#newsBox.common #newsContents table td {
padding: 8px 10px;
font-size: 0.91rem;
line-height: 1.8;
}
#newsBox.common #newsContents ul.btnBox{
margin-top: 50px;
}
#newsBox.common #newsSide{
width: 100%;
}
#newsBox.common #newsSide .widgetBox h3{
padding: 10px 16px;
font-size: 0.91rem;
}
#newsBox.common #newsSide .widgetBox ul li{
font-size: 0.85rem;
}
#newsBox.common #newsSide .widgetBox ul li a{
padding: 10px 15px;
}




/*  +++++++++++++++++++++++++ hotspringBox +++++++++++++++++++++++++ */

#hotspringBox h2{
margin: 0 0 20px;
font-size: 1.4rem;
}
#hotspringBox > .inner{
padding: 70px 0;
width: auto;
}
#hotspringBox p.read{
margin: 0 20px;
}



/*  +++++++++++++++++++++++++ roomBox +++++++++++++++++++++++++ */

#roomBox h2{
margin: 0 0 20px;
font-size: 1.4rem;
}
#roomBox > .inner{
padding: 0 0 70px;
width: auto;
}
#roomBox #roomDetailBox{
margin: 0 20px;
}
#roomBox #roomDetailBox .box,
#roomBox #roomDetailBox .box.b02{
padding: 0;
display: block;
}
#roomBox #roomDetailBox .box+.box{
margin-top: 80px;
}
#roomBox #roomDetailBox .gallery{
margin: 0 0 20px;
width: 100%;
}
#roomBox #roomDetailBox .gallery .swiper-pagination,
#roomBox #roomDetailBox .box.b02 .gallery .swiper-pagination {
text-align: center;
}
#roomBox #roomDetailBox .txtBox{
width: 100%;
}
#roomBox #roomDetailBox .txtBox > .inner,
#roomBox #roomDetailBox .box.b02 .txtBox > .inner{
padding: 0;
}
#roomBox #roomDetailBox .txtBox h3{
margin: 0 0 30px;
font-size: 1.2rem;
}
#roomBox #roomDetailBox .txtBox ul.btnBox{
margin: 30px 0 0;
}




/*  +++++++++++++++++++++++++ cuisineBox +++++++++++++++++++++++++ */

#cuisineBox h2{
margin: 0 0 20px;
font-size: 1.4rem;
}
#cuisineBox p.read{
margin: 0 0 30px;
}
#cuisineBox > .inner{
margin: 0 20px;
padding: 70px 0;
width: auto;
}
#cuisineBox #cuisineList{
margin: 0 0 30px;
display: block;
}
#cuisineBox #cuisineList .box{
margin: 0 0 30px;
padding: 53.3% 4.16% 0;
width: 100%;
}
#cuisineBox #cuisineList .box:last-child{
margin-bottom: 0;
}
#cuisineBox #cuisineList .box .txtBox{
padding: 20px;
}
#cuisineBox #cuisineList .box .txtBox h3{
font-size: 1.2rem;
}
#cuisineBox #cuisineList .box .txtBox p{
line-height: 1.6;
}




/*  +++++++++++++++++++++++++ stayBox +++++++++++++++++++++++++ */

#stayBox h2{
margin: 0 0 20px;
font-size: 1.4rem;
}
#stayBox p.read{
margin: 0 0 30px;
}
#stayBox > .inner{
margin: 0 20px;
padding: 70px 0;
width: auto;
}
#stayBox #stayList{
display: block;
}
#stayBox #stayList .box{
margin: 0 0 20px;
width: 100%;
}
#stayBox #stayList .box:last-child{
margin-bottom: 0;
}
#stayBox #stayList .box h3{
padding: 25px 0;
font-size: 1.2rem;
}



/*  +++++++++++++++++++++++++ planBox +++++++++++++++++++++++++ */

#planBox h2{
font-size: 1.4rem;
}
#planBox > .inner{
padding: 70px 0;
}
#planBox #planList{
margin: 30px 0;
}
#planBox.osusume > .inner{
padding: 20px 0 0;
}
#planBox.osusume #planList{
display: block;

}
#planBox.osusume #planList .box{
width: 100%;
margin: 0 0 20px;
}


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

#footerBnrBox > .inner {
margin: 0 20px;
padding: 30px 0;
width: auto;
}
#footerBnrBox ul li {
margin: 0 0 10px;
display: block;
}
#footerBnrBox ul li:last-child {
margin-bottom: 0;
}



/*  +++++++++++++++++++++++++ footer +++++++++++++++++++++++++ */

#footer {
	padding: 0 0 70px 0;
}
#footer > .inner {
margin: 0 20px;
padding: 50px 0 30px;
width: auto;
}
#footer > .inner img#footerSymbol {
left: 50%;
top: 0;
width: 300px;
height: auto;
transform: translateX(-50%);
}
#footer > .inner img#footerPhoto {
display: none;
}
#footer p.txt {
margin: 0 0 30px;
font-size: 0.75rem;
}
#footer #footerLinkBox {
display: none;
}




/*  +++++++++++++++++++++++++ sectionBox +++++++++++++++++++++++++ */

.sectionBox > .inner{
padding: 70px 0;
width: auto;
}
.sectionBox .contentsBox {
margin: 0 20px;
width: auto;
}
.sectionBox .contentsBox.rd {
margin: 40px auto;
padding: 20px;
}
.sectionBox.bg02{
background-size: 50% auto, 50% auto, auto auto;
}
.sectionBox.bgSpaPoint{
background-image: none;
}

/*  +++++++++++++++++++++++++ page +++++++++++++++++++++++++ */

.page h2{
margin: 0 0 20px;
font-size: 1.4rem;
}
.page h2.logo {
margin: 0 auto 30px;
font-size: 2.0rem;
width: 138px;
height: 138px;
}
.page h2.titleBg {
font-size: 1.4rem;
width: 120px;
height: 120px;
left: 10px;
top: -60px;
}
.page h2.titleBg.ss {
font-size: 1.1rem;
width: 90px;
height: 90px;
left: 10px;
top: -60px;
}
.page h3 {
margin: 0 0 15px;
font-size: 1.2rem;
line-height: 1.4;
}
.page h3.bb {
font-size: 1.4rem;
}
.page h3 span.bg {
padding: 0 10px 0 0;
}
.page h3.aCenter span.bg {
padding: 0 10px;
}
.page h3 span.nosmoking:after,
.page h3 span.smoking:after,
.page h3 span.smoking_w:after {
margin: 5px 0 0;
top: auto;
}
.page h3 .subTxt {
display: block;
}

.page .boxNotice h3, .page h4, .page .roomDetailBox .txtBox h4, .page .boxFLEX .txtBox h4{
font-size: 1.125rem;
}
.page p, .page li, .page ul.point01 li {
font-size: 0.91rem;
line-height: 1.8;
}
.page p.read{
font-size: 1.1rem;
}
.page p.name{
font-size: 1.1rem;
}
.page *+h2 {
margin-top: 90px;
}
.page *+h3,
.page *+h4,
.page *+h5,
.page *+h6 {
margin-top: 60px;
}
.page *+h3.bb {
margin-top: 90px;
}
.page h2+h3,
.page h2+h3.bb
.page h3+h4,
.page h4+h5,
.page h5+h6 {
margin-top: 0;
}
.page ul.btnBox{
margin: 30px 30px;
}
.page ul.btnBox li{
margin: 0 0 15px;
display: block;
font-size: 0.91rem;
}
.page ul.btnBox li:last-child{
margin-bottom: 0;
}
.page ul.btnBox li a{
padding: 10px 0 !important;
}
.page table.tblTxt th,
.page table.tblTxt td,
.page table.tblTxt.ss th,
.page table.tblTxt.ss td {
display: block;
padding: 8px 0;
line-height: 1.6;
font-size: .813rem;
width: auto !important;
}
.page table.tblTxt th,
.page table.tblTxt.ss th {
padding-bottom: 3px;
}
.page table.tblTxt td,
.page table.tblTxt.ss td {
padding-top: 0;
}
.page .slideGallery {
margin: 20px 0;
}
.page .pointList{
margin: 30px 0;
}
.page .pointList ul{
display: block;
}
.page .pointList ul li{
margin: 0 0 50px;
width: 100%;
}
.page .pointList ul li:last-child{
margin-bottom: 0;
}
.page .pointList ul li p.photo{
margin: 0 0 20px;
}
.page .pointList ul li p.photo img{
width: 70%;
height: auto;
}
.page .pointList ul li p.title{
margin: 0 0 15px;
font-size: 1.1rem;
}
.page .photoList{
margin: 30px 0;
}
.page .photoList ul{
display: block;
}
.page .photoList ul li{
margin: 0 0 50px;
width: 100%;
}
.page .photoList ul li:last-child{
margin-bottom: 0;
}
.page .photoList ul li p.photo{
margin: 0 0 20px;
}
.page .photoList ul li p.photo img{
width: 100%;
height: auto;
}
.page .photoList ul li p.title{
margin: 0 0 15px;
font-size: 1.1rem;
}
.page .txtBoxList{
margin: 30px 0;
}
.page .txtBoxList ul{
display: block;
}
.page .txtBoxList ul li{
margin: 0 !important;
width: 100%;
}
.page .txtBoxList ul li:nth-child(n+2){
margin-top: 30px !important;
}
.page .txtBoxList ul li p.photo{
margin: 0 20px 0 0;
}
.page .txtBoxList ul li .box{
margin: 0 0 -20px 20px;
padding: 40px 20px 20px;
top: -20px;
right: auto;
}
.page .txtBoxList ul li .box > *:last-child{
margin-bottom: 0;
}
.page .txtBoxList ul li .box p.title{
font-size: 1.1rem;
}
.page .sideBox{
margin: 0 20px;
}
.page .sideBox .box,
.page .sideBox .box.b02{
padding: 0;
display: block;
}
.page .sideBox .box+.box{
margin-top: 80px;
}
.page .sideBox .gallery{
margin: 0 0 20px;
width: 100%;
}
.page .sideBox .gallery .swiper-pagination,
.page .sideBox .box.b02 .gallery .swiper-pagination {
text-align: center;
}
.page .sideBox .txtBox{
width: 100%;
}
.page .sideBox .txtBox > .inner,
.page .sideBox .box.b02 .txtBox > .inner{
padding: 0;
}
.page .sideBox .txtBox h3{
margin: 0 0 20px;
font-size: 1.2rem;
}
.page #accessDetailBox{
display: block;
}
.page #accessDetailBox .photo{
margin: 0 0 20px;
padding: 61.72% 0 0;
width: 100%;
}
.page #accessDetailBox .txtBox{
width: 100%;
}
.page #mapBox{
margin: 30px 0 0;
}
.page #mapBox iframe{
height: 400px;
}
.page .accessScroll{
margin: 30px 0 15px;
padding: 0 0 15px;
overflow: auto;
white-space: nowrap;
}
.page .accessScroll img{
width: 800px;
height: auto;
max-width: none;
}
.page .accessScroll::-webkit-scrollbar{
height: 3px;
}
.page .accessScroll::-webkit-scrollbar-track{
background: #ccc;
}
.page .accessScroll::-webkit-scrollbar-thumb {
background: #343434;
}
.page .accessTxtBox{
display: block;
}
.page .accessTxtBox .box{
width: 100%;
}
.page .accessTxtBox .box+.box{
margin-top: 20px;
}
.page .accessTxtBox .box > *:last-child{
margin-bottom: 0;
}
.page .accessTxtBox h3{
font-size: 1.0rem;
}
.page #ankerBox{
margin: 30px 0 0;
}
.page #ankerBox ul{
flex-wrap: wrap;
}
.page #ankerBox ul li{
margin: 0 2% 0 0 !important;
width: 49% !important;
}
.page #ankerBox ul li:nth-child(2n){
margin-right: 0 !important;
}
.page #ankerBox ul li:nth-child(n+3){
margin-top: 2% !important;
}
.page #ankerBox ul li a{
padding: 12px 12px 15px;
}
.page #ankerBox ul li a:before{
border-width: 0 0 10px 10px;
}
.page #ankerBox ul li:hover{
top: 0;
}
.page #ankerBox ul li p.title{
font-size: 0.91rem;
}
.page .roomDetailBox{
margin: 0;
padding: 0;
display: block;
}
.page .roomDetailBox .txtBox{
margin: 0 0 30px;
width: 100%;
}
.page .roomDetailBox .txtBox h4 {
margin: 0 0 15px;
font-size: 1.1rem;
}
.page .roomDetailBox .txtBox > *:last-child{
margin-bottom: 0;
}
.page .roomDetailBox .summaryBox{
width: 100%;
}
.page .roomDetailBox .summaryBox > *:last-child{
margin-bottom: 0;
}
.page .roomDetailBox .summaryBox th{
width: 25%;
}
.page #spaPointBox {
margin: 30px 0;
}
.page #spaPointBox .box {
margin: 0 0 40px;
display: block;
}
.page #spaPointBox .box:last-child {
margin-bottom: 0;
}
.page #spaPointBox .box .photo {
margin: 0 0 15px;
width: auto;
text-align: center;
}
.page #spaPointBox .box .photo p img {
width: 200px;
height: auto;
}
.page #spaPointBox .box .txtBox {
width: auto
}
.page #spaPointBox .box .txtBox h3 {
margin: 0 0 15px;
padding: 0;
font-size: 1.1rem;
text-align: center;
border: 0;
}
.page span.ill{
text-align: left;
}
.page.spaSummary th{
width: 100%;
}
.page #spaKashikiriBox{
display: block;
}
.page #spaKashikiriBox .box{
margin: 0 0 80px;
width: 100%;
}
.page #spaKashikiriBox .box:last-child{
margin-bottom: 0;
}
.page #spaKashikiriBox .box p.photo{
margin: 0 0 20px;
}
.page #spaKashikiriBox .box p.photo img{
width: 100%;
height: auto;
}
.page #spaKashikiriBox .box p.title{
margin: 0 0 15px;
font-size: 1.1rem;
}


/* --facilities -- */


.faciliCo .sectionBox > .inner{
padding-top: 0;
}
.faciliCo .page ul.btnBox{
padding: 0 0 2em;
}

.faciliCo .page h3{
font-size:1.4rem;
}


.page .photoHalf,
.page .boxFLEX{
display: block;
}
.page .photoHalf .boxL{
padding: 0 0 20px;
}
.page.map .contentsBox .fltL{
float:none;
width: unset;
}

.page.map .contentsBox img{
float: none;

}

.page.map .icoTxtBox ul{
margin: 10px auto;
width: 90%;
padding: 0 0 40px;
}

.page .kannai{
padding: 20px 0 0;
}
.page .photoHalf h3{
font-size: 1.125rem!important;
text-align: center;
font-family:serif;
}


.faciliCo .page table.tblTxt th, 
.faciliCo .page table.tblTxt td{
font-size: .875rem;
}


.sectionBox .contentsBox.wedding{
padding: 60px 0 0;
}
.page .photoHalf .boxL,
.wedding .boxFLEX .txtBox{
width: 100%;

}


.wedding .summaryBox{
margin: 0;
padding: 0;
width: 100%;
}
.page table.tblTxt.fltL{
width: 100%;
float: none;
}
.page table.tblTxt.fltL.animate__delay-1s{
margin-bottom: 0;
}
.page table.tblTxt.fltL.animate__delay-1s+table{
margin-top: -1px;
}

.page .listTab{
}
.page .listTab li{
font-size: .75rem;
}

.page .listTab li br{
display: unset;
}

.page .room{
	padding: 1rem;
	margin: 0 0 20px;
}


.page .room img{
float:none;
margin: 0 0 15px;
}

.page .room ul.point01{
overflow: visible;
margin: 0;}
.page .room ul.point01 li{
font-size: .813rem;
}

/* -- esthe -- */

.estheCo .page table.tblTxt {
	float: none;
	width: 100%;
	margin: 2em 0 0;
}
.estheCo .page table.tblTxt td{
padding: 1.4em 0 2em;
}
.estheCo .page table.tblTxt td .point01 li{
font-size: .875em;
}

img.fltL {
	float:none;
}
.estheCo .page h4 {
	font-size: 1.rem;
}
.estheCo .page h4+p{
height: auto;
}
.estheCo .page .menu p {
	font-size: .875em;
}


.estheCo .page .menu th, .estheCo .page .menu td, .estheCo .page .menu+.menu th, .estheCo .page .menu+.menu td {
	padding: 1em .5em;
	font-size: .75rem;
}

.estheCo .page .menu th span {display: block;
font-size: 11px;
width: 6em;
padding: .2em 0;
margin:5px 0 0;
text-align: center;
}
.estheCo .page .menu td{
text-align: right;
}
.estheCo .page .menu td span {
float: none;
display: block;

}

.estheCo .page .menu,.estheCo .page .menu+.menu {
	float: none;
	width: 100%;
}
.estheCo .page .menu th {

}
/* -- about -- */

.page .tblNormal th, .page .tblNormal td {
font-size:.875rem;
	padding: 1.2em .8em;
}


.page .boxRinen{
padding: 15px;
}
.page .boxRinen h3{
font-size: 1.5rem;
}
.page .boxRinen ol{
display: block;
margin: 0 0 0 1.5em;
}

.page .boxRinen ol li{
font-size:.875rem;
}

.page.about .tblNormal th{
}
/* -- faq -- */

.page .faq h3:after{

top: 1.36em;

}
.page .faq .qaA{
padding: 18px 22px;
}.page .faq .qaA h4{
font-size: 1rem;
}


/* -- recruit -- */

.page .rec{
padding: 0;
}

.page .rec *+h2{
margin-top:2em;
}
.page .rec ul.photo{
padding: 20px 0;
}

.page .rec ul.photo li{
width: 50%;
}
.page .rec .box{
	padding: 1em;
	margin: 60px 0 30px;
}
.page .rec .box.review{
background:uurl(../recruit/img/bg.gif) repeat;

}
.page .rec .box.review p{
padding: 0;
}

.page .rec .box h3{
margin-top: -1.4em;
font-size: 1.5rem;
letter-spacing: normal;
}

.page .rec .box h4{
font-size: 1rem;
}

.page .rec .box ol {
margin-left: 1em;

}
.page .rec .box ol li{
font-size: .875rem;
}


.page .rec .box ul.point01 li{
font-size: 1.25rem;
float: none;
padding-right: 0;
}


.page .rec .box .btnMore.blank a{
display: block;
margin: 1.5em auto 0;
width:80%;
font-size: .875rem;
}


.page .rec .typeCo h2{
padding: 1em 0;
}

.page .rec .typeCo h3{
}
.page .rec .typeCo th,
.page .rec .typeCo td{
font-size: .813rem;
}
.page .rec .typeCo th{
width: 30%;
}
.page .rec .typeCo .boxLine{
padding: 1em 0;
margin: 20px 0 0;
}

.page .rec .typeCo .boxLine h4{
}
.page .rec .typeCo .boxLine p{
font-size: .875rem;
}

.page .rec .typeCo .boxLine p.bb{
font-size: 1.25rem;
}


/* -- gift -- */

.page .giftIntro{
display:block;
}
.page .giftIntro .summaryBox{
width:100%;
margin: 0;
}
.page .giftIntro .summaryBox ul.point01{
padding-top: 1.4em;
}
.page .giftIntro .summaryBox li{
font-size: 1.125rem;
}

.giftCo .page table{
clear: none;
width: 100%;
float:none;
border-top:0;

}
.giftCo .page table th{
padding-right: .6em;
}.giftCo .page table th,
.giftCo .page table td{
font-size: .813rem;
}
.giftCo .page table td li{
font-size: .813rem!important;
line-height: 1.4em;
}

.giftCo .page .plan h4{
font-size: 1.125rem;
}



.howto ol li {
  position: relative;
  line-height: 1.5em;
  padding: 1.4em 0 1.5em 2rem;
  font-size: .875rem;
}

.howto ol li:before{

  font-size: 1.5rem;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  top: 1em;
}
.howto ol li a[href^="tel:"]{
}
.howto .btnMore{
padding: 1em 0 0;
}
.howto .btnMore a{
	margin: 1.2em 0 0;
	
}





/* -- howtospend -- */

.page #spendMain {
margin: 0 0 40px;
display: block;
}
.page #spendMain .photo {
padding: 50% 0 0;
width: 100%;
}
.page #spendMain .titleBox {
width: 100%;
padding: 20px 25px;
}
.page #spendMain .titleBox p.sub {
font-size: 0.85rem;
}
.page #spendMain .titleBox p.title {
font-size: 1.6rem;
}
.page .sideBox.spend .txtBox p.time {
font-size: 2.8rem;
}
.page .sideBox.spend .txtBox p.title {
font-size: 1.3rem;
}
.page .sideBox.spend .txtBox p.titleSpot {
font-size: 1.3rem;
}