@charset "UTF-8";
/* 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: bokutoh-ruika,sans-serif;
font-weight: 100;
font-style: normal;
}

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

/* メニュー */
h1{font-size:0;line-height: 0;}
#wrapper_datafig{width:100%;margin:0 auto;background: url(../../_img/bg.jpg) center top repeat-x;background-attachment: fixed;}
#wrapper_datafig nav#datafigMenu{width:100%;height:94px;margin:0 auto;padding:0;background: url("../../_img/nav_bg.gif") no-repeat center top;position:relative;box-sizing: border-box;z-index:10;}
#wrapper_datafig nav#datafigMenu #navlogo{width:159px; position:absolute; top:29px;left:0;right:0; margin:0 auto;}
#wrapper_datafig nav#datafigMenu ul{width:1100px; margin:33px auto 0; display:flex;color:#454545;}
#wrapper_datafig nav#datafigMenu ul li{margin: 0 10px;}
#wrapper_datafig nav#datafigMenu ul li:nth-child(5){margin-left:370px;}
#wrapper_datafig nav#datafigMenu h1{text-align:center;color:#FFF;font-size:12px; line-height:1.2em;letter-spacing: 0.3em}

/* メインビジュアル */
div#mainVisual{width:1100px;height:800px; margin:0 auto; position: relative;}
div#mainVisual #top_text{width:414px; position:absolute; top:7px; left:-50px; right:0; margin: 0 auto;z-index:10;}
div#mainVisual #top_title{width:918px; position:absolute; top:520px; left:-50px; right:0; margin: 0 auto;z-index:10;}

div#mainVisual #top1 .top1_chara {width:1128px; position:absolute; top:-20px; left:-60px; right:0; margin: 0 auto;z-index:0;}
div#mainVisual #top1 .top1_fig1{width:160px; position:absolute; top:320px; left:0px; right:0; margin: 0 auto;z-index:1;}
div#mainVisual #top1 .top1_fig2{width:160px; position:absolute; top:320px; left:0px; right:-340px; margin: 0 auto;z-index:1;}
div#mainVisual #top1 .top1_fig3{width:160px; position:absolute; top:320px; left:-340px; right:0px; margin: 0 auto;z-index:1;}
div#mainVisual #top1 .top1_fig5{width:160px; position:absolute; top:320px; left:0px; right:-680px; margin: 0 auto;z-index:1;}
div#mainVisual #top1 .top1_fig4{width:160px; position:absolute; top:320px; left:-680px; right:0px; margin: 0 auto;z-index:1;}
div#mainVisual #top1 .top1_fig6{width:160px; position:absolute; top:320px; left:0px; right:-1000px; margin: 0 auto;z-index:1;}
div#mainVisual #top1 .top1_fig7{width:160px; position:absolute; top:320px; left:-1000px; right:0px; margin: 0 auto;z-index:1;}

div#mainVisual #top2{display:none; }
div#mainVisual #top2 .top2_chara {width:946px; position:absolute; top:-30px; left:0; right:0; margin: 0 auto;z-index:0;}
div#mainVisual #top2 .top2_stagium {width:851px; position:absolute; top:250px; left:0; right:0; margin: 0 auto;z-index:1;}
div#mainVisual #top2 .top2_fig {width:502px; position:absolute; top:290px; left:0; right:0; margin: 0 auto;z-index:3;}

/* スライドバナー */
div#mainBanners{width:100%;margin:0 auto;}
div#mainBanners li.bn{width:780px;border:2px solid #FFF;margin:10px;}
div#mainBanners li.bn img{width:100%;}

.sliderBanner .slick-slide:not(.slick-center) {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: 0.2s linear;
}

/* 共通section */
#contents {
width: 100%;
padding: 0;
background: #000;
}
section{width:1000px;margin:0 auto 50px;padding:20px 0; border:3px solid #000; background: url("../../_img/bg_table.gif")}
.lower section{margin:20px auto 50px;}
section#topNews{background:#CC0000; text-align:center;padding:12px 0;border:0;margin:20px auto}
section .inner{width:90%;margin:20px auto;}
section h2{width:1000px;height:75px; background:url(../../_img/bg_h2_pc.gif) center top;font-size:32px;text-align:center;color:#000;line-height:2.4em;letter-spacing: 0.1em;}

section.model h2{font-size:26px;line-height:4.5rem;}

/* 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%;
}

/* about */
section#about ul{width:100%;display: flex;flex-wrap: nowrap;margin-top:50px;}
section#about ul li{margin:1%;}
section .textBox{background:#FFF;padding:1em;color:#000;font-size:18px;text-align:left;line-height:1.1em;}



/* 遊び方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 dl{width:85%;margin:30px auto;background:#FFF;border-radius: 20px;color:#000;padding:20px;box-sizing: border-box;}

.lower section#lineup dl{width:100%;margin:0px auto;}

section#lineup dt{width:48%; float:left;}
section#lineup dt img{width:100%;}
section#lineup dd{width:48%; margin-left:50%;}
section#lineup dd p{margin-bottom:15px;}
section#lineup dd .title{font-size:29px; color:#005f9c;line-height:1.1em;}
section#lineup dd .title span{font-size:24px;}
section#lineup dd .spec{border:1px solid #000;padding:0.5em;line-height:1.4em;}

.lower section#lineup .inner{width:95%;margin:20px auto; background:#FFF;border-radius: 20px;padding:20px;box-sizing: border-box; }

.lower section#lineup .inner .setPict{width:95%;margin:20px auto;}

.lower section#lineup ul#setInfo{width:100%;margin:30px auto;display:flex; flex-wrap: wrap;}
.lower section#lineup ul#setInfo li{width:49%;margin:0.5%;}
.lower section#lineup ul#setInfo li p{background:#00a6bf;color:#000;padding:0.2em 0;text-align: center;letter-spacing: 0.2em}


/* TOP app  */
section#app div#appImg{width:929px;height:962px; margin:30px auto 0;position:relative;}
section#app div#appImg img{width:100%; position:absolute;}

section#app dl{width:100%; margin:0 auto 10px;}

section#app #appBox{width:929px;margin:30px auto 0;background:#03597d;border-radius: 20px;color:#fff;padding:20px 100px;box-sizing: border-box;font-size:12px;line-height:1.2em;font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

section#app #appBox p{margin-bottom:10px;}
section#app #appBox p.title{font-size:14px;color:#000;background:#FFF;padding:8px 12px;margin:20px 0 15px;line-height:1.2em;font-weight:bold;box}


.lower section#app #appBox{width:900px;padding:20px 60px;}

section#app dt{width:28%; float:left;}
section#app dt img{width:100%;}
section#app dd{width:70%; margin-left:30%;}
section#app dd p{margin-bottom:7px;}
section#app dd .title{font-size:28px;line-height:1.1em;font-weight:bold;background:#FFF;padding:12px;text-align:center;color:#ff6600;border-radius: 10px;box-sizing: border-box;width:98%;}

section#app dl ul#btns{display:flex; width:100%; flex-wrap:nowrap;margin:0;}
section#app dl ul#btns li{margin:5px;}
section#app dl ul#btns li:nth-of-type(1) {
width: 43%;
}
section#app dl ul#btns li:nth-of-type(2) {
width: 52%;
}
section#app ul#btns2{display:flex;flex-wrap:nowrap;width:100%;margin:0px auto 20px;}
section#app ul#btns2 li{margin:0 5px;}
section#app ul#btns2 .btn{font-size:16px;letter-spacing: 0;padding:12px 50px;font-weight:bold;}
section#app ul#btns2 .btn:after {
content: "";
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 2px;
width: 6px;
height: 6px;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
transform: rotate(45deg);
}
section#app .whiteBox{border:1px solid #FFF;width:100%;padding:12px;margin-top:20px;}

/* ムービー*/
.lower section#movie .inner{width:80%;margin:20px auto; background:#FFF;border-radius: 20px;padding:20px;box-sizing: border-box; }
.lower section#movie .inner .box_video{margin-bottom:30px;}
#caution{text-align:center;font-size:14px;line-height:1.3em;}


/* アプリ詳細*/
.lower section#app .mainVisual{width: 900px;height: 810px;background:url(../../app/_img/top.png) center top no-repeat;
margin: 20px auto;position: relative; }
.lower section#app .mainVisual #sc1 .gamen{width:420px;position:absolute;top:90px;left:50px;}
.lower section#app .mainVisual #sc1 .text{width:389px;position:absolute;top:600px;right:40px;}
.lower section#app .mainVisual #sc1 .fig{width:243px;position:absolute;top:460px;left:20px;}

.lower section#app .mainVisual #sc2 .gamen{width:420px;position:absolute;top:90px;left:50px;}
.lower section#app .mainVisual #sc2 .text{width:451px;position:absolute;top:600px;right:40px;}

.lower section#app .mainVisual #sc3 .gamen{width:420px;position:absolute;top:90px;left:50px;}
.lower section#app .mainVisual #sc3 .text{width:424px;position:absolute;top:600px;right:40px;}
.lower section#app .mainVisual #sc3 .yubi{width:130px;position:absolute;top:400px;left:140px;}


.lower section#app .inner{width:90%;margin:20px auto; background:#FFF;border-radius: 20px;padding:20px;box-sizing: border-box; }
.lower section#app .inner strong{width:100%;color:#000;text-align:center!important;font-size:21px;margin:40px auto 10px;display: inline-block;}
.lower section#app .inner h3{background: #FF5500; color:#FFF; padding:10px;font-size:25px;display:block; margin:10px auto 0;text-align: center;}
.lower section#app .inner h3 span{text-align: center;}
.lower section#app .inner .damy{width:751px;margin:30px auto;}
.lower section#app .inner .yomikomi{color:#000;width:68%;margin:10px auto 0;font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:14px;}

.lower section#app.kiyaku .inner,.lower section#app.model .inner{font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:14px;color:#000;}


.lower section#app.kiyaku strong{text-align:left!important;}
.lower section#app.kiyaku ul{width:90%;margin:0 auto;}
.lower section#app.kiyaku li{
list-style-type: decimal;
}

.lower section#app.kiyaku li.notNum{
list-style-type: none;
}
.lower section#app.kiyaku .inner strong{width:100%;color:#000;text-align:left!important;font-size:21px;margin:30px auto 10px;display: inline-block;}
.lower section#app.model p.title{text-align:center;font-size:20px; font-weight:bold;margin-top:20px;}
.lower section#app.model table{width:300px;border:1px solid #000; color:#000; border-collapse:  collapse; }
.lower section#app.model table th,td {border: solid 1px; padding: 10px;}
.lower section#app.model table th{background:#5dd7f8; text-align:center;font-weight:bold;}
.lower section#app.model table.android th{background:#f85d5d; text-align:center;font-weight:bold;}

.lower section#app.model ul{display:flex;flex-wrap: nowrap;width:640px;margin:0 auto;}
.lower section#app.model ul li{margin:10px;}


/* ニュース*/
.lower section#news .inner{width:90%;margin:20px auto; background:#FFF;border-radius: 20px;padding:20px;box-sizing: border-box; }
.lower section#news .inner h3{background: #FF5500; color:#FFF; padding:10px;font-size:25px;display:block; margin:10px auto;text-align: center;}
.lower section#news p{color:#000;text-align:left;margin:10px 100px;}
.lower section#news .inner h3 span{text-align: center;}
.lower section#news .inner .days{text-align:right;color:#000;}
.lower section#news .inner .img700{width:700px;margin:20px auto;}


/* FAQ部分 */
section#faq {background:#FFF;}

section.qaSec {
  position: relative;
    padding:0;
  width: 100%;
    border:1px solid #ff6600;
    font-size:17px;
    background:none;font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:14px;color:#000;
}

section.qaSec h3{background:#ff6600;text-align:center;color:#FFF;padding:6px;font-size:21px;margin:0 0 20px;}

section.qaSec h4 {
  display: block;
  position: relative;
  margin: 0;
  padding: 0.5em 0 0.5em 1em;
font-size:18px;
  font-weight: bold;
  color: #640000;
  background: #fff8b9;
}

.ans {
  padding:0.5em 2em; line-height:1.4;
}
section.qaSec .ans p{margin:5px 0px;
}

section.qaSec .midasi1{background:#6384a7;color:#FFF;text-align:center;padding:6px;}
section.qaSec .kakomi1{padding:15px;border:1px solid #6384a7;margin-bottom:20px;text-align: center;}
section.qaSec .kakomi1 p{margin-bottom:20px;}
section.qaSec .kakomi1 p:last-child{margin-bottom:0px;}
section.qaSec .kakomi1 p span.telNum{font-size:40px;font-weight:bold;}
section.qaSec .kakomi1 p span.telNum2{font-size:30px;font-weight:bold;}
.tuikaText1{text-align:center;color:#FF0000;margin-top:-40px; margin-bottom:40px;font-size: 16px;}


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

.btn2{display:block;width:100%;background-color:#FF0000;color:#fff;text-align:center;padding:12px;margin-top:10px;font-size:16px;line-height:1.1em;letter-spacing: 0.1em;border-radius: 9px;position: relative;font-weight:bold;}

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


.btn::after { /* 棒の表示設定 */
content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  width: 13px;    /* くの字を山なりに見た時、左側の長さ */
  height: 13px;   /* くの字を山なりに見た時、右側の長さ */
  border-top: 3px solid #FFF;     /* くの字を山なりに見た時、左側の太さと色 */
  border-right: 3px solid #FFF;   /* くの字を山なりに見た時、右側の太さと色 */
  transform: rotate(45deg);    /* くの字の向き */
}

#wrapper_datafig section button:after { /* 棒の表示設定 */
content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  width: 13px;    /* くの字を山なりに見た時、左側の長さ */
  height: 13px;   /* くの字を山なりに見た時、右側の長さ */
  border-top: 3px solid #FFF;     /* くの字を山なりに見た時、左側の太さと色 */
  border-right: 3px solid #FFF;   /* くの字を山なりに見た時、右側の太さと色 */
  transform: rotate(45deg);    /* くの字の向き */
}

#wrapper_datafig section button {
width: 100%;
/* max-width: 293px; */
margin: 10px auto 10px;
padding: 12px 0;
font-size: 20px;
font-weight: bold;
line-height: 1.1em;
background:#FF6c00;
border-radius: 12px;
border-bottom:6px solid #ac4900;
cursor: pointer;
outline: none;letter-spacing: 0.2em;
position: relative;font-family: bokutoh-ruika,sans-serif;
font-weight: 100;
font-style: normal;
}
#wrapper_datafig section#app button {width:60%;position: absolute;bottom:30px;left:0;right:0;margin:0 auto;}
#wrapper_datafig 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;}

p.caution{text-align:center; font-size:12px;line-height:1.3em;}

#footer_new{width:100%;padding:10px 0; margin:30px auto 0;background:#000;}
#footer_new p{text-align:center;color:#FFF;font-size:12px;}

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