@charset "UTF-8";
/* CSS Document */

body{
	background:url(../img/eyelash/bg.png);
	letter-spacing:0.1em;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
.img-responsive{ max-width: 100%; margin:0 auto; }
.img-full{ width: 100%; }
.tx-center{ text-align: center;  }

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.nail .contents * { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 16px;}
.nail .contents .snav {
	padding:45px 0;
	background:#fff;
}
.nail .contents  ul{ width: 800px; margin: 0 auto; }
.nail .contents .snav li {
	width: 200px;
	float: left;
	border-left: 1px solid #4d2522;
	text-align: center;
	font-size: 15px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.nail .contents .snav li a {
	font-size: 15px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #736357;
}
.nail .contents .snav li:first-child {
	border-left: none;
}
.nail .contents .snav .nail-reserve a{
	color: #e37da1;
}
.nail .contents .snav .nail-reserve i img{ vertical-align: -5px; display: inline-block; padding-right: 8px; }

.nail .contents #message{ padding:110px 0; background:url(../img/nail/bg_graduation_wt.png) center; background-size: cover; }
.nail .contents #message h2{ padding-bottom: 35px; }
.nail .contents #message p{ line-height: 2em; text-align: center;}


.nail #kodawari{ background:url(../img/nail/bg_paper.jpg) repeat-y;  }
.nail #kodawari ul{ width: 100%; padding:60px 0 110px; }
.nail #kodawari li{ background:#fff; overflow: hidden; padding:30px; margin-bottom:15px; display: flex; -webkit-align-items: center; align-items:center; }
.nail #kodawari .num{}
.nail #kodawari h3 span{ font-size: 30px; color: #e37da1; padding-bottom:10px; }
.nail #kodawari .txt-box{ padding-left: 3%; }


.nail #paragel { border-bottom:1px solid #b5a488; padding-top:100px; }
.nail #paragel .inner { padding-top:90px; padding-bottom:140px;}
.nail #paragel .inner p{ text-align: center; line-height: 2em;}
.nail #paragel .logo{ padding-bottom:30px; }
.nail #paragel .paragel-img{ padding-top:50px; }


.nail #nail-menu{ padding:90px 0; }
.nail #nail-menu h2{ padding-bottom:30px; }
.nail #nail-menu .read{ text-align: center; line-height: 2em; }
.nail #nail-menu h3{ color: #e37da1; margin:45px 0 15px; font-family: 'Cinzel',serif; font-size: 25px; }
.nail #nail-menu h3 .jp{ font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 14px; padding-left: 15px;}
.nail #nail-menu .coupon { overflow: hidden;  padding-top:50px; width: 100%; }
.nail #nail-menu .coupon p{ font-size: 12px; text-align: center; padding-top:20px;}
.nail #nail-menu .caption{
	margin-top:30px;
	border:1px solid #e37da1;
	padding:30px;
	font-size: 12px;
	line-height: 1.4em;
}

/*#MENU*/

.lineBlack {
    border-bottom: 1px solid #e37da1;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.menucopy{
	font-size:16px;
}

.priceBox{
	width:100%;
}

.priceBox th{
	width:70%;
	font-size:16px;
	padding:5px 0;
}

.priceBox th span{
	font-size:14px;
}

.priceBox td{
	text-align:right;
	width:30%;
	font-size:16px;
	padding:5px 0;
}





.nail .contents #nail-info .container{ padding-top:50px; }
.nail .contents #nail-info h2{ background-color: #e37da1; padding:35px 0; color:#fff; font-size: 25px; text-align: center; letter-spacing: .1em; position: relative;}
.nail .contents #nail-info h2:before { width: 100%; border-top: 1px solid #fff; bottom:5px; position: absolute; content: ""; margin: auto; left: 0; }
.nail .contents #nail-info i img{ display: inline-block; padding-right: 18px; vertical-align: -3px; }
.nail .contents #nail-info figure{  }
.nail .contents #nail-info .txt-box{ padding: 30px;}
.nail .contents #nail-info .shop-name{ font-size: 12px; padding-bottom:20px; }
.nail .contents #nail-info .shop-name span{ display:inline-block; }
.nail .contents #nail-info .shop-name img{ padding-right: 15px; }
.nail .contents #nail-info .tel span{ font-size: 12px;}
.nail .contents #nail-info .tel a{ text-decoration: underline; font-size: 25px; font-weight: bold; display: inline-block; padding-right: 10px;}
.nail .contents #nail-info .adress{ font-size: 14px; }
.nail .contents #nail-info .service{ padding:10px 0 0; font-size: 14px; }
.nail .contents #nail-info .more{ padding: 13px;
    border: 1px solid #e37da1;
    color: #e37da1;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;
    display: block;
    font-size: 14px;
    margin-top: 40px;
    background:url(../img/nail/ic_arrow_pink.svg) no-repeat top 18px right 24px, #fff;
    text-decoration: none;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	-o-transition: 0.3s all;
	transition: 0.3s all;
    }
.nail .contents #nail-info .more:hover{ background:url(../img/nail/ic_arrow_pink.svg) no-repeat top 18px right 18px, #fff; }

@media only screen and (min-width: 1200px) {

.main{
	padding-top:170px;
}
}

@media only screen and (max-width: 1199px) {
.main {
	padding-top: 60px;
}
}

@media only screen and (min-width: 768px) {

.sp{ display: none; }
.nail #kodawari h3 span{ display: inline-block;}

}

@media only screen and (max-width: 767px) {

.nail .contents * { font-size: 14px; letter-spacing: 0;}
.main{
	width:100%;
	padding-top:30px;
}

.pc{ display: none; }

.nail .contents .snav {
	padding:0;
}
.nail .contents ul{ width: 100%; }
.nail .contents .snav li {
	width: 100%;
	border-bottom: 1px solid #4d2522;
	border-left: none;
	font-size: 14px;
}
.nail .contents .snav li a {
	display: block;
	background:url(../img/nail/ic_arrow_btm.svg) no-repeat top 20px left 25px;
	padding:10px;
	overflow: hidden;
}
.nail .contents .snav li:last-child {
	border-bottom:none;
}
.nail .contents .snav li:last-child a{
	background:url(../img/nail/ic_arrow_btm_pink.svg) no-repeat top 20px left 25px;
}
.nail .contents .snav .nail .contents-reserve a{
	color: #e37da1;
}
.nail .contents .snav .nail .contents-reserve i img{ vertical-align: -5px; display: inline-block; padding-right: 8px; }



.nail .contents #message{ padding:60px 0; }
.nail .contents #message h2 img{ max-width: 250px; }
.nail .contents #message h2 { padding-bottom:20px;}
.nail .contents #message p{ text-align: left; line-height: 1.6em; }


.nail #kodawari ul{ width: 100%; padding:15px 0; }
.nail #kodawari li{ padding:20px; margin-bottom:15px; display: block; max-width: 460px; margin:0 auto 15px;}
.nail #kodawari .num { padding-bottom:15px; }
.nail #kodawari .num img{ max-width: 100px; }
.nail #kodawari h3{ padding-bottom:10px;}
.nail #kodawari h3 img{ width: 340px;}
.nail #kodawari .txt-box{ padding: 0; }
.nail #kodawari figure{ padding:25px 0 0; }


.nail #paragel { padding-top:50px; padding-bottom:50px;}
.nail #paragel .inner { padding-top:40px; padding-bottom:0; }
.nail #paragel .inner p{ text-align: left; line-height: 1.6em;}
.nail #paragel .logo{ padding-bottom:20px; }
.nail #paragel .logo img{ max-width: 180px; }
.nail #paragel .paragel-img{ padding-top:40px;  }


.nail #nail-menu{ padding:40px 0; }
.nail #nail-menu h2{ padding-bottom:20px; }
.nail #nail-menu h2 img{ max-width: 280px; }
.nail #nail-menu .read{ text-align: left; line-height: 1.6em;}
.nail #nail-menu .menu-list{ }
.nail #nail-menu h3{ margin:30px 0 10px; font-size: 22px; padding-bottom:10px;  }
.nail #nail-menu h3 .jp{  font-size: 14px; padding-left: 15px;}
.nail #nail-menu .coupon { padding-top:40px; width: calc(100% + 30px);  margin: 0 -15px; }
.nail #nail-menu .coupon p{ text-align: left; padding:15px;}
.nail #nail-menu .caption{ font-size:12px;	padding:20px; }


.nail .contents #nail-info .container{ padding-top:15px; max-width: 500px;}
.nail .contents #nail-info h2{ padding:20px 0; font-size: 18px; }
.nail .contents #nail-info .txt-box{ padding:30px 0 0; }
.nail .contents #nail-info .shop-name img{ max-width: 210px;}
.nail .contents #nail-info figure{ padding: 0; }
.nail .contents #nail-info .more{ margin-top: 25px; }


.priceBox th{
	font-size:12px;
	padding: 3px 0;
}

.priceBox th span{
	font-size:11px;
}

.priceBox td{
	font-size:12px;
	padding: 3px 0;
}

#siteNavi{
	margin:0 0 30px;
}
.midashi_l{
	font-size:16px;
	margin:45px 0 90px;
	text-align:left;
}


.menucopy{
	font-size:14px;
}

.item p{
	font-size:14px;
}

.ttlCoupon{
	font-size:26px;
}

.priceCoupon{
	margin-top:15px;
	font-size:20px;
	text-align:right;
}




}