/*

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

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

/* topNail */
.topNail li{
margin-left:20px;
}
.topNail li img{
border-radius: 20px;
border:solid 1px #A03D32;
padding:-1px;
}
.topNail li figure,
.topNail{margin-top:0;}
.home  #inTtlWrap{
padding:3em 0;
}


/* TOPgnav */
#TOPgnav{
background-color:#22336E;
}
#TOPgnav .inCon{
padding-top:1.5em;
padding-bottom:1.5em;
}
#TOPgnav ul{margin-top:0;}
#TOPgnav ul li{
width:16.6%;
float:left;
}
#TOPgnav ul li:first-child{
width:20%;
}
#TOPgnav ul li:nth-child(2){
width:13%;
}
@media only screen and (max-width: 767px){
    #TOPgnav ul li:first-child,
    #TOPgnav ul li:nth-child(2),
    #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 */
.indexGallery .linkListInline{
margin-top:4em;
text-align:center;
}
.indexGallery .linkListInline li a{
padding-bottom:0.5em;
border-bottom:solid 1px #324BA0;
}

/* 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
--------------------------------------- */
.tumList4.nailList li img{
border-radius: 30px;
border:solid 1px #A03D32;
}
.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;}



/* news-campaign
--------------------------------------- */
.campaignNail li{font-size:0.9em;}
.campaignNail li img{
border-radius: 200px;
border:solid 1px #A03D32;
margin-bottom:10px;
font-size:0.8em;
}
.campaignNail li strong{display: block;text-align:center;}
.campaignNail li .linkttl{
font-size:1.2em;
color:#324BA0;
margin-left:2em;
margin-right:2em;
}
@media only screen and (max-width: 767px){
    .campaignNail li{font-size:90%;}
    .campaignNail li .linkttl{
    margin-left:0;
    margin-right:0;
    font-size:1.1em;
    }
}

/* gallery
--------------------------------------- */
.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%;}

}

/* 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;}


/* 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
--------------------------------------- */
.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 0 0;
backgound-size:100% auto;
}
.salonMessage .inCon{padding:10em 0;}