@charset "UTF-8";

/* ------------------------------------------- CSS Information 
 Style Info:     ブラウザスタイルのリセット設定
----------------------------------------------------------- */  
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;
padding:0;
border:0;
font:inherit;
font-size:100%;
vertical-align:baseline;
}
ol,ul{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle;}
q,blockquote{quotes:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none;}
a img,abbr,acronym,fieldset{border:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
hr,legend{display:none;}
object,embed{vertical-align:top;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}

/* ------------------------------------------- CSS Information 
 Style Info:     スタイル設定
----------------------------------------------------------- */  
html,body{
width:100%;
height:100%;
margin:0;
padding:0;
line-height:0;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",Osaka,"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif ;
color:#333333;
font-size:16px;
text-align:center;
background:#f5f5f5;
position:relative;
}

/*----- wrapper -----*/
#wrapper{
width:960px;
margin:0 auto;
padding:0;
background:#ffffff;
overflow-y:auto;
box-shadow:0 0 10px 0 rgba(0,0,0,0.1);
text-align:left;
}
#main{
width:660px;
float:left;
margin:20px;
}
/*sidebar*/
#side{
width:240px;
margin:10px 0 10px 10px;
display:inline-block;
}
.fixed{
position:fixed;
top:0;
}

/*----- info -----*/
#info{
width:100%;
margin:0;
padding:0;
background:#ffffff;
}
#topbar{
width:960px;
height:200px;
margin:0 auto;
padding:0;
background:#ffffff url(../img/topbar_pc.png) no-repeat left top;
position:relative;
}
#topbar a{
width:230px;
height:50px;
position:absolute;
top:10px;
right:10px;
}
#topbar a:hover{opacity:0.5;}
/*----- g_nav -----*/
#g_nav{
width:100%;
height:40px;
background:#609ed3;
text-align:center;
color:#ffffff;
font-size:10px;
}
#g_nav ul{
margin:0 auto; 
padding:0;
width:960px;
list-style:none; 
white-space:nowrap;
}
#g_nav  ul li{}
#g_nav  ul li a{
float:left;
width:160px;
height:0;
line-height:40px;
padding-top:40px;
overflow:hidden;
background-image:url(../img/g_nav.png);
background-repeat:no-repeat;
}
.g_nav_01 a{background-position: 0 0;}
.g_nav_02 a{background-position: -160px 0;}
.g_nav_03 a{background-position: -320px 0;}
.g_nav_04 a{background-position: -480px 0;}
.g_nav_05 a{background-position: -640px 0;}
.g_nav_06 a{background-position: -800px 0;}
.g_nav_01 a:hover{background-position: 0 -40px;}
.g_nav_02 a:hover{background-position: -160px -40px;}
.g_nav_03 a:hover{background-position: -320px -40px;}
.g_nav_04 a:hover{background-position: -480px -40px;}
.g_nav_05 a:hover{background-position: -640px -40px;}
.g_nav_06 a:hover{background-position: -800px -40px;}
/*----- header -----*/
/*----- mind -----*/
.mind_movie{
margin:0 auto 40px 0;
display:block;
}
/*----- problem -----*/
/*----- reason -----*/
#reason{
margin:0 0 40px 0;
padding:0;
width:660px;
}
.reason_text{
margin:20px 0 0 0;
padding:20px;
text-align:left;
border-radius:10px;
background:#ffffff;
box-sizing:border-box;
border:2px solid #eb6ba4;
font-size:16px;
line-height:24px;
}
.reason_text p{
margin:0;
padding:20px 0 0 0;
}
.reason_img{
margin:0;
padding:0 0 20px 0;
border-bottom:1px dotted #eb6ba4;
}
/*-----user-----*/
.user{
width:660px;
margin:20px 0 40px 0;
padding:20px;
color:#666666;
background:#fdfaf0;
border-radius:10px;
box-sizing:border-box;
border:1px solid #ffe599;
}
.user_text{
margin:20px 0 0 0;
padding:20px;
font-size:16px;
line-height:24px;
text-align:justify;
background:#ffffff;
border-radius:8px;
border:1px solid #ffe599;
}
.user_text p{
margin:0;
padding:20px 0 0 0;
}
.user_text p.small{
font-size:12px;
line-height:12px;
margin:0;
padding:0;
text-align:right;
}
.user_img{
display:block;
margin:0 auto;
padding:0 0 20px 0;
border-bottom:1px dotted #ffe599;
}
/*----- title -----*/
.title{
display:block;
margin:0 auto;
}
.title_sub{
display:block;
margin:0 auto;
padding:0 0 10px 0;
border-bottom:1px solid #8fc8cf;
}
.title_sub_cft{
display:block;
margin:0 auto 20px auto;
padding:0 0 10px 0;
border-bottom:1px solid #8fc8cf;
}
.title_sub_cta{
display:block;
margin:40px auto 20px auto;
padding:0;
}

/*-----textbox-----*/
.textbox{
margin:0 auto;
padding:30px 0 40px 0;
font-size:16px;
line-height:24px;
text-align:justify;
}
.textbox p{
margin:0;
padding:0 0 30px 0;
}
.textbox dl{
margin:0 0 20px 0;
padding:20px 10px 0 10px;
border:solid 1px #dddddd;
border-radius:6px;
box-sizing:border-box;
}
.textbox dl dt{
margin:0 0 10px 0;
padding:2px 0 2px 4px;
text-align:left;
color:#00b1ee;
font-weight:bold;
border-left:4px solid #00b1ee;
}
.textbox dl dd{
border-top:1px dotted #dddddd;
text-align:justify;
padding:10px 0 20px 0;
}
.photo{
display:block;
margin:0 auto;
padding:0;
}
/*----- profile -----*/
#profile{
margin:20px 0 60px 0;
padding:18px;
width:660px;
border-radius:10px;
background:#ffffff;
box-sizing:border-box;
border:2px solid #609ed3;
}
.profile_text{
margin:20px 0 0 0;
padding:0;
text-align:left;
font-size:16px;
line-height:24px;
border-top:1px dotted #609ed3;
}
.profile_text p{
margin:0;
padding:20px 0 0 0;
}
.profile_movie{
display:block;
margin:0 auto;
}
/*-----staff-----*/
#staff{
margin:20px 0 40px 0;
padding:0;
width:660px;
}
.staff_text{
margin:20px 0 0 0;
padding:20px;
text-align:left;
border-radius:10px;
background:#ffffff;
box-sizing:border-box;
border:2px solid #609ed3;
font-size:16px;
line-height:24px;
}
.staff_text p{
margin:0;
padding:20px 0 0 0;
}
.staff_img{
padding:0 0 10px 0;
border-bottom:1px dotted #609ed3;
}
/*-----flow-----*/
#flow{
width:660px;
margin:0 auto 40px auto;
}
.flow_box{
margin:20px 0 10px 0;
padding:20px 0;
text-align:left;
border-radius:10px;
background:#ffffff;
box-sizing:border-box;
border:2px solid #eb6ba4;
font-size:16px;
line-height:24px;
}
.flow_text{
margin:18px 20px 0 20px;
padding:0;
border-top:1px dotted #eb6ba4;;
}
.flow_text p{
margin:0;
padding:20px 0 0 0;
}
p.why{
margin:0;
font-size:14px;
line-height:30px;
padding:0;
text-align:center;
background:#eb6ba4;
color:#ffffff;
box-sizing:border-box;
}
/*----- salon -----*/
#salon{
margin:20px 0 60px 0;
padding:0;
width:660px;
}
.salon_text{
margin:20px 0 10px 0;
padding:20px 0;
text-align:left;
border-radius:10px;
background:#ffffff;
box-sizing:border-box;
border:2px solid #609ed3;
}
.salon_text dl{
margin:10px 20px;
font-size:14px;
text-align:left;
padding:0;
}
.salon_text dt{
margin:0;
padding:0;
font-weight:bold;
font-size:16px;
line-height:24px;
color:#609ed3;
}
.salon_text dd{
margin:0 0 10px 0;
padding:0 0 10px 0;
font-size:16px;
line-height:24px;
border-bottom:1px dotted #8fc8cf;
}
.salon_img_pc{
display:block;
margin:0 auto;
}
/*-----price-----*/
#price{
width:660px;
margin:20px 0 0 0;
padding:0;
box-sizing:border-box;
}

/*----- btn -----*/
.btn_link:hover{opacity:0.5;}
.btn_web{
display:block;
margin:0 auto;
width:660px;
}
.btn_web:hover{opacity:0.5;}
.btn_web_side{
display:block;
margin:0;
padding:0;
}
.btn_tel{width:660px;padding:0;margin:10px 0 0 0;}
.btn_link{
display:block;
margin:10px auto 20px auto;
width:500px;
}
.img_09{
width:100%;
margin:0;
padding:0;
background:url(../img/img_09_bg_sp.png) no-repeat top center;
background-size:100%;
}
.img_10{
width:100%;
margin:0;
padding:0;
background:url(../img/img_10_bg_sp.png) no-repeat top center;
background-size:100%;
}

/*----- img -----*/
.img_pc{
max-width:220px;
margin:0;
padding:0 0 20px 20px;
float:right;
}
.img_book_sp{
margin:0;
padding:0 0 10px 10px;
width:90px;
float:right;
}

/*-----reserve-----*/
#reserve{
margin:40px 0;
padding:20px;
width:100%;
background:#fef3f9;
border-radius:10px;
box-sizing:border-box;
text-align:center;
}
#reserve table{
width:620px;
margin:20px auto;
font-size:14px;
}
#reserve th{
width:140px;
margin:0;
line-height:16px;
text-align:center;
padding:10px;
color:#ffffff;
background:#eb6ba4;
box-sizing:border-box;
border:1px solid #ffffff;
}
#reserve td{
width:480px;
margin:0;
line-height:20px;
text-align:left;
padding:10px;
background:#ffffff;
box-sizing:border-box;
border:1px solid #eb6ba4;
}
#reserve form{}
#reserve form input[type=text]{
font-family: "ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif;
font-size:14px;
line-height:20px;
margin:0;
padding:5px;
text-align:left;
border-radius:6px;
border:1px solid #999999;
box-sizing:border-box;
}
#reserve form input[type=text].td_name{
width:120px;
margin:0 20px 0 5px;
}
#reserve form input[type=text].td_mail{
width:100%;
}
#reserve form input[type=text].td_tel{
width:100px;
margin:0 0 5px 0;
}
#reserve form input[type=radio]{
font-family: "ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif;
font-size:14px;
line-height:20px;
margin:0;
padding:0;
box-sizing:border-box;
}
#reserve form select{
font-family: "ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif;
font-size:14px;
line-height:20px;
margin:0;
width:100%;
padding:5px;
text-align:center;
border-radius:8px;
border:1px solid #999999;
box-sizing:border-box;
}
#reserve form textarea{
font-family: "ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif;
font-size:14px;
line-height:20px;
margin:0;
width:100%;
height:80px;
padding:5px;
text-align:left;
border-radius:8px;
border:1px solid #999999;
box-sizing:border-box;
}
#reserve form input[type=submit]{
font-family: "ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif;
font-size:14px;
line-height:20px;
width:180px;
margin:0 auto;
padding:5px;
border-radius:8px;
border:none;
background:#00b1ee;
color:#ffffff;
}

/*-----opt-----*/
#opt{
margin:20px 0;
padding:0 20px 20px 20px;
width:100%;
background:#e4f0f2;
box-sizing:border-box;
border-radius:10px;
}
#opt_text{
margin:0 auto;
padding:30px 0 0 0;
font-size:16px;
line-height:24px;
text-align:justify;
}
#opt_text p{
margin:0;
padding:0 0 30px 0;
}
#opt_text p.small{
margin:0;
padding:0;
font-size:12px;
line-height:16px;
}
#opt form{
margin:0 auto 20px auto;
text-align:center;
padding:20px;
background:#ffffff;
border-radius:8px;
box-sizing:border-box;
}
#opt form input[type=text]{
font-family: "ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif;
font-size:16px;
line-height:20px;
margin:0 0 10px 0;
width:100%;
padding:10px;
text-align:center;
border:1px solid #666666;
box-sizing:border-box;
}
#opt form input[type=submit]{
font-family: "ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif;
font-size:14px;
line-height:20px;
width:120px;
margin:10px auto 0 auto;
padding:5px;
border-radius:8px;
border:none;
background:#00b1ee;
color:#ffffff;
}
.opt_img{
margin:0;
padding:0 0 0 10px;
float:right;
}

/*----- side_btn_web -----*/
.side_btn_web{
display:block;
margin:0 0 10px 0;
}
.side_btn_web:hover{opacity:0.5;}

/*-----footer-----*/
footer{
margin:0;
padding:10px 0;
font-size:12px;
width:100%;
min-width:320px;
color:#ffffff;
background:#609ed3;
text-align:center;
line-height:20px;
overflow:auto;
}
footer a{color:#ffffff;}

/*-----font-----*/
.b{font-weight:bold;}
.bg{background-color:#ffff00;}
.ul{text-decoration:underline;}
.red{color:#eb6ba4;}
.blue{color:#0000ff;}
.big{font-size:18px;line-height:24px;}