.sp440 {
    display: none
}

@media screen and (min-width: 751px) {
    .sp {
        display: none !important
    }

    .find_a, .find_out {
        cursor: pointer;
    }

    .nowrap_pc {
        white-space: nowrap;
    }

    .alignleft {
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
        max-width: 300px !important
    }

    .alignright {
        float: right;
        margin-left: 20px;
        margin-bottom: 20px;
        max-width: 300px !important
    }

    .image_r {
        float: right;
        margin: 0 0 0 50px
    }

    .image_l {
        float: left;
        margin: 0 50px 0 0
    }

    /* HOVER */
    .to_top img:hover, .find_a:hover, .pagenavi a:hover {
        opacity: .8
    }

    .btn a:hover {
        background-color: var(--scolor);
    }

}

/* screen-min:750px */
@media screen and (max-width: 750px) {
    h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
        font-size: 160%;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    .pc {
        display: none !important
    }

    #wrapper, header, main, footer, .inner {
        width: 100% !important;
        min-width: unset !important
    }

    .image_r, .image_l {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 0 auto 30px !important
    }

    .btn a {
        font-size: 1.9rem;
        height: 55px;
    }

    h1 .en, h2 .en, h3 .en, h4 .en, h5 .en, h6 .en, .ttl .en {
        display: inline-block;
        margin: 0 5px;
    }

    /*==========================================================================*/
    /*                                 TOP PAGE                                 */
    /*==========================================================================*/
    .h_box {
        height: 60px;
        top: 50px;
        right: 20px;
    }

    #logo img {
        width: 50px;
    }

    #logo::before, #logo::after {
        height: 3px;
    }

    #logo::before {
        right: calc(100% + 10px);
    }

    #logo::after {
        left: calc(100% + 10px);
    }

    /*============= MAIN ==============*/
    .mv {
        height: 100vh;
        min-height: 600px;
        background: url('../images/mv_sp.jpg') no-repeat center /cover;
    }

    .intro, .golf_ana, .golf_news {
        padding: 40px 0;
    }

    .mv_caption {
        bottom: 15px;
    }

    .pick {
        margin-bottom: 30px;
    }

    .pick_caption {
        font-size: 1rem;
        left: 1rem;
    }

    .intro_box3, .golf_news_box2 {
        margin-bottom: 40px;
    }

    .golf_news_box2:last-child {
        margin-bottom: 0;
    }

    .golf_news_ttl2 .price {
        margin-left: 5px;
        margin-right: -5px;
    }

    .golf_news_ttl2 .f30 {
        margin-right: -15px;
        display: inline-block;
    }

    .golf_frame {
        padding: 40px 0;
    }

    .txt_note {
        line-height: 1.4;
        margin-top: -25px;
    }

    .golf_free {
        padding: 50px 0
    }

    .golf_free_box {
        padding: 30px 20px;
        max-width: 400px;
        margin: 0 auto;
    }

    .golf_free_r {
        text-align: center;
    }

    .golf_free_l {
        margin-bottom: 20px;
    }

    .golf_ana_pick li:not(:last-child) {
        margin-bottom: 20px;
    }

    .golf_ana_pick li:nth-of-type(2) img {
        width: 260px;
    }

    .golf_ana_tt2 {
        margin-bottom: 10px;
    }

    .golf_ana_box1, .golf_ana_add, .golf_ana_btn.btn:not(:last-child), .golf_ana_note {
        margin-bottom: 30px;
    }

    .intro_box0, .intro_box0 .box, .intro_box1 {
        margin-bottom: 40px;
    }

    .golf_bnr a {
        height: 60px;
        font-size: 2.2rem;
    }

    .golf_bnr a .en {
        font-size: 2.3rem;
        transform: translateY(-2px);
    }

    .golf_ana_box3 .des {
        font-size: 1.4rem;
    }

    .mv_tt {
        left: auto;
        width: 90%;
        font-size: 1,2rem !important;
        top: 180px;
        letter-spacing: 0;
    }

    .mv_tt .en {
        font-size: 2.5rem;
    }

    .intro_ttl2 {
        font-size: 2.8rem;
        letter-spacing: -.1rem;
    }

    .intro_ttl3 {
        margin-bottom: 20px;
    }

    .col2 .pick {
        margin-left: auto;
        margin-right: auto;
        max-width: 502px;
    }

    .camp {
        padding: 40px 0;
    }

    .camp_box {
        margin-bottom: 30px;
    }

    .camp_tt2 {
        font-size: 1.6rem;
    }

    .life_style_head {
        padding: 15px 0;
    }

    .life_style_ite {
        max-width: 502px;
        margin-left: auto;
        margin-right: auto;
    }

    .life_style_ite:not(:last-child) {
        margin-bottom: 30px;
    }

    .life_style .col2 {
        margin-bottom: 40px;
    }

    .life_style_content .f12 {
        font-size: 1.1rem;
    }

    .golf_shop_list dl dt {
        margin-bottom: 20px;
        text-align: center;
    }

    .golf_shop_list dl:not(:last-child) {
        margin-bottom: 30px;
    }

    .golf_shop {
        padding: 40px 0 50px;
    }

    .golf_shop_list {
        margin-bottom: 30px;
    }

    .life_style_tt2 {
        line-height: 1.6;
    }

    .life_style_content .f12 {
        margin-top: 0;
    }

    .prize_tt3 {
        font-size: 2.3rem;
    }

    address {
        font-size: 1.2rem;
    }

    /*============= FOOTER ==============*/
    .to_top {
        width: 50px;
        height: 50px;
        right: 10px;
        bottom: 30px;
    }

}

/* screen-max:440px */
@media screen and (max-width: 440px) {
    .sp440 {
        display: block !important;
    }

    .pc440 {
        display: none !important
    }
}

@media screen and (max-width: 374px) {
    html {
        font-size: 50%;
    }

    .f12 {
        font-size: 1.2rem;
    }

    .f13 {
        font-size: 1.3rem;
    }

    .f14 {
        font-size: 1.4rem;
    }

    .f15 {
        font-size: 1.5rem;
    }

    .f16 {
        font-size: 1.6rem;
    }

    .f17 {
        font-size: 1.6rem;
    }

    .f18 {
        font-size: 1.7rem;
    }

    .golf_ana_box3 .des {
        font-size: 1.6rem;
    }

    address {
        padding-left: 0;
        text-align: right;
        font-size: 1.5rem;
    }

    .life_style_content .f12 {
        font-size: 1.2rem;
    }
}