@charset "utf-8";
header,
.breadcrumbs,
.foot-banner,
footer {
    z-index: 10;
    position: relative;
}
.top-bg {
    background: none!important;
}
.top-back {
    display: none!important;
}
.foot-banner {
    background: #fff;
}
#hobby_content {
    position: relative;
}
#hobby_content * {
    box-sizing: border-box;
}
#hobby_content a {
    transition: all 0.2s ease;
}
#hobby_content a:hover {
    text-decoration: none;
    cursor: pointer;
    transform: translateY(-4px);
    opacity: 1;
}
#hobby_content a, #hobby_content a:focus, #hobby_content area, #hobby_content area:focus {
    outline: none;
}
#hobby_content p, #hobby_content dd, #hobby_content li {
    text-align: justify;
    line-height: 1;
}
#hobby_content img {
    max-width: 100%;
    vertical-align: bottom;
}
@media screen and (min-width: 768px) {
    /* ======================================
    content [ コンテンツ ]
    ====================================== */
    #hobby_content .d_sp {
        display: none !important;
    }
    #hobby_content #page-top {
        cursor: pointer;
        display: none;
        overflow: hidden;
        position: fixed;
        bottom: 20px;
        right: calc(50% - 260px);
        width: 50px;
        transition: 0.4s ease-out;
        z-index: 2;
    }
    /* layout ====================================== */
    #hobby_content {
        position: relative;
        width: 100vw;
        height: 100%;
        overflow: hidden;
    }
    #hobby_content .cd-fixed-bg {
        position: relative;
        min-height: 100%;
        height: 100%;
        background-size: auto 100vh;
        background-attachment: fixed;
        background-repeat: repeat-x;
        background-position: center center;
        z-index: 2;
        background-image: url("../img/250719_hobby/content_bg.png");
    }
    #hobby_content .side_nav {
        position: fixed;
        bottom: 30px;
        left: calc(50% - 450px);
        width: 210px;
        height: auto;
        padding: 10px 20px;
        transition: all 0.3s ease;
        border-radius: 25px;
        border: 4px solid #369877;
        background: #fff;
    }
    #hobby_content .side_nav.scroll-in {
        bottom: calc(50% - 133px);
    }
    #hobby_content .side_nav ul {
        position: relative;
        padding-top: 12px;
    }
    #hobby_content .side_nav li {
        display: block;
        padding-bottom: 14px;
        margin-bottom: 14px;
        width: 100%;
        position: relative;
    }
    #hobby_content .side_nav li::after {
        display: block;
        content: '';
        width: 100%;
        height: 2px;
        background: #cccccc;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    #hobby_content .side_nav li:last-child {
        margin-bottom: 0;
    }
    #hobby_content .side_nav li:last-child::after {
        display: none;
    }
    #hobby_content .side_nav a {
        display: block;
    }
    #hobby_content #content_main {
        width: 390px;
        margin: 0 auto;
        position: relative;
        z-index: 3;
        background: #fff;
        overflow: hidden;
    }
    #hobby_content .sec_cont {
        position: relative;
        margin-bottom: 12px;
    }
    #hobby_content .sec_cont .btn_buy {
        position: absolute;
        bottom: 23px;
        width: 58.857%;
        left: 20%;
    }
    /* pagetop */
    #hobby_content .pagetop {
        position: fixed;
        right: 20px;
        bottom: 165px;
        width: 54px;
        cursor: pointer;
        transition: .3s;
        opacity: 0;
        visibility: hidden;
    }
    #hobby_content .pagetop.active {
        opacity: 1;
        visibility: visible;
    }

    /* mv
   * ************************************************** */
    #hobby_content #mv {
        width: 100%;
        padding-top: 133.333%;
        background: url("../img/250719_hobby/mv_bg.png") no-repeat 0 0 / 98.205% #b1ded9;
    }
    #hobby_content #mv::after {
        display: block;
        content: '';
        width: 116.923%;
        height: 421px;
        background: url("../img/250719_hobby/mv_deco.png") no-repeat 0 0 / 100%;
        position: absolute;
        top: 42px;
        left: -5.128%;
    }
    #hobby_content #mv h1 {
        width: 114.872%;
        position: absolute;
        top: 25px;
        left: -9.231%;
    }
    #hobby_content #mv .zoomIn {
        animation-name: zoomInAnime;
        animation-duration: 2s;
        animation-fill-mode: forwards;
    }
    #hobby_content #mv .mv_btn {
        width: 100%;
        background: #fff;
        padding: 0 5.128% 8px;
    }
    #hobby_content #mv .mv_btn a {
        display: block;
        margin-bottom: 8px;
    }
    /* mv_nav */
    #hobby_content #mv .mv_nav {
        background: #fff;
        padding: 0 6.41% 8px;
        position: relative;
    }
    #hobby_content #mv .mv_nav::before {
        display: block;
        content: '';
        width: 100%;
        height: 38px;
        background: url("../img/250719_hobby/nav_bg.png") no-repeat 0 0 / 100%;
        position: absolute;
        top: -38px;
        left: 0;
    }
    #hobby_content #mv .mv_nav ul {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-wrap: wrap;
        padding-bottom: 14px;
        border-bottom: 2px solid #040000;
    }
    #hobby_content #mv .mv_nav ul li {
        width: 50%;
        margin-bottom: 3px;
    }
    #hobby_content #mv .mv_nav ul li:nth-child(1),
    #hobby_content #mv .mv_nav ul li:nth-child(2),
    #hobby_content #mv .mv_nav ul li:nth-child(3),
    #hobby_content #mv .mv_nav ul li:nth-child(4) {
        border-bottom: 3px dotted #369877;
    }
    #hobby_content #mv .mv_nav ul li:nth-child(2),
    #hobby_content #mv .mv_nav ul li:nth-child(4),
    #hobby_content #mv .mv_nav ul li:nth-child(6) {
        border-left: 3px dotted #369877;
    }
    #hobby_content #mv .mv_nav ul li a {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        padding: 12px 0;
        min-height: 90px;
    }
    #hobby_content #mv .mv_nav ul li img {
        display: block;
    }
    #hobby_content #mv .mv_nav ul li.nav_jurassic img {
        width: 90%;
    }
    #hobby_content #mv .mv_nav ul li.nav_toy img {
        width: 88.235%;
    }
    #hobby_content #mv .mv_nav ul li.nav_craft img {
        width: 74.118%;
    }
    #hobby_content #mv .mv_nav ul li.nav_game img {
        width: 31.765%;
    }
    #hobby_content #mv .mv_nav ul li.nav_marine img {
        width: 67.647%;
    }
    #hobby_content #mv .mv_nav ul li.nav_outdoor img {
        width: 55.294%;
    }
    /* sec_jurassic
   * ************************************************** */
    #hobby_content #sec_jurassic {
        padding: 30px 5.128% 35px;
        background: url("../img/250719_hobby/jurassic_bg01.png") no-repeat 50% 0 / 100% , url("../img/250719_hobby/jurassic_bg02.png") no-repeat 50% 100% / 100% #b1ded9;
    }
    #hobby_content #sec_jurassic .jurassic_ttl {
        margin: 0 auto 20px;
        width: 97.714%;
    }
    #hobby_content #sec_jurassic .jurassic_benefits {
        margin: 0 auto 48px;
    }
    /* sec_toy
   * ************************************************** */
    #hobby_content #sec_toy {
        padding: 40px 5.128% 35px;
        background: url("../img/250719_hobby/toy_bg.png") no-repeat 50% 0 / cover ;
    }
    #hobby_content #sec_toy .toy_ttl {
        margin: 0 auto 20px;
        width: 95.714%;
    }
    #hobby_content #sec_toy .toy_cont01 .btn_buy {
        bottom: 710px;
    }
    #hobby_content #sec_toy .toy_notes {
        margin-bottom: 40px;
        width: 81.714%;
    }
    #hobby_content #sec_toy .toy_btn {
        margin-bottom: 40px;
    }
    /* sec_craft
   * ************************************************** */
    #hobby_content #sec_craft {
        padding: 35px 5.128% 35px;
        background: url("../img/250719_hobby/craft_bg.png") no-repeat 50% 0 / cover ;
    }
    #hobby_content #sec_craft .craft_ttl {
        margin: 0 auto 18px;
        width: 90.857%;
    }
    /* sec_game
   * ************************************************** */
    #hobby_content #sec_game {
        padding: 30px 5.128% 35px;
        background: url("../img/250719_hobby/game_bg.png") no-repeat 50% 0 / cover ;
    }
    #hobby_content #sec_game .game_ttl {
        margin: 0 auto 20px;
        width: 37.143%;
    }
    #hobby_content #sec_game .game_cont01 {
        margin-bottom: 32px;
    }
    /* sec_marine
   * ************************************************** */
    #hobby_content #sec_marine {
        padding: 38px 5.128% 35px;
        background: url("../img/250719_hobby/marine_bg.png") no-repeat 50% 0 / cover ;
    }
    #hobby_content #sec_marine .marine_ttl {
        margin: 0 auto 13px;
        width: 77.143%;
    }
    #hobby_content #sec_marine .marine_cont01 {
        width: 101.714%;
    }
    #hobby_content #sec_marine .marine_cont02 {
        width: 103.714%;
        margin-left: -3.714%;
    }
    /* sec_outdoor
   * ************************************************** */
    #hobby_content #sec_outdoor {
        padding: 40px 5.128% 35px;
        background: url("../img/250719_hobby/outdoor_bg.png") no-repeat 50% 0 / cover ;
    }
    #hobby_content #sec_outdoor .outdoor_ttl {
        margin: 0 auto 16px;
        width: 96.286%;
    }
    #hobby_content #sec_outdoor .outdoor_cont01 .btn_buy01 {
        bottom: 132px;
    }
    #hobby_content #sec_outdoor .outdoor_cont02 {
        margin-bottom: 62px;
    }
    /* sec_store
   * ************************************************** */
    #hobby_content #sec_store {
        padding: 40px 5.128%;
        background: #fff;
    }
    #hobby_content #sec_store a {
        display: block;
    }
    /* sec_coupon
   * ************************************************** */
    #hobby_content #sec_coupon {
        padding: 38px 5.128% 45px;
        background: #fdf7dc;
    }
    #hobby_content #sec_coupon .coupon_ttl {
        margin: 0 auto 30px;
    }
    #hobby_content #sec_coupon .coupon_btn {
        display: block;
    }
    /* sns
   * ************************************************** */
    #hobby_content #sns {
        padding: 38px 5.128% 15px;
        background: #fff;
    }
    #hobby_content #sns .sns_ttl {
        margin: 0 auto 35px;
    }
    #hobby_content #sns .sns_btn_wrap a {
        display: block;
        margin-bottom: 25px;
    }
    /* notes
   * ************************************************** */
    #hobby_content #notes {
        padding: 0 5.128% 45px;
    }
}
@media screen and (min-width: 768px) and (max-width: 980px) {
    #hobby_content #content_main {
        margin: 0 auto 0 calc(50% - 70px);
    }
    #hobby_content .side_nav {
        left: calc(50% - 320px);
    }
    #hobby_content #page-top {
        right: calc(50% - 380px);
    }
    #hobby_content .cd-fixed-bg::after,
    #hobby_content::after {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    /* ======================================
    content [ コンテンツ ]
    ====================================== */
    #hobby_content .d_pc {
        display: none !important;
    }
    #hobby_content #page-top {
        cursor: pointer;
        display: none;
        overflow: hidden;
        position: fixed;
        bottom: 2vw;
        right: 2vw;
        width: 12.821vw;
        transition: 0.4s ease-out;
        z-index: 12;
    }
    #hobby_content #content_main {
        background: #fff;
    }
    #hobby_content .side_nav {
        display: none;
    }
    #hobby_content .sec_cont {
        position: relative;
        margin-bottom: 3vw;
    }
    #hobby_content .sec_cont .btn_buy {
        position: absolute;
        bottom: 6.1538vw;
        left: 17.9487vw;
        width: 52.8205vw;
    }
    /* pagetop */
    #hobby_content .pagetop {
        position: fixed;
        right: 3vw;
        bottom: 46vw;
        width: 12vw;
        cursor: pointer;
        transition: .3s;
        opacity: 0;
        visibility: hidden;
    }
    #hobby_content .pagetop.active {
        opacity: 1;
        visibility: visible;
    }
    /* mv
   * ************************************************** */
    #hobby_content #mv {
        width: 100%;
        padding-top: 133.333vw;
        background: url("../img/250719_hobby/mv_bg.png") no-repeat 0 0 / 98.205% #b1ded9;
    }
    #hobby_content #mv::after {
        display: block;
        content: '';
        width: 116.923%;
        height: 107.949vw;
        background: url("../img/250719_hobby/mv_deco.png") no-repeat 0 0 / 100%;
        position: absolute;
        top: 10.769vw;
        left: -5.128%;
    }
    #hobby_content #mv h1 {
        width: 114.872%;
        position: absolute;
        top: 6.41vw;
        left: -9.231%;
    }
    #hobby_content #mv .zoomIn {
        animation-name: zoomInAnime;
        animation-duration: 2s;
        animation-fill-mode: forwards;
    }
    #hobby_content #mv .mv_btn {
        width: 100%;
        background: #fff;
        padding: 0 5.128% 2.051vw;
    }
    #hobby_content #mv .mv_btn a {
        display: block;
        margin-bottom: 2.051vw;
    }
    /* mv_nav */
    #hobby_content #mv .mv_nav {
        background: #fff;
        padding: 0 6.41% 2.051vw;
        position: relative;
    }
    #hobby_content #mv .mv_nav::before {
        display: block;
        content: '';
        width: 100%;
        height: 9.744vw;
        background: url("../img/250719_hobby/nav_bg.png") no-repeat 0 0 / 100%;
        position: absolute;
        top: -9.744vw;
        left: 0;
    }
    #hobby_content #mv .mv_nav ul {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-wrap: wrap;
        padding-bottom: 3.59vw;
        border-bottom: 2px solid #040000;
    }
    #hobby_content #mv .mv_nav ul li {
        width: 50%;
        margin-bottom: 0.769vw;
    }
    #hobby_content #mv .mv_nav ul li:nth-child(1),
    #hobby_content #mv .mv_nav ul li:nth-child(2),
    #hobby_content #mv .mv_nav ul li:nth-child(3),
    #hobby_content #mv .mv_nav ul li:nth-child(4) {
        border-bottom: 0.769vw dotted #369877;
    }
    #hobby_content #mv .mv_nav ul li:nth-child(2),
    #hobby_content #mv .mv_nav ul li:nth-child(4),
    #hobby_content #mv .mv_nav ul li:nth-child(6) {
        border-left: 0.769vw dotted #369877;
    }
    #hobby_content #mv .mv_nav ul li a {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        padding: 3.077vw 0;
        min-height: 23.077vw;
    }
    #hobby_content #mv .mv_nav ul li img {
        display: block;
    }
    #hobby_content #mv .mv_nav ul li.nav_jurassic img {
        width: 90%;
    }
    #hobby_content #mv .mv_nav ul li.nav_toy img {
        width: 88.235%;
    }
    #hobby_content #mv .mv_nav ul li.nav_craft img {
        width: 74.118%;
    }
    #hobby_content #mv .mv_nav ul li.nav_game img {
        width: 31.765%;
    }
    #hobby_content #mv .mv_nav ul li.nav_marine img {
        width: 67.647%;
    }
    #hobby_content #mv .mv_nav ul li.nav_outdoor img {
        width: 55.294%;
    }
    /* sec_jurassic
   * ************************************************** */
    #hobby_content #sec_jurassic {
        padding: 9vw 5.128% 8.974vw;
        background: url("../img/250719_hobby/jurassic_bg01.png") no-repeat 50% 0 / 100% , url("../img/250719_hobby/jurassic_bg02.png") no-repeat 50% 100% / 100% #b1ded9;
    }
    #hobby_content #sec_jurassic .jurassic_ttl {
        margin: 0 auto 4.5vw;
        width: 97.714%;
    }
    #hobby_content #sec_jurassic .jurassic_benefits {
        margin: 0 auto 12.308vw;
    }
    /* sec_toy
   * ************************************************** */
    #hobby_content #sec_toy {
        padding: 10.256vw 5.128% 8.974vw;
        background: url("../img/250719_hobby/toy_bg.png") no-repeat 50% 0 / cover ;
    }
    #hobby_content #sec_toy .toy_ttl {
        margin: 0 auto 5.128vw;
        width: 95.714%;
    }
    #hobby_content #sec_toy .toy_cont01 .btn_buy {
        bottom: 182vw;
    }
    #hobby_content #sec_toy .toy_notes {
        margin-bottom: 10.256vw;
        width: 81.714%;
    }
    #hobby_content #sec_toy .toy_btn {
        margin-bottom: 10.256vw;
    }
    /* sec_craft
   * ************************************************** */
    #hobby_content #sec_craft {
        padding: 8.974vw 5.128%;
        background: url("../img/250719_hobby/craft_bg.png") no-repeat 50% 0 / cover ;
    }
    #hobby_content #sec_craft .craft_ttl {
        margin: 0 auto 4.615vw;
        width: 90.857%;
    }
    /* sec_game
   * ************************************************** */
    #hobby_content #sec_game {
        padding: 30px 5.128% 8.974vw;
        background: url("../img/250719_hobby/game_bg.png") no-repeat 50% 0 / cover ;
    }
    #hobby_content #sec_game .game_ttl {
        margin: 0 auto 5.128vw;
        width: 37.143%;
    }
    #hobby_content #sec_game .game_cont01 {
        margin-bottom: 8.205vw;
    }
    /* sec_marine
   * ************************************************** */
    #hobby_content #sec_marine {
        padding: 38px 5.128% 8.974vw;
        background: url("../img/250719_hobby/marine_bg.png") no-repeat 50% 0 / cover ;
    }
    #hobby_content #sec_marine .marine_ttl {
        margin: 0 auto 3.333vw;
        width: 77.143%;
    }
    #hobby_content #sec_marine .marine_cont01 {
        width: 101.714%;
    }
    #hobby_content #sec_marine .marine_cont02 {
        width: 103.714%;
        margin-left: -3.714%;
    }
    /* sec_outdoor
   * ************************************************** */
    #hobby_content #sec_outdoor {
        padding: 10.256vw 5.128% 8.974vw;
        background: url("../img/250719_hobby/outdoor_bg.png") no-repeat 50% 0 / cover ;
    }
    #hobby_content #sec_outdoor .outdoor_ttl {
        margin: 0 auto 4.103vw;
        width: 96.286%;
    }
    #hobby_content #sec_outdoor .outdoor_cont01 .btn_buy01 {
        bottom: 33.846vw;
    }
    #hobby_content #sec_outdoor .outdoor_cont02 {
        margin-bottom: 15.897vw;
    }
    /* sec_store
   * ************************************************** */
    #hobby_content #sec_store {
        padding: 9.744vw 5.128%;
        background: #fff;
    }
    #hobby_content #sec_store a {
        display: block;
    }
    /* sec_coupon
   * ************************************************** */
    #hobby_content #sec_coupon {
        padding: 9.744vw 5.128% 11.538vw;
        background: #fdf7dc;
    }
    #hobby_content #sec_coupon .coupon_ttl {
        margin: 0 auto 7.692vw;
    }
    #hobby_content #sec_coupon .coupon_btn {
        display: block;
    }
    /* sns
   * ************************************************** */
    #hobby_content #sns {
        padding: 9.744vw 5.128% 3.846vw;
        background: #fff;
    }
    #hobby_content #sns .sns_ttl {
        margin: 0 auto 8.974vw;
    }
    #hobby_content #sns .sns_btn_wrap a {
        display: block;
        margin-bottom: 6.41vw;
    }
    
    /* notes
   * ************************************************** */
    #hobby_content #notes {
        padding: 0 5.128% 11.538vw;
    }
}
@keyframes zoomInAnime {
    0% {
        transform: scale(0.6);
        opacity: 0;
    }
    30% {
        transform: scale(0.6);
        opacity: 0;
    }
    55% {
        transform: scale(1.1);
        opacity: 1;
    }
    73% {
        transform: scale(1);
    }
}
@keyframes UpAnime {
    from {
        opacity: 0;
        transform: translateY(130px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes DownAnime {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 1;
        transform: translateY(130px);
    }
}
@keyframes floating-y {
    0% {
        transform: translateY(-4px);
    }
    100% {
        transform: translateY(4px);
    }
}