@media (max-width: 1344px) {
    /* --------------------------  common -------------------------- */
    .container, .others_wrap,
    #thefishing_top .navigation { width: 70%;}

    main { padding: 4% 0 0;}

    #page section, hr { margin-bottom: 15%;}

    .sec_ttl { 
        margin-bottom: 5%;
        padding-bottom: 1.5%;
    }

    .sec_ttl h2 { font-size: 5.5vw;}

    #header_navi { height: 70px;} 

    #header_navi ul li,
    #header_navi ul li span::after { font-size: 1.4vw;}
    /* --------------------------  common -------------------------- */


    /* --------------------------  thefishing_top -------------------------- */
    #thefishing_top { margin-bottom: 0 !important;}

    #thefishing_top .navigation { margin-bottom: 3%;}

    #thefishing_top h1 { margin-bottom: 4%;}

    #thefishing_top ul li { padding: 0.5% 0 1%;}

    #thefishing_top ul li,
    #thefishing_top ul li span::after { font-size: 1.4vw;}

    #thefishing_top .onair_date_and_time { 
        width: 57%;
        padding: 2.5%;
    }

    #thefishing_top .onair_date_and_time p:first-of-type,
    #thefishing_top .onair_date_and_time { font-size: 1.8vw;}

    #thefishing_top .onair_date_and_time a { font-size: 1.6vw;}

    #thefishing_top .movie { width: 752px;}

    #thefishing_top .onair_date_and_time p:last-of-type { width: 35%;}
    /* --------------------------  thefishing_top -------------------------- */


    /* --------------------------  next_epsode -------------------------- */
    #next_epsode .date,
    #next_ep_detail .date { 
        font-size: 2.2vw;
        margin-bottom: 2%;
    }

    #next_epsode .time,
    #next_ep_detail .time { font-size: 1.5vw;}

    #next_epsode h3,
    #next_ep_detail h3 { 
        font-size: 6vw;
        margin-bottom: 5%;
    }

    #next_epsode ul { margin-bottom: 6%;}

    #next_epsode .ttl { margin-bottom: 3.5%;}

    #next_epsode .ep_intro, #next_epsode .ttl,
    #next_ep_detail .ep_intro,
    #next_ep_detail .next_ep_detailtxt,
    .view_more { font-size: 2.2vw;}

    #next_ep_detail .ep_intro,
    #next_ep_detail .ep_lineup { margin-bottom: 6%;}

    #next_epsode .name { 
        font-size: 2.5vw;
        margin-bottom: 2.5%;
    }

    .view_more a { padding: 3%;}

    .view_more span::after {
        right: -2%;
        bottom: 8px;
    }
    /* --------------------------  next_epsode -------------------------- */


    /* --------------------------  present -------------------------- */
    #present .present_txt { 
        font-size: 2vw;
        margin-bottom: 5%;
    }

    #present .present_img { margin-bottom: 4.5%;}
    /* --------------------------  present -------------------------- */


    /* --------------------------  angler_impression -------------------------- */
    #angler_impression .angler_txt { font-size: 2.2vw;}

    #angler_impression ul { margin-bottom: 1.5%;}

    #angler_impression ul li { margin-bottom: 10%;}

    #angler_impression ul p:first-of-type {
        font-size: 1.3vw;
        margin-bottom: 3.5%;
    }

    #angler_impression ul p:last-of-type { font-size: 1.4vw;}
    /* --------------------------  angler_impression -------------------------- */


    /* --------------------------  others -------------------------- */
    #others { padding: 8.5% 0;}

    #others .tver p { 
        font-size: 1.4vw;
        margin-top: 3%;
    }

    #others .sns, #others .tver { margin-bottom: 7.5%;}
    /* --------------------------  others -------------------------- */ 


    /* --------------------------  next_ep_detail -------------------------- */ 
    #next_ep_detail h4, #tacle h4 {
        font-size: 4vw;
        margin-bottom: 5%;
    }

    #next_ep_detail .angler_list p { font-size: 1.7vw;}

    #next_ep_detail .next_ep_detailtxt,
    #next_ep_detail .angler_list { margin-bottom: 15%;}

    #next_ep_detail dt {
        font-size: 1.2vw;
        padding-left: 2%;
        margin-bottom: 2%;
    }

    #next_ep_detail dd { 
        font-size: 1.3vw;
        margin-bottom: 5%;
    }

    #next_ep_detail .angler_list li img { margin-bottom: 7%;}

    #next_ep_detail .next_ep_img { margin-bottom: 5%;}
    /* --------------------------  next_ep_detail -------------------------- */ 


    /* -------------------------- prev_ep  -------------------------- */
    #prev_ep .switch > p {
        font-size: 1.3vw;
        margin-bottom: 1%;
    }

    #prev_ep .switch_btn { 
        font-size: 1vw;
        grid-template-columns: repeat(5, 1fr);
        margin-bottom: 5%;
    }    

    #prev_ep .switch_btn li label { padding: 5% 0.5%;}

    #prev_ep .switch_btn select { background: url(../images/triangle.png) no-repeat top 50% right 0 / 13%;}

    #prev_ep .switch_btn li:last-child span { margin-right: 10%;}

    #prev_ep .angler_icon img { width: 10%;}

    #prev_ep .date,#prev_ep .angler_icon { font-size: 1.1vw !important;}

    #prev_ep .date { margin-bottom: 5%;}

    #prev_ep .prev_ep_list { margin-bottom:  7%;}

    #prev_ep .angler_impression { width: 45%;}

    #prev_ep .prev_ep_item { 
        font-size: 1.3vw;
        margin-bottom: 5%;
    }

    #prev_ep h3, #prev_ep .place {
        padding-bottom: 5%;
        margin-bottom: 5%;
    }

    #prev_ep .view_more { font-size: 1.4vw !important;}
    /* -------------------------- prev_ep  -------------------------- */


    /* -------------------------- angler  -------------------------- */
    #angler .angler_name { 
        padding-bottom: 1%;
        margin-bottom: 3%;
    }

    #angler h3 {
        font-size: 2vw;
        margin-right: 4%;
    }

    #angler .name_ruby { font-size: 1.5vw;}

    #angler .name_en,
    #angler .angler_profile,
    .angler_search_btn { font-size: 1.4vw;}

    #angler .angler_profile { width: 85%;}

    #angler .angler_profile { padding: 16% 5% 5% 5%;}

    #angler .birth_detail span {
        padding: 1% 3%;
        margin-right: 2%;
    }

    #angler .angler_img { width: 75%;}

    #angler h4 {
        font-size: 1.8vw;
        margin-bottom: 1.5%;
    }

    #angler > p {
        font-size: 1.3vw;
        margin-bottom: 2.5%;
    }

    #angler .angler_list li { margin-bottom: 10%;}

    .angler_search_btn li a { padding: 20%;}
    /* -------------------------- angler  -------------------------- */


    /* -------------------------- angler_search  -------------------------- */
    #angler_search .sec_ttl h2 { font-size: 3vw !important;}

    .angler_name_list {
        margin-top: 5%;
        font-size: 1.8vw;
    }

    .angler_name_list li { margin-bottom: 3%;}
    /* -------------------------- angler_search  -------------------------- */


    /* -------------------------- present_detail -------------------------- */
    #present_detail h3 {
        font-size: 1.8vw;
        padding-bottom: 1%;
        margin-bottom: 1%;
    }

    #present_detail .present_intro,
    #present_detail .present_name,
    #present_detail .apply_btn { font-size: 1.4vw;}

    #present_detail .present_intro,
    #present_detail .present_name { margin-bottom: 5%;}

    #present_detail .present_list li {
        margin-right: 2.6%;
        margin-bottom: 5%;
    }

    #present_detail .ep_ttl {
        padding: 5% 5% 4.5%;
        font-size: 1.3vw;
    }

    #present_detail .present_txt,
    #present_detail .apply_btn a { padding: 5%;}
    /* -------------------------- present_detail -------------------------- */
    
    /* -------------------------- network -------------------------- */
    #network .sec_ttl h2 { font-size: 3vw !important;}

    #network .on_air_caption {
        font-size: 1.3vw;
        margin-bottom: 8%; 
    }

    table { font-size: 1.8vw;}

    td, th { padding: 2% 1%;}
    /* -------------------------- network -------------------------- */
    
}

@media (max-width: 1024px) {
    /* --------------------------  common -------------------------- */
    .view_more span::after { bottom: 6px;}
    /* --------------------------  common -------------------------- */
    

    /* --------------------------  thefishing_top -------------------------- */
    #thefishing_top .movie { width: 55%;}
    /* --------------------------  thefishing_top -------------------------- */
}

@media (max-width: 767px) {
    /* --------------------------  common -------------------------- */
    .view_more span::after { bottom: 4px;}
    /* --------------------------  common -------------------------- */


    /* --------------------------  present -------------------------- */
    #present ul li img { margin-bottom: 10px;}
    /* --------------------------  present -------------------------- */
}


@media (max-width: 642px) {
    /* --------------------------  common -------------------------- */
    .pc_only, .view_more span { display: none;}

    .sp_only { display: block;}

    main { padding: 10% 0 0;}

    .container, .others_wrap { width: 90%;}

    .sec_ttl h2 { font-size: 8vw;}

    .view_more { 
        width: 100%;
        font-size: 5vw;
        transition: all .2s;
    }

    .view_more:active {
        color: #fff;
        background-color: #000;
    }

    #header_navi ul li::after,
    .view_more span::after { content: none;}

    .view_more a { padding: 4%;}

    #page section, hr { margin-bottom: 20%;}

    #header_navi { height: auto;}

    #header_navi ul { width: 100%;}

    #header_navi ul li { 
        width: 50%;
        padding: 4.5% 0 4%;
        border-bottom: solid 1px #000;
    }
    
    #header_navi ul li:first-child { width: 100%;}

    #header_navi ul li:first-child a { padding: 10% 0;}

    #header_navi ul li img { width: 65%;}

    #header_navi ul li,
    #header_navi ul li span::after {  font-size: 4vw;}

    #header_navi ul li:first-child,
    #header_navi ul li:nth-child(3) { border-right: none;}

    /* --------------------------  common -------------------------- */


    /* --------------------------  thefishing_top -------------------------- */
    #thefishing_top .navigation { 
        width: 100%;
        margin-bottom: 0;
    }

    #thefishing_top h1 { margin-bottom: 10%;}

    #thefishing_top h1 img { width: 65%;}

    #thefishing_top ul { width: 100%;}
    
    #thefishing_top ul li { 
        width: 50%;
        padding: 4.5% 0 4%;
    }

    #thefishing_top ul li::after { content: none;}

    #thefishing_top ul li, 
    #thefishing_top ul li span::after { font-size: 4vw;}
    
    #thefishing_top ul li:nth-child(2),
    #thefishing_top ul li:nth-child(3) { border-bottom: solid 1px #000;}

    #thefishing_top ul li:nth-child(3) { border-right: none;}

    #thefishing_top .thefishing_ttl { border-bottom: solid 1px #000 !important;}



    #thefishing_top .onair_date_and_time {
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    #thefishing_top .onair_date_and_time p:first-of-type, 
    #thefishing_top .onair_date_and_time {
        font-size: 4vw;
        margin-bottom: 4%;
    }

    #thefishing_top .onair_date_and_time p:last-of-type { width: 70%;}

    #thefishing_top .onair_date_and_time a { font-size: 4vw;}

    #thefishing_top .movie { width: 100%;}
    /* --------------------------  thefishing_top -------------------------- */


    /* --------------------------  next_epsode -------------------------- */
    #next_epsode .date,
    #next_ep_detail .date { font-size: 3.5vw;}

    #next_epsode .time,
    #next_ep_detail .time { font-size: 2.5vw;}

    #next_epsode h3,
    #next_ep_detail h3 { font-size: 7.8vw;}

    #next_epsode .ep_intro { margin-bottom: 10%;}

    #next_epsode .ep_intro, 
    #next_epsode .ttl,
    #next_ep_detail .ep_intro,
    #next_ep_detail .next_ep_detailtxt { font-size: 4vw;}

    #next_epsode ul { 
        flex-direction: column;
        align-items: center;
    }

    #next_epsode ul li { width: 100%;}

    #next_epsode ul li:first-child { margin-bottom: 10%;}

    #next_epsode .name { font-size: 5vw;}

    /* --------------------------  next_epsode -------------------------- */


    /* --------------------------  present -------------------------- */
    #present ul { 
        gap: 1.5em;
        grid-template-columns: 1fr;
    }

    #present ul li img { margin-bottom: 3%;}

    #present .present_txt { font-size: 5vw;}

    /* #present .present_img { width: 100%;} */
    /* --------------------------  present -------------------------- */


    /* --------------------------  angler_impression -------------------------- */
    #angler_impression h2 { font-size: 7vw !important;}

    #angler_impression .angler_txt { font-size: 3vw;}

    #angler_impression ul { grid-template-columns: 1fr 1fr;}

    #angler_impression ul p:first-of-type { font-size: 3vw;}

    #angler_impression ul p:last-of-type {
        font-size: 3.5vw;
        line-height: 1.3;
    }
    /* --------------------------  angler_impression -------------------------- */


    /* --------------------------  others -------------------------- */
    #others { padding: 15% 0;}

    #others .sns, #others .tver { margin-bottom: 10%;}

    #others .sns { width: 70%;}

    #others .tver,
    #others .area_and_mailmagazine { width: 80%;}

    #others .area_and_mailmagazine li { width: 100%;}

    #others .area_and_mailmagazine li:first-child { margin-bottom: 5%;}

    #others .tver p { font-size: 4vw;}
    /* --------------------------  others -------------------------- */


    /* --------------------------  next_ep_detail -------------------------- */
    #next_ep_detail .next_ep_img { width: 100%;}

    #next_ep_detail h4, #tacle h4 { font-size: 8vw;}

    #next_ep_detail .ep_lineup,
    #tacle .tacle_lineup { grid-template-columns: 1fr 1fr;}

    #next_ep_detail .angler_list,
    #next_ep_detail .map_detail { flex-direction: column;}

    #next_ep_detail .angler_list li { 
        width: 100%;
        margin-right: 0;
        margin-bottom: 20%;
    }

    #next_ep_detail .angler_list li p { font-size: 4vw;}

    #next_ep_detail .map_detail div { width: 100%;}

    #next_ep_detail .map { margin-bottom: 5%;}

    #next_ep_detail dt { font-size: 3vw;}

    #next_ep_detail dd { font-size: 3.5vw;}
    /* --------------------------  next_ep_detail -------------------------- */

    /* -------------------------- prev_ep  -------------------------- */
    #prev_ep .switch_btn {
        font-size: 3vw;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.2em;
        margin-bottom: 10%;
    }

    #prev_ep .switch > p,
    #prev_ep .date { font-size: 3vw !important;}

    #prev_ep .prev_ep_item { font-size: 3.3vw;}

    #prev_ep .switch > p { margin-bottom: 3%;}

    #prev_ep .prev_ep_list { grid-template-columns: 1fr 1fr;}

    #prev_ep .angler_icon img { width: 20%;}

    #prev_ep .view_more { font-size: 3.3vw !important;}
    /* -------------------------- prev_ep  -------------------------- */


    /* -------------------------- angler  -------------------------- */
    #angler .angler_name div { width: 70%;}

    #angler .angler_img,
    #angler .angler_profile { width: 90%;}

    #angler h3 { font-size: 4.5vw;}

    #angler .name_en { font-size: 3.3vw;}

    #angler .name_ruby, #angler .angler_profile { font-size: 3vw;}

    #angler h4 { font-size: 3.5vw;}

    #angler > p { 
        font-size: 3vw;
        line-height: 1.5;
    }

    .angler_search_btn {
        font-size: 3vw;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        gap: 0.5em; 
    }

    .angler_search_btn li { width: 100%;}
    /* -------------------------- angler  -------------------------- */


    /* -------------------------- angler_search  -------------------------- */
    #angler_search .sec_ttl h2 { font-size: 6vw !important;}

    .angler_name_list {
        margin-top: 10%;
        font-size: 4vw;
    }

    .angler_name_list li { margin-bottom: 7%;}
    /* -------------------------- angler_search  -------------------------- */


    /* -------------------------- present_detail -------------------------- */
    #present_detail .present_txt { padding: 7%;}

    #present_detail .ep_ttl { padding: 7% 7% 6.5%;}

    #present_detail h3 {
        font-size: 3.5vw;
        padding-bottom: 2%;
        margin-bottom: 2%;
    }

    #present_detail .present_intro { margin-bottom: 10%;}

    #present_detail .present_list li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10%;
    }

    #present_detail .present_intro,
    #present_detail .apply_btn,
    #present_detail .ep_ttl,
    #present_detail .present_name { font-size: 3.5vw;}
    /* -------------------------- present_detail -------------------------- */


    /* -------------------------- network -------------------------- */
    #network .sec_ttl h2 { font-size: 6vw !important;}

    #network .on_air_caption { font-size: 3.5vw;}

    table { font-size: 3vw;}

    td, th { width: 5%;}
    /* -------------------------- network -------------------------- */
}