@charset "UTF-8";


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

	kr

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

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


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


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

.media_list li .list_head .icon.notice::after,
#news .list_wrapp .media_list li .list_head .icon.notice::after{
	content: '공지사항';
}

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

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

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


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

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

#kv_area .kv_cont .logo_catch {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--text_w);
    text-shadow: 0 0 4.356px #000;
    text-align: center;
    top: 153px;
    left: 9%;
    white-space: nowrap;
}

#kv_area .kv_cont .other_wrapp {
    top: 396px;
    left: 34px;
}

#kv_area .kv_cont .other_wrapp .date_area {
    margin-bottom: 8px;
}

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


#intro .intro_cont {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

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

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

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

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

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

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

#intro .intro_cont .cont_data .intro_whats .caption {
    font-size: 13.5px;
}

#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;
}


#package .dl_cont_wrapp{
    margin-top: 80px;
    justify-content: center;
}

#products .dl_cont_wrapp .dl_content:first-of-type::after {
    content: none;
}

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


#products .tabs__panel .cont_flex {
    margin-bottom: 0;
}






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

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



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

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

.system #page_header .header_caption {
    top: 547px;
}

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

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

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

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



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



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

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

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

.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;
}

.communication .communication_main_wrapper .online_block01 .image_area .note {
    font-size: 11px;
}









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

@media(max-width:1440px){

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

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

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

#kv_area .kv_cont .other_wrapp {
    top: 27.5vw;
    left: 2.361111vw;
}

#kv_area .kv_cont .other_wrapp .date_area {
    margin-bottom: 0.555556vw;
}

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

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

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

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

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

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

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

#intro .intro_cont .cont_data .intro_whats .caption {
    font-size: 0.937500vw;
}

#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;
}


#products .tabs__panel .cont_flex .image_box{

}

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





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

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



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

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

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

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



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

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

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

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




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

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

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





















}

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

@media(max-width:460px){

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


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

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

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

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

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

#news{
    padding: 10.666667vw 0 0;
}


#intro {
    margin-top: 0;
}

#intro .intro_cont {
    width: auto;
    top: 52%;
    left: 5.333333vw;
    right: 5.333333vw;
    transform: translate(0, -50%);
}

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

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

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

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

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

#intro .intro_cont .h2_wrapp h2 strong.sp-on {
    display: inline-block;
}

#intro .intro_cont .h2_wrapp h2 strong.pc-on {
    display: none;
}


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

#intro .intro_cont .cont_data .movie_block .note {
	font-size: 3.2vw;
	text-align: left;
	padding: 0 4vw 0 6.933333vw;
}

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

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

#intro .intro_cont .cont_data .caption_block p {
    margin-bottom: 1em;
}

#intro .intro_cont .cont_data .intro_whats .caption {
    font-size: 3.2vw;
}

.bg_wrapp01 {

}

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


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

#characters .header_title_top strong {
    margin: -5.333333vw 0 0 70.4vw;
}

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

#characters .characters_cont_data .caption_box p {
    white-space: unset;
}



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

#system .system_cont_data .caption_box {
    padding: 6.4vw 0;
}

#system .system_cont_data .caption_box p{
    font-size: 3.466667vw;
}


#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;
}


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




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

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



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

.system #page_header .text_wrapper .text_area h1 strong::after {
    width: 43.96%;
}


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

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

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

.system .cont_wrapp .contents_box .caption_box p::before {
    background-image: url(../images/kr/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 .arrow_block .block_cont .caption {
    font-size: 2.666667vw;
}


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




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

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

.card #page_header .text_wrapper {
    top: 27.733333vw;
}

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

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

.card #card_slider .slider_wrapp {
    height: auto;
    top: 36.8vw;
}

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



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

.character #page_header .text_wrapper .head_catch span::after {
    width: 54.4vw;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.character #page_header .text_wrapper .head_catch span:nth-of-type(2)::after {
    width: 42.666667vw;
}


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

.communication .communication_main_wrapper .online_block01 .text_area {
    margin-top: 12.533333vw;
}

.communication .communication_main_wrapper .flex_note {
    font-size: 2.4vw;
    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;
}

.communication .communication_main_wrapper .switch2_area .catch {
    font-size: 7.2vw;
}

.communication .communication_main_wrapper .switch2_area .caption {
    font-size: 3.2vw;
}


}