@charset "utf-8";
/*********************************************
**    Copyright (C) 2016 tobe zoo
**                  All Rights Reserved.
**********************************************/


/* imgArea
--------------------------------------------------------*/
#imgArea {
	text-align: center;
}
#imgArea p {
	margin-bottom: 150px;
}


/* greeting
--------------------------------------------------------*/
#greeting {
	background: url(../images/greeting_bg.png) no-repeat left bottom;
	text-align: center;
	width: 900px;
	margin: 0 auto;
}
#greeting h2,#greeting p {
	margin-bottom: 40px;
	line-height: 3;
}

/* 満員御礼
--------------------------------------------------------*/
.manin {
	width:900px;
	margin: 0 auto 80px;
}
.manin-img-pc {
	display:block;
	width:100%;
}


/* menu
--------------------------------------------------------*/
#menu ul {
	margin: 0 auto 30px;
}
#menu ul.first {
	width: 816px;
}
#menu ul.second {
	width: 390px;
}
#menu li {
	margin-right: 62px;
}
#menu ul.first li:nth-child(4),
#menu ul.second li:nth-child(2) {
	margin-right: 0;
}

/* hotel-intro
--------------------------------------------------------*/
#hotel-intro {
	background: rgba(237,109,15,.2);
}
#hotel-intro,#salon-intro,#schedule,#shopinfo {
	padding: 50px 0 150px;
	margin-bottom: 0 !important;
}
#hotel-intro .Inner,
#esthe {
	background: url(../images/line.png) no-repeat center bottom;
}
#hotel-intro .Inner,#salon-intro .Inner,
#schedule .Inner,#shopinfo .Inner,#link .Inner,#toi .Inner {
	width: 959px;
	margin: 0 auto;
	padding: 20px 0 60px;
}
#hotel-intro h2,#salon-intro h2,
#schedule h2,#shopinfo h2,#link h2 {
	margin-bottom: 50px;
	text-align: center;
}
#hotel-intro dt,
#salon-intro #upper dt {
	width: 458px;
	float: left;
}
#hotel-intro dd,
#salon-intro #upper dd {
	width: 467px;
	float: right;
	margin-top: 20px;
}
#hotel-intro dd img,
#salon-intro #upper dd img,
#waonsen dd img {
	display: block;
	margin-bottom: 30px;
}
#hotel-intro  h3 {
	margin-bottom: 50px;
}

/* hotel
--------------------------------------------------------*/
#hotel p.room,#freespace p {
	width: 733px;
	text-align: center;
	margin: 0 auto 50px;
}
#salon p.room {
	width: 956px;
}

/* azukari
--------------------------------------------------------*/
#azukari .pricetable {
	width: 550px;
	margin: 0 auto 50px;
}
.attention20 {
	background: url("../images/bg.jpg");
	width: 100%;
	font-size: 2em;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
}
.attention20 span {
	background: url("../images/greeting_bg.png") no-repeat -18px 10px;
	display: block;
	padding: 12px 0;
}
.cattime {
	margin-top: 50px;
}

/* sougei
--------------------------------------------------------*/
#azukari h3 img,
#azukari h3 em,
#sougei h3 img,
#sougei h3 em {
	display: inline-block;
	vertical-align: middle;
}
#sougei h3 em {
	width: 80%;
}
#freespace .pricetable {
	width: 250px;
	padding: 300px 0 70px 500px;
	margin: 0 auto 50px;
	background: url(../images/freespace.png) no-repeat top;
	background-size: contain;
}
#sougei .pricetable {
	background: url(../images/sougei_car.png) no-repeat left center;
	background-size: 485px;
	width: 794px;
	margin: 0 auto 50px;
	padding: 84px 0;
}
#sougei .pricetable table {
	width: 250px;
	margin-left: auto;
	margin-right: 0;
}


/* salon-intro
--------------------------------------------------------*/
#salon-intro {
	background: rgba(143,195,31,.2);
}
#salon-intro #upper {
	margin-bottom: 50px;
}
#waonsen {
	margin-bottom: 30px;
}
#waonsen dt {
	width: 208px;
	float: left;
	margin-right: 30px;
}
#waonsen dd {
	float: right;
	width: 75%;
}
.doubles {
	margin: 50px 0 0;
}
#esthe {
	margin: 50px 0 30px;
	padding-bottom: 30px;
}
#esthe hr{
	background: url(../images/line.png) no-repeat center bottom;
	border:none;
	background-color: transparent;
	width:100%;
	height:20px;
	margin:50px 0;
}
#esthe .introduction{
	display: flex;
	justify-content: space-between;
}
#esthe .introduction .text{
	width:60%;
}
#esthe .introduction .text img{
	height: 32px;
	display: block;	
	margin-bottom:5px
}
#esthe .introduction figure{
	width:40%;
	max-width:279px;
}
#esthe .introduction figure img{
	width:100%;
	display:block
}
#esthe .description{
	padding:0 0 50px 0;
}
#esthe .description figure{
	width:90%;
	max-width:697px;
	margin:0 auto
}
#esthe .description figure img{
	width:100%;
	display: block;
}
#esthe .checklist{
	width:100%;
	max-width:955px;
	margin:50px auto;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	padding:50px 0 25px 0;
	background-color: rgba(0,0,0,.5);
	border-radius:10px
}
#esthe .checklist h3{
	width:100%;
	text-align: center;
	display: flex;
	justify-content: center;
}
#esthe .checklist h3 img{
	height:24px;
	display: block;
}
#esthe .checklist ul{
	display: block;
	padding:15px
}
#esthe .checklist li{
	display: flex;
	align-items: center;
	float: none;
	font-size: 1.2em;
	font-weight: bold;
	padding:5px 0
}
#esthe .checklist li:before{
	content: '';
	width:24px;
	height:21px;
	display: block;
	background-image: url(../images/icon_checkbox.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin-right:5px
}
#esthe .kuro-esthe .description{
	display: flex;
	justify-content: flex-start;
	padding:50px 0
}
#esthe .kuro-esthe .description figure{
	width:40%;
	max-width:327px;
	display: block;
	margin:0;
}
#esthe .kuro-esthe .description .box{
	width:50%;
	max-width:400px;
	margin-left:5%
}
#esthe .kuro-esthe .description .box h3 img{
	height:56px;
}
#esthe .kuro-esthe .description .box h4{
	width:100%;
	text-align: center;
}
#esthe .kuro-esthe .description .box h4 img{
	height:23px;
}
#esthe .kuro-esthe .description .checkbox{
	padding:25px 0
}
#esthe h2{
	text-align: left;
	margin-bottom:25px
}
#esthe .introduction .text h2 img{
	height:50px;
	display: block;
}

#esthe dl {
	margin-bottom: 30px;
}
#esthe dt {
	width: 200px;
	margin-right: 20px;
	float: left;
}
#esthe dd strong {
	display: block;
	margin-bottom: 10px;
}
#color dt {
	margin-bottom: 20px;
}

/* shopinfo
--------------------------------------------------------*/
#shopinfo dl {
	float: left;
	width: 330px;
}
#shopinfo iframe.map {
	width: 578px;
	float: right;
}
#shopinfo iframe.indoor {
	width: 100%;
	margin-top: 40px;
}

/* link
--------------------------------------------------------*/
#link #Bnr li {
	text-align: center;
	width: 150px;
	margin: 0 20px 20px 0;
}
#link #Bnr02 li {
	text-align: center;
	/*width: 150px;*/
	margin: 0 20px 20px 0;
}
#link #textLink li {
	float: none;
	margin-bottom: 5px;
}
#link #textLink li span {
	margin-right: 10px;
}


/* contact
--------------------------------------------------------*/
#contact {
	background: #cc6518;
	padding: 30px 0;
	text-align: center;
}


/* スタッフ募集
--------------------------------------------------------*/
.reqruit_wrap {
	width: 959px;
	margin: 0 auto 146px;
}
.reqruit_wrap img {
	width: 100%;
}



/* slick
--------------------------------------------------------*/
.top-slider_wrap {
	width: 795px;
	height: 487px;
	margin: 0 auto 200px;
	position: relative;
	z-index: 1;
}
.top-slider_wrap::after {
	content: '';
	width: 795px;
	height: 487px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	display: block;
	background-image: url(../images/top-slide_frame.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.common_slider_wrap {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
.slick-prev::before, .slick-next::before {
	font-size: 30px;
}
.slick-prev, .slick-next {
	width: 30px;
	height: 30px;
}
.slick-prev {
	left: 10px;
	z-index: 400;
}
.slick-next {
	right: 10px;
	z-index: 400;
}

/* 202109改修 */
.heyatype_wrap {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row nowrap;
	        flex-flow: row nowrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	gap: 20px;
	margin-bottom: 60px;
}
.heyatype_wrap img {
	width: 200px;
}
.separate {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	/*display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	gap: 20px 0;*/
}
.waribiki_wrap .separate img {
	height: 47px;
}
.waribiki_wrap h4 {
	font-size: 20px;
	margin-bottom: 10px;
}
.waribiki_wrap p span {
	font-weight: bold;
	color: #FE4D0B;
	font-size: 15px;
}


.fs20 {
	font-size: 20px;
}
.mt60 {
	margin-top: 60px;
}
.mb20 {
	margin-bottom: 20px;
}


#toi .Inner img { max-width: 100%; }