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

@import url("style_page.css");

body{
	font-family:YuGothic, Yu Gothic,'游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	line-height:1.5em;
	padding-top:53px;}
	
h1{
	font-size:12px;
	color:#84634d;}

img.bg {
  min-height: 100%;
  min-width: 900px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;

}



.hw{
	width:100%;
    background-image: url(../img/rn4.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #464646;}


.button {
	background-color: #84634d;
	color: #fff;
	font-weight:bold;
	padding:10px;
}
.button:hover {
	background-color: #fff;
		color: #84634d;
		text-decoration:none;
}

.menu{
	margin-top:60px;}

h2{color: #84634d;
text-align:center;
margin-bottom:25px;
margin-top:60px;
}

a:hover img{
	opacity: 0.8 ;
}


.coupon{
	margin-top:60px;
	background-image: url(../img/coupon_back.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #464646;
	padding-bottom:70px;
	padding-top:100px;}

.reason{
	margin-top:60px;
	background-image: url(../img/reasonbg9.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #464646;
	padding-bottom:70px;
	padding-top:100px;}

.reason h2{color:#fff;
margin-bottom:50px;}

h3{
	text-align:center;
	font-size:16px;
	font-weight:600;
	padding-bottom:10px;
}


.reasondt{
	margin-bottom:40px;}

.row-eq-height {
  display: flex;
  flex-wrap: wrap;
}



.button2 {
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
	line-height: 50px;
	padding:12px 20px;
}
.button2:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, .2);
}

a:hover{
	text-decoration:none;}

.number{
	font-style:italic;
	font-family: 'Suranna', serif;
	
	font-size:20px;
	}
	
.staff{
	margin:100px 0;
	}
	
.salon{
	margin:50px 0;}

footer li{
	display:inline-block;
	margin-right:1em;}

footer{
	text-align:center;
	font-size:13px;
	color:#000;
	margin-top:150px;}

footer a{
	color:#000;}

footer a:hover{
	color:#000;
	font-weight:bold;}

.media{
	border:solid 2px #84634d;
	padding:10px;}



.img-naka{
    margin: 0 auto;
}

.qr img{
	border:solid 2px #84634d;}

@media all and (-ms-high-contrast:none){
 .camp-banner{
	margin-top:0px;}
}


@-moz-document url-prefix() {
	
  .camp-banner .col-md-6{
	  padding-left:5px;
	  padding-right:5px;}
	
	.camp-banner{
	margin-top:0px;}
}

/*
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
  .camp-banner{
	margin-top:-20px;}
}
*/

.subttl {
	    font-family: "Roboto", sans-serif;
		text-align:center;
		font-size: 45px;
    font-weight: 100;
	line-height: 1.3;
	color:#84634d;
	letter-spacing:.1em;
	margin-bottom:1em;
	
}
.mb1em{
margin-bottom:1em;
}

.mb1em{
margin-bottom:1em;
}

.mb2em{
margin-bottom:2em;
}

.mb3em{
margin-bottom:3em;
}

.mb4em{
margin-bottom:4em;
}

.mb5em{
margin-bottom:5em;
}

.mb10em{
margin-bottom:10em;
}

.mt1em{
margin-top:1em;
}

.mt2em{
margin-top:2em;
}

.mt3em{
margin-top:3em;
}

.mt4em{
margin-top:4em;
}
.mt5em{
margin-top:5em;
}
.mt10em{
margin-top:10em;
}

.facemenu img{
	width:70%;
	margin:0 auto;}

.menuname{text-align:center;
 font-weight: 600;
 color:#84634d;}
	
.menuttl{text-align:center;
 font-weight: 600;
 font-size:1.2em;
 color:#84634d;
 padding-bottom: .5em;
	border-bottom: 3px double #84634d;}

.menusub{text-align:left;
 font-weight: 600;

 color:#84634d;
 margin-bottom:0em;}

.coursedetail h4{
	color:#84634d;
	background-color:#f7f7f7;
	padding:.5em;
	font-weight:600;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}

.price{
	font-weight: 600;
font-size:1.2em;

 color:#84634d;}

.btn-lbrown {
    color: #84634d;
    background-color: transparent;
    border-color: #84634d;
}
.btn-lbrown:hover {
    color: #fff;
    background-color: #84634d;
    border-color: #84634d;
}
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 6px 0 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #84634d;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.salonmenu img{
	width:60%;
	margin:0 auto;}

.bodypb li{
	list-style:none;
	background-color:#f7f7f7;
	margin-bottom:.5em;
	color: #84634d;
	padding:0.2em 0em 0.2em 1em;}

.w7{
width:90%;
margin:0 auto;
}


.w7 p{line-height:1.6em;}

.msg{
	font-size:1.5em;
	text-align:center;
		color: #84634d;
		line-height:1.5em;
		font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}
	
.subttl small{
	color:#84634d;
	font-size:.5em;}

.salondetail h3{
	color:#84634d;
	margin-top:0;}

.saloncontact .col-xs-12{
	color:#84634d;
	font-weight:600;
		border-bottom:1px solid #84634d;
	border-top:1px solid #84634d;
	padding:.5em 0;}

.saloncontact .col-xs-12 a{
	color:#84634d;
	}


	
@media screen and (max-width: 992px){
.salongal .col-xs-4{
	padding-left:0;
	padding-right:0;}	


}

.iframe-content {
    position: relative;
    width: 100%;
    padding: 50% 0 0 0;
}
.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.staff{
	margin-top:0;}
	
.staff img{
	width:70%;}
	
.staff_box{
	background-color:#f7f7f7;
	padding:1em;}


#syp.navbar-default .navbar-brand {
    color: rgba(132, 99, 77, 1);
}
#syp.navbar-default {
    font-size: 14px;
	font-weight:600;
    background-color: rgba(255, 255, 255, .5);
    border-bottom-width: 0px;
}
#syp.navbar-default .navbar-nav>li>a {
    color: rgba(132, 99, 77, 1);
    background-color: rgba(255, 255, 255, 1);
}
#syp.navbar-default .navbar-nav>li>a:hover,
#syp.navbar-default .navbar-nav>li>a:focus {
    color: rgba(132, 99, 77, 1);
    background-color: rgba(255, 255, 255, 1);
	border-bottom:2px solid #84634d;
}
#syp.navbar-default .navbar-nav>.active>a,
#syp.navbar-default .navbar-nav>.active>a:hover,
#syp.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: rgba(132, 99, 77, 1);
}
#syp.navbar-default .navbar-toggle {
    border-color: #84634d;
}
#syp.navbar-default .navbar-toggle:hover,
#syp.navbar-default .navbar-toggle:focus {
    background-color: #84634d;
}
#syp.navbar-default .navbar-toggle .icon-bar {
    background-color: #84634d;
}
#syp.navbar-default .navbar-toggle:hover .icon-bar,
#syp.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}

.inner_box{
	background-color:#fff;
	padding:1em;}

.inner_box small{
	font-size:.8em;}
	
.lp1{
	background:url(../img/lp1/bgall.png) repeat;
	padding-bottom:5em;}

.lp1 img{
	margin-bottom:2em;}

	
.lp2{
	background:url(../img/lp1/lp2bg.png) repeat;
	padding-bottom:5em;}

.lp2 img{
	margin-bottom:2em;}

.blgttl{
	color:#84634d;
	font-weight:600;}

.blgdate{
	font-size:.8em;
	color:#84634d;
	font-weight:600;}

.blog_box{
	margin-bottom:2em;
	padding-bottom:2em;
	border-bottom:1px solid #84634d;}

.blgsub, .blog_article h3 {
	background-color:#f3f3f3;
	padding:.7em 0;
	margin-top:5em;
}

.blog_article img{
	margin-bottom:1.5em;}

@media screen and (max-width: 768px){
.salonmenu img{
	width:90%;
	margin:0 auto;}
}

@media (max-width: 768px) {
 .reason{
background-attachment:scroll;

  }
  
  .hw{
background-attachment:scroll;

  }}
  
  #wrapper{
	  overflow:hidden;}
	 
.lp1{
	background:url(../img/lp1/lpbg.png);
	background-repeat:repeat;}
	
	.lp2{
	background:url(../img/lp1/lp2bg.png);
	background-repeat:repeat;}



/* lp4 PC*/


/*	common */
	.hw.lp4_bg{
		background: url(../lp4/img/2x/bg_02-2x.png);
	}
	
	.text-center{
		text-align: center;
	}
	
	.center{
		margin: 0 auto;
	}

.flex{
	display: flex;
	justify-content: space-around;
}

.flex-center{
	display: flex;
	justify-content: center;
}

.text-lp4{
		font-size: 14px;
		color: #644c36;
		line-height: 2;
	}
	
/* header */

.hw{
/*		border-top: 5px solid #ea9ca1;*/
}
	
.inner_lp4{
		background: url(../lp4/img/2x/kazari03-2x.png);
		background-repeat: repeat-x;
		background-position:top center;
		background-size: 60% auto;

		margin: 0 auto;
		padding: 0 10px;
	width: 1080px;
	}

.lead{
	padding-top: 100px;
	text-align: center;
}

.lead_cap,.hope-img{
	width: 100%;
}


.style-exp__left{
	text-align: center;
	width: 30%;
}

.style-exp__left img{
	width: 100%;
}

.style-exp__left p{
	text-align: left;
	margin: 0 auto;
}

.style-exp__title p{
	margin-top: 10px;
}

.kinmaku-arrow{
		font-size: 3.5rem;
		color: #ea9ca1;
		margin-top: 200px;
	}

.kinmaku_img{
	width: 33.333%;
	text-align: center;
}

.kinmaku_img p{
	text-align: left;
}

.checked_list{
	margin-top: -40px;
}


.checked_list-img{
	height: 100%;
	margin-top: 30px;
}

.kinmaku-head{
		border-bottom: 2px solid #644c36;
		margin: 30px 100px 20px 100px;
		padding-bottom: 10px;
	font-weight: bold;
	}
	
	.text-kinmaku p{
		margin-left: 30px;
		text-align: center;
	}
	
	.lp4-price{
		width: 70%;
	}

/*lp5*/


.kitai img{
	margin-bottom: -10px;
}

.gankin{
	margin-top: 50px;
}

#gankin-left-box {
  width: 100%;
	margin: 0 auto;
  overflow: hidden;/*float解除*/
}
#gankin-left-box .space {
  float: right;/*画像の位置を右下にしたい場合はright*/
  height:9em/*画像上の余白の高さ*/
}
#gankin-left-box .gankin-img {
  float: right;/*画像の位置を右下にしたい場合はright*/
  clear: both;/*.spaceのfloat解除*/
  margin: 1.2em 1.2em 0 0;/*画像の周りの余白*/
}

#gankin-left-box p{
	text-align: left;
}

.gankin-img{
	text-align: right;
	width: 50%
}

.gankin-img img{
	width: 100%;
	text-align: right;
}

.text-kinmaku{
	margin-bottom: 50px;
}

.course{
	width: 90%;
	padding-top: 50px;
	background-color: #fceced;
	border-radius: 20px;
	box-sizing: border-box;
	padding: 30px 20px;
}

.course-roll{
	width: 50%;
	margin-bottom: 30px;
}

.course-roll img{
	width: 100%;
}

.course-roll p{
	padding: 0 5px;
}

.pink-title{
	font-size: 2.5rem;
	color: #ea9ca1;
	text-align: center;
	margin-bottom: 50px;
}

.hukidasi{
	text-align: right;
	margin-right: 10px;
}

.hukidasi img{
	width: 50%;
}

.hukidasi.hukidasi-left{
	text-align: left;
	margin-left: 10px;
}

.bg-a{
	background: url(../lp4/img/2x/course_bg-2x.png);
	background-size: 100% auto;
	background-position: center;
	margin-top: -20px;
	margin-bottom: -10px;
	height: 30vw;
	padding-top: 20px;
}

.bg-none{
	background-image: none;
}

.bg-a img{
	width: 100%;
}

.pink-box{
	background-color: #ea9ca1;
	color: #fff;
	font-size: 2rem;
	line-height: 1.5;
	margin-top: 5px;
}

.hope-list.kitai{
	margin-left: -250px;
	margin-top: 50px;
}

.hope-list.kitai img{
	width: 60%;
}
/*index-renew*/

.special-coupon{
	background: url(../lp4/img/2x/special-coupon_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 80% auto;
	height: 100%;
	margin: 20px 0;
}

.special-coupon a{
	display: block;
	width: 40%;
}

img.special-coupon__title{
	width: 50%;
	height: auto;
	margin-top: 50px;
}

img.spring-menu{
	width: 27%;
	height: auto;
}



.coupon-menu{
	margin-top: -40px;
	justify-content: center;
	margin-bottom: 80px;
}

.pc-flex{
	display: flex;
}

.sm-img{
	display: none;
}



/* lp4 */
@media (max-width: 768px) {

/*	common */
	.hw.lp4_bg{
		background: url(../lp4/img/2x/bg_02-2x.png);
	}
	
	.text-center{
		text-align: center;
	}
	
	.center{
		margin: 0 auto;
	}
	
/* header */
	
	.header_lp4{
		border-top: 15px solid #ea9ca1;
	}
	
	.text-lp4{
		font-size: 10px;
		color: #644c36;
		line-height: 1;
	}
	
	
/* content */
	.inner_lp4{
		background: url(../lp4/img/2x/kazari03-2x.png);
		background-repeat: repeat-x;
		background-position:top center;
		background-size: 70% auto;
		width: 100%;
	}
	
	.lead{
		box-sizing: border-box;
		padding-top: 30px;
		margin: 0 auto;
	}
	
	.lead img{
		width: 100%;
		height: 100%;
	}
	
	.title img{
		width: 100%;
	}
	
	.style-exp{
		display: flex;
		margin-top: 20px;
	}
	
	.style-exp__left img{
		width: 100%;
	}
	
	.style-exp__left p{
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
	}
	.style-exp__left{
		width: 40%;
	}
	.style-exp__right{
		width: 60%;
	}
	
	.style-exp__right img{
		width: 100%;
	}
	
	.kinmaku{
		display: block;
	}
	
	.style-exp__title{
		display: flex;
	}
	
	.style-exp__title img{
		width: 45%;
		height: 100%;
	}
	
	.style-exp__kinmaku{
		display: flex;
	}
	
	.style-exp__kinmaku p{
		font-size: 1rem;
	}
	
	.kinmaku_img{
		width: 33.333%;
	}
	
	.kinmaku_img img{
		width: 100%;
		
	}
	
	p.kinmaku-arrow{
		font-size: 3.5rem;
		color: #ea9ca1;
		margin-top: 100px;
		padding: 0;
	}

	
	.checked{
		width: 100%;
		margin-top: 30px;
	}
	
	.checked img{
		width: 100%;
	}
	
	.checked_list img{
		width: 40%;
		height: 100%;
	}
	
	img.checked_list-img{
		width: 50%;
		margin-top: 30px;
	}
	
	.hope{
		display: flex;
		margin-top: 20px;
	}
	
	.hope-img {
		width: 50%;
	}
	
	.hope-img img{
		width: 100%;
		height: auto;
		margin-left: 10px;
	}
	
	.hope-list img{
		width: 100%;
	}
	
	.hope-list{
		margin-top: 20px;
		width: 100%;
	}
	
	.body-course img{
		width: 100%;
	}
	
	.kinmaku-head{
		border-bottom: 2px solid #644c36;
		margin: 30px 20px 20px 30px;
		padding-bottom: 10px;
		font-weight: bold;
		font-size: 1.5rem;
	}
	
	.text-kinmaku{
		width: 100%;
		margin: 0 auto;
	}
	
	.text-kinmaku p{
		width: 90%;
		text-align: left;
		font-size: 1.2rem;
	}
	
	.lp4-price{
		width: 100%;
	}
	
	.hope-list.kitai{
		width: 35%;
		margin-top: 10px;
		margin-left: -100px;
	}
	
	.hope-list.kitai img{
		width: 100%;
	}
	
	.face-women{
		width: 65%;
	}
	
	.face-women img{
		width: 100%;
	}
	
/*index-renew*/
	
	.special-coupon{
	background-size: 100% auto;
	height: auto;
	margin: 0 0 0px 0;
}

.special-coupon a{
	display: block;
	width: 100%;
}

img.special-coupon__title{
	width: 90%;
	height: auto;
	margin-top: 30px;
}

img.spring-menu{
	width: 45%;
	height: auto;
	margin-top: -10px;
}

.coupon-menu{
	margin-top: -25px;
	justify-content: center;
	margin-bottom: 30px;
}

.pc-flex{
	display: block;
}
	
	.sm-img{
		display: inline-block;
	}
	
	.pc-img{
		display: none;
	}	
}

/* 20190919 追記 */
.mt-1 {
	margin-top: 20px;
}
@media screen and (max-width: 768px) {
	.mt-1 {
		margin-top: 10px;
	}
}




/* 20191030 追記 */
@media (min-width: 1200px) {
  .rec1030 .container {
  width: 900px;
  }
}

.recpink{background:rgba(250,129,120,.1);
padding-bottom:50px;}



.recmv{
	margin-bottom:6em;}

.kinmuchi{
background-image:url(../img/rec/dotbg.png);
background-size:cover;
margin-top:220px;

border-bottom:3px solid #fa8178;
}

.upimg{
	margin-top:-100px;}
	
.recstr{background-image:url(../img/rec/str.png);
margin-top:80px;
background-repeat:repeat-y;
padding:80px 0;}


.whbx{
	padding:60px 0px;
	margin-top:-7px;
	background-color:#fff;}

.upimg2{
	margin-top:-50px;}
	
.tblett{
	color:#000;
	font-weight:bolder;
	letter-spacing:.1em;
	}

.sidep20{
	padding:0 40px;
	}
	
	.triangle3{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid  #fa8178;
  margin:0 auto;
}

.rel{
	position:relative;}
	
.fuda{

	position:absolute;
	top:25%;
	left:24%;
	}

.fuda img{	width:70%;}

@media (max-width: 1300px) {
 .fuda{

	position:absolute;
	top:25%;
	left:10%;
	}

}