@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: 23.96694%; }

.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: #f7f7f7; }

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

.mod_search .wrap { background: #ccf2ff; }

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

.mod_search .selectbox { color: #333; background: #ccf2ff; border: 1px solid #70c7e6; }

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

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

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

.mod_resultList td a { color: #00a4dd; }

/* 店舗詳細 */
.mod_detail h1 { background: #f3ede6; }

.mod_googleMap .button { background: #ccf2ff; }

.mod_googleMap .button span { color: #333; background-color: #ccf2ff; border: 1px solid #86c7de; border-radius: 3px; }

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

.mod_eventList a h3 { color: #00a4dd; }

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

.mod_event_detail h1 { background: #f3ede6; }

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

.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%; height: 45px; line-height: 42px; font-size: 0.85em; border-radius: 3px; }

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

.mod_detail .siteLink li a:after, .mod_footer_tel .siteLink li a:after { position: relative; content: ""; display: inline-block; top: -1px; margin: 0 0 0 8px; width: 14px; height: 8px; background-image: url(/salon/sp/common/images/shopsalon-sprites.png); background-position: -126px -101px; background-size: 188px 124px; }

.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 .btn03, .mod_footer_tel .siteLink .btn03 { 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%); box-shadow: 0 0 5px rgba(5, 0, 1, 0.17); }

.mod_detail .siteLink .btn03:hover, .mod_footer_tel .siteLink .btn03: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 .btn01 a:before, .mod_footer_tel .siteLink .btn01 a:before, .mod_detail .siteLink .btn02 a:before, .mod_footer_tel .siteLink .btn02 a:before { position: relative; content: ""; display: inline-block; margin: 0 8px 0 0; width: 10px; height: 11px; background-image: url(/salon/sp/common/images/shopsalon-sprites.png); background-position: -147px -78px; background-size: 188px 124px; }

.mod_detail .siteLink .btn01, .mod_footer_tel .siteLink .btn01 { border: 1px solid #ffb974; background-color: #ffcd9e; background: -svg-compact(linear-gradient(to bottom, #ffcd9e 0%, #e7af7b 100%), false, false, false, false, false, false, false, false, false); background: -owg-compact(linear-gradient(to bottom, #ffcd9e 0%, #e7af7b 100%), false, false, false, false, false, false, false, false, false); -pie-background: -pie-compact(linear-gradient(to bottom, #ffcd9e 0%, #e7af7b 100%), false, false, false, false, false, false, false, false, false); background: compact(linear-gradient(to bottom, #ffcd9e 0%, #e7af7b 100%), false, false, false, false, false, false, false, false, false); -pie-background: linear-gradient(to bottom, #ffcd9e 0%, #e7af7b 100%); box-shadow: 0 0 5px rgba(5, 0, 1, 0.3); }

.mod_detail .siteLink .btn01:hover, .mod_footer_tel .siteLink .btn01:hover { background-color: rgba(255, 205, 158, 0.7); background: -svg-compact(linear-gradient(to bottom, rgba(255, 205, 158, 0.7) 0%, rgba(231, 175, 123, 0.7) 100%), false, false, false, false, false, false, false, false, false); background: -owg-compact(linear-gradient(to bottom, rgba(255, 205, 158, 0.7) 0%, rgba(231, 175, 123, 0.7) 100%), false, false, false, false, false, false, false, false, false); -pie-background: -pie-compact(linear-gradient(to bottom, rgba(255, 205, 158, 0.7) 0%, rgba(231, 175, 123, 0.7) 100%), false, false, false, false, false, false, false, false, false); background: compact(linear-gradient(to bottom, rgba(255, 205, 158, 0.7) 0%, rgba(231, 175, 123, 0.7) 100%), false, false, false, false, false, false, false, false, false); -pie-background: linear-gradient(to bottom, rgba(255, 205, 158, 0.7) 0%, rgba(231, 175, 123, 0.7) 100%); }

.mod_detail .siteLink .btn01 a:after, .mod_footer_tel .siteLink .btn01 a:after { background-position: -141px -101px; background-size: 188px 124px; }

.mod_detail .siteLink .btn02, .mod_footer_tel .siteLink .btn02 { border: 1px solid #c6bdba; background-color: #ded6d3; background: -svg-compact(linear-gradient(to bottom, #ded6d3 0%, #c8bebc 100%), false, false, false, false, false, false, false, false, false); background: -owg-compact(linear-gradient(to bottom, #ded6d3 0%, #c8bebc 100%), false, false, false, false, false, false, false, false, false); -pie-background: -pie-compact(linear-gradient(to bottom, #ded6d3 0%, #c8bebc 100%), false, false, false, false, false, false, false, false, false); background: compact(linear-gradient(to bottom, #ded6d3 0%, #c8bebc 100%), false, false, false, false, false, false, false, false, false); -pie-background: linear-gradient(to bottom, #ded6d3 0%, #c8bebc 100%); box-shadow: 0 0 5px rgba(5, 0, 1, 0.26); }

.mod_detail .siteLink .btn02:hover, .mod_footer_tel .siteLink .btn02:hover { background-color: rgba(222, 214, 211, 0.7); background: -svg-compact(linear-gradient(to bottom, rgba(222, 214, 211, 0.7) 0%, rgba(200, 190, 188, 0.7) 100%), false, false, false, false, false, false, false, false, false); background: -owg-compact(linear-gradient(to bottom, rgba(222, 214, 211, 0.7) 0%, rgba(200, 190, 188, 0.7) 100%), false, false, false, false, false, false, false, false, false); -pie-background: -pie-compact(linear-gradient(to bottom, rgba(222, 214, 211, 0.7) 0%, rgba(200, 190, 188, 0.7) 100%), false, false, false, false, false, false, false, false, false); background: compact(linear-gradient(to bottom, rgba(222, 214, 211, 0.7) 0%, rgba(200, 190, 188, 0.7) 100%), false, false, false, false, false, false, false, false, false); -pie-background: linear-gradient(to bottom, rgba(222, 214, 211, 0.7) 0%, rgba(200, 190, 188, 0.7) 100%); }

.mod_detail .siteLink .btn02 a:after, .mod_footer_tel .siteLink .btn02 a:after { background-position: -156px -101px; background-size: 188px 124px; }

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

/* ====================================== */