﻿/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a,button {transition: all 1.0s ease 0s; color: #FFF; overflow-wrap: break-word;}
a:hover,button:hover {transition: all 1.0s ease 0s; opacity: 0.6;}

img { max-width: 100%; height: auto;}
table tr td { vertical-align: middle;}

small { font-size: 60%;}

html { position: relative;}
body {
	font-family:  "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
	font-size: 14px;
	color: #222;
	line-height: 1.6em;
	display: none;
}
.pageBG {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	background: url("../img/index/pageBG.jpg") no-repeat;
	background-size: cover;
	width: 100%;
	height: 100vh;
}
.w950 {
	width: 950px;
	margin: 0 auto;
}
.triangle {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	border: 1px solid #FFF;
	font-size: 14px;
}
.triangle::before {
	content: "";
	position: absolute;
	top: 40%;
	left: 50%;
	width: 0.5em;
	height: 0.5em;
	border-left: 0.1em solid #FFF;
	border-bottom: 0.1em solid #FFF;
	transform: translate(-50%, -50%) rotate(-45deg);
}
.gotop {
	position: fixed;
	bottom: 4%;
	right: 4%;
}

#header {
	position: fixed;
	top:0;
	left: 0;
	z-index: 99;
	width: 100%;
	background: rgba(0,0,0,0.5);
	padding: 8px;
	box-sizing: border-box;
}
#header .w950 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#header h1 span {
	display: inline-block;
	border: 1px solid #FFF;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	margin-right: 6px;
	vertical-align: middle;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
#header h1 img { display: inline-block; vertical-align: middle;}


#header #menu ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#header #menu ul li::after { 
	content: "／";
	color: #FFF;
	margin-right: 0.5em;
}
#header #menu ul li:last-child::after { display: none;}
#header #menu a { 
	color: #FFF;
	text-decoration: none;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 16px;
	font-weight: bold;
	padding-right: 0.5em;
}


#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(34,34,34,0.5);
	padding: 0.5em 0;
}
#footer p {
	text-align: right;
	color: #FFF;
	font-size: 12px;
}

#TOP .slider {
	background: url("../img/index/TOP_slideBG.jpg") no-repeat center;
	background-size: cover;
	padding: 90px 0 40px;
}
#TOP .slider ul { 
	position: relative;
	height: 415px;
}
#TOP .slider ul li {
	position: absolute;
	top: 0;
	left: 0;
}


#TOP #about {
	background: url("../img/index/aboutBG.jpg") no-repeat;
	background-size: cover;
	padding: 30px 0;
}
#TOP #about .triangle {
	position: absolute;
	right: 10%;
	top: 26%;
}

#TOP #about .aboutWrap { 
	width: 520px;
	margin: 0 auto;
	background: #424242;
	color: #FFF;
}
#TOP #about .aboutClick {
	font-size: 28px;
	font-weight: bold;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	text-align: center;
	position: relative;
	padding: 18px 0;
	cursor: pointer;
}
#TOP #about .aboutBody {
	padding: 30px;
	line-height: 1.8;
	border-top: 1px solid#6a6a6a;
}

#TOP #award_guide {
	background: url("../img/index/topSec2BG.jpg") no-repeat center;
	padding: 30px 0;
}
#TOP #award_guide h2 {
	color: #FFF;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 1em ;
	text-align: center;
}
#TOP #award_guide ul {
	display: flex;
	justify-content: center;
	align-items: center;
}
#TOP #award_guide ul li {
	width: 200px;
	height: 200px;
	border: 1px solid #e3c000;
	background: url("../img/index/topbtnBG.png") no-repeat center;
	margin: 0 15px;
}
#TOP #award_guide ul li a {
	font-size: 18px;
	font-weight: bold;
	color: #e3c000;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: relative;
}
#TOP #award_guide ul li a span { padding-bottom: 1.5em;}
#TOP #award_guide ul li a .triangle {
	position: absolute;
	right: 45%;
	bottom: 20%;
	border-color: #e3c000;
}
#TOP #award_guide ul li a .triangle::before { 
	border-color: #e3c000;
	border-left: none;
	border-right: 0.1em solid #e3c000;
	top: 48%;
	left: 46%;
}
#TOP #award_guide ul li a:hover { background: rgba(164,0,0,0.5);}

#TOP #news {
	background: #FFF;
	padding: 30px 0;
}

#TOP #news .bnr {
	width: 500px;
	margin: 0 auto 2rem;
}
#TOP #news .bnr a {
	display: block;
	background: #222;
	padding: 1rem 2rem;
}

#TOP #news .w950 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#TOP #news .newsArea h2 {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#TOP #news .newsArea {
	border: 1px solid #e3c000;
	width: 595px;
	height: 375px;
	padding: 20px;
	box-sizing: border-box;
}
#TOP #news .newsArea ul li {
	border-bottom: 1px solid #e6e6e6;
	padding: 14px 0;
}
#TOP #news .newsArea ul li:last-child { border: none;}
#TOP #news .newsArea ul li a { 
	color: #222;
	text-decoration: none;
	font-weight: bold;
	display: block;
}
#TOP #news .newsArea ul li a span {
	font-weight: normal;
	display: block;
	font-size: 14px;
	color: #d5b400;
}
#TOP #news .newsArea ul { 
	overflow: auto scroll;
	height: calc(100% - 20px);
	padding-right: 14px;
	margin-bottom: 20px;
}
#TOP #news .newsArea ul::-webkit-scrollbar { width: 4px;}
#TOP #news .newsArea ul::-webkit-scrollbar-track { border-radius: 10px;}
#TOP #news .newsArea ul::-webkit-scrollbar-thumb {
  background-color: #e6e6e6;
  border-radius: 10px;
}

#TOP #news .twArea { 
	width: 345px;
	height: 375px;
	overflow: hidden scroll;
	border: 1px solid #c4c4c4;
}

#TOP_winning {
	padding: 30px 0;
	background: url("../img/index/drape.png") no-repeat top center;
}
#TOP_winning .w950 { position: relative;}
#TOP_winning h2 {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color: #e3c000;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
#TOP_winning h2::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 45px;
	height: 31px;
	background: url("../img/index/h2winning_left.png")no-repeat;
	background-size: contain;
	margin-right: 0.5em;
}
#TOP_winning h2::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 45px;
	height: 31px;
	background: url("../img/index/h2winning_right.png")no-repeat;
	background-size: contain;
	margin-left: 0.5em;
}
#TOP_winning .Link_winning {
	position: absolute;
	right: 0;
	top: 0;
}
#TOP_winning .Link_winning a { text-decoration: none; color: #e3c000; }
#TOP_winning .Link_winning .triangle { 
	position: relative; 
	border-color: #e3c000;
	margin-left: 0.5em;
}
#TOP_winning .Link_winning .triangle::before {
    border-color: #e3c000;
    border-left: none;
    border-right: 0.1em solid #e3c000;
    top: 48%;
    left: 46%;
}
#TOP_winning .newBig { display: none;}

.Winning_LsitWrap { 
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.Winning_LsitWrap .winningBox {
	width: calc(100% / 4 - 17px);
	border:  1px solid #e3c000;
	margin-right: 20px;
	margin-bottom: 20px;
}
#TOP .winningBox:nth-of-type(4n) { margin-right: 0;}
.Winning_LsitWrap .winningBox .thumb { 
	background: #222;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 96px;
}
.Winning_LsitWrap .winningBox .thumb img { display: block; width: 100%; height: auto;}
.Winning_LsitWrap .winningBox a {
	color: #e3c000;
	font-weight: bold;
	text-decoration: none;
	font-size: 24px;
	display: block;
}
.Winning_LsitWrap .winningBox .txt { padding: 20px;}
.Winning_LsitWrap .winningBox .txt span { display: block; font-size: 18px;} 

#bnr { 
	background: #222;
	padding: 30px 0;
}
#bnr h2 { 
	text-align: center;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 30px;
}
#bnr ul {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	/*width: 650px;*/
	margin: 0 auto;
	margin-bottom: 30px;
}
#bnr ul li { margin: 0 10px; color: #FFF;}

#bnr .sponsorship { 
	border-top: 1px solid #505050;
	padding-top: 30px;
}

.contentsHeader {
	background: url("../img/share/contentsHeaderBG.jpg") no-repeat;
	background-size: cover;
	border-bottom: 1px solid #e3c000;
	margin-bottom: 30px;
	padding: 75px 0 15px;
	text-align: center;
}
.contentsHeader img { zoom: 0.5;}
#contents {
	background: url("../img/share/contentsTopleft.png") no-repeat left 6px top 6px, url("../img/share/contentsTopright.png") no-repeat right 6px top 6px,
		url("../img/share/contentsBottomleft.png") no-repeat left 6px bottom 6px, url("../img/share/contentsBottomright.png") no-repeat right 6px bottom 6px;;
	background-color: #FFF;
	outline: 2px solid #e3c000;
	outline-offset: -16px;
	padding: 56px;
	margin-bottom: 36px;
}
#contents .contentsMain { margin-bottom: 30px; text-align: center;}
#contents h3 { 
	font-size: 20px;
	font-weight: bold;
	margin: 1.5em 0 1em;
	padding-left: 0.5em;
	border-left: 6px double #e3c000;
}
#contents h3 small { font-size: 14px;}
#contents h4 {
	font-weight: bold;
	color: #e3c000;
	font-size: 16px;
}
#contents p { line-height: 1.8; margin-bottom: 1em;}
#contents p.center { text-align: center;}
#contents a { color: dodgerblue; text-decoration: underline;}
#contents ul { margin-bottom: 1em;}
#contents ul li {
	padding-left: 1em;
	text-indent: -1em;
}
#contents table th { text-align: left; padding: 0.2em;}
#contents table td { padding: 0.2em;}

#contents .vaFlexWrap {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 2em;
	flex-wrap: wrap;
}
#contents .vaFlexWrap .vaFlexWrap { max-width: 50%;}

#contents .vaFlexWrap  h5 { 
	font-weight: bold; 
	font-size: 15px; 
	text-align: center; 
	margin-bottom: 0.5em; 
	width: 100%;
}
#contents .vaFlexWrap h5 img { 
	vertical-align: middle; 
	display: inline-block; 
	margin-right: 4px;
}
#contents .vaFlexWrap .vaBox { padding: 0 1em; box-sizing: border-box; max-width: 50%; }
#contents .vaFlexWrap .vaBox p { font-weight: bold; line-height: 1.2;}
#contents .vaFlexWrap .vaBox span { 
	font-size: 12px;
	font-weight: normal;
	display: block;
	margin-top: 1em;
}
#contents .vaFlexWrap .vaBox .vaImg { text-align: center; margin-bottom: 1em;}

#contents .noimgs .vaFlexWrap .vaBox p { 
	border: 1px solid #efefef;
	padding: 1em;
}

#contents .grayBox {
	padding: 30px;
	background: #efefef;
	margin-bottom: 30px;
}
#contents .grayBox h5 { 
	font-size: 20px; 
	font-weight: bold; 
	text-align: center;
	margin-bottom: 1em;
}
#contents .redBox {
	border: 2px solid #d11c13;
	padding: 20px;
	text-align: center;
	color: #d11c13;
	font-size: 18px;
}
#contents .redBox h5 { 
	font-size: 20px; 
	font-weight: bold;
	margin-bottom: 1em
}

#contents .Btn_yellow {
	display: block;
	background: #e3c000;
	position: relative;
	text-decoration: none;
	text-align: center;
	padding: 1.2em;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}
#contents .Btn_yellow .triangle {
	position: absolute;
	right: 20px;
	top: 26%;
}
#contents .Btn_yellow .triangle::before { 
	border-left: none;
	border-right: 0.1em solid #FFF;
	top: 50%;
	left: 46%;
}
#contents .FlexBox {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 30px;
}

#Winning,#Voting,#Outline,#Audition,#News { 
	padding-bottom: 50px;
	min-height: calc(100vh - 50px);
    position: relative;
}
/*#Winning .Winning_LsitWrap .winningBox:nth-of-type(1) { display: none;}*/
#Winning .winningBox:nth-child(4n){ margin-right: 0;}
#Winning .newBig { margin-bottom: 30px;}

#Voting .grayBox table {
	margin: 1em auto 0;
	border: 1px solid #9D9D9D;
	width: 100%;
}
#Voting .grayBox table th {
	font-weight: bold;
	background: #9D9D9D;
	border: 1px solid #9D9D9D;
	font-size: 120%;
	color: #FFF;
}
#Voting .grayBox table th,
#Voting .grayBox table td {
	padding: 0.5em 1em;
	text-align: center;
}
#Voting .grayBox table td:nth-child(-n+2) {
	border-right: 1px solid #9D9D9D;
}
#Voting .grayBox table tr:nth-child(2) td { background: #FFF;}
#Voting .grayBox table tr:nth-child(odd) td {
	background: #DDDDDD;
}

#Voting .FlexBox .FlexBoxInner {
	border: 1px solid #e3c000;
	padding: 30px;
	box-sizing: border-box;
	width: calc(100% / 2 - 15px);
}

#Voting .FlexBox .FlexBoxInner h4 {
	text-align: center;
	font-weight: bold;
	color: #e3c000;
	font-size: 16px;
	margin-bottom: 1em;
}
#Voting .FlexBox.v2 > div { width: calc(100% / 2 - 15px); }
#Voting .FlexBox.v2 .FlexBoxInner { width: 100%;}


#Voting form {
	width: 70%;
	margin: 0 auto;
}
#Voting form dl { 
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 30px;
}
#Voting form dl dt { 
	text-align: right;
	padding: 1em 0;
	margin-right: 1em;
	width: 2em;
}
#Voting form dl dt:nth-of-type(2) { margin-left: 1em;}
#Voting form dl dd { width: calc(100% - 4em); }
#Voting form dl dd input {
	padding: 0.8em;
	font-size: 16px;
	border: none;
	border-radius: 0;
	width: 100%;
	box-sizing: border-box;
}
#Voting form button {
	width: 250px;
	display: block;
	box-sizing: border-box;
	background: #e3c000;
	border: none;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto;
	padding: 1em;
	position: relative;
	cursor: pointer;
}
#Voting form button .triangle {
	position: absolute;
	right: 20px;
	top: 26%;
}
#Voting form button .triangle::before { 
	border-left: none;
	border-right: 0.1em solid #FFF;
	top: 50%;
	left: 46%;
}
#Voting .redBox.error { font-size: 20px; font-weight: bold; margin-bottom: 30px;}
#Voting span.error { font-size: 14px; font-weight: bold; color: #d11c13; }
#Voting p.item { color: #0344a6; font-weight: bold; margin-bottom: 30px;}
#Voting .submitBtns {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#Voting form button.back {
	background: #FFF;
	border: 2px solid #e3c000;
	color: #e3c000;
}
#Voting form button.back .triangle { 
	border-color: #e3c000;
	right: auto;
	left: 20px;
}
#Voting form button.back .triangle::before {
	border-top: 0.1em solid #e3c000;
	border-left: 0.1em solid #e3c000;
	left: 55%;
}
#Voting .comp { text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 0;}

#Outline .FlexBox .FlexBoxInner { 
	width: calc(50% - 20px);
}
#Outline .FlexBox .FlexBoxInner:first-child { 
	border-right: 1px solid #dfdfdf;
	padding-right: 40px;
	box-sizing: border-box;
}
#Outline .imgh3 h3 { padding-left: 0; border: none;}
#Outline .imgh3 h3 img { vertical-align: bottom; margin-right: 6px;}

#Audition .scrollBox {
	height: 330px;
	border: 1px solid #dcdcdc;
	padding: 30px;
	box-sizing: border-box;
}
#Audition .scrollBox .scrollWrap {
	overflow: auto scroll;
	height: 100%;
	padding-right: 10px;
}
#Audition .scrollBox .scrollWrap::-webkit-scrollbar { width: 4px;}
#Audition .scrollBox .scrollWrap::-webkit-scrollbar-track { border-radius: 10px;}
#Audition .scrollBox .scrollWrap::-webkit-scrollbar-thumb {
  background-color: #dcdcdc;
  border-radius: 10px;
}
#Audition .scrollBox ul li {
	padding-left: 2em;
	text-indent: -2em;
}
#Audition .scrollBox ul ul li {
	padding-left: 3em;
	text-indent: -3em;
}
#Audition .red { font-size: 16px; font-weight: bold; color: #d11c13;}

#Voice h2 { width: 90%; margin: 0 auto;}
#Voice table .photo { max-width: 170px;}

.movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    width: 100%;
    height: 100%;
}

@media (min-width: 769px){ #SPmenu { display: none;} .contents_btn { display: none;}}
@media (max-width: 768px){
	.w950 { width: 100%; padding: 0 2%; box-sizing: border-box;}
	
	#menu { display: none;}
	#SPmenu p { 
		font-size: 14px;
		margin-bottom: 10px;
		padding-left: 1em;
	}
	#SPmenu .hamburger {
	  display : block;
	  position: absolute;
	  z-index : 100;
	  right : 2%;
	  top   : 15%;
	  width : 42px;
	  height: 42px;
	  cursor: pointer;
	  text-align: center;
	}
	#SPmenu .hamburger span {
	  display : block;
	  position: absolute;
	  width   : 30px;
	  height  : 2px ;
	  left    : 6px;
	  background : #FFF;
	  -webkit-transition: 0.3s ease-in-out;
	  -moz-transition   : 0.3s ease-in-out;
	  transition        : 0.3s ease-in-out;
	}
	#SPmenu .hamburger span:nth-child(1) {
	  top: 10px;
	}
	#SPmenu .hamburger span:nth-child(2) {
	  top: 20px;
	}
	#SPmenu .hamburger span:nth-child(3) {
	  top: 30px;
	}

		/* ナビ開いてる時のボタン */
		#SPmenu .hamburger.active span { background: #e3c000; }
		#SPmenu .hamburger.active span:nth-child(1) {
		  top : 16px;
		  left: 6px;
		  -webkit-transform: rotate(-45deg);
		  -moz-transform   : rotate(-45deg);
		  transform        : rotate(-45deg);
		}

		#SPmenu .hamburger.active span:nth-child(2),
		#SPmenu .hamburger.active span:nth-child(3) {
		  top: 16px;
		  -webkit-transform: rotate(45deg);
		  -moz-transform   : rotate(45deg);
		  transform        : rotate(45deg);
		}	
	#SPmenu ul {
		position: fixed;
		z-index : 2;
		top  : 0;
		right : 0;
		color: #e3c000;
		background: rgba(98,0,0,0.95);
		transform: translateX(100%);
		transition: all 0.6s;
		width: 50%;
		height: 100vh;
		padding: 60px 4% 0;
		box-sizing: border-box;
	}

	#SPmenu ul li {
		list-style-type: none;
		width: 100%;
		margin-bottom: 1px;
	}
	#SPmenu ul li:nth-of-type(n + 3) {
		border-bottom: 1px solid #9a850f;
	}

	#SPmenu ul li a {
		display: block;
		color: #e3c000;
		background: rgba(82,1,1,0.95);
		padding: 1em;
		text-decoration :none;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 16px;
		font-weight: bold;
	}

	/* このクラスを、jQueryで付与・削除する */
	#SPmenu ul.active {
	  transform: translateX(0%);
	}	
	
	#TOP .slider ul { width: 95%; height: 32vh;}
	#TOP .slider ul li img { width: 100%; height: auto;}
	
	#TOP #about .aboutWrap { width: 94%;}
	
	#TOP #news .newsArea { width: 64%;}
	#TOP #news .twArea { width: 34%;}
	
	#TOP_winning .Link_winning { right: 2%;}
	#TOP_winning .Winning_LsitWrap .winningBox .thumb { min-height: 115px;}
	
	#bnr ul { width: 90%; }
	
	#contents {
		outline: 1px solid #e3c000;
		background-position: top 0 left 0, top 0 right 0, bottom 0 left 0, bottom 0 right 0;
		outline-offset: -8px;
		background-size: 10% auto;
		padding: 18px;
	}
	#contents h3 { font-size: 18px;}
	#contents .vaFlexWrap .vaFlexWrap { width: 100%; max-width: 100%;}
	
}
@media (max-width: 480px){

	#header h1 span {
		font-size: 14px;
		padding: 6px;
	}
	#header h1 img { width: 50%; height: auto;}
	
	#TOP .slider ul { height: 20vh;}
	#SPmenu ul { width: 65%;}
	
	#TOP #about .aboutClick { font-size: 20px;}
	
	#TOP #award_guide { background: url("../img/index/topSec2BG_sp.jpg") no-repeat center; background-size: cover;}
	#TOP #award_guide h2 { font-size: 20px;}
	#TOP #award_guide ul { 
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	#TOP #award_guide ul li {
		width: 100%;
		height: auto;
		margin: 0 0 20px;
		background: none;
	}
	#TOP #award_guide ul li a { padding: 1em; box-sizing: border-box; }
	#TOP #award_guide ul li a .triangle { right: 4%; bottom: 28%;}
	#TOP #award_guide ul li a span { padding-bottom: 0;}
	
	#TOP #news .bnr { width: 90%;}
	#TOP #news .w950 { display: block;}
	#TOP #news .newsArea { margin-bottom: 20px;}
	#TOP #news .newsArea,
	#TOP #news .twArea { width: 100%; box-sizing: border-box;}
	
	#TOP_winning h2 { font-size: 20px; margin-bottom: 10px;}
	#TOP_winning .Link_winning { position: inherit; text-align: right; margin-bottom: 20px;}
	.Winning_LsitWrap .winningBox { width: calc(100% / 2 - 3%); margin-right: 4%;}
	#TOP_winning .winningBox:nth-of-type(2n){ margin-right: 0;}
	#TOP_winning .contents_btn { 
		width: 50%;
		margin: 0 auto;
		border: 1px solid #e3c000;
		text-align: center;
		color: #e3c000;
		font-size: 18px;
		position: relative;
		box-sizing: border-box;
		padding: 0.5em 1em;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-weight: bold;
	}
	#TOP_winning .contents_btn .triangle {
		position: absolute;
		right: 4%;
		top: 15%;
		border-color: #e3c000;
	}
	#TOP_winning .contents_btn .triangle::before { border-color: #e3c000; }
	.Winning_LsitWrap .winningBox .txt { padding: 18px;}
	.Winning_LsitWrap .winningBox .txt span { display: block; font-size: 14px;} 

	
	#bnr .sponsorship ul { width: 100%;}
	#bnr .sponsorship ul li { margin:0 1px 0 0;}
	
	#contents .FlexBox { display: block;}
	#contents table th { min-width: 5em;}
	#contents .Btn_yellow { font-size: 14px;}
	#contents .Btn_yellow .triangle { 
		width: 18px;
		height: 18px;
		right: 10px;
		top: 30%;
	}
	#contents .grayBox { padding: 18px;}
	#contents .grayBox h5 { font-size: 16px;}
	
	#Winning .contents_btn { display: none;}
	#Winning .winningBox:nth-of-type(2n){ margin-right: 0;}
	
	#Voting .FlexBox.v2 > div { width: 100%;}
	#Voting .FlexBox .FlexBoxInner { width: 100%; margin-bottom: 20px;}
	#Voting form { width: 100%;}
	#Voting form dl { flex-wrap: wrap;}
	#Voting form dl dd { width: calc(100% - 3em);}
	#Voting form dl dt:nth-of-type(2) { margin-left: 0;}
	#Voting .submitBtns { display: block;}
	#Voting form button.back { margin-bottom: 20px;}
	
	#Outline .FlexBox .FlexBoxInner { width: 100%;}
	#Outline .FlexBox .FlexBoxInner:first-child {
		padding-right: 0;
		padding-bottom: 20px;
		border-right: none;
		border-bottom: 1px solid #dfdfdf;
	}
	
	#Audition .scrollBox { padding: 14px; height: 280px;}
	
	#Voice table .photo { width: 40%;}

}

