@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lora&display=swap');

/*! Reset================================================ */
/* Resetting and rebuilding styles have been helped along thanks to the fine work of
 * Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 * and Blueprint http://www.blueprintcss.org/
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;vertical-align: baseline;}
html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 62.5%;overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
*,*:before,*:after {-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {font-size:10px;font-size:1rem;line-height:1;}
ol,ul,li{list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
hr {border: 0;height: 1px;margin-bottom: 1.6em;}
img {-ms-interpolation-mode:bicubic;border: 0;height: auto;max-width: 100%;vertical-align: middle;}
/* End of Reset CSS */
.screen-reader-text{display: none;}
/* ! -----------------------------------------------------------*/
/* ! 0.0 Base */
/* ! -----------------------------------------------------------*/
/*font==================== */
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	src: local("Noto Sans CJK JP Regular"),
		url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
		url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
		url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
	}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: bold;
	font-weight: 700;
	src: local("Noto Sans CJK JP Bold"),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
		url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
}

html body{
	max-width: 100%;
	min-height: 100%;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: -apple-system, BlinkMacSystemFont,"Helvetica Neue", "Segoe UI","Noto Sans JP","Noto Sans Japanese","Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ",Meiryo,sans-serif;
	font-size: 1.3rem;line-height: 1.4;
}
/*anchor*/
a{text-decoration: none;color: #4d4d4d;}
a:focus {outline: none;}
a:active,a:hover{outline-width: 0;}

/* Normalize */
figure,img{width:auto;height: auto;max-width:100%;}
audio,video{display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
svg:not(:root) {overflow: hidden;}
progress {display: inline-block;vertical-align: baseline;}
details,menu {display: block;}
summary {display: list-item;}
canvas {display: inline-block;}
template {display: none;}
[hidden] {display: none;}

/*Alignments==================== */
.le{text-align: left;}
.ri{text-align: right;}
.ce{text-align: center;}
.lbox{float: left;}
.rbox{float: right;}
.clear{clear: both;}

/* Clearings */
.cf:before,.cf:after,.section:before,.section:after{content: "\0020"; display: block;height: 0;visibility: hidden;}
.cf:after,.section:after{clear:both;}
.cf,.section {zoom:1;}

/* Typography==================== */
h1,h2,h3,h4,h5,h6{clear:both;font-weight:700;font-style:normal;}
b,strong {font-weight: inherit;font-weight:700;}
small {font-size: 75%;}
big {font-size: 125%;}
address,caption,code,var{font-weight:normal;font-style:normal;}
dfn,cite,em,i {font-style: italic;}
code,kbd,tt,var,samp,pre {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none;max-width: 100%;}
pre{white-space: pre-wrap;max-width: 100%;}
abbr[title] {border-bottom: 1px dotted #eaeaea;border-bottom: 1px dotted rgba(51, 51, 51, 0.1);cursor: help;}
mark,ins {text-decoration: none;}
sup,sub {font-size: 75%;height: 0;line-height: 0;position: relative;vertical-align: baseline;}
sup {bottom:1ex;}
sub {top:.5ex;}
q{quotes: "“" "”" "‘" "’";}

/* ! -----------------------------------------------------------*/
/* ! 0.1 layout */
/* ! -----------------------------------------------------------*/
#wrapper{

}
.wrap{
}

/* ! Media Queries ================================================ */
@media (min-width: 576px) {

}
@media screen and (min-width:768px) {

}
@media screen and (min-width:992px) {
	.sp{display: none;}
	.pc{display: block;}
}

@media screen and (min-width:1200px) {
	.block-title{}
	.block-content{width: 94%;max-width:1200px;margin:0 auto;}
}

/* !site-header================================================ */
#site-announce{
	position: fixed;top:50px;right:0;z-index: 2;
	width: 100%;
	padding: 8px 0;
	text-align: center;
	font-size: 1.3rem;line-height: 1.2;
	background:#c8a685;color:#fff;
}
#site-announce a{color: #fff;}

#site-header{
	position: fixed;z-index: 2;overflow-y : scroll;
	top:50px;right: -100vw;
	width: 100%;height: 100%;max-height: 100vh;
	padding: 0 0 20px 0;
	background: rgba( 255,255,255,1);transition:all 0.3s;
}
.menu-open #site-header{top:50px;right: 0px;}

@media screen and (min-width:992px) {
	#site-announce{position: static;padding: 10px 0;font-size: 1.5rem;line-height: 1.3;}
	#site-header{
		position: static;
		display: block;
		width: 100%;height: auto;max-height:auto;
		overflow: visible;
	}
}

/* global-header==================== */
#global-header{}
#global-header>ul{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;margin: 0;}
#global-header>ul>li{width: 100%;margin: 0;padding: 0;background: #f5f5f5;}
#global-header>ul>li:first-child{order:-2;}

#global-header>ul>li a{
	position: relative;
	display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;
	padding: 10px 1.5rem;
	font-size: 1.4rem;line-height: 1.5;font-weight:400;font-style: normal;
	border-bottom: 1px solid #c1c1c1;
	cursor: pointer;
}
#global-header>ul>li:first-child a{
	padding: 10px 15px 10px 60px;
	background:  url("https://silkderiver.co.jp/wp-content/themes/clearsky_stps/assets/css/img/icon_home.png") no-repeat 1.5rem center;
}
#global-header>ul>li a:after{
	width: 10px;height: 10px;display: block;
	content: " ";
	transform: rotate(-45deg);
	border-right: 1px solid #666;border-bottom: 1px solid #666;
}
/* salon-menu */
#global-header>ul>li dt small{
	padding-left: 1rem;
}
#global-header>ul>li dd a{
	padding: 8px 1.5rem 8px 3rem;
	font-size: 1.2rem;line-height: 1.5;
	background: #fff;
}
#global-header>ul>li dl dd{display: none;}
body#river #global-header>ul>li dl:nth-of-type(1) dd,
body.river #global-header>ul>li dl:nth-of-type(1) dd{display: block;}
body#coco #global-header>ul>li dl:last-child dd,
body.coco #global-header>ul>li dl:last-child dd{display: block;}

/* online shop*/
#global-header>ul>li.menu-shop{order:-1;}
#global-header>ul>li.menu-shop a{font-weight: 700;}
#global-header>ul>li.menu-shop .menu-cart{display: none;}

#global-header>ul>li>i,
#global-header>ul>li figure{display: none;}


@media screen and (min-width:992px) {
	#global-header{
		position: static;
		display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch;
		width: 100%;
		padding: 10px calc( ( 100% - 1200px ) / 2 );
		border-bottom: 1px solid rgba( 0,0,0,0.0);
		background: rgba( 0,0,0,0.0);
	}
	/* .nav-global */
	#global-header>ul{
		display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;
		margin: 0;padding: 0px 0;width: 100%;
	}
	#global-header>ul>li{width:145px;margin: 0;padding: 0;background: none;}

	#global-header>ul>li>i,
	#global-header>ul>li>a{
		position: relative;
		display:flex;flex-flow:column wrap;justify-content:center;align-items:center;
		padding: 18px 0;
		font-size: 1.4rem;line-height: 1;font-weight:400;font-style: normal;
		font-family: 'Lora', serif;letter-spacing: 2px;font-family:  'Montserrat','Gotham', sans-serif;
		border-bottom: none;background: none;
		color: #333;
	}
	#global-header>ul>li:first-child>a{background: none;padding: 18px 1.5rem}
	#global-header>ul>li small{
		display: block;
		font-size: 1.0rem;line-height: 1;font-weight:400;font-style: normal;
		color: #827B5B;
	}
	#global-header>ul>li>.menu-sub>li>a:after,
	#global-header>ul>li>a:after,
	#global-header>ul>li>i:after,
	#global-header>ul>li.open>i:after{display: none;}

	/* menu-salon box */
	#global-header>ul>li.menu-salon{position: relative;}
	#global-header>ul>li.menu-salon>.box{
		display: none;
		position: absolute;top:50px;left: 0px;z-index: 2;
		width: 600px;
		text-align:center;
		background: #fff;box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	}
	#global-header>ul>li.menu-salon:hover .box{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;}
	#global-header>ul>li.menu-salon .box dl{
		width: 50%;padding: 15px;
	}
	#global-header>ul>li.menu-salon .box dl a:after{display: none;}
	#global-header>ul>li.menu-salon .box dl dt{
		width: 100%;
	}
	#global-header>ul>li.menu-salon .box dd{
		display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;
	}
	#global-header>ul>li.menu-salon .box dd figure{
		display: block;
		margin: 5px 0 10px;
	}
	#global-header>ul>li.menu-salon .box li{
		display: block;
		padding: 0;margin: 0;
		text-align: left;
		font-size: 1.3rem;line-height: 1.5;font-weight:400;
	}
	#global-header>ul>li.menu-salon dt a{display:flex;flex-flow:row wrap;justify-content:center;border: none;}
	#global-header>ul>li.menu-salon dd a{display: flex;padding: 2px 10px;color:#333;border:none;}

	/* onlineshop */
	#global-header>ul>li.menu-shop{
		order:5;width:calc( 100% - 625px );display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:stretch;
	}
	#global-header>ul>li.menu-shop span.menu-cart{display: block;}
	#global-header>ul>li.menu-shop span>a{display: block;
		width: 35px;height:100%;
		padding:0 0;margin: 0;overflow: hidden;
		text-indent: 200%;
		white-space: nowrap;
		background: url("icon_cart.png") no-repeat center 16px;
		background-size: auto 15px;
		border: none;
	}
	#global-header>ul>li.menu-shop span.menu-cart>a:after{display: none;}
}

/* header==================== */
#header{
	position: fixed;top:0;right:0;z-index: 2;
	display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;
	width:100%;height: 50px;
	padding: 5px 0 5px;
	border-bottom: 1px solid #ddd;
	background: rgba( 255,255,255,1);
}

h1#site-title{
	max-width:90%;height: 100%;
	margin: -16px 0 0 10px;
	padding: 5px 0 0px;
}
h1#site-title img{
	max-height: 50px;
	padding: 0px 0;margin: 0 auto;
	padding: 10px 0 0px;
}
h1#site-title.home-title{
	max-width:auto;
	margin: -5px 0 0 15px;padding: 0 0 10px;
	font-size: 2.7rem;line-height: 1;
	font-family:  'Montserrat','Gotham', sans-serif;
	color: #666;
}
	h1#site-title.home-title img{width: auto;height: 80px;}

@media screen and (min-width:992px) {
	#header{
		position: static;
		display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;
		width: auto;height: auto;
		padding: 20px 0 20px;
		border-bottom: none;
	}
	.home #header{
		padding: 0px 0 8px;
	}
	h1#site-title{
		max-width:90%;height:auto;
		margin: 10px auto 20px;
		padding: 0;
	}
	h1#site-title img{
		max-height: 100%;
		padding: 0px 0;margin: 0 auto;
	}
	h1#site-title.home-title{
		width:100%;max-width:1200px;
		margin: 0 auto;padding: 0px 2% 20px;
		text-align: center;
		font-size: 3.2rem;line-height: 1;letter-spacing: 7px;
		color: #666;
	}
	h1#site-title.home-title img{width: auto;height: 80px;}
}
/* .menu-border ==================== */
.btn-menu{width: 30px;height: 30px;margin: 5px 10px;}
.menu-border{position: relative;display: block;width: 100%;height:100%;text-align: center;cursor: pointer;}
.menu-border span{position: absolute;display: block;left:0;right: 5%;width: 100%;height: 3px;margin: auto;background: #333;transition:all 0.3s;}
.menu-border .b-top {top: 0;}
.menu-border .b-mid {top: 0;bottom: 0;}
.menu-border .b-bot {bottom: 0;}
/* menu-open .menu-btn */
.menu-open .menu-btn{padding: 5px;}
.menu-open .menu-border{width:100%;height: 100%;}
.menu-open .menu-border .b-top {width:125%;height:3px;-webkit-transform-origin: left top;-webkit-transform: rotate(45deg);transform-origin:left top;transform: rotate(45deg);}
.menu-open .menu-border .b-bot {width:125%;height:3px;-webkit-transform-origin: left bottom;-webkit-transform: rotate(-45deg);transform-origin:left bottom;transform: rotate(-45deg);}

.menu-open .b-mid{opacity: 0;}
@media screen and (min-width:992px) {
	.btn-menu{display: none;}
}

/* !site-footer================================================ */
#site-footer{
	padding:20px 0 0;
	background:rgba(0,0,0,0.02);
}
#site-footer a:hover{
	border-bottom: 1px solid #666;
}

/* nav-pagefooter==================== */
.nav-footer{
	display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;
	max-width:1200px;
	margin:20px auto 30px;
	padding: 0px 25px;
	text-align:left;
}
.nav-footer>li{
	width: 100%;
	padding: 0px 10px;
}
.nav-footer>li li{
	display: inline;padding: 20px 10px;
	font-size: 1.0rem;line-height: 1.3;font-weight: 400;
}
/* .nav-footer>li:nth-of-type(n+2){display: none;} */

.nav-footer>li:nth-of-type(n+2),
.nav-footer>li{
	display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;
	padding: 0px 10px;
	text-align:left;
}
.nav-footer>li>a,
.nav-footer>li>span{
	display: block;
	width: 100%;
	padding: 0 0 4px 0;
	text-align: left;
	font-size: 1.4rem;line-height: 1.5;font-weight: 700;
	font-family: 'Lora', serif;font-weight:700;
	border-bottom: 1px solid #ddd;
}
.nav-footer>li ul,
.nav-footer>li dl{
	display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;
	width: 42%;
	margin: 10px 4%;
}
.nav-footer>li ul,
.nav-footer>li dl dd{
	width: 100%;
}
.nav-footer>li ul{
	margin: 10px 0;
}
.nav-footer>li ul>li,
.nav-footer>li dl dd{
	width: 100%;padding: 5px 10px;
	font-size: 1.2rem;line-height: 1.3;font-weight: 400;
}
.nav-footer>li>a:before,
.nav-footer>li>span:before{
	content: "・";
	font-weight: 700;
}
.nav-footer>li ul>li:before,
.nav-footer>li dl dd:before{
	content: "\03e";
	padding-right: 5px;
	font-size: 0.9rem;line-height: 1;
}
@media screen and (min-width:768px) {
	.nav-footer{
		display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start;
		max-width:1200px;width: 100%;
		margin:3rem auto 3rem;
	}
	.nav-footer>li:nth-of-type(n+2),
	.nav-footer>li{
		width: calc( 100% / 4 );
	}

	/*.nav-footer>li:nth-of-type(2){
		display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;
		width: calc( ( 100% / 5 ) * 2 );
	}*/
	
	.nav-footer>li dl dt{
		width: 100%;
		padding: 5px 10px;
		font-weight: 700;
	}
	
	.nav-footer>li dl dd{
		margin: 0 3%;
	}
}

/* address==================== */
#site-footer address{
	padding: 1.5rem 0;
	text-align:center;
	font-size: 1.3rem;line-height: 2;font-weight: normal;
	font-family: 'Lora', serif;
	background: #fff;
}


.list-banner-bottom{
	max-width: 300px;
	margin: 0 auto;
	padding:2rem 0 0;
}
.list-banner-bottom li{padding: 0 0 2em;}

@media screen and (min-width:768px) {
	.list-banner-bottom{
		display: flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;
		width: 94%;max-width: 1200px;
		margin: 0 auto;
		padding:3rem 0;
	}
	.list-banner-bottom li{padding: 1.5%;max-width: 50%;}
}
/* ! site-content ================================================ */
#site-content{
	margin: 50px 0 0 0;
}
body.home #site-content{
	margin: 0px 0 0 0;
}
@media screen and (min-width:992px) {
	#site-content{
		margin: 0 0 0 0;
	}
}
/* ! Common ================================================ */
/* section ==================== */
.section{
	padding:4rem 0;
	border-bottom:1px solid #ccc;
}
.section-title{
	max-width: 1200px;
	margin: 0 auto;
	padding:0 0 25px;
	text-align:center;
	font-size:2.0rem;letter-spacing:2.0px;
	font-family: 'Lora', serif;font-weight:400;
	background:  linear-gradient(to bottom,#fff, #fff 30%, #333 1px,#fff calc( 30% + 1px ),#fff 50%);
}
.section-title span{background: #fff;padding: 10px 20px;}
.block-title{
	padding:0 0 35px;
	text-align:center;
	font-size:2.0rem;letter-spacing:2.4px;
	font-family:  'Montserrat','Gotham', sans-serif;font-weight:400;
}
.block-title span{
	display:block;
	font-size:1.1rem;font-weight:700;
	color:#827B5B;
}
@media screen and (min-width:992px) {
	.section-title{font-size:2.4rem;letter-spacing:2.4px;padding:0 0 35px;}
}

.block-content{max-width:94%;margin:0 auto;}

@media screen and (min-width:1200px) {
	.section{
		padding:8rem 0;
		border-bottom:1px solid #ccc;
	}
	.section.article{
		width: 94%;max-width: 1200px;
		margin: 0 auto;
		padding:8rem 0;
		border-bottom:1px solid #ccc;
	}
	.block-title{
		padding:0 0 65px;
		text-align:center;
		font-size:4.0rem;letter-spacing:2.4px;
		font-family:  'Montserrat','Gotham', sans-serif;font-weight:400;
	}
	.block-title span{
		display:block;
		margin: 15px 0 0;
		font-size:1.2rem;font-weight:700;
		color:#827B5B;
	}
	.block-content{width: 94%;max-width:1200px;margin:0 auto;}
}

/* button ==================== */
.btn-area{
	padding:5rem 0;
	text-align:center;
}

.btn{
	display:block;
	max-width:300px;width:90%;
	margin:0 auto 10px;padding:20px;
	font-weight:700;
	background:rgba(242,194,194,0.6);
	text-align:center;
}
.btn.clear_top{background: rgba(0,0,0,0.1);}
.btn.coco_top,
body.coco .btn{background:rgba(159,205,238,0.6);}
.btn.contact,
body.coco .btn.contact{
	max-width: 70%;
	margin:0 auto 20px;
	padding:20px 0;
	text-align:center;
	font-size:1.4rem;line-height: 1;font-weight:700;
	color:#fff;
	background:#B89F62;
}

@media screen and (min-width:768px) {
	.btn-area.col3{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;width: 94%;margin: 3rem auto;}
	.btn-area.col3 a.btn{width: calc( ( 100% - ( 10px * 3 ) ) / 3 );margin: 0 10px 0 0;}
}

/* ! -----------------------------------------------------------*/
/* ! 0.2 Archive */
/* ! -----------------------------------------------------------*/
/* ! Archive ==================== */
.section.archive{
	width:94%;max-width: 1200px;
	margin: 0 auto;
	padding:1rem 0;
	border-bottom:none;
}
.archive-title{
	max-width: 1200px;
	margin: 20px auto;
	padding:0 0 25px;
	text-align:center;
	font-size:2.0rem;letter-spacing:2.0px;
	font-family: 'Lora', serif;font-weight:400;
}
@media screen and (min-width:768px) {
	.section.archive{padding:3rem 0;}
	.archive-title{margin: 0 auto;padding:0 0 35px;font-size:2.4rem;letter-spacing:2.4px;}
}
/* ! archive-content ==================== */
.archive-content{
	display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;
	width: 96%;max-width: 1200px;
	margin: 5rem auto;padding:0;
}
.entry-card{
	width: 46%;
	margin: 0rem 2% 2rem;padding:0;
}
	@media screen and (min-width:768px) {
	.entry-card{
		width: 23%;
		margin: 0rem 1% 2rem;padding:0;
	}
}
.entry-card-title{
	font-size: 1.8rem;font-weight:700;line-height: 1.3;
	margin: 0 0 1.5rem;;padding:0;
}
.entry-card-meta{
	font-size: 1.3rem;line-height: 1.3;
	margin: 0 0 1.0rem;;padding:0;
}
/* card-thumb  */
.card-thumb{
	position: relative;overflow: hidden;
	display:flex;justify-content:center;align-items:center;
	width:100%;max-width:100%;height: 0;
	margin: 0 0 1em;padding-bottom: 75%;padding-bottom: 100%;padding-bottom: 56.26%;
	border: 1px solid #ddd;
	background: #f5f5f5;color: #ccc;font-size: 18px;
}
.archive-content .card-thumb{padding-bottom: 100%;}
.card-thumb span,
.card-thumb img{
	display: flex;justify-content:center;align-items:center;
	position: absolute;top:0;left: 0;z-index: 0;
	width: 100%;max-width: 100%;height: 100%;
	object-fit: cover;
}
.list-banner-bottom .card-thumb{display: block;height: auto;padding: 0;}
.list-banner-bottom .card-thumb img{position: static;width: auto;height: auto;}

#post .card-thumb{display: block;padding: 0;height: auto;}
#post .card-thumb img{display: block;position: static;}


/*.no-thumb */
.no-thumb:before{
	position: absolute;z-index: 0;
	top:calc( 50% - 15px );left: calc( 50% - 25px );
	content: "No image";
	font-size: 15px;
	color: #ccc;
}

/* category-news */
.category-news .archive-content{
	display: block;
	margin: 0 auto;padding:0;
	border-top:1px solid #ccc;
}
.entry-text{
	margin: 0 auto;padding:1.5rem 0;
	border-bottom:1px solid #ccc;
}
/* ! -----------------------------------------------------------*/
/* ! 0.3 Article */
/* ! -----------------------------------------------------------*/
/* ! Article ==================== */
.section.article{
	width:94%;max-width: 1200px;
	margin: 0 auto;padding:3rem 0;
	border-bottom:1px solid #ccc;
	border-bottom:none;
}
.page-header,
.entry-header{
	margin: 0;
	padding: 0 30px;
	text-align: center;
}
.entry-title{
	text-transform:none;
}
.entry-title,
.page-header .entry-title{
	position: relative;
	margin: 0 0 30px;
	padding:0px 0 30px;
	text-align:center;
	font-size: 2.4rem;font-weight:400;
	color:rgba(198,54,24,1);color:#666;
}

.entry-title span:after,
.page-header .entry-title span:after{
	display: block;
	width:300px;max-width: 70%;
	margin: 30px auto 0;
	padding:0 0 4px;
	content: " ";
	background: #333;
}

.entry-header .entry-date{
	margin: 0;
	padding: 0 0 50px;
	text-align: right;
	font-size:1.4rem;line-height: 2.0;font-weight:400;
	font-family: 'Lora', serif;
}
.entry-content{
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	padding: 0 0 30px
}
.entry-content a{color:#ee92a0;text-decoration: underline;}

.entry-image{
	width: 100%;max-width: 300px;
	margin: 0 auto 30px;
	padding: 0 0;
	text-align: center;
}
.entry-image img{
	max-width: 100%;
}
.entry-content p{
	margin: 0;
	padding: 0 0 20px;
	font-size:1.4rem;line-height: 1.6;font-weight:400;
}
.entry-content>h2{
	margin: 0;
	padding: 0 0 30px;
	font-size:2.6rem;line-height: 2.1;font-weight:700;
}
.entry-content>h3{
	margin: 0;
	padding: 0 0 20px;
	font-size:2.2rem;line-height: 2.1;font-weight:700;
}
.entry-content>h4{
	margin: 0;
	padding: 0 0 20px;
	font-size:1.8rem;line-height: 2.1;font-weight:700;
}
.entry-content:after{display: block;clear:both;content: "\0020"; height: 0;visibility: hidden;}

@media screen and (min-width:768px) {
	.section.article{padding:8rem 0;}
	.entry-content{width:90%;max-width:1080px;}
	.entry-image{
		width: 70%;max-width:70%;
		margin: 0 auto 50px;
		padding: 0 30px;
	}
}

/* ! -----------------------------------------------------------*/
/* ! 0.4 Component */
/* ! -----------------------------------------------------------*/
/* !pagination================================================ */
.nav-links{
	display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;
	margin: 5rem auto;
}
.page-numbers{margin: 0 3px;border: 1px solid #ccc;padding: 5px 10px;}
.page-numbers.current{background: #ccc;color: #fff;}
.page-numbers.next {}

/* ! -----------------------------------------------------------*/
/* ! 0.5 Pages */
/* ! -----------------------------------------------------------*/
/* !front page================================================ */
/* slider ==================== */
.slider-section{
	width: 100%;max-width: 1200px;
	margin: 95px auto 0;
}
/* slick-box */
.slick-box{
	width: 100%;max-width: 1200px;
	margin: 10px auto 0;
}
.slick-box img{width: 100%;}
/* .slide-dots */
.slide-dots{display: flex;justify-content: center;margin: 10px auto 0px;}
.slide-dots li{width: 10px;max-width: 10px;margin: 0 2px;}
.slide-dots li button{width: 100%;height: 10px;background: #ddd;border: none;font-size:0;border-radius: 0px;}
.slide-dots li.slick-active button{background: #666;}

@media screen and (min-width:769px) {
	.slider-section{margin: 15px auto 25px;}
	.slick-box{width: 100%;margin: 0px auto 0;}
	.slide-dots{display: flex;justify-content: center;margin: 40px auto 60px;}	
	.slide-dots li{width: 10px;max-width: 10px;margin: 0 5px;}
	.slide-dots li button{width: 100%;height: 5px;background: #ddd;border: none;font-size:0;}
	.slide-dots li.slick-active button{background: #666;}
}

/* !topics ==================== */
.list-photo-news{
	display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;
	width: 96%;max-width:1200px;
	margin:30px auto 0;
	padding: 0px 0;
}

.list-photo-news>li{position: relative;
	width:47%;max-width: 300px;
	margin:0 1.5% 15px;
	padding: 0px;
	text-align: center;
	animation-name: fadein;
    animation-duration: 2s;
    animation-iteration-count: 1;
}
.list-photo-news>li p{
	margin:0 auto;padding: 0 calc( ( 100% - 300px ) / 2);
	font-size: 12px;letter-spacing: 2px;
}
.list-photo-news>li .cat{
	display: block;
	margin:0 auto 5px;
	padding: 0 0 0;
	font-size: 13px;letter-spacing: 2px;font-weight: 700;
	font-family: 'Lora', serif;
	color: rgb( 0,0,0,0.5);
}
.list-photo-news>li .date{
	display: block;
	margin:0 auto 5px;
	padding: 0 0 0;
	font-size: 11px;letter-spacing: 2px;
	font-family: 'Lora', serif;
	color: rgb( 0,0,0,0.4);
}
.list-photo-news>li .tit{
	display: block;
	margin:0 auto 10px;
	padding: 0 1rem 5px;
	font-size: 13px;line-height: 1.7;
	color: rgb( 0,0,0,0.5);
}

@media screen and (min-width:992px) {
	.list-photo-news>li{position: relative;
		width:calc( ( 100% - ( 15px * 2 ) ) / 3 );max-width: 100%;
		margin:0 15px 40px 0;
		padding: 0px;
		text-align: center;
	}
	.list-photo-news>li:nth-of-type(3n){margin:0 0 40px 0;}

	.list-photo-news>li:after{
		font-size: 80px;
	}
	.list-photo-news>li p{
		position: static;
		margin:0 auto 10px;
		padding: 0 0 0;
		font-size: 12px;letter-spacing: 2px;
	}
	.list-photo-news>li .date{font-size: 12px;line-height: 1.6;}
	.list-photo-news>li .tit{font-size: 13px;line-height: 1.7;}
}

/* !brand ==================== */
.section.brand{
	padding:3rem 0;
	border: none;
}
.list-brand li{
	display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;
	width: 100%;max-width:300px;
	margin:40px auto;
	padding: 0;
	text-align:center;
}
.list-brand figure{
	order:5;
	display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;
	margin: 0 auto 30px;
}
.list-brand figure img{width: 45%;margin: 0 0 20px;}
.list-brand figure img:first-child{width: 100%;}
.list-brand .area{order:3;}

@media screen and (min-width:992px) {
	.list-brand li{
		display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;
		width: 100%;max-width:1200px;
		margin:80px auto;
		padding: 0;
		text-align:center;
	}
	.list-brand figure{
		display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;
		width: 35%;
		margin: 0 0;padding: 0 0px;order:1;
	}
	.list-brand li:nth-of-type(2n) figure{order:3;}
	.list-brand .area{
		width: 55%;
	}
}

.list-brand .area h3{
	max-width: 200px;
	margin: 0 auto 40px;
}
.list-brand .area p{
	margin: 0 0px 40px;
	text-align: left;
	font-size: 1.3rem;line-height: 2;
	color: #9fa0a0;
}
/* !arrow-area */
.arrow-area{
	margin: 0 auto 40px;
	padding:2rem 0 0;
	text-align:right;
}
.arrow-area a{
	display: block;
	text-align:right;
	font-size: 12px;letter-spacing: 2px;
	font-family: 'Lora', serif;
}
.arrow-area a span{
	position: relative;
	transition:all 0.5s linear;
}
.arrow-area span:before{display:block;
	position: absolute;top:55%;left: -100%;
	width: 30px;height: 1px;
	content: "";
	background: #666;
}
.arrow-area:hover span:before{width: 80px;left: calc( -100% - 50px );
	transition:all 0.5s linear;}
.arrow-area span:after{display:block;
	position: absolute;top:35%;left:-42%;
	width: 10px;height: 1px;
	content: "";
	background: #666;transform: rotate(45deg);
}

/* ! message ==================== */
.section.message{
	padding:3rem 0;
	background: #f7f8f8;
	border: none;
}
.list-message li{
	display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;
	width: 100%;max-width:300px;
	margin:60px auto;
	padding: 10px;
	text-align:center;
}
.list-message figure{
	width: 100%;
	margin: 0 auto;
}
.list-message figure figcaption{
	display: block;
	width: 100%;
	margin: 15px auto 40px;
	text-align:right;
	font-size:1.2rem;line-height: 1;font-weight:400;
	color: #666;
}

.list-message .area h2{
	margin: 0 auto 40px;
	text-align: left;
	font-size:2.4rem;line-height: 1.7;font-weight:400;
	font-family: 'Lora', serif;
	color: #666;
}
.list-message .area p{
	margin: 0 0px 40px;
	text-align: left;
	font-size: 1.3rem;line-height: 2;
	color: #666;
}
@media screen and (min-width:992px) {
	.list-message li{
		display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;
		width: 100%;max-width:1200px;
		margin:80px auto;
		padding: 0px;
		text-align:center;
	}
	.list-message figure{
		display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:flex-start;
		width: 35%;
		margin: 0 0;padding: 0 0px;
	}
	.list-message .area{
		width: 55%;
		padding: 0 0 0 20px;
	}
}

/* !shop================================================ */
/* !mv ==================== */
#mv{
	display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;max-width:1200px;margin:0 auto;
}
#mv figure{
	order:1;
	display:block;
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

.nav-mv{
	order:2;
	display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;display: none;
	width:96%;max-width:1200px;
	margin:20px auto 20px;
}
.nav-mv li{
	padding: 7px 10px;
	width: 50%;
	font-size: 1.2rem;line-height: 1;
}
.nav-mv li:last-child{width: 100%;padding: 20px 10px 0;}
.nav-mv li:last-child .btn{
	width: 100%;
	margin: 0 auto;padding: 8px;
	font-size: 1.2rem;line-height: 1;
}
@media screen and (min-width:992px) {
	.nav-mv{
		order:0;
		display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;
		max-width:1200px;
		margin:0 auto 25px;
		padding: 10px 0;
	}
	.nav-mv li:last-child,
	.nav-mv li{
		display:flex;flex-flow:row wrap;justify-content:center;align-items:center;
		width: calc( 100% / 7 );
		padding: 0px 0px;
		text-align:center;
		display:block;
		font-size: 1.5rem;line-height: 1;font-weight: 400;
		font-family:  'Montserrat','Gotham', sans-serif;
		color:#332E20;
	}
	.nav-mv li:last-child .btn{
		width: 100%;
		padding: 0px 0px;
		font-size: 1.5rem;line-height: 1;font-weight: 400;
		background: none;
	}
}

/* !concept ==================== */
.concept-block>ul{
	display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;
	width: 94%;max-width:1200px;
	margin:0 auto;padding: 0px;
	text-align:center;
	background:#fff;
}
.concept-block>ul>li{
	width:100%;max-width:300px;
	margin: 0 auto 30px;
}
.concept-block h3{
	padding:20px 0 20px;
	text-align:center;
	font-size: 1.8rem;
	font-family: 'Lora', serif;font-weight:400;
	color:rgba(198,54,24,1);color:#666;
}

.concept-block h3 small{
	display: block;
	font-size: 1.2rem;line-height: 2;
}
.concept-block p{
	max-width:300px;
	margin:0 auto;
	font-size: 1.2rem;line-height: 2.2;
}
.concept-block.coco p{
	text-align: center;
}
@media screen and (min-width:768px) {
	.concept-block>ul>li{width:calc( ( 100% - ( 10px * 2 ) ) / 3 );max-width:300px;margin-right:10px;}
	.concept-block>ul>li:nth-of-type(3){margin-right: 0;}
	.concept-block h3{font-size: 2.0rem;}
	.concept-block p{text-align:left;font-size: 1.4rem;line-height: 2.2;}
}
@media screen and (min-width:992px) {
	.concept-block>ul{width: 100%;}
	.concept-block>ul>li{width:300px;margin-right: calc( ( 100% - ( 300px * 3 ) ) / 2 );}
	.concept-block h3{font-size: 2.4rem;}
}

/* !list-news ==================== */
.section.news{
	padding:8rem 0 8rem;border: none;
}

/* .list-news */
.list-news{
	display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;
	width: 94%;max-width:1200px;
	margin:0 auto 10px;
	padding: 0px 0;
	border-bottom:1px solid #ddd;
}
.list-news dt{
	margin:0 0 10px;
	padding: 0px 20px 0 0;
	font-weight: bold;
}

.list-news .cat{
	width: 80px;
	margin:0 0 0 10px;padding:2px 3px;
	text-align: center;
	font-size:1.1rem;line-height: 1;
	background:#666;
	color:#fff;
}
.list-news dd{
	width: 100%;
	margin:0 auto 10px;
	padding: 0px 0;
	font-size: 1.2rem;line-height: 1.7;text-align: left;
}
.list-news .tit{
	font-weight: bold;
}
.list-news .more{
	display: inline-block;
	margin:0 0 0 10px;padding:2px 9px;
	font-size:1.1rem;line-height: 1;
	background:#ccc;
	color:#333;
}
@media screen and (min-width:768px) {
.list-news{
	width: 100%;max-width:1200px;
}
	.list-news dt a{
	display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;
}
	.list-news dt{width: 20%;}
	.list-news dd{
		display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;
		width: 80%;font-size: 1.4rem;line-height: 1.6;
	}
}

/* ! earceramic ==================== */
.section.earceramic{
	padding:8rem 0 0rem;
	border-bottom:1px solid #ccc;
}
.section.menu{padding:4rem 0 0rem;border-width: 15px;}
.section.menu:nth-last-of-type(1){border: none;}
.menu-block{
	width: 100%;max-width: 1200px;
	margin: 0 auto 30px;
	padding-bottom:0;
}
.menu-block.hr:after{
	display: block;content: "";
	width: 94%;max-width: 1200px;height: 1px;
	margin: 4rem auto 4rem;
	background: #ccc;
}

.catch-title1{
	padding:0 5% 30px 5%;
	text-align:center;
	font-size:1.8rem;line-height: 1.8;font-weight:700;
}

.menu-block p{
	padding:0 5% 40px 5%;
	text-align:center;
	font-size:1.3rem;line-height: 1.8;
}
.menu-block p.menu-image{padding:0 0 30px 0;}

.menu-block p.catch-title2{
	padding:0 5% 20px 5%;
	text-align:center;
	font-size:1.8rem;line-height: 1.8;font-weight:400;
}
@media screen and (min-width:992px) {
.menu-block.hr:after{width: 100%;}
.catch-title1{font-size:2.3rem;line-height: 1.8;font-weight:700;}
.menu-block p{font-size:1.4rem;line-height: 1.8;}
.menu-block p.catch-title2{font-size:2.4rem;line-height: 1.8;font-weight:400;}

}
.menu-block p.catch-title2 strong{
	position: relative;font-weight:700;
	color:#BF0000;
}

/* ! Menu ==================== */
.menu-content{
	width: 100%;max-width:1200px;
	margin:0 auto 0px;
}
.menu-block h4{
	padding:0 4% 20px;
	text-align:center;
	font-size: 1.5rem;
	font-family: 'Lora', serif;font-weight:700;
	color:rgba(198,54,24,1);color:#333;
}

@media screen and (min-width:768px) {
	.menu-block h4{
		padding:0 0 20px;
		text-align:center;
		font-size: 1.8rem;
		font-family: 'Lora', serif;font-weight:700;
		color:rgba(198,54,24,1);color:#333;
	}
}

/* !banner ==================== */
.block.banner{
	padding: 3rem 4%;
	text-align:center;
	background:#f5f5f5;
}
.block.banner img{
	border:1px solid #fff;
}
@media screen and (min-width:992px) {
	.block.banner{
		padding: 3rem 0;
		text-align:center;
		background:#f5f5f5;
	}
}

/* !faq ==================== */
.block.faq{background:linear-gradient(90deg, rgba(242,194,194,0.2), #fff);}
.coco .block.faq{background:linear-gradient(90deg, rgba(159,205,238,0.2), #fff);}

/* faq-box */
.faq-box{
	margin: 0 auto 30px;
	padding: 0 0 25px;
	border-bottom:1px solid #ddd;
}
.faq-box dt{
	position: relative;
	padding:  1.0rem 5.5rem 0.2rem;
	cursor: pointer;
	font-size:14px;font-weight:700;
	color:#333;
}
.faq-box dt:before{
	position: absolute;
	display:flex;align-items:center;
	top:0;left: 0;
	padding: 6px 13px;
	font-size:19px;
	content: "Q";
	background:#9fa0a0;color:#fff;
	box-shadow:1px 1px 1px 1px #ddd;
}
.faq-box dt:after{
	position: absolute;
	display:flex;align-items:center;
	top:0;right: 0;
	padding: 0px 13px;
	font-size:23px;font-weight:400;
	content: "+";
}
.faq-box.open dt:after{content: "--";letter-spacing:-3px;}
.faq-box dd{
	position: relative;display: none;
	padding: 2.8rem 5.5rem 1.2rem;
	font-size:12px;line-height: 1.8;font-weight:400;
}
.faq-box.open dd {
	display: block;
}
.faq-box dd:before{
	position: absolute;
	display:flex;align-items:center;
	top:25px;left: 0;
	padding: 2px 13px;
	font-size:19px;
	content: "A";
	background:#333;color:#fff;
	box-shadow:1px 1px 1px 1px #ddd;
}
@media screen and (min-width:768px) {
	.faq-box dt{
		position: relative;
		padding:  0.2rem 5.5rem 0.2rem;
		cursor: pointer;
		font-size:18px;font-weight:700;
		color:#333;
	}
	.faq-box dt:before{
		position: absolute;
		display:flex;align-items:center;
		top:0;left: 0;
		padding: 6px 13px;
		font-size:19px;
		content: "Q";
		background:#9fa0a0;color:#fff;
		box-shadow:1px 1px 1px 1px #ddd;
	}
	
	.faq-box dd{
		position: relative;display: none;
		padding: 2.8rem 5.5rem 1.2rem;
		font-size:14px;line-height: 1.8;font-weight:400;
	}
	.faq-box dd:before{
		position: absolute;
		display:flex;align-items:center;
		top:35px;left: 0;
		padding: 2px 13px;
		font-size:19px;
		content: "A";
		background:#333;color:#fff;
		box-shadow:1px 1px 1px 1px #ddd;
	}
}
/* ! store ==================== */
.store{
	padding-bottom:0;
	border-bottom: none;
}
.shop-info{
	margin:0 auto 60px;
	padding: 10px;
	text-align:center;
}

.shop-info h3{
	padding:  0rem 0 7rem;
	font-size:2.5rem;font-weight:700;
}
.shop-info h3 span{
	padding:0 0 0.5em;
	border-bottom:3px solid #333;
}
.shop-info .txt{
	margin:0 0 0 20px;padding:25px;
}
.shop-info ul li{
	display:block;
	text-align:left;
	font-size:1.3rem;line-height: 1.8;font-weight:400;
}
.shop-info ul span{
	padding:0 10px 0 0;
	font-size:1.2rem;font-weight:700;
	color:#666;
}
.btn.reserve{
	margin:4em auto 60px ;
	text-align:center;
}

iframe{width:100%;height:400px;}

@media screen and (min-width:768px) {
	.shop-info{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}
	.shop-info h3{width:30%;}
	.shop-info .txt{width:50%;}
	.shop-info ul li{font-size:1.4rem;line-height: 1.8;font-weight:400;}
	.shop-info ul span{font-size:1.3rem;font-weight:700;}
}

/*! menu ================================================ */
/* coupon ==================== */
#facial{background: #fdfdfd;}
.menu-catch-title{
	margin: 0 4% 20px;
	text-align: center;
	font-size: 1.8rem;line-height: 2;
	color: #C80A42;
}
.coupon-area{width: 94%;max-width: 1200px;margin: 0 auto 20px;}
.coupon-area a{
	display: block;
	width: 100%;max-width: 1200px;height: 100%;
	margin: 0 auto 10px;
	padding: 20px 5% 10px ;
	text-align: center;
	font-family: serif;
	background: #f5f5f5;
	pointer-events: none;
}
.coupon-area ul a{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}
.coupon-area a.specal-coco{width: 100%;background: #E7F2F8;}
.coupon-area a.specal-river{width: 100%;background: #FBE6E9;}
.coupon-area a.specal2{
	padding:15px 5%;text-align: center;
	background:repeating-linear-gradient(-45deg, #FBE6E9 0, #FBE6E9 5px, #f7cfd5 5px, #f7cfd5 10px);
	pointer-events: auto;
}
#coco .coupon-area a.specal2,
.coco-menu .coupon-area a.specal2{background:repeating-linear-gradient(-45deg, #e7f2f8 0, #e7f2f8 5px, #d1e6f1 5px, #d1e6f1 10px);}

.coupon-area a .title{
	display: block;
	width: 100%;
	font-size: 1.3rem;line-height: 1.3;font-weight: 700;
	color: #333;
}
.coupon-area a .title span{color: #C80A42;}
.coupon-area a .price{
	display: block;
	width: 100%;
	font-size: 1.1rem;line-height: 3;
	color: #666;
}
.price i{font-style: normal;font-size: 0.9em;}
.coupon-area .notes{
	display: block;
	margin: 10px 0 0;
	text-align: center;
	font-size: 1.2rem;line-height: 1.5;
	color: #666;
}
.coupon-area a .price.red{color: #C80A42;}
.coupon-area a .price.red i{color: #C80A42;}
.coupon-area ul{
	display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;
	width: 100%;max-width: 1200px;
	margin:0 auto 50px;
}
.coupon-area .col1{
	margin:0 auto 50px;
}
.coupon-area .col3 li{width: calc( ( 100% - 10px ) / 3 );margin: 0 5px 5px 0;}
.coupon-area .col3 li:nth-of-type(3n){margin: 0 0 5px 0;}
.coupon-area .col2 li{width: calc( ( 100% - 10px ) / 2 );margin: 0 10px 10px 0;}
.coupon-area .col2 li:nth-of-type(2n){margin: 0 0 10px 0;}

/* .river-menu */
#river .coupon-area a.specal-river .price{color: #C80A42;}
#river .coupon-area a.specal-river .price i{color: #C80A42;font-style: normal;}

@media screen and (min-width:992px) {
.menu-catch-title{margin: 0 4% 40px;}
.coupon-area a.specal2{padding:20px 10% 20px 0;text-align: right;}
.coupon-area{width: 100%;max-width: 1200px;margin: 0 auto 20px;}
.coupon-area a{padding: 40px 3% 20px ;}
.coupon-area .col3 li{width: calc( ( 100% - 30px ) / 3 );margin: 0 15px 10px 0;}
.coupon-area .col3 li:nth-of-type(3n){margin: 0 0 10px 0;}
.coupon-area a .title{font-size: 1.8rem;line-height: 1.3;font-weight: 700;}
.coupon-area a .price{font-size: 1.6rem;line-height: 3;}
}

.menu-image-list{
	display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;
	width: 100%;max-width: 1200px;
	margin:0 auto 50px;
}
.menu-image-list li{width:50%;margin: 0;}
.menu-image-list li img{max-width: 100%;width: 100%;}
.menu-image-list.foot li{background: #333;}
.menu-image-list.foot li img{opacity: 0.3;width: 100%;}

@media screen and (min-width:992px) {
	.menu-image-list li{width: calc( ( 100% - 30px ) / 4 );margin: 0 10px 10px 0;}
	.menu-image-list li:nth-of-type(4n){margin: 0 0 10px 0;}
}

/* eyelash ==================== */
.block-rush img{margin: 0 0 20px;}
@media screen and (min-width:992px) {
	.block-rush{display: flex;justify-content:center;align-items:center;}
	.block-rush img{width: 45%;}
	.block-rush p{width: 45%;}
}
/* block-esthe */
.block-esthe h3{
	margin: 50px auto 30px;text-align: center;font-size: 1.2em;
}
.block-esthe ul{
	width: 100%;margin: 0 auto 30px;
}
.block-esthe ul li{
	position: relative;
	width: 100%;
	margin: 5px 10px 20px;padding: 20px;
	text-align: center;
	background: #FBE6E9;
}
.block-esthe ul li:after{content: "\025bc";position: absolute;right: 50%;top:calc( 100% + 5px );z-index: 1;}
.block-esthe ul li:last-child:after{display: none;}

@media screen and (min-width:992px) {
	.block-esthe ul{
		display: flex;flex-flow:row wrap;justify-content:center;align-items:center;
		width: 100%;margin: 0 auto 30px;
	}
	.block-esthe ul li{
		position: relative;
		width: calc( (100% - 100px ) / 5 );min-width: 150px;
		margin: 5px 10px;padding: 20px;
		text-align: center;
		background: #FBE6E9;
	}
	.block-esthe ul li:after{content: "\025b6";position: absolute;right: -15px;top:calc( 50% - 10px );z-index: 1;}
}
/* other ==================== */
@media screen and (min-width:992px) {
	.block-other{
		display: flex;justify-content:center;align-items:center;
		width: 100%;
		margin:0 auto 50px;
	}
	.block-other li{width: 45%;}
}
.block-other li:nth-of-type(1) p:nth-of-type(1) img{width: 100%;height: auto;}
.block-other li:nth-of-type(1) p:nth-of-type(2){
	display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;
}
.block-other li:nth-of-type(1) p:nth-of-type(2) img{
	width: 49%;margin: 0 0 20px;height: auto;
}
.block-other li:nth-of-type(2)  p{text-align: left;margin: 0 30px 10px;}

/* .block-yomogi */
.block-yomogi{width:90%;;margin:0 auto 50px;}
.block-yomogi ul{margin:30px auto;}
@media screen and (min-width:992px) {
	.block-yomogi{display: flex;justify-content:center;align-items:center;width:100%;margin:0 auto 50px;}
	.block-yomogi img{width: 45%;}
	.block-yomogi ul{
		display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;
		width: 45%;
		margin:0 auto;
	}
}

.block-yomogi ul li{width:100%;margin: 0 0 10px 0;}
.block-yomogi ul a {display: block;background:#f5f5f5;text-align: center;padding: 40px 20px 30px;}
.block-yomogi ul a .title{font-size: 1.8rem;line-height: 1.3;font-weight: 700;}
.block-yomogi ul a .price{font-size: 1.6rem;line-height: 3;display: block;}

/* !contact================================================ */
p.notes-contant{
	margin: 30px 0 25px;
	text-align: center;
}
.list-contactform dd{
	padding: 5px 5px 25px 5px;
}
.list-contactform dt{
	padding: 5px;
	font-weight: 700;
}
.list-contactform dt span{
	margin: 0 0 0 10px;
	padding: 3px 5px;
	font-size: 1.0rem;line-height: 1;font-weight: 700;
	border-radius: 2px;
	background: red;
	color: #fff;
}
@media screen and (min-width:768px) {
	.list-contactform{
		display:flex;flex-flow:row wrap;justify-content:center;align-items:center;
	}
	.list-contactform dt{
		display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;
		width: 20%;
		padding: 15px;
	}
	.list-contactform dd{
		width: 80%;
		padding: 15px;
	}
}

/* form-associated ==================== */
button,input,optgroup,select,textarea{
	width: 95%;
	padding: 5px;
	font-size: 16px;/*zoom remove*/
	border-radius: 5px;
	border: 1px solid #ccc;

}
.form-submit {
	margin-top: 20px;
}
.form-submit input[type="submit"] {
	background: rgba(242, 194, 194, 0.6);
}
input[type="submit"],
input[type="reset"],
input[type="button"],
#comment_submit,
.pushbutton-wide,
.submit,
.button{
	display: block;
	width: 90%;max-width: 600px;
	margin: 0 auto 0;padding: 1rem 1rem;
	text-align: center;
	font-size:16px;line-height: 1;font-weight: 700;
	border-radius: 5px;
	border: none;
	background:#ddd;
	color:#333;
	cursor: pointer;
	padding: 20px 10px;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
#comment_submit:hover,
.pushbutton-wide:hover,
.submit:hover,
.button:hover{
	opacity: 0.7;
}
.btn-area.submit{
	margin:30px auto 0;
}
.btn-area.submit input[type="submit"],
.btn-area.submit input[type="reset"]{
	width: 90%;max-width: 500px;
	margin:0 auto 0;
}
/* !low================================================ */
.list-company dd{
	padding: 5px 5px 25px 5px;
	border-top: 1px solid #ddd;
}
.list-company dt{
	padding: 5px;
	font-weight: 700;
}
@media screen and (min-width:768px) {
	.list-company{
		display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;
	}
	.list-company dt{
		display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;
		width: 30%;
		padding: 25px 15px 0px;
		border-top: 1px solid #ddd;
	}
	.list-company dd{
		width: 70%;
		padding: 25px 15px 0px;
	}
}
/* terms-box */
.terms-box{color: #333;}
.terms-box p{
	width: 96%;
	margin: 0 auto 10px;
}
.terms-box p strong{font-weight: 400;}

.terms-box h2{
	font-size: 1.4em;line-height: 1.2;
	margin: 0 0 1em;padding: 0 0 0 10px;
	border-left: 5px solid #ddd;
}
.terms-box h3{
	font-size: 1.1em;line-height: 1.2;
	margin: 0 0 1em;
}
.terms-box  p.privacy_intro{
	margin: 30px 0 25px;
	text-align: center;
}
.terms-box dl{
	width: 96%;
	margin: 0 auto 50px;
}
.terms-box  dl dt{
	margin: 0 auto 20px;
}
.terms-box  dl dd{
	margin: 0 auto 30px;
}
.terms-box  ul{
	width: 96%;
	margin: 20px auto 20px;
}

.terms-box table{
	width: 96%;
	margin: 0 auto 3rem;
}

.terms-box table th{
	padding: 1rem;
	background: #ddd;
	border: 1px solid #ddd;
}

.terms-box table td{
	padding: 1rem;
	border: 1px solid #ddd;
}
.terms-box .desc{
	width: 90%;
	margin: 0 auto 3rem;
}

/* !not-found================================================ */
.not-found-box{
	max-width: 600px;
	margin: 30px auto;
	text-align: center;
}

/* !search================================================ */
.search-form{margin: 30px auto 0;text-align: center;}
.search-form input{
	margin: 0 auto 30px;
}

/* !about================================================ */
.about-box{
	width: 96%;
	margin: 0 auto 5rem;
}
.about-box figure{margin: 2rem auto}
.about-box h2{
	width: 96%;
	margin: 0 auto 2.5rem;padding: 0 0 0 10px;
	font-size: 1.5em;
	border-left: 5px solid pink;
	color: #666;
}
.about-box h3{
	width: 96%;
	margin: 0 auto 1.5rem;
	font-size: 1.2em;
	color: #666;
}
.about-box dl{
	width: 96%;
	margin: 0 auto 50px;
}
.about-box  dl dt{
	margin: 0 auto 20px;
}
.about-box  dl dd{
	margin: 0 auto 30px;
}

@media screen and (min-width:768px) {
	.about-box dl{
		display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;
		margin: 0 auto 5rem;
	}
	.about-box  dl dt{
		display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;
		width: 10%;
		margin: 0;padding:5px;
	}
	.about-box  dl dd{
		width: 90%;
		margin: 0;padding:5px;
	}
}

/* ! column ================================================ */
#post .entry-content p{color: #555;}
.entry-content>h2.catch{text-align: center;font-size: 2.8rem;line-height: 1.4;color: #d9455b;}
.entry-content>h3{
	margin: 8rem 0 3rem;padding: 5px 0 5px 10px;
	font-size: 2.3rem;line-height: 1.3;
	border-left: 5px solid #ee92a0;color: #555;
}
.intro{
	margin: 0rem auto 5rem;padding: 2rem 2rem 0 2rem;
	text-align: center;font-size: 1.6rem;line-height: 1.3;
}
.marker{
	font-weight: 700;
	background: linear-gradient(to bottom,transparent 70%,#ffc2cb 70%,#ffc2cb);
}
.tags{width:90%;max-width:1080px;margin: 3rem auto;line-height: 2;}
.tags a{background: rgba(0,0,0,0.1);padding: 5px 8px;border-radius: 3px;font-size: 1.2rem;line-height: 1;display: inline-block;}
.tags a:before{content: "#";}

.entry-content>p.image_col1{max-width: 500px;margin: 0 auto;}
.entry-content>p.image_col2{max-width: 800px;margin: 0 auto;}

@media screen and (min-width:992px) {
	.entry-content .images{text-align: center;display: flex;}
	.entry-content .images img{max-height: 500px;margin: 5px;max-width: 100%;}
	.entry-content .images.col3 img{max-width: 30%;}
	.entry-content>p.image_col2{display: flex;align-items:center;}
	.entry-content>p.image_col2 img{max-width: 48%;margin: 5px;height: 100%;max-height: 500px;}
}

/* attention ==================== */
.attention{
	margin: 5rem auto;padding: 2rem 2rem 0 2rem;
	border: 1px solid #ddd;width: 100%;
	background:#f6f6f6;color: #555;
}
.attention p{font-size: 1.3rem;line-height: 1.5;}

/* item-box ==================== */
.item-box{
	margin: 8rem auto 5rem;padding: 2rem 2rem 0 2rem;
	border: 1px solid #ddd;width: 100%;
	line-height: 1.3;
}
@media screen and (min-width:992px) {
	.item-box{
	display: flex;align-items:center;
	padding: 2rem 2rem 0 2rem;margin: 5rem auto;
	border: 1px solid #ddd;width: 100%;
	line-height: 1.3;
	}
	.item-box figure{width: 40%;max-width: 200px;}
	.item-box .txt{padding: 0 3rem;width: 100%;text-align: center;}
	.item-box figure img{max-width: 100%;margin-bottom: 5px;}
	.item-box h3{font-size: 2.8rem;margin: 0 0 2rem;color: #555;text-align: center;}
	.item-box .btn.shop{
		width: 100%;max-width: 650px;
		margin: 0 auto;padding: 10px;
		text-decoration: none;
		background: #ee92a0;color: #fff;
		box-shadow: 0px 3px 0px 0px #d9455b;border-radius: 3px;
	}
	.item-box .btn.shop:after{content: "\25ba";padding: 0 0 0 1rem;}
}

/* toc ==================== */
.toc{
	margin: 5rem 0;padding: 1rem 2rem 1rem 2rem;
	border: 1px solid #ee92a0;
	background: #f6f6f6;color: #d9455b;
}
.toc a{color: #d9455b;}
.toc h3{margin: 0 0 1rem;font-size: 1.6rem;}
.toc ul{counter-reset:li;}
.toc li{padding: 0.5rem;}
.toc li:before {content: counter(li) ". ";counter-increment: li;}

/* profile-box ==================== */
.profile-box{
	width: 100%;max-width: 1200px;
	margin:0 auto 0px;padding: 30px 0px 0;
	border-top: 5px solid #ddd;
}
.profile-box figure{width: 100px;margin: 0 auto;}
.profile-box figure img{border-radius: 50%;width: 100px;}
.profile-box .text{
	position: relative;
	padding: 20px 10px 0;word-wrap: break-word;
	
}
@media screen and (min-width:992px) {
	.profile-box{
		display:flex;flex-flow:row wrap;align-items:stretch;justify-content:space-between;
		width: 100%;max-width: 1200px;
		margin:0 auto 0px;padding: 40px 20px 0;
		border-top: 5px solid #ddd;
	}
	.profile-box figure{width: 100px;}
	.profile-box figure img{border-radius: 50%;width: 100px;}
	.profile-box .text{
		width: calc( 100% - 120px );
		padding: 0px 50px 0 0px;
	}
}

.list-photo-inner {
	max-width: 500px;
	margin: 0 auto;
	margin-top: 80px;
}
.list-photo-inner li {
	border-top: 1px solid #e8e8e1;
	padding-block: 20px;
}
.list-photo-inner li:last-child {
	border-bottom: 1px solid #e8e8e1;
}
.list-photo-inner li a {
	display: flex;
	gap: 20px;
	text-decoration: none;
}
.list-photo-inner li a:hover {
	opacity: 0.7;
}
.list-photo-inner li a span {
	color: #9fa0a0;
}
.list-photo-inner li a h4 {
	color: #000;
	font-weight: normal;
}
.more-link {
	max-width: 500px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
	margin-top: 40px;
}
.more-link .arrow-area {
	margin: 0;
}
.entry-content-article {
	border-bottom: 1px solid #e8e8e8;
	width: 100%;
}
.more-link-detail {
	max-width: 700px;
	margin: 0 auto;
	padding: 0 0 30px;
}
.date-time {
	margin-bottom: 30px;
	color: #9fa0a0;
}

.more-link-detail .arrow-area span:after {
	left: -30%;
}
.more-link-detail .arrow-area span:before {
	left: -62%;
}
.more-link-detail .arrow-area:hover span:before{
	    left: -133%;
}
.article-wrap {
	max-width: 700px;
	margin: 0 auto;
}
.article-wrap .block-title {
	text-align: left;
	font-size: 23px;
}
/*
     FILE ARCHIVED ON 21:20:15 Nov 14, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:52:34 Aug 06, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.913
  exclusion.robots: 0.054
  exclusion.robots.policy: 0.035
  esindex: 0.017
  cdx.remote: 25.239
  LoadShardBlock: 182.478 (3)
  PetaboxLoader3.datanode: 317.423 (5)
  load_resource: 469.156
  PetaboxLoader3.resolve: 283.274
  loaddict: 149.077
*/

/* selfplus */
/* 2025-08-28 */
#p-magazine .entry-content {
    max-width: 1500px;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
}

.c-magazine {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px 22px;
}

.c-magazine__item img {
    aspect-ratio: 32 / 41;
    object-fit: cover;
	width: 100%;
}

.c-magazine__title {
    font-size: 18px;
    color: #5e5e5e;
}

a.c-magazine__item {
    text-decoration: none;
}

.c-magazine__image {
    margin-bottom: 20px;
}

.c-pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 60px 0;
    align-items: center;
}

.c-pagination .next, .c-pagination .prev {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    background: #fce9ed;
    margin: 0 10px;
}

.c-pagination > * {
    border: none;
    background: none;
    font-size: 16px;
    text-decoration: none!important;
    color: #5E5E5E!important;
    margin: 0;
}

.c-pagination .next .icon, .c-pagination .prev .icon {
    color: #5e5e5e;
    width: 13px;
    height: 14px;
}

.c-pagination .page-numbers.current {
    background: transparent;
    color: inherit;
    opacity: 0.3;
}

.c-pagination .page-numbers:not(.next):not(.prev), .c-pagination .page-numbers.current {
    padding: 8px 12px;
}

@media (max-width: 768px) {
	.c-pagination .next .icon, .c-pagination .prev .icon {
		width: 5px;
		height: 12px;
	}

	.c-pagination > * {
		font-size: calc(16px * 0.92);
	}

	#p-magazine .entry-content {
    padding-left: 17px;
    padding-right: 17px;
	}

	.c-magazine {
			grid-template-columns: repeat(1, minmax(0, 1fr));
			gap: 17px;
	}

	a.c-magazine__item {
			display: flex;
			align-items: start;
	}

	.c-magazine__image {
			margin-bottom: 0;
			width: 31.7889%;
			flex-shrink: 0;
	}

	.c-magazine__title {
			padding-left: 17px;
			flex: auto;
	}
}
.mwform-tel-field input[type="text"] {
	width: 20% !important;	
}
@media (max-width: 768px) {
	.mwform-tel-field input[type="text"] {
		width: 30% !important;		
	}
}
.bottom-link {
	margin-top: 40px;
}
.bottom-link a {
	color: #333;
	text-decoration: none;
	font-size: 16px;
	max-width: 600px;
	border-radius: 5px;
}
.bottom-link a:hover {
	opacity: 0.7;
}