@charset "utf-8";
/*All device
--------------------------------------------------*/


#breadcrumbs {
	display:none;
}



#contents .socialIcon3 {
	display:none;
}

/*SPにソーシャル出す場合はこれをはずす
#contents .socialIcon3 {
	width:95%;
	display:block;
	margin:0 auto;
	text-align:left;
}

#contents .socialIcon3 ul {
	text-align:left;
	overflow:hidden;
}

#contents .socialIcon3 ul li {
	float:left;
	margin:0 5px 0 0;
	padding:0;
}*/

/*utility*/

.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 60px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt100 { margin-top: 100px !important; }

.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 60px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb100 { margin-bottom: 100px !important; }




#copyright_lp a img {
	margin:0;
}

.pagetop {
	display:none;
}

.mintext {
	font-size:10px !important;
	color:#999;
	text-align:right;
	font-weight:normal;
	margin:0 0 10px;
}

/*IE(6～8)
--------------------------------------------------*/
.ie #contents {
	width:800px;
	margin:0 auto;
}

.ie #header {
	position:relative;
	width:800px;
	height:75px;
	margin:0 auto 5px;
	padding:5px;
	border-bottom:2px solid #B4B0AD;
	-webkit-box-shadow:none;
}

/*  LOGO    */
.ie #header .logo {
    background-position:0 0;
    display:block;
    height:55px;
    overflow:hidden;
    text-indent:-9999px;
    width:540px;
	position:absolute;
	left:0;
	top:15px;
    background-image:url("https://imgbp.hotp.jp/CSP/img/bt/sprites/c.png");
    background-repeat:no-repeat;
    border:0 none;
}

.ie #header .logowrap h1 {
	position:absolute;
	right:0;
	top:15px;
	width:260px;
}

/* BREAD CRUMBS */
.ie #breadcrumbs {
	display:block;
	width:800px;
	margin:0 auto;
}

.ie #breadcrumbs p {
	margin:10px 0;
	font-size:10px;
	line-height:120%;
	color:#665555;
}

.ie #contents {
	width:800px;
	margin:0 auto;
}

/*キャンペーン*/
.ie #contents .cam p {
    background:url("https://beauty.hotpepper.jp/doc/COMMON/IMG/topics.gif") no-repeat scroll 0 0 transparent;
    display:block;
    font-size:12px;
    height:15px;
    line-height:15px;
    margin-bottom:3px;
    padding-left:70px;
}

.ie #contents #cam a {
    background-color:#ffffff;
    display:block;
    margin-left:0;
    margin-right:0;
    padding:0px;
    text-align:left;
    width:100%;
}

.ie #contents .socialIcon3 {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:800px;
	text-align:left;
	display:block;
}

.ie #contents .socialIcon3 ul {
	text-align:left;
	overflow:hidden;
}

.ie #contents .socialIcon3 ul li {
	padding:0px;
	float:left;
	margin:0px 5px 0px 0px;
}

.ie h2 {
	width:800px;
	height:225px;
	margin:0 0 10px;
	padding:0;
	font-size:100%;
}

.ie #mainCol {
	width:758px;
	margin:0 auto 30px;
	padding:20px;
}

.ie #footer_lp {
    border-top:1px solid #DDDDDD;
    height:60px;
    margin-top:20px;
    padding-top:10px;
}

.ie #footerLinks_lp {
	float:right;
    font-size:10px;
    padding-right:30px;
    top:20px;
}

.ie #footerLinks_lp li a {
	text-decoration:none;
}

.ie #footerLinks_lp li a:hover, .ie #footerLinks_lp li a:active {
	text-decoration:underline;
}

.ie #copyright_lp {
	float:left;
	width:258px;
	margin:0px 10px;
}

.ie #copyright_lp p a {
    color:#435B67 !important;
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
    font-size:10px;
    font-weight:bold;
    line-height:2;
	text-decoration:none;
}

.ie #copyright_lp p a:hover, .ie #copyright_lp p a:active {
	text-decoration:underline;
}

.ie .pagetop {
	margin:0 0 20px;
	display:block;
	text-align:right;
	clear:both;
	font-size:12px;
}

.ie .pagetop a {
	text-decoration:none;
    background-image:url("https://beauty.hotpepper.jp/doc/COMMON/IMG/icon_pagetop.png");
    background-repeat:no-repeat;
    padding-left:12px;
}

.ie .pagetop a:hover, .ie .pagetop a:active {
	text-decoration:underline;
}

.ie .mintext {
	font-size:10px !important;
	color:#665555;
	text-align:right;
	font-weight:normal;
	margin:0 0 10px;
}

*, *:before, *:after {
	box-sizing: border-box;
}
.col_3{
    padding-top: 20px;
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_3 > li{
	width: 33.33333%;
	padding: 10px;
    text-align: center;
}
@media only screen and (min-width:569px) {
	.col_3 > li{
		width: 50%;
	}
}
@media screen and (max-width: 568px) {
    .col_3 > li{
	width: 33.33333%;
	padding: 4px;
}
	.col_3 > li img{
		width: 100%;
	}
    .col_3 > li {
		width: 50%;
	}
}




@media only screen and (min-width:569px) {
/*PC only
--------------------------------------------------*/
#contents {
	width:800px;
	margin:0 auto;
}

#header {
	position:relative;
	width:800px;
	height:75px;
	margin:0 auto 5px;
	padding:5px;
	border-bottom:2px solid #B4B0AD;
	-webkit-box-shadow:none;
}

/*  LOGO    */
#header .logo {
    background-position:0 0;
    display:block;
    height:55px;
    overflow:hidden;
    text-indent:-9999px;
    width:540px;
	position:absolute;
	left:0;
	top:15px;
    background-image:url("https://imgbp.hotp.jp/CSP/img/bt/sprites/c.png");
    background-repeat:no-repeat;
    border:0 none;
}

#header .logowrap h1 {
	position:absolute;
	right:0;
	top:15px;
	width:260px;
}

/* BREAD CRUMBS */
#breadcrumbs {
	display:block;
	width:800px;
	margin:0 auto;
}

#breadcrumbs p {
	margin:10px 0;
	font-size:10px;
	line-height:120%;
	color:#665555;
}

#contents {
	width:800px;
	margin:0 auto;
}

/*キャンペーン*/
#contents .cam p {
    background:url("https://beauty.hotpepper.jp/doc/COMMON/IMG/topics.gif") no-repeat scroll 0 0 transparent;
    display:block;
    font-size:12px;
    height:15px;
    line-height:15px;
    margin-bottom:3px;
    padding-left:70px;
}

#contents #cam a {
    background-color:#ffffff;
    display:block;
    margin-left:0;
    margin-right:0;
    padding:0px;
    text-align:left;
    width:100%;
}

#contents .socialIcon3 {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:800px;
	text-align:left;
	display:block;
}

#contents .socialIcon3 ul {
	text-align:left;
	overflow:hidden;
}

#contents .socialIcon3 ul li {
	padding:0px;
	float:left;
	margin:0px 5px 0px 0px;
}



#mainCol {
	width:800px;
	margin:10px auto 30px;
}

#footer_lp {
    border-top:1px solid #DDDDDD;
    height:60px;
    margin-top:20px;
    padding-top:10px;
}

#footerLinks_lp {
	float:right;
    font-size:10px;
    padding-right:30px;
    top:20px;
}

#footerLinks_lp li a {
	text-decoration:none;
}

#footerLinks_lp li a:hover, #footerLinks_lp li a:active {
	text-decoration:underline;
}

#copyright_lp {
	float:left;
	width:258px;
	margin:0px 10px;
}

#copyright_lp p a {
    color:#435B67 !important;
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
    font-size:10px;
    font-weight:bold;
    line-height:2;
	text-decoration:none;
}

#copyright_lp p a:hover, #copyright_lp p a:active {
	text-decoration:underline;
}

.pagetop {
	margin:0 0 20px;
	display:block;
	text-align:right;
	clear:both;
	font-size:12px;
}

.pagetop a {
	text-decoration:none;
    background-image:url("https://beauty.hotpepper.jp/doc/COMMON/IMG/icon_pagetop.png");
    background-repeat:no-repeat;
    padding-left:12px;
}

.pagetop a:hover, .pagetop a:active {
	text-decoration:underline;
}

.mintext {
	font-size:10px !important;
	color:#665555;
	text-align:right;
	font-weight:normal;
	margin:0 0 10px;
}
    #tit_bpx {
    border-top: 4px solid #D25771;
    padding: 7px 0px 0px;
    margin: 0px 0px 9px;
    width: 800px;
}

     .br-pc { display:none; }

    #search_box_in {
	background:#fcfafd url(../img/common/bg_search_top.jpg) no-repeat 0 0;
	min-height:73px;
	_height:73px;/*IE6*/
}

#search_box_in_in {
	background:url(../img/common/bg_search_btm.jpg) no-repeat 0 bottom;
	background-color:none;
	min-height:73px;
	_height:73px;/*IE6*/
}

#search_box_in p {
	margin:18px 10px 0 12px;
	width:290px;
}

#search_box_in select {
	margin:28px 16px 0 0;
	width:195px;
	border:1px solid #aaa;
}

#search_box_in input {
	margin:12px 0 0 0;
}
#search_box_in .vmiddle {
    vertical-align: middle;
}
    .bg01 {
    background-image: url("../../../../dock/corner/esthe/img/vanveal/pc/pc1_bg1.png");
    width: 800px;
    height: 122px;
    padding-top: 1px;
    background-repeat: no-repeat;
}
    .btn_to_search {
    margin: 45px auto 0;
        width: 384px;

}

	.bg02 {
        background-image: url("../../../../dock/corner/esthe/img/vanveal/pc/pc1_bg2.png");
    width: 800px;
    height: 99px;
    padding-top: 1px;
    background-repeat: no-repeat;
}
	.bg003 {
    background-image: url("../../../../dock/corner/esthe/img/vanveal/pc/pc1_bg3.png");
    width: 800px;
    height: 115px;
    padding-top: 1px;
    background-repeat: no-repeat;
}
    .bg03 {
background-image: url("../../../../dock/corner/esthe/img/vanveal/pc/pc2_bg1.png");
    width: 800px;
    height: 136px;
    padding-top: 1px;
    background-repeat: no-repeat;
}
    .bg04 {
    background-image: url("../../../../dock/corner/esthe/img/vanveal/pc/pc2_bg2.png");
    width: 800px;
    height: 136px;
    padding-top: 1px;
    background-repeat: no-repeat;
}

    .bg2-01 {
    background: #FAF0F0;
    padding: 50px 0;
        text-align: center;
}
    .btn {
  margin: 0 auto;
    cursor: pointer;
  }
.btn:hover {
	filter:alpha(opacity=60);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	-webkit-opacity: 0.7;
	opacity: 0.6;
    transition: 0.5s ;
}



  }

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

    #mainCol {
	width:94%;
	margin:0 auto 10px;
}
    .br-sp { display:none; }
    .fit {width: 100%}
    .w50 {
	max-width:50%;
	margin:0 auto 20px auto;
}
.w60 {
	max-width:60%;
	margin:0 auto 20px auto;
}
.w70 {
	max-width:70%;
	margin:0 auto 20px auto;
}
.w80 {
	max-width:80%;
	margin:0 auto 20px auto;
}
.w90 {
	max-width:90%;
	margin:0 auto 20px auto;
}
.w100 {
	max-width:100%;
	margin:0 auto 20px auto;
}
    #contents_in{
        width: 100%;
    }
#search_box_in {
margin: 0 auto;
	min-height:73px;
	_height:73px;/*IE6*/
    width: 100%;
}


#search_box_in_in {

	background-color:none;
	min-height:73px;
	_height:73px;/*IE6*/
    width: 100%;
    padding: 10px 0;
    border-top:2px solid #815D31;
    border-bottom:2px solid #815D31;
}

#search_box_in p {

	width:290px;
}

#search_box_in select {
	margin:10px 16px 0 0;
	width:100%;
	border:1px solid #aaa;
}

#search_box_in input {
	margin:12px 0 0 0;
    width: 100%;
}
#search_box_in .vmiddle {
    vertical-align: middle;
}

     .bg01 {
    background-image: url("../../../../dock/corner/esthe/img/vanveal/sp/sp1_bg1.png");
    padding-top: 1px;
         text-align: center;
    background-size:100%;
}
    .btn_to_search {
    margin: 0px 0 0;
        width: 100%;
        
}

	.bg02 {
    background-image: url("../../../../dock/corner/esthe/img/vanveal/sp/sp1_bg2.png");
padding-top: 1px;
         text-align: center;
    background-size:100%;
}
	.bg003 {
    background-image: url("../../../../dock/corner/esthe/img/vanveal/sp/sp1_bg3.png");
    padding-top: 1px;
         text-align: center;
    background-size:100%;

}
    .bg03 {
background-image: url("../../../../dock/corner/esthe/img/vanveal/sp/sp2_bg1.png");
    padding-top: 1px;
         text-align: center;
    background-size:100%;
}
    .bg04 {
    background-image: url("../../../../dock/corner/esthe/img/vanveal/sp/sp2_bg2.png");
    padding-top: 1px;
         text-align: center;
    background-size:100%;
}
    .bg2-01 {
    background: #FAF0F0;
    padding: 20px 0;
        text-align: center;
}


}