@charset "utf-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,700&display=swap");
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 300;
    src: url("https://calonbeaute.com/sp/fonts/SourceHanSansJP-Light.woff2") format("woff2"), url("https://calonbeaute.com/sp/fonts/SourceHanSansJP-Light.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    src: url("https://calonbeaute.com/sp/fonts/SourceHanSansJP-Regular.woff2") format("woff2"), url("https://calonbeaute.com/sp/fonts/SourceHanSansJP-Regular.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 500;
    src: url("https://calonbeaute.com/sp/fonts/SourceHanSansJP-Medium.woff2") format("woff2"), url("https://calonbeaute.com/sp/fonts/SourceHanSansJP-Medium.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 600;
    src: url("https://calonbeaute.com/sp/fonts/SourceHanSansJP-Bold.woff2") format("woff2"), url("https://calonbeaute.com/sp/fonts/SourceHanSansJP-Bold.woff") format("woff");
    font-display: swap;
}

@media screen and (max-width: 375px) {

html {font-size: 62.5%; }
* {
    font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, serif;
}

#acd-menu dt {
	border-bottom: 1px dotted #C6C6C6;
}
#acd-menu dd ul li a {height:40px; line-height:40px; text-indent:15px; border-bottom: 1px dotted #C6C6C6;}
#acd-menu dd ul li a::before {
	content: '';
	position: absolute;
	/* top: 17px;
	right: 15px; */
	top: 50%;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 5.5px;
	border-color: transparent transparent transparent #D2AD55;
}


.contact_come_box01{
	border:1px solid #C6C6C6; padding:5%; font-size:100%; text-align:left;
}
.contact_come_box01 p{
font-size: 3.2vw;
line-height: 160%;
letter-spacing: .05em;
}


#info_mei_sp					{width:100%; height: 150px ; overflow: auto ; padding:0px 0px 0px 0px ; margin:0px 0px 20px 0px ;}
.info_mei_box_sp				{ border-bottom:1px dotted #C6C6C6;}
.info_mei_box_sp .title			{width:260px; font-size:1.2rem; text-align:left ; color:#666 ; }
.info_mei_box_sp .title p		{color:#B49545 ;line-height:150%; font-size:0.9rem; }
.info_mei_box_sp .date			{width:60px; font-size:0.9rem; text-align:left ; color:#666 ; vertical-align:middle}
.info_mei_box_sp .lightgray		{background-color:#F1E9D9;}
.info_mei_box_sp td				{padding:5px 0 5px 0;}
#info_mei_sp.info_mei_box_sp a:link		{color:#1c72c2 ; text-decoration:none ;}
#info_mei_sp.info_mei_box_sp a:visited	{color:#1c72c2 ; text-decoration:none ;}
#info_mei_sp.info_mei_box_sp a:hover		{color:#1c72c2 ; text-decoration:underline ;}
#info_mei_sp.info_mei_box_sp a:active		{color:#1c72c2 ; text-decoration:underline ;}

.rank ul li a {
	height:40px;
	line-height:40px;
	text-indent:15px;
	border-bottom: 1px dotted #C6C6C6;
	width:100%;
	display: block;
	position: relative;
	color:#000;
	font-size:1.3rem;
	text-decoration:none;
}
.rank  ul li a::before {
	content: '';
	position: absolute;
	top: 17px;
	right: 15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 5.5px;
	border-color: transparent transparent transparent #D2AD55;
}


}
@media screen and (min-width: 376px) {
html { font-size: 100%; }
#acd-menu dt {
	border-bottom: 2px dotted #C6C6C6;
}
#acd-menu dd ul li a {height:80px; line-height:80px; text-indent:30px; border-bottom: 2px dotted #C6C6C6;}
#acd-menu dd ul li a::before {
	content: '';
	position: absolute;
	top: 34px;
	right: 30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 11px;
	border-color: transparent transparent transparent #D2AD55;
}

.contact_come_box01{
	border:1px solid #C6C6C6; padding:5%; font-size:100%; text-align:left;
}


#acd-menu-qa dt {
	border-bottom: 2px dotted #C6C6C6;
}
#acd-menu-qa dd ul li a {height:80px; line-height:80px; text-indent:30px; border-bottom: 2px dotted #C6C6C6;}
#acd-menu-qa dd ul li a::before {
	content: '';
	position: absolute;
	top: 34px;
	right: 30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 11px;
	border-color: transparent transparent transparent #D2AD55;
}





#info_mei_sp					{width:100%; height: 200px ; overflow: auto ; padding:0px 0px 0px 0px ; margin:0px 0px 40px 0px ;}
.info_mei_box_sp				{border-bottom:2px dotted #C6C6C6;}
.info_mei_box_sp .title			{width:520px; font-size:1.0rem ; text-align:left ; color:#666 ; }
.info_mei_box_sp .title p		{color:#B49545 ;line-height:150%; font-size:1.0rem; }
.info_mei_box_sp .date			{width:120px; font-size:1.0rem; text-align:left ; color:#666 ; vertical-align:middle; text-align: center;}
.info_mei_box_sp .lightgray		{background-color:#F1E9D9;}
.info_mei_box_sp td				{padding:10px 0 10px 0;}
#info_mei_sp.info_mei_box_sp a:link		{color:#1c72c2 ; text-decoration:none ;}
#info_mei_sp.info_mei_box_sp a:visited	{color:#1c72c2 ; text-decoration:none ;}
#info_mei_sp.info_mei_box_sp a:hover		{color:#1c72c2 ; text-decoration:underline ;}
#info_mei_sp.info_mei_box_sp a:active		{color:#1c72c2 ; text-decoration:underline ;}


#colum_mei_sp					{width:95%; height: 200px ; overflow: auto ; padding:0px 0px 0px 0px ; margin:0px 0px 40px 2.5% ;}
.column_mei_box_sp				{border-bottom:2px dotted #C6C6C6;}
.column_mei_box_sp .title			{width:75%; font-size:0.7rem ; text-align:left ; color:#666 ; }
.column_mei_box_sp .title p		{color:#B49545 ;line-height:150%; font-size:0.8rem; }
.column_mei_box_sp .date			{width:20%; font-size:0.7rem; text-align:left ; color:#666 ; vertical-align:middle; text-align: center;}
.column_mei_box_sp .lightgray		{background-color:#F1E9D9;}
.column_mei_box_sp td				{padding:10px 0 10px 0;}
#colum_mei_sp.column_mei_box_sp a:link		{color:#1c72c2 ; text-decoration:none ;}
#colum_mei_sp.column_mei_box_sp a:visited	{color:#1c72c2 ; text-decoration:none ;}
#colum_mei_sp.column_mei_box_sp a:hover		{color:#1c72c2 ; text-decoration:underline ;}
#colum_mei_sp.column_mei_box_sp a:active		{color:#1c72c2 ; text-decoration:underline ;}


.rank ul li a {
	height:80px;
	line-height:80px;
	text-indent:30px;
	border-bottom: 2px dotted #C6C6C6;
	width:100%;
	display: block;
	position: relative;
	color:#000;
	font-size:1.3rem;
	text-decoration:none;
}
.rank  ul li a::before {
	content: '';
	position: absolute;
	top: 34px;
	right: 30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 11px;
	border-color: transparent transparent transparent #D2AD55;
}

}


*{margin:0;padding:0;}

/* 全体の設定
--------------------*/
header,footer,nav,section{display:block;}

body,p,h1,h2,h4,h6,
ul,li,img{
	margin:0;
	padding:0;
	font-size:100%;
	line-height:140%;
	font-weight:normal;
}

.clearfix{zoom:1;}
.clearfix:after{
	content:"";
	clear:both;
	display:block;
}

img {
	max-width: 100%;
    vertical-align: bottom;
    -ms-interpolation-mode: bicubic; /* IE7で画像縮小時の劣化防止 */
	border:none;
}
body{ -webkit-text-size-adjust: 100%;}

li{list-style:none;}

a{color:#005EAC;}/* リンク色変更はここ */

.mt10{margin-top:1.5625%;}
.mt20{margin-top:3.125%;}
.mt30{margin-top:4.6875%;}
.mt40{margin-top:6.25%;}
.mt60{margin-top:9.375%;}
.mt80{margin-top:12.5%;}
.mt100{margin-top:15.625%;}
.mb10{margin-bottom:1.5625%;}
.mb15{margin-bottom:2.34375%;}
.mb18{margin-bottom:2.8125%;}
.mb20{margin-bottom:3.125%;}
.mb30{margin-bottom:4.6875%;}
.mb40{margin-bottom:6.25%;}
.mb50{margin-bottom:7.8125%;}
.mb100{margin-bottom:15.625%;}
.mr10{margin-right:1.5625%;}

.b{font-weight:bold;}

.pb18{padding-bottom:2.8125%;}


.left{float:left;}
.right{float:right;}
.txtcenter{text-align:center;}

.w580{
	width:90.625%;
	margin-left:4.6875%;
    text-align:center;
}

.ml10{
	margin-left:10%;
}
.w600{
	width:93.75%;
	margin-left:3.125%;
}
.w610{
	width:95.3125%;
	margin-left:2.34375%;
}


/*----------------------------------------
 トップページここから
----------------------------------------*/

/* hd */


#box_top{
	width:100%;
}

h1#top img{
	max-width: 100%;
    height:auto;
}


#btn_box{
	width:100%;
	height:0px;
	padding-bottom:11.5625%;
	position:relative;
}



.hd_nav{width:100%; margin:0 auto;}
.hd_nav01{
	width:25%;
	float:left;
}
.hd_nav02{
	width:25%;
	float:left;
}
.hd_nav03{
	width:25%;
	float:left;
}
.hd_nav04{
	width:25%;
	float:left;
}

.index_tel{
	width:48.333%;
	margin-top:4.6875%;
	margin-bottom:4.6875%;
}


.index_nav img{
	width:48.333%;
	margin-top:3.45%;
}

.index03{
	text-align:center;
}
.index03 .btn{
	width:65.625%;
}

.index06{
	width:96.66666666666667%;
	padding-left:1.666666666666667%;
}
.index06 p{
	margin-bottom:5%;
	font-size:3.385416666666667vw;
	line-height:180%;
	letter-spacing:.05em;
/*	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
	font-weight: 400;
}

.index06-01{
	width:100%;
    height: 0;
	padding-bottom:31.03448275862069%;
    background: url('https://calonbeaute.com/sp/img/index_06_bg01.jpg') 0 0 no-repeat;
    background-size: contain;
	position:relative;
	margin-bottom:3.448275862068966%;

}
.index06-01_in{
	width:77.58620689655172%;
	position:absolute;
	top:34%;
	left:21%;


}



.index06-02{
	width:100%;
    height: 0;
	padding-bottom:39.6551724137931%;
    background: url('https://calonbeaute.com/sp/img/index_06_bg02.jpg') 0 0 no-repeat;
    background-size: contain;
	position:relative;
	margin-bottom:3.448275862068966%;
}
.index06-02_in{
	width:77.58620689655172%;
	position:absolute;
	top:47%;
	left:21%;
		font-size:1rem;
}



.index06-03{
	width:100%;
    height: 0;
	padding-bottom:45.68965517241379%;
    background: url('https://calonbeaute.com/sp/img/index_06_bg03.jpg') 0 0 no-repeat;
    background-size: contain;
	position:relative;
	margin-bottom:3.448275862068966%;
}
.index06-03_in{
	width:77.58620689655172%;
	position:absolute;
	top:43%;
	left:21%;
		font-size:1rem;
}

.index06-03 p{
	margin-bottom:5%;
	font-size:1.3rem;
	line-height:150%;
	letter-spacing:-0.02em;
	font-size:1.1rem;
}


.index06-01_in p,.index06-02_in p,.index06-03_in p{
	font-size:0.9rem;
	line-height:130%;
	letter-spacing:0.05em;
}

.gosma{border-bottom:2px solid #fff;}
.gopc{border-bottom:2px solid #C3C3C3;}
.btn_title{margin-top:4.69%;}



/* フッタ部分
--------------------*/
#footer{
	text-align:center;
/*	background-image:-webkit-gradient(
                  linear
                , left top
                , left bottom
                , from(#FFF1D1)
                , color-stop(0.75, #FFF7E6)
                , color-stop(0.95, #FFFEFD)
                , to(#FFFEFD));*/
/*	background-image: -moz-linear-gradient(
      top
    , #FFF1D1 0%
    , #FFF7E6 75%
    , #FFFEFD 95%
    , #FFFEFD);*/
	background:#bc9d51;
/*	margin-top:7.81%;*/color: #fff;
}

#footer a{color:#fff; text-decoration:underline;}

.ft01{font-size:1.3rem; line-height:120%; font-weight:bold; padding-top:4.5%; margin-bottom:3.5%;}

.ft02{font-size:1.2rem; line-height:150%; margin-bottom:4.3%;}

#footer img{max-width:48.5%; height:auto;}



/*menu*/

#acd-menu dt {
	position: relative;
	height: 6.875%;
	cursor: pointer;
}
#acd-menu dd ul li {
	list-style: none;
	padding: 0 1rem;
}
#acd-menu dd ul li a {
	/* width:100%;
	height: auto;
	display: block;
	position: relative;
	color:#000;
	font-size:1.3rem;
	text-decoration:none; */
	display: block;
	height: auto;
	padding: 1.5rem 1.5rem 1.5rem 0;
    font-size: 1.3rem;
    letter-spacing: 0.05em;
    line-height: 1.46667;
    text-align: left;
    color: #000000;
    text-decoration: none;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
    position: relative;
	text-indent: 0;
}

.rank ul li {
	list-style: none;
}








/*=============================
メニュー関係
=============================*/
.menu_top{
	width:98.66666666666667%;


}
.menu_top p{
	margin-top:2%;
	margin-bottom:5%;
	/*font-size:1.1rem;*/
	font-size: 3.2vw;
	line-height:160%;
	letter-spacing:.05em;
}

.contact_top{
	width:98.66666666666667%;


}
.contact_top p{
	margin-top:2%;
	margin-bottom:5%;
	font-size:4.15vw;
	line-height:150%;
	letter-spacing:-0.02em;
    text-align: left;
   color:#917226;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;


}



.facial_keana img{ height: 28vw; margin-right:1%; margin-top:1%; float: left;}
.titboxbs8 {	margin:0px 0px 20px 0px;	padding:10px;	border:2px #eee solid;	}
.titboxbs8 h4 {	 color:#BC9C61; font-weight:bold; font-size:1.1rem;	}

table.menu_list{width:88.5%; margin:5% 0px 20px 5%;}
table.menu_list tr.line_02 {background:#F7F2DD;}
table.menu_list td.kousu {width:54%;line-height:120%;  padding:10px;font-size:0.9rem; font-weight:bold; color:#000; vertical-align:middle;}
table.menu_list td.kousu span {font-size:0.7rem; font-weight:normal;}
table.menu_list td.kakaku {width:46%;line-height:120%; padding:10px;font-size:0.9rem; font-weight:bold; text-align:right; color:#ff0000;vertical-align:middle;}
.par30{width:30%;}

.menu_box{
	width:100%;
	float:left;
}

.menu_box h4 {	 color:#BC9C61; font-weight:bold; font-size:3.5vw;margin-bottom: 1vw;}
.menu_box span{color:#F00; line-height:150%; letter-spacing:-0.05em;}


.menu_boxl{
	width:33%;
	float:left;
}
.menu_boxr{
	width:64%;
	float:right;
}
.menu_boxr p{font-size:3.1vw; line-height:170%; letter-spacing:0;}
.menu_boxr span{color:#F00; line-height:150%; letter-spacing:-0.05em;}

table.memu {
	margin-bottom: 10px;
	width: 100%;
	border: 1px solid #CCC;
}
table.memu th {
	background-color: #FFF;
	padding-top: 0.8%;
	padding-right: 2.4%;
	padding-bottom: 0.8%;
	padding-left: 2.4%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	vertical-align:middle;
	font-weight:bold;
	font-size:0.7rem;
	text-align:left;
	line-height:120%;
}
table.memu td {
	padding-top: 1.6%;
	padding-right: 0.8%;
	padding-bottom: 1.6%;
	padding-left: 1.6%;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
	background-color: #F2F2F2;
	font-size:0.6rem;
	letter-spacing:-0.05em;
}

table.memu td a {
	font-size:0.6rem;
	letter-spacing:-0.05em;
}


table.memu td.shita_line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-size:0.6rem;
	letter-spacing:-0.05em;
}
table.memu td.nomigi {
	border-right-style: none;
	font-size:0.6rem;
	letter-spacing:-0.05em;
}
table.memu th.shita_line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
table.memu th.nomigi {
	border-right-style: none;
}
.aka_b{color:#F00; font-weight:bold; font-size:0.6rem; letter-spacing:-0.05em;}


/*=============================
サロン情報
=============================*/
h3 { color:#fff; background-color:#C9A535;font-size:1.2rem; padding:5px; margin:3% 0% 3% 0%; }

.salon_top{
	width:98.66666666666667%;


}
.salon_top p{
	margin-top:2%;
	margin-bottom:5%;
	font-size:1.0rem;
	line-height:150%;
	letter-spacing:-0.02em;
}
.photo_box {	float: left;display: inline;margin:0px 10px 10px 0px;	vertical-align:top;}
.txt_box {float: left;display: inline;margin:0px 10px 10px 0px; font-size:80%;vertical-align:top; text-align:left; width:93%}
.txt_box h4 {	 color:#BC9C61; font-weight:bold; font-size:11px;	}
.txt_box h6 {	 color:#BC9C61; font-weight:bold; font-size:100%;	}






.salon_tbl{
	width:93.75%;
	margin-left:3.125%;
	margin-top:6.25%;
}
.salon_tbl .txt01{
	width:96.6%;
	font-size:1.3rem;
	line-height:150%;
	padding:1.7%;
	background:#FFFEE0;
	border-bottom:3px solid #fff;
}
.salon_tbl .txt02{
	width:96.6%;
	font-size:1.3rem;
	line-height:150%;
	padding:1.7%;
	background:#fff;
	border-bottom:3px solid #fff;
}

/*=============================
よくある質問
=============================*/

.qa {	margin: 0 0 0 10px;}
.qa a {	color: #642C13;}
.qa li.common {	margin: 0 0 10px 0px;	background: url(https://www.calonbeaute.com/common/img/q_img1.gif) no-repeat left;	padding: 0 0 0 20px;}
.qa li.last {	margin: 0 0 50px 0px;	background: url(https://www.calonbeaute.com/common/img/q_img1.gif) no-repeat left;	padding: 0 0 0 20px;}
.qa_u_title {width:89.72131147540984%;	height:4.918032786885246%;	padding: 1% 0 0 9%;	background: url(https://www.calonbeaute.com/common/img/q_title1.jpg) no-repeat left;	color: #666;	margin: 0 0 2.4% 0;	font-weight:bold;}
.qa_u_title2 {	width:590px;	height:50px;	padding: 10px 0 0 30px;	background: url(https://www.calonbeaute.com/common/img/q_title2.jpg) no-repeat left;	color: #666;	margin: 0 0 15px 10px;	font-weight:bold;}
.q1 {	width:90.16393442622951%;	margin: 0 0 4.918032786885246% 3.278688524590164%;	background: url(https://www.calonbeaute.com/common/img/a_img1.jpg) no-repeat left top;	padding: 0 0 0 5.5%;	color: #642C13;}
.q2 {	width: 550px;	margin: 0 0 20px 20px;	background: url(https://www.calonbeaute.com/common/img/a_img1.jpg) no-repeat left top;	padding: 0 0 0 20px;	color: #642C13;}
.q1_last {	width: 550px;	margin: 0 0 50px 20px;	background: url(https://www.calonbeaute.com/common/img/a_img1.jpg) no-repeat left top;	padding: 0 0 0 20px;	color: #642C13;}





/*=============================
人気の秘密
=============================*/
h5 { background-color:#F0FFFF; font-size:1.2rem; padding:10px; margin:3% 0% 3% 0%; color:#000066; border: solid 1px #ADD8E6; }

.salon_top{
	width:98.66666666666667%;


}
.salon_top p{
	margin-top:2%;
	margin-bottom:5%;
	font-size:1.0rem;
	line-height:150%;
	letter-spacing:-0.02em;
}
.photo_box {	float: left;display: inline;margin:0px 10px 10px 0px;	vertical-align:top;}
.txt_box {float: right;display: inline;margin:0px 10px 10px 0px; font-size:110%;vertical-align:top;}
.txt_box h4 {	 color:#BC9C61; font-weight:bold; font-size:120%;	}






.salon_tbl{
	width:93.75%;
	margin-left:3.125%;
	margin-top:6.25%;
}
.salon_tbl .txt01{
	width:96.6%;
	font-size:1.3rem;
	line-height:150%;
	padding:1.7%;
	background:#FFFEE0;
	border-bottom:3px solid #fff;
}
.salon_tbl .txt02{
	width:96.6%;
	font-size:1.3rem;
	line-height:150%;
	padding:1.7%;
	background:#fff;
	border-bottom:3px solid #fff;
}

.orange{
	color:#F60;
}
.red{
	color:#FF0000;
	font-weight:bold;
}


.qaq{
	padding:3% 1.6% 3% 10%;
	font-weight:bold;
background: url(https://www.calonbeaute.com/common/img/q_img1sp.gif) no-repeat left #FFFBF0;
margin-bottom:0%;
}



#acd-menu dd ul li.qaa{
	color:#000;
	padding:4.3vw 2vw;
	font-size:3.385vw;
    line-height: 170%;
    letter-spacing: .05em;

}
.qa_page #acd-menu dt{
font-size: 3.385vw;
letter-spacing: .05em;
line-height: 150%;
font-weight: 500;
padding: 3.5vw 2vw 3.5vw 8vw;
}

#acd-menu dd ul li.qaa a{ clear:left;
height:20px; line-height:20px; text-indent:0px; border-bottom: none;	font-size:15px;
	width:100%;
	display: inline;
	color:#0000ff;

	text-decoration:none;
	background:none;
}
#acd-menu dd ul li.qaa a::before {
	display: none;
	content: '';
	position: absolute;
	top: 17px;
	right: 15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 5.5px;
	border-color: transparent transparent transparent #D2AD55;
}




#demo {position: relative;}
#item_count {position:absolute;height: 35px;z-index: 100;margin:30% 0% 0% 68%; }
#item_count2 {position:absolute;height: 35px;z-index: 100;margin:42% 0% 0% 80.4%; }
#item_count3 {position:absolute;height: 35px;z-index: 100;margin:48% 0% 0% 78%; }

.heit10{ height: 20vw;}

.index_insta{width: 91.14583333333333vw;}

.index_insta h2 strong{display: block; text-align: center; font-size: 4.817708333333333vw; font-weight: 500; margin-top: 2.604166666666667vw; letter-spacing: 0.12em; padding-left: 0.12em;}
.index_insta li{width: 44.27083333333333vw; height: 44.27083333333333vw; float: left; margin-bottom: 2.604166666666667vw;}
.index_insta li:nth-child(even){float: right;}
.index_insta .btn{width: 31.25vw; height: 7.161458333333333vw; position: relative; margin: 3.90625vw auto 0;}
.index_insta .btn a{display: block; width: 31.25vw; height: 7.161458333333333vw; border: 0.1302083333333333vw solid #000; text-align: center; font-size: 2.604166666666667vw; font-weight: 600; letter-spacing: 0.18em; padding-left: 0.18em; color: #333; text-decoration: none; line-height: 6.770833333333333vw;}
.index_insta .btn i{display: block; width: 5.989583333333333vw; top: 3.515625vw; right: -4.296875vw; border-bottom: 0.1302083333333333vw solid #000; position: absolute;}
.index_insta .btn i:after{display: block; width: 1.692708333333333vw; border-bottom: 0.1302083333333333vw solid #000; content: ""; transform: rotate(45deg); position: absolute; right: -0.2604166666666667vw; bottom: 0.4895vw;}


.index_insta .insta_area div{width: 44.27083333333333vw; height: 44.27083333333333vw; float: left; margin-bottom: 2.604166666666667vw;}
.index_insta .insta_area div:nth-child(even){float: right;}



/* 20191021 top main renewal */

header{
	position:relative;
}

header #box_top{
}
header:before{
	content:" ";
	width:100%;
	height:17vw;
	display: block;
	background:#fff/* url("https://calonbeaute.com/sp/img/new/logo.png") no-repeat center left 15px*/;
/*	background-size :auto 60%;*/
	position:fixed;
/*	top:-18vw;*/
	right:0;
	left:0;
	z-index:103;
	transition:0.5s ease;
	box-shadow:0 -0.52083vw 1.82292vw rgba(0,0,0,0.28);
	opacity: 0;
}
header.on:before{opacity: 1;}
header.active:before{
/*	top:0;*/
opacity:1;
}
/*header.active .smt_btn{
	top:3.90625vw;
}*/
header #box_top h1{
margin: 4vw 5.20833vw;
/*	margin:6.51042vw 5.20833vw;
	position:absolute;
	top:0;
	left:0;
	z-index:1;*/
	position: fixed;
	z-index: 555;
}
header #box_top h1 img{
	width:35.41667vw;
}
.bottom_btn{
	background:#fff;
/*	position:fixed;*/
/*	bottom:-19.53125vw;*/
bottom:0;
	right:0;
	left:0;
	z-index:101;
	transition:0.5s ease;
	box-shadow:0 0.52083vw 1.82292vw rgba(0,0,0,0.28);
}
.bottom_btn ul{
	font-size: 0;

}
.bottom_btn ul li{
	width:25%;
	display: inline-block;
	vertical-align: top;
	box-sizing:border-box;
}

.bottom_btn ul li a{
	display: block;
	margin:2vw 0 3vw;
	padding:0 1.30208vw 0;
	font-size: 3.125vw;
	font-weight: 600;
	color:#bc9d51;
	letter-spacing: 0.05em;
	text-align: center;
	text-decoration: none;
	line-height: 130%;
	border-right:1px solid #bc9d51;
}
.bottom_btn ul li a:before{
	content:" ";
	width:13.02083vw;
	height:7.8125vw;
	display: block;
	margin:0 auto;
}
.bottom_btn ul li.first a:before{
	background:url("https://calonbeaute.com/sp/img/new/ico_ft_first_sp.png") no-repeat center;
	background-size:6.51042vw auto ;
}
.bottom_btn ul li.salon a:before{
	background:url("https://calonbeaute.com/sp/img/new/ico_ft_salon_sp.png") no-repeat center;
	background-size:3.90625vw auto ;
}
.bottom_btn ul li.tel a:before{
	background:url("https://calonbeaute.com/sp/img/new/ico_ft_tel_sp.png") no-repeat center;
	background-size:3.125vw auto ;
}
.bottom_btn ul li.reserve a:before{
	background:url("https://calonbeaute.com/sp/img/new/ico_ft_mail_sp.png") no-repeat center;
	background-size:5.20833vw auto ;
}



.bottom_btn ul li:last-child a{

	border-right:none;
}
.bottom_btn.active{
	bottom:0;

}


header #box_top p.menubtn{position: fixed; top: 10vw; right: 4.9vw; margin-top: 2px; z-index: 999;border: none;font-size: 2.8vw; color:#fff;}
/*header.active #box_top p.menubtn{
	top:9vw;
}*/

.smt_btn{
	width:4.6875vw;
	height:4.29688vw;
	display: block;
	position:fixed;
	top:4.8125vw;
	right:6.51042vw;
	z-index:300;
	transition:0.5s ease;
}
.smt_btn span{
	width:4.6875vw;
	height:0.39063vw;
	display: block;
	background:#fff;
	position:absolute;
	left:0;
	transition:0.5s ease;
}
.smt_btn span:nth-child(1){
	top:0;
}
.smt_btn span:nth-child(2){
	top:1.95313vw;
}
.smt_btn span:nth-child(3){
	bottom:0;
}
.smt_btn.active span:nth-child(1){
	transform:rotate(-225deg);
	top:1.95313vw;
}
.smt_btn.active span:nth-child(2){
	width:0;
}
.smt_btn.active span:nth-child(3){
	transform:rotate(225deg);
	bottom:1.95313vw;
}

header #box_top nav:before{
	content:" ";
	width:35.9375vw;
	height:9.89583vw;
	display: block;
/*	background: url("https://calonbeaute.com/sp/img/new/logo.png") no-repeat;*/
	background-size:contain;
	position:absolute;
	top:6.51042vw;
	left:5.20833vw;
}
header #box_top nav{
	padding:19.35417vw 5.20833vw 0;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:102;
	background:rgba(238, 236, 231, .9);
	opacity:0;
	transition:opacity 0.5s ease;
	pointer-events:none;
}
header.on #box_top nav{
	pointer-events:auto;
	opacity:1;

}

header .menu_inner{
	padding-top:2vw;
	height:100%;
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
	position:relative;
}
header nav:after{
	content: " ";
	width:100%;
	height:2.7933vw;
	display: block;
	position:fixed;
	top:18.55307vw;
	right:0;
	left:0;
	z-index:10;

}

header #box_top a{
/*	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
}




header #box_top .reserve{
	margin-bottom:5.20833vw;
	font-size: 0;

}
header #box_top .reserve li{
	width:calc(50% - 2.60417vw);
	margin-right:5.20833vw;
	display: inline-block;
	font-size: 4.16667vw;
}
header #box_top .reserve li a{
	display: block;
	border-radius:1.95313vw;
	padding:6.25vw;
	background:#bc9d51;
	color:#fff;
	font-size: 3.64583vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 100%;
	text-align: center;
	text-decoration: none;

}
header #box_top .reserve li a:before{
	content:" ";
	width:6.51042vw;
	height:6.51042vw;
	margin:-2.34375vw 2.60417vw -2.34375vw 0;
	display: inline-block;
}
header #box_top .reserve li.tel a:before{
	width:3.38542vw;
	background:url("https://calonbeaute.com/sp/img/new/ico_tel_sp.png") no-repeat center;
	background-size:100% auto;
}
header #box_top .reserve li.web a:before{
	width:5.72917vw;
	background:url("https://calonbeaute.com/sp/img/new/ico_mail_sp.png") no-repeat center;
	background-size:100% auto;
}
header #box_top .reserve li:nth-child(even){
	margin-right:0;
}

header #box_top .main_menu{
	margin-bottom:5.20833vw;
	border:1px solid #bc9d51;
	background:#fff;
}
header #box_top .main_menu li{
	border-bottom:1px solid #bc9d51;

}
header #box_top .main_menu li:last-child{
	border-bottom:none;

}
header #box_top .main_menu li a{
	padding:5.20833vw 5.20833vw 5.20833vw 16.92708vw;
	display: block;
	text-decoration:none;
	font-size:3.64583vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 100%;
	color: #333333;
	position:relative;
	text-align: left;
}
header #box_top .main_menu li a:after{
	content:" ";
	width:2.60417vw;
	height:2.60417vw;
	display: block;
	border-top:1px solid #937a3c;
	border-right:1px solid #937a3c;
	transform:rotate(45deg) translateY(-58%);
	position:absolute;
	top:50%;
	right:6.51042vw;
}
header #box_top .main_menu li.first a{
	background: url("https://calonbeaute.com/sp/img/new/ico_first_sp.png") no-repeat left 4.16667vw center;
	background-size:7.68229vw auto;
}
header #box_top .main_menu li.menu a{
	background: url("https://calonbeaute.com/sp/img/new/ico_menu_sp.png") no-repeat left 4.94792vw center;
	background-size:5.98958vw auto;
}
header #box_top .main_menu li.staff a{
	background: url("https://calonbeaute.com/sp/img/new/ico_staff_sp.png") no-repeat left 4.6875vw center;
	background-size:6.64063vw auto;
}
header #box_top .main_menu li.salon a{
	background: url("https://calonbeaute.com/sp/img/new/ico_salon_sp.png") no-repeat left 4.94792vw center;
	background-size:4.94792vw auto;
}

header #box_top .sub_menu{
	margin-bottom:5.20833vw;
	font-size: 0;
	border-top:1px solid #bc9d51;
	border-left:1px solid #bc9d51;
	background:#fff;
	box-sizing:border-box;
}
header #box_top .sub_menu li{
	width:50%;
	display: inline-block;
	vertical-align: top;
	border-right:1px solid #bc9d51;
	border-bottom:1px solid #bc9d51;
	font-size: 4.16667vw;
	box-sizing:border-box;
}
/*header #box_top .sub_menu li:last-child{
	width:100%;
}*/
header #box_top .sub_menu li a{
	padding:5.20833vw;
	display: block;
	text-decoration:none;
	font-size:3.4583vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 100%;
	color: #333333;
	position:relative;
	text-align: left;
}
header #box_top .sub_menu li:last-child a{}
header #box_top .sub_menu li a:after{
	content:" ";
	width:2.60417vw;
	height:2.60417vw;
	display: block;
	border-top:1px solid #937a3c;
	border-right:1px solid #937a3c;
	transform:rotate(45deg) translateY(-58%);
	position:absolute;
	top:50%;
	right:4.51042vw;
}

header #box_top p{
/*	margin-bottom:5.20833vw;*/
	border:1px solid #bc9d51;
	border-bottom:none;
}
header #box_top p a{
	padding:5.20833vw;
	display: block;
	text-decoration:none;
	font-size:3.64583vw;
	background: #fff;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 100%;
	color: #333;
	position:relative;

}
header #box_top p a:before{
	content:" ";
	width:7.55208vw;
	height:7.03125vw;
	display: inline-block;
	margin:0 2.60417vw -2.60417vw 0;
	background:url("https://calonbeaute.com/sp/img/new/ico__shop_sp.png") no-repeat center;
	background-size: 7.55208vw auto;
}

header #box_top .sns_box{
	margin-bottom:5.20833vw;
	font-size: 0;
	border-top:1px solid #bc9d51;
	border-left:1px solid #bc9d51;
	background:#fff;
	box-sizing:border-box;
}

header #box_top .sns_box li{
	width:50%;
	display: inline-block;
	vertical-align: top;
	border-right:1px solid #bc9d51;
	border-bottom:1px solid #bc9d51;
	font-size: 3.64583vw;
	box-sizing:border-box;
}
header #box_top .sns_box li a{
	padding:5.20833vw 1.30208vw;
	display: block;
	text-decoration:none;
	font-size:3.64583vw;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 100%;
	text-align: center;
	color: #333333;
	position:relative;
}
header #box_top .sns_box li a:before{
	content:" ";
	width:5.20833vw;
	height:5.20833vw;
	margin:0 2.60417vw -1.30208vw 0;
	display: inline-block;
}
header #box_top .sns_box li.insta a:before{
	background: url("https://calonbeaute.com/sp/img/new/ico_insta_sp.png") no-repeat center;
	background-size:contain;
}
header #box_top .sns_box li.line a:before{
	background: url("https://calonbeaute.com/sp/img/new/ico_line_sp.png") no-repeat center;
	background-size:contain;
}


.index_main{
	width:100%;
	height:129.42779vw;
	margin-bottom:15.625vw;
	padding:22vw 5.20833vw 5.20833vw;
	background:url("https://calonbeaute.com/sp/img/new/bg_sp_main2.jpg") no-repeat center;
	background-size :cover;
	position:relative;
	box-sizing:border-box;

	transition:opacity 0.5s ease ;
}
.index_main.animated{
	opacity:1;
}
.index_main h2{
	width:73.828125vw;
	margin-bottom:4.20833vw;
}
.index_main h2 img{
	width:100%;
}
.index_main .text{
	width:80vw;
}
.index_main .text img{
	width:100%;
}
.index_main .btn_award{
	width:80vw;
	position:absolute;
	bottom:-7vw;
	right:4vw;
	opacity:0;
	transition:opacity 0.5s ease 0.6s,
			   transform 0.5s ease 0.6s;
	transform:translateY(5px);
}
/*
.index_main .btn_award{
	width:36.45833vw;
	position:absolute;
	bottom:-10.41667vw;
	right:5.20833vw;
	opacity:0;
	transition:opacity 0.5s ease 0.6s,
			   transform 0.5s ease 0.6s;
	transform:translateY(5px);
}*/
.index_main.animated .btn_award{
	opacity:1;
	transform:translateY(0);
}
.index_main .btn_award a{
	width:100%;
	height:36.45833vw;
	padding:6.51042vw 2.60417vw;
	border-radius:39.0625vw;
	display: block;
	background: rgba(78,182,145,0.9);
	text-decoration: none;
	box-sizing:border-box;
}
.index_main .btn_award span,
.index_main .btn_award strong{
	display: block;
	color:#fff;
	text-align: center;
}
.index_main .btn_award span{
	font-size: 2.99479vw;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 140%;
	font-family:"Times New Roman", Times, "serif";
}
.index_main .btn_award span.title:after{
	content:" ";
	width:6.51042vw;
	height:1px;
	display: block;
	margin:2.08333vw auto;
	background: #fff;
}
.index_main .btn_award strong{
	margin-bottom:2.60417vw;
	font-size: 2.99479vw;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 140%;
/*font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
}
.index_main .btn_award span.btn{
	width:19.53125vw;
	margin:0 auto;
	display: block;
	border:1px solid #fff;
}

.index_news{
width: 90vw;
margin: 7.8125vw auto;
}

h2.content_h2{
font-size: 4.036458333333333vw;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: center;
color: #C8942E;
font-weight: 600;
margin-bottom: 5vw;
}
h2.content_h2::after{content: ""; display: block;width: 6vw;margin: 0 auto;background: #C8942E;height: 1px;margin-top: 1vw;}
.index_news a{font-size: 3.125vw; padding-left: 3vw}
.contents .small img{width:46vw;}
.btn{width:65vw; margin:0 auto;}
.btn a{width:65vw;display:inline-block;color:#fff;background:#bc9c61;font-size: 3.125vw;padding: 2vw 0; text-decoration: none;line-height: 190%;font-weight: 600;}


/*----------- index2.html -----------*/
header:before{
	opacity:1;
}
.index header:before{
	opacity:0;
}
.index header.active:before{
	opacity:1;
}
header.index2.active:after {
/*	top: 0;*/
opacity:1;
}
header:after {
    content: " ";
    width: 18vw;
    height: 17vw;
    display: block;
    background: #bfb18a;
    position: fixed;
/*    top: -18vw;*/
	top:0;
    right: 0;
    z-index: 200;
    transition: 0.5s ease;
    /* box-shadow: 0 -0.52083vw 1.82292vw rgba(0,0,0,0.28); */
/*	opacity: 0;*/
}
.bottom_btn2 {
	z-index: 103;
}
.bottom_btn2 ul li a {
	border-right: none;
}
.bottom_btn2 ul li a {
	/*font-size: 2.8vw;*/
	font-size: 2.3vw;
}
/* .bottom_btn2 ul li.tel {
	width: 15%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right: 38vw;
	z-index: 103;
}
.bottom_btn2 ul li.reserve {
	width: 20%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right: 18vw;
	z-index: 103;
} */
/* 20210209 */
.bottom_btn2 ul li.new {
	width: 20%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right: 38vw;
	z-index: 103;
/*	transition: 0.5s ease;*/
}
.bottom_btn2 ul li.shop {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right: 18vw;
	z-index: 103;
/*	transition: 0.5s ease;*/
}

.hd_nav{padding-top:17vw;}

.voice p{
line-height: 170%;letter-spacing: .05em;
}

.popularity{
margin-bottom: 13.02083333333333vw;
}
.popularity h2{
margin:2.604166666666667vw auto 5.208333333333333vw;
}
.popularity .intr{
width: 89.58333333333333vw;
margin: 0 auto 10.41666666666667vw;
}
.popularity .intr p{
font-size: 3.385416666666667vw;
letter-spacing: .05em;
line-height: 200%;
text-align: center;
font-weight: 400;
}
.popularity .intr p span {
color: #D4587C;font-weight: 500;
}
.popularity section h3{
background: none;
color: #333;
font-size: 6.25vw;
	font-family: Georgia,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 400;
text-align: center;
margin-bottom: 10.41666666666667vw;
}
.popularity section h3 span{
display: block;
font-size: 3.125vw;
/*font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
font-weight: 300;
margin-top: 2.4vw;
}
.popularity section h3::before{
width: 72.91666666666667vw;
height: 1px;
margin: 0 auto;
background: #8B867C;
content:"";
display: block;
margin-bottom: 5.208333333333333vw;
}
.popularity section h3::after{
width: 72.91666666666667vw;
height: 1px;
margin: 0 auto;
background: #8B867C;
content:"";
display: block;
margin-top: 5.208333333333333vw;
}
.popularity .contents {
	width: 89.58333333333333vw;
	margin: 0 auto 12vw;
}
.popularity .contents .ttl {
	background: none;
	color: #C9A535;
	font-size: 6.25vw;
	font-weight: 400;
	letter-spacing: .05em;
	line-height: 1;
	text-align: center;
	margin-bottom: 6vw;
	font-family: Georgia,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.popularity .contents ul {
	display: flex;
	flex-wrap: wrap;
}
.popularity .contents ul li {
	width: 50%;
}
.popularity .reason h3,
.popularity .step h3,
.popularity .about h3,
.popularity .course h3 {
	padding-top: 20vw;
	margin-top: -20vw;
}

.popularity .reason .point{margin-bottom: 13.02083333333333vw;}
.popularity .reason .point .img{
width: 100vw;
}
.popularity .reason .point .img img{
width: 100vw;
}
.popularity .reason .point .txt{
width: 89.58333333333333vw;margin: 0 auto;
}
.popularity .reason .point .txt h4{
font-size: 4.427083333333333vw;
color: #896D34;
padding: 6vw 0 3.90625vw 19vw;
font-weight: 500;
}
.popularity .reason .point .txt h4.no1{
background: url("https://calonbeaute.com/sp/img/popularity/no1@2x.png") no-repeat left;
background-size: 17vw;
}
.popularity .reason .point .txt h4.no2{
background: url("https://calonbeaute.com/sp/img/popularity/no2@2x.png") no-repeat left;
background-size: 17vw;
}
.popularity .reason .point .txt h4.no3{
background: url("https://calonbeaute.com/sp/img/popularity/no3@2x.png") no-repeat left;
background-size: 17vw;
}
.popularity .reason .point .txt h4.no4{
background: url("https://calonbeaute.com/sp/img/popularity/no4@2x.png") no-repeat left;
background-size: 17vw;
}
.popularity .reason .point .txt p{
font-size: 3.385416666666667vw;
letter-spacing: .05em;
line-height: 220%;
font-weight: 400;
}
.popularity .reason .point .txt p strong{
font-weight: 500;
background: linear-gradient(transparent 50%, #f0ff87 0%);

}
.popularity .step{
background: #E9E6DC;
padding: 13.02083333333333vw 5.208333333333333vw;
margin-bottom: 13.02083333333333vw;
}
.popularity .step .step_box{
background: #fff;
margin-bottom:5.208333333333333vw;
padding: 7.8125vw 3.90625vw;
}
.popularity .step .step_box.last{margin-bottom: 0;}
.popularity .step .step_box h4{
font-size: 4.427083333333333vw;
font-weight: 500;
display: inline-block;
margin-bottom: 5.208333333333333vw;
}
.popularity .step .step_box h4 strong{
display: inline-block;
width: 7.8125vw;
height: 7.8125vw;
background: #C9A535;
color: #fff;
text-align: center;
line-height: 7.8125vw;
margin-right: 3.90625vw;
font-weight: 400;
}
.popularity .step .step_box p{
font-size: 3.385416666666667vw;
letter-spacing: .05em;
line-height: 190%;
font-weight: 400;
}
.popularity .step .arrow{
  width: 0;
  height: 0;
  border-left:4.6875vw solid transparent;
  border-right: 4.6875vw solid transparent;
  border-top: 4.6875vw solid #C9A535;
  margin: 0 auto 5.208333333333333vw;
 }

.popularity .about .about_area{margin-bottom: 13.02083333333333vw;}
.popularity .about .about_area .img{
width: 100vw;
}
.popularity .about .about_area .img img{
width: 100vw;
}
.popularity .about .about_area .txt{
width: 89.58333333333333vw;margin: 0 auto;
}
.popularity .about .about_area .txt h4{
font-size: 4.427083333333333vw;
color: #896D34;
font-weight: 500;
padding: 7.8125vw 0 3.90625vw;
}
.popularity .about .about_area .txt p{
font-size: 3.385416666666667vw;
letter-spacing: .07em;
line-height: 190%;
font-weight: 400;
}
.popularity .about .about_area .txt .aea{
margin: 3.90625vw 0 2vw;
}
.popularity .course {
width: 89.58333333333333vw;margin: 0 auto;
}
.popularity .course p{
font-size: 3.385416666666667vw;
letter-spacing: .05em;
line-height: 190%;
font-weight: 400;
margin-bottom: 5.208333333333333vw;
}
.popularity .course p span {
color: #D4587C;font-weight: 500;
}

.popularity .course .btn a{
background: #fff;
border: solid 1px #896D34;
color: #896D34;
text-align: center;
font-size: 3.385416666666667vw;
margin-bottom: 5.208333333333333vw;
}

.salon p{
font-size: 3.385416666666667vw;
letter-spacing: .05em;
font-weight: 400;
line-height: 180%;
}
.salon .detail{
width: 89.58333333333333vw;margin: 5.208333333333333vw auto 10.41666666666667vw;
}
.salon .detail .txt{
padding-top: 12vw;
}
.salon .detail .txt h4{
font-size: 4.6875vw;
font-weight: 500;
letter-spacing: .075em;
margin-bottom: 4.6875vw;
}

.salon h3{
font-size: 5.208333333333333vw;
font-weight: 400;
font-family:   "Hiragino Mincho ProN", "serif";
background: none;
color: #181800;
letter-spacing: .22em;
padding-bottom: 2.5vw;
border-bottom: solid 2px #E5E1D7;
position: relative;
margin-bottom: 7.8125vw;
	text-align: left;
}
.salon h3:after {
  content: "";
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 30%;
  border-bottom: 2px solid #C9A535;
}
.salon .access{
width: 89.58333333333333vw;margin: 0 auto 13vw;
}
.salon .access p{
margin-bottom: 3vw;
font-weight: 400;
}
.salon .access p strong{
font-weight: 500;
}
.salon .access p span{
color: #D4587C;
font-weight: 600;
}
.salon .access .txt{
margin-bottom: 7.8125vw;
}
.salon .access .btn a{
background: none;
color: #896D34;
border: solid 1px #896D34;
font-weight: 500;
text-align: center;
}

.salon .facility{
width: 89.58333333333333vw;margin: 0 auto 13vw;
}
.salon .facility .box{
margin-bottom: 10.41666666666667vw;
}

.salon .facility .box .txt h4{
font-size: 4.427083333333333vw;
color: #896D34;
font-weight: 600;
padding: 5.208333333333333vw 0 3.255208333333333vw;
}

.salon .outline{
width: 89.58333333333333vw;margin: 0 auto 13vw;
}
.salon .outline ul li{
border-bottom: solid 1px #999999;
padding: 5.208333333333333vw 0;
}
.salon .outline ul li::after{content: "";display: block;clear: both;}
.salon .outline ul li:first-child{padding-top: 0;}

.salon .outline ul li p{
font-size: 3.255208333333333vw;
}
.salon .outline ul li p.cate{
font-weight: 500;
width: 30vw;
float: left;
}
.salon .outline ul li p.come{
padding-left: 30vw;
}
.salon .map{
margin: 0 auto 5.208333333333333vw;}
.salon .map iframe{
width: 100%;
height: 60vw;
}

.staff_area {
margin:2.6vw auto 5.2vw;
width: 89.6vw;
font-weight: 300;}
.staff_area h2{margin-bottom: 3vw;}
.staff_area h3{
font-family: 'Noto Serif JP', serif;
color: #181800;
background: none;
font-weight: 500;
font-size: 5vw;
letter-spacing: .15em;
padding-bottom: 2.6vw;
border-bottom: solid 1px #8B867C;
margin: 0;
}

.staff_area h3 span{
padding-left: 10px;
font-size: 3.6vw;
color: #896D34;
font-weight: 400;
letter-spacing: .05em;
}
.staff_box{padding-bottom: 9.1vw;}
.staff_area .staff_box .img{
width:41.7vw;
margin: 7.8vw auto;
}
.staff_area .staff_box .txt_area p{
font-size: 3.4vw;
letter-spacing: .1em;
line-height: 170%;
font-weight: 400;
}
.staff_area .staff_box .txt_area .txt{
margin-bottom: 6.5vw;
}
.staff_area .staff_box .txt_area .cate{
font-size: 3.9vw;
color: #896D34;
letter-spacing: .2em;
margin-bottom: 1.5vw;
font-weight: 500;
}
.staff_area .staff_box .txt_area .come{
margin-bottom: 6.5vw;
}

/* 20200204 video*/
.video{width: 89.58333333333333vw; margin: 0 auto 13.02083333333333vw;}
.video h2{margin:3vw auto 6vw;}
.video h3{
font-size: 5.208333333333333vw;
font-weight: 400;
font-family:"Hiragino Mincho ProN", "serif";
background: none;
color: #181800;
letter-spacing: .22em;
padding-bottom: 2.5vw;
border-bottom: solid 2px #E5E1D7;
position: relative;
margin-bottom: 7.8125vw;
}
.video h3:after {
  content: "";
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 30%;
  border-bottom: 2px solid #C9A535;
}
.video .videoBlock:after{ content:" "; display:block; height:0 ; clear:both;}
.video .videoBlock{
    margin-bottom:13vw;
    
}
.video .videoBlock p{
    width:100%;
}
.video .videoBlock p a{
    display:block;
    position:relative;
    overflow:hidden;
}
/*.video .videoBlock p a:hover{
    opacity:1;
}*/
.video .videoBlock p a:after{
    content:" ";
    width:6.93333vw ;
    height:6.93333vw ;
    display:block;
    margin:-3.46667vw 0 0 -3.46667vw;
    background:url("../img/video/arrow_video.png");
    background-size:cover;
    position:absolute;
    top:50%;
    left:50%;
    z-index:6;
}
.video .videoBlock p a:after{}
.video .videoBlock p a:before{
    content:" ";
    width:15vw;
    height:15vw;
    display:block;
    margin:-8vw 0 0 -8vw;
    border:2px solid #fff;
    border-radius:8vw;
    position:absolute;
    top:50%;
    left:50%;
    opacity:1;
    transition:0.4s ease;
    z-index:5;
}
/*.video .videoBlock p a:hover:before{
    width:213.33333vw;
    height:213.33333vw;
    display:block;
    border:0px solid #fff;
    background:#000;
    border-radius:106.66667vw;
    margin:-106.66667vw 0 0 -106.66667vw;
    opacity:0.8;
}*/

.video .videoBlock dl{
    width:auto;
    margin-top:5vw;
	color: #333;
}

.video .videoBlock dl dt{
    font-size:4.5vw;
    letter-spacing:0.1em;
    line-height:160%;
}
.video .videoBlock dl dt span{
    margin-top:2.67vw;
    display:block;
    font-size:2.9vw;
}
.video .videoBlock dl dd{
    margin-top:3vw;
    font-size:3.3vw;
    line-height:170%;
    letter-spacing:0.05em;
}



/* about_box
-------------------------------------------*/
.index_video{
	margin: 10vw auto 0;
}
.index_video h2{
margin-bottom: 3vw;
}
.index_video h2:after{
/*	content:" ";
	width: 0.3rem;
	height:1px;
	background:#000;
	display:block;
	margin: 0.15rem auto 0 ;*/
}
.index_video p{
	font-size:3.38vw;
	letter-spacing: 0.05em;
	text-align:left;
	line-height: 180%;
}
.index_video section{
	width:auto;
	margin:3vw auto 8vw;
	position:relative;
}

.index_video section h3{
font-size: 4.036458333333333vw;
letter-spacing: .1em;
    font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    color: #C8942E;
    font-weight: 600;
    margin-bottom: 5vw;
	background: none;
}
.index_video section h3:after{
content: "";
    display: block;
    width: 6vw;
    margin: 0 auto;
    background: #C8942E;
    height: 1px;
    margin-top: 2vw;
}
.index_video section ul{
	font-size:0;
	margin:0 0;
}
.index_video section ul .slick-list{
}
.index_video section ul li{
/*	width: 80vw;*/
	display:inline-block;
	position:relative;
}
.index_video section ul li:nth-child(3n + 3){
	margin-right:0;
}
.index_video section ul li a{
	padding:0 3vw;
	display:block;
	transition:0.5s ease ;
	text-decoration: none;
}
.index_video section ul li a:before{
	content:" ";
	width:6.93333vw;
	height:6.93333vw;
	display:block;
	background:url("../img/video/arrow_video.png");
	background-size:100% auto;
	position:absolute;
	top:44%;
	left:50%;
	transform:translate(-50%,-50%);
	transition:0.5s ease ;
	z-index:1;
}
.index_video section ul li a:after{
	content:" ";
	width:15vw;
	height:15vw;
	display:block;
	border:1px solid #fff;
	border-radius:50%;
	position:absolute;
	top:44%;
	left:50%;
	transform:translate(-50%,-50%);
}
.index_video section ul li a:hover{
	opacity:1;
}
.index_video section ul li span{
	display:block;
	margin-bottom:3vw;
	background:#fff;
}
.index_video section ul li img{
	display:block;
	transition:0.5s ease ;
	margin: 0 auto;
}
.index_video section ul li p{
	font-size:3.2vw;
	font-weight:500;
	letter-spacing:0.05em;
	line-height:120%;
	color: #333;

}

.index .info{
	border:solid 4px #ccc;
	padding:7vw 5vw;
	box-sizing:border-box;
}
/*.index .info p{font-size:3.6vw; margin-bottom:2vw;}*/
.index .info p a{
	font-size:3.8vw;
	line-height:180%;
	font-weight: 500;
	letter-spacing: .05em;
}
.rec_info{
	border:solid 1px #ccc;
	padding:7vw 5vw;
	box-sizing:border-box;
	margin-bottom:7vw;
}
.rec_info p{
	font-size:3.6vw;
	line-height:180%;
}
.rec_info p strong{font-weight:bold;}

.contact_info{
border: solid 1px #ccc;
padding: 5vw 4vw 2vw;
width:auto;
box-sizing: border-box;
margin: 4vw 3vw;
}
.contact_info h4{
font-size: 4vw;
text-align: center;
margin-bottom: 3vw;
font-weight: bold;
}
.contact_info p{
font-size: 3.2vw;
text-align: left;
letter-spacing: .05em;
line-height: 160%;
margin-bottom: 3vw;
}

.report {
    margin-bottom: 13.02083333333333vw;
}
.report .report_about p {
    font-size: 3.385416666666667vw;
    letter-spacing: .05em;
    font-weight: 400;
    line-height: 180%;
    margin-bottom: 4.1vw;
}
.report section {
    width: 89.58333333333333vw;
    margin: 5.208333333333333vw auto 10.41666666666667vw;
}

.report h3 {
    font-size: 5.208333333333333vw;
    font-weight: 400;
    font-family:"Hiragino Mincho ProN", "serif";
    background: none;
    color: #181800;
    letter-spacing: .1em;
    padding-bottom: 2.5vw;
    border-bottom: solid 2px #E5E1D7;
    position: relative;
    margin-bottom: 7.8125vw;
    line-height: 120%;
}
.report h3:after {
    content: "";
    display: block;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 30%;
    border-bottom: 2px solid #C9A535;
}
.report .report_about .img{
margin-bottom: 6.25vw;
}
.report .report_about h4{
font-size: 4.6875vw;
color:#896D34; 
letter-spacing: .05em;
font-weight: 500;
margin-bottom: 4.1vw;
}
.report .report_about p strong{
color: #D4587C;
}
.report .report_area h4{
font-size: 4.5vw;
line-height: 150%;
text-align: center;
letter-spacing: .1em;
position: relative;
margin-bottom: 4.1vw;
}
.report .report_area h4:before {
    content: " ";
    width: 1px;
    height: 13vw;
    margin: 0 10px -3px 0;
    display: inline-block;
    background: #333;
    transform: rotate(-25deg);
    position: absolute;
    top: 0;
    left: 2vw;
}
.report .report_area h4:after {
    content: " ";
    width: 1px;
    height: 14vw;
    margin: 0 0 -3px 10px;
    display: inline-block;
    background: #333;
    transform: rotate(25deg);
    position: absolute;
    top: 0;
    right: 2vw;
}
.report .report_area .img{
margin-bottom: 6vw;
}
.report .report_area .title_area{margin-bottom: 3.5vw;}
.report .report_area .title_area::after{
display: block;
clear: both;
content: "";
}
.report .report_area .title_area .number{
font-size: 11vw;
color: #B49962;
letter-spacing: -.05em;
font-family: 'Roboto', sans-serif;
float: left;
}
.report .report_area .title_area .ttl{
font-size: 4.2vw;
line-height: 160%;
font-weight: 500;
padding-left: 15vw;
padding-top:1vw;
}
.report .report_area .title_area .ttl.ttls{
padding-top: 4vw;
}
.report .report_area .report_box{
margin-bottom: 8vw;
}
.report .report_area .txt p {
    font-size: 3.385416666666667vw;
    letter-spacing: .05em;
    font-weight: 400;
    line-height: 180%;
    margin-bottom: 4.1vw;
}
.report .report_area .txt .pink{color: #D4587C;}
.report .report_area .report_box .check{
border: dashed 2px #896D34;
padding: 5.2vw;
}
.report .report_area .report_box .check .come {
    font-size: 3.385416666666667vw;
    letter-spacing: .05em;
    font-weight:400;
    line-height: 180%;
}
.report .report_area .report_box .check .mark{
display: inline-block;
font-size: 3.6vw;
font-weight: 600;
padding-bottom: .5vw;
color: #896D34;
border-bottom: solid 2px #896D34;
margin-bottom: 3vw;
}
.report .report_area .report_box .check .mark img{
display: inline-block;
margin-right: 1vw;
padding-bottom: .5vw;
}

.report .report_voice h4{
font-size: 4.5vw;
line-height: 150%;
text-align: center;
letter-spacing: .1em;
position: relative;
margin-bottom: 4.1vw;
}
.report .report_voice h4:before {
    content: " ";
    width: 1px;
    height: 6vw;
    margin: 0 10px -3px 0;
    display: inline-block;
    background: #333;
    transform: rotate(-25deg);
    position: absolute;
    top: 0;
    left: 25vw;
}
.report .report_voice h4:after {
    content: " ";
    width: 1px;
    height: 6vw;
    margin: 0 0 -3px 10px;
    display: inline-block;
    background: #333;
    transform: rotate(25deg);
    position: absolute;
    top: 0;
    right: 26vw;
}

.report .content_area .cosme_bn{
width: 82vw;
margin: 0 auto;
display: block;
}

/* 20200907 colum*/
.column_area {
	width: 89.6vw;
	margin: 2.6vw auto 5.2vw;
}
.column_area h2 {
	margin-bottom: 3vw;
}
.column_item {
	border-bottom: 1px solid #ccc;
	padding-bottom: 8.533vw;
}
.column_item:not(:last-child) {
	margin-bottom: 8.533vw;
}
.column_item a {
	display: flex;
	text-decoration: none;
}
.column_item a .img {
	flex: 0 0 37.33vw;
  margin-right: 4.267vw;
}
.column_item a .text {
	padding-top: 2.67vw;
}
.column_item a .text .date {
	color: #8B867C;
	font-size: 3.2vw;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .05em;
	margin-bottom: 2.2vw;
}
.column_item a .text .ttl {
	color: #181800;
	font-size: 4vw;
	font-weight: 500;
	line-height: 1.56;
	letter-spacing: .05em;
}
.pagination_box {
  width:100%;
  margin: 8.533vw auto 12vw;
}
.pagination {
	width: 100%;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pagination_list {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pagination_list li a {
	text-decoration: none;
}
.pagination_list .number {
	text-align: center;
	font-size: 3.6vw;
	font-weight: 400;
	line-height: 1;
	letter-spacing: .05em;
}
.pagination_list .number .all {
	margin-bottom: 1vw;
}
.pagination_list .arrow_double {
	width: 3.3vw;
}
.pagination_list .arrow {
	width: 2.3vw;
}
.column_detail {
	width: 89.6vw;
	margin: 2.6vw auto 5.2vw;
}
.column_detail h2 {
	margin-bottom: 3vw;
}
.column_detail .contents {
	margin-bottom: 17vw;
}
.column_detail .contents p {
	color: #181800;
	font-size: 3.4vw;
	letter-spacing: .1em;
	line-height: 170%;
	font-weight: 400;
	margin-bottom: 8.6vw;
}
.colum_detail_ttl {
  border-bottom: solid 2px #E5E1D7;
	position: relative;
	margin-bottom: 10vw;
	padding-bottom: 5vw;
}
.colum_detail_ttl:after {
  content: "";
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 35%;
  border-bottom: 2px solid #C9A535;
}
.colum_detail_ttl .date {
	color: #8B867C;
	font-size: 3.2vw;
	font-weight: 400;
	line-height: 1;
	letter-spacing: .05em;
	margin-bottom: 4.8vw;
}
.colum_detail_ttl h3.ttl {
	background: none;
	color: #181800;
	font-size: 4.6vw;
	font-weight: 400;
	line-height: 1.56;
	letter-spacing: .05em;
	padding: 0;
	margin: 0;
}
.column_detail .contents p .pk {
	color: #D4587C;
}
.column_detail .contents p a {
	color: #181800;
	text-decoration: underline;
}
.column_detail .recent_post {
	margin-bottom: 17vw;
}
.column_detail .recent_post h3.ttl {
	background-color: #C9A535;
	text-align: center;
	color: #fff;
	font-size: 3.4vw;
	letter-spacing: .1em;
	line-height: 10.2vw;
	font-weight: 400;
	padding: 0;
	margin: 0;
	margin-bottom: 11vw;
}
.column_detail .recent_post ul {
	border-top: 1px solid #ccc;
}
.column_detail .recent_post ul li {
	padding: 4.267vw 0;
	border-bottom: 1px solid #ccc;
}
.column_detail .recent_post ul li a {
	color: #181800;
	text-decoration: none;
	font-size: 3.4vw;
	font-weight: 400;
	letter-spacing: .05em;
	line-height: 1.57;
}
.column_detail .recent_post ul li a .date {
	font-size: 3.2vw;
	margin-bottom: 2.2vw;
}

/* 20200907 voice*/
.voice_area {
	width: 89.6vw;
	margin: 2.6vw auto 5.2vw;
}
.voice_area h2 {
	margin-bottom: 3vw;
}
.voice_area .lead {
	font-size: 3.4vw;
	font-weight: 400;
	letter-spacing: .1em;
	line-height: 2;
}
.voice_area .lead a {
	color: #181800;
	text-decoration: underline;
}
.voice_search {
	margin: 9vw 0 18vw;
	font-size: 3.4vw;
	font-weight: 300;
	letter-spacing: .05em;
	line-height: 2;
}
.voice_area .voice_search h3 {
	text-align: center;
	background: none;
	color: #777;
	padding: 0;
	margin: 0;
}
.voice_area .voice_search h3 span {
	display: inline-block;
	position: relative;
	font-size: 3.4vw;
	font-weight: 600;
	letter-spacing: .1em;
	line-height: 1;
	padding: 0 6.2vw;
	margin-bottom: 6vw;
}
.voice_area .voice_search h3 span:before,
.voice_area .voice_search h3 span:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 3.2vw;
	height: 1px;
	background-color: #777;
}
.voice_area .voice_search h3 span:before {
  left: 0;
}
.voice_area .voice_search h3 span:after {
  right: 0;
}
.voice_tab .tab_item {
	box-sizing: border-box;
	display: block;
  float: left;
  width: 27vw;
	height: 40px;
	border: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	background-color: #F5F5F5;
  text-align: center;
  color: #181800;
	font-size: 3.2vw;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 40px;
	margin-right: 4.267vw;
	position: relative;
}
.voice_tab .tab_item:after {
	content: '';
	display: inline-block;
	position: absolute;
	bottom: -1px;
	/* right: -4.267vw;
	width: 4.267vw; */
	right: -8.267vw;
	width: 8.267vw;
	height: 1px;
	background-color: #ccc;
}
.voice_tab input:checked + .tab_item {
  background-color: #fff;
	color: #181800;
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}
.voice_tab .tab_item_last {
	margin-right: 0;
}
.voice_tab .tab_item_last::after {
	display: none;
}
.voice_tab input[name="tab_item"] {
  display: none;
}
.voice_tab .tab_content {
	display: none;
	clear: both;
	padding-top: 10vw;
}
#menu:checked ~ #menu_content,
#evaluation:checked ~ #evaluation_content,
#age:checked ~ #age_content {
  display: block;
}
.voice_select_box  {
	display: block;
	position:relative;
	margin-bottom: 8.533vw;
}
.voice_select_box::before{
	content: " ";
	width:0;
	height:0;
	display: block;
	border: 1.1vw solid transparent;
	border-top:2.2vw solid #000;
	position:absolute;
	top:calc(50% - 1.1vw);
	right: 3vw;
}
.voice_select_box select {
	display: block;
  width: 100%;
	margin: 0;
	font-size: 3.6vw;
  padding: 2.67vw 0 2.67vw 5.34vw;
  border: 1px solid #CCCCCC;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
}

.voice_overview {
	border-bottom: 1px solid #ccc;
	padding-bottom: 3vw;
	margin-bottom: 8.533vw;
}
.voice_all_count {
	display: flex;
	align-items: baseline;
	margin-bottom: 2.8vw;
}
.voice_all_count dt {
	font-weight: 500;
	margin-right: 4.267vw;
	line-height: 1;
}
.voice_all_count dt span {
	color: #D4587C;
	font-size: 5.2vw;
}
.voice_all_count dd {
	font-weight: 500;
	line-height: 1;
}
.voice_all_count dd span {
	color: #D4587C;
}
.voice_ave_rating {
	display: flex;
	align-items: center;
}
.voice_ave_rating dt {
	font-weight: 500;
	margin-right: 2.1vw;
}
.voice_ave_rating dd {
	display: flex;
	align-items: center;
}
.voice_ave_rating dd p {
	font-size: 6.2vw;
	font-weight: 500;
	line-height: 1;
	margin-right: 2.1vw;
}
.star5_rating {
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color: #CCCCCC; /* グレーカラー 自由に設定化 */
  font-size: 6vw;
}
.star5_rating:before, .star5_rating:after{
  content: '★★★★★';
}
.star5_rating:after{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
	color: #C9A535; /* イエローカラー 自由に設定化 */
}
.star4_rating {
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color: #CCCCCC; /* グレーカラー 自由に設定化 */
  font-size: 6vw;
}
.star4_rating:before, .star4_rating:after{
  content: '★★★★';
}
.star4_rating:after{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
	color: #C9A535; /* イエローカラー 自由に設定化 */
}
.star3_rating {
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color: #CCCCCC; /* グレーカラー 自由に設定化 */
  font-size: 6vw;
}
.star3_rating:before, .star3_rating:after{
  content: '★★★';
}
.star3_rating:after{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
	color: #C9A535; /* イエローカラー 自由に設定化 */
}
.star2_rating {
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color: #CCCCCC; /* グレーカラー 自由に設定化 */
  font-size: 6vw;
}
.star2_rating:before, .star2_rating:after{
  content: '★★';
}
.star2_rating:after{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
	color: #C9A535; /* イエローカラー 自由に設定化 */
}
.star1_rating {
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color: #CCCCCC; /* グレーカラー 自由に設定化 */
  font-size: 6vw;
}
.star1_rating:before, .star1_rating:after{
  content: '★';
}
.star1_rating:after{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
	color: #C9A535; /* イエローカラー 自由に設定化 */
}
.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.85"]:after{ width: 92%; } /* 星4.85 */
.star5_rating[data-rate="4.9"]:after{ width: 95%; } /* 星4.85 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */

.voice_box {
	border-bottom: 1px solid #ccc;
	padding-bottom: 12.816vw;
	margin-bottom: 8.533vw;
}
.voice_box.voice_detail_box {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.voice_head {
	margin-bottom: 6vw;
}
.voice_head_name {
	display: flex;
	align-items: center;
	margin-bottom: 4.267vw;
}
.voice_head_name .icon {
	margin-right: 2.6vw;
}
.voice_head_name .icon img {
	width: 9vw;
	height: 9vw;
}
.voice_head_name .name a {
	font-size: 3.4vw;
	color: #000;
	text-decoration: none;
}
.voice_head_name .name a .age {
	font-size: 3vw;
	color: #000;
	text-decoration: none;
}
.voice_head_review {
	display: flex;
	align-items: center;
	margin-bottom: 3vw;
}
.voice_head_review dt {
	font-weight: 500;
	margin-right: 2.2vw;
}
.voice_head_review dd {
	font-weight: 500;
}
.voice_head_review dd .star5_rating {
	font-size: 4.6vw;
	padding-right: 1.5vw;
}
.voice_head_review dd .star4_rating {
	font-size: 4.6vw;
	padding-right: 1.5vw;
}
.voice_head_review dd .star3_rating {
	font-size: 4.6vw;
	padding-right: 1.5vw;
}
.voice_head_review dd .star2_rating {
	font-size: 4.6vw;
	padding-right: 1.5vw;
}
.voice_head_review dd .star1_rating {
	font-size: 4.6vw;
	padding-right: 1.5vw;
}
.voice_head_review_detail {
	display: flex;
	font-size: 3.2vw;
	margin-bottom: 4.2vw;
}
.voice_head_review_detail li:not(:last-child) {
	border-right: 1px solid #181800;
	padding-right: 3vw;
	margin-right: 3vw;
}
.voice_head_review_detail li dl {
	display: flex;
}
.voice_head_review_detail li dl dt {
	margin-right: 1.5vw;
}
.voice_head_review_detail li dl dd {
	font-weight: 500;
}
.voice_head_menu {
	display: flex;
}
.voice_head_menu dt {
	flex: 0 0 16.02vw;
	height: 5.874vw;
	text-align: center;
	border: 1px solid #181800;
	font-size: 3.2vw;
	line-height: 5.874vw;
	margin-right: 3vw;
}
.voice_head_menu dd a {
	color: #181800;
	text-decoration: underline;
	line-height: 1.2;
}
.voice_body {
	margin-bottom: 8.533vw;
}
.voice_body_text {
	font-size: 3.6vw;
	font-weight: 300;
	letter-spacing: .05em;
	line-height: 1.8;
	margin-bottom: 3vw;
}
.voice_body_date {
	text-align: right;
	font-size: 3.2vw;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1;
	margin-top: 5vw;
}
.voice_reply {
	background-color: #F5F5F5;
	padding: 8.533vw 6vw;
}
.voice_reply_ttl {
	background-image: url('../img/voice/icon_reply.png');
	background-repeat: no-repeat;
	background-position: left 0 top .5vw;
	background-size: 4.806vw 4.43754vw;
	border-bottom: 1px solid #181800;
	padding: 0 0 2.4vw 6.6vw;
	margin-bottom: 6.4vw;
}
.voice_reply_more {
	text-align: center;
	color: #777;
}
.voice_reply_more span {
	display: inline-block;
	background-image: url('../img/voice/icon_arrow_bottom_gy.png');
	background-repeat: no-repeat;
	background-position: right 0 center;
	background-size: 2.67vw 1.335vw;
	padding-right: 5.34vw;
}
.voice_reply_text {
	font-size: 3.6vw;
	font-weight: 300;
	letter-spacing: .05em;
	line-height: 1.57;
	margin-bottom: 4.267vw;
}
.voice_reply_staff {
	text-align: right;
	font-size: 3.6vw;
	font-weight: 300;
	letter-spacing: .05em;
	line-height: 1;
	margin-top: 5vw;
}
.voice_area .past_post {
	margin-bottom: 16vw;
}
.voice_area .past_post h3.ttl {
	background-color: #C9A535;
	text-align: center;
	color: #fff;
	font-size: 3.4vw;
	letter-spacing: .1em;
	line-height: 10.2vw;
	font-weight: 400;
	padding: 0;
	margin: 0;
	margin-bottom: 2vw;
}
.voice_area .past_post .accordion {
	border-bottom: 1px solid #ccc;
}
 .voice_area .past_post .accordion dt {
	font-size: 4vw;
	font-weight: 500;
	letter-spacing: .05em;
	line-height: 1;
	cursor: pointer;
	padding: 4.267vw 0 4.267vw 8.6vw;
	background-image: url('../img/voice/icon_arrow_bottom.png');
	background-repeat: no-repeat;
	background-position: left 3vw center;
	background-size: 3.2vw 1.6vw;
}
 .voice_area .past_post .accordion dd {
	display: none;
	padding-left: 8.6vw;
	padding-bottom: 1vw;
}
.voice_area .past_post .accordion dd ul {
	display: flex;
	flex-wrap: wrap;
}
.voice_area .past_post .accordion dd ul li {
	margin-right: 4.2vw;
	margin-bottom: 3.2vw;
}
.voice_area .past_post .accordion dd ul li a {
	color: #181800;
	text-decoration: underline;
	font-size: 4vw;
	font-weight: 400;
	letter-spacing: .1em;
	line-height: 1;
}

/* 20201116追記 */
.voice_area .pankuzu.voice_detail {
  width: 100%;
}

.voice_area .pankuzu.voice_detail ul {
  padding: 0;
}

.voice_area .pankuzu.voice_detail ul li {
  display: inline-block;
  font-size: 3.6vw;
	font-weight: 300;
	letter-spacing: .05em;
	line-height: 1.8;
  color: #000;
}

.voice_area .pankuzu.voice_detail ul li::after {
  content: " ";
  width: 1vw;
  height: 1vw;
  margin: 0 1vw;
  display: inline-block;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  position: relative;
  top: -0.5vw;
}

.voice_area .pankuzu.voice_detail ul li:last-child::after {
  display: none;
}

.voice_area .pankuzu.voice_detail ul li a {
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  color: #000;
}

.voice_area .pankuzu.voice_detail ul li a:hover {
  color: #BC9C61;
}

/* 20201116 追記 */
.index .column_box {
	width: 93.75%;
  margin-left: 3.125%;
}


/*20210209LINEページ*/
.line_bn{
	width: 89.33%;
	margin:  6.66666667vw auto 6.66666667vw;
}
.line_bn img{
	width: 100%;
}
.description{
	width: 89.33%;
	margin: 0 auto;
}
.description p{
	font-weight: normal;
	font-size: 1.3rem;
	letter-spacing: 0.05em;
	line-height: 170%;
	text-align: left;
	margin-bottom: 2.66666667vw;
}
.description .text_box{
	margin: 5.33333333vw 0;
}
.description .text_box p span{
    background:linear-gradient(transparent 60%, #FFF065 60%);
}
.description .link_box{
	background: #F4F4F4;
	padding: 3.2vw 0 3.2vw 4vw;
}
.description .link_box p{
	margin-bottom: 0;
}
.line_btn{
	width: 89.33%;
	margin: 0 auto;	
}
a.line_link{
	display: block;
	font-weight: 500;
	font-size: 1.5rem;
	letter-spacing: 0.05em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #3DA437;
	padding: 4.8vw 9.6vw;
	border-radius: 13.3333333vw;
	margin-bottom: 13.3333333vw;
	margin-top: 10.3333333vw;
}
a.line_link img{
	margin-right: 2.13333333vw;
	vertical-align: middle;
}


/*20210209footerボタン*/	
#line_btn {
	display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 33.33333333%;
    height: 13.02083333333333vw;
    cursor: pointer;
    z-index: 100;
}
			
#web_btn {
	display: block;
    position: fixed;
    bottom: 0;
    right: 33.33333333%;
    width: 33.33333333%;
    height: 13.02083333333333vw;
    cursor: pointer;
}
#tel_btn {
	display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 33.33333333%;
    height: 13.02083333333333vw;
    cursor: pointer;
}
#footer{
	padding-bottom: 19.53125vw;
}
			
.bottom_btn ul li.new a:before{
	background:url("https://calonbeaute.com/sp/img/new/ico_ft_new_sp.png") no-repeat center;
	background-size:6.4vw auto ;
}
.bottom_btn ul li.shop a:before{
	background:url("https://calonbeaute.com/sp/img/new/ico_ft_shop_sp.png") no-repeat center;
	background-size:6.4vw auto ;
}
.bottom_btn2 ul li.new {
	width: 20%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right: 38vw;
	z-index: 103;
/*	transition: 0.5s ease;*/
}
.bottom_btn2 ul li.shop {
	width: 23%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right: 18vw;
	z-index: 103;
/*	transition: 0.5s ease;*/
}
/*20210209footerボタンend*/	


.slide_area{
margin: 7vw auto 5vw;
}

.slide_area .slide_keana li{
padding: 0 2vw;
}
.slide_area .slide_keana li p{
padding-top: 3vw;
font-size: 3.1vw;
text-align: center;
line-height: 170%;
}
.slick-slider{
position: relative;
}

.slick-slider img.slide-arrow.prev-arrow.slick-arrow{
width: 10.6vw;
position: absolute;
top: 28%;
left: 2%;
z-index: 3;
}
.slick-slider img.slide-arrow.next-arrow.slick-arrow{
width: 10.6vw;
position: absolute;
top: 28%;
right: 2%;
z-index: 3;
}
.salon.measures h3{
	font-size: 4.5vw;
	letter-spacing: .15em;
}
.measures .content_area{
	width: 89.58vw;
	margin: 0 auto 10vw;
}
.measures .content_area .content{
	margin-bottom: 8vw;
}
.measures .content_area .content .img{
	margin-bottom: 4vw;
}
.measures .content_area .content .txt{
	text-align: left;
}
.measures .content_area .txt{
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, serif;
	text-align: left;
}
.measures .content_area .txt p strong{
	font-weight: 500;
}
.measures .content_area .txt .att{
	font-size: 3vw;
	line-height: 150%;
	margin-top: 2vw;
}
.measures .content_area .txt h4{
	font-size: 4.1vw;
	font-weight: 500;
	letter-spacing: .05em;
	margin-bottom: 3vw;
}

.measures .content_area .content_s{
	margin-bottom: 6vw;
}
.measures .content_area .content_s::after{
display: block;
	clear: both;
	content: "";
}
.measures .content_area .content_s .img{
float: left;
	width: 45%;
}
.measures .content_area .content_s .txt{
	width: 50%;
	float: right;
	text-align: left;
}
.measures .content_area .list {
	margin: 4vw 0;
}
.measures .content_area .list li{
	width: 100%;
	text-align: left;
	margin-bottom: 4vw;
}
.measures .content_area .list li::before{
	content: "";
	width: 3vw;
	height: 3vw;
	border: solid 1px #181800;
	display: inline-block;
	background: #fff;
	margin-right: 2vw;
	margin-top: .8vw;
}

.measures .content_area .list li p{
	display: inline-block;
	width: 90%;
	vertical-align: top;
	line-height: 140%;
}

#acd-menu dd ul li.qaa a.cancel_qa{
	padding: 0;
    text-decoration: underline;
    font-size: 14px;
}
}