@charset "utf-8";

/*==============================================

	パリジェンヌ (SP)
	Common Styles

==============================================*/

/*================================
	Layout
================================*/
#contents::before{
	
}
body.open #contents::before{
	opacity: .2;
}





/*================================
	Elements
================================*/
body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,
ul,ol,li,
table,th,td,
embed,object,
figure,
small{
	font-size:1.2rem;
	line-height:1.7;
}
a{
	
}
main a.external[target=_blank]::after{
	content:"\f35d";
	margin-left:.5em;
	font-family: "Font Awesome 5 Free";
	font-size:1rem;
	font-weight:900;
	color:#999;
}
.note p{
	line-height: 2;
}
.note p:not(:last-of-type){
	margin-bottom: 2em;
}
.pconly{
	display:none !important;
}





/*================================
	header
================================*/
#siteheader {
	width: 100%;
	background: #fff;
	height: 6rem;
	position: fixed;
	left: 0;top: 0;
	z-index: 999;
}
#siteheader .logo{
	display: inline-block;
	position:absolute;
	left:50%;top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
#siteheader .logo img{
	height: 4rem;
}
#siteheader .menu {
	width: 6rem;height: 6rem;
	font-size: 0;
	text-indent: -9999px;
	position:absolute;
	left:0;top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition:background-color .3s ease-out;
	-moz-transition:background-color .3s ease-out;
	-ms-transition:background-color .3s ease-out;
	transition:background-color .3s ease-out;
}
#siteheader .menu::before,
#siteheader .menu::after{
	content: "";
	display: block;
	width: 2.5rem;
	position:absolute;
	left:50%;top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
#siteheader .menu::before{
	height: 1.8rem;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
#siteheader .menu::after{
	border-top: 1px solid  #999;
}
#siteheader .menu.open{
	background: #aa9268;
}
#siteheader .menu.open::before{
	border-color: #fff;
}
#siteheader .menu.open::after{
	border-color: #fff;
}

.otherlink {
	padding-top: 10px!important;
}
.ol {
	display: block;
	margin-bottom: 1rem;
	margin-top: .5rem;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Noto Sans Japanese','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-size: 1rem;
    color: #e8b5bd;
	text-align: center;
}


/*================================
	Entry
================================*/
#siteheader .entry{
	width: 6rem;height: 6rem;
	background: #cf7078;
	position: absolute;
	right: 0;top: 0;
}

#siteheader .entrynav .eye {
display: flex;
    align-items: center;
    flex-direction: column;
}
#siteheader .entrynav .fragrance {
display: flex;
    align-items: center;
    flex-direction: column;
    padding-bottom: 120px;
}

#siteheader .entrynav .brow {
display: flex;
    align-items: center;
    flex-direction: column;
}

#siteheader .entrynav .wax {
   display: flex;
    align-items: center;
}

#siteheader .entrynav .lash {
width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 80px;
    background-color: #fff;
}


#siteheader .entrynav img {
        width: 50px;
        height: 39px;
}

#siteheader .entrynav p {
        width: 70px;
	    text-align: center;
    margin-top: 5px;
}


#siteheader .entrynav .brow .group {
display: flex;
    flex-direction: column;
	width: 100%;
}

#siteheader .entrynav .wax {
display: flex;
    align-items: center;
    height: auto;
    width: auto;
    flex-direction: column;
}


#siteheader .entrynav .brow ul {
display: flex;
    display: -webkit-flex;
    /* -webkit-justify-content: center; */
    justify-content: flex-start;
    /* -webkit-align-items: flex-start; */
    align-items: center;
    width: 100%;
    padding: 24px 0px 22px 0px;
    background: #cf7078;
    flex-direction: column;
	border-bottom: solid 0.5px #dfbec1;
}

#siteheader .entry span{
	display: block;
	width: 100%;
	text-align: center;
	font-size: .7rem;
	font-weight: bold;
	line-height: 1.5;
	color: #fff;
	position:absolute;
	left:50%;top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
#siteheader .entry span::before{
	content: url(../img/sp/header_training_icon.svg);
	display: block;
	width: 1.5rem;
	margin: 0 auto .2rem;
}
#siteheader .entry strong{
	display: none;
}
#siteheader .entrynav {
	display: none;
	width: 100%;
	background: #cf7078;
	padding: 2rem 5%;
	position: absolute;
	left: 0;top: 6rem;
	overflow: scroll;
	    height: 710px;
}
#siteheader .entrynav ul{
	margin: 0 auto;
	padding: 24px 0px 22px 0px;
	
}
#siteheader .entrynav ul li:not(:last-of-type){
	/*margin-bottom: 2rem;*/
}
#siteheader .entrynav li a{
	display: block;
	padding: 1.3rem 0;
	text-align: center;
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.2rem;
	color: #fff;
}
#siteheader .entrynav li a strong{
	display: block;
	border-bottom: 1px solid  #fff;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	font-family: 'Prata', serif;
	font-weight: normal;
	font-size: 1.5rem;
	letter-spacing: .1em;
	line-height: 1.5;
}
#siteheader .entrynav li a span{
	display: block;

	font-family:"游ゴシック体", "Yu Gothic", YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Noto Sans Japanese','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 1rem;
	color: #e8b5bd;
}


/*================================
	Grobal Navi
================================*/
#gnav {
	display: none;
	width: 100%;
	background: #aa9268;
	border-top: 1px solid  #fff;
	position: fixed;
	left: 0;top: 6rem;
}
#gnav ul{
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items:stretch;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
#gnav ul li{
	width: 50%;
	border-bottom: 1px solid  #c1ad8e;
}
#gnav li a{
	display: block;
	padding: 1rem;
	text-align: center;
	font-size: .9rem;
	color: #dbc8b4;
}
#gnav li a span{
	display: block;
	font-family: 'Lato', serif;
	font-size: 1.3rem;
	letter-spacing: .1em;
	color: #fff;
}
#gnav ul li:nth-of-type(odd){
	border-right: 1px solid  #c1ad8e;
}



/*================================
	Footer
================================*/
/*------------------------
	Training
------------------------*/
#sitefooter .entrynav {
	background: #f9f5f4;
	padding: 5rem 5%;
}
#sitefooter .entrynav h6{
	background: url(../img/footer_reservation_title.svg) center center /auto 100% no-repeat;
	margin-bottom: 1rem;
	padding: 3rem 0 2rem;
	text-align: center;
	font-weight: normal;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.1rem;
	line-height: 1;
	letter-spacing: .1em;
	color: #cf7078;
}
#sitefooter .entrynav h6 span{
	display: block;
	margin-bottom: 1rem;
	font-family: 'Prata', serif;
	font-size: 1.8rem;
	letter-spacing: .2em;
}
#sitefooter .entrynav ul{
	
}
#sitefooter .entrynav li{
	max-width: 34rem;
	margin: 0 auto;
}
#sitefooter .entrynav li:not(:last-of-type){
	margin-bottom: -5px;
}
#sitefooter .entrynav li a{
	display: block;
	text-align: center;
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #cf7078;
}
#sitefooter .entrynav li a strong{
	display: block;
	border-bottom: 1px solid  #ad8686;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	font-family: 'Prata', serif;
	font-weight: normal;
	font-size: 1.6rem;
	letter-spacing: .1em;
	line-height: 1;
}
#sitefooter .entrynav li a span{
	display: block;
	margin-top: .5rem;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Noto Sans Japanese','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: .9rem;
	color: #666;
}



/*------------------------
	Contact Navi
------------------------*/
#sitefooter .contactnav {
	padding: 3rem 5% 5rem;
}
#sitefooter .contactnav ul{
	
}
#sitefooter .contactnav li{
	max-width: 24rem;
	margin: 0 auto;
}
#sitefooter .contactnav li:not(:last-of-type){
	margin-bottom: 3rem;
}
#sitefooter .contactnav li a{
	display: block;
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: auto 90%;
	background-size: auto 90%;
	padding: 3rem 0 0;
	text-align: center;
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.2rem;
	color: #cf7078;
}
	#sitefooter .contactnav li.contact a{
		background-image: url(../img/footer_contact_title.svg);
	}
	#sitefooter .contactnav li.line a{
		background-image: url(../img/footer_line_title.svg);
	}
	#sitefooter .contactnav li.tel a{
		background-image: url(../img/footer_tel_title.svg);
	-webkit-background-size: auto 80%;
	background-size: auto 80%;
	}
#sitefooter .contactnav li a strong{
	display: block;
	border-bottom: 1px solid  #ad8686;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	font-family: 'Prata', serif;
	font-weight: normal;
	font-size: 1.8rem;
	letter-spacing: .1em;
	line-height: 1;
}



/*------------------------
	Online Shop
------------------------*/
#sitefooter #store {
	background: url(../img/sp/footer_onlineshop_bg.jpg) center center /cover no-repeat;
	padding: 7rem 5%;
}
#sitefooter #store *{
	text-align: center;
	line-height: 1;
	color: #fff;
}
#sitefooter #store dt{
	font-family: 'Prata', serif;
	font-size: 2rem;
	letter-spacing: .1em;
}
#sitefooter #store dd a{
	display: block;
	max-width: 27rem;
	border: 1px solid  #fff;
	margin: 3rem auto 0;
	padding: 1.5rem 1rem;
	font-size: 1.2rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/*------------------------
	paris.
------------------------*/
#sitefooter #paris {
	background: url(../img/sp/footer_paris_bg.jpg) center center /cover no-repeat;
	padding: 7rem 5%;
}
#sitefooter #paris *{
	text-align: center;
	line-height: 1;
	color: #fff;
}
#sitefooter #paris dt{
	font-family: 'Prata', serif;
	font-size: 2rem;
	letter-spacing: .1em;
}
#sitefooter #paris dd a{
	display: block;
	max-width: 27rem;
	border: 1px solid  #fff;
	margin: 3rem auto 0;
	padding: 1.5rem 1rem;
	font-size: 1.2rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
}



/*------------------------
	Footer Navi
------------------------*/
#sitefooter .footnav {
	background: #cf7078;
}
#sitefooter .footnav .logo{
	display: none;
}
#sitefooter .footnav *{
	text-align: center;
	color: #fff;
}


/* FOoter Navi List ------------------*/
#sitefooter .footnavlist{
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items:stretch;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
#sitefooter .footnavlist li{
	width: 50%;
	border-bottom: 1px solid  #e0bfc3;
}
#sitefooter .footnavlist li:nth-of-type(odd){
	border-right: 1px solid  #e0bfc3;
}
#sitefooter .footnavlist li span{
	display: block;
	font-family: 'Lato', serif;
	font-size: 1.1rem;
	letter-spacing: .1em;
	color: #fff;
}
#sitefooter .footnavlist li a{
	display: block;
	padding: 1rem;
	text-align: center;
	font-size: .8rem;
	color: #e8b5bd;
}
#sitefooter .footnavlist li:first-of-type{
	margin-left: 0;
}
#sitefooter .footnavlist li:last-of-type{
	margin-right: 0;
}


/* Infonav ------------------*/
#sitefooter .infonav {
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 2rem 5%;
}
#sitefooter .infonav li{
	margin: 0 1rem;
}
#sitefooter .infonav li a{
	font-family: 'Lato', serif;
	font-size: .9rem;
	letter-spacing: .1em;
}



/*================================
	Copyright
================================*/
#copyright {
	background: #efd5d5;
	padding: 1.5rem 5%;
	text-align: center;
	font-family: 'Lato', serif;
	font-size: .8rem;
	letter-spacing: .1em;
	line-height: 1;
}
#copyright,
#copyright a{
	color: #cf7078;
}



/*================================
	Pagetop
================================*/
#pagetop{
	display:none;
	position:fixed;
	bottom:105px;
	right:15px;
}
#pagetop a {
	width:50px;
	height:50px;
	display:block;
	background:rgba(0,0,0,.8);
	text-align:center;
	text-decoration:none;
	text-indent:-9999px;
	color:#666;
}
#pagetop a::before{
	content:"";
	display:block;
	width:15px;height:15px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	position:absolute;
	top:50%;left:17.5px;
	margin-top:-5px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}



/*================================
	Contents
================================*/
#contents{
	padding-top: 6rem;
}



/*------------------------
	Page Header
------------------------*/
#contents .pageheader.basic {
	background: #fff;
	padding: 5rem 5%;
}
#contents .pageheader.basic *{
	text-align: center;
}
#contents .pageheader.basic h1,
#contents .pageheader.basic .pagetitle{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 1rem;
	line-height: 1;
}
#contents .pageheader.basic h1 em,
#contents .pageheader.basic .pagetitle em{
	display: block;
	font-family: 'Lato', serif;
	font-weight: 300;
	font-size: 1rem;
	letter-spacing: .1em;
	color: #cf7078;
}
#contents .pageheader.basic h1 span,
#contents .pageheader.basic .pagetitle span{
	display: block;
	margin: 1rem 0 1.5rem;
	font-family: 'Prata', serif;
	font-size: 2.4rem;
	letter-spacing: .1em;
}
#contents .pageheader.basic .copy,
#contents .pageheader.basic .copy{
	margin-top: 3rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.6rem;
}
#contents .pageheader.basic .note,
#contents .pageheader.basic .note{
	margin-top: 2rem;
}