@import url(https://fonts.googleapis.com/css?family=Radley);
/*--------------------------------------------
トップ
----------------------------------------------*/
#top{
    position:relative;
}

#top img.main{
    width:100%;
}
#top a.twi{
    width:20%;
    max-width:480px;
    display:block;
    position:absolute;
    right:0;
   /* top:0.5%;*/
   top:8.6%;
}

#top a.twi img{
    width:100%;
}

/*count*/
#countDown{
	width:13.5%;
    max-width:312px;
    display:block;
    position:absolute;
    right:0;
   /* top:0.5%;*/
   top:16.2%;
   box-sizing:border-box;
   /*border:#420b1e 2px solid;*/

}
#countDown .countBT,#countDown a{
	width:53.9%;
	vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
}
#countDown .countBT{
	background-color:#aa6d82;
	cursor:pointer;
}
#countDown .countBT.playing{
	background-color:#ffffff;

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

}
#countDown img{
	width:100%;
}


#bannerArea{
    width:100%;
    background-color:#22040e;
}
#bannerArea a{
    width:19%;
    max-width:480px;
    margin:5px 0.5%;
        vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}
#bannerArea a.touhyo{
	width:39%;

}
#bannerArea a.middle{
	width:32.3%;

}

#bannerArea img.touhyo{
	width:39%;
    max-width:480px;
    margin:5px 0.5%;
        vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}
#bannerArea a img{
    width:100%;
}


#movie_pc{
    width:57%;
    max-width:600px;
    position:absolute;
    /*left:185px;*/
    left:1%;
    bottom:1%;
    box-sizing:border-box;
}

#movie_pc img.thum{
    width:100%;
    /*width:290px;*/
    display:block;
    box-sizing:border-box;
    border:#9b1844 1px solid;
}
#movie_pc a{
    width:49%;
    margin:0 0.5%;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

    position:relative;
    box-sizing:border-box;
}
#movie_smp{
    display:none;
}

#news{
    border-bottom:#610825 3px solid;
    border-top:#610825 3px solid;
    background-image:url(../img/news_leftbg.png);
    background-repeat:repeat-y;
    background-size:100% auto;
}
#news h1{
    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;

    width:20%;
    color:#22040e;
    font-size:18px;
    box-sizing:border-box;
    margin:0;
    padding:10px 1%;
    text-align:right;
    /*background-image:url(../img/news_bg.png);
    background-position:left center;
    background-repeat:no-repeat;
    background-color:#95718a;*/
    
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}

#news .newsWrap{
    width:80%;
    box-sizing:border-box;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}

dl.latestNews{
    margin:0;
    padding:10px 1%;
    box-sizing:border-box;
    position:relative;
}

.more{
    padding:2px 2% 1px;
    position:absolute;
    cursor:pointer;
    right:1%;
    top:8px;
    background-color:#69102d;
    color:#fff;
    
}

dt{
    color:#94153e;
    margin-right:1%;
    font-weight:bold;
    box-sizing:border-box;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
}
dd{
    margin:0;
    box-sizing:border-box;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
}
dl.oldNews{
    padding:10px 1%;
    box-sizing:border-box;
    display:none;
   
}
/*--------------------------------------------
世界観
----------------------------------------------*/
#world{
}



/*#world #subNavi{
    display:table-cell;
    background-color:#69102d;
    width:1%;
    vertical-align:top;
    padding:100px 0;
    
}*/

#world .worldBox{
    padding:60px 0 100px;
    background-image:url(../world/img/bg.jpg);
    background-size:100% auto;
    background-repeat:no-repeat;
    background-color:#fcfbfb;
}

#world .txt{
    width:90%;
    margin:0 auto;
    padding:3%;
    box-sizing:border-box;
    font-size:18px;
    background-image:url(../img/bg_white.png);
    line-height:1.8em;
    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}

#world strong{
    color:#861238;
    font-size:24px;
}
#world .large{
    font-size:24px;
}
#world img{
    width:100%;
}

/*奥音里*/
.serifBox{
    width:100%;
    margin:2% 0;
    box-sizing:border-box;
}
.serifBox .serifImg{
    width:10%;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}
.serifBox .serifImg img{
    width:100%;
}

.serifBox .serifTxt{
    width:90%;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
    background-image:url(../img/bg_white.png);
    /* 角丸 */
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
    box-sizing:border-box;
    border:#3d0517 3px solid;
    padding:1%;
    font-size:15px;
    line-height:1.8em;
    text-shadow:0 0 5px #c793a4;
  
}

.placeBox{
    background-color:#92425d;
    margin:2% 0;
}

.placeBox .serifBox{
    padding:1%;
    margin:0;
}

/*--------------------------------------------
ストーリー
----------------------------------------------*/
#story{
}

#story .storyBox{
    padding:60px 0 100px;
    background-image:url(../world/img/bg.jpg);
    background-size:100% auto;
    background-repeat:no-repeat;
    background-color:#fcfbfb;
}



#story .txt{
    width:90%;
    max-width:900px;
    margin:0 auto;
    padding:3%;
    box-sizing:border-box;
    font-size:16px;
    background-image:url(../img/bg_white.png);
    line-height:1.8em;
    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}

#story .txt img{
    width:100%;
}

.box0801{
    max-width:840px;
    box-sizing:border-box;
    padding:1% 0;
}
.box0801 .floatTxt{
    width:70%;
    background-image:none;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}
.box0801 .img{
    width:30%;
    box-sizing:border-box;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
}
.box0801 .img img{
    width:100%;
    box-sizing:border-box;
    border:#ccc 1px solid;
}

#story strong{
    color:#861238;
    font-weight:100;
}
#story .large{
    font-size:24px;
}
#story .img0802{
    width:100%;
}
#story .img0802 img{
    width:32.3%;
    margin:1% 0.5%;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}

#story .serif{
    color:#861238;
    margin:3% 0;
    line-height:1.3em;
    font-size:14px;
}
img.panda{
    width:50%;
    border:#ccc 1px solid;
    box-sizing:border-box;
}
img.photo{
    box-sizing:border-box;
    border:#fff 5px solid;
    box-shadow:0 0 5px #999;
    margin:2% 0;
}
/*--------------------------------------------
キャラクター
----------------------------------------------*/
#chara{
    min-height:850px;
    
}
#chara .main{
    width:65%;
    min-height:850px;
    display:table-cell;
    text-align:right;
    position:relative;
}


#chara .main img.stand{
    width:50%;
    max-width:500px;
    vertical-align:bottom;
}

#chara .over{
    width:100%;
    position:absolute;
    top:0;
    padding-top:43%;
    text-align:left;
}

#chara .over .txt{
    width:50%;
    padding:2%;
     font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
     font-size:16px;
     line-height:1.5em;
     box-sizing:border-box;
}


#chara .over .chibi{
    width:50%;
    padding:0 2%;
     font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
     font-size:14px;
     color:#fff;
     line-height:1.5em;
     text-align:center;
     box-sizing:border-box;
}

#chara .over .chibi h2{
    width:60%;
    max-width:170px;
    background-color:#69102d;
    margin:0;
    padding:3px 2% 2px;
    box-sizing:border-box;
    text-align:left;
    font-size:14px;
}

#chara .over .chibi .chibiBox{
     border-bottom:#69102d 1px solid;
     border-left:#69102d 1px solid;
     margin-bottom:10px;

}

#chara .over .chibi img{
    width:60%;
    max-width:238px;
}

.charaBox{
    background-position:left 100px;
    background-repeat:no-repeat;
    background-size:100% auto;

}

.sampleVoice{
    width:100%;
    margin:0 0 10px;
    padding-left:2%;
    box-sizing:border-box;
}
.sampleVoice li{
    width:21.7%;
    max-width:45px;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
    
    cursor:pointer;
    margin-right:0.3%;
    
    position:relative;
    box-sizing:border-box;
    background-color:#69102d;
}
.sampleVoice li img{
    width:100%;
    display:block;
}
.sampleVoice img.title{
     width:34%;
     max-width:71px;
     margin-right:2%;
     vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}
.sampleVoice li.selected{
    background-color:#b64268;
}

.sampleVoice li.playBT .new{
    color:#fff;
    background-color:#b43e57;
    padding:0px 3px 2px;
    font-size:12px;
    
    position:absolute;
    top:0;
    left:0;
    line-height:1;
    font-weight:100;
    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}

/*キャラ名前
---------------------------------------------------------------*/
#ichiko{
    background-image:url(../chara/img/ichiko_name.png);
}

#hino{
    background-image:url(../chara/img/hino_name.png);
}
#isora{
    background-image:url(../chara/img/isora_name.png);
}
#toa{
    background-image:url(../chara/img/toa_name.png);
}

#sosuke{
    background-image:url(../chara/img/sosuke_name.png);
}
#yuzuki{
    background-image:url(../chara/img/yuzuki_name.png);
}
#yuki{
    background-image:url(../chara/img/yuki_name.png);
}
#yua{
    background-image:url(../chara/img/yua_name.png);
}
#yasuhisa{
    background-image:url(../chara/img/yasuhisa_name.png);
}
#kagura{
    background-image:url(../chara/img/kagura_name.png);
}
#chikage{
    background-image:url(../chara/img/chikage_name.png);
}
#unknown{
    background-image:url(../chara/img/unknown_name.png);
}
#hanate{
    background-image:url(../chara/img/hanate_name.png);
}


/*キャラ名前ここまで
---------------------------------------------------------------*/


/*--------------------------------------------
システム
----------------------------------------------*/
#system{
        text-shadow:0 0 3px #aa7788;

   
}
#system #basic{
    padding-bottom:100px;
}
#system h1{
     font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
     font-size:42px;
     border-bottom:#481d27 1px solid;
     line-height:1em;
     /*padding-top:20px;*/
     text-align:left;
     text-shadow:0 0 5px #aa7788;
     font-weight:100;
     margin-bottom:40px;
     padding-top:20px;
}

#system h1 .cap{
    color:#711026;
}


#system #subNavi{
    display:table-cell;
    background-color:#69102d;
    width:1%;
    vertical-align:top;
    padding:100px 0;
    
}

#system img{
    width:100%;
    max-width:960px;
    box-sizing:border-box;
    border:#69102d 1px solid;
}

#system .sysBox{
    width:80%;
    margin:0 auto 40px;
}
#system .sysBox p{
    font-size:16px;
    margin:0;

    padding:10px 0;
    line-height:1.8;
     font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;

}
#system .sysBox.float p{
    width:60%;
    margin-right:2%;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}

#system .sysBox.float img{
    width:38%;
    margin-top:10px;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}


#system .sysBox h1{
    font-size:30px;
     border-bottom:#481d27 2px solid;
     margin-bottom:0px;
}
#system .sysBox h1:first-letter{
    display:block;
    color:#9d2742;
}

.smallBox{
    width:80%;
    margin:0 auto;
    text-align:right;
    display:block;
    border-top:#481d27 3px double;
}

/*--------------------------------------------
ギャラリー
----------------------------------------------*/
#gallery .main{
    padding-bottom:100px;
    min-height:800px;
}


#gallery #subNavi .new{
    color:#fff;
    background-color:#da3565;
    padding:1px 5px 2px;
    font-size:12px;
    position:absolute;
    top:0;
    line-height:1;
}

#gallery #subNavi .box{
}

#gallery #subNavi .box a{
    width:48%;
    margin:2px 1%;
    box-sizing:border-box;
    position:relative;
    display:block;
    color:#fff;
    font-size:16px;
    padding:0;

    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
    text-shadow:0 0 3px #a33156;
    border:#69102d 2px solid;
    
        vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}
#gallery #subNavi .box a img{
    width:100%;
    border:#da3565 1px solid;
    box-sizing:border-box;
}

#gallery #subNavi .box a:hover{
   border:#a33156 2px solid;
    text-decoration:none;
}

#gallery #subNavi .box a.selected{
    border:#da3565 2px solid;
}

#gallery img.cg{
    width:90%;
    display:block;
    margin:100px auto 0;
    box-sizing:border-box;
    max-width:833px;
    border:#bc96a2 1px solid;
     
}

#gallery .txtWrap{
    width:90%;
    margin:0 auto;
    padding:1%;
    box-sizing:border-box;
    max-width:833px;

}

#gallery .txtWrap .txt{
    padding-bottom:30px;
}

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

}
#gallery dl.txtBox dd{
    margin:0;
    margin-left:1em;
    text-indent:-1em;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
}
#gallery .smallBox{
    width:100%;
    margin:0 auto;
    text-align:right;
    display:block;
    border-top:#481d27 3px double;
    font-size:12px;
}

/*--------------------------------------------
サウンド
----------------------------------------------*/
#sound{
    text-shadow:0 0 3px #aa7788;
}

#sound h1{
     font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
     font-size:42px;
     border-bottom:#481d27 1px solid;
     line-height:1em;
     /*padding-top:20px;*/
     text-align:left;
     text-shadow:0 0 5px #aa7788;
     font-weight:100;
     margin-bottom:40px;
}

#sound h1 .cap{
    color:#711026;
}

#sound hr{
    height:0;
    border-top:#c78097 1px dotted;
}

#op{
    padding-bottom:150px;
    text-align:center;
    padding-top:20px;

}

#op .img{
    width:40%;
    padding:1%;
    box-sizing:border-box;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
}

#op .img img{
    width:100%;
}
#op .txt{
    width:60%;
    max-width:500px;
    padding:15% 1% 0;
    box-sizing:border-box;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
    color:#69102d;
    font-size:16px;
     font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
     line-height:1.5;

}

.songTitle{
     font-size:36px;
     color:#69102d;
     background-image:url(../sound/img/song_line.png);
     background-position:bottom;
     background-repeat:no-repeat;
     background-size:100% auto;
     line-height:1.1;
     margin-bottom:20px;
     font-family: 'Radley', serif;

}
.songTitle .cap{
    color:#a6153e;
}

#ed h1,#song h1{
    padding-top:20px;
}
#ed .songWrap{
    width:98%;
    max-width:960px;
    margin:0 auto;
    padding:0 0 50px;
    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}
#ed .songBox{
    width:66.6%;
    margin-right:auto;
    margin-bottom:10px;
    box-sizing:border-box;
    background-color:#69102d;
    border:#69102d 1px solid;
    color:#fff;
}
#ed .songBox.right{
    width:66.6%;
    margin-left:auto;
    margin-right:0;
    margin-bottom:10px;
}
#ed .songBox .txt{
    width:50%;
    box-sizing:border-box;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
    border:#69102d 1px solid;
    text-align:center;
    font-size:14px;
    line-height:1.8em;

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

}
#ed .songBox .img img{
    width:100%;
    box-sizing:border-box;
     border:#69102d 1px solid;
    
}

#ed .songBox h2{
    text-align:left;
    font-weight:100;
    font-size:16px;
}

#ed .songBox h3{
    font-weight:100;
    font-size:20px;
    margin:0;
    padding-top:26%;
}

#song .songWrap{
    padding-bottom:10%;
}
#song .songBox{
    padding:10% 0 20px;
    box-sizing:border-box;
    text-align:center;
    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
    font-size:18px;
    line-height:1.8em;
}

#song h2{
    font-size:54px;
    margin-bottom:30px;
    font-weight:100;
    letter-spacing:1px;
}
#song h2 .cap{
    color:#711026;
}

#sound #movieWrap{
    width:90%;
    max-width:555px;
        display:block;
        margin:0 auto 0;
        
    }
#sound #movieBox {
        display: inherit;
        position: relative;
        margin: 0;
        padding-bottom: 56.25%;
        padding-top: 10px;
        height: 0;
        overflow: hidden;
    }
    
    #sound #movieBox iframe,  
    #sound #movieBox object,  
    #sound #movieBox embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
#op .opBox{
    background-image:url(../sound/img/op_bg.png);
    padding:1% 0;
    margin-top:3%;
}
#song a{
    width:90%;
    max-width:555px;
    margin:10px auto 0;
    text-align:center;
    display:block;
    background-color:#69102d;
    color:#fff;
    padding:10px 0;
    box-sizing:border-box;
}

#song a:hover{
    background-color:#a33156;
    text-decoration:none;
}
#bgm{
	min-height:900px;
	
}

#bgm .songWrap{
	box-sizing:border-box;
	padding:3%;

}

#bgm .img{
	width:30%;
	vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
}
#bgm .img img{
	width:100%;
	box-sizing:border-box;
     border:#69102d 1px solid;

}
#bgm .txtBox{
	width:70%;
	vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
	box-sizing:border-box;
	padding:0 1%;
}
#bgm .bgmName{
	background-color:#69102d;
	color:#fff;
	box-sizing:border-box;
	padding:1% 2%;
	font-size:30px;
	line-height:30px;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;

}
#bgm h2{
	font-size:16px;
	line-height:16px;
	margin-bottom:1%;
	font-weight:100;
	letter-spacing:1px;
}
#bgm .txt{
	box-sizing:border-box;
	padding:2%;
	font-size:14px;
	line-height:1.5;
}
#bgm h3{
	font-size:16px;
	box-sizing:border-box;
	padding:1% 2%;
	color:#fff;
	background-color:#1f0000;
	margin:0;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	letter-spacing:1px;

}
#bgm a{
	display:block;
	box-sizing:border-box;
	padding:1%;
	border:#69102d 1px solid;
}
#bgm a:hover{
	text-decoration:none;
	border:#cf1854 1px solid;
	background-image:url(../img/bg_white.png);
}
#cd{
}
#cd .cdWrap{
	max-width:1100px;
	box-sizing:border-box;
	padding:3% 3% 10%;

}
#cd h2{
	font-size:16px;
	box-sizing:border-box;
	padding:1% 2%;
	color:#fff;
	background-color:#69102d;
	margin:0;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	letter-spacing:1px;
	margin-bottom:1%;
}
#cd h3{
	font-size:14px;
	box-sizing:border-box;
	padding:1% 2%;
	color:#fff;
	background-color:#1f0000;
	margin:0;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	letter-spacing:1px;
	margin-top:2%;
	margin-bottom:1%;
}
#cd h4{
	margin:0;
	color:#69102d;
}
#cd .img{
	width:35%;
	vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
}
#cd .img img{
	width:100%;
	box-sizing:border-box;
     border:#69102d 1px solid;

}
#cd .txtBox{
	width:65%;
	vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
	box-sizing:border-box;
	padding:0 1%;
	font-size:15px;
	line-height:1.5em;
}
#cd .txt{
	box-sizing:border-box;
	padding:1%;
}
#cd a{
	display:block;
	box-sizing:border-box;
	padding:1%;
	border:#69102d 1px solid;
	margin-bottom:3%;
	font-size:13px;
}
#cd a:hover{
	text-decoration:none;
	border:#cf1854 1px solid;
	background-image:url(../img/bg_white.png);
}

#thirdNavi{
	max-width:1100px;
	box-sizing:border-box;
	padding:1% 3%;

}
#thirdNavi a{
	width:49%;
	margin:0 0.5%;
	vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
	box-sizing:border-box;
	padding-left:1.5em;
}
#thirdNavi a.selected{
	background-color:#69102d;
	color:#fff;
    background-image:url(../img/sub_selected.png);
    background-position:left center;
    background-repeat:no-repeat;
}
#cd dl{
	box-sizing:border-box;
	padding:2%;
	border:#1f0000 1px solid;
	font-size:14px;
	background-image:url(../img/bg_white.png);
	margin:2% 0;
	
}
#cd dl.tracklist{
	box-sizing:border-box;
	padding:1%;
	border:none;
	font-size:14px;
	background-image:url(../img/bg_white.png);
	margin:0;
	border-top:#69102d 1px dashed;
}
#cd dl.tracklist dd{
	
	font-size:12px;
	line-height:12px;
	border-bottom:#69102d 1px dashed;
	box-sizing:border-box;
	padding-bottom:1%;
	
}
#cd dt,#cd dd{
	display:block;
}
#cd dd{
	margin-bottom:0.5em;
}
/*--------------------------------------------
用語集
----------------------------------------------*/
#words{
        text-shadow:0 0 3px #aa7788;
}

#wordspage{
            min-height:800px;


}
#words h1{
     font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
     font-size:42px;
     border-bottom:#481d27 1px solid;
     line-height:1em;
     /*padding-top:20px;*/
     text-align:left;
     text-shadow:0 0 5px #aa7788;
     font-weight:100;
     margin-bottom:40px;
     padding-top:20px;
}

#words h1 .cap{
    color:#711026;
}


#words #subNavi{
    display:table-cell;
    background-color:#69102d;
    width:1%;
    vertical-align:top;
    padding:100px 0;
    
}


#words .wordBox h2{
    
    
     line-height:1em;
     /*padding-top:20px;*/
     text-align:left;
     text-shadow:0 0 5px #aa7788;
     font-weight:100;

    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
    font-size:30px;
     border-bottom:#481d27 2px solid;
     margin-bottom:0px;
}

#words .wordBox h2 .new{
    margin-left:1%;
    font-size:14px;
    color:#fff;
    background-color:#b43e57;
    padding:0px 3px 2px;
    font-size:12px;
}
#words .wordBox h2:first-letter{
    display:block;
    color:#9d2742;
}
#words .wordBox{
    width:80%;
    margin:0 auto 40px;
}
#words .wordBox p{
    font-size:16px;
    margin:0;
    text-shadow:0 0 5px #aa7788;
    padding:10px 0;
    line-height:1.8;
     font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;

}

#words .wordBox.float p{
    width:70%;
    margin-right:2%;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}

#words .wordBox.float img{
    width:28%;
    margin-top:10px;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
    border:#69102d 1px solid;
    box-sizing:border-box;

}

/*--------------------------------------------
製品情報
----------------------------------------------*/
#production{
    
}
#production h1{
     font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
     font-size:42px;
     border-bottom:#481d27 1px solid;
     line-height:1em;
     /*padding-top:20px;*/
     text-align:left;
     text-shadow:0 0 5px #aa7788;
     font-weight:100;
     margin-bottom:40px;
}


#preorder h1,#limited h1,#shop h1{
    margin-bottom:5px;
}

#production .notes{
    font-size:12px;
    text-align:left;
    margin-bottom:20px;
}


#production h1 .cap{
    color:#711026;
}

#spec{
    padding-bottom:150px;
    text-align:center;
    padding-top:20px;
}
#spec img{
    width:80%;
    max-width:579px;
}

#spec dl{
    width:80%;
    max-width:579px;
    text-align:left;
    margin:20px auto 0;
    padding:15px 2%;
    box-sizing:border-box;
    background-image:url(../img/bg_white.png);
    border:#dec0ca 1px solid;
    border-bottom:#4a0d21 3px double;
    border-top:#4a0d21 3px double;
    line-height:1.8em;
}
#spec .small{
    font-size:10px;
}
#spec dt{
    width:10em;
    margin-right:10px;
}
#spec dd{
    margin:0;
}

#spec hr{
    height:0;
    border:0;
    border-top:#999 1px solid;
}



#preorder,#limited{
    text-align:center;
}
#preorder img{
    width:90%;
    max-width:480px;
}

#limited img{
    width:90%;
    max-width:745px;
}

.bonusTxt{
    width:96%;
    max-width:579px;
    margin:2% auto;
    text-align:left;
     font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
     text-shadow:0 0 5px #aa7788;
}

#limited .bonusTxt{
     max-width:745px;
}
.bonusTxt h2{
    border-left:#711026 5px solid;
    font-size:24px;
    line-height:36px;
    box-sizing:border-box;
    padding-left:5px;
    
    margin:10px 0 5px;
    
}

.bonusTxt h3{
    width:5%;
    min-width:7em;
    font-size:16px;
    line-height:24px;
    background-color:#711026;
    color:#fff;
    box-sizing:border-box;
    padding:0 1%;
    font-weight:100;
    margin:2% 0 0;
}

dl.cast{
    margin:0;
    font-size:16px;
    box-sizing:border-box;
    padding:1%;
    line-height:1.8em;
}
dl.cast dt{
    width:8em;
    color:#22040e;
    font-weight:100;
}
dl.cast dd:before{
    content:"：";
}

dl.cast dd{
    color:#22040e;
}

/*店舗特典*/
.shopWrap{
    width:98%;
    max-width:810px;
    margin:0 auto;
}
.shopBox{
    background-color:#69102d;
    box-sizing:border-box;
    padding:1%;
    color:#fff;
    font-size:14px;
    margin:0 0.5% 20px;
     font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;

}

.shopBox h2{
    font-size:21px;
    margin:2px 0 5px;
    padding:1%;
    box-sizing:border-box;
    border-left:#cd4498 3px solid;
    border-bottom:#cd4498 1px solid;
   font-weight:100;
}

.shopBox h3{
    margin:1% 1% 0;
    font-size:16px;
    font-weight:100;
}

.shopBox h4{
    margin:1% 1% 0;
    font-size:14px;
    font-weight:100;
    color:#db8afd;
}
.shopBox dl.cast{
    margin:0;
    font-size:13px;
    box-sizing:border-box;
    padding:1%;
    padding-left:1em;
    line-height:1.8em;
}
.shopBox dl.cast dt{
    width:8em;
    color:#fff;
    font-weight:100;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}
.shopBox dl.cast dd:before{
    content:"：";
}

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

}

.shopBox .txtBox{
    box-sizing:border-box;
    padding:1%;
    padding-left:1em;
    font-size:13px;
}

.shopBox.wideBox{
    width:99%;
    
}

.shopBox.middleBox{
    width:49%;
    height:595px;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}
.shopBox.smallBox{
    width:49%;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
    text-align:left;
    height:430px;

}

.shopBox hr{
    height:0;
    border:0;
    border-top:#a876a2 1px dashed;
}

.shopBox img{
    width:100%;
}
/*--------------------------------------------
スペシャル
----------------------------------------------*/

#special h1{
     font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
     font-size:42px;
     border-bottom:#481d27 1px solid;
     line-height:1em;
     /*padding-top:20px;*/
     text-align:left;
     text-shadow:0 0 5px #aa7788;
     font-weight:100;
     margin-bottom:40px;
}

#special h1 .cap{
    color:#711026;
}

#movie{
    width:100%;
    padding-bottom:150px;
    text-align:center;
    box-sizing:border-box;
    padding-top:20px;
    min-height:800px;
}

#movie a{
    width:48%;
    max-width:420px;
    padding:1%;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

    background-color:#aa7788;
    box-sizing:border-box;
    margin:0 1% 10px;
    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
    font-size:14px;
    /*color:#69102d;*/
    color:#fff;
}
#movie a:hover{
    text-decoration:none;
    background-color:#a33156;
    color:#fff;
}
#movie a img{
    width:100%;
    margin-bottom:5px;
}

#twitter-icon h1,#wall h1{
     margin-bottom:10px;
}

#banner{
    width:100%;
    padding-bottom:150px;
    text-align:center;
    box-sizing:border-box;
    padding-top:20px;
    min-height:800px;
    font-size:15px;
    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}

.colorBg{
    width:100%;
    box-sizing:border-box;
    padding:5px 1%;
    background-color:#a33156;
    font-size:13px;
    color:#fff;
}

.bannerBox{
    border-bottom:#50412a 3px double;
    box-sizing:border-box;
    padding-bottom:10px;
    margin-top:30px;
}
.bannerBox h2{
    border-bottom:#50412a 3px double;
    font-size:18px;
    line-height:18px;
    margin-bottom:10px;
    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
   
    
}

.bannerBox li{
    /*width:19%;*/
    width:13.28%;
    margin:2px 0.5%;
    max-width:160px;
    box-sizing:border-box;
    position:relative;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
}


.bannerBox img{
    width:100%;
    box-sizing:border-box;
    border:#a33156 1px solid;
}
#twitter-icon{
    padding-bottom:10%;
}
.twiIconBox{
    width:96%;
    margin:0 auto 5%;
    box-sizing:border-box;
    padding:1%;
    
}
#twitter-icon .iconTxt{
    width:100%;
    margin:0 auto;
    box-sizing:border-box;
    padding:0 0.5% 5%;
}


.twiIconBox h2{
    color:#fff;
    width:100%;
    box-sizing:border-box;
    padding:5px 1%;
    background-color:#711026;
    font-size:15px;
    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
    font-weight:100;
     border-left:#711026 5px solid;
      border-bottom:#711026 2px solid;
}
.twiIconBox a{
    width:13.2%;
    margin:5px 0.5%;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/
}
.twiIconBox a img{
    width:100%;
    box-sizing:border-box;
    border:#a33156 1px solid;

}
#wall{
    min-height:800px;
}
.wallBox{
    width:96%;
    max-width:700px;
    margin:0 auto;
}

#wall .wallTxt{
    width:100%;
    margin:0 auto;
    box-sizing:border-box;
    padding:0 0.5% 5%;
}

.wallBox img{
    width:100%;
}

.wallBox a{
    width:100%;
    display:block;
    line-height:36px;
    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
    color:#fff;
    font-size:16px;
    background-color:#711026;
    text-align:center;
    margin-bottom:1px;
}
.wallBox a:hover{
    text-decoration:none;
    background-color:#a33156;
}


/*バックナンバー*/
/*count*/
#count{
	min-height:800px;

}
.countBox{
	width:48%;
	margin:2% 1%;
    max-width:312px;
   background-color:#420b1e;
   box-sizing:border-box;
   border:#420b1e 2px solid;
    vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}
.countBox .playBT,.countBox a{
	width:53.9%;
	vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}
.countBox .playBT{
	background-color:#aa6d82;
	cursor:pointer;
}
.countBox .playBT.selected{
	background-color:#ffffff;

}
.countBox .countNum{
	width:46.1%;
	vertical-align:top;
    display:inline-block;
    *display: inline;   /*IE用のハック*/
    zoom: 1;            /*IE用の hasLayout を true にするための記述*/

}
.countBox img{
	width:100%;
}
/*イベント情報*/
#event{
}
#event .eventBox{
	width:100%;
	max-width:880px;
	box-sizing:border-box;
	padding-bottom:10%;
}
#event .eventBox h2{
	box-sizing:border-box;
	padding:2%;
	background-color:#420b1e;
	color:#fff;
 	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size:24px;
	letter-spacing:1px;
	line-height:1.3em;

}
#event .eventBox img{
	width:100%;
	max-width:786px;
}
#event .eventBox img.main{
	width:90%;
	max-width:600px;
	display:block;
	margin:0 auto;
}
#event .eventBox .txt{
	font-size:16px;
	box-sizing:border-box;
	padding:2%;
	line-height:1.5em;
}
#event .eventBox .txt strong{
	font-size:18px;
	color:#22040e;
}
#event dl{
	width:96%;
	margin:0 auto;
	box-sizing:border-box;
	padding:2%;
	font-size:16px;
	border:#420b1e 3px double;
	background-image:url(../img/bg_white.png);
}
#event dt{
	width:5em;
	line-height:1.4em;
}
#event dd{
	line-height:1.4em;
	margin-bottom:1em;
}
#event a{
	font-size:15px;
	padding:1%;
	box-sizing:border-box;
	display:block;
	background-color:#69102d;
	color:#fff;
	margin:1% 0 3%;
}
#event a:hover{
    background-color:#a33156;
    text-decoration:none;
}
#event hr{
	height:0;
	border:0;
	border-top:#420b1e 1px dotted;
}
#event h3{
	margin:0;
}
#event img.sosukeImg{
	width:100%;
	max-width:480px;
	display:block;
	margin-top:2%;
	margin-left:auto;
	margin:2% auto 0;
}
/*----------------------------------------------------------------
スマホエリア
-----------------------------------------------------------------*/

@media (max-width: 960px) {
    #movie_pc{
        /*left:18%;*/
    }
    /*--------------------------------------------
    キャラクター
    ----------------------------------------------*/
    #chara{
        min-height:800px;
        
    }
    #chara .main{
        min-height:800px;
    }
    
    /*--------------------------------------------
    システム
    ----------------------------------------------*/

    #system #subNavi{
        display:none;
        width:100%;
        padding:0;
    }
    
    /*--------------------------------------------
    サウンド
    ----------------------------------------------*/
    #op .txt{
        padding:12% 1% 0;
    }
    #ed .songBox .txt{
        font-size:13px;
    }
	
    /*--------------------------------------------
    用語集
    ----------------------------------------------*/

    #words #subNavi{
        display:none;
        width:100%;
        padding:0;
    }
    #words .wordBox.float p{
        width:60%;
        margin-right:2%;
        vertical-align:top;
        display:inline-block;
        *display: inline;   /*IE用のハック*/
        zoom: 1;            /*IE用の hasLayout を true にするための記述*/
    
    }
    
    #words .wordBox.float img{
        width:38%;
        margin-top:10px;
        vertical-align:top;
        display:inline-block;
        *display: inline;   /*IE用のハック*/
        zoom: 1;            /*IE用の hasLayout を true にするための記述*/
        border:#69102d 1px solid;
        box-sizing:border-box;
    
    }
}
@media (max-width: 786px) {
    /*--------------------------------------------
    トップ
    ----------------------------------------------*/
#top a.twi{
    width:40%;
    left:0;
    top:auto;
    bottom:0.5%;
}
#countDown{
    width:30%;
    left:0;
    top:auto;
    bottom:15.5%;

}

    #bannerArea a{
        width:32.3%;
    }
#bannerArea br{
	/*display:none;*/
}
#bannerArea a.touhyo{
	width:49%;

}
#bannerArea img.touhyo{
	width:49%;

}
    #news h1{
        font-size:14px;
    }
    dd{
        margin-right:55px;
    }
#movie_pc{
            display:none;
        }
        #movie_smp{
            display:block;
            padding:10px 1%;
            box-sizing:border-box;
    
        }
        .smpmovie {
            display: inherit;
            position: relative;
            margin: 1%;
            padding-bottom: 56.25%;
            padding-top: 10px;
            height: 0;
            overflow: hidden;
        }
        
        .smpmovie iframe,  
        .smpmovie object,  
        .smpmovie embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
		
	#bannerArea a.middle{
		width:49%;
	
	}
    /*--------------------------------------------
    ストーリー
    ----------------------------------------------*/
    #world .txt{
        font-size:16px;
    }
    
    #world strong{
        font-size:18px;
    }
    #world .large{
        font-size:18px;
    }
    #okunesato .worldBox{
        padding:20px 0 100px;
    }
    
    #okunesato .txt{
        width:98%;
        padding:1%;
    }


    /*奥音里*/
    .serifBox .serifImg{
        width:15%;
    
    }
    .serifBox .serifImg img{
        width:100%;
    }
    
    .serifBox .serifTxt{
        width:85%;
        font-size:14px;
    }
    /*--------------------------------------------
    物語
    ----------------------------------------------*/

    #story .txt{
        font-size:14px;
    }
    
    #story .large{
        font-size:18px;
    }
    /*--------------------------------------------
    キャラクター
    ----------------------------------------------*/
    #chara .main{
    width:100%;
    display:block;
    min-height:500px;
    }
    
    #chara .over{
        padding-top:50%;
    }
    
    #chara .over .txt{
         font-size:14px;
         line-height:1.3em;
    }
    /*--------------------------------------------
    システム
    ----------------------------------------------*/
    #system .sysBox{
        width:90%;
    }
    #system .sysBox p{
        font-size:14px;
    
    }
    #system .sysBox h1{
        font-size:24px;
    }
    .smallBox{
        width:90%;
    }
    /*--------------------------------------------
    ギャラリー
    ----------------------------------------------*/
    
    #gallery .main{
        padding-bottom:100px;
        min-height:300px;
    }
    
    #gallery #subNavi{
        display:block;
        width:100%;
        padding:0;
    }
    #gallery #subNavi .box a{
        width:18%;
        font-size:14px;
        vertical-align:top;
        display:inline-block;
        *display: inline;   /*IE用のハック*/
        zoom: 1;            /*IE用の hasLayout を true にするための記述*/

    }
    
    #gallery img.cg{
        width:96%;
        margin:15px auto 0;
    }
    
    #gallery  .txtWrap{
        width:96%;
        margin:15px auto 0;
    }
    /*--------------------------------------------
    サウンド
    ----------------------------------------------*/
    .songTitle{
         font-size:30px;
         margin-bottom:10px;
    
    }
    #ed .songBox h2{
        text-align:left;
        font-weight:100;
        font-size:14px;
    }
    
    #ed .songBox h3{
        font-weight:100;
        font-size:16px;
        margin:0;
        padding-top:26%;
    }
    #ed .songBox{
        width:75%;
    }
    #ed .songBox.right{
        width:75%;
    }
    #ed .songBox .txt{
        font-size:12px;
        line-height:1.5em;
    
    }
    #bgm{
        min-height:0;
        
    }
	#cd dl{
		font-size:13px;
	}
	#cd dt,#cd dd{
		width:100%;
	}
    /*--------------------------------------------
   用語集
    ----------------------------------------------*/
    #words .wordBox{
        width:90%;
    }
    #words .wordBox p{
        font-size:14px;
    
    }
    #words .wordBox h2{
        font-size:24px;
    }

    /*--------------------------------------------
    製品情報
    ----------------------------------------------*/
    
    .bonusTxt h2{
        font-size:18px;
        
    }
    .shopBox dl.cast{
        font-size:14px;
    }
    .shopBox dl.cast dt{
        vertical-align:top;
        display:inline-block;
        *display: inline;   /*IE用のハック*/
        zoom: 1;            /*IE用の hasLayout を true にするための記述*/

    }
   .shopBox dl.cast dd{
        vertical-align:top;
        display:inline-block;
        *display: inline;   /*IE用のハック*/
        zoom: 1;            /*IE用の hasLayout を true にするための記述*/
    }
    

    /*--------------------------------------------
    スペシャル
    ----------------------------------------------*/
    #movie a{
        width:90%;
        margin:0 auto 10px;
        display:block;
    }
    #banner{
        font-size:14px;
    }
    
    
    .bannerBox li{
        width:24%;
    }
    .twiIconBox a{
        width:24%;
    }
}
@media (max-width: 480px) {
    /*--------------------------------------------
    トップ
    ----------------------------------------------*/
    #top a.twi{
        width:50%;
    }
#countDown{
	width:33%;
    bottom:19%;

}
	
    #bannerArea a{
        width:49%;
    }
	#bannerArea a.touhyo{
		width:99%;
	
	}
	#bannerArea img.touhyo{
		width:99%;
	
	}
    #news{
            background-image:none;

    }
    #news h1{
        width:100%;
        display:block;
        padding:6px 2%;
        text-align:left;
    }
    
    #news .newsWrap{
        width:100%;
        display:block;
    }
    
    .more{
        top:-27px;
    }
    
    dt{
        display:block;
    }
    dd{
        display:block;
        margin-right:0px;
    }
	#bannerArea a.middle{
		width:99%;
	}
    /*--------------------------------------------
    ストーリー
    ----------------------------------------------*/
    #world .txt{
        font-size:14px;
    }
    
    #world strong{
        font-size:16px;
    }
    #world .large{
        font-size:16px;
    }
    .serifBox .serifTxt{
        font-size:13px;
    }
    .serifBox .serifTxt br{
        display:none;
    }
    
    
    /*--------------------------------------------
    物語
    ----------------------------------------------*/
    .box0801 .floatTxt{
        width:100%;
        display:block;
    
    }
    .box0801 .img{
        width:70%;
        margin:0 auto;
        display:block;
    }
    #story .img0802 img{
        width:99%;
    }
    /*--------------------------------------------
    キャラクター
    ----------------------------------------------*/
    .charaBox{
        background-position:left 20px;
        background-repeat:no-repeat;
        background-size:180% auto;
        padding-top:48%;
    
    }
    #ichiko.charaBox,#toa.charaBox,#yuki.charaBox,#yua.charaBox{
        padding-top:30%;
    }
    #chara .over{
        position:relative;
        padding:0;
        
    }
    
    #chara .over .txt{
        width:100%;
        padding:3%;
        margin:0 auto 20px;
        background-image:url(../img/bg_white.png);
        border-top:#69102d 3px double;
        border-bottom:#69102d 3px double;
        box-sizing:border-box;
    }
    
    #chara #unknown+.over .txt{
        display:none;
    }

    #chara .main img.stand{
        width:75%;
        display:block;
        margin:0 auto;
    }
    
    #chara .over .chibi{
        width:100%;
        padding:0 3%;
       
    }

    /*--------------------------------------------
    システム
    ----------------------------------------------*/
    #system h1{
     margin-bottom:10px;
    }

    
    #system #basic{
        padding-bottom:50px;
    }
    #system .sysBox{
        margin:0 auto 30px;
    }
    #system .sysBox p br{
        display:none;
    }
    #system .sysBox h1{
        font-size:18px;
    }
    #system .sysBox.float p{
        width:100%;
        display:block;
        margin:0;
        
    }
    
    #system .sysBox.float img{
        width:100%;
        display:block;
        margin:0;
    }
    
    /*--------------------------------------------
    ギャラリー
    ----------------------------------------------*/
    #gallery img.cg{
        width:100%;
        margin:0px auto 0;
    }
    #gallery  .txtWrap{
        width:100%;
        margin:0px auto 0;
    }
    /*--------------------------------------------
    サウンド
    ----------------------------------------------*/
    #sound h1{
        font-size:24px;
    }

    
    #op .img{
        width:96%;
        margin:0 auto;
        display:block;
    }
    #op .txt{
        width:96%;
        margin:0 auto;
        display:block;
        padding:10px 1% 0;
    }
    #ed .songBox{
        width:100%;
    }
    #ed .songBox.right{
        width:100%;
    }
    #ed .songBox h3{
        font-weight:100;
        font-size:14px;
        margin:0;
        padding-top:26%;
    }
    #song .songBox{
        font-size:16px;
        line-height:1.8em;
    }
    
    #song h2{
        font-size:42px;
    }
    #op .opBox{
        margin-top:5%;
        padding:2% 0;
    }
	#bgm .songWrap{
		padding-bottom:10%;
	}
	#bgm .img{
		width:70%;
		display:block;
		margin:0 auto 3%;
	}
	#bgm .txtBox{
		width:100%;
		display:block;

	}
	#bgm .bgmName{
		font-size:18px;
		line-height:18px;
	}
	#bgm h2{
		font-size:14px;
		line-height:14px;
	}
	#bgm h3{
		font-size:14px;
	
	}
	#bgm a{
		font-size:12px;
	}
	#cd .img{
		width:100%;
		display:block;
	}
	#cd .txtBox{
		width:100%;
		display:block;
		font-size:14px;
		border-top:#c78097 1px dotted;
		padding-top:3%;

	}
	#thirdNavi a{
		width:99%;
		margin:1% 0.5%;
		display:block;
		padding:1em 1.5em;
	}
	
    /*--------------------------------------------
     用語集
    ----------------------------------------------*/
    #words h1{
        font-size:24px;
    }

    #words .wordBox{
        margin:0 auto 30px;
    }
    #words .wordBox p br{
        display:none;
    }
    #words .wordBox h2{
        font-size:18px;
    }
    #words .wordBox.float p{
        width:100%;
        display:block;
        margin:0;
        
    }
    
    #words .wordBox.float img{
        width:80%;
        display:block;
        margin:0 auto;
    }
    
    /*--------------------------------------------
    製品情報
    ----------------------------------------------*/
    #production h1{
        font-size:24px;
    }
    #spec dl{
        line-height:1.5em;
    }
    #spec dt{
        display:block;
    }
    .bonusTxt h2{
        font-size:16px;
        line-height:1.3em;
        
    }
    dl.cast{
        font-size:14px;
    }
    dl.cast dt{
        vertical-align:top;
        display:inline-block;
        *display: inline;   /*IE用のハック*/
        zoom: 1;            /*IE用の hasLayout を true にするための記述*/

    }
    dl.cast dd{
        vertical-align:top;
        display:inline-block;
        *display: inline;   /*IE用のハック*/
        zoom: 1;            /*IE用の hasLayout を true にするための記述*/
    }
    
    
    .shopBox.middleBox{
        width:99%;
        height:auto;
        display:block;
    }
    .shopBox.smallBox{
        width:99%;
        height:auto;
        display:block;
    }
    /*--------------------------------------------
    スペシャル
    ----------------------------------------------*/
    #special h1{
        font-size:24px;
    }
	#special #count{
		padding-bottom:10%;
	}
	.countBox{
		width:98%;
		display:block;
	}
	
	#event .eventBox h2{
		font-size:16px;
	
	}
	#event .eventBox img{
		width:100%;
		max-width:786px;
	}
	#event .eventBox .txt{
		font-size:14px;
	}
	#event .eventBox .txt strong{
		font-size:14px;
	}
	#event dl{
		font-size:14px;
	}
	#event dd{
		margin-bottom:0;
	}
#event a{
	font-size:14px;
}
}