@charset "utf-8";

/* ==================================================
.section
================================================== */
.section { text-align: left; margin-bottom: 2em; }
.section:last-of-type { margin: 0; }
.section:after { content: ""; display: block; clear: both; }
.section h2 { font-size: 18px; font-weight: 700; margin-bottom: 1.5em; padding: .5em; color: #fff; background: #999; }
.section h2 span { font-size: 14px; }
.section h3 { font-size: 16px; font-weight: 700; margin-bottom: .5em; }
.section h3 span { font-size: 14px; }
.section h4 { font-size: 16px; font-weight: 700; margin-bottom: .6em; }
.section h4 span { font-size: 14px; }
@media screen and (min-width: 1000px){
	.section { margin-bottom: 65px; }
	.section h2 { font-size: 24px; line-height: 1.2; }
	.section h2 span { font-size: 20px; }
	.section h3 { font-size: 20px; }
	.section h3 span { font-size: 16px; }
	.section h4 { font-size: 20px; margin-bottom: .5em; }
	.section h4 span { font-size: 16px; }
}

.section picture { display: block; width: 100%; }
.section picture img { display: block; width: 100%; }

.section .float-left,
.section .float-right { width: 100%; margin: 0 auto 1em; }
.section .align-center { text-align: center; margin: 0 auto; display: block; }
@media screen and (min-width: 1000px){
	.section .float-left  { float: left;  width: 33%; margin: 0 1em 1em 0; }
	.section .float-right { float: right; width: 33%; margin: 0 0 1em 1em; }
}

ul.astarisk { font-size: 12px; line-height: 1.6; list-style-type: none; margin-bottom: 1em; }
ul.astarisk li { position: relative; padding: 0 0 0 1em; margin-bottom: 3px; background: none; }
ul.astarisk li:before { content:'※'; position: absolute; border-radius: 0; top: 0; left: 0; width: 1em; height: 1em; background: none; }
ul.astarisk li span { color: #f50000; }
@media screen and (min-width: 1000px){
	ul.astarisk { font-size: 14px; line-height: 1.6; }
}

.section dl.effect { margin-bottom: 2em; }
.section dl.effect:after { content: ""; display: block; clear: both; }
.section dl.effect dt { position: relative; padding: 0 0 0 1em; margin-bottom: .5em; background: none; color: #488086; font-size: 18px; }
.section dl.effect dt:before { content:'・'; position: absolute; border-radius: 0; top: 0; left: 0; width: 1em; height: 1em; background: none; }
.section dl.effect dt img { display: inline-block; height: 1.3em; vertical-align: middle; margin-left: .5em; }
.section dl.effect dd { margin: 0 0 2em 1.5em; }
.section dl.effect dd strong { font-weight: normal; display: block; margin: 1.5em 0 .3em; }
@media screen and (min-width: 1000px){
	.section dl.effect dt { font-size: 24px; }
}

.section table { width: 100% !important; border-collapse: collapse; line-height: 1.3; margin-bottom: .5em; }
.section table th,
.section table td { padding: .5em; border: 1px solid #000; text-align: center; vertical-align: middle; }
.section table th { font-weight: 700; }
.section table th span,
.section table td span { display: block; font-size: 12px; }
.section table thead th,
.section table thead td { background: #f7e4d6; }
.section table thead th { text-align: left; padding: .5em; }
.section table td ul { font-size: 12px; text-align: left; margin: 0; }
.section .note { font-size: 14px; line-height: 1.6; margin: 2em 0 .3em; }

.youTube { position: relative; width: 100%; /*max-width: 600px;*/ margin: 0 auto; padding-bottom: 56.25%; }
.youTube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.installments { text-align: center; color: #f50000; padding: 1em; border: 1px solid #f50000; }

.box { margin-bottom: 1.5em; }
.boxR { margin-bottom: 1em; }
@media screen and (min-width: 1000px){
	.box { display: flex; justify-content: space-between; margin-bottom: 6.5em; }
	.boxR { width: 50%; order: 2; margin: 0; }
	.boxL { width: 45%; order: 1; }
}

/* ==================================================
.article
================================================== */
.article { margin-bottom: 2em; }
/*.article:after { content: ""; display: block; clear: both; }*/
.article:last-of-type { margin: 0; }
.article img { display: block; max-width: 100%; /*margin: 0 auto 1.5em;*/ }

/* ==================================================
HOME
================================================== */
/*#keyVisual*/
#home #keyVisual {  }
#home #keyVisual img { display: block; width: 100%; }

/*#covid19*/
#covid19 {  }
#covid19 img { display: block; margin: 0 auto; }

/*#outline*/
#home #outline {  }
#home #outline img { display: block; width: 100%; }
#home #outline table { margin: 0; border: 2px solid #999; }
#home #outline table th,
#home #outline table td { padding: .5em; border: 1px solid #999; text-align: left; vertical-align: top; }
#home #outline table th { width: 5em; background: #f7e4d6; }
@media screen and (min-width: 1000px){
	#home #outline { display: flex; align-items: center; }
	#home #outline img { width: 48%; }
	#home #outline table { width: 52%; }
	#home #outline table th,
	#home #outline table td { padding: 1em; }
	#home #outline table th { width: 6em; }
}

/*#news*/
#home #news a { text-decoration: underline; }
#home #news a:hover { text-decoration: none; }
#home #news h2 { font-size: 14px; font-weight: 700; padding: .5em 1em; margin-bottom: .6em; color: #000; background: #f7e4d6; }
@media screen and (min-width: 1000px){
	#home #news h2 { font-size: 16px; margin-bottom: 2.5em; }
}
#home #news .dlBox dl { line-height: 1.7; margin-bottom: 2em; }
#home #news .dlBox dt { margin-bottom: .5em; }
#home #news .dlBox dd { margin-bottom: 1em; }
#home #news .dlBox dd:last-of-type { margin-bottom: 0; }
#home #news .dlBox dd .heading { display: block; font-weight: 700; }

#home #movL { margin: 20px 0; }
#home #movR { margin: 0; }

@media screen and (min-width: 1000px){
	#home #news { overflow: hidden; display: flex; justify-content: space-between; }
	#home #newsL { width: 55%; order: 2; }
	#home #newsR { width: 40%; order: 1; }
	#home #news .dlBox { height: 400px; overflow-y: auto; margin-bottom: 2.5em; padding-right: 1em; }
	#home #news .dlBox dl { margin-bottom: 0; }
	#home #news .dlBox dt { float: left; width: 7em; }
	#home #news .dlBox dd { padding-left: 7em; }
    
    #home #mov { overflow: hidden; display: flex; justify-content: space-between; margin-top: 2em; border-top:1px solid #ccc; padding-top: 3em; }
	#home #movL { width: 48%; order: 1; margin: 0;}
	#home #movR { width: 48%; order: 2; }
}

/*.twitter*/
#twitter_box { margin-bottom: .6em; }
@media screen and (min-width: 1000px){
	#twitter_box { margin-bottom: 2.5em; }
}

/*.banner*/
.banner li { margin-bottom: 1.5em; }
.banner li a,
.banner li img { display: block; margin: 0 auto; }
@media screen and (min-width: 1000px){
	#newsL .banner li { margin-bottom: 3em; }
}

/* ==================================================
#service
================================================== */
#service .article img { margin: 0 auto 1.5em; }
#service .insideMap dl {  }
#service .insideMap dl dt { font-size: 16px; line-height: 1.3; font-weight: 700; padding: .5em 0 0; border-top: 1px solid #000; }
#service .insideMap dl dt:last-of-type { border: 0; }
#service .insideMap dl dd { padding: 1em 0; }
#service .insideMap dl dd ol { counter-reset: li; }
#service .insideMap dl dd ol:after { content: ""; display: block; clear: both; }
#service .insideMap dl dd ol > li { list-style: none; position: relative; padding-left: 2em; display: inline-block; min-width: 48%; font-weight: 700; box-sizing: border-box;margin-bottom: .5em; }
#service .insideMap dl dd ol > li:before { position: absolute; counter-increment: li; content: counter(li); margin-right: 1em; background-size: contain; color: #fff; text-align: center; width: 2em; height: 2em; font-size: 12px; line-height: 1.9; font-weight: 700; left: 0; top: 0; }
#service .insideMap dl dt:nth-of-type(1) { color: #00489f; }
#service .insideMap dl dt:nth-of-type(2) { color: #bd016b; }
#service .insideMap dl dt:nth-of-type(3) { color: #006328; }
#service .insideMap dl dd:nth-of-type(1) ol > li:before { background: url("../img/liHexagon01.svg") no-repeat 0 .1em; }
#service .insideMap dl dd:nth-of-type(2) ol > li:before { background: url("../img/liHexagon02.svg") no-repeat 0 .1em; }
#service .insideMap dl dd:nth-of-type(3) ol > li:before { background: url("../img/liHexagon03.svg") no-repeat 0 .1em; }
@media screen and (min-width: 1000px){
	#service .insideMap dl dt { float: left; width: 6em; font-size: 22px; line-height: 1.3; padding: .8em 0 0; border: 0; }
	#service .insideMap dl dd { padding: 1em 0 1em 9em; border-top: 1px solid #000; }
	#service .insideMap dl dd:first-of-type { border: 0; }
	#service .insideMap dl dd ol > li { min-width: 32%; }
	#service .insideMap dl dd ol > li:before { font-size: 14px; line-height: 2; }
}

#service #price {  }
#service #price table th { white-space: nowrap; }
#service #price table td ul { text-align: center; }
#service #price table td ul li { display: inline-block; }

@media screen and (min-width: 1000px){
	#service #price article { display: flex; justify-content: space-between; }
	#service #price article > div:nth-of-type(1) { width: 53%; }
	#service #price article > div:nth-of-type(2)  { width: 37%; }
}

#service #access {  }
#service #access h4 { font-size: 16px; font-weight: 700; padding: .5em 1em; margin-bottom: .6em; color: #000; background: #f7e4d6; }
#service #access address { font-weight: 700; margin-bottom: 1.5em; }
@media screen and (min-width: 1000px){
	#service #access h4 { font-size: 18px; }
	#service #access article { display: flex; flex-wrap: wrap; justify-content: space-between; }
	#service #access article .ggmap { width: 48%; }
	#service #access article .transport { width: 48%; }
}

/* ==================================================
#bath
================================================== */
#bath .effect dl { border-bottom: 1px solid #000; }
#bath .effect dt,
#bath .effect dd { padding: 1em 0; }
#bath .effect dt { float: left; width: 5em; font-weight: 700; }
#bath .effect dd { padding-left: 5em; border-top: 1px solid #000; }

#bath .other {  }
#bath .bath { margin-bottom: 2em; }
#bath .bath img { display: block; margin-bottom: 1em; }
#bath .bath p { margin: 0; }
#bath .system img { display: block; margin: 0 auto; }
@media screen and (min-width: 1000px){
	#bath .box { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 6.5em; }
	#bath .other { justify-content: flex-start; }
	#bath .bath { width: 32%; margin-left: 2%; }
	#bath .bath:nth-of-type(3n+1) { margin-left: 0; }
}
#nano { padding: 8% 5%; background: #029cdd url("../img/bathNanoBG_sp.png") no-repeat 100% 0; background-size: contain; }
#nanoHeading picture { display: block; width: 90%; margin: 0 auto 1em; }
#nanoHeading h2 { padding: 0; background: transparent; }
#nanoHeading > p { color: #fff; }
#nanoExplan {  }
#nanoExplan h3 { text-align: center; padding: 5%; background: #ffffd9; color: #027fc3 !important; margin: 0; }
#nanoTxt { padding: 5%; background: #fff; }
@media screen and (min-width: 1000px){
	#nano { padding: 3%; background: #029cdd url("../img/bathNanoBG_pc.png") no-repeat 100% 0; background-size: contain; }
	#nanoHeading {  }
	#nanoHeading:after { content: ""; display: block; clear: both; }
	#nanoHeading picture { display: block; width: 34%; float: right; margin: 0 0 0 1em; }
	#nanoExplan h3 { padding: 1em 2em; text-align: left; }
	#nanoTxt { padding: 1em 2em; }
}

/* ==================================================
#spa
================================================== */
#spa .boxR p { font-size: 12px; margin: 0; }
@media screen and (min-width: 1000px){
	#spa .boxR p { font-size: 14px; }
}
#spa #effect ul { display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; }
#spa #effect ul li { display: block; width: 48%; font-weight: bold; padding: 1em; background: #fff0ba; margin-bottom: .8em; box-sizing: border-box; border-radius: 5px; }
@media screen and (min-width: 1000px){
	#spa #effect ul li { width: 24%; }
}
@media screen and (min-width: 1000px){
	#spa .section .banner { display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; }
	#spa .section .banner li { width: 48%; }
}
#spa #howtouse {  }
#spa #howtouse ol { counter-reset: li; }
#spa #howtouse ol:after { content: ""; display: block; clear: both; }
#spa #howtouse ol > li { list-style: none; position: relative; display: block; box-sizing: border-box; margin: -1px 0 0; padding: 1em 1em 1em 2em; border-top: 1px solid #fff0ba; }
#spa #howtouse ol > li:before { position: absolute; counter-increment: li; content: counter(li)"."; margin-right: 1em; font-size: 23px; text-align: right; width: 1em; height: 1em; font-weight: 700; left: 0; top: .8em; font-weight: 700; }
#spa #howtouse ol > li span { margin: 0; }
#spa #howtouse ol > li ul { margin: 0; }
@media screen and (min-width: 1000px){
	#spa #howtouse ol > li { min-width: 32%; }
	#spa #howtouse ol > li:before { font-size: 23px; line-height: 1; }
}
#spa #notice {}
#spa #notice ul { line-height: 1.6; list-style-type: none; margin-bottom: 1em; }
#spa #notice ul li { position: relative; padding: 0 0 0 1.5em; margin-bottom: 3px; background: none; }
#spa #notice ul li:before { content:""; position: absolute; border-radius: 0; top: .2em; left: 0; width: 1em; height: 1em; background: #000; border-radius: 50%; }

/* ==================================================
#esthe
================================================== */
#esthe .boxR img { margin-bottom: .5em; }
#esthe .section table th { width: 60%; background: #f7e4d6; }
#esthe .times { text-align: center; padding: 1em; border: 2px solid #000; box-sizing: border-box; }
#esthe .times span { display: block; font-size: 24px; line-height: 1.3; font-weight: 700; letter-spacing: .05em; vertical-align: middle; padding: 0 1em; }
@media screen and (min-width: 1000px){
	.box { display: flex; justify-content: space-between; margin-bottom: 1.5em; }
	#esthe .boxR { max-width: 290px; }
	#esthe .times span { display: inline-block; padding: 0 1em; }
}

/* ==================================================
#rest
================================================== */
#rest {  }
#rest #menu {  margin: 0 auto 5em; }
#rest #menu img { display: block; width: auto; margin: 0 auto 1em; }
#rest #menu a { display: block; text-align: center; margin: 0 auto; border: 1px solid #000; padding: .5em 0; font-weight: 700; }
#rest #nano { background-size: cover; margin-bottom: 1em; }
#rest #nanoHeading > p { margin: 0; }
@media screen and (min-width: 1000px){
	#rest #menu img { margin: 0 auto 2em; }
	#rest #menu a { max-width: 16em; }
}

/* ==================================================
#各店舗毎：東松山
================================================== */
/*COMMON*/
body.higashimatuyama .drawer-navbar-header-wrap { border-color: #9d2324; }
body.higashimatuyama .drawer-navbar-header { background-image: url("../higashimatuyama/img/bgKawara.svg"), url("../img/bgx.svg"); }
body.higashimatuyama #globalNav,
body.higashimatuyama #headNav_sp ul li a,
body.higashimatuyama .section h2 { background: #9d2324; }
body.higashimatuyama .storePayment table thead th,
body.higashimatuyama .storePayment table thead td { color: #671516; }
body.higashimatuyama .section h3
body.higashimatuyama .section p span { color: #9d2324; }
@media screen and (min-width: 1000px){
	body.higashimatuyama #headNav_pc ul li:last-of-type a,
	body.higashimatuyama #globalNav { background: #9d2324; }
	body.higashimatuyama #globalNav { border-color: #9d2324; }
}
body.higashimatuyama #information { background: #9d2324; }
body.higashimatuyama #information h3,
body.higashimatuyama .time dt { color: #671516; }

/*TOP*/
#home.higashimatuyama #outline table,
#home.higashimatuyama #outline table th,
#home.higashimatuyama #outline table td { border-color: #9d2324; }
#home.higashimatuyama #outline table th,
#home.higashimatuyama #news h2,
#home.higashimatuyama #news .dlBox a { color: #9d2324; }

/*#heroHeader*/
#service.higashimatuyama #heroHeader h1 { background-image: url("../higashimatuyama/img/hero-service.jpg"); }
#bath.higashimatuyama #heroHeader h1 { background-image: url("../higashimatuyama/img/hero-bath.jpg"); }
#spa.higashimatuyama #heroHeader h1 { background-image: url("../higashimatuyama/img/hero-spa.jpg"); }
#esthe.higashimatuyama #heroHeader h1 { background-image: url("../higashimatuyama/img/hero-esthe.jpg"); }
#rest.higashimatuyama #heroHeader h1 { background-image: url("../higashimatuyama/img/hero-rest.jpg"); }

/*service*/
#service.higashimatuyama .section table thead th { color: #9d2324; }

/*bath*/
#bath.higashimatuyama .effect dt { color: #9d2324; }

/*spa*/
#spa.higashimatuyama #effect ul li,
#spa.higashimatuyama #howtouse ol > li:before,
#spa.higashimatuyama #howtouse ol > li span { color: #9d2324; }
#spa.higashimatuyama #howtouse ol > li {  border-top: 1px solid #9d2324; border-bottom: 1px solid #9d2324; }

/*esthe*/
#esthe.higashimatuyama .times { border-color: #9d2324; }
#esthe.higashimatuyama .times a { color: #9d2324; }

/*rest*/
#rest.higashimatuyama #menu a { color: #9d2324; border-color: #9d2324; }

/* ==================================================
#各店舗毎：鶴ヶ島
================================================== */
/*COMMON*/
body.tsurugashima .drawer-navbar-header-wrap { border-color: #af7e2e; }
body.tsurugashima .drawer-navbar-header { background-image: url("../tsurugashima/img/bgKawara.svg"), url("../img/bgx.svg"); }
body.tsurugashima #globalNav,
body.tsurugashima #headNav_sp ul li a,
body.tsurugashima .section h2 { background: #af7e2e; }
body.tsurugashima .storePayment table thead th,
body.tsurugashima .storePayment table thead td { color: #714800; }
body.tsurugashima .section h3
body.tsurugashima .section p span { color: #af7e2e; }
@media screen and (min-width: 1000px){
	body.tsurugashima #headNav_pc ul li:last-of-type a,
	body.tsurugashima #globalNav { background: #af7e2e; }
	body.tsurugashima #globalNav li a { border-color: #af7e2e; }
}
body.tsurugashima #information { background: #af7e2e; }
body.tsurugashima #information h3,
body.tsurugashima .time dt { color: #af7e2e; }

/*TOP*/
#home.tsurugashima #outline table,
#home.tsurugashima #outline table th,
#home.tsurugashima #outline table td { border-color: #af7e2e; }
#home.tsurugashima #outline table th,
#home.tsurugashima #news h2,
#home.tsurugashima #news .dlBox a { color: #af7e2e; }

/*#heroHeader*/
#service.tsurugashima #heroHeader h1 { background-image: url("../tsurugashima/img/hero-service.jpg"); }
#bath.tsurugashima #heroHeader h1 { background-image: url("../tsurugashima/img/hero-bath.jpg"); }
#spa.tsurugashima #heroHeader h1 { background-image: url("../tsurugashima/img/hero-spa.jpg"); }
#esthe.tsurugashima #heroHeader h1 { background-image: url("../tsurugashima/img/hero-esthe.jpg"); }
#rest.tsurugashima #heroHeader h1 { background-image: url("../tsurugashima/img/hero-rest.jpg"); }

/*service*/
#service.tsurugashima .section table thead th { color: #af7e2e; }

/*bath*/
#bath.tsurugashima .effect dt { color: #af7e2e; }

/*spa*/
#spa.tsurugashima #effect ul li,
#spa.tsurugashima #howtouse ol > li:before,
#spa.tsurugashima #howtouse ol > li span { color: #af7e2e; }
#spa.tsurugashima #howtouse ol > li {  border-top: 1px solid #af7e2e; border-bottom: 1px solid #af7e2e; }

/*esthe*/
#esthe.tsurugashima .times { border-color: #af7e2e; }
#esthe.tsurugashima .times a { color: #af7e2e; }

/*rest*/
#rest.tsurugashima #menu a { color: #af7e2e; border-color: #af7e2e; }

/* ==================================================
#各店舗毎：川越
================================================== */
/*COMMON*/
body.kawagoe .drawer-navbar-header-wrap { border-color: #488086; }
body.kawagoe .drawer-navbar-header { background-image: url("../kawagoe/img/bgKawara.svg"), url("../img/bgx.svg"); }
body.kawagoe #globalNav,
body.kawagoe #headNav_sp ul li a,
body.kawagoe .section h2 { background: #488086; }
body.kawagoe .storePayment table thead th,
body.kawagoe .storePayment table thead td { color: #002e2d; background: #dcecdf;}
body.kawagoe .section h3
body.kawagoe .section p span { color: #488086; }
@media screen and (min-width: 1000px){
	body.kawagoe #headNav_pc ul li:last-of-type a,
	body.kawagoe #globalNav { background: #488086; }
	body.kawagoe #globalNav { border-color: #488086; }
}
body.kawagoe #information { background: #488086; }
body.kawagoe #information h3,
body.kawagoe .time dt { color: #002e2d; background: #dcecdf;}

/*add----------*/
body.kawagoe #information:before { background: rgba(0,0,0,.7); }
@media screen and (min-width: 1000px) {
	body.kawagoe #siteLogo { width: 330px; }
	body.kawagoe #footLogo { width: 50%; }
}
body#home.kawagoe #outline table th,
body#home.kawagoe #news h2,
body.kawagoe #information h3,
body.kawagoe .time dt,
body.kawagoe .storePayment table thead th,
body.kawagoe .storePayment table thead td,
body.kawagoe .section table thead th,
body.kawagoe .section table thead td,
body.kawagoe .section h3 { color: #488086; }
body#service.kawagoe #access h4,
body#esthe.kawagoe table th { background: #dcecdf; }

/*-------------*/


/*TOP*/
#home.kawagoe #outline table,
#home.kawagoe #outline table th,
#home.kawagoe #outline table td { border-color: #488086; }
#home.kawagoe #outline table th,
#home.kawagoe #news h2,
#home.kawagoe #news .dlBox a { color: #488086; }

/*#heroHeader*/
#service.kawagoe #heroHeader h1 { background-image: url("../kawagoe/img/hero-service.jpg"); }
#bath.kawagoe #heroHeader h1 { background-image: url("../kawagoe/img/hero-bath.jpg"); }
#spa.kawagoe #heroHeader h1 { background-image: url("../kawagoe/img/hero-spa.jpg"); }
#esthe.kawagoe #heroHeader h1 { background-image: url("../kawagoe/img/hero-esthe.jpg"); }
#rest.kawagoe #heroHeader h1 { background-image: url("../kawagoe/img/hero-rest.jpg"); }

/*service*/
#service.kawagoe .section table thead th { color: #002e2d; }

/*bath*/
#bath.kawagoe .effect dt { color: #488086; }

/*spa*/
#spa.kawagoe #effect ul li,
#spa.kawagoe #howtouse ol > li:before,
#spa.kawagoe #howtouse ol > li span { color: #488086; }
#spa.kawagoe #howtouse ol > li {  border-top: 1px solid #488086; border-bottom: 1px solid #488086; }

/*esthe*/
#esthe.kawagoe .times { border-color: #488086; }
#esthe.kawagoe .times a { color: #488086; }

/*rest*/
#rest.kawagoe #menu a { color: #488086; border-color: #488086; }