@charset "utf-8";

*{
	margin: 0;
	padding: 0;
}
a{
    text-decoration: none;
}
img{
    vertical-align: top;
}
.sc_anim{
    opacity: 0;
    transition:0.5s ease-in-out;
    transform:translateY(30px);
}
.sc_anim_ac1{
    opacity: 1;
    transform:translateY(0);
}
.sc_anim2{
    opacity: 0;
}
.sc_anim_ac{
    opacity: 1;
}



@media screen and (min-width: 801px){
    .buzzes{
        position: fixed;
        width:100%;
        bottom:0;
        left:0;
    }
    .sp_view{
        display: none;
    }
    .sp_view2{
        display: none !important;
    }
    #buzzes-telop-container{
        height: 50px;
        background: rgb(230, 0, 68);
        position:relative!important;
        z-index:0 !important;
    }
    .loader_icon_sp{
        display: none;
    }
    #pc_wrap{
        position: relative;
        margin: 0 auto;
        overflow: hidden;
        min-width:1200px;
    }
    #sp_wrap{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height: 0;
        z-index:1;
    }
    #particle{
        position:absolute;
        width:100%;
        height: 100%;
        left:0;
        bottom: 0;
    }
    #particle canvas{
        position: absolute;
        bottom:220px;
        left:0;
    }
    
    
    #pc_top{
        position: relative;
        width:100%;
        height: 1100px;
        height: 1200px;
        /*height: 1290px;*/
        background-image: url("../img/top_bg.jpg"),url("../img/repeat_x.png");
        background-position:center top,left top;
        background-repeat:no-repeat,repeat-x;
        margin-bottom:30px;
    }
    #h1_title{
        position: absolute;
        left: 50%;
        top:598px;
        margin-left:-290px;
        width:580px;
        height: 311px;
        background: url("../img/logo.png") no-repeat center top;
        text-indent: -9999px;
    }
    #h2_day{
        position: absolute;
        left: 50%;
        top:690px;
        margin-left:342px;
        width:180px;
        height: 118px;
    }
	#h2_day img{
		transition: 0.3s;
	}
	#h2_day img:hover{
		opacity: 0.85;
	}
    /*#h2_day{
        position: absolute;
        left: 50%;
        top:795px;
        margin-left:290px;
        width:180px;
        height: 118px;
        background: url("../img/open.png") no-repeat center top;
        text-indent: -9999px;
    }*/
    #copy1{
        position: absolute;
        width:685px;
        height: 167px;
        top:0;
        left:50%;
        margin-left:-342px;
        background: url("../img/copy1.png") no-repeat center top;
        text-indent:-9999px;
    }
    #copy2{
        position: absolute;
        width:106px;
        height: 459px;
        top:143px;
        left:50%;
        margin-left:358px;
        background: url("../img/copy2.png") no-repeat center top;
        text-indent:-9999px;
    }
    .cp_comment_widget{
        position: absolute !important;
        left: 100px !important;
        top: 585px !important;
    }
    .sp_widget_w{
        visibility: hidden;
    }
    #tickets{
        position: absolute;
        left: 100px;
        top: 800px;
        width: 200px;
        height: 100px;
        background: url(../img/tickets.png) no-repeat center top;
    }
    #ticket_btn{
        position: absolute;
        left: 18px;
        top: 11px;
    }
    #ticket_icon{
        position: absolute;
        left: 150px;
        top: 34px;
        transition:0.2s ease-in-out;
    }
    #ticket_btn:hover #ticket_icon{
        transform:translateX(5px);
    }
    
    #sns_link{
        position: absolute;
        right:30px;
        top:20px;
        display: flex;
    }
    #tw{
        margin-right:10px;
    }
    #sns_link div{
        transition:0.5s;
    }
    #sns_link div:hover{
        opacity: 0.8;
    }
    #mv,#mj{
        width:164px;
        margin: 0 auto;
    }
    #mv{
        margin-top:110px;
    }
    #mj{
        margin-top:10px;
    }
    
    
    #pc_movie{
        position: relative;
        height:710px;
        max-width:1280px;
        margin: 0 auto;
    }
    #svg_title{
        position: relative;
        left: 260px;
        top:113px;
        width:320px;
        height: 100px;
    }
    

    #effect_cat{
        position: absolute;
        width:70px;
        height: 108px;
        background: url("../img/cat.png") no-repeat center top;
        top: -103px;
        left: 257px;
    }
    #yt_player{
        position: absolute;
        width:640px;
        height: 360px;
        background: #000;
        left:320px;
        top:200px;;
    }
    #left_icon{
        position: absolute;
        left: -68px;
        top:168px;
        cursor: pointer;
    }
    #right_icon{
        position: absolute;
        right: -68px;
        top:168px;
        cursor: pointer;
    }
    #right_icon img{
        transition:0.2s ease-in-out;
    }
    #left_icon img{
        transition:0.2s ease-in-out;
    }
    #right_icon:hover img{
        transform:translateX(5px);
    }
    #left_icon:hover img{
        transform:translateX(-5px);
    }
    #news_right img,
    #news_left img{
        transition:0.3s ease-in-out;
    }
    #news_right:hover img{
        transform:translateX(5px);
    }
    #news_left:hover img{
        transform:translateX(-5px);
    }
    
    
    
    #yt_title{
        position: absolute;
        width:100%;
        font-size:16px;
        color: #e60044;
        text-align: center;
        bottom:-40px;
    }
    #video_no{
        position: absolute;
        right: 10px;
        top: -30px;
        display: flex;
    }
    .curcle_icon{
        width:8px;
        height: 8px;
        background: #f380a2;
        border-radius: 100%;
        cursor: pointer;
        margin: 0 5px;
    }
    .video_target{
        background: #e60044 !important;
        cursor: default !important;
    }
    
    
    /*--------------
    NEWS
    -------------*/
    #pc_news{
        position: relative;
        max-width:1280px;
        height: 680px;
        margin: 0 auto;
    }
    #news_more{
        position: absolute;
        left: 50%;
        top: 46px;
        margin-left: 320px;
        transition:0.3s;
        transform:translateY(0) !important;
    }
    #news_more:hover{
        opacity: 0.8;
    }
    #news_icon{
        position: absolute;
        left:-5px;
        top:7px;
        transition: 0.2s ease-in-out;
    }
    #news_more:hover #news_icon{
        left:0 !important;
    }
    
    
    #news_title{
        position: absolute;
        top:6px;
        left: 120px;
        width:292px;
        height: 95px;
    }
    #news_load{
        position:absolute;
        left:50%;
        top:92px;
        margin-left:-500px;
        width:1000px;
        overflow: hidden;
        height: 460px;
    }
    #news_load_all{
        position: absolute;
        left: 0;
        width:2000px;
        height: 460px;
        top:0;
        display: flex;
        transition:0.5s ease-in-out;
    }
    #news_load_all a{
        color: #FFF;
    }
    .single_w{
        width: 1000px !important;
    }
    .news_next{
        left:-950px !important;
    }
    .news_back{
        left:0 !important;
    }
    .load_disp{
        display: flex;
    }
    .load_none{
        display: none;
    }
    .load_base{
        width:1000px;
        margin: 0 auto 30px;
    }
    .load_base:nth-child(1){
        justify-content: center;
    }
    .single_box{
        position: relative;
        width:260px;
        margin: 0 20px;
        cursor: pointer;
        transition:0.3s;
    }
    .single_day{
        font-size:12px;
        line-height: 24px;
        color: #FFF;
    }
    .single_thumb{
        width:260px;
        height: 260px;
        background: #FFF;
        margin: 0;
        overflow: hidden;
    }
    .single_thumb_bk{
        background-size:cover;
        background-position:center center;
        transform-origin: center center;
        width:260px;
        height: 260px;
        transition:0.3s ease-in-out;
    }
    .single_box:hover{
        box-shadow:-5px 5px 5px rgba(0,0,0,0.2);
        transform: translateY(-5px);
    }
    .single_box:hover .single_thumb_bk{
        transform:scale(1);
        opacity: 0.9;
    }
    .single_text{
        width:220px;
        height: 140px;
        padding: 20px;
        overflow: hidden;
    }
    .single_title{
        font-size:14px;
        line-height: 26px;
        color:#FFFFFFF;
    }
    .box_color1{
        background: #f157a1;
    }
    .box_color2{
        background: #7d86f2;
    }
    .box_color3{
        background: #42adf1;
    }
    #news_right{
        position: absolute;
        right:10px;
        top:186px;
        cursor: pointer;
        z-index: 1;
    }
    #news_left{
        position: absolute;
        left:-90px;
        top:186px;
        cursor: pointer;
        z-index: 1;
    }
    #effect_cat2{
        position: absolute;
        left: 0;
        top:610px;
        width:195px;
        height: 188px;
        background: url("../img/cat2.png") no-repeat left top;
    }
    
    
    #about{
        position: relative;
        width:100%;
        height: 1100px;
        margin-top:120px;
    }
    #about_bg{
        position: absolute;
        width:100%;
        min-width:1920px;
        height: 1100px;
        left:0;
        top:0;
        background: url("../img/about_bg.jpg") no-repeat center center;
        background-size:1980px auto;        
        transition:0.6s ease-in-out;
        opacity: 0;
    }
    .bg_active{
        opacity: 1 !important;
    }
    
    #about_title{
        position: absolute;
        left: 50%;
        top:80px;
        margin-left:-410px;
        width:821px;
        height: 100px;
        z-index: 3;
    }
    #about_grad{
        position: absolute;
        width:100%;
        height: 200px;
        left:0;
        top:0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    }
    #about_parts{
        position: absolute;
        width:100%;
        height: 100%;
        left:0;
        top:0;
        z-index: 3;
    }
    #about_head{
        position: absolute;
        left: 0;
        top:210px;
        width:880px;
        height: 200px;
        background:url("../img/about_header.png") no-repeat left top;
        text-indent:-9999px;
        opacity: 0;
        transition:0.8s ease-in-out;
    }
    #about_btn{
        position: absolute;
        right: -430px;
        top:525px;
        width:430px;
        height: 160px;
        text-indent:-9999px;
        cursor: pointer;
        transition:0.6s ease-in-out;
    }
    #about_pi{
        position: absolute;
        width:100%;
        height:100%;
        left:0;
        top:0;
        background:url("../img/about_btn.png") no-repeat left top;
        transition:0.3s ease-in-out;
    }
    #about_p{
        position:absolute;
        left:10px;
        top: 10px;
        width:140px;
        height: 140px;
        overflow: hidden;
        border-radius: 100%;
        z-index: 1;
    }
    #about_p img{
        position: absolute;
        left: 0;
        top:0;
        transform-origin: center center;
        transition:0.8s ease-in-out;
    }
    #about_chara{
        position: absolute;
        width:496px;
        height: 500px;
        background: url("../img/chara.png") no-repeat left top;
        left:50%;
        margin-left:-243px;
        top:430px;
        transition:0.8s ease-in-out;
        opacity: 0;
        transform:translateY(50px);
    }
    #about_copy{
        position: absolute;
        width:1060px;
        height: 90px;
        background: url("../img/about_copy.png") no-repeat left top;
        left:50%;
        margin-left:-530px;
        top:990px;
        text-indent:-9999px;
        transition:0.5s;
    }
    #about_top{
        position: absolute;
        left:0;
        top:0;
        width:100%;
        height: 100%;
    }
    #about_load{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    #about_inner{
        position: absolute;
        width:1200px;
        height: 760px;
        background: url("../img/about/base.png") no-repeat center top;
        left:50%;
        margin-left:-600px;
        top:260px;
        display: none;
    }
    #about_navi{
        position: absolute;
        left: 40px;
        width:996px;
        display: flex;
        top:-28px;
        z-index: 1;
    }
    .ab_navi{
        position: relative;
        width:162px;
        height:70px;
        margin: 0;
        cursor: pointer;
        overflow: hidden;
        transition:0.3s ease-in-out;
    }
    .ab_navi img{
        position: absolute;
        left:0;
        top:0;
        opacity: 0;
        transition:0.3s ease-in-out;
    }
    .ab_active{
        transform:translateY(-5px) !important;
    }
    .ab_active img{
        opacity: 1 !important;
    }
    .ab_navi:hover img{
        opacity: 1;
    }
    .ab_navi:hover{
        transform:translateY(-5px);
    }
    .ab_navi:nth-child(1){
        background: url(../img/about/introduction.png) no-repeat left top;
    }
    .ab_navi:nth-child(2){
        background: url("../img/about/story.png") no-repeat left top;
    }
    .ab_navi:nth-child(3){
        background: url("../img/about/character_cast.png") no-repeat left top;
    }
    .ab_navi:nth-child(4){
        background: url("../img/about/staff.png") no-repeat left top;
    }
    .ab_navi:nth-child(5){
        background: url("../img/about/originalwork.png") no-repeat left top;
    }
    .ab_navi:nth-child(6){
        background: url("../img/about/music.png") no-repeat left top;
    }
    .ab_navi2{
       position: absolute;
        right: -140px;
        top: -28px;
        text-indent: -9999px;
        width: 160px;
        height: 130px;
        background: url(../img/about/world.png) no-repeat left top;
        cursor: pointer;
        transition:0.3s ease-in-out;
        transform-origin: center bottom;
    }
    .ab_navi2 img{
        position: absolute;
        left:0;
        top:0;
        opacity: 0;
        transition:0.3s ease-in-out;
    }
    .ab_navi2:hover img{
        opacity: 1;
    }
    .ab_navi2:hover{
        transform:rotate(2deg) translateY(-8px);
    }
    .ab_active2{
        transform:rotate(2deg) translateY(-8px) !important;
    }
    .ab_active2 img{
        opacity: 1 !important;
    }
    
    

    #about_intro{
        position: absolute;
        width:100%;
        height: 100%;
        background: url("../img/about/intro_base.png") no-repeat left top;
        left:0;
        top:0;
        background-size:cover;
    }
    #intro_text{
        position: absolute;
        width:1032px;
        height: 166px;
        left:50%;
        margin-left:-516px;
        top:548px;
        overflow: hidden;
    }
    #about_story{
        position: absolute;
        width:100%;
        height: 100%;
        background: url("../img/about/story_base.png") no-repeat left top;
        left:0;
        top:0;
        background-size:cover;
    }
    #about_cast{
        position: absolute;
        width:100%;
        height: 100%;
        left:0;
        top:0;
        background-size:cover;
    }
    .about_bg{
        position: absolute;
        width:100%;
        height: 100%;
        left:0;
        top:0;
        opacity: 0;
        transition:0.5s;
    }
    .about_bg:nth-child(1){
        background: url("../img/about/cast1_base.png") no-repeat left top;
    }
    .about_bg:nth-child(2){
        background: url("../img/about/cast2_base.png") no-repeat left top;
    }
    .about_bg:nth-child(3){
        background: url("../img/about/cast3_base.png") no-repeat left top;
    }
    .about_bg:nth-child(4){
        background: url("../img/about/cast4_base.png") no-repeat left top;
    }
    .about_bg:nth-child(5){
        background: url("../img/about/cast5_base.png") no-repeat left top;
    }
    .about_bg:nth-child(6){
        background: url("../img/about/cast6_base.png") no-repeat left top;
    }
    .about_bg:nth-child(7){
        background: url("../img/about/cast7_base.png") no-repeat left top;
    }
    .bg_ta{
        z-index: 1 !important;
        opacity: 1 !important;
        transition:1s;
    }
    #cast_navi{
        position: absolute;
        width:590px;
        height: 70px;
        display: flex;
        bottom:-18px;
        left:50%;
        margin-left:-294px;
        z-index: 1;
    }
    .cast_icon{
        margin: 0 7.5px;
        width:70px;
        height: 70px;
        transition: 0.3s;
        cursor: pointer;
        transform-origin: center center;
        background-size:70px 70px !important;
    }
    .cast_icon img{
        opacity: 0;
    }
    .cast_icon:nth-child(1){
        background: url("../img/about/ch_icon1.png") no-repeat center center;
    }
    .cast_icon:nth-child(2){
        background: url("../img/about/ch_icon2.png") no-repeat center center;
    }
    .cast_icon:nth-child(3){
        background: url("../img/about/ch_icon3.png") no-repeat center center;
    }
    .cast_icon:nth-child(4){
        background: url("../img/about/ch_icon4.png") no-repeat center center;
    }
    .cast_icon:nth-child(5){
        background: url("../img/about/ch_icon5.png") no-repeat center center;
    }
    .cast_icon:nth-child(6){
        background: url("../img/about/ch_icon6.png") no-repeat center center;
    }
    .cast_icon:nth-child(7){
        background: url("../img/about/ch_icon7.png") no-repeat center center;
    }
    .cast_icon img:hover{
        opacity: 0.5;
    }
    .cast_ta img{
        opacity: 1 !important;
    }
    .cast_ta{
        transform:scale(1.2) !important;
        cursor: default !important;
        opacity: 1 !important;
    }
    #about_staff{
        position: absolute;
        width:100%;
        height: 100%;
        background: url("../img/about/staff_base.png") no-repeat left top;
        left:0;
        top:0;
        background-size:cover;
    }
    .staff_p{
        position: absolute;
        transform-origin: center center;
    }
    
    .staff_p:nth-child(1){
        width:220px;
        height: 130px;
        left:90px;
        top:116px;
        background: url("../img/about/staff_p1.png") no-repeat center center;
    }
    .staff_p:nth-child(2){
        width:190px;
        height: 110px;
        left:34px;
        top:276px;
        background: url("../img/about/staff_p2.png") no-repeat center center;
    }
    .staff_p:nth-child(3){
        width:257px;
        height: 150px;
        left:58px;
        top:420px;
        background: url("../img/about/staff_p3.png") no-repeat center center;
    }
    .staff_p:nth-child(4){
        width:180px;
        height: 108px;
        left:80px;
        top:590px;
        background: url("../img/about/staff_p4.png") no-repeat center center;
    }
    .staff_p:nth-child(5){
        width:268px;
        height: 160px;
        left:912px;
        top:178px;
        background: url("../img/about/staff_p5.png") no-repeat center center;
    }
    .staff_p:nth-child(6){
        width:190px;
        height: 116px;
        left:956px;
        top:378px;
        background: url("../img/about/staff_p6.png") no-repeat center center;
    }
    .staff_p:nth-child(7){
        width:219px;
        height: 132px;
        left:926px;
        top:547px;
        background: url("../img/about/staff_p7.png") no-repeat center center;
    }
    .staff_text{
        position: absolute;
        width:560px;
        height: 530px;
        left:50%;
        margin-left:-280px;
        top:114px;
        overflow: hidden;
        opacity: 0;
    }
    
    
    #about_original{
        position: absolute;
        width:100%;
        height: 100%;
        background: url("../img/about/original_base.png") no-repeat left top;
        left:0;
        top:0;
        background-size:cover;
    }
    #original_title{
        position: absolute;
        left:40px;
        top:60px;
    }
    #original_comment{
            position: absolute;
            left: 92px;
            top: 112px;
            width: 550px;
            height: 534px;
            overflow: hidden;
    }
    
    
    .original_p{
        position: absolute;
    }
    .original_p:nth-child(1) {
        width: 190px;
        height: 108px;
        left: 748px;
        top: 538px;
        background: url(../img/about/original_p1.jpg) no-repeat center center;
    }
    .original_p:nth-child(2) {
        width: 300px;
        height: 169px;
        left: 830px;
        top: 349px;
        background: url(../img/about/original_p2.jpg) no-repeat center center;
    }
    .original_p:nth-child(3) {
        width: 220px;
        height: 124px;
        left: 672px;
        top: 205px;
        background: url(../img/about/original_p3.jpg) no-repeat center center;
    }
    .original_p:nth-child(4) {
        width: 190px;
        height: 107px;
        left: 918px;
        top: 115px;
        background: url(../img/about/original_p4.jpg) no-repeat center center;
    }
    
    #about_music{
        position: absolute;
        width:100%;
        height: 100%;
        background: url("../img/about/music_base.png") no-repeat left top;
        left:0;
        top:0;
        background-size:cover;
    }
    #music_title{
        position: absolute;
        left:40px;
        top:60px;

    }
    .music_p{
        position: absolute;
    }
    .music_p:nth-child(1){
        width:190px;
        height: 108px;
        left:718px;
        top:115px;
        background: url("../img/about/music_p1.jpg") no-repeat center center;
    }
    .music_p:nth-child(2){
        width:300px;
        height: 169px;
        left:800px;
        top:246px;
        background: url("../img/about/music_p2.jpg") no-repeat center center;
    }
    .music_p:nth-child(3){
        width:220px;
        height: 124px;
        left:642px;
        top:435px;
        background: url("../img/about/music_p3.jpg") no-repeat center center;
    }
    .music_p:nth-child(4){
        width:190px;
        height: 107px;
        left:888px;
        top:538px;
        background: url("../img/about/music_p4.jpg") no-repeat center center;
    }
    
    #about_world{
        position: absolute;
        width:100%;
        height: 100%;
        background: url("../img/about/world_base.png") no-repeat left top;
        left:0;
        top:0;
        background-size:cover;
    }
    #world_map{
        position: absolute;
        left:50px;
        top:50px;
    }
    #world_text{
        position: absolute;
        right:38px;
        top:268px;
    }
    #about_close{
        position: absolute;
        right:-260px;
        bottom:52px;
        cursor: pointer;
        width:260px;
        transition:0.3s ease-in-out;
    }
    .close_icon{
        position: absolute;
        left:54px;
        top:22px;
        transform-origin: center center;
        transition:0.3s;
    }
    .close_open{
        left:-60px !important;
    }
    .about_close #about_close:hover{
        left:0px !important;
    }
    .about_close #about_close:hover .close_icon{
        transform:rotate(180deg) !important;
    }
    
    .about_close #about_chara{
        opacity: 0 !important;
        /*
        transform:translateY(-20px) !important;
        */
    }
    .about_close #about_head{
        opacity: 0 !important;
    }
    .about_close #about_btn{
       right: -460px !important;
    }
    .about_close #about_copy{
        opacity: 0 !important;
    }    
    .about_close #about_bg{
        background-size:2304px auto !important;
    }
    #about_top .about_ac{
        right:-30px;
    }
/*
    #about_top #about_btn:hover{
        right:0;
    }
*/
    #about_btn:hover #about_p img{
        transform:scale(1.2,1.2);
    }
    #about_btn:hover #about_pi{
        left:-30px;
    }
    
    #about_icon{
        position: absolute;
        left: 217px;
        top: 115px;
        width: 8px;
        height: 9px;
        z-index: 999;
        transition:0.3s;
    }
    #about_icon img{
        position: absolute;
        left:0;
        top:0;
    }
    #about_btn:hover #about_icon{
        transform:translateX(8px);
    }
    













footer{
	position: relative;
    width: 100%;
    height: 370px;
}
#sns_name{
	position: absolute;
    left: 50%;
    top: 172px;
    margin-left: -139px;
}
#sns_lists{
	position: absolute;
    left: 50%;
    top: 200px;
    margin-left: -125px;
    display: flex;
}
.sns_parts{
	margin: 0 8px;
}
address{
	text-decoration:none;
	font-style:normal;
	font-size:10px;
	color:#e81150;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	text-align:center;
	bottom:63px;
}
#footer_copy{
	position:absolute;
	right:40px;
	bottom:60px;
    font-size:10px;
	color:#e81150;
}
#footer_copy a{
	color:#e81150;
	text-decoration:none;
}
#wb_icon{
	transform:translateY(-4px);
}
#shares{
	position:absolute;
	left:30px;
	bottom:55px;
}

#yt_icon{
	position:absolute;
	width: 100%;
	display: flex;
	justify-content: center;
	left: 0;
	top:542px;
}
.yt_icon{
	width:12px;
	height: 12px;
	border-radius: 100%;
	background: #f4a9bb;
	margin: 0 7px;
	cursor: pointer;
}
.yt_target{
	background: #e95377;
	cursor: default;
}
#yt_name{
	position: absolute;
	width:100%;
	text-align: center;
	color:#e95377;
	font-size:14px;
	top:500px;
}
#yt_size{
	width:640px;
	height: 360px;
	background: #000;
	position: absolute;
    left: 50%;
    margin-left: -320px;
    top: 120px;
}
.chara_frame{
	margin: 0 6.25%;
}
#ft_bd{
	position: absolute;
	left:50%;
	margin-left:-460px;
	top:50px;
}
    
    
    #bnr_area{
        position: absolute;
        display: flex;
        justify-content: center;
        top:1020px;
        width:100%;
    }    
    #bnr_area div{
        margin: 0 10px;
    }
    #bnr_area2{
        position: absolute;
        display: flex;
        /* justify-content: center; */
        top: 1120px;
        width: 1100px;
        margin-left: -550px;
        left: 50%;
    }    
    #bnr_area2 div:nth-child(2){
        margin: 0 10px 0 20px;
    }
    
}




@media screen and (min-width: 0px) and (max-width: 800px) {
    #sp_wrap{
        display: block;
    }
    #pc_wrap{
        display: none;
    }
    img{
        display: block;
        margin: 0;
        padding: 0;
    }
    .sp_fade{
        display: block;
        cursor: pointer;
    }
    #fade_sp{
        display: none;
    }
}


#loading_fade{
    position: fixed;
    width:100%;
    height: 100%;
    z-index: 99;
    background: #FFF;
    top:0;
    left:0;
}
.cp_loading10 {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: rotate(45deg);
    transform:rotate(45deg);
    margin-left:20px;
    margin-top:-6px;
    transform: scale(0.6);
}
.cp_loading10 .cp_cont {
	position: absolute;
	top: calc(50% - 10px/2);
	left: calc(50% - 10px/2);
	-webkit-transform-origin: -300% 150%;
	transform-origin:-300% 150%;
}
.cp_loading10 .cp_cont .cp_item {
	width: 10px;
	height: 10px;
	-webkit-animation: loading10 0.8s infinite ease-in-out;
	        animation: loading10 1.2s infinite  ease-in-out;
	-webkit-animation-delay: inherit;
	        animation-delay: inherit;
	border-radius: 50%;
	background: #e60044;
}
.cp_loading10 .cp_cont:nth-of-type(0n+1) {
	-webkit-transform: translateX(250%) rotate(-60deg);
	transform: translateX(250%) rotate(-60deg);
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.cp_loading10 .cp_cont:nth-of-type(0n+2) {
	-webkit-transform: translateX(250%) rotate(-30deg);
	transform: translateX(250%) rotate(-30deg);
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}
.cp_loading10 .cp_cont:nth-of-type(0n+3) {
	-webkit-transform: translateX(250%);
	transform: translateX(250%);
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}
.cp_loading10 .cp_cont:nth-of-type(0n+4) {
	-webkit-transform: translateX(250%) rotate(30deg);
	transform: translateX(250%) rotate(30deg);
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
.cp_loading10 .cp_cont:nth-of-type(0n+5) {
	-webkit-transform: translateX(250%) rotate(60deg);
	transform: translateX(250%) rotate(60deg);
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}
.cp_loading10 .cp_cont:nth-of-type(0n+6) {
	-webkit-transform: translateX(250%) rotate(90deg);
	transform: translateX(250%) rotate(90deg);
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
.cp_loading10 .cp_cont:nth-of-type(0n+7) {
	-webkit-transform: translateX(250%) rotate(120deg);
	transform: translateX(250%) rotate(120deg);
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.cp_loading10 .cp_cont:nth-of-type(0n+8) {
	-webkit-transform: translateX(250%) rotate(150deg);
	transform: translateX(250%) rotate(150deg);
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}
.cp_loading10 .cp_cont:nth-of-type(0n+9) {
	-webkit-transform: translateX(250%) rotate(180deg);
	transform: translateX(250%) rotate(180deg);
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.cp_loading10 .cp_cont:nth-of-type(0n+10) {
	-webkit-transform: translateX(250%) rotate(210deg);
	transform: translateX(250%) rotate(210deg);
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.cp_loading10 .cp_cont:nth-of-type(0n+11) {
	-webkit-transform: translateX(250%) rotate(240deg);
	transform: translateX(250%) rotate(240deg);
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
.cp_loading10 .cp_cont:nth-of-type(0n+12) {
	-webkit-transform: translateX(250%) rotate(270deg);
	transform: translateX(250%) rotate(270deg);
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
@keyframes loading10 {
	0%, 60%, 100% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
        background: #fe885e;
        opacity: 1;
	}
	20% {
		-webkit-transform: scale(1.4));
		transform: scale(1.4);
        background: #e60044;
        opacity:1;
	}
}
        



h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, caption, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	text-decoration: none;
}
body { 
	font-family: 
	"MS Pゴシック","MS P Gothic","ＭＳ ゴシック",sans-serif,"ヒラギノ角ゴ","Hiragino Kaku Gothic Pro",Osaka;
	font-size:12px;
}
ul li{
	list-style:none;
}
a{
	text-decoration: none;
}
*{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}