.pc-only { display: block; } .sp-only { display: none; } @media screen and (max-width:768px) { .pc-only { display: none; } .sp-only { display: block; } }

.pitanew-grid { display: grid; gap: 20px; grid-template-columns: repeat(3, minmax(200px, 1fr)); } @media screen and (max-width:768px) { .pitanew-grid { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(160px, 1fr)); } } .pitanew-item { background: #fff; padding: 15px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); position: relative; } .pitanew-item a:hover { opacity: .8; } .pitanew-item .new-item { border: #ff008c 1px solid; } .pitanew-item .day { top: 0px; left: 0px; color: #fff; font-weight: bold; border-radius: 3px; padding: 3px 10px; margin-right: 1em; } .pitanew-corner-button { margin-top: .5em; } .pitanew-corner-button a { display: block; text-decoration: none; font-weight: bold; background-color: #1bb8ce; color: #fff; font-size: 1.2em; padding: 8px; text-align: center; } .pitanew-corner-button a:hover { opacity: .8; } .pitanew-item .getumoku { background-color: #ff9700; } .pitanew-item .getu { background-color: #ffce00; } .pitanew-item .kayo { background-color: #db0000; } .pitanew-item .sui { background-color: #0086d8; } .pitanew-item .moku { background-color: #078700; } .pitanew-item .kin { background-color: #a88800; } .pitanew-item .tsuki1 { background-color: gray; } .new { position: absolute; top: 0px; left: 0px; background-color: #ff008c; color: #fff; font-weight: bold; border-radius: 0 0 5px 0; padding: 5px 10px; } .renew { background-color: rgba(255, 60, 0, 1) !important; } /* ｱｺｰﾃﾞｨｵﾝ */ .accordion-003 { margin-bottom: 7px; } .accordion-003 summary { display: flex; justify-content: space-between; align-items: center; position: relative; padding: 1em 2em; color: #1bb8ce; font-weight: 600; cursor: pointer; border-bottom: #bbe1e8 1px solid; transition: .2s cubic-bezier(0.45, 0, 0.55, 1); } .accordion-003 summary::-webkit-details-marker { display: none; } .accordion-003 summary::after { transform: translateY(-25%) rotate(45deg); width: 7px; height: 7px; margin-left: 10px; border-bottom: 3px solid #1bb8ce; border-right: 3px solid #1bb8ce; content: ''; transition: transform .3s; } .accordion-003[open] summary::after { transform: rotate(225deg); } .accordion-003 p { transform: translateY(-10px); opacity: 0; margin: 0; padding: 5px 0; color: #000; transition: transform .5s, opacity .5s; } .accordion-003[open] p { transform: none; opacity: 1; }

番組一覧 ｜ ﾆｭｰｽ ｜ ｽﾎﾟｰﾂ ｜ ｱﾅｳﾝｻｰ ｜ ｲﾍﾞﾝﾄ ｜ 試写会･ﾌﾟﾚｾﾞﾝﾄ ｜ 会社概要 ｜ 地球派宣言