@charset "UTF-8";
@font-face {
font-family: 'Noto Sans JP';
  src: url("font_subset.woff") format("woff")
}
/* CSS Document */
/* 基本情報 */
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}
a{color:#FFF;text-decoration: none;}
a:hover{color:#FFFF00;}

@keyframes bodyFadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}
 @-webkit-keyframes bodyFadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}
img {
	max-width: 100%;
	height: auto;
}
body {
	animation: bodyFadeIn 2s ease 0s 1 normal;
	-webkit-animation: bodyFadeIn 2s ease 0s 1 normal;
    background:#000;color:#FFF;
font-family: 'Noto Sans JP', sans-serif;
}

ol, ul {
	list-style: none;
	list-style-type: none;
}

/* メニュー */
h1{font-size:0;line-height: 0;color:#000;}
#wrapper_kabuto{width:100%;margin:0 auto;padding-bottom:50px;background: url(../../_img/bg.jpg) center top repeat-x;background-attachment: fixed;}

#wrapper_kabuto nav#kabutoMenu{width:100%;height:182px;margin:0 auto;padding:0;background: url("../../_img/bg_header.png") repeat-x center top;position:relative;box-sizing: border-box;z-index:10;}
#wrapper_kabuto nav#kabutoMenu ul li.navlogo{width:233px;margin-top:-30px;}
#wrapper_kabuto nav#kabutoMenu ul{width:1200px; margin:23px auto 0; display:flex;color:#454545;}
#wrapper_kabuto nav#kabutoMenu ul li{margin: 0 5px;}
#wrapper_kabuto nav#kabutoMenu h1{text-align:center;font-size:15px; line-height:1.2em;padding-top:10px;}

/* メインビジュアル */
div#mainVisual{width:1200px;height:800px; margin:0 auto; position: relative;z-index:0}

div#mainVisual div{position: absolute;}

div#mainVisual .top_title {width:603px; bottom:30px; right:0px; ;z-index:4;}
div#mainVisual .top_copy1{width:466px;top:00px; right:0; z-index:4;}
div#mainVisual .top_info{width:413px; bottom :10px; left:0; z-index:4;}
div#mainVisual .top_logo {width:375px; top:10px; left:0px; ;z-index:4;}

div#mainVisual .top_toy1 {width:305px; top:0px; left:-160px; right:0; margin: 0 auto;z-index:3;}
div#mainVisual .top_toy2 {width:371px; top:100px; left:0; right:-200px; margin: 0 auto;z-index:2;}
div#mainVisual .top_toy2_2 {width:209px; top:110px; left:0; right:-38px; margin: 0 auto;z-index:4;}

div#mainVisual .top_push1 {width:220px; top:400px; left:-240px; right:0px; margin: 0 auto;z-index:2;}
div#mainVisual .top_push2 {width:175px; top:200px; left:-640px; right:0px; margin: 0 auto;z-index:2;}
div#mainVisual .top_push3 {width:162px; top:300px; left:0; right:-830px; margin: 0 auto;z-index:2;}
div#mainVisual .top_push4 {width:127px; top:90px; left:0; right:-500px; margin: 0 auto;z-index:2;}

div#mainVisual .top_effects {width:817px; top:160px; left:0; right:-160px; margin: 0 auto;z-index:1;}
div#mainVisual .top_base {width:1126px; top:230px; left:0; right:0px; margin: 0 auto;z-index:0;}



/* スライドバナー */
div#mainBanners{width:100%;margin:0 auto;position: relative;z-index:1}
div#mainBanners li.bn img{width:100%;}
div#mainBanners li.bn{padding:0 15px;}

/* 共通section */
#contents {
width: 100%;
padding: 0;
background: #000;
}

#wrapper_kabuto section{width:1022px;margin:70px auto 90px;position: relative;background: url("../../_img/table_bg.png")repeat-y;}
#wrapper_kabuto.kabuto_top section{margin:70px auto 160px;}

#wrapper_kabuto section:before{
content:"";display:block;
background: url('../../_img/table_header.png') center top no-repeat;width:1022px;height:68px;position: absolute;top:-68px; }

#wrapper_kabuto section:after{
content:"";display:block;
background: url('../../_img/table_footer.png') center top no-repeat;width:1022px;height:80px;position: absolute;bottom:-80px; }

#wrapper_kabuto section .inner{width:90%;margin:30px auto;}

#wrapper_kabuto section h2{width:450px;padding-top:30px; margin:0px auto;font-size:0;}


ul#cp_list{width:100%;display: flex;flex-wrap:wrap;justify-content: center;}
ul#cp_list li{width:100%; margin:1% 0;}


/* movie embed*/
.box_video{
    width:100%;
    margin:0px auto;
	height:0;
	padding-bottom:56%;
	position:relative;
}

.box_video iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*最新ニュース */
ul#newsList{width: 85%;height:200px;overflow-y: scroll;
margin: 30px auto;}
ul#newsList li{margin:20px 0;border-bottom:1px dashed #FFF;padding-bottom:20px;}
ul#newsList li:last-child{border-bottom:none;}
ul#newsList li .days{color:#FFFF00;}

/* about */
section#about p{text-align:center;margin:30px 0;}

/* 遊び方PLAY */
section#play ul{width:85%;margin:30px auto;display: flex;flex-wrap: wrap;}
section#play ul.single li{width:48%; margin:1%;background:#FFF; padding:20px;color:#000;text-align:center;border-radius: 20px;border:6px solid #FF6c00;}
section#play ul.single li p{text-align:left;margin-top:10px;}

section#play .playBox2{width:85%;margin:30px auto;background:#FFF; border-radius: 20px; border:6px solid #FF6c00;padding:20px;color:#000;font-size:16px;text-align:left;line-height:1.1em;}
section#play .playBox2 span{background:#FF6c00;padding:3px 10px;color:#FFF;}
section#play .playBox2 p{margin-top:10px;line-height:1.3em;}

section#play .playBox2 .pictRight{width:55%; float:right;margin:0 0 20px 20px;}
section#play .playBox2 .pictLeft{width:30%; float:left;margin:0 20px 20px 0px;}

section#play .playBox2 .inner2{width:100%;margin:20px auto;border:1px solid #00a6c0; border-radius: 10px; padding:10px;color:#000;}

section#play h3{line-height:1em;color:#FF6c00;font-size:30px; text-align:center;margin:15px 0 0 0;}
section#play .inner2 h3{color:#00a6c0;}
section#play ul.rule{width:100%;margin:20px auto 0; display:flex; flex-wrap: nowrap;font-size:14px;line-height:1.1em;}
section#play ul.rule li img{width:100%;}
section#play ul.rule li {width:31%; margin:0 1%;}
section#play p.caution{text-align:center; font-size:14px!important;line-height:1.1em;}

/* 商品ラインナップ */

section#lineup .hideList {
display: none;
margin-top: 30px;
clear: both;
}
.btnP span{width:300px;text-align:center;border:1px solid #FFF;padding:10px;margin:0 auto;display:block;}

section#lineup ul#lineupList{width:85%;margin:50px auto;display:flex;flex-wrap: wrap;}
section#lineup ul#lineupList li{width:24%; margin:0.5% 0.5% 3%;}
section#lineup ul#lineupList li btn{margin-bottom:2%:}


section#lineup h3,section#movie h3{width:85%;margin:40px auto 0;font-size:21px;text-align:center;padding:5px 0;color:#000;background:#33ff00;}

section#collabo h3{width:90%;margin:40px auto 0;font-size:21px;text-align:center;padding:5px 0;color:#000;background:#33ff00;}

section#lineup dl.lineupItem , #lineup .item1{width:85%;margin:30px auto;padding:30px;box-sizing: border-box;border:2px solid #33ff00;}
#lineup .item1 img{margin-bottom:20px;}
section#lineup dl dt{width:48%; float:left;}
section#lineup dl.itemYoko dt{width:85%;margin:0 auto; float:none;}

section#lineup dt img{width:100%;}
section#lineup dl dd{width:48%; margin-left:50%;}
section#lineup dl.itemYoko dd{width:100%; margin:1em auto 0;}

section#lineup dd p,#lineup .item1 p{margin-bottom:15px;}
section#lineup dd .title,#lineup .item1 .title{font-size:32px; color:#FFFF00;line-height:1.1em;}
section#lineup dd .copy span,#lineup .item1 .copy span{background:#FFF; color:#000;padding:5px;font-size:15px;}
section#lineup dd .spec,#lineup .item1 .spec{border:1px solid #FFF;padding:0.5em;line-height:1.4em;}

section#lineup .detail{width:900px;margin:20px auto; }
section#lineup .detail img{margin-bottom:10px;}

section#lineup ul#detailList{display: flex; flex-wrap: wrap;}
section#lineup ul#detailList li{width:24%;margin:0.5%;}
section#lineup ul#detailList li img{border:2px solid #33ff00}

/* ムービー*/
section#movie ul#mvList{display: flex;flex-wrap:wrap;}
section#movie ul#mvList li{width:47.9%;margin:1%;border:1px solid #33ff00;position:relative;padding-bottom:2em;}
section#movie ul#mvList li p.title{width:100%;background:#33ff00;font-size:14px;padding:4px 0;color:#000;position: absolute;bottom:0;}
section#movie ul#mvList li p.new{background-color:#FF0000;color:#FFF;letter-spacing: 0.2em;font-size:20px;}




section#movie #animeImg{width:730px; margin:100px auto 0;}
section#movie ul#mvBtnList{display: flex;flex-wrap:wrap;}
section#movie ul#mvBtnList li{width:48%;margin:1%;}

section#movie{text-align:center;}
section#movie strong{font-size:35px;}
section#movie .copyright{font-size:12px;}
section#movie .anime1{width:70%;margin:40px auto;border:1px solid #999;}

/* キャンペーン*/
section#campaign,section#campaign p{text-align:center;}
section#campaign p strong{font-size:32px;}
#caution{text-align:center;font-size:14px;line-height:1.3em;}

/* コラボ*/
section#collabo{text-align:center; margin-bottom:100px;}
section#collabo strong{font-size:32px;font-weight:bold;}
section#collabo #mainVisual1{width:900px; margin:50px auto;}

dl#collabo{width:900px; margin:0 auto;}
dl#collabo dt{width:50%; float:left;}
dl#collabo dd{width:50%; margin-left:50%;}

/* ボタン*/
.btn{display:block;width:100%;background-color:#FF0000;color:#fff;text-align:center;padding:12px 0;margin-top:10px;font-size:20px;line-height:1.1em;letter-spacing: 0.2em;position: relative;}


.btns{display: flex;flex-wrap: nowrap;}
.btns .button{width:49%; margin:0.5%;}

a.btnMV{display:block;width:100%;background-color:#33ff00;color:#000;border-radius:12px;  text-align:center;padding:10px 0;margin-top:10px;font-size:17px;line-height:1.2em;letter-spacing: 0.1em;position: relative;padding-right:50px;box-sizing: border-box;position: relative;}
a.btnMV:hover{color:#CC0000;}
a.btnMV:before{
content:'';display: inline-block;
background: url(../../movie/_img/btn_mv.png) no-repeat; width: 50px;height: 35px;
background-size: contain;
vertical-align: middle;
position: absolute;z-index: 1;
right:0; top: 50%;
    transform: translate(-30%, -50%);
    -webkit-transform: translate(-30%, -50%);
    -ms-transform: translate(-30%, -50%);}
a.btnMV:hover:before{
background: url(../../movie/_img/btn_mv_on.png) no-repeat;
}




#news .btn{width:33%;margin-top:50px;}

#wrapper_kabuto section button {
font-family: 'Noto Sans JP', sans-serif;
width: 100%;
/* max-width: 293px; */
margin: 10px auto 10px;
padding: 12px 0;
font-size: 20px;
line-height: 1.1em;
background:#FF0000;
cursor: pointer;border: none;
outline: none;
}

#wrapper_kabuto section#app button {width:60%;position: absolute;bottom:30px;left:0;right:0;margin:0 auto;}
#wrapper_kabuto button a{
	text-decoration: none;
	color: #FFF;
	display: block;
}

.btnTextU{text-align:center; font-size:14px;color:#6a2d00;}


/* 下層ページ汎用*/
#mainImg{width:890px;margin:0 auto;position: relative;z-index:2;}

section ul.menu1{width:800px;margin:0 auto; display: flex; flex-wrap: nowrap;}
section ul.menu1.lineupList{flex-wrap: wrap!important;}
section ul.menu1 li{width:360px; margin:0 20px;position:relative;padding-bottom:90px;}
section ul.menu1.lineupList li{width:360px; margin:0 20px 50px;position:relative;padding-bottom:90px;}

dl#footerText{width:900px; margin:0 auto;font-size:12px;text-align:left;}
dl#footerText dt{width:70%; float:left;}
dl#footerText dd{width:30%; margin-left:70%;}

dl#footerText p{color:#000;color:#FFF;
    text-shadow:  black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;}


#kinBlock{width:1000px; height:587px;margin:-80px auto -60px;position: relative;}


/* clearfix */
.clearfix {
	zoom: 1;
}
.clearfix:after, ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}