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

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

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

/* ====================================== */
/* header */
.mod_header { /* clearfix is already applied */ padding: 0 1.5625% 0 3.90625%; }

.mod_header .logo { float: left; width: 28.42975%; }

.mod_header .banner { float: right; width: 57.85124%; text-align: right; }

.mod_header .banner span { display: inline-block; }

.mod_header .banner .tel { width: 100%; }

.mod_header .banner .brand { width: 59.42857%; }

.mod_topicPath { background: #fbfaf5; }

/* ====================================== */
/* main */
.mod_main { background: #fff; }

.mod_contents .openEvent { position: relative; margin: 0 auto; width: 46.875%; text-align: center; }

.mod_search .wrap { background: #ffd8e8; }

.mod_search .wrap:first-of-type:after { width: 13px; height: 8px; background-image: url(/salon/sp/common/images/shopsalon-sprites.png); background-position: -140px -92px; background-size: 188px 124px; }

.mod_search .selectbox { color: #333; background: #ffd8e8; border: 1px solid #ca8aa4; }

.mod_search .inputbox { border: 2px solid #ca8aa4; }

/* 店舗検索 */
.mod_pager li span.result_page-selected { background: #ffd8e8; border: 1px solid #ca8aa4; }

/* 店舗検索結果 */
.mod_resultList th span { background: #fff7fa; }

.mod_resultList td a { color: #454ead; }

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

.mod_detail .shopInfo th { background-color: #fff7fa; }

.mod_googleMap .button { background: #ffd8e8; }

.mod_googleMap .button span { color: #333; background-color: #ffd8e8; border: 1px solid #dc8bac; border-radius: 3px; }

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

.mod_eventList a h3 { color: #454ead; }

.mod_eventList .date { color: #967e57; }

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

.mod_event_detail .eventInfo th { background-color: #fff7fa; }

.mod_event_detail .eventWrap { margin: 0 auto 8.59375%; }

/* ====================================== */
/* footer */
/* ====================================== */
/* parts */
.mod_detail .siteLink, .mod_footer_tel .siteLink { clear: both; margin: 0 0 6.25%; text-align: center; }

.mod_detail .siteLink ul, .mod_footer_tel .siteLink ul { margin: 0 auto; width: 93.75%; }

.mod_detail .siteLink li, .mod_footer_tel .siteLink li { position: relative; float: left; margin-top: 2.5%; width: 48.33333%; font-size: 0.85em; box-shadow: 0 0 5px rgba(5, 0, 1, 0.17); }

.mod_detail .siteLink li:nth-child(2n), .mod_footer_tel .siteLink li:nth-child(2n) { margin-left: 3.125%; }

.mod_detail .siteLink a, .mod_footer_tel .siteLink a { position: relative; display: block; }

.mod_detail .siteLink a:active, .mod_footer_tel .siteLink a:active { top: 1px; }

.mod_detail .siteLink .plain, .mod_footer_tel .siteLink .plain { width: 100%; height: 45px; line-height: 42px; border: 1px solid #cfcfcf; background-color: white; background: -svg-compact(linear-gradient(to bottom, white 0%, #ededed 100%), false, false, false, false, false, false, false, false, false); background: -owg-compact(linear-gradient(to bottom, white 0%, #ededed 100%), false, false, false, false, false, false, false, false, false); -pie-background: -pie-compact(linear-gradient(to bottom, white 0%, #ededed 100%), false, false, false, false, false, false, false, false, false); background: compact(linear-gradient(to bottom, white 0%, #ededed 100%), false, false, false, false, false, false, false, false, false); -pie-background: linear-gradient(to bottom, white 0%, #ededed 100%); }

.mod_detail .siteLink .plain:hover, .mod_footer_tel .siteLink .plain:hover { background-color: rgba(255, 255, 255, 0.7); background: -svg-compact(linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(237, 237, 237, 0.7) 100%), false, false, false, false, false, false, false, false, false); background: -owg-compact(linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(237, 237, 237, 0.7) 100%), false, false, false, false, false, false, false, false, false); -pie-background: -pie-compact(linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(237, 237, 237, 0.7) 100%), false, false, false, false, false, false, false, false, false); background: compact(linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(237, 237, 237, 0.7) 100%), false, false, false, false, false, false, false, false, false); -pie-background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(237, 237, 237, 0.7) 100%); }

.mod_detail .siteLink .plain:after, .mod_footer_tel .siteLink .plain:after { position: absolute; content: ""; display: block; top: 50%; right: 10px; margin-top: -4px; width: 4px; height: 8px; background-image: url(/salon/sp/common/images/shopsalon-sprites.png); background-position: -182px -92px; background-size: 188px 124px; }

.mod_detail .siteLink li:active, .mod_footer_tel .siteLink li:active { box-shadow: none; }

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

.js-map-toggle-btn { position: relative; padding: 2.34375% 3.125%; display: inline-block; color: #000; font-size: 0.9em; background: #ececec; border: 1px solid #dbdbdb; border-radius: 6px; margin-bottom: 4.6875%; }

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; width: 11px; height: 13px; background-image: url(/salon/sp/common/images/shopsalon-sprites.png); background-position: -135px -78px; background-size: 188px 124px; }

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

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

.ladies-event-chirashi-btnWrap .ladies-event-chirashi-btn { width: 160px; }

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

.ladies-event-chirashi-btn span.__obj { position: absolute !important; top: 0; left: 0; width: 15px; 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: 3.5px 0 3.5px 5px; border-color: transparent transparent transparent #fff; z-index: 17; }