/*--------------------------------------------
トップ
----------------------------------------------*/
#top{
    background-image:url(../img/top.png);
    background-position:center top;
    background-repeat:no-repeat;
}
.topWrap{
    background-image:url(../img/top_bg.png);
    background-position:center top;
    background-repeat:no-repeat;
}

/*イベントバナー*/
img.event{
    width:456px;
    margin-top:-80px;
}


/* 新着 */
#infoBox{
    width:100%;
}
#infoBox .box{
    width:100%;
    max-width:1000px;
    margin:0 auto;
}
/* 新着 */
#news{
    /*width:45.6%;*/
    width:456px;
    height:241px;
    margin:5px 0 35px;
    padding:0 0px 18px;
    box-sizing:border-box;
    font-size:13px;
    background-image:url(../img/news_line.png);
    background-repeat:repeat-x;
    background-position:bottom;
}
#news h1{
    padding:0;
    margin:0;
    line-height:1;
    background-image:url(../img/news_line.png);
    background-repeat:repeat-x;
    background-position:bottom;
}
#news .txt{
    height:174px;
    overflow:auto;
    background-image:url(../img/bg_white.png);
    text-shadow:0px 0px 5px #ccc;

}
#news dl{
    width:96%;
    padding:4px 0 1px;
    margin:0 2%;
    border-bottom:#ccc 1px dashed;
}

#news dt{
    font-weight:bold;
    color:#4e83b9;
}

#news dd{
    margin:0;
    padding:0;
}

/* 製品情報 */
#spec{
    width:100%;
    padding:3px 0px 7px;
    box-sizing:border-box;
    font-size:13px;
    
    background-image:url(../img/bg_white.png);
}
#spec h1{
    padding:0 0 8px;
    margin:0;
    line-height:1;
    background-image:url(../img/product_line.png);
    background-repeat:repeat-x;
    background-position:bottom;
}
#spec .txt{
    width:40%;
    margin:0;
    padding:10px 1% 5px;
    box-sizing:border-box;
    text-shadow:0px 0px 5px #ccc;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/


}
#spec .txt dl{
    margin:0;
    padding:0;
}
#spec .txt dt{
    width:5em;
    font-weight:bold;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}
#spec .txt dd{
    margin:0;
    padding:0;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
    line-height:1.3em;
}
#spec .img{
    width:30%;
    margin:0;
    padding-top:5px;
    text-align:center;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}

#spec .img img.jacket{
    width:100%;
    max-width:252px;
}

#spec .bonusArea{
    width:30%;
    margin:0;
    text-align:right;
    padding-top:30px;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}

#spec .bonusArea img{
    width:100%;
    max-width:148px;
}

/*バナーリンクエリア*/
#bannerArea{
    width:100%;
    padding:7px 0;
    height:auto;
}
#bannerArea .box{
    width:100%;
    max-width:1000px;
    margin:0 auto;
    text-align:left;
}

#bannerArea .box img{
    width:24.5%;
    margin:0 0.25%;
    box-sizing:border-box;
    border:#000 3px solid;
    
}
/*--------------------------------------------
ストーリー
----------------------------------------------*/
#story{
    padding-bottom:150px;
    text-align:center;
}

#story h1{
    font-family: 'Play', sans-serif;
    font-size:36px;
    margin-bottom:50px;
    letter-spacing:2px;

}

#story #intro{
    width:100%;
    max-width:862px;
    margin:20px auto 0;
    background-image:url(../story/img/bg_grid.jpg);
    background-repeat:repeat;
    
    box-sizing:border-box;
        /* 角丸 */
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
    border:#111 3px double;
}

#story #intro .bgLeft{
    width:100%;
    max-width:856px;
    margin:0 auto;
    background-image:url(../story/img/bg_left.png);
    background-repeat:no-repeat;
    background-position:left top;
}

#story #intro .bgRight{
    width:100%;
    max-width:856px;
    margin:0 auto;
    padding:50px 5% 240px;
    background-image:url(../story/img/bg_right.png);
    background-repeat:no-repeat;
    background-position:right bottom;
    box-sizing:border-box;
    line-height:1.5em;
    font-weight:bold;
    font-size:18px;
    letter-spacing:0.5px;
    text-shadow:0 0 3px #ebe0ff;
}
#story .largeTxt{
    font-size:24px;
    color:#2fbabc;
}

#story .colorTxt{
    color:#e143db;
}

#story #intro .bgBottom{
    width:100%;
    max-width:856px;
    margin:0 auto;
    background-image:url(../story/img/bg_bottom.png);
    background-repeat:no-repeat;
    background-position:bottom;
    background-size:100% auto;
}

/*--------------------------------------------
キャラクター
----------------------------------------------*/
#chara{
    width:100%;
    max-width:960px;
    min-height:500px;
    margin:0 auto;
    box-sizing:border-box;
    position:relative;
}

#chara .main{
    text-align:right;
    position:relative;
}
#chara h1{
    font-size:12px;
    font-family: 'Play', sans-serif;
    color:#5865b8;
    line-height:1;
    text-align:left;
    padding:0 2px;
}
#cNavi{
    width:150px;
    position:absolute;
    top:10px;
    left:0;
    z-index:100;
    /* 角丸 */
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
    border:#111 3px double;
    border:#93bcd8 1px solid;
    box-sizing:border-box;
    text-align:center;
    background-color:#fff;
    background-image:url(../chara/img/menu_line.jpg);
    background-position:top;
    background-repeat:repeat-x;
    padding-top:15px;

}
#cNavi .bottomLIne{
    background-image:url(../chara/img/menu_line.jpg);
    background-position:bottom;
    background-repeat:repeat-x;
    padding-bottom:15px;

}
#cNavi .charaBox{
    width:95%;
    margin:0 2.5%;
    text-align:left;
}
#cNavi a{
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
    border:#000 1px solid;
    
    margin:2px 2px;
}
#cNavi a img{
}

#chara .charaWrap{
}

#chara img.stand{
    /*width:60%;
    max-width:600px;*/
}


#chara .leftBox{
    position:absolute;
    width:480px;
    top:400px;
    text-align:left;
    box-sizing:border-box;
    right:1%;
    background-color:#76acd3;
    padding:5px;
}

#chara #pishSet.leftBox,#chara #pururutSet.leftBox,#chara #uzumeSet.leftBox,#chara #dengekikoSet.leftBox,#chara #famitsuSet.leftBox{
    width:280px;
    top:480px;
    right:30%;
}


#chara .leftBox .txt{
    padding:5px 10px;
    padding-right:0;
    line-height:1.5;
    font-size:14px;
    text-shadow:0px 0px 5px #ffdcdc;
    background-image:url(../story/img/bg_grid.jpg);
    text-shadow:0 0 3px #90d0ff;
}
#chara .leftBox .txt .topLine{
    background-image:url(../chara/img/txt_line.png);
    background-repeat:repeat-x;
    background-position:top;
    padding-top:15px;
}

#chara .charaBox{
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}

/*--------------------------------------------
システム
----------------------------------------------*/

#system{
    padding-bottom:150px;
    text-align:center;
    min-height:600px;
}

#system h1{
    font-family: 'Play', sans-serif;
    font-size:36px;
    margin-bottom:30px;
    letter-spacing:2px;
    text-align:center;

}

#system #battle h1{
    color:#dfdfdf;
    font-size:75px;
    text-align:left;
    margin:0 0 30px;
    padding:0;
    
}

#system .battleCatch{
    background-image:url(../img/bg_blue.png);
    background-position:bottom;
    background-repeat:repeat-x;
    font-size:18px;
    text-align:left;
    padding-left:1%;
    text-shadow:0 0 5px #d7eeff;
    letter-spacing:1px;
}
#system .battleCatch strong{
    font-size:24px;
}
#system .sysBox{
    margin-top:25px;
}
#system h2{
    font-size:18px;
    line-height:1em;
    text-align:left;
    border-bottom:#000 1px dashed;
}
#system h2 img{
    vertical-align:middle;
    margin-right:5px;
}

#system .sysBox .txt{
    padding:1%;
    box-sizing:border-box;
    text-align:left;
    font-size:16px;
    font-weight:100;
    line-height:1.5em;
}
#system .sysBox .img img{
    width:49%;
    margin:5px 0.5%;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
    box-sizing:border-box;
    border:#fff 5px solid;
    box-shadow:0 0 5px #333;
}


/*--------------------------------------------
ギャラリー
----------------------------------------------*/
#gallery{
    padding-bottom:150px;
    text-align:center;
    min-height:600px;
}

#gallery h1{
    font-family: 'Play', sans-serif;
    font-size:36px;
    margin-bottom:30px;
    letter-spacing:2px;
    text-align:center;

}


#gallery a{
    width:19%;
    margin:5px 0.5%;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}
#gallery a img{
    width:100%;
    box-sizing:border-box;
    border:#fff 3px solid;
    box-shadow:0 0 5px #333;
}
#gallery .contBox{
    text-align:left;
}

#gallery .contBox .bgRight{
    padding:50px 3% 240px;
}
/*--------------------------------------------
サウンド
----------------------------------------------*/

#sound{
    padding-bottom:100px;
    text-align:center;
}

#sound h1{
    font-family: 'Play', sans-serif;
    font-size:36px;
    margin-bottom:30px;
    letter-spacing:2px;
    text-align:center;

}
#sound .songBox{
    padding-bottom:30px;
}
#sound .songBox h2{
    font-family: 'Play', sans-serif;
    font-size:16px;
    margin-bottom:25px;
    letter-spacing:2px;
    text-align:center;
    background-image:url(../img/bg_orange.png);

}
#sound .songBox h3{
    font-weight:bold;
    font-size:24px;
    margin-bottom:10px;
}
#sound .songBox strong{
    font-size:14px;
}

img.edBattle{
    width:96%;
    margin:10px 0 0;
    max-width:542px;
}

#sound .idolBox{
    border-top:#494949 1px solid;
    font-size:13px;
    font-weight:100;
    text-align:left;

}
#sound .aboutBox{
    padding:20px 0;
}
#sound .aboutBox hr{
    height:0;
    border:0;
    border-top:#aaa 1px dashed;
}
#sound .aboutBox .img{
    width:30%;
    box-sizing:border-box;
    padding:40px 1% 0;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
    text-align:center;

}
#sound .aboutBox .img img{
    width:100%;
    max-width:230px;
}
#sound .aboutBox .txt{
    width:70%;
    box-sizing:border-box;
    padding:1%;
    line-height:1.5em;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}
#sound .commentBox{
    margin:0;
    padding:0;
}
#sound .commentBox .img{
    width:50%;
    height:auto;
    box-sizing:border-box;
    float:right;
    text-align:center;
    padding-top:20px;
    
}
#sound .commentBox .img img{
    width:100%;
    max-width:381px;
    
    box-sizing:border-box;
    border:#fff 3px solid;
    box-shadow:0 0 5px #aaa;

}
#sound .commentBox .txt{
    width:50%;
    height:auto;
    box-sizing:border-box;
    padding:0 1%;
    float:right;
    font-size:13px;
    font-weight:100;
    text-align:left;
    line-height:1.5em;
}
#sound .commentBox h3{
    font-family: 'Iceland', cursive;
    font-weight:100;
    color:#333;
    text-shadow:0 0 0 #ccc;
    font-size:24px;
    margin:10px 0;
    border-bottom:#494949 1px solid;
}
/*--------------------------------------------
スペシャル
----------------------------------------------*/
#special{
    padding-bottom:150px;
    text-align:center;
    min-height:600px;
}

#special h1{
    font-family: 'Play', sans-serif;
    font-size:36px;
    margin-bottom:50px;
    letter-spacing:2px;

}


#special .contBox a.youtube{
    width:49%;
    max-width:359px;
    margin:0 0.5% 15px;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
    color:000;
    text-decoration:none;
    text-shadow:0 0 3px #ebe0ff;

}

#special .contBox a.youtube img{
    border:#000 3px solid;
    box-sizing:border-box;
    width:100%;
}

#special .contBox a.youtube .movieTitle{
    text-align:center;
}
#special .contBox a.youtube .new{
    font-size:14px;
    font-weight:bold;
    color:#ed4c72;
    font-family: 'Play', sans-serif;
    font-weight:700;
}


/*--------------------------------------------
特典情報
----------------------------------------------*/
#info{
    padding-bottom:150px;
    text-align:center;
    min-height:600px;
}

#info h1{
    font-family: 'Play', sans-serif;
    font-size:36px;
    margin-bottom:30px;
    letter-spacing:2px;
    text-align:center;

}

#info #shop h1{
    color:#dfdfdf;
    font-size:75px;
    text-align:left;
    margin:0 0 30px;
    padding:0;
    
}

#info p{
    font-size:13px;
    text-align:left;
    line-height:1.1em;
}
#info #shop .shopWrap{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:10px 3px;
}
#info #shop .shopWrap .shopBox{
    width:50%;
    display:table-cell;
    padding:1px 1px 5px;
    border:#000 3px solid;
    overflow: hidden;
}
#info #shop .shopBox img{
    width:100%;
}
#info #shop .shopBox h2{
    margin:0;
    padding:0;
    background-color:#000;
    color:#fff;
    font-size:16px;
    text-align:left;
    box-sizing:border-box;
    padding-left:5px;
}

#info #shop .shopBox h3{
    margin:0 0 10px;
    font-size:16px;
}
#info #shop .shopBox .txt{
    padding:1%;
    box-sizing:border-box;

    text-align:left;
    font-size:14px;
    font-weight:100;
    line-height:1.1em;
}
#info #shop .shopBox .small{
    padding-top:5px;
    border-top:#666 3px double;
    font-size:12px;
}
/*予約特典*/
#info #preorder h1,#info #limited h1{
    color:#dfdfdf;
    font-size:48px;
    text-align:left;
    margin:0 0 30px;
    padding:0;
    
}
#info #preorder h2,#info #limited h2{
    border-bottom:#fed0ff 10px solid;
    margin:10px 0 0;
    font-size:18px;
    text-align:left;
}

#info #preorder .img{
    width:50%;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}
#info #preorder .img img{
    width:100%;
    max-width:359px;
}
#info #preorder .txt{
    box-sizing:border-box;
    padding:50px 1%;
    text-align:left;
    font-size:14px;
    width:50%;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}

#info #preorder .trackList{
    width:98%;
    margin:10px auto 0;
    box-sizing:border-box;
    background-color:#fffef9;
    padding:1%;
    border:#111 1px dotted;
}
#info #preorder .trackList h3{
    font-size:16px;
    color:#4a6a82;
    text-align:left;
    margin:0;
}

#info #preorder .trackList .trackBox{
    box-sizing:border-box;
    padding:5px 1%;
    text-align:left;
    font-size:14px;
    width:50%;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}

#info #preorder .trackList .trackBox img.mi{
    width:100%;
    max-width:193px;
}
#info #preorder .trackList ul{
    margin:0;
    padding:0;
}
#info #preorder .trackList li{
    width:100%;
    color:#57a5dc;
    font-size:14px;
    font-weight:bold;
    line-height:1.3em;
    margin-bottom:5px;
}

#info #preorder .trackList li .txt{
    width:100%;
    font-weight:100;
    color:#666;
    font-size:12px;
    display:block;
    margin:0;
    padding:0;
}

#info #preorder .trackList li .playBT{
    cursor:pointer;
    /* 角丸 */
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;

    box-sizing:border-box;
    padding-bottom:2px;
    margin-left:5px;
    background-color:#3f3f3f;
    vertical-align:text-top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}

#info #preorder .trackList li .playBT.selected{
        background-color:#4ca9eb;


}
/*限定版特典*/
#info #limited .img{
    width:100%;

}
#info #limited .img img{
    width:100%;
    max-width:532px;
}
#info #limited .txt{
    text-align:left;
    box-sizing:border-box;
    padding:50px 1%;
    margin:0 auto;
    width:100%;
    max-width:600px;

}

#info #limited .txt .cast{
    box-sizing:border-box;
    padding:10px 1% 10px;
    font-size:14px;
    line-height:1.3;
}

/*--------------------------------------------
DLC
----------------------------------------------*/
#dlc{
    padding-bottom:150px;
    text-align:center;
    min-height:600px;
}

#dlc .new{
    color:#ff93e4;
    font-size:14px;
    margin-right:5px;
}

#dlc h1{
    font-family: 'Play', sans-serif;
    font-size:36px;
    margin-bottom:30px;
    letter-spacing:2px;
    text-align:center;
}
#dlc .dlcSet{
    margin-bottom:20px;
    text-align:left;
    box-sizing:border-box;
    width:98%;
    margin:30px auto 0;
}
#dlc .dlcSet h2{
    background-color:#d0e9ff;
    box-sizing:border-box;
    border-left:#83c5ff 3px solid;
    border-bottom:#83c5ff 1px solid;
    font-size:18px;
    padding:2px 1%;
    margin-bottom:10px;
}
#dlc .dlcBox{
    font-size:14px;
        margin-bottom:10px;
    background-color:#fff;
    box-sizing:border-box;
    font-weight:100;
}
#dlc .dlcBox.productCode{
    border:#ffd36b 3px solid;
}

#dlc .dlcBox h3{
    color:#fff;
    padding:2px 1%;
    box-sizing:border-box;
    margin:0;
    font-size:16px;
}


#dlc .dlcBox.productCode h3{
    background-color:#ffd36b;
}
h3 .contType{
    background-color:#fff;
    padding:2px 1%;
    font-size:11px;
    margin-right:5px;
    /* 角丸 */
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;

}
#dlc .dlcBox.productCode h3 .contType{
    color:#ffbc1f;
}

#dlc .txt{
    box-sizing:border-box;
    padding:1%;
     line-height:1.5;
}

#dlc small{
    color:#D82D30;
    display:block;
    line-height:1.3;
    margin-top:10px;
}
/*----------------------------------------------------------------
スマホエリア
-----------------------------------------------------------------*/

@media (max-width: 960px) {
    #top{
        background-position:left top;
    }
    /*--------------------------------------------
    キャラクター
    ----------------------------------------------*/
    /*--------------------------------------------
    ギャラリー
    ----------------------------------------------*/
    #gallery #cgNavi a img{
        width:11%;
    }
    

}
@media (max-width: 786px) {
    #top{
        background-size:100% auto;
    }

    #top img.topSpace{
        width:100%;
    }
    
    /*イベントバナー*/
    img.event{
        width:45.6%;
        margin-top:0px;
    }


    /* 新着 */
    #news{
       width:45.6%;
        margin:5px 1% 30px;
        padding-bottom:5px;
        height:220px;
    }
    #news .txt{
       /* width:40%;*/
       width:98%;
        margin:0px 1% 5px;
        padding-bottom:5px;
        height:147px;
        overflow:auto;
    }
    /* 製品情報 */
    #spec{
        width:100%;
        font-size:12px;
    }
    #spec .txt{
        width:70%;
    }
    
    #spec .img{
        width:30%;
    } 
    #spec .bonusArea{
        width:100%;
        margin:0;
        text-align:right;
        padding-top:0px;
        display:block;
        padding-bottom:10px;
    
    }
    #bannerArea .box img{
        width:49%;
        margin:2px 0.5%;
    }
    
   
    /*--------------------------------------------
    ストーリー
    ----------------------------------------------*/
    #story{
        font-size:14px;
    }
    #story #intro .bgRight{
        font-size:14px;
    }
    #story .largeTxt{
        font-size:18px;
    }

    /*--------------------------------------------
    キャラクター
    ----------------------------------------------*/
    #chara img.stand{
        width:100%;
    }

    
    #cNavi{
        width:100%;
        position:relative;
        text-align:left;
        top:0px;
    }
    #cNavi .bottomLIne{
        background-image:none;
        background-position:bottom;
        background-repeat:repeat-x;
        padding-bottom:2px;
    
    }
    #cNavi .charaBox{
        margin:0 1%;
    }
    
    #chara{
        padding-bottom:50px;
    }

    #chara .leftBox,#chara #pishSet.leftBox,#chara #pururutSet.leftBox,#chara #uzumeSet.leftBox,#chara #dengekikoSet.leftBox,#chara #famitsuSet.leftBox{
        position:relative;
        width:100%;
        top:0;
        right:0;
    }

/*    #chara .leftBox{
        right:0;
        top:360px;
    }
    
    #chara #pishSet.leftBox,#chara #pururutSet.leftBox,#chara #uzumeSet.leftBox{
        width:380px;
        right:0;
        top:400px;
    }
*/    #chara .leftBox .txt .topLine{
        padding:0 1%;
        padding-top:15px;
    }
    /*--------------------------------------------
    システム
    ----------------------------------------------*/

    /*--------------------------------------------
    ギャラリー
    ----------------------------------------------*/
    
    #gallery a{
        width:24%;
    
    }

    /*--------------------------------------------
    スペシャル
    ----------------------------------------------*/
    /*--------------------------------------------
    製品情報
        ----------------------------------------------*/
    #info #preorder .trackList .trackBox{
        width:100%;
        display:block;
        padding:0 1%;
        
        margin-top:0;
    }

}
@media (max-width: 480px) {
    #top{
        background-image:url(../img/top480.png);
    }
    .topWrap{
        padding-top:10px;
        background-image:url(../img/top_bg480.png);
        background-position:center top;
        background-repeat:no-repeat;
        background-size:100% auto;
    }
    /*イベントバナー*/
    img.event{
        width:98%;
        box-sizing:border-box;
        border:#000 3px solid;
        margin:30px 1% 0;
    }


    /* 新着 */
    #news{
       width:100%;
        margin:5px 0 10px;
        height:190px;
    }
    #news .txt{
       /* width:40%;*/
       width:100%;
       padding:0;
       margin:0;
        padding-bottom:5px;
        height:117px;
        overflow:auto;
    }


    /* 製品情報 */
    #spec{
        width:100%;
       padding:0;

        margin:5px 0;
        font-size:12px;
        display:block;
    }
    #spec .txt,#spec .img{
        width:100%;
        display:block;
    }


    #bannerArea .box img{
        width:98%;
        margin:1px 1%;
        box-sizing:border-box;
        border:#000 3px solid;
        
    }
    /*--------------------------------------------
    ストーリー
    ----------------------------------------------*/
    #story{
        text-align:left;
    }
    #story h1{
        font-size:30px;
        margin-bottom:30px;
        letter-spacing:2px;
    }
    #story .largeTxt{
        font-size:16px;
    }
    #story #intro .bgRight{
        padding:50px 5% 150px;
    }
    /*--------------------------------------------
    キャラクター
    ----------------------------------------------*/
    #chara{
        padding-bottom:50px;
    }
    #chara .leftBox,#chara #pishSet.leftBox,#chara #pururutSet.leftBox,#chara #uzumeSet.leftBox,#chara #dengekikoSet.leftBox,#chara #famitsuSet.leftBox{
        position:relative;
        width:100%;
        top:0;
    }
    #chara .leftBox .txt{
        font-size:14px;
    }
    
    /*--------------------------------------------
    システム
    ----------------------------------------------*/
        #system .battleCatch{
            font-size:14px;
            line-height:1.3em;
        }
        #system .battleCatch strong{
            font-size:16px;
        }
        #system .sysBox .txt{
            font-size:14px;
        }

        #system .sysBox .img img{
            width:99%;
            display:block;
        }

        #system #battle h1{
            font-size:48px;
        }
        
        #system h2{
            font-size:16px;
        }
    /*--------------------------------------------
    ギャラリー
    ----------------------------------------------*/
    #gallery a{
        width:32.3%;
    
    }
    /*--------------------------------------------
    サウンド
    ----------------------------------------------*/
    #sound .songBox h3{
        font-size:22px;
    }
    #sound .aboutBox{
        padding:0 0 20px;
    }

    #sound .aboutBox .img{
        width:100%;
        display:block;
        padding:20px 1%;
    }
    #sound .aboutBox .txt{
        width:100%;
        display:block;
    
    }
    #sound .commentBox .img{
        width:100%;
        float:none;
        padding-top:0;
        
    }
    #sound .commentBox .txt{
        width:100%;
        float:none;
    }
    /*--------------------------------------------
    スペシャル
    ----------------------------------------------*/
    #special h1{
        font-size:30px;
        margin-bottom:30px;
        letter-spacing:2px;
    }

    #special .contBox a.youtube .movieTitle{
        font-size:14px;
    
    }
    /*--------------------------------------------
    特典情報
    ----------------------------------------------*/
    #info #shop .shopWrap{
        display:block;
        

    }
    #info #shop .shopWrap .shopBox{
        width:100%;
        display:block;
        margin:3px 0;
    }
    #info h1{
        font-size:24px;
    }

    #info #shop h1{
        font-size:48px;
    }
    #info #preorder h1,#info #limited h1{
        line-height:0.8;
    }
    
    #info #preorder .img{
    width:100%;
    display:block;
    }
    #info #preorder .txt{
    width:100%;
    display:block;
    padding:10px 0;
    margin:0 auto;
    
    }
    
    #info #limited h2{
        font-size:16px;
    }
    
    /*--------------------------------------------
    DLC
    ----------------------------------------------*/
    #dlc .dlcSet h2{
        font-size:16px;
    }
    #dlc .dlcBox h3{
        font-size:14px;
    }

}