@charset "UTF-8";
/*
Theme Name: zoids_original_theme
Author:zoids_original_theme
Description:zoids_original_theme
Version: 1.01
License: zoids_original_theme
Text Domain: zoids_original_theme
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */



html,body {
            background-color: #000;
    min-height: 100%;
    text-align: left;
    height: 100%;
}


.topIdbody{
    height: 100%
}

#wrapper {
background-color: transparent;
}


/* 文字飛ばし */
.cleartext {
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}

/* 画像リンクに対する透過処理 */
a{
    text-decoration: none;
    color: #fff;
}




a:hover {
    text-decoration: none;
}

a:hover img {
    opacity: 0.7;
}


a:hover, a:focus {
color:#fff;
}

/*グローバル*/

p{
    margin: 0px;
}

.wp-person a:focus .gravatar, a:focus, a:focus .media-icon img {
    -webkit-box-shadow: none;
    box-shadow: none;
}

h1{
    margin: 0;
}

/*ヘッダ*/

h1.head{
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
}


body #wrapper {
    margin-bottom: 0px;
}

.main_img{
    width: 100%;
}

.front__main{
    position: relative;
}

.front__sound{
    position: absolute;
    top: 50px;
    left: 25px;
    z-index: 4;
    cursor: pointer;
}

.jp-pause,.jp-play{
  display: none;
}


.front__main{
    padding: 0;
}

.front__side{
    padding: 30px 15px 0 15px;
  }

.front__side img{
    margin: 0 auto;
  }

.front__row_bottom{
    padding: 0px 10px 10px 25px;
    margin-bottom: 25px;
    margin-top: 160px;
}

.front__row_bottom--right{
    text-align: right;
    float: right;
    margin-top: 22px;
  }


  .home .front__row_bottom--right{
    position: absolute;
    margin-top: 0;
    display: block;
    top: 5px;
    right: 15px;
    z-index: 21;
  }

.front__tw,.front__line,.front__fb{
    margin-right: 5px;
        display: inline;
width: 85px;
    height: 26px;
}

.front__line img {
    height: 26px;
}

.front__button{
text-align: center;
}



.front__button img{
    display: inline-block;
    margin: 0 auto;
}

.front__bottom--logo{
    float: left;
}


.front__bottom--txt{
    color: #fff;
    float: left;
    font-size: 15px;
    margin-left: 30px;
    text-align: left;
    margin-top: 0;
}

.front__row_bottom--right iframe.line-it-button{
    width: 88px !important;
    height: 25px !important;
    display: inline-block;
    vertical-align: bottom;
}

#button {
    width: 101px !important;
    height: auto !important;
}






.full__title--pre{
    top: 33%;
    left: 3%;
}

.front__side img.full__title--img{
    margin: 0 auto;
}

.full__title {
    padding: 0px;
    position: absolute;
    top: 32%;
    left: 4%;
    width: auto;
    z-index: 7;
}


.front__tw{
    margin-right: 6px;
}


/*games/zoids
--------------------------------------------*/



/*グローバルナビ*/


.nav__wrap{
    position: fixed;
    top: 0px;
    z-index: 20;
    width: 100%;
    background: url(images/header_bar.png) repeat-x;
}

.nav > li {
    text-align: center;
}

.nav > li > a > img {
    display: inline-block;
    margin: 0 auto;
max-width: 130px;
    min-height: 76px;
}

.nav > li > a:hover{
    opacity: 1;
}

.nav > li > a:hover img{
        opacity: 1;
}

.nav__content{
    width: 67%;
    margin: 0 auto;
    max-width: 1200px;
}

.navbar-default {
    background-color: transparent;
    border: 0;
    position: relative;
    margin: 0 auto;
    display: block;
    float: left;
    width: 80%;
}

.navbar-default:hover {
opacity: 1;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: transparent;
}

.nav_padding{
    top: 86px;
    -webkit-transition:top 0.25s linear;
    transition:top 0.25s linear;
}


.navbar-default .navbar-nav > li > a {
    margin: 0;
    padding:0;
}

.nav__titlelogo{
    float: left;
    padding: 1.5% 0 0 45px;
    width: 20%;
}


.menu-item-163 img{
    padding-left: 6px;
}

.menu-item-177 img{
    padding-left: 4px;
}


@media only screen and (min-width: 768px){
.navbar-nav {
    float: left;
    margin: 0 5% 0 0;
    width: 100%;
}

.navbar-nav > li {
    float: left;
    max-width: 16%;
    text-align: center;
    display: inline-block;
}



}


.nav__titlelogo {
    float: left;
    padding: 11px 0 0 0px;
    width: 20%;
}

.nav__titlelogo img {
    min-width: 147px;
}

.navbar-default {
    width: 80%;
}


@media only screen and (max-width: 1199px){
.nav > li > a > img {
    max-width: 120px;;
}

.nav__content {
    width: 80%;
}
}

@media only screen and (max-width: 991px){

.nav__content {
    width: 94%;
    float: right;
}
}





@media only screen and (max-width: 767px){


.nav__wrap {
    position: fixed;
    top: 0;
    z-index: 6;
    width: 100%;
    height: 50px;
}

#header-nav{
    background: #254443;
    background-color: rgba(37,68,67,0.8);
}

.navbar-default {
    width: 100%;
}
.navbar-default {
opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
}

.nav__titlelogo{
    padding: 10px 0 0 5px;
}
.nav__titlelogo {
    float: left;
    width: 30%;
    margin: 9px 0 0 0;
    padding: 0 0 9px 5px;
    z-index: 100;
    position: relative;
}
.navbar-toggle {
    margin-right: 10px;
    margin-top: 4px;
}

.nav__content {
    width: 100%;
    float: none;
}

.nav__titlelogo img {
    min-width: auto;
        max-width: 110px;
}


}
/*ここまでグローバルナビ*/


/*スマホトップナビ*/

.menu-item-197 .txt{
    background:url(images/side_menu01_top.png) no-repeat 0px 41%;
    padding-left: 35px;
}
.menu-item-198 .txt{
    background:url(images/side_menu02_info.png) no-repeat 0px 41%;
    padding-left: 35px;
}
.menu-item-199 .txt{
    background:url(images/side_menu03_subsc.png) no-repeat 0px 41%;
    padding-left: 35px;
}
.menu-item-200 .txt{
    background:url(images/side_menu04_image.png) no-repeat 0px 41%;
    padding-left: 35px;
}
.menu-item-201 .txt{
    background:url(images/side_menu05_char.png) no-repeat 0px 41%;
    padding-left: 35px;
}
.menu-item-202 .txt{
    background:url(images/side_menu06_zoids.png) no-repeat 0px 41%;
    padding-left: 35px;
}
.menu-item-203 .txt{
    background:url(images/side_menu07_world.png) no-repeat 0px 41%;
    padding-left: 35px;
}
.menu-item-204 .txt{
    background:url(images/side_menu08_movie.png) no-repeat 0px 41%;
    padding-left: 35px;
}
.menu-item-205 .txt{
    background:url(images/side_menu09_gallery.png) no-repeat 0px 41%;
    padding-left: 35px;
}

.other__nav span.txt {
    width: auto;
}


.other__navwrap .navbar-header{
    position: absolute;
    top: 4px;
    right: 0;
    z-index: 10;
}

.nav__wrap.other__navwrap{
    background: url();
}


#header-glovalother{
    margin: 40px -15px 7.5px;
}


@media only screen and (max-width: 767px){
#header-other{
    background: #254443;
    background-color: rgba(37,68,67,0.8);
    position: absolute;
    width: 100%;
}
}
/*ここまでスマホトップナビ*/







.frontBlock{
    color: #fffefe;
}


.frontBlock__button--col{
    display: inline-block;
        padding: 0 15px;
}

.frontBlock01__inner{
    margin: 0 auto;
}

.frontBlock01 .frontBlock__title{
    margin: 35px auto;
    padding-left: 9%;
}

.frontBlock02{
    padding-top: 0px;
}

.frontBlock__img img{
    width: 100%;
}

.frontBlock03 .frontBlock__title{
    padding-left: 11.9%;
    margin: 60px auto;
}


.top__apppc{
    position: absolute;
    top: 53%;
    left: 4%;
    z-index: 4;
    font-size: 11px;
    font-weight: bold;
    line-height: 2.3;
    color: #494646;
    padding-left: 9px;
}

.top__appsp--txt{
    margin-bottom: 28px;
}

.top__appsp--left{
    padding-right: 15px;
}

.top__appsp--right{
    padding-left: 0;
}

.top__appsp--row img{
    display: inline-block;
}

.main_subsc_txt__pc{
    margin-left: -7px;
    margin-top: 10px;
}

.go_to_subsc{
    margin: 30px 0 0 0px;
    max-width: 352px;
}
.go_to_subsc img{
display: inline-block;
}

.go_to_subsc__pc a{
    display: block;
}

.go_to_subsc__pc .scr{
    margin-bottom: 15px;
}

.title_sm h3{
    font-size: 23px;
    margin-bottom: 20px;
    margin-top: 50px;
        letter-spacing: 1.5px;
    line-height: 1.5;
}

.title_lg h3{
    font-size: 23px;
    text-align: center;
    color: #e4e1e1;
    margin-top: 40px;
    letter-spacing: 3px;
}


.title__twitter h3{
    margin-bottom: 16px;
}

.title__char h3{
    margin-bottom: 30px;
}

.title__gall h3{
    margin-top: 60px;
}


.top__news--content{
background: rgba(6,41,42,0.58);
    padding: 15px 15px 10px;
    line-height: 1.8;
    letter-spacing: 1px;
    max-width: 665px;
        height: 200px;
    overflow: auto;
}

.top__news--content ul{
    padding: 0;
}

.top__news--content li{
    list-style: none;
    margin-bottom: 10px;
    line-height: 2;
    font-size: 13px;
}


.frontBlock01__row{
    margin-top: 25px;
        margin-bottom: 80px;
}

.top__camp--content h4{
    margin: 25px 0;
    font-size: 18px;
}

.top__camp--content{
    letter-spacing: 1.2px;
    line-height: 1.8;
    font-size: 14px;
}

.top__camp--content img{
    margin: 30px 0 40px 5px;
}

.top__button{
    text-align: center;
}


.top__button img{
    display: inline-block;
        margin-top: 50px;
}


.top__camp--button img{
    width: 45%;
}


.timeline__movie01{
    margin-bottom: 30px;
}


.frontBlock01__left{

}


.title__subsc{
    text-align: center;
    color: #e4e1e1;
    padding-top: 0px;
}


.top__subsc--wrap{
    margin: 50px auto 65px;
    background: url(images/zoids_list_rollbg.png);
    width: 67%;
    padding: 5px;
}

.top__subsc--txt {
        line-height: 2.2;
    font-size: 14px;
    letter-spacing: 1.5px;
    text-align: left;
        padding: 40px;
    border: 1px solid #1f6564;
}

.top__subsc--button{
    text-align: center;
}

.top__subscpop--wrap01{
    color: #e4e1e1;
    background: rgba(0,0,0,0.45);
    padding: 25px 0px 30px 20px;
    margin: 0px auto 0px;
    max-width: 750px;
}

.title__subsc h4{
    color: #ecd722;
    font-size: 19px;
    letter-spacing: 2px;
    margin-bottom: 14px;
    text-align: left;
    font-weight: bold;
}


.subscpop__block01,.subscpop__block02,.subscpop__block03{
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    padding: 10px 0;
    table-layout: fixed;
}

.subscpop__block01{
    width: 30%;
}
.subscpop__block02{
    width: 60%;
}
.subscpop__block03{
    width: 10%;
}

.top__subscpop--wrap01 .top__subscpop--txt{
    border-bottom: 1px dashed rgba(5255,255,255,0.25);

}


.top__subscpop--wrap01 .top__subscpop--txt01{
    border-top: 1px dashed rgba(5255,255,255,0.25);
    border-bottom: 1px dashed rgba(5255,255,255,0.25);
}

.top__subscpop--wrap02{
    background: rgba(5,76,82,0.58);
    width: 65%;
    padding: 30px 50px 25px;
    margin: 50px auto;
    color: #e4e1e1;
}


.top__subscpop--button{
text-align: center;
    margin: 25px auto;
}

.top__subscpop--button img{
        display: inline-block;
    }


.subscpop__clear{
    position: relative;
}


.subscpop__clear--block{
    position: absolute;
    top: 17%;
    left: -12%;
}





.frontBlock01{
    background: url(images/teaser_ver1_yoko.png);
    background-size: contain;
}

.frontBlock02{
    background: url(images/top_bg02_ver2.jpg) no-repeat;
    background-size: cover;
}

.top__subscpop--txt03 .subscpop__block02 a{
background: url(images/subsc_pt.png) ;
display: block;
    padding: 15px;
}

.top__subscpop--txt03 .subscpop__block02 a:hover,.top__subscpop--txt03 .subscpop__block02 a:focus{
    color: #fff;
}


.top__subscpop--txt03 .subscpop__block01{
    width: 28%;
        display: inline-block;
}


.top__subscpop--txt03 .subscpop__block02{
    width: 71%;
        display: inline-block;
}
.top__subscpop--txt03 .subscpop__block02 img{
    float: right;
    margin: -7px 0 0 0;
}

.top__subscpop--txt06 .subscpop__block02{
    width: 53.5%;
}


.top__subscpop--wrap01 .top__subscpop--txt {
    border-bottom: 1px dashed rgba(5255,255,255,0.25);
}
.top__subscpop--wrap01 .top__subscpop--txtbottom{
    border-bottom: none;
}

.top__subscpop--txt06{
    padding: 15px 0;
}


.top__subscpop--txtbottom{
    margin-top: 0px;
    line-height: 2.2;
    font-size: 14px;
    background: url(images/subscpop_bg.png) repeat-y;
    width: 65.79%;
    margin: 0 auto;
    background-size: 100%;
}

.top__subscpop--txt02{
    font-size: 14px;
    line-height: 2.2;
    letter-spacing: 0.8px;
}



.top__imgtxt{
    letter-spacing: 1.8px;
    line-height: 2;
    font-size: 14px;
    color: #090707;
    margin-bottom: 45px;
        margin-top: 35px;
    width: 78%;
    margin-right: auto;
    margin-left: auto;
}




.top__gall--txt{
    margin-bottom: 50px;
    margin-top: 30px;
        color: #e4e1e1;
            width: 69%;
}


.top__char{

}

.timeline__wrap{
    text-align: left;
        width: auto;
}


.frontBlock03{
    background: url(images/top_bg01.png) no-repeat;
    background-size: cover;
        padding-bottom: 65px;
}

.frontBlock04{
    background: url(images/top_bg03.png) no-repeat;
    background-size: cover;
        padding-bottom: 65px;
}

.frontBlock05{
    background: url(images/top_bg02.png) no-repeat;
    background-size: cover;
        padding-bottom: 65px;
}

.frontBlock06{
    background: url(images/metal_bg.png) no-repeat #000;
    background-size: cover;
        padding-bottom: 65px;
}


.frontBlock07{
    background: url(images/top_bg04.png) no-repeat;
    background-size: cover;
        padding-bottom: 65px;
}

.frontBlock01__right{
margin-top: 0px;
}


.top__title img{
    margin: 0 auto;
}



.top__gall--txt{
        color: #e4e1e1;
}


.tea__galle--img02 img {
    max-width: 74%;
    display: inline-block;
}





.subscpop__bottomblock{
    color: #e59f17;
}



.tea__galle02{
    margin-top: 35px;
}



.front__bottom--txt01{
    font-size: 10px;
    padding: 0px 10px 0px 0px;
    margin-bottom: 9px;
    margin-top: 8px;
    margin-left: 0;
    color: #ffffff;
    letter-spacing: 1.3px;
}




.timeline__head{
    margin: 0 0 20px 0;

}


.top__button{
text-align: center;
}
.top__button img{
display: inline-block;
}


.txt__white{
    color: #fff;
}



.subsc__img{
    text-align: center;
    margin-top: 40px;
}

.subsc__img img{
    display: inline-block;
}

.timeline__movie{
    text-align: left;
}

.timeline__movie img{
    margin: 0 auto;
    display: inline-block;
}


.main-content{
    padding-top: 64px;
}

.top__galle--row01{
    margin-bottom: 30px;
}


.tea__galle--img01 img{
    max-height: 301.17px;
}




video{
    max-width: 100%;
}

.iframe-loaded {
  width:100%;
  height:98%;
}


#cboxOverlay {
  display: table;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  background: #000;
  z-index: 9999;
}

#cboxLoadedContent{
    overflow: hidden !important;
}



.top__second{
    width: 66%;
    margin: 0 auto 80px;
}

.top__secondinner{
    background: url(images/top_second_bg.png);
        background-size: contain;
}

.top__second img{
    margin: 0 auto;
}

.top__second--head img{
width: 100%
}

.top__second--bottom img{
width: 100%
}

.top__second--bottominner{
    background: url(images/top_second_bottom.png) no-repeat;
        background-size: cover;
}

.top__second--bottominner img{
    width: auto;
    padding: 24px 0;
}

.top__secondinner img{
    margin-bottom: 15px;
}

.top__secondinner img.top__second_d{
   margin-bottom: 0px;
   padding-bottom: 20px;
}

.top__secondinner img.top__second_a{
   padding-top: 10px;
}



/*thanksページ
------------------------------------*/

.page-id-143 .page__wrap {
    height: auto;
}

body.page-id-143{
background: url(images/teaser_ver1_yoko.png) #000;
    height: auto;
}


.post__thanks{
    text-align: center;
    padding: 30px;
    color: #fff;
}

.post__thanks img{
    margin: 75px auto 75px;
}

.post__thanks img.thanks__img03{
    display: inline-block;
    margin: 0px auto 65px;
}


.thanks__txt{
    width: 57%;
    text-align: left;
    margin: 0 auto;
    font-size: 18px;
    letter-spacing: 1.5px;
    line-height: 1.8;
        margin-bottom: 125px;
            max-width: 797px;
}


.post__thanks{
    height: auto;
    text-align: center;
    padding: 30px;
    color: #fff;
}


.thanks__txt01{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


@media only screen and (max-width: 767px){
.thanks__txt{
    width: 100%;
margin-bottom: 80px;
font-size: 12px;
}

.thanks__txt01{
font-size: 18px;
}

.post__thanks img {
    margin: 40px auto 40px;
}
.post__thanks img.thanks__img03 {
    width: 70%;
        max-width: 200px;
}

.post__thanks {
    padding: 30px 15px;
}

}


/*Ｔｗｉｔｔｅｒキャンペーンページ　tw_camp_dl
------------------------------------*/

.top__second--arrow img{
    margin: 0 auto;
}

.page-id-206 .page__wrap {
    height: auto;
}

body.page-id-206{
background: url(images/teaser_ver1_yoko.png) #000;
    height: auto;
}

.tw_camp__txt{
color: #fff;
margin: 25px 0;
}

.tw_camp h2{
    color: #fff;
    text-align: center;
    margin: 80px 0 50px;
}

/*下層
------------------------------------*/






.txt__block{
    color: #fff;
}



.zoidspage__img{
    clear: both;
}


.gameimgpageBlock{
    margin: 35px 0 60px;
}

.parent-pageid-157{
    background: url(images/zoids_bg_a.png) no-repeat #04968a;
        background-size: 100%;
        height: auto;
}


.parent-pageid-155{
    background: url(images/character_page_b_bg_a.png) no-repeat #000;
            background-size: 100%;
                        height: auto;
}

.page-id-155{
    background: url(images/character_b_bg_a.png) no-repeat #a6a5a2;
    background-size: 100%;
    height: auto;
}

@media only screen and (min-height: 854px){
.page-id-155{

}
}



.page-id-153{
        background: url(images/gi_bg_raw.jpg) #000 repeat-y 100%;
    background-size: 100%;
    height: auto !important;
}

.page-id-157{
    background: url(images/zoids_bg_a.png) no-repeat #04968a;
        background-size: 100%;
        height: auto;
}

.page-id-170{
    background: url(images/movie_bg_a.jpg) no-repeat #d860b4;
    background-size: 100%;
    height: auto;
}

.page-id-166{
    height: auto;
}

.page-id-159,.page-id-239,.page-id-233,.page-id-237{
    height: auto;
}

.page-id-159,.page-id-239,.page-id-233,.page-id-237{
    height: auto;
}


.parent-pageid-159,.page-id-159,.page-id-233{
    background: url(images/world_bg.png) no-repeat #000;
        background-size: 100%;
}


.page-id-229,.page-id-231{
    background: url(images/faq_bg.jpg) #0e4c5a;
    background-size: cover;
    height: auto;
}


.page-id-293,.page-id-295,.page-id-297,.page-id-299,.page-id-301,.page-id-303,.page-id-305,.page-id-307,.page-id-313,.page-id-315,.page-id-317,.page-id-319 {
        background: url(images/teaser_ver1_yoko.png) #000;
    height: auto;
}


.roll_contentblock{
display: none;
}


.zoidspage__row{
    margin: 25px auto 0;
    text-align: center;
    width: 85%;
}

.zoidslist__list{
text-align: center;
}

.zoidslist__list img{
    margin: 0 auto 25px;
    display: inline-block;
}

.zoidslist__roll{
    background: url(images/zoids_list_rollbg.png);
    padding: 3px;
    width: 93%;
    margin: 45px auto 50px;
}

.zoidslist__roll--inner{
    border:1px solid #1f6564;
}

.zoidslistBlock01__inner .txt__block{
    letter-spacing: 1.3px;
    line-height: 1.8;
    margin: 25px auto 0 auto;
    width: 85%;
}

.zoidspage__wrap .txt__block{
    width: 86%;
    margin: 25px auto 0;
    padding-left: 2px;
}

.zoidspageBlock01__inner .top__gi--txt01{
    width: 50%;
    margin: 25px 0 0 11%;
    padding-left: 2px;
}

.zoidspage__wrap .slick-slide {
    margin: 0px 20px 40px;
}

.zoidspage__name{
    float: left;
}

.zoidspage__role{
    float: right;
}

.zoidspage__movie{
    text-align: center;
}

.zoidspage__movie img{
    margin: 0 auto;
}

.charlist__list--cell{
    text-align: center;
        margin-bottom: 20px;
}

.charlist__list img{
display: inline-block;
}


.moviepage__cell img{
display: inline-block;
}

.moviepage__cell{
    text-align: center;
        margin-bottom: 20px;
}

.charlist__list{
    margin-top: 35px;
        margin-bottom: 107px;
}

.charpage__list{
    margin-top: 50px;
}

.charpage__list--left{
    text-align: right;
        margin-left: 13.66667%;
}

.charpage__list--left img{
display: inline-block;
}

.nav-tabs {
    border-bottom: 0;
    text-align: center;
    margin: 30px auto 0;
}


.nav-tabs02 {
    text-align: center;
}

.nav-tabs > li > a {
    border-radius: 4px;
}

.nav-tabs > li {
    float: none;
    display: inline-block;
}

.moviepageBlock01__inner h3{
    margin-bottom: 35px;
}




.char__tab img{
    max-height: 350px;
}


.zoidspage__back{
    text-align: right;
    padding-right: 105px;
    margin-top: -32px;
    width: 254px;
    float: right;
}

.zoidspage__back img{
    display: inline-block;
}


.gameimgpage .top__gi--txt{
    width: 70%;
    margin: 0 auto;
    font-size: 16px;
    letter-spacing: 1.3px;
    line-height: 2.3;
}


.gameimgpage .top__gi--txt img{
    margin-bottom: 10px;
}

.gi__tab02--txtimg img{
    margin: 0 auto 10px;
}



.gameimgpage .tab-content > .active {
    text-align: left;
}

.gameimgpage__tabmenu{
    margin-bottom: 35px;
    margin-top: 15px;
}

.gi__tab02--img img{
    margin: 20px auto 20px;
}

.top__gi--txt02{
    max-width: 671px;
}


.charpage__back{
text-align: right;
    padding-right: 0px;
    width: 85%;
    margin-top: 0px;
}

.char__zoom{
    position: absolute;
    width: 45px;
    bottom: 6px;
    right: 21px;
}


.tab-content > .active  {
    text-align: center;
}




.zoidspage__row img{
    margin: 0 auto 25px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    background-color: transparent;
    border: none;
}


.charpage .nav-tabs > li > a:hover,.charpage .nav-tabs > li > a {
    border-color: transparent;
    background-color: transparent;
    border: none;
}

.charpage .nav-tabs > li > a{
    display: block;
    width: 121px;
    height: 43px;
}


.charpage .nav-tabs > li.nav-item01 > a{
background: url(images/char_tabbutton01.png) no-repeat;
    background-size: contain;
}

.charpage .nav-tabs > li.nav-item02 > a{
    background: url(images/char_tabbutton02.png) no-repeat;
    background-size: contain;
}

.charpage .nav-tabs > li.nav-item03 > a{
    background: url(images/char_tabbutton03.png) no-repeat;
    background-size: contain;
}

.charpage__list--bg{
    background: url(images/char_block_bg.png) no-repeat 100%;
    padding: 1px 0px 70px;
    max-width: 77%;
    margin: 80px auto;
    background-size: cover;
        min-height: 659px;
}

.charpage .txt__block{
    line-height: 2.5;
    margin-top: 0px;
    font-size: 15px;
    letter-spacing: 1.3px;
    padding-right: 6px;
}




.gameimgpage__thumb img:hover{
cursor: pointer;
opacity: 0.7;
}


.slickzoidsimg__nav img:hover{
cursor: pointer;
opacity: 0.7;
}




.zoidspage__wrap .zoidspage__movie .txt__block {
    width: 89%;
    text-align: left;
    line-height: 1.8;
}


.char__prof--block{
    width: 100%;
        position: relative;
}

.char__name{
    background: url(images/char_bg_name.png) no-repeat;
    text-align: right;
    background-size: contain;
    margin-bottom: 10px;
        height: 36px;
}

.char__age{
    background: url(images/char_bg_age.png) no-repeat;
    background-size: contain;
    margin-bottom: 25px;
    margin-left: 0px;
    width: 100%;
    height: 36px;
}

.char__prof{
    background: url(images/char_bg_prof.png) no-repeat;
    padding-top: 60px;
    padding-left: 13px;
    background-size: contain;
    line-height: 1.8;
    padding-right: 15px;
}

.char__name span{
    position: absolute;
    left: 79px;
    top: -4px;
}

.char__age span{
    position: absolute;
    left: 79px;
    top: -4px;
}


.page__galle--row01{
    margin-bottom: 35px;
}


.page__galle--row01 .page__galle--img01 img{
    width: 100%;
    max-height: 400px;
}

.page__galle--row01 img{
display: inline-block;
}

.page__galle--row02{
    margin-bottom: 35px;
}


.notes {
    border: 2px solid #5f5e5d;
    max-width: 747px;
    margin: 55px auto 70px;
    padding: 0px 40px 45px;
    color: #fdfcfc;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    font-size: 18px;
    letter-spacing: 1.3px;
}
.notes h3 {
    font-size: 30px;
    text-align: center;
    color: #fdfcfc;
    margin: 55px 0 35px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    letter-spacing: 2px;
}

.page-id-209 .page__wrap {
    height: auto;
}

.top__second--notes{
    text-align: center;
    margin-bottom: 0px;
    padding-top: 10px;
}

.top__second--notes a{
    font-size: 16px;
    color: #fff;
    letter-spacing: 2px;
}



#section3 .top__second--notes a:hover{
    color: #afd9e9;
}


.top__second--notes span{
    color: #fff772;
    text-decoration: underline;
}

#section3 .top__second--notes a:hover span{
    color: #afd9e9;
}


.prologue img{
    margin: 0 auto;
}

.txt__prol--wrap{
    max-width: 804px;
    margin: 40px auto 110px;
}

.txt__prol{
    padding: 40px 15px;
    font-size: 16px;
    letter-spacing: 1.5px;
    text-align: center;
    line-height: 1.4;
}

.txt__prol span.yellow{
    color: #fff000;
}

.txt__prol--lg{
    font-size: 18px;
}

.prologue__title h3{
    margin: 60px 0 55px;
}


.title__block h3 img{
    margin: 0 auto;
}

.world--wrap{
    margin-top: 30px;
}

.world__cellleft,.world__cellright{
    width: 45%;
        float: left;
}

.world__cellcenter{
    width: 10%;
        float: left;
        position: relative;
}

.world__cellcenter img{
    margin: 0 auto;
}

.world__cellcenter--inner{
    width: 30px;
    margin: 0 auto;
    background: #fff;
    padding: 100% 0px;
        height: 700px;
}


.world__cellcenter--inner .title__block{
position: absolute;
}

.world__cellcenter--inner .world__arrow01{
    top: 55px;
    right: -10px;
}

.world__cellcenter--inner .world__arrow02{
    top: 190px;
    left: -10px;
}

.world__cellcenter--inner .world__arrow03{
    top: 330px;
    right: -10px;
}

.world__cellcenter--inner .world__arrow04{
    top: 470px;
    left: -10px;
}


.worldpage .world__title{
    text-align: center;
}

.worldpage .world__title img{
    display: inline-block;
}

.worldpage .world__title02{
    margin: 58px 0 0px;
}

.worldpage .world__title01{
        margin-top: 190px;
}


.worldpage .world__title04 {
    margin-top: 205px;
}


.worldpage .world__title03{
    margin: 200px 0 0px;
}



.tabbutton{
    margin: 15px 0 8px;
}

.tabbutton{
    max-width: 293px;
    height: 82px;
}

.tabbutton a{
    max-width: 293px;
    height: 82px;
    display: block;
    text-align: center;
    padding: 25px 0 0px;
    font-size: 20px;
    color: #fff;
    letter-spacing: 1px;
    text-decoration: none;
}

.faq__block .tabbutton03 a{
padding: 13px 0 0px;
}


.tabbutton{
background: url(images/faq_q.png) no-repeat;
    background-size: contain;
}

.active .tabbutton{
background: url(images/faq_q_hover.png) no-repeat;
    background-size: contain;
}

.faq__block01{
    margin: 40px 0 50px;
}


.tabbutton01,.tabbutton03{
    margin-left:auto;
}

.faq__tabhead{
background: url(images/faq_titlebar_a.png) no-repeat;
    background-size: cover;
    height: 53px;
}


.faq__tabhead h4{
    font-size: 19px;
    color: #fff;
    padding: 18px 0 0 18px;
    letter-spacing: 1.5px;
    margin: 0;
}

.faq__tabcontentwrap{
    color: #050404;
    font-size: 14px;
        letter-spacing: 1.3px;
}

.faq__q{
    background: url(images/faq_q_bg.png);
        margin-bottom: 1px;
}

.faq__a{
    background: url(images/faq_a_bg.png);
    margin-bottom: 1px;
    margin-top: 1px;
        padding: 20px 15px 30px;
}

.faq__block02{
    width: 79%;
    margin: 0 auto;
}


.faq .tab-content .active  {
    text-align: left;
}

.panel-default > .panel-heading {
    color: #050404;
    background-color: transparent;
border:none;
    border-color: transparent;
        padding: 0;
}

.panel-default > .panel-heading a{
    color: #050404;
}

.panel{
background-color: transparent;
}

.panel-group .panel + .panel {
    margin-top: 0px;
}

.faq__q a{
background: url(images/faq_open.png) no-repeat 98%;
display: block;
color: #050404;
    padding: 15px;
    text-decoration: none;
}



.faq__q a.collapsed{
background: url(images/faq_close.png) no-repeat 98%;
}


.faq__a a{
    color: #050404;
    text-decoration: underline;
}

.faq__a a:hover{
    opacity: 0.8;
}






.terminal__block{
    width: 79%;
    margin: 0 auto;
}


.terminal__block01{
        margin: 50px auto;
}

.terminal__block02{
        margin: 60px auto;
}



.terminal__tabhead h4{
    font-size: 30px;
    padding: 11px 0 0 45px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.terminal__q h4{
    margin: 0;
}

.terminal__q{
    padding: 45px 45px 20px;
    font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

.terminal .txt__block{
    color: #0b0707;
    font-size: 18px;
    letter-spacing: 1.5px;
    line-height: 1.5;
    margin: 15px 0 30px;
    padding: 0 6px;
}

.terminal__br400{
    display: none;
}

.terminal__title02{
    margin-top: 40px;
}




.aboutworld__img img{
    margin: 0px auto 75px;
}


.aw__title{
    margin: 60px 0 55px;
}

.fes__title{
    margin: 60px 0 55px;
}



.fes__img img{
    margin: 0px auto 75px;
}















/*---------------------------
JS CSS
------------------------------------*/



/*----------------------------
Slick
----------------------*/
.arrows01,.arrows{

}
.slick__txt{
    font-size: 10px;
    margin: 15px auto 0;
    letter-spacing: 1px;
    padding: 0;
    color: #090707;
    max-width: 562px;
    text-align: right;
}

.slickGameimg__wrap,.slickWorld__wrap{
position: relative;
}
 .slick-prev, .slick-next {
    width: 75px;
    height: 75px;
}


.slick-prev{
    left:20px;
    position: absolute;
    top: 77px;
}

.slick-next{
    right:20px;
    position: absolute;
    top: 77px;
}


.slick-arrow{z-index:10;/* 値は適当に */}





.slick-prev:before, .slick-next:before {
    content:"";
}

button.slick-prev, button.slick-next {
    z-index:2;
        display: block;
    background: transparent;
    border: 0;
    text-indent: 200%;
    overflow: hidden;
    white-space: nowrap;
}

/*slider-for gallery*/

.slider-for .slick-prev{
   background: url(images/left_ar.png) no-repeat;
}

.slider-for .slick-next{
   background: url(images/right_ar.png) no-repeat;
}

.slider-nav .slick-next,.gameimgpage__nav .slick-next,.slickzoidsimg__nav .slick-next{
   background: url(images/right_ar.png) no-repeat;
       background-size: contain;
}


.slider-nav .slick-prev,.gameimgpage__nav .slick-prev,.slickzoidsimg__nav .slick-prev{
    background: url(images/left_ar.png) no-repeat;
        background-size: contain;
}

.slick-slide img,.gameimgpage__nav img,.slickzoidsimg__nav img {
    margin: 0 auto;
}

.slick-slide img{
    display: inline-block;
}

.slickzoidsimg .slick-slide{
text-align: center;
}

.slickzoidsimg .slick-slide img{
display: inline-block;
}





/*slick dots*/

.slick-dots{
    text-align: center;
        margin: 0;
    padding: 0;
}

.slick-dots li{
    list-style: none;
    display: inline-block;
}

.slick-dots button{
    background: #ccc;
    border: 0;
    border-radius: 50%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin: 0 5px;
        width: 5px;
    height: 5px;
}

.slick-active button{
        background: #fff;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    padding: 5px;

    cursor: pointer;

    border: 0;
    outline: none;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

@media only screen and (max-width: 767px){

.slick-track {
    margin: 0 auto;
}

.gameimgpage__thumb{
    margin: 0 15px;
}

.gameimgpage__cell{
    margin-bottom: 15px;
}

}

@media only screen and (max-width: 400px){
.slick-slide img {
    height: auto;
}

.gameimgpage__thumb{
    margin: 0 5px;
}

}

/* ----------------------------
sidemenu    サイドメニュー
-------------------------------*/


.SideMenu__def{
    display: none;
}

.current span.num{
    background: transparent;
}

.linkbtn a{  display: inline-block;  font-size: 16px;  padding: 20px 36px;  margin:15px 0;  border: solid 2px #fff;  border-radius: 3px;  background: rgba(0,0,0,0.2);  color: #fff;  text-decoration: none;  font-weight: bold;  cursor: pointer;  transition: 0.4s;}
.linkbtn a:hover{ color: #2C5379; background: #fff; }


#fixedSideMenu a:hover{
    opacity: 1;
}

#fixedSideMenu a:hover img{
    opacity: 1;
}
/* ----------------------------
    section
-------------------------------*/

#SideMenuInner{
    padding: 0;
}

#section1,#section2,#section3,#section4{
    position: relative;
    letter-spacing: 0.07em;
}





#section1 a:hover{
    color: #FDC44F;
}
#section2 a:hover{
    color:#44DEDE;
}
#section3 a:hover{
    color:#8DCF3F;
}
#section4 a:hover{
    color:#F58E7E;
}




/* ----------------------------
    menu    
-------------------------------*/
#fixedSideMenu{
    position:fixed;
    top:50%;
    right:0;
    z-index:100;
}
#fixedSideMenu li{
    width:145px;
    height:40px;  
    position: relative;
    margin:0 0 5px 0;
        list-style: none;
}
#fixedSideMenu li a{
    display:block;
    position: absolute;
    width:100%;
    font-weight:bold;
    top:0;
    left:105px;
}
span.num{
    display:inline-block;
    vertical-align: middle;
    text-align: center;
    width:40px;
    margin:0 0 0 0;
    padding: 11px 0 11px 8px;
    background: transparent;
}
span.txt{
    display:inline-block;
    vertical-align: middle;
    text-align: left;
    width:105px;
    padding:11px 0;
    background: transparent;
        font-size: 12px;
    text-align: left;
    letter-spacing: 0.7px;
}


#fixedSideMenu img{
    max-height: 19px;
}


#fixedSideMenu li a{
left: 100px;
-webkit-transition: .3s;
transition: .3s;
}


#fixedSideMenu li a:hover{
left: 1px !important;
-webkit-transition: .3s;
transition: .3s;
}


#SideMenuInner li a{
    background: url(images/side_menu_bg_green.png) repeat-y;
    display: block;
}

#SideMenuInner li a.current{
    background: url(images/side_menu_bg_red.png) repeat-y;
    display: block;
}

@media only screen and (max-width: 767px){
#fixedSideMenu{
    display: none;
}
}





/*colorbox mp4
------------------------------------*/


@media only screen and (max-width: 767px){

#cboxLoadedContent{
    position: relative;
}


.inline__movie{
    position: absolute;
    top: 28%;
}

}









/*---------------------------
ここまで  JS CSS
------------------------------------*/









/*レスポンシブ
------------------------------------*/



@media screen and (min-width:1200px) and ( max-width:1412px) {
.timeline__wrap{
    max-width: 245px;
}
}










@media only screen and (max-width: 1199px){
.cam__back{
  position: static;
    text-align: right;
    padding-right: 30px;
}

.cam__back img{
    display: inline-block;
        width: 15%;
}


.full__title {
    max-width: 373px;
}

.top__subscpop--wrap01 {
    width: 80%;
}

.top__second {
    width: 80%;
}

.top__imgtxt {
    width: 100%;
}

.timeline__wrap{
    max-width: 350px;
}

.home .front__row_bottom--right {
    position: static;
    margin-top: 25px;
    z-index: 21;
    margin: 19px auto 0;
    width: 289px;
    float: none;
}

.gameimgpage .top__gi--txt{
    width: 85%;
}

.charpage__list--bg {
    max-width: 89%;
}
.char__zoom {
    right: 88px;
}

.main_subsc_txt__pc {
    max-width: 203px;
    padding-left: 0%;
    margin-left: 0;
    margin-top: -6px;
}

.go_to_subsc {
    margin: 30px 0 0 0px;
    max-width: 203px;
}


.tea__galle--img01 img{
    max-height: 244.77px;
}


.page__galle--row01 .page__galle--img02 img{
    max-height: 343px;
}


.world__cellcenter--inner .world__arrow01 {
    right: 0px;
    width: 75%;
    top: 67px;
}

.world__cellcenter--inner .world__arrow02{
    left: 0px;
    width: 75%;
    top: 200px;
}


.world__cellcenter--inner .world__arrow03{
    right: 0px;
    width: 75%;
    top: 331px;
}

.worldpage .world__title img {
    width: 95%;
}

.faq__tabhead {
    background: url(images/faq_titlebar_a.png) no-repeat;
        background-size: contain;
    height: 45px;
}




.faq__tabhead h4 {
    padding: 16px 0 0 18px;
}

.terminal__tabhead h4 {
    font-size: 27px;
        padding: 11px 0 0 45px;
}


.zoidslist__roll {
    width: 97%;
}

.page-id-211 .zoidspage__name {
    width: 50%;
}
.page-id-211 .zoidspage__role {
    width: 30%;
}

.charpage__list--left{
        margin-left: auto;
}

}



@media only screen and (max-width: 991px){

#wrapper, #header, #footer {
    min-width: 0;
}


.cam__title img {
    margin: 15px auto 0;
}
.cam__title,.cam__button{
    padding: 0 15px;
}

.topIdbody{
    height: auto;
}

.front__row_bottom--right {
    text-align: center;
    float: none;
    margin-bottom: 40px;
}

.front__bottom--txt{
    float: right;
    width: 100%;
        margin: 40px 0 15px 0;
}


.front__bottom--logo {
    float: left;
    width: 12%;
}
.full__title {
    max-width: 290px;
}

.go_to_subsc__pc .scr {
    margin-bottom: 9px;
}

.top__subscpop--wrap01 {
    padding: 30px 60px 30px;
    width: 100%;
}

.top__second {
    width: 100%;
}

.timeline__wrap{
    text-align: center;
    width: 90%;
    margin: 0 auto;
}

.top__subscpop--wrap02 {
    width: 80%;
}

.tea__galle--img img {
    margin: 0 auto 30px;
}

.tea__galle--img02 img {
    margin: 0 auto 0px;
}

.front__bottom--txt01 {
    padding: 0px 10px 0px 0px;
    margin-left: 0px;
}

.slick-prev{
    left:0px;
}
.slick-next{
    right:0px;
}
.tea__galle--img02{
text-align: center;
}

.twitter-tweet{
    display: inline-block !important;
}
.timeline__head {
    width: 100%;
    text-align: center;
    margin: 0 auto 20px;
}
.go_to_subsc__pc img {
    width: 50%;
}
.go_to_subsc__pc {
    margin: 14px 0 0 0px;
    max-width: 100%;
}

.main_subsc_txt__pc {
    max-width: 170px;
    padding-left: 0%;
    margin-top: 0px;
}


.top__appsp--txt {
    margin-bottom: 10px;
}

.frontBlock01__right{
    padding-left: 0px;
    padding-right: 0px;
}

.frontBlock01__left{
    padding-right: 0px;
        padding-left: 0;
}

.top__apppc {
    font-size: 9px;
    top: 63%;
}
.timeline__wrap {

}

.frontBlock__button--col {
    width: 32%;
}

.subscpop__clear--block {
    position: absolute;
    top: 20%;
    left: -9.4%;
    max-width: 100%;
}

.subscpop__clear--block img{
    width: 88%;
}

.zoidspage__movieblock{
    margin-top: 35px;
}
.timeline__movie {
    text-align: center;
}
.title_sm h3 {
    text-align: center;
}



.gameimgpage .top__gi--txt{
    width: 100%;
}


.charpage__list--bg {
    background: url(images/char_block_bg.png) no-repeat 100%;
    padding: 1px 7px 79px;
    background-size: cover;
}
.char__zoom {
    right: 38px;
}


.char__name span {
    position: absolute;
    left: 59px;
    top: -12px;
}


.char__age span {
    position: absolute;
    left: 59px;
    top: -12px;
}


.tea__galle--img01 img{
    max-height: 100%;
}

.top__galle--row01 {
    margin-bottom: 0px;
}

.page__galle--row01 .page__galle--img01 img {
    width: auto;
    max-height: 100%;
}

.page__galle--row01 .page__galle--img0 img {
    width: auto;
    max-height: 100%;
}

.page__galle--row01 img{
    max-height: 100%;
    display: block;
}


.page__galle--row01,.page__galle--row02 {
    margin-bottom: 0px;
}

.tea__galle02 {
    margin-top: 0px;
}

.prologue .txt__prol {
    padding: 40px 0px;
    font-size: 15px;
}



.world__cellcenter--inner .world__arrow01 {
    right: 0px;
    width: 75%;
    top: 64px;
}

.world__cellcenter--inner .world__arrow02{
    left: 0px;
    width: 75%;
    top: 195px;
}


.world__cellcenter--inner .world__arrow03{
    right: 0px;
    width: 75%;
    top: 316px;
}


.world__cellcenter--inner .world__arrow04{
    left: 0px;
    width: 75%;
    top: 452px;
}


.worldpage .world__title img {
    width: 95%;
}

.faq__block02 {
    width: 100%;
    margin: 0 auto;
}


.terminal__block{
    width: 100%;
    margin: 50px auto;
}

.zoidslist__roll {
    width: 100%;
}

.zoidspage__back {
    margin-top: -120px;
}

.zoidspage__row {
    margin: 35px auto 0;
}


.zoidslist__roll .zoidspage__row {
    margin: 25px auto 0;
}

.zoidspageBlock01__inner .top__gi--txt01 {
    width: 77%;
    margin: 82px 0 0 11%;
}


.faq__tabhead{
    height: 43px;
}

}

@media only screen and (max-width: 767px){


.front__tw {
    width: 78px;
}

.front__line {
    width: 104px;
    }

.front__fb {
    width: 79px;
    }

.front__sound {
    position: absolute;
    top: 58px;
    left: 15px;
}
.cam__back{
    padding-right: 10px;
}

.cam__back img{
        width: 20%;
}
.cam__head {
    margin-top: 0px;
}

.notes {
    margin: 87px 10px;
    padding: 0px 15px 31px;
        font-size: 13px;
}


.notes h3 {
    font-size: 20px;
        margin: 36px 0 20px;
}

.front__sound img{
    max-width: 110px;
}

.front__row_bottom {
    padding: 40px 5px 25px 10px;
}


.front__bottom--txt {
    float: none;
    width: 100%;
    text-align: left;
    padding: 0 10px;
        font-size: 13px;
}


.front__bottom--logo {
    float: none;
    width: 100%;
    text-align: center;
}
a:hover img {
    opacity: 1;
}
a:hover {
    opacity: 1;
}

.full__title{
    display: none;
}
.front__side img.side__title{
    width: 100%;
    max-width: 290px;
        margin-bottom: 35px;
}

.front__side img.side__txt {
    width: 100%;
    max-width: 290px;
}



.front__bottom--logo img{
width: 100%;
    max-width: 86px;
}

.main__block--sp img{
width: 100%;
}

.top__appsp--txt {
    margin-bottom: 15px;
    color: #ccc;
    text-align: center;
    margin-top: 35px;
}

.top__appsp--left {
    padding-right: 0px;
}


.top__appsp--row img {
margin-right: 0px;
}

.top__appsp--row{
    width: 280px;
    margin: 0 auto;
}

.go_to_subsc {
    margin: 30px auto 35px;
}

.go_to_subsc img{
    display: inline-block;
}
.frontBlock01__left {
    padding: 0;
        float: none;
}

.frontBlock01__center{
    float: none;
}


.top__appsp{
    padding: 0 15px;
}

.title_sm h3{
text-align: center;
}

.top__news--content {
    padding: 20px 10px 10px;
}
.frontBlock01__right{
    padding: 0;
}

.frontBlock__button--col {
    margin-bottom: 10px;
}


.subscpop__block01 {
    width: 100%;
    display: block;
    text-align: center;
    line-height: 1;
    padding: 13px 0 10px;
}

.subscpop__block02 {
    width: 100%;
    display: block;
    text-align: center;
    line-height: 1;
    padding: 0 0 10px;
}

.subscpop__block03 {
    width: 100%;
    display: block;
    text-align: center;
    line-height: 1;
    padding: 0 0 10px;
}

.subscpop__block03 img {
margin: 0 auto;
}

.top__subscpop--wrap01 {
    padding: 0px 15px 0px;
    width: 100%;
}

.top__subscpop--txt{
    padding: 15px 0 15px;
}

.top__subscpop--txt03 .subscpop__block01 {
    width: 100%;
}

.top__subscpop--txt03 .subscpop__block02 {
    width: 100%;
}

.top__subscpop--txt03 .subscpop__block02 img {
    float: none;
    margin: 0px 0 0 15px;
}

.top__subscpop--txt06 .subscpop__block02 {
    width: 100%;
}


.subscpop__clear--block{
    width: 100%;
    display: block;
    text-align: center;
    padding: 0;
}

.subscpop__clear--block img{
margin: 0 auto;
}

.subscpop__clear .subscpop__block01{
    width: 100%;
}

.subscpop__clear .subscpop__block02 {
    width: 100%;
}



.top__news--content li{
    font-size: 11px;
}

.title__subsc h4 {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 10px;
}


.top__subscpop--wrap02 {
    width: 95%;
    padding: 15px 10px 15px;
}



.tea__galle--img{
    padding: 0;
}

.top__gall--txt {
    margin-bottom: 15px;
}




.go_to_subsc{
    text-align: center;
    margin: 15px auto 40px;
        max-width: 100%;
}


.top__camp--button img {
    width: 85%;
        max-width: 335px;
}

.timeline__wrap {
    text-align: center;
}

.timeline__wrap iframe{
    height: 485px !important;
    max-width: 260px !important;
    width: 260px !important;
    margin: 0 auto;
}


.go_to_subsc__sp a{
    display: block;
    margin: 20px 0 20px 0;
}

.go_to_subsc__sp img{
    margin: 0 auto;
}

.title__gi,.title__char,.title__zoids,.title__world,.title__movie,.title__gall{
    margin: 0 -15px;
}

.sp_logo_sig__block img{
    max-width: 480px;
        width: 100%;
}

.frontBlock01__right {
    padding-left: 0px;
        float: none;
}

.slick-next,.slick-prev {
    position: absolute;
    top: 36%;
}

.timeline__head{
    width: 87%;
    margin: 0 auto 20px;
}

.scr {
    margin-right: 0px;
}

.top__txt{
    font-size: 11px;
}

.top__subsc--txt{
    padding: 15px 12px;
}

.top__subsc--wrap{
    width: 100%;
}


.head_menu{
    display: block;
}

.slick__txt{
    font-size: 10px;
}

.subscpop__clear--block {
    position: static;
}

.subscpop__clear--block img{
    width: auto;
}


.home .front__row_bottom--right {
    position: static;
    margin-top: 0;
    display: block;
    float: right;
    width: 100%;
        margin: 40px 0 15px 0;
        position: static;
}

.gameimage__wrap img,.topmovie__wrap img,.zoids__wrap img,.character__wrap img,.world__wrap img{
margin: 0 auto 30px;
}

.zoidspage__wrap .slick-slide {
    margin: 0px auto 15px;
}

.slickzoidsimg__nav--wrap .slick-slide{
margin: 0 8px 15px;
}

.timeline__wrap{
    text-align: center;
}

.zoidspage__back {
    text-align: center;
    padding-right: 0px;
    margin-top: 0px;
}


.gameimgpage .top__gi--txt{
    width: 100%;
    font-size: 14px;
    line-height: 1.8;
}
.gameimgpage .top__gi--txt span{
font-size: 16px;
    color: #e96c35;
}
.charpage__list--left {
    margin: 0 auto 25px;
}

.charpage__list .top__gi--txt{
    text-align: left;
    max-width: 400px;
    margin: 22px auto 10px;
}


.zoidslistBlock01__inner .txt__block {
    width: 100%;
}
.charpage__list--bg {
    background: url();
        padding: 0;
}
.nav-tabs {
    text-align: center;
}

.charpage__list--left{
    max-width: 256px;
    margin: 0 auto;
}

.char__zoom {
    right: 21px;
}

.charpage__list {
        margin: 0 -30px;
}

.charpage__back{
    text-align: center;
    padding-right: 0px;
    margin-top: 0px;
    width: 100%;
}


.char__name {
    background: url(images/char_bg_name.png) no-repeat 100%;
    text-align: right;
    background-size: contain;
    margin-bottom: 10px;
    height: 36px;
}

.char__age {
    background: url(images/char_bg_age.png) no-repeat 100%;
    background-size: contain;
    margin-bottom: 25px;
    margin-left: 0px;
    width: 100%;
    height: 36px;
}
.char__prof {
    background: url(images/char_bg_prof.png) no-repeat;
    padding-top: 45px;
    padding-left: 15px;
    background-size: contain;
}
.char__name span {
    left: 77px;
    top: -2px;
}

.char__age span {
    left: 77px;
    top: -2px;
}



.title_lg h3 {
    margin-top: 15px;
}


.frontBlock03 {
    background: url(images/top_bg01.png) no-repeat;
    background-size: cover;
}

.frontBlock05 {
    background: url(images/top_bg02.png) repeat-y 71%;
    background-size: 625%;
}
.frontBlock06 {
    background: url(images/metal_bg.png) no-repeat #000;
    background-size: contain;
}

.top__second--notes a {
    font-size: 10px;
}

.prologue .txt__prol {
    padding: 25px 10px;
    font-size: 11px;
    text-align: left;
}


.prologue .txt__prol--wrap {
    margin: 20px auto 40px;
}


.worldpage .world__title03{
    margin: 100px 0 0px;
}



.world__title01--sp{
    margin: 100px 0 0px;
}

.worldpage .world__title04--sp{
    margin: 100px 0 0px;
}


.world__cellcenter {
    width: 43px;
    float: left;
    position: relative;
}



.worldpage .world__title {
    text-align: left;
}


.world__title02{
position: relative;
padding-left: 0px;
}





.world__cellleft, .world__cellright {
    width: 245px;
    float: left;
    padding-left: 15px;
    padding-right: 0px;
}

.worldpage .world__title img {
    width: 95%;
    max-width: 439px;
}



.world__cellcenter--inner .world__arrow01 {
    right: -15px;
    width: 55px;
    top: 57px;
}

.world__cellcenter--inner .world__arrow02{
    left: 3px;
    width: 55px;
    top: 192px;
}


.world__cellcenter--inner .world__arrow03{
    right: -15px;
    width: 55px;
    top: 328px;
}

.world__cellcenter--inner .world__arrow04{
    right: -15px;
    width: 55px;
    top: 463px;
}

.world--wrap {
    max-width: 306px;
    margin: 0 auto;
}

.tabbutton{
    margin: 15px auto;
}

.tabbutton a {
    padding: 27px 0 0px;
    font-size: 17px;
}


.faq__block .tabbutton03 a {
    padding: 16px 0 0px;
}

.faq__tabhead {
    background: url(images/faq_bar_icon.png) no-repeat 95% #171d29;
        background-size: auto;
}



.terminal__tabhead h4 {
    padding: 11px 0 0 20px;
}

.terminal__q {
    padding: 37px 15px 12px;
}

.terminal__q h4 {
    font-size: 16px;
}


.terminal .txt__block {
    font-size: 15px;
    margin: 20px 0 30px;
    word-break: break-word;
}

.zoidslist__roll--inner {
    padding: 0px 15px;
}


.zoidspage__row{
    text-align: center;
        margin: 30px auto 0;
        width: 100%;
}

.zoidspage__row img{
    display: inline-block;
}


.zoidslist__roll .zoidspage__row img{
    display: inline-block;
        width: 50%;
    max-width: 150px;
}

.zoidspageBlock01__inner .top__gi--txt01 {
    width: 100%;
    margin: 32px 0 0;
}

.zoidspage__name {
    float: none;
    margin: 0 auto;
}


.zoidspage__role {
    float: none;
    margin: 20px auto;
    width: 40%;
        max-width: 178px;
}

.zoidspage__wrap .zoidspage__movie .txt__block {
    width: 100%;
        margin: 0 auto 0;
}

.page-id-211 .zoidspage__name {
    width: auto;
}
.page-id-211 .zoidspage__role {
    width: auto;
}

.zoidspage__back{
        width: auto;
    float: none;
}

}






















@media only screen and (max-width: 500px){
.notes {
        font-size: 11px;
}

.notes h3 {
    font-size: 18px;
}

.frontBlock__button--col {
    width: auto;
}

.slick__txt {
    text-align: left;
}



}



@media only screen and (max-width: 480px){
.arrows01,.arrows{
    display: none;
}

.char__name span {
    left: 58px;
}
.char__age span {
    left: 58px;
}

.terminal__br400{
    display: inline-block;
}

.terminal__span400{
    display: none;
}

}



/*ヘッダ開閉*/


.head_padding{
        padding-top: 86px;
            -webkit-transition:padding-top 0.25s linear;
    transition:padding-top 0.25s linear;

}

.l-container{
    position: relative;
}

.l-header__drawer {
    position: absolute;
    top: 0px;
    left: 55px;
    margin-left: -35px;
    overflow: hidden;
    display: block;
    width: 70px;
    height: 23px;
    padding-top: 23px;
    background: url(images/upmenu_btn.png) no-repeat left top;
    background-size: 100%;
    z-index: 21;
    text-indent: 200%;
}


.white__button{
    background: url(images/upmenu_btn.png) no-repeat left top;
}


#header{
    position: absolute;
    top: -86px;
    -webkit-transition:top 0.25s linear;
    transition:top 0.25s linear;
}

.page__wrap{
    width: 100%;
    position: relative;
    height: 100%;
    min-height: 100%;
}

#footer{
    bottom: 0;
}



@media only screen and (max-width: 767px){
    .l-header__drawer {
        left: 50%;
    }
}

@media only screen and (max-width: 639px){

#header{
    position: absolute;
    top: -50px;

}


    .l-header__drawer {
        overflow: hidden;
    display: block;
    width: 70px;
    height: 0;
    padding-top: 23px;
    background: url(images/upmenu_btn.png) no-repeat left top;
    background-size: 70px;
    background-size: 100%;
    margin-left: -35px;
}


.white__button{
    background: url(images/upmenu_btn.png) no-repeat left top;
        background-size: 100%;
}



.head_padding{
        padding-top: 50px;


}


}



.l-header__drawer.head_button{
    background-position: left bottom;
}

.head_active{
    position: absolute;
    top: 0px !important;
    z-index: 11;
                -webkit-transition:padding-top 0.25s linear;
    transition:padding-top 0.25s linear;
}


/*メイン動画*/
.main__block{
    position: relative;
    overflow: hidden;
}

.pre_bg{
    width: 100%;
    z-index: 0;
   position: relative;
}


.main_bg{
    position: absolute;
    right: 0;
    width: 100%;
    top: 0;
    z-index: 1;
}


.zoid{
    position: absolute;
    left: 0;
    width: 100%;
    top: -3.5%;
    z-index: 2;
}


.smokec{
    position: absolute;
    left: 100%;
    top: 50%;
    z-index: 3;
    animation: smokec 55s;
    animation-iteration-count: infinite;
    -webkit-animation: smokec 55s;
    -webkit-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-delay: 15s;
    -webkit-animation-delay: 15s;
    max-width: none;
    height: 100%;
}




.man{
    position: absolute;
    right: 0;
    width: 100%;
    top: 0;
    z-index: 4;
}




@keyframes smokec {
  0%   { transform:  translate(0px, 0px);
opacity: 0.2; 
  }
    40%   { transform:  translate(-900px, -170px);
        opacity: 0.7;    }

  100%   { transform:  translate(-2000px, -170px);
  opacity: 0;   }
}


@-webkit-keyframes smokec {
  0%   { -webkit-transform:  translate(0px, 0px);
opacity: 0.2; 
  }
    40%   { -webkit-transform:  translate(-900px, -170px);
        opacity: 0.7;    }

  100%   { -webkit-transform:  translate(-2000px, -170px);
  opacity: 0;   }
}



/*----------------------------
追加 20170412
----------------------*/


.top__appsp--txt{
        color: #fff;
}

.full__title {
    width: 23%;
        left: 2.5%;
        top: 14%;
}

.top__apppc {
    left: 2.3%;
        top: 31%;

}

.camblock{

}

.terminal .txt__outblock--inq{
    color: #fff;
}


.tea__galle--img03{
    margin-bottom: 30px;
        text-align: center;
}

.tea__galle--img03 img{
    max-height: 329px;
    margin: 0 auto;
    display: inline-block;
}

.gallery__list .tea__galle--img03 img{
    max-height: 100%;
}

.camblock__row--wrap{
margin-top: 30px;
border: 1px solid #28585c;
}

.camblock__row{
    background: url(images/topcam_bg_pt.png) repeat-x;
    background-size: contain;
    margin: 1px;
    position: relative;
    padding-top: 25px;
}

.camblock__row--inner{
background:url(images/topcam_bg_lefttop.png) no-repeat left top,url(images/topcam_bg_leftbottom.png) no-repeat left bottom,url(images/topcam_bg_righttop.png) no-repeat right top,url(images/topcam_bg_rightbottom.png) no-repeat right bottom;
    position: absolute;
    top: -8px;
    left: -5px;
    width: 101%;
    height: 105%;
}


.other__tab01 .top__subsc--wrap{
    background: rgba(6,41,42,0.58);
    margin: 35px auto 65px;
    width: 79%;
    border: 1px solid #313131;
    box-shadow: #424242 0 0 14px 0px;
}


.camblock__static03{
max-width: 1008px;
    margin: 0 auto 25px;
    z-index: 15;
    position: relative;
}

.camblock__static02{
    max-width: 662px;
    margin: 0 auto 25px;
    z-index: 15;
    position: relative;
}

.camblock__static--cell{
    float: left;
}

.camblock__static03 .camblock__static--cell{
    float: left;
    width: 31%;
}


.camblock__static03 .camblock__static--cell01{
}

.camblock__static02 .camblock__static--cell01{
    margin-right: 30px;
}

.camblock__static03 .camblock__static--cell02{
    margin: 0 30px 0;
}

.camblock__static02 .camblock__static--cell02{

}


.top__infoblock{
    text-align: center;
}

.top__infoblock img{
display: inline-block;
}

.top__button--faq{
    margin: 55px auto 30px;
}

.top__appsp--under{
    max-width: 265px;
    margin-top: 5px;
    color: #fff;
    letter-spacing: 2px;
    text-align: center;
}

.top__appsp--row{
    max-width: 265px;
    background: #fff;
    padding: 5px 0;
    text-align: center;
    border-radius: 8px;
    border: 2px solid #8fbedc;
    box-shadow: #e8fdff 0px 0px 4px 1px;
}

.top__appsp--a01{
    margin-right: 10px;
}


.other__block--wrap{
    background: rgba(13, 77, 79, 0.58);
    margin: 35px auto 45px;
    width: 90%;
    border: 1px solid #313131;
    box-shadow: #424242 0 0 14px 0px;
        padding: 5px;
}

.other__block{
    line-height: 2.2;
    font-size: 14px;
    letter-spacing: 1.5px;
    text-align: left;
    padding: 30px 40px 50px;
    border: 1px solid #1f6564;
}



.other__block .txt__block{
    color: #fff;
    line-height: 2.2;
    font-size: 14px;
    letter-spacing: 1.8px;
    text-align: left;
}

.other__block h3,.other__block h4{
    color: #fff;
    line-height: 2.2;
    letter-spacing: 1.5px;
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 20px;
    margin-bottom: 10px;
        font-weight: bold;
}


.nico .other__block--wrap {
    background: rgba(39, 113, 135, 0.58);
    margin: 25px auto 45px;
    width: 90%;
    border: 1px solid #313131;
    box-shadow: #424242 0 0 14px 0px;
    padding: 5px;
}

.nico .other__block {
    line-height: 2.2;
    font-size: 14px;
    letter-spacing: 1.5px;
    text-align: left;
    padding: 35px 40px;
    border: 1px solid #3a9d9c;
}

.nico .other__row02{

}

.nico .other__row--inner{
    background-color: rgba(0,0,0,0.5);
    padding: 30px;
    height: 600px;
        position: relative;
}


.other .title_lg{
    margin: 70px auto 50px;
}

.nico .title_lg{
    margin: 40px auto 28px;
}

.nico .title_lg h3{
    margin-top: 0px;
}

.other__row{
    margin-bottom: 70px;
}

.nico .other__row{
    margin-bottom: 35px;
}


.nico .other__block h3{
    margin-bottom: 20px;
}


.nico .other__row02--inner .img__block{
    position: absolute;
    bottom: 24%;
    left: 2.5%;
    width: 95%;
}


.nico .other__row03--inner .img__block{
    position: absolute;
    bottom: 5%;
    left: 3.5%;
    width: 93%;
}

.nico .other__row03--inner .txt__block01 span{
display: inline-block;
font-size: 12px;
margin-top: 15px;
}


.nico .other__row04 .other__row--inner{
    height: auto;
}

.nico .other__row04 .other__row--inner {
    height: auto;
    margin: 25px 0 25px;
}

.nico .other__block02 .row04__block02{
   margin: 30px auto 15px;
}

.nico .other__block02 .row04__block01 .txt__block{
    padding: 0 15px;
}

.nico .other__block02 .row04__block02 img{
   margin: 0px auto;
       width: 79%;
}

.gameimgpage__tabmenu {
    width: 100%;
    margin: 45px auto 45px;
}

/*.tabbutton {
    margin: 0 auto;
}*/

.gi_tab03__title h3{
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #fff;
    width: 40%;
    margin: 75px auto 12px;
    padding: 0 0 10px;
    letter-spacing: 1.5px;
    font-weight: bold;
}


.gi_tab03__row02--row01 .gi_tab03__title h3{
margin: 45px auto 12px;
}


.gi__tab03--img img{
    margin: 0 auto;
}


.gi__tab03--txtimg{
    width: 70%;
    margin: 35px auto 25px;
}


.gi_tab03__row01 .top__gi--txt01{
    text-align: center;
        text-align: center;
    margin-top: 15px;
    margin-bottom: 50px;
        font-weight: bold;
}

.gi__tab02 .gi__tab02--row02,.gi__tab02 .gi__tab02--row03{
    margin: 60px 0 0;
}

.gi__tab02--row02 .gi__tab02--txtimg img,.gi__tab02--row03 .gi__tab02--txtimg img{
    margin: 0px 0 10px;
}


.gi__tab02--row02 .gi__tab02--txtimg,.gi__tab02--row03 .gi__tab02--txtimg{
    width: 70%;
    margin: 0 auto;
}


.gi__tab02--row03 .gi__tab02--txtimg{
    margin: 20px auto;
}

.gi__tab02--imgblock{
    margin: 15px 0;
}

.gi__tab02--row03 .gi__tab02--imgblock img{
    margin: 0px auto 15px;
}


.gi__tab02--row02 .top__gi--txt03{
padding-left: 45px;
}



.gi__tab02--row02 .top__gi--txt03 span{
font-weight: bold;
}


.nicoapp .other__block h3, .nicoapp .other__block h4{
    color: #FFC107;
    line-height: 1.5;
    letter-spacing: 1.5px;
    text-align: left;
    margin: 30px 0 0 0;
    padding: 0;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}

.nicoapp .link{
    font-size: 18px;
    letter-spacing: 3.5px;
    line-height: 1.5;
        display: inline-block;
    margin-top: 17px;
}
.nicoapp .link a{
color: #FFC107;
font-weight: bold;
}

.nicoapp__block--pad{
    padding-left: 30px;
}


.other strong{
    font-weight: normal;
    color: #ffc117;
}


.nicoapp table{
    font-weight: normal;
    color: #ffc117;
    border: 0;
}

.nicoapp table td{
    font-weight: normal;
    color: #ffc117;
    border: 0;
    padding-left: 15px;
}

.nicoapp table th{
    font-weight: normal;
    color: #ffc117;
    border: 0;
}

.txt__add{
    color: #ff2323;
    font-size: 17px;
}

.txt__add strong{
    color: #ff2323;
    font-size: 25px;
    letter-spacing: 3.5px;
    font-weight: bold;
}

.other__block strong{
    color: #ff2323;
    letter-spacing: 3.5px;
    font-weight: bold;
}


.txt__add--block{
    margin: 18px 0;
}


.tea__galle--img01 img {
max-height: 237px;
}

.page__galle--row06 img{
    max-height: 430px;
}

.other__block .img__block{
    margin: 25px auto 40px;
}

.img__block--inner01 img{
    position: absolute;
    top: 23%;
    left: 29%;
    width: 41%;
    max-width: 180px;
}

.img__block--inner01{
    position: relative;
}

.img__block--inner{
    height: 250px;
}

.gacha_cs .img__block .txt__block{
    text-align: center;
    font-weight: bold;
}


.gacha_cs .img__block01{
    margin: -20px auto 40px;
}


.gacha_cs .txt__block--inner{
    padding-right: 17px;
}

.gacha_cs .img__block02{
margin-top: 70px;
}


.sp_mission table{
    table-layout:fixed;
        width: 100%;
}

.sp_mission th{
    width: 35%;
}



/* =======================================
    レスポンシブ
======================================= */


@media only screen and (max-width: 1199px){
.top__apppc {
    position: static;
    margin-top: 18px;
    text-align: center;
}


.home .front__row_bottom--right{
    margin-bottom: 25px;
}

.top__infoblock {
    text-align: left;
}


.top__appsp--under{
    margin: 5px auto 0;
        font-size: 12px;
}

.top__appsp--row{
    text-align: center;
    margin: 0 auto;
}


.top__appsp--row img {
    margin-right: 0px;
}

.top__appsp--left {
    padding-right: 0px;
}

.gi__tab02--row02 .gi__tab02--txtimg,.gi__tab02--row03 .gi__tab02--txtimg{
    width: 100%;
}


.gi__tab02--row02 .top__gi--txt03{
padding-left: 0px;
}


.camblock__static03 {
    max-width: 910px;
}

.sp_mission th {
    width: 53%;
}

}



@media only screen and (max-width: 991px){

.top__infoblock {
    text-align: center;
}

.other__block{
    padding: 35px 15px;
}

.nicoapp .other__block01{
    padding: 20px 15px 35px;
}

.nico .other__row04 .txt__block01,.nico .other__row03 .txt__block01{
    padding-top: 0;
}

.nico .other__row--inner{
    height: auto;
}


.nico .other__row02--inner .img__block {
        position: static;
            width: 100%;
    margin: 20px auto 0;
}

.nico .other__row03--inner .img__block {
        position: static;
            width: 100%;
    margin: 20px auto 0;
}

.camblock__static03 .camblock__static--cell02 {
    margin: 0 15px 0;
}

.camblock__static03 .camblock__static--cell {
    float: left;
    width: 31.89%;
}

.tea__galle--img01 img {
    max-height: 100%;
}

.other__block01 .img__block img{
    margin: 0px auto 0px;
}

.gacha_cs .img__block01{
margin: 15px auto 40px;
}

.img__block--inner {
    height: auto;
}

.img__block--inner01 img {
    position: static;
}


.gacha_cs .txt__block--inner {
    padding-right: 0;
}


.gacha_cs .img__block02 img{
    max-width: 345px;
        width: 100%;
}

.gacha_cs .img__block02 .txt__block--inner {
    margin-top: 17px;
}


}

@media only screen and (max-width: 767px){

.front__sound {
    position: static;
    top: 10px;
    right: 10px;
    left: auto;
    margin-left: 6px;
    margin-top: 2px;
    max-width: 75px;
}


.front__sound img {
    max-width: 75px;
}

.top__appsp--txt {
    font-size: 11px;
}


.camblock__static--cell img{
    display: inline-block;
}

.camblock__static--cell{
        float: none;
text-align: center;
}

.camblock__static02 .camblock__static--cell01{
    margin-right: 0;
    margin-bottom: 20px;
}

.camblock__static03 .camblock__static--cell01{
    margin-right: 0;
    margin-bottom: 20px;
}


.camblock__static{
padding: 0 15px;
}


.camblock__slide .slick-dots {
    bottom: -30px;
}


.Gallery__button img{
    margin-top: 5px;
}

.other__block--wrap {
    margin: 30px auto 45px;
    width: 100%;
}


.other__block h3, .other__block h4 {
    font-size: 18px;
}

.faq__q a {
    padding: 15px 55px 15px 15px;
}

.nico .other__block .img__block{
    margin: 20px auto 20px;
}

.nico .other__block .img__block img{
margin: 0 auto;
    }

.gameimgpage .top__gi--txt span {
    font-weight: bold;
    margin-bottom: 15px;
}

.gi__tab02--row02 .top__gi--txt03 span{
font-weight: bold;
color: #fff;
}

.gi__tab02--row02 .top__gi--txt03 span.title_span{
color: #e96c35;
}

.nico .title_lg {
    margin: 10px -15px 28px;
}

.nico .other__block--wrap {
    background: rgba(39, 113, 135, 0.58);
    margin: 25px auto 30px;
    width: 100%;
    border: 1px solid #313131;
    box-shadow: #424242 0 0 14px 0px;
    padding: 5px;
}


.nico .other__block h3 img{
    width: 55%;
        max-width: 232px;
}


.nico .other__block .other__row02 h3 img {
    width: 60%;
    margin-top: 15px;
}

.nico .other__block .other__row03 h3 img {
    width: 60%;
    margin-top: 15px;
}


.nico .other__block {
    line-height: 2.2;
    font-size: 14px;
    letter-spacing: 1.5px;
    text-align: left;
    padding: 25px 10px;
    border: 1px solid #3a9d9c;
}

.nico .other__row--inner {
    height: auto;
    padding: 10px;
}


.nico .other__block02 .row04__block02 img{
margin: 0 auto 20px;
    width: 85%;
}

.nico .other__block02 .other__row04 h3{
    padding: 20px 15px 0;
}


.camblock__row--inner {
    position: absolute;
    left: -2%;
    width: 104%;
}

.camblock__static03 .camblock__static--cell {
    float: none;
    width: auto;
}
.camblock__static03 .camblock__static--cell02 {
    margin: 0px 0px 20px;
}


.other .title_lg {
    margin: 40px auto 50px;
}


.nicoapp .other__block h3, .nicoapp .other__block h4 {
    margin: 25px 0 0 0;
    padding: 0;
    font-size: 16px;
    margin-bottom: 10px;
}

.nicoapp__block--pad {
    padding-left: 5px;
}


.nicoapp table th {
    font-weight: normal;
    color: #ffc117;
    border: 0;
    line-height: 1.3;
    width: 22%;
}

.nav > li > a > img {
    min-height: 58px;
}

.sp_mission th,.sp_mission td{
    display: block;
    width: 100%;
    font-size: 11px;
}


.sp_mission td{
    margin-bottom: 20px;
    padding-left: 12px;
}


}




/*comic*/



.page-id-311 {
    background: url(images/world_bg.png) no-repeat #000;
    background-size: 100%;
    height: auto;
}



.page-id-311 img.cboxPhoto{
    width: 100% !important;
    height: auto !important;
}

.page-id-311 #cboxClose {
    right: auto;
    left: 5px;
}

.page-id-311 .main-content {
    padding-top: 0;
}


.slickcomic img:hover{
cursor: pointer;
opacity: 0.7;
}

.slickcomic img:hover{
cursor: pointer;
opacity: 0.7;
}

.slickcomic .slick-prev{
    left: -65px;
    position: absolute;
    top: 50%;
}

.slickcomic .slick-next{
    right: -65px;
    position: absolute;
    top: 50%;
}


.slickcomic .slick-next{
   background: url(images/comic_right.png) no-repeat;
       background-size: contain;
}


.slickcomic .slick-prev{
    background: url(images/comic_left.png) no-repeat;
        background-size: contain;
}

.slickcomic__nav img {
    margin: 0 auto;
}

.slickcomic__nav--wrap .slick-current img{
    border: 2px solid #ff0000;
}


.slickcomic__nav--wrap .slick-slide{
margin: 0 8px 15px;
}


.slickcomic__nav--wrap .slick-current img{
    border: 2px solid #ff0000;
}


.slickcomic .slick-slide{
text-align: center;
    margin: 0 15px;
}

.slickcomic__wrap{
    max-width: 770px;
    margin: 0 auto;
}

.slickcomic .slick-slide img{
display: inline-block;
    width: 63%;
}


.slickcomic .slick-slide a:hover img {
    opacity: 1;
}

.slickcomicnav{
margin: 15px auto;
    text-align: center;
}

.slickcomicnav div{
    display: inline-block;
    margin: 5px 2px;
    padding: 5px;
    color: #fff;
    cursor: pointer;
}

.slickcomicnav div.current{
    font-weight: bold;
    background: #ccc;
    color: #000;
}

#slickbuttonfir,#slickbuttonend{
cursor: pointer;
}

#slickbuttonfir:hover,#slickbuttonend:hover{
opacity: 0.8;
}

.slickcomic__wrap .button__return,.slickcomic__wrap .button__last{
    display: inline-block;
    vertical-align: middle;
}

.slickcomic__wrap .button__last{
    margin-right: 15px;
}

.slickcomic_button__wrap{
    text-align: center;
}

.comic__back{
text-align: center;
margin-top: 25px;
}

#slickbuttonend{
    display: inline-block;
}

@media only screen and (max-width: 767px){


.page-id-311 .main-content {
    padding-top: 25px;
}



.slickcomic .slick-prev{
    left: 0%;
}

.slickcomic .slick-next{
    right: 0%;
}


.slickcomic .slick-next,.slickcomic .slick-prev{
    position: absolute;
    top: 43%;
    background-size: 45px;
    background-position: center;
}


}

@media only screen and (max-width: 400px){

.slickcomic .slick-prev{
    left: -5%;
}

.slickcomic .slick-next{
    right: -5%;
}
}