@charset "UTF-8";
body{
background:#000;
color: #FFF;
}

h1{
display: block;
width: auto;
height: 0;
/* 表示画像の高さ ÷ 表示画像の幅 × divの幅 × 100 */
padding-top:18%;
background: url('images/logo.png') center center no-repeat;
background-size: 80%;
}

/*タブ関係*/
.tabs__menu-item{
width:33.3%;
}
.tabs__menu-item:after{
background:#FFCE00;
}
#main,footer{
background:#FFCE00;
}

.tabs__menu-item.active{
background:url(../../common_n/images/dot.png) bottom left #E7A700;
}
.tabs__content-item{
background:url(../../common_n/images/dot.png) #E7A700;
}
.tabs__content-item .table-grid:nth-child(2n+1) [class*=grid-]:nth-child(2n+2),.tabs__content-item .table-grid:nth-child(2n+2) [class*=grid-]:nth-child(2n+1){
background:url(../../common_n/images/dot.png) #E7A700;
}
.tab-setup pre{
background:url(../../common_n/images/dot.png) #E7A700;
}
.tabs__menu-item{
background-color:#D89D21;
}

/*映画ロゴ*/
#movieLogo{
width: 60%;
height: auto;
max-width: 445px;
}

/*外伝ロゴ*/
#amazonLogo{
width: 60%;
height: auto;
max-width: 457px;
}

.slider{
background-color:#FFDF61;
}


@media screen and (min-width: 768px){

h1{
padding-top:15%;
background: url('images/logo.png') center center no-repeat;
background-size: 70%;
}
}