@charset "UTF-8";

/*----- top -----*/
#home {background:url(../img/result_bg_pc_01.jpg) center top no-repeat #000;}

#home header{text-align:center;position:relative;width:100%;max-width:1200px;min-width:980px;margin:0 auto;}
#home header .header_sns{position:absolute;right:0;top:20px;z-index:10;}
#home header .header_sns .title{font-weight:bold;font-size:14px;float:left;line-height:44px;}
#home header .header_sns ul{float:left;}
#home header .header_sns ul li{float:left;margin-left:15px;}
#home header .header_sns img{width:45px;height:auto;}

.home_txt_02{text-align:center;}
.home_txt_03{text-align:center;margin:0 0 15px;}
#home #main_contents{}
.home_list_01{width:980px;margin:0 auto;}
.home_list_01 li{float:right;margin:0 0 71px;margin-right:7px;}
.home_list_01 li:first-child{float:left;margin-left:-13px;}

#home #present {padding:10px;position:relative;}
#home #present .inner{border:#fff 4px solid;padding:44px 0 32px;background:url(../img/home_pre_bg_pc.jpg) center center no-repeat;position:relative;}
#home #present:after,
#home #present:before,
#home #present .inner:after,
#home #present .inner:before{content:"";width:63px;height:49px;position:absolute;z-index:10;}

#home #present:before{background:url(../img/slide_corner_lt.png) left top no-repeat;left:0;top:0;}
#home #present:after{background:url(../img/slide_corner_rt.png) left top no-repeat;right:0;top:0;}

#home #present {clear:both;width:980px; margin:0 auto 53px;}
#home #present .inner:before{background:url(../img/slide_corner_lb.png) left top no-repeat;left:-14px;bottom:-14px;}
#home #present .inner:after{background:url(../img/slide_corner_rb.png) left top no-repeat;right:-14px;bottom:-14px;}

#home .home_list_02 li{width:475px;text-align:center;}

#home .home_list_02 li .title{font-size:16px;font-weight:bold;line-height:35px;}
#home .home_list_02 li .title span{font-size:24px;font-weight:bold;color:#d63c3d;}
#home .home_list_02 li .btn{margin:16px 0 0;}
#home .home_list_02 li .btn a{font-size:16px;line-height:33px;display:inline-block;font-weight:bold;border:#fff 1px solid;background:#000;color:#fff;letter-spacing:0.02em;padding:0 14px;}
#home #pre_a{float:left;width:474px;}
#home #pre_a img{height:350px;width:auto}
#home #pre_b{float:right;}
#home #pre_b img{height:350px;width:auto}


#home #wp{background:url(../img/result_bg_cmn_pc.png) center center no-repeat;height:640px;padding-top:97px;margin:0 0 72px;}
#home #wp .inner{width:980px; margin:0 auto;}
#home #wp .title{float:right;}
#home #wp .fig{float:left;padding-left:24px;}

#home #wp .fig .list {text-align:center;margin-top:31px;}
#home #wp .fig .list li{margin:16px 0 0;}
#home #wp .fig .list img{width:336px;height:auto;}

#home #agreement{width:980px; margin:0 auto 60px;border:2px solid #fff;height:362px;position:relative;padding:20px 32px;font-size:16px;line-height:1.875em;}
#home #agreement .title{font-size:32px;font-weight:bold;text-align:center;margin:0 0 20px;}

.result_result{background:url(../img/result_bg_cmn_pc.png) center center no-repeat;height:640px;}
.result_result .inner{width:980px;margin:0 auto;position:relative;}
.result_result .headline{position:absolute;z-index:10;left:0;top:46px;}
#result_zoids{margin-bottom:37px;}
#result_chara{margin-bottom:37px;}

.result_result .ranking{overflow:visible !important;}
.result_result .ranking li {position:relative;}
.result_result .ranking li .title,
.result_result .ranking li .rank{position:absolute;}
#rank_zoids_01 {z-index:1;}
#rank_zoids_01 .title{top:37px;left:333px;}
#rank_zoids_01 .rank{top:10px;left:196px;}
#rank_zoids_02 {z-index:2;}
#rank_zoids_02 .title{top:185px;left:39px;}
#rank_zoids_02 .rank{top:108px;left:-16px;}
#rank_zoids_03 {z-index:3;}
#rank_zoids_03 .title{top:150px;right:14px;}
#rank_zoids_03 .rank{top:273px;right:6px;}
#rank_zoids_04 {z-index:1;}
#rank_zoids_04 .title{top:453px;left:109px;}
#rank_zoids_04 .rank{top:417px;left:276px;}
#rank_zoids_05 {z-index:1;}
#rank_zoids_05 .title{top:472px;right:208px;}
#rank_zoids_05 .rank{top:418px;right:248px;}

#rank_chara_01 {z-index:1;}
#rank_chara_01 .title{top:49px;left:399px;}
#rank_chara_01 .rank{top:47px;left:481px;}
#rank_chara_02 {z-index:1;}
#rank_chara_02 .title{top:186px;left:225px;}
#rank_chara_02 .rank{top:163px;left:98px;}
#rank_chara_03 {z-index:1;}
#rank_chara_03 .title{top:201px;right:232px;}
#rank_chara_03 .rank{top:203px;right:126px;}
#rank_chara_04 {z-index:1;}
#rank_chara_04 .title{top:406px;left:278px;}
#rank_chara_04 .rank{top:400px;left:138px;}
#rank_chara_05 {z-index:1;}
#rank_chara_05 a{display:inline-block;}
#rank_chara_05 .title{top:426px;right:222px;}
#rank_chara_05 .rank{top:426px;right:117px;}

/*********************************************
content:960px
**********************************************/
@media screen and (max-width: 1079px) {

}

/*********************************************
content:smart phone
**********************************************/
@media screen and (max-width: 749px) {

}

/*********************************************
content:iphone
**********************************************/
@media screen and (max-width: 479px) {
}
/*********************************************
content:small iphone
**********************************************/
@media screen and (max-width: 374px) {
}