@charset "utf-8";
* {
  font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
html { -webkit-text-size-adjust: none; }
body, h1, h2 , h3, h4 , h5 , ul, dl, dd, a ,p  { margin: 0; padding: 0; font-size: 100%; font-size: 14px; line-height: 1.5; }
body { background: #fff; color: #222; }
img { vertical-align: top; font-size: 0; line-height: 0; }
ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
input[type="text"],input[type="number"], textarea { -webkit-appearance: button; }
a { text-decoration: none; color: #332647; }

.serif { font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho ProN",serif; }
.wide { width: 100%; }
.bold { font-weight: bold; }
.center, .pager { text-align: center !important; }
.right,p.pagetop { text-align: right; }
.small { font-size: 0.85em; }
.big { font-size: 1.2em; }
.sblock { display: inline-block; }
.hide { display: none; }
.line{ border-bottom:1px solid #5E4600; }

.red    { color: #E20E0E; }
.orange { color: #F60; }
.blue   { color: #0F388D; }
.brown  { color: #5e4600; }
.gray   { color: #666; }
.green  { color: #00A170; }

ul.disc { margin-left: 10px; }
ul.disc li { margin-left: 0.6em; list-style-type: disc; }
ol { margin-left: 1.7em; padding: 0; }

.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }

.w96 { width: 96%; }
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}


/*回り込み解除clearfix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/*共通--------*/
.conTtl {
	margin:0; padding:10px 10px; font-size:18px; text-align:center; line-height:1.0; height:36px;
	background:url(img/pat_stripe.png) repeat #bfa07b; color:#fff; background-size:23px; }
.conTtl span { font-size:12px;}

.bnrList_2col li { width:48.5%; float:left;}
.bnrList_2col li:nth-child(even) { float:right;}


header { position: relative; z-index:500; height:60px; padding:10px 0 0 10px; }
#menu { position: absolute; top: 10px; right:0; display: block; background-size: 240px auto; }

#contents{margin:0; }
.inner{ padding:20px 10px; }

.bnr{ margin:10px 0; }
.button a,
.buttonB a{ display:inline-block; margin:10px auto; padding:10px 45px 10px 30px; border-radius:10px; background:url(img/arrow.png) no-repeat 90% 50%; }
.button a{ background-color:#bfffdd; }
.buttonB a{ background-color:#edddc6; }
.txt{ margin-bottom:20px; }


.bnrList{ width:100%;}
.bnrList li{ float:left; width:48%; margin:0 9px 10px 0; }
.bnrList li:nth-child(even){margin-right:0; }
.bnrList li img{ width:100%; }


/*リスト　共通--------*/
.list li { border-bottom: 1px solid #aaaaaa; }
.list li:first-child { border-top: 1px solid #aaaaaa; }

ul.list2 { width: 100%; overflow: hidden; }
.list2 li { float: left; width: 49%; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; }
.list2 li:nth-child(odd) { width:50%; border-right: 1px solid #aaaaaa;}
.list2 li:nth-child(n+3) { border-top: none; }
.list li a, .list2 li a { 
	display: block; padding: 8px 0; color: #332647; text-indent: 30px; }

/*矢印--------*/
.arrow a:before {
   content: ""; float: right; width: 12px; height: 20px; margin-left: 4px;
   background: url(img/arrow.png) no-repeat 0 50%; background-size: auto 8px;
}



/*メニュー-----*/
.sidr{
	display:none;
	position:fixed;
	top:0;
	height:100%;
	z-index:999999;
	width:260px;
	overflow-x:none;
	overflow-y:auto;
	background:#EDE9DE; 
	box-shadow:inset 0 0 3px 3px rgba(192,186,170,0.7);
	color:#fff;
	}
.sidr .sidr-inner{padding:0 0 15px}
.sidr.right{left:auto;right:-260px}
.sidr ul{display:block;margin:0 0 15px;padding:0; border-bottom:1px solid #EFEAE4;}
.sidr ul li{ display:block; margin:0; padding: 11px 5px 10px 33px; background: url(img/icon.png) no-repeat 9px 50%; background-size: 18px auto; text-align:left; border-top:1px solid #EFEAE4;border-bottom:1px solid #C0BAAA;}
.sidr a { display:block; font-size:15px; color: #222; }


/*トップ-----*/
#top h1 { text-align:center; margin:3% 0 3%;}
#top .gNav li { width:48.5%; float:left; margin-bottom:3%;}
#top .gNav li:nth-child(even) { float:right;}
#top .gNav li:nth-child(n+5) { margin-bottom:0;}

#top .bnr_list { margin-top:-5%;}

.news ul{ padding:3%; margin-bottom:3%; height:200px; overflow-x:scroll; }
.news li{ margin-bottom:10px; padding-left:13px; background:url(img/arrow_new.png) no-repeat 0 50%; background-size:7px; }

.info_newyear { padding:3%; }


/*共通お問い合わせボックス-----*/
.conBox .time { font-size:20px; text-align:center; margin-bottom:10px;}
.conBox .time span { font-size:14px;}
.conBox .time .balloon { position:relative; top:-2px; background:#bfa07b; color:#fff; padding:4px 8px; margin-left:7px;}
.conBox .time .balloon:after {
	content:""; position:absolute; left:-8px; top:33%; border-style:solid; border-width:3px 8px 3px 0;
	border-color:transparent #bfa07b transparent transparent;}
.conBox .contact {
	display:flex; display:-webkit-flex; display:-webkit-box;
	justify-content:space-between; -webkit-justify-content:space-between; -webkit-box-pack:justify;}
.conBox .contact li {
	display:block; width:31.5%; height:65px; padding-top:20px; text-align:center;
	background:url(img/pat_stripe.png) repeat #74bddc; background-size:23px;}

/*footer------------------------ */
#pagetop { position:fixed; bottom:60px; right:10px; z-index:4000; width:65px; margin-bottom:0; }

.floating { position:fixed; left:0; bottom:0;}
.floating li { float:left; width:41.5%;}
.floating li+li { float:right; width:58.5%;}

.fNav li { width:50%; float:left; background:url(img/pat_stripe.png) repeat #bfa07b; background-size:23px;}
.fNav li:nth-child(2),.fNav li:nth-child(3),.fNav li:nth-child(6) { background-color:#b48e5f;}
.fNav li a { display:block; padding:8px 0 5px 35px; color:#fff; font-size:13px; font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho ProN",serif;}
.fNav .facebook a { background:url(img/fIcon_facebook.png) no-repeat 6% 50%; background-size:20px; }
.fNav .blog a { background:url(img/fIcon_blog.png) no-repeat 6% 50%; background-size:20px; }
.fNav .shop a { background:url(img/fIcon_shop.png) no-repeat 6% 50%; background-size:20px; }
.fNav .access a { background:url(img/fIcon_access.png) no-repeat 6% 50%; background-size:20px; }
.fNav .staff a { background:url(img/fIcon_staff.png) no-repeat 6% 50%; background-size:20px; }
.fNav .pc a { background:url(img/fIcon_pc.png) no-repeat 6% 50%; background-size:20px; }

.fNav+ul { padding:0 3%;}
.fNav+ul li { float:left; width:25%; padding-top:4%;}
.fNav+ul li+li { float:right; width:72%; padding-top:0;}

footer+p { background:#74bddc; color:#fff; text-align:center; font-size:11px; padding:3px 0;}

/*中ページ共通---------------*/

/*中ページ共通---------------*/
.inner { padding:3%;}
.bnr_list li { margin-bottom:3%; }
.bnr_list li:last-child { margin-bottom:0;}

.ttlCon{ margin:0 0 10px; padding:13px 10px 8px; font-size:18px; color:#846C3F; text-align:center; background:url(img/bg_ttl.png) ; line-height:1.4; }
.ttlArticle{ margin:0 0 10px; color:#5E4600; font-size:18px; text-align:center; border-bottom:1px solid #5E4600; }
.lead{ margin-bottom:10px; color:#5E4600; font-size:16px; font-weight:bold; text-align:center;} 
.lead2{ color:#5E4600; font-size:16px; } 
.box{ margin-bottom:10px; padding:20px 10px; border:1px solid #5E4600; border-top:4px solid #bff7d2; border-bottom:5px solid #bff7d2;}
.boxBeige{margin:20px 0; padding:20px 10px; background:#edddc6;}
.ttlBox{ margin-bottom:10px; color:#5E4600; font-size:16px; text-align:center; }
.btnList{ width:100%; box-sizing:border-box; padding:20px 10px; }
.btnList li{ float:left;  width:48%; margin:0 10px 10px 0;   }
.btnList li a{
	display:block; height:75px; padding-top:28px; background:url(img/bg_btn.png) no-repeat; background-size:100% auto; text-align:center; color:#846C3F; box-sizing:border-box; border-radius:6px; font-size:14px;
	font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; }
.btnList li.row2 a{ padding-top:18px; }
.btnList li:nth-child(even){margin-right:0; }
.btnList li img{ width:90%; }

.box dt{ font-weight: bold; color: #5E4600;}
.box dd{ margin-bottom:20px;}



/*アイラッシュ---------------*/
.be_af{ margin:20px 0; }
.tblMenu{ width:100%; margin:10px 0; border-collapse: collapse; background:#eadac3; }
.tblMenu th,
.tblMenu td{ width:50%; padding: 3px 5px; border: solid 2px #fff; color: #5E4600; font-weight: normal; text-align:center; }
.tblMenu.last{ margin-bottom:30px; }

#teacher{float:left; margin-right:10px;}
.ttl_basic,ttl_sexy { text-align: center; color:#5E4600; margin-bottom:10px;}
#ba_list{ width:100%; margin-bottom:30px; }
#ba_list li{ float:left; width:24%; margin-right:3px; }
#ba_list li:last-child{ margin-right:0; }
#ba_list li img{ width:100%; }
#ba_list li h5{ margin-bottom:5px; }

.imgFright{float:right; margin-left:10px; width:110px; }
#flow div.box{ position: relative; margin-bottom:30px; min-height:150px; }
#flow div.box:after{ border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #bff7d2;
    bottom: -20px;
    content: "";
    left: 50%;
    margin-left: -15px;
    position: absolute;}
#flow .box.last:after{ border:none; }
#flow .box_long { height:225px; }

.gallery .img-box_w { width:90%; padding:10px; margin:0 auto; background:url(../eyelash/img/gallery/box_w.jpg) no-repeat top left; background-size:100%; } 
.gallery #gall li { margin-bottom:25px; }
.gallery #gall dl { margin-top:5x; padding-left:10px; }
.gallery #gall dt { float:left; }
.gallery .mt-25 { margin-top: 25px; }
#gall.mt-100 { margin-top: 100px; }
#contents .btn_Box { display: flex; justify-content: center; margin: 20px auto 50px;}
#contents .btn_Box .ml-10 { margin-left: 10px; }
.btn_Link {
	background-color: #8ac7e2;
	border-radius: 5px;
	width: 45%;
	text-align: center;
	font-weight: bold;
	display: block;
}
.btn_Link a{ color: #fff; 	font-size: 0.9em; }
.btn_Link.exte_btn a {
  position: relative;
  display: inline-block;
	padding: 12px 0 10px 3px;
}
.btn_Link.curl_btn a {
  position: relative;
  display: inline-block;
	padding: 12px 0 10px 7px;
}
.btn_Link.exte_btn a:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 40%;
  left: -20%;
  bottom: 0;
	transform: rotate(90deg);
}
.btn_Link.curl_btn a:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 0;
  left: -2%;
  bottom: 0;
  margin: auto;
	transform: rotate(90deg);
}


.lead-led {margin: 5vw auto 5vw;}
.led .ttlArticle {margin-bottom: 1.2em;}
.bnr_led {margin-top: 1.5em;}
.mt-15 { margin-top: 15px; }
/*.faq{ padding-left:30px; background:url(../img/q_ico.jpg) no-repeat 0 4px; background-size:30px; }*/
.faq{ color:#462917; }
.ans{margin-bottom:30px;}
.faq:before{content:"Ｑ.";}
.ans:before{content:"Ａ.";}

/*アイケア---------------*/
.ele_img{ margin:20px 0 30px; text-align:center; }
.eleList{ margin-bottom:40px; }
.eleList li{ margin-bottom:20px; }

/*ネイル---------------*/
#nail .tblMenu.last{ margin-bottom:30px; }

/*ブライダル---------------*/
#bridal .course{ margin-bottom:30px;}

/*アイラッシュレントとは--------------*/
.aboutList li{margin-bottom:20px;}
.anzenTxt{ font-size:110%; }

/*店舗情報---------------*/
#shop .ttlCon{ margin-bottom:0; }
#shop .shopTxt{ margin:-110px 0 30px; font-size:110%; color:#846C3F; font-weight:bold; text-shadow:2px 2px 4px #fff; }
.shopData dt{ float:left; margin-bottom:10px; }
.shopData dd{ padding-left:100px; margin-bottom:10px; }

/*スタッフ募集---------------*/
#staff .owner{ float:right; }


/*お問い合わせ・ご予約-----*/
.contactList dd{margin-bottom:20px;}
.enter_button{text-align:center;}


/*共通お問い合わせボックス-----*/
.contactBox{ clear:both; margin:0 5px 30px; padding:35px 10px 20px; background:url(img/bg_contact.png) no-repeat; background-size:100% auto; }
.contactBox .ttlContact{ margin-bottom:20px; }
.contactBox .btnReserve{ margin-bottom:10px; }

.contactBtn{ width:100%;}
.contactBtn li{ float:left; width:48%; margin:0 10px 10px 0; }
.contactBtn li:last-child{margin-right:0; }
.contactBtn li img{ width:100%; }

/*キャンペーン-----*/
#campaign article .img { display:block; max-width:210px; margin:13px auto;}
#campaign article .ttlCon { margin-top:40px;}
#campaign article .ttlArticle { margin-top:25px;}
#campaign article p.price { color:#9F0050; text-align:center; font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho ProN",serif;}
#campaign article p.price span { position:relative; font-size:22px; font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho ProN",serif;}
#campaign article p.price span:before { position:absolute; bottom:8px; left:-51px; content:''; background:url(img/price_deco1.png) no-repeat; background-size:40px; width:40px; height:13px;}
#campaign article p.price span:after { position:absolute; bottom:8px; right:-66px; content:''; background:url(img/price_deco2.png) no-repeat; background-size:40px; width:40px; height:13px;}
#campaign article .small { text-align:center;}
#campaign article .bnr_eyelash { text-align:center; margin-top:25px;}
#campaign article .bnr_eyelash img { width:100%;}

#campaign article.set_plan .ttlArticle span { font-size:22px; font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho ProN",serif; color:#9F0050; margin-left:15px;}
#campaign article.set_plan .ttlArticle span span { font-size:15px; margin-left:0; }
#campaign .waku {border:4px double #ddd; margin:10px; padding:20px;}

/*ギャラリー-----*/
#eyelash .gallery .img-box_w { position: relative; width:332px; padding:10px; background:url(../eyebrow/img/gallery/box_flame1.jpg) no-repeat left top / contain, url(../eyebrow/img/gallery/box_flame2.jpg) no-repeat repeat left / contain;}
#eyelash .gallery .img-box_w::before { position: absolute; content: ''; background:url(../eyebrow/img/gallery/box_flame3.jpg); left: 0; bottom: 0; width: 351px; height: 70px; }
#eyelash .gallery .img-box_w img { position: relative; }

#eyebrow .gallery .img-box_w { position: relative; width:332px; padding:10px; background:url(../eyebrow/img/gallery/box_flame1.jpg) no-repeat left top / contain, url(../eyebrow/img/gallery/box_flame2.jpg) no-repeat repeat left / contain;}
#eyebrow .gallery .img-box_w::before { position: absolute; content: ''; background:url(../eyebrow/img/gallery/box_flame3.jpg); left: 0; bottom: 0; width: 351px; height: 70px; }
#eyebrow .gallery .img-box_w img { position: relative; }