@charset "utf-8";

 
/* **************************************** *
* GLOBAL
* **************************************** */
.sub_header {position:relative;/* padding-bottom:15rem; */border-bottom:1rem solid #d3d3d3;}

.sub_top_menu {width:100%;}
.sub_top_menu li {display:inline-block;}
.sub_top_menu li:first-child a {padding-left:0;}
.sub_top_menu li a {display:block;padding: 10rem 15rem;}
.sub_top_menu li a span {font-size: 16rem;color:#252525;font-weight: 500;display: block;position:relative;}
.sub_top_menu li.active a span:after {width:100%;height:2rem;background:#f80013;content:'';display:block;position:absolute;bottom: -11rem;}

.breadcrum { font-size:0; position:absolute; right:0; bottom:10rem}
.breadcrum li { display:inline-block; font-size:12rem; position:relative;}
.breadcrum li + li {padding-left:15rem; margin-left:9rem;}
.breadcrum li + li:before {font-size:12rem; content:'>'; display:block; position:absolute; top:0; left:0;}

.sub_tab_menu {margin-top:30rem; padding-bottom:10rem; border-bottom:1rem solid #d3d3d3;}
.sub_tab_menu li {display:inline-block;position:relative;text-align: center;}
.sub_tab_menu li + li:before {width:1rem;height:13rem;background:#d3d3d3;position:absolute;left:0;margin-top: -7rem;top: 50%;content:'';display:block;}
.sub_tab_menu li a {font-size:14rem;font-weight:500;padding: 0 15rem;}
.sub_tab_menu li:first-child a {padding-left:0;}
.sub_tab_menu li.active a {color:#f80013}

.sub_top_banner {margin-top:10rem;}



/* **************************************** *
* RAMDOMBOX
* **************************************** */
/* reservation */
.sub_reservation .sub_tab_menu {border-bottom:none;}
.game_reservation_list_big .game_reservation_item {display: flex;}
.game_reservation_list_big .game_reservation_item + .game_reservation_item {margin-top:30rem;}
.game_reservation_list_big .game_reservation_item {border:1rem solid #d3d3d3; padding:10rem;}
.game_reservation_list_big .game_reservation_item .company { font-size:14rem; font-weight:500; }
.game_reservation_list_big .game_reservation_item .genre {font-size:14rem;font-weight:500;float: right;}
.game_reservation_list_big .game_reservation_item .title {font-size:20rem;font-weight:500;margin-top: 20rem;}
.game_reservation_list_big .game_reservation_item .desc {font-size:14rem;line-height: 1.8;margin-top: 20rem;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.game_reservation_list_big .game_reservation_item .info { margin-top:30rem; }
.game_reservation_list_big .game_reservation_item .info li {font-size:14rem;font-weight:500;margin-top: 5rem;}
.game_reservation_list_big .game_reservation_item .btn_wrap {margin-top: 25rem;font-size: 0;}
.game_reservation_list_big .game_reservation_item .btn_wrap a {display:inline-block;font-size:14rem;font-weight:500;background:#09005b;color:#fff;border-radius:5rem;padding: 5rem 10rem;letter-spacing: -0.025em;}
.game_reservation_list_big .game_reservation_item .btn_wrap a + a {margin-left: 7rem;}
.game_reservation_list_big .game_reservation_item .btn_wrap a.btn_red {background:#f80013;}
.game_reservation_list_big .game_reservation_item .game_introduce {display:inline-block;width: 30.9%;padding: 10rem;}
.game_reservation_list_big .game_reservation_item .game_gallery {display:inline-block;width: 69.1%;padding-left: 10rem;}
.game_reservation_list_big .game_reservation_item .game_gallery img {width:100%; max-width:100%; border:1rem solid #d3d3d3; display:block;}
.game_reservation_list_big .game_reservation_item .game_gallery_thumb {margin-top:10rem;}
.game_reservation_list_big .game_reservation_item .game_gallery_thumb .swiper-slide {cursor:pointer;}
.game_reservation_list_big .game_reservation_item .game_gallery_thumb .swiper-slide:last-child {margin-right:0;}

.game_reservation_list_small {margin: 22rem -8rem -8rem;font-size: 0;}
.game_reservation_list_small .game_reservation_item {width: calc(33.33% - 16rem);margin: 8rem;border:1rem solid #d3d3d3;display: inline-block;}
.game_reservation_list_small .game_reservation_item figure img {width:100%; max-width:100%;}
.game_reservation_list_small .game_reservation_item .game_introduce {padding:15rem;}
.game_reservation_list_small .game_reservation_item .company { font-size:12rem;}
.game_reservation_list_small .game_reservation_item .genre {font-size:12rem;float: right;}
.game_reservation_list_small .game_reservation_item .title {font-size:18rem;font-weight:500;margin-top:5rem;}
.game_reservation_list_small .game_reservation_item .info { margin-top:10rem; }
.game_reservation_list_small .game_reservation_item .info li {font-size:12rem;font-weight:500;margin-top: 3rem;}
.game_reservation_list_small .game_reservation_item .btn_wrap {margin-top: 10rem;font-size: 0;}
.game_reservation_list_small .game_reservation_item .btn_wrap a {display:inline-block;font-size:14rem;font-weight:500;background:#09005b;color:#fff;border-radius:5rem;padding: 2rem 10rem 3rem;letter-spacing: -0.025em;}
.game_reservation_list_small .game_reservation_item .btn_wrap a + a {margin-left: 7rem;}
.game_reservation_list_small .game_reservation_item .btn_wrap a.btn_red {background:#f80013;}

/* news */
.news_list_item {display: table; padding: 30rem 0; border-bottom: 1rem solid #d3d3d3; font-size:0;}
.news_list_item .news_thumb {border:1rem solid #d3d3d3;display: table-cell;vertical-align: middle;}
.news_list_item .news_thumb img {display:block;}
.news_list_item .news_info {display: table-cell; vertical-align: middle; padding-left: 30rem;}
.news_list_item .title {font-size:16rem;}
.news_list_item .label_hot {font-size:10rem;color:#fff;line-height:1;border-radius:3rem;padding:3rem 5rem;margin-left: 5rem;background:#f80013;vertical-align: middle;}
.news_list_item .desc {font-size:14rem;margin-top: 20rem;line-height: 1.5;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 80rem;}
.news_list_item .meta_info {}
.news_list_item .meta_info li {display:inline-block;padding: 0 12rem;font-size:14rem;position:relative;}
.news_list_item .meta_info li:before {width:1rem;height:13rem;background:#d3d3d3;position:absolute;left:0;margin-top: -6rem;top: 50%;content:'';display:block;}
.news_list_item .meta_info li:first-child {padding-left:0;}
.news_list_item .meta_info li:first-child:before {display:none;}
.news_list_item .meta_info li.meta_info_comment span {color:#f80013;}
.news_list_item .meta_info li.meta_info_comment span:before {font-family: 'rb-font';content: '\e93d';font-weight: normal;font-size: 13rem;color:#252525;vertical-align: middle;margin-right: 5rem;}

/* review */
.review_list_item {display: table; padding: 30rem 0; border-bottom: 1rem solid #d3d3d3; font-size:0;}
.review_list_item .review_thumb {border:1rem solid #d3d3d3;display: table-cell;vertical-align: middle;}
.review_list_item .review_thumb img {display:block;}
.review_list_item .review_info {display: table-cell; vertical-align: middle; padding-left: 30rem;}
.review_list_item .title {font-size:16rem;}
.review_list_item .label_hot {font-size:10rem;color:#fff;line-height:1;border-radius:3rem;padding:3rem 5rem;margin-left: 5rem;background:#f80013;vertical-align: middle;margin-bottom: 3px; display: inline-block;}
.review_list_item .desc {font-size:14rem;margin-top: 20rem;line-height: 1.5;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 80rem;}
.review_list_item .meta_info {}
.review_list_item .meta_info li {display:inline-block;padding: 0 12rem;font-size:14rem;position:relative;}
.review_list_item .meta_info li:before {width:1rem;height:13rem;background:#d3d3d3;position:absolute;left:0;margin-top: -6rem;top: 50%;content:'';display:block;}
.review_list_item .meta_info li:first-child {padding-left:0;}
.review_list_item .meta_info li:first-child:before {display:none;}
.review_list_item .meta_info li.meta_info_like span {color:#252525;}
.review_list_item .meta_info li.meta_info_like span:before {font-family: 'rb-font';content: '\e951';font-weight: normal;font-size: 13rem;color:#f80013;vertical-align: middle;margin-right: 5rem;}

/* ranking */
.sub_rank .sub_tab_menu {border-bottom:none;}
.game_rank_list_big .game_rank_item {display: flex;}
.game_rank_list_big .game_rank_item + .game_rank_item {margin-top:30rem;}
.game_rank_list_big .game_rank_item {border:1rem solid #d3d3d3; padding:10rem;}
.game_rank_list_big .game_rank_item .game_ranking {max-width:40rem;position: absolute;right: 5rem;}
.game_rank_list_big .game_rank_item .game_ranking img {max-width:100%;}
.game_rank_list_big .game_rank_item .company {font-size:14rem;font-weight:500;display: block;}
.game_rank_list_big .game_rank_item .genre {margin-top: 5rem;font-size:14rem;font-weight:500;display: block;}
.game_rank_list_big .game_rank_item .title {font-size:20rem;font-weight:500;margin-top: 20rem;}
.game_rank_list_big .game_rank_item .desc {font-size:14rem;line-height: 1.8;margin-top: 20rem;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.game_rank_list_big .game_rank_item .info { margin-top:30rem; }
.game_rank_list_big .game_rank_item .info li {font-size:14rem;font-weight:500;margin-top: 5rem;}
.game_rank_list_big .game_rank_item .btn_wrap {margin-top: 25rem;font-size: 0;}
.game_rank_list_big .game_rank_item .btn_wrap a {display:inline-block;font-size:14rem;font-weight:500;background:#09005b;color:#fff;border-radius:5rem;padding: 5rem 10rem;letter-spacing: -0.025em;}
.game_rank_list_big .game_rank_item .btn_wrap a + a {margin-left: 7rem;}
.game_rank_list_big .game_rank_item .btn_wrap a.btn_red {background:#f80013;}
.game_rank_list_big .game_rank_item .game_introduce {display:inline-block;width: 30.9%;padding: 10rem;position: relative;}
.game_rank_list_big .game_rank_item .game_gallery {display:inline-block;width: 69.1%;padding-left: 10rem;}
.game_rank_list_big .game_rank_item .game_gallery img {width:100%; max-width:100%; border:1rem solid #d3d3d3; display:block;}
.game_rank_list_big .game_rank_item .game_gallery_thumb {margin-top:10rem;}
.game_rank_list_big .game_rank_item .game_gallery_thumb .swiper-slide {cursor:pointer;}
.game_rank_list_big .game_rank_item .game_gallery_thumb .swiper-slide:last-child {margin-right:0;}

.game_rank_list_small {margin: 22rem -8rem -8rem;font-size: 0;}
.game_rank_list_small .game_rank_item {width: calc(33.33% - 16rem);margin: 8rem;border:1rem solid #d3d3d3;display: inline-block; position:relative;}
.game_rank_list_small .game_rank_item .game_ranking {max-width:30rem;position: absolute;right:15rem;}
.game_rank_list_small .game_rank_item .game_ranking img {max-width:100%;}
.game_rank_list_small .game_rank_item figure img {width:100%; max-width:100%;}
.game_rank_list_small .game_rank_item .game_introduce {padding:15rem;}
.game_rank_list_small .game_rank_item .company {font-size:12rem;display: block;}

.game_rank_list_small .game_rank_item .genre {font-size:12rem;display: block;}
.game_rank_list_small .game_rank_item .title {font-size:18rem;font-weight:500;margin-top:5rem;}
.game_rank_list_small .game_rank_item .info { margin-top:10rem; }
.game_rank_list_small .game_rank_item .info li {font-size:12rem;font-weight:500;margin-top: 3rem;}
.game_rank_list_small .game_rank_item .btn_wrap {margin-top: 10rem;font-size: 0;}
.game_rank_list_small .game_rank_item .btn_wrap a {display:inline-block;font-size:14rem;font-weight:500;background:#09005b;color:#fff;border-radius:5rem;padding: 2rem 10rem 3rem;letter-spacing: -0.025em;}
.game_rank_list_small .game_rank_item .btn_wrap a + a {margin-left: 7rem;}
.game_rank_list_small .game_rank_item .btn_wrap a.btn_red {background:#f80013;}

/* review */
.review_notice {text-align:center; margin-top:30rem; border:1rem solid #d3d3d3; padding:15rem 30rem; font-size:14rem; letter-spacing:-0.05em;}
.sub_review .sub_tab_menu {position:relative;}
.sub_review .btn_review_write {position:absolute; right:0; top:0; }
.sub_review .btn_review_write a {font-size:14rem;}
.sub_review .btn_review_write a span {position:relative; padding-left:20rem;}
.sub_review .btn_review_write a span:before {font-family: 'rb-font';content:'\e906';font-size: 16rem;color: #929292;display: block;position: absolute;left: 0;top: 3px;}

/* game info */
.game_info_top {font-size:0;border-top:1rem solid #ddd;margin-top:30rem;padding-top:30rem;position: relative;}
.game_info_img { margin-right:30rem; border:1rem solid #d3d3d3; display:inline-block; vertical-align:middle;}
.game_info_text { display:inline-block; vertical-align:middle;}
.game_info_text h2 {font-size:30rem;font-weight:500;line-height: 1;letter-spacing:-0.05em;}
.game_info_type {margin-top: 15rem;}
.game_info_type li { display:inline-block; font-size:16rem; letter-spacing:-0.05em;}
.game_info_type li + li {margin-left:25rem;}
.game_info_icon {margin-top:15rem;}
.game_info_icon li { display:inline-block;}
.game_info_icon li + li {margin-left:10rem;}
.game_info_link {position: absolute;right: 0;top: 30rem;}
.game_info_link li { border:1rem solid #d3d3d3; border-radius:5rem;}
.game_info_link li + li {margin-top:5rem;}
.game_info_link a {font-size:11rem;color:#565f64;position: relative;display: block;padding-left: 45rem;}
.game_info_link a:before {display:block;content:'';position: absolute;left: 12rem;top: 50%;transform: translateY(-50%);}
.game_info_link p {padding: 3rem 10rem;border-left: 1rem solid #f1f1f1;}
.game_info_link a b {display:block; font-size:12rem;}
.game_info_link .link_google a:before {width:22rem;height:24rem;background:url(../images/sub/game_link_google.png) no-repeat;}
.game_info_link .link_app a:before {width:21rem; height:23rem; background:url(../images/sub/game_link_app_store.png) no-repeat;}
.game_info_link .link_pc a:before {width:21rem; height:23rem;background:url(../images/sub/game_link_pc.png) no-repeat;}
.game_info_link .link_fan a:before {width:22rem; height:25rem;background:url(../images/sub/game_link_fan.png) no-repeat;}
.game_bookmark {border:none;background:none;font-size:16rem;color:#929292;letter-spacing:-0.05em;padding:0;margin-top: 50rem;margin-left: -3rem;}
.game_bookmark span {position:relative;padding-left: 25rem;}
.game_bookmark span:before {font-family: 'rb-font';content:'\e90a';font-size: 20rem;color: #929292;display: block;position: absolute;left: 0;top: 3px;}

.game_info_slider {margin-top:30rem;}
.game_info_slider_item {max-width:512rem; border:1rem solid #d3d3d3;}
.game_info_slider_item img {max-width: 100%; display: block;}

.game_info_content {margin-top:30rem; font-size:14rem; line-height:1.7; letter-spacing:-0.05em;}
.game_info_content p + p {margin-top:20rem;}
.game_info_content + .btn_more_wrap {text-align:center; margin-top:60rem;}
.game_info_content + .btn_more_wrap .btn_more {padding: 0;background:none;border:none;text-align: center;}
.game_info_content + .btn_more_wrap .btn_more span {position:relative;font-size: 14rem;font-weight: 500;color: #252525;}
.game_info_content + .btn_more_wrap .btn_more span:after {padding-left:5rem; font-family: 'rb-font'; content:'\e947'; font-size:10rem;font-weight: 600;color:#252525;}
.game_info_content + .btn_more_wrap.btn_more_wrap_close span:after {content:'\e94b';}