body{
    width:auto;
    font-size:10px;
}
.container{
    background: url("../images/top/sp/bg.png") repeat-y;
	width:auto;
	position:relative;
	background-size:contain;
}
.a_box, .casthead_str {
	color: #a86501;
}
.top_content{
    position:relative;
}
/* TOP画像上のリンク */
.now_project{
    position:absolute;
    top:76%;
    left:11%;
    width:30%;
}
.ico_line_official{
    position:absolute;
    top:40%;
    left:6%;
    width:20%;
}
.ico_real_event{
    position:absolute;
    top:70%;
    right:10%;
    width:19%;
}
.appli_download_link_top{
    position:absolute;
    top:85%;
    left:41%;
}
.btn_download{
    width:40%;
}
.header_download{
    width:77%;
    margin-left:10px;
}
/* ムービー */
.movie_list{
    text-align:center;
    margin-left:2%;
    overflow:hidden;
}
.movie_list li{
    position:relative;
    display:inline-block;
    width:48%;
    overflow:hidden;
}
.movie_list li .img_movie{
    width:95%;
    margin-top:10%;
    margin-left:3%;
}
.movie_list li .frm_movie{
    width:97%;
    position:absolute;
    top:0;
    left:1%;
}
/* ツイッター */
.twitter_wrap{
    background: url("../images/top/pc/frame_twitter.png") no-repeat;
    background-size:100%;
    width:320px;
    margin:0 auto;
    height:407px;
    position:relative;
}
.twitter_content{
    background:#fff;
    position:absolute;
    top:60px;
    left:21px;
}
/* アプリ情報 */
.appli_info_wrap{
    background: url("../images/top/sp/appli_info_base_2.png") no-repeat;
    background-size:100%;
    width:320px;
    height:427px;
    margin:0 auto;
    position:relative;
}
.appli_info{
    width:244px;
    font-size:6px;
    position:absolute;
    top:71px;
    left:23px;
}
.appli_info li{
    height:35px;
    float:left;
    color:#c04e62;
    font-size:14px;
    padding-left:10px;
    width:258px;
}
.appli_info li span.left{
    font-weight:bold;
}
.appli_info li span.right{
    display:inline-block;
    float:right;
    text-align:right;
}
.appli_info li:first-child{
    height:57px;
}
.appli_download_link {
    text-align:center;
    position:absolute;
    top:340px;
    left:0;
    right:0;
}
.appli_download_link img{
    height:42px;
    margin: 1px;
}
.appli_download_link a{
    text-decoration:none;
}

/* お知らせリスト */
.news_list{
    text-align:center;
}
.news_list li{
    background: url("../images/top/pc/news_base.png") no-repeat;
    background-size:100%;
    width:155px;
    overflow:hidden;
    display:inline-block;
    position:relative;
}
.news_list li a{
    background: url("../images/top/pc/news_on.png") no-repeat;
    background-size:100%;
    width:100%;
    display:inline-block;
    text-decoration:none;
    color:#fff;
	text-shadow: #ffabab 1px 1px 0px, #ffabab -1px 1px 0px,
                 #ffabab 1px -1px 0px, #ffabab -1px -1px 0px;
}
.news_list li a:hover{
    background: url("../images/top/pc/news_off.png") no-repeat;
    background-size:100%;
}
.news_list li img{
    width:100%;
}
.news_img_area{
    width:97%;
    height:96%;
    background:#f00;
    position:absolute;
    top:1%;
    left:1%;
}
.news_img_area img{
    width:100%;
}
.news_text{
    position:absolute;
    top:53%;
    margin:0 5%;
    height:37%;
    overflow: hidden;
    line-height:12px;
    text-align:left;
    font-size:10px;
}
.more_info{
    text-align:center;
}
.more_info img{
    width:150px;
}
/* topへ戻る */
.back_to_top{
    background: url("../images/top/sp/ico_backto_top_off.png") no-repeat;
    background-size:100%;
    position:fixed;
    bottom:0;
    right: 0;
    width:73px;
    height:47px;
    text-indent: -9999px;
    z-index:5;
}
.back_to_top:active{
    background: url("../images/top/sp/ico_backto_top_on.png") no-repeat;
    background-size:100%;
    z-index:5;
}
.bg_img{
    background: url("../images/gamehelp/sp/gamehelp_sp_bg.png") no-repeat;
    background-size:100%;
    width:100%;
    height:1025px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}

.img_main{
	width:100%;
	margin-bottom:-15px;
}
.img_part{
	width:80%;
	margin-left:10%;
}
.bt_play{
	position:absolute;
	top:92%;
	left:27%;
}
#line_img img{
	width:36px;
	height:36px;
}
.img_top_logo{
	left:0%!important;
	width:34%!important;
}
.now_box{
	color:#df4069;
	background-color:#ffffff;
	padding:5px 0px;
	border:solid 2px #df4069;
	text-align:center;
}
.not_box{
	color:#ffffff;
	background-color:#df4069;
	padding:5px 0px;
	text-align:center;
}
.not_box_2{
	color:#ffffff;
	background-color:#df4069;
	padding:5px 0px;
	text-align:center;
}
.not_box:hover{
	color:#df4069;
	background-color:#ffffff;
	padding:5px 0px;
	border:solid 2px #df4069;
	text-align:center;
}
.box{
	margin-left:0%;
	width:100%;
}
.box_mt{
	margin-top:-1.1%;
}
.box_pd{
	padding:1% 5%;
}
.box_bg{
    background: url("../images/special/sp/box_bg.png") repeat-y;
    position:relative;
    background-size:contain;
}
.movie_pos{
	margin-top:-10%;
	margin-left:18%;
	width:65%;
}
.twitter_pos{
	margin-left:5%;
	margin-top:-5%;
	width:90%;
}
.line_pos{
	width:90%;
	margin-left:5%;
}
.tw_line_pos{
	width:95%;
	margin-left:2.3%;
}
.cast_area {
	position: relative;
}
.cast_pos{
	margin-left:0%;
	margin-top:-7%;
	width:100%;
}
.white_box{
	color:#df4069;
	background-color:#ffffff;
	padding:8px 2px;
	border:solid 2px #df4069;
	width:92%;
	text-align:center;
}
.casthead_str{
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
.chara_name{
	color:#a86501;
	position:absolute;
	top:-22px;
	left:50%;
	font-size:15px;
	text-shadow: #fff -3px -3px 3px, #fff 3px -3px 3px,
					#fff 3px 3px 3px, #fff -3px 3px 3px
}
.chara_name_kyo{
	color:#a86501;
	position:absolute;
	top:-22px;
	left:44%;
	font-size:15px;
	text-shadow: #fff -3px -3px 3px, #fff 3px -3px 3px,
					#fff 3px 3px 3px, #fff -3px 3px 3px
}
.cast_name_ume{
	color:#fff;
	position:absolute;
	bottom: 4%;
	left:49%;
	font-size:15px;
}
.cast_name_ito{
	color:#fff;
	position:absolute;
	bottom: 4%;
	left:49%;
	font-size:15px;
}
.cast_name_koma{
	color:#fff;
	position:absolute;
	bottom: 4%;
	left:49%;
	font-size:15px;
}
.cast_name_hori{
	color:#fff;
	position:absolute;
	bottom: 4%;
	left:49%;
	font-size:15px;
}
.cast_name_mae{
	color:#fff;
	position:absolute;
	bottom: 4%;
	left:49%;
	font-size:15px;
}
.cast_name_koba{
	color:#fff;
	position:absolute;
	bottom: 4%;
	left:49%;
	font-size:15px;
}
.cast_name_furu{
	color:#fff;
	position:absolute;
	bottom: 4%;
	left:49%;
	font-size:15px;
}
.cast_name_yasi{
	color:#fff;
	position:absolute;
	bottom: 4%;
	left:49%;
	font-size:15px;
}
.cast_name_kiku{
	color:#fff;
	position:absolute;
	bottom: 4%;
	left:49%;
	font-size:15px;
}
.cast_name_ada{
	color:#fff;
	position:absolute;
	bottom: 4%;
	left:49%;
	font-size:15px;
}
.q_box{
	color:#ffffff;
	background-color:#df4069;
	padding:1% 1%;
	width:97%;
}
.a_box{
	padding-left:2%;
	width:97%;
	word-wrap:break-word;
}
.icon_img{
	width:100%;
}
.wid100per{
	width:100%;
}
.movie_img{
	width:100%;
}
.tw_bottom_text {
	text-align:center;
	margin-top:15px;
	color: #a86501;
    text-shadow: #fff -3px -3px 3px, #fff 3px -3px 3px, #fff 3px 3px 3px, #fff -3px 3px 3px;
}
.img_frame {
	position: relative;
}
.content_area {
	padding: 0 5%;
}
.img_frame_mid {
	position: relative;
	background: url("../images/music/sp/frame_mid.png") repeat-y;
	background-size: contain;
	margin-top: -1%;
}
