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

#top main { width:980px; background-color:transparent; border:none; padding:30px 0 0 0; }

.top-ttl {
padding:4px;
background: -moz-linear-gradient(top,  #349ae8 0%, #2960f8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #349ae8 0%,#2960f8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #349ae8 0%,#2960f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.top-ttl h2 a,
.top-ttl h2 span { display:block; height:52px; box-shadow:0px 0px 10px rgba(0,0,0,0.3) inset; text-indent:-9999px; background-position:left center, right center; background-repeat:no-repeat, no-repeat; background-size:auto 52px; }
#top-next .top-ttl h2 span { background-image:url(../img/top2020_ttl_next.png), url(../img/top2020_ttl_bg.png); }

/* top-box1 */

#top-box1 { float:left; width:640px; margin-right:40px; }

#top-next { margin-bottom:30px; }
#top-next .top-ttl h2 span { background-image:url(../img/top2020_ttl_next.png), url(../img/top2020_ttl_bg.png); }
#top-next .box { padding:10px 10px 0 10px; box-sizing:border-box; line-height:160%; background:url(../img/top2020_next_bg.png); background-size:100% auto; }
#top-next .box h3 { font-size:140%; line-height:160%; color:#7146d1; }
.top-next-txt { padding-bottom:10px; }
.top-next-pic { text-align:center; padding-bottom:10px; }
.top-next-pic p { margin:auto; }
.top-next-pic p span { display:block; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; }

#top-game .top-ttl h2 a { background-image:url(../img/top2020_ttl_game.png), url(../img/top2020_ttl_bg.png); }
#top-game .box { overflow:auto; }

/* top-box2 */

#top-box2 { float:left; width:300px; }

#bn-yt { width:300px; height:130px; margin:0 auto 30px auto; }
#bn-yt a { display:block; width:100%; height:100%; background:url(../img/bn_yt.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }
@media (hover: hover) { #bn-yt a:hover { opacity:0.7; } }

#bn-insta { width:300px; height:130px; margin-bottom:15px; }
#bn-insta a { display:block; width:100%; height:100%; background:url(../img/bn_insta.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }
@media (hover: hover) { #bn-insta a:hover { opacity:0.7; } }
/* coming */
#bn-insta span#bn-insta-coming { display:block; width:100%; height:100%; background:url(../img/bn_insta_coming.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }

#top-sns { width:300px; margin:0 auto 30px auto; }
#top-sns .top-ttl { margin-bottom:10px; }
#top-sns .top-ttl h2 span { background-image:url(../img/top2020_ttl_sns.png), url(../img/top2020_ttl_bg.png); }
.top-ttl-sns { height:48px; }
.top-ttl-sns a { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#top-tw { width:300px; margin-bottom:10px; }
#top-tw .top-ttl-sns a { background-image:url(../img/top2020_ttl_tw.jpg); }
#top-tw iframe { width:300px!important; }

#top-fb { width:300px; }
#top-fb .top-ttl-sns a { background-image:url(../img/top2020_ttl_fb.jpg); }

#top #bn-rectangle { width:300px; margin:auto; }

/* bn-graduate */
#bn-graduate { margin:0 0 30px 0; }
#bn-graduate p { position:relative; width:100%; height:0; padding-top:20.3125%; }
#bn-graduate p a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/bn_graduate.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }

/* bn-aoashi */
#bn-aoashi { margin:0 0 30px 0; }
#bn-aoashi p { position:relative; width:100%; height:0; padding-top:31.25%; }
#bn-aoashi p a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/bn_aoashi.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }

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

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

#top #header-area { background-image:none; }

#top header, #top #logo span { height:auto; }

#top main { padding:0; }

.top-ttl h2 a,
.top-ttl h2 span { height:42px; background-size:auto 42px; }

/* top-box1 */

#top-box1 { float:none; width:auto; margin:0 0 20px 0; }

#top-next { float:none; width:auto; margin:0; }
#top-next .box { height:auto; font-size:85%; }

#top-game { float:none; width:auto; margin:0; }

/* top-box2 */

#top-box2 { float:none; width:auto; margin:0 0 0 0; padding-bottom:20px; }

#bn-yt { margin:0 auto 20px auto; }

#top-sns { margin:0 auto 20px auto; }

#top footer { padding-top:10px; }
#top #f-sns-link p { font-size:105%; }

/* bn-graduate */
#bn-graduate { margin:10px; }

/* bn-aoashi */
#bn-aoashi { margin:10px; }

}

/* ------------ top next pic ------------ */

/* 20200628 */


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


}