spec@charset "utf-8";



/*----------------------------------------
	style
----------------------------------------*/

/*----------------------------------------
	box
----------------------------------------*/


body{

-webkit-text-size-adjust: 100%;
-ms-interpolation-mode: bicubic;
background-color:#000;
color:#FFF;


}


#back_img{
    background:url(../images/back.jpg) top center no-repeat;
    background-attachment:fixed;
    width:100%;
    height:100%;
    background-color:#0e0b00;
    z-index:-600;
}

.last{
    z-index:-580;
}



#container{
    width:100%;
    max-width:908px;
    margin:0 auto;
}

#main{
    padding-bottom:25px;
    /*background:url(../images/background_under.jpg) bottom center no-repeat;*/
}


#shadow{
    width:100%;
    max-width:1000px;
    margin:0 auto;

    background:url(../images/shadow.png) repeat-y;
    background-size:contain;
}

/*----------------------------------------
	common_menu
----------------------------------------*/

#common_menu{
    width:100%;
    position:relative;
    background-image:url(../images/menu/menu_black_base.png);
    background-repeat:repeat;
    padding-top:47px;
    box-shadow:0px 0px 5px 2px rgba(0,0,0,0.7);
    z-index:800;

}


#menu{
    height:55px;
    background-image:url(../images/menu/menu_red_base.png);
    background-repeat:repeat-x;
    width:100%;
    position:relative;
    z-index:810;
    }

#menu_box{
    width:100%;
    height:105px;
    display:block;
    position:relative;
    z-index:850;
    top:0;
}


.menu_logo{
    display:block;
    margin-top:4px;
    margin-left:22px;
    z-index:850;
}

.menu_sns{
    display: block;
    width: 300px;
    position: absolute;
    z-index: 850;
    right: 33px;
    top: 2px;
}

.menu_sns img{
    float:right;
    margin-left:15px;
}

.shop_link{
    float:right;
    margin-left:15px;
    margin-top:0px;
}

#menu_link{
    height: 46px;
    display: block;
    position: absolute;
    z-index: 850;
    left: 175px;
    bottom: 15px;
    border-left:1px solid #CCC;
}

#menu_link ul{


}

#menu_link li{
    float:left;
    border-right:1px solid #CCC;
    height:46px;
    display:inline-block;
}

#menu_link li img{
    display:block;
    z-index: 860;
}


#menu01{
    width:144px;
    height:46px;
    display:block;
    cursor:pointer;
    position:relative;
    background:url(../images/menu/menu01_n.png) no-repeat;
    z-index: 850;
}

#menu02{
    width:244px;
    height:46px;
    display:block;
    cursor:pointer;
    position:relative;
    background:url(../images/menu/menu02_n.png) no-repeat;
    z-index: 850;
}

#menu03{
    width:167px;
    height:46px;
    display:block;
    cursor:pointer;
    position:relative;
    background:url(../images/menu/menu03_n.png) no-repeat;
    z-index: 850;
}

#menu04{
    width:164px;
    height:46px;
    display:block;
    cursor:pointer;
    position:relative;
    background:url(../images/menu/menu04_n.png) no-repeat;
    z-index: 850;
}



#menu01_o{
    width:144px;
    height:46px;
    display:block;
    cursor:pointer;
    position:absolute;
    top:0;
    left:0;
    background:url(../images/menu/menu01_o.png) no-repeat;
    z-index: 850;

}

#menu02_o{
    width:244px;
    height:46px;
    display:block;
    cursor:pointer;
    position:absolute;
    top:0;
    left:0;
    background:url(../images/menu/menu02_o.png) no-repeat;
    z-index: 850;

}

#menu03_o{
    width:167px;
    height:46px;
    display:block;
    cursor:pointer;
    position:absolute;
    top:0;
    left:0;
    background:url(../images/menu/menu03_o.png) no-repeat;
    z-index: 850;

}

#menu04_o{
    width:164px;
    height:46px;
    display:block;
    cursor:pointer;
    position:absolute;
    top:0;
    left:0;
    background:url(../images/menu/menu04_o.png) no-repeat;
    z-index: 850;

}

#menu01_f{
    width:144px;
    height:46px;
    display:block;
    cursor:pointer;
    position:absolute;
    top:0;
    left:0;
    background:url(../images/menu/menu01_o.png) no-repeat;
    z-index: 850;

}

#menu02_f{
    width:244px;
    height:46px;
    display:block;
    cursor:pointer;
    position:absolute;
    top:0;
    left:0;
    background:url(../images/menu/menu02_o.png) no-repeat;
    z-index: 850;

}

#menu03_f{
    width:167px;
    height:46px;
    display:block;
    cursor:pointer;
    position:absolute;
    top:0;
    left:0;
    background:url(../images/menu/menu03_o.png) no-repeat;
    z-index: 850;

}

#menu04_f{
    width:164px;
    height:46px;
    display:block;
    cursor:pointer;
    position:absolute;
    top:0;
    left:0;
    background:url(../images/menu/menu04_o.png) no-repeat;
    z-index: 850;

}

.menu_new{
    position:absolute;
    display:inline_block;
    width:35px;
    top:0px;
    left:50%;
    margin-left:-18px;
    z-index:850;
    cursor:pointer;
}

.menu_update{
    position:absolute;
    display:inline_block;
    width:65px;
    top:0px;
    left:50%;
    margin-left:-33px;
    z-index:850;
    cursor:pointer;
}



/*----------------------------------------
	top page
----------------------------------------*/

#top_wrap{
    width:100%;
    max-width:950px;
    margin:-99px auto 0;
    background-image:url(../images/top/main.jpg);
    background-repeat:no-repeat;
    background-position:center -20px;
    background-color:#ab900d;
    height:100%;
    z-index:0
}





#top_box{
    height:1140px;
    position:relative;
    display:block;
    width:100%;
}



#top_content_base{
    background-image:url(../images/top/top_con_base.png);
    background-repeat:repeat;
    width:100%;
    position:relative;
    display:block;
    z-index:200;
    margin-top:-340px;
}

#top_contet{
        background-image:url(../images/top/foot_bnr_base.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
}


#top_bnr{
    width:844px;
    margin:0 auto;
}

#top_bnr img{
    width:100%;
    float:left;
    margin-top:0px;
    margin-bottom:10px;
}

#float_bnr{
    width:100%;
    max-width:868px;
    display:block;
    margin:25px auto 20px;

}

#float_bnr img{
    margin:8px 13px ;
    float:left;
        -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5) inset;
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5) inset;
-o-box-shadow: 5px 5px 5px rgba(0,0,0,0.5) inset;
-ms-box-shadow: 5px 5px 5px rgba(0,0,0,0.5) inset;
}

.half{
        width:408px;
}

.long{
        width:840px;
}


#float_bnr .bottom{
    display:block;
        margin:16px 13px 0;
    width:840px;
}



#bottom_bnr{
    width:845px;
    margin:0 auto;
    text-align:center;
    min-height:220px;

}


#official_link{
    width:845px;
    height:56px;
    margin-bottom:20px;
    display:inline-block;
    text-align:center;
    background-image:url(../images/top/official_link_base.png);
}


#top_o_link{
    width:100%;
    padding-bottom:40px;
    padding-top:40px;
    text-align:center;
}

#official_link img{
    padding:9px 8px;
}


#top_prise{
    width:860px;
    margin:0 auto;
    margin-top:40px;
    text-align:center;
}

.top_cd a:hover{
	opacity:0.8;
}



/*----------------------------------------
	2nd page
----------------------------------------*/


#second_wrap{
    width:100%;
    max-width:950px;
    margin:-99px auto 0;
    background-image:url(../images/2nd/gold_back.jpg);
    background-repeat:repeat-y;
    background-position:center -20px;
    background-color:#000;
    height:100%;
    z-index:0
}

#content_base_top{
    background-image:url(../images/2nd/2nd_black_top.jpg);
    background-repeat:no-repeat;
    z-index:800;
    position:relative;
    display:block;
    width:880px;
    height:40px;
    margin:0 auto;
}

#content_base{
    background-image:url(../images/2nd/2nd_black_base.jpg);
    background-repeat:repeat-y;
    width:880px;
    position:relative;
    display:block;
    z-index:800;
    margin:-1px auto 0px;
    text-align:center;


}

#content_base_f{
    width:880px;
    position:relative;
    display:block;
    z-index:800;
    margin:0 auto 0px;
    text-align:center;
}

#second_base_btm{
    background:url(../images/2nd/2nd_black_base_foot.jpg) no-repeat;
    width:880px;
    height:120px;
    display:block;
    position:relative;
    margin-top:15px;
}


/*top アコーディオン*/

#top_topc_bnr dt{
    display:block;
    width:207px;
    height:53px;
    background:url(../images/top/prev_topic_bt.png) no-repeat;
    cursor:pointer;
    margin:15px auto 20px;
}

#top_topc_bnr dt.active{
    background:url(../images/top/hidden_topc_bt.png) no-repeat;
}


#top_topc_bnr dd{
    width:100%;
    margin-top:20px;
    max-width:868px;
    margin:0 auto;
    display:none;
    position:relative;
}


#top_topc_bnr img{
    margin:8px 13px ;
    float:left;
        -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5) inset;
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5) inset;
-o-box-shadow: 5px 5px 5px rgba(0,0,0,0.5) inset;
-ms-box-shadow: 5px 5px 5px rgba(0,0,0,0.5) inset;
}


.cheak_icon{
	text-align:left;
	margin:0 0 0 0px;
}



/*----------------------------------------
	Feature
----------------------------------------*/

.feature_txt{
    width:50%;
    margin-left:5%;
    padding:20px 0 65px;
    text-align:left;
    line-height:2em;
}

.feature_txt2{
    width:90%;
    margin-left:5%;
    padding:20px 0 45px;
    text-align:left;
}


/*----------------------------------------
	power up
----------------------------------------*/

#sys_navi_base{
    width:950px;
    height:80px;
    margin-left:-21px;
    margin-top:-35px;
    margin-bottom:45px;
    background-image:url(../images/pu/pubase.jpg);
    background-repeat:no-repeat;
    background-size:cover;
}


#pu_mainnavi{
    width:908px;
    margin:0 auto;
    text-align:center;
    padding-top:22px;
    position:relative;

}

#pu_mainnavi img{
    margin:0 25px;
}


#system_subnavi{
    width:88%;
    height:80px;
    margin-left:7%;
    margin-top:6px;
    margin-bottom:25px;
    float:left;
}

#system_subnavi li{
    float:left;
    margin:0 1%;
}


#system_slid_box{
    width:780px;
    margin-left:50px;
}

.system_slid{
    width:100%;

}

.pu_sub_box{
    width:780px;
    margin:0px 50px;
    text-align:left;
}

.pu_sub_box_img{
    float:left;
    margin-bottom:40px;
    width:300px;
    display:block;
    position:relative;
}

.pu_sub_box_img2{
    float:left;
    margin-bottom:0px;
    width:300px;
    display:block;
    position:relative;
}

.pu_naiyou-l{
    width:479px;
    float:left;
}

.pu_naiyou-l img{
    margin-bottom:20px;
}

.pu_txtbox{
    width:460px;
    margin:0px 10px;
}

.pu_txtbox .margin{
    margin:15px 0px;
    padding-bottom:30px;
}

.margin img{
    margin:0;
    padding:0;
}


.pu_txtbox2{
    width:760px;
    margin:0px 10px 0;
    padding-bottom:20px;
    padding-top:20px;
}


.naisei_table table{
    width:760px;
    margin-left:10px;
    margin-bottom:30px;
    padding-bottom:40px;
}

.naisei_table table tr{
    width:100%;
}

.naisei_table table th{

    background-color:#963;
    background:url(../images/naisei/table_base.jpg);
    text-align:center;
    padding:10px 0;
    font-weight:normal;
    border:1px solid #A58B3D;
}


#gray table th{
    background-color:#333;
}


.naisei_table table th p{
    font-weight:normal;
    line-height:1.2em;
}

.naisei_table table td{

    padding:10px 1em 10px 0;;
    border:1px solid #A58B3D;
    padding-left:1em;
}



.pu_navi{
    opacity:0.5;
    cursor:default;
}



#plus{
    width:100%;
    max-width:680px;
    margin:30px auto; 0
}

#plus img{
    width:100%;
    margin:10px auto;
}


#plus .image_base{
    width:680px;
    height:298px;
    margin:10px auto 20px;
    position:relative;
    display:block;

}


#plus .pu01{
    background:url(../images/tuika/val_busho.jpg) no-repeat;
    background-size:contain;
}

#plus .pu02{
    background:url(../images/tuika/val_shinario.jpg) no-repeat;
    background-size:contain;
}

#plus .pu03{
    background:url(../images/tuika/val_quest.jpg) no-repeat;
    background-size:contain;
}

#plus .pu04{
    background:url(../images/tuika/val_hime.jpg) no-repeat;
    background-size:contain;
}




.up_wrap{
    width:100%;
    display:block;
    position:relative;
    margin-bottom:20px;
}


.koukai_mov{
    text-align:left;
    margin:0 auto 40px;
    width:664px;
}



/*----------------------------------------
	Info
----------------------------------------*/

.yoyaku_link_bnr{
    position:absolute;
    bottom:5px;
    right:40px;
}

.yoyaku_link_bnr2{
    position:absolute;
    bottom:30px;
    right:40px;
}

.pac_box{
    width:720px;
    margin:0px 0 60px 80px;
    float:left;
}




.pac_item{
    width:300px;
    border:solid 1px #FFF;
    position:relative;
    display:block;
    float:left;
    margin:20px 29px 0;
    text-align:center;
}

.plat_icon{
    height:38px;
    width:100%;
    text-align:left;
}

.pac_img{
    margin:15px 0;
}

.pac_prise{
    height:60px;
    width:100%;
    text-align:left;
    padding:0 0 0 12px;
}

.prise_txt_box{
    position:relative;
    width:90%;
    float:left;
}

.prise_txt{
    position: absolute;
    top: -1px;
    left: 80px;
    width: 219px;
    font-size:15px;
}


.tbox_box{
    width:820px;
    margin:0px 0 60px 30px;
    float:left;
}


.tbox_item{
    width:250px;
    border:solid 1px #FFF;
    position:relative;
    display:block;
    float:left;
    margin:20px 10px 0;
    text-align:center;
}

.tbox_prise{
    height:30px;
    width:100%;
    text-align:center;
}



.pac_box table{
    width:100%;
    text-align:left;
    padding-top:20px;
}

.pac_box table tr{


}

.pac_box table th{
        font-size:14px;
        width:25%;
        border:#FFF 1px solid;
        padding:5px 10px;
        background:#333;
}

.pac_box table td{
        font-size:14px;
        width:75%;
        border:#FFF 1px solid;
        padding:5px 10px;
}

.pac_box_about{
    width:720px;
    margin:0px 0 60px 80px;
    float:left;
    font-size:8px;
}

.pac_box_about table{
    width:100%;
    text-align:left;
    padding-top:20px;
    font-size:70%;
}

.pac_box_about table th{
		font-size:70%;
        width:1.2em;
        border:none;
        padding:0 0.1em;
        background:none;

}

.pac_box_about table td{
        border:none;
        padding:0 0.1em;
        background:none;
        line-height:1.2em;
}

.pac_box_about table td a{
    font-size:100%;
    color:#C30;
}

.pac_box_about p{
    font-size:70%;
    font-weight:normal;
}

/*----------------------------------------
	Movie
----------------------------------------*/

.pv_titel{
    text-align:left;
    padding-top:25px;
    margin-left:55px;
    width:748px;
    display:block;
    position:relative;
}



.pv_sum{
    text-align:center;
    margin:30px auto 50px;
}

.pv_sum2{
    float:left;
    width:800px;
    margin:30px 0 50px 45px;;
    display:block;
}


#content_pv_box{
    width:692px;
    margin:25px 0 50px 94px;
    float:left;
    display:block;
    position:relative;
}

#content_pv_box img{
    float:left;
    display:block;
    margin:20px 22px;
}



/*----------------------------------------
	scenario
----------------------------------------*/

#scenario_box{
    width:100%;
    margin:30px auto;
}


.st_box{
    width:760px;
    margin:55px auto 35px;
    text-align:left;
}

.st_line{
    margin-left:-32px;
}

.st_txt{
    margin:10px;
    margin-left:10px;
    width:370px;
    float:left;
}

.st_txt p{
        line-height:2.2em;
}

.st_img{
    margin:10px;
    float:left;
    width:360px;
}


/*----------------------------------------
	material
----------------------------------------*/

#caption{
    text-align:center;
}


#footer{
    width:100%;
    height:152px;
    background:url(../images/foot_base.jpg) repeat-x;
    text-align:center;
    padding:35px 0 0;
}


/*----------------------------------------
	countdown
----------------------------------------*/

#top_countdown{
    position: absolute;
    top: 685px;
    right: 57px;
    display: block;

}




/*----------------------------------------
	calendar
----------------------------------------*/

#calendar_box{
    text-align:center;

}

#calendar_btn{
    display:inline-block;
}

#calendar_btn li{
    float:left;
    margin:8px 10px;
    opacity:0.6;
    cursor:pointer;
}

#calendar_btn .c_select{
    opacity:1;
    cursor:default;
}

#calendar_btn li:hover{
    opacity:1;
}



#calender_tboxlink{
    margin:30px auto;
}

#calender_tboxlink img{
    margin:8px;
    position:relative;
}


/*---------------------
	top utility
----------------------*/

#utility {
    width:890px;
    margin:10px auto 15px;
}

#utility img {
    margin:0 5px;
}

#win_utility {
    width:840px;
    height:34px;
    margin:10px auto 15px;
    text-align:center;
    /*border:solid 1px #FFF;*/
}

#win_utility img {
    margin:3px 0 2px 15px;
}


#con_ud{
    width:100%;
    margin:0 auto;
    padding:0;
    float:left
}

.con_up{
    width:33.3%;
    text-align:center;
    float:left;
}

.win_top_con{
    /*border-bottom:1px solid #AFA698;
    border-top:1px solid #AFA698;*/
    margin:10px 0 0;
    background-color:rgba(0,0,0,0.4);
    padding:5px 0;
}


/*---------------------
	top win pk
----------------------*/

#win_pk_link{
    width:840px;
    margin:15px auto 15px;
    background:#FFF;
    border:solid 2px #999;
}

#win_pk_link .title{
    width:100%;
    text-align:center;
    padding:1px 0 0;
    background:#999;
}

#win_pk_link .bt{
    float:left;
    width:811px;
    margin-left:15px;
}

#win_pk_link .bt img{
    float:left;
    margin:5px;
}

#win_pk_link .bt2{
    width:811px;
    margin-left:15px;
    text-align:center;
}


#win_pk_link .bt2 img{
    margin:5px 10px;
}


.win_under_link{
	width:840px;
	margin:0px auto;
	display:block;
	padding-top:20px;
}


/*---------------------
	top win pk 製品情報用
----------------------*/

#win_pk_link2{
    width:100%;
    margin:15px auto 15px;
	margin-left:-2px;
    background:#FFF;
    border:solid 2px #999;
}

#win_pk_link2 .title{
    width:100%;
    text-align:center;
    padding:1px 0 0;
    background:#999;
}

#win_pk_link2 .bt{
    float:left;
    width:811px;
    margin-left:15px;
}

#win_pk_link2 .bt img{
    float:left;
    margin:5px;
}

#win_pk_link2 .bt2{
    width:811px;
    margin-left:15px;
    text-align:center;
}


#win_pk_link2 .bt2 img{
    margin:5px 10px;
}


.win_under_link2{
	width:840px;
	margin:0px auto;
	display:block;
	padding-top:20px;
}




/*---------------------
	DLC
----------------------*/

#how_to{
    width:760px;
    margin:0 auto;
    background:#EEE;
    border:#670A06 solid 1px;
    margin-left:-1px;
}

#how_to .head{
    background:#670A06;
    padding:8px 0;
    text-align:center;
    width:100%;
}

#how_to .head p{
    color:#FFF;
    font-size:22px;
    font-weight:600;
}

#how_to .txt_box{
    width:94%;
    margin:15px 3%;
    color:#000;
}

#how_to span{
    color:#000;
}

#how_to a{
    color:#9E1200;
}


/*----------------------------------------
	common
----------------------------------------*/

.clear{
clear:both;
}


.f_left{
    float:left;
}

.f_right{
    float:right;
}

a {
    border:none; outline:none;
}

area{
    border:none; outline:none;
}

.dis_none{
    display:none;
}


.txt_none{
    text-indent:-9999px;
    font-size:1px;
    display:block;
    position:absolute;
    left:-9999px;
}

.freeblock{
    position: absolute;
    display: block;
}

.select{
    opacity:1;

}

rt{
	font-size:5px;
}

/**/

.btn_manual{
  display:flex;
  justify-content: space-between;
  width:auto;
  padding:30px 50px;
  margin:0px auto 30px;
  background-color:rgba(0,0,0,0.2);
}

.btn_manual a{
  line-height:1;
  display:block;
  width:49%;
  text-align:center;
  padding:18px 0;
  background-color:#666;
  color:#fff;
  border-radius:5px;
  box-shadow:2px 2px 1px rgba(0,0,0,0.4);
}

.kouri{ font-size:13px; }