@charset "utf-8";

/*
.lbeige
#e1d6ca = rgba(225,214,202,1) 

.mbeige
#c7b299 = rgba(199,178,153,1) 

.beige 
#998675 = rgba(153,134,117,1) 

.lwine
#ed1e79 = rgba(237,30,121,1) 
.
wine
#9e005d = rgba(158,0,93,1) 
*/




#yoyaku-pc {margin:0 1em;}

#yoyaku-tel-pc {
	display:block;
	font-family:'Geosans-L';
	color:#222;
	font-size:2rem;
	/*font-weight:bold;*/
}
	



/* + - + - + - + - + - + - + - + - + - +   swiper  + - + - + - + - + - + - + - + - + - + - +*/

.swiper-slide {display:inline-block; height:100% !important; margin:0; text-align:center;}
.swiper-slide img { width:100%; margin:0 auto;} 

.swiper-button-prev, .swiper-button-next {opacity:1; transition:all 0.3s linear 0s;}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {opacity:0 !important; transition:all 0.3s linear 0s;}
.swiper-pagination { text-align: right; padding: 5px 0;}
.swiper-pagination-bullet {margin-right:8px;}
.swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	margin: 0 4px;
	background-color: #000;
	border: 1px solid #f4b;/*#188A77;*/
	cursor: pointer;
	transition: all .25s linear;
}
.swiper-active-switch {background-color: #16AC94;}

.swiper-slide > a {display:block; text-align:left;}


.swiper-container {position:relative;}


.swiper-container0 {
	/*position:fixed; top:0; right:0; bottom:0; left:0;*/
	position:relative;
	width: 100%; height:80vh; text-align:center; margin:0 auto;
	overflow:hidden; /*z-index:-2;*/
}
.swiper-container0 .swiper-slide {
	width: 100vw;
	height: 100vh; margin:0 auto 0; text-align:center;
	background-size:cover !important; background-repeat:no-repeat !important;
	background-position:center center;
	z-index:-2;
}

#slide0-0 {background:url(./img/photo/slide/0.jpg); background-position:center center;}
#slide0-1 {background:url(./img/photo/slide/1.jpg); background-position:center center;}
#slide0-2 {background:url(./img/photo/slide/2.jpg); background-position:center center;}
#slide0-3 {background:url(./img/photo/slide/3.jpg); background-position:center center;}
#slide0-4 {background:url(./img/photo/slide/4.jpg); background-position:center center;}
#slide0-5 {background:url(./img/photo/slide/5.jpg); background-position:center center;}

#onslide-catch {
	position:absolute; bottom:15vh; left:10vw; width:100%;
	text-align:left; 
	z-index:4; 
}
#onslide-catch span {
	display:block;
	color:#fff;  
	text-shadow:1px 1px 2px rgba(30,25,20,0.5), 2px 2px 4px rgba(153,134,117,0.5) ;
	font-size:10vmin;/*5.5vw;*/ margin:0.5em 0; padding:0; 
	font-family:'AlexBrush';
	line-height:1.3;
}
@media (min-width:1400px) {
	#onslide-catch span {font-size:5em;}
}


#swiper-container1 {padding:1em 0 1em;}
#swiper-container1 .swiper-button-prev,
#swiper-container1 .swiper-button-next {margin-top:-1em;}





/* header to body --- */
.toppage #common-header {background:#fff;}
.toppage h1 {margin:0; padding:0; font-size:1rem; font-weight:normal; line-height:1;}
.toppage h2.en {text-align:center; text-indent:0.25em;}

@media only screen and (max-width: 768px) {
	.toppage #face {float:none;}
}


.catchcopy-main {position:absolute; top:11%; left:7.5%; width:220px;}


#introduction {position:relative; padding:3em 0 3em;}
#intro-box {
	height:auto; min-height:230px;
	margin:-200px auto 0; z-index:5;
	text-align:left;
	box-shadow:0 0 5px 1px rgba(10,0,0,0.3);
}
#intro-box-image {
	height:auto; min-height:230px;
	background:url(./img/photo/intro-box-kari.jpg) no-repeat center center;
	background-size:cover;
}
#intro-box h2 {
	margin-top:1rem; color:#998675;/* #111;/*#9e005d;*/
	font-size:1.5em; font-weight:bold; font-feature-settings:"palt";
}
#information {padding:0 0 3em;}

#blog-intro {
	background:url(./img/bg/mv1-foggy.jpg) no-repeat center center;
	background-attachment:fixed; background-size:cover;
}


#line-youtube {text-align:center;}
.line-icon {height:100px; margin:1.5em 1em;}
.line-qr {height:120px; margin:1.5em 1em;}
.line-description {width:96%; max-width:360px; text-align:center;}


.duo-wrapper {text-align:center;}
.duo-wrapper .duo {padding:4em 1.5em 3em;}
@media (max-width: 479px) {
	.duo-wrapper .duo {padding:4em 3% 3em;}
}

.duo-wrapper h2 {text-align:center;}

.duo-wrapper .inner-cell { width:100%; max-width:450px; margin:auto; margin-bottom:0.5em;}
.duo-wrapper .inner-cell.shrink { width:100%; max-width:360px; margin:auto;}
.duo-wrapper .inner-cell.expand { width:100%; max-width:600px; margin:auto; padding-bottom:2em;}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.duo-wrapper .inner-cell.shrink img[src$=".svg"] {
		width:360px !important; 
	}
}
.duo-wrapper .imgframe{ 
	position:relative;
	display:block; margin:1.25em auto;
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.duo-wrapper .imgframe::before {
	content:""; display:block; padding-top:100%;	
}
.duo-wrapper .caption {margin:1.5em auto;}
.duo-wrapper .caption:not(.tac) { text-align:left;}


.vWrap p { padding:0; margin:0;}
@media (max-width: 768px) {
	.vWrap{position: relative; margin: 0.5em 0 1.2em; padding:69px 0 50%; overflow: hidden;}
	.vWrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}	


#access {
	padding:3em 0;
	background:url(./img/bg/brick2.jpg) repeat 0 0;
	background-attachment:fixed;
}


#holiday-calendar {

}

.xo-event-calendar table,
.xo-event-calendar table.xo-month > caption {background:rgba(255,255,255,0.5) !important;}
.xo-event-calendar table thead {background:rgba(235,235,235,0.5) !important;}
.xo-event-calendar table.xo-month > thead th {font-weight:normal !important;}
.xo-event-calendar table.xo-month > thead th.sunday {color:lightcoral !important;}
.xo-event-calendar table.xo-month > thead th.saturday {color:cornflowerblue !important;}
.xo-event-calendar table.xo-month .month-dayname td div.today {color:#333 !important; font-weight:normal !important;} /*#998675 #c7b299*/
.xoec-loading .loading-animation {
	border: 5px rgba(155,155,155,0.5) solid !important; /*rgba(0,0,0,0.2)*/
	border-top: 5px rgba(255,255,255,0.95) solid !important; /*#4285f4*/
}
.xo-event-calendar .holiday-titles {text-align:left;}
.xo-event-calendar .holiday-titles .holiday-title{display:inline-block; margin:0.25em 0.75em;}



/* ***********************
　Custom Post "item"
*/

.post-card-wrapper {padding:1.5em 8px;}
.post-card {height:100%;}

.post-card dl {
	height:100%; position:relative;
	padding:0; margin:0 3.5%; 
	box-shadow:none; transition:all 0.33s linear 0s; 
	background:#666;
	color:#fff;
	font-feature-settings:"palt";
} 
a:hover .post-card dl {
	text-shadow:0 0 2px #e1d6ca , 0 0 10px #e1d6ca;
	transform:scale(1.025); box-shadow:0 2px 1.15em 2px rgba(0,0,0,0.25); transition:all 0.14s linear 0s; 
	background:#000;
	/*background:#9e005d;*/
	/*background : linear-gradient(150deg, rgba(199,178,153,1) 1%, rgba(153,134,117,1) 99%);*/
	/*background : linear-gradient(150deg, rgba(237,30,121,1) 10%, rgba(158,0,93,1) 56.9%, rgba(158,0,93,1) 100%);*/
}
/*.post-card dt {width:100%; padding:0.75em 1rem;}*/
.post-card dt h3 {margin:0.5em 0 0.125em; color:#fff; font-size:1.55em; letter-spacing:0.25em;}
.post-card dt {width:100%; padding:0.75em 1rem 0.375em; margin:0; font-size:1rem; letter-spacing:0; color:inherit;}
.post-card dd {width:100%; padding:0.75em 1rem;}
.post-card dd.post-date {width:100%; padding:1rem 1rem 0; font-size:90%; font-family:'Geosans-L';}
.post-card dd.post-date + dt {padding:0.25em 1rem 0.75em;}
.post-card dd.post-type {width:100%; padding:1rem 1rem 0; font-size:80%; /*font-family:'Geosans-L';*/ opacity:0.5;}
.post-card dd.post-type + dt {padding:0.25em 1rem 0.75em;}
.post-card dd.excerpt {width:100%; padding:0.75em 1rem; font-size:90%; margin-bottom:1em;}
.post-card dd.eyecatch {position:relative; width:100%; max-width:450px; height:auto;/*200px;*/ background:rgba(255,255,255,1);  overflow:hidden; padding:0; }
.post-card span.imgframe {
	display:block; width:100% !important; min-width:100%; height:auto; margin:0; vertical-align:top; overflow:hidden; 
	background-repeat:no-repeat; background-size:cover; background-position:center 15%;
}
.post-card span.imgframe:after { content:""; display:block; padding-top:100%;}
.post-card dd.eyecatch img {width:auto !important; height:auto !important; vertical-align:middle; margin:0;}
.post-card dd.eyecatch .noimage {position:absolute; top:0; right:0; bottom:0; left:0; margin:0; font-size:28px; text-align:center; padding:2em 0; font-family:'Geosans-L';}

.extend .post-card dl {position:relative; padding-bottom:3em; line-height:1.5;}
.search .extend .post-card dl {padding-bottom:0.5em;}

.post-card dd.taxo-terms {
	position:absolute; left:0; bottom:0; padding-top:0;
}
.post-card dd.taxo-terms .each-term {
	display:inline-block; margin-right:0.25em; padding:0.1em 0.35em 0; 
	border:1px solid rgba(255,255,255,0.75); color:rgba(255,255,255,0.75);
	font-size:60%;
	/*
	font-family: Verdana, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif, "Takao Pゴシック", "TakaoPGothic", sans;	*/
}



/* ***********************
　Custom Post "item" -- HoverCap / its Slider
*/
/* media Query --- PConly! [801px+]
.hover-cap:hover .hover-text { top: 0; left: 0; opacity:1;}
*/
.hover-cap-wrapper {padding:1.5em 8px;}
.hover-cap {
	position: relative;
	overflow: hidden;
	height:auto; min-height:150px;
	color:#fff;
	background-size:cover; background-position:center center;
}
.single.type--hairstyle .hover-cap {font-size:75%;}
.hover-cap img {width:100%; height:auto; z-index:-1;}
.hover-cap h3 {margin-top:1.5em; color:#fff;}
.hover-cap .hover-text {
	position: absolute;
	top: 0;/*-55%;/*-150%;*/
	left: 0;/*-55%;/*0;*/
	z-index: 2;
	width: 100%;
	height: 100%;
	/*background:rgba(0,0,0,0.5);*/
	/*background : linear-gradient(150deg, rgba(150,150,150,0.7) 10%, rgba(33,33,33,0.7) 56.9%, rgba(0,0,0,0.7) 100%);*/
	background : linear-gradient(150deg, rgba(153,134,117,0.7) 10%, rgba(53,34,17,0.7) 80%);
	/*background : linear-gradient(150deg, rgba(237,30,121,0.6) 10%, rgba(158,0,93,0.7) 56.9%, rgba(158,0,93,0.7) 100%);*/
	/*background:rgba(205,82,87,0.5);/*rgba(205,82,87,0.8);  /*rgba(255,104,104,0.7);*/
	/*rgba(244,184,27,0.65);/*rgba(255,160,0,0.65); /*rgba(0,155,255,0.65);/*rgba(0,0,0,0.5);*/
	/*background : linear-gradient(150deg, rgba(199,178,153,0.6) 1%, rgba(153,134,117,0.9) 99%);	*/
	/*background : linear-gradient(150deg, rgba(150,150,150,0.7) 10%, rgba(50,50,50,0.8) 56.9%, rgba(0,0,0,0.9) 100%);*/	
	/*background : linear-gradient(150deg, rgba(255,255,255,0.6) 10%, rgba(250,250,250,0.8) 56.9%, rgba(230,230,230,0.9) 100%);
	color:#222;*/
	-webkit-transition: .5s;
	transition: .5s;
	opacity:0 /*1*/;
	transform:scale(2.5);
	text-shadow:0 0 2px #e1d6ca , 0 0 10px #e1d6ca;
}
/* media Query --- PConly! 
.hover-cap:hover .hover-text { top: 0; left: 0; opacity:1;}
*/
@media only screen and (min-width: 801px) {
	.hover-cap::after {
		position:absolute;
		top:-1em;	left: -1em;
		content: ""; display: block;
		width: 0; height: 0;	
		border-bottom:5px solid transparent;
		border-left:5px solid rgba(105,105,105,0.5);/*rgb(101,186,247); */
		transition:all 0.3s linear 0s;
	}
	.hover-cap:hover::after {
		position:absolute;
		top: 0;	left: 0;
		content: ""; display: block;
		width: 0; height: 0;	
		border-bottom:300px solid transparent;
		border-left:300px solid transparent; 
		transition:all 0.3s linear 0s; 
	}
	.hover-cap {transform:scale(1); transition:all 0.66s linear 0s;}
	.hover-cap:hover {transform:scale(1.075); transition:all 0.14s ease 0s;}
	.hover-cap:hover .hover-text { top: 0; left: 0; opacity:1; transform:scale(1.05);}
}

.type-cell {position:relative;} /* margin-bottom:2.5em !important;*/
.type-cell .hover-cap {position:relative; width:100%; padding:1.5em;}
.type-cell .hover-cap:before {content:""; display: block; padding-top:125%;}
.type-cell .hover-text {padding:1em 2em;}
.type-cell dl {
	position:relative; top:0; right:0; bottom:0; left:0; margin:0; padding:0; height:100%; background:rgba(0,0,0,0.4); overflow:hidden;
	display:flex; align-items:center;  flex-direction:row; flex-wrap:wrap; 
}
.type-cell dt {
	width:100% !important;
	margin:0; padding:0; color:#fff; font-size:110%; text-align:left;
} 
.type-cell:hover dt{color:salmon; transition:all 0.3s linear 0s;}

.type-cell dl h3 {
	font-size:1.15em; line-height:1.2; 
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	transition:all 0.14s linear 0s;
}
.type-cell dd {width:100% !important; font-size:0.75em; line-height:1.5;}
.type-cell dd:not(.taxo-terms) {margin:0; padding:0;} 
.type-cell dd.taxo-terms {margin:2em 0; padding:0;} 
.type-cell dd .each-term {
	display:inline-block; margin-right:0.25em; padding:0 0.35em; 
	border:1px solid rgba(255,255,255,0.75); color:rgba(255,255,255,0.75);
}



/* ***** ***** ***** ***** ***** ***** 
	Subpage Common 
*/
#page-title {
	position:relative; 
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	z-index:5;
}

#title-bg-layer {
	position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;
	content: " ";
	background:rgba(140,140,140,0.5) url(./img/bg/pattern.png) repeat 0 0;
	z-index:-1; 
	opacity:0.5;
}
#page-title-inner {position:absolute; top:0; right:0; bottom:0; left:0; height:100%;}

@media (min-width: 1078px) {
	#page-title {height:280px;}
	#page-title-inner {position:absolute; top:0; right:0; bottom:0; left:0; height:100%;}
	.toppage #page-title {height:470px;}
	.search #page-title, .taxo #page-title, .error404 #page-title {height:250px;}
}
@media (max-width: 1077px) {
	#page-title {height:307.5px;}
	.toppage #page-title {height:497.5px;}
	.search #page-title, .taxo #page-title, .error404 #page-title {height:220px;}
}
@media (max-width: 479px) {
	.search #page-title, .taxo #page-title, .error404 #page-title {height:160px;}
}

#page-title h1 {
	font-size:250%;  margin:0;
	color:#fff; font-weight:bold; line-height:1.4em;
	text-align:center;
	text-shadow:1px 1px 0 rgba(0,0,0,0.6), 0 0 3px rgba(0,0,0,0.75), 0 0 5px rgba(0,0,0,0.5); 
	font-family:/*'texGyre', "MyYuMinchoM","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	/*Verdana, Helvetica,*/ "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif, "Takao Pゴシック", "TakaoPGothic", sans;
}
.subpage #page-title h1 {letter-spacing:0.25em; font-feature-settings:"palt";}
.subpage.single #page-title h1 {letter-spacing:0;}


h1 span.h1-en-caption {margin:auto; text-align:center; font-family:'Geosans-L'; font-size:1em; color:#666; opacity:0.6; text-shadow:none; z-index:0;}

#page-title .location {display:inline-block; font-size:60%; vertical-align:middle; margin:0 0.5em;}


.ancor-link {margin-top:2em;}

.shell h3:not(:first-child) {margin-top:3em;}

.hr.container {margin-top:2.25em; padding-top:2.25em;}

.subpage #btn-contact {background:#f7f6f3;}




/* ***********************
 Page-Menu
*/


.taxo-large-button {
	position:relative; 
	display: flex; align-items: center; justify-content:center;
	width:100%; height:80px; 
	background:#fff; border:1px solid #ddd; 
	box-shadow: 0px 3px 5px rgba(20, 20, 20, 0.3);
	font-feature-settings:"pkna";
	transition:all 0.33s linear 0s;
}
.taxo-large-button:hover { transform:translate(2px,2px); transition:all 0.14s linear 0s;}
.taxo-large-button::after {
	content:" "; width:10px; height:10px;
	position:absolute; right:10px; top:50%; margin-top:-5px;
	border-right:2px solid #4bf;	border-top:2px solid #4bf;
	transform:rotate(45deg);
	transition:all 0.14s linear 0s;
}
.taxo-large-button:hover::after {
	content:" "; width:10px; height:10px;
	position:absolute; right:8px; top:50%; margin-top:-5px;
	border-right:2px solid salmon;	border-top:2px solid salmon;
	transform:rotate(45deg);
	transition:all 0.14s linear 0s;
}
.taxo-large-button span {display:block; margin:auto 1.5em; }

.rel-duo-wrapper {width:100px; height:100px; background:rgba(0,0,0,0.2); border-radius:6px; overflow:hidden;}
.rel-duo-wrapper .yoko {width:100px; height:50px;}
.rel-duo-wrapper .tate {width:50px; height:100px;}
.rel-duo-wrapper .yoko, .rel-duo-wrapper .tate {background-repeat:no-repeat; background-size:cover; background-position:center center;}

img.this-case-photo {width:100% !important; max-width:330px !important;}



/* ***********************
  About
*/
.about .container article {max-width:750px; margin:auto;}
.about #review-scales table {margin:2em 0;}

@media (min-width: 501px) { .about #review-scales th {width:9em;}}
@media (max-width: 500px) {
	.about #review-scales table {border-left:1px solid rgba(0,0,0,0.2); border-right:1px solid rgba(0,0,0,0.2); }
	.about #review-scales th, .about #review-scales td {display:block; width:100%;}
	.about #review-scales th {border-bottom:none;}
}
.about .wp-block-media-text.alignwide.is-stacked-on-mobile figure {text-align:center;}
.about .wp-block-media-text.alignwide.is-stacked-on-mobile figure img {width:100%; max-width:240px; margin:auto;}


/* ***********************
  Google map
*/
.map-container {text-align:center; width: 100%;}
.map-container iframe{	display: block; pointer-events: none; position: relative;}
.map-container iframe.clicked{pointer-events: auto;}

@media only screen and (min-width: 901px) {
	.map-container iframe {width:100%; height:62.5vh; margin:0; border:none !important;}
}
@media only screen and (max-width: 900px) {
	.map-container iframe {width:96%; height:calc(100vh - 120px); margin:0 2%; border:1px solid #999;}
}


/* ***********************
   contact
*/
.contact #page-body {background:#fff5e4; padding-top:2em !important;}
.contact .fixed-page-post {max-width:620px; margin:auto;} 
#contact-form-wrapper {margin-top:3em; border-radius:6px;}



li.chk-xl {
	line-height:1.35em;
	height: auto; font-size:36px;
	list-style:none; 
	background: url(./img/icon/chk.png) no-repeat 0 0;
	background-size:48px 48px;
	padding: 4px 0 6px 1.5em;
	margin: 0.5em 0;
}
li.chk {
	line-height:1.35em;
	height: auto; font-size:120%;
	background: url(./img/icon/chk.png) no-repeat 0 0;
	background-size:1.75em 1.75em;
	padding: 0.25em 0 0.5em 2.25em;
	margin: 0.75em 0;
}



/* ***********************
   privacy-policy / terms-of-service
*/
.privacy-policy .fixed-page-post {max-width:700px; margin:auto;}
.terms-of-service .fixed-page-post {max-width:770px; margin:auto;}

.privacy-policy h1 span.h1-en-caption,
.terms-of-service h1 span.h1-en-caption {font-size:0.9em;}

.terms-of-service .anchor-links {text-align:center;}
.terms-of-service .anchor-links.at-top {margin:0 0 3em; }
.terms-of-service .anchor-links.at-bottom {margin:3em 0 0; }
.terms-of-service .anchor-link {width:11em; margin:0 0.5em 1em;}

.terms-of-service .kakomi {margin:3em 0 4.5em; border:1px solid #ccc; border-radius:6px; padding:1em 1em 1em;}

/*

*/
.tos-links {text-align:right;}
.tos-links a {display:inline-block; margin:0.25em 0.5em; font-size:0.75rem; text-decoration:underline;}






.entry-meta span.row { margin:0 16px 0 0;}
.entry-meta span.post-date { font-family: 'Geosans-L'; font-size:15px; color:#666; }
.entry-meta span.category, .entry-meta span.author,
.entry-meta span.tags { font-family: 'SosaIcon'; font-size:20px; color:#ddd;}
.entry-meta span.commented { font-family: 'SosaIcon'; font-size:20px; color:#fff; }


.post-body section#custom-field {padding:8px 16px;}
.post-body section#custom-field h3.member {border:none; padding-left:0; margin-top:1em; margin-bottom:0.25em; color:#f7f7e7; text-shadow:1px 1px 4px #333,1px 1px 10px #777;}

.recent-post th, .recent-post td {border:none;}  
.recent-post th {width:125px; padding-right:0;}
.recent-post th div.post-tn {width:100px; height:100px; background:rgba(0,0,0,0.2); overflow:hidden; border-radius:100%; transition:all 0.18s linear 0s;}
.recent-post td {line-height:1.5em; padding-right:0;}
div.post-tn:hover {/*transform:translateX(6px);*/ transform:scale(1.1); transition:all 0.05s ease-in-out;}

.recent-post-small th, .recent-post-small td {border:none;}  
.recent-post-small th {width:100px; padding-right:0;}
.recent-post-small th div.post-tn {width:80px; height:80px; background:rgba(0,0,0,0.2); overflow:hidden; border-radius:100%; transition:all 0.18s linear 0s;}
.recent-post-small td {line-height:1.5em; padding:0.75em 0 0.75em 1em; font-size:90%;}


.blog-sel-trio p {font-size:14px; line-height:1.5em; margin-top:0;}
.blog-sel-trio .post-tn {display:block; float:left; width:64px; height:64px; margin:0 8px 8px 0; background:rgba(0,0,0,0.2); overflow:hidden;}
.blog-sel-trio .post-tn {display:block; float:left; width:64px; height:64px; margin:0 8px 8px 0; background:rgba(0,0,0,0.2); overflow:hidden;}
.rel-one table {margin:0;}
.blog-rel th, .blog-rel td {border:none;} 
.blog-rel th {width:130px !important; padding:10px;}
.blog-rel td {width:auto !important; padding:10px; text-align:left !important; font-size:90% !important;}
.blog-rel .post-tn, .blog-rel .thumb-frame {display:block; width:100px; height:100px; margin:4px 2px; background:rgba(0,0,0,0.15); overflow:hidden;/**/ border-radius:100%;}

.blog-rel td span.location, 
.blog-rel td span.feature {margin-top:0.5em; font-size:90%;}

.each-post {margin:0 0.5em;/* background:#fff; box-shadow:0 2px 4px rgba(20, 20, 20, 0.2);*/ transition:all 0.35s linear 0s;}
.each-post:hover {/*transform:translateY(-4px) scale(1.025);*/ background:rgba(80,60,30,0.08);/*rgba(255,235,110,0.2);*/ transition:all 0.14s linear 0s;}

#policy ol {margin:2em 0;}
#policy ol li {	line-height:1.7em; font-size:20px; margin:1em 0;}

table.blog-rel div.post-tn-100 {width:100px; height:100px; background:rgba(0,0,0,0.2); overflow:hidden; border-radius:100%}
table.blog-rel div.post-tn-150 {width:150px; height:150px; background:rgba(0,0,0,0.2); overflow:hidden; border-radius:100%;}



/* ******************************
 イチオシ店舗紹介（shop-info）
*/
.hair-catalog #page-upper,
.hair-catalog #items {background:#F3F3F3;}
.hair-catalog #items {padding:0 0 4.5em;}



#sns-share-btns-lower {padding:0 1%; text-align:center; max-width:760px; }
.type--post div.sns-share-btns {text-align:right; padding:0.75em 0;}
img.sns-share-btn {
	width:90px; height:36px; margin:10px 4px; transition:all 0.3s ease-in-out 0s;
	filter:drop-shadow(0 1px 3px rgba(0,0,0,0.25));
}
.is-pc img.sns-share-btn:hover {
	filter:drop-shadow( 0 1px 4px rgba(0,0,0,0.4));
	transform:scale(1.1); transition:all 0.14s ease-in-out 0s;
} 


.spec-detail img { 
	cursor: pointer; 
	margin:auto;
}
.is-pc .spec-detail img {
	transition:all 0.3s linear 0s;
	display:block; 
	/*max-width:calc(50% - 1em);*/
	max-height:537px;/*513.3333px;*/
	/*float:left;*/
	margin:1em 1em 0 0;
}
.is-pc .spec-detail p {clear:both;}
.is-pc .spec-detail img:hover {transform:scale(1.025); box-shadow:0 2px 1.15em 2px rgba(0,0,0,0.25); transition:all 0.14s linear 0s;}

.single-post-page .spec-detail h3 {
    margin: 2em 0 0;
    line-height: 1.5em;
	font-size:1.15rem;
	letter-spacing:0.05em;
	padding-left:0.5em;
	border-left:6px solid #5eacc2;
}



@media(max-width:660px) {
	.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {width:100% !important; height:auto !important; margin-right:0 !important;}
	.wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {width:100% !important; height:auto !important;}
}


/* 
	pickup_cat-XXXXX.php
*/
#list-inner .item-cell {border-radius:6px; border:2px solid transparent; background:rgba(255,255,255,0.3); transition:all 0.3s linear 0s;}
#list-inner .item-cell:hover {border:2px solid rgba(255,255,255,0.75); background:rgba(255,255,255,0); transition:all 0.3s linear 0s;}

.bg-white #list-inner .item-cell {border-radius:6px; border:2px solid transparent; background:rgba(155,155,155,0.2); transition:all 0.3s linear 0s;}
.bg-white #list-inner .item-cell * {color: #666;} 
.bg-white #list-inner .item-cell:hover {border:2px solid rgba(155,155,155,0.75); background:rgba(255,255,255,0); transition:all 0.3s linear 0s;}


/* ****************************************
  Taxonomy -- Common
*/

/*.term-list {margin:0em 0 1.25em;}*/
.kodawari-taxos {text-align:left;}
.kodawari-taxos h4 {margin:0.5em 0 0; padding-left:1.5em;}
.term-list {margin:0; font-size:0.85em;}
.term-list li {display:inline-block; margin:0 0.5em 1em;}
.term-list a {
	display:inline-block; color:#aaa; padding:0.35em 0.75em; margin:0;
	border:1px solid transparent;
	background:#fff; border:1px solid #aaa;
	font-family: Verdana, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif, "Takao Pゴシック", "TakaoPGothic", sans;
	transition:all 0.3s linear 0s;
}
.is-pc .term-list a:hover {
	border:1px solid #998675;
	background:#c7b299; color:#fff;
	transition:all 0.14s linear 0s;
}
.term-list span.disabled {
	display:inline-block; color:#fff; padding:0.35em 0.75em; margin:0;
	border:1px solid transparent;
	background:rgba(150,150,150,0.5);
	font-family: Verdana, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif, "Takao Pゴシック", "TakaoPGothic", sans;
	transition:all 0.3s linear 0s;
}




/* ****************************************
  Search Result
*/

.hits {margin:0 0.25rem;font-size:0.9rem; font-weight:normal; color:#fff; padding:0.25em 0.75em; background:#bdbdbd; border-radius:3px; font-feature-settings:"palt"; }
.bg-ivory .hits{color:#FFF5E4; font-weight:bold;}

.showing {margin:0 0 0 0.5rem; font-size:0.8rem; font-weight:normal; color:#bababa; font-feature-settings:"palt"; }

.bg-ivory .hits-indicator {padding:0.75em 0;}

#not-found {text-align:left;}
#not-found h2 {font-family:'Geosans-L'; font-size:250%; margin-top:0;}
.bg-ivory #not-found h2 {color:#7A0910;}
.options {padding:1em 0;}
.main-option, .sub-option {display:inline-block; margin:1rem 0.5rem !important; width:13em !important; text-align:center !important}
.sub-option .searchform {width:12em; margin:auto;}
.pager {padding:2em 0 3em;}

#search-options {margin: 0 auto; padding: 3em 0;}





/********/

#loading {
  margin: 80px auto;
  font-size: 8px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(130,206,122,0.32);
  border-right: 1.1em solid rgba(130,206,122,0.32);
  border-bottom: 1.1em solid rgba(130,206,122,0.32);
  border-left: 1.1em solid #00ffff;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}
#loading,
#loading:after {
  border-radius: 50%;
  width: 6.5em;
  height: 6.5em;
}
@keyframes load8 {
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}
#loading{ position:fixed; left:50%; top:40%; margin-left:-3.25em; text-align:center;}



.fuwa-sp {visibility:hidden;}



.powatt {
	animation-fill-mode:both;
	animation-duration:2s;
	animation-name: Powatter;
	visibility: visible !important;
}
@keyframes Powatter {
	0% { opacity: 0; transform: translateY(20px); }
	100% { opacity: 1; transform: translateY(0); }
}

.powatt-short-delay {
	animation-fill-mode:both;
	animation-duration:2s;
	animation-name: Powatter;
	visibility: visible !important;
    animation-delay: 0.8s; 		
}
@keyframes Powatter-SD {
	0% { opacity: 0; transform: translateY(20px); }
	100% { opacity: 1; transform: translateY(0); }
}

.powatt-mid-delay {
	animation-fill-mode:both;
	animation-duration:2s;
	animation-name: Powatter;
	visibility: visible !important;
    animation-delay: 1.6s; 		
}
@keyframes Powatter-SD {
	0% { opacity: 0; transform: translateY(20px); }
	100% { opacity: 1; transform: translateY(0); }
}


.fuwatt-l2r {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-LtoR;
	visibility: visible !important;
    animation-delay: 0.225s; 			
}
@keyframes Fuwatter-LtoR {
	0% { opacity: 0; transform: translateX(-30px); }
	100% { opacity: 1; transform: translateX(0); }
}

.fuwatt-r2l {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-RtoL;
	visibility: visible !important;
    animation-delay: 0.225s; 		
}
@keyframes Fuwatter-RtoL {
	0% { opacity: 0; transform: translateX(30px); }
	100% { opacity: 1; transform: translateX(0); }
}



.fuwatt {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter;
	visibility: visible !important;
}
@keyframes Fuwatter {
	0% { opacity: 0; transform: translateY(-20px); }
	100% { opacity: 1; transform: translateY(0); }
}

.fuwatt-short-delay {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-LD;
	visibility: visible !important;
    animation-delay: 0.4s; 	
}
@keyframes Fuwatter-SD {
	0% { opacity: 0; transform: translateY(-20px); }
	100% { opacity: 1; transform: translateY(0); }
}

.fuwatt-mid-delay {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-LD;
	visibility: visible !important;
    animation-delay: 0.8s; 	
}
@keyframes Fuwatter-MD {
	0% { opacity: 0; transform: translateY(-20px); }
	100% { opacity: 1; transform: translateY(0); }
}

.fuwatt-long-delay {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-LD;
	visibility: visible !important;
    animation-delay: 1.2s; 	
}
@keyframes Fuwatter-LD {
	0% { opacity: 0; transform: translateY(-20px); }
	100% { opacity: 1; transform: translateY(0); }
}


.guwatt {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Guwatter;
	visibility: visible !important;
}
@keyframes Guwatter {
	0% { opacity: 0; transform: translateY(40px); }
	100% { opacity: 1; transform: translateY(0); }
}





/* =============================================================================
   Media Queries
   ========================================================================== */


@media only screen and (min-width: 1078px) {
	.subpage-eyecatch {background-repeat:no-repeat; background-attachment:scroll; background-size:cover; background-position:center center;}
}
@media only screen and (max-width: 1077px) {
	.subpage-eyecatch {background-repeat:no-repeat; background-attachment:scroll; background-size:cover; background-position:center 10%;}

	.saru-kao {bottom:10%; right:8.5%; width:80px;}
	.saru-serif {bottom:20%; right:4%; width:115px;}
	
}
@media only screen and (min-width: 996px) {

}
@media only screen and (max-width: 995px) {

}

@media only screen and (min-width: 801px) {


	.a-area {background:inherit; transition:all 0.5s linear 0s;}
	.a-area.a-pink:hover {color:#d6c; background:rgba(255,221,232,0.4); transition:all 0.34s linear 0s;}
	.a-area.a-blue:hover {color:#00f; background:rgba(81,201,255,0.15); transition:all 0.34s linear 0s;}
}

@media only screen and (max-width: 800px) {
	
	.subpage-eyecatch { background-attachment:scroll; background-size:cover; background-position:center center;}	

	h1 span.blog-post-title {text-align:left !important; line-height:1.5em !important;}
	
}

@media only screen and (min-width: 769px)  {

}


/* All Mobile Sizes */
@media only screen and (max-width: 768px) {

	#header-inner {height:auto; min-height:100px;}	
	
	#page-title {height:247.5px;}			

	#onslide-catch {
		position:absolute; bottom:0.5vh; left:7.5vw; width:100%;
	}
	#onslide-catch span {
		font-size:11vmin; margin:0.8em 0; padding:0; 
	}



	#intro-box {
		max-width:480px;
		height:auto; min-height:300px;
		margin:-6em auto; z-index:1;
		text-align:left;
	}
	#intro-box-image {
		height:auto; min-height:300px;
		background-position:center 15%;
		background-size:cover;
	}
	#intro-box h2 {font-size:1.5em; letter-spacing:-0.025em;}
	#information {padding:8em 0 3em;}

	
	/* #body-menu etc --- @ front-page, page-menu*/
	.keep-half.smp-waku {border-top:1px solid #ddd; margin-top:1.5em;}
	.keep-half.smp-waku > div { padding:0.5em; } 
	.keep-half.smp-waku > div {border-bottom:1px solid #ddd;}
	.keep-half.smp-waku > div:nth-child(odd) {border-right:1px solid #ddd;}


}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 768px) {

	h1 span.blog-post-title {font-size:82.5%; line-height:1.5em !important;}

}


/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 700px) {


}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) {

	.toppage #page-title h1 {font-size:7vmin;}	
	.subpage #page-title h1 {letter-spacing:0.15em;}
	
	.toppage #logo { position:absolute; left:0.5em; top:0; max-width:250px; text-align:left;}	

	#onslide-catch span {font-size:15vmin;}


	#page-title h1 { font-size:220%;} 
	.single #page-title h1 { font-size:175%; line-height:1.1;} 
	
	h1 span.h1-en-caption { bottom:20px; right: 1%; left:1%; margin:auto; font-size:1.15em;}
	
	.feature-text {font-size:125%; line-height:1.7em; text-align:left;}

	.motto p {text-align:left;}

	#page-upper a.gbtn-aqua-small {font-size:85%; font-feature-settings:"pkna";}

	h2.jp {font-size:160%; letter-spacing:0.125em;}
	ol.fs150p {font-size:115%; padding:0;}



	#intro-box h2 {font-size:5.2vw; letter-spacing:-0.025em;}

	.keep-half .post-card-wrapper {padding:0.5em 0;}
	.extend .post-card dl {padding-bottom:2.25em; line-height:1.35;}

	.privacy-policy #page-title h1 {font-size:175%;}
	.privacy-policy h1 span.h1-en-caption {font-size:0.95em;}
	.privacy-policy h2.jp {font-size:175%;}
	
	ul.term-list {padding-left:0;}	
	ul.term-list li { font-size:105%; font-weight:bold; margin-top:0.5em; margin-bottom:0.5em;}
	
}


/* */