@charset "utf-8";
* {
	min-height:0;
	min-width : 0;
	}

body{
	height: 100%;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; sans-serif;
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	font-size: 1.2em;
	background-color: #000;
	color:#333;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: unset;
	}

body.home {
	background: #190e57 url(../images/apps/img_210729_bb4f_home_bg.jpg) top right no-repeat;
	background-size: 100%;
	}

body.ps4switch {
	background: #190e57 url(../images/apps/img_200623_bb4f_bg.jpg) top right no-repeat;
	background-size: 80%;	
	}

body.steam {
	background: #190e57 url(../images/apps/img_210729_bb4f_steam_bg.jpg) top right no-repeat;
	background-size: 100%;
	}

	@media only screen and 
	(-webkit-min-device-pixel-ratio: 2),
	(min-resolution: 2dppx) {
	  body {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	  }
	}

	/*body:before {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	content: "";
	background: #8ebfe5;
	background: -moz-linear-gradient(top,  #8ebfe5 0%, #bff1ff 20%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #8ebfe5 0%,#bff1ff 20%,#ffffff 100%);
	background: linear-gradient(to bottom,  #8ebfe5 0%,#bff1ff 20%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ebfe5', endColorstr='#ffffff',GradientType=0 );
	}*/

a {
	color: #0f1158;
	text-decoration: underline;
	cursor: pointer;
	}
a:visited	{color: #0f1158;}
a:hover		{color: #282DD1;text-decoration: underline;}
a:focus, *:focus { outline:none;}

rt {font-size: 0.4em}


h2{box-sizing: border-box;padding: 0;margin: 0 0 100px 5%;}
h2 img {display: block;width: 50%;max-width: 640px;}

h2.Game{
	max-width: 1280px;
	margin: 1em auto;
	padding-bottom: 0.25em;
	font-size: 2em;
	text-align: center;
	border-bottom: 5px #52d015 dotted;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	color: #ffc60f;
	}

#English p{word-break: normal;}

@media only screen and (max-width: 768px) {h2.Game{font-size: 1.3em; line-height: 1.4em;}}


h3 {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	box-sizing: border-box;
	width: 95%;
	color:#0f1158;
	font-size: 2.4em;
	line-height: 1;
	display: block;
	margin: -1em auto 0.5em;
	padding: 0 0 0;
	flex-basis: 100%;
	text-shadow:
	#fff 2px 0px,  #fff -2px 0px,
    #fff 0px -2px, #fff 0px 2px,
    #fff 2px 2px , #fff -2px 2px,
    #fff 2px -2px, #fff -2px -2px,
    #fff 1px 2px,  #fff -1px 2px,
    #fff 1px -2px, #fff -1px -2px,
    #fff 2px 1px,  #fff -2px 1px,
    #fff 2px -1px, #fff -2px -1px;
	}


h3 img {
	/*display: block;
	width: 100%;
	max-width: 400px;
	position: absolute;
	left: 0px;
	top: -40px;
	z-index: 1000;*/
	}

h3 span {font-size: 0.8em;}

h4{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	color:#0f1158;
	font-size: 1.6em;
	line-height: 1.2;
	margin: 0;
	padding: 0 0.5em 0 0.5em;
	text-shadow: 
    #fff 2px 0px,  #fff -2px 0px,
    #fff 0px -2px, #fff 0px 2px,
    #fff 2px 2px , #fff -2px 2px,
    #fff 2px -2px, #fff -2px -2px,
    #fff 1px 2px,  #fff -1px 2px,
    #fff 1px -2px, #fff -1px -2px,
    #fff 2px 1px,  #fff -2px 1px,
    #fff 2px -1px, #fff -2px -1px;
	}

	.simple h4{width: 100%;}

h4:before {content: "●";}

h5 {
	margin: 0 0.5em;
	font-size: 1em;
	}

p {
	padding: 20px 40px 0 40px;
	line-height: 1.8;
	font-size: 0.9em;
	margin: 0 0 20px;
	}

dl {
	padding: 20px 40px 0 40px;
	line-height: 1.6;
	font-size: 0.8em;
	}

dt {
	font-weight: bold;
	margin: 0 0 0.5em;
	color: #419ee5;
	text-shadow: 
    #fff 2px 0px,  #fff -2px 0px,
    #fff 0px -2px, #fff 0px 2px,
    #fff 2px 2px , #fff -2px 2px,
    #fff 2px -2px, #fff -2px -2px,
    #fff 1px 2px,  #fff -1px 2px,
    #fff 1px -2px, #fff -1px -2px,
    #fff 2px 1px,  #fff -2px 1px,
    #fff 2px -1px, #fff -2px -1px;
	}

dd {margin: 0px;
	margin-bottom: 1em;
	font-size: 0.9em;
	/*color: #4D4D4D;*/
	}

dl.deco {
	margin: 30px;
	padding-bottom: 20px;
	/*border: 1px #419ee5 solid;*/
	background-color: rgba(168,223,254,0.15)
	}
@media only screen and (max-width: 768px){
	dl.deco	{margin: 10px;padding: 20px;}
}

ul {padding-left: 3em;	font-size: 0.9em;}
li {margin-bottom: 0.5em; line-height: 1.6em;}

ul.readme {
	float: right;
	font-size: 0.9em;
	}

ul.readme li {
	margin-bottom: 0.5em;
	line-height: 1.4em;
	}

table {
	border: none;
	border-collapse: collapse;
	margin: 1em auto 1em;
	}

th, td {
	border: none;
	padding: 5px 20px;
	vertical-align: top;
	}

th {
	word-break: keep-all;
	text-align: right;
	font-weight: bold;
	}

td {}

strong, .errorTxt {color:#e60012;}


/*フェード*/
a, .chronology h3, .modal img, #openBtn, nav ul li>a, nav ul li.dllink, nav ul li.Llink, .platformselect>div img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
	}

/*MS Edgeのバグ対応とりあえず*/
@supports (-ms-ime-align: auto) {
	a{transition: none;}
	}


/*上へもどる*/
#pageTop {
	position: fixed;
	bottom: 0px;
	right: 0px;
	padding: 0;
	margin: 0;
	z-index: 999;
	bottom: 0;
	right: 0;
	animation: bubblebase 1.1s ease-in-out 0s infinite normal;
	}

#pageTop a {
	display: block;
	height: 50px;
	width: 50px;
	background: url(../images/apps/img_191115_bb4f_bubble.png) no-repeat center center;
	background-size: cover;

	padding: 20px 20px;
	/*border: 3px rgb(115, 201, 217) solid;*/
	border-radius: 50px;
	/*box-shadow: 8.356px 9.959px 0px 0px rgba(118, 225, 255, 0.29);*/
	font-size: 1em;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	color: #fff;
	text-decoration: none;
	margin: 0 15px 15px 0;
	animation: bubble 1s linear 0s infinite normal;
	}

@keyframes bubble {
	0% {height: 50px;width: 50px;margin: 0 15px 15px 0;}
	25% {height: 45px;width: 55px;margin: 0 12px 17px 0;}
	50% {height: 50px;width: 50px;margin: 0 15px 15px 0;}
	75% {height: 55px;width: 45px;margin: 0 17px 12px 0;}
	100% {height: 50px;width: 50px;margin: 0 15px 15px 0;}
	}

@keyframes bubblehover {
	0% {height: 60px;width: 60px;margin: 0 10px 10px 0;}
	25% {height: 55px;width: 65px;margin: 0 7px 12px 0;}
	50% {height: 60px;width: 60px;margin: 0 10px 10px 0;}
	75% {height: 65px;width: 55px;margin: 0 12px 7px 0;}
	100% {height: 60px;width: 60px;margin: 0 10px 10px 0;}
	}

@keyframes bubblebase {
	0% {bottom: 0;}
	50% {bottom: 10px;}
	100% {bottom: 0;}
}

#pageTop a:hover {
	animation: bubblehover 1s linear 0s infinite normal;
	}




/*汎用ボタン*/
.button {padding: 0;margin: 10px auto 0;}
.button a {
	display: block;
	box-sizing: border-box;
	width: 93%;
	max-width: 600px;
	margin: 0 auto;
	padding: 15px 20px;
	border: 4px #0f1158 solid;
	border-radius: 40px;
	background-color: #FFF12F;
	box-shadow: 0px 0px 0px 2px rgba(255,255,255,1), 0px 8px 0px 0px rgba(0,0,0,0.2), 2px 2px 0 0 rgba(255,255,255,0.5) inset;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	color: #0f1158;
	text-decoration: none;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	}

.button a span {font-size:1.8em;}

.button.tweet a {
	background-color: #1da1f2;
	color: #fff;
	}
.button.disabled a {
	background-color: #666;
	}

.button a:hover {background-color: #293f8d;color:#fff;}

.button.disabled a:hover {opacity:1;cursor:default;}


.map .button {
	display: inline-block;
	margin: 0;
	vertical-align:baseline;
	}

.map .button a {
	font-size: 0.8em;
	font-weight: normal;
	padding: 0;
	width: 4em;
	line-height: 1.6;
	}


.twitterLink {
	margin-top: 0px;
	margin-bottom: 60px;
	}

.twitterLink a{
	max-width: 900px;
	margin: 0 auto 0;
	font-size: 1em;
	}

/*記事用*/
.small	{font-size: 0.6em;}
.large	{font-size: 1.2em;}
.big	{font-weight: bold;font-size: 1.8em;}
.center	{text-align: center;}
.spaced {padding: 1em;}
.left	{float: left;}
.right	{float: right;}
.attention {color: #FF0000;}
.clear {clear: both;}
.url{color: #FF0308;font-style: italic;}
.bold{font-weight: bold;}
.hide {display: none;}
.sun {color: #f00;}
.sat {color: #008FEB;}
.price {font-size: 1.4em;font-weight: bold;}
.sponly {display:none;}
.nosp{display:inherit;}
.markup{display:inline-block;font-size: 0.9em;color:#f60;}
.new {display:inline-block;background-color: #d71318;font-size: 0.6em;font-weight: bold;color:#fff;text-shadow: none;vertical-align:middle;padding: 3px 10px;border-radius: 10px;margin-left: 0.5em;}

/*ボタン用*/
.common {margin: 2.5% 2% 2.5% 2%;}

/*記事の関連URLリンク用大型ボタン*/
.big a {
	padding: 10px;
	margin: 2.5% 2% 2.5% 2%;
	}

.oldVersion {
	text-align: center;
	color: rgb(255,0,4);
	padding: 10px;
	}

/*大枠*/
.primaryContainer {
	margin: 0 auto;
	padding: 0;
	position: relative;
	line-height: 1.6;
	overflow: hidden;
	}

/*ヘッダ*/
header {
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto 20px;
	position: relative;
	}

/*Nintendo Switch ロゴ*/
.nslogo {
	position: absolute;
	z-index: 1001;
	top: 0;
	left: 25px;
	width: 20%;
	/*max-width: 100px;
	max-height: 100px;*/
	}

h1 {
	max-width: 650px;
	width: 52.5%;
	margin: 1em 0 0 0;
	padding-top: 4.5%;
	}
h1.home {
	max-width: 500px;
	width: 40%;
	margin: 0 auto;
	padding: 40px 20px;
	}

h1 img {display:block;width: 100%;}

.steam h1 {margin: 1em auto 0;}

#English h1{padding-top: 5.5%;}



/*ヘッダのキャプション*/
.catch {
	width: 36%;
	margin: 0 0 0 3.5em;
	}

.steam .catch {width:50%;margin: 1em auto 0;}


@media only screen and (max-width: 1300px) {
	.catch {width: 41%;}
	.steam .catch {width:50%;}
	}

.catch img{max-width: 100%;}

.catch p{
	box-sizing: border-box;
	color: #fff;
	padding: 0;
	margin: 0 0 0.5em;
	}
    


/*BBChリンク*/
.bbcWrap {
	background: rgba(0,0,0,0.25);
	width: 100%;
	padding: 20px 0 10px;
	margin: 50px 0;
	}

.bbcWrap div{max-width: 1280px; margin: auto; display: flex;}
#English .bbcWrap{margin: 90px 0;}

@media only screen and (max-width: 480px) {.bbcWrap div{display: block;}}

.bbcLink {
	max-width: 600px;
	margin: 0 auto;
	padding: 0;
	flex: 0 1 48%;
	}	

.bbcLink img {
	display: block;
	width: 100%;
	}

/*ナビゲーションメニュー*/
nav {padding: 20px 0;margin: 100px auto 0;}

#toggle {
	display: none;
	padding: 20px;
	position: fixed;
	top:5px;
	right:5px;
	z-index: 2999;
	width: 50px;
	height: 50px;
	background: rgb(0, 21, 95) url(../images/apps/toggle.svg) center center no-repeat;
	background-size: 73%;
	box-shadow: 5px 10px 0px 0px rgba(73,152,213,0.2);
	border: 3px rgb(115, 201, 217) solid;
	}

#toggle:hover {cursor: pointer;}

#menu img {
	height:30px;
	width:90px;
	vertical-align: top;
	}


#menu {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	}

#menu li {
	margin: 0;	
	}

#menu li>a {
	display: block;
	box-sizing: border-box;
	margin: 0 5px;
	padding: 5px 20px;
	border: 4px #0f1158 solid;
	border-radius: 20px;
	background-color: #FFF12F;
	box-shadow: 0px 0px 0px 2px rgba(255,255,255,1), 0px 8px 0px 0px rgba(0,0,0,0.2), 2px 2px 0 0 rgba(255,255,255,0.5) inset;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	color: #0f1158;
	text-decoration: none;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	}

#menu li>a img {}

#menu li>a:visited {color:#0f1158;}
#menu li>a:hover {background-color: #293f8d;color:#fff;}
#menu li.disabled a:hover {opacity:1;cursor:default;}

/*ダウンロードリンクのみ上に固定*/
#menu li.dllink, p.dllink {
	position: fixed;
	top: -5px;
	right: 20px;
	z-index: 3000;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	}
#menu li.dllink:hover{top: 0px;}

#menu li.dllink a, p.dllink a{
	padding: 20px 10px;
	border-radius: 0 0 10px 10px;
	background: #d71318;
	background: -moz-linear-gradient(top,  #d71318 0%, #be0000 99%);
	background: -webkit-linear-gradient(top,  #d71318 0%,#be0000 99%);
	background: linear-gradient(to bottom,  #d71318 0%,#be0000 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d71318', endColorstr='#be0000',GradientType=0 );
	box-shadow: 0px 10px 0px 0px rgba(0,0,0,0.2);
	border: 3px rgb(255,255,255) solid;
	border-top: none;
	font-size: 1.2em;
	}

#menu li.dllink a, #menu li.dllink a:hover, #menu li.dllink a:visited, p.dllink a, p.dllink a:hover, p.dllink a:visited{color:#fff;}

#menu li.dllink a img{width: 180px;heiht:30px;}

p.dllink{top: -15px; padding-top: 25px; right: 190px!important;}
.EN a{padding: 20px 40px 17px!important; text-decoration: none; font-family: 'M PLUS Rounded 1c', sans-serif;}

@media only screen and (max-width: 550px) {.EN{display: none;}}


/*ダウンロードリンク追記
#menu li.dllink_01,#menu li.dllink_02 {
	position: fixed;
	top: -5px;
	right: 20px;
	z-index: 3000;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	}
	
	#menu li.dllink_02 {right: 250px!important;}
	
	
#menu li.dllink_01:hover,#menu li.dllink_02:hover {top: 0px;}

#menu li.dllink_01 a,#menu li.dllink_02 a{
	padding: 20px 10px;
	border-radius: 0 0 10px 10px;
	background: #d71318;
	background: -moz-linear-gradient(top,  #d71318 0%, #be0000 99%);
	background: -webkit-linear-gradient(top,  #d71318 0%,#be0000 99%);
	background: linear-gradient(to bottom,  #d71318 0%,#be0000 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d71318', endColorstr='#be0000',GradientType=0 );
	box-shadow: 0px 10px 0px 0px rgba(0,0,0,0.2);
	border: 3px rgb(255,255,255) solid;
	border-top: none;
	font-size: 1.1em;
	}

#menu li.dllink_01 a, #menu li.dllink_01 a:hover, #menu li.dllink_01 a:visited,#menu li.dllink_02 a, #menu li.dllink_02 a:hover, #menu li.dllink_02 a:visited {color:#fff;}

#menu li.dllink_01 a img,#menu li.dllink_02 a img {width: 180px;heiht:30px;}*/

/*ダウンロードリンク追記 20210312*/
#menu li.swmenu {display: none;}
@media only screen and (max-width: 768px) {
    p.dllink{padding-top: 20px; right: 190px!important;}
    .EN a{padding: 20px 30px 15px!important; text-decoration: none; font-family: 'M PLUS Rounded 1c', sans-serif;}    
    
    #menu li.swmenu {display: block;}
    #menu li.swmenu a {color:#fff; background: linear-gradient(to bottom,  #d71318 0%,#be0000 99%);}
    }

@media only screen and (max-width: 480px) {p.dllink{display: none;}}

/*言語リンク*/
article.LSelect{
	position: fixed;
	width: 230px;
	height: 40px;
	top: -30px;
	right: 400px;
	display: block;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	z-index: 9999;
	}

	#English article.LSelect{right: 100px;}
	.DL{right: 400px!important;}
    .GameDL{right: 180px!important;}
    .GameDL a{padding: 0.5em 0; line-height: 1.4em;}

.center {
	position: absolute;
	display: inline-block;
	top: 50%; left: 50%;
	}

/** Custom Select **/
.custom-select-wrapper {position: relative; display: inline-block; user-select: none;}
.custom-select-wrapper select {display: none;}
.custom-select {position: relative; display: inline-block;}

.custom-select-trigger {
	width: 130px;
	padding: 4px 40px 4px 22px;
	font-size: 1.1em;
	color: #fff;
	line-height: 60px;
	position: relative;
	display: block;
	background: #d71318;
	background: -moz-linear-gradient(top,  #d71318 0%, #be0000 99%);
	background: -webkit-linear-gradient(top,  #d71318 0%,#be0000 99%);
	background: linear-gradient(to bottom,  #d71318 0%,#be0000 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d71318', endColorstr='#be0000',GradientType=0 );
	box-shadow: 0px 10px 0px 0px rgba(0,0,0,0.2);
	border: 3px rgb(255,255,255) solid;
	border-radius: 10px;
	cursor: pointer;
    }

    .GameDL .custom-select-trigger{width: 190px;}

.custom-select-trigger:after {
	position: absolute;
	display: block;
	content: '';
	width: 10px; height: 10px;
	top: 50%; right: 25px;
	margin-top: -3px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg) translateY(-50%);
	transition: all .4s ease-in-out;
	transform-origin: 50% 0;
	}

.custom-select.opened .custom-select-trigger:after {margin-top: 3px; transform: rotate(-135deg) translateY(-50%);}

.custom-options {
	position: absolute;
    display: block;
    top: 100%; left: 0; right: 0;
    min-width: 100%;
    margin: 15px 0;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
	}

.custom-select.opened .custom-options {
	opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
	}

.custom-options:before {
	position: absolute;
	display: block;
	content: '';
	bottom: 100%; right: 25px;
	width: 7px; height: 7px;
	margin-bottom: -4px;
	border-top: 1px solid #b5b5b5;
	border-left: 1px solid #b5b5b5;
	background: #fff;
	transform: rotate(45deg);
	transition: all .4s ease-in-out;
    }

.option-hover:before {background: #f9f9f9;}

.custom-option {
	position: relative;
	display: block;
	padding: 0 22px;
	border-bottom: 1px solid #b5b5b5;
	font-size: 1.1em;
	font-weight: 600;
	color: #b5b5b5;
	line-height: 47px;
	cursor: pointer;
	transition: all .4s ease-in-out;
    }

.custom-option:first-of-type {border-radius: 4px 4px 0 0;}
.custom-option:last-of-type {border-bottom: 0; border-radius: 0 0 4px 4px;}
.custom-option:hover,.custom-option.selection {background: #f9f9f9;}
a.custom-option{color: #b5b5b5!important; text-decoration: none!important;}

@media only screen and (max-width: 768px) {
article.LSelect{
	width: 100px;
	height: 28px;
	right: 200px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	}
	
	#English article.LSelect{right: 200px;}
	.DL{right: 200px!important;}
    .GameDL{display: none!important;}
	
.custom-select-trigger {width: 110px; padding: 6px 40px 0 20px;}
}


@media only screen and (max-width: 480px) {

/*言語リンク*/
article.LSelect{
	width: 85px;
	height: 30px;
	top: -7px;
	right: 175px;
	}

	#English article.LSelect{right: 175px;}
	.DL{right: 175px!important;}
    .GameDL{display: none!important;}

.custom-select-trigger {
	width: 85px;
	padding: 4px 40px 4px 20px;
	font-size: 18px;
	line-height: 35px;
	box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.2);
	border: 2px rgb(255,255,255) solid;
    }

.custom-select-trigger:after {right: 15px;}
.custom-option {font-size: 16px; color: #b5b5b5;}
}



@media only screen and (max-width: 768px) {
	body.home {
		background-size: 130%;
		}

	body.ps4switch{
		background: #190e57 url(../images/apps/img_200623_bb4f_bg_sp.jpg) top center no-repeat;
		background-size: 100%;
		}

	body.steam{
		background: #190e57 url(../images/apps/img_210729_bb4f_steam_bg_sp.jpg) top center no-repeat;
		background-size: 100%;
		}
	
	#toggle {display: block;}
	nav {padding: 0;margin: 0;}
	#menu {
		display: none;
		width: 97%;
		position: fixed;
		top: 58px;
		left: 1.5%;
		z-index: 9999;
		}
	#menu img {width: 110px;}
	
	#menu li {}
	
	#menu li.dllink,#menu li.dllink_01,#menu li.dllink_02 {
		display: block;
		position: static;
		top: auto;
		right: inherit;
		}
		
	#menu li>a, #menu li.dllink a, #menu li.dllink_01 a, #menu li.dllink_02 a {
		border-radius: 0;
		border: none;
		/*border-bottom: 1px rgb(115, 201, 217) solid;*/
		border-bottom: 1px #000 solid;
		padding: 15px;
		margin: 0;
		box-shadow: 0px 8px 0px 0px rgba(0,0,0,0.2);
		background-color: #fff;
		}

	#menu li.manual {
		background-color: #fff;
		padding-bottom: 30px;
		font-size: 1em;
		}
	
	h3 img {}
	.nslogo {width: 30%; top:15px; left:15px;} 

	h1 {padding-top: 6%; width:80%; padding-left:12%; margin: 0; text-align: center;}
	h1.home {width: 70%;}
	.steam h1 {padding-top: 10%; width:80%; padding-left:0; margin: 0 auto; text-align: center;}
	
	.catch {width: 90%; margin: 0 auto; padding-top: 60%; text-align: center;}
	.steam .catch {width:95%;}
	}

@media only screen and (max-width: 480px) {
	.nslogo {top: 10px; left: 10px;} 

	h1 {padding-top: 13.5%; width:74%; padding-left: 15%; margin: 0; text-align: center;}
	h1.home {width: 80%;padding-bottom: 50px;}
	.steam h1 {padding-top: 13.5%; width:74%; padding-left: 0; margin: 0 auto; text-align: center;}

	#English h1 {padding-top: 11.5%; width:74%; padding-left: 15%; margin: 0; text-align: center;}
	}





/*コンテンツ全体をラップ*/
main {
    float: none;
    height: auto;
    margin: 0px auto;
    clear: none;
	width: 100%;
    display: block;
	overflow: visible;
	}

section {
	box-sizing: border-box;
	width: 95%;
    max-width: 1280px;
	padding: 20px;
	margin: 0 auto 80px;
	align-items: flex-start;
	flex-wrap: wrap;
	background-color: #fff;
	border: 5px #52d015 solid;
	border-radius: 20px;
	/*box-shadow: 20px 20px 0 5px rgba(10,87,142,0.15);*/
	}

section img {
	display: block;
	width: 100%;
	margin: 5px;
	}

section img.characters {
	max-width: 600px;
	margin: 0 auto;
	}

section img.fire {
	border: 4px #a3d4da solid;
	box-shadow: 0 0 0 6px #d8eeef;
	}

section.wigets {
	border: none;
	background: rgba(0,0,0,0.25);
	width: 100%;
	max-width: inherit;
	margin: 0 auto 80px;
	padding: 20px 0;
	border-radius: 0;
	}

section.wigets>div {max-width: 1280px;margin: 0 auto;}

/*youtube*/
section.movie {
	max-width:inherit;
	width: 100%;
	padding: 5px;
	background-color: rgba(10,87,142,0.6);
	box-shadow: none;
	border: none;
	border-radius: 0;
	}

section.movie>div {
	max-width: 800px;
	margin: 0 auto;
	padding: 0;
	}

.youtube {
	margin: 0 auto;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	border-radius: 6px;
	}

.youtube iframe {
	position:absolute !important;
	top:0 !important;
	left:0 !important;
	width:100% !important;
	height:100% !important;
	}

/**/
section div.movieOuter .youtube {margin: 10px;padding-bottom: 50%;}
section div.movieOuter h4 {margin-bottom:20px;}

/*Twitter*/
.twitter {
	margin: 0 auto;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	border-radius: 6px;
	border: 1px rgba(0,0,0,0.25) solid;
	}

.twitter iframe {width: 740px !important;height: auto;}

section.news {
	margin-top: -20px;
	padding: 20px 20px 10px 10px;
	}

section.news h3 {
	}

section.news ul {margin-top: 5px;font-size: 0.9em;color: #0f1158;list-style-type: none;}
section.news li {margin-bottom: 0.5em;}
section.news li>span {font-weight: bold;margin-right: 1em;}
section.news a, section.news a:hover, section.news a:visited {
	text-decoration: none;
	}

#newsOpen {box-sizing: border-box;display: block;margin: 0 0 20px;padding: 0;text-align: center;width: 100%;font-weight: bold;font-size: 0.8em;}
#newsBox {height: 3em;overflow: hidden;}


section.musicList {
	background: none;
	border: none;
	margin-bottom: 80px;
	}

section.musicList h4 {
	color: #333;
	padding: 0 0.5em;
	}

section.musicList p {
	padding: 0 15px 0;
	font-size: 0.8em;
	color: #2093e3;
	}

.andmore {}
.andmore img {display: block;margin-left: auto;width: 100%;max-width:400px;}

section.links {
	background: none;
	border: none;
	}

section.copyrights {
	background: none;
	border: none;
	}
section.copyrights .flexBox {align-items: flex-start;}
section.copyrights ul {list-style-type: none;font-size: 0.6em;}
section.copyrights li {margin-bottom: 0.1em;}
section.copyrights p {font-size: 0.6em;}



ul.SNS_Share{margin: 0; padding: 5em 0 10em 0; text-align:center;}
.top{padding: 0 0 5em!important;}


ul.SNS_Share li{
	width:50px;
	height:50px;
	display:inline-block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	margin-left: 2%;
	margin-right: 2%;
	text-align: center;
	list-style-type:none;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5)
	}


/*ECサイトへのリンクボタン専用*/
.shopLink {
	list-style-type: none;
	margin: 0 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	justify-content: center;
	}

.shopLink li {
	margin: 0 1% 0;
	padding: 0 0 10px 0;
	flex-basis: 47%;
	}

.shopLink li.wide {
	flex-basis: 95%;
	max-width: 800px; margin: 1em auto 1em;
	}

.shopLink li>a {
	box-sizing: border-box;
	display: block;
	padding: 10px 0;
	border-radius: 20px;
	border: 4px #000 solid;
	box-shadow: 2px 2px 0 0 rgba(255,255,255,0.5) inset;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	background-color: #cccccc;
	color: #000;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.2em;
	text-decoration: none;
	}

.shopLink .Amazon a {
	background-color: #febd69;
	color: #232f3f;
	}

.shopLink .Rakuten a {
	background-color: #be0000;
	color: #fff;
	}

.shopLink .ebten a {
	background-color: #ee1d22;
	color: #fff;
	}

.shopLink .beep a {
	background-color: #3db500;
	color: #fff;
	}

.shopLink .disable a, .shopLink .disable a:hover {
	opacity: 0.3;
	cursor: default;
	}

.shopLink li>a:hover {opacity: 0.7;}



/*タブ切り替え*/
input[type="radio"]{display:none;}

.tab_area {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	text-align: center;
	display: flex;
	justify-content: center;
	}

.tab_area label {
	z-index: 2000;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	box-sizing: border-box;
	flex-basis: 40%;
	margin: 0 2% -5px;
	display: inline-block;
	padding: 12px 0;
	color: #14237b;
	background: #ffe88c;
	border: 4px #56cd18 solid;
	box-shadow: 0 -20px 20px 0 rgba(0,0,0,0.1) inset, 2px 2px 0 0 rgba(255,255,255,1) inset;
	border-radius: 20px 20px 0 0;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	cursor:pointer;
	transition:ease 0.3s opacity;
	text-shadow: 
    #fff 2px 0px,  #fff -2px 0px,
    #fff 0px -2px, #fff 0px 2px,
    #fff 2px 2px , #fff -2px 2px,
    #fff 2px -2px, #fff -2px -2px,
    #fff 1px 2px,  #fff -1px 2px,
    #fff 1px -2px, #fff -1px -2px,
    #fff 2px 1px,  #fff -2px 1px,
    #fff 2px -1px, #fff -2px -1px;
	}

.tab_area label:hover{}

/*BOX中身*/
.tab_panel {
	display:none;
	}


/*タブ選択中*/
#tab1:checked ~ .tab_area .tab1_label,
#tab2:checked ~ .tab_area .tab2_label,
#tab3:checked ~ .tab_area .tab3_label {
	background:#fff;
	box-shadow: none;
	border-bottom: 4px #fff solid;
	}

/*タブ選択に合わせてBOXをアクティブに*/
#tab1:checked ~ #panel1,
#tab2:checked ~ #panel2,
#tab3:checked ~ #panel3 {
	display:block;
	}


/*.slideContent div {width:100%;}
.slideContent div>img {display:block;width:100%;}*/

/*.slideContent {width: auto;}
.slideContent div{background: #f00;width: 100%;}
.slideContent div>img {display:inline-block;width:100%;}
*/
footer {
	box-sizing: border-box;
	padding: 0 0 50px;
	background: url(../images/fotter_dot.svg) top center repeat-x;
	text-align: center;
	color: #fff;
	}

footer .makerLogo {
	width: 200px;
	margin: 0 auto 30px;
	}

footer p.typex	{margin-bottom: 30px;}
footer p.typex img {
	width: 100%;
	max-width: 310px;
	}

footer p.copyright {
	margin: auto;
	font-size: 0.6em;
	}

footer ul {
	flex: 1;
	height: 1em;
	padding: 0;
	margin: 10px auto;
	text-align: center;
	font-size: 0.8em;
	}

footer ul li {
	display: inline-block;
	list-style-type: none;
	border-right: 1px #fff solid;
	padding: 0 10px;
	text-align: center;
	line-height: 1;
	}

footer ul li:last-child {
	border: none;
	}

footer ul li a {
	color: #ff0;
	text-decoration: none;
	}
footer ul li a:visited	{color: #ff0;}
footer ul li a:hover	{color: #fff;}


@media only screen and (max-width: 768px) {
h2{width: 80%; margin: -10px auto 0;}
h2 img {width: 100%;}
ul {padding-left: 2em;}
p {padding: 20px 10px 0 10px;}
.capcom-taito	{width:60%;margin:15% auto 0;}

.sponly {display: block;}
.nosp {display:none;}
main {width:100%;}
rt {font-size: 0.5em}
h2 {font-size:1.4em;}
h3 {font-size:1.8em; margin-top: -1.4em; line-height: 1.4em;}
h4 {font-size: 1.2em;padding-left: 0;}
.lineBtn {display: block;}
.button {padding: 0;margin: 10px auto 0;}
.button.fixed {position:inherit;width: 95%;margin: 20px auto 40px;}
.sub p {text-align: center;}
section.musicList h4 {font-size: 0.9em;}
section.musicList p {font-size: 0.7em;}
#newsBox {height: 6em;}
.andmore img {max-width:250px;}
}


@media only screen and (max-width: 480px) {
table {width: 95%;margin: 0 auto;box-sizing: border-box;}
th, td {display: block;width: 100%;box-sizing: border-box;}
th {padding: 0.5em 0.75em 0.5em 0.5em;border-radius: 10px; word-break: normal;text-align: left;font-size: 0.9em;background-color: #28D31B;color:#fff;margin-bottom: 1em;}
td {padding:0 0.75em 10px 1em;/*border-bottom: 1px #14237b solid*/;font-size: 0.8em;margin-bottom: 1em;}
h2 {font-size:1.2em;}
h3 {font-size: 1.3em; line-height: 1.2em; margin-top: -1.5em; margin-bottom: 1em;}
h3#about {margin-bottom: 0!important;}
h4 {font-size: 1.1em;}
.button a {font-size: 0.9em;}
.shareButtons div {margin-right: 10px;}
.artist>div>div h3 {font-size: 0.8em;}
footer {padding-bottom: 100px;}
footer ul {font-size:0.7em}
footer p.copyright {font-size: 0.6em;}
}

/*FlexBox*/
.flexBox {
	display: flex;
	box-sizing: border-box;
	justify-content:center;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 20px;
	}

.musicList>.flexBox {
	align-items: flex-start;
	}

	.flexBox>div, .flexBox>p {
		display: block;
		box-sizing: border-box;
		flex-basis: 25%;
		height: auto;
		padding: 0;
		margin: 0 0 20px;
		}

.flexBox>div img {
	display: block;
	width: 95%;
	height: 95%;
	margin: 2.5%;
	}

.platformselect>div img:hover {
	width: 100%;
	height: 100%;
	margin: 0;
	}

.simple{justify-content: flex-start!important;}
@media only screen and (max-width: 768px){.simple>div{margin: 0!important;}}

.bottom {
	align-items: flex-end;
	}

.top {
	align-items: flex-start;
	} 

.musicList .flexBox>div img {
	box-shadow: 10px 10px 0 rgba(118, 225, 255, 0.15);
	}

.boxset5>div {flex-basis: 20%;}
.boxset4>div {flex-basis: 25%;}
.boxset3>div {flex-basis: 33.3%;}
.boxset2>div {flex-basis: 50%;margin-bottom: 40px;}
.platformselect>div {margin-bottom: 0;}
section.wigets>div>div {flex-basis: 48%;margin: 0 1%;}

@media only screen and (max-width: 768px){
.boxset5>div {flex-basis: 33.3%;}
.boxset4>div {flex-basis: 33.3%;}
.boxset3>div {flex-basis: 50%;}
.boxset2>div {flex-basis: 100%;}
.platformselect>div {flex-basis: 50%;}
section.wigets {padding-bottom: 5px;}
section.wigets>div>div, section.movieContents>div>div {flex-basis: 98%;margin: 0 1%;margin-bottom: 20px;}
}

@media only screen and (max-width: 480px){
.boxset5>div {flex-basis: 50%;}
.boxset4>div {flex-basis: 50%;}
.boxset3>div {flex-basis: 100%;}
.boxset2>div {flex-basis: 100%;}
.platformselect {margin-bottom: 100px;}
.platformselect>div {flex-basis: 50%;}
.platformselect>div img {
	width: 100%;
	height: 100%;
	margin: 0;
	}
}


h4.cp{padding: 0.5em 1em; border-radius: 10px; color: #FFF; background: #0f1158; text-shadow: none;}
h4.cp::before{content: ""}
h4.cp + p{padding: 20px 20px 0 20px;}

h5.info{
    margin: 0 0 0 16px;
    padding: 0 0 0 0.75em;
    border-left: 13px solid #0f1158;
    color: #0f1158;
    font-size: 1.1em;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    }
h5.info + p{padding: 10px 35px 5px 45px;}
img + h5.info{margin: 20px 0 0 16px;}


/*ページ末尾のバナー*/
.DL_links{display: flex;}
.DL_links div{flex: 0 1 33%; margin: auto;}

@media only screen and (max-width: 768px){
	.DL_links div{flex: 0 1 50%;}
}

@media only screen and (max-width: 480px){.DL_links{display: block;}}