@charset "UTF-8";
/* CSS Document */

/* MAIN VISUAL*/
#mainImage{ text-align: center; margin: 10px auto 0; width: 100%; box-sizing: border-box;}
#mainImage .anime_logo{ width: 40%; max-width: 510px; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);}
#mainImage .inbox{ position: relative; height: 0; padding: 0 0 100%; overflow:hidden;}
#mainImage .inbox object { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; overflow:hidden;}
.single-item_pc{ display: block !important;}
.single-item_sp{ display: none !important;}
#mainImage li.logo{ position: relative; }
#mainImage li.winner{ position: relative;}
#mainImage .single-item_pc li.winner .title{ text-align: center; font-size: 43px; padding: 20px 0 25px; line-height: 1;}
#mainImage .single-item_pc li.winner .title .en{font-family:'Barlow Semi Condensed', sans-serif; font-size: 110%; padding: 0 0.2em 0 0;}
#mainImage .single-item_pc li.winner .itemArea{ display: flex; align-items: center; justify-content: space-between; }
#mainImage .single-item_pc li.winner .itemArea .item{ width: 49.9%; position: relative;}
#mainImage .single-item_pc li.winner .itemArea .item img{ width: 100%;}
#mainImage .single-item_pc li.winner .itemArea .item .nameArea{ position: absolute; bottom: 0; left: 0;}
#mainImage .single-item_pc li.winner .itemArea .item .nameArea .ribbon{ background: url(../../img/ribbon_orange.svg) no-repeat right bottom; background-size: auto 100%; width: 538px; height: 58px; position: relative; color: #fff; display: flex; align-items: flex-end; justify-content: flex-start;}
.single-item_pc .ribbon .name{ margin: 0 25px 0 50px; border-left: 1px solid #fff; height: 42px; font-size: 23px; display: flex; align-items:top; letter-spacing: 0.2em; padding: 0 0 0 15px; }
.single-item_pc .ribbon .work{ padding: 0 0 0 20px; border-left: 1px solid #fff; height: 42px; font-size: 13px; display: flex; align-items:top; box-sizing: border-box; letter-spacing: 0.1em; }
.single-item_pc .ribbon .en{ font-family:'Barlow Semi Condensed', sans-serif; margin: 0 0 0 15px; font-size: 12px; letter-spacing: 0.1em; }
#mainImage li.winner .item a{ position: absolute; top:0; left: 0; width: 100%; height: 100%; color: hsla(0,0%,0%,0.00); display: block; z-index: 2;}
#mainImage li.winner .item:hover{ background-color: hsla(0,0%,100%,0.40);}

#mainImage .single-item_sp li.winner .title{ text-align: center; font-size: 6.38vw; padding: 1.37vw 0 1.72vw; line-height: 1.3;}
#mainImage .single-item_sp li.winner .title .en{font-family:'Barlow Semi Condensed', sans-serif; font-size: 110%; }
#mainImage .single-item_sp li.winner .item{ position: relative;}
#mainImage .single-item_sp li.winner .item .nameArea{ position: absolute; bottom: 0; left: 0;}
#mainImage .single-item_sp li.winner .item .nameArea .ribbon{ background: url(../../img/ribbon_orange.svg) no-repeat right bottom; background-size: auto 100%; width: 98.69vw; height: 11.328vw; position: relative; color: #fff; display: flex; align-items: flex-end; justify-content: flex-start;}
.single-item_sp .ribbon .name{ margin: 0  6.5vw 0 6.5vw; border-left: 1px solid #fff; height: 7.81vw; font-size: 4.42vw; display: flex; align-items:top; letter-spacing: 0.15em; padding: 0 0 0 15px; line-height: 120% }
.single-item_sp .ribbon .work{ padding: 0.05vw 0 0 3.645vw; border-left: 1px solid #fff; height: 7.81vw; font-size: 3.125vw; display: flex; align-items:top; letter-spacing: 0.1em; line-height: 150% }
.single-item_sp .ribbon .en{ font-family:'Barlow Semi Condensed', sans-serif; margin: 0 0 0 3.25vw; font-size: 2.5vw; letter-spacing: 0.1em; }

#news{ margin: 80px 0 90px 0; }
#news ul { width: 100%;border-left: 1px solid #ea5504;}
#news ul li { margin:0 auto 10px auto; width: 100%; box-sizing: border-box; position: relative; padding: 0 0 0 8em; }
#news ul li time { position: absolute; top: 4px; left: 0; line-height:1.5em; width: 8em; text-align: center ; color: #ea5504; }
#news ul li a { color:#333; }
#news ul li a:hover { opacity: 0.6;}
.content #news dl{ min-height: 69px;}


#about{ margin: 0 0 90px 0;}
.con1{ padding: 1em 0 0; margin: 20px auto 0;}
#outline{ margin: 0 0 90px 0;}
#outline h3 .jp{ font-size: 16px; line-height: 200%; }
#outline dl{ border-bottom: 1px #333 dotted; padding: 30px 0;}
#outline dl.first{ border-top: 1px #333 dotted;}
#outline dl.noline{ border-bottom: none; padding: 30px 0 0;}
#outline dt{ top:30px;}

#schedule{}
.content #schedule dt{ position: static; margin: 0 0 30px 0;}
.content #schedule dd{ width: 100%; padding: 0; box-sizing: border-box; text-align: center; }
.content #schedule dd img{ width: 100%; max-width: auto !important;}
#contact{}
.tit01{ font-weight: bold; margin: 20px 0 0 0;}
#contact dd img{ width: 536px; max-width: auto !important;}

@media screen and (max-width:1450px) {
#mainImage .single-item_pc li.winner .title{ font-size: 2.96vw;}
#mainImage .single-item_pc li.winner .itemArea .item .nameArea .ribbon{ width: 37.1vw; height: 4vw;}
.single-item_pc .ribbon .name{ margin: 0 1.7vw 0 3.33vw; height: 3vw; font-size: 1.58vw; letter-spacing: 0.2em; padding: 0 0 0 1vw; }
.single-item_pc .ribbon .work{ padding: 0.3vw 0 0 1.37vw; height: 3vw; font-size: 0.8vw; }
.single-item_pc .ribbon .en{ margin: 0 0 0 1vw; font-size: 0.8vw; }
}

@media screen and (max-width:1200px) {
.ribbon .name{ height: 3.2vw; line-height: 140%; }
.ribbon .work{ height: 3.2vw; line-height: 200%; }

@media screen and (max-width:768px) {
.single-item_pc{ display: none !important;}
.single-item_sp{ display: block !important;}
.content dt{ position: relative; top: 0; margin: 0 0 20px 0;}
.content dd{ padding: 0 ; }
#mainImage{ padding: 0; }
#mainImage .anime_logo{ width: 100%; box-sizing: border-box; padding: 0 25px;  }

#contact dd img{ width: 313.315px; }
#news{ margin: 60px 0 90px 0; }
#news ul {border-left: none;}
#outline dt{ top:0;}

}