@charset "UTF-8";
#map{background-image:url(../images/map_3.jpg);height:285px;width:219px;float:left;background-repeat:no-repeat;position:relative;}
#map_eria{list-style-type:none;float:left;margin-left:15px;margin-top:10px;display:block;}
#map_eria1{list-style-type:none;padding-top:8px;float:left;}
#map_eria li{float:left;margin-right:7px;}
#map_eria1 li{margin-bottom:8px;}
#con_menu_list{list-style-type:none;float:left;}
#con_menu_list li{line-height:0;}
.spa_course_title a{font-weight:normal;color:#856828;}
.spa_course_1{width:261px;float:left;}
.semitransparent a img{width:100%;height:auto;}
.hair_des a{font-size:12px;margin-top:5px;color:#666;}
.hair_des{font-size:12px;margin-top:5px;color:#666;}
.hair_des_title a{font-size:12px;margin-top:0;color:#666;line-height:15px;}
.hair_des_title{font-size:12px;font-weight:normal;margin-top:4px;color:#666;margin-left:4px;margin-right:4px;line-height:15px;}
.hair_des_category{font-size:12px;margin-top:3px;margin-bottom:5px;color:#996e34;padding-bottom:0;padding-left:4px;padding-right:4px;border-bottom:1px dotted #89a70d;}
.haircare_category{color:#FFF;padding:2px 4px;background-color:#2cb22c;font-weight:bold;font-size:9px;}
.haircare_category_mgt5{margin-top:6px;}
.mg_lr8{margin-right:8px;margin-left:8px;}
.spa_course{clear:both;}
.spa_course_1_wid{padding-right:5px;padding-left:5px;}
.spa_course_des{font-size:12px;color:#666;}
.readmore a{font-size:12px;color:#856828;float:right;margin-right:5px;line-height:12px;}
.rank_detail a{font-size:12px;line-height:10px;color:#856828;float:right;margin-right:8px;}
.spa_course_bottom{clear:both;padding-top:5px;}
.spa_course_2{width:167px;float:left;}
.mg_l7{margin-left:7px;}
.mg_lr7{margin-right:7px;margin-left:7px;}
.special_title{padding-top:5px;}
.special_pickup{overflow:hidden;margin-top:10px;}
.special_pickup_left{float:left;}
.special_pickup_right{float:right;}
.special_headspa {
	overflow: hidden;
	margin-top: 10px;
}
.special_headspa li {
	list-style: none;
	float: left;
	width: 23.5%;
	margin-right: 2%;
}
.special_headspa li:last-child {
	margin-right: 0;
}
.special_headspa li a {
	display: block;
	color: #300;
}
.special_headspa li img {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}
.special_headspa li h3 {
	color: #300;
	font-size: 13px;
	font-weight: normal;
}
.special_headspa li p {
	color: #666;
	font-size: 12px;
}
.pickup_bottom{clear:both;overflow:hidden;}
.special_content_right{height:119px;width:340px;position:relative;float:right;padding-top:8px;}
.special_content_right dl{position:absolute;top:20px;left:120px;width:200px;}
.special_content_right dd{font-size:10px;color:#333;padding-top:5px;}
.tokusyu_img{display:block;float:left;margin-top:5px;margin-right:5px;margin-left:5px;}
.f_broun_toku{color:#330000;padding-top:2px;border-bottom:1px dotted #5e311a;}
.f_broun_toku h3{font-weight:normal;}
.a_spa_toku{font-size:11px;color:#333333;letter-spacing:0;}
.a_spa_toku:hover{text-decoration:underline;color:#333333;}
.b_syousai{display:block;float:right;margin-right:5px;margin-bottom:5px;}
.special_content{float:left;border:10px solid #ece3cf;width:320px;height:auto;background-color:#fffbf2;margin-top:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin-right:8px;}
.special_content dl{width:212px;display:block;float:left;margin-top:5px;margin-bottom:5px;}
.special_content dd{font-size:10px;color:#333;padding-top:5px;}
#likebox .fbcomments,#likebox .fb_iframe_widget,#likebox .fb_iframe_widget[style],#likebox .fb_iframe_widget iframe[style],#likebox .fbcomments iframe[style],#likebox .fb_iframe_widget span{width:100%!important;}
.more_btn{width:103px;display:table;float right;height:19px;background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E4AE1C), color-stop(0.00, #ECC65C));background:-webkit-linear-gradient(#ECC65C, #E4AE1C);background:-moz-linear-gradient(#ECC65C, #E4AE1C);background:-o-linear-gradient(#ECC65C, #E4AE1C);background:-ms-linear-gradient(#ECC65C, #E4AE1C);background:linear-gradient(#ECC65C, #E4AE1C);margin-bottom:5px;margin-right:5px;}
.more_btn a{display:table-cell;vertical-align:middle;text-align:center;font-size:12px;color:#3C0A04;width:100%;height:100%;text-decoration:none;letter-spacing:0.1em;font-weight:bold;}
.more_btn a:hover{text-decoration:none;}
.more_btn:hover{opacity:0.8;}
.mg_r0{margin-right:0;}
.itiran_page{clear:both;padding-top:10px;overflow:hidden;}
.flexslider_wrapper{float:right;width:468px;overflow:hidden;}
#map_new{background-image:url(../common/images/map_bk.jpg);background-repeat:no-repeat;width:209px;border:1px solid #CCC;float:left;height:299px;}
.map_new_btn{list-style-type:none;margin-top:62px;}
.map_new_btn li{margin-bottom:10px;line-height:0;}
/*--ドロップダウン--*/
#menu{width:182px;margin-right:auto;margin-left:auto;}
#menu >li{position:relative;color:#545454;background-color:#FFF;opacity:0.8;filter:alpha(opacity=80);font-size:18px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#menu >li a{display:block;padding-top:12px;padding-bottom:10px;font-weight:bold;color:#333;font-size:16px;border:solid 1px #6f5a41;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo, Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;text-decoration:none;}
#menu >li a span{font-size:13px;font-weight:bold;}
#menu >li:hover{color:#fff;background:#f5f0e5;opacity:1;filter:alpha(opacity=100);}
#menu li div{position:relative;display:none;position:absolute;top:0px;left:100%;padding:15px;background:#fff;border:solid 2px #6f5a41;z-index:3;width:475px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:2px 2px 4px  rgba(0,0,0,0.2);-webkit-box-shadow:2px 2px 4px  rgba(0,0,0,0.2);-o-box-shadow:2px 2px 4px  rgba(0,0,0,0.2);-ms-box-shadow:2px 2px 4px  rgba(0,0,0,0.2);}
#menu li .states:after,#menu li .states:before,#menu li .country_wide:after,#menu li .country_wide:before{right:100%;top:22px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
#menu li .states:after,#menu li .country_wide:after{border-color:rgba(255, 255, 255, 0);border-right-color:#ffffff;border-width:10px;margin-top:-10px;}
#menu li .states:before,#menu li .country_wide:before{border-color:rgba(111, 90, 65, 0);border-right-color:#6f5a41;border-width:13px;margin-top:-13px;}
#menu li .states ul li{display:inline-block;width:230px;background:#f6f6f6;border:none;margin:0 0 3px;line-height:1px;}
#menu li .states ul li a{width:220px;padding:5px;font-weight:bold;color:#000;font-size:12px;border:none;}
#menu li .states ul li a:hover{background:#79644a;color:#fff;}
#menu .country_wide dl{clear:both;}
#menu .country_wide dt{float:left;color:#333;font-size:12px;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo, Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:bold;width:100px;border-left:4px solid #ff9966;margin-top:5px;margin-right:5px;margin-bottom:5px;padding-left:5px;}
#menu .country_wide dd{float:left;}
#menu .country_wide dd ul{list-style-type:none;}
#menu .country_wide dd li{display:inline-block;width:auto;line-height:1px;margin:0 0 3px;padding:0;}
#menu .country_wide dd li a{padding:5px;font-weight:bold;color:#000;font-size:12px;border:none;background:#f6f6f6;border:none;}
#menu .country_wide dd li a:hover{background:#79644a;color:#fff;}
#menu li .states{width:475px;}
#menu li .country_wide{width:495px;}
.hair_careWrapper_t{overflow:hidden;}
.twitter{margin-top:15px;}
/*悩み別検索*/
.trouble_spa_search{margin-bottom:15px;}
.trouble_spa_search_title{color:#333;font-size:16px;font-weight:normal;padding-top:0;margin-bottom:10px;}
.trouble_spa_search_title .fa-search{color:#a0683d;font-size:19px;vertical-align:middle;margin-top:-6px;margin-right:3px;}
.trouble_spa_search_ul{overflow:hidden;}
.trouble_spa_search_ul li{float:left;width:15.8%;list-style:none;margin-right:1%;}
.trouble_spa_search_ul li:last-child{margin-right:0;}
.trouble_spa_search_ul li img{width:100%;height:auto;}
/*ヘアケア講座ここから*/
.hair_careWrapper_t{overflow:hidden;margin-top:10px;}
.hair_care_sum_wrap{float:left;width:332px;margin-right:12px;margin-bottom:15px;}
.hair_care_sum_wrap dt{float:left;margin-right:10px;width:100px;height:72px;}
.hair_care_cat{padding:3px 5px 2px;background-color:#715344;font-weight:bold;font-size:12px;color:#fff;}
.hair_care_t a{color:#856828;font-size:14px;}
/*--ブランド別特集--*/
.brand_wrap{clear:both;}
.brand_wrap .top_title{color:#333;font-size:18px;font-weight:normal;margin-bottom:10px;}
.brand_wrap .top_title img{width:24px;height:25px;vertical-align:middle;margin-right:5px;margin-top:-5px;}
.brand_wrap ul{overflow:hidden;border:1px solid #a58b4f;padding:20px;margin-top:10px;}
.brand_wrap ul li{list-style:none;float:left;width:18%;text-align:center;margin-right:2.5%;margin-bottom:30px;}
.brand_wrap ul li:nth-child(5n+5){margin-right:0;}
.brand_wrap ul li:nth-child(5n+6){clear:both;}
.brand_wrap ul li:nth-child(n+11){margin-bottom:0;}
.brand_wrap ul li a{display:block;color:#666;}
.brand_wrap ul li a img{width:100%;height:auto;margin-bottom:10px;}
.brand_wrap ul li a p{color:#666;font-size:12px;}
/*------ 今月の特集ページ ------*/
.f_o_m_wrapper {
  letter-spacing: -0.5em;
}
.f_o_m_1 {
  letter-spacing: normal;
  text-align: left;
  vertical-align: top;
  display: inline-block;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 20px;
}
.f_o_m_1:nth-child(3n) {
  margin-right: 0;
}
.f_o_m_img {
  margin-bottom: 5px;
}
.f_o_m_img img{
  width: auto;
  max-width: 100%;
  height: auto;
  text-align: center;
}
.f_o_m_img img:hover {
  opacity: 0.7;
}
.f_o_m_txt a {
  font-size: 12px;
  color: #666;
}
/*--タブレット対応--*/
@media screen and (min-width: 641px) and (max-width: 1059px) {
#map_new{width:30.33%;height:auto;background-size:100% auto;}
#menu{width:89%;margin-top:30%;}
#menu >li a{font-size:14px;padding-top:6.1%;padding-bottom:6.123%;}
#menu >li a span{font-size:11px;}
.map_new_btn li{margin-bottom:5%;}
.flexslider_wrapper{width:68%;}
.spa_course_1{width:32.511%;}
.spa_course_1 img{max-width:100%;height:auto;}
.spa_course_2{width:24%;}
.spa_course_2 img{max-width:100%;height:auto;}
.mg_lr8{margin-right:1.162%;margin-left:1.162%;}
.mg_l7{margin-left:1.265%;}
.special_title img{width:100%;height:auto;}
.special_pickup_left,.special_pickup_right{width:49.4%;}
.special_pickup_left img,.special_pickup_right img{width:100%;height:auto;}
.special_content{width:47.2%;margin-right:1.1%;border:6px solid #ece3cf;}
.special_content img{width:30%;height:auto;}
.special_content dl{width:65%;}
.more_btn{float:right;}
}