@charset "UTF-8";
header{padding-top: 50px; position:relative; max-width:1200px; margin:0 auto; text-align: center;}
header .logo img{max-width:176px; height:auto; width /***/:auto;}
header nav{position:absolute; top:0; right:0;}
header nav a{display:inline-block; background:#fff;  padding:10px 25px; text-align:center; text-decoration:none; color:#e9474d; font-weight:600;}
header nav a:hover{color:#e9474d; background:#000;}
@media screen and (min-width : 860px) {
header nav{position:fixed; top:0; right:0;}
}

p{font-family: 'Noto Sans JP', serif; font-weight:400;}

#main .box{max-width:800px; padding:0 20px; margin:16px auto;}
@media screen and (min-width : 860px) {
#main .box{padding:0;}
}

#main h2{ text-align:center; color:#fff; font-family: 'Noto Serif', serif; font-size:24px; font-size: 2.4rem; font-weight: 600; max-width:100%;}

#main .title{margin-top:60px;}
#main h3{font-family: 'Noto Serif', serif; font-size: 2.1rem; font-weight: 400; margin: 10px 5% 40px 5%; line-height: 2.8rem; text-align:center; }
#main h3.winner{border:none;}
#main .jacket{margin:0 auto; max-width:250px; text-align:center;}

#main #read{margin-top:16px; text-align:left; padding:20px;}
#main #read p.credit{text-align:right;}

#main p{margin-bottom:16px; font-size:15px; font-size:1.5rem; line-height:1.7; letter-spacing:0.08em; text-align:left; line-break:strict; text-align:justify; word-break:break-all; text-justify:inter-character; text-justify:inter-character; word-wrap:break-word; overflow-wrap:break-word; line-break:strict;}
#main.interview{margin-top:30px;}
#main.interview .photo{max-width:400px; width:70%; margin:16px auto; font-family: 'Noto Sans JP', serif; font-weight:400; font-size:1.4rem;}
#main.interview .photo2{max-width:600px; width:80%; margin:16px auto; font-family: 'Noto Sans JP', serif; font-weight:400; font-size:1.4rem;}
#main .right,#main .left{margin-bottom:15px; padding-bottom: 15px;}
#main .right_h,#main .left_h{margin-bottom:15px; padding-bottom: 15px;}
#main p .sml{font-size:13px; font-size:1.3rem;}
#main .name{text-align:left; font-family: 'Noto Sans JP', serif; font-weight:400; font-size:1.4rem; letter-spacing:0;}
#main .name ul{list-style:disc; margin-left:20px;}
#main .name .mna:after{content:"■"; color:#a2fc59;}
#main .name .dm:after{content:"■"; color:#ffef58;}
#main .name .gotoh:after{content:"■"; color:#8dfcd3;}
@media screen and (min-width : 650px) {
#main .name ul{list-style:none; margin:0; display:inline-flex;}
#main .name ul li:before{content:"/"; display:inline-block; padding:0 4px;}
#main .name ul li:first-child:before{content:"";}
}

#main p .green{color:#8dfcd3; padding-right:18px; font-weight:600;}
#main p .orange{color:#ffbe9a; padding-right:18px; font-weight:600;}
#main p .purple{color:#a2fc59; padding-right:18px; font-weight:600;}
#main p .pink{color:#ffb5ef; padding-right:18px; font-weight:600;}
#main p .blue{color:#152fca; padding-right:18px; font-weight:600;}
#main p .sblue{color:#ffef58; padding-right:18px; font-weight:600;}
#main p .m_pink{color:#ffef58; padding-right:18px; font-weight:600;}
#main p .white{color:#fdfcf3; padding-right:18px; font-weight:600;}
#main p .yellow{color:#a2fc59; padding-right:18px; font-weight:600;}

#main .btn{margin:8px 0;}
#main .btn a{display:flex; align-items:center; padding:4px 16px; border:1px solid #fff; border-radius:50px; text-decoration:none; width:300px; font-family: 'Noto Sans JP', serif;  font-weight:400;}
#main .btn a:before{content:"→"; padding-right:8px;}
#main .btn a:hover{background:rgba(255, 255, 255, 0.1);}

#main .nominees{margin:16px 0 0 0;}
#main .nominees h3{font-family: 'Noto Serif', serif; font-size:19px; font-size: 1.9rem; font-weight:700; margin:0 0 16px 0; padding:10px; line-height: 2.8rem; text-align:center;}
@media screen and (min-width : 860px) {
#main .nominees h3{font-family: 'Noto Serif', serif; font-size:24px; font-size:2.4rem;}
}
#main .gray{background:rgba(0, 0, 0, 0.05); margin-top:8px; padding:40px 0 20px 0;}
#main .white{margin-top:8px; padding:40px 0 20px 0;}

#navigation{margin-top: 10px;}
#navigation ul{display:flex; gap:8px; justify-content:center;}
#navigation ul li{width:40px;}
#navigation ul li.current a{background:none;}
#navigation ul li.next a,#navigation ul li.previous a{border:none; background:none;}
#navigation a{padding:10px 0; display:block; margin:0 auto; margin-top:25px; border:1px solid #fff; background: rgba(12, 12, 12, 0.20); color:#fff; text-align:center; text-decoration:none; }
#navigation a:hover{background:#e9474d; color:#fff;}

#page-next{margin-bottom:60px;}
#page-next a{display:block; margin:0 auto; margin-top:25px; max-width:250px; padding:15px 25px; border:1px solid #fff; color:#e9474d; text-align:center; text-decoration:none; background:#fff;}
#page-next a:hover{background:#e9474d; color:#fff;}
.coming{display:block; margin:0 auto; margin-top:25px; max-width:250px; padding:15px 25px; border:1px solid #333; color:#333; text-align:center; text-decoration:none; background: rgba(12, 12, 12, 0.1);}