@charset "UTF-8";

.leafIcons, .leafIcons a { font-family: "Bushcraft-Plants"; }

////////////////////////
// /*main contents common */ 
////////////////////////
#pageHome .slideshow { margin-bottom: 10rem }

#contents { width: 100%; margin: 0px auto; padding: 0px 10px; text-align: center;}
#contents h2, #contents h3, #contents h4, #contents h5 { text-align: center; font-family:'Josefin Sans'; }
#contents h2 { font-size:3rem; font-weight:200; margin:0px 0px 2rem 0px; }
#contents h3 { font-size:2.5rem; font-weight:200;  }
#bottomReserve { margin: 0px auto; padding: 75px 10px 60px }
    #pageHome #bottomReserve { padding: 0px 10px 60px }
#bottomReserve h3, #contents .sectionH3backline h3, #smpMenuOuter .reserveIcons h3 {
     font-size:2.5rem; font-weight:200; text-align:center; font-family:'Josefin Sans'; background: url("../images2024/global/blackBlock.png") center center repeat-x}
#bottomReserve h3 span, #contents .sectionH3backline h3 span, #smpMenuOuter .reserveIcons h3 span {
     background: #fff; padding: 0px 30px ;margin:0px 0px 2rem 0px  }

#contents a:link { text-decoration: none; }
#contents a:visited { text-decoration: none; }
#contents a:hover { text-decoration: underline; }

.sectionContents  { padding: 0px 0px 7rem; text-align: center; margin: 0px auto}
    #topNewsCustomers .sectionContents{ padding: 0px 25px 0px }



/* Home ==============================*/

#pageHome .main-content { margin:0px 0px 5rem } /*slide show*/
#topDesign img { width: 100%}
#topDesign p {margin: 0px 0px 4rem 0px}
#InstgramImg p { display:inline-block; }

#reserveH3Title { font-size: 100%; font-weight: bold; }



/* ネイルメニュー ==============================*/
/**/
#pageNailmenu #contents .BoxLeft,
    #pageNailmenu #contents .BoxRight { width: 100%; padding: 0px 10% 85px  }
#pageNailmenu #contents h2 { text-align: center; padding: 0px; margin-top:1.5rem; }

.titlefont { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 300; font-style: normal;}
.titlefont400 { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-style: normal;}

#pageNailmenu #contents h3 { font-size: 90%; text-align: left; border-bottom: 1px dotted hsl(60, 0%, 70%); padding: 0px 0px 10px; color: hsl(90, 0%, 20%); }
#pageNailmenu #contents p { text-align: left; }
#pageNailmenu #contents .menuImg { margin: 0px auto 7rem;  }
#pageNailmenu #contents .menuImg p { margin:0px auto; text-align:center; }
    #pageNailmenu #contents h3 .moreBigDouble { font-size: 200%; }
    #pageNailmenu #contents h3 span { padding: 0px }
    #pageNailmenu #contents p.moreSmallDouble { text-align: right; color: hsl(60, 30%, 30%) }

#pageNailmenu #contents h4 { margin: 30px 0px 0px; text-align:left;  }
#pageNailmenu #contents h5 { margin: 30px 0px 10px; text-align:left;  }
#pageNailmenu #contents h6 { margin: 0px 0px 10px; text-align:right;  }
#pageNailmenu #contents .BoxLeft p, #pageNailmenu #contents .BoxRight p { font-size: 65%; margin: 0px; line-height: 1.6rem  }
#pageNailmenu #contents #bottomTxt { clear: both; padding: 30px 10% 0px;  }
#pageNailmenu #contents #bottomTxt p { margin-bottom: 10px; line-height: 2rem; }
#pageNailmenu #contents #sevenDays { text-align: center; background: linear-gradient(to bottom, #fafafa, hsl(193, 0%, 95%)); padding: 30px 0px }

#pageNailmenu #contents .smallTxt { font-size: 65%; }
#pageNailmenu #contents .price { font-size: 125%; float: right; display: inline; font-weight: 100  }
#pageNailmenu #contents .moreBigMenu { font-size: 160%; }

#pageNailmenu #contents .grownailsTxt p { font-size: 85%; margin: 0px 0px 5px; line-height: 1.6rem }


/* アクセス ==============================*/

#pageAccess #contents { padding: 0px 5% 0px; } 
#pageAccess #contents #information { margin: 20px 0px 35px; text-align:left;  } 
#pageAccess #contents #information img { padding: 0px 15px; margin-bottom: 10px; }
#pageAccess #contents #information p { margin: 0px 7%; line-height: 2.5rem}
#pageAccess #contents #information p:nth-child(odd) { border-bottom: 1px dotted hsl(160, 0%, 80%); margin-bottom: .4rem; font-family:'Josefin Sans'; }
#pageAccess #contents #information p:nth-child(even) { margin-bottom: 4rem; padding-left: 1.1rem }

#pageAccess #accessCar { padding:60px 5% 50px; text-align: left; border: 1px dotted hsl(192, 0%, 80%); margin: 30px 0px 0px; background:#fafafa }
#pageAccess #accessCar h3 { margin: 55px 0px 15px; font-size:120%; color: hsl( 192, 0%, 50%); border-bottom: dotted 1px; padding-bottom: 5px }
#pageAccess #accessCar h3:nth-child(1) { margin-top: 0px}
#pageAccess #accessCar p { margin-bottom:10px; line-height: 2rem}
/*#pageAccess #accessCar img { width:60%;}*/
#pageAccess #accessCar #accessMap { text-align:center; }




/* コンセプト ==============================*/
/**/

#pageConcept #contents #titleImg { width: 70%; margin: 5rem auto 1rem}
#pageConcept #contents h3 { font-size:3rem; font-weight:300; padding: 0px; text-align: center; margin: 0px auto 20px; color:#aaa  }
#pageConcept #contents div { padding:0px 0px 5rem }




/* Gel Off ==============================*/
/**/

#pageGeloff #contents { width: 100%; }
#pageGeloff #contents section { margin: 5rem auto 10rem  }
#pageGeloff #contents section h2 { margin: 0rem}





/*==============================*/
/*==============================*/
/**/
/*main*/
/**/

/*for samll smartphone */
@media screen and (min-width: 375px) {
    #InstgramImg p { width: 35%; margin: 0px 5px 15px}
    #pageNailmenu #contents .BoxLeft,
        #pageNailmenu #contents .BoxRight { padding: 0px 11% 60px  }
    #pageAccess #accessCar #accessMap img { width: 80%; }
    #pageConcept #contents p { font-size: 115%; margin: 2rem 0px 1.5rem; padding:0px 1rem; line-height: 2.2rem }

    #pageGeloff #contents section h2 img { width: 75%; margin: 1rem 0px 2rem}
    #pageGeloff #contents p { font-size: 118%; line-height:2.4rem }
    #pageGeloff #contents img.pict { width:100%; margin: 1rem 0px 2rem }
}

/*for Tablet*/
@media screen and (min-width: 506px) {}

@media screen and (min-width: 610px) {
    #InstgramImg p { width: 40%; margin: 0px 5px 15px}
    #pageCampaign p#campaignGalleryTitle { font-size: 110%; padding: 3rem 15px 5rem; }
    #galleryPhoto li { flex:0 0 24%; }
}

@media screen and (min-width: 768px) {
    .pcHidden { display: none }
    #contentsOuter {width: 100%; margin: 0px auto;}
    #bottomReserve { width: 100% }
    #InstgramImg p { width: 23%; margin: 0px 5px}
    #pageNailmenu #contents .BoxLeft  { clear: both; float: left; width: 50%; padding: 0px 5% 90px 8% }
    #pageNailmenu #contents .BoxRight { float: right; width: 50%;  padding: 0px 8% 90px 5% }
    #pageAccess #contents #information { margin-left: 7%; margin-right: 7%;   } 
    #pageAccess #accessCar { margin-left: 7%; margin-right: 7%;  }
}

/*for PC*/
@media screen and (min-width: 960px) {
    #contentsOuter { width: 960px; margin: 0px auto; padding: 0px 0px; }
    #bottomReserve { width: 960px }
    #pageConcept #points img { width:100%; }
    #pageConcept #contents p { font-size: 115%; padding:0px 10rem }
    #pageAccess #accessCar #accessMap img { text-align:center; width: 50%; }

    #pageGeloff #contents section h2 img { width:60%; margin: 1rem 0px 2rem }
    #pageGeloff #contents img.pict { width:80%; margin: 1rem 0px 2rem }
    #pageGeloff #contents p { font-size: 118%; margin: 0rem 0rem 1rem; padding: 0px 10%; line-height:2rem }

}