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

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

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

/* ====================================== */
/* header */
.mod_header { padding: 0; }

.mod_header .logo { display: block; width: 100%; }

.mod_topicPath { background: #f3f4fb; }

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

.mod_contents .hospitalSalon { position: relative; display: none; margin: 0 auto 3.125%; padding: 3.125% 6.25% 3.125% 3.125%; width: 93.75%; background: #f4ffef; border: 1px solid #bee1b1; border-radius: 2px; }

.body_index .mod_contents .hospitalSalon { display: block; }

.mod_contents .hospitalSalon:before { position: absolute; content: ""; display: block; top: 50%; right: 1.66667%; margin-top: -7px; width: 8px; height: 13px; background-image: url(/salon/sp/common/images/shopsalon-sprites.png); background-position: -126px -78px; background-size: 188px 124px; }

.mod_contents .hospitalSalon > a { display: block; }

.mod_contents .hospitalSalon .photo { float: left; padding: 0.55762%; width: 22.86245%; background: #fff; border-radius: 4px; box-shadow: 0 0 5px rgba(200, 202, 227, 0.39); }

.mod_contents .hospitalSalon .text { float: left; margin: 0 0 0 3.71747%; width: 73.42007%; }

.mod_contents .hospitalSalon .text h2 { margin: 0 0 1.26582%; color: #747dd8; font-size: 13px; }

.mod_contents .hospitalSalon .text p { font-size: 11px; }

.mod_search .input { float: none; width: 99.64286%; }

.mod_search .input > li { float: left; margin: 0 0 0 3.58423%; width: 48.20789%; }

.mod_search .input > li:first-child { margin: 0; }

.mod_search .input > li .wrap { padding: 2.23048%; }

.mod_search .input > li > span { font-size: 14px; }

.mod_search .button { position: relative; top: auto; right: auto; clear: both; margin: 0 0 5px; width: 99.64286%; }

.mod_search .button .fl_left { clear: both; width: 69.89247%; }

.mod_search .button .wrap { padding: 1.07527%; }

.mod_search .button button { width: 25.08961%; height: 14.33692%; }

.mod_search .wrap { background: #d8dcfc; }

.mod_search .input .wrap:after { width: 13px; height: 8px; background-image: url(/salon/sp/common/images/shopsalon-sprites.png); background-position: -171px -101px; background-size: 188px 124px; }

.mod_search .selectbox, .mod_search .shopformbox { color: #333; background: #d8dcfc; border: 1px solid #757bbe; }

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

/* 店舗検索 */
.mod_pager li span.brand_no_result_page-selected { background: #d8dcfc; border: 1px solid #757bbe; }

.mod_pager li span.brand_is_result_page-selected { background: #d8dcfc; border: 1px solid #757bbe; }

.mod_pager li span.result_page-selected { background: #d8dcfc; border: 1px solid #757bbe; }

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

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

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

.mod_detail .siteLink { margin: 0 0 3.125%; letter-spacing: -0.4em; text-align: center; }

.mod_detail .siteLink li { position: relative; display: inline-block; margin: 0 0 0 3.125%; padding: 0.625%; width: 45.3125%; letter-spacing: normal; background: #fbf8f4; border-radius: 6px; }

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

.mod_detail .siteLink a { position: relative; display: block; padding: 6.89655% 13.7931% 6.89655% 6.89655%; width: 100%; text-align: left; font-size: 12px; border: 1px solid #e3e3e3; background-color: #fdfdfd; background: linear-gradient(top, #fdfdfd 0%, #f1f1f1 50%, #ededed 51%, #f2f2f2 100%); }

.mod_detail .siteLink a:hover { background: linear-gradient(top, #fdfdfd 0%, #f6f6f6 50%, #f2f2f2 51%, #f6f6f6 100%); }

.mod_detail .siteLink a:active { background: none; background: #f3f3f3; top: 1px; }

.mod_detail .siteLink a:after { position: absolute; content: ""; display: block; top: 50%; right: 10px; margin-top: -4px; width: 0; height: 0; border-width: 4.5px 0 4.5px 5px; border-style: solid; border-color: transparent transparent transparent #ea3b84; }

.mod_detail .freeComment { margin: 0 auto 3.125%; padding: 3.125%; width: 93.75%; background: #fff; border: 1px solid #ccc; border-radius: 3px; }

.mod_detail .freeComment p { line-height: 1.2; font-size: 13px; }

.mod_googleMap .button { background: #d5d9fa; }

.mod_googleMap .button span { color: #fff; background-image: url("/salon/sp/images/medicare/detail/img_btn_medicare.png"); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); }

.shop_info { margin-top: 7.8125%; padding-right: 3.125%; padding-left: 3.125%; }

.shop_info li { margin-bottom: 3.125%; }

.shop_info li h3 { font-size: 14px; }

.shop_info li p { font-size: 12px; }

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

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

.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_footer_tel .siteLink li:nth-child(2n) { margin-left: 3.125%; }

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

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

.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_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_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_footer_tel .siteLink li:active { box-shadow: none; }

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