@charset "UTF-8";
/* CSS Document */
.clearfix:after{
    content:"";
    clear:both;
    display:block;
	}
.inviewfadeInUp {
	opacity:0;
	transform:translate(0, 60px);
	-webkit-transform:translate(0, 60px);
	transition:1s;
    }
.fadeInUp {
	opacity:1.0;
	transform:translate(0, 0);
	-webkit-transform:translate(0, 0);
    }	
body{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust:100%;
	color:#000;
	background-color:#f5f1eb;
	}
#wrapper{
	width:90%;
	height:auto;
	margin:0 auto;
	background-color:#fff;
	overflow:hidden;
	}	
#top{
	width:100%;
	height:auto;
	margin:0 auto 30px;
	z-index:9999;
	}
#main{
	width:100%;
	height:650px;
	}	
header{
	width:100%;
	height:auto;
	position:relative;
	z-index:9999;
	}	
.logo_box{
	position:fixed;
	top:15px;
	left:50px;
	}
.logo_box img{
	width:180px;
	height:auto;
	}	
.btn_reservation a{
	width:250px;
	height:auto;
	text-align:center;
	background-color:#000;
	color:#fff;
	font-size:20px;
	text-decoration:none;
	padding:25px 0;
	position:fixed;
	top:20px;
	right:50px;
	box-shadow:5px 5px #a89683;
	font-family:'Playfair Display', serif;
	}
.btn_reservation a:hover{
	background-color:#444;
	transition:all 0.6s ease;
	}

footer{
	width:100%;
	height:auto;
	text-align:center;
	padding:20px 0;
	}
footer nav ul{
	font-family:'Playfair Display', serif;
	width:90%;
	height:auto;
	list-style:none;
	padding:30px 0 40px;
	margin:0 auto;
	border-top:solid 1px #eee;
	}
footer nav ul li{
	float:left;
	margin:0 1%;
	font-size:15px;
	}
footer nav ul li a{
	color:#000;
	text-decoration:none;
	display:block;
	position:relative;
	overflow:hidden;
	}
footer nav ul li a:hover:after,
footer nav ul li a:focus:after,
footer nav ul li a:active:after{
	width:100%;
	}	
footer nav ul li a:after{
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	width:0;
	transform:translateX(-50%);
	height:1px;
	background:#000;
	transition:.35s;
	}
footer nav ul li .sns_icon{
	width:100px;
	height:auto;
	margin-top:-5px;
	}
footer nav ul li .sns_icon a{
	font-size:24px;
	text-decoration:none;
	color:#000;
	margin:0 5%;
	float:left;
	}
footer nav ul li .sns_icon a:hover{
	color:#a89683;
	transition:all 0.6s ease;
	}	
footer nav ul li .sns_icon a:after{
	position:static;
	}
footer nav ul li.menu_sp{
	display:none;
	}			
small{
	font-family:'Playfair Display', serif;
	font-size:12px;
	}
#page-top a{
	width:60px;
	height:50px;
    background-color:#000;
    padding:10px 0 0;
	text-align:center;
    display:block;
	position:fixed;
	right:0;
    bottom:0;
	z-index:10;
	}
#page-top a:hover{
	opacity:0.8;
	transition:all 0.6s ease;
	}
#page-top .arrow_top{
	width:7px;
	height:auto;
	position:relative;
	right:-4px;
	}	

section{
	width:100%;
	height:auto;
	margin:0 auto;
	z-index:1;
	position:relative;
	}
.content_box{
	width:95%;
	height:auto;
	min-height:60vh;
	margin:-350px auto 0;
	padding:80px 0;
	z-index:2;
	background-color:#fff;
	}	
.content_box h1{
	width:100%;
	font-family:'Playfair Display', serif;
	font-size:60px;
	font-weight:normal;
	text-align:center;
	color:#000;
	position:absolute;
	top:50px;
	left:0;
	right:0;
	}

/*menu*/
.bg_menu{
	width:100%;
	height:500px;
	background-image:url(../overlays/01.png),url(../img/bg_menu.jpg);
	background-repeat:repeat, no-repeat;
	background-blend-mode:overlay;
	background-size:auto, cover;
	background-position:center;
	}
.iframe_box{
	width:100%;
	max-width:1000px;
	height:auto;
	margin:0 auto;
	}
.iframe_box iframe{
	width:100%;
	height:100vh;
	margin:0 auto;
	}
.btn_menu a{
	display:none;
	}		

/*salon*/
.bg_salon{
	width:100%;
	height:500px;
	background-image:url(../overlays/01.png),url(../img/bg_salon.jpg);
	background-repeat:repeat, no-repeat;
	background-blend-mode:overlay;
	background-size:auto, cover;
	background-position:center;
	}	
ul.salon_gallery_box{
	width:90%;
	height:auto;
	padding:0;
	margin:0 auto 40px;
	list-style:none;
	}
ul.salon_gallery_box li{
	width:49%;
	height:auto;
	margin:0 0.5%;
	float:left;
	}
ul.salon_gallery_box li img{
	width:100%;
	height:auto;
	}
dl.access{
	width:100%;
	height:auto;
	font-size:14px;
	line-height:30px;
	margin:0 auto 50px;
	text-align:center;
	}
dl.access dt{
	font-weight:bold;
	}		
dl.access dd{
	margin:0 auto;
	}
#map_canvas{
	width:700px;
	height:350px;
	margin:20px auto 40px;
	}
.border{
	width:50px;
	height:1px;
	background-color:#000;
	margin:60px auto;
	}	
.recruit{
	text-align:center;
	font-size:14px;
	line-height:30px;
	}
.recruit h2{
	font-family:'Playfair Display', serif;
	text-align:center;
	font-size:38px;
	font-weight:normal;
	color:#999;
	}	
.recruit .btn a{
	width:400px;
	height:auto;
	margin:30px auto 0;
	text-align:center;
	font-size:18px;
	color:#fff;
	text-decoration:none;
	background-color:#000;
	padding:30px 0;
	box-shadow:5px 5px #a89683;
	display:block;
	}
.recruit .btn a:hover{
	color:#fff;
	background-color:#444;
	transition:all 0.6s ease;
	}	
.recruit .btn .arrow_menu{
	width:90px;
	height:auto;
	margin:0 0 7px 10px;
	}		

/*contact*/
.bg_contact{
	width:100%;
	height:500px;
	background-image:url(../overlays/01.png),url(../img/bg_contact.jpg);
	background-repeat:repeat, no-repeat;
	background-blend-mode:overlay;
	background-size:auto, cover;
	background-position:center;
	}
.contact_box{
	width:90%;
	height:auto;
	min-height:1000px;
	margin:0 auto;
	font-size:14px;
	}
.contact_box a{
	color:#000;
	}
.contact_box p.txt{
	text-align:center;
	font-size:14px;
	line-height:30px;
	margin:0;
	}
.contact_box form{
	width:100%;
	max-width:1000px;
	height:auto;
	margin:0 auto;
	}
.contact_box .input{
	width:98%;
	border:none;
	height:30px;
	padding:5px 1%;
	margin-bottom:20px;
	font-size:14px;
	background-color:#f1f1f1;
	border-radius:0;
	outline:none;
	}
.contact_box .input02{
	width:10%;
	border:none;
	height:30px;
	padding:5px 1%;
	margin-bottom:20px;
	font-size:14px;
	background-color:#f1f1f1;
	border-radius:0;
	outline:none;
	}	
.contact_box .textarea{
	width:98%;
	border:none;
	height:200px;
	padding:10px 1%;
	font-size:14px;
	margin:0 auto 20px;
	background-color:#f1f1f1;
	border-radius:0;
	outline:none;
	}
.contact_box .kome{
	color:#f00;
	font-size:12px;
	}
.contact_box .txt_s{
	font-size:12px;
	margin:30px auto;
	}	
.contact_box .submit{
	width:400px;
	height:auto;
	padding:30px 0;
	margin:20px auto 0;
	color:#fff;
	background-color:#000;
	text-align:center;
	font-size:16px;
	text-decoration:none;
	border:none;
	border-radius:0;
	outline:none;
	cursor:pointer;
	display:block;
	}
.contact_box .submit:hover{
	opacity:0.8;
	transition:all 0.6s ease;
	}
	
/*conf.html,thx.html*/
.contact_box h2{
	font-size:24px;
	color:#000;
	text-align:center;
	}
.contact_box table{
	width:100%;
	max-width:1000px;
	height:auto;
	margin:50px auto;
	}
.contact_box table th{
	width:30%;
	font-weight:normal;
	}
.contact_box table td{
	width:70%;
	}		
.contact_box table th,.contact_box table td{
	text-align:left;
	padding:10px 5px;
	font-size:14px;
	vertical-align:middle;
	}
.contact_box form{
	width:100%;
	margin:0 auto;
	}
.contact_box .top_btn a{
	width:400px;
	height:auto;
	padding:30px 0;
	margin:50px auto;
	color:#fff;
	background-color:#000;
	text-align:center;
	font-size:16px;
	text-decoration:none;
	border:none;
	border-radius:0;
	outline:none;
	cursor:pointer;
	display:block;
	}
.contact_box .top_btn a:hover{
	opacity:0.8;
	transition:all 0.6s ease;
	}

/*salon list*/
#salon_box{
	width:100%;
	height:auto;
	font-size:14px;
	line-height:20px;
	margin:0 auto;
	background-color:#f1f1f1;
	padding:50px 0 70px;
	}
#salon_box h1{
	font-family:'Playfair Display', serif;
	font-size:46px;
	font-weight:normal;
	text-align:center;
	margin-bottom:50px;
	}
#salon_box .salon{
	width:90%;
	height:auto;
	margin:1% auto;
	}
#salon_box .salon h3{
	font-size:26px;
	font-weight:normal;
	margin:0;
	}
#salon_box .salon .border{
	width:50px;
	height:1px;
	background-color:#000;
	margin:20px 0;
	}
#salon_box .dolls .img{
	width:50%;
	height:500px;
	float:left;
	background-image:url(../img/dolls.jpg);
	background-size:cover;
	background-position:center;
	}	
#salon_box .dolls .address{
	width:40%;
	height:400px;
	float:right;
	padding:50px 5%;
	background-color:#fff;
	position:relative;
	}
#salon_box .dolls .address:before{
	content:"";
	position:absolute;
	top:0;
	left:-300px;
	border:250px solid transparent;
	border-right:50px solid #fff;
	}					
#salon_box .candy .img{
	width:50%;
	height:500px;
	float:right;
	background-image:url(../img/candy.jpg);
	background-size:cover;
	background-position:center;
	}	
#salon_box .candy .address{
	width:40%;
	height:380px;
	float:left;
	padding:60px 5%;
	background-color:#fff;
	position:relative;
	}
#salon_box .candy .address:before{
	content:"";
	position:absolute;
	top:0;
	right:-300px;
	border:250px solid transparent;
	border-left:50px solid #fff;
	}
#salon_box .kitaakabane .img{
	width:50%;
	height:500px;
	float:left;
	background-image:url(../img/kitaakabane.jpg);
	background-size:cover;
	background-position:center;
	}
#salon_box .kitaakabane .address{
	width:40%;
	height:400px;
	float:right;
	padding:50px 5%;
	background-color:#fff;
	position:relative;
	}
#salon_box .kitaakabane .address:before{
	content:"";
	position:absolute;
	top:0;
	left:-300px;
	border:250px solid transparent;
	border-right:50px solid #fff;
	}	
#salon_box .syakujii .img{
	width:50%;
	height:500px;
	float:left;
	background-image:url(../img/syakujii.jpg);
	background-size:cover;
	background-position:center;
	}
#salon_box .syakujii .address{
	width:40%;
	height:380px;
	float:right;
	padding:60px 5%;
	background-color:#fff;
	position:relative;
	}
#salon_box .syakujii .address:before{
	content:"";
	position:absolute;
	top:0;
	left:-300px;
	border:250px solid transparent;
	border-right:50px solid #fff;
	}	
#salon_box .kiyosumi .img{
	width:50%;
	height:500px;
	float:right;
	background-image:url(../img/kiyosumi.jpg);
	background-size:cover;
	background-position:center;
	}
#salon_box .kiyosumi .address{
	width:40%;
	height:380px;
	float:left;
	padding:60px 5%;
	background-color:#fff;
	position:relative;
	}
#salon_box .kiyosumi .address:before{
	content:"";
	position:absolute;
	top:0;
	right:-300px;
	border:250px solid transparent;
	border-left:50px solid #fff;
	}	
#salon_box .umeshima .img{
	width:50%;
	height:500px;
	float:left;
	background-image:url(../img/umeshima.jpg);
	background-size:cover;
	background-position:center;
	}
#salon_box .umeshima .address{
	width:40%;
	height:400px;
	float:right;
	padding:50px 5%;
	background-color:#fff;
	position:relative;
	}
#salon_box .umeshima .address:before{
	content:"";
	position:absolute;
	top:0;
	left:-300px;
	border:250px solid transparent;
	border-right:50px solid #fff;
	}
#salon_box .oji .img{
	width:50%;
	height:500px;
	float:right;
	background-image:url(../img/oji.jpg);
	background-size:cover;
	background-position:center;
	}
#salon_box .oji .address{
	width:40%;
	height:400px;
	float:left;
	padding:50px 5%;
	background-color:#fff;
	position:relative;
	}
#salon_box .oji .address:before{
	content:"";
	position:absolute;
	top:0;
	right:-300px;
	border:250px solid transparent;
	border-left:50px solid #fff;
	}
#salon_box .nakaitabashi .img {
	width: 50%;
	height: 500px;
	float: left;
	background-image: url(../img/nakaitabashi.jpg);
	background-size: cover;
	background-position: center;
}
#salon_box .nakaitabashi .address {
	width: 40%;
	height: 400px;
	float: right;
	padding: 50px 5%;
	background-color: #fff;
	position: relative;
}
#salon_box .nakaitabashi .address:before {
	content: "";
	position: absolute;
	top: 0;
	left: -300px;
	border: 250px solid transparent;
	border-right: 50px solid #fff;
}
#salon_box .kiba .img {
	width: 50%;
	height: 500px;
	float: right;
	background-image: url(../img/kiba.jpg);
	background-size: cover;
	background-position: center;
}
#salon_box .kiba .address {
	width: 40%;
	height: 400px;
	float: left;
	padding: 50px 5%;
	background-color: #fff;
	position: relative;
}
#salon_box .kiba .address:before {
	content: "";
	position: absolute;
	top: 0;
	right: -300px;
	border: 250px solid transparent;
	border-left: 50px solid #fff;
}
#salon_box .machiya .img {
	width: 50%;
	height: 500px;
	float: left;
	background-image: url(../img/machiya.jpg);
	background-size: cover;
	background-position: center;
}
#salon_box .machiya .address {
	width: 40%;
	height: 400px;
	float: right;
	padding: 50px 5%;
	background-color: #fff;
	position: relative;
}
#salon_box .machiya .address:before {
	content: "";
	position: absolute;
	top: 0;
	left: -300px;
	border: 250px solid transparent;
	border-right: 50px solid #fff;
}	
#salon_box .address dl{
	width:100%;
	height:auto;
	}
#salon_box .address dt{
	width:80px;
	float:left;
	font-weight:bold;
	}		
#salon_box .address dd{
	margin:0 0 0 80px;
	}
#salon_box .btn{
	width:100%;
	height:auto;
	margin:25px auto;
	}
#salon_box .btn a{
	width:50px;
	height:20px;
	margin:0 1% 0 0;
	text-align:center;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	background-color:#000;
	padding:35px 20px;
	display:block;
	float:left;
	}
#salon_box .btn a:hover{
	background-color:#444;
	transition:all 0.6s ease;
	}		
#salon_box .btn a.map{
	width:50px;
	height:20px;
	margin:0 auto;
	text-align:center;
	font-size:14px;
	color:#000;
	text-decoration:none;
	background-color:#a89683;
	padding:35px 20px;
	display:block;
	float:left;
	}
#salon_box .btn a.map:hover{
	opacity:0.8;
	transition:all 0.6s ease;
	}	
#salon_box .btn i{
	font-size:13px;
	position:relative;
	top:-1px;
	right:5px;
	}

/*Dolls Lash*/	
#banner_box{
	width:100%;
	height:auto;
	padding:40px 0;
	text-align:center;
	background-color:#000;
	}
#banner_box a{
	width:1200px;
	height:300px;
	margin:0 auto;
	background-image:url(../img/banner.jpg);
	background-size:cover;
	background-position:center;
	display:block;
	}		
#banner_box a:hover{
	opacity:0.9;
	transition:all 0.6s ease;
	}		

.block{
	display:block;
	}				
	
@media screen and (min-width:700px) and ( max-width:1050px){/*タブレット縦横*/
#wrapper{
	width:95%;
	height:auto;
	margin:0 auto;
	background-color:#fff;
	overflow:hidden;
	}	
#top{
	width:100%;
	height:100vh;
	margin:0 auto 80px;
	position:relative;
	z-index:9999;
	}
#main{
	width:100%;
	height:100vh;
	}	
header{
	width:100%;
	height:auto;
	position:relative;
	z-index:9999;
	}	
.logo_box{
	position:fixed;
	top:15px;
	left:50px;
	}
.logo_box img{
	width:170px;
	height:auto;
	}	
.btn_reservation a{
	width:250px;
	height:auto;
	text-align:center;
	background-color:#000;
	color:#fff;
	font-size:20px;
	text-decoration:none;
	padding:25px 0;
	position:fixed;
	top:20px;
	right:50px;
	box-shadow:5px 5px #a89683;
	font-family:'Playfair Display', serif;
	}
.btn_reservation a:hover{
	background-color:#444;
	transition:all 0.6s ease;
	}
.btn_menu a{
	display:block;
	font-family:'Playfair Display', serif;
	width:80%;
	height:auto;
	background-color:#000;
	color:#fff;
	font-size:30px;
	text-align:center;
	padding:30px 0;
	position:absolute;
	left:0;
	right:0;
	bottom:-45px;
	margin:0 auto;
	box-shadow:5px 5px #a89683;
	}
.btn_menu a{
	color:#fff;
	text-decoration:none;
	}
.btn_menu a:hover{
	color:#fff;
	background-color:#444;
	transition:all 0.6s ease;
	}	
.btn_menu .arrow_menu{
	width:90px;
	height:auto;
	margin:0 0 7px 10px;
	}	

footer{
	width:100%;
	height:auto;
	text-align:center;
	padding:20px 0;
	}
footer nav ul{
	font-family:'Playfair Display', serif;
	width:90%;
	height:auto;
	list-style:none;
	padding:30px 0 40px;
	margin:0 auto;
	border-top:solid 1px #eee;
	}
footer nav ul li{
	float:left;
	margin:0 1%;
	font-size:14px;
	}
footer nav ul li a{
	color:#000;
	text-decoration:none;
	display:block;
	position:relative;
	overflow:hidden;
	}
footer nav ul li a:hover:after,
footer nav ul li a:focus:after,
footer nav ul li a:active:after{
	width:100%;
	}	
footer nav ul li a:after{
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	width:0;
	transform:translateX(-50%);
	height:1px;
	background:#000;
	transition:.35s;
	}
footer nav ul li .sns_icon{
	width:100px;
	height:auto;
	margin-top:-10px;
	}
footer nav ul li .sns_icon a{
	font-size:28px;
	text-decoration:none;
	color:#000;
	margin:0 5%;
	float:left;
	}
footer nav ul li .sns_icon a:hover{
	color:#a89683;
	transition:all 0.6s ease;
	}	
footer nav ul li .sns_icon a:after{
	position:static;
	}
footer nav ul li.menu_pc{
	display:none;
	}
footer nav ul li.menu_sp{
	display:block;
	}			
small{
	font-family:'Playfair Display', serif;
	font-size:10px;
	}
#page-top a{
	width:70px;
	height:55px;
    background-color:#000;
    padding:15px 0 0;
	text-align:center;
    display:block;
	position:fixed;
	right:0;
    bottom:0;
	z-index:10;
	}
#page-top a:hover{
	opacity:0.8;
	transition:all 0.6s ease;
	}
#page-top .arrow_top{
	width:7px;
	height:auto;
	position:relative;
	right:-4px;
	}	

section{
	width:100%;
	height:auto;
	margin:0 auto;
	z-index:1;
	position:relative;
	}
.content_box{
	width:90%;
	height:auto;
	min-height:60vh;
	margin:-350px auto 0;
	padding:70px 0;
	z-index:2;
	background-color:#fff;
	}	
.content_box h1{
	width:100%;
	font-family:'Playfair Display', serif;
	font-size:50px;
	font-weight:normal;
	text-align:center;
	color:#000;
	position:absolute;
	top:70px;
	left:0;
	right:0;
	}

/*menu*/
#menu{
	display:none;
	}		

/*salon*/
.bg_salon{
	width:100%;
	height:500px;
	background-image:url(../overlays/01.png),url(../img/bg_salon.jpg);
	background-repeat:repeat, no-repeat;
	background-blend-mode:overlay;
	background-size:auto, cover;
	background-position:center;
	}
ul.salon_gallery_box{
	width:90%;
	height:auto;
	padding:0;
	margin:0 auto 30px;
	list-style:none;
	}
ul.salon_gallery_box li{
	width:49%;
	height:auto;
	margin:0 0.5%;
	float:left;
	}
ul.salon_gallery_box li img{
	width:100%;
	height:auto;
	}
dl.access{
	width:100%;
	height:auto;
	font-size:14px;
	line-height:30px;
	margin:0 auto 50px;
	text-align:center;
	}
dl.access a{
	color:#000;
	}	
dl.access dt{
	font-weight:bold;
	}		
dl.access dd{
	margin:0 auto;
	}
#map_canvas{
	width:500px;
	height:350px;
	margin:20px auto 40px;
	}
.border{
	width:50px;
	height:1px;
	background-color:#000;
	margin:50px auto;
	}	
.recruit{
	text-align:center;
	font-size:14px;
	line-height:30px;
	}
.recruit h2{
	font-family:'Playfair Display', serif;
	text-align:center;
	font-size:30px;
	font-weight:normal;
	color:#999;
	}	
.recruit .btn a{
	width:400px;
	height:auto;
	margin:30px auto 0;
	text-align:center;
	font-size:18px;
	color:#fff;
	text-decoration:none;
	background-color:#000;
	padding:30px 0;
	box-shadow:5px 5px #a89683;
	display:block;
	}
.recruit .btn a:hover{
	color:#fff;
	background-color:#444;
	transition:all 0.6s ease;
	}	
.recruit .btn .arrow_menu{
	width:90px;
	height:auto;
	margin:0 0 7px 10px;
	}		

/*contact*/
.bg_contact{
	width:100%;
	height:500px;
	background-image:url(../overlays/01.png),url(../img/bg_contact.jpg);
	background-repeat:repeat, no-repeat;
	background-blend-mode:overlay;
	background-size:auto, cover;
	background-position:center;
	}
.contact_box{
	width:90%;
	height:auto;
	min-height:70vh;
	margin:0 auto;
	font-size:14px;
	}
.contact_box a{
	color:#000;
	}
.contact_box p.txt{
	text-align:center;
	font-size:14px;
	line-height:30px;
	margin:0;
	}		
.contact_box form{
	width:100%;
	max-width:100%;
	height:auto;
	margin:0 auto;
	}
.contact_box .input{
	width:98%;
	border:none;
	height:30px;
	padding:5px 1%;
	margin-bottom:20px;
	font-size:14px;
	background-color:#f1f1f1;
	border-radius:0;
	outline:none;
	}
.contact_box .input02{
	width:10%;
	border:none;
	height:30px;
	padding:5px 1%;
	margin-bottom:20px;
	font-size:14px;
	background-color:#f1f1f1;
	border-radius:0;
	outline:none;
	}	
.contact_box .textarea{
	width:98%;
	border:none;
	height:200px;
	padding:10px 1%;
	font-size:14px;
	margin:0 auto 20px;
	background-color:#f1f1f1;
	border-radius:0;
	outline:none;
	}
.contact_box .kome{
	color:#f00;
	font-size:12px;
	}
.contact_box .txt_s{
	font-size:12px;
	margin:30px auto;
	}	
.contact_box .submit{
	width:400px;
	height:auto;
	padding:30px 0;
	margin:20px auto 0;
	color:#fff;
	background-color:#000;
	text-align:center;
	font-size:16px;
	text-decoration:none;
	border:none;
	border-radius:0;
	outline:none;
	cursor:pointer;
	display:block;
	}
.contact_box .submit:hover{
	opacity:0.8;
	transition:all 0.6s ease;
	}
input[type="button"] {
 	-webkit-appearance:none;
	}
input[type="submit"] {
 	-webkit-appearance:none;
	}	

/*conf.html,thx.html*/
.contact_box h2{
	font-size:24px;
	color:#000;
	text-align:center;
	}
.contact_box table{
	width:100%;
	max-width:500px;
	height:auto;
	margin:50px auto;
	}
.contact_box table th{
	width:30%;
	font-weight:normal;
	}
.contact_box table td{
	width:70%;
	}		
.contact_box table th,.contact_box table td{
	text-align:left;
	padding:10px 5px;
	font-size:14px;
	vertical-align:middle;
	}
.contact_box form{
	width:100%;
	margin:0 auto;
	}
.contact_box .top_btn a{
	width:400px;
	height:auto;
	padding:30px 0;
	margin:50px auto;
	color:#fff;
	background-color:#000;
	text-align:center;
	font-size:16px;
	text-decoration:none;
	border:none;
	border-radius:0;
	outline:none;
	cursor:pointer;
	display:block;
	}
.contact_box .top_btn a:hover{
	opacity:0.8;
	transition:all 0.6s ease;
	}

/*salon list*/
#salon_box{
	width:100%;
	height:auto;
	font-size:14px;
	line-height:20px;
	margin:0 auto;
	background-color:#f1f1f1;
	padding:40px 0 60px;
	}
#salon_box h1{
	font-family:'Playfair Display', serif;
	font-size:40px;
	font-weight:normal;
	text-align:center;
	margin-bottom:40px;
	}	
#salon_box .salon{
	width:95%;
	height:auto;
	margin:1% auto;
	}
#salon_box .salon a{
	color:#000;
	}		
#salon_box .salon h3{
	font-size:24px;
	font-weight:normal;
	margin:0;
	}
#salon_box .salon .border{
	width:50px;
	height:1px;
	background-color:#000;
	margin:20px 0;
	}
#salon_box .dolls .img{
	width:40%;
	height:500px;
	float:left;
	background-image:url(../img/dolls.jpg);
	background-size:cover;
	background-position:-100px center;
	}	
#salon_box .dolls .address{
	width:50%;
	height:420px;
	float:right;
	padding:40px 5%;
	background-color:#fff;
	position:relative;
	}
#salon_box .dolls .address:before{
	content:"";
	position:absolute;
	top:0;
	left:-300px;
	border:250px solid transparent;
	border-right:50px solid #fff;
	}					
#salon_box .candy .img{
	width:40%;
	height:500px;
	float:right;
	background-image:url(../img/candy.jpg);
	background-size:cover;
	background-position:-50px center;
	}	
#salon_box .candy .address{
	width:50%;
	height:420px;
	float:left;
	padding:40px 5%;
	background-color:#fff;
	position:relative;
	}
#salon_box .candy .address:before{
	content:"";
	position:absolute;
	top:0;
	right:-300px;
	border:250px solid transparent;
	border-left:50px solid #fff;
	}
#salon_box .kitaakabane .img{
	width:40%;
	height:500px;
	float:left;
	background-image:url(../img/kitaakabane.jpg);
	background-size:cover;
	background-position:center;
	}
#salon_box .kitaakabane .address{
	width:50%;
	height:420px;
	float:right;
	padding:40px 5%;
	background-color:#fff;
	position:relative;
	}
#salon_box .kitaakabane .address:before{
	content:"";
	position:absolute;
	top:0;
	left:-300px;
	border:250px solid transparent;
	border-right:50px solid #fff;
	}	
#salon_box .kiyosumi .img{
	width:40%;
	height:500px;
	float:right;
	background-image:url(../img/kiyosumi.jpg);
	background-size:cover;
	background-position:-250px center;
	}
#salon_box .kiyosumi .address{
	width:50%;
	height:400px;
	float:left;
	padding:50px 5%;
	background-color:#fff;
	position:relative;
	}
#salon_box .kiyosumi .address:before{
	content:"";
	position:absolute;
	top:0;
	right:-300px;
	border:250px solid transparent;
	border-left:50px solid #fff;
	}	
#salon_box .umeshima .img{
	width:35%;
	height:500px;
	float:left;
	background-image:url(../img/umeshima.jpg);
	background-size:cover;
	background-position:-280px center;
	}
#salon_box .umeshima .address{
	width:55%;
	height:420px;
	float:right;
	padding:40px 5%;
	background-color:#fff;
	position:relative;
	}
#salon_box .umeshima .address:before{
	content:"";
	position:absolute;
	top:0;
	left:-300px;
	border:250px solid transparent;
	border-right:50px solid #fff;
	}
#salon_box .oji .img{
	width:34%;
	height:500px;
	float:right;
	background-image:url(../img/oji.jpg);
	background-size:cover;
	background-position:center;
	}
#salon_box .oji .address{
	width:56%;
	height:420px;
	float:left;
	padding:40px 5%;
	background-color:#fff;
	position:relative;
	}
#salon_box .oji .address:before{
	content:"";
	position:absolute;
	top:0;
	right:-300px;
	border:250px solid transparent;
	border-left:50px solid #fff;
	}
#salon_box .nakaitabashi .img {
	width: 40%;
	height: 500px;
	float: left;
	background-image: url(../img/nakaitabashi.jpg);
	background-size: cover;
	background-position: center;
}
#salon_box .nakaitabashi .address {
	width: 50%;
	height: 420px;
	float: right;
	padding: 40px 5%;
	background-color: #fff;
	position: relative;
}
#salon_box .nakaitabashi .address:before {
	content: "";
	position: absolute;
	top: 0;
	left: -300px;
	border: 250px solid transparent;
	border-right: 50px solid #fff;
}
#salon_box .kiba .img {
	width: 40%;
	height: 500px;
	float: right;
	background-image: url(../img/kiba.jpg);
	background-size: cover;
	background-position: center;
}
#salon_box .kiba .address {
	width: 50%;
	height: 420px;
	float: left;
	padding: 40px 5%;
	background-color: #fff;
	position: relative;
}
#salon_box .kiba .address:before {
	content: "";
	position: absolute;
	top: 0;
	right: -300px;
	border: 250px solid transparent;
	border-left: 50px solid #fff;
}
#salon_box .machiya .img {
	width: 35%;
	height: 500px;
	float: left;
	background-image: url(../img/machiya.jpg);
	background-size: cover;
	background-position: center;
}
#salon_box .machiya .address {
	width: 55%;
	height: 420px;
	float: right;
	padding: 40px 5%;
	background-color: #fff;
	position: relative;
}
#salon_box .machiya .address:before {
	content: "";
	position: absolute;
	top: 0;
	left: -300px;
	border: 250px solid transparent;
	border-right: 50px solid #fff;
}	
#salon_box .address dl{
	width:100%;
	height:auto;
	}
#salon_box .address dt{
	width:80px;
	float:left;
	font-weight:bold;
	}		
#salon_box .address dd{
	margin:0 0 0 80px;
	}
#salon_box .btn{
	width:100%;
	height:auto;
	margin:25px auto;
	}
#salon_box .btn a{
	width:50px;
	height:20px;
	margin:0 1% 0 0;
	text-align:center;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	background-color:#000;
	padding:30px 15px;
	display:block;
	float:left;
	}
#salon_box .btn a:hover{
	background-color:#444;
	transition:all 0.6s ease;
	}		
#salon_box .btn a.map{
	width:50px;
	height:20px;
	margin:0 auto;
	text-align:center;
	font-size:13px;
	color:#000;
	text-decoration:none;
	background-color:#a89683;
	padding:30px 15px;
	display:block;
	float:left;
	}
#salon_box .btn a.map:hover{
	opacity:0.8;
	transition:all 0.6s ease;
	}	
#salon_box .btn i{
	font-size:13px;
	position:relative;
	top:-1px;
	right:5px;
	}

/*Dolls Lash*/
#banner_box{
	width:100%;
	height:auto;
	padding:40px 0;
	text-align:center;
	background-color:#000;
	}
#banner_box a{
	width:100%;
	height:200px;
	margin:0 auto;
	background-image:url(../img/banner.jpg);
	background-size:cover;
	background-position:center;
	display:block;
	}	
#banner_box a:hover{
	opacity:0.9;
	transition:all 0.6s ease;
	}	

.block_tab{
	display:block;
	}				
}


@media screen and (max-width:700px){/*スマホ縦-スマホ横*/
#wrapper{
	width:95%;
	height:auto;
	margin:0 auto;
	background-color:#fff;
	overflow:hidden;
	}	
#top{
	width:100%;
	height:100vh;
	margin:0 auto 70px;
	position:relative;
	z-index:9999;
	}
#main{
	width:100%;
	height:100vh;
	}	
header{
	width:100%;
	height:auto;
	position:relative;
	z-index:9999;
	}	
.logo_box{
	position:fixed;
	top:15px;
	left:20px;
	}
.logo_box img{
	width:100px;
	height:auto;
	}	
.btn_reservation a{
	width:100px;
	height:auto;
	text-align:center;
	background-color:#000;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	padding:10px 5px;
	position:fixed;
	top:10px;
	right:20px;
	box-shadow:5px 5px #a89683;
	font-family:'Playfair Display', serif;
	}
.btn_reservation a:hover{
	background-color:#444;
	transition:all 0.6s ease;
	}
.btn_menu a{
	display:block;
	font-family:'Playfair Display', serif;
	width:80%;
	height:auto;
	background-color:#000;
	color:#fff;
	font-size:20px;
	text-align:center;
	padding:30px 0;
	position:absolute;
	left:0;
	right:0;
	bottom:-40px;
	margin:0 auto;
	box-shadow:5px 5px #a89683;
	}
.btn_menu a{
	color:#fff;
	text-decoration:none;
	}
.btn_menu a:hover{
	color:#fff;
	background-color:#444;
	transition:all 0.6s ease;
	}	
.btn_menu .arrow_menu{
	width:90px;
	height:auto;
	margin:0 0 7px 10px;
	}	

footer{
	width:100%;
	height:auto;
	text-align:center;
	padding:20px 0;
	}
footer nav ul{
	font-family:'Playfair Display', serif;
	width:90%;
	height:auto;
	list-style:none;
	padding:10px 0 20px;
	margin:0 auto;
	border-top:solid 1px #eee;
	}
footer nav ul li{
	float:none;
	margin:10px auto;
	font-size:14px;
	line-height:30px;
	}
footer nav ul li a{
	color:#000;
	text-decoration:none;
	display:inline-block;
	position:relative;
	overflow:hidden;
	}
footer nav ul li a:hover:after,
footer nav ul li a:focus:after,
footer nav ul li a:active:after{
	width:100%;
	}	
footer nav ul li a:after{
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	width:0;
	transform:translateX(-50%);
	height:1px;
	background:#000;
	transition:.35s;
	}
footer nav ul li .sns_icon{
	width:87px;
	height:auto;
	margin:0 auto;
	}
footer nav ul li .sns_icon a{
	font-size:34px;
	text-decoration:none;
	color:#000;
	margin:0 5%;
	float:left;
	}
footer nav ul li .sns_icon a:hover{
	color:#a89683;
	transition:all 0.6s ease;
	}	
footer nav ul li .sns_icon a:after{
	position:static;
	}
footer nav ul li.menu_pc{
	display:none;
	}
footer nav ul li.menu_sp{
	display:block;
	}		
small{
	font-family:'Playfair Display', serif;
	font-size:10px;
	}
#page-top a{
	width:50px;
	height:40px;
    background-color:#000;
    padding:7px 0 3px;
	text-align:center;
    display:block;
	position:fixed;
	right:0;
    bottom:0;
	z-index:10;
	}
#page-top a:hover{
	opacity:0.8;
	transition:all 0.6s ease;
	}
#page-top .arrow_top{
	width:7px;
	height:auto;
	position:relative;
	right:-3px;
	}	

section{
	width:100%;
	height:auto;
	margin:0 auto;
	z-index:1;
	position:relative;
	}
.content_box{
	width:90%;
	height:auto;
	min-height:60vh;
	margin:-200px auto 0;
	padding:50px 0;
	z-index:2;
	background-color:#fff;
	}	
.content_box h1{
	width:100%;
	font-family:'Playfair Display', serif;
	font-size:40px;
	font-weight:normal;
	text-align:center;
	color:#000;
	position:absolute;
	top:35px;
	left:0;
	right:0;
	}

/*menu*/
#menu{
	display:none;
	}	

/*salon*/
.bg_salon{
	width:100%;
	height:300px;
	background-image:url(../overlays/01.png),url(../img/bg_salon.jpg);
	background-repeat:repeat, no-repeat;
	background-blend-mode:overlay;
	background-size:auto, cover;
	background-position:center;
	}
ul.salon_gallery_box{
	width:90%;
	height:auto;
	padding:0;
	margin:0 auto 20px;
	list-style:none;
	}
ul.salon_gallery_box li{
	width:48%;
	height:auto;
	margin:0 1%;
	float:left;
	}
ul.salon_gallery_box li img{
	width:100%;
	height:auto;
	}
dl.access{
	width:100%;
	height:auto;
	font-size:14px;
	line-height:30px;
	margin:0 auto 30px;
	text-align:center;
	}
dl.access a{
	color:#000;
	}	
dl.access dt{
	font-weight:bold;
	}			
dl.access dd{
	margin:0 auto;
	}
dl.access dd.left{
	text-align:left;
	}	
#map_canvas{
	width:95%;
	height:300px;
	margin:20px auto 30px;
	}
.border{
	width:50px;
	height:1px;
	background-color:#000;
	margin:30px auto;
	}	
.recruit{
	text-align:left;
	font-size:14px;
	line-height:30px;
	}
.recruit h2{
	font-family:'Playfair Display', serif;
	text-align:center;
	font-size:28px;
	font-weight:normal;
	color:#999;
	}	
.recruit .btn a{
	width:90%;
	height:auto;
	margin:30px auto 0;
	text-align:center;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	background-color:#000;
	padding:30px 0;
	box-shadow:5px 5px #a89683;
	display:block;
	}
.recruit .btn a:hover{
	color:#fff;
	background-color:#444;
	transition:all 0.6s ease;
	}	
.recruit .btn .arrow_menu{
	width:90px;
	height:auto;
	margin:0 0 7px 10px;
	}		

/*contact*/
.bg_contact{
	width:100%;
	height:300px;
	background-image:url(../overlays/01.png),url(../img/bg_contact.jpg);
	background-repeat:repeat, no-repeat;
	background-blend-mode:overlay;
	background-size:auto, cover;
	background-position:center;
	}
.contact_box{
	width:90%;
	height:auto;
	min-height:70vh;
	margin:0 auto;
	font-size:14px;
	}
.contact_box a{
	color:#000;
	}
.contact_box p.txt{
	text-align:left;
	font-size:14px;
	line-height:30px;
	margin:0;
	}		
.contact_box form{
	width:100%;
	max-width:100%;
	height:auto;
	margin:0 auto;
	}
.contact_box .input{
	width:98%;
	border:none;
	height:30px;
	padding:5px 1%;
	margin-bottom:20px;
	font-size:14px;
	background-color:#f1f1f1;
	border-radius:0;
	outline:none;
	}
.contact_box .input02{
	width:20%;
	border:none;
	height:30px;
	padding:5px 1%;
	margin-bottom:20px;
	font-size:14px;
	background-color:#f1f1f1;
	border-radius:0;
	outline:none;
	}	
.contact_box .textarea{
	width:98%;
	border:none;
	height:200px;
	padding:10px 1%;
	font-size:14px;
	margin:0 auto 20px;
	background-color:#f1f1f1;
	border-radius:0;
	outline:none;
	}
.contact_box .kome{
	color:#f00;
	font-size:12px;
	}
.contact_box .txt_s{
	font-size:12px;
	margin:30px auto;
	}	
.contact_box .submit{
	width:90%;
	height:auto;
	padding:30px 0;
	margin:20px auto 0;
	color:#fff;
	background-color:#000;
	text-align:center;
	font-size:16px;
	text-decoration:none;
	border:none;
	border-radius:0;
	outline:none;
	cursor:pointer;
	display:block;
	}
.contact_box .submit:hover{
	opacity:0.8;
	transition:all 0.6s ease;
	}
input[type="button"] {
 	-webkit-appearance:none;
	}	
input[type="submit"] {
 	-webkit-appearance:none;
	}	

/*conf.html,thx.html*/
.contact_box h2{
	font-size:20px;
	color:#000;
	text-align:center;
	}
.contact_box table{
	width:100%;
	max-width:100%;
	height:auto;
	margin:30px auto;
	}
.contact_box table th{
	width:100%;
	font-weight:bold;
	display:block;
	}
.contact_box table td{
	width:100%;
	display:block;
	}		
.contact_box table th,.contact_box table td{
	text-align:left;
	padding:10px 5px;
	font-size:14px;
	vertical-align:middle;
	}
.contact_box form{
	width:100%;
	margin:0 auto;
	}
.contact_box .top_btn a{
	width:90%;
	height:auto;
	padding:30px 0;
	margin:30px auto;
	color:#fff;
	background-color:#000;
	text-align:center;
	font-size:16px;
	text-decoration:none;
	border:none;
	border-radius:0;
	outline:none;
	cursor:pointer;
	display:block;
	}
.contact_box .top_btn a:hover{
	opacity:0.8;
	transition:all 0.6s ease;
	}

/*salon list*/
#salon_box{
	width:100%;
	height:auto;
	font-size:13px;
	line-height:20px;
	margin:0 auto;
	background-color:#f1f1f1;
	padding:30px 0 50px;
	}
#salon_box h1{
	font-family:'Playfair Display', serif;
	font-size:30px;
	font-weight:normal;
	margin-bottom:30px;
	}	
#salon_box .salon{
	width:95%;
	height:auto;
	margin:1% auto;
	}
#salon_box .salon a{
	color:#000;
	}	
#salon_box .salon h3{
	font-size:22px;
	line-height:28px;
	font-weight:normal;
	margin-bottom:-5px;
	}
#salon_box .salon .border{
	width:50px;
	height:1px;
	background-color:#000;
	margin:20px 0;
	}
#salon_box .dolls .img{
	width:100%;
	height:200px;
	float:none;
	background-image:url(../img/dolls.jpg);
	background-size:cover;
	background-position:center;
	}
#salon_box .dolls .address{
	width:80%;
	height:auto;
	float:none;
	padding:10% 10% 5%;
	background-color:#fff;
	position:relative;
	}
#salon_box .dolls .address:before{
	content:"";
	position:absolute;
	top:-115px;
	left:5%;
	border:100px solid transparent;
	border-bottom:20px solid #fff;
	}				
#salon_box .candy .img{
	width:100%;
	height:200px;
	float:none;
	background-image:url(../img/candy.jpg);
	background-size:cover;
	background-position:center;
	}
#salon_box .candy .address{
	width:80%;
	height:auto;
	float:none;
	padding:10% 10% 5%;
	background-color:#fff;
	position:relative;
	}
#salon_box .candy .address:before{
	content:"";
	position:absolute;
	top:-115px;
	right:5%;
	border:100px solid transparent;
	border-bottom:20px solid #fff;
	}
#salon_box .kitaakabane .img{
	width:100%;
	height:200px;
	float:none;
	background-image:url(../img/kitaakabane.jpg);
	background-size:cover;
	background-position:center;
	}
#salon_box .kitaakabane .address{
	width:80%;
	height:auto;
	float:none;
	padding:10% 10% 5%;
	background-color:#fff;
	position:relative;
	}
#salon_box .kitaakabane .address:before{
	content:"";
	position:absolute;
	top:-115px;
	left:5%;
	border:100px solid transparent;
	border-bottom:20px solid #fff;
	}
#salon_box .kiyosumi .img{
	width:100%;
	height:200px;
	float:none;
	background-image:url(../img/kiyosumi.jpg);
	background-size:cover;
	background-position:center;
	}
#salon_box .kiyosumi .address{
	width:80%;
	height:auto;
	float:none;
	padding:10% 10% 5%;
	background-color:#fff;
	position:relative;
	}
#salon_box .kiyosumi .address:before{
	content:"";
	position:absolute;
	top:-115px;
	right:5%;
	border:100px solid transparent;
	border-bottom:20px solid #fff;
	}	
#salon_box .umeshima .img{
	width:100%;
	height:200px;
	float:none;
	background-image:url(../img/umeshima.jpg);
	background-size:cover;
	background-position:center;
	}
#salon_box .umeshima .address{
	width:80%;
	height:auto;
	float:none;
	padding:10% 10% 5%;
	background-color:#fff;
	position:relative;
	}
#salon_box .umeshima .address:before{
	content:"";
	position:absolute;
	top:-115px;
	left:5%;
	border:100px solid transparent;
	border-bottom:20px solid #fff;
	}
#salon_box .oji .img{
	width:100%;
	height:200px;
	float:none;
	background-image:url(../img/oji.jpg);
	background-size:cover;
	background-position:center;
	}
#salon_box .oji .address{
	width:80%;
	height:auto;
	float:none;
	padding:10% 10% 5%;
	background-color:#fff;
	position:relative;
	}
#salon_box .oji .address:before{
	content:"";
	position:absolute;
	top:-115px;
	right:5%;
	border:100px solid transparent;
	border-bottom:20px solid #fff;
	}
#salon_box .nakaitabashi .img {
	width: 100%;
	height: 200px;
	float: none;
	background-image: url(../img/nakaitabashi.jpg);
	background-size: cover;
	background-position: center;
}
#salon_box .nakaitabashi .address {
	width: 80%;
	height: auto;
	float: none;
	padding: 10% 10% 5%;
	background-color: #fff;
	position: relative;
}
#salon_box .nakaitabashi .address:before {
	content: "";
	position: absolute;
	top: -115px;
	left: 5%;
	border: 100px solid transparent;
	border-bottom: 20px solid #fff;
}
#salon_box .kiba .img {
	width: 100%;
	height: 200px;
	float: none;
	background-image: url(../img/kiba.jpg);
	background-size: cover;
	background-position: center;
}
#salon_box .kiba .address {
	width: 80%;
	height: auto;
	float: none;
	padding: 10% 10% 5%;
	background-color: #fff;
	position: relative;
}
#salon_box .kiba .address:before {
	content: "";
	position: absolute;
	top: -115px;
	right: 5%;
	border: 100px solid transparent;
	border-bottom: 20px solid #fff;
}
#salon_box .machiya .img {
	width: 100%;
	height: 200px;
	float: none;
	background-image: url(../img/machiya.jpg);
	background-size: cover;
	background-position: center;
}
#salon_box .machiya .address {
	width: 80%;
	height: auto;
	float: none;
	padding: 10% 10% 5%;
	background-color: #fff;
	position: relative;
}
#salon_box .machiya .address:before {
	content: "";
	position: absolute;
	top: -115px;
	left: 5%;
	border: 100px solid transparent;
	border-bottom: 20px solid #fff;
}	
#salon_box .address dl{
	width:100%;
	height:auto;
	}
#salon_box .address dt{
	width:80px;
	float:left;
	font-weight:bold;
	}		
#salon_box .address dd{
	margin:0 0 0 80px;
	}	
#salon_box .btn{
	width:100%;
	height:auto;
	margin:25px auto;
	}
#salon_box .btn a{
	width:50px;
	height:20px;
	margin:0 1% 0 0;
	text-align:center;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	background-color:#000;
	padding:25px 10px;
	display:block;
	float:left;
	}
#salon_box .btn a:hover{
	background-color:#444;
	transition:all 0.6s ease;
	}		
#salon_box .btn a.map{
	width:50px;
	height:20px;
	margin:0 auto;
	text-align:center;
	font-size:13px;
	color:#000;
	text-decoration:none;
	background-color:#a89683;
	padding:25px 10px;
	display:block;
	float:left;
	}
#salon_box .btn a.map:hover{
	opacity:0.8;
	transition:all 0.6s ease;
	}	
#salon_box .btn i{
	font-size:13px;
	position:relative;
	top:-1px;
	right:3px;
	}

/*Dolls Lash*/
#banner_box{
	width:100%;
	height:auto;
	padding:30px 0;
	text-align:center;
	background-color:#000;
	}
#banner_box a{
	width:100%;
	height:150px;
	margin:0 auto;
	background-image:url(../img/banner.jpg);
	background-size:cover;
	background-position:center;
	display:block;
	}		
#banner_box a:hover{
	opacity:0.9;
	transition:all 0.6s ease;
	}		

.block{
	display:inline;
	}
.block_tab{
	display:inline;
	}		
.block_sp{
	display:block;
	}		
}