@charset "utf-8";
@import url("webfonts/Futura/stylesheet.css");
@import"https://fonts.googleapis.com/earlyaccess/hannari.css";
.futura{font-family: Futura,sans-serif;}
.hannari {font-family: "Hannari",serif;}
.mincho{font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
/***********************************
/***********************************

追加CSS

************************************/
/*************
common
**************/
.flexbox{
	display: -webkit-box;/*--- Android ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex; /* safari */
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;    /* 改行 */
	-webkit-justify-content: space-between;
	justify-content: space-between;  /* 横方向の整列 flex-start space-between */	
	-webkit-align-content: stretch; 
	align-content: stretch; 
	-webkit-align-items: stretch;
	align-items: stretch;  /* 縦方向の整列 baseline space-around */  /* 縦の余白 */
	width:100%; /* 横並びさせる親要素の幅 */
}
.sp_none{
	display: block;
}
.pc_none{
	display: none;
}
.flexbox.clm2 > *{
	width: 48%;
}
/* 3カラムの場合 */
.flexbox.clm3 > *{
	width: 30%;
}
.flexbox.clm3::after{
	display: block;
	content: "";
	width: 30%;
}
/* 4カラムの場合 */
.flexbox.clm4 > * {
	width: 25%;
	margin-bottom: 10px;
}
.flexbox.clm4::before{
	content: "";
	display: block;
	width: 25%;
	order: 1;
}
.flexbox.clm4::after{
	content: "";
	display: block;
	width: 25%;
}
a.anchor{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}
.w100 img{
	width: 100%;
}
/***********************************

recruit

************************************/
.instabox.info-box002,
.pamp{
	width: 48%;
	display: inline-block;
	vertical-align: top;
}
.instabox .wc-shortcodes-two-third{
	width: 100%;
	margin-bottom: 1.5em;
}
.instabox .wc-shortcodes-one-third{
	float: none;
	width: 100%;
}
.recruit_wrap .flexbox.clm4 li{
    width: 22%;
    text-align: center;
}
.recruit_wrap .flexbox.clm4 li p{
    margin-bottom: 0;
}
.recruit_wrap .flexbox.clm4 li a{
    position: relative;
    display: block;
}
.recruit_wrap .flexbox.clm4 li a::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position:absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .3;
}
.recruit_wrap .flexbox.clm4 li .text{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width: 100%;
    color: #fff;
    padding: 15px;
    border: solid 1px #fff;
}

/***********************************

index

************************************/
/*************
top
**************/
#conceptWrp {
	height: 640px;
	background-image: url(http://facedeco.com/wp/wp-content/uploads/2018/09/shujibi_bg.jpg);
	background-size: cover;
	background-position:top center;
	background-repeat: no-repeat;
	text-align: center;
	display: flex;
  	justify-content: center;
  	align-items: center;
	position: relative;
}
#conceptWrp h1{
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho","serif";
	color: #fff;
	letter-spacing: 2px;
}
#conceptWrp .main-title{
	margin-top: 30px;
}
#conceptWrp .caption{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.30);
	color: #fff;
	padding: 30px 0;
}
#conceptWrp .caption p{
	margin-bottom: 0;
}
.toconcept {
	text-align: center;
	margin: 50px 0;
}
.toconcept a{
	display: inline-block;
}
.toconcept a::after{
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	margin: auto;
	border-left: 1px solid #c1ccdf;
	border-bottom: 1px solid #c1ccdf;
	transform: rotate(-45deg);
	transition: all .3s ease;
}
.toconcept a:hover::after{
	transform: rotate(-45deg) translate3d(-10px,10px,0);
}
#menuWrp {
	text-align: center;
	margin-top: 8%;
}
#menuWrp h2{
	display: inline-block;
	margin-bottom: 30px;
	border-bottom: none;
}
#menuWrp h2::after{
	content: "";
	display: inline-block;
	width: 70%;
	border-bottom: 3px solid #7ac5c1;;
}
.menuList{
	display: -webkit-box;/*--- Android ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex; /* safari */
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;    /* 改行 */
	-webkit-justify-content: space-around;
	justify-content: space-around;  /* 横方向の整列 flex-start space-around */	
	-webkit-align-content: stretch; 
	align-content: stretch; 
	-webkit-align-items: stretch;
	align-items: stretch;  /* 縦方向の整列 baseline space-around */  /* 縦の余白 */
	width:100%; /* 横並びさせる親要素の幅 */
}
.menuList li{
	width: 33%;
	text-align: center;
	font-size: 14px;
	margin-bottom: 5%;
    position: relative;
}
.menuList .icon_new + br{
    display: none!important;
}
.menuList::after{
	content:"";
	display: block;
	width:32%;
}
.menuList figure{
	max-width: 245px;
	width: 100%;
	height: 100%;
	margin: auto;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.menuList .menuImg p{
	margin-bottom: 0;
}
.menuImg{
	position: relative;
}
.menuImg .name{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.menuList figcaption{
	background-color: #f3f3f2;
	padding: 20px;
	height: 100%;
}
.menuList a{
	display: inline-block;
	width: 90%;
	text-align: center;
	padding: 5px 0;
	border: 1px solid #000;
	transition: all .3s ease;
}
.menuList a:hover{
	background-color: #000;
	color: #fff;
}
.length_list.flexbox.clm4 li{
    width: 23%;
    margin-bottom: 30px;
}
.length_list.flexbox.clm4 li img{
    border-radius: 50%;
}
.contents-banner li{
    position: relative;
}
.icon_new{
    position: absolute;
    top: -1em;
    left: 0;
    max-width: 100px;
    z-index: 2;
}
.movie{
    text-align: center;
}
.movie .video-wrp{
    width: 100%;
    padding-top: 56.65%;
    position: relative;
    margin-bottom: 2em;
}
.movie .video-wrp video{
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 0;
    width: 100%;
    height: 100%;
}
.movie .credit{
    display: inline-block;
    margin-top: 0;
}
.movie .credit_box.flexbox{
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.movie .credit_box .head{
    padding-left: 0;
}
.movie .credit_box .data ul{
    margin: 0;
}
.movie .credit_box .data ul li{
    display: inline-block;
    margin-bottom: 0;
}
/***********************************

SKIN CARE

************************************/
/*************
care > skincare bar
**************/
.skincareBox .photo{
	width: 40%;
}
.skincareBox figcaption{
	width: 55%;
}
.skinbar{
	margin-top: 30px;
}
.skinbar h4{
	display: inline;
	padding: 0;
	text-indent: 0;
	background: linear-gradient(transparent 40%, #E8E8E8 40%);
	font-weight: bold;
}
.skinbar figcaption >div {
	margin-top: 30px;
}
.skinbar figcaption{
	width: 60%;
}
.skinbar .photo{
	width: 35%;
}
.skinbar .btn_p{
	text-align: center;
	display: block;
	padding: 5px 0;
	border-radius: 10px;
	background-color: #D89A9B;
	color: #fff;
	margin-top: 20px;
}
.skinbar .photo img{
	max-width: 100%;
	height: auto;
}
.skinbar .flexbox.clm2 img{
	width: 100%;
}
/*************
care > scproduct
**************/
.scproduct {
	margin-bottom: 60px;
}
.scproduct img{
	max-width: 300px;
}
.skinproduct li{
	background-color: #f8f6f6;
	background:linear-gradient(90deg,transparent 0%,transparent 5%,#f8f6f6 5%,#f8f6f6 100%);
	margin-bottom: 80px;
}
.skinproduct .number{
	margin-top: -30px;
	width: 15%;
}
.skinproduct .number img{
	max-width: 200px;
	width: 100%;
}
.skinproduct figure{
	width: 85%;
	padding: 30px 20px;
	position: relative;
}
.skinproduct figcaption{
	width: auto;
	display: inline-block;
}
.skinproduct figcaption .brand{
	margin-bottom: 0;
}
.skinproduct figcaption .itemname{
	font-weight: bold;
	font-size: 26px;
	margin-bottom: 10px;
}
.skinproduct figcaption .copy{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 0;
}
.skinproduct .itemimg{
	position: absolute;
	top:  50px;
	right: 30px;
}
.pricedata{
	text-align:right;
	margin-bottom: 0;
}
.pricedata dd{
	display: inline-block;
	font-size: 14px;
}
.pricedata .price{
	font-weight: bold;
	font-size: 20px;
}
.pricedata dd.price span{
	font-weight: normal;
	font-size: 14px;
}
/***********************************

TREATMENT

************************************/
/*************
treatment
**************/
#treatment h4{
	text-align: center;
	font-weight: bold;
}
#treatment h4::after{
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 7.5px 0 7.5px;
	border-color: #000000 transparent transparent transparent;
	margin: auto;
}
#treatment #top{
	text-align: center;
}
#treatment #top h4{
	background-image: url(http://facedeco.com/wp/wp-content/uploads/2018/11/waku.png);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	font-weight: normal;
}
#treatment #top h4::after{
	content: none;
}
#treatment #top .copy{
	font-size: 150%;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
}
#treatment #top .copy .kakko{
	font-family: inherit;
	font-style: normal!important;
	font-weight: normal;
	background-color: #CBD7E5;
	position: relative;
	display: inline;
	line-height: normal;
	padding: 0 8px;
}
.kakko::before,
.kakko::after{
	position: absolute;
	width: 10px;
	height: 10px;
}
.kakko::before{
	content: "";
	top: 0;
	left: 0;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}
.kakko::after{
	content: "";
	bottom: 0;
	right: 0;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
#treatment .hairbotox .logo_wrap.flexbox{
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 30px;
}
#treatment .hairbotox .logo_wrap .logo_img{
    width: 35%;
}
#treatment .hairbotox .logo_wrap .text_box{
    width: 58%;
}
#treatment .hairbotox .text_box .tag{
    background-color: #000;
    display: inline-block;
    color: #fff;
    padding:0 5px;
    letter-spacing: 3px;
    margin-bottom: 0;
}
#treatment .hairbotox .text_box .big{
    font-size: 30px;
    margin-bottom: 0;
}
#treatment .hairbotox .ba p{
    text-align: center;
}
#treatment .hairbotox_list{
    padding: 20px;
    border: 2px solid #ccc;
    border-radius: 20px;
    margin-bottom: 30px;
}
#treatment .hairbotox_list h5{
    font-size: 16px!important;
    background-color: transparent;
    border-top: none;
}
#treatment .copy p:nth-of-type(2){
	margin-top: 30px;
}
#treatment .step h5{
	font-weight: bold;
	font-size: 110%!important;
	border: none;
	background-color: transparent;
}
#treatment .step li{
	background-color: #F4EBE1;
	padding-bottom: 30px;
	margin-bottom: 40px;
}
#treatment .step figcaption{
	padding:0 15px;
}
#treatment .step h5{
	font-weight: bold;
	font-size: 110%!important;
	border: none;
	background-color: transparent;
}
#treatment .step .photo{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#treatment .step h5 {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
#treatment .step h5 img{
	margin-right: .5em;
}
#treatment #ba .videoWrap{
	position: relative;
	overflow: hidden;
	padding-top:126%;
}
#treatment #ba .videoWrap video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#treatment #ba .flexbox{
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
#treatment .menu .flexbox{
	justify-content: space-between;
}
#treatment .menu dt{
	padding: 10px 10px 10px;
	border-left: 4px solid #91A5D8;
	text-align: left;
}
#treatment .menu .price{
	font-weight: bold;
	padding: 10px 0px;
	margin-left: auto;
    text-align: right;
}
#treatment .menu .text{
    width: 100%;
}
#treatment .menu div{
	margin-bottom: 30px;
}
/***********************************

PICKUP STAFF

************************************/
/*************
list
**************/
.pickup-staff{
    counter-reset: number;
}
.pickup-staff li{
    background-color: #f8f6f6;
    padding: 20px;
    position: relative;
    z-index: 1;
}
.pickup-staff li .numBox{
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    color: #fff;
    background-color: #637ebf;
    padding: 10px;
    z-index: 2;
}
.pickup-staff li .numBox p{
    display: inline-block;
    font-size: 15px;
}
.pickup-staff li .numBox p::after{
    counter-increment: number;
    content: counter(number,decimal-leading-zero);
    display: block;
    font-size: 36px;
    border-top: 2px solid ;
    padding-top: 10px;
}
.pickup-staff dl .name{
    font-size: 20px;
    width: 100%;
}
/*************
top
**************/
.pu-top {
	text-align: center;
}
.pu-top .title{
	margin-top: -50px;
}
.pu-top .namebox p{
	font-weight: bold;
	display: inline-block;
	margin:30px 1em;
}
.pu-top .namebox p:nth-of-type(2){
	font-size: 24px;
}
.yomigana{
    font-size: 10px;
    font-weight: normal;
    display: block;
    text-align: center;
    line-height: normal;
    letter-spacing: 3px;
}
.yomigana + .kanji{
    display: block;
    text-align: center;
}
/*************
qa
**************/
.staff-qa {
	counter-reset: number;
}
.staff-qa li:nth-child(even) .flexbox{
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.staff-qa .qnum{
	letter-spacing: 3px;
	padding:30px 10px;
	text-align: center;
	background: linear-gradient(0deg, #f8f6f6 0%, #f8f6f6 70%, transparent 70%, transparent 100%);
}
.staff-qa .qnum::before{
	display: block;
	counter-increment: number;
	content: "Q"  counter(number);
	font-family: Futura ,sans-serif;
	font-size: 200%;
	margin-bottom:20px;
}
.staff-qa figure .photo{
	width: 30%;
}
.staff-qa figure figcaption{
	width: 60%;
}
.staff-qa figcaption h5{
	background: none;
	border-top: none;
	border-bottom: none;
	font-weight: bold;
	color: #8ea5c6;
	font-size: 18px!important;
	padding: 0;
}
/*************
voice
**************/
.title h4 img{
	max-width: 400px;
	width: 100%;
}
.staff-voice .title{
	text-align: center;
}
.staff-voice .fuki::after{
    content: "";
    width: 30px;
    height: 30px;
    border-bottom: 2px solid #333;
    background-color: #fff;
    border-right: 2px solid #333;
    position: absolute;
    bottom: 0;
    right: 20%;
    transform-origin: bottom;
    transform: rotate(45deg) translateY(50%);
}
.staff-voice .fuki{
    position: relative;
	font-size: 14px;
	padding:15px 30px 30px;
	min-height: 200px;
    height: auto;
	margin-bottom: 30px;
    border: 2px solid #333;
    border-radius: 30px;
	/*background-image: url(http://facedeco.com/wp/wp-content/uploads/2018/11/huki.png);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;*/
}
.staff-voice .dot{
	margin: 0;
	-webkit-align-self: flex-end;
	align-self: flex-end;
}
.staff-voice .dot dt{
	font-weight: normal;
	display: inline-block;
    margin-bottom: 0;
}
.staff-voice .dot dt::after{
	/*content:" /";*/
}
.staff-voice .dot dd{
	display: block;
}
.staff-voice .dot dd.name{
	display:block;
	padding-bottom: 15px;
	background-image: url(http://facedeco.com/wp/wp-content/uploads/2018/11/dot.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.staff-voice .circle{
	margin-bottom: 0;
	text-align: center;
}
/*************
favorite
**************/
.my-favorite{
	margin-top: 100px;
	margin-bottom: 100px;
	text-align: center;
	background: linear-gradient(0deg, #f8f6f6 0%, #f8f6f6 95%, transparent 95%, transparent 100%);
	padding: 0 30px;
}
.my-favorite h4 img{
	max-width: 410px;
	width: 100%;
}
.my-favorite li{
	text-align: left;
}
.my-favorite figure.flexbox figcaption,
.my-favorite figure.flexbox .photo{
	width: 100%;
}
/*************
staff-box
**************/
.staff-box {
	border: 1px solid #000;
	padding: 30px;
}
.staff-box figure{
	width: 80%;
	margin: auto;
}
.staff-box .photo{
	width: 40%;
	margin-bottom: 0;
}
.staff-box figcaption{
	width: 55%;
	text-align: right;
}
.staff-box dl{
	text-align: left;
}
.staff-box dt,
.staff-box dd{
	display: inline-block;
}
.staff-box dd.name{
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
}
.staff-box p a{
	display: block;
}
.staff-box .btn-shimei{
	text-align: center;
	background-color: #99A9C8;
	padding: 5px;
	margin-top: 10px;
	color: #fff;
}

/***********************************

SPA

************************************/
/*************
top
**************/
.spa-wrap .wrap-1 .box h4{
	font-size: 26px!important;
	position: relative;
	-webkit-background-size: 5px 5px;
	-moz-background-size: 5px 5px;
	background-size: 5px 5px;
	background-color: #eeddc9;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,
				color-stop(.25, #f5ebdf), color-stop(.25, transparent),
				color-stop(.5, transparent), color-stop(.5, #f5ebdf),
				color-stop(.75, #f5ebdf), color-stop(.75, transparent),
				to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #f5ebdf 25%, transparent 25%,
			  transparent 50%, #f5ebdf 50%, #f5ebdf 75%,
			  transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #f5ebdf 25%, transparent 25%,
			  transparent 50%, #f5ebdf 50%, #f5ebdf 75%,
			  transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #f5ebdf 25%, transparent 25%,
			  transparent 50%, #f5ebdf 50%, #f5ebdf 75%,
			  transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #f5ebdf 25%, transparent 25%,
			  transparent 50%, #f5ebdf 50%, #f5ebdf 75%,
			  transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #f5ebdf 25%, transparent 25%,
			  transparent 50%, #f5ebdf 50%, #f5ebdf 75%,
			  transparent 75%, transparent);
}
/*************
nayami
**************/
.spa-wrap > div{
	margin-bottom: 60px;
}
.spa-wrap .wrap-1 .box{
	margin-bottom: 60px;
}
.spa-wrap .wrap-1 .box h4::after{
	content: "？";
	font-size: 100px;
	-webkit-transform: rotate(10deg);
	transform: rotate(10deg);
	position: absolute;
	bottom: 10px;
}
.spa-wrap .wrap-1 .checkList > p{
	margin-bottom: 0;
	margin-left: 20px;
}
.spa-wrap .wrap-1 .checkList ul{
	background-image: url(http://facedeco.com/wp/wp-content/uploads/2018/11/kakko.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 60px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.spa-wrap .wrap-1 .checkList li{
	line-height: normal;
	font-size: 14px!important;
}
.spa-wrap .wrap-1 .checkList em{
	font-style: normal!important;
	font-weight: normal;
	font-size: 150%;
	color: red;
}
.spa-wrap .wrap-1 .why .flexbox{
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.spa-wrap .wrap-1 .why .photo{
	width: 30%;
}
.spa-wrap .wrap-1 .why figcaption{
	width: 60%;
}
/*************
kodawari
**************/
.spa-wrap .kodawari{
	background-color: #F8F6F6;
	padding: 30px;
	margin-bottom: 30px;
}
.spa-wrap .kodawari .title{
	text-align: center;
}
.spa-wrap .kodawari h4{
	margin-bottom: 0;
	font-size: 34px!important;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	line-height: normal;
}
.spa-wrap .kodawari h5{
	border-top: none;
	border-bottom: none;
	background-color: transparent;
	font-size: 20px!important;
}
.spa-wrap .kodawari li{
	margin-bottom: 30px;
}
.spa-wrap .kodawari li:last-child{
	margin-bottom: 0px;
}
.spa-wrap .kodawari li:nth-child(odd) .flexbox{
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
/*************
menu
**************/
.spa-wrap .menu h4{
	text-align: center;
}
.spa-wrap .menu h4 img{
	max-width: 200px;
}
.spa-wrap .menu dl{
	text-align: left;
}
.spa-wrap .menu dt{
	width: 100%;
	margin-bottom: 0;
}
.spa-wrap .menu dd{
	margin-bottom: 0;
	font-size: 14px!important;
}
.spa-wrap .menu dl > div{
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
	padding-left: 20px;
	position: relative;
}
.spa-wrap .menu dl > div::before{
	content: "";
	width: 10px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(http://facedeco.com/wp/wp-content/uploads/2018/11/stripe.png)
}
.spa-wrap .menu .tag {
	width: 70%;
}
.spa-wrap .menu .tag .flexbox{
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.spa-wrap .menu .tag li{
	margin: 0;
}
.spa-wrap .menu .tag li span{
	background-color: #343435;
	color: #fff;
	border-radius: 15px;
	padding: 5px 10px;
}
.spa-wrap .menu .tag li::after{
	content: "+";
	margin: 0 .5em;
}
.spa-wrap .menu .tag li:last-child::after{
	content: none;
}
.spa-wrap .menu dd.price{
	width: 20%;
	text-align: right;
	-webkit-align-self: flex-end;
	align-self: flex-end;
	margin-bottom: 1em;
	font-size: 16px!important;
}
.spa-wrap .menu .caption{
	margin-bottom: 1em;
}
.spa-wrap .menu .caption p{
	margin-bottom: 0;
	line-height: nomal;
}
/***********************************

NEW PRODUCT

************************************/
/*************
top
**************/
.new_product .top{
    text-align: center;
    margin-top: 100px;
}
.new_product .top .new_tag{
    display: inline-block;
	color: #ad1a1a;
	font-size: 24px;
    position: relative;
    padding: 5px 25px;
}
.new_product .top .new_tag::before,
.new_product .top .new_tag::after{
    content: "";
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.new_product .top .new_tag::before{
    width: 90%;
    height: 100%;
    border-top: 1px solid #ad1a1a;
    border-bottom: 1px solid #ad1a1a;
}
.new_product .top .new_tag::after{
    width: 100%;
    height: 80%;
    border-left: 1px solid #ad1a1a;
    border-right: 1px solid #ad1a1a;
}
.new_product .top .title{
    font-size: 40px;
    font-weight: bold;
}
.new_product .top em{
    font-style: normal!important;
}
.new_product .top .visual{
    max-width: 400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}
.new_product .top .visual .handwritten{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.new_product .top .visual figure{
    position: relative;
    z-index: 1;
}
.new_product .top .visual figure img{
    width: 90%;
}
.new_product .top .visual figure p.w100{
    margin-bottom: 0;
}
.new_product .top .visual figcaption{
    z-index: 2;
    text-align: left;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.new_product .top .visual figcaption span{
    font-size: 150%;
}
/*************
damage
**************/
.new_product .damage{
    margin-top: -100px;
    margin-bottom: 100px;
    text-align: center;
}
.new_product .damage .title_box {
    position: relative;
    z-index: 1;
}
.new_product .damage .title_box .sticky{
    background-color: #A5B6D9;
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translate(0%,-50%);
    transform:translate(0%,-50%);
    z-index: 2;
    padding: 5px 3em;
}
.new_product .damage .title_box .title{
    background-color: #F8F6F6;
    width: 90%;
    margin-left: auto;
    text-align: right;
    padding: 15px 0;
}
.new_product .damage .title_box h4{
    display: inline-block;
    text-align: left;
    line-height: normal;
    margin-bottom: 0;
    font-size: 20px!important;
    width: 70%;
}
.new_product .damage .title_box h4 span{
    font-size: 40px;
    display: block;
    letter-spacing: 4px;
}
.new_product .damage .title_box + p{
    display: inline-block;
    text-align: left;
    margin: 40px 0;
}
.new_product .damage .illust_box{
    border: 1px solid #000;
    border-radius: 15px;
    padding: 30px;
}
.new_product .damage .illust_box .line{
    display: inline-block;
    border-bottom: 1px solid #000;
    font-size: 20px;
}
.new_product .damage .illust_box .line::after{
    display: block;
    content: "";
    width: 100%;
    border-bottom: 4px solid #000;
    margin: 5px auto 3px;
}
.new_product .damage .illust_box > .flexbox{
    position: relative;
    margin-bottom: 30px;
}
.new_product .damage .illust_box > .flexbox .arrow{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width: 13%;
}
.new_product .damage .illust_box figcaption{
    font-size: 14px;
}
.new_product .damage .illust_box figcaption p{
    margin-bottom: 0;
}
.new_product .damage .illust_box .illust{
    width: 80%;
    margin: auto;
}
.new_product .damage .illust_box .after span{
    display: block;
    font-size: 130%;
    font-weight: bold;
}
.new_product .damage .illust_box .before .red{
    display: inline-block;
    padding:0 5px;
    height: 25px;
    background-color: #AF1313;
    color: #fff;
    position: relative;
}
.new_product .damage .illust_box .before .red::before,
.new_product .damage .illust_box .before .red::after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    border-style: solid;
}
.new_product .damage .illust_box .before .red::before{
    left: -25px;
    width: 25px;
    border-width: 0 0 25px 25px;
    border-color: transparent transparent #AF1313 transparent;
}
.new_product .damage .illust_box .before .red::after{
    right: -25px;
    width: 25px;
    border-width: 25px 25px 0 0;
    border-color: #AF1313 transparent transparent transparent;
}
/*************
item
**************/
.new_product .item .title_box{
    background-color: #F8F6F6;
    text-align: left;
    padding: 30px;
}
.new_product .item .title_box p,
.new_product .item .title_box h4{
    margin: 0;
    padding: 0;
}
.new_product .item .title_box h4{
    font-size: 30px!important;
}
.new_product .item > .flexbox{
    width: 90%;
    margin: auto;
    margin-top: 30px;
}
.new_product .item figure .item_img{
    width: 25%
}
.new_product .item figure figcaption{
    width: 70%;
    font-size: 14px;
}
.new_product .item figure figcaption dl{
    margin-bottom: 0;
}
.new_product .item figure figcaption dt{
    width: 100%;
}
.new_product .item figure figcaption dd{
    display: inline-block;
    margin-bottom: 0;
}
.new_product .item figure figcaption dd span{
    font-size: 150%;
}
.new_product .item .line.flexbox{
    margin-bottom: 0;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
}
.new_product .item .line::before,
.new_product .item .line::after{
    display: inline-block;
    border-top: 1px solid #000;
    content: "";
    flex-grow: 1;
}
.new_product .item .line::before{
    margin-right: .5em;
}
.new_product .item .line::after{
    margin-left: .5em;
}
/***********************************

SEIJINSHIKI

************************************/
/*************
common
**************/
.seijin h3{
    padding: 50px;
    position: relative;
    background-color: rgba(255,255,255,0.50);
    border-bottom: none;
    font-size: 25px!important;
}
.seijin h3::before,
.seijin h3::after{
    content: none;
    position: absolute;
}
.seijin h3::before,
.seijin h3::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
}
.seijin h3::before{
    width: 98%;
    height: 90%;
    border: 1px solid #fff;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.seijin h3::after{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-bottom: none;
    top: 0;
    left: 0;
    z-index: -1;
}
.seijin .maedori h3::after{
    background-image: url("http://facedeco.com/wp/wp-content/uploads/2018/12/title_maedori.jpg");
}
.seijin .today h3::after{
    background-image: url("http://facedeco.com/wp/wp-content/uploads/2018/12/title_today.jpg");
}
.seijin .hakama h3::after{
    background-image: url("http://facedeco.com/wp/wp-content/uploads/2018/12/title_hakama.jpg");
}
/*************
keyV
**************/
.seijin .keyV .w100{
    margin-bottom: 0;
}
.seijin .keyV .text{
    background-color: #FEFDF3;
    padding: 10% 0;
    text-align: center;
    position: relative;
}
.seijin .keyV .text .comment{
    font-size: 18px;
    font-weight: bold;
}
.seijin .keyV .text .sub_photo{
    position: absolute;
    top: 40px;
    z-index: 0;
}
.seijin .keyV .text p{
    position: relative;
    z-index: 1;
}
.seijin .keyV .text .sub_photo.left{
    text-align: left;
    left: 0;
}
.seijin .keyV .text .sub_photo.right{
    right: 0;
    text-align: right;
}
.seijin .keyV .text .sub_photo img{
    width: 50%;
}
.seijin .style_list {
    padding: 20px;
    margin: 30px 0;
    background-color: #FCFCF9;
    text-align: center;
}
.seijin .style_list .title{
    font-size: 20px;
}
/*************
maedori
**************/
.seijin .maedori{
    counter-reset: num;
    margin-bottom: 50px;
}
.seijin .maedori .album{
    counter-reset: num;
}
.seijin .maedori .num{
   width: 50%;
    margin: auto;
    position: relative;
    font-size: 40px;
}
.seijin .maedori .num::after{
    display: block;
    counter-increment: num;
    content: counter(num, decimal-leading-zero);
    font-family: futura;
    position:absolute;
    top:100%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.seijin .maedori .plan_list li{
    padding: 30px;
    border: 1px solid #ccc;
}
.seijin .maedori .plan_list h4{
    text-align: center;
    padding: 15px;
    background-color: #eee;
    border-radius: 10px;
    font-weight: bold;
}
.seijin .maedori .plan_list dl dt{
    width: 35%;
}
.seijin .maedori .plan_list dl dd{
    width: 60%;
}
.seijin .maedori .plan_list .price dt{
    margin-bottom: 0;
    font-weight: normal;
    width: auto;
}
.seijin .maedori .plan_list .price dd{
    font-weight: bold;
    width: auto;
    font-size: 130%;
    display: inline-block;
    margin-left: auto;
}
.seijin .maedori .attension{
    font-size: small;
    text-align: right;
}
/*************
album
**************/
.seijin .maedori .album{
    background-color: #F2E9F1;
    padding: 30px;
    position: relative;
}
.seijin .maedori .album .comment{
    position: absolute;
    top: 20px;
    left: 20px;
}
.seijin .maedori .album .comment p{
    display: inline;
    line-height: 1.6;
    border-bottom: 2px solid #000;
}
.seijin .maedori .album .ribon{
    text-align: center;
}
.seijin .maedori .album .ribon img{
    max-width: 50%;
    width: 25%;
    margin-bottom: 0;
    padding-bottom: 0;
}
.seijin .maedori .album .ribon h4{
    font-weight: bold;
    display: inline-block;
    background-image: url("http://facedeco.com/wp/wp-content/uploads/2018/12/ribon.png");
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 10px;
    width: 270px;
    height: 70px;
}
.seijin .maedori .album .flexbox.clm2 > li{
    width: 43%;
    margin-left: auto;
    margin-right: auto;
}
.seijin .maedori .album .flexbox.clm2{
    -webkit-justify-content: center;
    justify-content: center;
}
.seijin .maedori .album .flexbox.clm2::after{
    content: none;
}
.seijin .maedori .album .num{
    position: relative;
    color: #fff;
    width: 70px;
    height: 70px;
    text-align: center;
    background-color: #BAB4B9;
    border-radius: 50%;
    margin-left: 0;
}
.seijin .maedori .album .num::after{
    font-family: 'times new roman', times, serif;
    top: 50%;
}
.seijin .maedori .album figure{
    position: relative;
}
.seijin .maedori .album figure .image{
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
}
.seijin .maedori .album h5{
    background-color: transparent;
    border: none;
    font-weight: bold;
    font-size: 16px!important;
    margin-bottom: 1em;
    padding: 0;
}
.seijin .maedori .album p{
    font-size: 14px;
}
.seijin .maedori .album dl dd{
    font-size: 14px;
}
.seijin .maedori .album dl dd li{
    margin-bottom: 5px;
}
.seijin .maedori .album dl dd li::before{
    content: "・";
}
.seijin .maedori .album .price span{
    font-weight: bold;
    font-size: 200%;
}
/*************
planset
**************/
.seijin .planset dl{
    width: 40%;
    margin: 0;
}
.seijin .planset{
    border: 1px solid #ccc;
    margin-bottom: 40px;
}

.seijin .planset > div{
    padding: 0 20px;
}
.seijin .planset .hayawari{
    width: 55%;
}
.seijin .planset .hayawari li{
    background-color: #eee;
    text-align: center;
    border-radius: 50%;
    padding-top: 30%;
    position: relative;
}
.seijin .planset .hayawari li > div{
    position:absolute;
    width: 100%;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font-size: 14px;
}
.seijin .planset .hayawari li > div p{
    margin-bottom: 0;    
}
.seijin .planset .hayawari li > div .price{
    font-size: 16px;
    font-weight: bold;
}
/*************
flow
**************/
.seijin .flow_title{
    display: inline-block;
    font-size: 80px;
    letter-spacing: 5px;
    line-height: normal;
    text-align: center;
    color: transparent;
    -webkit-text-stroke: 1px #000;
    text-stroke: 1px #000;
    position: relative;
    margin-bottom: 0;
}
.seijin .flow_title::after{
    content: "FLOW";
    position: absolute;
    top: 5px;
    left: 5px;
    -webkit-text-stroke: 0px;
    text-stroke:0px;
    color: #FEFDF3;
    z-index: -1;
}
.seijin .flow h3{
    padding: 0;
}
.seijin .flow h3::before,
.seijin .flow h3::after{
    display: inline;
    content: "-";
    position: static;
    margin: .5em;
}
.seijin .flow{
    counter-reset: num;
    background-color: #FEFDF3;
    text-align: center;
    margin-top: 100px;
}
.seijin .flow .flow_title{
    margin-top: -50px;
}
.seijin .flow h3{
    background-color: transparent;
}
.seijin .flow ul{
    padding: 5%;
    text-align: left;
}

.seijin .flow ul > li{
    background-color: #fff;
    padding: 20px;
    margin-bottom: 100px;
}
.seijin .flow ul > li:last-child{
    margin-bottom: 0;
}
.seijin .flow h4{
    padding: 0;
}
.seijin .flow .num{
    position: relative;
    padding-left: 2em;
    font-weight: bold;
}
.seijin .flow .num::before{
    font-weight: normal;
    font-family: 'times new roman', times, serif;
    font-style: oblique;
    color: #1a1a1a;
    counter-increment: num;
    content: counter(num);
    position: absolute;
    bottom: .3em;
    left: -.3em;;
    font-size: 100px;
}
.seijin .flow figcaption{
    width: 48%;
    font-size: 14px;
}
.seijin .flow .photo{
    width: 48%;
	color: #c61e26;
	font-size: 12px;
    text-align: center;
}
.seijin .flow .tel{
    color: #000;
    font-size: 16px;
    padding: 10px;
    border: 1px solid #ccc;
}
.seijin .flow .tel dl{
    text-align: left;
    display: inline-block;
}
.seijin .flow .tel a{
    font-size: 150%;
    color: inherit;
    margin-left: .5em;
}
.contact_box li{
    border: 1px solid #ccc;
    text-align: center;
    padding: 10px 0;
}
/********電話問い合わせボタン*******/
.contact_box li .shop{
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 0 20px;
    margin-top: 10px;
    margin-bottom: 0px;
    overflow: hidden;
    position: relative;
}
.contact_box li .shop::before,
.contact_box li .shop::after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    z-index: 1;
    border: 20px transparent solid;
    position:absolute;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translateY(-50%);
}
.contact_box li .shop::before{
    border-left: 10px #fff solid;
    left: 0;
}
.contact_box li .shop::after{
    border-right: 10px #fff solid;
    right: 0;
}
.contact_box li a{
    width: 100%;
    display: block;
    font-size: 150%;
    color: inherit;
    letter-spacing: 3px;
}
/********END 電話問い合わせボタン*******/
.graduation h4{
    text-align: center;
    padding: 15px;
    font-size: 20px!important;
    background-color: #FCF8FA;
}
.graduation .point img{
    margin-right: .5em;
    vertical-align: baseline;
}
.graduation .tag{
    width: 25%;
    text-align: center;
    padding: 5px;
    background-color: #F4D7DF;
    border-radius: 30px;
}
.graduation .menu_item{
    margin-bottom: 40px;
}
.graduation .set .menu_box {
    width: 45%;
}
.graduation .set .menu_box .flexbox{
    width: 100%;
    -webkit-align-items: baseline;
    align-items: baseline;
    margin-bottom: 0;
    border-bottom: 1px solid ;
}
.graduation .set .menu_box dt{
    width: 50%;
    padding: 0;
    margin: 0;
}
.graduation .set .menu_box .price{
    width: 50%;
    text-align: right;
    font-size: 30px;
    padding: 0;
    margin: 0;
}
.graduation .set .menu_box .text_big{
    font-size: 50px;
}
.graduation .set .menu_box .attention{
    margin-bottom: 0;
}
.graduation .fullset figcaption{
    width: 60%;
}
.graduation .fullset .photo{
    width: 35%;
}
.graduation .fullset .price{
    font-size: 30px;
}
.graduation .fullset .tag{
    width: auto;
    padding: 15px;
    margin: 0 0.5em;
    font-size: 70%;
    vertical-align: middle;
}
.graduation .tag.kimono{
    background-color: #EFEBD8;
}
.graduation .tag.hakama{
    background-color: #DED1DE;
}
.graduation .fullset .fullset_list.flexbox{
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    border :1px solid #ccc;
    padding: 15px;
}
.graduation .fullset .fullset_list li{
    width: auto;
    text-align: left;
    list-style-position: inside;
    margin-right: 1em;
    margin-bottom: 0;
}
.graduation .hairup .price{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}
#stylist_list .row.flexbox{
    margin: auto;
}
#stylist_list .col-xs-12.col-md-6{
    float: none;
    clear: both;
}
#stylist_list .col-xs-12.col-md-6{
    float: none;
    clear: both;
}
/*************
newlife
**************/

.newlife .newlife_wrap{
    position: relative;
    border: 5px solid #FBFDF3;
}
.newlife .flag{
    position: absolute;
    top: 0;
    left: 0;
}
.newlife .flag img{
    width:50%;
}
.newlife .flag_l{
    text-align: left;
}
.newlife .flag_r{
    text-align: right;
}
.newlife .newlife_inner{
    padding: 30px;
}
.newlife .title_img{
    text-align: center;
}
.newlife .title_img img{
    width: 80%;
}
.newlife .effect {
    position: relative;
}
.newlife .effect .effect_l,
.newlife .effect .effect_r{
    position: absolute;
}
.newlife .effect .effect_l{
    top: -3em;
    left: -1em;
}
.newlife .effect .effect_r{
    top: -3em;
    right: -1em;
}
.newlife .ribbon li{
    position: relative
}
.newlife .ribbon li::before{
    display: inline-block;
    vertical-align: middle;
    width: 1.5em;
    height: 1.2em;
    margin-right: .5em;
    content: "";
    background-image: url("http://facedeco.com/wp/wp-content/uploads/2019/03/ribbon.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.newlife .newlife_ticket .ticket_box{
    border-radius: 20px;
    border:1px solid #b5b5b5;
    overflow: hidden;
    padding: 20px;
    text-align: center;
}
.newlife .newlife_ticket .ticket_box h5{
    border: none;
    font-weight: bold;
    background-color: transparent;
}
.newlife .newlife_ticket .ticket_box .tag{
    color: #fff;
    font-weight: bold;
    background-color: #27CADF;
    display: inline-block;
    padding:0 1em ;
    margin-bottom: 0;
}
.newlife .newlife_ticket .ticket_box .price{
    font-size: 30px;
    font-weight: bold;
}
/*************

FURISODE

**************/
.furisode {
    counter-reset: number;
}
.furisode .furisode_wrap{
    margin-bottom: 50px;
}
.furisode .furisode_img{
    width: 40%;
}
.furisode .furisode_caption{
    width: 55%;
}
.furisode h4 span{
    font-size: 18px;
    display: block;
}
.furisode h4{
    font-size: 40px!important;
    line-height: 1.6;
    font-family: serif;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.furisode h5{
    border: none;
    background: none;
    font-family: serif;
    font-size: 20px!important;
    padding: 0;
}
.furisode .txt_horizon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
     -webkit-text-align: center; 
    text-align: center; /* for no-flexbox browsers */
    margin-bottom: 2em;
}
.furisode .txt_horizon::after {
    border-top: 1px solid;
    content: "";
    display: inline; /* for IE */
    flex-grow: 1;
}
.furisode .txt_horizon::before {
    margin-right: 0.5em;
}
.furisode .txt_horizon::after {
    margin-left: 0.5em;
}
.furisode .data.flexbox{
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items:center;
    align-items:center;
}
.furisode .data .mincho{
    margin-bottom: 0;
}
.furisode .data .circle{
    width: 60px;
    height: 60px;
    background: #D4AB6C;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    line-height: 1.4;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-right: 1em;
    margin-bottom: 0;
}
.furisode .data .month{
    position: absolute;
    top: 0;
    left: 0;
}
.furisode .data .days{
    font-size: 20px;
    position: relative;
    padding-right: 40px;
    padding-left: 25px;
    margin-right: 30px;
}
.furisode .data .days_big{
    font-size: 300%;
    vertical-align: text-top;
}
.furisode .data .youbi{
    vertical-align: bottom;
    bottom: -10px;
    right: 0;
    position: absolute;
}
.furisode .info{
    background: #F4F4F4;
    border: none!important;
    border-radius: 10px;
}
.furisode .info dt{
    font-size: 14px;
    margin-bottom: 0;
}
.furisode .info span{
    font-size: 13px;
}
.furisode .data .days{
    display: inline-block;
    width: auto;
}
.furisode .osusume_wrap {
    border: 1px solid #D4AB6C;
}
.furisode .osusume_wrap p{
    background-color: #D4AB6C;
    color: #fff;
    text-align: center;
    padding: .5em;
    margin-bottom: 0;
}
.furisode .osusume_wrap ul{
    padding: 1em;
    margin: 0;
}
.furisode .osusume_wrap li::before{
    content: "▶";
}
.furisode .tokuten{
    padding: 20px;
    background-image: -webkit-linear-gradient(90deg, #fff8f7 0%, #fff8f7 1%, #ffffff 36%, #fff1ef 64%, #ffe9e6 100%);
	background-image: -moz-linear-gradient(90deg, #fff8f7 0%, #fff8f7 1%, #ffffff 36%, #fff1ef 64%, #ffe9e6 100%);
	background-image: -o-linear-gradient(90deg, #fff8f7 0%, #fff8f7 1%, #ffffff 36%, #fff1ef 64%, #ffe9e6 100%);
	background-image: linear-gradient(0deg, #fff8f7 0%, #fff8f7 1%, #ffffff 36%, #fff1ef 64%, #ffe9e6 100%);
    text-align: center;
    margin-bottom: 3em;
}
.furisode .tokuten h4 .seven{
    width: auto;
    vertical-align: baseline;
    margin-left: 10px;
}
.furisode .tokuten h4 span{
    font-size: inherit;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 4px dotted #da6a6b;
}
.furisode .tokuten h4{
    text-align: center;
}
.furisode .tokuten_list li::before{
    /*display: inline-block;
    text-align: center;
    counter-increment: number;
    content: counter(number, decimal-leading-zero);
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #FEF4F4;
    border: 1px solid #000;
    border-radius: 50%;
    margin-right: .5em*/
}
.furisode .tokuten_list li{
    display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
	-webkit-justify-content: flex-start;
			justify-content: flex-start;
	-webkit-align-items: center;
			align-items: center;
	-webkit-align-content: center;
			align-content: center;
}
.furisode .tokuten_list p{
    margin-bottom: 0;
    margin-left: 1em;
}
.furisode .tokuten_list{
    display: inline-block;
    text-align: left;
}
.furisode .tokuten_list span{
    font-size: 14px;
    display: block;
}
.furisode .tokuten_list em{
    font-size: 130%;
    font-weight: normal;
    font-style: normal!important;
    color: #F37472;
    font-style: oblique;
}
.furisode .accessory{
    text-align: center;
    margin: 50px auto;
}
.furisode .accessory h4{
    font-size: 30px!important;
}
.furisode .furisode_caption .stylist {
    text-align: right;
}
.furisode .furisode_caption .stylist img{
    max-width: 150px;
}
.furisode .telbtn_wrap{
    text-align: center;
}
.furisode .tel_btn p{
    margin-bottom: 0;
}
.furisode .tel_btn .futura{
    font-size: 30px;
}
.furisode .tel_btn{
    background: #f7f7f7;
    display: block;
    max-width: 500px;
    width: 100%;
    margin: auto;
    padding: 2em;
}
.cut_wrap .concept {
    position: relative;
}
.cut_wrap .concept .concept_caption{
    padding-bottom: 15%;
    position: relative;
    z-index: 2;
}
.cut_wrap .concept .concept_bg{
    position: absolute;
    bottom: 0;
    right: 0;
}
.cut_wrap .title_wrap {
    margin-bottom: 1em;
}
.cut_wrap .title_wrap h4 {
	font-size: 30px!important;
    padding: 0;
    margin-bottom: 0;
}
.cut_wrap .title_wrap h4 span{
    color: #38b7d1;
    margin-right: 1em;
}
.cut_wrap .sub_title_wrap p{
    display: inline-block;
    margin-bottom: 0;
    padding: 0;
}
.cut_wrap .sub_title_wrap {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.cut_wrap .sub_title_wrap .textbig{
    color: #eda40d;
    margin-left: 1em;
	font-size: 28px;
}
.cut_wrap .zone_box{
    padding: 1em;
    border: 1px solid #000;
}
.cut_wrap .tag{
    display: inline-block;
}
.cut_wrap .pink_head{
    padding: 0 1em;
    background: #EE3B7B;
    color: #fff;
    margin-bottom: 0;
}
.cut_wrap .zone_box h5{
    padding: 0;
    background: none;
    border: none;
    font-size: 18px!important;
    margin-top: 0;
    color: #000;
}
.cut_wrap .hairtitle{
    padding: 0;
    margin: 0;
}
.hakken .row{
    margin: 0;
    padding: 0;
}
.hakken .col-xs-6{
    padding: 0 5px;
}
.hakken .pink_head{
    margin-bottom: 1em;
}
.cut_wrap .rule{
    counter-reset: number;
}
.cut_wrap .rule li{
    margin: 0;
}
.cut_wrap .rule li::before{
    counter-increment: number;
    content: counter(number, upper-roman);
    color: #38b7d1;
}
.cut_wrap .step_arrow{
    text-align: center;
}
.cut_wrap .fdway3 p{
    margin-bottom: 0;
}
.cut_wrap .arrow{
    font-size: 30px;
    color: #EE3B7B;
    margin-top: 0;
    margin-bottom: 0;
}
.cut_wrap .fdway3 h4{
    background: #38b7d1;
}
.cut_wrap .fdway3 h4 span{
    font-weight: bold;
    margin-left: 1em;
    font-size: 120%;
    color:#fff;
}
.cut_wrap .step_box{
    border: 1px solid #DABC48;
    padding: 0 15px; 
}
.cut_wrap .kekka {
    padding: 0;
}
.cut_wrap .kekka .step_box{
    color: #38b7d1;
    font-weight: bold;
    padding:1em 0;
}
.cut_wrap .kekka{
    text-align: center;
}
.cut_wrap .clm5 li{
    width: 20%;
    font-size: small;
}
.cut_wrap .clm5 li .text{
    padding: 0 3px;
}
.cut_wrap .books{
    padding: 20px;
    border: 1px solid #ccc;
}
.color_wrap .keyimg img{
    width: 100%;
    height: auto;
}
/***********************
 *
 *     color
 *
 ***********************/
.color_wrap .staff_comment {
    margin-bottom: 3em;
}
.color_wrap .staff_comment .tmb {
    text-align: center;
}
.color_wrap .staff_comment .tmb img{
    width: 80%;
}
.color_wrap .staff_comment .comment{
    background: #F7F7F7;
    padding: 2em;
    border-radius: 20px;
    position: relative;
}
.color_wrap .staff_comment .comment::before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 20px 10px 0;
    border-color: transparent #F7F7F7 transparent transparent;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-100%, -50%);
}
.color_wrap .color_box .staff_comment{
    background: #f7f7f7;
    padding: 2em;
    border-radius: 20px;
}
.color_wrap .color_box .staff_comment .comment{
    background: #fff;
}
.color_wrap .color_box .staff_comment .comment::before{
    right: 0;
    left: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent #fff;
    transform: translate(100%, -50%);
}
.color_box h4{
    text-align: center;
}
.color_box h4 img{
    max-width: 210px;
}
.color_box .caption{
    border: 1px solid;
    padding: 2em;
}
.color_box .caption p{
    margin-bottom: 0;
}
.color_box.mint .caption{border-color: #b3df51;}
.color_box.pink .caption{border-color: #f1a5a5;}
.color_box.caramel .caption{border-color: #f4c664;}
.color_box.smokey .caption{border-color: #ced5db;}
.color_box.coral .caption{border-color: #f8b19b;}
.color_box .fuki img{
    max-width: 127px;
    transform: translateY(1em);
    position: relative;
    z-index: 2;
}
.color_box .ba{
    margin-bottom: 3em;
}
/***********************
 *
 *     eyebrow
 *
 ***********************/
.eyebrow_wrap .keyimg img{
    width: 100%;
}
.eyebrow_wrap .staff_info.flexbox{
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
}
.eyebrow_wrap .staff_info .img{
    width: 80px;
    margin-left: 1em;
}
.eyebrow_wrap .ougonhi .ougonhi_img{
    width: 40%;
}
.eyebrow_wrap .ougonhi .ougonhi_caption{
    width: 55%;
}
.eyebrow_wrap .ougonhi .ougonhi_caption dl{
    margin: 0;
}
.eyebrow_wrap .ougonhi .ougonhi_caption .flexbox{
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 2em;
    padding: 1em;
    background: #DBE7ED;
}
.eyebrow_wrap .ougonhi .ougonhi_caption dt{
    width: 50px;
    padding-left: 0;
    margin-bottom: 0;
}
.eyebrow_wrap .ougonhi .ougonhi_caption dd{
    width: calc(100% - 50px);
    margin-bottom: 0;
    padding-left: 1em;
}
.eyebrow_wrap .ougonhi .ougonhi_caption dd p{
    margin-bottom: 0;
}
.eyebrow_wrap .case .case_box{
    text-align: center;
    margin-bottom: 5em;
}
.eyebrow_wrap .case .img_box{
    width: 48%;
}
.eyebrow_wrap .case .img_box .tag{
    display: inline-block;
    padding: 0 3em;
    border: 1px solid;
    border-radius: 8px;
}
.eyebrow_wrap .case .img_box.before .tag{
    background: none;
    color: #000;
}
.eyebrow_wrap .case .img_box.after .tag{
    background: #000;
    color: #fff;
}
.eyebrow_wrap .case .img_box img{
    width: 100%;
}
.eyebrow_wrap .comment_box{
    background: #FBFBFB;
    padding: 2em;
}
.eyebrow_wrap .comment_box .title_text{
    margin-bottom: -1em;
}
.eyebrow_wrap .comment_box .comment_inner{
    text-align: left;
    padding: 3em 2em;
    background: #fff;
}
.eyebrow_wrap .counseling{
    margin-bottom: 3em;
}
.eyebrow_wrap .counseling_text{
    margin-top: 1em;
}
.eyebrow_wrap .price .price_box{
    text-align: center;
}
.eyebrow_wrap .price .stripe span{
    color: #fff;
    display: inline-block;
    padding:5px 2em;
    background-size: auto auto;
    background-color: rgba(152, 152, 152, 1);
    background-image: repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(175, 175, 175, 1) 4px, rgba(175, 175, 175, 1) 5.4px );
    position: relative;
}
.eyebrow_wrap .price .stripe span::before{
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 20px 0 0;
    border-color: #ffffff transparent transparent transparent;
}
.eyebrow_wrap .price .stripe span::after{
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 40px 20px;
    border-color: transparent transparent #ffffff transparent;

}
.eyebrow_wrap .price .stripe span::before,
.eyebrow_wrap .price .stripe span::after{
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: 0;
}
.eyebrow_wrap .price dl{
    display: inline-block;
   /* max-width: 500px;
    width: 100%;*/
}
.eyebrow_wrap .price .plus{
    text-align: left;
}
.eyebrow_wrap .price dt,
.eyebrow_wrap .price .yen{
    display: inline-block;
}
.eyebrow_wrap .price .mincho{
    font-size: 30px;
}
@media (max-width: 768px) {
/*************
recruit
**************/
.instabox.info-box002,
.pamp{
	width: 100%;
	display: block;
}
.instabox.info-box002{
	margin: 10px auto;
}
.instabox .wc-shortcodes-two-third{
	font-size: 90%;
}
.pamp{
	margin-top: 30px;
}
.recruit_wrap .flexbox.clm4 li{
    width: 47%;
    position: relative;
}
/*************
care
**************/
.skincareBox .photo{
	width: 100%;
}
.skincareBox figcaption{
	width: 100%;
}
.skinbar figcaption{
	width: 100%;
}
.skinbar .photo{
	width: 100%;
	margin-bottom: 20px;
}
.skinproduct figcaption{
	display: block;
	width: 70%;
}
.skinproduct .itemimg{
	width: 20%;
}
/***********************************

SEIJINSHIKI

************************************/
    .seijin .maedori .plan_list dl dt,
    .seijin .maedori .plan_list dl dd,
    .seijin .maedori .plan_list .price dt,
    .seijin .maedori .plan_list .price dd{
        width: 100%;
    }
    .seijin .maedori .plan_list .price dd{
        text-align: right;
        margin-top: 10px;
    }
}
@media (max-width: 480px) {
/*************
common
**************/
.sp_none{
	display: none;
}
.pc_none{
	display: block;
}
/*************
top
**************/
.flexbox.clm4 li{
	width: 48%;
}
#conceptWrp{
	/*display: block;*/
}
#conceptWrp div,
#conceptWrp .caption p{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#conceptWrp > div{
	padding-bottom: 50px;
}
#conceptWrp .caption p{
	font-size: 14px;
}
#conceptWrp h1{
	font-size: 18px!important;
}
#conceptWrp .main-title{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#menuWrp h2{
	font-size: 18px!important;
}
.menuList{
	-webkit-justify-content: space-between;
	justify-content: space-between;  /* 横方向の整列 flex-start space-around */
}
.menuList li{
	width: 48%;
	font-size: 12px;
}
.menuList::after{
	content: none;
}
.menuList figcaption{
	padding-left: 10px;
	padding-right: 10px;
}
.length_list.flexbox.clm4 li{
    width: 48%;
}
/*************
care > scproduct
**************/
.skinproduct li{
	background-color: #f8f6f6;
	background:linear-gradient(90deg,transparent 0%,transparent 0%,#f8f6f6 0%,#f8f6f6 100%);
	margin-bottom: 80px;
}
.skinproduct .number,
.skinproduct figure{
	width: 100%;
}
.skinproduct .number{
	margin-bottom: 0;
	}
.skinproduct .number img{
	width: 100px;
	}
.skinproduct figcaption{
	width: 100%;
}
.skinproduct figcaption .itemname{
	font-size: 18px;
}
.skinproduct figcaption .copy{
	font-size: 16px;
}
.skinproduct .itemimg{
	position: static;
	width: 40%;
	margin: auto;
}
/*************
treatment
**************/
#treatment p{
	text-align: left;
	}
#treatment .step .flexbox.clm2 li{
	width: 100%;
	margin-bottom: 50px;
}
#treatment .step figcaption p{
	font-size: 14px;
}
/*#treatment .step figure {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	}*/
	#treatment .menu dl > .flexbox{
		    border-left: 4px solid #91A5D8;
	}
#treatment .menu dt{
	margin-bottom: 0;
	border-left: none;
}
#treatment .menu .price{
	width: 100%;
	text-align: right;
}
.spatre_list.flexbox.clm2 li{
    width: 100%
}
#treatment .hairbotox .ba p{
   font-size: 12px;
}
#treatment .hairbotox .logo_wrap .logo_img{
    width: 80%;
    margin: auto;
}
/*#treatment .hairbotox .logo_wrap .logo_img,*/
#treatment .hairbotox .logo_wrap .text_box{
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
#treatment .hairbotox .logo_wrap .text_box .big{
display: inline-block;
    font-size: 26px;
}
/***********************************

PICKUP STAFF

************************************/
/*************
list
**************/
.pickup-staff .flexbox.clm3.staff-list li{
    width: 48%
}
/*************
top
**************/
.pu-top .title{
	margin-top: -35px;
}
.pu-top .namebox p{
	margin-top:0;
	margin-bottom:1em;
}
/*************
qa
**************/
.staff-qa figure .photo{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.staff-qa figure figcaption{
	width: 100%;
}
/*************
voice
**************/
.staff-voice .flexbox.clm2 > li{
	width: 100%;
	margin-bottom: 40px;
}
.staff-voice .fuki{
	font-size: 12px;
	padding-top: 30px;
	margin-bottom: 15px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
/*************
favorite
**************/
.my-favorite{
	margin-top: 50px;
	margin-bottom: 50px;
	}
.my-favorite .flexbox.clm3 li{
	width: 100%;
}
.my-favorite figure.flexbox figcaption{
	width: 70%;
	font-size: 14px
	}
.my-favorite figure.flexbox .photo{
	width: 25%;
}
/*************
staff-box
**************/
.staff-box .photo,
.staff-box .photo img{
	width: 100%;
}
.staff-box figcaption{
	width: 100%;
}
/***********************************

SPA

************************************/
	.spa-wrap .wrap-1 .box h4::after{
		font-size: 70px;
	}
	.spa-wrap .wrap-1 .box h4{
		margin-bottom: 20px!important;
		font-size: 20px!important;
	}
	.spa-wrap  figure.flexbox > *,
	.spa-wrap .wrap-1 .why figcaption,
	.spa-wrap .wrap-1 .why .photo{
		width: 100%;
	}
	.spa-wrap .wrap-1 figure .photo{
		text-align: center;
		width: 100%;
	}
	.spa-wrap .wrap-1 figure .photo img{
		width: 70%;
	}
	.spa-wrap .wrap-1 .checkList > p{
		margin-left: 0;
		text-align: center;
	}
	.spa-wrap .kodawari li{
		border-bottom: 1px solid #ccc;
		margin-bottom: 60px;
	}
	.spa-wrap .kodawari li:last-child{
		border-bottom: none;
	}
	.spa-wrap .kodawari h4{
	}
	.spa-wrap .kodawari h5 img{
		width: 50px;
		margin-right: .5em;
	}
	.spa-wrap .kodawari h5{
		font-size: 18px!important;
	}
	.spa-wrap .menu .tag{
		width: 100%;
	}
	/*.spa-wrap .menu .tag li:first-child {
		margin-bottom: 20px;
	}*/
	.spa-wrap .menu dd.price{
		width: 100%;
	}
/***********************************

NEW PRODUCT

************************************/
    /*************
    top
    **************/
    .new_product .top{
        margin-top: auto;
    }
    .new_product .top .new_tag{
        font-size: 20px;
    }
    .new_product .top .title{
        font-size: 24px;
    }
    /*************
    damage
    **************/
    .new_product .damage{
        margin-bottom: 50px;
    }
    .new_product .damage .title_box .sticky{
        position: static;
        margin-bottom: 0;
        transform: none;
    }
    .new_product .damage .title_box .title{
        width: 100%;
        text-align: center;
    }
    .new_product .damage .title_box h4{
        width: 100%;
        text-align: center;
    }
    .new_product .damage .illust_box figure{
        width: 100%;
    }
    .new_product .damage .illust_box figure:first-of-type{
        margin-bottom: 60px;
    }
    .new_product .damage .illust_box > .flexbox .arrow{
        width: 25%;
    }
    /*************
    item
    **************/
    .new_product .item .title_box h4{
        font-size: 24px!important;
    }
    .new_product .item > .flexbox figure{
        width: 100%;
    }
    .new_product .item > .flexbox figure:first-of-type{
        margin-bottom: -100px;
    }
/***********************************

SEIJINSHIKI

************************************/
    .seijin .flexbox.clm2 > *{
        width: 100%;
    }
    .seijin h3{
        padding: 20px 0;
        width: 100%;
        text-align: center;
    }
    .seijin h3::after{
        background-size: cover;
    }
    .seijin .keyV .text{
        padding: 150px 15px;
    }
    .seijin .keyV .text .sub_photo.left{
        top: 20px;
    }
    .seijin .keyV .text .sub_photo.right{
        bottom: 20px;
        top: auto;
    }
    .seijin .maedori .album .comment{
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }
    .seijin .maedori .album .ribon{
        margin-top: 20px;
    }
    .seijin .maedori .album .ribon img{
        width: 100%;
    }
    .seijin .maedori .album .flexbox.clm2 > li{
        width: 100%;
    }
    .seijin .planset dl,
    .seijin .planset .hayawari{
        width: 100%;
    }
    .seijin .planset .hayawari{
        margin-top: 30px;
        text-align: center;
    }
    .seijin .planset dl dt,
    .seijin .planset dl dd{
        padding-left: 0;
    }
    .seijin .flow_title{
        font-size: 50px;
    }
    .seijin .flow figcaption,
    .seijin .flow .photo{
        width: 100%;
    }
    .seijin .flow .num{
        text-align: center;
        padding-left: 0;
    }
    .seijin .flow .num + p{
        margin-top: 1em;
    }
    .contact_box{
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        background-color: #fff;
        z-index: 10;
        text-align: center;
    }
    .contact_box > p:first-of-type{
        display: none;
    }
    .contact_box .flexbox.clm2{
        margin: 0;
    }
    .contact_box .flexbox.clm2 li{
        width: 50%;
        margin: 0;
    }
    .contact_box li .shop{
        font-size: 12px;
        margin-top: 0;
    }
    .contact_box li a{
        letter-spacing: 1px;
        font-size: 0;
        /*height: 1rem;*/
    }  
    .contact_box li a::before{
        content: "TEL予約";
        font-weight: bold;
        display: block;
        font-size: 16px;
    }
    .contact_box li a{
        height: 1rem;
    } 
    .graduation .set .tag_list .tag{
        width: 60%;
    }
    .graduation .set .menu_box {
        width: 100%;
    }
    .graduation .fullset .photo,
    .graduation .fullset figcaption{
        width: 100%;
    }
    .graduation .fullset figcaption {
        text-align: center;
    }
    .graduation .fullset figcaption .price{
        display: inline-block;
        margin-bottom: 0;
        margin-top: 20px;
    }
    .graduation .fullset figcaption .point{
        text-align: left;
    }
    .graduation .hairup .menu_inner{
        width: 100%;
    }
    .graduation .contact_box .flexbox{
        margin: 0;
    }
    .graduation .contact_box li{
        margin: 0;
        width: 33.333%;
    }
    .newlife .title_img img{
        width: 100%;
    }
    .newlife .effect .effect_r{
        top: auto;
        bottom: -3em;
    }
    .newlife .newlife_inner{
        padding: 15px;
    }
    .newlife .ribbon li{
        font-size: 13px;
    }
    .newlife .newlife_ticket .ticket_box{
        width: 100%;
        margin-bottom: 1em;
    }
    .furisode .furisode_img,
    .furisode .furisode_caption{
        width: 100%;
    }
    .furisode h4{
        font-size: 20px!important;
    }
    .furisode .tokuten h4 .seven{
        width: 40px;
    }
    .furisode .tokuten_list li{
        display: block;
        margin-bottom: 2em;
        border-bottom: 1px solid #ccc;
        padding-bottom: 2em;
    }
    .furisode .tokuten_list li img{
        margin: auto;
        display: block;
        margin: auto;
        
    }
    .furisode .accessory h4{
        font-size: 20px!important;
    }
    .furisode .accessory .flexbox.clm3 li{
        width: 100%;
    }
    .furisode .tel_btn .futura{
        font-size: 20px;
    }
    .cut_wrap .fdmethod,
    .cut_wrap .fdway3{
        padding: 0 10px;
    }
    .cut_wrap .clm5 li {
        width: 49%;
    }
    .color_wrap .staff_comment{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .color_wrap .staff_comment .tmb{
        margin: auto;
        width: 60%;
        margin-bottom: 3em;
    }
    .color_wrap .color_box .staff_comment .tmb{
        margin: auto;
        width: 60%;
        margin-top: 3em;
    }
    .color_wrap .staff_comment .comment::before{
        top: 0;
        left: 50%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 20px 10px;
        border-color: transparent transparent #f7f7f7 transparent;
        transform: translate(-50% , -100%);
    }
    .color_wrap .color_box .staff_comment .comment::before{
        top: auto;
        bottom:0;
        left: 50%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 10px 0 10px;
        border-color: #fff transparent transparent transparent;
        transform: translate(-50% , 100%);
    }
    .colorstaff{
        margin-top: 2em;
    }
    .eyebrow_wrap .ougonhi .ougonhi_img img{
        width: 100%;
    }
    .eyebrow_wrap .ougonhi .ougonhi_img,
    .eyebrow_wrap .ougonhi .ougonhi_caption{
        width: 100%;
    }
    .eyebrow_wrap .price .stripe span::before{
        border-width: 70px 20px 0 0;
    }
    .eyebrow_wrap .price .stripe span::after{
        border-width: 0 0 70px 20px;
    }
}
@media (max-width: 320px) {
    .contact_box li .shop{
        font-size: 10px;
    }
}
/****追加CSS END****/