@charset "utf-8"; /** * 全ページ対象 * .side-bnr | サイドバナー * * .side-bnr | サイドバナーは全ページに出力されるので、 * 表示・非表示は、display: block; / display: none; で行う **/ .side-bnr { /* display: block; */ display: none; } /* 特定のページ（テストページなど）だけ、サイドバナーをON / OFF したい時 */ .consultation-on .side-bnr { display: block; } .consultation-off .side-bnr { display: none; } /** * /index.html | トップページの Information (お知らせ)に掲載しているニュースがすべてリンクなしの場合、 * 横幅 768px以上では掲載情報が左側に寄るため、要素の左側にマージンを入れる * ※各お知らせの

要素の直上、 *

の .btn- を .btn-none とする **/ @media screen and (min-width: 768px) { .home #article-info .list.btn-none { max-width: 50em; /* 最大横幅は文章量によって適宜調整：デフォルト「50em」位 */ margin-right: auto; margin-left: auto; } #article-info .btn-none .box-header { width: calc(100% - 17em); } } /** * /index.html | トップページの「無料相続相談会」の ”時間” が、会場ごとに異なる場合は、 * #article-consultation にある「.different-times-off」を「.different-times-on」にする **/ #article-consultation .different-times-off .schedule-time:not(.box-inner), #article-consultation .different-times-on .different-time { display: block; } #article-consultation .different-times-on .schedule-time, #article-consultation .different-times-off .different-time { display: none; } /** * 下記 2ページは、 * /index.html | トップページ * /consultation/index.html | 相談会情報ページ * に記載されているクラス「.consultation-on / .consultation-off」の使い分けで、 * 無料相談会情報コンテンツまるごとの表示・非表示と **/ /* 無料相談会情報を非表示 */ .consultation-off #article-consultation { display: none; } /* トップページ #article-tagline 内の「相談会のご予約」のリンクを無効に */ .consultation-off .reservation-btn { pointer-events: none; } /* #article-consultation の前後にある「article」のデザインを変更 */ .consultation-off #article-info::before, .consultation-off #unit-past::before { background-color: var(--light_gray); content: ""; display: block; height: calc(100% - 9em + 1.5em); position: absolute; top: calc(.25em* 2.5); right: calc(50% - 50vw); left: calc(50% - 50vw); z-index: -3; } @media screen and (min-width: 390px) { .consultation-off #article-info::before, .consultation-off #unit-past::before { height: calc(100% - 9em + 1.5em - (.25em * 2.67)); top: calc(.25em * 2.67); } } @media screen and (min-width: 576px) { .consultation-off #article-info::before, .consultation-off #unit-past::before { height: calc(100% - 9em + 1.5em - (.25em * 2.75)); top: calc(.25em * 2.75); } } @media screen and (min-width: 768px) { .consultation-off #article-info::before, .consultation-off #unit-past::before { height: calc(100% - 9em + 1.5em - (.25em * 3)); top: calc(.25em * 3); } .consultation-off #article-info .date { background-image: url(../img/news-date-bg_w.svg); } .consultation-off #article-info .box-header::before { background-color: var(--light_gray); } } @media screen and (min-width: 992px) { .consultation-off #article-info::before, .consultation-off #unit-past::before { height: calc(100% - 11em + 1.5em); top: calc(.25em * 3.25); } } @media screen and (min-width: 1144px) { .consultation-off #article-info::before, .consultation-off #unit-past::before { height: calc(100% - 13em + 1.5em); top: calc(.25em * 3.375); } } /** * /index.html * #article-about | トップページ動画 **/ #article-about .modal-link .mov-link, #article-about .modal-link .img-img, #article-about .modal-link .mov-mov { display: none; } #article-about .modal-link::before { content: "\6e96 \5099 \4e2d"; font-size: 1.05em; font-weight: 300; letter-spacing: .7em; text-align: center; display: block; margin: 2.5em 0 7.5em; padding-left: .7em; } /** * /consultation/index.html * #unit-past | 過去の相談会 **/ #unit-past .past-item { display: none; } #unit-past .item-outer::before { content: "\6e96 \5099 \4e2d"; font-size: 1.5em; font-weight: 300; letter-spacing: .7em; text-align: center; display: block; margin: 5em 0 3em; padding-left: .7em; } /** * /voice/index.html * ** #unit-voice | お客様の声 */ #unit-voice .area-header, #unit-voice .item { display: none; } #unit-voice .item-outer::before { content: "\6e96 \5099 \4e2d"; font-size: 1.5em; font-weight: 300; letter-spacing: .7em; text-align: center; display: block; margin: 5em 0 3em; padding-left: .7em; }