/* Top
=================================== */

#top #container { background:url(../img/bg_top.jpg) fixed; background-size:cover; }

#top main { padding:20px; }

#top-bn-list { text-align:center; margin-bottom:20px; padding:10px 0 1px 0; /* for space */ font-size:0; }
#top-bn-list li { display:inline-block; margin:0 auto 20px auto; width:700px; vertical-align:middle; /* for space */ font-size:1rem; }
#top-bn-list li p { position:relative; width:100%; height:0; }
#top-bn-list li p a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
@media (hover: hover) { #top-bn-list li p:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; } }
#top-bn-data-present { width:700px; }
#top-bn-data-present p { padding-top:21.42%; }
#top-bn-data-present p a { background-image:url(../img/top/bn_data_present.jpg); }
#top-bn-bs-present { width:700px; }
#top-bn-bs-present p { padding-top:21.42%; }
#top-bn-bs-present p a { background-image:url(../img/top/bn_bs_present.jpg); }

/* ------ Media Queries ------ */

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

#top main { padding:10px; }

#top #pagetop { background-color:#fff; }

#top-bn-list li { width:300px; }

}


/* top footer
----------------------------------- */

#top-f-bn { width:100%; text-align:center; }
#top-f-bn ul { width:100%; margin-right:-10px; /* for space */ font-size:0; }
#top-f-bn ul li { display:inline-block; width:234px; height:46px; margin:0 10px 20px 0; /* for space */ font-size:1rem; }
#top-f-bn ul li a { display:block; background-repeat:no-repeat; text-indent:-9999px; outline:none; }
@media (hover: hover) { #top-f-bn ul li a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; } }
#top-f-bn ul li#top-f-bn-en a { width:234px; height:46px; background-image:url(../img/top/bn_ussite.png); }

/* ------ Media Queries ------ */

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

#top-f-bn ul li { margin:0 10px 10px 0; }
#top-f-bn ul li#top-f-bn-bluray { margin:0 10px 10px 0; }

}


/* top-attention
=============================================== */

#top-attention { margin-bottom:20px; }
#top-attention p { width:100%; padding:15px; box-sizing:border-box; border-radius:10px; background-color:#2a6001; color:#fff; font-size:160%; line-height:140%; box-shadow:0px 0px 10px rgba(0,0,0,0.3) inset; font-weight:700; text-align:center; font-feature-settings: "palt"; text-shadow:2px 2px 4px rgba(0,0,0,0.2); }


/* ---- Media Queries ---- */

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

#top-attention { margin-bottom:10px; }
#top-attention p { font-size:110%; }

}


/* top leaderboard
----------------------------------- */

#top-leaderboard { margin:0 -20px 20px -20px; background:url(../img/top/lb_bg.jpg) center center no-repeat; background-size:cover; text-align:center; }
#top-lb-box1,
#top-lb-box2 { position:relative; background-position:center top; background-repeat:no-repeat; background-size:100% auto; }
#top-lb-box1 { background-image:url(../img/top/lb1.png); }
#top-lb-box2 { background-image:url(../img/top/lb2.png); height:194px; }
#leaderboard_iframe { width:900px; margin:72px auto 0 auto; }
#top-lb-time,
#top-lb-btn-reload,
#top-lb-btn-more { position:absolute; }
#top-lb-time { top:15px; left:15px; font-size:85%; }
#top-lb-btn-reload { top:10px; right:25px; width:6.0em; }
#top-lb-btn-more { top:133px; right:25px; width:11.0em; }
#top-lb-btn-reload a,
#top-lb-btn-more a { display:block; padding:0.5em 0.7em 0.5em 0.5em; border-radius:1.0em; background-color:#fff; color:#407f1a; font-family:'Roboto Condensed'; font-weight:bold; text-decoration:none; }
#top-lb-btn-reload a::before,
#top-lb-btn-more a::before { display:inline-block; content:""; vertical-align:bottom; margin-right:0.2em; height:1.0em; background-position:center center; background-repeat:no-repeat; background-size:100% auto; }
#top-lb-btn-reload a::before { background-image:url(../img/top/top_lb_reload.png); width:1.0em; }
#top-lb-btn-more a::before { background-image:url(../img/top/top_lb_arrow.png); width:0.5em; }
@media (hover: hover) { #top-lb-btn-reload a:hover, #top-lb-btn-more a:hover { opacity:0.7; } }

#top-lb-bn { position:absolute; top:15px; left:380px; width:220px; height:85px; }

/* ------ Media Queries ------ */

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

#top-leaderboard { margin:0 -10px 0 -10px; padding:10px; background-color:#fff; }
#top-lb-box1,
#top-lb-box2 { background:none; height:auto; }
#top-lb-box1:after,
#top-lb-box2:after {content:"";clear:both;display:block;}
#leaderboard_iframe { width:100%; margin:10px 0; }
#top-lb-btn-reload,
#top-lb-btn-more { position:static; font-size:90%; float:right; }
#top-lb-time { top:7px; left:0; }
#top-lb-bn { position:static; margin-bottom:10px; width:auto; height:auto; text-align:center; }
}