/* CSS Document */
h2 {
  overflow: hidden;
  text-align: center;
	margin-bottom: 50px;
}
h2 span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
h2 span::before,
h2 span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 400%;
  height: 1px;
  background-color: #2c2c2c;
}
h2 span::before {
  right: 100%;
}
h2 span::after {
  left: 100%;
}

/***********************
	
		ステップ

***********************/
#stepWrp .nailMenu figure .tmb{
	width: 30%;
}
#stepWrp .nailMenu figure{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#stepWrp .nailMenu figure figcaption{
	width: 65%;
	text-align: left;
	/*padding-right: 5%;*/
}
#stepWrp .nailMenu li{
	margin-bottom: 30px;
}
/*#stepWrp .nailMenu li:nth-child(1){
	background-color: #ffdedc;
}
#stepWrp .nailMenu li:nth-child(2){
	background-color: #ffd4de;
}
#stepWrp .nailMenu li:nth-child(3){
	background-color: #ffc9e0;
}
#stepWrp .nailMenu li:nth-child(4){
	background-color: #ffbfe2;
}*/
/***********************
	
ステップ流用　ネイル

***********************/
.nailMenu figure{
	position: relative;
}
.nailMenu figure .titl{
	position: absolute;
	top: -20px;
	right: -20px;
	width: 300px;
}
.nailTop{
	margin-bottom: 60px;
}
.nailTop img{
	max-width: 100%;
	width: auto;
	margin-bottom: 30px;
}
.nailTop .txt18{
    line-height: 200%;
}
.nailTop .attention{
	margin-top: 20px;
}
.nailMenu h3{
	font-size: 20px;
	margin-bottom: 20px;
	text-align: left;
	border-bottom: 1px solid #ccc;
}
.nailMenu figcaption dl{
	margin-top: 30px;
	width: 80%;
	margin-left: auto;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.nailMenu figcaption dl.type-2{
	width: 100%;
}
.nailMenu figcaption dl dt,
.nailMenu figcaption dl dd{
	width: 48%;
	padding-bottom: 10px;
}
.nailMenu figcaption dl.type-2 dt{
	width: 70%;
}
.nailMenu figcaption dl.type-2 dd{
	width: 28%;
}

.nailMenu figcaption dl dd{
	text-align: right;
}
.nailMenu li:last-child .flexbox{
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
/***********************
	
	バリエーション

***********************/
#variationWrp .variationlist li{
	margin-bottom: 60px;
}
#variationWrp .variationlist figure figcaption {
		text-align: left;
}
#variationWrp .variationlist figure .tmb{
	max-width: 250px;
	margin: auto;
	margin-bottom: 30px;
}
#variationWrp .variationlist figure figcaption h1{
	font-size: 20px;
	margin-bottom: 15px;
	text-align: center;
}
#variationWrp .variationlist figure figcaption p{
	font-size: 13px;
}
/***********************
	
		メニュー

***********************/
#menuWrp .menuBox.flexbox{
	-webkit-align-items: stretch;
	align-items: stretch;
}
#menuWrp .menuBox .menulist{
	margin-bottom: 60px;
}
#menuWrp h2{
	margin-bottom: 30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
#menuWrp .menuBox .menulist h3{
	margin-bottom: 10px;
	margin-top: 10px;
}
#menuWrp h2,
#menuWrp h3,
#menuWrp p{
	text-align: left;
}
#menuWrp .menuBox .menulist dl{
	width: 100%;
	font-size: 13px;
	text-align: left;
}
#menuWrp .menuBox .menulist dl dt,
#menuWrp .menuBox .menulist dl dd{
	padding: 10px 10px 0 10px;
}
#menuWrp .menuBox .menulist dl dt{
	width: 50%;
	text-align: left;
	float: left;
}
/*50％ずつ*/
#menuWrp .menuBox .menulist dl dd{
	text-align: right;
	margin-left: 50%;
	padding-bottom: 10px;
}
#menuWrp .menuBox .menulist dl dd::after{
	content: "";
	display: block;
	clear: both;
}
/*メニュー名が長い*/
#menuWrp .menuBox .menulist.list-type-2 dl dt{
	width: 70%;
}
#menuWrp .menuBox .menulist.list-type-2 dl dd{
	margin-left: 70%;
}
/*一行メニュー*/
#menuWrp .menuBox .menulist.list-type-3 dl dt{
	display: inline-block;
	width: auto;
}
#menuWrp .menuBox .menulist.list-type-3 dl dd{
	margin-left: auto;
}
#menuWrp .attention{
	margin-bottom: 30px;
}
#menuWrp .care li{
	text-align: left;
}
#menuWrp .care h3{
	display: inline-block;
	border-bottom: 1px solid;
}
#menuWrp .titl{
	font-size: 20px;
	margin-bottom: 20px;
}
#menuWrp .flexbox.flexcentering div{
	margin-left: 30px;
	width: 60%;
}
@media screen and (max-width:768px){
.flexbox.clm2 li{
	width: 100%;
}
#stepWrp .nailMenu figure .tmb{
}
#stepWrp .nailMenu figure figcaption{
	text-align: left;
	padding-right: 5%;
}
#variationWrp .variationlist figure figcaption{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
#menuWrp .flexbox.flexcentering div{
	margin-left: 0px;
	margin-top: 30px;
}
.nailMenu figcaption dl{
	width: 100%;
}
.nailMenu figcaption dl dt,
.nailMenu figcaption dl dd{
	width: 48%;
	padding-bottom: 10px;
}
.nailMenu figcaption dl.type-2 dt{
	width: 70%;
}
.nailMenu figcaption dl.type-2 dd{
	width: 28%;
}
}
@media screen and (max-width:480px){
#stepWrp .nailMenu li{
	margin-bottom: 60px;
}
#stepWrp .nailMenu figure{
	width: 100%;
}
#stepWrp .nailMenu figure .tmb{
	width: 100%;
}
#stepWrp .nailMenu figure figcaption{
	width: 100%;
	text-align: left;
	padding: 5% 0;
}
#stepWrp .nailMenu figure .titl{
	position: absolute;
	top: -20px;
	right: 0px;
}
#variationWrp .variationlist figure figcaption{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#menuWrp .menuBox .menulist dl dt{
	width: 100%;
	float: none;
}
#menuWrp .menuBox .menulist dl dd{
	margin-left: 0%;
}
#menuWrp .menuBox .menulist dl dd::after{
	content: "";
	display: block;
	clear: both;
}
#menuWrp .menuBox .menulist.list-type-2 dl dt{
	width: 100%;
}
#menuWrp .menuBox .menulist.list-type-2 dl dd{
	margin-left: 0%;
}
#eyelashNav{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	padding-bottom: 0!important;
}
#eyelashNav nav .flexbox{
	align-items: stretch;
}
#eyelashNav nav li{
	width: 22%;
	background-color: #2c2c2c;
	border-radius: 20px 20px 0 0;
	height: 50px;
}
#eyelashNav nav li a{
	display: block;
	width: 100%;
	color: #fff;
}
#eyelashNav nav li a span{
	display: block;
	font-size: smaller;
}
#nail,#skin,#soft,#shellac{
	padding-top: 70px;
	margin-top: -70px;
}
}
@media screen and (max-width:320px){
#eyelashNav nav li a{
	font-size: smaller;
}
}