/* date UI */ input[type='date'], input[type='time'] { appearance: none; } input[type='date'] { aspect-ratio: 144/36; } input[type='time'] { aspect-ratio: 128/36; } input[type='date']::-webkit-calendar-picker-indicator { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; } input[type='date']::-webkit-inner-spin-button { -webkit-appearance: none; } input[type='date']::-webkit-clear-button { -webkit-appearance: none; } input[type='date'] { position: relative; } /* firefox用 */ input[type='date']::-moz-calendar-picker-indicator { -moz-appearance: none; /* position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; */ } input[type='date']::-moz-inner-spin-button { -moz-appearance: none; } input[type='date']::-moz-clear-button { -moz-appearance: none; } #wrap_ui_date { display: grid; grid-template-columns: 33.5% 66.5%; max-width:1000px; height: 60px; margin: 0 auto 2.5rem;/* 40px */ border-radius: 1rem; position: relative; background-color: white; border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; } #wrap_ui_date h2 { line-height: 60px; padding: 0; font-size: clamp(0.625rem, calc(0.625rem + 0.6vw), 1.25rem); font-weight: bold; margin-bottom:0; border-top:none; border-bottom:none; text-align: center; background-color:var(--color-kk-dark-blue); color: #fff; border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; } #wrap_ui_another #wrap_ui_date h2:before { content: ""; display: none; } #wrap_ui_date h2 img, #nav_ui_place button img { margin-right:0.33em; } #wrap_ui_date button { height: 2.25rem; font-size: clamp(10px, calc(10px + 1vw), 1rem); } #wrap_2_dates { display: flex; align-items: center; } #wrap_2_dates div.wrap_date, #wrap_2_dates button { width: 9rem; text-align: left; margin-left: 1.125rem; } #wrap_2_dates div.wrap_time { display: inline-block; width: 8rem; margin-left: 1.125rem; } #wrap_2_dates input { display: block; width: 100%; height: 2.25rem; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 1em; margin-bottom: 0; line-height: 2.25rem; border: 1px solid #ccc; border-radius: 0.25rem; box-sizing: border-box; color:#666; background-color: transparent; text-align: center; font-size: clamp(0.625rem, calc(0.625rem + 0.5vw), 1.125rem); } #wrap_2_dates input:disabled { opacity: 0.66; } #wrap_2_dates button { padding-left: 0; padding-right: 0; margin: 0 0 0 1.125rem; font-weight: normal; } #wrap_2_dates input::-webkit-calendar-picker-indicator { display: none; } input[type=date], input[type=time], input[type=datetime-local] { min-width:36px; min-height:36px; } #wrap_2_dates div.wrap_date { position: relative; display: flex; } div.wrap_date i { position: absolute; z-index: -1; width: 0.5rem; height: 0.5rem; border-right: 0.1rem solid #999; border-bottom: 0.1rem solid #999; transform: rotate(45deg); } div.wrap_date i { top:0.7rem; right:0.6rem; } #ui_d_ymd { background-image: url(/customdir/img/icon/date.svg); background-size: 1em; background-position: 0.5em center; background-repeat: no-repeat; } #ui_d_hm { background-image: url(/customdir/img/icon/time.svg); background-size: 1em; background-position: 0.5em center; background-repeat: no-repeat; } @media screen and (max-width:639.99px) { #ui_d_ymd, #ui_d_hm { background-image: none; } #wrap_2_dates input { padding-left: 0; } } @media screen and (max-width:767.99px) { #wrap_ui_a_b { padding: 1.13rem calc(50vw - 47%); } #wrap_ui_date { display: block; margin-bottom: 0.875rem; height: auto; border-radius: 0.875rem; } #wrap_ui #wrap_ui_date h2 { line-height: 1; text-align: left; padding: 1em; border-top-left-radius: 0.875rem; border-top-right-radius: 0.875rem; border-bottom-left-radius: 0; } #wrap_2_dates { line-height: 1.5; padding-left:0.75em; position: static; left:0; display: flex; padding: 0.875rem; } #wrap_2_dates div.wrap_date:first-child { margin-left: 0; } #wrap_2_dates input { font-size: 1rem; } }   /* UI without date */ #wrap_ui_another h2 { color: var(--color-mono-text2); } /* feels UI */ #wrap_ui_c h2 { padding-left: 0; font-weight: bold; margin-bottom: 0; border-top:none; border-bottom:none; } #feels_header_notice { font-size:0.774rem; font-weight: normal; margin-left: 1em; } @media screen and (max-width:767.99px) { #feels_header_notice { display: none; } } .wrap_feel_category { display: grid; grid-template-columns: 207px 1fr; background-color: white; } .wrap_feel_category h3 { background-color: white; color: var(--color-mono-dark); font-size: 1rem; font-weight: normal; margin-top: 0; margin-bottom: 0; padding: 1.33rem 1rem; border-bottom:1px solid var(--color-kk-light-indigo); border-radius: 0; } .wrap_feel_category h3:after { content: none; } .wrap_feel_category h3 img { margin-right: 0.33em; } .wrap_feel_category > div { padding-top: 0.75rem; padding-bottom: 0.75rem; border-bottom:1px solid var(--color-mono-blight); } .wrap_feel_category:first-of-type h3 { border-top:1px solid var(--color-kk-light-indigo); } .wrap_feel_category:first-of-type > div { border-top:1px solid var(--color-mono-blight); } /* 末尾のチェックボックス（OR検索スイッチ） */ #wrap_toggle_feeltype { margin-top: 3.125rem; margin-bottom: 0; text-align: center; } #toggle_feeltype.btn.checkbox-ui { width: 100%; border: 1px solid var(--color-accent) !important; border-radius: 0; margin: 0; padding: 1em; /* background-color: white;*/ font-size: clamp(0.625rem, calc(0.625rem + 1vw), 1.13rem); } #toggle_feeltype.btn[data-toggle].checkbox-ui { background-color: white !important; } #toggle_feeltype.btn[data-toggle].checkbox-ui:hover { background-color: white !important; border-color:var(--color-accent-hover) !important; } #toggle_feeltype.btn.checkbox-ui[data-toggle=on]:before { background-color: var(--color-accent); } #wrap_toggle_feeltype small { display: block; text-align: left; } @media screen and (max-width:767.99px) { #wrap_ui_c { padding-left: 0.875rem; padding-right: 0.875rem; } .wrap_feel_category { display: block; } .wrap_feel_category h3 { font-size: 0.875rem; padding: 0.875rem 0; border-bottom:1px solid var(--color-mono-blight); } .wrap_feel_category > div { padding-left: 0.125rem; padding-right: 0.125rem; border-bottom:1px solid var(--color-kk-light-indigo); } .wrap_feel_category button { position: relative; /* left: -1rem;*/ text-indent: -1rem; text-align: left; } #wrap_close_feel { padding: 1.33rem; text-align: center; } #wrap_close_feel button { color: var(--color-kk-light-indigo); background-color: white; border:1px solid var(--color-kk-light-indigo); border-radius: 2rem; font-weight: bold; padding: 1rem; } }   /* filters UI */ /* カードブランド選択（専門医選択は未公開） */ #wrap_ui_e { display: grid; grid-template-columns: 207px 1fr; width: 100%; } #wrap_ui_e h2 { padding-left: 0; font-weight: bold; margin-bottom: 0; border-top:none; border-bottom:none; } #wrap_ui_f h2 span { font-weight: normal; } #wrap_ui_e h3 { padding-left: 1.1em; font-size: 0.875rem; font-weight: bold; margin-bottom: 0; border-top:none; border-bottom:none; } #wrap_ui_e h3 span, #wrap_ui_e h2 span { font-weight: normal; } #wrap_ui_e h3:after { display: none; } @media screen and (max-width:767.99px) { #wrap_ui_e { display: block; padding-left: 0.875rem; padding-right: 0.875rem; } #wrap_ui_e span { display: none; } #wrap_ui_e button { position: relative; /* left: -1rem;*/ text-indent: -1rem; text-align: left; } } #wrap_filter_card { padding-left: 0; } /* 特長　胃カメラ対応など */ #wrap_ui_f { display: grid; grid-template-columns: 207px 1fr; width: 100%; padding-top: 1.375rem; } #wrap_ui_f h2 { padding-left: 0; font-weight: bold; margin-bottom: 0; border-top:none; border-bottom:none; } #wrap_ui_f h2 span { font-weight: normal; } @media screen and (max-width:767.99px) { #wrap_ui_f { display: block; padding-left: 0.875rem; padding-right: 0.875rem; padding-top: 0; } #wrap_ui_f button { position: relative; /* left: -1rem;*/ text-indent: -1rem; text-align: left; } } /* 特長ピックアップ */ #wrap_ui_d { display: grid; grid-template-columns: 207px 1fr; width: 100%; } #wrap_ui_d h2 { padding-left: 0; font-weight: bold; margin-bottom: 0; border-top:none; border-bottom:none; } #wrap_ui_d h2 span { font-weight: normal; } @media screen and (max-width:767.99px) { #wrap_ui_d { display: block; padding-left: 0.875rem; padding-right: 0.875rem; } .wrap_sp_2columns { display: grid; grid-template-columns: 1fr 1fr; } #wrap_ui_d button { position: relative; /* left: -1rem;*/ text-indent: -1rem; text-align: left; } }   /* specs UI */ #wrap_ui_b h2 { padding-left: 0; font-weight: bold; margin-bottom: 0; border-top:none; border-bottom:none; } .wrap_spec_category { display: grid; grid-template-columns: 207px 1fr; background-color: white; } .wrap_spec_category h3 { background-color: white; color: var(--color-mono-dark); font-size: 1rem; font-weight: normal; margin-top: 0; margin-bottom: 0; padding: 1.33rem 1rem; border-bottom:1px solid var(--color-kk-light-indigo); border-radius: 0; } .wrap_spec_category h3:after { content: none; } .wrap_spec_category h3 img { margin-right: 0.33em; } .wrap_spec_category > div { padding-top: 0.75rem; padding-bottom: 0.75rem; border-bottom:1px solid var(--color-mono-blight); } .wrap_spec_category:first-of-type h3 { border-top:1px solid var(--color-kk-light-indigo); } .wrap_spec_category:first-of-type > div { border-top:1px solid var(--color-mono-blight); } @media screen and (max-width:767.99px) { #wrap_ui_b { padding-left: 0.875rem; padding-right: 0.875rem; } .wrap_spec_category { display: block; } .wrap_spec_category h3 { font-size: 0.875rem; padding: 0.875rem 0; border-bottom:1px solid var(--color-mono-blight); } .wrap_spec_category > div { padding-left: 0.125rem; padding-right: 0.125rem; border-bottom:1px solid var(--color-kk-light-indigo); } .wrap_spec_category button { position: relative; /* left: -1rem;*/ text-indent: -1rem; text-align: left; } #wrap_close_spec { padding: 1.33rem; text-align: center; } #wrap_close_spec button { color: var(--color-kk-light-indigo); background-color: white; border:1px solid var(--color-kk-light-indigo); border-radius: 2rem; font-weight: bold; padding: 1rem; } }   /* fixed bottom submit UI */ .fix-bottom { display:block; position: fixed; bottom:0; left:0; height: 72px; margin-left: 0; margin-right: 0; padding:15px 0; z-index: 1000; will-change: opacity, transform; } .action_ui_logout { display: grid; grid-template-columns: 1fr 1fr; column-gap: 0.5rem; } .action_ui_login { display: grid; grid-template-columns: 1fr 1fr; column-gap: 0.5rem; } #search_clinic_form { width:100%; max-width: 34em; margin: 0 auto; padding: 0 0.625rem; } @media screen and (max-width:767.99px) { #search_clinic_form { max-width: auto; } } #search_clinic_form, .wrap_bottom_items, .action_ui_login, .action_ui_logout { height: 100%; } .action_ui_logout button { width: 100%; } .action_ui_login button { font-size: 0.774rem; } /* 送信ボタン */ button.btn.btn_send, .wrap_bottom_items button.btn { position: relative; border: none; } button.btn.btn_send img, .wrap_bottom_items button.btn img { position: absolute; right: 0.75rem; top: 50%; margin-top:-0.5em; } #wrap_ui_area button.btn.btn_send, #wrap_ui_rail button.btn.btn_send { border-radius: 1.5em; font-size: 1.25rem; } .wrap_bottom_items button.btn { font-size: 1.25rem; /* border-radius: 1.25rem;*/ } #jump_2_search_ui:after { content: url(/customdir/img/icon/link-white.svg); width: 0.75em; position: absolute; right: 0.75em; top: 50%; margin-top: -0.75em; } #btn_2_list:disabled, #btn_2_map:disabled { background-color: #9e9e9e; } /* 送信ボタン・スマホ */ @media screen and (max-width:767.99px) { .wrap_bottom_items button.btn { font-size: 0.875rem; border-radius: 100vw; } } /* ページの先頭に戻るボタン */ /* #page_top, #page_top_sp { display: none; } @media screen and (max-width:767.99px) { */ #wrap_bottom_items > div, .wrap_bottom_items > div { grid-template-columns: 1fr 1fr 2.75rem; } #page_top_sp { display: block; padding: 0.5rem; border: 1px solid var(--color-mono-blight); border-radius: 0.875rem; background-color: white; outline: none; box-shadow: none; } #page_top_sp img { width: 0.75rem; } #page_top_sp:focus { outline: none; box-shadow: none; } /* } */ /* その他共通UI */ details { position: relative; border:0.0625rem solid #6c757d; border-radius: 0.25rem; padding: .375rem .75rem; } summary { position: relative; display: block; padding: .375rem 0; } summary:after { position: absolute; top:0.375rem; right:0.75rem; content:"＋"; font-size: 1rem; } details[open] summary:after { content:"－"; } .fix-bottom { opacity:1; animation: fadein_scroll linear; animation-timeline: scroll(root y); animation-range: 0 72px; } /* スマホ向け設定 */ @media screen and (max-width:767.99px) { .wrap_bottom_items, .status_user_inputs { display: block; } .fix-bottom { /* opacity:1 !important; /* 常に表示 */ bottom:0; animation: fadein_opacity linear; animation-timeline: scroll(root y); animation-range: 0 72px; } } @media screen and (max-width:499.99px) { .fix-bottom { width: 100%; } } @keyframes fadein_scroll { from { /* bottom:-72px; */ transform:translateY(72px); } to { /* bottom:0; */ transform:translateY(0px); } } @keyframes fadein_opacity { from { opacity:0; } to { opacity:1; } } /* フリーワード関連 */ #wrap_ui_another > #wrap_ui_keyword { margin-top: 2.5rem; } #wrap_ui_another > #wrap_ui_keyword #hot_keywords { padding: 0 1rem 2rem; } @media screen and (max-width: 767.99px) { #wrap_ui_another > #wrap_ui_keyword { margin-top: 1.25rem; } #wrap_ui_another > #wrap_ui_keyword, #wrap_ui_another > #wrap_ui_keyword #hot_keywords { padding-bottom: 0; } } #hot_keywords { display: none; } #hot_keywords span.hotword { color: var(--color-primary-text); text-decoration: underline; margin-right: 1em; cursor: pointer; } #hot_keywords span.hotword:first-of-type { margin-left: 1em; } @media screen and (max-width: 767.99px) { #wrap_ui_area { grid-template-columns: 1fr 2fr; grid-gap: 4px; padding: 0.875rem; } #hot_keywords { padding: 0 0.875rem 0.875rem; } #hot_keywords span.hotword { display: inline-block; box-sizing: border-box; min-width: 3rem; min-height: 3rem; margin: 0; padding: 0.5em; } #hot_keywords span.hotword:first-of-type { margin-left: 0; padding-left: 1em; } }   /* listview */ .map_only {display: none;} .container { padding-bottom: 1px; } div.site-body { background-color: var(--color-primary-bg); } #wrap_list_bottom { /* margin-bottom:var(--blank-50px);*/ margin-bottom: 0; padding-bottom: 1px; } #wrap_range_header, #jump_2_ui_from_result, #link_2_map { display: inline-block; margin-right: 0.5em; } #jump_2_ui_from_result { cursor: pointer; } /* 検索UI */ #wrap_ui_another { padding-top:var(--blank-50px); } #wrap_ui_date { margin-bottom: 0; } #wrap_ui_a { margin-bottom: 2.5rem; } @media screen and (max-width:767.99px) { #wrap_ui_a { margin-left: 1rem; margin-right: 1rem; box-shadow: 0 0 0.5rem #ccc; width: calc(100% - 2rem); margin-bottom: 1.25rem; } #wrap_list_bottom { /* margin-bottom:var(--blank-20px);*/ margin-bottom: 0; } #wrap_ui_another { padding-top:var(--blank-20px); } } /* ページ見出し */ .list_only h2, .without_top .list_only h1 { margin-top: 1.5rem; border-bottom:1px solid var(--color-primary); padding-left: 0; font-size: clamp(1.125rem, calc(1.125rem + 0.5vw), 1.625rem); } .list_only h2 i, .without_top .list_only h1 i { font-style: normal; margin: 0; color: var(--color-primary-text); } .without_top .list_only h2.clinic_range { line-height: var(--vk-line-height); margin-block-start: 0; font-size:1rem; background-color: transparent; border:none; margin: 0 0 1.5rem; padding: 0; font-weight: normal; color: var(--color-mono-dark); } /* 検索UI見出し */ #wrap_ui h2 { margin-top: 0; } #wrap_ui_toggles h2 { background-color: transparent; } .without_top #wrap_ui_date h2 { color: white; } @media screen and (max-width: 767.99px) { .without_top #wrap_ui_toggles h2 { margin-top: 0; padding-bottom: 0.4375rem; background-color: white; } } /* クリニックリスト */ .clinic_list_item { background-color: white; border-radius:1.25rem; padding:0 2.5rem 1.75rem; margin-bottom: 1.25rem; } @media screen and (max-width:767.99px) { div.list_only { margin-left: 1rem; margin-right: 1rem; } .clinic_list_item { padding-left: 1.25rem; padding-right: 1.25rem; padding-bottom: 1.375rem; margin-bottom: 0.75rem; } } .outline_title_text.row { margin-left: 0; margin-right: 0; } .outline_title_text { display: grid; grid-template-columns: 208px auto; width: 100%; } .wrap_outline .pc_only { display: grid; } .wrap_outline .sp_only { display: none; } @media screen and (max-width:767.99px) { .outline_title_text { display: block; } .wrap_outline .pc_only { display: none; } .wrap_outline .sp_only { display: block; } } .outline_title_text h4, .outline_title_text > p, .outline_title_text > dl, .outline_title_text > div { margin-top: 0; margin-bottom: 0; padding: 0.5em; line-height: 1.4em; } .outline_title_text > h4 { padding:1.25rem 1.75rem; font-size: 0.875rem; font-weight:normal; background-color: var(--color-primary-bg); border-bottom:1px solid var(--color-primary); border-radius: 0; } .outline_title_text > p, .outline_title_text > dl { padding: 1rem 1.5rem; background-color: white; border-bottom:1px solid var(--color-mono-blight); } .outline_title_text:first-of-type > h4 { border-top:1px solid var(--color-primary); } .outline_title_text:first-of-type > p, .outline_title_text:first-of-type > dl { border-top:1px solid var(--color-mono-blight); } .outline_title_text > p > span { display: block; } @media screen and (max-width:767.99px) { .outline_title_text > h4 { padding: 0.3125rem; font-size: 0.875rem; } .outline_title_text > p, .outline_title_text > dl { padding:0.5rem 0.3125rem; font-size: 1rem; line-height: 1.5; border-top:none; } .outline_title_text:last-of-type > h4 { border-bottom:none; } .outline_title_text > dl dt { margin-bottom: 0; } } /* 診療時間 */ .outline_title_text > dl { display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .outline_title_text > dl dt { font-weight: normal; width: 4em; border-top: 0; margin-top: 0; } .outline_title_text > dl dd { width: calc(100% - 4em); } /* 専門医資格 */ div[data-group="specialtys"] p span { display: block; color:var(--color-primary-text); } /* 住所・最寄り駅 */ div[data-group="address_traffic"] { position: relative; } div[data-group="address"] p span, div[data-group="traffic"] p span { display: inline !important; margin-left: 1em; color:var(--color-primary-text); } @media screen and (max-width:767.99px) { div[data-group="address_traffic"] h4[data-group="traffic"] { position: absolute; top: 0; left: 2em; background-color: transparent; border-bottom: none; } div[data-group="address_traffic"] h4[data-group="traffic"]:before { content:"・"; } } /* クリニック詳細ページリンク */ .wrap_link_clinic_detail { margin-top: 1.25rem; text-align: center; } .wrap_link_clinic_detail:has(small) { margin-top:0; margin-bottom: 0; } @media screen and (max-width:767.99px) { .wrap_link_clinic_detail { margin-top: 0.75rem; } .wrap_link_clinic_detail:has(small) { margin-top:0; } } .wrap_link_clinic_detail small.update_date { display: block; color:var(--color-mono-middle); } a.link_clinic_detail { position: relative; display: inline-block; padding: 0.5em 3em; border-radius: 1.5em; font-size: 1rem; font-weight: bold; text-decoration: none; border: 0.125rem solid var(--color-accent); background-color: white; color: var(--color-accent); min-height:2.9rem; } @media screen and (max-width:767.99px) { a.link_clinic_detail { width: calc(100% - 6rem); margin-left: 3rem; margin-right: 3rem; } } a.link_clinic_detail:hover, a.link_clinic_detail:active, a.link_clinic_detail:visited { color: var(--color-accent); } a.link_clinic_detail:after { content: url(/customdir/img/icon/link-pink.svg); width: 0.75em; position: absolute; right: 0.75em; top: 50%; margin-top: -0.75em; } /* 見出し プレミアム表示 */ .clinic_list_item h3 { margin-top: 1.25em; margin-bottom: 1em; padding:0; /* font-size:1.12rem;*/ /*font-size:1.6875rem; x1.5 */ font-size: clamp(1.12rem, calc(1.12rem + 0.5vw), 1.6875rem); background-color: transparent; border-bottom:0px solid transparent; color: var(--color-mono-dark); } .clinic_list_item h3:after { content: ''; border-bottom: 0 solid transparent; } @media screen and (max-width:767.99px) { .clinic_list_item h3 { padding-left:0; padding-right:0; padding-bottom: 0; margin-top: 0.75rem; margin-bottom: 0.75rem; } } .clinic_list_item[data-sort="primal"] { background-color: var(--color-premium-bg); background-image: url(/customdir/img/premium_bg.png); } .clinic_list_item[data-sort="second"] h3 { /* font-size:1.25rem;*/ /* font-size:1.875rem; /* x1.5 */ font-size: clamp(1.25rem, calc(1.25rem + 0.5vw), 1.875rem); } .clinic_list_item[data-sort="primal"] h3 { /* font-size:1.5rem;*/ /* font-size:2.25rem; /* x1.5 */ font-size: clamp(1.5rem, calc(1.5rem + 0.5vw), 2.25rem); } .clinic_list_item:before { content:""; display: block; width: 100%; height: 0.625rem; background-color: var(--color-primary); } .clinic_list_item[data-sort="second"]:before { background: linear-gradient(to right, var(--color-silver-gradient-start) 0%, var(--color-silver-gradient-end) 100%); } .clinic_list_item[data-sort="primal"]:before { background: linear-gradient(to right, var(--color-premium-gradient-start) 0%, var(--color-premium-gradient-end) 100%); } .premium_grouptag, .silver_grouptag { display: inline-block; margin-top: 0.375rem; } .premium_grouptag i, .silver_grouptag i { display: inline-block; line-height: 1.25; padding: 0.125rem; margin-bottom: 0.25rem; font-style: normal; font-size: 0.875rem; font-weight:normal; color:var(--color-mono-middle); background-color: white; border:1px solid var(--color-mono-middle); border-radius: 0.25rem; } .silver_grouptag i { color:var(--color-mono-middle); border:1px solid var(--color-mono-middle); } .premium_grouptag i[data-type=premium] { color:var(--color-accent-text); background-color: var(--color-accent-bg); border:1px solid var(--color-accent); } .premium_grouptag i[data-type=premium]:before { content:"★"; } /* 2024.11.28 コンテンツ追加 */ /* キャッチコピー（有料上位のみ） */ div[data-group="catch_copy_title"] { margin-bottom: 1em; padding: 0.25rem 0.375rem; font-weight: bold; border-radius:0.375rem; } div[data-sort="primal"] div[data-group="catch_copy_title"] { color:var(--color-catchcopy-text); background-color: white; } div[data-sort="second"] div[data-group="catch_copy_title"] { color:var(--color-primary-text); background-color: #f0feff; } /* 検索結果フッター */ /* ページングナビ */ @media screen and (max-width:767.99px) { .pager_ui { margin-bottom: 0; padding-bottom: 0.875rem; } } .pager_ui a, .pager_ui button { display: inline-block; text-align: center; vertical-align: middle; text-decoration: none; margin-left: 0.125rem; margin-right: 0.125rem; padding: 0; width:1.75rem; height: 1.75rem; line-height: 1.625rem; border-radius: 0.375rem; color:var(--color-secondary-nav); border:1px solid var(--color-secondary-nav); background-color: white; } .pager_ui a.current, .pager_ui a:hover, .pager_ui a:active, .pager_ui button.current, .pager_ui button:hover { color:white; background-color:var(--color-secondary-nav); } .pager_ui a.pager_l, .pager_ui a.pager_r, .pager_ui a.pager_ll, .pager_ui a.pager_rr { width: 1.5rem; min-width: auto; } .pager_ui a.pager_l img, .pager_ui a.pager_r img, .pager_ui a.pager_ll img, .pager_ui a.pager_rr img { display: block; margin: 0.4375rem auto 0.5rem; width: auto; height: 0.75rem; } .pager_ui a.pager_l img, .pager_ui a.pager_ll img { padding-right: 0.125rem; } .pager_ui a.pager_r img, .pager_ui a.pager_rr img { padding-left: 0.125rem; } /* 独自テキスト */ #wrap_unique_text { padding-top: 1px; padding-bottom: 1rem; margin-bottom: 1rem; border-radius: 1.25rem; } @media screen and (min-width:768px) { #wrap_unique_text { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 1.5rem; } } #wrap_unique_text h2 { font-size: clamp(0.875rem, 0.875rem + 0.5vw, 1rem); padding-top: 0.625rem; padding-bottom: 0.625rem; } #wrap_unique_text h2:first-child { margin-top: 1.25rem; } #wrap_unique_text p { font-size: 0.774rem; } #wrap_unique_text p:last-of-type { margin-bottom: 0; } /* 見出し付近の次階層へのリンク一覧 */ #wrap_header_index_links { /* display: none;*/ width: 100%; height: 4.8375rem; } /* 都道府県＞市区町村インデックスリスト設定 */ aside#wrap_header_index_links { margin-top: 1rem; } aside#wrap_header_index_links h1 { display: none; } aside#wrap_header_index_links h2 { margin: 0; padding: 0; font-weight: normal; font-size: 1rem; color: var(--color-mono); background-color: transparent; border: none; border-radius: 0; } #wrap_header_index_links div { position: relative; display: block; grid-template-columns: 1fr; padding: .5rem 1rem; border:0 solid transparent; background-color: white; border-radius: 0.375rem; font-size: 0.75rem; } #wrap_header_index_links h2 { text-align: left; } #wrap_header_index_links div.view_limit { display: block; height: auto; max-height: 3.4375rem; overflow-y: hidden; } #view_all_header_links { display: inline-block; position: absolute; top: 0.1725rem; right:0; z-index: 1; padding: .3125rem .75rem .4375rem; font-size: 0.75rem; background-color: white; border: 1px solid var(--color-mono-blight); cursor: pointer; } #wrap_header_index_links a { color: var(--color-primary-text); text-decoration: underline; margin-right: 1em; line-height: 2em; display: inline-block; } @media screen and (max-width:767.99px) { #wrap_header_index_links a { margin-right: 1.5em; line-height: 3em; } #view_all_header_links { top:0.5rem; } }