@charset "UTF-8";
/* CSS Document */
.GeInfoBox p.tit{
font-size:110%;
margin:0 auto 10px;
padding:10px;
background: #11253e;
color:#fff;
border-bottom:3px solid #11253e;
}

/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
/**/
h3{
width:100%;
margin:0 auto 10px;
background:url(../img/contents/h3BG.png) center center no-repeat;
background-size:contain;
}
/**/
#contentsALL .innerBox{
width:96%;
background: #fff;
margin:0 auto;
padding:10px 0;
border-radius:10px;
}
#contentsALL p.txt,
#contentsALL p.txt02,
#contentsALL p.cau{
width:100%;
margin:0 auto;
}
#contentsALL #About .innerBox{
background: none;
border:none;
}
/**/
#contentsALL #GameInfo .innerBox{
background: none;
border:none;
}
#GameInfo #selectNav{
width:100%;
margin:0 auto;
display: flex;
flex-wrap: wrap;
}
#GameInfo #selectNav li{
width:33%;
float: left;
background:#0070ef;
border-radius:20px 20px 0 0  ;
border:2px solid #0070ef;
border-bottom:none;
text-align: center;
box-sizing:border-box;
}
#GameInfo #selectNav li img{
width:60%;
margin:0 auto;
padding:10px 0;
}
#GameInfo #InfoBox{
width:99%;
clear: both;
position: relative;
padding-top:210%;
background: #fff;
border:2px solid #0070ef;
border-top:none;
border-radius:0 0 20px 20px;
box-sizing:border-box;
}
#GameInfo #InfoBox .selectBox{
position: absolute;
width:100%;
height:100%;
top:0;
left:0;
display: none;
}
#GameInfo #InfoBox .selectBox.select{
display: block;
}
#GameInfo #selectNav li.select{
background: #fff;
transition: 1s;
}	
#GameInfo h4{
width:50%;
margin:0 auto;
}
#GameInfo p.txt{
width:80%;
margin:0 auto;
}
#GameInfo ul.ssPic{
width:60%;
margin:10px auto 0;
padding:0;
}
#GameInfo ul.ssPic li {
margin:0 auto;
margin-bottom:10px;
}
#GameInfo ul.ssPic li img{
border:4px solid #fff;
}
#GameInfo #SBcontents01{
background:url("../img/contents/BG_MIGHTY-GUNVOLT.jpg") center top no-repeat;
background-size:contain;
}
#GameInfo #SBcontents02{
background:url("../img/contents/BG_MIGHTY-GUNVOLT-BURST.jpg") center top no-repeat;
background-size:contain;
}
#GameInfo #SBcontents03{
background:url("../img/contents/BG_PuzzMiX.jpg") center top no-repeat;
background-size:contain;
}
#GameInfo p.link{
width:80%;
margin:0 auto 30px;
}
/*#productInfo*/
#contentsALL #productInfo p.txt{
text-indent:-9999px;
width:80%;
background:url("../img/contents/txtProductInfoSP.png") center top no-repeat;
background-size:contain;
}
#contentsALL #productInfo p.pic{
width:50%;
margin:0 auto 30px;
}
.GeInfoBox{
width:90%;
margin:0 auto 20px;
clear: both;
color:#11253e;
}
.GeInfoBox ol{
width:90%;
margin:0 auto;
text-align: left;
line-height: 160%;
}
#GeInfo03.GeInfoBox p.txt{
width:90%;
margin:0 auto;
}
/*tenpoTokuten*/
#tenpoTokuten{
width:100%;
margin:0 auto;
position:relative;
display:inline-block;
padding:0;
}
#tenpoTokuten ul{
width:100%;
margin:20px auto 20px;
padding:0;
}
#tenpoTokuten ul li {
margin:0 auto 40px;
text-align:center;
}
#tenpoTokuten ul li p.shop,
#tenpoTokuten ul li p.item,
#tenpoTokuten ul li p.pic{
width:100%;
}
#tenpoTokuten ul li p.shop{
width:60%;
font-size:20px;
margin:0 auto;
padding:16px 0 12px ; 
background:#11253e;
color:#fff;
border-bottom:6px solid #00ace7;
}
#tenpoTokuten ul li p.pic{
width:60%;
margin:0 auto 5px;
padding:0;
}
#tenpoTokuten ul li p.pic img{
border:1px solid #11253e;
box-sizing: border-box;
}
#tenpoTokuten ul li p.item{
width:80%;
font-size:18px;
line-height: 150%;
margin:0 auto 10px;
}
#tenpoTokuten ul li p.item strong{
border:3px solid #2d2162;
padding:4px 10px;
border-radius:10px;
line-height: 240%;
}
#tenpoTokuten ul li p.link{
width:80%;
margin:0 auto 30px;
}
}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
/**/
h3{
width:740px;
height:90px;
margin:0 auto 10px;background:url(../img/contents/h3BG.png) center center no-repeat;

background-size:740px;
}
/**/
#contentsALL .innerBox{
width:900px;
background: #fff;
padding:30px 0;
border-radius:20px;
}
#contentsALL p.txt,
#contentsALL p.txt02,
#contentsALL p.cau{
width:640px;
margin:0 auto;
}
#contentsALL #About .innerBox{
background: none;
border:none;
}
/**/
#contentsALL #GameInfo .innerBox{
background: none;
border:none;
}
#GameInfo #selectNav{
width:900px;
margin:0 auto;
}
#GameInfo #selectNav li{
width:296px;
float: left;
background:#0070ef;
border-radius:20px 20px 0 0 ;
border:2px solid #0070ef;
border-bottom:none;
}
#GameInfo #selectNav li img{
width:160px;
margin:0 auto;
}
#GameInfo #InfoBox{
clear: both;
position: relative;
width:896px;
height:1120px;
background: #fff;
border:2px solid #0070ef;
border-top:none;
border-radius:0 0 20px 20px;
}
#GameInfo #InfoBox .selectBox{
position: absolute;
width:100%;
height:100%;
top:0;
left:0;
display: none;
}
#GameInfo #InfoBox .selectBox.select{
display: block;
}
#GameInfo #selectNav li.select{
background: #fff;
transition: 1s;
}	
#GameInfo h4{
width:450px;
margin:0 auto -30px;
}
#GameInfo ul.ssPic{
width:780px;
margin:20px auto 0;
padding:0;
display: flex;
flex-wrap: wrap;
}
#GameInfo ul.ssPic li {
margin:0 auto;
float:left;
text-align:center;
width:360px;
margin-bottom:20px;
}
#GameInfo ul.ssPic li img{
border:4px solid #fff;
}
#GameInfo #SBcontents01{
background:url("../img/contents/BG_MIGHTY-GUNVOLT.jpg") center top no-repeat;
background-size:contain;
}
#GameInfo #SBcontents02{
background:url("../img/contents/BG_MIGHTY-GUNVOLT-BURST.jpg") center top no-repeat;
background-size:contain;
}
#GameInfo #SBcontents03{
background:url("../img/contents/BG_PuzzMiX.jpg") center top no-repeat;
background-size:contain;
}
#GameInfo p.link{
width:60rem;
margin:0 auto 30px;
}
/*#productInfo*/
#contentsALL #productInfo p.txt{
width:450px;
float: left;
margin:0 auto 20px 40px;
}
#contentsALL #productInfo p.pic{
width:300px;
float: right;
margin:40px 80px auto auto;
}
/*Gentei*/
#contentsALL #Gentei p.pic{
width:720px;
margin:0 auto 20px;
}
/*Gentei*/
#contentsALL #Yoyaku p.pic{
width:720px;
margin:0 auto 20px;
}
.GeInfoBox{
width:800px;
margin:0 auto 20px;
clear: both;
color:#11253e;
}
.GeInfoBox ol{
width:46%;
margin:0 2%;
text-align: left;
float: left;
line-height: 160%;
}
/*tenpoTokuten*/
#tenpoTokuten{
width:100%;
margin:0 auto;
position:relative;
display:inline-block;
padding:0;
}
#tenpoTokuten ul{
width:100%;
margin:20px auto 20px;
padding:0;
display: flex;
flex-wrap: wrap;
}
#tenpoTokuten ul li {
margin:0 auto 60px;
float:left;
text-align:center;
width:320px;
}
#tenpoTokuten ul li p.shop,
#tenpoTokuten ul li p.item,
#tenpoTokuten ul li p.pic,
#tenpoTokuten ul li p.link{
width:100%;
}
#tenpoTokuten ul li p.shop{
font-size:26px;
padding:16px 0 12px ; 
background:#11253e;
color:#fff;
border-bottom:6px solid #00ace7;
}
tenpoTokuten ul li p.pic{
margin:0 auto 10px;
}
#tenpoTokuten ul li p.pic img{
border:1px solid #11253e;
box-sizing: border-box;
}
#tenpoTokuten ul li p.item{
font-size:18px;
line-height: 150%;
margin:0 auto 10px;
}
#tenpoTokuten ul li p.item strong{
border:3px solid #2d2162;
padding:4px 10px;
border-radius:10px;
line-height: 240%;
}
}