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

body{
padding:0;
color:#333;
text-align:center;
font-size:12px;
line-height:1.5em;
}

a img{border:none;}
.w100 img,
.style ul li img,
.bottom img{ width:100%;}
.max100 img{ max-width:100%;}
.min_1{ min-height:100px;}
.white{ background-color:white;}
.bdb{ border-bottom:1px #ccc solid;}
.pa20{ padding:20px;}
.pa_1{ padding:20px 0!important;}
.l0{ line-height:0;}
.re{ position:relative;}
.small{ font-size:80%;}
.map iframe{ width:100%;}
.colorRed{color:red}

.link,
.ul_4 a,
.ul_5 a{ display:block;}

.txc{ text-align:center;}
.txl{ padding-top:5px;text-align:left;}


.side10{ padding: 0 10px;}
.side10_2{ padding: 0 10px; background:#f7f7f7; overflow:hidden; clear:both;}

.side10p{ padding: 0 10%;}

/* 20151217 ⑤修正テキスト追加など▼*/
.mb10{
	 margin-top:15px;
	padding-bottom:px;!important}

.pl10{ padding: 20px　0px　0px　0px!important;}

.bottom{ line-height:0;}

/* #menu */
#menu{ padding:0 2%;}
#menu h1 {
	width: 30%;
	margin: 0 auto;
	float: left;
	padding-top:5px;
	padding-bottom:5px;
}
#menu h1 img {
	width: 100%;
}
#menu h1 a {
	margin: 0 auto;
	display: block;
}

#menu h2 {
	width: 8%;
	float: right;
	padding-top:5px ;
	padding-bottom:5px;
}
#menu h2 a {
	display: block;
}
#menu h2 img {
	width: 100%;
}
#menu ul {
	display: none;
	right: 0;
	position: fixed;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
	height: 100%;
	color: #FFFFFF;
	width: 100%;
	padding: 0 0 0 0;
	z-index: 1300;
	clear: both;
	list-style: none;
	}

#menu ul a {
	color: #fff;
	text-decoration: none;
	display: block;
	}
#menu li {
	text-align: left;
	display:table;
	width:100%;
}

#menu li.btn{
	display:inline-block;
	width:auto;
	width:100px;
	background-color: rgba(0,0,0,0.5);
	right:12%;
	top:10px;
	position:absolute;
	padding:5px;
}
#menu li.btn a{
	border-bottom:1px white solid;
	display:block;
	text-align:center;
	padding:5px;
}

#menu li.btn:after {
	content: "";
	position: absolute;
	top: 10%; right: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent rgba(0,0,0,0.5);
	z-index: 9999;
}

#menu li.btn a.close{
	border-bottom: none;

}
#menu li.header {
	height: auto;
	border-bottom: none;
	overflow: hidden;
	padding:0 2%;
	background:white;
	display:block;
	width:96%;
}


#menu li.header a {
	padding: 0;
	margin: 0;
	width:100%;
	display:block;
}

.pinkArea{ color:white; background:#f5b6d1; padding:20px 30px; clear:both; text-align:left; font-size:120%;}

table.tbl_1{ border-top:1px solid #f5b6d1;border-left:1px solid #f5b6d1; width:100%; font-size:80%; line-height:120%; }
table.tbl_1 td{ border-right:1px solid #f5b6d1;border-bottom:1px solid #f5b6d1; padding:10px;}

.style .tit{ height:20px; padding-bottom:5px; border-bottom:1px solid #ccc; text-align:left; margin-bottom:10px;}
.style .tit img{ height:100%;}
.style ul{ list-style:none; overflow:hidden;}
.style ul li{ width:32%; margin:0 0.5% 5px 0.5%; float:left;}

footer{ background:#727171; padding-bottom:30px;}
footer .ftTit{ height:30px; padding-bottom:15px; text-align:left;}
footer .ftTit img,
footer .sns ul li img{ height:100%;}
footer .sns ul{ list-style:none; overflow:hidden}
footer .sns ul li{ float:left; height:30px; margin-right:10px;}

footer .ul_2{ list-style:none;}
footer .ul_2 li{ margin-bottom:10px; text-align:left;}
footer .ul_2 li a,
footer .ul_2 li a:hover,
footer .ul_2 li a:active,
footer .ul_2 li a:visited
 { color:white; text-decoration:none;}

 .titArea{ height:30px; padding:10px; background:#f7f7f7;}
 .titArea2{ height:30px; padding:10px; background:#fff;}
 .titArea img,
 .titArea2 img { height:100%;}

 .gray{ background:url(../images/talk/arrow.png) no-repeat #f2f2f2;     background-position: right 10px center;}
 .gray2{ background:url(../images/talk/arrow.png) no-repeat #f7f7f7;     background-position: right 10px center;}
 .innerTalk{ padding:20px 0; overflow:hidden; text-align:left;}
 .innerTalk .left{ width:30%; display:inline-block; padding-right:5%; vertical-align:middle;}
 .innerTalk .right{ width:63%; display:inline-block; vertical-align:middle;}

 .banner{ background-color:#f5b6d1; padding:20px 5%;}
 .banner a{ width:47%; margin:0 1%; display:inline-block;}

 .salon_wrap .tit{ background-color:white; padding:10px; font-weight:700; margin-bottom:10px;}

 .thubArea ul{ overflow:hidden; padding-bottom:20px;}
 .thubArea li{background-color:#f5b6d1; width:30%; margin:0 1.5%; list-style:none; float:left; margin-bottom:10px;}
 .name{ padding:10px;}
 .thubArea a,
 .thubArea a:hover,
 .thubArea a:active,
 .thubArea a:visited { color:white; text-decoration:none;}



 /* balloon-1 left */
#balloon-1-left {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 115px;
	min-height: 40px;
	text-align: left;
	border: 3px solid #f5b6d1;
	border-radius:5px;
	z-index: 0;
	background-color:white;
	padding:15px;
}
#balloon-1-left:before {
	content: "";
	position: absolute;
	top: 50%; left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #F6F6F6 transparent transparent;
	z-index: 0;
}
#balloon-1-left:after {
	content: "";
	position: absolute;
	top: 50%; left: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #f5b6d1 transparent transparent;
	z-index: -1;
}

/* balloon-1 right */
#balloon-1-right {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 115px;
	min-height: 40px;
	color: #19283C;
	text-align: left;
	background: #F6F6F6;
	border: 3px solid #f5b6d1;
	z-index: 0;
	border-radius:5px;
	padding:15px;
	background:white;
}
#balloon-1-right:before {
	content: "";
	position: absolute;
	top: 50%; right: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #F6F6F6;
	z-index: 0;
}
#balloon-1-right:after {
	content: "";
	position: absolute;
	top: 50%; right: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #f5b6d1;
	z-index: -1;
}

.talkPage { background:#f7f7f7;}
.talkPage .tit{ background-color:#fff; padding:10px; margin-bottom:20px;}
.talkPage .dl_1{ overflow:hidden; padding-bottom:15px;}
.talkPage .dl_1 dt,
.talkPage .dl_1 dd{ float:left;}
.talkPage .dl_1 dt{ width:30%; padding-right:5%;}
.talkPage .dl_1 dd{ width:64%;}
.ab_1{ position:absolute; left:65%; top:-60%; width:30%!important;}

.model_tit{ height:30px; text-align:left; padding-bottom:10px;}
.model_tit img{ height:100%;}

.tableArea table{ border-top:1px solid #f5b6d1;border-left:1px solid #f5b6d1;  font-size:80%; line-height:120%; width:100%;}
.tableArea table td{ border-right:1px solid #f5b6d1;border-bottom:1px solid #f5b6d1; padding:10px; text-align:left;}
.tableArea .bd_none{ border-right:none;}

.ul_3{ list-style:none;}
.ul_3 li{ width:44%; margin:0 2.5% 10px 2.5%; display:inline-block;}
.ul_3 li img{ width:100%;}
.ul_3 li.big{ width:70%;}

/* 20151217 ①修正text-decoration: none;追加など▼*/
.ul_4{ list-style:none; padding:20px 0;}
.ul_4 li{text-decoration: none; width:44%; margin:0 2.5% 10px 2.5%; display:inline-block;}
.ul_4 li img{ width:100%;}
.ul_4 li p{line-height:200%; color:white; background:#f5b6d1;}
.ul_4 li a{text-decoration: none;}
/* 20151217 ②修正text-decoration: none;追加など▼*/
.ul_5{ list-style:none; padding:20px 0;}
.ul_5 li{ width:44%; margin:0 2.5% 10px 2.5%; display:inline-block;}
.ul_5 li img{ width:100%;}
.ul_5 li p{line-height:200%; color:white; background:#fec98f;}
.ul_5 li a{text-decoration: none;}
/* 20151217 ③修正text-decoration: none;追加など▼*/
.ul_6{ list-style:none; padding:20px 0;}
.ul_6 li{ width:44%; margin:0 2.5% 10px 2.5%; display:inline-block;}
.ul_6 li img{ width:100%;}
.ul_6 li p{line-height:200%; color:white; background:#c4aad5;}
.ul_6 li a{text-decoration: none;}


.pinkArea ul{ list-style:none; text-align:center;}
.pinkArea ul li{ background:#f9d3e3; width:17%; margin:0 0.5%; display:inline-block; padding:20px 0; height:20px; text-align:center; vertical-align:top;}
.pinkArea ul a,
.pinkArea ul a:hover,
.pinkArea ul a:active,
.pinkArea ul a:visited
{ color:white; text-decoration:none; font-size:80%;}
.pinkArea ul .small{ font-size:50%!important; line-height:120%;}

/* 20151217④ 修正text-decoration: none;追加▼*/
.pager{ list-style:none; overflow:hidden; padding:20px 30px; text-align:center!important;}
.pager li{text-decoration: none;  border:2px solid #f5b6d1; border-radius: 25px; height:50px; width:50px; display:inline-block; margin:0px 5px 0 0 !important; line-height:50px!important; font-weight:700; font-size:150%;text-align:center!important; background:#fff;}

.div_1 { margin:0px 0; overflow:hidden;}
.div_1 .left{ width:50%; float:left;}

.bosyuuArea2 div{ overflow:hidden; padding-bottom:10px;}
.bosyuuArea2 dl{ overflow:hidden; width:50%; float:left;}
.bosyuuArea2 dl dt,.bosyuuArea2 dl dd{ float:left}
.bosyuuArea2 dl dt{ width:30%;}
.bosyuuArea2 dl dd{ width:70%; text-align:left;}
.bosyuuArea2 dl dd h2{ font-size:110%; padding-bottom:5px;}
.bosyuuArea2 dl dd h2,
.bosyuuArea2 dl dd p{ padding-left:10px; padding-right:8px;}
.bosyuuArea2 dl dt img{ width:100%;}

.bosyuuArea3 dl{ overflow:hidden; margin-bottom:10px; display:table; width:100%;}
.bosyuuArea3 dl dt,.bosyuuArea3 dl dd{ display:table-cell;}
.bosyuuArea3 dl dt { height:30px; }
.bosyuuArea3 dl dt img{ height:100%; line-height:0; padding-right:5px;}
.bosyuuArea3 dl dd{ width:91%; text-align:left; background-color:#f8f8f8; vertical-align:middle; padding:0 5px;}

.bosyuuArea4 .comment .p_1{ background:#a67d8d; color:white; padding:10px;}
.bosyuuArea4 .dl_1{ overflow:hidden; display:table;}
.bosyuuArea4 .dl_1 dt,.bosyuuArea4 .dl_1 dd{ display:table-cell;}
.bosyuuArea4 .dl_1 dt { width:20%; }
.bosyuuArea4 .dl_1 dt img{ width:100%; line-height:0; }
.bosyuuArea4 .dl_1 dd{ width:80%; text-align:left; vertical-align:middle; padding:0 5px;}

a.btn_1{ display:block; color:white; text-align:center; border-radius:10px; background-color:#f5b6d1; font-size:120%; padding:10px; text-decoration:none; margin:0 20px 30px 20px;}
a.btn_1:hover,
a.btn_1:active,
a.btn_1:visited{ color:white; text-decoration:none;}

.loginWrap .tit{ padding:10px; text-align:center; background-color:#fbfbfb; margin-bottom:10px;}
.loginWrap .box_1 .inner{ border:1px solid #ccc; padding:15px; background-color:white;}
.loginWrap dl{ display:table; width:100%; text-align:left;}
.loginWrap dl dt,
.loginWrap dl dd{ display:table-cell; vertical-align:middle;}
.loginWrap dl dt{ width:30%; color:#ccc;}
.loginWrap dl dd input{ width:100%; border:1px solid #ccc; line-height:20px;}
.loginWrap dl.mail{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px #ccc solid;}
.loginWrap dl.pass{ margin-bottom:10px;}
.loginWrap .submit { margin-bottom:10px;}
.loginWrap .submit input{ background:#f5b6d1; color:white; border:none;  padding:8px 0; width:100%; font-size:120%;}
.loginWrap ul{ list-style:none; text-align:left;}
.loginWrap ul a{ text-decoration:none;}

.btnArea{ padding:30px 10px;}
.btnArea a{ display:block; border-radius:10px; background-color:#f6bdd6; color:white; text-decoration:none; padding:15px; font-size:120%;}
.btnArea a:hover,
.btnArea a:active,
.btnArea a:visited{ text-decoration:none;}


 /* 20151217⑤ボタン追加　　ここから▼*/
.new_btnArea{ padding:10px 10px 0px 10px;}

.btnArea_2 a{ border: 3px solid #f6bdd6;border-radius:10px; display:block; border-radius:px; background-color:#ffffff; color:#ff94c3; text-decoration:none; padding:15px; font-size:120%;}
.btnArea_2 a:hover,
.btnArea_2 a:active,
.btnArea_2 a:visited{ text-decoration:none;}

.btnArea_3 a{ display:block; border-radius:10px; background-color:#f6bdd6; color:white; text-decoration:none; padding:15px; font-size:120%;}
.btnArea_3 a:hover,
.btnArea_3 a:active,
.btnArea_3 a:visited{ text-decoration:none;}

.btnArea_4 a{ border: 3px solid #bfbfbf;border-radius:10px; display:block; border-radius:px; background-color:#ffffff; color:#7f7f7f; text-decoration:none; padding:15px; font-size:120%;}
.btnArea_4 a:hover,
.btnArea_4 a:active,
.btnArea_4 a:visited{ text-decoration:none;}
 /* 20151217⑤ボタン追加　　ここまで▼*/


.box_2{ border:1px #f6bdd6;   padding:15px; margin-bottom:30px; }
.box_2 h2{ line-height:150%;}
.box_2 .devide img{ height:30px;}

.mobileBox{ background:#f2f2f2; padding:20px; margin-bottom:20px;}
.mobileBox .img{width:33%; margin:0 auto;}
.mobileBox .img img{width:100%;}

.steps{ background:#f2f2f2; padding:10px; margin-bottom:10px; }
.steps .wrap{ display:table; width:100%;}
.steps .left,
.steps .right
{ display:table-cell; vertical-align:middle;}
.steps .left{ width:30%;}
.steps .right{ padding:0 0 0 10px; text-align:left;}
.steps .right h2{ padding-bottom:10px;}

.models ul{ list-style:none; overflow:hidden;}
.models ul li{ width:48%; margin:0 1% 10px 1% ; float:left;}
.models ul li img{ width:100%;}

.btn_2{ display:block; border:1px solid #f6bdd6; background:#fff; color:#f6bdd6;text-decoration:none; padding:15px; font-size:120%;}
.btn_2:hover,
.btn_2:active,
.btn_2:visited{color:#f6bdd6; text-decoration:none;}

.box_3{ color:white; background-color:#f6bad4; padding:20px 10px;}

.btn_3{ display:block;  background:#fff; color:#f6bdd6;text-decoration:none; padding:15px; font-size:120%; border-radius:10px;}
.btn_3:hover,
.btn_3:active,
.btn_3:visited{color:#f6bdd6; text-decoration:none;}

.box_4{ color:white; background:url(../images/mobile/bg.jpg) center top;-moz-background-size:cover;background-size:cover;
 padding:20px 10px;}

.btn_4{ display:block;  background:#f6bdd6; color:#fff;text-decoration:none; padding:15px; font-size:120%; border-radius:10px;}
.btn_4:hover,
.btn_4:active,
.btn_4:visited{color:#fff; text-decoration:none;}

#kiyaku{ clear:both; text-align:left;}

#form{ margin:30px 10px; clear:both;}

#form .dl_1,
#form .dl_2{ overflow:hidden; text-align:left;}

#form .dl_1,
#form .dl_2{ margin-bottom:15px;}

#form .dl_1 dt,
#form .dl_2 dt{ padding-bottom:8px; }

#form .dl_1 dt,
#form .dl_2 dt{ clear:both;}

#form .dl_1 dt{ color:#f5b6d1;}
#form .dl_2 dt{ color:#333; display:inline-block; width:100px;}
#form .dl_3 dt { color:#333; display:inline-block; width:100px;}

#form .dl_2 dt,
#form .dl_2 dd,
#form .dl_3 dt,
#form .dl_3 dd { float:left; }

#form .dl_1 dd input{ border:1px #f2f2f2 solid; padding:8px; width:95%;}
#form .dl_1 dd div{ overflow:hidden; display:inline-block;}
#form .dl_1 dd label,
#form .dl_1 dd input{ display:inline-block; float:left;}
#form .dl_1 dd div input{ width:auto;}

#form .dl_3 dd { min-width:200px;}
#form .dl_3 dd input { width:90%!important;}

#form .submit { padding:20px 0 60px 0;}
#form .submit input{ border:#333 solid 1px; font-size:150%; background:#f5b6d1; border-radius:10px; display:block; padding:10px; width:100%;}

.thumb,.thumb2 { overflow:hidden;}
.thumb img,.thumb2 img{ max-width:100%;}
.thumb .left{ float:left; width:67.5%; padding-right:1%;}
.thumb .right{ float:left; width:31.5%; margin-bottom:3px;}
.thumb2 .left{ float:left; width:52%; padding-right:0%;}
.thumb2 .right{ float:left; width:48%; line-height:0; overflow:hidden; line-height:0;}
.thumb2 .right img{ float:left; width:48%; margin:0 0 1% 1%; }

.ryoukinhyou{
text-align: center;
width: px;
height:300px;
margin:20px 0px  20px 0px;
border-collapse: separate;
border-spacing: 0px;
border-top: 3px solid #ffffff;
border-left: 3px solid #ffffff;
}
.ryoukinhyou th{
width:60px;
vertical-align:middle!important;
padding:3px;
text-align:center;
vertical-align: top;
color: #444;
background-color: #feedf3;
border-left: px solid #ffffff;
border-top: 3px solid #ffffff;
border-right: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
}
.ryoukinhyou td{
width:;
padding:30px;
text-align: left;
background-color: #fafafa;
border-left: 3px solid #ffffff;
border-top: 3px solid #ffffff;
border-right: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
}
#ryoukin{ width:940px; margin:0 auto; overflow:hidden; padding:10px 0px  50px 0px; text-align:left;  line-height:170%; font-size:110%;}
.step{
float:left;
padding:20px 0px 20px 0px;
    width:px;
    height:px;
}
.step_model_photo{
    float:left;
    width:px;
    height:px;
	padding:20px 0px 0px 30px;
}
.salon_image{ overflow:hidden; margin-bottom:20px;}
.salon_image img{ float:left; margin:1px;}

.sakuhinichiran{text-align:left; margin-bottom:10px; line-height:80%}

#toukou{
	    float:left;
width:425px;
height:450px;
}

 .sakuhinichiran_text   {
        position: 5px 10px;
        text-align: left;
		background-image: url("../images/mobile/line_2.jpg");
	background-repeat: no-repeat;
	background-position: left top
    }

	 .naiyounyuryoku_text   {
 margin:00px 0px  30px 0px;
        width: 425px;
        color: ;
        position: 5px 10px;
        text-align: left;
		background-image: url("../images/pc/line.jpg");
	background-repeat: no-repeat;
	background-position: left top
    }

	#sakuhinichiran_bar  {
        float: left;
		line-height:140%;
		margin-top:20px;
		   }

	#sakuhinphoto {
	float: left;
	clear: both;
	margin:20px 0px  20px 0px;
    width:405px;
	height:px;
}

#sakuhin{
}

.sakuhintouroku {
	margin:10px 5px  10px 5px;
    width:425px;
	height:40px;
    font-size:15px;
    font-weight:;
    display:block;
    text-align:center;
    color:;
    background-color:#f5b6d1;
    border-radius:5px;
}


.mypage_modoru {
	margin:10px 5px  10px 5px;
    width:425px;
	height:40px;
    font-size:15px;
    font-weight:;
    display:block;
    text-align:center;
    color:;
    background-color:#f5b6d1;
    border-radius:5px;
}

#sakujyo_btn {
	text-align:left;padding:5px 5px  20px 5px;
	}
#sakujyo_btn a{	text-decoration:none;}

	.gazo_sentaku {
	text-align:left;
	clear: both;
	padding:5px 5px  5px 5px;
	}

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


#irainaiyou_nyuuryoku{
	padding:5px 0px  0px 0px;
	    float:left;
width:425px;
height:1300px;
}

#model_name {
	 float: left;
	 clear: both;
	 text-align: center!important;
	padding:5px 5px  5px 5px;
	}

	.nyuryokusitekudasai{
	padding:100px 0px 100px 0px;
	 margin:50px 0px 50px 0px;
}

.submit_photoup { padding:0px 0px 0px 0px;}
.submit_photoup{  font-size:150%; background:#f5b6d1; border-radius:0px; display:block; padding:10px; width:100%;}

/*　★20160129　ボタン追加修正*/
.mottomiru { width:50%; border: 2px solid #bfbfbf;border-radius:10px; border-radius:px; background-color:#ffffff; color:#7f7f7f; text-decoration:none; font-size:120%;padding:5px 10px 5px 10px;margin:5px 5px 5px 5px;
}
/* 　★20160129　ボタン追加修正*/
.salonmodeloubo_btn{width:50%; border: 2px solid #f5b6d1;border-radius:10px; border-radius:px; background-color:#ffffff; color:#f5b6d1; text-decoration:none; font-size:120%;padding:5px 10px 5px 10px;margin:5px 5px 5px 5px;
}
/*　★ 20160129　ボタン追加修正*/
.mottomiru_salonmodeloubo_btn_area{
margin:5px 5px 5px 5px;
}

a:hover img.overwhite{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

#global-footer-form {
	padding:30px 0px 30px 0px;

}

.talkpage {
width:px; height:30px
text-align: center;
padding:30px 0px 20px 0px;
}

#talk_image_btn {
    border: 0px;
    width: 100px;
    height: 30px;
    background: url(images/talkpage/talk_image_btn.png) left top no-repeat;
}