/*

Editor	: C.I.
Version	: 1.0
Since	: 2019-12-25

 */
/* top
--------------------------------------- */
.home .slick-dots li,
.home #Gnav{display:none;}
.home header.FixHd #Gnav{display:block;}
.home #inTtlWrap{width:auto;}

@media only screen and (max-width: 767px){
    .home #Gnav{display:block;}
}
/* topNail */
.topNail li{
margin-left:20px;
overflow:hidden;
width:350px;
height:350px;
text-align:center;
position:relative;
/*border:solid 1px #22336E;*/
border:solid 1px #fff;
border-radius: 20px;
background-color:#EAE5DF;
}
.topNail li figure{
position:absolute;
width:1000px;
height:350px;
text-align:center;
top:0;
left:50%;
margin-left:-500px;

}
.topNail li img{
margin-left:auto;
margin-right:auto;
}
.topNail li figure,
.topNail{margin-top:0;}
.home  #inTtlWrap{
padding:3em 0;
}
.topNail li figure img{
height:100%;
width:auto;
}
@media only screen and (max-width: 767px){
    .topNail li,
    .topNail li figure{
    height:180px;
    }
}

/* TOPgnav */
#TOPgnav{
background-color:#22336E;
}
#TOPgnav .inCon{
padding-top:1.5em;
padding-bottom:1.5em;
}
#TOPgnav ul{margin-top:0;}
#TOPgnav ul li{
width:15%;
float:left;
}
#TOPgnav ul li:first-child{
width:20%;
}
#TOPgnav ul li:nth-child(2){
width:10%;
}
#TOPgnav ul li:nth-child(3){
width:24%;
}
@media only screen and (max-width: 767px){
    #TOPgnav ul li:first-child,
    #TOPgnav ul li:nth-child(2),
    #TOPgnav ul li:nth-child(3),
    #TOPgnav ul li{
    width:48%;
    float:left;
    text-align:center;

    }
    #TOPgnav ul li{
    margin-top:5px;
    font-size:80%;
    }
    #TOPgnav ul li a{padding:1px 5px;display: block;}
    #TOPgnav ul li:nth-child(2n+1){
    clear:both;
    }
     #TOPgnav ul li:nth-child(2n){border-left:dotted 1px #fff;}
}
#TOPgnav ul:after{
content:'';
visibility: hidden;
display: block;
height:0;
line-height:1;
clear:both;
}


/* indexNews */
.indexNews .indexnewsTtl{float:left;width:20%;}
.indexNews .newsLists{float:right;width:78%;}
.indexNews .indexnewsTtl h2{margin-top:1em;}
.indexNews .inCon{padding-top:3em;}
.indexNews .inCon:after{
content:'';
visibility: hidden;
display: block;
height:0;
line-height:1;
clear:both;
}
@media only screen and (max-width: 767px){
    .indexNews .indexnewsTtl,
    .indexNews .newsLists{float:none;width:auto;}
    .indexNews .indexnewsTtl h2{margin-top:0;}
    .indexNews .inCon{padding-top:1em;}
}

/* .indexCampaign */
.indexCampaign .linkSet{
text-align:center;
margin-top:4em;
}
.indexCampaign .linkSet dt{font-size:0.9em}
.indexCampaign .linkSet dd li a{
border-bottom:solid 1px #324BA0;
padding-bottom:0.5em;
}
.indexCampaign{
background:url("/asset/img_cmn/con_bg_board_light.jpg") 0 0 repeat;
background-size:100% auto;
}

/* .indexGallery */

/* aboutKikoNail */
.aboutKikoNail{
border:solid 1px #52226E;
border-radius: 20px;
background-color:#D7D5E0;
padding:1em 4em 4em;
width:80%;
margin: 4em auto 0 auto;
}
.aboutKikoNail h2{text-align: center;color:#22336E;font-size: 1.8em;}
.aboutKikoNail img{border-radius: 20px;}

@media only screen and (max-width: 767px){
    .aboutKikoNail{
    padding:5px 1em 1em;
    width:auto;
    margin: 1em auto 0 auto;
    }
    .aboutKikoNail h2{font-size: 1.4em;}
}


/* Gallery
--------------------------------------- */

.galleryDetail .linkBtnInline{margin-top:2em;}
.galleryDetail .linkBtnInline li{margin-top:1em;}

#detailOthers,
#galleryOthers{
background:url("/asset/img_cmn/con_bg_board_light.jpg") 0 0 repeat;
background-size:100% auto;
}
#detailOthers .inCon,
#galleryOthers .inCon{padding-top:1em;}

.nailList li{font-size:0.9em;}
.tumList4.nailList li span{margin-top:0;}
.nailList li .picWrap{
width:100%;
height:280px;
display: block;
overflow: hidden;
position:relative;
border-radius: 30px;
border:solid 1px #A03D32;
}
.nailList li .inPicWrap{
width:800px;
height:100%;
display: block;
text-align:center;
position:absolute;
bottom:0;
top:0;
left:50%;
background-color:#EAE5DF;
margin-left:-400px;
}
.nailList li .inPicWrap img{
width:auto;
height:100%;
}

@media only screen and (max-width: 1400px){
    .nailList li .picWrap,
    .nailList li .inPicWrap{
    height:240px;
    }
}
@media only screen and (max-width: 1200px){
    .nailList li .picWrap,
    .nailList li .inPicWrap{
    height:220px;
    }
}
@media only screen and (max-width: 1024px){
    .nailList li .picWrap,
    .nailList li .inPicWrap{
    height:200px;
    }
}
.tumList4.nailList li{font-size:0.9em;}
.tumList4.nailList li .badgeList{
display: block;
text-align: center;
}
@media only screen and (max-width: 767px){
    .tumList4.nailList li{font-size:90%;}
    .nailList li .picWrap,
    .nailList li .inPicWrap{
    height:160px;
    }
}
@media only screen and (max-width: 360px){
    .nailList li .picWrap,
    .nailList li .inPicWrap{
    height:140px;
    }
}

/* news-campaign
--------------------------------------- */
.campaignNail li{font-size:0.9em;}
.campaignNail li .picWrap{
width:100%;
height:280px;
display: block;
overflow: hidden;
position:relative;
border-radius: 200px;
border:solid 1px #A03D32;

}
.campaignNail li .inPicWrap{
width:600px;
height: 100%;
display: block;
text-align:center;
position:absolute;
bottom:0;
top:0;
left:50%;
background-color:#EAE5DF;
margin-left:-300px;
}
.campaignNail li span{
margin-top:0 !important;
}
@media only screen and (max-width: 1400px){
    .campaignNail li .picWrap{
    height:240px;
    }
}
@media only screen and (max-width: 1200px){
    .campaignNail li .picWrap{
    height:220px;
    }
}
@media only screen and (max-width: 767px){
    .campaignNail li .picWrap{
    height:180px;
    }
}
@media only screen and (max-width: 380px){
    .campaignNail li .picWrap{
    height:160px;
    }
}
@media only screen and (max-width: 360px){
    .campaignNail li .picWrap{
    height:140px;
    }
}
.campaignNail li img{
width:auto;
height:100%;
vertical-align: middle;
}
.campaignNail li strong{display: block;text-align:center;}
.campaignNail li .linkttl{
font-size:1.2em;
color:#324BA0;
margin-left:2em;
margin-right:2em;
}


/* menu
--------------------------------------- */
.menu li{
margin-top:2em;
}
.menu li img{border-radius: 20px;border:solid 1px #A03D32;}
.otherMenu li img{border:solid 1px #A03D32;border-radius: 5px;}
@media only screen and (max-width: 767px){
    .menu li .Rttl:before{
    content:none;
    }
    .menu li .Rttl{font-size:0.9em;}
    .menu li .Rttl:after{
    display:block;
    margin-left:auto;
    margin-right:auto;
    }
}

/* prducts,goods
--------------------------------------- */
.goods li .badge{margin-left:0;margin-right:5px;}
.goods li img{border:solid 1px #A03D32;border-radius: 50px;}
.goods li a strong{
border-bottom:solid 1px #A03D32;
display:inline-block;
padding-bottom:0.5em;
}

.columG3 .goodsMainProducts{
border-top:solid 1px #707070;
margin-top:1.5em;
padding-top:1px;
}

/* about
--------------------------------------- */
.page-id-15 #contents{padding-top:0;}
.camMember{
background-color:#fff;
border:solid 1px #A03D32;
padding:2em 6em;
border-radius: 10px;
margin-top:2em;
}
@media only screen and (max-width: 767px){
    .camMember{
    padding:1em;
    }
}
.salonMessage{
padding-top:1px;
color:#fff;
background:url("/asset/img/salon_bg.jpg") no-repeat 50% 0;
background-size:100% auto;
}
.salonMessage .inCon{padding:10em 0;}
@media only screen and (max-width: 1277px){
    .salonMessage{
    background-size:auto 100%;
    }
}
@media only screen and (max-width: 767px){
    .salonMessage .inCon{padding:4em 0;}
    .salonMessage{
    padding-right:4em;
    background-position:40% 0;
    }
}