@charset "utf-8";


body {
    background-color: #000;
    -webkit-text-size-adjust: none;
    /*font-family: "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
    font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "モリサワ 新ゴ R", "Droid Sans", "メイリオ", "sans-serif";
  }
}
a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}

/*  wrapper
--------------------------*/
 #wrapper{
     margin: 0 auto;
     width: 100%;
     max-width: 640px;
}
@media screen and (max-width: 1024px) {
#wrapper{
     max-width:none;
}
}
/* header
--------------------------*/
#header{
    margin: 0 auto;
    width: 100%;
}
#header img{
    width: 100%;
    vertical-align: bottom;
}
#header .mv_catch{
    background-image: url(../images/bg_mv_catch.png);
    background-repeat: no-repeat;
    width: 100%;
} 
#header .mv{
    width: 100%;
} 
#header .main_copy{
    width: 100%;
    height: 141px;
}
@media screen and (max-width: 1024px) {
#header .mv_catch{
    background-size: 100% auto;
} 
#header .main_copy{
    width: 100%;
    height: auto;
}
}
/*  content
--------------------------*/
#content{
    background-image: url(../images/bg_contents.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 auto;
    padding: 0 0 30px;
    width: 100%;
}
nav{
    margin: 0 auto;
    width: 100%;
}
nav ul{
    margin: 0 auto;
    height: 70px;
    text-align: center;
    letter-spacing: -.40em;
}
nav ul li{
    display: inline-block;
    margin: 0 4px;
    width: 146px;
    letter-spacing: normal;
}
nav ul li img{
    width: 100%;
    vertical-align: bottom;
}
@media screen and (max-width: 1024px) {
#content{
    padding: 0 0 0vw;
}
nav ul{
    margin: 0 auto;
    height: 11vw;
    text-align: center;
    letter-spacing: -.40em;
}
nav ul li{
    display: inline-block;
    margin: 0 0.625%;
    width: 22.812%;
    letter-spacing: normal;
}
}
#content .tab_select{
    background-image: url(../images/bg_tab_select.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
    padding: 14px 0 0;
    width: 100%;
}
#content .tab_menu{
    margin: 0 auto;
    height: 55px;
    text-align: center;
    letter-spacing: -.40em;
}
#content .tab_menu li{
    display: inline-block;
    margin: 0;
    width: 186px;
    letter-spacing: normal;
    cursor: pointer;
}
#content .tab_menu li img{
    width: 100%;
    vertical-align: bottom;
}
@media screen and (max-width: 1024px) {
#content .tab_select{
    padding: 1.8vw 0 0;
}
#content .tab_menu{
    height: 9vw;
}
#content .tab_menu li{
    width: 29.062%;
}
}
#content .monthly_box{
    margin: 0 auto;
}
#content .monthly_list{
    margin: 0 auto;
    height: 105px;
    text-align: center;
    letter-spacing: -.40em;
    display: none;
}
#content .monthly_list.show{
    display: block;
}
#content .monthly_list li{
    display: inline-block;
    margin: 0 1px;
    width: 92px;
    letter-spacing: normal;
    cursor: pointer;
}/*
#content .monthly_list li:nth-of-type(7){
    clear: both;
}*/
#content .monthly_list li img{
    width: 100%;
    vertical-align: bottom;
}
@media screen and (max-width: 1024px) {
#content .monthly_list{
    height: 17vw;
}
#content .monthly_list li{
    margin: 0 0.356%;
    width: 14.375%;
}
}
#content .voting_box{
    margin: 0 auto;
    clear: both;
}
#content .voting_box img{
    width: 100%;
    vertical-align: bottom;
}
#content .voting_list{
    margin: 0 auto;
    width: 590px;
    /*height: 639px;*/
    text-align: center;
    letter-spacing: -.40em;
    display: none;
}
#content .voting_list.show{
    display: block;
}
#content .voting_list li{
    background-image: url(../images/bg_mc02.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    float: left;
    width: 295px;    
}
#content .voting_list li .inner{
    background-image: url(../images/bg_mc.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin: 0;
    padding: 19px 27px 22px;    
    /*height: 620px;*/
    letter-spacing: normal;
    vertical-align: top;
}
#content .voting_list li p.mc_img img{
    width: auto;
    /*height: 293px;*/
    vertical-align: bottom;
}
#content .voting_list li .mc_name{
    display: block;
    margin: 7px 0 2px;
    /*height: 20px;*/
    color: #FFEF00;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    line-height: 1.5em;
    /*overflow-y: hidden;*/
}
#content .voting_list li .mc_makers{
    display: block;
    margin-bottom: 5px;
    /*height: 12px;*/
    color: #FFF;
    font-size: 10px;
    text-align: right;
    overflow-y: hidden;
}
#content .voting_list li .mc_remember{
    background-image: url(../images/bg_remember.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    margin-bottom: 10px;
    padding: 10px 10px 8px;
    height: 90px;
    overflow-y: hidden;
    position: relative;
}
#content .voting_list li .mc_remember .txt_remember{
    display: block;
    height: 73px;
    color: #FFF;
    font-size: 10px;
    text-align: left;
    line-height: 130%;
    overflow-y: auto;
}
#content .voting_list li .mc_remember .txt_bloger{
    position: absolute;
    width: 67.634%;
    right: 0.4vw;
    bottom: 0.3vw;
}
#content .voting_list li .btn_voting input[type="image"]{
    cursor: pointer;
}
#content .voting_list li table,
#content .voting_list li table th,
#content .voting_list li table td{
    border:0;
    border-collapse:collapse;
}
#content .voting_list li table{
    background-image: url(../images/bg_table.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin:0 0 5px;
    width:100%;
}
#content .voting_list li table th,
#content .voting_list li table td{
    padding:6px 0 2px;
    width: 50%;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 100%;
}
#content .voting_list li table td{
    color: #FC1C1B;
}
#content .voting_list li table th.last,
#content .voting_list li table td.last{
    padding:6px 0;
}
#content .voting_list li .mc_copyright{
    padding: 10px 0 0;
    /*height: 18px;*/
    color: #FFF;
    font-size: 7px;
    text-align: left;
    line-height: 110%;
    /*overflow-y: hidden;*/
}
@media screen and (max-width: 1024px) {
#content .voting_box .voting_ttl a:hover img{
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
}
#content .voting_list{
    margin: 0 auto;
    width: 96.187%;
    /*height: 107vw;*/
    text-align: center;
    letter-spacing: -.40em;
    display: none;
}
#content .voting_list.show{
    display: block;
}
#content .voting_list li{
    width: 50%;
    /*height: 105vw;*/
    box-sizing: border-box;
}
#content .voting_list li .inner{
    padding: 5vw 9.125%;    
    /*height: 620px;*/
    letter-spacing: normal;
    vertical-align: top;
}
#content .voting_list li p.mc_img img{
    width: auto;
    /*height: 43vw;*/
}
#content .voting_list li .mc_name{
    margin: 1vw 0 0.5vw;
    /*height: 4vw;*/
    font-size: 2.8vw;/*font-size: 10px;*/
}
#content .voting_list li .mc_makers{
    display: block;
    margin-bottom: 1vw;
    /*height: 3vw;*/
    color: #FFF;
    font-size: 2.2vw;/*font-size: 8px;*/
    text-align: right;
    overflow-y: hidden;
}
#content .voting_list li .mc_remember{
    margin-bottom: 1vw;
    padding: 1vw 2vw 1vw;
    height: 16.0vw;
}
#content .voting_list li .mc_remember .txt_remember{
    height: 16vw;
    font-size: 1.7vw;/*font-size: 8px;*/
    line-height: 120%;
}
#content .voting_list li .mc_remember .txt_bloger{
    right: 2.4vw;
    bottom: 1.6vw;
}
#content .voting_list li .btn_voting input[type="image"]{
    width: 100%;
}
#content .voting_list li table{
    margin:0 0 2vw;
}
#content .voting_list li table th,
#content .voting_list li table td{
    padding:1.2vw 0 0.3vw;
    font-size: 2.3vw;/*font-size: 9px;*/
}
#content .voting_list li table td{
    color: #FC1C1B;
}
#content .voting_list li table th.last,
#content .voting_list li table td.last{
    padding:1.5vw 0;
}
#content .voting_list li .mc_copyright{
    padding: 0;
    /*height: 3.7vw;*/
    font-size: 1.45vw;/*font-size: 8px;*/
}
}
#content .about_box{
    height: 371px;
    clear: both;
}
#content .about_box img{
    width: 100%;
    vertical-align: bottom;
}
@media screen and (max-width: 1024px) {
#content .about_box{
    height: 58vw;
}
}
#content .outline_box{
    background-image: url(../images/bg_outline.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 20px 0 0;
    height: 312px;
}
#content .outline_box img{
    width: 100%;
    vertical-align: bottom;
}
#content .outline_box .ttl_outline{
    margin: 0 auto;
    width: 540px;
}
#content .outline_box .box{
    margin: 0 auto;
    width: 490px;
    font-size: 18px;
}
#content .outline_box .box dl{
    margin: 0 0 6px;
    clear: both;
}
#content .outline_box .box dt{
    margin-bottom: 3px;
    color: #FC1C1B;
    font-weight: 700;
    -webkit-text-shadow: 0 0 10px #E1E100; /* Safari, Chrome用 */
    -moz-text-shadow: 0 0 10px #E1E100; /* Firefox用 */
    text-shadow: 0 0 10px #E1E100;
}
#content .outline_box .box dd{
    font-size: 17px;
    font-weight: 700;
    line-height: 120%;
    -webkit-text-shadow: 0 0 10px #E1E100; /* Safari, Chrome用 */
    -moz-text-shadow: 0 0 10px #E1E100; /* Firefox用 */
    text-shadow: 0 0 10px #E1E100;
}
@media screen and (max-width: 1024px) {
#content .outline_box{
    padding: 4vw 0 0;
    height: 48vw;
}
#content .outline_box .ttl_outline{
    width: 84.375%;
}
#content .outline_box .box{
    width: 76.562%;
    font-size: 2.5vw;/*font-size: 9px;*/
}
#content .outline_box .box dl{
    margin: 0 0 0.5vw;
}
#content .outline_box .box dt{
    margin-bottom: 0.5vw;
}
#content .outline_box .box dd{
    font-size: 2.5vw;/*font-size: 9px;*/
}
}
#content .schedule_box{
    background-image: url(../images/bg_schedule.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 25px 0 0;
    height: 287px;
}
#content .schedule_box img{
    width: 100%;
    vertical-align: bottom;
}
#content .schedule_box .ttl_schedule{
    margin: 0 auto;
    width: 540px;
}
#content .schedule_box .box{
    margin: 0 auto;
    width: 490px;
    font-size: 18px;
}
#content .schedule_box .box dl{
    margin: 0 0 6px;
    clear: both;
}
#content .schedule_box .box dt{
    margin-bottom: 3px;
    color: #FC1C1B;
    font-weight: 700;
    -webkit-text-shadow: 0 0 10px #E1E100; /* Safari, Chrome用 */
    -moz-text-shadow: 0 0 10px #E1E100; /* Firefox用 */
    text-shadow: 0 0 10px #E1E100;
}
#content .schedule_box .box dd{
    font-size: 17px;
    font-weight: 700;
    line-height: 140%;
    -webkit-text-shadow: 0 0 10px #E1E100; /* Safari, Chrome用 */
    -moz-text-shadow: 0 0 10px #E1E100; /* Firefox用 */
    text-shadow: 0 0 10px #E1E100;
}
@media screen and (max-width: 1024px) {
#content .schedule_box{
    padding: 4vw 0 0;
    height: 45vw;
}
#content .schedule_box .ttl_schedule{
    width: 84.375%;
}
#content .schedule_box .box{
    width: 76.562%;
    font-size: 2.5vw;/*font-size: 9px;*/
}
#content .schedule_box .box dl{
    margin: 0 0 0.5vw;
}
#content .schedule_box .box dt{
    margin-bottom: 0.5vw;
}
#content .schedule_box .box dd{
    font-size: 2.5vw;/*font-size: 9px;*/
}
}
#content .review_box{
    background-image: url(../images/bg_review.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 90px 116px 0;
    height: 361px;
}
#content .review_box img{
    width: 100%;
    vertical-align: bottom;
}
#content .review_box .review_ttl{
    margin: 0 auto 20px;
    height: 38px;
}
#content .review_box .box{
    color: #fff;
    font-size: 16px;
    line-height: 160%;
}
@media screen and (max-width: 1024px) {
#content .review_box{
    padding: 14vw 18.125% 0;
    height: 55.5vw;
}
#content .review_box .review_ttl{
    margin: 0 auto 2vw;
    height: auto;
}
#content .review_box .box{
    font-size: 2.8vw;/*font-size: 10px;*/
}
}

.pagetop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  opacity: 0.7;
}