@charset "shift-jis";

#single{
    font-size: 16px;
    background-color: #f3f3f2;
    padding-top: 60px;
}
@media screen and (max-width: 599px){
    #single {
        width: 100%;
        box-shadow: 0 0 black;
        box-sizing: border-box;
        font-size: 14px;
    }
}

.inner {
    margin: 0 auto;
    padding: 0;
    width: 92%;
    max-width: 1000px;
}

.site-title{ text-align: center;}

/* .content_box */
.content_box{
    background-color: #fff;
    border-radius: 0 0 30px 30px;
    padding: 50px;
}
.okanechannel h1{
    border-radius: 30px 30px 0 0;
    background-color: #00A7EA;
    color: #fff;
    font-size: 30px;
    font-weight: normal;
    padding: 35px 50px;
    margin-top: 50px;
    display: flex;
}
.okanechannel h1 .num{
    flex: 0 0 3em;
}
.content_box .video{
    border-radius: 10px;
    overflow: hidden;
}
@media screen and (min-width: 600px) {
    .okanechannel h1{
        justify-content: center;
    }
}
@media screen and (max-width: 599px){
    .site-title img{ width: 114px;}
    .content_box{
        padding: 40px 15px 70px;
        position: relative;
    }
    .okanechannel h1{
        font-size: 20px;
        padding: 1.1em;
    }
}

/* .link_top */
.link_top{
    font-weight: bold;
    text-align: center;
    margin: 30px auto 40px;
}
.link_top::before {
    content: "";
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227.558%22%20height%3D%2223.005%22%20viewBox%3D%220%200%2027.558%2023.005%22%3E%20%3Cg%20id%3D%22video-player%22%20transform%3D%22translate(0%20469.926)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2731%22%20data-name%3D%22%E3%83%91%E3%82%B9%202731%22%20d%3D%22M1.189-469.871a1.546%2C1.546%2C0%2C0%2C0-1.082.953C0-468.639%2C0-468.477%2C0-460.21c0%2C5.291.022%2C8.461.054%2C8.52a.42.42%2C0%2C0%2C0%2C.21.161.3.3%2C0%2C0%2C0%2C.318-.016.514.514%2C0%2C0%2C0%2C.194-.167c.016-.048.032-3.865.032-8.472v-8.386l.124-.183a.878.878%2C0%2C0%2C1%2C.307-.275c.178-.091.813-.1%2C10.991-.1h10.8l.108-.14a.514.514%2C0%2C0%2C0%2C.113-.215.473.473%2C0%2C0%2C0-.285-.4C22.767-469.947%2C1.545-469.941%2C1.189-469.871Z%22%20transform%3D%22translate(0%200)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2732%22%20data-name%3D%22%E3%83%91%E3%82%B9%202732%22%20d%3D%22M24.14-469.808a.378.378%2C0%2C0%2C0-.118.63c.118.113.172.118%2C1.12.118%2C1.114%2C0%2C1.265.038%2C1.486.371l.124.183v20.313l-.124.183a.878.878%2C0%2C0%2C1-.307.275c-.178.092-.888.1-12.541.1s-12.363-.005-12.541-.1a.878.878%2C0%2C0%2C1-.307-.275c-.118-.178-.124-.226-.124-1.362v-1.179l-.135-.129a.443.443%2C0%2C0%2C0-.269-.135.443.443%2C0%2C0%2C0-.269.135L0-450.55v1.211a4.139%2C4.139%2C0%2C0%2C0%2C.108%2C1.507%2C1.673%2C1.673%2C0%2C0%2C0%2C.8.85l.253.124H26.4l.253-.124a1.673%2C1.673%2C0%2C0%2C0%2C.8-.85c.108-.291.108-.35.108-10.517s0-10.226-.108-10.517a1.674%2C1.674%2C0%2C0%2C0-.8-.85c-.237-.113-.334-.124-1.329-.14A4.8%2C4.8%2C0%2C0%2C0%2C24.14-469.808Z%22%20transform%3D%22translate(0%20-0.063)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2733%22%20data-name%3D%22%E3%83%91%E3%82%B9%202733%22%20d%3D%22M55.237-429.925a.444.444%2C0%2C0%2C0-.2.167c-.016.048-.032.6-.032%2C1.216%2C0%2C1.055.005%2C1.13.108%2C1.233s.178.108%2C1.4.108c1.254%2C0%2C1.292-.005%2C1.4-.118s.108-.183.108-1.243a7.649%2C7.649%2C0%2C0%2C0-.054-1.222c-.1-.178-.355-.215-1.475-.215A5.015%2C5.015%2C0%2C0%2C0%2C55.237-429.925Zm1.97%2C1.324v.592h-1.4v-1.184h1.4Z%22%20transform%3D%22translate(-52.04%20-37.777)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2734%22%20data-name%3D%22%E3%83%91%E3%82%B9%202734%22%20d%3D%22M141.409-429.619a.439.439%2C0%2C0%2C0-.231.167c-.108.135-.113.194-.1%2C1.254.016%2C1.007.027%2C1.125.118%2C1.227s.151.113%2C1.4.113%2C1.308-.005%2C1.4-.113.1-.21.1-1.265c0-1.523.129-1.394-1.416-1.4C142.054-429.641%2C141.473-429.635%2C141.409-429.619Zm1.911%2C1.372.016.581h-1.459v-.554a2.656%2C2.656%2C0%2C0%2C1%2C.038-.6%2C4.537%2C4.537%2C0%2C0%2C1%2C.71-.022l.678.016Z%22%20transform%3D%22translate(-133.48%20-38.12)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2735%22%20data-name%3D%22%E3%83%91%E3%82%B9%202735%22%20d%3D%22M228.237-429.925a.444.444%2C0%2C0%2C0-.2.167c-.016.048-.032.6-.032%2C1.216%2C0%2C1.055.005%2C1.13.108%2C1.233s.178.108%2C1.4.108%2C1.3-.005%2C1.4-.108.108-.178.108-1.243a7.775%2C7.775%2C0%2C0%2C0-.054-1.233c-.1-.178-.355-.215-1.475-.215A5.015%2C5.015%2C0%2C0%2C0%2C228.237-429.925Zm1.97%2C1.324v.592h-1.4v-1.184h1.4Z%22%20transform%3D%22translate(-215.728%20-37.777)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2736%22%20data-name%3D%22%E3%83%91%E3%82%B9%202736%22%20d%3D%22M314.818-429.619a.427.427%2C0%2C0%2C0-.215.135c-.091.1-.1.215-.1%2C1.254s.011%2C1.157.1%2C1.259.151.113%2C1.4.113%2C1.308-.005%2C1.4-.113.1-.221.118-1.233l.016-1.12-.135-.151-.129-.156-1.179-.005C315.458-429.641%2C314.877-429.635%2C314.818-429.619Zm1.905%2C1.372.016.581H315.28v-.554a2.657%2C2.657%2C0%2C0%2C1%2C.038-.6%2C4.537%2C4.537%2C0%2C0%2C1%2C.71-.022l.678.016Z%22%20transform%3D%22translate(-297.573%20-38.12)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2737%22%20data-name%3D%22%E3%83%91%E3%82%B9%202737%22%20d%3D%22M401.237-429.925a.444.444%2C0%2C0%2C0-.2.167c-.016.048-.032.592-.032%2C1.206%2C0%2C1.05.005%2C1.125.108%2C1.233s.145.118%2C1.4.118c1.222%2C0%2C1.3-.005%2C1.4-.108s.108-.178.108-1.243a7.779%2C7.779%2C0%2C0%2C0-.054-1.233c-.1-.178-.355-.215-1.475-.215A5.015%2C5.015%2C0%2C0%2C0%2C401.237-429.925Zm1.97%2C1.324v.592h-1.4v-1.184h1.4Z%22%20transform%3D%22translate(-379.417%20-37.777)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2738%22%20data-name%3D%22%E3%83%91%E3%82%B9%202738%22%20d%3D%22M180.872-331.477a1.134%2C1.134%2C0%2C0%2C0-.813.861c-.038.151-.059%2C1.373-.059%2C3.208a20.168%2C20.168%2C0%2C0%2C0%2C.081%2C3.229%2C1.122%2C1.122%2C0%2C0%2C0%2C.775.759.751.751%2C0%2C0%2C0%2C.581-.005c.318-.1%2C5.856-2.847%2C6.206-3.079a1.126%2C1.126%2C0%2C0%2C0%2C0-1.873c-.323-.21-3.116-1.593-3.229-1.593a.512.512%2C0%2C0%2C0-.237.113.393.393%2C0%2C0%2C0-.038.571c.059.054.786.436%2C1.615.85%2C1.582.786%2C1.679.856%2C1.561%2C1.12a24.369%2C24.369%2C0%2C0%2C1-3.111%2C1.647c-2.734%2C1.367-3.068%2C1.518-3.176%2C1.464a.434.434%2C0%2C0%2C1-.167-.2c-.07-.183-.07-5.888%2C0-6.071a.4.4%2C0%2C0%2C1%2C.167-.194c.1-.054.248%2C0%2C1.13.431.953.468%2C1.023.5%2C1.173.436a.5.5%2C0%2C0%2C0%2C.226-.231c.124-.3.016-.393-1.082-.942C181.475-331.477%2C181.206-331.557%2C180.872-331.477Z%22%20transform%3D%22translate(-170.312%20-130.972)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2739%22%20data-name%3D%22%E3%83%91%E3%82%B9%202739%22%20d%3D%22M55.108-133.892c-.1.1-.108.178-.108%2C1.243a7.778%2C7.778%2C0%2C0%2C0%2C.054%2C1.233c.1.178.355.215%2C1.453.215s1.356-.038%2C1.453-.215a7.649%2C7.649%2C0%2C0%2C0%2C.054-1.222c0-1.06-.005-1.136-.108-1.243s-.145-.118-1.4-.118C55.285-134%2C55.21-133.995%2C55.108-133.892Zm2.1%2C1.292v.592h-1.4v-1.184h1.4Z%22%20transform%3D%22translate(-52.04%20-317.846)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2740%22%20data-name%3D%22%E3%83%91%E3%82%B9%202740%22%20d%3D%22M141.035-133.887c-.091.1-.1.221-.118%2C1.233l-.016%2C1.12.135.151.129.156h1.27c1.663%2C0%2C1.512.135%2C1.512-1.394%2C0-1.055-.011-1.163-.1-1.265s-.151-.113-1.4-.113S141.131-133.995%2C141.035-133.887Zm2.121%2C1.27-.016.581h-1.4l-.016-.581-.016-.576h1.464Z%22%20transform%3D%22translate(-133.316%20-317.846)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2741%22%20data-name%3D%22%E3%83%91%E3%82%B9%202741%22%20d%3D%22M228.108-133.892c-.1.1-.108.178-.108%2C1.243a7.785%2C7.785%2C0%2C0%2C0%2C.054%2C1.233c.1.178.355.215%2C1.453.215s1.356-.038%2C1.453-.215a7.775%2C7.775%2C0%2C0%2C0%2C.054-1.233c0-1.066-.005-1.141-.108-1.243s-.178-.108-1.4-.108S228.21-133.995%2C228.108-133.892Zm2.1%2C1.292v.592h-1.4v-1.184h1.4Z%22%20transform%3D%22translate(-215.728%20-317.846)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2742%22%20data-name%3D%22%E3%83%91%E3%82%B9%202742%22%20d%3D%22M314.54-133.887c-.091.1-.1.21-.1%2C1.265%2C0%2C1.529-.151%2C1.394%2C1.512%2C1.394h1.27l.129-.156.135-.151-.016-1.12c-.016-1.012-.027-1.13-.118-1.233s-.151-.113-1.4-.113S314.637-133.995%2C314.54-133.887Zm2.121%2C1.27-.016.581h-1.4l-.016-.581-.016-.576h1.464Z%22%20transform%3D%22translate(-297.51%20-317.846)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2743%22%20data-name%3D%22%E3%83%91%E3%82%B9%202743%22%20d%3D%22M401.108-133.882c-.1.108-.108.183-.108%2C1.243a7.65%2C7.65%2C0%2C0%2C0%2C.054%2C1.222c.1.178.355.215%2C1.453.215s1.356-.038%2C1.453-.215a7.779%2C7.779%2C0%2C0%2C0%2C.054-1.233c0-1.066-.005-1.141-.108-1.243s-.178-.108-1.4-.108C401.253-134%2C401.215-133.995%2C401.108-133.882Zm2.1%2C1.281v.592h-1.4v-1.184h1.4Z%22%20transform%3D%22translate(-379.417%20-317.846)%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 13px;
    margin-right: 15px;
}
.link_top a{
    color: #000;
}

/* pager */
.pager{
    background-color: #00A7EA;
    padding: 30px 0;
    position: relative;
}
.pager::before{
    content: "";
    display: block;
    border-left: 1px solid #fff;
    width: 1px;
    height: 80%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.pager_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pager_list li{ width: calc(50% - 20px);}
.pager_list li a:hover{ text-decoration: none;}

.pager_list .arw{
    color: #fff;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    transition: all .3s;
}
/* .pager_list .arw:hover{ text-decoration: underline;} */

.pager_list .prev{
    margin-right: auto;
    margin-left: 0;
}
.pager_list .prev .arw::before{
    content: "";
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.321%22%20height%3D%2221.227%22%20viewBox%3D%220%200%2018.321%2021.227%22%3E%3Cg%20transform%3D%22translate(-1184.293%20-6953.793)%22%3E%3Cpath%20d%3D%22M1088.145%2C4506.509l-1.414-1.414%2C9.2-9.2-9.2-9.2%2C1.414-1.414%2C9.906%2C9.907-.567.848.565.569Z%22%20transform%3D%22translate(97.562%202468.511)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M1088.145%2C4506.509l-1.414-1.414%2C9.2-9.2-9.2-9.2%2C1.414-1.414%2C9.906%2C9.907-.567.848.565.569Z%22%20transform%3D%22translate(104.562%202468.511)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 10px;
    transform: scale(-1, 1);
    margin-right: 12px;
}

.pager_list .next{
    margin-right: 0;
    margin-left: auto;
}
.pager_list .next .arw{ justify-content: flex-end;}
.pager_list .next .arw::after{
    content: "";
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.321%22%20height%3D%2221.227%22%20viewBox%3D%220%200%2018.321%2021.227%22%3E%3Cg%20transform%3D%22translate(-1184.293%20-6953.793)%22%3E%3Cpath%20d%3D%22M1088.145%2C4506.509l-1.414-1.414%2C9.2-9.2-9.2-9.2%2C1.414-1.414%2C9.906%2C9.907-.567.848.565.569Z%22%20transform%3D%22translate(97.562%202468.511)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M1088.145%2C4506.509l-1.414-1.414%2C9.2-9.2-9.2-9.2%2C1.414-1.414%2C9.906%2C9.907-.567.848.565.569Z%22%20transform%3D%22translate(104.562%202468.511)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 10px;
    margin-left: 12px;
}

.pager_list .post{
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    color: #333;
    font-weight: bold;
    text-align: left;
    text-decoration: underline;
    padding: 15px;
    display: flex;
    align-items: center;
    transition: all .3s;
}
.pager_list .post:hover{
    transform: translateY(1px);
    box-shadow: 0 2px 6px rgb(0 0 0 / 16%);
}
.pager_list .post .thumb{
    flex: 0 0 40.45%;
    padding-top: 30%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin-right: 15px;
}
.pager_list .post .thumb::before{
    content: "";
    background-color: rgba(0, 0, 0, .15);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}
.pager_list .post .thumb::after{
    content: "";
    width: 50px;
    padding-top: 50px;
    background: url(/okanechannel/images/icn_play.svg) center/contain no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
}
.pager_list .post .thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
@media screen and (max-width: 599px){
    .pager{
        padding-top: 15px;
        padding-bottom: 30px;
    }
    .pager_list .post{
        display: block;
        font-size: 14px;
    }
    .pager_list .post .thumb{
        padding-top: 73.5%;
        margin-right: 0;
        margin-bottom: 1em;
    }
}