/* ==================================================
   common
================================================== */
.page{
	& div.inner{
		margin:0 0 180px;
	}
}
@media screen and (max-width: 910px) {
	#visual{
		width: 100vw;
		padding: 60px 5vw;
	}
}
@media screen and (max-width:420px) {
	#visual{
		margin-left: 0;
		margin-right: 0;
	}
}

/* ==================================================
   nominations
================================================== */
#nominations #selection_nominations div.inner{
	& h1.sttl{
		margin-bottom:30px;
	}
	& h2.nomination_period{
		margin-bottom:60px;
		font-family:"NSK-TSR-W-ExtraLight";
		& strong{
			margin-right:30px;
			font-family:"NSK-TSR-W-Light";
		}
		& span {
			font-size:18px;
		}
	}
}
#nominations{
	& #selection_nominations{
		& h1.sttl{
			margin-bottom:30px;
		}
		& p.outline{
			text-align:center;
		}
		& ul li{
			position:relative;
			margin:0 0 60px 200px;
			padding:0 0 0 60px;
			border-left:2px #dcdcdc solid;
			&:before{
				position:absolute;
				top:50%;
				margin-top:-0.5em;
				margin-left:-260px;
				line-height:1;
			}
			& h2.sttl{
				text-align:left;
			}
			& p{
				margin:0;
				&.indent{
					padding-left:1em;
					text-indent:-1em;
				}
			}
		}
	}
}

@media screen and (max-width:960px){
	#nominations {
		& #selection_nominations {
			& ul li {
				margin: 0 0 60px 130px;
				padding-left:40px;
				&::before {
					margin-left: -190px;
				}
			}
		}
	}
}
@media screen and (max-width:820px){
	#nominations {
		& #selection_nominations {
			& ul.no li {
				& h2.sttl{
					font-size:22px;
				}
			}
		}
	}
}
@media screen and (max-width:680px){
	#nominations {
		& #selection_nominations {
			& ul.no li {
				margin: 0 0 30px;
				padding-left:0;
				border-left: none;
				&::before {
					position:static;
					margin: 0;
					line-height: 1.4;
				}
				& h2.sttl{
					font-size:22px;
				}
			}
		}
	}
}
/* ==================================================
   topics
================================================== */
#contents dl.topics_list {
	max-width: 780px;
}
ul.pager{
	text-align:center!important;
	border-top:2px #dcdcdc solid;
}
ul.pager li{
	border-radius:50%;
	overflow:hidden;
}
ul.pager li.current{
	text-align:center!important;
}
#contents{
	& #topics_list{
		margin-bottom:45px;
		& h1.ttl_main{
			margin-bottom:30px;
		}
		& dl.topics_list{
			width: 100%;
			max-width: 780px;
		}
	}
}
@media screen and (max-width:540px){
	#contents{
		& div#contents #topics_list dl.topics_list{
			margin-bottom:45px;
		}
	}
}

/* ==================================================
   topics_page
================================================== */
#topics_page p.date{
	width:calc(150px + 30px + 5em);
	margin:-15px auto 60px;
	&:before{
		width: 150px;
		display: inline-block;
		margin-right:30px;
		padding: 0.8em 0 0.6em;
		color: #fff;
		font-size: 12px;
		text-align: center;
		line-height: 1;
		background-color: #0d295d;
	}
	&.topics:before{content:"TOPICS";}
	&.news:before{content:"NEWS";}
}
#topics_page ul.related_link{
	margin:45px 0 90px;
	& li{
		margin-bottom:10px;
	}
	& + p.tolist{
		padding-top:30px;
		border-top:2px #dcdcdc solid;
	}
}

/* ==================================================
   faq
================================================== */
#faq #faq_list{
	max-width:1024px;
	margin:0 auto;
	& dl.faq_list{
		& dt:before{
			font-family:"NSK-TSR-W-Medium";
		}
		& dd:before{
			font-family:"NSK-TSR-W-Medium";
		}
	}
}
#contents dl.faq_list h2.sttl    {font-size: 24px;}
#contents dl.faq_list dt         {font-size: 20px;}
#contents dl.faq_list dt::before {font-size: 50px;}

@media screen and (max-width:540px){
	#contents dl.faq_list h2.sttl    {font-size: 20px;}
	#contents dl.faq_list dt         {font-size: 18px;}
}
@media screen and (max-width:540px){
	#contents dl.faq_list h2.sttl{
		width:100vw;
		margin-left:-30px;
	}
}


/* ==================================================
   inquiry
================================================== */
#form_page p.outline::after {
	border: 2px #dcdcdc solid;
}
#form_page #section_inquery{
	& dl#form{
		text-align:center;
		border-top:none;
		& p.outline{
			max-width:780px;
			margin:0 auto;
		}
		& dt{
			padding-left:0;
			text-aling:left;
			text-indent:0;
			&:before{
				display:none;
			}
		}
		& dd{
			text-aling:left;
		}
	}
}
#form_page div#submit {
	width:100%;
	margin-left:0;
	padding-top:45px;
	border-top:2px #dcdcdc solid;
	background-color: transparent;
}

/* ==================================================
   sitemap
================================================== */
#sitemap #section_sitemap{
	ul{
		& li{
			width:calc(33.33% - 45px);
			margin-right:60px;
			margin-bottom:30px;
			&:nth-child(1){
				display:block;
			}
			&:nth-child(3n - 2){
				margin-right:0;
			}
			&.official_site{
				display:block;
			}
			& a{
				display:block;
				padding:15px 30px 15px 45px;
				border:1px #0d295d solid;
				background:url(../img/arr.png) no-repeat left 15px center / 15px auto;
				&:hover{
					color:#fff;
					background-color:orange;
				}
			}
		}
	}
}
@media screen and (max-width:960px){
	#sitemap #section_sitemap{
		ul{
			& li{
				width:calc(50% - 15px);
				margin-right:30px;
				&:nth-child(3n - 2){
					margin-right:30px;
				}
				&:nth-child(2n - 1){
					margin-right:0;
				}
			}
		}
	}
}
@media screen and (max-width:540px){
	#sitemap #section_sitemap{
		ul{
			& li{
				width:100%;
				margin-right:0;
				&:nth-child(3n - 2){
					margin-right:0;
				}
			}
		}
	}
}