@charset "UTF-8";


/***************************************************

	en

***************************************************/

html{
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body{
  word-break: normal;
  overflow-wrap: anywhere;
  line-break: strict;
  font-family: "Noto Serif", serif;
}

.media_list li .list_head .icon::after,
#news .list_wrapp .media_list li .list_head .icon::after{
    font-family: "Noto Serif", serif;
}

.media_list li .list_head .icon.important::after,
#news .list_wrapp .media_list li .list_head .icon.important::after{
	content: 'Important';
}

.media_list li .list_head .icon.notice::after,
#news .list_wrapp .media_list li .list_head .icon.notice::after{
	content: 'Notice';
}

.media_list li .list_head .icon.event::after,
#news .list_wrapp .media_list li .list_head .icon.event::after{
	content: 'Event';
}

.media_list li .list_head .icon.campaign::after,
#news .list_wrapp .media_list li .list_head .icon.campaign::after{
	content: 'Campaign';
}

.media_list li .list_head .icon.game::after,
#news .list_wrapp .media_list li .list_head .icon.game::after{
	content: 'Game';
}


/******** TOP **********/

#kv_area .kv_cont .logo_catch {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--text_w);
    text-shadow: 0 0 4.356px #000;
    text-align: center;
}

#kv_area .kv_cont .other_wrapp {
    top: 394px;
}

#kv_area .kv_cont .other_wrapp .date_area p {
    font-size: 32px;
}

#kv_area .kv_cont .other_wrapp .date_area p span.sp03 {
    font-size: 16px;
}

#intro .intro_cont .h2_wrapp h2 small {
    font-size: 40px;
}

#intro .intro_cont .h2_wrapp h2 small::after {
    top: 7px;
}

#intro .intro_cont .h2_wrapp h2 strong {
    font-size: 64px;
}

#intro .intro_cont .h2_wrapp h2 strong:first-of-type{
	margin-right: 0;
}

#intro .intro_cont .h2_wrapp h2 strong::after {
    top: 9px;
}

#intro .intro_cont .cont_data .caption_block p {
    text-shadow: 0 0 4px #E0D7C0;
}

#intro .intro_cont .cont_data .intro_whats {
    top: 446px;
}

#story .story_cont_data .caption{
	width: 644px;
}


#world .world_cont_data .caption_box {
    width: 646px;
}


#system .system_cont_data .image_wrapper .note {
    margin-top: 16px;
}


#card .caption_box{
    width: 700px;
}


#products .dl_cont_wrapp .dl_content.nintendo .link_ul li:nth-child(2) {
    width: 351px;
}

#products .dl_cont_wrapp .dl_content.physical01 .link_ul li:nth-child(1) {
    width: 258px;
}

#products .dl_cont_wrapp .dl_content.physical01 .link_ul li:nth-child(2) {
    width: 351px;
}


#bottom_banner_area .cont_link_ul {
    margin-bottom: 0;
}

#bottom_banner_area .cont_link_ul li.li02{
    width: 320px;
}

#physical .dl_cont_wrapp {
    margin-top: 80px;
}


#products .dl_cont_wrapp {
    width: 1162px;
}

#products .dl_cont_wrapp .dl_content {
    width: 536px;
}

#products .dl_cont_wrapp .dl_content:nth-of-type(even)::after {
    left: -50px;
}

#products .dl_cont_wrapp .dl_content .logo {
    width: 465px;
    margin-left: auto;
    margin-right: auto;
}

.download_btn_area .download_btn_block .btn_ul li {
    width: 264px;
}


#products .dl_cont_wrapp .dl_content .note{
    margin-top: 8px;
    text-align: center;
}

#products .dl_cont_wrapp .dl_content .note p{
    
}

#products .dl_cont_wrapp .dl_content .note p strong{
    display: inline-block;
    font-size: 12px;
    color: #2B2A1E;
    font-weight: 700;
    padding-left: 1em;
    position: relative;
}

#products .dl_cont_wrapp .dl_content .note p strong::before{
    content: '※';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}




/******** story **********/

.story #page_header .text_wrapper .kv_catch p {
    font-size: 40px;
}



/******** system **********/

.system #page_header .text_wrapper .text_area h1 {
    font-size: 48px;
}

.system .cont_wrapp .contents_box .catch::before {
    background-image: url(../images/en/system/icon_contents_box02.png);
}

.system .cont_wrapp .contents_box .point_block .text_area::before {
    background-image: url(../images/en/system/icon_contents_box02.png);
}

#page_header .header_caption {
    top: 557px;
}

.system .cont_wrapp .contents_box .catch {
    text-align: left;
}

.system .cont_wrapp .block_note {
    font-size: 12px;
}



/******** character **********/

.character .modal_cont .data_wrapp .text_area {
    width: 466px;
}



/******** card **********/

.card #page_header .text_wrapper .text_area .head_catch {
    font-size: 40px;
    line-height: 1.5;
    margin-top: 80px;
    margin-bottom: 24px;
}

.card #page_header .text_wrapper .text_area .head_caption {
    margin-bottom: 108px;
}


.card #card_slider {
    margin-bottom: 95px;
}

.card #card_slider .card_caption_block .name_en {
    font-size: 28px;
    line-height: 1.5;
    margin-bottom: 32px;
}

.card #card_slider .slider_wrapp .swiper-slide-active .card_inner .text_area .card_caption {
    font-size: 14px;
}


.card .card_type_wrapp .card_caption_block .name_en {
    font-size: 28px;
    line-height: 1.5;
    margin-bottom: 24px;
}

.card .card_type_wrapp .slider_area li .text_area .caption {
    font-size: 14px;
}


.card #book_list .blok_wrapper h2 {
    font-size: 60px;
}

.card #book_list .note {
    font-size: 12px;
    line-height: 1.5;
}



/******** character **********/


/******** communication **********/

.communication .communication_main_wrapper .flex_note {
    font-size: 12px;
    margin-top: 44px;
}











/********************************************************************************
	リッキド用 CSS
********************************************************************************/

@media(max-width:1440px){

/******** TOP **********/

#kv_area .kv_cont .logo_catch {
    font-size: 1.805556vw;
    text-shadow: 0 0 0.3025vw #000;
}

#kv_area .kv_cont .other_wrapp {
    top: 27.361111vw;
}

#kv_area .kv_cont .other_wrapp .date_area p {
    font-size: 2.222222vw;
}

#kv_area .kv_cont .other_wrapp .date_area p span.sp03 {
    font-size: 1.111111vw;
}


#intro .intro_cont .h2_wrapp h2 small {
    font-size: 2.777778vw;
}

#intro .intro_cont .h2_wrapp h2 small::after {
    top: 0.486111vw;
}

#intro .intro_cont .h2_wrapp h2 strong {
    font-size: 4.444444vw;
}

#intro .intro_cont .h2_wrapp h2 strong::after {
    top: 0.625vw;
}

#intro .intro_cont .cont_data .caption_block p {
    text-shadow: 0 0 0.277778vw #E0D7C0;
}

#intro .intro_cont .cont_data .intro_whats {
    top: 30.972222vw;
}


#story .story_cont_data .caption{
	width: 44.722222vw;
}


#world .world_cont_data .caption_box {
    width: 44.861111vw;
}


#system .system_cont_data .image_wrapper .note {
    margin-top: 1.111111vw;
}


#card .caption_box{
    width: 48.611111vw;
}


#products .dl_cont_wrapp .dl_content.nintendo .link_ul li:nth-child(2) {
    width: 24.375vw;
}

#products .dl_cont_wrapp .dl_content.physical01 .link_ul li:nth-child(1) {
    width: 17.916667vw;
}

#products .dl_cont_wrapp .dl_content.physical01 .link_ul li:nth-child(2) {
    width: 24.375vw;
}


#bottom_banner_area .cont_link_ul li.li02{
    width: 22.222222vw;
}


#physical .dl_cont_wrapp {
    margin-top: 5.555556vw;
}



#products .dl_cont_wrapp {
    width: 80.694444vw;
}

#products .dl_cont_wrapp .dl_content {
    width: 37.222222vw;
}

#products .dl_cont_wrapp .dl_content:nth-of-type(even)::after {
    left: -3.472222vw;
}

#products .dl_cont_wrapp .dl_content .logo {
    width: 32.291667vw;
}

.download_btn_area .download_btn_block .btn_ul li {
    width: 18.333333vw;
}


#products .dl_cont_wrapp .dl_content .note{
    margin-top: 0.555556vw;
}

#products .dl_cont_wrapp .dl_content .note p strong{
    font-size: 0.833333vw;
}



/******** story **********/

.story #page_header .text_wrapper .kv_catch p {
    font-size: 2.777778vw;
}



/******** system **********/

.system #page_header .text_wrapper .text_area h1 {
    font-size: 3.333333vw;
}
.system #page_header .text_wrapper .text_area h1 strong::after{
    width: 63.47%;
}

#page_header .header_caption {
    top: 38.680556vw;
}

.system .cont_wrapp .block_note {
    font-size: 0.833333vw;
}



/******** character **********/

.character .modal_cont .data_wrapp .text_area {
    width: 32.361111vw;
}



/******** card **********/

.card #page_header .text_wrapper .text_area .head_catch {
    font-size: 2.777778vw;
    margin-top: 5.555556vw;
    margin-bottom: 1.666667vw;
}

.card #page_header .text_wrapper .text_area .head_caption {
    margin-bottom: 7.5vw;
}


.card #card_slider {
    margin-bottom: 6.597222vw;
}

.card #card_slider .card_caption_block .name_en {
    font-size: 1.944444vw;
    margin-bottom: 2.222222vw;
}

.card #card_slider .slider_wrapp .swiper-slide-active .card_inner .text_area .card_caption {
    font-size: 0.972222vw;
}


.card .card_type_wrapp .card_caption_block .name_en {
    font-size: 1.944444vw;
    margin-bottom: 1.666667vw;
}

.card .card_type_wrapp .slider_area li .text_area .caption {
    font-size: 0.972222vw;
}


.card #book_list .blok_wrapper h2 {
    font-size: 4.166667vw;
}

.card #book_list .note {
    font-size: 0.833333vw;
}



/******** communication **********/

.communication_main_wrapper .flex_note {
    font-size: 0.833333vw;
    margin-top: 3.055556vw;
}























}

/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width:460px){


.home footer {
    /*margin-top: -42.666667vw;*/
}

/******** TOP **********/


#kv_area .kv_cont .logo_catch {
	width: auto;
    font-size: 5.066667vw;
    text-shadow: 0 0 0.8vw #000;
    top: 9.866667vw;
}

#kv_area .kv_cont .other_wrapp {
    top: -29.6vw;
}

#kv_area .kv_cont .other_wrapp .date_area p {
    font-size: 7.466667vw;
}

#kv_area .kv_cont .other_wrapp .date_area p span.sp03 {
    font-size: 4.266667vw;
}

#news{
    padding: 10.666667vw 0 0;
}


#intro {
    margin-top: 0;
}

#intro .intro_cont .h2_wrapp h2 small {
    font-size: 7.466667vw;
}

#intro .intro_cont .h2_wrapp h2 small::after {
    top: -1px;
}

#intro .intro_cont .h2_wrapp h2 strong {
	display: inline-block;
    font-size: 10.666667vw;
}

#intro .intro_cont .h2_wrapp h2 strong::after {
    top: 0;
}

#intro .intro_cont .cont_data .intro_whats {
    top: 0;
}

#intro .intro_cont .cont_data .movie_block .note {
	font-size: 2.666667vw;
	text-align: right;
	padding: 0 4.8vw 0 0;
}


#intro::after, #intro::before {
	top: 2.666667vw;
}

#intro::after {
	top: unset;
	bottom: 2.666667vw;
}


.bg_wrapp01 {
	padding: 29.333333vw 0 0;
	margin-top: -29.333333vw;
}

#story .story_cont_data .caption{
	width: auto;
}


#world .world_cont_data .caption_box {
    width: auto;
}


#characters .characters_cont_data .caption_box {
	padding: 6.4vw 0;
}


#system .system_cont_data .image_wrapper .note {
    margin-top: 2.133333vw;
}


#card {
	padding-bottom: 13.333333vw;
}

#card .caption_box{
    width: auto;
}


#products .dl_cont_wrapp .dl_content.nintendo .link_ul li:nth-child(2) {
    width: 70.4vw;
}

#products .dl_cont_wrapp .dl_content.physical01 .link_ul li:nth-child(1) {
    width: 70.933333vw;
}

#products .dl_cont_wrapp .dl_content.physical01 .link_ul li:nth-child(2) {
    width: 70.4vw;
}


#bottom_banner_area .cont_link_ul li.li02{
    width: 100%;
}

#physical .dl_cont_wrapp {
    margin-top: 12.8vw;
}

#products .tabs__tab strong {
    font-size: 14px;
    line-height: 1.3;
}



#products .dl_cont_wrapp {
    width: auto;
}

#products .dl_cont_wrapp .dl_content {
    width: auto;
}

#products .dl_cont_wrapp .dl_content:nth-of-type(even)::after {
    left: 0;
}

#products .dl_cont_wrapp .dl_content .logo {
    width: auto;
}

.download_btn_area .download_btn_block .btn_ul li {
    width: auto;
}

#products .data_wrapp .sub_caption strong {
    font-size: 4.266667vw;
}


#products .dl_cont_wrapp .dl_content .note{
    margin-top: 2.133333vw;
}

#products .dl_cont_wrapp .dl_content .note p{
    text-align : left;
}

#products .dl_cont_wrapp .dl_content .note p strong{
    font-size: 3.2vw;
}


/******** story **********/

.story #page_header .video_wrapp {
    height: 840px;
    -webkit-mask-image: url(../images/en/story/mask_sp.png);
    -webkit-mask-size: 100% 8400px;
    mask-image: url(../images/en/story/mask_sp.png);
    mask-size: 100% 840px;
}

.story #page_header .text_wrapper .kv_catch p {
    font-size: 5.333333vw;
}



/******** system **********/

.system #page_header .text_wrapper .text_area h1 {
    font-size: 7.466667vw;
}

.system #page_header {
    margin-bottom: 55.2vw;
}

.system #page_header {
    margin-bottom: 50.133333vw;
}

.system #page_header .text_wrapper {
    top: 29.333333vw;
}

.system #page_header .header_caption {
    top: 138.666667vw;
}

.system .cont_wrapp .contents_box .caption_box p::before {
    background-image: url(../images/en/system/icon_contents_box02_sp.png);
}

.system .cont_wrapp .contents_box .catch {
    text-align: center;
}

.system .cont_wrapp .block_note {
    font-size: 3.2vw;
}

.system .cont_wrapp .contents_box .point_block .text_area::before{
    background-image: url(../images/en/system/icon_contents_box02_sp.png);
    top: -19.2vw;
}



/******** card **********/

.card #page_header {
    margin-bottom: 33.066667vw;
}

.card #page_header .text_wrapper .text_area .head_catch {
    font-size: 6.4vw;
    margin-top: 10.666667vw;
    margin-bottom: 3.2vw;
}

.card #page_header .text_wrapper .text_area .head_caption {
    margin-bottom: 17.066667vw;
}


.card #card_slider {
    margin-bottom: 25.6vw;
}

.card #card_slider .card_caption_block .name_en {
    font-size: 6.4vw;
    line-height: 1;
    margin-bottom: 3.2vw;
}

.card #card_slider .slider_wrapp .swiper-slide-active .card_inner .text_area .card_caption {
    font-size: 3.733333vw !important;
}


.card .card_type_wrapp .card_caption_block .name_en {
    font-size: 6.4vw;
    line-height: 1;
    margin-bottom: 3.2vw;
}

.card .card_type_wrapp .slider_area li .text_area .caption {
    font-size: 3.733333vw;
}


.card #book_list .blok_wrapper h2 {
    font-size: 6.4vw;
}

.card #book_list .note {
    font-size: 3.2vw;
}



/******** character **********/

.character .modal_cont .data_wrapp .text_area {
    width: auto;
}



/******** communication **********/

.communication .communication_main_wrapper .flex_note {
    font-size: 2.666667vw;
    margin-top: 4.8vw;
}

.communication .communication_main_wrapper .online_block01 .image_area .note {
    font-size: 2.4vw;
}

.communication .communication_main_wrapper .online_block01 .text_area .caption {
    font-size: 3.466667vw;
}





}