@charset "UTF-8";


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

	zh-TW

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

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

.media_list li .list_head .icon::after,
#news .list_wrapp .media_list li .list_head .icon::after{
    font-family: "Noto Serif HK", 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: 25px;
}

#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: 414px;
}

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

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

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

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

#kv_area .kv_cont .other_wrapp .reservation_btn {
    margin: 5px auto 0;
}


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

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

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

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

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

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

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

#bottom_banner_area .cont_link_ul {
    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 .cont_wrapp .contents_box .catch::before {
    background-image: url(../images/zh-TW/system/icon_contents_box02.png);
}

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

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

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

.system #advanced::after {
    top: -66.805556vw;
}


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



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

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

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

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

.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: 1.736111vw;
}



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

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

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

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

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

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

#kv_area .kv_cont .other_wrapp .reservation_btn {
    margin: 0.347222vw auto 0;
}


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

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

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

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

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

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

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


#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 .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 .blok_wrapper h2 {
    font-size: 4.097222vw;
}

.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: 4.533333vw;
    font-size: 4.613333vw;
}


#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: 8.533333vw;
}

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

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

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

#kv_area .kv_cont .other_wrapp .reservation_btn {
    margin: -1.6vw auto 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: 0;
}

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

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

#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 .h2_wrapp h2 strong::after {
    top: 1.333333vw;
}

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

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

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

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

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

#intro .intro_cont .cont_data .intro_whats .catch span{
    display: inline-block;
    font-weight: 700;
    margin-left: -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 77.333333vw;
}

#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 .video_wrapp {
    height: 186.666667vw;
    -webkit-mask-size: 100% 186.666667vw;
    mask-size: 100% 186.666667vw;
}

.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 .text_wrapper .text_area h1 strong::after {
    width: 42.62%;
}

.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/zh-TW/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/zh-TW/system/icon_contents_box02_sp.png);
    top: -19.2vw;
}

.system #advanced::after {
    top: -65.6vw;
}


/******** 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: 30.4vw;
}

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

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



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

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

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


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

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


}