.product .pc_cont {
    display: block
    }
.product .sp_cont {
    display: none
    }
.product .left {
    float: left
    }
.product .right {
    float: right
    }
.product p.intro img.pc_cont {
    margin: 40px auto
    }
.product .type {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 20px 28px;
    margin-bottom: 30px;
    justify-content: space-between;
    background: url(../../images/feature/product/bg.png)
    }
.product .type div {
    margin-top: 20px;
    width: 49%;
    max-width: 559px
    }
.product .type a {
    display: block
    }
.product .yuuryou {
    margin-bottom: 70px
    }
.product .ranking {
    overflow: hidden;
    margin-bottom: 60px
    }
body.subpage .post-content .product h2 {
    border-bottom: none
    }
.product hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #000;
    margin: 0.8em 0;
    padding: 0
    }
.product .ranking .ranking_txt {
    overflow: hidden
    }
.product .ranking .ranking_box {
    margin-top: 35px
    }
body.subpage .three-card.ranking_box .flex-row > figure figcaption h3 {
    line-height: inherit
    }
.product .area {
    margin-bottom: 35px
    }
.product .area p {
    margin-bottom: 35px
    }
.product .area .map {
    position: relative;
    width: 900px;
    margin: 0 auto
    }
.product .area .map a {
    position: absolute
    }
.product .area .map a.agatsuma {
    top: 265px;
    left: 23px
    }
.product .area .map a.numata {
    top: 80px;
    left: 590px
    }
.product .area .map a.kenou {
    top: 264px;
    left: 532px
    }
.product .area .map a.tobu {
    top: 353px;
    left: 681px
    }
.product .area .map a.seibu {
    top: 649px;
    left: 473px
    }
.product .bnr {
    width: 900px;
    margin: 0 auto
    }
#sec02 {
    display: none
    }
@media screen and (max-width: 768px) {
    .product .pc_cont {
        display: none
        }
    .product .sp_cont {
        display: block
        }
    .product p.intro {
        margin: 15px 10px
        }
    .product img.intro02 {
        margin: 40px 0 20px
        }
    .product img.sp_cont {
        width: 100%
        }
    .product h2 {
        width: 80%
        }
    .product .type {
        display: flex;
        flex-wrap: wrap;
        padding: 1vw 3vw 6vw;
        margin-bottom: 2vw;
        justify-content: flex-start;
        background: url(../../images/feature/product/bg.png)
        }
    .product .type div {
        margin-top: 5vw;
        width: 100%;
        max-width: none
        }
    .product .type a {
        display: block
        }
    .product .yuuryou {
        margin-bottom: 4vw
        }
    .product .ranking .ranking_txt {
        overflow: hidden;
        margin-bottom: 20px
        }
    .product .ranking .ranking_txt img {
        width: 60%
        }
    .product .area p {
        margin-bottom: 20px;
        width: 35%
        }
    .product .area .area_txt img {
        width: 60%
        }
    .product .area .map {
        width: 100%
        }
    .product .area .map img {
        width: 100%
        }
    .product .area .map a.agatsuma {
        width: 23%;
        top: 22%;
        left: 2%
        }
    .product .area .map a.numata {
        width: 31%;
        top: 5%;
        left: 63%
        }
    .product .area .map a.kenou {
        width: 31%;
        top: 29%;
        left: 60%
        }
    .product .area .map a.tobu {
        width: 26%;
        top: 42%;
        left: 73%
        }
    .product .area .map a.seibu {
        width: 25%;
        top: 77%;
        left: 52%
        }
    .product .bnr {
        width: 100%
        }
    }