html { scroll-behavior: smooth; } a { text-decoration: none; } .flex { display: flex; } .sp-br { display: none; } .page-contents { width: 100% !important; } .title-02 { display: none; } .bread-crumb { display: none; } .wrapper { width: 100% !important; background-image: url(//m.home-tv.co.jp/wp-content/uploads/2023/01/bgi03.png) !important; } .inner { max-width: 1100px; margin: 0 auto; } body.page.home-master .page-contents { margin: 0 auto !important; } body.page.home-master .page-contents .page-contents-inner { padding: 0 !important; } .background-change { position: relative; width: 1000px; height: auto; z-index: 1; } .pc-only { display: block; } .sp-only { display: none; } /*-------------------- top ------------------- */ .top { margin: 0 auto; padding: 3em 0 7em 0; } .top img { max-width: 1000px; } /* ------------------news--------------------- */ .news__inner { background-color: #fff; padding: 20px 40px; border-radius: 20px; border: #00a63c solid 5px; } .news h2 { max-width: 450px; margin: 0 auto; } .news h2 img { margin-top: -10rem; } .news__strong { text-align: center; font-weight: bold; font-size: 20px; border-top: #00a63c 3px solid; padding-top: 30px; } .news__box { height: 300px; overflow: hidden; overflow-y: scroll; } .news__box dl { display: flex; flex-flow: row wrap; width: 100%; padding: 20px 0; } .news__box dt { flex-basis: 15%; padding: 20px; /* border-bottom: 1px solid #00a63c; */ } .news__box dt:last-of-type { border-bottom: none; } .news__box dd { flex-basis: 85%; padding: 20px; /* border-bottom: 1px solid #00a63c; */ } .news__box dd:last-of-type { border-bottom: none; } /* hover */ .news__box a { color: #000; display: inline-block; font-size: 16px; font-weight: bold; letter-spacing: 0.06em; padding-bottom: 5px; position: relative; } .news__box a::before { background: #00a63c; content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; margin: auto; transform-origin: center top; transform: scale(0, 1); transition: transform .3s; } .news__box a:hover::before { transform-origin: center top; transform: scale(1, 1); } /* ----------------------main---------------------- */ .main { margin-top: 5em; padding-bottom: 5em; } .main__box img { max-width: 50%; } .main__box { gap: 10px; } /* --------------------d-movie--------------------- */ .d-movie__container { display: flex; gap: 30px; justify-content: center; margin-top: 5em; } .d-movie__item iframe { width: 560px; height: 315px; } /* ----------------------メディアクエリ---------------------- */ @media screen and (max-width: 768px) { .news__box dl { flex-flow: column; } body.page.home-master-sp .lower-contents .lower-contents-inner { padding: 0 !important; } .inner { width: 100%; padding: 0 15px; } .flex { flex-direction: column; } .main__box img { max-width: 100%; } .pc-only { display: none; } .sp-only { display: block; } /* ---------sp top--------- */ .top { padding: 3em 0 4em 0; } .top img { width: 100%; } /* --------sp news--------- */ .news__inner { padding: 0px 20px; border: #00a63c solid 2px; } .news h2 { max-width: 230px; margin: 0 auto; } .news__strong { text-align: center; font-weight: bold; font-size: 16px; } .news__box dd { padding: 0; padding-bottom: 15px; } .news__box dt { padding: 10px; border-bottom: none; } .news__box a { font-size: 14px; } /* --------sp main--------- */ .main { margin-top: 3em; padding-bottom: 3em; } .main__box { gap: 3em; } /*---- SP-movie---- */ .d-movie__container { flex-direction: column; } .d-movie__item { width: 560px; margin: 0 auto; } } @media screen and (max-width: 559px) { .sp-br { display: block; } .d-movie__item iframe { width: 300px; height: 180px; } .d-movie__item { width: 300px; margin: 0 auto; } }
坂町、三次市の情報が提供されています。
(2026年4月1日現在)