.flex { display: flex; } .wrapper { background-color: #fff; max-width: 1400px; margin: 0 auto; padding: 40px; } .title { width: 80%; margin: 0 auto; font-weight: bold; text-align: center; color: #000; /*文字色*/ padding: 0.5em 0; /*上下の余白*/ border-top: solid 1px #264259; /*上線*/ border-bottom: solid 1px #264259; /*下線*/ } .title-02 { display: none; } .title2 { border-bottom: 3px solid #00B4DE; padding: 1em 1.5em 0.5em 2em; } ul { font-size: 1.2em; } .w80 { text-align: center; } .liveicon { background: #d0000d; padding: 0.25em 0.5em; color: #fff; font-weight: bold; margin-right: 0.25em; border-radius: 5px; } .item { background: #264259; padding: 0.25em 0.5em; color: #fff; font-weight: bold; margin-right: 0.5em; margin-bottom: 1em; border-radius: 5px; } .school { line-height: 1.8em; padding-left: 4em; text-indent: -4em; } .schedule { margin-bottom: 2em; box-shadow: 0 10px 25px 0 rgb(0 0 0 / 20%); } .schedule ul { padding: 1em 2em 2em 2em; } .pcnone { display: none; } .baseball-movie { width: 640px; height: 360px; } .pc-flex { display: flex; gap: 10px; } .sp-flex { display: flex; } .sp-only { display: none; } .live__container { margin-bottom: 6em; } .archive__container { margin-bottom: 6em; } .archive__box { gap: 0; } .archive__box img { padding-left: 10px; } .archive__box a:hover { opacity: 0.8; } .w25 { width: 25%; } .play-text p:last-child, .play-text02 p:last-child, .play-text03 p:last-child { display: none; } .play-text, .play-text02, .play-text03 { font-size: 16px; font-weight: bold; } /* 3位決定戦 */ .play-text p:before { font-size: 20px; position: absolute; top: -35px; left: 0; height: 24px; padding: 5px 2em 7px 2em; content: '県立浜山公園野球場'; color: #fff; border-radius: 10px 10px 0 0; background: #0062AC; } .play-box { position: relative; padding: 1rem 2rem; text-align: center; color: #0062AC; border-radius: 0 10px 10px 10px; background: #EAEFF9; } /* 決勝 */ .play-text02 p:before { font-size: 20px; position: absolute; top: -35px; left: 0; height: 24px; padding: 5px 2em 7px 2em; content: '東広島運動公園野球場'; color: #fff; border-radius: 10px 10px 0 0; background: #D7000F; } .play-box02 { position: relative; padding: 1rem 2rem; text-align: center; color: #D7000F; border-radius: 0 10px 10px 10px; background: #FDEDE4; } /* 3つめ */ .play-text03 p:before { font-size: 20px; position: absolute; top: -35px; left: 0; height: 24px; padding: 5px 2em 7px 2em; content: 'ｺﾒﾝﾄ'; color: #fff; border-radius: 10px 10px 0 0; background: #36B700; } .play-box03 { position: relative; padding: 1rem 2rem; text-align: center; color: #36B700; border-radius: 0 10px 10px 10px; background: #EBFFDE; } /* .line-bottom { border-bottom: #00B4DE solid 2px; padding-bottom: 10px; } */ @media screen and (max-width: 768px) { .wrapper { background-color: #fff; max-width: 1400px; margin: 0 auto; padding: 10px; } .title { font-size: 1.2em !important; width: 100%; text-align: center; color: #000; /*文字色*/ padding: 0.5em 0; /*上下の余白*/ border-top: solid 1px #264259; /*上線*/ border-bottom: solid 1px #264259; /*下線*/ } .title2 { padding: 1em 1em 0.5em 1em; } h3 { font-size: 1.5em !important; } ul { font-size: 1.1em; } .w80 { width: 100%; margin: 0 auto; margin-bottom: 0.5em; text-align: center; } .liveicon { padding: 0.1em 0.5em; } .school { line-height: 1.8em; padding-left: 0; text-indent: 0; } .schedule ul { padding: 1em; } .pcnone { display: initial; } .baseball-movie { width: 320px; height: 200px; } .pc-flex { flex-direction: column; width: 100%; } .live__container { margin-bottom: 0em; } .archive__box img { padding-left: 0px; } .sp-flex { width: 100%; } .sp-flex img:last-of-type { padding-left: 5px; } .sp-only { display: block; } .w25 { width: 50%; } .play-text, .play-text02, .play-text03 { text-align: start !important; font-size: 14px; } .play-text p:before, .play-text02 p:before, .play-text03 p:before { font-size: 1rem; top: -34px; padding: 5px 1em; } .play-box, .play-box02, .play-box03 { padding: 1rem; } } .archive-text a { text-decoration: none; color: #0062AC; font-weight: bold; font-size: 16px; } .archive-text a:hover { opacity: .8; } @media screen and (max-width: 768px) { .archive-text a { font-size: 14px; } } .live__box { margin-top: 5em; }

・ﾌﾛﾝﾄﾄﾞｱ

・ﾋﾟﾀﾆｭｰ

・KICK OFF!HIROSHIMA

ご意見･ご感想

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