@charset "utf-8";
@media screen and (max-width: 780px){
/* 共通ヘッダー用 */
body{ background:none; }
#header, #cm_header{ width:100%; height:auto; }
#globalNavi li form{ width:100%; }
#searchtext{ width:80%; }
#sitelogo, #cm_sitelogo{ float:none; width:30%; height:auto; margin-bottom:10px; }
#sitelogo img{ padding-top:10px; margin:0; }
#topbanner{ display:none; }
#globalNavi ul{ width:100%; height:auto; position:inherit; padding:0; }
#globalNavi li{ height:auto; float:none; background:#000; border-bottom:1px solid #484848; }
#globalNavi li:hover{ background-color:#353535; }
#wrapper{ width:100%; padding:0; }
#globalNavi li a { text-indent:0; overflow:inherit; background:none; width:auto; }
#content{ background:none; }
#floatingbar { display: none; }

/* sp */
#topimage {
height: 200px;
width: 100%;
margin: 20px 0 0;
position: relative;
background: url(../img/topimage2.png) no-repeat 50%;
background-size: contain;}
#menu { width: 100%; position:static; text-align:center; margin:0; }
#menu li{ float:none; display: inline-block; }
#menu ul{
background-image: -moz-linear-gradient(top, #15a03a, #0e6d28);
background-image: -ms-linear-gradient(top, #15a03a, #0e6d28);
background-image: -o-linear-gradient(top, #15a03a, #0e6d28);
background-image: -webkit-gradient(linear, center top, center bottom, from(#15a03a), to(#0e6d28));
background-image: -webkit-linear-gradient(top, #15a03a, #0e6d28);
background-image: linear-gradient(top, #15a03a, #0e6d28);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
font-size:medium;
}
.title-info{ width:100%; background: url(../img/title-info.png) no-repeat 50%; background-size: contain; }
#info dl{ margin:15px; }
#infobox{ margin:0; }
#maincontent{ width:auto; margin:0 10px; }
#aboutbox{ padding:20px 20px 0; }
#eventbox{ width:auto; }
#banner p{ text-align:center; }
#banner{ margin-top:10px; }
#eventbox{ margin-bottom: 20px; }
#spYahooAD{ width:auto; }
.wboxLF,.wboxRT{ float:none; width:auto; margin-bottom:20px; }
.wbox .cf{ margin:0; }
.wbox p{ padding-bottom: 20px; }
.btn_special,.btn_special:hover {
width:100%;
height:auto;
background:none;
position:static;
display: block;
text-indent: 0;
overflow:inherit;
text-align:center;
}
#menu li a {
height: auto;
display: block;
text-indent: 0;
overflow:inherit;
text-shadow: 0px -1px 0px #09250e;
padding: 10px 3px;
filter: dropshadow(color=#09250e, offx=0, offy=-1);
}
.title-event {
width: auto;
height: auto;
background: none;
display: block;
text-indent: 0;
overflow: inherit;
margin-bottom: 10px;
padding:3px 10px;
color:#000;
font-size:x-large;
border-top:1px solid #000;
border-bottom:1px solid #000;
font-family:Verdana, Geneva, sans-serif;
}
.title-info {
width: auto;
height: auto;
padding: 3px 10px;
margin: 0 0 10px;
background: none;
display: block;
text-indent: 0;
overflow: auto;
color:#000;
font-size:x-large;
border-top:1px solid #000;
border-bottom:1px solid #000;
font-family:Verdana, Geneva, sans-serif;
}
.title-artist{
width: auto;
height: auto;
background: none;
margin:0;
padding:0;
display: block;
text-indent: 0;
overflow: inherit;
color:#000;
clear: both;
}
.artistLF h3, .artistRT h3 { width:auto; }
.title-pop{ background-size:contain; }
.title-jazz{ background-size:contain; margin-top:30px; }
.title-inde{ background-size:contain; margin-top:30px; }
.title-classic{  background-size:contain; margin-top:30px; }
.title-anime{  background-size:contain; margin-top:30px; }

.listLF,.listRT,.artistLF,.artistRT{ float:none; width:auto; }
.title-about,.subtitle-tohyo {
width: auto;
height: auto;
background: none;
margin: 10px 0;
padding:5px 10px;
display: block;
text-indent: 0;
overflow: inherit;
border-top:1px solid #000;
border-bottom:1px solid #000;
color:#000;
clear: both;
}
.btn_about,.btn_artist,.btn_chart,.btn_vate,.btn_twitter {
color:#fff; background:none; width:auto; }
.btn_about:hover,.btn_artist:hover,.btn_vate:hover,.btn_chart:hover,.btn_twitter:hover {
background:none; width:auto; color:#ccc;
background-image: -moz-linear-gradient(top, #0e6d28, #15a03a);
background-image: -ms-linear-gradient(top, #0e6d28, #15a03a);
background-image: -o-linear-gradient(top, #0e6d28, #15a03a);
background-image: -webkit-gradient(linear, center top, center bottom, from(#0e6d28), to(#15a03a));
background-image: -webkit-linear-gradient(top, #0e6d28, #15a03a);
background-image: linear-gradient(top, #0e6d28, #15a03a);}
.btn_special{
color:#fff; padding:10px 0;
background-image: -moz-linear-gradient(top, #4d4d4d, #000000);
background-image: -ms-linear-gradient(top, #4d4d4d, #000000);
background-image: -o-linear-gradient(top, #4d4d4d, #000000);
background-image: -webkit-gradient(linear, center top, center bottom, from(#4d4d4d), to(#000000));
background-image: -webkit-linear-gradient(top, #4d4d4d, #000000);
background-image: linear-gradient(top, #4d4d4d, #000000);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}
.btn_special:hover{
color:#ccc;
background-image: -moz-linear-gradient(top, #000, #4d4d4d);
background-image: -ms-linear-gradient(top, #000, #4d4d4d);
background-image: -o-linear-gradient(top, #000, #4d4d4d);
background-image: -webkit-gradient(linear, center top, center bottom, from(#000), to(#4d4d4d));
background-image: -webkit-linear-gradient(top, #000, #4d4d4d);
background-image: linear-gradient(top, #000, #4d4d4d);
}
#infoLF{ display:none; }
#info,#banner{ width:100%; float:none; }
#banner img{ width:100%; height:auto; }
#info dl{ background:none; padding: 0; }
#vote dl{ width:85%; }
#vote select{ width:100%;}
#vote h3{ background-size:contain; width:100%; }
#award_form input[type=text]{ width:100%; margin:0;}
#AwardRespondentAge{ width:auto!important;}
#award_form table p{padding:5px;}
#kyosan img{max-height:28px;}
}