@charset "utf-8";
/* CSS Document */


body{
color:#403532;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

/*pc */
@media print, screen and (min-width: 768px){
body{
padding-top: 105px;
}
.wrap{
padding: 0 50px;
}
}
/* sp */
@media only screen and (max-width: 767px){
body{
padding-top: 44px;
}
.wrap{
width: 96%;
margin: 0 auto;
}
}
a{
color:#403532;
}
.colorPink{color: #c0758e;}
.colorPink02{color: #be6e88;}/* BGがピンクの場合はこっちのテキストカラ― */


/* **ヘッダー************* */


header{
position: fixed;
z-index: 200;
top: 0px;
background: #fff;
width: 100%;
}
/*pc */
@media print, screen and (min-width: 768px){
body , html{min-width: 1140px;}
html {overflow: auto;}
.logo{
width: 100px;
margin-top: 25px;
margin-left: 1%;
float: left;
transition: .4s;
}

/* メニュー */
nav.drawer-nav{
display: block !important;
float: right;
}
nav li{
float: left;
margin:30px;
text-align: center;
transition: .4s;
}
nav li a.drawer-menu-item{
color: #716b69;
}
nav li a:hover.drawer-menu-item{
color: #c0758e;
}
nav li a span.crimson{
font-size: 22px;
line-height: 1.0em;
}
nav li a span.ruby{
font-size: 10px;
display: block;
}
.drawer-dropdown{
position: relative;
}
nav li.drawer-dropdown ul.drawer-dropdown-menu{
opacity: 0;
visibility: hidden;
transition: .4s;
list-style: none;
position: absolute;
z-index: 9999;
top: 50%;
left: -82%;
margin: 0;
padding: 0;
background-color: rgba(192,117,142,0.9);
width: 13em;
}
nav li.drawer-dropdown:hover .drawer-dropdown-menu{
top: 110%;
visibility: visible;
opacity: 1;
}

/* プルダウンメニュー */
.drawer-dropdown-menu li{
text-align: center;
margin: 0px auto;
padding: 0px;
display: block;
width: 100%;
}
.drawer-dropdown-menu li:last-child{
border: none;
}
.drawer-dropdown-menu li a{
display: block;
padding: 10px 0;
width: 100%;
border-bottom: 1px solid #e3b7c5;
transition: .4s;
font-size: 13px;
}
.drawer-dropdown-menu li a:hover{
background: #ac4265;
}

/* お問い合わせメニュー */
nav li.navContact{
margin: 0 0 0 30px;
}
nav li.navContact a{
padding: 30px;
background: #f3e8ec;
display: block;
height: 100%;
transition: .4s;
}
nav li.navContact a:hover{
background: #c0758e;
color: #fff;
}



/* スクロール後のメニュー */
header.is-animation nav li.navi{
margin: 10px 30px;
}
header.is-animation nav li.navContact{
margin: 0 0 0 30px;
}
header.is-animation nav li.navContact a{
padding: 10px 30px;
}
header.is-animation .logo{
width: 100px;
margin-top: 10px;
margin-left: 1%;
float: left;
}
}
@media print, screen and (max-width: 1040px){
nav li{
margin: 30px 20px;
}
nav li.navContact{
margin: 0 0 0 20px;
}
header.is-animation nav li.navi{
margin: 10px 20px;
}
header.is-animation nav li.navContact{
margin: 0 0 0 20px;
}
}
@media print, screen and (max-width: 910px){
nav li{
margin: 30px 10px;
}
nav li.navContact{
margin: 0 0 0 10px;
}
header.is-animation nav li.navi{
margin: 10px 10px;
}
header.is-animation nav li.navContact{
margin: 0 0 0 10px;
}
}



/* sp */
@media only screen and (max-width: 767px){
header{
height: 44px;
}
.logo{
width: 65px;
margin-top: 8px;
margin-left: 1%;
float: left;
}
button.drawer-hamburger,
button.drawer-hamburger a:hover{
background: #f3e8ec !important;
}
nav li a span.crimson{
font-size: 24px;
line-height: 1.0em;
}
nav li a span.ruby{
font-size: 13px;
display: block;
}
nav li{
margin: 0 10px;
text-align: center;
}
nav li.navi{
border-bottom: 1px solid #e3b7c5;
padding: 5px 0;
}
.drawer-dropdown-menu li{
margin: 0px;
}
header.is-animation nav li.navi{
margin: 0px;
}
}




/* **ボタン・テキストリンク************* */

.btn a{
border: 1px solid #786e6c;
text-align: center;
display: block;
transition: .4s;
}
.btn a:hover{
border: 1px solid #c0758e;
text-align: center;
background: #c0758e;
color: #fff;
display: block;
}
.mado span{
position: relative;
display: inline-block;
}
.mado span::after{
content: " ";
width: 12px;
height: 12px;
background: url(../images/icon-mado.png) no-repeat;
background-size: 100%;
position: absolute;
top: 24%;
right: -20px;
transition: .4s;
}
.mado a:hover span::after{
background: url(../images/icon-madoOn.png) no-repeat;
background-size: 100%;
}

.btnL.yaji span{
position: relative;
display: inline-block;
}
.btnL.yaji span::after{
content: " ";
width: 8px;
height: 15px;
background: url(../images/btnYaji.png) no-repeat;
background-size: contain;
transition: .4s;
position: absolute;
top: 25%;
right: -20px;
}
.btnL.yaji a:hover span::after{
background: url(../images/btnYajiOn.png) no-repeat;
background-size: contain;
}
.btnM.yaji span{
position: relative;
display: inline-block;
}
.btnM.yaji span::after{
content: " ";
width: 6px;
height: 11px;
background: url(../images/btnYaji.png) no-repeat;
background-size: 100%;
transition: .4s;
position: absolute;
top: 24%;
right: -15px;
}
.btnM.yaji a:hover span::after{
background: url(../images/btnYajiOn.png) no-repeat;
background-size: 100%;
}
.btnS.yaji span{
position: relative;
display: inline-block;
}
.btnS.yaji span::after{
content: " ";
width: 5px;
height: 10px;
background: url(../images/btnYaji.png) no-repeat;
background-size: 100%;
transition: .4s;
position: absolute;
top: 31%;
right: -13px;
}
.btnS.yaji a:hover span::after{
background: url(../images/btnYajiOn.png) no-repeat;
background-size: 100%;
}
/*pc */
@media print, screen and (min-width: 768px){
.btnL a{
height: 80px;
line-height: 80px;
margin: 0 auto;
}
.btnM a{
width: 300px;
height: 50px;
line-height: 50px;
margin: 0 auto;
}
.btnS a{
width: 110px;
height: 30px;
line-height: 30px;
margin: 0 auto;
}
}
/* sp */
@media only screen and (max-width: 767px){
.btnL a{
width: 100%;
padding: 20px 0;
margin: 0 auto;
}
.btnM a{
width: 80%;
padding: 10px 0;
margin: 0 auto;
}
.btnS a{
width: 30%;
padding: 3px 0 6px;
margin: 0 auto;
font-size: 14px;
}
.btnM.yaji span::after{
top: 28%;
}
.btnS.yaji span::after{
top: 34%;
}
}
a.txtLink01{
color: #403532;
transition: .4s;
}
a.txtLink01:hover{
color: #c0758e;
}


/* **Brand************* */

.enTitleM{
text-align: center;
margin-bottom: 30px;
}
.enTitleM span{
position: relative;
display: inline-block;
margin-bottom: 40px;
}
.enTitleM span:before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 64px;
height: 1px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: #786e6c;
}
.enTitleM em{
color: #c0758e;
}
/*pc */
@media print, screen and (min-width: 768px){
.enTitleM span,.enTitleM em{
font-size: 56px;
}
ul.topBrand li{
width: 313px;
margin-bottom: 50px;
}
ul.topBrand li:nth-child(3n+2):last-child{
margin-left: auto;
margin-right: 35%;
}
.mb0,.mb0Pc{
margin-bottom: 0px !important;
}
}
/* sp */
@media only screen and (max-width: 767px){
.enTitleM{
margin-bottom: 30px;
}
.enTitleM em{
font-size: 40px;
}
.enTitleM span{
font-size: 40px;
margin-bottom: 30px;
}
.topBrandImg img{
width: 100%;
height: 150px;
object-fit: cover;
}
ul.topBrand li{
margin-bottom: 40px;
}
.mb0,.mb0Sp{
margin-bottom: 0px !important;
}
}



/* **News************* */

.enTitleS{
text-align: center;
}
dl.news{
border-top: 1px solid #a69b99;
}
/*pc */
@media print, screen and (min-width: 768px){
.enTitleS span{
font-size: 40px;
}
dl.news dt{
float: left;
clear: left;
width: 7em;
color: #a8a19f;
font-weight: bold;
padding: 16px 0;
}
dl.news dd{
border-bottom: 1px solid #a69b99;
padding: 16px 0;
padding-left: 7.5em; /* dtの幅以上のpaddingをとる*/
}
}
/* sp */
@media only screen and (max-width: 767px){
.enTitleS span{
font-size: 34px;
}
dl.news dt{
color: #a8a19f;
font-weight: bold;
padding-top: 12px;
}
dl.news dd{
border-bottom: 1px solid #a69b99;
padding-bottom: 12px;
}
}



/* **Online store～バナー************* */

.bgPink{
background: #f3e8ec;
}
.bnr img{
transition: .4s;
}
.bnr a:hover img{
opacity: 0;
}
/*pc */
@media print, screen and (min-width: 768px){
.topOnline{
position: relative;
padding: 120px 0 80px;
margin-top: 150px;
}
.topOnlineTitle{
position: absolute;
top: -56px;
left: 0px;
right: 0px;
}
.bnrRecruit{
background: url(../images/bnr-recruitOn.jpg) no-repeat top left;
background-size: 100%;
}
.bnrShop{
background: url(../images/bnr-shopOn.jpg) no-repeat top left;
background-size: 100%;
}
.bnrOnline{
background: url(../images/bnr-onlineOn.jpg) no-repeat top left;
background-size: 100%;
}
}
/* sp */
@media only screen and (max-width: 767px){
.topOnline{
position: relative;
padding: 80px 0 60px;
margin-top: 80px;
}
.topOnlineTitle{
position: absolute;
top: -35px;
left: 0px;
right: 0px;
}
.bnrRecruit{
background: url(../images/bnr-recruitOn-sp.jpg) no-repeat top left;
background-size: 100%;
}
.bnrShop{
background: url(../images/bnr-shopOn-sp.jpg) no-repeat top left;
background-size: 100%;
}
.bnrOnline{
background: url(../images/bnr-onlineOn-sp.jpg) no-repeat top left;
background-size: 100%;
}
}


/* **フッターエリア************* */

.foot{
background: #f3f1f0;
}
ul.footMenu li{
float: left;
margin-right: 26px;
padding-left: 14px;
}
ul.footMenu li span{
position: relative;
display: inline-block;
}
ul.footMenu li span::before{
content: " ";
width: 11px;
height: 11px;
background: url(../images/footIcon.png) no-repeat top left;
background-size: 100%;
position: absolute;
top: 7px;
left: -14px;
transition: .4s;
}
ul.footMenu li a:hover span::before{
background: url(../images/footIconOn.png) no-repeat top left;
background-size: 100%;
}

/*pc */
@media print, screen and (min-width: 768px){
.foot{
padding: 30px 0 80px;
}
.footInner{
position: relative;
}
address{
position: absolute;
top: 0;
right: 0;
}
#forTop {
position: fixed;
bottom: 20px;
right: 40px;
width: 64px;
height: 48px;
}
}
/* sp */
@media only screen and (max-width: 767px){
.foot{
padding: 20px 0 40px;
}
address{
text-align: center;
}
#forTop {
position: fixed;
bottom: 10px;
right: 10px;
width: 40px;
height: 40px;
}
}






/* **サブページ************* */

.subMainTitle{
/* background-color: rgba(255,255,255,0.7);	 */
position: relative;
}
.subMainTitle02{
position: relative;
}
.subMainTitle h1 em , .subMainTitle02 h1 em , .subMainTitle03 h1 em{
color: #c0758e;
}
/*.subMainLine{
width: 64px;
height: 1px;
background: #c0758e;
position: absolute;
bottom: 0px;
left: 0;
right: 0;
margin: auto;
}
.subMainLine02{
width: 64px;
height: 1px;
background: #786e6c;
margin: 18px auto 0;
}
*/

/*pc */
@media print, screen and (min-width: 768px){
.subMainImg{
width: 100%;
height: 200px;
position: relative;
background: url(../images/sub-mainBg.jpg) no-repeat center center;
background-size: auto 300px;
}
.subMainTitle{
width: 350px;
height: 128px;
position: absolute;
top: 40px;
left: 0px;
right: 0px;
margin: auto;
}
.subMainTitle02{
height: 128px;
position: absolute;
top: -50px;
left: 0px;
right: 0px;
margin: auto;
}
.subMainTitle h1 , .subMainTitle h1 em ,
.subMainTitle02 h1 , .subMainTitle02 h1 em ,
.subMainTitle03 h1 , .subMainTitle03 h1 em{
font-size: 70px;
line-height: 1.2em;
}
.subMainTitle p ,
.subMainTitle02 p,
.subMainTitle03 p{
font-size: 18px;
font-weight: bold;
line-height: 1.5em;
}

}
/* sp */
@media only screen and (max-width: 767px){
.subMainImg{
width: 100%;
height: 10em;
position: relative;
background: url(../images/sub-mainBg-sp.jpg) repeat center center;
}
.subMainTitle{
width: 60%;
position: absolute;
top: 17%;
left: 0px;
right: 0px;
margin: auto;
}
.subMainTitle02{
position: absolute;
top: -37px;
left: 0px;
right: 0px;
margin: auto;
padding-bottom: 10px;
}
.subMainTitle h1 , .subMainTitle h1 em ,
.subMainTitle02 h1 , .subMainTitle02 h1 em,
.subMainTitle03 h1 , .subMainTitle03 h1 em{
font-size: 46px;
line-height: 1.5em;
}
.subMainTitle p,
.subMainTitle02 p,
.subMainTitle03 p{
font-size: 16px;
font-weight: bold;
line-height: 1.4em;
}
}



ol.kz li{
float: left;
color: #8f8683;
}
ol.kz li span{
color: #8f8683;
}
ol.kz li:after{
content: "/";
font-size: 10px;
padding-right: 10px;
margin-left: 10px;
}
ol.kz li:last-child:after{
content: none;
padding: 0px;
margin: 0px;
}
/*pc */
@media print, screen and (min-width: 768px){
ol.kz{
margin-bottom: 90px;
}
ol.kz02{
margin-bottom: 60px;
}
footer.subFooter{
padding-top: 40px;
border: 1px solid #d9d4d1;
}
}
/* sp */
@media only screen and (max-width: 767px){
ol.kz{
margin-bottom: 40px;
}
footer.subFooter{
padding-top: 20px;
border: 1px solid #d9d4d1;
}
}



/* **ブランド一覧************* */

/*pc */
@media print, screen and (min-width: 768px){
.brandList{
position: relative;
}
.brandListImg{
width: 590px;
}
.brandText{
width: 400px;
position: absolute;
}
.brandText01{
top: 80px;
right: 0px;
}
.brandText02{
top: 80px;
left: 0px;
}
.brandText03{
top: 80px;
right: 0px;
}
.brandText04{
top: 80px;
right: 0px;
}
.brandText05{
top: 80px;
left: 0px;
}
}
/* sp */
@media only screen and (max-width: 767px){
.brandListImg img{
width: 100%;
height: 150px;
object-fit: cover;
}
}


/* **ジュニア　インスタ埋め込み************* */

/*pc */
@media print, screen and (min-width: 768px){
.inst iframe{
height: 410px;
}
}
/* sp */
@media only screen and (max-width: 767px){
.inst iframe{
height: 33vw;
}
}



/* **店舗一覧************* */



.titleM{
text-align: center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin-bottom: 20px;
}
.titleM span{
position: relative;
display: inline-block;
margin-bottom: 20px;
font-weight: bold;
}
.titleM span:before {
content: '';
position: absolute;
bottom: -10px;
display: inline-block;
width: 64px;
height: 1px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: #786e6c;
}
.titleObi{
background: #f3f1f0;
padding: 2px 0 2px 20px;
}

ul.shopList li{
margin: 40px 0;
padding-bottom: 40px;
border-bottom: 1px solid #786e6c;
}
ul.shopList li:last-child{
margin: 40px 0 0;
padding: 0px;
border: none;
}

.shopInfo table{
width: 100%;
}
.shopInfo table th{
width: 6em;
border-bottom: 10px solid #fff;
}
.shopInfo table th p{
background: #f3f1f0;
width: 6em;
text-align: center;
line-height: 1.5em;
}
.shopInfo table td{
padding-left: 15px;
line-height: 1.5em;
border-bottom: 10px solid #fff;
}

/*pc */
@media print, screen and (min-width: 768px){
.titleM span{
font-size: 26px;
}
.titleM.crimson span{
font-size: 30px;
}
.shopImg{
width: 300px;
float: left;
}
.shopInfo{
width: 690px;
float: right;
}
.btnShop a{
width: 160px;
margin: 0px;
}
}
/* sp */
@media only screen and (max-width: 767px){
.titleM span{
font-size: 20px;
}
.titleM.crimson span{
font-size: 26px;
}
.shopImg{
width: 300px;
margin: 0 auto 20px;
}
.btnShop{
width: 48%;
}
.btnShop a{
width: 100%;
}
}




/* **お知らせ************* */

.pageNavi{
text-align: center;
}
.pageNavi li{
padding: 0 10px;
display: inline-block;
vertical-align: middle;
}
.pageNavi li a{
line-height: 1.5em;
}
.pageNavi li.on{
background: #c0758e;
}
.pageNavi li.on a{
color: #fff;
}
.newsTitle{
border-bottom: 1px solid #786e6c;
padding-bottom: 10px;
margin-bottom: 10px;
}
.day{
margin-bottom: 10px;
}
/*pc */
@media print, screen and (min-width: 768px){
.bgPinkWrap{
position: relative;
padding: 140px 0 120px;
margin-top: 0px;
}
.bgPinkWrap02{
position: relative;
padding: 80px 0 120px;
margin-top: 0px;
}
.pageNavi a{
font-size: 20px;
vertical-align: bottom;
}
}
/* sp */
@media only screen and (max-width: 767px){
.bgPinkWrap{
position: relative;
padding: 120px 0 60px;
}
.bgPinkWrap02{
position: relative;
padding: 60px 0 60px;
}
.pageNavi a{
font-size: 18px;
}
.newsText img{
width: 100% !important;
height: auto !important;
}
}




/* **お問い合わせトップ************* */

/*pc */
@media print, screen and (min-width: 768px){
.contBtnL{
width: 375px;
float: left;
}
.contBtnR{
width: 375px;
float: right;
}
.tel{
font-size: 40px;
}
.tel span{
font-size: 50px;
}
}
/* sp */
@media only screen and (max-width: 767px){
.tel{
font-size: 30px;
}
.tel a{
font-size: 40px;
}
}





/* **お問い合わせフォーム************* */

table.table01{
width: 100%;
border-top: 1px solid #786e6c;
}
table.table01 input.inpM,
table.table01 textarea{
border: none;
padding: 15px 20px;
box-sizing: border-box;
width: 100%;
}
table.table01 input.formShop{
border: none;
padding: 15px 20px;
box-sizing: border-box;
width: 93%;
}
.down{
border: none;
padding: 15px 20px;
width: 100%;
}
.down option.firstSelect{
color: #A8A19F !important;
}

input::placeholder {color: #a8a19f;}
input:-ms-input-placeholder {color: #a8a19f;}
input::-ms-input-placeholder {color: #a8a19f;}

.kojin{
text-align: center;
}
.kojin input{
background: #fff;
border: 1px solid #a8a19f;
}
.kojin label {
line-height: 135%;
position: relative;
margin: 0.5rem;
cursor: pointer;
}

.check{
position: relative;
margin: 0 1rem 0 0;
}
.check:before {
position: absolute;
z-index: 1;
top: 0.125rem;
left: 0.1875rem;
width: 0.75rem;
height: 0.375rem;
content: '';
-webkit-transition: cubic-bezier(0.45, 1.8, 0.5, 0.75);
transition: cubic-bezier(0.45, 1.8, 0.5, 0.75);
webkit-transform: rotate(-45deg) scale(0, 0);
transform: rotate(-45deg) scale(0, 0);
border: 2px solid #da3c41;
border-top-style: none;
border-right-style: none;
}
.check:checked:before {
-webkit-transform: rotate(-45deg) scale(1, 1);
transform: rotate(-45deg) scale(1, 1);
}
.check:after {
position: absolute;
top: 0;
left: 0;
width: 1rem;
height: 1rem;
content: '';
cursor: pointer;
border: 1px solid #a8a19f;
background: #ffffff;
}

.radioWrap label {
line-height: 135%;
position: relative;
margin: 0.5rem;
cursor: pointer;
}
.radio{
position: relative;
margin: 0 1rem 0 0;
cursor: pointer;
}
.radio:before {
position: absolute;
z-index: 1;
top: 0.2rem;
left: 0.1rem;
width: 0.75rem;
height: 0.75rem;
content: '';
-webkit-transition: cubic-bezier(0.45, 1.8, 0.5, 0.75);
transition:  cubic-bezier(0.45, 1.8, 0.5, 0.75);
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
border-radius: 50%;
background: #da3c41;
}
.radio:checked:before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.radio:after {
position: absolute;
top: 0;
left: -0.125rem;
width: 1rem;
height: 1rem;
content: '';
border: 1px solid #a8a19f;
border-radius: 50%;
background: #ffffff;
}

.yajiL span{
position: relative;
display: inline-block;
}
.yajiL span::after{
content: " ";
width: 6px;
height: 11px;
background: url(../images/btnYajiL.png) no-repeat;
background-size: 100%;
transition: .4s;
position: absolute;
top: 24%;
left: -15px;
}
.yajiL a:hover span::after{
background: url(../images/btnYajiLOn.png) no-repeat;
background-size: 100%;
}

/*pc */
@media print, screen and (min-width: 768px){
table.table01 th{
width: 260px;
border-bottom: 1px solid #786e6c;
border-right: 1px solid #786e6c;
padding: 20px 40px;
text-align: left;
vertical-align: middle;
}
table.table01 td{
border-bottom: 1px solid #786e6c;
padding: 20px 10px 20px 35px;
text-align: left;
}
.btnContWrap{
width: 450px;
margin: 0 auto;
}
.btnCont a{
width: 200px;
}
.formShop{
margin-left: 35px;
}
}
/* sp */
@media only screen and (max-width: 767px){
table.table01 th{
width: 100%;
padding-top: 20px;
text-align: left;
vertical-align: middle;
display: block;
font-weight: bold;
color: #8f8683;
}
table.table01 td{
width: 100%;
border-bottom: 1px solid #786e6c;
padding-top: 10px;
padding-bottom: 20px;
text-align: left;
vertical-align: middle;
display: block;
}
.btnContWrap{
width: 100%;
}
.btnCont{
width: 48%;
}
.btnCont a{
width: 100%;
}
.check:before {
top: 0.05rem;
left: 0.05rem;
}
.check:after {
top: -2px;
left: -1.3px;
}
.radio:before {
top: 0.1rem;
left: 0.05rem;
}
.radio:after {
top: -0.1rem;
left: -0.13rem;
}
table.table01 input.formShop{
width: 100%;
}
}



/* **会社案内************* */

table.torihiki{
width: 100%;
}
table.enkaku{
width: 100%;
border-bottom: 1px solid #786e6c;
border-top: none;
}
table.enkaku th{
color: #8f8683;
font-weight: bold;
border-top: 1px solid #786e6c;
border-bottom: none;
}
table.enkaku td{
border-top: 1px solid #786e6c;
border-bottom: none;
}

table.enkaku .borderN{
border: none !important;
padding-top: 0px;
}
.ggmap {
position: relative;
padding-bottom: 30%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*pc */
@media print, screen and (min-width: 768px){
table.enkaku th{
width: 240px;
border-right: none;
padding: 20px 0px 20px 40px;
}
table.enkaku td{
padding: 20px 40px 20px 0;
}
table.enkaku .enkaku-month{
padding-left: 13em;
}
}
/* sp */
@media only screen and (max-width: 767px){
table.enkaku td{
border-top: none;
}
.torihiki td{
width: 100%;
display: block;
}
}



/* **エフタイムについて************* */

.koudouWrap{
background: #f3e8ec;
}
/*pc */
@media print, screen and (min-width: 768px){
.koudouWrap{
padding: 25px 40px 30px;
}
}
/* sp */
@media only screen and (max-width: 767px){
.koudouWrap{
padding: 20px;
}
}



/* **採用案内************* */

.interview{
position: relative;
}
.interviewName{
display: inline-block;
background-color: rgba(255,255,255,0.9);
}
.interviewMain{
position: relative;
}
.interviewTitle{
margin-top: -15px;
}
.interviewText{
padding-bottom: 40px;
position: relative;
}
.interviewText:before{
content: '';
position: absolute;
bottom: 0px;
display: inline-block;
width: 64px;
height: 1px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: #786e6c;
}

.tableRe02{
width: 100%;
border: 4px solid #e3b7c5;
}
.tableRe02 tr{
margin-bottom: 20px;
}
.tableRe02 th{
background: #f3e8ec;
padding: 40px 0;
text-align: center;
vertical-align: middle;
}
.tableRe02 td{
padding: 40px;
}
/*pc */
@media print, screen and (min-width: 768px){
.interviewWrap{
margin-top: 350px;
padding-top: 0px;
}
.interview{
padding-top: 180px;
}
.interviewMainWrap{
position: absolute;
top: -250px;
}
.interviewName{
padding: 20px 50px;
position: absolute;
top: 95px;
right: 125px;
}
.tableRe02 th{
width: 220px;
}
}
/* sp */
@media only screen and (max-width: 767px){
.interviewWrap{
margin-top: 45vw;
}
.interview{
padding-top: 10vw;
}
.interviewMainWrap{
position: absolute;
top: -55vw;
}
.interviewName{
padding: 15px 15px;
position: absolute;
top: 12vw;
right: 10px;
}
.tableRe02 th{
display: block;
width: 100%;
padding: 20px 0;
}
.tableRe02 td{
display: block;
width: 100%;
padding: 20px 5%;
}
}


/* **募集要項************* */

table.tableRe , table.tableRe th , table.tableRe td{
margin: 0px;
padding: 5px 20px;
border: none;
}
table.tableRe{
width: 100%;
}
table.tableRe tr:nth-child(even) th , table.tableRe tr:nth-child(even) td{
background: #f3f1f0;
}
.vaTop{
vertical-align: top !important;
}
/*pc */
@media print, screen and (min-width: 768px){
table.tableRe th{
width: 13em;
}
}



/* **ブランド　＞　詳細ページ************* */



.brandTop{
position: relative;
}
/*pc */
@media print, screen and (min-width: 768px){
.brandTop{
margin-top: 400px;
}
.brandImg{
position: absolute;
top: -360px;
height: 480px;
}
.brandImg img , .brandImg03 img{
width: 1000px;
height: 480px;
object-fit: cover;
}
.brandImg02{
width: 313px;
float: left;
}
.brandInfo{
width: 680px;
float: right;
}
.btnOnline a{
width: 160px;
margin: 0px;
}
.brand1of3{
width: 313px;
}
.brand1of3 .brandInfo{
width: 313px;
float: none;
}
.brand1of3 .brandImg02{
width: 313px;
float: none;
}
.brand1of3 .btnOnline{
width: 160px;
margin: 0 auto;
}
}
/* sp */
@media only screen and (max-width: 767px){
.brandTop{
margin-top: 50vw;
padding-top: 20vw;
}
.brandImg{
position: absolute;
top: -40vw;
left: 0px;
right: 0px;
margin: auto;
width: 90%;
}
.brandImg02 img{
width: 100%;
height: 150px;
object-fit: cover;
}
.btnOnline{
width: 80%;
margin: 0 auto;
}
.btnOnline02Sp{
width: 48%;
}
.btnOnline a{
width: 100%;
}
}





/* **ブランド　＞　コスメ　＞　ジョアンズ・ア・キーパー************* */


/*pc */
@media print, screen and (min-width: 768px){
.posiR{
position: relative;
}
.joans-subText{
width: 494px;
}
.joans-mv{
position: absolute;
top: 0px;
left: 0px;
}
.joans-mv video{
width: 494px;
height: 277px;
}
.joans-point{
width: 900px;
margin: 0 auto;
}
.markBox{
padding: 30px 20px;
border: 1px solid #786e6c;
}
.markBoxL{
width: 474px;
float: left;
}
.markBoxR{
width: 474px;
float: right;
}
.markImg{
width: 131px;
float: left;
}
.markText{
width: 320px;
float: right;
}
ul.item li{
width: 230px;
margin-bottom: 40px;
}
}
/* sp */
@media only screen and (max-width: 767px){
.markBox{
padding: 20px;
border: 1px solid #786e6c;
}
.markImg{
width: 30%;
margin: 0 auto 10px;
}
ul.item li{
width: 48%;
margin-bottom: 20px;
}
.joans-mv video{
width: 100%;
height: auto;
}
}


/* **サイトマップ************* */

.sitemap li{
margin-bottom: 5px;
}
/* sp */
@media only screen and (max-width: 767px){
.sitemap li{
margin-bottom: 10px;
}
}




/* **20191002　フッターバナー追加************* */

/*pc */
@media print, screen and (min-width: 768px){
.footbnr{
position: absolute;
top: 35px;
left: 0px;
width: 234px;
transition: .3s;
}
.footbnr:hover{
opacity: 0.6;
}
.foot{
padding-bottom: 110px;
}
}
/* sp */
@media only screen and (max-width: 767px){
.footbnr{
width: 234px;
margin: 20px auto 0;
}
}