.cast__container{display:grid;grid-auto-flow:row;gap:var(--_section-gap)}@media print{.protected__chart img{visibility:hidden}}.chart-img{max-width:100%}.device-type-mobile{.cast__items__container{margin:0 calc(10vw / var(--_mbw));ul.chart-nav{width:100%;padding-top:0;padding-bottom:6vw;display:flex;flex-wrap:wrap;justify-content:center;gap:3%;li{width:22.75%;a{display:block;font-family:Lato,sans-serif;border-radius:0;width:100%;padding:2vw 0;border:solid 2px #fff;color:#fff;background:#00000080;text-align:center;text-decoration:none;font-size:calc(14vw / var(--_mbw));font-weight:700;&.active{color:#fff;background:#d00}}}}}.chart__container{margin-bottom:calc(30vw / var(--_mbw))}.cast__items{display:grid;grid-auto-flow:row;gap:calc(30vw / var(--_mbw));.cast-thumb{float:left;width:calc(120vw / var(--_mbw));margin-right:calc(10vw / var(--_mbw));margin-bottom:0}.cast-name{font-weight:800;font-size:calc(14vw / var(--_mbw))!important;padding:calc(3vw / var(--_mbw)) calc(8vw / var(--_mbw));margin-bottom:calc(8vw / var(--_mbw));line-height:calc(20vw / var(--_mbw));color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.6);background:url(/chottodake_esper/common-img/ttl-bg.jpg) repeat-y;background-size:100%;display:flow-root;padding-top:calc(7vw / var(--_mbw))}.cast-name-kana{font-weight:800;font-size:calc(11vw / var(--_mbw));margin-bottom:calc(8vw / var(--_mbw))}.cast-line{font-size:calc(3vw / var(--_mbw));letter-spacing:1px;margin:0 calc(2vw / var(--_mbw));padding-left:3vw}.cast-txt>p{font-size:calc(14vw / var(--_mbw))}}.cast-box{overflow:hidden}.cast-box:last-child{margin-bottom:0}.cast-dot{text-align:center;margin:calc(15vw / var(--_mbw)) auto;font-size:calc(25vw / var(--_mbw));span.octopus{display:inline-block;width:5vw;height:5vw;background:url(/chottodake_esper/common-img/icon_octopus.png) no-repeat;background-size:contain}}}.device-type-desktop{.cast__items__container{ul.chart-nav{width:100%;padding-top:10px;padding-bottom:40px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px;li{width:140px;a{display:block;font-family:Lato,sans-serif;border-radius:0;letter-spacing:2px;width:100%;padding:10px 0;border:solid 3px #fff;color:#fff;background:#00000080;text-align:center;text-decoration:none;font-size:20px;font-weight:700;&:hover{background-color:#700000;color:#fff}&.active{color:#fff;background:#d00}}}}}.chart__container{margin-bottom:30px}.cast__items{display:grid;grid-auto-flow:row;gap:28px;.cast-box .cast-thumb{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;width:240px;margin-right:20px}.cast-box .cast-thumb img{width:100%}.cast-name{font-weight:700;font-size:20px;margin-bottom:.5rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.6);background:url(/chottodake_esper/common-img/ttl-bg.jpg) repeat-y;background-size:100%;padding:6px 20px 0}.cast-name-kana{font-weight:700;font-size:70%;margin-bottom:1rem}.cast-line{font-size:5px;letter-spacing:1px;margin:0 5px}.cast-txt{width:100%}}.cast-box{flex-wrap:nowrap;display:flex;overflow:hidden}.cast-box:last-child{margin-bottom:0}.cast-dot{text-align:center;margin:20px auto;font-size:35px;span.octopus{display:inline-block;width:30px;height:30px;background:url(/chottodake_esper/common-img/icon_octopus.png) no-repeat;background-size:contain}}}.device-type-desktop,.device-type-mobile{.cast-white .cast-name{color:#000;text-shadow:none;background:url(/chottodake_esper/common-img/cast-bg-white.jpg) repeat-y;background-size:100%}.cast-pink .cast-name{color:#fff;background:url(/chottodake_esper/common-img/cast-bg-pink.jpg) repeat-y;background-size:100%}.cast-yellow .cast-name{color:#fff;background:url(/chottodake_esper/common-img/cast-bg-yellow.jpg) repeat-y;background-size:100%}.cast-green .cast-name{color:#fff;background:url(/chottodake_esper/common-img/cast-bg-green.jpg) repeat-y;background-size:100%}.cast-light_blue .cast-name{color:#fff;background:url(/chottodake_esper/common-img/cast-bg-light_blue.jpg) repeat-y;background-size:100%}.cast-blue .cast-name{color:#fff;background:url(/chottodake_esper/common-img/cast-bg-blue.jpg) repeat-y;background-size:100%}.cast-purple .cast-name{color:#fff;background:url(/chottodake_esper/common-img/cast-bg-purple.jpg) repeat-y;background-size:100%}.cast-dark-purple .cast-name{color:#fff;background:url(/chottodake_esper/common-img/cast-bg-dark-purple.jpg) repeat-y;background-size:100%}.cast-silver .cast-name{color:#000;text-shadow:none;background:url(/chottodake_esper/common-img/cast-bg-silver.jpg) repeat-y;background-size:100%}}