@charset "UTF-8";
/* ------------------------------ ページタイトル
------------------------------ */
.pagettl._detailpage .pagettl-txt span { border-left-color: #494546; }
.pagettl._detailpage .pagettl-nav-popup ul li a { background-image: url("../img/common/ico_arrow_circle_grw.svg"); }
.pagettl._detailpage .pagettl-nav-popup ul li a:hover { background-color: #494546; }
@media screen and (max-width: 960px) { .pagettl._detailpage .pagettl-nav-popup .pagettl-nav-popup-btn { background-color: #494546; } }

/* ------------------------------ コンテンツ
------------------------------ */
.cmn-guide { background-color: #c5e2ff; }
.cmn-guide .guide-top .guide-heading::after { background-color: #e50110; }
.cmn-guide .guide-txt .swiper-slide { width: 168.5rem; }
@media screen and (max-width: 750px) { .cmn-guide .guide-txt .swiper-slide { width: 85rem; } }

._idx .game-mainbg { position: relative; background-color: #333; }
._idx .game-mainbg::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; aspect-ratio: 2.2838499184; margin-bottom: -36.6428571429%; background: url("../img/game/idx/main_bg003.png") no-repeat left bottom; background-size: 100% auto; }
._idx .game-mainttl { position: relative; }
._idx .game-mainttl .mainttl-swiper .mainttl-swiper-fig { aspect-ratio: 1400 / 711; }
._idx .game-mainttl .mainttl-ttl-txt { position: absolute; top: 0; left: 0; z-index: 10; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding-bottom: 7.1428571429%; }
._idx .game-mainttl .mainttl-ttl-txt img { width: 24.2857142857%; }
@media screen and (max-width: 750px) { ._idx .game-mainttl .mainttl-ttl-txt img { width: 26.6666666667%; } }
._idx .game-maintop { position: relative; margin-top: -15.7142857143%; padding-top: 12.8571428571%; }
._idx .game-maintop::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: 6.334841629; background: url("../img/game/idx/main_bg002.png") no-repeat left bottom; background-size: 100% auto; }
._idx .store-important { position: relative; z-index: 1; margin-bottom: 50px; }
._idx .game-storelist { position: relative; z-index: 1; }
._idx .game-storelist .storelist-icon { width: 58px; margin: 0 auto 20px; }
._idx .game-storelist .storelist-heading { position: relative; margin-bottom: 85px; font-size: 3.2rem; font-weight: 700; text-align: center; color: #fff; }
._idx .game-storelist .storelist-heading::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 82px; height: 1px; margin-left: -41px; margin-bottom: -30px; background-color: #B4A557; }
._idx .game-storelist .storelist-lead { margin-bottom: 45px; font-size: 1.8rem; text-align: center; color: #fff; }
._idx .game-storelist .storelist-nav { display: flex; flex-wrap: wrap; gap: 20px 1%; }
@media screen and (max-width: 750px) { ._idx .game-storelist .storelist-nav { gap: 20px 4%; } }
._idx .game-storelist .storelist-nav li { width: 24.25%; }
@media screen and (max-width: 750px) { ._idx .game-storelist .storelist-nav li { width: 48%; } }
._idx .game-storelist .storelist-nav li a { display: flex; align-items: center; justify-content: center; min-height: 7.6rem; padding: 1rem 20px 1rem 0; border: 1px solid #b7b7b7; border-radius: 10px; background-color: #f2f5fa; text-decoration: none; }
@media screen and (max-width: 1100px) { ._idx .game-storelist .storelist-nav li a { padding-right: 10px; } }
@media screen and (max-width: 750px) { ._idx .game-storelist .storelist-nav li a { padding-right: 0.5rem; } }
._idx .game-storelist .storelist-nav li a dl { flex: 1; display: flex; align-items: center; justify-content: center; padding-inline: 0.5rem; line-height: 1.2; }
@media screen and (max-width: 960px) { ._idx .game-storelist .storelist-nav li a dl { font-size: 1.5rem; } }
._idx .game-storelist .storelist-nav li a dl dt { margin-right: 0.5em; padding-right: 0.5em; border-right: 1px solid #E6001C; color: #E6001C; white-space: nowrap; }
._idx .game-storelist .storelist-nav li a:hover { border-color: #e50110; background-color: #e50110; }
._idx .game-storelist .storelist-nav li a:hover dl { color: #fff; }
._idx .game-storelist .storelist-nav li a:hover dl dt { border-right-color: #fff; color: #fff; }
._idx .game-storelist .storelist-nav li a .ico { width: 3rem; }
@media screen and (max-width: 750px) { ._idx .game-storelist .storelist-nav li a .ico { width: 2rem; } }
._idx .game-main { padding-top: 180px; }
._idx .game-main .game-main-bg { background: url("../img/game/idx/main_bg004.png") no-repeat left top; background-size: cover; }
._idx .game-main .game-heading { position: relative; margin-bottom: 85px; font-size: 3.2rem; font-weight: 700; text-align: center; }
._idx .game-main .game-heading::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 82px; height: 1px; margin-left: -41px; margin-bottom: -30px; background-color: #B4A557; }
._idx .game-main .game-main-con { padding: 105px 0; }
@media screen and (max-width: 750px) { ._idx .game-main .game-main-con { padding: 60px 0; } }
._idx .game-main .game-main-con ul { display: flex; flex-wrap: wrap; gap: 0 8%; }
@media screen and (max-width: 750px) { ._idx .game-main .game-main-con ul { display: block; } }
._idx .game-main .game-main-con ul li { width: 45.5%; }
@media screen and (max-width: 750px) { ._idx .game-main .game-main-con ul li { width: 100%; margin-bottom: 40px; } }
._idx .game-main .game-main-con ul li:first-child { margin-top: 0 !important; }
._idx .game-main .game-main-con ul li:nth-child(even) { margin-top: 28%; }
@media screen and (max-width: 750px) { ._idx .game-main .game-main-con ul li:nth-child(even) { margin-top: 0; } }
._idx .game-main .game-main-con ul li:nth-child(odd) { margin-top: -12%; }
@media screen and (max-width: 750px) { ._idx .game-main .game-main-con ul li:nth-child(odd) { margin-top: 0; } }
._idx .game-main .game-main-con ul li a, ._idx .game-main .game-main-con ul li ._nolink { display: block; text-decoration: none; }
._idx .game-main .game-main-con ul li a figure, ._idx .game-main .game-main-con ul li ._nolink figure { position: relative; border-radius: 1em; background-color: #f2f2f2; overflow: hidden; }
._idx .game-main .game-main-con ul li a figure img, ._idx .game-main .game-main-con ul li ._nolink figure img { width: 100%; aspect-ratio: 91 / 70; object-fit: contain; }
._idx .game-main .game-main-con ul li a p, ._idx .game-main .game-main-con ul li ._nolink p { padding: 10px 40px; font-size: 1.8rem; font-weight: 500; text-align: center; }
._idx .game-main .game-main-con ul li a p { background: url("../img/common/ico_arrow_circle_gr.svg") no-repeat right center; background-size: 38px auto; }
._idx .game-main .game-main-con .more-btn { margin-top: 130px; }
@media screen and (max-width: 750px) { ._idx .game-main .game-main-con .more-btn { margin-top: 60px; } }
._idx ._mainnews { background: #333; }
._idx ._mainnews .sec-top { margin-bottom: 80px; }
._idx ._mainnews .sec-top .sec-ttl { color: #fff; }
._idx ._mainnews .sec-top .sec-ttl::after { background-color: #FFD200; }
._idx ._mainnews .sec-nav ul { justify-content: flex-start; }
._idx ._mainnews .sec-nav ul li { border-color: #FFD200; }
._idx ._mainnews .sec-nav ul li:hover, ._idx ._mainnews .sec-nav ul li.active { background-color: #FFD200; color: #1F1F1F; }

._store .cmn-section-top { background-color: #151616; }
._store .store-mainimg p { background-image: url("../img/common/ico_arrow_circle_red.svg"); }
._store .store-mainimg .mainimg-tool .swiper-pagination-bullet-active { background: #E50110 !important; }
._store .store-nav ul li a:hover { background-color: #E50110; }
._store ._pickup { background-color: #fff; }
._store ._pickup .sec-top .sec-ttl::after { background-color: #E50110; }
._store ._arrival { background-color: #333; }
._store ._arrival .sec-top .sec-ttl { color: #fff; }
._store ._arrival .sec-top .sec-ttl::after { background-color: #FFD200; }
._store ._arrival .sec-nav ul li._all { border: 1px solid #EB203E; }
._store ._arrival .sec-nav ul li._all:hover, ._store ._arrival .sec-nav ul li._all.active { background-color: #EB203E; color: #fff; }
._store ._arrival .sec-nav ul li._cat1 { border: 1px solid #3D74F5; }
._store ._arrival .sec-nav ul li._cat1:hover, ._store ._arrival .sec-nav ul li._cat1.active { background-color: #3D74F5; color: #fff; }
._store ._arrival .sec-nav ul li._cat2 { border: 1px solid #F97C10; }
._store ._arrival .sec-nav ul li._cat2:hover, ._store ._arrival .sec-nav ul li._cat2.active { background-color: #F97C10; color: #fff; }
._store ._arrival .sec-nav ul li._cat3 { border: 1px solid #A453C0; }
._store ._arrival .sec-nav ul li._cat3:hover, ._store ._arrival .sec-nav ul li._cat3.active { background-color: #A453C0; color: #fff; }
._store ._arrival .articleitem .sec-swiper-ico { margin-bottom: 3px; }
._store ._arrival .articleitem .sec-swiper-ico span { display: inline-block; padding: 0 0.5em; color: #fff; font-size: 1.3rem; }
._store ._arrival .articleitem .sec-swiper-ico span._cat1 { background-color: #3D74F5; }
._store ._arrival .articleitem .sec-swiper-ico span._cat2 { background-color: #F97C10; }
._store ._arrival .articleitem .sec-swiper-ico span._cat3 { background-color: #A453C0; }
._store ._youtube { background-color: #C5E2FF; }
._store ._youtube::after { background-color: #C5E2FF; }
._store ._youtube .section-bg { background-color: #C5E2FF; }
._store ._youtube .sec-top .sec-ttl::after { background-color: #E50110; }
._store ._youtube .sec-main .sec-swiper a { background: none; }
._store ._youtube .youtube-tool .swiper-pagination-bullet { background: #fff !important; }
._store ._youtube .youtube-tool .swiper-pagination-bullet-active { background: #333 !important; }
._store ._youtube .youtube-tool .slide-btn { width: 28px; }
._store ._youtube .youtube-tool .slide-btn img { background-color: #fff; border-radius: 50%; }
._store .store-facility { background-color: #333; }
._store .store-facility .facility-main .facility-icon { width: 61px; margin: 0 auto 25px; }
._store .store-facility .facility-subheading { color: #fff; }

/* ------------------------------ 入荷情報
------------------------------ */
._crane .articlelist .articlelist-list li .list-info-box .list-info-cate span._cat1 { background-color: #3D74F5; }
._crane .articlelist .articlelist-list li .list-info-box .list-info-cate span._cat2 { background-color: #F97C10; }
._crane .articlelist .articlelist-list li .list-info-box .list-info-cate span._cat3 { background-color: #A453C0; }
._crane .crane-store { padding: 60px 0 80px; background-color: #333; }
._crane .crane-store .crane-store-top p { width: 53px; margin: 0 auto 30px; }
._crane .crane-store .crane-store-top .crane-store-heading { position: relative; font-size: 3.4rem; text-align: center; font-weight: 700; color: #fff; }
@media screen and (max-width: 750px) { ._crane .crane-store .crane-store-top .crane-store-heading { margin-bottom: 80px; font-size: 2.6rem; } }
._crane .crane-store .crane-store-top .crane-store-heading::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 82px; height: 1px; margin-left: -41px; margin-bottom: -30px; background-color: #FFD200; }
@media screen and (max-width: 750px) { ._crane .crane-store .crane-store-main { display: flex; flex-direction: column-reverse; justify-content: space-between; } }
._crane .crane-store .crane-store-main .crane-store-tool .crane-store-tool-in { display: flex; justify-content: space-between; width: 90px; margin: 20px 0 20px auto; }
@media screen and (max-width: 750px) { ._crane .crane-store .crane-store-main .crane-store-tool .crane-store-tool-in { margin-top: 40px; margin-bottom: 0; } }
._crane .crane-store .crane-store-main .crane-store-tool .crane-store-tool-in .slide-btn { width: 38px; }
._crane .crane-store .crane-store-main .crane-store-tool .crane-store-tool-in .slide-btn img { background-color: #fff; border-radius: 50%; }
._crane .crane-store .crane-store-main .crane-store-swiper-wrap { overflow: hidden; }
._crane .crane-store .crane-store-main .crane-store-swiper-wrap dl { display: flex; align-items: center; justify-content: center; margin-top: 10px; font-size: 1.3rem; }
._crane .crane-store .crane-store-main .crane-store-swiper-wrap dl dt { padding: 0 0.5em; border-right: 1px solid #FFD200; color: #FFD200; }
._crane .crane-store .crane-store-main .crane-store-swiper-wrap dl dd { padding: 0 0.5em; color: #fff; }
._crane .crane-store .crane-store-main .swiper-pagination-bullets { position: static; margin-top: 30px; }
._crane .crane-store .crane-store-main .swiper-pagination-bullet { width: 65px !important; height: 4px !important; margin: 0 5px !important; background: #d3ddef !important; border-radius: 0; opacity: 1; }
@media screen and (max-width: 960px) { ._crane .crane-store .crane-store-main .swiper-pagination-bullet { width: 45px !important; } }
@media screen and (max-width: 750px) { ._crane .crane-store .crane-store-main .swiper-pagination-bullet { width: 20px !important; } }
._crane .crane-store .crane-store-main .swiper-pagination-bullet-active { background: #FFD200 !important; }

._cranedetail { padding: 50px 0 60px; background-color: #EDF4FF; }
._cranedetail .prize-main .prize-con { width: 100%; max-width: 1000px; margin: 0 auto 50px; padding: 50px 45px; background-color: #fff; border-radius: 1em; }
@media screen and (max-width: 750px) { ._cranedetail .prize-main .prize-con { padding: 40px 30px; } }
._cranedetail .prize-main .prize-ttl { margin-bottom: 25px; padding-bottom: 30px; border-bottom: 2px solid #E0E0E0; font-size: 2.4rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._cranedetail .prize-main .prize-ttl { font-size: 2.0rem; } }
._cranedetail .prize-main .prize-date { margin-bottom: 40px; }
._cranedetail .prize-main .prize-date span { padding: 5px 1em; border: 1px solid #E50110; font-size: 1.4rem; color: #E50110; }
._cranedetail .prize-main .prize-detail { display: flex; justify-content: space-between; margin-bottom: 45px; }
@media screen and (max-width: 750px) { ._cranedetail .prize-main .prize-detail { display: block; } }
._cranedetail .prize-main .prize-detail .prize-detail-fig { overflow: hidden; width: 47.7777777778%; margin-right: 4.4444444444%; }
@media screen and (max-width: 750px) { ._cranedetail .prize-main .prize-detail .prize-detail-fig { width: 100%; margin-right: 0; margin-bottom: 40px; } }
._cranedetail .prize-main .prize-detail .prize-detail-fig .prize-swiper-main { position: relative; margin-bottom: 20px; }
._cranedetail .prize-main .prize-detail .prize-detail-fig .prize-swiper-main .prize-detail-fig-zoom { position: absolute; bottom: 0; right: 0; z-index: 100; width: 28px; margin-right: 10px; margin-bottom: 10px; cursor: pointer; }
._cranedetail .prize-main .prize-detail .prize-detail-fig .prize-swiper-main li img { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; }
._cranedetail .prize-main .prize-detail .prize-detail-fig .prize-swiper-sub .swiper-wrapper { flex-wrap: wrap; gap: 9px 2.0930232558%; }
._cranedetail .prize-main .prize-detail .prize-detail-fig .prize-swiper-sub img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
._cranedetail .prize-main .prize-detail .prize-detail-fig .prize-swiper-sub .swiper-slide-thumb-active { border: 1px solid #E50110; }
._cranedetail .prize-main .prize-detail .prize-detail-fig .prize-swiper-sub .swiper-slide { width: 18.1395348837%; border-radius: 5px; overflow: hidden; }
._cranedetail .prize-main .prize-detail .prize-detail-box { flex: 1; }
._cranedetail .prize-main .prize-detail .prize-detail-box .prize-detail-heading { margin-bottom: 30px; font-size: 2.0rem; font-weight: 700; }
._cranedetail .prize-main .prize-detail .prize-detail-box .prize-detail-txt { margin-bottom: 30px; line-height: 2; }
._cranedetail .prize-main .prize-detail .prize-detail-box .prize-detail-item { padding: 20px 30px; border: 1px solid #E50110; }
._cranedetail .prize-main .prize-detail .prize-detail-box .prize-detail-item dt { margin-bottom: 10px; font-weight: 700; color: #E50110; }
._cranedetail .prize-main .prize-detail .prize-detail-box .prize-detail-item dd { font-size: 1.4rem; }
._cranedetail .prize-main .prize-detail .prize-detail-box .prize-detail-item dd p { margin-bottom: 0.5em; }
._cranedetail .prize-main .prize-detail .prize-detail-box .prize-detail-item dd ul li { margin-bottom: 0.5em; padding-left: 1em; text-indent: -1em; }
._cranedetail .prize-main .prize-detail .prize-detail-box .prize-detail-item dd ul li::before { content: '●'; color: #FFB5B1; }
._cranedetail .prize-main .prize-store { padding: 50px; border: 1px solid #ADADAD; border-radius: 1em; }
@media screen and (max-width: 750px) { ._cranedetail .prize-main .prize-store { padding: 40px 30px; } }
._cranedetail .prize-main .prize-store .prize-store-heading { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #E50110; font-size: 2.0rem; font-weight: 700; }
._cranedetail .prize-main .prize-store .prize-store-box dl { display: flex; padding: 10px 0; border-bottom: 1px solid #E0E0E0; }
@media screen and (max-width: 750px) { ._cranedetail .prize-main .prize-store .prize-store-box dl { display: block; } }
._cranedetail .prize-main .prize-store .prize-store-box dl dt { width: 10em; padding: 10px 0; color: #3C6CB1; font-weight: 500; }
@media screen and (max-width: 750px) { ._cranedetail .prize-main .prize-store .prize-store-box dl dt { font-size: 1.4rem; } }
._cranedetail .prize-main .prize-store .prize-store-box dl dd { flex: 1; }
._cranedetail .prize-main .prize-store .prize-store-box dl dd ul li { display: flex; align-items: center; justify-content: space-between; row-gap: 20px; padding: 10px 0; border-bottom: 1px solid #E0E0E0; }
@media screen and (max-width: 750px) { ._cranedetail .prize-main .prize-store .prize-store-box dl dd ul li { display: block; } }
._cranedetail .prize-main .prize-store .prize-store-box dl dd ul li:first-child { padding-top: 0; }
._cranedetail .prize-main .prize-store .prize-store-box dl dd ul li:last-child { padding-bottom: 0; border-bottom: none; }
._cranedetail .prize-main .prize-store .prize-store-box dl dd ul li .prize-store-name { flex: 1; color: #4C4C4C; }
@media screen and (max-width: 750px) { ._cranedetail .prize-main .prize-store .prize-store-box dl dd ul li .prize-store-name { font-size: 1.4rem; } }
._cranedetail .prize-main .prize-store .prize-store-box dl dd ul li .prize-store-link { width: 8em; }
@media screen and (max-width: 750px) { ._cranedetail .prize-main .prize-store .prize-store-box dl dd ul li .prize-store-link { margin: 10px 0 0 auto; } }
._cranedetail .prize-main .prize-store .prize-store-box dl dd ul li .prize-store-link a { display: block; text-decoration: none; padding: 10px; border: 1px solid #6F6F6F; background: #EDF4FF url("../img/common/ico_arrow_bk.svg") no-repeat right 10px center; background-size: 10px auto; font-size: 1.4rem; text-align: center; border-radius: 2em; }
._cranedetail .detail-back p { width: 100%; max-width: 210px; margin: 0 auto; }
._cranedetail .detail-back p a { display: block; text-decoration: none; border: 1px solid #6F6F6F; padding: 20px 10px; background: #fff url("../img/common/ico_back.svg") no-repeat left 15px center; background-size: 15px auto; text-align-last: center; border-radius: 2em; }

/*# sourceMappingURL=game.css.map */