/* header */
.l-header__menu .c-imglink {
	padding: 19px 49px;
	font-size: 16px;
	color: #fff;
	border: 1px solid #e99c1f;
	background: #e99c1f;
}
.l-header__menu .c-imglink:hover {
	background: #fff;
	-webkit-transform: scale(1.01);
	transform: scale(1.01);
}
.l-container.header {
	position: fixed;
	z-index: 9999;
	background: #fff;
}
/* container */
.containerFirst{
	padding-top: 145px;
}
.oftheyearlist-btn {
	width: 300px;
	height: 60px;
	display: block;
	background: no-repeat 0 0/contain url(../img/oftheyear2018/oftheyearlist-btn.png);
}
.oftheyearlist-btn:hover {
	background: no-repeat 0 0/contain url(../img/oftheyear2018/oftheyearlist-btn_over.png);
}
.p-links__list>li:last-of-type {
	text-align: center;
}
.p-label-top {
	margin-bottom: 110px;
}
.p-label-top__flex>li {
	text-align: center;
	font-weight: 600;
}
.p-label-top__flex>li:first-of-type {
	margin-top: 20px;
}
.p-label-top__flex>li:last-of-type>p.link>a {
	font-size: 2.0rem;
}
.p-label-top__flex li .infoArea {
	display: block;
	text-align: center;
	margin: 0 auto 45px;
	max-width: 740px;
}
.p-label-top__flex li .infoArea .date {
	display: inline-block;
	width: 180px;
	margin-right: 35px;
}
.p-label-top__flex li .infoArea .text {
	display: inline-block;
	width: 250px;
}


.p-label-top__flex h3 {
	margin-bottom: 10px;
	font-size: 2.6rem;
	font-weight: 600;
	vertical-align: middle;
}
.p-label-top__flex h3 img {
	margin-right: 20px;
	vertical-align: middle;
	position: relative;
	top: -5px;
}
.p-label-sub {
	margin-bottom: 100px;
	display: flex;
	justify-content: center;
}
.p-label-sub strong {
	margin-right: 40px;
}
.p-label-sub ul {
	display: flex;
}
.p-label-sub li a {
	padding-bottom: 3px;
	font-size: 18px;
	font-weight: bold;
	color: #ee962a;
	position: relative;
}
.p-label-sub li a:hover {
	border-bottom: 1px solid #ee962a;
}
.p-label-sub li a:before {
	padding-right: 10px;
	content: url(../img/oftheyear2018/arrow.png);
}
.p-label-sub li:not(:last-child) {
	margin-right: 30px;
}
.c-hedding-h3 {
	margin-bottom: 10px;
}
.l-container > aside {
	margin-bottom: 20px;
	text-align: center;
}
.entryLike {
	margin: 60px 0;
}

/* entry_list */
.label {
	display: block;
}
/* entry_detail */
.detail-sns {
	display: flex;
	justify-content: flex-end;
}
.detail-sns li:not(:last-child) {
	margin-right: 10px;
}
.detail-image {
	width: 900px;
	height: 650px;
	text-align: center;
	margin-top: 50px;
}
.detail-image img {
	display: none;
}

.detail-mainImage {
	padding-top: 0;
}
.detail-imageList li {
	height: 100px;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.entryLikeDetail {
	margin-top: 50px;
	padding: 15px 0;
	font-size: 1.4rem;
	font-weight: 800;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(../img/oftheyear2018/entry_like_bk.jpg) 0 0 no-repeat;
}
.entryLikeDetail.bkNone {
	background: none;
}
.entryLikeDetail li:not(:last-child) {
	margin-right: 10px;
}
/* floor */
.floor {
	margin-top: 20px;
	display: flex;
	justify-content: center;
}
.floor h3 {
	margin-bottom: 10px;
}
.floorBefore .floorImage {
	position: relative;
}
.floorBefore .floorImage:after {
	content: "";
	width: 12px;
	height: 22px;
	display: block;
	background: url(../img/oftheyear2018/icon_triangle_2.png) 0 0 no-repeat;
	position: absolute;
	top: calc(50% - 11px);
	right: -37px;
}
.floor > div:not(:last-child) {
	margin-right: 60px;
}
.floorImage {
	border: 1px solid #dddddd;
}
/* footer */
.l-footer__link {
	padding: 35px 0 30px;
	flex-wrap: wrap;
	align-items: unset;
}
.l-footer_sns {
	display: flex;
	justify-content: center;
}
.l-footer_sns li:not(:last-child) {
	margin-right: 10px;
}
.sp {
	display: none;
}
@media screen and ( max-width: 1350px ) {
	.l-footer__link>li:last-child {
		margin-left: 0;
	}
}
/* 2019.8.9 award-judge */
@media (min-width: 769px) {
	.award-judge__list>li {
		max-width: 285px;
	}
	.award-judge__list>li {
		margin-left: 20px;
	}
	.award-judge__list>li:nth-of-type(3n-1) {
		margin: 0;
		margin-top: 15px;
		margin-left: 20px;
	}
	.award-judge__list>li:nth-of-type(3n+1) {
		margin-left: 0;
	}
	.award-judge__detail {
		padding: 15px;
	}
}
@media (max-width: 768px) {
	img {
		width: 100%;
	}
	.l-container.mainVisual {
		padding-top: 90px;
	}
	.p-label-top__inner {
		padding: 0 0 30px;
	}
	.oftheyearlist-btn {
		width: 200px;
		height: 40px;
	}
	.detail-imageList li {
		height: 55px;
	}
	.detail-mainImage {
		width: 100%;
	}
	.detail-image {
		width: 100%;
		height: 230px;
		margin-top: 10px;
	}
	.p-label-top__flex h3 {
		font-size: 5.34vw;
		display: flex;
		flex-flow: column;
		align-items: center;
	}
	.p-label-top__flex h3 img{
		margin-bottom: 10px;
		width: 30vw;
	}
	.p-label-top__flex>li:first-of-type {
		margin-bottom: 0;
		width: 100%;
	}
	.p-label-top__flex>li:last-of-type>p.link>a {
		padding-bottom: 1px;
		line-height: 2;
		letter-spacing: 0;
	}
	.p-label-top__flex li .infoArea {
		display: block;
		text-align: center;
		margin-left: 0px;
		margin-bottom: 5vw;
	}
	.p-label-top__flex li .infoArea .date {
		display: inline-block;
		width: auto;
		margin: 0px;
		font-weight: bold;
		font-size: 4.34vw;
	}
	.p-label-top__flex li .infoArea .text {
		display: inline-block;
		width: auto;
		margin: 0 0 3vw 0;
		font-size: 3vw;
	}
	.p-label-sub {
		margin-bottom: 50px;
		text-align: center;
		flex-flow: column;
		align-items: center;
	}
	.p-label-sub strong {
		margin: 0 0 20px;
	}
	/* container */
	.containerFirst{
		padding-top: 90px;
	}
	/* entry_list */
	.entryLike  {
		margin: 50px 0 40px;
	}
	/* entry_detail */
	.detail-sns {
		display: flex;
		justify-content: center;
	}
	.detail-sns li:not(:last-child) {
		margin-right: 5px;
	}
	/* floor */
	.floor {
		flex-flow: column;
	}
	.floorBefore .floorImage:after {
		content: "";
		width: 12px;
		height: 22px;
		display: block;
		transform: rotate(90deg);
		background: url(../img/oftheyear2018/icon_triangle_2.png) 0 0 no-repeat;
		position: absolute;
		top: calc(100% + 12px);
		right: calc(50% - 6px);
	}
	.floor > div:not(:last-child) {
		margin-right: 0;
		margin-bottom: 40px;
	}
	/* 2019.8.9 judge__list */
	.award-judge__list>li:nth-of-type(3n) {
		margin-bottom: 0;
	}
	/* footer */
	.l-footer_sns {
		justify-content: start;
	}
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}


/* 2019.8.9 update iine btn */
.vote-btn, .vote {
	cursor: pointer;
}
.vote-icon {
	display: inline-block;
	width: 20px;
	height: 19px;
	background: url('data:image/svg+xml,%3csvg%20version%3d%221%2e1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%201024%201024%22%3e%3cpath%20fill%3d%22%23dbdbdb%22%20d%3d%22M947%2e97%20148%2e498c%2d101%2e376%2d101%2e406%2d265%2e749%2d101%2e406%2d367%2e125%200%2d35%2e126%2035%2e094%2d58%2e062%2077%2e782%2d68%2e876%20122%2e782%2d10%2e75%2d45%2d33%2e688%2d87%2e688%2d68%2e812%2d122%2e782%2d101%2e376%2d101%2e406%2d265%2e749%2d101%2e406%2d367%2e125%200%2d101%2e376%20101%2e376%2d101%2e376%20265%2e749%200%20367%2e093l435%2e936%20435%2e966%20435%2e998%2d435%2e966c101%2e378%2d101%2e344%20101%2e378%2d265%2e717%200%2e002%2d367%2e093z%22%3e%3c%2fpath%3e%3c%2fsvg%3e') no-repeat center;
	vertical-align: middle;
}
.vote-cnt {
	display: inline-block;
	padding: 2px 0;
	height: 14px;
	width: 30px;
	background-color: #fff;
	border: solid 1px #e41e30;
	line-height: 1.4;
	text-align: center;
	letter-spacing: -.5px;
	font-family: sans-serif;
	font-size: 11px;
	color: #e41e30;
}
.entryList__items .postHead {
	position: relative;
	overflow: hidden;
	padding: 14px 10px;
}
.entryList__items .postHead .vote-btn,
.entryList__items .postHead .vote {
	position: absolute;
	top: -10px;
	left: -10px;
	display: block;
	width: 60px;
	height: 60px;
	background-color: #fff;
	border-radius: 50%;
}
.entryList__items .postHead .vote-result {
	position: absolute;
	top: -10px;
	left: -10px;
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #fbd007;
}
.entryList__items .postHead .vote-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	margin: auto;
}
.entryList__items .postHead .vote-cnt {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -2em;
	display: block;
	margin: auto;
}
.entryList__items .postHead .vote-btn.active {
	background-color: #fbd007;
}
.vote-btn.active .vote-icon,
div.entryLikeDetail .vote-icon,
.entryList__items .postHead .vote-result .vote-icon {
	background-image: url('data:image/svg+xml,%3csvg%20version%3d%221%2e1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%201024%201024%22%3e%3cpath%20fill%3d%22%23f23f50%22%20d%3d%22M947%2e97%20148%2e498c%2d101%2e376%2d101%2e406%2d265%2e749%2d101%2e406%2d367%2e125%200%2d35%2e126%2035%2e094%2d58%2e062%2077%2e782%2d68%2e876%20122%2e782%2d10%2e75%2d45%2d33%2e688%2d87%2e688%2d68%2e812%2d122%2e782%2d101%2e376%2d101%2e406%2d265%2e749%2d101%2e406%2d367%2e125%200%2d101%2e376%20101%2e376%2d101%2e376%20265%2e749%200%20367%2e093l435%2e936%20435%2e966%20435%2e998%2d435%2e966c101%2e378%2d101%2e344%20101%2e378%2d265%2e717%200%2e002%2d367%2e093z%22%3e%3c%2fpath%3e%3c%2fsvg%3e');
}
div.entryLikeDetail {
	display: block;
	padding: 0;
	background: rgba(255,255,255,0);
	border: solid 1px #fbd007;
	font-size: 1.5rem;
}
div.entryLikeDetail .vote-btn,
div.entryLikeDetail .vote,
div.entryLikeDetail .vote-result {
	position: relative;
	padding: 15px 0;
	overflow: hidden;
	background-color: #fbd007;
	z-index: -1;
}
div.entryLikeDetail .vote-btn::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	margin: auto;
	background-color: #fff;
	z-index: -2;
}
div.entryLikeDetail .vote-icon {
	position: relative;
	margin: 0 6px;
}
div.entryLikeDetail .vote-icon::after {
	content: "";
	position: absolute;
	top: -31px;
	left: -30px;
	display: block;
	width: 80px;
	height: 80px;
	background-color: rgba(251,191,7,.08);
	border-radius: 50%;
	z-index: -1;
}
div.entryLikeDetail .vote-btn.active::after {
	background-color: #fbd007;
}
div.entryLikeDetail .vote-btn.active .vote-icon::after {
	background-color: rgba(251,191,7,1);
}
div.entryLikeDetail .vote-result .vote-icon::after {
	background-color: rgba(251,191,7,1);
}
div.entryLikeDetail .vote-result .vote-cnt {
	margin-left: 10px;
}

/* 2019.8.27 update */
/*div.entryLikeDetail {*/
/*  transition: background .5s ease;*/
/*}*/
/*div.entryLikeDetail:hover {*/
/*  background-color: rgba(251,208,7,.5);*/
/*}*/
/*.entryList__items .postHead .vote-icon {*/
/*  transition: background .5s ease;*/
/*}*/
/*.vote-btn:hover .vote-icon {*/
/*  background-image: url('data:image/svg+xml,%3csvg%20version%3d%221%2e1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%201024%201024%22%3e%3cpath%20fill%3d%22%23f23f50%22%20d%3d%22M947%2e97%20148%2e498c%2d101%2e376%2d101%2e406%2d265%2e749%2d101%2e406%2d367%2e125%200%2d35%2e126%2035%2e094%2d58%2e062%2077%2e782%2d68%2e876%20122%2e782%2d10%2e75%2d45%2d33%2e688%2d87%2e688%2d68%2e812%2d122%2e782%2d101%2e376%2d101%2e406%2d265%2e749%2d101%2e406%2d367%2e125%200%2d101%2e376%20101%2e376%2d101%2e376%20265%2e749%200%20367%2e093l435%2e936%20435%2e966%20435%2e998%2d435%2e966c101%2e378%2d101%2e344%20101%2e378%2d265%2e717%200%2e002%2d367%2e093z%22%3e%3c%2fpath%3e%3c%2fsvg%3e');*/
/*}*/



/* 2019.9.26 update
   2020.9.17 update*/
.l-container.header {
	position: relative;
	border-bottom: none;
}
.l-header {
	height: 100px;
}
.l-header,
.l-main.lead {
	max-width: 960px;
	padding: 0;
}
.l-header__blk {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.l-header__blk img {
	max-width: 100%;
	height: auto;
}
.l-header__blk a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 60%;
}
.l-header__term {
	width: 26%;
	text-align: right;
}
.l-header__logo {
	margin-right: 2em;
}
.l-header__logo img {
	width: 50px;
	height: auto;
}
.l-container.title_blk {
	position: relative;
	height: 172px;
	background: url(../img/oftheyear2026/bg_header.png) no-repeat top center;
	background-size: cover;
	color: #fff;
}
.l-container.title_blk h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	display: block;
	margin: 0;
	text-align: center;
	font-size: 3.6rem;
}
.l-container.title_blk  small {
	display: block;
	margin-top: 1em;
	letter-spacing: 2px;
	font-size: 1.6rem;
	font-weight: normal;
}
.l-main.lead {
	text-align: center;
}
.c-hedding-h2 {
	display: block;
	margin: 3em 0 1em;
	border-bottom: none;
	letter-spacing: 0;
}
.l-main.lead .c-hedding-h2 {
	margin-bottom: .5em;
	font-size: 2.7rem;
}
.l-main.lead p {
	line-height: 1.6;
	font-size: 2.1rem;
}
.p-lead__check {
	max-width: 456px;
	margin: 3em auto 4em;
}
.p-lead__check li {
	padding: .7em .5em;
	border-bottom: solid 1px #ccc;
	text-align: left;
	font-size: 2.4rem;
}
.p-lead__check li::before {
	content: "";
	display: inline-block;
	margin-right: 1em;
	width: 21px;
	height: 23px;
	background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2030%2035%22%3e%3cpath%20class%3d%22cls%2d1%22%20d%3d%22M29%2e637%2c0%2e123a0%2e75%2c0%2e75%2c0%2c0%2c0%2d1%2e049%2e232L11%2e15%2c27%2e318l%2d9%2e782%2d12%2e4a0%2e748%2c0%2e748%2c0%2c0%2c0%2d1%2e042%2d%2e146%2c0%2e839%2c0%2e839%2c0%2c0%2c0%2d%2e218%2c1%2e08L10%2e548%2c34%2e2a0%2e766%2c0%2e766%2c0%2c0%2c0%2c%2e664%2e4h0%2e007a0%2e768%2c0%2e768%2c0%2c0%2c0%2c%2e664%2d0%2e408L29%2e9%2c1%2e216A0%2e836%2c0%2e836%2c0%2c0%2c0%2c29%2e637%2e123Z%22%20style%3d%22fill%3a%20%23ef9716%3bfill%2drule%3a%20evenodd%3b%22%2f%3e%3c%2fsvg%3e') no-repeat top center;
	vertical-align: middle;
}
.sp {
	display: none;
}
@media (max-width: 768px) {
	br.sp,
	span.sp {
		display: inline;
	}
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	.l-header {
		height: 14.0625vw;
	}
	.l-header__blk {
		width: 94%;
		margin: auto;
	}
	.l-header__blk a {
		width: 46%;
	}
	.l-header__logo {
		width: 15%;
		margin-left: .5em;
	}
	.l-header__blk a span:last-child {
		width: 75%;
		max-width: 100px;
		margin-right: .5em;
	}
	.l-header__term {
		width: 40%;
	}
	.l-header__logo {
		margin-right: 3%;
	}
	.l-container.title_blk {
		height: 33.28125vw;
		background-image: url(../img/oftheyear2026/bg_header_sp.png);
	}
	.l-container.title_blk h1 {
		font-size: 6.5625vw;
	}
	.l-container.title_blk  small {
		font-size: 3.28125vw;
	}
	.l-main.lead {
		padding-left: 10vw;
		padding-right: 10vw;
	}
	.c-hedding-h2 {
		margin: 10vw 0 .5em;
	}
	.l-main.lead {
		text-align: left;
	}
	.l-main.lead .c-hedding-h2 {
		margin: 6vh 0 .5em;
		font-size: 5.625vw;
	}
	.l-main.lead p {
		font-size: 3.75vw;
	}
	.l-main.lead > p {
		text-align: center;
	}
	.p-lead__check {
		max-width: 100%;
		margin: 4vh auto;
	}
	.p-lead__check li {
		position: relative;
		padding: .7em .5em .7em 8vw;
		font-size: 4.21875vw;
	}
	.p-lead__check li::before {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 4.8vh;
		height: 5.3vw;
	}
}
.mb30{
	margin-bottom: 30px;
}

/* 20201101 Update*/
.head-past__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.head-past__btn a {
	display: block;
	padding: 2.15rem 0;
	background-color: #ef9716;
	text-align: center;
	font-size: 1.4rem;
	color: #fff;
}
.head-past__btn {
	/*max-width: 288px;*/
	width: 10em;
}
@media (max-width: 768px) {
	.head-past__item {
		/*display: block;*/
	}
	.head-past__btn {
		width: 8em;/*
		width: 100%;
		max-width: 20%;
		margin-bottom: 5em;*/
	}
	.head-past__btn a {
	    padding: 1.15rem 0;
	    font-size: 60%;
	}
    .l-header__blk a {
      width: 66%;
    }
}

/* 202210 update*/

.l-topics {
	max-width: 820px;
	position: relative;
	margin: 5em auto 0;
	padding: 3.3em;
	background-color: #ffe2e5;
	text-align: center;
}
.l-topics p {
	line-height: 1.6;
	font-size: 2.1rem;
}

.l-topics a{
    font-weight: bold;
    color: #f23f50;
	border-bottom: 1px dashed #f23f50;
}
@media (max-width: 768px) {
	.l-topics {
	background-color: #fff;
        margin-top: 0;
        margin-bottom: 0;
        padding:0;
	}
	.l-topics p {
		font-size: 3.75vw;
	}
	.l-topics > p {
		text-align: center;
	}
}

/* 202307 update */
.detail-other--credit{
	padding-left: 20px;
}
.detail-other--credit li{
	line-height: 1.8;
	padding-bottom: .5em;
}
@media (max-width: 768px) {
.detail-other--credit{
	padding-left: 0;
}
}
/* 202407 update */
.detail-info__col3{
	display:flex;
	align-items:flex-start;
	background:#dbdbdb;
	margin-bottom:1px;
	padding:15px 20px;
	font-size:1.3rem;
	line-height:1.8;
	letter-spacing:2px
}
.detail-info__col3 span{
	display: block;
	}
@media (max-width:768px){
.detail-info__col3{
	flex-direction:column;
}
.detail-info__col3 span{
	display: inline;
	}
}
.detail-info__col3 .detail-info__list--left{
	width: 22%;
}
.detail-info__col3 .detail-info__list--right-1{
	width: 39%;
}
.detail-info__col3 .detail-info__list--right-2{
	width: 39%;
}

@media (max-width:768px){
.detail-info__col3 .detail-info__list--left{
	padding-bottom: 10px;
	width: 100%;
	}
.detail-info__col3 .detail-info__list--right-1{	
	padding-bottom: 10px;
	width: 100%;
	}
.detail-info__col3 .detail-info__list--right-2{
	width: 100%;
	}
}

/* 20240923 Update */
.l-topics2 {
	max-width: 680px;
	position: relative;
	margin: 20px auto 0 auto;
	padding: 3.3em;
	background:url("../img/oftheyear2026/topics-img.png") no-repeat left 10% top 40%;
	text-align: center;
}
.l-topics2 p {
	line-height: 1.6;
	font-size: 2.1rem;
}

.l-topics2 a{
    font-weight: bold;
    color: #000;
	background: #ffe500;
	padding: .2em 1em;
	border-radius: 50px;
	display: block;
	margin: 1em auto 0 auto;
	width: 10em;
}
@media (max-width: 768px) {
	.l-topics2 {
        margin-top: 0;
        margin-bottom: 0;
        padding: 2em 0;
		background-color: #fff;
	}
	.l-topics2 p {
		font-size: 3.75vw;
	}
	.l-topics2 > p {
		text-align: center;
	}
}