@charset "UTF-8";
/* ====================================== */
/* clearfix */
.clearfix { zoom: 1; }

.clearfix:after { content: ""; display: table; clear: both; }

.clearfix { /* clearfix is already applied */ }

/* ====================================== */
/* header */
.mod_header { padding-bottom: 5px; border-top: 4px solid #666; }

.mod_header:before { position: absolute; content: ""; display: block; bottom: 0; left: 0; width: 100%; height: 5px; background-color: #bc719c; background: linear-gradient(to bottom, #bc719c 0%, #ffb9d3 100%); -pie-background: linear-gradient(to bottom, #bc719c 0%, #ffb9d3 100%); }

.mod_topicPath { background: #fbfaf5; }

/* ====================================== */
/* main */
.mod_side .minict_wrapper { background: #ffd8e8; border-color: #ffb7d6; }

.mod_side .minict_wrapper:after { margin-top: -4px; background-image: url(/salon/common/images/shopsalon-sprites.png); background-position: -235px -180px; width: 13px; height: 8px; }

.mod_side .minict_wrapper span, .mod_side .minict_wrapper span:empty:before { color: #333; }

.mod_side .minict_wrapper ul { border: 1px solid #ffd8e8; box-shadow: 0 0 6px rgba(255, 216, 232, 0.5); }

.mod_side .minict_wrapper ul li { color: #333; background: #fff2f7; }

.mod_side .minict_wrapper ul li:hover { background: #fff; }

.mod_side .minict_wrapper ul li.minict_group { color: #444; background: #f6f6f6; }

.mod_side .minict_wrapper ul li.minict_empty { background: #fff !important; color: #bbb; }

.mod_side .minict_wrapper ul li.disabled { background: #fff !important; color: #bbb; }

.mod_side .minict_wrapper ul li.selected { background: white; }

.mod_side .minict_wrapper ul li.highlighted { background: #ffd8e8; }

.mod_side .minict_wrapper .minict_reset { color: #A9A9A9; }

.mod_side .minict_wrapper .minict_reset:hover { color: #e0e0e0; }

.mod_side .minict_wrapper .minict_reset:active { color: #636363; }

.body_event .mod_side h1, .body_event_detail .mod_side h1 { overflow: visible; width: auto; height: auto; text-indent: -9999px; background: none; }

.body_event .mod_side h1:after, .body_event_detail .mod_side h1:after { position: absolute; content: ""; display: block; top: 0; left: 0; width: 335px; height: 23px; background: url("/salon/common/images/img_h1_event_fair_gothic.png") no-repeat; }

.body_event_detail .mod_side h1:after { width: 286px; height: 23px; background: url("/salon/common/images/img_h1_event_fair_detail_gothic.png") no-repeat; }

.mod_side .wrap { background: #ffd8e8; }

.mod_side .wrap .inputbox { border: 2px solid #e4a6c0; }

.mod_side button[type=submit] { background: #f9f5ec; }

.mod_side button[type=submit] img { position: relative; behavior: url("/common/js/PIE.htc"); box-shadow: 0 0 4px rgba(225, 203, 169, 0.66); }

.mod_side .sideLink { display: none; padding: 25px 0 0; }

.body_index .mod_side .sideLink { display: block; }

.mod_side .sideLink a { position: relative; display: block; padding: 0 0 0 12px; color: #001096; font-size: 13px; }

.mod_side .sideLink a:before { position: absolute; content: ""; display: block; top: 5px; left: 0; background-image: url(/salon/common/images/shopsalon-sprites.png); background-position: -277px -154px; width: 5px; height: 9px; }

.mod_side .sideLink a:hover { text-decoration: underline; }

.body_event .mod_side .sideLink, .body_event_detail .mod_side .sideLink { padding: 5px 0 0; }

.mod_contents .siteLink { clear: both; margin: 40px 0 0; text-align: center; }

.body_index .mod_contents .siteLink, .body_event .mod_contents .siteLink { margin: 0; }

.mod_contents .siteLink ul { width: 797px; }

.mod_contents .siteLink li { position: relative; float: left; margin: 0 0 0 19px; width: 287px; height: 53px; line-height: 49px; font-size: 0.75em; behavior: url("/common/js/PIE.htc"); border-radius: 3px; box-shadow: 0 0 5px rgba(5, 0, 1, 0.3); }

.mod_contents .siteLink li.fl_none { float: none; }

.mod_contents .siteLink li:first-child { margin: 0; }

.mod_contents .siteLink a { position: relative; display: block; }

.mod_contents .siteLink a:active { top: 1px; }

.mod_contents .siteLink .btn01 { width: 185px; border: 1px solid #cfcfcf; background-color: white; background: linear-gradient(to bottom, white 0%, #ededed 100%); -pie-background: linear-gradient(to bottom, white 0%, #ededed 100%); box-shadow: 0 0 5px rgba(5, 0, 1, 0.17); }

.mod_contents .siteLink .btn01:hover { background-color: rgba(255, 255, 255, 0.7); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(237, 237, 237, 0.7) 100%); -pie-background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(237, 237, 237, 0.7) 100%); }

.mod_contents .siteLink li:active { box-shadow: none; }

.mod_contents .mod_detail .siteLink { margin: 20px auto 35px; width: 593px; }

.mod_prefecture li { behavior: url("/common/js/PIE.htc"); border: 1px solid #c9c2c0; box-shadow: 0 0 3px rgba(201, 194, 192, 0.75); border-radius: 6px; }

.mod_prefecture li a { display: block; height: 36px; behavior: url("/common/js/PIE.htc"); border: 2px solid #fff; background-color: #fbf9ea; background: linear-gradient(to bottom, #fbf9ea 0%, #ede9df 100%); -pie-background: linear-gradient(to bottom, #fbf9ea 0%, #ede9df 100%); border-radius: 6px; }

.mod_prefecture li a:hover { background-color: #fdfcf5; background: linear-gradient(to bottom, #fdfcf5 0%, #f7f5f0 100%); -pie-background: linear-gradient(to bottom, #fdfcf5 0%, #f7f5f0 100%); }

.mod_prefecture li:active { box-shadow: none; }

.mod_prefecture li a:active { background: #fbfaf8; }

.mod_prefecture .prefArea li > span { border: none; }

.mod_pager li span.result_page-selected { background: #ffd8e8; border: 1px solid #ffb7d6; }

/* 店舗検索結果 */
.mod_resultList { margin: 0 0 20px; }

.mod_resultList th span { background: #ffeef5; }

.mod_resultList a { color: #001096; }

/* 店舗詳細 */
.mod_detail h1 { color: #e72b7c; background: #ffeef5; }

.mod_detail .shopInfo { margin: 0 0 45px; }

.mod_detail .shopInfo th:before { background: #ffeef5; }

.mod_detail .thumbnail { background: #ebedf5; }

.mod_googleMap .guidance { margin: 0 0 10px; }

.mod_googleMap .guidance + .guidance { margin: 0 0 30px; }

.mod_googleMap .print { background: #f5efe1; }

/* イベント一覧 */
.mod_eventList h2 { background: #ffeef5; }

.mod_eventList .date { color: #001096; }

.mod_eventList a:hover { background-color: #fff5fa; }

.mod_event_prefecture { position: relative; clear: both; margin: 0 0 40px; width: 797px; height: 386px; background: url("/salon/images/ladies/event/bg_prefecture.png") no-repeat; }

.mod_event_prefecture > div { position: absolute; padding: 6px 5px; width: 121px; height: 60px; line-height: 44px; text-align: center; }

.mod_event_prefecture > div a, .mod_event_prefecture > div a span { position: relative; display: block; width: 100%; height: 100%; behavior: url("/common/js/PIE.htc"); border-radius: 6px; }

.mod_event_prefecture > div a { box-shadow: 0 0 3px rgba(124, 117, 115, 0.3); border: 1px solid #c9c2c0; }

.mod_event_prefecture > div a span { background-color: #fbf9eb; background: linear-gradient(to bottom, #fbf9eb 0%, #ede9dd 100%); -pie-background: linear-gradient(to bottom, #fbf9eb 0%, #ede9dd 100%); border: 2px solid #fff; }

.mod_event_prefecture > div a:hover span { background-color: #fdfcf5; background: linear-gradient(to bottom, #fdfcf5 0%, #f6f4ee 100%); -pie-background: linear-gradient(to bottom, #fdfcf5 0%, #f6f4ee 100%); }

.mod_event_prefecture > div a:active { line-height: 46px; box-shadow: none; }

.mod_event_prefecture .hokkaido { top: 13px; right: 257px; height: 61px; }

.mod_event_prefecture .tohoku { top: 163px; right: 83px; }

.mod_event_prefecture .kanto { top: 267px; right: 143px; width: 122px; height: 59px; }

.mod_event_prefecture .chubu { top: 97px; right: 324px; height: 61px; }

.mod_event_prefecture .kansai { bottom: 12px; left: 307px; width: 122px; }

.mod_event_prefecture .chugoku { top: 97px; left: 189px; }

.mod_event_prefecture .shikoku { bottom: 12px; left: 160px; }

.mod_event_prefecture .kyushu { top: 145px; left: 49px; }

.mod_event_detail h1 { color: #eb5291; background: #ffeef5; }

.mod_event_detail .description .date { color: #b99356; }

.mod_event_detail .eventInfo th:before { background: #ffeef5; }

.mod_event_detail .eventWrap h2 { background: #fbfaf5; border-color: #eadbc1; }

.mod_event_detail .eventWrap .show .period:before, .mod_event_detail .eventWrap .show .place:before { background: #ba9451; }

/* ====================================== */
/* footer */
.mod_siteLink { background: #fbfaf5; }

/* ====================================== */
/* parts */
/* ====================================== */
/* 美髪フェア追加分 */
.js-map-toggle { display: none; }

.js-map-toggle-btn { position: relative; padding: 15px 20px; display: inline-block; color: #000; background: #ececec; border: 1px solid #dbdbdb; border-radius: 6px; cursor: pointer; margin-bottom: 10px; }

.js-map-toggle-btn-wrap { margin-top: 50px; display: block; }

.js-map-toggle-btn:hover { background: rgba(236, 236, 236, 0.5); }

a.eventInfo-salon-ladies-detail-blue { color: #001096; }

a.eventInfo-salon-ladies-detail-blue .pdf:after { position: relative; content: ""; display: inline-block; top: 3px; margin: 0 0 0 3px; background-image: url(/salon/common/images/shopsalon-sprites.png); background-position: -271px -120px; width: 12px; height: 14px; }

.pos_relative { position: relative; }

.body_event .mod_side h1.overwrite-head-text { position: absolute; text-indent: initial; overflow: initial; font-size: 22px; top: 0; left: 0; }

.body_event .mod_side h1.overwrite-head-text:after { display: none; }

.body_event_detail .mod_side h1.overwrite-head-text { position: absolute; text-indent: initial; overflow: initial; font-size: 22px; top: 0; left: 0; }

.body_event_detail .mod_side h1.overwrite-head-text:after { display: none; }

.ladies-event-chirashi-btn { position: relative; display: block; width: 180px; margin-left: auto; margin-right: auto; margin-top: 5px; overflow: hidden; background: #e72b7c !important; padding: 4px 0 4px 30px !important; text-align: center; font-size: 16px; color: #fff; border-radius: 5px; z-index: 15; }

.ladies-event-chirashi-btnWrap { position: relative; }

.ladies-event-chirashi-btnWrap .ve_event_link { min-height: 96px; }

.ladies-event-chirashi-btnWrap .ladies-event-chirashi-btn { position: absolute; bottom: 15px; left: 45px; }

.ladies-event-chirashi-btn:hover { opacity: .5; }

.ladies-event-chirashi-btn span.__obj { position: absolute !important; top: 0; left: 0; width: 30px; height: 100%; background: #ff61a2; padding: 0 !important; z-index: 16 !important; }

.ladies-event-chirashi-btn span.__obj:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; border-style: solid; border-width: 5.5px 0 5.5px 9px; border-color: transparent transparent transparent #fff; z-index: 17; }