@charset "utf-8";


/* clearfix */
.clearfix:after { height: 0; clear: both; visibility: hidden; display: block; content: "."; }
.clear { clear: both; }

/* adjust */
.mt2{ margin-top: 2% !important; }
.mt3{ margin-top: 3% !important; }
.mt6{ margin-top: 6% !important; }

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/* ------------ section ------------ */

/* COMMON - offer */
.offer {
	margin: 5% auto 0;
	width: 93.75%;
}

.offer02 {
	margin: 5% auto 0;
	width: 93.75%;
}
#moderate .offer,
#fast .offer,
#advance .offer {
	margin-top: 3%;
	position: relative;
}
#support .offer,
#pass .offer {
	margin-top: 3%;
	position: relative;
}

#moderate .offer:after,
#fast .offer:after,
#advance .offer:after,
#support .offer:after,
#pass .offer:after {
	display: block;
	content: "";
	background-size: 600px 600px;
	position: absolute;
	top: -78%;
	left: 16%;
}
@media (max-width: 340px) {
	#moderate .offer:after,
	#fast .offer:after,
	#advance .offer:after,
	#support .offer:after,
	#pass .offer:after {
		width: 205px;
		height: 103px;
		background-size: 500px 500px;
	}
}
#moderate .offer .btn,
#fast .offer .btn,
#advance .offer .btn,
#support .offer .btn,
#pass .offer .btn {
	position: relative;
	z-index: 100;
}

.btn-01 {
	margin-top: 20px;
}

/* COMMON - link */
.link {
	margin-top: 3%;
	text-align: left;
	font-size: 108%;
}

.link a {
	padding-right: 4%;
	position: relative;
    color: #069;
}
.link a:after {
	display: block;
	content: "";
	width: 8px;
	height: 12px;
	background-size: 600px 600px;
	position: absolute;
	top: 0.2em;
	right: 0;
}
@media (max-width: 340px) {
	.link a:after {
		width: 7px;
		height: 10px;
		background-size: 500px 500px;
	}
}

/* COMMON - read */
.read{
	margin-top: 5%;
	font-size: 110%;
	text-align: left;
	line-height: 1.8;
}

.read em {
	font-style: normal;
	color: #ff5a73;
}

/* section#title */
section#title h1 {
	margin-top: -11%;
	border-bottom: 5px solid #e2dbce;
}

section#title .box {
	margin: 2% auto 0;
	padding: 0 2% 5%;
	border: 2px solid #ff5e77;
	border-radius: 4px;
	width: 89%;
}

section#title .box h2 {
	margin-top: -8%;
}

section#title .box .btn {
	margin: 4% 1% 0;
	position: relative;
}

section#title .box .btn .img {
	width: 19%;
	position: absolute;
	top: -15%;
	left: -1%;
}

section#title .notice {
	text-align: right;
	width: 93%;
	margin: 1% auto 0;
}

/* section#check */
section#check {
	padding-bottom: 6%;
}

section#check .box {
	margin: 5% auto 0;
	padding-top: 13%;
	border: 2px solid #ff5e77;
	border-radius: 4px;
	width: 93%;
}

section#check .box .img {
	margin: 0 auto;
	width: 84%;
}

section#check .box h1 {
	margin: -1% 0 -1% 2%;
	width: 52%;
	position: relative;
	z-index: 100;
}

section#check .box li {
	padding: 1.5% 5% 2% 13%;
	/*font-size: 150%;*/
	text-align: left;
	position: relative;
}
section#check .box li:before {
	display: block;
	content: "";
	width: 21px;
	height: 21px;
	background-size: 600px 600px;
	position: absolute;
	top: 0.3em;
	left: 4%;
}
@media (max-width: 340px) {
	section#check .box li:before {
		width: 18px;
		height: 18px;
		background-size: 500px 500px;
	}
}
section#check .box li:nth-child(odd) { background-color: #ffeff1; }

section#check .box li em {
	font-style: normal;
	color: #ff5d76;
}

/* section#moderate / section#fast / section#advance / section#support / section#pass */
section#moderate,
section#fast,
section#pass {
	padding-bottom: 6%;
	background-color: #ffeae5;
}

section#advance,
section#support {
	padding-bottom: 12%;
	background-color: #ffeae5;
}

section#moderate .box,
section#fast .box,
section#advance .box {
	margin: 3% auto 0;
	padding: 4% 4% 4%;
	background-color: #fff;
	border-radius: 4px;
	width: 95%;
    text-align: center;
}

section#advance .box-01 {
	margin: 3% auto 0;
	padding: 4% 4% 8%;
	background-color: #fff;
	border-radius: 4px;
	width: 95%;
}

section#support .box,
section#pass .box {
	margin: 3% auto 0;
	padding: 2% 4% 4%;
	background-color: #fff;
	border-radius: 4px;
	width: 95%;
    
    text-align: center;
}
.offer + .box {
	margin-top: 5% !important;
}

section#moderate .box h2,
section#fast .box h2,
section#advance .box h2,
section#advance .box-01 h2 {
	position: relative;
	/*font-size: 170%;*/
}


section#moderate .box h2 img,
section#fast .box h2 img,
section#advance .box h2 img,
section#advance .box-01 h2 img {
	width: 18%;
	position: absolute;
	top: -70%;
	left: -7%;
}


section#moderate .box h2 span,
section#fast .box h2 span,
section#advance .box h2 span,
section#advance .box-01 h2 span  {
	display: inline-block;
	/*font-size: 65%;*/
    font-size: 12px;
}


section#support .box h2,
section#pass .box h2 {
	margin: 0 -5%;
	padding: 0 5% 4%;
	background: url("/img/pages/lpo/nail2_kentei/sp/bgTtl01.gif") repeat-x 0 100%;
	background-size: 600px 3px;
	text-align: left;
	/*font-size: 165%;*/
    font-size: 20px;
	color: #ff5d76;
}

section#support .box h2 span,
section#pass .box h2 span {
	color: #333;
	display: inline-block;
	font-size: 65%;
}

section#pass .box h2 sup {
	font-size: 70%;
	vertical-align: text-top;
}

section#support .box h3 {
	margin-top: 8%;
	padding: 2% 10%;
	border-radius: 50px;
	display: inline-block;
	background-color: #ff5f78;
	/*font-size: 136%;*/
    font-size: 14px;
    text-align: center;
	color: #fff;
}

section#support .box h4 {
	margin-top: 3%;
/*	padding: 1.5% 0 2% 9%;*/
	/*font-size: 140%;*/
    font-size: 16px;
	text-align: left;
	position: relative;
	color: #ff5d76;
}
section#support .box h4:before {
	display: block;
	content: "";
	width: 21px;
	height: 21px;
	background-size: 600px 600px;
	position: absolute;
	top: 0.3em;
	left: 0;
}

@media (max-width: 340px) {
	section#support .box h4:before {
		width: 18px;
		height: 18px;
		background-size: 500px 500px;
	}
}

section#moderate .emphasis01,
section#fast .emphasis01 {
	margin-top: 2%;
	/*font-size: 170%;*/
    font-size: 20px;
	color: #ff5d76;
}

section#advance .emphasis02 {
	margin-top: 2%;
	/*font-size: 110%;*/
    font-size: 12px;
	text-align: left;
	color: #b90004;
}

section#moderate .dataPrice,
section#fast .dataPrice,
section#advance .dataPrice {
	margin-top: 3%;
	width: 100%;
	border-bottom: #f4ede6 1px solid;
}

section#moderate .dataPrice th,
section#fast .dataPrice th,
section#advance .dataPrice th {
	padding: 1.5% 2%;
	/*font-size: 180%;*/
    font-size: 18px;
	background-color: #f4ede6;
	border-left: #fff 1px solid;
}
section#moderate .dataPrice th:first-child,
section#fast .dataPrice th:first-child,
section#advance .dataPrice th:first-child {
	border-left: 0 none;
}
section#moderate .dataPrice thead th,
section#fast .dataPrice thead th,
section#advance .dataPrice thead th {
	background-color: #ff5f78;
	color: #fff;
	letter-spacing: 0.2em;
}

section#moderate .dataPrice td,
section#fast .dataPrice td,
section#advance .dataPrice td {
	padding: 1.5% 2%;
	/*font-size: 120%;*/
    font-size: 12px;
	text-align: left;
	border-top: #f4ede6 1px solid;
	border-left: #f4ede6 1px solid;
}
section#moderate .dataPrice td:first-child,
section#fast .dataPrice td:first-child,
section#advance .dataPrice td:first-child {
	border-left: 0 none;
}

section#moderate .dataPrice td.price,
section#fast .dataPrice td.price,
section#advance .dataPrice td.price {
	text-align: center;
	font-weight: bold;
	/*font-size: 200%;*/
    font-size: 18px;
}

section#moderate .dataPrice td.price span,
section#fast .dataPrice td.price span,
section#advance .dataPrice td.price span {
	font-size:63%;
}

section#moderate .dataTarget,
section#fast .dataTarget,
section#advance .dataTarget {
	margin-top: 6%;
	width: 100%;
	border-right: #ff5c75 1px solid;
	border-bottom: #ff5c75 1px solid;
}

section#moderate .dataTarget th,
section#fast .dataTarget th,
section#advance .dataTarget th {
	padding: 3% 2%;
	border-top: #ff5c75 1px solid;
	background-color: #ff5d76;
	/*font-size: 180%;*/
    font-size: 18px;
	color: #fff;
	white-space: nowrap;
	vertical-align: middle;
}

section#moderate .dataTarget td,
section#fast .dataTarget td {
	padding: 3% 2%;
	border-top: #ff5c75 1px solid;
	font-weight: bold;
	/*font-size: 160%;*/
    font-size: 16px;
}

section#advance .dataTarget td {
	padding: 3% 1%;
	border-top: #ff5c75 1px solid;
	font-weight: bold;
	/*font-size: 118%;*/
    font-size: 14px;
}

section#advance .otherBtn {
	margin-top: 8%;
    text-align: center;
}

section#advance .otherBtn a {
	padding: 4% 5% 4% 5%;
	background-color: #888;
	border: #9a9a9a 1px solid;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
}
/*section#advance .otherBtn a:after {
	display: block;
	content: "";
	width: 21px;
	height: 21px;
	background-size: 600px 600px;
	position: absolute;
	top: 0.8em;
	right: 0;
}*/

#advance .tugaku {
	margin: 20px 0 10px 0;
	padding: 5px 0;
	font-size: 18px;
	color: #ff0966;
	font-weight: bold;
	border-top: solid 1px #ff0966;
	border-bottom: solid 1px #ff0966;
    text-align: center;
}
/*@media (max-width: 340px) {
	section#advance .otherBtn a:after {
		width: 18px;
		height: 18px;
		background-size: 500px 500px;
	}
}*/

section#support .voice {
	margin: 5% -1% 0;
	padding: 3%;
	background-color: #fff9ca;
}

section#support .voice dd {
	margin-top: 3%;
	padding-top: 5%;
	border-top: #999579 1px dotted;
	font-size: 110%;
	text-align: left;
	line-height: 1.8;
}

section#support .voice dd img {
	margin-left: 5%;
	width: 20%;
	float: right;
}

/* section#demo */
section#demo {
	padding-bottom: 20%;
	background-color: #ffeae5;
}

section#demo h2 {
	padding-bottom: 3%;
	background-color: #fff;
}

section#demo .carousel {
	border-top: #f6efc3 1px solid;
	border-bottom: #f6efc3 1px solid;
	background-color: #030303;
}

section#demo .carousel li {
	margin: 1.5% 0.7%;
	text-align: center;
}



/* ------------ footlink ------------ */
ul.footlink {
	margin-top: 2%;
	border-bottom: #d8dadc 1px solid;
}

ul.footlink a {
	padding: 4% 8%;
	border-top: #d8dadc 1px solid;
	display: block;
	color: #646464;
	position: relative;
	font-weight: bold;
	font-size: 110%;
	text-align: left;
}
ul.footlink a:after {
	display: block;
	content: "";
	width: 11px;
	height: 17px;
	background-size: 600px 600px;
	position: absolute;
	top: 1.1em;
	right: 5%;
}
@media (max-width: 340px) {
	ul.footlink a:after {
		width: 9px;
		height: 14px;
		background-size: 500px 500px;
	}
}

.camp{
	margin: 10px 5px;
}

.camp-wrap{
  width: 93%;
  background-color: #fff;
  border: 1px solid #e13a40;
  border-radius: 5px;
	margin: 5% auto 0;
}

.camp{
	margin: 2%;
  padding: 0 4% 0 0;
  overflow: hidden;
  color: #333333;
}

.camp-orico{
  text-align: right;
  float: left;
  width: 30%;
}

.camp-orico img{
  padding-top: 5px;
  width: 60%!important;
}


.camp-text{
  text-align: center;
  float: right;
  width: 70%;
}

.under{
  font-size: 165%;
  font-weight: bold;}


.red_01{
  font-weight: bold;
  font-size: 135%!important;
  color: #e13a40!important;}

.red_02{
  width: 90%;
  margin: 2% auto;
  padding: 1%;
  background-color: #ffff66;
  font-weight: bold;
  font-size: 150%;
  color: #e13a40;}

.red_02 span{
  font-size: 135%;
}


.orange_01{
  padding: 1%;
  font-weight: bold;
  font-size: 140%!important;
  color: #ff5a24!important;}

.camp strong {
  font-size: 120%!important;
  font-weight: bold;
  color: #e13a40!important;
  background: linear-gradient(transparent 40%, #ffff66 40%);
  }
.camp strong span {
    font-size: 150%!important;
    font-weight: bold;
    }

.mg15{margin: 10px auto 0;}

.text01{
  font-weight: bold;
  width: 95%;
  margin:0 auto;
  font-size: 100%;
  text-align: left;
  color: blue;
}

.text02{
  font-weight: bold;
  width: 95%;
  margin:0 auto;
  font-size: 100%;
  text-align: left;
  color: #333;
}
.camp-wrap table{width: 95%;}

.camp-wrap table ,.camp-wrap td,.camp-wrap th {
  vertical-align: middle;
  font-size: 100%;
  margin: 0 auto;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
.camp-wrap td,.camp-wrap th {
	padding: 0.5%;
}
.camp-wrap th {
	background: #f0e6cc;
}
.camp-wrap .even {
	background: #fbf8f0;
}
.camp-wrap .odd {
	background: #fefcf9;
}

.camp-wrap .orange_02 {
	background: #ff4001;
  color: #fff;
  font-weight: bold;
}

.camp-wrap .orange_03 {
  font-size: 120%;
  font-weight: bold;
	background: #fff;
  color: #ff5a24;
}

.camp-wrap .orange_04 {
  font-weight: bold;
	background: #ffddd2;
  color: #ff4001;
}


/*20170213 タイムセール対応*/

.sale {
	background-color: #fff;
	text-align: center;
	width: 93%;
	padding: 5px 0 5px 0;
	border: 1px solid red;
	border-radius: 5px;
	font-size: 13px;
	margin: 0 auto 10px;	}

.sale p{margin: 2px 0;}

.sale span.orange{
	vertical-align: bottom;
	font-size: 14px;
	margin-left: 10px;
	padding: 2px 3px;
	color: #fff;
	background-color: red;
	border-radius: 5px;
}

.sale span.cross{
	color: #333;
	text-decoration: line-through;
}

.sale span.red{
	color:red;
	font-size: .8rem;
}

.sale span.bold{
	line-height: 1em;
	font-size: 13px;
	font-weight: bold;
}

.sale span.color{
	color: #ff0072!important;
	font-size: 14px;
}

.sale span.color02{
	color: #565656!important;
}

.sale span.back{background: linear-gradient(transparent 60%, #ffff66 60%);}


.sale span.red2{
	color:red;
	font-size: 15px;
}

.sale-mg{margin-top: 10px;}

.sale .sale-btn{
	font-size: 12px;
	font-weight: bold;
	margin: 5px auto 6px;
	width: 73%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff898b+0,ff595c+40,ff070b+100 */
	background: #ff898b; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff898b 0%,#ff7678 40%,#fd5f62 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ff898b 0%,#ff7678 40%,#fd5f62 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ff898b 0%,#ff7678 40%,#fd5f62 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff898b', endColorstr='#fd5f62',GradientType=0 ); /* IE6-9 */
	padding: 8px 4px;
	color: #fff;
	border-radius: 5px;
}
.sale a:hover{opacity: .8;}

.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.arrow:before{
left: 89%;
width: 7px;
height: 3px;
background: #fff;
}
.arrow:after{
left: 89%;
width: 6px;
height: 6px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.up,.down{
	padding: 7px;
	margin: 0 auto;
	width: 90%;
	border-bottom: 2px dotted #c7c7c7;}

.down{
	border-bottom:none;
}

.mg10{margin-top: 17px;}

.sale .txt_area{
	margin: 2% 0 0 0;
	line-height: 1.5em;
}
.sale span.txt_big{font-size: 1.3em;}
.sale .color03{
	padding: 0 5px;
	color:#f51f1f;
	}
/* 201702_QUOカード追加 */

.camp_quo {
	background-color: #fff;
	text-align: center;
	width: 90%;
	padding: 3px;
	border: 2px dotted #24d2a0;
	border-radius: 5px;
	font-size: 15px;
	margin: 3px auto 5px;
	line-height: 1.7em!important;
}

.camp_quo p{margin: 0;}

.camp_quo .ttl{
	display: block;
	margin: 2px 0 3px;
	color:#03bb86;
	font-size: 18px;
}

.camp_quo .red{
	padding: 0 0 0 3px;
	display: inline-block;
	font-size: .8rem;
	background-color:#ffff83;
	color:#ff395e;
}

.camp_quo .bold{font-weight: bold;}

.camp_quo span.big{
	font-size: 1.4rem;
	color:#ff395e;
}


.camp_quo .tokuten{
	font-size: 13px;
	color: #616161;
}

.camp_quo .sale-btn{
	font-size: 14px;
	font-weight: bold;
	margin: 3px auto 6px;
	width: 73%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff898b+0,ff595c+40,ff070b+100 */
	background: #24d2a0; /* Old browsers */
	padding: 4px;
	color: #fff;
	border-radius: 5px;
}
.camp_quo a:hover{opacity: .8;}

/*--2017 0608 Wキャンペーン今村追加ここから--*/
.w-cpn{margin: 15px auto;}
.w-cpn p{
	font-size: 12px;
	margin: 10px 5px;
	text-align: left;
}
.w-cpn p span{
	font-weight: bold;
	text-decoration: underline;
	color:red;
}
.note{text-align: left;}
.note p{
	margin: 0 0 0 10px;
}
.note a{
	display: block;
	font-size: 13px;
	padding-left: 5px;
	margin: 10px 0;
}
/*--2017 0608 Wキャンペーン今村追加ここまで--*/

section#moderate .float{
	/*padding: 4% 4% 39%;*/
    padding: 4% 4%;
	position: relative;
}

section#moderate .float01{
	/*padding: 4% 4% 30%;*/
    padding: 4% 4%;
	position: relative;
}

.kouza{
	text-align: center;
/*	position: absolute;*/
	bottom:6.7%;
	left:7.5%;
	width: 100%;
}

.kouza01{
	text-align: center;
/*	position: absolute;*/
	bottom:2.7%;
	left:7.5%;
	width: 100%;
}

p.passrate{
	display: block;
	padding: 1.4%;
}

/*---20191029 今村追加カウンセリングボタン追加 ここから---*/

.offer p.link{
	line-height: 1.5em;
	/*font-size:1.4em;*/
	text-align: center;
}

.offer p.link a {
	display: block;
	color: #fff;
	font-weight: bold;
	background-color: #ff5f78;
	border-radius: 5px;
	padding: 2.5% 1%;
	margin: 0 auto;
	border-bottom: solid 4px #e85f74;
}
.offer p.link a span{
	font-size: .8em;
	font-weight: normal;
}

.link a:after {content: none;}

#moderate .offer:after, #fast .offer:after, #advance .offer:after, #support .offer:after, #pass .offer:after{
	top:-60%;
	background-size: 550px 550px;
}

/* ------------ nav ------------ */
nav.nail2_kentei_navi {
	margin-top: 5%;
}

nav.nail2_kentei_navi ul {
display: flex;
}


.nail2_kentei_sp .price::after, .default-price::after {
content: none;
}

.nail2_kentei_sp .btn {
padding: 0;
}