@charset "utf-8"; /************************************************************ * 初期化 ************************************************************/ body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 , h5, h6, table, th ,td ,select { margin: 0; padding: 0; -webkit-text-size-adjust:none; } ul, ol { list-style: none; } img { border: 0 !important; vertical-align: bottom; } table { border-spacing: 0; } th { text-align: left; } iframe { vertical-align: middle; } br { letter-spacing: 0; } /* clearfix */ .cFix:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .cFix { min-height: 1px; _height: 1px; } /************************************************************ * アンカー ************************************************************/ a { text-decoration: none; } a:link { color: #4C4C80; } a:visited { color: #896958; } a:hover, a:active { color: #7878CC; text-decoration: underline; } .linkPink:link, .linkPink:visited { color: #CD4D72; } .linkPink:hover, .linkPink:active { color: #CD4D72; text-decoration: underline; } .linkGray:link, .linkGray:visited { color: #555555; } .linkGray:hover, .linkGray:active { color: #555555; text-decoration: underline; } .linkWhite:link, .linkWhite:visited { color: #FFFFFF; } .linkWhite:hover, .linkWhite:active { color: #FFFFFF; text-decoration: underline; } /************************************************************ * フォント ************************************************************/ body, input, select, textarea, table, th, td, li ,a { font-family: 'メイリオ', Meiryo, 'MS Pゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', arial, sans-serif, verdana, Helvetica; } body, input, select, textarea, table { color: #333333; font-size: 12px; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { font-size: 12px; } .fFg { font-family: 'メイリオ', Meiryo, 'MS Pゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', arial, sans-serif, verdana, Helvetica; } .fFm { font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','MS Pゴシック',MS PGothic,sans-serif; } /************************************************************ * IDS ************************************************************/ /* ヘッダー */ #headerWrapper { border-bottom: 2px solid #998A8A; border-top: 16px solid #BFB4AB; zoom: 1; } #header { width: 1000px; margin: 0 auto; position: relative; } #headSummary { font-size: 10px; font-weight: normal; color: #FFFFFF; padding-left: 18px; margin-top: -16px; position: absolute; } #logoNavi { height: 68px; position: relative; z-index: 0; } #smallLogoNavi { height: 60px; position: relative; z-index: 0; } #logo { position: absolute; top: 9px; left: 12px; z-index: 0; } .user { position: absolute; top: 0; right: 20px; line-height: 33px; z-index: 1; } .user .arrowR { display: inline-block; background-position: -196px -234px; } .move { position: absolute; bottom: -2px; _bottom: -3px; right: 20px; z-index: 3; } /* ラッパー */ #wrapper { width: 1000px; margin: 0 auto; position: relative; } /* プレコンテンツ */ #preContents { padding: 0 20px; } /* マップArea */ .bgRouteMapTitle { background: url("/CSP/img/kr/map/bg/bg_routemaptitle.gif?switch=20240328") no-repeat; display: block; width: 291px; height: 25px; padding:5px 0 0 10px; } .btnSearchStation { background: url("/CSP/img/kr/map/button/btn_searchbystation.gif?switch=20240328") no-repeat 0 0; display: block; width: 143px; height: 24px; } .btnSearchStation:hover { background: url("/CSP/img/kr/map/button/btn_searchbystation.gif?switch=20240328") no-repeat 0 -24px; display: block; width: 143px; height: 24px; } /* コンテンツ */ #contents { margin-top: 10px; padding: 0 20px; min-height: 300px; _height: 300px; } #mainContents { float: left; width: 765px; } #sideContents { float: right; letter-spacing: -1px; width: 180px; } #middleSummary { color: #999999; font-size: 10px; position: absolute; right: 0; bottom: -1.5em; } #topSummary { color: #666666; text-align: right; } #topSummary em { font-style: normal; } #bottomSummary { color: #666666; text-align: right; } /* マイエリア */ #myMenu { background-position: -5430px 0; background-repeat: repeat-y; } #myMenuHead { background-position: -5070px top; background-repeat: no-repeat; } #myMenuBottom { background-position: -5250px bottom; background-repeat: no-repeat; margin-bottom: -2px; padding: 4px 4px 7px; zoom: 1; } /* プレコンテンツ */ #postContents { margin-top: 30px; } /* フッター */ #footer { height: 60px; border-top: 1px solid #DDDDDD; padding-top: 10px; margin-top: 20px; position: relative; } #copyright { position: absolute; top: 10px; left: 30px; } .footerInfoDtl { float: left; margin-top: 5px; padding: 0 0 10px 40px; } .footerTermsLink { font-size: 10px; margin-top: 8px; } .hpbInfoLink > li, .footerTermsLink > li { float: left; padding-right: 14px; } .hpbInfoLink > li + li, .footerTermsLink > li + li { border-left: 1px solid #DDDDDD; padding-left: 14px; } /* ポップアップ */ #popUpWrapper { width: 580px; background-color: #FFFFFF; } #popUpHeader { border-bottom: 2px solid #BBAAAA; padding:10px; } #popUpLogo { float: left; } #popUpRecruitLogo { float: left; margin-top: 7px; *margin-top: 0; padding-left: 5px; } #popUpContents { margin-top: 10px; padding: 0 10px; } /************************************************************ * CLASSES(コンポーネント) ************************************************************/ /* パンクズ */ .pankuzu { float: left; font-size: 10px; padding: 12px 0; } .pankuzu li { display: inline; } .pankuzuShort { width: 765px; } .pankuzuMoreShort { padding-right: 10px; width: 550px; } .pankuzu strong { font-weight: normal; } /* プレコンテンツ */ .preCotentsLink { float: right; text-align: right; margin-top: 8px; min-width: 180px; } /* 検索結果表示 */ .numberOfResult { font-size: 20px; line-height: 1; color: #9966CC !important; font-weight: bold; } .richNumberOfResult { font-size: 24px; line-height: 1; color: #FF9933 !important; font-weight: bold; } .searchResultZeroOuterFrame { padding-bottom:36px; padding-top:20px; width:765px; } .searchResultZeroInnerFrame { background-color:#F5F3EF; padding:18px 200px 15px; } .searchResultZeroText { font-size:16px; color:#DD0000; } /* 表 */ .pCell5 th, .pCell5 td { padding: 5px; } .pCell5 td.cellP10 { padding: 10px; } .pCell10 th, .pCell10 td { padding: 5px; } .pCellV10H12 th, .pCellV10H12 td { padding: 10px 12px; } .bdCell { border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; } .bdCell th, .bdCell td { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; } .couponTable { border-spacing: 1px; vertical-align: top; } .bgThNml th { background-color: #eeebe4; } .fgThNml th { font-weight: bold; } .bgThBrown th { background-color: #DDD9C3; } .bgThGray th { background-color: #EEECE1; } .vaThT th { vertical-align: top; } .bgCellNml { background-color: #EEEBE4 !important; } .bgCellNml2 { background-color: #EEEBE4 !important; } .bgCellEnp { background-color: #EFE1FF !important; color: #9966CC; } /* ページング */ .paging { display: inline-block; position: relative; text-align: center; padding: 0 77px; *display: inline; *zoom: 1; } .paging li { display: inline-block; margin-bottom: 3px; margin-right: 3px; min-width: 21px; *display: inline; *zoom: 1; } .paging li .current { background-color: #BFB4AB; border: 1px solid #BFB4AB; color: #FFFFFF; display: block; padding: 2px 6px; } .paging li a { background-color: #FFFFFF; border: 1px solid #BFB4AB; color: #666666; display: block; padding: 2px 6px; text-align: center; text-decoration: none; } .postList .paging li a:hover { background-color: #F5F2F0 !important; border: 1px solid #BFB4AB; color: #838383 !important; } .beforePage, .afterPage { width:74px; } .beforePage .arrowPagingL { margin-right: 0; } .afterPage .arrowPagingR { margin-left: 0; } .pageControl { position: absolute; bottom: 0; right: 10px; } .pageCaption { position: absolute; bottom: 0; right: 10px; } /* リッチページング */ .richPaging { text-align:center; } .richPaging li { float:left; width: 25px; margin-right: 5px; border: 1px solid #555555; } .richPaging a { display:block; height: 24px; line-height: 24px; color: #FFFFFF !important; text-decoration: none; background-color: #333333; } .richPaging a:hover { background-color: #FFFFFF; color: #333333 !important; } .richPaging span { display:block; height: 23px; line-height: 23px; margin: 1px; color: #FFFFFF; font-weight: bold; background-color: #FF9933 !important; } .richPageControl { color: #CCCCCC; position: absolute; top: 50%; right: 15px; margin-top: -12.5px; } .richCurrentPageNumber { font-size: 16px; font-weight: bold; } /* リンクリスト */ .linkList li { display: inline; } /* メインコンテンツフッター */ .mainContentsFooter { margin-top: 20px; } /* メインコンテンツフッターリンク */ .mainContentsFooterLinks { margin-top: 20px; } .mainContentsFooterLinks li { display: inline; font-size: 10px; color: #CCCCCC; } .mainContentsFooterLinks3 { padding-top: 10px; } .mainContentsFooterLinks3 ul { font-size: 0; padding-top: 3px; } .mainContentsFooterLinks3 li { color: #333333; display: inline-block; font-size: 10px; padding-right: 10px; } .mainContentsFooterLinks3 li:after { border-right: 1px solid #CCCCCC; content: ""; display: inline-block; height: 10px; padding-right: 10px; vertical-align: middle; } .mainContentsFooterLinks3 li ~ li:last-child:after { display: none; } /* メインコンテンツフッターバナー */ .mainContentsFooterBanners { margin-top: 20px; } .mainContentsFooterBanners li { float: left; margin-top: 10px; margin-right: 10px; } /* マイエリア */ .myMenuTop { background-position: -900px -20px; } .myMenuTopTitle { height: 29px; margin: 0 4px; } .txtMypage { background-position: -1100px -20px; width: 73px; height: 13px; } .myMenuTopBody { padding: 0 5px; text-align: center; } .myMenuTitle { margin: 10px 5px 0; } .txtPoint { background-position: -1100px -20px; background-repeat: no-repeat; width: 49px; height: 13px; } .txtLastReservedSalon { background-position: -1100px -40px; background-repeat: no-repeat; width: 116px; height: 13px; } .txtLastViewedSalon { background-position: -1100px -60px; background-repeat: no-repeat; width: 90px; height: 13px; } .txtMyMenu { background-position: -1100px -80px; background-repeat: no-repeat; width: 77px; height: 12px; } .txtInformation { background-position: -1100px -100px; background-repeat: no-repeat; width: 49px; height: 13px; } .myMenuBodyUnlogined { background-position: -7240px 0; background-repeat: repeat-y; margin-top: 10px; } .myMenuBodyHeadUnlogined { background-position: -7412px top; background-repeat: no-repeat; } .myMenuBodyBottomUnlogined { background-position: -7584px bottom; background-repeat: no-repeat; padding: 7px 8px; overflow: hidden; position: relative; z-index: 10; zoom:1; } .myMenuBodyUnlogined .arrowR { background-position: -196px -3506px !important; } .myMenuBody { background-position: -5954px 0; background-repeat: repeat-y; margin-top: 10px; } .myMenuBodyHead { background-position: -5610px top; background-repeat: no-repeat; } .myMenuBodyBottom { background-position: -5782px bottom; background-repeat: no-repeat; padding: 7px 8px; overflow: hidden; position: relative; z-index: 10; zoom:1; } .myMenuMainBox { background-position: -5782px bottom; background-repeat: no-repeat; padding-left: 5px; padding-right: 5px; padding-top: 10px; overflow: hidden; position: relative; z-index: 10; zoom:1; } .myMenuList { margin-top: -13px; zoom:1; } .myMenuListCassette { padding-top: 5px; margin-top: 5px; border-top: 1px dotted #999999; position: relative; zoom: 1; z-index: 0; } .myMenuListBottom { margin-top: 5px; padding-top: 5px; border-top: 2px solid #D9D9D9; } .myMenuItems { margin-top: -10px; zoom: 1; } .myMenuItemsCassette { padding-bottom: 10px; position: relative; zoom: 1; z-index: 0; } .iconReserve { color: #FFF; background-color: #CC0000; font-size: 9px; padding: 1px 4px; margin-right: 5px; } .iconBrown { background-color: #AA3355; color: #FFF; text-align: center; font-size: 10px; margin-right: 5px; padding: 2px 0; } .iconPurple { background-color:DarkMagenta; color: #FFF; text-align: center; font-size: 10px; margin-right: 5px; } .bookmarkList dd{ padding-left: 8px; margin-bottom: 3px; } .bookmarkList dd:last-child{ margin-bottom: 0; } .myPointBody a{ text-decoration: none; color: #4c4c80; } .myPointBody a:hover{ color: #7878CC; text-decoration: underline; } .grayPointBody p{ color:#FFF; letter-spacing: normal; line-height: 120%; font-size: 10px; font-family: 'メイリオ', 'Meiryo', 'MS Pゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', arial, sans-serif, verdana, Helvetica; } .grayPointBody p span, .usePointBody p span{ font-size:16px; line-height: 110% } .alertRed, .usePointBody p a.alertRed, .myPointBody .alertRed { color: #DD0000; } .usePointBody p a{ font-weight: bold; text-decoration: none; color: #4c4c80; } .usePointBody p a:hover{ text-decoration: underline; } .mySalonList li { padding: 5px 0; } /* マイエリア(マイページ) */ .myPageSide { background-color:#F5C3CC; color:#A5184B; } .myPageMenu { background-color:#E68899; border: #E68899 1px solid; padding: 7px; color:#FFFFFF !important; text-decoration: none; zoom: 1; margin-top: 1px; } .myPageMenu:hover { background-color:#F5C3CC; } .myPageMenuOn { border:#E68899 1px solid; padding:7px; zoom: 1; margin-top: 1px; } .myPageMember { border:#E68899 1px solid; padding:3px 7px; } /* 検索ボックス */ .searchBox { float: right; width: 330px; height: 31px; margin-top:10px; background-position: -20px -800px; } .searchBox input[type="text"]{ padding: 0 5px; } .findBySalon { background-position: -420px -800px; width: 88px; height: 11px; } .inputSalonName { width: 247px; height:24px; line-height: 24px; background: 0; border: 0;} :root .inputSalonName { line-height: normal; } .searchBoxbg { background-position: -815px -800px; width:257px; height:24px;} .searchBoxbg input:-webkit-autofill { border: 1px solid #A8A5A1; border-radius: 4px; box-sizing: border-box; width: 257px; } .searchButton { background-color: #F6F6F6; border: 1px solid #CCCCCC; border-radius: 4px; color: #666666; cursor: pointer; font-weight: bold; height: 24px; padding-left: 18px; padding-right: 18px; } .searchButton:hover { opacity: 0.7; } .hint { color: #C0C0C0; } /* ショートカットリンク */ .sideShortcutSearchBox { margin-top: -1px; } .sideShortcutSearchCassette { padding-top: 15px; margin-bottom: 10px; } .mainShortcutSearchBox { position: relative; z-index: 0; margin-top: -40px; margin-bottom: 30px; } .mainShortcutSearchCassette { margin-top: 15px; } /* 検索ボックス ワードアシスト例 */ .wordAssistExPanel { border: 1px solid #BEB09E; color: #444444; display: none; font-size: 13px; position: absolute; width: 255px; z-index: 11; } .wordAssistExList li { display: inline-block; padding-right: 10px; vertical-align: baseline; } .btnCloseWrap { background-color: #F0EBE5; border-top: 1px solid #BEB09E; cursor: pointer; padding-top: 5px; padding-bottom: 5px; text-align: center; } .closeText { background: url(/CSP/img/hc/icons/icon_tb_close.png?switch=20240328) no-repeat left center; color: #BFB4AB; font-weight: bold; font-size: 14px; padding-left: 20px; text-decoration: none; } .btnCloseWrap a:link, .btnCloseWrap a:hover, .btnCloseWrap a:visited, .btnCloseWrap a:active { color: #BFB4AB; } /* ページトップリンク */ .pageTopLink { margin-top: 20px; text-align: right; } /* フォーム系 */ .tfF { border-top: 1px solid #8E8E8E; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #8E8E8E; line-height: 1; padding: 2px 1px; } .tfF_FW { border-top: 1px solid #8E8E8E; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #8E8E8E; line-height: 1; padding: 4px 2px; } .tfNF { border-top: 1px solid #8E8E8E; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #8E8E8E; line-height: 1; height: 13px; padding-top: 2px; *margin-top: -1px; } .taF { border-top: 1px solid #8E8E8E; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #8E8E8E; } .pdF { border-top: 1px solid #8E8E8E; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #8E8E8E; } .cbF { *width: 1.5em; height: 1.5em; vertical-align: middle; margin: 0 5px 0 5px; *margin: 0 2px 0 3px; padding: 0; } .sbmF { cursor: pointer; } label { line-height: 1; } /* フリーワード検索 */ td.searchConditionFw { padding: 5px 7px; } .searchConditionFwInput, .searchConditionSubmit { border: 1px solid #E0E1E2 !important; border-radius: 4px; box-sizing: border-box; height: 28px !important; line-height: 1; } .searchConditionFwInput { box-sizing: border-box; padding: 0 5px; } .searchConditionSubmit { background-color: #F6F6F6 !important; color: #666666; display: block; } /* 開始時刻疑似セレクトボックス */ .timeSelectBox { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; text-align: center; word-wrap: break-word; } .timeSelectItem { float: left; margin-right: 3px; position: relative; } .timeSelectText { margin-top: 2px; } .timeSelectCell { width: 50px; } .searchConditionTime { background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #8E8E8E; border-right: 1px solid #CCCCCC; border-top: 1px solid #8E8E8E; cursor: pointer; height: 20px; line-height: 20px; padding-right: 7px; position: relative; z-index: 10; } .searchConditionTime.current { box-shadow: 0 0 1px 1px #789AD1; } .searchConditionTime.disabled { cursor: default; } .searchConditionTime:after { border-color: #000000 transparent transparent transparent; border-style: solid; border-width: 4px 4px 0 4px; bottom: 0; content: ''; height: 0; margin-bottom: auto; margin-top: auto; pointer-events: none; position: absolute; right: 3px; top: 0; width: 0; z-index: 2; } .searchConditionTime.disabled:after { border-color: #CCCCCC transparent transparent transparent; } .timeSelectList { background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #8E8E8E; border-right: 1px solid #CCCCCC; border-left: 1px solid #8E8E8E; left: 0; max-height: 360px; overflow-y: auto; position: absolute; top: 22px; width: 48px; z-index: 9; } .timeSelectList > li. { cursor: pointer; } .timeSelectList > li.disabled { color: #CCCCCC; } .timeSelectList > li.disabled:hover { background-color: #FFFFFF; color: #CCCCCC; } .timeSelectList > li:hover { background-color: #DEDEDE; } .timeSelectList > li.current, .timeSelectList > li:hover.current { background-color: #1E90FF; color: #FFFFFF; } .timeSelectAlert { color: #CC0000; font-size: 10px; margin-top: 5px; } /* 検索条件フォーム 日付 */ .searchConditionCalIcon { display: block; width: 20px; height: 20px; padding-left: 5px; } .searchConditionCalIcon > img { width: 100%; } span.searchConditionCalIcon > img { opacity: 0.3; } /* 店のキャッチコピー */ .shopCatchCopy { color: #7030A0; font-size: 18px; padding-right: 20px; } .shopCatchCopy a{ color: #9966CC; text-decoration:none; } /* プライバシーマーク */ .privacyMarkCaption { width: 105px; font-size: 10px; } /* 白背景画像用ボーダー */ .bdImgGray { border: 1px solid #EEE; } /* インフォメーション */ .infoList { margin-top: -1px; } .infoListCassette { padding: 20px 20px 0; } /* 見出し */ .boxTitle { color: #444444; background-color: #F0EDDD; font-weight: bold; font-size: 13px; padding:3px; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'MS Pゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica; } .categoryHeading { padding-bottom:3px; color: #444444; font-weight: bold; font-size: 13px; border-bottom:dotted 1px #2A2723; line-height: 1.5; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'MS Pゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica; } .boxTitle h2 { font-size: 14px; } .boxTitle a { font-size: 12px; } .boxTitleS { color: #8A2B86; font-weight: bold; font-size: 12px; line-height: 1; } .skinHeadingWrapper { height: 12px; border-bottom: 1px solid #959595; background: url(/CSP/img/kr/icons/icon_heading_kr.png?switch=20240328) no-repeat 0 0; padding-left: 24px; padding-bottom: 9px; line-height: 18px; font-size:13px; font-weight:bold; color:#444444; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'MS Pゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica; } .skinHeadingWrapper h2, .skinHeadingWrapper h3 { font-size: 13px; } .skinHeading1 { line-height: 1; } /* クーポンアイコン */ .couponMenuIcons li { float: left; margin-right: 5px; margin-bottom: 5px; padding: 1px 10px; text-align: center; color: #FFFFFF; white-space: nowrap; } .couponMenuIcons li.couponMenuIconOff { color: #CC4466; font-size: 12px; font-weight: bold; padding: 0; text-align: left; } .couponMenuIcons.sMarginIcons li { margin-right: 4px; } .couponMenuIconGR01 { background-color: #6DCD97; } .couponMenuIconGR02 { background-color: #6DCD97; } .couponMenuIconGR03 { background-color: #6DCD97; } .couponMenuIconGR04 { background-color: #F399C1; } .couponMenuIconGR05 { background-color: #F399C1; } .couponMenuIconGR06 { background-color: #C489C1; } .couponMenuIconGR07 { background-color: #6DCD97; } .couponMenuIconGR08 { background-color: #6DCD97; } .couponMenuIconGR09 { background-color: #6DCD97; } .couponMenuIconGR99 { background-color: #9C9A9C; } .couponMenuIconSukarupu { background-color: #F5BCD5; } .couponMenuIconHeadS { background-color: #94CDAD; } .couponMenuIconAshiura { background-color: #94CDAD; } .couponMenuIconOther { background-color: #9C9C9C; } .couponMenuIconKairo { background-color: #94CDAD; } .couponMenuIconSeitai { background-color: #94CDAD; } .couponMenuIconKotsuban { background-color: #94CDAD; } .couponMenuIconOkyaku { background-color: #94CDAD; } .couponMenuIconKogao { background-color: #94CDAD; } .couponMenuIconCareColor { background-color: #F5BCD5; } .couponMenuIconHairMake { background-color: #F5BCD5; } .couponMenuIconFoot { background-color: #F5BCD5; } .couponMenuIconHead { background-color: #94CDAD; } .couponMenuIconSpa { background-color: #94CDAD; } .couponMenuIconBridal { background-color: #C49BC2; } .couponMenuIconFacial { background-color: #C49BC2; } .couponMenuIconMatsuge { background-color: #F5BCD5; } .couponMenuIconGel { background-color: #F5BCD5; } .couponMenuIconFootC { background-color: #94CDAD; } .couponMenuIconOxygen { background-color: #94CDAD; } .couponMenuIconBustC { background-color: #C49BC2; } .couponMenuIconBodyT { background-color: #94CDAD; } .couponMenuIconSukarupuOff, .couponMenuIconHeadSOff, .couponMenuIconAshiuraOff, .couponMenuIconOtherOff, .couponMenuIconKairoOff, .couponMenuIconSeitaiOff, .couponMenuIconKotsubanOff, .couponMenuIconOkyakuOff, .couponMenuIconKogaoOff, .couponMenuIconHairColorOff, .couponMenuIconHairMakeOff, .couponMenuIconFootOff, .couponMenuIconHeadOff, .couponMenuIconSpaOff, .couponMenuIconBridalOff, .couponMenuIconMatsugeOff, .couponMenuIconGelOff, .couponMenuIconFootCOff, .couponMenuIconOxygenOff, .couponMenuIconBodyTOff, .couponMenuIconBustCOff { background-color: #EAEAEA !important; } /* アイコン */ .iconMust { width: 20px; color:#FFFFFF; font-size:10px; margin-right:5px; padding:1px 5px; text-align:center; background-color:#FF0000; } .iconMustEmpty { width: 20px; padding:1px 5px; } .slcIcnUp { background-color: #FF9900; color: #FFFFFF; display: inline-block; font-size: 10px; font-weight: normal; line-height: 1; padding: 1px 2px; vertical-align: middle; } /* QR CODE */ .qrcode { height: 43px; overflow: hidden; } /************************************************************ * CLASSES(プロパティ) ************************************************************/ /* WIDTH */ .wFull { width: 100%; } .wHalf { width: 49.9%; _width: 49.9%; } .w3Clm { width: 33.3%; } .w5em { width: 5em; } .w10em { width: 10em; } .w75p { width: 75%; } .w90p { width: 90%; } .wFull { width: 100%; } .w14 { width: 14px; } .w20 { width: 20px; } .w30 { width: 30px; } .w35 { width: 35px; } .w42 { width: 42px; } .w46 { width: 46px; } .w50 { width: 50px; } .w55 { width: 55px; } .w60 { width: 60px; } .w65 { width: 65px; } .w70 { width: 70px; } .w71 { width: 71px; } .w74 { width: 74px; } .w76 { width: 76px; } .w80 { width: 80px; } .w89 { width: 89px; } .w90 { width: 90px; } .w95 { width: 95px; } .w98 { width: 98px; } .w99 { width: 99px; } .w100 { width: 100px; } .w105 { width: 105px; } .w110 { width: 110px; } .w113 { width: 113px; } .w115 { width: 115px; } .w117 { width: 117px; } .w120 { width: 120px; } .w124 { width: 124px; } .w128 { width: 128px; } .w130 { width: 130px; } .w135 { width: 135px; } .w139 { width: 139px; } .w140 { width: 140px; } .w146 { width: 146px; } .w148 { width: 148px; } .w150 { width: 150px; } .w151 { width: 151px; } .w153 { width: 153px; } .w156 { width: 156px; } .w157 { width: 157px; } .w159 { width: 159px; } .w160 { width: 160px; } .w164 { width: 164px; } .w165 { width: 165px; } .w166 { width: 166px; } .w170 { width: 170px; } .w172 { width: 172px; } .w174 { width: 174px; } .w180 { width: 180px; } .w186 { width: 186px; } .w187 { width: 187px; } .w190 { width: 190px; } .w195 { width: 195px; } .w200 { width: 200px; } .w201 { width: 201px; } .w205 { width: 205px; } .w206 { width: 206px; } .w208 { width: 208px; } .w218 { width: 218px; } .w219 { width: 219px; } .w220 { width: 220px; } .w221 { width: 221px; } .w228 { width: 228px; } .w231 { width: 231px; } .w238 { width: 238px; } .w240 { width: 240px; } .w241 { width: 241px; } .w245 { width: 245px; } .w250 { width: 250px; } .w255 { width: 255px; } .w256 { width: 256px; } .w260 { width: 260px; } .w265 { width: 265px; } .w271 { width: 271px; } .w285 { width: 285px; } .w290 { width: 290px; } .w295 { width: 295px; } .w300 { width: 300px; } .w304 { width: 304px; } .w305 { width: 305px; } .w309 { width: 309px; } .w310 { width: 310px; } .w318 { width: 318px; } .w320 { width: 320px; } .w330 { width: 330px; } .w335 { width: 335px; } .w340 { width: 340px; } .w344 { width: 344px; } .w348 { width: 348px; } .w349 { width: 349px; } .w350 { width: 350px; } .w360 { width: 360px; } .w365 { width: 365px; } .w370 { width: 370px; } .w385 { width: 385px; } .w393 { width: 393px; } .w396 { width: 396px; } .w397 { width: 397px; } .w423 { width: 423px; } .w425 { width: 425px; } .w427 { width: 427px; } .w430 { width: 430px; } .w433 { width: 433px; } .w438 { width: 438px; } .w440 { width: 440px; } .w443 { width: 443px; } .w447 { width: 447px; } .w450 { width: 450px; } .w457 { width: 457px; } .w460 { width: 460px; } .w465 { width: 465px; } .w473 { width: 473px; } .w480 { width: 480px; } .w485 { width: 485px; } .w486 { width: 486px; } .w490 { width: 490px; } .w500 { width: 500px; } .w507 { width: 507px; } .w520 { width: 520px; } .w534 { width: 534px; } .w537 { width: 537px; } .w540 { width: 540px; } .w545 { width: 545px; } .w550 { width: 550px; } .w554 { width: 554px; } .w557 { width: 557px; } .w560 { width: 560px; } .w571 { width: 571px; } .w580 { width: 580px; } .w590 { width: 590px; } .w595 { width: 595px; } .w600 { width: 600px; } .w605 { width: 605px; } .w610 { width: 610px; } .w612 { width: 612px; } .w615 { width: 615px; } .w618 { width: 618px; } .w620 { width: 620px; } .w626 { width: 626px; } .w639 { width: 639px; } .w640 { width: 640px; } .w648 { width: 648px; } .w650 { width: 650px; } .w660 { width: 660px; } .w667 { width: 667px; } .w715 { width: 715px; } .w730 { width: 730px; } .w734 { width: 734px; } .w745 { width: 745px; } .w746 { width: 746px; } .w754 { width: 754px; } .w756 { width: 756px; } .w760 { width: 760px; } .w765 { width: 765px; } .w786 { width: 786px; } .w780 { width: 780px; } .w224 { width: 224px; } .w501 { width: 501px; } .w636 { width: 636px; } /* HEIGHT */ .hMin15 { min-height: 15px; _height: 15px; } .hMin19 { min-height: 19px; _height: 19px; } .hMin24 { min-height: 24px; _height: 24px; } .hMin30 { min-height: 30px; _height: 30px; } .hMin36 { min-height: 36px; _height: 36px; } .hMin44 { min-height: 44px; _height: 44px; } .hMin119{ min-height: 119px; _height: 119px; } .hMin147{ min-height: 147px; _height: 147px; } .h15 { height: 15px; } .h19 { height: 19px; } .h26 { height: 26px; } .h32 { height: 32px; } .h45 { height: 45px; } .h50 { height: 50px; } .h55 { height: 55px; } .h71 { height: 71px; } .h73 { height: 73px; } .h75 { height: 75px; } .h83 { height: 83px; } .h85 { height: 85px; } .h88 { height: 88px; } .h90 { height: 90px; } .h104 { height: 104px; } .h106 { height: 106px; } .h108 { height: 108px; } .h113 { height: 113px; } .h114 { height: 114px;_height: 109px; } .h135 { height: 135px;_height: 130px; } .h142 { height: 142px; } .h152 { height: 152px; } .h157 { height: 157px;_height: 152px; } .h164 { height: 164px; } .h179 { height: 179px;_height: 174px; } .h219 { height: 219px; } .h220 { height:220px; } .h345 { height: 345px; } .h412 { height: 412px; } /* LINE-HIEGHT */ .lhDe { line-height: 1; } .lh13 { line-height: 13px; } .lh14 { line-height: 14px; } .lh16 { line-height: 16px; } .lh18 { line-height: 18px; } .lh19 { line-height: 19px; } .lh23 { line-height: 23px; } .lh28 { line-height: 28px; } .lh30 { line-height: 30px; } .lh40 { line-height:40px; } .lh50 { line-height:50px; } /* MARGIN */ .mTN1 { margin-top: -1px; } .mTN5 { margin-top: -5px; } .mTN10 { margin-top: -10px; } .mT2 { margin-top: 2px; } .mT3 { margin-top: 3px; } .mT4 { margin-top: 4px; } .mT5 { margin-top: 5px; } .mT6 { margin-top: 6px; } .mT7 { margin-top: 7px; } .mT8 { margin-top: 8px; } .mT10 { margin-top: 10px; } .mT11 { margin-top: 11px; } .mT12 { margin-top: 12px; } .mT13 { margin-top: 13px; } .mT15 { margin-top: 15px; } .mT16 { margin-top: 16px; } .mT20 { margin-top: 20px; } .mT23 { margin-top: 23px; } .mT25 { margin-top: 25px; } .mT30 { margin-top: 30px; } .mT40 { margin-top: 40px; } .mT50 { margin-top: 50px; } .mT60 { margin-top: 60px; } .mT80 { margin-top: 80px; } .mT0 { margin-top: 0px !important;} .mR1 { margin-right: 1px; } .mR3 { margin-right: 3px; } .mR4 { margin-right: 4px; } .mR5 { margin-right: 5px; } .mR6 { margin-right: 6px; } .mR7 { margin-right: 7px; } .mR8 { margin-right: 8px; } .mR9 { margin-right: 9px; } .mR10 { margin-right: 10px; } .mR15 { margin-right: 15px; } .mR20 { margin-right: 20px; } .mR30 { margin-right: 30px; } .mR50 { margin-right: 50px; } .mR300 { margin-right: 300px; } .mRN10 { margin-right: 10px; } .mL2 { margin-left: 2px !important; } .mL3 { margin-left: 3px; } .mL4 { margin-left: 4px; } .mL5 { margin-left: 5px; } .mL8 { margin-left: 8px; } .mL10 { margin-left: 10px; } .mL15 { margin-left: 15px; } .mL16 { margin-left: 16px; } .mL20 { margin-left: 20px; } .mL25 { margin-left: 25px; } .mL30 { margin-left: 30px; } .mL40 { margin-left: 40px; } .mL70 { margin-left: 70px; } .mL100 { margin-left: 100px; } .mL112 { margin-left: 112px; } .mL130 { margin-left: 130px; } .mL135 { margin-left: 135px; } .mL245 { margin-left: 245px; } .mL390 { margin-left: 390px; } .mB2 { margin-bottom: 2px; } .mB5 { margin-bottom: 5px; } .mBN6 { margin-bottom: -6px; } .mB6 { margin-bottom: 6px; } .mB10 { margin-bottom: 10px; } .mB15 { margin-bottom: 15px; } .mB20 { margin-bottom: 20px; } .mB30 { margin-bottom: 30px; } .mB36 { margin-bottom: 36px; } .m1 { margin: 1px; } .mHA { margin-left: auto; margin-right: auto; } .mH10 { margin-left: 10px; margin-right: 10px; } .mH15 { margin-right: 15px; margin-left: 15px; } .mV15 { margin-top:15px; margin-bottom:15px; } /* PADDING */ .pT2 { padding-top: 2px; } .pT3 { padding-top: 3px; } .pT5 { padding-top: 5px; } .pT6 { padding-top: 6px; } .pT8 { padding-top: 8px; } .pT10 { padding-top: 10px; } .pT15 { padding-top: 15px; } .pT18 { padding-top: 18px; } .pT20 { padding-top: 20px; } .pT30 { padding-top: 30px; } .pR2 { padding-right: 2px; } .pR3 { padding-right: 3px; } .pR5 { padding-right: 5px; } .pR6 { padding-right: 6px; } .pR7 { padding-right: 7px; } .pR10 { padding-right: 10px; } .pR15 { padding-right: 15px; } .pR18 { padding-right: 18px; } .pR20 { padding-right: 20px; } .pR30 { padding-right: 30px; } .pB5 { padding-bottom: 5px; } .pB10 { padding-bottom: 10px; } .pB15 { padding-bottom: 15px; } .pB20 { padding-bottom: 20px; } .pB21 { padding-bottom: 21px; } .pB30 { padding-bottom: 30px; } .pB40 { padding-bottom: 40px; } .pB50 { padding-bottom: 50px; } .pL3 { padding-left: 3px; } .pL5 { padding-left: 5px; } .pL10 { padding-left: 10px; } .pL12 { padding-left: 12px; } .pL15 { padding-left: 15px; } .pL20 { padding-left: 20px; } .pL25 { padding-left: 25px; } .pL30 { padding-left: 30px; } .pL390 { padding-Left: 390px; } .pV1 { padding-top: 1px; padding-bottom: 1px; } .pV2 { padding-top: 2px; padding-bottom: 2px; } .pV5 { padding-top: 5px; padding-bottom: 5px; } .pV8 { padding-top: 8px; padding-bottom: 8px; } .pV10 { padding-top: 10px; padding-bottom: 10px; } .pV15 { padding-top: 15px; padding-bottom: 15px; } .pV20 { padding-top: 20px; padding-bottom: 20px; } .pH5 { padding-left: 5px; padding-right: 5px; } .pH9 { padding-left: 9px; padding-right: 9px; } .pH10 { padding-left: 10px; padding-right: 10px; } .pH15 { padding-left: 15px; padding-right: 15px; } .pH20 { padding-left: 20px; padding-right: 20px; } .pH45 { padding-right: 45px; padding-left: 45px; } .p1 { padding: 1px; } .p3 { padding: 3px; } .p5 { padding: 5px; } .p6 { padding: 6px; } .p8 { padding: 8px; } .p10 { padding: 10px; } .p15 { padding: 15px; } .p20 { padding: 20px; } .p30 { padding: 30px; } .pClear { padding: 0 !important; } /* DISPLAY */ .db { display: block; } .di { display: inline; } .dib { display: inline-block !important; } .dibBL { display: inline-block !important; *display: inline !important; zoom: 1; } .dt { display: table; } .dtc { display: table-cell; } .dn { display: none !important;} .offL { text-indent: -9999px; overflow: hidden; } .fgClear{ *padding-top: 9999px; text-indent: -9999px; *text-indent: 0; overflow: hidden; } .oh { overflow: hidden; } .nowrap { white-space: nowrap; } .tdn{text-decoration: none !important;} .zi0 { z-index: 0; } .zi1 { z-index: 1; } .zi2 { z-index: 2; } .zi3 { z-index: 3; } .zoom1 { zoom: 1; } .wwbw { word-wrap: break-word; } .wbba { word-break: break-all; } /* VISIBILITY */ .vh { visibility: hidden; } /* POSITION */ .fl { float: left; } .fr { float: right; } .cb { clear: both; } .taR { text-align: right !important; } .taC { text-align: center !important; } .taL { text-align: left !important; } .vaT { vertical-align: top; } .vaM { vertical-align: middle; } .vaB { vertical-align: bottom; } .vaBL { vertical-align: baseline; } .pr { position: relative; zoom: 1; } .pa { position: absolute; } .top0 { top: 0; } .top5 { top: 5px; } .top10 { top: 10px; } .top15 { top: 15px; } .top20 { top: 20px; } .topN8 { top: -8px; } .topN20 { top: -20px; } .topHalf { top: 50%; margin-top: -8px; } .topHalfH24 { top: 50%; margin-top: -12px; } .topHalfH40 { top: 50%; margin-top: -20px; } .left0 { left: 0; } .left5 { left: 5px; } .left6 { left: 6px; } .left10 { left: 10px; } .left15 { left: 15px; } .left20 { left: 20px; } .left74 { left: 74px; } .left210 { left: 210px; } .right0 { right: 0; } .right5 { right: 5px; } .right10 { right: 10px; } .right12 { right: 12px; } .right15 { right: 15px; } .right20 { right: 20px; } .bottom0 { bottom: 0; } .bottom2 { bottom: 2px; } .bottom4 { bottom: 4px; } .bottom5 { bottom: 5px; } .bottom10 { bottom: 10px; } .bottom15 { bottom: 15px; } .bottom20 { bottom: 20px; } /* FOREGROUND */ .fgRed { color: #FF0000; } .fgDRed { color: #DD0000; } .fgWRed { color: #A5184B; } .fgPink { color: #CC4466; } .fgDPink { color: #CC3399; } .fgPurple { color: #8A2B86; } .fgPurple2 { color: #9966CC; } .fgPurple3 { color: #993366; } .fgOPurple { color: #7030A0; } .fgBPink { color: #CC0066; } .fgLPink { color: #FFBDBD; } .fgGray { color: #666666; } .fgLGray { color: #999999; } .fgLGray2 { color: #7F7F7F; } .fgLLGray { color: #595959; } .fgLLLGray { color: #CCCCCC; } .fgDGray { color: #555555; } .fgBrown { color: #553333; } .fgBbrown { color: #665555; } .fgRbrown { color: #632523; } .fgLOrange { color: #E68855; } .fgOrange { color: #E46C0A; } .fgOrange2 { color: #FF6600; } .fgDOragne { color: #CC6633; } .fgPOrange { color: #FE605B; } .fgBlue { color: #0000FF; } .fgOcher { color: #909000; } .fgkhaki { color: #4A452A; } .fgWhite { color: #FFFFFF; } .fgBlack { color: #333333; } .b { font-weight: bold !important; } .n { font-weight: normal !important; } .fs0 { font-size: 0; } .fs10 { font-size: 10px; } .fs11 { font-size: 11px; } .fs12 { font-size: 12px; } .fs13 { font-size: 13px; } .fs14 { font-size: 14px; } .fs15 { font-size: 15px; } .fs16 { font-size: 16px; } .fs17 { font-size: 17px !important; } .fs18 { font-size: 18px; } .fs20 { font-size: 20px; } .fs22 { font-size: 22px; } .fs24 { font-size: 24px; } .ls1 { letter-spacing: 1px; } /* INDENT */ .ti10 { text-indent: 10px; } .ti20 { text-indent: 20px; } .tiN18 { text-indent: -18px; } /* BACKGROUND */ .bgLGray { background-color: #F2F2F2; } .bgLGray2 { background-color: #CEC9BE; } .bgLGray3 { background-color: #EEECE1; } .bgLGray4 { background-color: #F8F8F8; } .bgLGray5 { background-color: #DDDDDD; } .bgLGray6 { background-color: #CCCCCC; } .bgLLGray { background-color: #F5F3EF; } .bgLLGray2 { background-color: #FDF7EF; } .bgLLGray3 { background-color: #F7F5EC; } .bgDGray { background-color: #A6A39B; } .bgDGray2 { background-color: #F8F2EC; } .bgPink { background-color: #F5C3CC; } .bgPink2 { background-color: #F2DCDB; } .bgPink3 { background-color: #FFE6E6; } .bgPink4 { background-color: #E6B9B8; } .bgPink5 { background-color: #FFE2E8; } .bgPink6 { background-color: #FF6666; } .bgPink7 { background-color: #FF8A90; } .bgLPurple { background-color: #9966CC; } .bgLPurple2 { background-color: #C49BC2; } .bgLPurple5 { background-color: #FFE6FE; } .bgPurple { background-color: #9966CC; } .bgDPurple { background-color: #DDBBFF; } .bgWhite { background-color: #FFFFFF; } .bgBrown { background-color: #DDD9C3; } .bgOrange { background-color: #FFCB9E; } .bgOrange2 { background-color: #FCF7DF; } .bgBeige { background-color: #F6F3E3; } .bgGreen { background-color: #E2EFDF; } .bgWRed { background-color: #AA3355; } .bgBlue { background-color: #8A2B86; } .bgLLPurple { background-color: #F7F0FF; } /* BORDER */ .sp { border-right: 1px solid #CCC; margin-right: 10px; padding-right: 10px; } .sp_l { border-left: 1px solid #CCC; margin-left: 10px; padding-left: 10px; } .bd0 { border: 0 !important;} .bdN { border: none !important; } .bdWhiteR { border-right: 1px solid #FFFFFF; } .bdWhiteL { border-left: 1px solid #FFFFFF; } .bdGrayR2 { border-right: 1px solid #A6A39B; } .bdGray { border: 1px solid #DDDDDD; } .bdGray2 { border: 1px solid #A6A6A6; } .bdGrayT { border-top: 1px solid #DDDDDD; } .bdGrayR { border-right: 1px solid #DDDDDD; } .bdGrayB { border-bottom: 1px dotted #DDDDDD; } .bdGrayB2 { border-bottom: 1px solid #DDDDDD; } .bdGrayB3 { border-bottom: 2px solid #666666; } .bdGrayL { border-left: 1px solid #DDDDDD; } .bdGrayL2 { border-left: 1px solid #A6A39B; } .bdGray2 { border: 1px solid #A6A6A6; } .bdGray3 { border: 1px solid #7F7F7F; } .bdGray4 { border: 1px solid #D9D9D9; } .bdGray5L { border-left: 1px solid #999999; } .bdGray5R { border-right: 1px solid #999999; } .bdGray6 { border: 1px solid #B7BBBA; } .bdDotGrayT { border-top: 1px dotted #999999; } .bdDotGrayB { border-bottom: 1px dotted #999999; } .bdLGrayT { border-top: 1px solid #CCCCCC; } .bdLGrayR { border-right: 1px solid #CCCCCC; } .bdLGrayB { border-bottom: 1px solid #CCCCCC; } .bdLGrayL { border-left: 1px solid #CCCCCC; } .bdLGray { border: 1px solid #CCCCCC; } .bdMGray { border-bottom: 1px solid #BFBFBF; } .bdWhite { border: 1px solid #FFFFFF; } .bdWhiteL { border-left: 1px solid #FFFFFF; } .bdPink { border: 1px solid #FF7799; } .bdPinkB { border-bottom: 1px solid #FF7799; } .bdPinkL { border-left: 1px solid #EC98AB; } .bdPurpleR { border-right: 1px solid #DDBBFF; } .bdDPink { border: 1px solid #E6BBBB; } .bdDPinkB { border-bottom: 1px solid #E6BBBB; } .bdCouponGrayR { border-right: 1px solid #DDD7D2; } .bdCouponGrayL { border-left: 1px solid #DDD7D2; } .bdCouponGreenR { border-right: 1px solid #91AC8A; } .bdCouponGreenL { border-left: 1px solid #91AC8A; } .bdDotT { border-top: 1px dotted #999999; } .bdDotR { border-right: 1px dotted #999999; } .bdDotB { border-bottom: 1px dotted #999999; } .bdOrangeR { border-right:1px solid #FFCB9E; } .bdOrangeB { border-bottom:1px solid #FFCB9E; } .bdOrangeT { border-top:1px solid #FFCB9E; } .bdOrange5 { border:5px solid #FFCFA3; } .bdGreenR { border-right:1px solid #91AC8A; } .bdRedB { border-bottom: 2px solid #AA3355; } .bdPurpleB2 { border-bottom:2px solid #663399; } .bdWRedB3 { border-bottom:3px solid #AA3355; } .bdPurpleB3 { border-bottom:3px solid #8A2B86; } .bdPurpleL9 { border-left:9px solid #8A2B86; } .bdPurple { border:1px solid #DDBBFF; } /* cursor */ .csrD { cursor: default !important; } /************************************************************ * スプライト画像 - 共通(c.png) ************************************************************/ .cS { background-image: url(/CSP/img/kr/sprites/c.png?switch=20240328) !important; background-repeat: no-repeat; border: 0; } /* ヘッダー */ .popUpLogo { background-position: -20px -260px; display: block; width: 52px; height: 17px; text-indent: -9999px; overflow: hidden; } .smallLogo { background-position: -580px 0; display: block; width: 118px; height: 49px; text-indent: -9999px; overflow: hidden; background-image: url(/CSP/img/kr/sprites/c.png?switch=20240328) !important; background-repeat: no-repeat; } /* テキスト画像 */ .txtNewHairStyle { background-position: -260px -1060px; width: 120px; height: 15px; } .txtUsefulContents { background-position: -20px -440px; width: 133px; height: 15px; } .txtPopularRanking { background-position: -20px -1180px; width: 175px; height: 12px; } .txtUpdateDay { background-position: -20px -1200px; width: 83px; height: 12px; } .txtImageSearch { background-position: -20px -1220px; width: 151px; height: 12px; } .txtSearchByRecommend { background-position: -260px -940px; width: 99px; height: 12px; } .txtNewKuchikomi { background-position: -260px -980px; width: 77px; height: 12px; } .txtNewSalonBlog { background-position: -260px -1020px; width: 104px; height: 12px; } .txtRecommendedMenu { background-position: -20px -940px; width:122px; height:14px; } .txtRecommendedHear { background-position: -20px -980px; width:149px; height:14px; } .txtRecommendedStylist { background-position: -20px -1020px; width:149px; height:14px; } .txtRecommendedSpace { background-position: -20px -1060px; width:160px; height:14px; } .txtRecommendedPickUp { background-position: -20px -1100px; width:97px; height:14px; } .txtRecommendedLowPrice { background-position: -20px -1060px; width:160px; height:14px; } .txtWantToBe { background-position: -20px -1240px; width:171px; height:29px; } .txtImageDiagnose { background-position: -20px -1280px; width:122px; height:20px; } .txtAboutImageDiagnose { background-position: -20px -1320px; width:165px; height:72px; } .txtRecommendHairSalon { background-position: -960px -860px; width:239px; height:15px; } .txtRecommendHairStyleSearch { background-position: -960px -900px; width:239px; height:15px; } .txtNewAreaStation { background-position: -960px -940px; width:149px; height:13px; } .txtNewStylist { background-position: -960px -980px; width:114px; height:13px; } .txtRecommendMenuSalon { background-position: -960px -1020px; width:178px; height:14px; } .txtRecommendHairStyleSalon { background-position: -960px -1060px; width:204px; height:14px; } .txtRecommendStylistSalon { background-position: -960px -1100px; width:204px; height:14px; } .txtRecommendSpaceServiceSalon { background-position: -960px -1140px; width:214px; height:14px; } .txtRecommendPickUpSalon { background-position: -960px -1180px; width:100px; height:14px; } .txtRecommendReasonableSalon { background-position: -960px -1220px; width:149px; height:14px; } .txtSearchLadys { background-position: -960px -1260px; width:47px; height:13px; } .txtSearchMrs { background-position: -960px -1300px; width:33px; height:13px; } .txtSearchMens { background-position: -960px -1340px; width:42px; height:13px; } .txtSearchNewHairStyle { background-position: -960px -1380px; width:110px; height:17px; } .txtNewSearchAreaStation { background-position: -960px -1420px; width:177px; height:17px; } .txtNewSearchImage { background-position: -960px -1460px; width:135px; height:17px; } /* 背景 */ .wantToBeBG { background-position: -220px -1240px; width:167px; height:180px; padding: 2px 9px 0; } /* ボタン */ .btn { border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; font-weight: bold; text-align: center; text-decoration: none; } .btn:hover { text-decoration: none; } .btn > span > input, .btn > span > span { background: none; border: none; cursor: pointer; display: block; font-weight: bold; height: 100%; width: 100%; } .regist { background-position: -393px -480px; display: block; width:146px; height:24px; display: block; margin: 0 auto; } .regist:hover { background-position: -393px -504px; } .login { background-position: -260px -480px; display: block; width:69px; height:24px; } .login:hover { background-position: -260px -504px; } .shindanStart { background-position: -20px -680px; display: block; width:166px; height:27px; } .shindanStart:hover { background-position: -20px -707px; display: block; width:166px; height:27px; } .reserveW69H24 { background-position: -20px -620px; background-repeat: no-repeat; display: block; width: 69px; height: 24px; } .reserveW69H24:hover { background-position: -20px -644px; } .viewDetailReservation { background-position: -300px -560px; background-repeat: no-repeat; display: block; width: 115px; height: 24px; } .viewDetailReservation:hover{ background-position: -300px -584px; } .searchThisTerms { background-position: -340px -480px; display: block; width:131px; height:30px; } .searchThisTerms:hover { background-position: -340px -510px; } /*予約ボタン*/ .salonReserve { background-position: -339px -480px; display: block; width: 42px; height: 16px; } .salonReserve:hover { background-position: -339px -496px; } /* アイコン */ .styleLong { background-position: -20px -220px; width: 77px; height: 18px; } .styleSemiLong { background-position: -100px -220px; width: 77px; height: 18px; } .styleMedium { background-position: -180px -220px; width: 77px; height: 18px; } .styleShort { background-position: -260px -220px; width: 77px; height: 18px; } .styleVeryShort { background-position: -340px -220px; width: 77px; height: 18px; } .styleMens { background-position: -380px -220px; width: 77px; height: 18px; } .styleMrs { background-position: -460px -220px; width: 77px; height: 18px; } .styleHairSet { background-position: -540px -220px; width: 77px; height: 18px; } .serviceHairSalon { background-position: -20px -740px; width: 58px; height: 18px; } .serviceRelax { background-position: -100px -740px; width: 58px; height: 18px; } .serviceSeitai { background-position: -180px -740px; width: 58px; height: 18px; } .serviceRefresh { background-position: -260px -740px; width: 58px; height: 18px; } .serviceEyeMake { background-position: -340px -740px; width: 58px; height: 18px; } .serviceNail { background-position: -420px -740px; width: 58px; height: 18px; } .serviceEsthe { background-position: -500px -740px; width: 58px; height: 18px; } .ranking1Small { background-position: 0 -320px; width: 46px; height: 16px; } .ranking2Small { background-position: -60px -320px; width: 46px; height: 16px; } .ranking3Small { background-position: -120px -320px; width: 46px; height: 16px; } .ranking4Small { background-position: -180px -320px; width: 46px; height: 16px; } .ranking5Small { background-position: -240px -320px; width: 46px; height: 16px; } .relaxSpecial { background-position: 0 -380px; width:81px; height:19px; } .nailSpecial { background-position: -100px -380px; width:81px; height:19px; } .wonStyle { background-position: -20px -860px; width:107px; height:19px; } .wonConversation { background-position: -160px -860px; width:107px; height:19px; } .wonAir { background-position: -300px -860px; width:107px; height:19px; } .blogEpisode { background-position: -20px -900px; width:107px; height:19px; } .blogBoom { background-position: -160px -900px; width:107px; height:19px; } .blogRecommended { background-position: -300px -900px; width:107px; height:19px; } /* .listStyleRecommend { background-position: -21px -861px; width:105px; height:17px; display: block; } .listJoyfulTalk { background-position: -161px -861px; width:105px; height:17px; display: block; } .listAtmosphere { background-position: -301px -861px; width:105px; height:17px; display: block; } .listWorksEvent { background-position: -20px -900px; width:107px; height:19px; display: block; } .listHobby { background-position: -160px -900px; width:107px; height:19px; display: block; } .listRecommendMenu { background-position: -300px -900px; width:107px; height:19px; display: block; } */ /* サイドメニュー下部バナー */ .forSalonWishToLink { background-position: -580px -40px; display: block; width:180px; height:45px; } .forSalonWishToPost { background-position: -580px -100px; display: block; width:180px; height:45px; } .forFooMoo { background-position: -580px -160px; display: block; width:180px; height:45px; } /************************************************************ * スプライト画像 - 横長画像(y.png) ************************************************************/ .yS { background-image: url(/CSP/img/kr/sprites/y.png?switch=20240328); } /* 見出し */ .mainContentsTitleOuter { background: none; } .mainContentsTitleInner { line-height: 21px; border-bottom: 1px solid #988989; background: url(/CSP/img/kr/icons/icon_heading_kr.png?switch=20240328) no-repeat 0 1px; padding-left: 25px; padding-bottom: 1px; font-size: 15px; font-weight: bold; color: #444444; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'MS Pゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica; } .mainContentsTitleInner h2 { font-size: 18px; } .mainContentsSecondTitleOuter { background: none; } .mainContentsSecondTitleInner { line-height: 21px; border-bottom: 1px solid #988989; background: url(/CSP/img/kr/icons/icon_heading.png?switch=20240328) no-repeat 0 1px; padding-left: 25px; padding-bottom: 1px; font-size: 15px; font-weight: bold; color: #444444; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'MS Pゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica; } .photoTitleArea{padding-bottom: 5px;} .mainContentsThirdTitle { color: #444444; background-color: #F0EDDD; font-weight: bold; font-size: 14px; padding:3px; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'MS Pゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica; } .mainContentsTitleYellow { background-position: 0 -420px; height:45px; color: #FFF; line-height: 45px; padding: 0 15px; } .mainContentsTitleNHOuter { background-position: -6126px top; background-repeat: no-repeat; background-color: #AA3355; } .mainContentsTitleNHInner { background-position: -6683px bottom; background-repeat: no-repeat; color: #FFFFFF; font-size: 16px; padding: 8px 10px; } .mainContentsTitleNHInner h2 { font-size: 16px; } .mainContentsTitleNOuter { background-position: -6126px top; background-repeat: no-repeat; background-color: #8A2B86; } .mainContentsTitleNInner { background-position: -6683px bottom; background-repeat: no-repeat; color: #FFFFFF; font-size: 14px; padding: 6px 10px; } .mainContentsTitleNInner h2 { font-size: 16px; } /************************************************************ * スプライト画像 - 横長画像 (y2.png) ************************************************************/ .y2S { background-image: url(/CSP/img/kr/sprites/y2.png?switch=20240328); } /* 最近見た */ .lastArea { background-position: -557px top; background-repeat: repeat-y; } .lastAreaTop { background-position: -1114px top; background-repeat: no-repeat; } .lastAreaBottom { padding: 10px; box-sizing: border-box; } .lastAreaBottom dt { color:#A9A398; } /* 路線図 */ .routeMap { background-position: -1671px 0; background-repeat: repeat-y; } .routeMapHead { background-position: -2228px top; background-repeat: no-repeat; } .routeMapBottom { background-position: -2785px bottom; background-repeat: no-repeat; padding: 10px; zoom: 1; } .routeMapBottom ul { margin: 0 auto; position: relative; } .routeMapBottom ul > li { position: absolute; } .routeMapBottom ul > li > a { width: 75px; height: 65px; display: block; text-indent: -9999px; overflow: hidden; } .routeMapBottom ul > li > a:hover { background-position: bottom; } /* 路線一覧(JSOFF時) */ .routeMapBottom .routeMapList { margin-top: -21px; } .routeMapBottom .routeMapList, .routeMapBottom .routeMapList ul, .routeMapBottom .routeMapList li { position: static; } .routeMapBottom .routeMapList .routeMapListCassette { border-top: 1px dotted #DDDDDD; margin-top: 10px; padding-top: 10px; zoom: 1; } .routeMapBottom .routeMapList li a { display: inline ; overflow: visible ; text-indent: 0 ; width: auto ; height: auto ; } /************************************************************ * スプライト画像 - 横長画像(y_g.png) ************************************************************/ .ygS { background-image: url(/CSP/img/kr/sprites/y_g.png?switch=20240328); } .mainContentsSecondTitleOuterFw { background-position: -5189px top; background-repeat: no-repeat; background-color: #F2F2F2; padding-top: 3px; position: relative; zoom: 1; } .mainContentsSecondTitleOuter2 { background-position: -1530px top; background-repeat: no-repeat; background-color: #F2F2F2; padding-top: 3px; position: relative; zoom: 1; } .mainContentsSecondTitleInner2 { background-color:#D9D9D9; background-position: -2295px bottom; background-repeat: no-repeat; font-size: 14px; padding-bottom: 3px;} /* 一覧カセット内のアクセス表示部背景 */ .listCassetteAccessOuter { background-position: 0 top; background-repeat: no-repeat; background-color: #DFDBCF; } .listCassetteAccessInner { padding: 5px; background-position: -765px bottom; background-repeat: no-repeat; } /************************************************************ * スプライト画像 - 横長画像(y_3.png) ************************************************************/ .y3S { background-image: url(/CSP/img/kr/sprites/y3.png?switch=20240328); background-color: transparent; border: 0; } .recommendedCouponInnerMiddle { background-position: 0 0; background-repeat: repeat-y; } .recommendedCouponInnerTop { background-position: -219px top; background-repeat: no-repeat; } .recommendedCouponInnerBottom { background-position: -438px bottom; background-repeat: no-repeat; } /************************************************************ * CSS Sprite - 横長が(y.png) ************************************************************/ .y4S { background-image: url(/CSP/img/kr/sprites/y4.png?switch=20240328); } .grayPointBodyHead {background-position: -324px top; background-repeat: no-repeat; padding-top: 6px} .grayPointBodyBox {background-position: -648px bottom; background-repeat: no-repeat; padding-bottom: 6px;} .grayPointBody{ background-position: -486px 0; background-repeat: repeat-y; padding-left: 5px; padding-right: 5px; padding-top: 1px; } .usePointBodyBox {background-position: -162px bottom; background-repeat: no-repeat; padding-bottom: 6px;} .usePointBody{ background-position: 0 0; background-repeat: repeat-y; padding-left: 5px; padding-right: 5px; padding-top: 7px; } /************************************************************ * スプライト画像 - ボタン(b.png) ************************************************************/ .bS { background-image: url(/CSP/img/kr/sprites/b.png?switch=20240328); background-repeat: no-repeat; background-color: transparent; border: 0; } .searchSalon { background-position: 0 0px; width: 73px; height: 21px; } .searchSalon:hover { background-position: 0 -21px; } .addIntoMyPage { background-position: -80px 0; width: 160px; height: 19px; } .addIntoMyPage:hover { background-position: -80px -24px; } .sendToMobile { background-position: -250px 0; width: 160px; height: 19px; } .sendToMobile:hover { background-position: -250px -24px; } .showCouponPrintPage { background-position: -420px 0; width: 165px; height: 24px; } .showCouponPrintPage:hover { background-position: -420px -24px; } .rsvWithCoupon { background-position: -595px 0; width: 105px; height: 20px; } .rsvWithCoupon:hover { background-position: -595px -20px; } .return { background-position: 0 -60px; width:80px; height:24px; } .return:hover { background-position: 0 -84px; } .showAll { background-position: -90px -60px; width: 80px; height: 24px; } .showAll:hover { background-position: -90px -84px; } .sendMobile { background-position: -180px -60px; width: 80px; height: 24px; } .sendMobile:hover { background-position: -180px -84px; } .yes { background-position: -270px -60px; width: 80px; height: 24px; } .yes:hover { background-position: -270px -84px; } .toBack { background-position: -360px -60px; width: 80px; height: 24px; } .toBack:hover { background-position: -360px -84px; } .showDetailW80H24 { background-position: -450px -60px; width: 80px; height: 24px; } .showDetailW80H24:hover { background-position: -450px -84px; } .submitKuchikomi { background-position: 0 -120px; width: 115px; height: 24px; } .submitKuchikomi:hover { background-position: 0 -144px; } .backRailway { background-position: -120px -120px; width: 115px; height: 24px; } .backRailway:hover { background-position: -120px -144px; } .changeBtn { background-position: -240px -120px; width: 115px; height: 24px; } .changeBtn:hover { background-position: -240px -144px; } .goBackSalon { background-position: -360px -120px; width: 115px; height: 24px; } .goBackSalon:hover { background-position: -360px -144px; } .point { background-position: -480px -120px; width: 115px; height: 24px; } .point:hover { background-position: -480px -144px; } .howToReseve { background-position: -600px -120px; width: 115px; height: 24px; } .howToReseve:hover { background-position: -600px -144px; } .showMapPrintPage { background-position: -720px -120px; width: 115px; height: 24px; } .showMapPrintPage:hover { background-position: -720px -144px; } .addIntoMySalon { background-position: -840px -120px; width: 115px; height: 24px; } .addIntoMySalon:hover { background-position: -840px -144px; } .showNearestStation2 { background-position: 0 -180px; width: 80px; height: 34px; } .showNearestStation2:hover { background-position: 0 -214px;} .addIntoMyPageW110H40 { background-position: -90px -180px; width: 110px; height: 40px; } .addIntoMyPageW110H40:hover { background-position: -90px -220px; } .sort { background-position: 0 -270px; width: 80px; height: 30px; } .sort:hover { background-position: 0 -300px; } .searchByStation { background-position: -90px -270px; width: 150px; height: 30px; } .searchByStation:hover { background-position: -90px -300px; } .noNext { width: 151px; height: 30px; background-position: -1720px -270px; } .noNext:hover { background-position: -1720px -300px; } .oNext { width: 120px; height: 30px; background-position: -1590px -270px; } .oNext:hover { background-position: -1590px -300px; } .selectMenu { background-position: -250px -270px; width: 150px; height: 30px; } .selectMenu:hover { background-position: -250px -300px; } .searchByArea { background-position: -410px -760px; display: block; width:190px; height:32px; } .searchByArea:hover { background-position: -410px -792px; } .searchByStation2 { background-position: -210px -180px; display: block; width:139px; height:28px; position: relative; left: 16px; } .searchByStation2:hover { background-position: -210px -208px; } .reserveCoupon { background-position: -810px -270px; width: 150px; height: 50px; } .reserveCoupon:hover { background-position: -810px -320px; } .reserveMenu { background-position: -970px -270px; width: 190px; height: 32px; } .reserveMenu:hover { background-position: -970px -302px; } .next { background-position: 0 -380px; width: 150px; height: 30px; } .next:hover { background-position: 0 -410px; } .next2 { background-position: -160px -380px; width: 150px; height: 30px; } .next2:hover { background-position: -160px -410px; } .confirm { background-position: -320px -380px; width: 150px; height: 30px; } .confirm:hover { background-position: -320px -410px; } .submitBtn { background-position: -480px -380px; width: 150px; height: 50px; } .submitBtn:hover { background-position: -480px -430px; } .submitBtn2 { background-position: -640px -380px; width: 150px; height: 50px; } .submitBtn2:hover { background-position: -640px -430px; } .submitBtn3 { background-position: -1330px -270px; width: 150px; height: 50px; } .submitBtn3:hover { background-position: -1330px -320px; } .reserveW115H24 { background-position: -800px -380px; width: 115px; height: 24px; } .reserveW115H24:hover { background-position: -800px -404px; } .reserveW80H30S2 { background-position: -920px -380px; width: 80px; height: 30px; } .reserveW80H30S2:hover { background-position: -920px -410px; } .reserveW100H40 { background-position: -1010px -380px; width: 100px; height: 40px; } .reserveW100H40:hover { background-position: -1010px -420px; } .reserveL { background-position: -1120px -380px; width: 161px; height: 60px; } .reserveL:hover { background-position: -1120px -440px; } .reserveSalon { background-position: -1286px -380px; width: 194px; height: 30px; } .reserveSalon:hover { background-position: -1286px -410px; } .reserveSalon2 { background-position: -1490px -380px; width: 194px; height: 30px; } .reserveSalon2:hover { background-position: -1490px -410px; } .confirmL { background-position: -1170px -270px; width: 150px; height: 50px; } .confirmL:hover { background-position: -1170px -320px; } .reserveTel { background-position: -900px -550px; width: 35px; height: 32px; } .reserveImpossible { background-position: -940px -550px; width: 35px; height: 32px; } .reserveImmediately { background-position: -980px -550px; width: 35px; height: 32px; } .reserveImmediately:hover { background-position: -980px -582px; } .reserveTemporary { background-position: -1020px -550px; width: 35px; height: 32px; } .reserveTemporary:hover { background-position: -1020px -582px; } .reserveTemporaryStay { background-position: -1020px -550px; width: 35px; height: 32px; } .confirmExp { background-position: -1695px -380px; width: 150px; height: 50px; } .confirmExp:hover { background-position: -1695px -430px; width: 150px; height: 50px; } .submitExp { background-position: -1855px -380px; width: 190px; height: 50px; } .submitExp:hover { background-position: -1855px -430px; width: 190px; height: 50px; } .nominatedReserve { background-position: 0 -450px; width: 132px; height: 31px; } .nominatedReserve:hover { background-position: 0 -480px; } .vacancyReserve { background-position: -140px -450px; width: 132px; height: 31px; } .vacancyReserve:hover { background-position: -140px -480px; } /* ポップアップ画面のボタン */ .bt { display: block; background: 0; border: 0; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'MS Pゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica; font-weight: bold; text-decoration: none; text-align: center; } .close { background: url(/CSP/img/kr/icons_buttons/btn_close.gif?switch=20240328) no-repeat 0 0; width: 80px; height: 24px; } .close:hover { background: url(/CSP/img/kr/icons_buttons/btn_close.gif?switch=20240328) no-repeat 0 -24px; } .print { background: url(/CSP/img/kr/icons_buttons/btn_print.gif?switch=20240328) no-repeat 0 0; width: 80px; height: 24px; } .print:hover { background: url(/CSP/img/kr/icons_buttons/btn_print.gif?switch=20240328) no-repeat 0 -24px; } .agree { background: url(/CSP/img/kr/icons_buttons/btn_agree_send.png?switch=20240328) no-repeat 0 0; width: 190px; height: 32px; } .agree:hover { background-position: 0 -32px; } /************************************************************ * スプライト画像 - アイコン(i.png) ************************************************************/ .iS { background-image: url(/CSP/img/kr/sprites/i.png?switch=20240328) !important; background-repeat: no-repeat; } .iSb:before, .iSa:after { background-color: transparent; background-image: url("/CSP/img/kr/sprites/i.png?switch=20240328"); background-repeat: no-repeat; border: 0; content: " "; display: inline-block; vertical-align: middle; } /* 左付 */ .arrowT { display: inline-block; background-image: url(/CSP/img/kr/sprites/i.png?switch=20240328) !important; background-repeat: no-repeat; background-position: -193px -2px; padding-left: 10px; } .arrowR { background-position: -196px -241px; display: inline-block; padding-left: 8px; } .arrowR2 { background-position: -196px -3506px; display: inline-block; padding-left:8px; } .arrowROff { background-position: -196px -460px; display: inline-block; padding-left: 8px; } .arrowB { background-position: -193px -304px; padding-left: 11px; } .arrowRGray { background-position: -194px -3823px; padding-left: 8px; } .arrowRFlow { background-position: -193px -994px; padding-left: 14px; } /* ページング */ .arrowPagingL { background-position: -196px -121px; padding-left: 8px; margin-right: 8px; display: inline-block; } .arrowPagingR { background-position: right -241px; padding-right: 8px; margin-left: 8px; display: inline-block; } /* ページング(週毎) */ .arrowPagingWeekL { background-position: -196px -124px; padding-left: 8px;} .arrowPagingWeekLOff{ background-position: -196px -364px; padding-left: 8px;} .arrowPagingWeekR { background-position: right -244px; padding-right: 8px; } .arrowPagingWeekROff{ background-position: right -464px; padding-right: 8px; } /* クーポン (美容) */ .bt_couponTypeSmallCT02 { background-position: -177px -2704px; display: block; width: 23px; height: 13px; } .bt_couponTypeSmallCT03 { background-position: -177px -2817px; display: block; width: 23px; height: 13px; } .bt_couponTypeSmallCT01 { background-position: -177px -2930px; display: block; width: 23px; height: 13px; } /* クーポン(キレイ) */ .couponTypeSmallCT02 { background-position: -177px -2760px; display: block; width: 23px; height: 13px; } .couponTypeSmallCT03 { background-position: -177px -2873px; display: block; width: 23px; height: 13px; } .couponTypeSmallCT01 { background-position: -177px -2986px; display: block; width: 23px; height: 13px; } .couponTypeCT02 { background-position: -177px -580px; display: block; width: 23px; height: 23px; } .couponTypeCT03 { background-position: -177px -720px; display: block; width: 23px; height: 23px; } .couponTypeCT01 { background-position: -177px -860px; display: block; width: 23px; height: 23px; } .couponTypeLargeCT02 { background-position: -170px -1000px; display: block; width: 30px; height: 30px; } .couponTypeLargeCT03 { background-position: -170px -1140px; display: block; width: 30px; height: 30px; } .couponTypeLargeCT01 { background-position: -170px -1280px; display: block; width: 30px; height: 30px; } /* 単体 */ .check { background-position: -155px -1460px; width: 45px; height: 18px; } .upLately { background-position: -170px -1500px; width: 30px; height: 13px; margin-left: 5px; } .upLatelyS { background-position: -178px -1480px; width: 22px; height: 11px; margin-left: 5px; } .new { background-position: -170px -1520px; width: 30px; height: 13px; margin-left: 5px; } .newS { background-position: -178px -1540px; width: 22px; height: 11px; margin-left: 5px; } /* 携帯キャリア */ .imode { background-position: right -1760px; display: inline-block; width:16px; height: 16px; } .yahoo { background-position: right -1780px; display: inline-block; width:16px; height: 18px; } .ez { background-position: right -1800px; display: inline-block; width:16px; height: 18px; } /* プラスマーク */ .plusMark { background-position: -183px -1840px; width: 17px; height: 17px; } .plusMarkGreen { background-position: -183px -1860px; width: 17px; height: 17px; } .plusMarkPurple { background-position: -183px -1860px; width: 17px; height: 17px; } /* ネット予約OK! */ .listImmediately, .listNominate, .listTheDay, .listTemporary, .listPoint, .listMensRecommend, .listMensKodawari, .temporaryRsv, .experienceApplication { -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; font-size: 10px; line-height: 1; text-align: center; min-width: 60px; padding: 2px; } .listImmediately, .listNominate, .listTheDay, .listTemporary, .temporaryRsv, .experienceApplication { background-color: #FFFFFF; border: solid 1px #988989; color: #988989; } .listPoint { background-color: #ECA241; border: solid 1px #EB961D; color: #FFFFFF; } .listMensKodawari { background-color: #6DA1DB; border: solid 1px #4789C5; color: #FFFFFF; } .listMensRecommend { background-color: #E4EDF0; border: solid 1px #8CB5DF; color: #4286CC; } /* ブログ・クチコミアイコン */ .listBlog { background-position: -153px -2120px; width:47px; height:20px; display: block; } .listKuchikomi { background-position: -153px -2140px; width:47px; height:20px; display: block; } /* 詳細ヘッダ内サービスアイコン */ .krGenreGR01 { background-position: -142px -2280px; width:58px; height:18px; } .krGenreGR02 { background-position: -142px -2300px; width:58px; height:18px; } .krGenreGR03 { background-position: -142px -2320px; width:58px; height:18px; } .krGenreGR05 { background-position: -142px -2340px; width:58px; height:18px; } .krGenreGR04 { background-position: -142px -2360px; width:58px; height:18px; } .krGenreGR06 { background-position: -142px -2380px; width:58px; height:18px; } .krGenreGR07 { background-position: -142px -2260px; width:58px; height:18px; } .krGenreGR08 { background-position: -142px -2240px; width:58px; height:18px; } .krGenreGR09 { background-position: -142px -2220px; width:58px; height:18px; } /* サービスアイコン */ .serviceHairSalonN { background-position: -148px -2480px; width: 52px; height: 14px; } .krGenreSmallGR01 { background-position: -148px -2500px; width: 52px; height: 14px; } .krGenreSmallGR02 { background-position: -148px -2520px; width: 52px; height: 14px; } .krGenreSmallGR03 { background-position: -148px -2540px; width: 52px; height: 14px; } .krGenreSmallGR05 { background-position: -152px -2560px; width: 52px; height: 14px; } .krGenreSmallGR04 { background-position: -148px -2580px; width: 52px; height: 14px; } .krGenreSmallGR06 { background-position: -148px -2600px; width: 52px; height: 14px; } /* マイメニューアイコン */ .myMenuDecision { background-position: -135px -3360px; width:65px; height:18px;} .myMenuTemporary{ background-position: -135px -3380px; width:65px; height:18px;} .myMenuVisitted { background-position: -135px -3400px; width:65px; height:18px;} .myMenuFailure { background-position: -135px -3420px; width:65px; height:18px;} .myMenuCancel { background-position: -135px -3440px; width:65px; height:18px;} /************************************************************ * スプライト画像 - 美容-アイコン(i.png) ************************************************************/ .ibS { background-image: url("/CSP/img/bt/sprites/i.png?switch=20240328") !important; background-repeat: no-repeat; } /************************************************************ * スプライト画像 - 一覧画面固有スプライト画像(list.png) ************************************************************/ .listS { background-image: url(/CSP/img/kr/sprites/list.png?switch=20240328); background-repeat: no-repeat; } /* 表 */ .listImageBG1 { background-position: -1200px -540px; width:176px; height:231px; } .listImageBG2 { background-position: -1380px -540px; width:231px; height:176px; } .listImageBG4 { background-position: -1680px -20px; width:99px; height:132px; } .listImageBG5 { background-position: -1525px -20px; width:132px; height:99px; } .listImageBG7 { background-position: -1799px -19px; width:92px; height:74px; } .listImageBG8 { background-position: -1900px -20px; width:165px; height:127px; } .listImageBG9 { background-position: -1900px -160px; width:127px; height:165px; } .photoFrameLarge { background-position: -800px -20px; width: 285px; text-align: center; padding: 6px 0 8px; } .photoFrame { background-position: -1100px -20px; width: 218px; text-align: center; padding: 3px 0 4px; } .photoFrameSmall { background-position: -1340px -20px; width: 162px; text-align: center; padding: 3px 0 4px; } /* 検索ボックス */ .bgSearch { background-position: -400px -540px; padding: 22px 30px; } .searchTitle { background-position: -400px -640px; width:94px; height:14px; } /************************************************************ * スプライト画像 - 詳細画面固有スプライト画像(detail.png) ************************************************************/ .detailS { background-image: url(/CSP/img/kr/sprites/detail.png?switch=20240328); background-repeat: no-repeat; } /* クーポン */ .messageFromSalon { background-position: -20px -20px; width: 122px; height: 28px; display: block; } .couponListHead { background-position: -20px -60px; height: 31px; } .limitedCouponListHead { background-position: -20px -100px; height: 31px; } /* クチコミサムネ画像 */ .thumnailSalesPointGR01_RP01 { background-position: 0 -320px; width: 119px; height: 119px; } .thumnailSalesPointGR01_RP02 { background-position: -160px -320px; width: 119px; height: 119px; } .thumnailSalesPointGR01_RP03 { background-position: -320px -320px; width: 119px; height: 119px; } .thumnailSalesPointGR01_RP04 { background-position: -480px -320px; width: 119px; height: 119px; } .thumnailSalesPointGR01_RP99 { background-position: -640px -320px; width: 119px; height: 119px; } .thumnailSalesPointGR02_RP01 { background-position: -800px -320px; width: 119px; height: 119px; } .thumnailSalesPointGR02_RP05 { background-position: -960px -320px; width: 119px; height: 119px; } .thumnailSalesPointGR02_RP02 { background-position: -1120px -320px; width: 119px; height: 119px; } .thumnailSalesPointGR02_RP03 { background-position: -1280px -320px; width: 119px; height: 119px; } .thumnailSalesPointGR02_RP04 { background-position: -1440px -320px; width: 119px; height: 119px; } .thumnailSalesPointGR02_RP99 { background-position: -1600px -320px; width: 119px; height: 119px; } .thumnailSalesPointGR03_RP01 { background-position: -1760px -320px; width: 119px; height: 119px; } .thumnailSalesPointGR03_RP02 { background-position: -1920px -320px; width: 119px; height: 119px; } .thumnailSalesPointGR03_RP08 { background-position: -2080px -320px; width: 119px; height: 119px; } .thumnailSalesPointGR03_RP04 { background-position: -2240px -320px; width: 119px; height: 119px; } .thumnailSalesPointGR03_RP99 { background-position: -2400px -320px; width: 119px; height: 119px; } .thumnailSalesPointGR04_RP07 { background-position: 0 -480px; width: 119px; height: 119px; } .thumnailSalesPointGR04_RP09 { background-position: -160px -480px; width: 119px; height: 119px; } .thumnailSalesPointGR04_RP02 { background-position: -320px -480px; width: 119px; height: 119px; } .thumnailSalesPointGR04_RP06 { background-position: -480px -480px; width: 119px; height: 119px; } .thumnailSalesPointGR04_RP04 { background-position: -640px -480px; width: 119px; height: 119px; } .thumnailSalesPointGR04_RP99 { background-position: -800px -480px; width: 119px; height: 119px; } .thumnailSalesPointGR05_RP01 { background-position: -960px -480px; width: 119px; height: 119px; } .thumnailSalesPointGR05_RP02 { background-position: -1120px -480px; width: 119px; height: 119px; } .thumnailSalesPointGR05_RP06 { background-position: -1280px -480px; width: 119px; height: 119px; } .thumnailSalesPointGR05_RP04 { background-position: -1440px -480px; width: 119px; height: 119px; } .thumnailSalesPointGR05_RP99 { background-position: -1600px -480px; width: 119px; height: 119px; } .thumnailSalesPointGR06_RP01 { background-position: -1760px -480px; width: 119px; height: 119px; } .thumnailSalesPointGR06_RP02 { background-position: -1920px -480px; width: 119px; height: 119px; } .thumnailSalesPointGR06_RP03 { background-position: -2080px -480px; width: 119px; height: 119px; } .thumnailSalesPointGR06_RP04 { background-position: -2240px -480px; width: 119px; height: 119px; } .thumnailSalesPointGR06_RP99 { background-position: -2400px -480px; width: 119px; height: 119px; } /* イチオシNo.1ポイント - テキスト画像 */ .textSalesPointLargeRP04 { background-position: 0 -660px; width: 224px; height: 34px; } .textSalesPointLargeRP03 { background-position: 0 -720px; width: 68px; height: 34px; } .textSalesPointLargeRP06 { background-position: 0 -780px; width: 218px; height: 34px; } .textSalesPointLargeRP09 { background-position: 0 -840px; width: 194px; height: 34px; } .textSalesPointLargeRP02 { background-position: 0 -900px; width: 104px; height: 34px; } .textSalesPointLargeRP01 { background-position: 0 -960px; width: 218px; height: 34px; } .textSalesPointLargeRP99 { background-position: 0 -1020px; width: 97px; height: 34px; } .textSalesPointLargeRP08 { background-position: -250px -780px; width: 200px; height: 34px; } .textSalesPointLargeRP05 { background-position: -250px -720px; width: 211px; height: 34px; } .textSalesPointLargeRP07 { background-position: -250px -660px; width: 156px; height: 34px; } /* イチオシNo.2ポイント&No.3ポイント - テキスト画像 */ .textSalesPointSmallRP04 { background-position: -520px -660px; width: 84px ; height: 14px; } .textSalesPointSmallRP03 { background-position: -520px -740px; width: 26px; height: 14px; } .textSalesPointSmallRP06 { background-position: -520px -740px; width: 82px; height: 14px; } .textSalesPointSmallRP09 { background-position: -520px -780px; width: 74px; height: 14px; } .textSalesPointSmallRP02 { background-position: -520px -820px; width: 40px; height: 14px; } .textSalesPointSmallRP01 { background-position: -520px -860px; width: 79px; height: 14px; } .textSalesPointSmallRP99 { background-position: -520px -900px; width: 37px; height: 14px; } .textSalesPointSmallRP07 { background-position: -520px -940px; width: 60px; height: 14px; } .textSalesPointSmallRP05 { background-position: -520px -980px; width: 79px; height: 14px; } .textSalesPointSmallRP08 { background-position: -520px -1020px; width: 76px; height: 14px; } /* イチオシNo.2ポイント&No.3ポイント */ .no2RecommendPoint { background-position: -20px -200px; width: 72px; height: 20px; } .no3RecommendPoint { background-position: -120px -200px; width: 72px; height: 20px; } /************************************************************ * スプライト画像 - イチオシ関連スプライト画像(ichioshi.png) ************************************************************/ .ichioshiS { background-image: url(/CSP/img/kr/sprites/ichioshi.png?switch=20240328); background-repeat: no-repeat; } /* ワタシがオススメするイチオシポイント */ .bgMyRecommendPoint11 { background-position: 0 -320px; width: 765px; height: 48px; padding-top: 38px; } .bgMyRecommendPoint12 { background-position: -1560px -320px; width: 765px; height: 48px; padding-top: 38px; } .bgMyRecommendPoint13 { background-position: -2340px -320px; width: 765px; height: 48px; padding-top: 38px; } .bgMyRecommendPoint14 { background-position: 0 -440px; width: 765px; height: 48px; padding-top: 38px; } .bgMyRecommendPoint10 { background-position: -780px -440px; width: 765px; height: 48px; padding-top: 38px; } .bgMyRecommendPoint47 { background-position: -1560px -440px; width: 765px; height: 48px; padding-top: 38px; } .bgMyRecommendPoint49 { background-position: -2340px -440px; width: 765px; height: 48px; padding-top: 38px; } .bgMyRecommendPoint42 { background-position: -1560px -320px; width: 765px; height: 48px; padding-top: 38px; } .bgMyRecommendPoint46 { background-position: -780px -320px; width: 765px; height: 48px; padding-top: 38px; } .bgMyRecommendPoint44 { background-position: 0 -440px; width: 765px; height: 48px; padding-top: 38px; } .bgMyRecommendPoint40 { background-position: -780px -440px; width: 765px; height: 48px; padding-top: 38px; } .bgMyRecommendPoint51 { background-position: 0 -320px; width: 765px; height: 48px; padding-top: 38px; } .bgMyRecommendPoint52 { background-position: -1560px -320px; width: 765px; height: 48px; padding-top: 38px; } .bgMyRecommendPoint56 { background-position: -780px -320px; width: 765px; height: 48px; padding-top: 38px; } .bgMyRecommendPoint54 { background-position: 0 -440px; width: 765px; height: 48px; padding-top: 38px; } .bgMyRecommendPoint50 { background-position: -780px -440px; width: 765px; height: 48px; padding-top: 38px; } .bgMyRecommendPoint61 { background-position: 0 -320px; width: 765px; height: 48px; padding-top: 38px; } .bgMyRecommendPoint62 { background-position: -1560px -320px; width: 765px; height: 48px; padding-top: 38px; } .bgMyRecommendPoint63 { background-position: -2340px -320px; width: 765px; height: 48px; padding-top: 38px; } .bgMyRecommendPoint64 { background-position: 0 -440px; width: 765px; height: 48px; padding-top: 38px; } .bgMyRecommendPoint60 { background-position: -780px -440px; width: 765px; height: 48px; padding-top: 38px; } /* イチオシNo.1ポイント背景 */ .no1RecommendPoint11 { background-position: 0 0; width: 765px; height: 82px; padding-top: 50px; } .no1RecommendPoint12 { background-position: -1560px 0; width: 765px; height: 82px; padding-top: 50px; } .no1RecommendPoint13 { background-position: -2340px 0; width: 765px; height: 82px; padding-top: 50px; } .no1RecommendPoint14 { background-position: 0 -160px; width: 765px; height: 82px; padding-top: 50px; } .no1RecommendPoint10 { background-position: -780px -160px; width: 765px; height: 82px; padding-top: 50px; } .no1RecommendPoint47 { background-position: -1560px -160px; width: 765px; height: 82px; padding-top: 50px; } .no1RecommendPoint49 { background-position: -2340px -160px; width: 765px; height: 82px; padding-top: 50px; } .no1RecommendPoint42 { background-position: -1560px 0; width: 765px; height: 82px; padding-top: 50px; } .no1RecommendPoint46 { background-position: -780px 0; width: 765px; height: 82px; padding-top: 50px; } .no1RecommendPoint44 { background-position: 0 -160px; width: 765px; height: 82px; padding-top: 50px; } .no1RecommendPoint40 { background-position: -780px -160px; width: 765px; height: 82px; padding-top: 50px; } .no1RecommendPoint51 { background-position: 0 0; width: 765px; height: 82px; padding-top: 50px; } .no1RecommendPoint52 { background-position: -1560px 0; width: 765px; height: 82px; padding-top: 50px; } .no1RecommendPoint56 { background-position: -780px 0; width: 765px; height: 82px; padding-top: 50px; } .no1RecommendPoint54 { background-position: 0 -160px; width: 765px; height: 82px; padding-top: 50px; } .no1RecommendPoint50 { background-position: -780px -160px; width: 765px; height: 82px; padding-top: 50px; } .no1RecommendPoint61 { background-position: 0 0; width: 765px; height: 82px; padding-top: 50px; } .no1RecommendPoint62 { background-position: -1560px 0; width: 765px; height: 82px; padding-top: 50px; } .no1RecommendPoint63 { background-position: -2340px 0; width: 765px; height: 82px; padding-top: 50px; } .no1RecommendPoint64 { background-position: 0 -160px; width: 765px; height: 82px; padding-top: 50px; } .no1RecommendPoint60 { background-position: -780px -160px; width: 765px; height: 82px; padding-top: 50px; } /* イチオシNo.1ポイント背景(2位、3位トルツメ) */ .no1RecommendOnlyPoint11 { background-position: 0 0; width: 765px; height: 48px; padding-top: 50px; } .no1RecommendOnlyPoint12 { background-position: -1560px 0; width: 765px; height: 48px; padding-top: 50px; } .no1RecommendOnlyPoint13 { background-position: -2340px 0; width: 765px; height: 48px; padding-top: 50px; } .no1RecommendOnlyPoint14 { background-position: 0 -160px; width: 765px; height: 48px; padding-top: 50px; } .no1RecommendOnlyPoint10 { background-position: -780px -160px; width: 765px; height: 48px; padding-top: 50px; } .no1RecommendOnlyPoint47 { background-position: -1560px -160px; width: 765px; height: 48px; padding-top: 50px; } .no1RecommendOnlyPoint49 { background-position: -2340px -160px; width: 765px; height: 48px; padding-top: 50px; } .no1RecommendOnlyPoint42 { background-position: -1560px 0; width: 765px; height: 48px; padding-top: 50px; } .no1RecommendOnlyPoint46 { background-position: -780px 0; width: 765px; height: 48px; padding-top: 50px; } .no1RecommendOnlyPoint44 { background-position: 0 -160px; width: 765px; height: 48px; padding-top: 50px; } .no1RecommendOnlyPoint40 { background-position: -780px -160px; width: 765px; height: 48px; padding-top: 50px; } .no1RecommendOnlyPoint51 { background-position: 0 0; width: 765px; height: 48px; padding-top: 50px; } .no1RecommendOnlyPoint52 { background-position: -1560px 0; width: 765px; height: 48px; padding-top: 50px; } .no1RecommendOnlyPoint56 { background-position: -780px 0; width: 765px; height: 48px; padding-top: 50px; } .no1RecommendOnlyPoint54 { background-position: 0 -160px; width: 765px; height: 48px; padding-top: 50px; } .no1RecommendOnlyPoint50 { background-position: -780px -160px; width: 765px; height: 48px; padding-top: 50px; } .no1RecommendOnlyPoint61 { background-position: 0 0; width: 765px; height: 48px; padding-top: 50px; } .no1RecommendOnlyPoint62 { background-position: -1560px 0; width: 765px; height: 48px; padding-top: 50px; } .no1RecommendOnlyPoint63 { background-position: -2340px 0; width: 765px; height: 48px; padding-top: 50px; } .no1RecommendOnlyPoint64 { background-position: 0 -160px; width: 765px; height: 48px; padding-top: 50px; } .no1RecommendOnlyPoint60 { background-position: -780px -160px; width: 765px; height: 48px; padding-top: 50px; } /************************************************************ * スプライト画像 - 予約画面固有スプライト画像(reserve.png) ************************************************************/ .rsvS { background-image: url("/CSP/img/kr/sprites/reserve.png?switch=20240328"); background-repeat: no-repeat; display: block; } .preRsv { background-position: -840px -540px; width: 90px; height: 25px; } .directRsv { background-position: -840px -580px; width: 90px; height: 25px; } /* 画面遷移フロー */ .stepIcon { background-position: -20px -540px; width: 40px; height: 25px; margin-right: 13px; } .stepA02 { background-position: -180px -859px; width: 139px; height: 26px; margin-right: 8px; } .stepA03 { background-position: -329px -859px; width: 139px; height: 26px; margin-right: 8px; } .stepA04 { background-position: -478px -859px; width: 139px; height: 26px; margin-right: 8px; } .stepA05 { background-position: -622px -859px; width: 139px; height: 26px; margin-right: 9px; } .stepA06 { background-position: -776px -859px; width: 122px; height: 26px; } .stepA02On { background-position: -179px -895px; width: 140px; height: 26px; margin-right: 8px; } .stepA03On { background-position: -328px -895px; width: 140px; height: 26px; margin-right: 8px; } .stepA04On { background-position: -477px -895px; width: 140px; height: 26px; margin-right: 8px; } .stepA05On { background-position: -621px -895px; width: 140px; height: 26px; margin-right: 9px; } .stepA06On { background-position: -776px -895px; width: 122px; height: 26px; } .stepB03 { background-position: -31px -859px; width: 139px; height: 26px; margin-right: 8px; } .stepB03On { background-position: -31px -895px; width: 139px; height: 26px; margin-right: 8px; } .stepExp01 { background-position: -180px -940px; width: 239px; height: 29px; margin-right: 6px; } .stepExp02 { background-position: -428px -940px; width: 239px; height: 29px; margin-right: 6px; } .stepExp03 { background-position: -675px -940px; width: 222px; height: 29px; } .stepExp01On { background-position: -180px -976px; width: 239px; height: 29px; margin-right: 6px; } .stepExp02On { background-position: -428px -976px; width: 239px; height: 29px; margin-right: 6px; } .stepExp03On { background-position: -675px -976px; width: 222px; height: 29px; } .closeday { background-position: -50px 0; width: 35px; height: 90px; } .telPls { background-position: 0 0; width: 35px; height: 185px; } .circle { background-position: -885px -280px; width: 35px; height: 32px; } .wcircle { background-position: -925px -280px; width: 35px; height: 32px; } .wcircle:hover { background-position: -925px -325px; width: 35px; height: 32px; } .reserveDateTabL { background-position: left -500px; height: 28px; line-height: 28px; padding-left: 10px; } .reserveDateTabR { background-position: right -500px; height: 28px; line-height: 28px; padding-right: 10px; } .goback { background-position: -357px -173px; width: 180px; height: 28px; } .selectImg { background-position: -575px -40px; width: 99px; height: 132px; } .tabPurple { background-position: 0 -360px; width: 210px; height: 31px; } /************************************************************ * スプライト画像 - ブログ画面固有(blog.png) ************************************************************/ .blogS { background-image: url(/CSP/img/kr/sprites/blog.png?switch=20240328); background-repeat: no-repeat; } /* ブログアイコン */ .news { background-position: 0 0; display: block; width: 107px; height: 19px; } .recommend { background-position: -120px 0; display: block; width: 107px; height: 19px; } .menu { background-position: -240px 0; display: block; width: 107px; height: 19px; } .beauty { background-position: -360px 0; display: block; width: 107px; height: 19px; } .work { background-position: -480px 0; display: block; width: 107px; height: 19px; } .workTool { background-position: -600px 0; display: block; width: 107px; height: 19px; } .private { background-position: -720px 0; display: block; width: 107px; height: 19px; } .favorite { background-position: -840px 0; display: block; width: 107px; height: 19px; } .pet { background-position: -960px 0; display: block; width: 107px; height: 19px; } .other { background-position: -1080px 0; display: block; width: 107px; height: 19px; } .favotiteItem { background-position: -1200px 0; display: block; width: 107px; height: 19px; } /* ブログアイコン(大) */ .newsLarge { background-position: 0 -40px; display: block; width: 232px; height: 34px; } .recommendLarge { background-position: -260px -40px; display: block; width: 232px; height: 34px; } .menuLarge { background-position: -520px -40px; display: block; width: 232px; height: 34px; } .beautyLarge { background-position: -780px -40px; display: block; width: 232px; height: 34px; } .workLarge { background-position: -1040px -40px; display: block; width: 232px; height: 34px; } .workToolLarge { background-position: -1300px -40px; display: block; width: 232px; height: 34px; } .privateLarge { background-position: -1560px -40px; display: block; width: 232px; height: 34px; } .favoriteLarge { background-position: -1820px -40px; display: block; width: 232px; height: 34px; } .petLarge { background-position: -2080px -40px; display: block; width: 232px; height: 34px; } .otherLarge { background-position: -2340px -40px; display: block; width: 232px; height: 34px; } .favotiteItemLarge { background-position: -2600px -40px; display: block; width: 232px; height: 34px; } /* クチコミアイコン */ .kcSmartFeeling { background-position: 0 -100px; display: block; width: 107px; height: 19px; } .kcCalmFeeling { background-position: -120px -100px; display: block; width: 107px; height: 19px; } .kcHealedFeeling { background-position: -240px -100px; display: block; width: 107px; height: 19px; } .kcStyling { background-position: -360px -100px; display: block; width: 107px; height: 19px; } .kcStyleSuggestions { background-position: -600px -100px; display: block; width: 107px; height: 19px; } .kcHairAdvice { background-position: -720px -100px; display: block; width: 107px; height: 19px; } .kcReception { background-position: -840px -100px; display: block; width: 107px; height: 19px; } .kcAmusingTalk { background-position: -960px -100px; display: block; width: 107px; height: 19px; } .kcRelief { background-position: -1080px -100px; display: block; width: 107px; height: 19px; } .kcCut { background-position: -1200px -100px; display: block; width: 107px; height: 19px; } .kcColor { background-position: -1320px -100px; display: block; width: 107px; height: 19px; } .kcPerm { background-position: 0 -140px; display: block; width: 107px; height: 19px; } .kcStraight { background-position: -120px -140px; display: block; width: 107px; height: 19px; } .kcExtension { background-position: -240px -140px; display: block; width: 107px; height: 19px; } .kcHealedMenu { background-position: -360px -140px; display: block; width: 107px; height: 19px; } .kcGoodServices { background-position: -480px -140px; display: block; width: 107px; height: 19px; } .kireiRecoPointRP01 { background-position: -600px -140px; display: block; width: 107px; height: 19px; } .kireiRecoPointRP02 { background-position: -720px -140px; display: block; width: 107px; height: 19px; } .kireiRecoPointRP03 { background-position: -840px -140px; display: block; width: 107px; height: 19px; } .kireiRecoPointRP04 { background-position: -960px -140px; display: block; width: 107px; height: 19px; } .kireiRecoPointRP05 { background-position: -480px -100px; display: block; width: 107px; height: 19px; } .kireiRecoPointRP06 { background-position: -1080px -140px; display: block; width: 107px; height: 19px; } .kireiRecoPointRP07 { background-position: -1200px -140px; display: block; width: 107px; height: 19px; } .kireiRecoPointRP08 { background-position: -1320px -140px; display: block; width: 107px; height: 19px; } .kireiRecoPointRP09 { background-position: 0 -180px; display: block; width: 107px; height: 19px; } .kcOther { background-position: -120px -180px; display: block; width: 107px; height: 19px; } /************************************************************ * スプライト画像 - ブログ画面固有(blog.png) ************************************************************/ /* ブログアイコン */ .blogCategory { border-radius: 3px; font-size: 10px; margin: 5px 10px 0 0; padding: 2px 0; text-align: center; width: 107px; } /* ブログアイコン(大) */ .blogCategoryLarge { border-radius: 3px; font-size: 13px; font-weight: bold; padding: 7px 0; text-align: center; width: 232px; } /************************************************************ * スプライト画像 - マイページ画面固有(mypage.png) ************************************************************/ .mypageS { background-image: url(/CSP/img/kr/sprites/mypage.png?switch=20240328); background-repeat: no-repeat; } /* 予約 ポインターカーソル */ .pointerCursor { cursor:pointer; } /************************************************************ * 追加 ************************************************************/ .inService { background: url("/CSP/img/kr/icons_buttons/hed_service.gif?switch=20240328") no-repeat; display: block; width:140px; height:22px; } .recruitSite { background: url("/CSP/img/kr/icons_buttons/hed_recruitsite.gif?switch=20240328") no-repeat; display: block; width:114px; height:22px; } .rPoint{background-position: -187px -3987px; padding-left: 17px; height: 13px;} .alertIcon{background-position: -185px -3949px; padding-left: 18px; height: 14px; display: inline-block;} /* リンクリスト */ .linkListDay li { display: inline; } /************************************************************ * カレンダー ************************************************************/ #calBox { position: absolute; z-index: 200; } .dyn_cal { position: relative; z-index: 200; display: none; width: 436px; height: 242px; border: 1px solid #999; background: #FFFFFF; text-align: center; overflow: hidden; } .dyn_cal > table { position: absolute; top: 33px; left: 0; } .dyn_cal > table > tbody > tr > td { border-style: none !important; padding: 9px 0 0 9px; } .dyn_cal_tbl { border-left: 1px solid #DDD !important; width: 204px; } .dyn_cal_tbl td { border-left: 1px solid #DDD !important; width: 29px !important; } .dyn_cal_tbl .youbi { border: solid #999; border-width: 0 1px 0 0; } .dyn_cal_tbl .youbi td { background: #999; color: #FFFFFF; font-weight: bold; border: none; padding: 0; } .dyn_cal_tbl th { padding: 2px 0; background-color: #DDD; border: solid #DDD; border-width: 1px; color: #4f381e; text-align: center; font-weight: bold; font-size: 13px; } .dyn_cal_tbl tr { border-left: 1px solid #DDDDDD !important; } .dyn_cal_tbl .week td { padding: 0; width: 100%; height: 28px; border: solid #DDD; border-width: 0 1px 1px 0; text-align: center; text-decoration: none; font-weight: bold; font-size: 16px; background: #F0F0F0; } .dyn_cal_tbl a { display: block; line-height: 28px; height: 28px; background: url(/CSP/img/common/bg_cal_cell.png?switch=20240328) 0 -28px no-repeat; text-decoration: none; } .dyn_cal_tbl a:hover { background: #EDCCCB; } .dyn_cal_tbl a:active { background: #EEE; } .dyn_cal_tbl td a { color:#777777; } .dyn_cal_tbl a.selectDate { background: #FF858E; color:#FFF !important; } .dyn_cal_tbl td.dyn_disable { height: 28px; background: url(/CSP/img/common/bg_cal_cell.png?switch=20240328) 0 0 no-repeat; color: #858585; } .dyn_cal .dyn_cal_close { position: absolute; top: 0; left: 0; padding: 5px 10px; width: 416px; background-color: #999; color: #FFF; text-align: left; } .dyn_cal .dyn_cal_close a { display: block; float: right; width: 20px; height: 20px; background: url(/CSP/img/common/btn_cal_close.png?switch=20240328) 0 0 no-repeat; text-indent: -9999px; } .dyn_cal .dyn_cal_close a:hover { background-position: 0 -20px; } .dyn_cal .dyn_cal_prev { position: absolute; top: 46px; left: 12px; } .dyn_cal .dyn_cal_prev a { display: block; width: 13px; height: 18px; background: url(/CSP/img/common/btn_cal_arrow.png?switch=20240328) 0 0 no-repeat; text-indent: -9999px; } .dyn_cal .dyn_cal_prev a:hover { background-position: 0 -18px; } .dyn_cal .dyn_cal_next { position: absolute; top: 46px; right: 13px; } .dyn_cal .dyn_cal_next a { display: block; width: 13px; height: 18px; background: url(/CSP/img/common/btn_cal_arrow.png?switch=20240328) -13px 0 no-repeat; text-indent: -9999px; } .dyn_cal .dyn_cal_next a:hover { background-position: -13px -18px; } .dyn_saturday{ color:#0065E0; } .dyn_saturday a { color:#4474BB !important; } .dyn_sunday{ color:#C80000; } .dyn_sunday a { color:#E63271 !important; } /* area box */ #areaBox { position: absolute; z-index: 300; } #areaBox .areaBoxWrapper { position: relative; width: 440px; padding: 10px 0; background-color: #FFFFFF; border: 1px solid #999999; z-index: 300; } #areaBox .areaBoxWrapper .areaBoxCassette { float: left; width: 210px; } #areaBox .areaBoxWrapper .headline { color: #777777; } #areaBox .areaBoxWrapper ul { margin-top: 15px; padding-bottom: 10px; } #areaBox .areaBoxWrapper ul li { display: block; padding-right: 10px; } #areaBox .areaBoxWrapper ul.recent li { display:inline-block; width: 95px; padding-right: 0px; *display: inline; *zoom: 1; vertical-align: top; } #areaBox .areaBoxClose { font-size: 12px; padding-top: 30px; text-align: center; } #areaBox .areaBoxClose a { color: #777777; text-decoration: none !important; } #areaBox .areaBoxClose a img { vertical-align: middle; margin-bottom: 1px; } #areaBox .areaBoxTopClose { font-size: 12px; width: 60px; margin-left: 200px; float: left; } #areaBox .areaBoxTopClose a { color: #777777; text-decoration: none !important; } #areaBox .areaBoxTopClose a img { vertical-align: middle; margin-bottom: 1px; } #areaBox .areaBoxTopReturn { font-size: 12px; float: right; margin-right: 10px; } /* 全エリア */ #areaBox .areaBoxWrapper.allArea { width: 480px; } #areaBox .areaBoxWrapper.allArea .areaBoxCassette { float: none; width: 100% } #areaBox .areaBoxWrapper.allArea .areaBoxCassette li { float: left; width: 220px; } #areaBox .areaBoxWrapper.allArea .areaBoxCassette li.areaBoxCassetteBackLink { float: none; margin-bottom: 20px; } #areaBox .areaBoxWrapper.allArea .areaBoxCassette li.areaBoxCassetteAllLink { clear: both; margin-top: 20px; } /* ensen */ .stationList { padding-bottom: 20px; } .stationList li { display: inline-block; width: 231px; *display: inline; *zoom: 1; vertical-align: top; } .stationList li span { color: #777777; } .suggestedStation { margin: 0 0 10px -10px; padding: 5px 0; border: solid 1px #DDA2A0; background-color: #F4E1E1; } .suggestedStation > dt { padding-left: 9px; } .suggestedStation ul { width: 596px; margin-right: -1px; } .suggestedStation ul > li { display: inline-block; width: 114px; padding-right: 2px; *display: inline; *zoom: 1; vertical-align: top; } .polularStationList { width: 596px; } .polularStationList li { display: inline-block; width: 116px; *display: inline; *zoom: 1; vertical-align: top; } .mainContentTitleBdR { border-bottom: 2px solid #AA3355; font-size: 16px; text-indent: 0.5em; } .lineTitle { padding: 2px; font-size: 14px; text-indent: 0.5em; color: #777777; } .inputStationName { border: 1px solid #CCCCCC; border-radius: 4px; ime-mode: active; line-height: 1em; padding: 2px 5px; width: 187px; } .inputStationName::placeholder { color: #909090; } .bdPink3 { border: 1px solid #E6BBBB; border-image: initial; } .bgWhite2 { background-color: #F6F3E3; } .preListHead { padding: 0 10px 5px; border-bottom: 2px solid #D9D9D9; position: relative; } .errorMsg { font-weight: bold; color: red; line-height: 1.8; } .bgErrorMsg { padding: 10px 5px; background-color: #F5DDDD; } .alertMsg { font-size: 16px; color: #DD0000; font-weight: bold; } .bgAlertMsg { background-color:#F5F3EF; padding:15px; text-align: center; } .experienceRsv { background-image: url('/CSP/img/kr/sprites/reserve.png?switch=20240328'); background-position: -840px -620px; background-repeat: no-repeat; display: block; width: 90px; height: 25px; } .title{ background-color: #E8E8E2; border: 1px solid #999999; display: block; line-height: 20px; padding: 10px 10px 2px; } /* SA headline */ .saHeadline { background-position: 0 -770px; width: 763px; height: 26px; line-height: 1.4; } /************************************************************ * MySalonSave Style ************************************************************/ .btnSaveToMySalonDone { display: none; width: 130px; padding: 0; } .btnSlnSaveToMySalonDone { display: none; width: 160px; padding: 0; } .txtSaveToMySalonDone { display: none; } /************************************************************ * Thickbox Style ************************************************************/ .tbWrapper { width: 926px; } .tbHeader { font-size: 16px; margin-bottom: 15px; } .tbClose { color: #BFB4AB !important; font-weight: bold; text-decoration: none !important; background: url(/CSP/img/hc/icons/icon_tb_close.png?switch=20240328) no-repeat left center; padding-left: 20px; font-size: 14px; } .modalContents { margin-top: 10px; padding: 0 20px; min-height: 300px; _height: 300px; } .pageBody { padding-top: 15px; padding-bottom: 15px; } div.b1-2 div.submitObj { background-color: #F5F3EF; margin-bottom: 21px; } #TB_ajaxContent.TB_modal { padding: 0 15px !important; } div.b1-2 div.submitObj .next { margin-right: 297px ; } div.b1-2 div.submitObj .toBack { } /************************************************************ * buttons ************************************************************/ .btn { border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; font-weight: bold; text-align: center; text-decoration: none; } .btn:hover { text-decoration: none; } .btn > span > input, .btn > span > span { background: none; border: none; cursor: pointer; display: block; font-weight: bold; height: 100%; width: 100%; } /* btn1 */ .btn1H24, .btn1H30, .btn1H34, .btn1H42, .btn1H44, .btn1H50, .btn1H60 { background: #8A5DB7; background: linear-gradient(to bottom, #AD7EDB 0%,#8A5DB7 75%,#7F51AC 100%); border: 1px solid #B386E0; border-radius: 4px; box-shadow: inset 1px 1px 3px #D9BFF0, inset -1px -1px 3px #A781CC; color: #FFFFFF !important; padding: 1px; } .btn1H24:hover, .btn1H30:hover, .btn1H34:hover, .btn1H42:hover, .btn1H44:hover, .btn1H50:hover, .btn1H60:hover { background: #A17DC5; background: linear-gradient(to bottom, #BD98E2 0%,#A17DC5 75%,#9772BB 100%); } .btn1H24 { line-height: 20px; } .btn1H30 { line-height: 26px; } .btn1H34{ line-height: 30px; } .btn1H42 { line-height: 38px; } .btn1H42.btnWlines { line-height: 15px; padding-top: 5px; padding-bottom: 5px; } .btn1H44 { line-height: 40px; } .btn1H44.btnWlines { line-height: 16px; padding-top: 5px; padding-bottom: 5px; } .btn1H50 { line-height: 46px; } .btn1H50.btnWlines { line-height: 18px; padding-top: 7px; padding-bottom: 7px; } .btn1H60 { line-height: 56px; font-size: 15px; } /* btn2 */ .btn2H24, .btn2H28, .btn2H30, .btn2H32, .btn2H50 { background: #FDF5F6; background: linear-gradient(to bottom, #FFFFFF 0%,#FAE5E7 100%); border: solid 1px #E5848E; border-radius: 3px; color: #E53B4E !important; padding-left: 1px; padding-right: 1px; } .btn2H24:hover, .btn2H28:hover, .btn2H30:hover, .btn2H32:hover, .btn2H50:hover { -ms-filter: alpha(opacity="70"); filter: alpha(opacity="70"); opacity: 0.7; } .btn2H24 { height: 24px; line-height: 22px; } .btn2H28 { height: 28px; line-height: 26px; } .btn2H30 { height: 30px; line-height: 28px; } .btn2H32 { height: 32px; line-height: 30px; } .btn2H50 { font-size: 13px; height: 50px; } .btn2H50.btnWlines { line-height: 18px; padding-top: 7px; padding-bottom: 7px; } /* btn2 kirei */ .btn2H24.btnKr, .btn2H28.btnKr, .btn2H30.btnKr, .btn2H32.btnKr, .btn2H50.btnKr { background: #F5EEFC; background: linear-gradient(to bottom, #FFFFFF 0%,#DBC8ED 100%); border: solid 1px #AD95C0; color: #663399 !important; } /* btn3 */ .btn3H19, .btn3H24, .btn3H32, .btn3H50 { background: #FFFFFF; background: linear-gradient(to bottom, #FFFFFF 0%,#F2F2F2 100%); border: solid 1px #A29697; border-radius: 3px; color: #666666 !important; padding: 1px; } .btn3H19:hover, .btn3H24:hover, .btn3H32:hover, .btn3H50:hover { background: #FDFDFD; background: linear-gradient(to bottom, #FFFFFF 0%,#F7F7F7 100%); border: solid 1px #C7C0C1; color: #A4A4A4 !important; } .btn3H19 input, .btn3H24 input, .btn3H32 input, .btn3H50 input { color: #666666; } .btn3H19:hover input, .btn3H24:hover input, .btn3H32:hover input, .btn3H50:hover input { color: #A4A4A4; } .btn3H19 { height: 19px; line-height: 15px; } .btn3H24 { height: 24px; line-height: 20px; } .btn3H32 { height: 32px; line-height: 28px; } .btn3H50 { height: 50px; line-height: 46px; } .detail2S { background-image: url(/CSP/img/bt/sprites/detail2.png?switch=20240328); background-repeat: no-repeat; } .waitTitle { background-position: -40px -260px !important; width: 635px; height: 24px; display:block; } .waitTitleShort { background-position: -40px -260px !important; width: 438px; height: 24px; display:block; } .addIntoMyStaff { background-position: -963px -120px; width: 165px; height: 24px; } .addIntoMyStaff:hover { background-position: -963px -144px; } .addIntoMyStylist { background-position: -715px 0; width: 160px; height: 20px; } .addIntoMyStylist:hover { background-position: -715px -24px; } .showDetailW131H30 { background-position: -361px -180px; width: 131px; height: 29px; } .showDetailW131H30:hover { background-position: -361px -210px; } .dateSerchAreaBottom { background-position: -5269px bottom; background-repeat: no-repeat; padding: 10px 5px 10px 8px; } .dateSerchAreaTop { background-position: -4887px top; background-repeat: no-repeat; } .dateSerchArea { background-position: -5078px top; background-repeat: repeat-y; } /* PickUp */ .pickUpArea { width:763px; overflow:hidden; } .pickUpAreaList { margin: -1px -1px 0; } .pickUpArea img { border:1px solid #CCC !important; padding:2px; } .pickUpListMenu { width:256px; border-top: 1px solid #DDD; display: inline-block; vertical-align: top; margin-right: -1px; padding: 10px 0; *display: inline; *zoom: 1; } .pickUpImgWrap { display: table-cell; border: solid #DDD; border-width: 0 1px; text-align: center; height: 225px; width: 254px; vertical-align: middle; } .pickUpDescription { width: 234px; padding: 5px 10px; border: solid #DDD; border-width: 0 1px; } .pickUpDescription > .menuName { height:36px; } /* MenuList */ .menuListBdCell td { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } .menuListBdCell .rightCell { background-color: #FDF7EF; padding: 10px 0; width: 170px; } .menuListBdCell th { background-color: #F5F3F1; border-bottom: 10px solid #FFFFFF; color: #7030A0; padding: 6px 10px; } .menuListBdCell .leftCell{ background-color: #FFFFFF; padding: 10px 15px 10px 10px; border-left:1px solid #CCC; } .menuListBdCell .TopCell { border-top:1px solid #CCC !important; } /* ブックマーク 済 */ /* btnBm */ .btnBm { display: block; border: 0; padding-left: 4px; text-align: center; font-weight: bold; color: #666666; } .btnBm > span { padding-right: 4px; display: block; } .btnBm > span > input, .btnBm > span > span, .btnBm > span.btnBmLeft > span.btnBmRight { display: block; width: 100%; height: 100%; border: none; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'MS Pゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica; font-weight: bold; } .btnBmH19 { background: url('/CSP/img/kr/sprites/btn2.png?switch=20240328') no-repeat left -2190px; line-height: 19px; text-decoration: none; } .btnBmH19 > span, .btnBmH19 > span.btnBmLeft { background: url('/CSP/img/kr/sprites/btn2.png?switch=20240328') no-repeat right -2209px; } .btnBmH19 > span > span, .btnBmH19 > span.btnBmLeft > span.btnBmRight { background: url('/CSP/img/kr/sprites/btn2.png?switch=20240328') repeat-x 0 -2228px; } .bkMySalon{width:156px;} .btnSaveToMySalonDone, .btnSaveToMyDesignDone{ display: none; } .btnSlnSaveToMySalonDone{ width:160px; display: none; } .addIntoMyStylistDone{ display: none; width: 165px; height: 24px; } .photoSaveBtn{height: 24px;} .btnSaveToMyDesignDone { display: none; color: #333333 !important; text-decoration: none !important; text-indent: 0px; cursor: pointer; } .tabArea a { display: block; width: 98px; height: 30px; background-image: url(/CSP/img/bt/tab/tab_area.png?switch=20240328); background-repeat: no-repeat; } /* 「エリアを変更する」モーダル */ .areaChangeTab { display: flex; } .areaChangeTab > li { background-color: #C1B4AA; overflow: hidden; width: 95px; } .areaChangeTab > li:last-child { width: 98px; } .areaChangeTab > li:first-child { border-radius: 4px 0 0 0; } .areaChangeTab > li:last-child { border-radius: 0 4px 0 0; } .areaChangeTab > li + li { margin-left: 3px; } .areaChangeTab > li.current, .areaChangeTab > li:hover { background-color: #F3F3F3; } .areaChangeTab > li > a { align-items: center; color: #FFFFFF !important; box-sizing: border-box; display: flex; font-size: 11px; font-weight: bold; height: 30px; justify-content: center; line-height: 1; text-align: center; text-decoration: none; } .areaChangeTab > li.current > a, .areaChangeTab > li:hover > a { border-top: 4px solid #C1B4AA; color: #665555 !important; } .tabBody { padding: 20px 10px; background-color: #F2F2F2; } .tabBody .rankingList .imgFrame { -ms-interpolation-mode: bicubic; } .tabAreaBody { padding: 20px; background-color: #F3F3F3; zoom: 1; } .middleaAreaChangeList > li:nth-of-type(n + 4) { margin-top: 4px; } .msInterMode { -ms-interpolation-mode: bicubic; } .choiceAreaName, .choiceAreaName:hover, .choiceAreaName:active, .choiceAreaName:visited{ color:#333333 !important; font-weight:bold; cursor: default; } /* サロンダイレクト */ .directHeader { margin-bottom: 9px; background-color: #F9F7ED; } .directHeader .headerBody { margin: 0px auto; position: relative; width: 600px; padding: 5px 0 10px; text-align: left; } .smallLogo { background-position: -580px 0; display: block; width: 118px; height: 49px; text-indent: -9999px; overflow: hidden; background-image: url(/CSP/img/kr/sprites/c.png?switch=20240328) !important; background-repeat: no-repeat; } /* 右カラム マップ */ .mapAreaSearch { background-image: url(/CSP/img/kr/map/g_map/usualInquiryTop.gif?switch=20240328); background-position: left top; background-repeat: no-repeat; padding-top: 3px; font-size: 12px; margin-top: 6px; } .mapAreaSearchInner { background-image: url(/CSP/img/kr/map/g_map/usualInquiryBottom.gif?switch=20240328); background-position: left bottom; background-repeat: no-repeat; padding-bottom: 3px; } .mapAreaSearchTtl { width: 168px; background: #FBFAF5; color: #797979; } /************************************************************ * SEOLP ************************************************************/ .diList { margin-left: -6px; } .diList > li { display: inline-block; } .diList > li:before { content: ", "; } .diList > li.secLine:before { content: none; } .searchAreaCityList > li + li { margin-top: 5px; } .searchAreaWardList li:nth-child(2):before { content: "( "; } .searchAreaWardList > li:not(:first-child):last-child:after { content: " )"; } .subtilte { width: 765px; height: 25px; margin: 5px 0px 0px; color: #444; font-size: 16px; font-weight: bold; font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','MS Pゴシック',MS PGothic,sans-serif; border-bottom: solid 2px #CDCABF; } .citiesSearch { padding: 10px 0 0 25px; width: 740px; } .citiesSearch + .citiesSearch { border-top: dotted 1px #999999; margin-top: 10px; } .citiesSearchHead, .citiesSearchItem { width: 185px; } .citiesSearchHead { margin-bottom: 10px; } .citiesSearchItem { padding-bottom: 2px; float: left; } .polularStationList.otherSearch li { width: 100% !important; } .polularStationList.addCounts li a, .polularStationList.addCounts li p { vertical-align: baseline; } .polularStationList.addCounts li span { vertical-align: baseline; } .seoLinkList:after { clear: both; content: ""; display: block; } .seoLinkList li { border-right: 1px solid #CCCCCC; float: left; margin: 5px 5px 0 0; padding-right: 5px; } .seoLinkList li:last-child { border-right: 0; margin: 5px 0 0; padding-right: 0; } /*SEOLP エリア変更モーダル*/ .citiesAreaBoxCassette .areaBoxCassette { width: 420px !important; } .citiesAreaBoxCassette .areaBoxCassette ul { padding: 0px 12px 15px !important; } .citiesAreaBoxCassette .areaBoxCassette ul li { float:left; width: 120px; } .citiesAreaBoxCassette .areaBoxClose { padding-top: 10px !important; } /*SEOLP フッター*/ .footerWrapper { background: #f6f4f3 url("/CSP/img/top/bg_footerwrapper.gif?switch=20240328") top; background-repeat: repeat-x; } .footerMainContents { width: 960px; margin: 0 auto; padding: 30px 0px 20px 0px; } .footerMainContentsInner { width: 765px; } .footerMainContentsInner .mainContentsFooterLinks3:first-child { padding-top: 0px; } .footerContents { background: #FFFFFF; border-top: 1px solid #DDDDDD; } .footerContents #footer { width: 1000px; margin: 0 auto; border-top: none !important; } .footerContentsInner { width: 1000px; margin: 0 auto; height: 60px; padding-top: 10px; border-top: none !important; margin-top: 0px !important; } .mainCntThirdTtl { border-top: 1px solid #BFB4AA; color: #665555; font-size: 14px; padding-top: 10px; } .btnBmBefore, .btnBmAfter { background-color: #FFFFFF; border-color: #CCCCCC; border-radius: 4px; border-style: solid; border-width: 1px 1px 2px 1px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #666666 !important; display: block; font-size: 11px; font-family: 'メイリオ', Meiryo, 'MS Pゴシック', 'MS P Gothic', 'Hiragino Kaku Gothic Pro', arial, sans-serif, verdana, Helvetica; font-weight: bold; padding: 5px; text-align: center; text-decoration: none; } .btnBmBefore:hover, .btnBmAfter:hover { text-decoration: none; -ms-filter: alpha(opacity="70"); filter: alpha(opacity="70"); opacity: 0.7; } .btnBmBefore.isActive, .btnBmAfter { color: #7030A0 !important; } .btnBmBefore:before, .btnBmAfter:before { background-image: url("/CSP/img/kr/sprites/i.png?switch=20240328"); content: ""; display: inline-block; height: 17px; margin-right: 8px; vertical-align: middle; width: 17px; } .btnBmBefore:before { background-position: -183px -5946px; } .btnBmBefore.isActive::before, .btnBmAfter:before { background-position: -183px -5986px; } .bookmarkBtnWrap { position: relative; } .btnCssLGray { background-color: #FFFFFF; border: solid #CCCCCC; border-radius: 4px; border-width: 1px 1px 3px 1px; color: #333333 !important; font-weight: bold; text-align: center; } .btnCssLGray a { color: #333333; text-decoration: none; display: block; } .btnCssLGray:hover { color: #333333; text-decoration: none; opacity: 0.7; -ms-filter: alpha(opacity="70"); filter: alpha(opacity="70"); } .btnCssPurple { background-color: #9271D0; border: solid #8C61B8; border-radius: 4px; border-width: 0 0 2px 0; color: #FFFFFF !important; font-weight: bold; text-align: center; } .btnCssPurple a { color: #FFFFFF !important; display: block; text-decoration: none; } .btnCssPurple:hover { -ms-filter: alpha(opacity="70"); filter: alpha(opacity="70"); opacity: 0.7; text-decoration: none; } .btnCssWhite { background-color: #FFFFFF; border: solid #CCCCCC; border-radius: 4px; border-width: 1px 1px 3px; color: #666666 !important; font-weight: bold; text-align: center; cursor: pointer; } .btnCssWhite a { color: #666666; display: block; } .btnCssWhite:hover { opacity: 0.7; text-decoration: none; } /* SEARCH KEYWORD */ .btnSearchFreeword { background-color: #F6F6F6; border: 1px solid #CCCCCC; border-radius: 4px; color: #666666; cursor: pointer; font-weight: bold; height: 24px; line-height: 20px; padding-left: 18px; padding-right: 18px; } .btnSearchFreeword:hover { -ms-filter: alpha(opacity="70"); filter: alpha(opacity="70"); opacity: 0.7; } /* / SEARCH KEYWORD */ /* SALON SELECTION */ .salonSelection { line-height: 1.2; } .salonSelection + .salonSelection { margin-top: 15px; } .ssHead { box-sizing: border-box; color: #A9A398; float: left; margin-right: 10px; padding-left: 10px; width: 100px; } /* /SALON SELECTION */ .lastAreaBottom .count { font-size: 11px; color: #666666; } /* jquery.minimalModal.js Overlay*/ .minimalModalOverlay { display: none; position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: url('/CSP/img/common/bg_over_layer.png?switch=20240328'); background-repeat: repeat; z-index: 1000; -webkit-tap-highlight-color: rgba(0,0,0,0); } /* /jquery.minimalModal.js Overlay*/ .tableFrame { border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; } .tableFrame th, .tableFrame td { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; } /* 見出し */ .mainCntSecondTtl { font-size: 14px; font-weight: bold; line-height: 1; padding: 10px 0 10px 14px; position: relative; } .mainCntSecondTtl:before { background: #BFB4AB; border-radius: 4px; bottom: 0; content: ""; display: block; height: auto; left: 0; position: absolute; top: 0; width: 4px; } .mainCntSecondTtl.cPink:before { background: #AE2D5B; } .mainCntSecondTtl.cPurple:before { background: #8C61B8; } .mainCntSecondTtl.twoLine { padding-left: 10px; } /* Radio, Checkbox color */ @media (min-width: 1px) { .basicCheck:checked + label:before { background-color: #8C61B8; border-color:#8C61B8; } .basicRadio:checked + label:after { background-color: #8C61B8; } } /* 王冠アイコン */ .icnCrown1, .icnCrown2, .icnCrown3, .icnCrownOther { background-position: 0 0; background-repeat: no-repeat; } .icnCrown1 { background-image: url(/CSP/img/nc/icons/icon_crown1.png?switch=20240328); } .icnCrown2 { background-image: url(/CSP/img/nc/icons/icon_crown2.png?switch=20240328); } .icnCrown3 { background-image: url(/CSP/img/nc/icons/icon_crown3.png?switch=20240328); } .icnCrownOther { background-image: url(/CSP/img/nc/icons/icon_crown_other.png?switch=20240328); } /* 性別判定モーダル */ .genderSelect { background-color: #BFB4AB; border-radius: 6px; left: 100px; padding: 15px; position: absolute; top: 35px; width: 770px; z-index: 100; } .genderSelectCnt { background-color: #FFFFFF; position: relative; } .genderSelectCnt:before, .genderSelectCnt:after { background: url(/CSP/img/kr/sprites/selectGenderSet.png?switch=20240328) no-repeat; content: ""; display: block; height: 224px; position: absolute; width: 205px; } .genderSelectCnt:before { background-position: 0 0; left: 14px; top: 15px; } .genderSelectCnt:after { background-position: -515px 0; right: 35px; top: 15px; } .genderSelectCntInner { margin: 0 auto; padding: 10px 20px 10px 0; text-align: center; width: 335px; } .genderSelectCntInner:before, .genderSelectCntInner:after { border-color: transparent; border-style: solid; content: ""; display: block; height: 0; position: absolute; right: 0; top: 0; width: 0; } .genderSelectCntInner:before { border-left-color: #E6E6E6; border-width: 35px 0 0 35px; } .genderSelectCntInner:after { border-right-color: #BFB4AB; border-width: 0 35px 35px 0; } .genderSelectTtl { border-bottom: 1px solid #BFB4AB; color: #665555; font-size: 16px; font-weight: bold; padding-bottom: 6px; } .genderSelectLead { color: #665555; display: inline-block; font-size: 12px; font-weight: bold; margin-top: 15px; padding: 0 15px; position: relative; } .genderSelectLead:before, .genderSelectLead:after { background-color: #665555; border-radius: 3px; content: ""; display: block; height: 17px; position: absolute; width: 2px; } .genderSelectLead:before { left: 0; top: 0; -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } .genderSelectLead:after { right: 0; top: 0; -webkit-transform: rotate(20deg); transform: rotate(20deg); } .genderBtnWrap { font-size: 0; margin-top: 10px; position: relative; text-align: center; } .genderBtn { border: 1px solid #FFFFFF; border-radius: 5px; box-sizing: border-box; color: #FFFFFF !important; display: inline-block; font-size: 13px; font-weight: bold; padding: 9px 10px 7px; text-align: center; width: 160px; } .genderBtn + .genderBtn { margin-left: 15px; } .genderLadies { background-color: #E25983; border: solid #D43666; border-width: 0 0 3px 0; } .genderMens { background-color: #0F94D2; border: solid #0867A9; border-width: 0 0 3px 0; } .genderBtn:hover { -ms-filter: alpha(opacity="70"); filter: alpha(opacity="70"); opacity: 0.7; text-decoration: none; } .genderSelectCloseBtn { background-color: #BFB4AB; border-radius: 6px; float: right; height: 30px; position: relative; right: -15px; top: -15px; width: 30px; z-index: 1; } .genderSelectCloseBtn:before, .genderSelectCloseBtn:after { background-color: #FFFFFF; border-radius: 3px; content: ""; display: block; height: 20px; position: absolute; right: 17px; top: 9px; width: 2px; } .genderSelectCloseBtn:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .genderSelectCloseBtn:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .genderSelectCloseBtn > a { position: relative; display: block; height: 100%; width: 100%; z-index: 101; } .genderSelectLeadList { margin: 8px auto 0; text-align: left; width: 300px; } .genderSelectLeadList li { color: #665555; font-size: 13px; } .genderSelectLeadList li + li { margin-top: 2px; } .genderSelectImg { margin-top: 10px; } /* フッターパンくず */ .footerTopicPathLinks { padding-top: 10px; } .footerTopicPathLinks ul { font-size: 0; padding-top: 3px; } .footerTopicPathLinks li { color: #333333; display: inline-block; font-size: 10px; } /* サロンの利用傾向 */ .mainCntForthTtl { display: flex; font-size: 14px; line-height: 34px; } .mainCntForthTtl::before { background-color: #BFB4AB; border-radius: 2px; content: ""; height: 34px; margin-right: 8px; width: 4px; } .salonDataAnnotationTxt { color: #666666; font-size: 10px; } .dataCollectTxt { color: #909090; font-size: 12px; } /* 平均予約金額 */ .averageCostTbl { border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; width: 100%; } .averageCostTbl th, .averageCostTbl td { border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF; border-style: solid; border-width: 1px; } .averageCostTbl th { background-color: #E6E6E6; box-sizing: border-box; padding: 6px; width: 180px; } .averageCostTbl td { background-color: #FFFFFF; padding: 8px; } /* 人気のクーポン */ .salonUsageTrendsTabList { display: flex; } .salonUsageTrendsTabList > li + li { margin-left: 10px; } .typeFilterBtn { background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 4px; border-width: 1px 1px 3px; color: #988989 !important; display: block; font-size: 13px; font-weight: bold; line-height: 20px; padding: 6px 0 3px; text-align: center; text-decoration: none !important; } .typeFilterBtn:not(.isCr):hover { opacity: 0.7; } .typeFilterBtn.isCr { background-color: #BEB4AB; border-color: #BEB4AB; color: #FFFFFF !important; } .salonUsageTrendsTabContentWrapper { height: 100%; } .salonUsageTrendsTabContentWrapper > li { display: none; height: 100%; } .salonUsageTrendsTabContentWrapper > li.isCr { display: block; } /* 予約比率グラフ */ .salonGraphDataWrap { display: flex; } /* 男女比率グラフ */ .reserveRatioWrap { flex: 1; } .reserveRatioWrap + .reserveRatioWrap { margin-left: 20px; } .mainCntFifthTtl { color: #665555; font-size: 12px; } .reserveGendersRatioGraphWrap { align-items: center; background-color: #FFFFFF; display: flex; min-height: 187px; justify-content: center; } .reserveGendersRatioGraph { border-radius: 50%; height: 80px; position: relative; width: 80px; } .reserveGendersRatioGraph > span { background-color: #FFFFFF; height: 40px; left: 50%; position: absolute; top: 25%; transform-origin: bottom center; width: 2px; } .reserveGendersRatioGraph > span:first-child { transform: translate(-50%, -50%); } .reserveGendersRatioGraph::after { background-color: #FFFFFF; border-radius: 50%; content: ""; height: 50px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 50px; } .reserveGendersRatioList { margin-left: 32px; } .reserveGendersRatioList > li + li { margin-top: 12px; } .reserveGenderWrap { align-items: center; color: #333333; display: flex; } .reserveGenderWrap > dd { margin-left: 20px; } .reserveGenderWrap::before { border-radius: 50%; content: ""; height: 15px; margin-right: 10px; width: 15px; } .reserveGenderWrap.ladies::before { background-color: #8C61B8; } .reserveGenderWrap.mens::before { background-color: rgba(140,97,184,0.5); } /* 年代比率グラフ */ .ageRatioGraphInner { font-size: 10px; height: 142px; position: relative; } .ageRatioGraphList, .ageRatioGraphInner .dataCollectTxt { background-color: #FFFFFF; border: 1px solid #E0E1E2; border-radius: 4px; box-sizing: border-box; height: 100%; padding: 16px; } .ageRatioGraphList::before { background-color: #E0E1E2; content: ""; height: calc(100% - 32px); left: 59px; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; } .ageRatioGraphList > li { align-items: center; display: flex; } .ageRatioGraphList > li:first-child { padding-top: 8px; } .ageRatioGraphList > li + li { margin-top: 4px; } .ageRatioGraphDataTxt { padding-right: 10px; white-space: nowrap; width: 33px; } .ageRatioGraphData { flex: 1; } .ageRatioGraphData span { background-color: #8C61B8; border-radius: 0 5px 5px 0; display: block; height: 10px; } .ageRatioGraphDataPercentage { padding-left: 16px; text-align: right; white-space: nowrap; width: 21px; }