@charset "UTF-8";
/*----- top -----*/
#home { background: url(../img/home_result_bg_sp_01.jpg) center top no-repeat #000; background-size: 100%; max-width: 1080px; margin: 0 auto; }
#home header { text-align: center; position: relative; width: 100%; }
#home header .header_logo img { width: 100%; height: auto; }
#home header .header_sns { text-align: center; }
#home header .header_sns .title { font-weight: bold; font-size: 12px; font-size: 3.2vw; line-height: 1em; margin: 0 0 0.9em }
#home header .header_sns ul { }
#home header .header_sns ul li { display: inline-block; margin: 0 4vw; }
#home header .header_sns img { width: 12.4vw; height: auto; }
.home_txt_01 { margin: 0 0 10.5vw; text-align: center; }
.home_txt_01 img { width: 97.3333%; height: auto }
.home_txt_02 { text-align: center; }
.home_txt_02 img { width: 100%; height: auto; }
.home_txt_03 { text-align: center; margin: 0 0 5.6vw; }
.home_txt_03 img { width: 66vw; height: auto; }
#home #main_contents { }
.home_list_01 { width: 90.03333%; margin: 0 auto 10vw; }
.home_list_01 li { }
.home_list_01 li:first-child { margin-bottom: -1.2vw }
.home_list_01 li img { width: 100%; height: auto; }
#home #present { padding: 10px; position: relative; width: 93.6%; margin: 0 auto 10vw; }
#home #present .inner { border: #fff 4px solid; padding: 5.0666vw 0 8.4vw; background: url(../img/home_pre_bg_sp.jpg) center center no-repeat; position: relative;background-size: cover;}
#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 .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 { text-align: center;flex-direction: column;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; }
#home .home_list_02 li .title { font-size: 4vw; font-weight: bold; line-height: 1.67em;-webkit-box-ordinal-group: 1;-ms-flex-order: 1;-webkit-order: 1;order: 1; }
#home .home_list_02 li .title span { font-weight: bold; color: #d63c3d; }
#home .home_list_02 li .fig { -webkit-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2; }
#home .home_list_02 li .btn { margin: 0 0; -webkit-box-ordinal-group: 3;-ms-flex-order: 3;-webkit-order: 3;order: 3; }
#home .home_list_02 li .btn a { font-size: 3.6vw; line-height: 10.333vw; display: inline-block; font-weight: bold; border: #fff 1px solid; background: #000; color: #fff; letter-spacing: 0.02em; padding: 0 14px; }
#home #pre_a {margin:0 0 8vw}
#home #pre_a img { width: 63.3333vw; height: auto; }
#home #pre_b { }
#home #pre_b img { width: 41.06666vw; height: auto; }

#home #wp { background: url(../img/result_bg_sp_04.png) center top no-repeat; margin: 0 0 10vw;background-size:100%;height:160vw;}
#home #wp .inner {text-align:center;padding:0;}
#home #wp .title { }
#home #wp .fig { }
#home #wp .fig .list{margin-top:5.333vw;}
#home #wp .fig .list li{margin-top:4.26667vw;}
#home #wp .title img{width:100%;height:auto;}
#home #wp .fig img{width:90.9334%;height:auto;}

#home #agreement { width:90.9334%; margin: 0 auto 5.34vw; border: 2px solid #fff; height: 48.2667vw; position:relative; padding: 2vw 3%; font-size: 3.73vw; line-height: 1.875em; }
#home #agreement .title { font-size: 4.8vw; font-weight: bold; text-align: center; margin: 0 0 20px; }

.result_result{background-position:center top;background-repeat:no-repeat;background-size:100%;}
.result_result img{width:100%;height:auto;}
/*.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:5.3vw;background-image:url(../img/result_bg_sp_02.png);padding-bottom:8vw;}
#result_zoids .headline{padding-bottom:1.333vw;}
#result_chara{margin-bottom:6.4vw;background-image:url(../img/result_bg_sp_03.png);padding-bottom:8vw;}
#result_chara .headline{padding-bottom:0.8vw;}

.result_result .ranking li {position:relative;float:left;width:50vw;}
.result_result .ranking a{display:block;}
.result_result .ranking li:first-child{width:100%;float:none;}
.result_result .ranking li .title{position:absolute;left:0;top:0;z-index:2;}
.result_result .ranking li .rank{position:relative;left:0;top:0;z-index:1;}
.result_result .ranking li img{width:100%;height:auto;}
.result_result .ranking li:first-child img{width:100%;height:auto;}
#rank_zoids_02{width:54vw;margin-right:-4vw;}
#rank_chara_05_1{width:36%;display:inline-block}
#rank_chara_05_2{width:64%;display:inline-block}
/*********************************************
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) {
}