/* TABLE OF CONTENTS: * * 00 どのサイズでも共通で適用されるスタイル * - 見出しデザイン * - 基本パーツ * - SWIPER * - 目次プラグイン * - 県ページビルボード（高さ200pxのビルボ） * - 京都で買取を行っております * - カテゴリーページの「イントロ」 * - カテゴリーページの「買取対象」 * - カテゴリーページの「○○買取について」 * - 子カテページのリンク * - 対応エリアページのエリアリスト * - 買取事例（サムネイル表示） * - 買取事例（サムネイル表示）カルーセル表示にした時の調整 * - 買取価格相場（サムネイル表示） * - 取り扱い作家（リスト表示） * - コラム記事（サムネイル表示） * - コラム記事（サムネイル表示）カルーセル表示にした時の調整 * - 買取品目 * - 選ばれる理由 * - 買取方法 * - 対応エリア * - チェックポイント * - 高価買取が期待できる○○とは * - 鑑定士が教えるチェックポイント * - よくある質問 * - 遺品買取 * - 店舗情報 * - 店舗案内 * - お問合せ * - 出張鑑定会コンテンツ（2023-04-17追加） * - フッターの上の表示枠 * - 強化買取エリア追加 * - スライドキャンペーンバナー * - メディア出演実績 * - 社会・環境への取り組み * - 検索窓のスタイル * - 3つのポイント * - 古銭買取ページ3つの悩みブロック * 01 幅 768px 未満 * - フォントサイズと行送り * - 京都で買取を行っております * - カテゴリーページの「イントロ」 * - 子カテページのリンク * - 買取事例（サムネイル表示） * - 買取事例（サムネイル表示）カルーセル表示にした時の調整 * - 買取価格相場（サムネイル表示） * - 取り扱い作家（リスト表示） * - コラム記事（サムネイル表示） * - 買取品目 * - 選ばれる理由 * - 買取方法 * - 対応エリア * - チェックポイント * - 高価買取が期待できる○○とは * - 鑑定士が教えるチェックポイント * - よくある質問 * - 遺品買取 * - 出張鑑定会コンテンツ（2023-04-17追加） * 02 幅 480px 以上 * 03 幅 768px 以上 * - フォントサイズと行送り * - 京都で買取を行っております * - カテゴリーページの「イントロ」 * - 子カテページのリンク * - 見出しデザイン * - 基本パーツ * - SWIPER * - 目次プラグイン * - 買取事例（サムネイル表示） * - 取り扱い作家（リスト表示） * - コラム記事（サムネイル表示） * - 買取品目 * - 選ばれる理由 * - 買取方法 * - 対応エリア * - 県ページビルボード（高さ200pxのビルボ） * - チェックポイント * - 高価買取が期待できる○○とは * - 鑑定士が教えるチェックポイント * - よくある質問 * - 遺品買取 * - 店舗案内 * - お問合せ * - フッターの上の表示枠 * - フッターの上の表示枠内、対応エリア * 04 幅 880px 以上 * - お問合せ * - 本人確認書類（2021-10-18追加） * 05 幅 1072px 以上 * 06 幅 1264px 以上 * - カテゴリーページの「イントロ」 * - カテゴリーページの「買取対象」 * - カテゴリーページの「○○買取について」 * - 選ばれる理由 * - チェックポイント * - 高価買取が期待できる○○とは * - お問合せ * - 本人確認書類（2021-10-18追加） */ /* -------------------------------------------------------------------------------------------------------- 01 * * どのサイズでも共通で適用されるスタイル */ /* 見出しデザイン */ h1, h2, h3, p.order-heading, .site-footer .widget-column.footer-widget-2 .licence-heading, .ff-mincho, div.kokate-list *, section[id$="identification"] dl dt { font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif; } h2[id*="-heading"], p.order-heading { text-align: center; } h2[id*="-heading"]:not([id*="-order"]):not([id*=-deco-heading]) { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22121px%22%20height%3D%22121px%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22Filter_0%22%3E%20%3CfeFlood%20flood-color%3D%22rgb(36%2C%2026%2C%208)%22%20flood-opacity%3D%221%22%20result%3D%22floodOut%22%20%2F%3E%20%3CfeComposite%20operator%3D%22atop%22%20in%3D%22floodOut%22%20in2%3D%22SourceGraphic%22%20result%3D%22compOut%22%20%2F%3E%20%3CfeBlend%20mode%3D%22normal%22%20in%3D%22compOut%22%20in2%3D%22SourceGraphic%22%20%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url(%23Filter_0)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20opacity%3D%220.102%22%20fill%3D%22rgb(69%2C%2064%2C%2041)%22%20d%3D%22M60.949%2C120.957%20C27.872%2C120.957%200.963%2C94.044%200.963%2C60.961%20C0.963%2C27.885%2027.872%2C0.972%2060.949%2C0.972%20C94.032%2C0.972%20120.948%2C27.885%20120.948%2C60.961%20C120.948%2C94.044%2094.032%2C120.957%2060.949%2C120.957%20ZM60.949%2C7.946%20C31.718%2C7.946%207.937%2C31.728%207.937%2C60.961%20C7.937%2C90.199%2031.718%2C113.985%2060.949%2C113.985%20C90.190%2C113.985%20113.975%2C90.199%20113.975%2C60.961%20C113.975%2C31.728%2090.190%2C7.946%2060.949%2C7.946%20ZM60.949%2C112.046%20C32.787%2C112.046%209.874%2C89.130%209.874%2C60.961%20C9.874%2C32.797%2032.787%2C9.885%2060.949%2C9.885%20C89.119%2C9.885%20112.035%2C32.797%20112.035%2C60.961%20C112.035%2C89.130%2089.119%2C112.046%2060.949%2C112.046%20ZM60.949%2C12.210%20C60.190%2C12.210%2059.449%2C12.289%2058.700%2C12.324%20C58.009%2C11.773%2057.530%2C11.468%2057.457%2C11.425%20C56.761%2C10.993%2055.858%2C11.209%2055.427%2C11.897%20L54.977%2C12.616%20C30.907%2C15.574%2012.197%2C36.106%2012.197%2C60.961%20C12.197%2C87.850%2034.069%2C109.722%2060.949%2C109.722%20C87.836%2C109.722%20109.712%2C87.850%20109.712%2C60.961%20C109.712%2C34.080%2087.836%2C12.210%2060.949%2C12.210%20ZM76.067%2C100.158%20C78.463%2C96.684%2080.240%2C92.542%2080.487%2C88.303%20C80.815%2C82.714%2079.230%2C74.321%2069.830%2C66.073%20C53.595%2C51.821%2050.902%2C46.380%2050.591%2C36.208%20C50.386%2C29.375%2054.996%2C22.960%2058.076%2C19.546%20C56.543%2C17.333%2054.655%2C16.074%2054.584%2C16.024%20L54.584%2C16.024%20L54.584%2C16.024%20C54.584%2C16.023%2054.576%2C16.018%2054.576%2C16.018%20L55.527%2C14.521%20L56.680%2C12.684%20C56.862%2C12.798%2059.950%2C14.812%2062.046%2C18.462%20C84.860%2C19.051%20103.239%2C37.741%20103.239%2C60.684%20C103.239%2C78.678%2091.937%2C94.067%2076.067%2C100.158%20ZM95.881%2C47.441%20C92.342%2C43.678%2083.722%2C39.885%2079.489%2C38.172%20C76.849%2C34.198%2074.001%2C30.748%2071.345%2C27.943%20C76.175%2C28.799%2084.013%2C30.585%2087.775%2C33.657%20C88.036%2C33.871%2088.425%2C33.837%2088.642%2C33.570%20C88.858%2C33.305%2088.818%2C32.917%2088.553%2C32.702%20C84.036%2C29.012%2074.432%2C27.148%2069.873%2C26.439%20C65.196%2C21.750%2061.482%2C19.136%2061.389%2C19.074%20C60.941%2C18.763%2060.328%2C18.879%2060.016%2C19.329%20C59.708%2C19.776%2059.822%2C20.391%2060.273%2C20.698%20C60.350%2C20.754%2063.154%2C22.732%2066.903%2C26.281%20C66.824%2C26.358%2066.745%2C26.435%2066.713%2C26.544%20C66.482%2C27.407%2061.028%2C47.675%2063.217%2C52.566%20C63.319%2C52.794%2063.546%2C52.931%2063.781%2C52.931%20C63.867%2C52.931%2063.951%2C52.915%2064.032%2C52.875%20C64.344%2C52.739%2064.484%2C52.372%2064.344%2C52.061%20C62.723%2C48.439%2066.140%2C33.502%2067.766%2C27.388%20C67.857%2C27.398%2067.984%2C27.415%2068.097%2C27.431%20C70.736%2C30.042%2073.719%2C33.367%2076.543%2C37.318%20C76.430%2C37.395%2076.324%2C37.486%2076.282%2C37.617%20C76.092%2C38.190%2071.659%2C51.816%2072.327%2C62.370%20C72.349%2C62.696%2072.620%2C62.946%2072.942%2C62.946%20C72.953%2C62.946%2072.968%2C62.946%2072.981%2C62.944%20C73.320%2C62.924%2073.579%2C62.631%2073.555%2C62.292%20C72.985%2C53.219%2076.398%2C41.422%2077.260%2C38.617%20C77.325%2C38.644%2077.422%2C38.681%2077.499%2C38.712%20C80.718%2C43.457%2083.595%2C49.036%2085.382%2C55.318%20C83.697%2C57.634%2078.853%2C64.726%2078.433%2C70.231%20C78.408%2C70.569%2078.663%2C70.867%2079.001%2C70.892%20C79.019%2C70.894%2079.036%2C70.894%2079.048%2C70.894%20C79.369%2C70.894%2079.638%2C70.647%2079.664%2C70.324%20C80.016%2C65.712%2083.875%2C59.636%2085.821%2C56.834%20C86.224%2C58.444%2086.565%2C60.091%2086.807%2C61.788%20C89.686%2C82.167%2082.639%2C90.843%2082.566%2C90.930%20C82.216%2C91.345%2082.267%2C91.966%2082.683%2C92.318%20C82.867%2C92.474%2083.096%2C92.553%2083.321%2C92.553%20C83.599%2C92.553%2083.875%2C92.434%2084.072%2C92.204%20C84.388%2C91.834%2091.777%2C82.860%2088.763%2C61.513%20C88.464%2C59.387%2087.989%2C57.349%2087.445%2C55.353%20C90.231%2C57.997%2095.743%2C63.835%2096.344%2C69.151%20C96.377%2C69.466%2096.644%2C69.698%2096.954%2C69.698%20C96.978%2C69.698%2097.001%2C69.698%2097.025%2C69.696%20C97.364%2C69.657%2097.606%2C69.352%2097.567%2C69.015%20C96.757%2C61.809%2088.053%2C54.166%2086.785%2C53.091%20C85.246%2C48.295%2083.115%2C43.912%2080.701%2C40.018%20C85.150%2C41.909%2092.049%2C45.168%2094.984%2C48.284%20C95.219%2C48.533%2095.610%2C48.543%2095.856%2C48.311%20C96.101%2C48.079%2096.114%2C47.689%2095.881%2C47.441%20ZM47.047%2C36.303%20C47.405%2C48.052%2051.375%2C54.332%2067.295%2C68.298%20C75.795%2C75.758%2077.237%2C83.198%2076.953%2C88.133%20C76.707%2C92.281%2075.277%2C96.315%2072.799%2C99.545%20C75.125%2C101.159%2077.496%2C101.669%2077.533%2C101.675%20L77.215%2C103.339%20L76.800%2C105.555%20C76.589%2C105.518%2072.876%2C104.778%2069.552%2C102.060%20C66.772%2C102.642%2063.902%2C102.970%2060.950%2C102.970%20C37.643%2C102.970%2018.671%2C84.002%2018.671%2C60.684%20C18.671%2C39.506%2034.333%2C21.910%2054.681%2C18.875%20C51.326%2C22.840%2046.836%2C29.244%2047.047%2C36.303%20ZM44.546%2C47.472%20C44.207%2C47.472%2043.929%2C47.748%2043.929%2C48.089%20C43.929%2C50.897%2039.738%2C58.063%2037.498%2C61.581%20C37.394%2C61.092%2037.281%2C60.603%2037.196%2C60.106%20C33.702%2C39.812%2042.155%2C29.427%2042.240%2C29.323%20C42.587%2C28.906%2042.534%2C28.283%2042.119%2C27.933%20C41.700%2C27.583%2041.077%2C27.634%2040.729%2C28.051%20C40.356%2C28.494%2031.590%2C39.181%2035.249%2C60.439%20C35.323%2C60.866%2035.421%2C61.281%2035.506%2C61.701%20C32.493%2C58.883%2027.754%2C53.775%2027.064%2C48.970%20C27.017%2C48.634%2026.727%2C48.402%2026.366%2C48.448%20C26.029%2C48.496%2025.795%2C48.808%2025.845%2C49.146%20C26.712%2C55.210%2033.220%2C61.415%2036.005%2C63.823%20C37.220%2C68.416%2039.202%2C72.605%2041.625%2C76.378%20C38.206%2C75.178%2031.483%2C72.282%2027.327%2C66.914%20C27.119%2C66.644%2026.729%2C66.597%2026.464%2C66.802%20C26.195%2C67.013%2026.145%2C67.399%2026.353%2C67.668%20C31.521%2C74.343%2040.176%2C77.290%2042.737%2C78.046%20C45.838%2C82.494%2049.496%2C86.312%2053.1%2C89.482%20C47.678%2C89.279%2037.791%2C88.475%2033.700%2C85.343%20C33.433%2C85.140%2033.042%2C85.187%2032.837%2C85.457%20C32.629%2C85.726%2032.679%2C86.115%2032.949%2C86.321%20C37.797%2C90.035%2049.634%2C90.669%2054.602%2C90.771%20C62.291%2C97.189%2069.309%2C100.585%2069.451%2C100.651%20C69.589%2C100.718%2069.734%2C100.747%2069.876%2C100.747%20C70.243%2C100.747%2070.597%2C100.539%2070.769%2C100.183%20C71.000%2C99.690%2070.789%2C99.101%2070.298%2C98.868%20C70.168%2C98.805%2064.198%2C95.915%2057.326%2C90.460%20C57.367%2C90.387%2057.428%2C90.332%2057.439%2C90.249%20C57.545%2C89.443%2060.003%2C70.492%2057.675%2C65.702%20C57.525%2C65.395%2057.161%2C65.267%2056.849%2C65.416%20C56.546%2C65.565%2056.416%2C65.934%2056.567%2C66.241%20C58.529%2C70.281%2056.671%2C86.399%2056.284%2C89.553%20L56.207%2C89.553%20C52.652%2C86.623%2048.940%2C83.026%2045.713%2C78.794%20C46.239%2C77.689%2050.644%2C68.161%2050.367%2C58.716%20C50.355%2C58.380%2050.083%2C58.117%2049.750%2C58.117%20L49.731%2C58.117%20C49.391%2C58.127%2049.122%2C58.411%2049.132%2C58.751%20C49.371%2C66.833%2045.944%2C75.234%2044.870%2C77.656%20C42.049%2C73.749%2039.670%2C69.334%2038.213%2C64.424%20C38.224%2C64.295%2038.188%2C64.190%2038.117%2C64.075%20C38.042%2C63.800%2037.967%2C63.522%2037.895%2C63.245%20C37.895%2C63.241%2037.899%2C63.241%2037.903%2C63.236%20C38.198%2C62.787%2045.164%2C52.179%2045.164%2C48.089%20C45.164%2C47.748%2044.885%2C47.472%2044.546%2C47.472%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: center; margin-top: -1.2em; padding-top: 1.2em; padding-bottom: 1.2em; } /* 基本パーツ */ .txt-r { text-align: right; } .txt-l { text-align: left; } .indent { text-indent: -1em; padding-left: 1em; } p.indent + p.indent { margin-top: 0; } .img-c { display: block; clear: both; text-align: center; margin: 0 auto 1.5em; } .accent { font-weight: bold; } .deco { color: #b94047; font-weight: bold; } .marker-red { background: -webkit-linear-gradient(top, transparent 60%, #ff6666 60%, #ff6666 100%); background: linear-gradient(transparent 60%, #e7b9be 60%, #ff6666 100%); } .marker-pink { background: -webkit-linear-gradient(top, transparent 60%, #ff99cc 60%, #ff99cc 100%); background: linear-gradient(transparent 60%, #ffdfef 60%, #ff99cc 100%); } .marker-yellow { background: -webkit-linear-gradient(top, transparent 60%, #ffff00 60%, #ffff00 100%); background: linear-gradient(transparent 60%, #ffffbc 60%, #ffff00 100%); } .marker-green { background: -webkit-linear-gradient(top, transparent 60%, #33cc33 60%, #33cc33 100%); background: linear-gradient(transparent 60%, #c5ffbc 60%, #33cc33 100%); } .marker-blue { background: -webkit-linear-gradient(top, transparent 60%, #66ccff 60%, #66ccff 100%); background: linear-gradient(transparent 60%, #cce5ff 60%, #66ccff 100%); } .img-r .image, .img-l .image { text-align: center; margin: 0 auto; width: 80%; } #content .more { text-align: center; } #content .more a { background: #433315; background: -webkit-linear-gradient(top, rgba(67, 51, 21, 1) 0%, rgba(36, 26, 8, 1) 100%); background: linear-gradient(to bottom, rgba(67, 51, 21, 1) 0%, rgba(36, 26, 8, 1) 100%); border: 2px #151000 solid; border-radius: 3px; -webkit-box-shadow: unset; box-shadow: unset; color: #d4ab3c; display: inline-block; text-decoration: none; padding: 0.3em 3em 0.3em 2em; position: relative; } #content .more a:after { background: #886a17; color: #241a08; font-family: "Font Awesome 5 free"; font-weight: 900; content: "\f105"; display: inline-block; line-height: 1em; margin: auto 0; position: absolute; top: 0; right: 0; bottom: 0; width: 1.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #content .more a:hover { box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.25), 0 0 5px rgba(0, 0, 0, 0.2); transition: 0.3s; } #content .more a:hover:before { content: ""; background: rgba(255, 186, 0, 0.1); position: absolute; pointer-events: none; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .sbtitle { cursor: pointer; } .cl-letter:after { content: "続きを読む"; margin-left: 0.5em; } .cl-letter { border: 1px solid #ccc; background: #efeeee; border-radius: 15px; color: #999; display: block; font-size: 12px; height: auto; margin: 20px auto; outline: 0; overflow: inherit; padding: 3px 10px; width: 50%; } .cl-letter:hover, .cl-letter:focus { background: #efeeee; } .cl-letter.open:after { content: "閉じる"; } .cl-letter.open i { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } .cl-letter + * { margin-top: 3em; } .hide-text { display: none; } @-webkit-keyframes slide-right { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes slide-right { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .choice-tab li { cursor: pointer; } :not(.mobmenu-panel).show-panel { display: none; } .show-panel.show { display: block; } .show-panel.show { -webkit-animation: slide-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s both; animation: slide-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s both; } /* SWIPER */ #main .swiper-container { padding-right: 30px; padding-left: 30px; } #main .swiper-button-prev, #main .swiper-container-rtl .swiper-button-next { left: 0; } #main .swiper-button-next, #main .swiper-container-rtl .swiper-button-prev { right: 0; } #main .swiper-button-next, #main .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23241a08'%2F%3E%3C%2Fsvg%3E") !important; } #main .swiper-button-prev, #main .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23241a08'%2F%3E%3C%2Fsvg%3E") !important; } #main .swiper-button-next, #main .swiper-button-prev { background-color: rgba(255, 255, 255, 0.8); background-size: 40%; border-radius: 50%; height: 20px; width: 20px; } #main .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; } #main .swiper-pagination-bullet { height: 14px; width: 14px; } #main .swiper-pagination-bullet-active { background: #812e10; } /* 目次プラグイン */ div#toc_container { background-color: #000; background-image: url(/wp-content/themes/twentyseventeench/img/bg/ume-bg.png), url(/wp-content/themes/twentyseventeench/img/bg/matsu-bg.png); background-position: left top, right bottom; background-repeat: no-repeat; border: 0; margin: 1em auto; max-width: 1000px; padding: 10px 10px 15px; table-layout: fixed; width: 100%; } #main #toc_container .toc_title { color: #fff; display: block; font-size: 1.2em; font-weight: normal; } div#toc_container .toc_toggle a { color: #fff; } #toc_container p.toc_title + ul.toc_list { background: #fff; display: block; margin-top: 10px; padding: 20px 20px 15px; } #toc_container .toc_list > li { counter-increment: li; font-size: 16px; font-size: 1rem; line-height: 1.625; margin: 0 0 0.2em 40px; position: relative; } #toc_container .toc_list > li:after { background: none; content: "0"counter(li) " |"; left: -2em; letter-spacing: -1px; position: absolute; top: -1px !important; } #toc_container .toc_list > li:nth-of-type(9) ~ li:after { content: counter(li) " |"; } div#toc_container.contracted { max-width: 270px; padding: 10px; width: 50% !important; } #toc_container .toc_list li a { color: #000; } #toc_container .toc_list li a:hover { color: #ee7800; } /* 県ページビルボード（高さ200pxのビルボ） */ .shiga .site-main #mainImg, .kyoto .site-main #mainImg, .osaka .site-main #mainImg, .hyogo .site-main #mainImg, .nara .site-main #mainImg, .wakayama .site-main #mainImg, .mie .site-main #mainImg, .gifu .site-main #mainImg, .aichi .site-main #mainImg, .saitama .site-main #mainImg, .chiba .site-main #mainImg, .tokyo .site-main #mainImg, .kanagawa .site-main #mainImg, .gunma .site-main #mainImg, .tochigi .site-main #mainImg, .ibaraki .site-main #mainImg, .fukuoka .site-main #mainImg, .kumamoto .site-main #mainImg, .oita .site-main #mainImg, .saga .site-main #mainImg, .nagasaki .site-main #mainImg, .miyazaki.site-main #mainImg, .kagoshima .site-main #mainImg, .shizuoka .site-main #mainImg, .miyazaki .site-main #mainImg, .genre .site-main #mainImg, .kimono-area .site-main #mainImg, .kaiga-area .site-main #mainImg, .kakejiku-area .site-main #mainImg, .toujiki-area .site-main #mainImg, .faq .site-main #mainImg, .staff .site-main #mainImg, .shop-list .site-main #mainImg, .law .site-main #mainImg, .policy .site-main #mainImg, .sitemap .site-main #mainImg, .antisocial .site-main #mainImg, .compliance .site-main #mainImg, .species-num .site-main #mainImg, .law-test .site-main #mainImg, .point-category .site-main #mainImg, .privacypolicy .site-main #mainImg, .area-2 .site-main #mainImg, .agreement .site-main #mainImg, .form .site-main #mainImg, .takuhai-kiyaku .site-main #mainImg { background-color: #e9e4d4; background-image: url(../img/bg/under-bg.png), -webkit-linear-gradient(left, rgba(233, 228, 212, 1) 0%, rgba(233, 228, 212, 1) 60%, rgba(233, 228, 212, 0) 70%, rgba(233, 228, 212, 0) 100%), url(../img/contents/other-bil.png); background-image: url(../img/bg/under-bg.png), linear-gradient(to right, rgba(233, 228, 212, 1) 0%, rgba(233, 228, 212, 1) 60%, rgba(233, 228, 212, 0) 70%, rgba(233, 228, 212, 0) 100%), url(../img/contents/other-bil.png); background-position: left top, center, right center; background-repeat: no-repeat; background-size: auto 100%, auto, auto 100%; display: table; padding-top: 0; padding-bottom: 0; aspect-ratio: unset !important; } .shop-kyoto .site-main #mainImg, .shop-fukuoka .site-main #mainImg, .shop-kyoto-minami .site-main #mainImg, .shop-yokohama .site-main #mainImg, .shop-osaka .site-main #mainImg, .shop-nakano .site-main #mainImg, .shop-nagoya .site-main #mainImg, .shop-matsuyama .site-main #mainImg, .office-saitama .site-main #mainImg { background-color: #FFF; aspect-ratio: unset !important; } .shiga .site-main #mainImg h1, .kyoto .site-main #mainImg h1, .osaka .site-main #mainImg h1, .hyogo .site-main #mainImg h1, .nara .site-main #mainImg h1, .wakayama .site-main #mainImg h1, .mie .site-main #mainImg h1, .gifu .site-main #mainImg h1, .aichi .site-main #mainImg h1, .saitama .site-main #mainImg h1, .chiba .site-main #mainImg h1, .tokyo .site-main #mainImg h1, .kanagawa .site-main #mainImg h1, .gunma .site-main #mainImg h1, .tochigi .site-main #mainImg h1, .ibaraki .site-main #mainImg h1, .fukuoka .site-main #mainImg h1, .kumamoto .site-main #mainImg h1, .oita .site-main #mainImg h1, .saga .site-main #mainImg h1, .nagasaki .site-main #mainImg h1, .miyazaki .site-main #mainImg h1, .kagoshima .site-main #mainImg h1, .shizuoka .site-main #mainImg h1, .genre .site-main #mainImg h1, .kimono-area .site-main #mainImg h1, .kaiga-area .site-main #mainImg h1, .kakejiku-area .site-main #mainImg h1, .toujiki-area .site-main #mainImg h1 { color: #333; display: table-cell; height: 75px; vertical-align: middle; } .shiga .site-main #mainImg + .outer, .kyoto .site-main #mainImg + .outer, .osaka .site-main #mainImg + .outer, .hyogo .site-main #mainImg + .outer, .nara .site-main #mainImg + .outer, .wakayama .site-main #mainImg + .outer, .mie .site-main #mainImg + .outer, .gifu .site-main #mainImg + .outer, .aichi .site-main #mainImg + .outer, .saitama .site-main #mainImg + .outer, .chiba .site-main #mainImg + .outer, .tokyo .site-main #mainImg + .outer, .kanagawa .site-main #mainImg + .outer, .gunma .site-main #mainImg + .outer, .tochigi .site-main #mainImg + .outer, .ibaraki .site-main #mainImg + .outer, .fukuoka .site-main #mainImg + .outer, .kumamoto .site-main #mainImg + .outer, .oita .site-main #mainImg + .outer, .saga .site-main #mainImg + .outer, .nagasaki .site-main #mainImg + .outer, .miyazaki .site-main #mainImg + .outer, .kagoshima .site-main #mainImg + .outer, .genre .site-main #mainImg + .outer, .kimono-area .site-main #mainImg + .outer, .kaiga-area .site-main #mainImg + .outer, .kakejiku-area .site-main #mainImg + outer, .toujiki-area .site-main #mainImg + outer { padding-top: 20px; } /* 強化エリアページ */ #main #post-4518 .entry-content .outer:nth-child(2), #main #post-8277 .entry-content .outer:nth-child(2) { padding-top: 45px; } h2[id*="kimono-area-"], h2[id*="kaiga-area-"] { position: relative; text-align: center; } h2[id*=kimono-area-]:not([id*=-order]), h2[id*=kaiga-area-]:not([id*=-order]) { background-position: center; padding-top: 60px; padding-bottom: 50px; margin-top: -20px; } h2[id*=kimono-area-].shiga, h2[id*=kaiga-area-].shiga { background: url(/wp-content/themes/twentyseventeench/img/contents/shiga-bg.png) no-repeat center top; } h2[id*=kimono-area-].kyoto, h2[id*=kaiga-area-].kyoto { background: url(/wp-content/themes/twentyseventeench/img/contents/kyoto-bg.png) no-repeat center top; } h2[id*=kimono-area-].osaka, h2[id*=kaiga-area-].osaka { background: url(/wp-content/themes/twentyseventeench/img/contents/osaka-bg.png) no-repeat center top; } h2[id*=kimono-area-].hyogo, h2[id*=kaiga-area-].hyogo { background: url(/wp-content/themes/twentyseventeench/img/contents/hyogo-bg.png) no-repeat center top; } h2[id*=kimono-area-].nara, h2[id*=kaiga-area-].nara { background: url(/wp-content/themes/twentyseventeench/img/contents/nara-bg.png) no-repeat center top; } h2[id*=kimono-area-].wakayama, h2[id*=kaiga-area-].wakayama { background: url(/wp-content/themes/twentyseventeench/img/contents/wakayama-bg.png) no-repeat center top; } h2[id*=kimono-area-].gifu, h2[id*=kaiga-area-].gifu { background: url(/wp-content/themes/twentyseventeench/img/contents/gifu-bg.png) no-repeat center top; } h2[id*=kimono-area-].aichi, h2[id*=kaiga-area-].aichi { background: url(/wp-content/themes/twentyseventeench/img/contents/aichi-bg.png) no-repeat center top; } h2[id*=kimono-area-].saitama, h2[id*=kaiga-area-].saitama { background: url(/wp-content/themes/twentyseventeench/img/contents/saitama-bg.png) no-repeat center top; } h2[id*=kimono-area-].chiba, h2[id*=kaiga-area-].chiba { background: url(/wp-content/themes/twentyseventeench/img/contents/chiba-bg.png) no-repeat center top; } h2[id*=kimono-area-].tokyo, h2[id*=kaiga-area-].tokyo { background: url(/wp-content/themes/twentyseventeench/img/contents/tokyo-bg.png) no-repeat center top; } h2[id*=kimono-area-].kanagawa, h2[id*=kaiga-area-].kanagawa { background: url(../img/contents/kanagawa-bg.png) no-repeat center top; } h2[id*=kimono-area-].fukuoka, h2[id*=kaiga-area-].fukuoka { background: url(../img/contents/fukuoka-bg.png) no-repeat center top; } h2[id*=kimono-area-].oita, h2[id*=kaiga-area-].oita { background: url(../img/contents/oita-bg.png) no-repeat center top; } h2[id*=kimono-area-].saga, h2[id*=kaiga-area-].saga { background: url(../img/contents/saga-bg.png) no-repeat center top; } .outer.area-list { background: url(../img/contents/area-bg.png) no-repeat; background-position: right -15% bottom 85%; } .area-list ul li { list-style: none; } .area-list .choice-tab { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .area-list .choice-tab li { border: 1px #241a08 solid; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #FFF; color: #241a08; text-align: center; padding: 0.8em 0.8em 0; position: relative; } .area-list .choice-tab li * { color: #241a08; } .area-list .choice-tab li + li { border-left: none; } .area-list .choice-tab li.active { background: #241a08; color: #FFF; } .area-list .choice-tab li.active * { color: #FFF; } .area-list .choice-tab li:after { font-family: "Font Awesome 5 free"; font-weight: 900; content: "\f078"; color: #241a08; display: block; } .area-list .choice-tab li.active:after { color: #FFF; } .area-list .show-panel ul li { text-align: center; } .area-list .show-panel ul li a { display: block; } .area-list .show-panel ul li a:after { content: " >"; } .area-list .show-panel ul li a:before { background-image: url(../img/contents/area-sprite.webp); background-repeat: no-repeat; content: ""; display: block; margin: 0 auto 1em; height: 230px; width: 245px; } .area-list .show-panel ul li a:hover:before { background-image: url(../img/contents/area-sprite-hover.webp); } .area-list .show-panel ul li a[href*="/shiga/"]:before { background-position: 0 0; } .area-list .show-panel ul li a[href*="/kyoto/"]:before { background-position: -245px 0; } .area-list .show-panel ul li a[href*="/osaka/"]:before { background-position: -490px 0; } .area-list .show-panel ul li a[href*="/hyogo/"]:before { background-position: -735px 0; } .area-list .show-panel ul li a[href*="/nara/"]:before { background-position: 0 -308px; } .area-list .show-panel ul li a[href*="/wakayama/"]:before { background-position: -245px -308px; } .area-list .show-panel ul li a[href*="/gifu/"]:before { background-position: 0 -616px; } .area-list .show-panel ul li a[href*="/aichi/"]:before { background-position: -245px -616px; } .area-list .show-panel ul li a[href*="/shizuoka/"]:before { background-position: -245px -924px; } .area-list .show-panel ul li a[href*="/saitama/"]:before { background-position: 0 -924px; } .area-list .show-panel ul li a[href*="/chiba/"]:before { background-position: -245px -924px; } .area-list .show-panel ul li a[href*="/tokyo/"]:before { background-position: -490px -924px; } .area-list .show-panel ul li a[href*="/kanagawa/"]:before { background-position: -735px -924px; } .area-pref a { color: #06c; } .area-pref a:hover { color: #ef6622; } .area-pref h2 { width: 100%; } .area-pref dl { margin: 0; } .area-pref dl dt { font-weight: bold; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; margin: 0 0 1em; font-family: serif; border-bottom: 1px solid #ccc; border-image: linear-gradient(to right, #b4b2ad 0%, #ffffff 100%); border-image-slice: 1; color: #316745; background: linear-gradient(-90deg, #ffffff, #e8e3da); } .area-pref dl dt:first-letter { font-size: 1.3em; } .area-pref dl dd { margin: 0 0 2em; } .area-pref ul { margin: 0 0 0 0.5em; } .area-pref ul li { display: inline-block; margin: 0 1.5em 0.5em 0; white-space: nowrap; width: auto; font-size: 1em; } /* 京都で買取を行っております */ @-webkit-keyframes bgloop { from { background-position: 0 center; } to { background-position: -1920px center; } } @keyframes bgloop { from { background-position: 0 center; } to { background-position: -1920px center; } } .outer.service-image { -webkit-animation: bgloop 90s linear infinite; animation: bgloop 90s linear infinite; } /* カテゴリーページの「イントロ」 */ .box.registration dl { background: rgba(124, 29, 34, 0.1); border: 5px rgb(124, 29, 34) solid; padding: 20px; } .box.registration dl dt { background-image: url('data:image/svg+xml;charset=utf8,%3C!--%20Generator%3A%20Adobe%20Illustrator%2018.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20--%3E%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%2048px%3B%20height%3A%2048px%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M509.08%2C448.217L274.676%2C42.218c-8.299-14.376-29.051-14.376-37.352%2C0L2.922%2C448.217%20c-8.301%2C14.376%2C2.074%2C32.347%2C18.674%2C32.347h468.806C507.003%2C480.564%2C517.378%2C462.594%2C509.08%2C448.217z%20M277.035%2C423.636%20c0%2C2.68-9.418%2C4.853-21.033%2C4.853c-11.619%2C0-21.037-2.173-21.037-4.853V389.98c0-2.68%2C9.418-4.853%2C21.037-4.853%20c11.615%2C0%2C21.033%2C2.174%2C21.033%2C4.853V423.636z%20M273.529%2C345.11c0.008%2C0.1%2C0.066%2C0.195%2C0.066%2C0.3c0%2C4.344-7.879%2C7.866-17.594%2C7.866%20c-9.721%2C0-17.596-3.522-17.596-7.866c0-0.102%2C0.056-0.198%2C0.066-0.3l-10.936-140.5c0-4.344%2C12.744-7.866%2C28.465-7.866%20s28.463%2C3.522%2C28.463%2C7.866L273.529%2C345.11z%22%20style%3D%22fill%3A%20rgb(124%2C%2029%2C%2034)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: left center; background-size: auto 52px; color: rgb(124, 29, 34); font-size: 1.5em; font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif; padding: 10px 0 10px 60px; } .box.registration dl dd { margin: 5px 0 0; } .box.cites dl { background: rgba(49, 103, 69, 0.1); border: 5px rgb(49, 103, 69) solid; padding: 20px; } .box.cites dl dt { color: rgb(49, 103, 69); font-size: 1.5em; font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif; padding: 10px 0; } .box.cites dl dd { margin: 20px 0 0; } .box.cites dl dd table { background: rgba(255, 255, 255, 0.5); margin-top: 1em; } .box.cites dl dd table tr { border-bottom-color: rgba(0, 0, 0, 0.2); border-bottom-style: dotted; } .box.cites dl dd table th, .box.cites dl dd table td { font-size: 0.9em; padding: 5px; } .satei-muryou { margin-right: auto; margin-left: auto; max-width: 880px !important; } /* カテゴリーページの「買取対象」 */ .taishou table.tablepress { table-layout: fixed; } .taishou table.tablepress tr { border: none; } .taishou table.tablepress td { background: rgba(233, 232, 230, 0.9); border: 1px #FFF solid !important; } .buronze-souba th { background: #316745; color: #FFF; border:1px solid; padding: 0.8em; } /* カテゴリーページの「○○買取について」 */ .outer.kaitori { background-image: url(../img/contents/about-bg-l.webp); background-position: left center; background-size: auto 100%; background-repeat: no-repeat; } .kaitori .about { background: rgba(255, 255, 255, 0.9); border-radius: 5px; padding: 1em 1em 2em; } .kaitori .about ul { padding-left: 1em; } .kaitori .about ul li { font-size: 1rem; } /* 子カテページのリンク */ .kokate-list p { text-align: center; font-size: 1.2em; font-weight: bold; } .kokate-list ul { border-top: 1px #CCC solid; border-left: 1px #CCC solid; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0.5em !important; } .kokate-list ul li { border-right: 1px #CCC solid; border-bottom: 1px #CCC solid; list-style: none; } .kokate-list ul li > a { background-color: #eeeadd; color: #333333; text-decoration: none !important; } .kokate-list ul li > a:hover { color: #df9200 !important; } .kokate-list ul li > span { background-color: #FFF; color: #877848; } .kokate-list ul li > a, .kokate-list ul li > span { display: block; padding-right: 0.5em; position: relative; } .kokate-list ul li > a:after, .kokate-list ul li > span:after { content: ""; display: block; background-position: left top; height: 50px; width: 50px; margin: auto 0; position: absolute; top: 0; bottom: 0; } /* (絵画のスプライト画像) */ .kokate-list.painting ul li > a:after, .kokate-list.painting ul li > span:after { background-image: url(../img/contents/sprite-thumb-painting.jpg); } .kokate-list.painting ul li:first-child > a:after, .kokate-list.painting ul li:first-child > span:after { background-position: left -50px; } .kokate-list.painting ul li.oil-painting > a:after, .kokate-list.painting ul li.oil-painting > span:after { background-position: -50px -50px; } .kokate-list.painting ul li.watercolor-painting > a:after, .kokate-list.painting ul li.watercolor-painting > span:after { background-position: -100px -50px; } .kokate-list.painting ul li.ink-painting > a:after, .kokate-list.painting ul li.ink-painting > span:after { background-position: -150px -50px; } .kokate-list.painting ul li.japanese-painting > a:after, .kokate-list.painting ul li.japanese-painting > span:after { background-position: left -100px; } .kokate-list.painting ul li.ukiyoe > a:after, .kokate-list.painting ul li.ukiyoe > span:after { background-position: -50px -100px; } .kokate-list.painting ul li.print > a:after, .kokate-list.painting ul li.print > span:after { background-position: -100px -100px; } .kokate-list.painting ul li.lithograph > a:after, .kokate-list.painting ul li.lithograph > span:after { background-position: -150px -100px; } .kokate-list.painting ul li.abstract-painting > a:after, .kokate-list.painting ul li.abstract-painting > span:after { background-position: left -150px; } .kokate-list.painting ul li.modern-art > a:after, .kokate-list.painting ul li.modern-art > span:after { background-position: -50px -150px; } /* (掛軸のスプライト画像) */ .kokate-list.kakeziku ul li > a:after, .kokate-list.kakeziku ul li > span:after { background-image: url(../img/contents/sprite-thumb-hanging-scroll.jpg); } .kokate-list.kakeziku ul li:first-child > a:after, .kokate-list.kakeziku ul li:first-child > span:after { background-position: left -50px; } .kokate-list.kakeziku ul li.japanese-scroll > a:after, .kokate-list.kakeziku ul li.japanese-scroll > span:after { background-position: -50px -50px; } .kokate-list.kakeziku ul li.bijinga-scroll > a:after, .kokate-list.kakeziku ul li.bijinga-scroll > span:after { background-position: -100px -50px; } .kokate-list.kakeziku ul li.landscape-scroll > a:after, .kokate-list.kakeziku ul li.landscape-scroll > span:after { background-position: -150px -50px; } .kokate-list.kakeziku ul li.kacho-scroll > a:after, .kokate-list.kakeziku ul li.kacho-scroll > span:after { background-position: left -100px; } .kokate-list.kakeziku ul li.sansui-scroll > a:after, .kokate-list.kakeziku ul li.sansui-scroll > span:after { background-position: -50px -100px; } .kokate-list.kakeziku ul li.ink-scroll > a:after, .kokate-list.kakeziku ul li.ink-scroll > span:after { background-position: -100px -100px; } .kokate-list.kakeziku ul li.watercolor-scroll > a:after, .kokate-list.kakeziku ul li.watercolor-scroll > span:after { background-position: -150px -100px; } .kokate-list.kakeziku ul li.kohitsu-scroll > a:after, .kokate-list.kakeziku ul li.kohitsu-scroll > span:after { background-position: left -150px; } .kokate-list.kakeziku ul li.chinese-scroll > a:after, .kokate-list.kakeziku ul li.chinese-scroll > span:after { background-position: -50px -150px; } .kokate-list.kakeziku ul li.nanga-scroll > a:after, .kokate-list.kakeziku ul li.nanga-scroll > span:after { background-position: -100px -150px; } .kokate-list.kakeziku ul li.calligraphic-scroll > a:after, .kokate-list.kakeziku ul li.calligraphic-scroll > span:after { background-position: -150px -150px; } .kokate-list.kakeziku ul li.buddhist-scroll > a:after, .kokate-list.kakeziku ul li.buddhist-scroll > span:after { background-position: left -200px; } .kokate-list.kakeziku ul li.historical-scroll > a:after, .kokate-list.kakeziku ul li.historical-scroll > span:after { background-position: -50px -200px; } .kokate-list.kakeziku ul li.portrait-scroll > a:after, .kokate-list.kakeziku ul li.portrait-scroll > span:after { background-position: -100px -200px; } .kokate-list.kakeziku ul li.ukiyoe-scroll > a:after, .kokate-list.kakeziku ul li.ukiyoe-scroll > span:after { background-position: -150px -200px; } /* (茶道具のスプライト画像) */ .kokate-list.tea-utensils ul li > a:after, .kokate-list.tea-utensils ul li > span:after { background-image: url(../img/contents/sprite-thumb-tea-utensils.webp); } .kokate-list.tea-utensils ul li:first-child > a:after, .kokate-list.tea-utensils ul li:first-child > span:after { background-position: left -50px; } .kokate-list.tea-utensils ul li.chawan > a:after, .kokate-list.tea-utensils ul li.chawan > span:after { background-position: -50px -50px; } .kokate-list.tea-utensils ul li.tetsubin > a:after, .kokate-list.tea-utensils ul li.tetsubin > span:after { background-position: -100px -50px; } .kokate-list.tea-utensils ul li.ginbin > a:after, .kokate-list.tea-utensils ul li.ginbin > span:after { background-position: -150px -50px; } .kokate-list.tea-utensils ul li.natsume > a:after, .kokate-list.tea-utensils ul li.natsume > span:after { background-position: left -100px; } .kokate-list.tea-utensils ul li.chaire > a:after, .kokate-list.tea-utensils ul li.chaire > span:after { background-position: -50px -100px; } .kokate-list.tea-utensils ul li.kouro > a:after, .kokate-list.tea-utensils ul li.kouro > span:after { background-position: -100px -100px; } .kokate-list.tea-utensils ul li.chasyaku > a:after, .kokate-list.tea-utensils ul li.chasyaku > span:after { background-position: -150px -100px; } .kokate-list.tea-utensils ul li.chagama > a:after, .kokate-list.tea-utensils ul li.chagama > span:after { background-position: left -150px; } .kokate-list.tea-utensils ul li.mizusashi > a:after, .kokate-list.tea-utensils ul li.mizusashi > span:after { background-position: -50px -150px; } .kokate-list.tea-utensils ul li.hanaire > a:after, .kokate-list.tea-utensils ul li.hanaire > span:after { background-position: -100px -150px; } .kokate-list.tea-utensils ul li.sencha-dogu > a:after, .kokate-list.tea-utensils ul li.sencha-dogu > span:after { background-position: -150px -150px; } .kokate-list.tea-utensils ul li.kyusu > a:after, .kokate-list.tea-utensils ul li.kyusu > span:after { background-position: left -200px; } .kokate-list.tea-utensils ul li.chagake > a:after, .kokate-list.tea-utensils ul li.chagake > span:after { background-position: -50px -200px; } .kokate-list.tea-utensils ul li.omotesenke > a:after, .kokate-list.tea-utensils ul li.omotesenke > span:after { background-position: -100px -200px; } .kokate-list.tea-utensils ul li.urasenke > a:after, .kokate-list.tea-utensils ul li.urasenke > span:after { background-position: -150px -200px; } /* (陶磁器のスプライト画像) */ .kokate-list.ceramics ul li > a:after, .kokate-list.ceramics ul li > span:after { background-image: url(../img/contents/sprite-thumb-ceramics.webp); } .kokate-list.ceramics ul li:first-child > a:after, .kokate-list.ceramics ul li:first-child > span:after { background-position: left -50px; } .kokate-list.ceramics ul li.kutani > a:after, .kokate-list.ceramics ul li.kutani > span:after { background-position: -50px -50px; } .kokate-list.ceramics ul li.imari > a:after, .kokate-list.ceramics ul li.imari > span:after { background-position: -100px -50px; } .kokate-list.ceramics ul li.karatsu > a:after, .kokate-list.ceramics ul li.karatsu > span:after { background-position: -150px -50px; } .kokate-list.ceramics ul li.oribe > a:after, .kokate-list.ceramics ul li.oribe > span:after { background-position: left -100px; } .kokate-list.ceramics ul li.hagi > a:after, .kokate-list.ceramics ul li.hagi > span:after { background-position: -50px -100px; } .kokate-list.ceramics ul li.shino > a:after, .kokate-list.ceramics ul li.shino > span:after { background-position: -100px -100px; } .kokate-list.ceramics ul li.satsuma > a:after, .kokate-list.ceramics ul li.satsuma > span:after { background-position: -150px -100px; } .kokate-list.ceramics ul li.nabeshima > a:after, .kokate-list.ceramics ul li.nabeshima > span:after { background-position: left -150px; } .kokate-list.ceramics ul li.arita > a:after, .kokate-list.ceramics ul li.arita > span:after { background-position: -50px -150px; } .kokate-list.ceramics ul li.mashiko > a:after, .kokate-list.ceramics ul li.mashiko > span:after { background-position: -100px -150px; } .kokate-list.ceramics ul li.raku > a:after, .kokate-list.ceramics ul li.raku > span:after { background-position: -150px -150px; } .kokate-list.ceramics ul li.richou > a:after, .kokate-list.ceramics ul li.richou > span:after { background-position: left -200px; } .kokate-list.ceramics ul li.hakuji-seiji > a:after, .kokate-list.ceramics ul li.hakuji-seiji > span:after { background-position: -50px -200px; } .kokate-list.ceramics ul li.chinese-ceramics > a:after, .kokate-list.ceramics ul li.chinese-ceramics > span:after { background-position: -100px -200px; } .kokate-list.ceramics ul li.shippou > a:after, .kokate-list.ceramics ul li.shippou > span:after { background-position: -150px -200px; } /* (古銭のスプライト画像) */ .kokate-list.old_coin ul li > a:after, .kokate-list.old_coin ul li > span:after { background-image: url(../img/contents/sprite-thumb-old-coin.webp); } .kokate-list.old_coin ul li:first-child > a:after, .kokate-list.old_coin ul li:first-child > span:after { background-position: left -50px; } .kokate-list.old_coin ul li.gold-coin > a:after, .kokate-list.old_coin ul li.gold-coin > span:after { background-position: -50px -50px; } .kokate-list.old_coin ul li.silver-coin > a:after, .kokate-list.old_coin ul li.silver-coin > span:after { background-position: -100px -50px; } .kokate-list.old_coin ul li.oval-coin > a:after, .kokate-list.old_coin ul li.oval-coin > span:after { background-position: -150px -50px; } .kokate-list.old_coin ul li.old-gold > a:after, .kokate-list.old_coin ul li.old-gold > span:after { background-position: left -100px; } .kokate-list.old_coin ul li.chogin > a:after, .kokate-list.old_coin ul li.chogin > span:after { background-position: -50px -100px; } .kokate-list.old_coin ul li.hole-coin > a:after, .kokate-list.old_coin ul li.hole-coin > span:after { background-position: -100px -100px; } .kokate-list.old_coin ul li.local-currency > a:after, .kokate-list.old_coin ul li.local-currency > span:after { background-position: -150px -100px; } .kokate-list.old_coin ul li.old-banknotes > a:after, .kokate-list.old_coin ul li.old-banknotes > span:after { background-position: left -150px; } .kokate-list.old_coin ul li.vintage-coin > a:after, .kokate-list.old_coin ul li.vintage-coin > span:after { background-position: -50px -150px; } .kokate-list.old_coin ul li.chinese-coin > a:after, .kokate-list.old_coin ul li.chinese-coin > span:after { background-position: -100px -150px; } .kokate-list.old_coin ul li.chinese-banknotes > a:after, .kokate-list.old_coin ul li.chinese-banknotes > span:after { background-position: -150px -150px; } .kokate-list.old_coin ul li.commemorative-coin > a:after, .kokate-list.old_coin ul li.commemorative-coin > span:after { background-position: left -200px; } .kokate-list.old_coin ul li.foreign-coin > a:after, .kokate-list.old_coin ul li.foreign-coin > span:after { background-position: -50px -200px; } .kokate-list.old_coin ul li.proof-coin > a:after, .kokate-list.old_coin ul li.proof-coin > span:after { background-position: -100px -200px; } .kokate-list.old_coin ul li.error-coin > a:after, .kokate-list.old_coin ul li.error-coin > span:after { background-position: -150px -200px; } /*対応エリアページのエリアリスト*/ .outer.area-list { background: url(../img/contents/area-bg.png) no-repeat; background-position: right -15% bottom 85%; } .area-list ul li { list-style: none; } .area-list .choice-tab { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .area-list .choice-tab li { border: 1px #241a08 solid; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #FFF; color: #241a08; text-align: center; padding: 0.8em 0.8em 0; position: relative; } .area-list .choice-tab li * { color: #241a08; } .area-list .choice-tab li + li { border-left: none; } .area-list .choice-tab li.active { background: #241a08; color: #FFF; } .area-list .choice-tab li.active * { color: #FFF; } .area-list .choice-tab li:after { font-family: "Font Awesome 5 free"; font-weight: 900; content: "\f078"; color: #241a08; display: block; } .area-list .choice-tab li.active:after { color: #FFF; } .area-list .show-panel ul li { text-align: center; } .area-list .show-panel ul li a { display: block; } .area-list .show-panel ul li a:after { content: " >"; } .area-list .show-panel ul li a:before { background-image: url(../img/contents/area-sprite.webp); background-repeat: no-repeat; content: ""; display: block; margin: 0 auto 1em; height: 230px; width: 245px; } .area-list .show-panel ul li a:hover:before { background-image: url(../img/contents/area-sprite-hover.webp); } .area-list .show-panel ul li a[href*="shiga"]:before { background-position: 0 0; } .area-list .show-panel ul li a[href*="kyoto"]:before { background-position: -245px 0; } .area-list .show-panel ul li a[href*="osaka"]:before { background-position: -490px 0; } .area-list .show-panel ul li a[href*="hyogo"]:before { background-position: -735px 0; } .area-list .show-panel ul li a[href*="nara"]:before { background-position: 0 -308px; } .area-list .show-panel ul li a[href*="wakayama"]:before { background-position: -245px -308px; } .area-list .show-panel ul li a[href*="gifu"]:before { background-position: 0 -616px; } .area-list .show-panel ul li a[href*="aichi"]:before { background-position: -245px -616px; } .area-list .show-panel ul li a[href*="mie"]:before { background-position: -490px -308px; } .area-list .show-panel ul li a[href*="shizuoka"]:before { background-position: -490px -616px; } .area-list .show-panel ul li a[href*="saitama"]:before { background-position: 0 -924px; } .area-list .show-panel ul li a[href*="chiba"]:before { background-position: -245px -924px; } .area-list .show-panel ul li a[href*="tokyo"]:before { background-position: -490px -924px; } .area-list .show-panel ul li a[href*="kanagawa"]:before { background-position: -735px -924px; } .area-list .show-panel ul li a[href*="gunma"]:before { background-position: 0 -1230px; } .area-list .show-panel ul li a[href*="tochigi"]:before { background-position: -245px -1230px; } .area-list .show-panel ul li a[href*="ibaraki"]:before { background-position: -490px -1230px; } .area-list .show-panel ul li a[href*="fukuoka"]:before { background-position: 0 -1536px; } .area-list .show-panel ul li a[href*="kumamoto"]:before { background-position: -245px -1842px; } .area-list .show-panel ul li a[href*="oita"]:before { background-position: -245px -1536px; } .area-list .show-panel ul li a[href*="saga"]:before { background-position: -490px -1536px; } .area-list .show-panel ul li a[href*="nagasaki"]:before { background-position: 0 -1842px; } .area-list .show-panel ul li a[href*="miyazaki"]:before { background-position: -490px -1842px; } .area-list .show-panel ul li a[href*="kagoshima"]:before { background-position: -735px -1536px; } .area-list .show-panel ul li a[href*="ehime"]:before { background-position: 0 -2112px; } .area-list .show-panel ul li a[href*="kagawa"]:before { background-position: -245px -2112px; } .area-list .show-panel ul li a[href*="kochi"]:before { background-position: -490px -2112px; } .area-list .show-panel ul li a[href*="tokushima"]:before { background-position: -735px -2112px; } .area-list .show-panel ul li a[href*="yamaguchi"]:before { background-position: 0 -2400px; } .area-list .show-panel ul li a[href*="hiroshima"]:before { background-position: -245px -2400px; } .area-list .show-panel ul li a[href*="okayama"]:before { background-position: -490px -2400px; } .area-list .show-panel ul li a[href*="shimane"]:before { background-position: -735px -2400px; } .area-list .show-panel ul li a[href*="tottori"]:before { background-position: 0 -2688px; } /* 買取事例（サムネイル表示） */ .results-withumb { margin-top: 0 !important; } .results-withumb li { background: #FFF; border-radius: 3px; list-style: none; } .results-withumb li .goods, .results-withumb li .goods *, .results-withumb li .area, .results-withumb li .date { color: #333; } .results-withumb li a { text-decoration: none; } .results-withumb li img { vertical-align: bottom; } .results-withumb li .status .type { background: #241a08; color: #FFF; display: inline-block; margin-right: 0.9em; padding: 0 6px 0 10px; position: relative; } .results-withumb li .status .type a:hover, .results-withumb li .status .type a:focus { color: #FFF !important; } .results-withumb li .status .area a { color: #19448e !important; text-decoration: underline; } .results-withumb li .status .type:after { content: ""; border-left: 0.8em #241a08 solid; border-top: 0.8em transparent solid; border-bottom: 0.8em transparent solid; position: absolute; top: 0; bottom: 0; right: -2em; width: 2em; } .results-withumb li .price { color: #b94047; } .results-withumb li .price span { color: #b94047; font-size: 1.2em; } /* 買取事例（サムネイル表示）カルーセル表示にした時の調整 */ .results-withumb.swiper-container { padding-right: 0 !important; padding-left: 0 !important; } .results-withumb.swiper-container .swiper-slide { height: auto; box-sizing: border-box; } .results-pagination.swiper-pagination { font-size: initial !important; position: static; } .results-button-prev, .results-button-next { top: auto !important; bottom: 0.5rem; } .results-withumb .more a { padding-right: 2em !important; padding-left: 1em !important; width: min( 100%, 12em ) !important; } /* 買取価格相場（サムネイル表示） */ .item-withumb { padding-right: 0 !important; padding-left: 0 !important; padding-bottom: 0 !important; } .item-pagination { font-size: initial !important; position: static !important; } .item-button-prev, .item-button-next { top: auto !important; bottom: 0.5rem; } .item-withumb ul li img { vertical-align: bottom; aspect-ratio: 4/3; -o-object-fit: cover; object-fit: cover; width: 320px; height: 100%; } .item-withumb ul li { list-style: none; text-align: center; } .item-withumb ul li a { color: inherit !important; } .item-withumb .item-wrap { position: relative; } .item-withumb .item-pict { background: #FFF; border-radius: 3px; } .item-withumb .hinmoku { margin-top: 0.5em; padding-top: 0.5em; padding-bottom: 0.5em; position: relative; z-index: 10; } .item-withumb .item-name { margin-top: 0.5em; } .item-withumb .item-name span { font-size: 1.4em; } .item-withumb .item-name span a:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .item-withumb .item-price { color: #f6ef2a !important; font-weight: bold; margin-top: 1em; } .item-withumb .item-price * { color: #f6ef2a !important; } .item-withumb .item-price span.label { font-size: 0.8em; font-weight: normal; } .item-withumb .item-price span:not(.label) { font-size: 1.4em; } /* 取り扱い作家（リスト表示） */ .artist-list { max-height: 40vh; overflow-y: auto; background: rgba(255, 255, 255, 0.3); padding: 0 1rem 1rem; } .artist-list li { background: #FFF; border: 1px #151000 solid; border-radius: 3px; list-style: none; padding: 1px; } .artist-list li a { color: #151000; display: block; text-decoration: none; position: relative; padding: 10px 1.6em 10px 10px; height: 100%; } .artist-list li a:after { background: #151000; color: #FFF; font-family: "Font Awesome 5 free"; font-weight: 900; text-align: center; content: "\f105"; display: inline-block; line-height: 1em; margin: auto 0; position: absolute; top: 0; right: 0; bottom: 0; width: 1.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .artist-list li a:hover:before { content: ""; background: rgba(255, 186, 0, 0.1); position: absolute; pointer-events: none; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } /* コラム記事（サムネイル表示） */ .column .column-posts { margin-top: 0; } .column-posts li { list-style: none; } .column-posts li .title { font-size: 1.2em; padding: 10px 0; } .column-posts li .pict img[src$="noimg.jpg"] { aspect-ratio: 4 / 3; object-fit: cover; } /* コラム記事（サムネイル表示）カルーセル表示にした時の調整 */ .swiper-container .column-pagination { position: static; } .swiper-container ul li { list-style: none; height: auto; } .swiper-container .column-item { border: 1px solid rgba(0,0,0,.2); display: flex; flex-direction: column; row-gap: .5rem; padding: .5rem; position: relative; height: 100%; } .swiper-container .column-item a:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .swiper-container .column-item .thumb { overflow: hidden; } .swiper-container .column-item .thumb img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: all .2s; } .swiper-container .column-item:hover .thumb img { transform: scale(1.05); transform-origin: center; } .swiper-container .column-item .title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-left: unset; } .swiper-container .column-item .excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } /* 買取品目 */ .genre-list img { vertical-align: bottom; } .genre-list span { display: block; } .genre-list li { border: 1px #316745 solid; list-style: none; } .genre-list li a { display: block; text-decoration: none; } .genre-list li span.a span, .genre-list li a span, .genre-list li .unlink-span { background: #316745; color: #FFF; display: block; padding: 0.8em; } .genre-list li > span:not(.a) { display: block; padding: 0.8em; } .genre-list li a img { width: 100%; } /* 新しい買取品目 */ .gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; list-style: none; padding: 0; margin: 0; margin-top: 18px; } .gallery li { position: relative; list-style: none; } .image-container { position: relative; width: 100%; overflow: hidden; } .image-container img { width: 100%; height: auto; display: block; } .image-container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5)); pointer-events: none !important; /* オーバーレイがクリックなどの操作を妨げないように */ } .image-container p { position: absolute; bottom: 10px; left: 10px; margin: 0; padding: 0px 8px; color: white; font-size: 1.2em; z-index: 1; /* グラデーションオーバーレイの上にテキストが表示されるように */ line-height: 1.2; } .up-img { cursor: pointer; max-width: 500px; overflow: hidden; width: 100%; } .up-img img { height: auto; transition: transform .3s ease; /* ゆっくり変化させる */ } .up-img:hover img { transform: scale(1.1); /* 拡大 */ filter: none !important; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5)); } /* タブレットの時 */ @media (min-width: 768px) and (max-width: 1024px) { .gallery { grid-template-columns: repeat(4, 1fr); /* タブレットでは4カラム */ gap: 8px; } .image-container p { bottom: 16px; left: 0px; } } /* スマホの時 */ @media (max-width: 767px) { .gallery { grid-template-columns: repeat(3, 1fr); /* スマホでは3カラム */ gap: 8px; } .image-container p { position: absolute; bottom: 4px; left: 0px; margin: 0; padding: 0px 8px; z-index: 1; /* グラデーションオーバーレイの上にテキストが表示されるように */ } } /* 新しい買取品目地域バージョン */ .genre-list-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; list-style: none; padding: 0; margin: 0; margin-top: 18px; } .genre-list-2 li { position: relative; list-style: none; } .genre-list-2 a { display: block; position: relative; overflow: hidden; text-decoration: none; cursor: pointer; } .genre-list-2 img { width: 100%; height: auto; display: block; transition: transform .3s ease; /* ゆっくり変化させる */ } .genre-list-2 span { position: absolute; bottom: 10px; left: 10px; margin: 0; padding: 0 8px; color: white; font-size: 1.2em; line-height: 1.2; z-index: 1; } .genre-list-2 a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5)); pointer-events: none; /* オーバーレイがクリックなどの操作を妨げないように */ z-index: 0; } .genre-list-2 a:hover img { transform: scale(1.1); /* ホバーで画像を拡大 */ } /* タブレットの時 */ @media (min-width: 768px) and (max-width: 1024px) { .genre-list-2 { grid-template-columns: repeat(4, 1fr); /* タブレットでは4カラム */ gap: 8px; } .genre-list-2 span { bottom: 16px; left: 0px; } } /* スマホの時 */ @media (max-width: 767px) { .genre-list-2 { grid-template-columns: repeat(3, 1fr); /* スマホでは3カラム */ gap: 8px; } .genre-list-2 span { position: absolute; bottom: 4px; left: 0px; margin: 0; padding: 0px 8px; z-index: 1; /* グラデーションオーバーレイの上にテキストが表示されるように */ } } /* 絵画用 調整 */ section[id*="-hinmoku"] h3 { text-align: center; } .genre-list.kokate li { border-color: #664a33; } .genre-list.kokate li span.a span, .genre-list.kokate li a span, .genre-list.kokate li .unlink-span { background: #664a33; } .genre-list li.txt-c { border: none; width: auto; align-self: center; flex: 1; } /* 選ばれる理由 */ .reason h3 { background: #241a08; color: #FFF; margin-top: 2em !important; padding: 15px 15px 20px; position: relative; } .reason h3:before { background: center top no-repeat; content: ""; position: absolute; left: -4px; bottom: -20px; z-index: 1; } .reason h3:nth-of-type(1):before { background-image: url(../img/contents/reason-1.png); } .reason h3:nth-of-type(2):before { background-image: url(../img/contents/reason-2.png); } .reason h3:nth-of-type(3):before { background-image: url(../img/contents/reason-3.png); } .reason h3:after { background: #f6ef2a; content: ""; position: absolute; bottom: 6px; right: 0; left: 0; height: 1px; } /* 買取方法 */ .method h3 { text-align: center; } .method li { list-style: none; } .method .choice-tab { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .method .choice-tab li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.4em; background: #FFF; color: #241a08; text-align: center; padding: 0.8em 0.8em 0; position: relative; } .method .choice-tab li * { color: #241a08; } .method .choice-tab li + li { margin-left: 1px; } .method .choice-tab li.active { background: #241a08; color: #FFF; } .method .choice-tab li.active * { color: #FFF; } .method .choice-tab li:after { font-family: "Font Awesome 5 free"; font-weight: 900; content: "\f078"; color: #241a08; display: block; } .method .choice-tab li.active:before { border-top: 10px #241a08 solid; border-right: 6px transparent solid; border-left: 6px transparent solid; content: ""; position: absolute; bottom: -20px; right: 0; left: 0; margin: 0 auto; height: 20px; width: 12px; } /* 対応エリア */ .support > section.shuccho { padding-top: 2em; } .support h3 { background-color: #241a08; color: #FFF; text-align: center; padding: 0.8em 60px; position: relative; } .support h3:before, .support h3:after { background-image: url(../img/bg/sankuzushi-yosumi.png); background-repeat: no-repeat; background-size: 104px 100%; content: ""; position: absolute; top: 0; bottom: 0; width: 52px; } .support h3:before { background-position: left top; left: 0; } .support h3:after { background-position: right top; right: 0; } .support h3 span { color: #f6ef2a; } .support dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: auto; margin-left: auto; max-width: 800px; } .support dl dt { border-bottom: 1px #A9A9A9 dashed; font-weight: normal; line-height: 1.4em; padding: 0.5em 0 0.5em 0.8em; position: relative; } .support dl dt:after { background: #dcd3b2; border-radius: 2px; content: ""; position: absolute; top: 0.6em; left: 0; bottom: 0.6em; width: 6px; } .support dl dd { border-bottom: 1px #A9A9A9 dashed; margin: 0; padding: 0.5em 0 0.5em 1em; } .support dl dd ul { margin: 0; padding: 0; display: flex; gap: 0.6em; flex-wrap: wrap; } .support dl dd ul li { display: inline-block; margin: 0; padding: 0; } .support dl dd ul li:after { content: "|"; padding-left: 0.6em; } /* 買取強化 */ .area-plus { background: rgba(255,255,255,.8); border: 1px solid #316745; border-radius: 6px; margin-bottom: 2em !important; } #content .area-plus h4, .area-plus h2 { background-color: #316745; border-top-left-radius: 6px; border-top-right-radius: 6px; font-family: 'Yu Mincho',YuMincho,'Hiragino Mincho ProN','Hiragino Mincho Pro','HGP明朝B',serif; padding: 0.5em!important; position: relative; text-align: center; color: #FFF; margin-bottom: 0; } .area-plus h4:before, .area-plus h2:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 9px solid #316745; bottom: -9px; content: ""; left: calc(50% - 5px); position: absolute; } ul.area-list-kyoka { padding: 1em 1em; padding-left: 2em; margin-bottom: 0; max-height: 198px; overflow-y: scroll; } ul.area-list-kyoka li { display: inline-block; font-size: 12px; margin: 0; position: relative; text-align: center; width: 9em; } ul.area-list-kyoka li:after { background: #ccc; content: ""; height: 1em; width: 1px; margin: auto 0; position: absolute; top: 0; right: 0; bottom: 0; } ul.area-list-kyoka li a { color: #19446e; } @media screen and (max-width: 767px) { ul.area-list-kyoka { margin-bottom: 0; max-height: 165px; overflow-y: scroll; list-style-type: none; display: flex; flex-wrap: wrap; } ul.area-list-kyoka li { position: relative; text-align: center; width: 30%; padding: 0.3em; } } /* チェックポイント */ .point h3 { background: #316745; color: #FFF; margin-top: 2em !important; padding: 15px 15px 20px; position: relative; } .point h3:before { background: center top no-repeat; content: ""; position: absolute; left: -4px; bottom: -20px; z-index: 1; } .point h3:nth-of-type(1):before { background-image: url(../img/contents/point-1.png); } .point h3:nth-of-type(2):before { background-image: url(../img/contents/point-2.png); } .point h3:nth-of-type(3):before { background-image: url(../img/contents/point-3.png); } .point h3:after { background: #f6ef2a; content: ""; position: absolute; bottom: 6px; right: 0; left: 0; height: 1px; } /* 高価買取が期待できる○○とは */ .kouka-kaitori h3 { background: #316745; color: #FFF; margin-top: 2em !important; padding: 15px 15px 20px; position: relative; } .kouka-kaitori h3:before { background: center top no-repeat; content: ""; position: absolute; left: -4px; bottom: -20px; z-index: 1; } .kouka-kaitori h3:nth-of-type(1):before { background-image: url(../img/contents/kouka-kaitori-1.png); } .kouka-kaitori h3:nth-of-type(2):before { background-image: url(../img/contents/kouka-kaitori-2.png); } .kouka-kaitori h3:nth-of-type(3):before { background-image: url(../img/contents/kouka-kaitori-3.png); } .kouka-kaitori h3:after { background: #f6ef2a; content: ""; position: absolute; bottom: 6px; right: 0; left: 0; height: 1px; } .kouka-kaitori .yuumei-sakka li, .kouka-kaitori .yuumei-sanchi li { list-style: none; } .kouka-kaitori .yuumei-sakka li .image, .kouka-kaitori .yuumei-sakka li .info { text-align: center; } /* 鑑定士が教えるチェックポイント */ .check-point .check-point-item { background: #FFF; padding: 2em; display: flex; } /* よくある質問 */ .qa dl dt { background: url(../img/icon/qa-q.png) no-repeat 1.5rem 1.5rem; border-bottom: 1px #333 solid; font-weight: normal; margin: 0; position: relative; } .qa dl dt.open { border-radius: 2px 2px 0 0; } .qa dl dd + dt { margin-top: 20px; } .qa dl dt:after { background: rgba(255, 255, 255, 0.5); border-radius: 50%; line-height: 1em; font-family: "Font Awesome 5 free"; font-weight: 900; font-size: 0.8em; color: #585049; content: "\f078"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 0.2em; position: absolute; bottom: 1rem; right: 1.5rem; height: 1.8em; width: 1.8em; } .qa dl dt.open:after { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .qa dl dd { background: url(../img/icon/qa-a.png) no-repeat 1.5rem 0.6rem; margin: 0; position: relative; } .qa dl dd:before, .qa dl dd:after { border-right: 12px transparent solid; border-left: 12px transparent solid; content: ""; margin: 0 auto; position: absolute; right: 0; left: 0; height: 24px; width: 24px; } .qa dl dd:before { border-top: 12px #333 solid; top: 0; } .qa dl dd:after { border-top: 12px #FFF solid; top: -1px; } .color2 .qa dl dd:after { border-top-color: #e9e4d4; } /* 遺品買取 */ .outer.ihin { background-color: #ede5ce; } section[id$="-ihin"] .colwrap img { vertical-align: bottom; } section[id$="-ihin"] .colwrap .wrap2 { background: #316745; border-radius: 8px; color: #FFF; position: relative; } section[id$="-ihin"] .colwrap .wrap2:before { content: ""; display: block; position: absolute; } /* 店舗情報 */ section[id*="-store"] ul li { list-style: none; } section[id*="-store"] ul li > span, section[id*="-store"] ul li > a { background: #eeeeee; color: #333; display: block; text-decoration: none; padding: 0.8em 0.8em 0.8em calc(1.6em + 100px); position: relative; min-height: calc(1.6em + 100px); width: 100%; } section[id*="-store"] ul li > span > span, section[id*="-store"] ul li > a > span { font-size: 1.2em; } section[id*="-store"] ul li > span > span:before, section[id*="-store"] ul li > a > span:before { content: "【"; } section[id*="-store"] ul li > span > span:after, section[id*="-store"] ul li > a > span:after { content: "】"; } section[id*="-store"] ul li > span:after, section[id*="-store"] ul li > a:after { content: ""; display: block; background-image: url(../img/contents/sprite-thumb-store.jpg); background-position: left top; height: 100px; width: 100px; margin: auto 0; position: absolute; top: 0; bottom: 0; left: 0.8em; } section[id*="-store"] ul li.kyoto > span:after, section[id*="-store"] ul li.kyoto > a:after { background-position: left -100px; } section[id*="-store"] ul li.tokyo > span:after, section[id*="-store"] ul li.tokyo > a:after { background-position: -100px -100px; } section[id*="-store"] ul li.nagoya > span:after, section[id*="-store"] ul li.nagoya > a:after { background-position: -200px -100px; } section[id*="-store"] ul li.osaka > span:after, section[id*="-store"] ul li.osaka > a:after { background-position: -300px -100px; } section[id*="-store"] ul li.kyoto-minami > span:after, section[id*="-store"] ul li.kyoto-minami > a:after { background-position: left -200px; } section[id*="-store"] ul li.fukuoka > span:after, section[id*="-store"] ul li.fukuoka > a:after { background-position: -100px -200px; } section[id*="-store"] ul li.yokohama > span:after, section[id*="-store"] ul li.yokohama > a:after { background-position: -200px -200px; } section[id*="-store"] ul li.matsuyama > span:after, section[id*="-store"] ul li.matsuyama > a:after { background-position: -300px -200px; } /* section[id*="-store"] ul li.kansai > span:after, section[id*="-store"] ul li.kansai > a:after { background-position: -200px -100px; } section[id*="-store"] ul li.kanto > span:after, section[id*="-store"] ul li.kanto > a:after { background-position: -300px -100px; } */ /* 店舗案内 */ .single section[id$="info"] { margin-bottom: 2em; } .single section[id$="info"] h2[id*=-heading]:not([id*=-order]):not([id*=-deco-heading]) { background: none; margin-top: 0; padding-bottom: 0; } section[id$="info"] table tr { border: none; } section[id$="info"] table th { background-color: #316745; border: 2px #FFF solid; color: #F5F5F5; font-weight: normal; font-size: 1rem; text-align: center; padding: 1rem; width: 8em; } section[id$="info"] table td { background-color: #f7f7f7; border: 2px #FFF solid; font-size: 1rem; padding: 1rem; } section[id$="info"] h3 { border-bottom: 1px #CCC solid; padding-bottom: 0.5em; } section[id$="info"] iframe { margin-bottom: 0; } /* お問合せ */ .outer.order { background-image: url(../img/contents/order-bg-r.webp); background-position: right center; background-size: auto 100%; background-repeat: no-repeat; } .order p.order-heading { margin-top: 0; } .order ul li { list-style: none; text-align: center; } /* 本人確認書類（2021-10-18追加） */ .outer.identification { background-color: #F2F2F2; background-image: url(../img/bg/identification-bg.webp); background-repeat: no-repeat; background-position: left bottom; } section[id$="identification"] dl { background-color: rgba(255, 255, 255, 0.8); border: 1px #886a17 solid; border-radius: 8px; overflow: hidden; } section[id$="identification"] dl dt { background-color: #886a17; color: #FFF; display: flex; flex-wrap: wrap; align-content: center; padding: 0.8em 1em; } section[id$="identification"] dl dd { margin: 0; padding: 0.8em 1em; } section[id$="identification"] dl dd ul li { list-style: none; font-size: 1.1em; font-weight: bold; } section[id$="identification"] p.indent { font-size: 0.8em; } /* 出張鑑定会コンテンツ */ .kanteikai-bg { background-color: #333333; background-image: url(../img/contents/kaitorikaibh-4.png), -webkit-linear-gradient(left, rgba(1, 1, 1, 1), rgba(1, 1, 1, 1) 60%, rgba(1, 1, 1, 0) 80%, rgba(233, 228, 212, 0) 100%), url(../img/contents/kanteikaibh-1.png); /* background-position: left top, center, 100% center;*/ background-repeat: no-repeat; /* background-size: auto 100%, auto, auto 100%;*/ background-position: left top, center, 90% 85%; background-size: contain, auto, 25%; margin-bottom: 3em; text-align: center; color: #ffffff; /* margin: 0 calc(50% - 50vw);*/ padding: 3rem 0 !important; } .kanteikai-bg .more-deco { text-align: center; margin-top: 2rem !important; } #content .kanteikai-bg .more-deco a { color: #333333; font-weight: 700; text-decoration: none; -webkit-box-shadow: unset; box-shadow: unset; display: inline-block; padding: 0.6rem 1.5rem 0.6rem 2rem; background: -webkit-linear-gradient(top, rgba(67, 51, 21, 1) 0%, rgba(36, 26, 8, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 255) 0%, rgba(255, 255, 255, 255) 100%); border-radius: 2rem; } #content .kanteikai-bg .more-deco a::after { content: "\f04b"; font-family: "Font Awesome 5 free"; font-weight: 900; color: #919035; display: inline-block; padding-left: 1rem; } .outer.kanteikai-bg .text-deco { font-size: 1.875em; font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', sans-serif; font-weight: 700; text-shadow: 1px 2px 3px #808080; } #kanteikaibh-deco-heading { font-size: 4.625em; background-color: #cbcc66; background-image: linear-gradient(0deg, #cbcc66 0%, #ffffff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0; padding: 1rem; } /* フッターの上の表示枠 */ div.f-box { display: none; } /* フッターの会社情報 */ .site-footer .widget-column.footer-widget-2 { background: #57886a; border-radius: 6px; line-height: 1.4em; padding: 15px 20px; max-width: 580px; margin: 0 auto; width: 100%; } .site-content-contain .site-footer .widget-column.footer-widget-2 > * { padding-bottom: 0; width: 100%; text-align: center; } .site-footer .widget-column.footer-widget-2 > *:first-child { margin-left: 0; } .site-footer .widget-column.footer-widget-2 .licence-heading { display: block; font-size: 16px; margin-bottom: 10px; } .site-footer .widget-column.footer-widget-2 p, .site-footer .widget-column.footer-widget-2 li { margin-bottom: 1em; } .site-footer .widget-column.footer-widget-2 p { margin-bottom: 0; } .site-footer .widget-column.footer-widget-2 li { padding: 0; } /* 買取強化エリア追加 */ .city-list > section > ul { background-color: #fff; border: 1px solid #a9a9a9; height: 200px; overflow-y: scroll; padding: 10px 20px; } .city-list > section ul li { list-style: none; } .city-list > section > ul > li { border-bottom: 1px solid #474747; padding-top: 0.5em; position: relative; } .city-list > section > ul > li > span { display: block; font-size: 16px; padding: 0.3em 0; } .city-list > section > ul > li > div { padding-bottom: 20px; } .city-list > section > ul > li ul li { list-style: none; margin-top: 10px; padding-right: 0.7em; } .city-list > section > div { margin-bottom: 2em; } .city-list > .kakejiku-area { width: 100% !IMPORTANT; } /* 作家ジャンル追加 */ .term-artist-list h3 { text-align: center; margin-bottom: 1em; margin-top: 2em; } .term-artist-list > ul > li { list-style: none; border-top: 1px solid #474747; padding-top: .5em; position: relative; } .term-artist-list > ul > li > span.sbtitle { padding-bottom: 0.5em; display: block; } .term-artist-list > ul > li > span.sbtitle:before { content: "\f067"; position: absolute; font-family: "Font Awesome 5 free"; font-weight: 700; font-size: 1em; cursor: pointer; top: .5em; right: 1em; } .term-artist-list .sbcontents { margin-bottom: 2em; padding-left: 2.5em; } .term-artist-list > ul > li ul li { font-size: 0.875em; padding-right: 0.7em; } .term-artist-list > ul > li:last-child { border-bottom: 1px solid #474747; } /* スライドキャンペーンバナー */ #main .outer.campaign-slide { padding: 2em 0; } #main .outer.campaign-slide .swiper-container { padding: 0; } #main .outer.campaign-slide .swiper-container li { list-style: none; } #main .outer.campaign-slide .swiper-container li:not(.swiper-slide-active) { opacity: 0.5; } #main .outer.campaign-slide .swiper-container li img { width: 100%; } @media (min-width: 1001px) { #main .swiper-container.campaign-slide { aspect-ratio: 1920 / 240; } } /* メディア出演実績 */ #main .outer.media-information { background-image: url(../img/bg/media-information-bg.webp); background-repeat: no-repeat; background-position: center top; background-size: cover; } #media-information .tvcm h3 { text-align: center; padding-top: 0; } #media-information .tvcm h3 + div { margin-top: 0; } #media-information .appear { background: rgba(255,255,255,0.7); border-radius: 0.5em; padding: 1.5em; } #media-information .appear h3 { color: #5b4b1e; display: flex; align-items: center; padding-top: 0; margin-bottom: 0.5em; } #media-information .appear h3:after { content: ""; display: block; height: 1px; margin-left: 0.5em; border-top: 1px #9b6a28 solid; flex: 1; } #media-information .appear ul li { margin: 0.2em 0; list-style: none; } /* 社会・環境への取り組み */ #main .outer.bcorp-sdgs { background-image: url(../img/bg/bcorp-sdgs-bg.webp); background-repeat: no-repeat; background-position: center top; background-size: cover; } .initiative a { display:block; } .initiative img { vertical-align: bottom; } .initiative img:hover { opacity:0.7;/*ぼかし*/ cursor: pointer; } /* 検索窓のスタイル */ .search-form .search-submit { bottom: 0px; position: absolute; right: 1px; top: 1px; background-color: #990022; border: solid 1px #990022; } button.search-submit:hover { background-color: #cc0033; border: solid 1px #cc0033; color: #fff; } .sankou-pic { vertical-align: bottom; } .search-form { top: -10px; } .search-form .search-submit .icon { width: 15px; } .search-field::placeholder { color: #999; } .serch-title { margin-bottom: 0.5em !important; } @media screen and (max-width: 767px) { .serch-title { font-size:1.5em !important; } } /* 古銭買取ページ3つの悩みブロック */ .bg-white { background-color: #fff; padding: 1rem; } .bg-white p { margin: 0; } .bg-cha { background-color: #f0eadd; padding: 2rem; border-radius: 10px; } .problems-container { display: flex; justify-content: space-between; gap: 1em; margin-bottom: 1em; } .problem-item { flex: 1; } .problem-item img { width: 100%; height: auto; display: block; margin-bottom: 15px; } .hyoka { position: relative; } .hyoka p { font-size: 16px; } .header-section h3 { font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif; text-align: center; } .hyoka h4 { font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif; } .box.registration { padding: 1.5em 0; } /* レスポンシブ */ @media (min-width: 1086px) { .hyoka::after { content: ""; background: url(//www.ryokuwado.com/wp-content/themes/twentyseventeench/css/../img/bg/hyoka.webp) center top no-repeat; height: 188px; width: 177px; position: absolute; top: -33px; right: 0.5rem; } .header-section h3 { font-size: 28px; } .hyoka h4 { font-size: 36px; } .box.registration dl dd ul li:last-child { width: 50%; } } /* スマホ対応（レスポンシブ） */ @media (max-width: 768px) { #old-coin-intro h1 span { font-size: 1.5rem; } .bg-cha { padding: 1rem; } .problems-container, .footer-info { flex-direction: column; align-items: center; } .problem-item { width: 100%; max-width: 280px; } .hyoka p { font-size: 14px; } .hyoka h4 { font-size: 1.5em; } } .problems-container { display: flex; justify-content: space-between; gap: 1em; margin-bottom: 1em; } .problem-item { flex: 1; } .problem-item img { width: 100%; height: auto; display: block; margin-bottom: 15px; } .hyoka { position: relative; } .header-section h3 { font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif; text-align: center; } .hyoka h4 { font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif; } .box.registration { padding: 1.5em 0; } /* 2025-12-18追加 */ /* ポイント３つ */ .merit h3 { background: #316745; color: #FFF; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .merit h3:before { content: ''; width: 85px; height: 85px; position: absolute; left: 0.5em; bottom: -0.5em; z-index: 1; } .merit .txtImg:nth-of-type(1) h3:before { background: url(../img/icon/point01.png) left top no-repeat; background-size: contain; } .merit .txtImg:nth-of-type(2) h3:before { background: url(../img/icon/point02.png) left top no-repeat; background-size: contain; } .merit .txtImg:nth-of-type(3) h3:before { background: url(../img/icon/point03.png) left top no-repeat; background-size: contain; } /* ポイント３つレスポンシブ */ @media screen and (min-width: 768px) { .txtImg { display: flex; flex-direction: column; } } @media screen and (max-width: 767px) { .merit h3 { padding-left: 6em; padding-top: 0.8em; padding-bottom: 0.8em; } .text { width: 48%; float: left; } .img { width: 44%; float: right; margin-top: 15px; } } @media screen and (min-width: 768px) { .merit h3 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; top: -0.5em; padding-top: 0.5em; padding-bottom: 0.5em; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 85px; padding-right: 10px; position: relative; } _:-ms-lang(x)::-ms-backdrop, .merit h3 { padding-top: 40px; padding-bottom: 30px; } .merit h3:before { position: absolute; left: -9px; bottom: -8px; } .text { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .img { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .merit .text, .merit .img { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row; } _:-ms-lang(x)::-ms-backdrop, .merit .text, _:-ms-lang(x)::-ms-backdrop, .merit .img { height: 100%; } } /* -------------------------------------------------------------------------------------------------------- 01 * * 幅 768px 未満 */ @media screen and (max-width: 767px) { /* フォントサイズと行送り */ body { font-size: 14px; font-size: 0.875rem; line-height: 1.6; } h1 { font-size: 20px; font-size: 1.25rem; line-height: 1.25; } h1 span { font-size: 32px; font-size: 2rem; } h2, p.order-heading { font-size: 20px; font-size: 1.25rem; line-height: 1.25; } h2 span:not([id]), p.order-heading span { font-size: 1.3em; } h2[id*="-heading"]:not([id*="-order"]):not([id*=-deco-heading]) { background-size: auto 100%; } h3 { font-size: 18px; font-size: 1.125rem; line-height: 1.28; } ul li, ol li { font-size: 12px; font-size: 0.75rem; } dl dt { font-size: 16px; font-size: 1rem; line-height: 1.28; } #chagama-price-list > p.msg{ text-align: center; } /* 強化エリア */ .area-list .show-panel ul li a:before { -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } /* 京都で買取を行っております */ .outer.service-image { background: url(../img/contents/service-image-bg-sp.webp) repeat-x; background-size: auto 100%; } /* カテゴリーページの「イントロ」 */ .box.cites dl dd table, .box.cites dl dd table tbody, .box.cites dl dd table tr, .box.cites dl dd table th, .box.cites dl dd table td { display: block; } .satei-muryou { background-image: url(../img/bg/intro-image-1.webp), url(../img/bg/object-left.webp); background-position: right bottom, center; background-repeat: no-repeat; background-size: 38vw auto, 100% auto; margin-bottom: -50px; } .satei-muryou p:nth-of-type(1) { padding-bottom: 4vw; padding-right: 10vw; } .satei-muryou p:nth-of-type(2) { margin-top: 0; padding-right: 40vw; padding-bottom: 7vw; } /* 子カテページのリンク */ .kokate-list ul li { width: 50%; } .kokate-list ul li > a, .kokate-list ul li > span { display: flex; align-items: center; height: 50px; padding-left: 50px; } .kokate-list ul li > a:after, .kokate-list ul li > span:after { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); left: 0; } /*カテゴリー買取出来ない○○*/ .box.registration dl ul { display: block; text-align: start; padding: 1em; margin: 0 0 0 0.5em; } .box.registration dl ul li { font-size: 1em; line-height: 1.8em; } /*対応エリアページのエリアリスト*/ .area-list .show-panel ul li a:before { -webkit-transform: scale(70%); -ms-transform: scale(70%); transform: scale(70%); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } /* 買取事例（サムネイル表示） */ .results-withumb li { padding: 10px; } .results-withumb .post-wrap .pict { float: left; padding-top: 0.8em; width: 42%; } .results-withumb .post-wrap .goods, .results-withumb .post-wrap .status, .results-withumb .post-wrap .price, .results-withumb .post-wrap .date, .results-withumb .post-wrap .more { margin-left: 48%; } .results-withumb .post-wrap .goods { font-size: 1.2em; } .results-withumb .post-wrap .status .area { display: block; padding-top: 0; margin-top: 0.75em; } /* 買取事例（サムネイル表示）カルーセル表示にした時の調整 */ .results-withumb.swiper-container .post-wrap .pict { float: none; width: 100%; } .results-withumb.swiper-container .post-wrap .goods, .results-withumb.swiper-container .post-wrap .status, .results-withumb.swiper-container .post-wrap .price, .results-withumb.swiper-container .post-wrap .date, .results-withumb.swiper-container .post-wrap .more { margin-left: 0; } /* 買取価格相場（サムネイル表示） */ .item-withumb .swiper-pagination-fraction { font-size: 0.75em; bottom: 0; } /* 取り扱い作家（リスト表示） */ .artist-list li a span { display: none; } /* コラム記事（サムネイル表示） */ .column-posts li { clear: both; } .column-posts li + li { border-top: 1px #CCC solid; padding-top: 1em; } .column-posts li .pict { float: left; width: 45%; } .column-posts li .title, .column-posts li .ex { margin-left: 48%; } /* 買取品目 */ .genre-list li > span:not(.a,.unlink-span) { display: none; } /* 選ばれる理由 */ .reason h3 { padding-left: 3.5em; } .reason h3:before { background-size: contain; top: -4px; width: 3em; } /* 買取方法 */ .method li > br, .method li > span { display: none; } /* 対応エリア */ .support h3 span { display: block; } .support dl dt { font-size: 0.9rem; width: 110px; } .support dl dd { font-size: 0.9rem; width: calc(100% - 110px); } /* チェックポイント */ .point h3 { padding-left: 3.5em; } .point h3:before { background-size: contain; top: -4px; width: 3em; } /* 高価買取が期待できる○○とは */ .kouka-kaitori h3 { padding-left: 3.5em; } .kouka-kaitori h3:before { background-size: contain; top: -4px; width: 3em; } .kouka-kaitori .yuumei-sakka li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .kouka-kaitori .yuumei-sakka li .image { width: 55%; } .kouka-kaitori .yuumei-sakka li .info { width: 40%; } .kouka-kaitori .yuumei-sakka li .imps { width: 100%; } /* 鑑定士が教えるチェックポイント */ .check-point .check-point-item { flex-direction: column-reverse; } .check-point .check-point-item h3 { text-align: center; } /* よくある質問 */ .qa dl dt { background-position: 0 1rem; background-size: auto 1.8rem; padding: 1rem 3rem 1rem calc(0.5rem + 25px); } .qa dl dd { background-position: 0 2rem; background-size: auto 2rem; padding: 2rem 3rem 1rem calc(0.5rem + 25px); } /* 遺品買取 */ section[id$="-ihin"] .colwrap { max-width: 515px; margin-right: auto; margin-left: auto; } section[id$="-ihin"] .colwrap .wrap2 { text-align: center; margin-top: 25px; } section[id$="-ihin"] .colwrap .wrap2:before { border-bottom: 25px #316745 solid; border-right: 7px transparent solid; border-left: 7px transparent solid; top: -50px; right: 0; left: 0; margin: 0 auto; height: 50px; width: 14px; } /*店舗案内*/ .store-photo { max-width: 665px; margin-right: auto !important; margin-left: auto !important; } .store-photo .sub-photo { display: flex; justify-content: space-between; } .store-photo .sub-photo > * { width: 49%; } /* お問合せ（2023-07-11追加） */ .outer.order .order .deco.small { font-size: inherit; } /* 出張鑑定会コンテンツ */ .kanteikai-bg { display: block; background-color: #333333; background-image: url(../img/contents/kaitorikaibh-4.png), -webkit-linear-gradient(left, rgba(1, 1, 1, 1), rgba(1, 1, 1, 1) 100%); background-position: -70px top, center, 100% center; background-repeat: no-repeat; background-size: auto 100%, auto, auto 100%; } /* #kanteikaibh-deco-heading { font-size: 3.5em; background-color: #cbcc66; background-image: linear-gradient(0deg, #cbcc66 0%, #ffffff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 1rem 0; } */ #content .kanteikai-bg .more-deco a { font-size: 1.4em; } .kanteikai-bg .more-deco { text-align: center; } #kanteikaibh-deco-heading { font-size: 3em; background-color: #cbcc66; background-image: linear-gradient(0deg, #cbcc66 0%, #ffffff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 1rem 5px; } } /* End max767px */ /* -------------------------------------------------------------------------------------------------------- 02 * * 幅 480px 以上 */ @media screen and (min-width: 30em) { /* ここにスタイル */ } /* End 620px Mobile Large */ /* -------------------------------------------------------------------------------------------------------- 03 * * 幅 768px 以上 */ @media screen and (min-width: 48em) { /* フォントサイズと行送り */ body { font-size: 18px; font-size: 1.125rem; line-height: 1.6; } h1 { font-size: 36px; font-size: 2.25rem; line-height: 1.25; } h1 span { font-size: 48px; font-size: 3rem; } body:not(.has-sidebar) h2, body:not(.has-sidebar) p.order-heading { font-size: 36px; font-size: 2.25rem; line-height: 1.25; } body.has-sidebar h2, body.has-sidebar p.order-heading { font-size: 24px; font-size: 1.5rem; line-height: 1.25; } h2 span:not([id]), p.order-heading span { font-size: 1.3em; } h3 { font-size: 22px; font-size: 1.375rem; line-height: 1.25; } ul li, ol li { font-size: 14px; font-size: 0.875rem; } dl dt { font-size: 22px; font-size: 1.375rem; line-height: 1.25; } /* 見出しデザイン */ .box h1 { text-align: center; } h2[id*="-heading"] {} h2[id*="-heading"] + p.txt-c { padding-top: 1em; padding-bottom: 1em; } h2[id*="-heading"]:not([id*="-order"]):not([id*=-deco-heading]) { background-size: 130px; } /* 基本パーツ */ .box h2[id*="-heading"] { text-align: center; } .catch { text-align: center; } .txt-c { text-align: center; } .img-r, .img-l { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .img-r { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .img-r .image, .img-l .image { margin: 0 0 1.5em; width: 32%; } .img-r .cont, .img-l .cont { width: calc(68% - 30px); } .cl-letter { display: none; } .cl-letter + * { margin-top: 0; } .hide-text { display: block; } /* SWIPER */ #main .swiper-container { padding-right: 50px; padding-left: 50px; } #main .swiper-button-prev, #main .swiper-container-rtl .swiper-button-next { left: 10px; } #main .swiper-button-next, #main .swiper-container-rtl .swiper-button-prev { right: 10px; } #main .swiper-button-next, #main .swiper-button-prev { height: 36px; width: 36px; } /* 目次プラグイン */ div#toc_container { padding: 10px 25px 25px; } #toc_container .toc_list { width: 100%; } #toc_container .toc_list > li { display: inline-block; margin-left: 5%; padding-left: 2em; width: 45%; } #toc_container .toc_list > li:after { left: 0; } #toc_container .toc_list > li:first-child, #toc_container .toc_list > li:nth-child(2n+1) { margin-left: 0; } /* 強化エリア */ body.page-id-4518 .site-main .outer, body:page-id-8277 .site-main .outer { padding: 50px 3em; } /*エリアリスト*/ .area-list .choice-tab li { font-weight: bold; font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif; font-size: 1.3em; margin-top: 3em; } .area-list .choice-tab li br { display: none; } .area-list .choice-tab li span { font-size: initial; display: inline-block; text-decoration: underline; margin: 0 10px; } .area-list .choice-tab li:after { font-size: initial; } .area-list .show-panel ul li { font-size: 18px; } .area-pref { display: flex; justify-content: space-between; flex-wrap: wrap; } .area-pref dl { width: 48%; } /* 京都で買取を行っております */ .outer.service-image { background: url(../img/contents/service-image-bg.webp) repeat-x; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 0 !important; padding-bottom: 0 !important; height: 305px; } /* カテゴリーページの「イントロ」 */ .box.registration dl { text-align: center; } .box.registration dl dt { display: inline-block; } .box.registration dl ul { display: flex; flex-wrap: wrap; text-align: start; padding: 1em 1.5em 0; margin-left: 3em; gap: 0.5em; } .box.registration dl ul li { font-size: 1em; width: 45%; padding-right: 1.2em; } .box.cites dl { text-align: center; } .box.cites dl dt { display: inline-block; } .box.cites dl dd { text-align: left; } .box.cites dl dd table th { width: 280px; } .box.cites dl dd table th, .box.cites dl dd table td { font-size: 0.9em; font-weight: normal; } .satei-muryou { background: url(../img/bg/intro-image-1.png) right bottom no-repeat; min-height: 278px; display: flex; flex-direction: column; justify-content: center; margin-bottom: -100px; padding-right: 370px; } /* 子カテページのリンク */ .kokate-list ul li { width: 25%; } .kokate-list ul li > a, .kokate-list ul li > span { display: flex; align-items: center; height: 70px; padding-left: 80px; font-size: 1.2em; } .kokate-list ul li > a:after, .kokate-list ul li > span:after { left: 10px; } /* 買取事例（サムネイル表示） */ .results-withumb { margin-top: -1em !important; padding-bottom: 1em !important; } .results-withumb li { margin-top: 2em; padding-bottom: 0.5em; } .results-withumb li .pict img { border-radius: 3px 3px 0 0; width: 100%; aspect-ratio: 4/3; -o-object-fit: cover; object-fit: cover; } .results-withumb li .goods, .results-withumb li .status, .results-withumb li .price, .results-withumb li .date { padding: 0.5em 0.8em 0; } .results-withumb li .goods span { font-size: 18px; } .results-withumb li .price span { font-weight: bold; } /* 取り扱い作家（リスト表示） */ .artist-list li a { font-size: 1.3em; } .artist-list li a span { color: #d4ab3c; font-size: 0.8em; } /* コラム記事（サムネイル表示） */ /* 買取品目 */ /* 絵画用 調整 */ .genre-list li.txt-c { font-size: 1.2em; } /* 選ばれる理由 */ .reason h3 { padding-left: 90px; } .reason h3:before { top: -7px; width: 83px; } /* 買取方法 */ .method .choice-tab li { font-weight: bold; font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif; } .method .choice-tab li br { display: none; } .method .choice-tab li span { font-size: initial; display: inline-block; text-decoration: underline; margin: 0 10px; } .method .choice-tab li:after { font-size: initial; } /* 対応エリア */ .outer.support { background-image: url(../img/bg/takuhai-image.png), url(../img/bg/shuccho-image.png); background-repeat: no-repeat; background-position: right 35%, left bottom; } .support dl dt { font-size: 1rem; width: 10rem; } .support dl dt br { display: none; } .support dl dd { font-size: 1rem; width: calc(100% - 10rem); } .support dl dd ul li { font-size: 1rem; } /* 県ページビルボード（高さ200pxのビルボ） */ .shiga .site-main #mainImg .kyoto .site-main #mainImg, .osaka .site-main #mainImg, .hyogo .site-main #mainImg, .nara .site-main #mainImg, .wakayama .site-main #mainImg, .mie .site-main #mainImg, .gifu .site-main #mainImg, .aichi .site-main #mainImg, .saitama .site-main #mainImg, .chiba .site-main #mainImg, .tokyo .site-main #mainImg, .kanagawa .site-main #mainImg, .gunma .site-main #mainImg, .tochigi .site-main #mainImg, .ibaraki .site-main #mainImg, .fukuoka .site-main #mainImg, .kumamoto .site-main #mainImg, .oita .site-main #mainImg, .saga .site-main #mainImg, .nagasaki .site-main #mainImg, .miyazaki .site-main #mainImg, .kagoshima .site-main #mainImg, .genre .site-main #mainImg, .kimono-area .site-main #mainImg, .kaiga-area .site-main #mainImg, .kakejiku-area .site-main #mainImg, .toujiki-area .site-main #mainImg { background-color: #e9e4d4; background-image: url(../img/bg/under-bg.png), -webkit-linear-gradient(left, rgba(233, 228, 212, 1) 0%, rgba(233, 228, 212, 1) 60%, rgba(233, 228, 212, 0) 70%, rgba(233, 228, 212, 0) 100%), url(../img/contents/other-bil.png); background-image: url(../img/bg/under-bg.png), linear-gradient(to right, rgba(233, 228, 212, 1) 0%, rgba(233, 228, 212, 1) 60%, rgba(233, 228, 212, 0) 70%, rgba(233, 228, 212, 0) 100%), url(../img/contents/other-bil.png); background-position: left top, center, right center; background-repeat: no-repeat; background-size: auto 100%, auto, auto 100%; } .shiga .site-main #mainImg h1, .kyoto .site-main #mainImg h1, .osaka .site-main #mainImg h1, .hyogo .site-main #mainImg h1, .nara .site-main #mainImg h1, .wakayama .site-main #mainImg h1, .mie .site-main #mainImg h1, .gifu .site-main #mainImg h1, .aichi .site-main #mainImg h1, .saitama .site-main #mainImg h1, .chiba .site-main #mainImg h1, .tokyo .site-main #mainImg h1, .kanagawa .site-main #mainImg h1, .gunma .site-main #mainImg h1, .tochigi .site-main #mainImg h1, .ibaraki .site-main #mainImg h1, .fukuoka .site-main #mainImg h1, .kumamoto .site-main #mainImg h1, .oita .site-main #mainImg h1, .saga .site-main #mainImg h1, .nagasaki .site-main #mainImg h1, .miyazaki .site-main #mainImg h1, .kagoshima .site-main #mainImg h1, .shizuoka .site-main #mainImg h1, .genre .site-main #mainImg h1, .kimono-area .site-main #mainImg h1, .kaiga-area .site-main #mainImg h1, .kakejiku-area .site-main #mainImg h1, .toujiki-area .site-main #mainImg h1 { font-size: 48px; height: 200px; } /* チェックポイント */ .point h3 { padding-left: 90px; } .point h3:before { top: -7px; width: 83px; } /* 高価買取が期待できる○○とは */ .kouka-kaitori h3 { padding-left: 90px; } .kouka-kaitori h3:before { top: -7px; width: 83px; } /* 鑑定士が教えるチェックポイント */ .check-point .check-point-item { justify-content: space-between; } .check-point .check-point-item:nth-child(odd) { flex-direction: row-reverse; } .check-point .check-point-item .txt { width: 65%; } .check-point .check-point-item .image { width: 30%; } /* よくある質問 */ .qa dl dt { background-position: 0.5rem 0.55em; background-size: 40px; padding: 2rem 3rem 1rem calc(2rem + 40px); } .qa dl dd { background-position: 0.5rem 1.75em; padding: 2.8rem 3rem 1rem calc(2rem + 40px); } /* 遺品買取 */ .outer.ihin { background-image: url(../img/contents/ihin-bg.png); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; } section[id$="-ihin"] .colwrap { display: flex; justify-content: space-between; } section[id$="-ihin"] .colwrap .wrap2 { text-align: center; margin-left: 50px; } section[id$="-ihin"] .colwrap .wrap2:before { border-right: 50px #316745 solid; border-top: 13px transparent solid; border-bottom: 13px transparent solid; top: 20%; left: -100px; height: 26px; width: 100px; } /* 店舗案内 */ .store-photo { display: flex; justify-content: space-between; } .store-photo .main-photo { width: 66%; } .store-photo .sub-photo { display: flex; flex-direction: column; justify-content: space-between; width: 32%; } /* フッターの上の表示枠 */ div.f-box { display: block; } div.f-box h3 { text-align: center; } div.f-box .f-box-wrapper { padding: 16px; } div.f-box .f-box-inner { max-width: 1000px; margin: 0 auto; } /* フッターの上の表示枠内、対応エリア */ div.f-box .taiou { background: #FFF; padding: 2em 0; } div.f-box .taiou > div { clear: both; margin: 0 auto 5px; max-width: 700px; width: 100%; } div.f-box .taiou > div span { float: left; font-size: 14px; margin-right: 2em; } div.f-box .taiou ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; margin-bottom: 0; } div.f-box .taiou ul li { list-style: none; padding: 0 0.8em; } div.f-box .taiou ul li a:after { font-family: "Font Awesome 5 free"; font-weight: 900; content: "\f105"; display: inline-block; margin-left: 0.5em; } /* フッターの会社情報 */ .site-footer .widget-column.footer-widget-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-wrap: wrap; } } /* End 740px Tablet Small */ /* -------------------------------------------------------------------------------------------------------- 04 * * 幅 880px 以上 */ @media screen and (min-width: 55em) { /* お問合せ（2023-07-11追加） */ .outer.order .order .deco.small { font-size: 2.25rem; } /* 本人確認書類（2021-10-18追加） */ section[id$="identification"] dl { display: flex; } section[id$="identification"] dl dt { font-size: 19px; padding-left: 2em; width: 30%; max-width: 255px; } section[id$="identification"] dl dd { flex: 1; } section[id$="identification"] dl dd ul { padding: 2em 0 2em 2em; } section[id$="identification"] dl dd ul li { margin-top: 0; } } /* End 880px Tablet Large */ /* -------------------------------------------------------------------------------------------------------- 05 * * 幅 1072px 以上 */ @media screen and (min-width: 67em) { /* ここにスタイル */ } /* End 955px Desktop Small */ /* -------------------------------------------------------------------------------------------------------- 06 * * 幅 1264px 以上 */ @media screen and (min-width: 79em) { /* カテゴリーページの「イントロ」 */ .intro { padding-bottom: 60px; position: relative; } .intro:before { content: ""; background-image: url(../img/bg/object-left.png), url(../img/bg/object-right.png); background-repeat: no-repeat; background-position: left center, right center; position: absolute; bottom: 0; left: -150px; right: -150px; height: 90px; display: block; } /* カテゴリーページの「買取対象」 */ .box.taishou { position: relative; } .box.taishou:before { content: ""; background-position: right top; background-repeat: no-repeat; position: absolute; top: 90px; right: -250px; height: 370px; width: 330px; z-index: -1; } .antique .box.taishou:before { background-image: url(../img/contents/antique-taishou-image.png); } .hanging-scroll .box.taishou:before { background-image: url(../img/contents/hanging-scroll-taishou-image.png); } .national-treasure .box.taishou:before { background-image: url(../img/contents/national-treasure-taishou-image.png); } .chinese-art .box.taishou:before { background-image: url(../img/contents/chinese-art-taishou-image.png); } .ceramics .box.taishou:before { background-image: url(../img/contents/ceramics-taishou-image.png); } .tableware .box.taishou:before { background-image: url(../img/contents/tableware-taishou-image.png); } .tea-utensils .box.taishou:before { background-image: url(../img/contents/tea-utensils-taishou-image.png); } .buddhist-art .box.taishou:before { background-image: url(../img/contents/buddhist-art-taishou-image.png); } .persian-carpet .box.taishou:before { background-image: url(../img/contents/persian-carpet-taishou-image.png); } .folding-screen .box.taishou:before { background-image: url(../img/contents/folding-screen-taishou-image.png); } .western-antique .box.taishou:before { background-image: url(../img/contents/western-antique-taishou-image.png); } .calligraphy .box.taishou:before { background-image: url(../img/contents/calligraphy-taishou-image.png); } .lacquerware .box.taishou:before { background-image: url(../img/contents/lacquerware-taishou-image.png); } .aromatic-tree .box.taishou:before { background-image: url(../img/contents/aromatic-tree-taishou-image.png); } .katana .box.taishou:before { background-image: url(../img/contents/katana-taishou-image.png); } .wakizashi .box.taishou:before { background-image: url(../img/contents/wakizashi-taishou-image.png); } .matchlock .box.taishou:before { background-image: url(../img/contents/matchlock-taishou-image.png); } .inro-netsuke .box.taishou:before { background-image: url(../img/contents/inro-netsuke-taishou-image.png); } .armor .box.taishou:before { background-image: url(../img/contents/armor-taishou-image.png); } .ivory .box.taishou:before { background-image: url(../img/contents/ivory-taishou-image.png); } .coral .box.taishou:before { background-image: url(../img/contents/coral-taishou-image.png); } .jade .box.taishou:before { background-image: url(../img/contents/jade-taishou-image.png); } .sculpture .box.taishou:before { background-image: url(../img/contents/sculpture-taishou-image.png); } .gold-products .box.taishou:before { background-image: url(../img/contents/gold-products-taishou-image.png); } .silverwork .box.taishou:before { background-image: url(../img/contents/silverwork-taishou-image.png); } .musical-instrument .box.taishou:before { background-image: url(../img/contents/musical-instrument-taishou-image.png); } .shakuhachi .box.taishou:before { background-image: url(../img/contents/shakuhachi-taishou-image.png); } .medal .box.taishou:before { background-image: url(../img/contents/medal-taishou-image.png); } .fountain-pen .box.taishou:before { background-image: url(../img/contents/fountain-pen-taishou-image.png); } .kimono .box.taishou:before { background-image: url(../img/contents/kimono-taishou-image.png); } .jewelry .box.taishou:before { background-image: url(../img/contents/jewelry-taishou-image.png); } .western-painting .box.taishou:before { background-image: url(../img/contents/western-painting-taishou-image.png); } .painting .box.taishou:before { background-image: url(../img/contents/painting-taishou-image.png); } .japanese-painting .box.taishou:before { background-image: url(../img/contents/japanese-painting-taishou-image.png); } .print .box.taishou:before { background-image: url(../img/contents/print-taishou-image.png); } .oil-painting .box.taishou:before { background-image: url(../img/contents/oil-painting-taishou-image.png); } .watercolor-painting .box.taishou:before { background-image: url(../img/contents/watercolor-painting-taishou-image.png); } .ink-painting .box.taishou:before { background-image: url(../img/contents/ink-painting-taishou-image.png); } .ukiyoe .box.taishou:before { background-image: url(../img/contents/ukiyoe-taishou-image.png); } .lithograph .box.taishou:before { background-image: url(../img/contents/lithograph-taishou-image.png); } .abstract-painting .box.taishou:before { background-image: url(../img/contents/abstract-painting-taishou-image.png); } .modern-art .box.taishou:before { background-image: url(../img/contents/modern-art-taishou-image.png); } .bronze .box.taishou:before { background-image: url(../img/contents/bronze-taishou-image.png); } /* ↓画像が無いので待機中↓ .spear .box.taishou:before { background-image: url(../img/contents/spear-taishou-image.png); } .tortoiseshell .box.taishou:before { background-image: url(../img/contents/tortoiseshell-taishou-image.png); } */ /* カテゴリーページの「○○買取について」 */ .outer.kaitori { background-image: url(../img/contents/about-bg-l.webp), url(../img/contents/about-bg-r.webp); background-position: left center, right center; } /* 選ばれる理由 */ .reason h3 { padding-left: 15px; } .reason h3:before { left: -78px; } /* チェックポイント */ .point h3 { padding-left: 15px; } .point h3:before { left: -76px; } /* 高価買取が期待できる○○とは */ .kouka-kaitori h3 { padding-left: 15px; } .kouka-kaitori h3:before { left: -76px; } /* お問合せ */ .outer.order { background-image: url(../img/contents/order-bg-l.webp), url(../img/contents/order-bg-r.webp); background-position: left center, right center; } /* 本人確認書類（2021-10-18追加） */ .outer.identification { position: relative; } .outer.identification:after { content: ""; background: url(../img/bg/identification-operator.png) center top no-repeat; height: 428px; width: 385px; position: absolute; bottom: 0; left: calc(50vw + 500px); } } /* End 1100px Desktop Medium */ /* メディア実績 */ .outer-media { margin-bottom: 2em !important; padding: 0px !important; } .media-appearances .col-1-2 { padding: 0 1em 1em; } .media-appearances .col-1-2 li { display: flex; font-size: 1em; list-style: none; margin-top: 0.8em; padding-bottom: 0.2em; } .media-appearances .col-1-2 li .thumb { margin-right: 1em; width: 100px; } .media-appearances .col-1-2 li .thumb + div { flex: 1; } .media-appearances .col-1-2 li a { display: block; font-size: 14px; } .media-appearances .col-1-2 li span { color: #000000; display: inline-block; font-size: 14px; margin-bottom: 0.3em; padding: 3px 5px 0; }