@charset "UTF-8";
/* CSS Document */
@import url("award-pc.css?241122") screen and (min-width:641px);
@import url("award-sp.css?241122") screen and (max-width:640px);
ol{list-style-type: none;}
.contents{position: relative; padding-bottom: 0; color: #ffffff; background: #320508; background: linear-gradient(90deg, rgba(50, 5, 8, 1.0) 0%, rgba(201, 21, 30, 1.0) 50%, rgba(50, 5, 8, 1.0) 100%); font-family: 'Noto Sans JP', sans-serif; z-index: 1; overflow: hidden;}
.contents:before{display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url("../../../img/award/2025/bg.png") repeat-y center top; background-size: contain;}
.contents > *{position: relative;}

.ttlAward span.fadeinX{display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; background: transparent url("../../../img/award/2025/bg-title.png") no-repeat center 30%;}
.ttlAward strong{position: relative; text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); z-index: 1;}

.contents .movieArea {margin-bottom:0;}
.contents .movieArea iframe {vertical-align: top;}
.itemAward, .itemFan, .itemArchive, .itemMovie, .itemAlbum, .movieAward{padding: 50px 0; /*overflow: hidden;*/}

.kvAward{position: relative;/* margin-bottom: 2.0em;*/}
.kvAward:before{display: block; content: ""; position: absolute; top: 0; left: 0; width: 30%; height: 30%;background: rgb(255,255,255);
background: linear-gradient(150deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 50%); z-index: -1;}
.kvAward img{width: 100%;}
.kvAward + nav{margin-bottom: 2.0em; background: transparent;}
.kvAward + nav ul{background-color: #ddc67b}
.kvAward + nav li > *{display: block; padding-top: 1.5em; padding-bottom: 1.5em; line-height: 1.0; text-align: center; text-decoration: none;}
.kvAward + nav li a{color: #222222; font-weight: bold;}
.kvAward + nav li span{background-color: #666666;}
.introAward p{margin-bottom: 1.0em;}
.noticeAward{margin-top: 2.0em; padding: 20px; border: 5px solid rgba(190,166,121,0.5); box-sizing: border-box;}
.noticeAward em{display: block; margin: 0.25em 0 1.0em; font-size: 1.75em; font-weight: bold; text-align: center;}
.noticeAward strong{display: block; margin-bottom: 1.0em; padding: 0.5em 0; color: #333333; background: rgb(199,178,140);
background: linear-gradient(90deg, rgba(199,178,140,0) 0%, rgba(190,166,121,0.95) 20%, rgba(190,166,121,0.95) 80%, rgba(190,166,121,0) 100%);; font-size: 1.25em; font-weight: bold; text-align: center;}
.ttlAward, .ttlFan, .ttlMovie{position: relative; color: #ceb777; text-align: center; z-index: 1;}
.itemFan .ttlFan{color: #bf1516; text-align: center;}
.ttlAward h3 strong, .ttlFan h3 strong, .ttlMovie h3 strong{display: block;}
.ttlAward h3 strong span{ font-family: 'Oswald', serif; font-weight: 700;}
.ttlAward h3 strong em{color: #ceb777}
.ttlAward h3 span, .ttlFan h3 span, .ttlMovie h3 span{display: block; color: #ffffff;/* font-size: 0.85em;*/ font-weight: normal;}
.ttlElection{ text-align: center;}
.ttlElection h4 strong{ display: inline-block; padding: 1.0em; background: rgba(255,255,255,0.25); border-radius: 50px; line-height: 1.0;}
.ttlElection h4:before{display: none;}
.ttlElection h4 span{ display: block; margin-top: 0.5em; font-size: 0.85em;}
.listAward .field p b a{color: #ffffff; text-decoration: none;}
/*.topAthlete .listAward .field p{padding-bottom: 0;}*/
.listAward .field .photo p{text-align: center;}
.itemFan .listAward .field p{background-color: transparent; clip-path: none !important;}
.listAward .field p b a:after{display: inline-block; content: "\f2bd"; margin-left: 5px; color: #c8161d; font-family: fontAwesome; font-weight: normal; vertical-align: middle;}
.listAward .field p b a:hover{color: #c8161d;}
/*.listAward .field p.profile{text-align: center;}
.listAward .field p.profile a{display: inline-block; height: 30px; line-height: 30px; padding: 0 20px; color: #ffffff; background-color: #555555; border-radius: 15px; text-decoration: none;}
.listAward .field p.profile a:hover{background-color: #333333;}*/
.listAward .field .qanda a{display: table; width: 100%; margin-top: 10px; text-decoration: none; cursor: pointer;}
.listAward .field .qanda a div{display: table-cell;}
.listAward .field .qanda a div:first-child{width: 50px;}
.listAward .field .qanda a div:last-child{padding-left: 10px; vertical-align: middle;}
.listAward .field .qanda a div:last-child b{display: block; position: relative; height: 30px; line-height: 30px; color: #333333; background-color: #ffffff; border-radius: 5px; font-size: 12px;}
.listAward .field .qanda a div:last-child b:after{display: inline-block; content: "\f054"; margin-left: 0.25em; font-family: fontAwesome;}
.listAward .field .qanda a:hover div:last-child b{color: #ffffff; background-color: #c8161d;}
.listAward .field .qanda a div:last-child b:before{display: block; content: ""; position: absolute; top: 6px; left: -10px;width: 0; height: 0; border-style: solid; border-width: 8px 20px 8px 0; border-color: transparent #ffffff transparent transparent; z-index: -1;}
.listAward .field .qanda a:hover div:last-child b:before{border-color: transparent #c8161d transparent transparent;}
.listAward .field .qanda a span{display: inline-block;width: 50px; border-radius: 25px; overflow: hidden; text-align: center;}
/*.listAward .field, .listAward .field img + p, */.listAward.unit5 .field p{padding-bottom: 1.0em; text-align: center;}
.listAward .field img + p b{display: inline-block; padding: 0.1em; /*background-color: rgba(0, 0, 0, 1);*/ line-height: 1.0;}
.listAward .field img + p em{font-weight: bold;}
.listAward .record{background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); border: 1px solid rgba(255,255,255,0.25); box-shadow: 0px 0px 10px rgba(0,0,0,0.25);}
.listAward .record ul{margin-bottom: 10px; list-style-type: disc; text-align: left;}
.listAward.unit1 .record span	{display: inline-block; margin-bottom: 1.0em; border-bottom: 1px solid #ffffff;}
.listAward.unit1 .record li	{/*color: #bea67a; */font-weight: bold;}
/*.itemAward{border-top: 1px solid #444444;}*/
hr.spacer{margin: 0; padding: 15px 0; border: none;}
.itemFan{background-color: rgba(190,0,3,0.75)}
.itemFan .containerAward.textC b{display: inline-block; margin-bottom: 10px; padding: 10px 40px; color: #bea67a; background-color: rgba(0,0,0,0.75); border: 1px solid #bea67a;}
.itemFan .listAward .field strong + a{display: block; position: relative;}
.itemFan .listAward .field strong + a span{display: block; position: absolute; bottom: 5px; right: 5px; width: 80px; height: 24px; line-height: 24px;  color: #ffffff; background-color: #c8161d; border-radius: 5px; font-size: 12px;}
.itemFan .junior .listAward .field a{display: inline-block; width: 80px; height: 24px; line-height: 24px; margin-left: 5px; color: #ffffff; background-color: #c8161d; border-radius: 5px; font-size: 12px; text-align: center; text-decoration: none;}
.itemFan .listAward .field strong + a span:before, .itemFan .junior .listAward .field a:before{display: inline-block; content: "\f086"; margin-right: 5px; font-family: fontAwesome;}
.itemFan .listAward .field strong + a:hover span{background-color: #961016;}
.itemFan .listAward .field img{position: relative; border-radius: 5px; overflow: hidden; z-index: 0;}
.itemFan .listAward .field img + p{font-size: 14px; line-height: 1.4;}
.itemFan .listAward .field b + em{font-size: 0.75em}
.itemFan .ttlAward + p a{color: #ffffff; text-decoration: none;}
.itemFan .ttlAward + p a:hover{text-decoration: underline;}
/*.itemFan .ttlElection h4{ margin-bottom: 1.5em; color: #ffffff; background: rgba(200,22,29,1.00); background: radial-gradient(circle, rgba(200,22,29,1) 50%, rgba(200,22,29,0) 100%);text-shadow: 1px 1px 1px rgba(200,22,29,1.00);}*/
.itemFan h5{ margin: 0 0 1.0em; padding: 1.0em 0; color: #f3e382; background-color: rgba(0,0,0,0.25); border: 2px solid #f3e382; font-size: 1.25em; text-align: center;}
.itemMovie{background-color: rgba(0,23,56,0.75);}
.rowArchive > .col:last-child table th, .rowArchive > .col:last-child table td{padding: 10px;}
.rowArchive > .col:first-child a{display: block; margin-top: 20px; padding: 15px 0; color: #333333; background-color: #ceb777/*#c5af55*/; border-radius: 5px; font-weight: bold;line-height: 1.0; text-align: center; text-decoration: none;}
.rowArchive > .col:first-child a:hover{opacity: 0.75;}

.itemButton{position: relative; text-align: center; z-index: 1;}
.itemButton a{display: inline-block; padding: 10px 20px; border-radius: 5px; line-height: 1.0; text-decoration: none;}
.itemButton.twitter a{color: #ffffff; background-color: #1da1f2;}
.itemButton.twitter a:before{content: "\f099"; margin-right: 5px; font-family: fontAwesome;}
.itemButton.twitter a:hover{background-color: #1679b5;}
.itemFan .itemButton.twitter a{margin-top: 40px;}
.fadeinX	{opacity: 0; transform: translateX(100%); transition: all 0.75s;}
.fadeinY	{opacity: 0; transform: translateY(20px); transition: all 1.5s;}
#inline-popup .field{background-color:#ffffff;}
#inline-popup .field strong:before{display: inline-block; content: "Q："; color: #c8161d;}
#inline-popup .field .clearfix{margin-top: 20px;}
.infoFan{margin-bottom: 50px;}
.infoFan .rowAward .col{padding: 10px;}
.infoFan .rowAward .col a{color: #ffffff;}
.infoFan .rowAward .col:first-child	{color: #bea67a; font-weight: bold;}

.uiGallery li a .field {position: relative; overflow: hidden; z-index: 1;}
.uiGallery li a .field img {-webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;}
.uiGallery li a:hover .field img {transform: scale(1.15); opacity: 1; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;}
.contents .viewMore a{display: inline-block; margin-top: 20px; padding: 15px 100px; color: #ffffff; background-color: rgba(0,0,0,0.5); border-radius: 5px; font-weight: bold;line-height: 1.0; text-align: center; text-decoration: none; white-space: nowrap; box-sizing: border-box; transition: all 0.25s;}
.contents .viewMore a:hover{background-color: rgba(0,0,0,0.9);}
.contents .comingsoon .containerAward{margin-top: 2.5em; padding: 3.0em 0; color: #333333; background: #CEB777; background: linear-gradient(90deg, rgba(206, 183, 119, 0.5) 0%, rgba(206, 183, 119, 1) 50%, rgba(206, 183, 119, 0.5) 100%); font-size: 1.25rem; font-weight: bold; text-align: center; box-sizing: border-box;}
.contents .comingsoon .containerAward em{display: inline-block; margin-top: 0.75em; padding: 0.5em 1.5em; color: #ffffff; background-color: rgba(201,21,30,1.0); font-size: 1.75em; line-height: 1.0;}