/* ----------------基本設定----------------- */ .wrapper { max-width: 1400px; margin: 0 auto; } section { margin-bottom: 3em; } a:hover { opacity: .8; } .flex { display: flex; } .sp-only { display: none; } .pc-only { display: block; } /* SP---基本設定 */ @media screen and (max-width:768px) { .flex { display: block !important; padding-bottom: 1.5em; flex-direction: column; } .sp-only { display: block; } .pc-only { display: none; } } /* ----------------背景設定----------------- */ .kachiguse { height: auto; background: url(//m.home-tv.co.jp/wp-content/uploads/sites/4/2023/02/background02.jpg); background-size: 100% auto; background-repeat: repeat-y; width: 100%; } /* SP---背景設定 */ @media screen and (max-width:768px) { .kachiguse { height: auto; background: url(//m.home-tv.co.jp/wp-content/uploads/sites/4/2023/02/background02.jpg); background-size: 100% auto; background-repeat: repeat-y; width: 100%; } } /* ---------------ﾊﾞｽｹﾍﾟｰｼﾞ全体設定--------------- */ .basketball { background-color: rgba(0, 0, 0, .5); padding-bottom: 2em; margin: 0 auto; } .basketball h3 { font-weight: bold; text-align: center; } .basketball h3 img { height: 105px; } /* SP---ﾊﾞｽｹﾍﾟｰｼﾞ全体設定 */ @media screen and (max-width:768px) { .basketball { width: 100%; margin: 0 0 3em 0; } .basketball img { margin: 0 0 0.5em 0; } .basketball h3 { font-size: 1.2em; } .basketball h3 img { height: 65px; } } /* ---------------ﾗｲﾌﾞ配信のお知らせ--------------- */ .live-box { /* background-color: rgba(244, 244, 244, .8); box-shadow: 7px 6px 0px 0px #ff6e00; border: 3px solid #000; */ /* margin-top: 30px; */ padding: 0 30px; } .box-l { width: 90%; text-align: center; margin: 0 auto; margin-top: 5em; } .box-l p { font-size: 1em; } .box-l a { text-decoration: none; border-bottom: 2px solid; border-image: linear-gradient(to right, #f46610 0% 50%, transparent 100%); border-image-slice: 1; } .dot { color: #f46610; } /* SP---ﾗｲﾌﾞ配信のお知らせ */ @media screen and (max-width:768px) { .live-box { /* background-color: rgba(244, 244, 244, .8); box-shadow: 7px 6px 0px 0px #ff6e00; border: 3px solid #000; */ /* margin-top: 30px; */ padding: 0px; } .box-l { width: 100%; padding: 0 1em; padding-bottom: 0; margin: 0 auto; } } /* ---------------ﾗｲﾌﾞ配信のお知らせ(表)--------------- */ .basketball-hyou dl { display: flex; flex-flow: row wrap; width: 1000px; margin: 0 auto; } .basketball-hyou dt { flex-basis: 20%; padding: 20px; background: linear-gradient(45deg, rgba(250, 70, 13, 1) 0%, rgba(255, 170, 13, 1) 100%); color: #fff; font-size: 16px; font-weight: bold; margin: 5px 0; border-radius: 5px; text-align: center; } .basketball-hyou dd { flex-basis: 79%; padding: 20px; background-color: #efefef; font-size: 16px; font-weight: bold; margin: 5px 0; margin-left: 5px; border-radius: 5px; } .game-name { font-size: 2rem !important; } /* SP--ﾗｲﾌﾞ配信のお知らせ(表)- */ @media screen and (max-width: 560px) { .basketball-hyou dl { flex-flow: column; width: 100%; } .basketball-hyou dt { background-color: #aaa; padding: 15px; font-size: 14px; margin: 0px; border-radius: 5px 5px 0 0; } .basketball-hyou dd { flex-basis: 80%; padding: 15px; font-size: 14px; margin: 0 0 10px 0; margin-left: 0px; border-radius: 0 0 5px 5px; } .game-name { font-size: 1em !important; } } /* ﾗｲﾌﾞ配信Youtube */ .basketball-movie-flex { display: flex; gap: 20px; margin-bottom: 20px; justify-content: center; } .basketball-movie iframe { width: 560px; height: 315px; } .movie-text { width: 1140px; margin: 0 auto; margin-top: 10px; color: #fff; text-align: left; } /* SP---ﾗｲﾌﾞ配信Youtube */ @media screen and (max-width:768px) { .basketball-movie-flex { flex-direction: column; margin-bottom: 20px; align-items: center; } } @media screen and (max-width:560px) { .basketball-movie iframe { width: 340px; height: 191px; margin-bottom: 20px; } .movie-text { width: 100%; color: #fff; } } /* ---------------ｱｰｶｲﾌﾞ(過去の配信)--------------- */ .result { border-image: none !important; border-bottom: 2px solid; margin-left: 1em; padding: 0.5em 1em 0.5em 0.5em; background: #dfdfdf; color: #343434; border-radius: 20px; } .back-number { margin-top: 7em; width: 1140px; margin: 0 auto; } @media screen and (max-width:768px) { .back-number { margin-top: 5em; width: 100%; } } /* ---------------ｱｰｶｲﾌﾞ(ﾀﾌﾞ)--------------- */ .tab_container { padding-bottom: 1em; background-color: #fff; border: 2px solid #000000; box-shadow: 7px 6px 0px 0px #ffcd00; margin: 0 auto; text-align: left; } .tab_item { width: calc(100%/2); /*ﾀﾌﾞ4個の場合は100%/2を100%/4に変更*/ padding: 15px 0; border-bottom: 4px solid #000000; background-color: #ececec; text-align: center; color: #000000; display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease; } .tab_item:hover { opacity: 0.75; } input[name="tab_item"] { display: none; } .tab_content { display: none; padding: 1em 1em 0; clear: both; overflow: hidden; } #tab1:checked~#tab1_content, #tab2:checked~#tab2_content, #tab3:checked~#tab3_content, #tab4:checked~#tab4_content { display: block; } .tab_container input:checked+.tab_item { background-color: #000000; color: #fff; } .title-02 { display: none; } .basketball-small { font-size: 12px; padding-top: 1em; } /* button */ .basketball-button { /* margin-top: 1em; */ } .basketball-button a { text-decoration: none; border: #f46610 solid 2px; border-radius: 5px; padding: 15px 0; display: block; width: 60%; margin: 0 auto; color: #f46610; background-color: #dfdfdf; transition: .2s cubic-bezier(0.45, 0, 0.55, 1); } .basketball-button a:hover { border: #f46610 solid 2px; color: #fff; background-color: #f46610; } @media screen and (max-width:768px) { .basketball-button a { width: 90%; padding: 10px 0; } }

・ﾌﾛﾝﾄﾄﾞｱ

・ﾋﾟﾀﾆｭｰ

・KICK OFF!HIROSHIMA

・carpcarpcarp

ご意見･ご感想

ﾌﾟﾗｲﾊﾞｼｰﾎﾟﾘｼｰ