@charset "UTF-8";

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,strong,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,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;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;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}

/* ----------------------------------------------------------- COMMON */
html {
	font-size: 62.5%;
}
body {
	color: #111;
	font-size: 1.6rem;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}

/*/LINK/*/
a { text-decoration:none;}
a:hover { text-decoration:none;}
a:visited { text-decoration:none;}

#wrapper {
	min-width: 1000px;
}

@media all and (max-width: 767px) {

#wrapper {
	min-width: 100%;
}

}


/* ----------------------------------------------------------- TOP HEADER */

#wrapper header #mainImg {
	background: url(../img/top/main_bg.jpg) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 550px;
	position: relative;
}

#wrapper header #mainImg h1 {
	background: url(../img/top/main_img.png) no-repeat center center;
	background-size: 1280px 550px;
	min-width: 1000px;
	max-width: 1280px;
	height: 550px;
	margin: 0 auto;
}

#wrapper header #mainImg #ticketSo {
	background: url(../img/top/ticket_so.png) no-repeat center center;
	background-size: cover;
	width: 350px;
	height: 77px;
	position: absolute;
	right: 30px;
	bottom: 30px;
}

#wrapper header #mainImg #ticketInfo {
	background: url(../img/top/ticket_info.png) no-repeat center center;
	background-size: cover;
	width: 257px;
	height: 77px;
	position: absolute;
	right: 30px;
	bottom: 30px;
}

#wrapper header #mainImg #ticketStart {
	background: url(../img/top/ticket_start.png) no-repeat center center;
	background-size: cover;
	width: 220px;
	height: 130px;
	position: absolute;
	right: 30px;
	bottom: 30px;
}

#wrapper header #mainImg #ticketBtn a {
	display: inline-block;
	background: url(../img/top/ticket_btn.png) no-repeat center center;
	background-size: cover;
	width: 294px;
	height: 115px;
	position: absolute;
	right: 30px;
	bottom: 30px;
	transition: all .3s ease-out;
}

@media all and (min-width: 768px) {

#wrapper header #mainImg #ticketBtn a:hover {
	opacity: 0.7;
}

}

#wrapper header #awardBnr {
	background: #fc0;
	padding: 25px 0 40px;
}

#wrapper header #awardBnr p {
	text-align: center;
}

#wrapper header #awardBnr p a {
	display: inline-block;
	width: 1000px;
	height: 148px;
	background: url(../img/top/award_bnr.png) no-repeat center top;
	background-size: cover;
	transition: all .3s ease-out;
	margin-top: 30px;
}

#wrapper header #awardBnr p.awardfinalist a {
	display: inline-block;
	width: 1000px;
	height: 80px;
	background: url(../img/top/award_bnr2.png) no-repeat center top;
	background-size: cover;
	transition: all .3s ease-out;
	margin-top: 30px;
}

@media all and (min-width: 768px) {

#wrapper header #awardBnr p a:hover {
	opacity: 0.5;
}

}

#wrapper header #awardBnr #copy {
	background: url(../img/top/copy.png) no-repeat center top;
	width: 950px;
	height: 115px;
	background-size: cover;
	margin: 0 auto;
}


@media all and (max-width: 767px) {

#wrapper header #mainImg {
	background: none;
	width: 100%;
	height: auto;
}

#wrapper header #mainImg h1 {
	background: url(../img/top/main_img_sp.jpg) no-repeat center top;
	background-size: cover;
	min-width: 100%;
	max-width: 100%;
	height: auto;
	aspect-ratio: 640 / 1352;
}

#wrapper header #mainImg #ticketSo {
	width: 220px;
	height: 48px;
	right: 20px;
	bottom: 20px;
}

#wrapper header #mainImg #ticketInfo {
	width: 160px;
	height: 48px;
	right: 10px;
	bottom: 10px;
}

#wrapper header #mainImg #ticketStart {
	width: 146px;
	height: 86px;
	right: 10px;
	bottom: 10px;
}

#wrapper header #mainImg #ticketBtn a {
	width: 170px;
	height: 66px;
	right: 10px;
	bottom: 10px;
}

#wrapper header #awardBnr {
	padding: 15px 0 20px;
}

#wrapper header #awardBnr p {
	padding: 0 15px;
}

#wrapper header #awardBnr p a {
	display: block;
	width: 100%;
	height: auto;
	background: url(../img/top/award_bnr_sp.png) no-repeat center top;
	background-size: cover;
	padding-top: 43.448%;
	margin-top: 10px;
}

#wrapper header #awardBnr p.awardfinalist a {
	display: block;
	width: 100%;
	height: auto;
 aspect-ratio: 580 / 178;
	background: url(../img/top/award_bnr2_sp.png) no-repeat center top;
	background-size: cover;
 padding-top: 0;
	margin-top: 10px;
}


#wrapper header #awardBnr #copy {
	background: url(../img/top/copy_sp.png) no-repeat center center;
	box-sizing: border-box;
	width: 95%;
	height: auto;
	background-size: contain;
	padding-top: 30.464%;
	padding-left: 0;
	padding-right: 0;
}

}


/* ----------------------------------------------------------- TOP LEAD */

#wrapper main #lead {
	background: url(../img/top/lead_bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 60px 0 90px;
}

#wrapper main #lead p {
	color: #fff;
	font-size: 24px;
	line-height: 180%;
	font-weight: bold;
	text-align: center;
	margin-top: 1.5em;
}

#wrapper main #lead p.fontS {
	font-size: 14px;
	margin-top: 3em;
}


@media all and (max-width: 767px) {

#wrapper main #lead {
	background: url(../img/top/lead_bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 30px 15px 50px;
}

#wrapper main #lead p {
	font-size: 16px;
	line-height: 180%;
	text-align: left;
}

#wrapper main #lead p br {
	display: none;
}

#wrapper main #lead p.fontS {
	font-size: 13px;
	margin-top: 2em;
}

}

/* ----------------------------------------------------------- TOP KIKAKU */

#wrapper main #kikaku #kikakuIn {
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0 100px;
}

#wrapper main #kikaku #kikakuIn ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#wrapper main #kikaku #kikakuIn ul li {
	box-sizing: border-box;
	width: calc( (100% - 30px) / 2 );
	background: #fc0;
	border-radius: 20px;
	position: relative;
	padding: 40px 35px 40px;
	margin-top: 70px;
}

#wrapper main #kikaku #kikakuIn ul li:nth-child(even) {
	background: #e3206d;
}

#wrapper main #kikaku #kikakuIn ul li .kikakuIcon {
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
}

#wrapper main #kikaku #kikakuIn ul li dl dt {
	color: #e3206d;
	font-size: 24px;
	line-height: 140%;
	font-weight: bold;
	text-align: center;
}

#wrapper main #kikaku #kikakuIn ul li:nth-child(even) dl dt {
	color: #fc0;
}

#wrapper main #kikaku #kikakuIn ul li dl dd {
	font-size: 16px;
	line-height: 160%;
	margin-top: 10px;
}

#wrapper main #kikaku #kikakuIn ul li:nth-child(even) dl dd {
	color: #fff;
}

#wrapper main #kikaku #kikakuIn ul li:nth-child(even) dl dd .strong {
	font-weight: bold;
	border-bottom: 2px #fc0 solid;
}

#wrapper main #kikaku #kikakuIn ul li dl dd .fontS {
	font-size: 11px;
}

#wrapper main #kikaku #kikakuIn ul li dl dd p {
	text-align: center;
	padding-top: 15px;
}

#wrapper main #kikaku #kikakuIn ul li dl dd p a {
	color: #fc0;
 font-size: 20px;
	font-weight: bold;
	display: inline-block;
	background: #e3206d;
	border-radius: 2em;
	padding: 0.5em 3em;
	transition: all .3s ease-out;
}

@media all and (min-width: 768px) {

#wrapper main #kikaku #kikakuIn ul li dl dd p a:hover {
	opacity: 0.5;
}

}

#wrapper main #kikaku #kikakuIn ul li dl dd #networkingImg1 {
	float: left;
	width: 204px;
	height: 136px;
	background: url(../img/top/networking1.jpg) no-repeat center top;
	background-size: cover;
	margin: 10px auto 0;
}

#wrapper main #kikaku #kikakuIn ul li dl dd #networkingImg1 img, #wrapper main #kikaku #kikakuIn ul li dl dd #networkingImg2 img  {
	width: 204px;
	height: 136px;
}

#wrapper main #kikaku #kikakuIn ul li dl dd #networkingImg2 {
	float: right;
	width: 204px;
	height: 136px;
	background: url(../img/top/networking2.jpg) no-repeat center top;
	background-size: cover;
	margin: 10px auto 0;
}


#wrapper main #kikaku #kikakuIn ul li dl dd .prev {
	font-size: 13px;
	line-height: 300%;
	text-align: center;
}

#wrapper main #kikaku #kikakuIn ul li dl dd .prev::before {
	content: '';
	display: block;
	clear: both;
}


@media all and (max-width: 767px) {


#wrapper main #kikaku #kikakuIn {
	box-sizing: border-box;
	width: 100%;
	padding: 10px 15px 30px;
}

#wrapper main #kikaku #kikakuIn ul {
	display: block;
}

#wrapper main #kikaku #kikakuIn ul li {
	width: 100%;
	padding: 40px 20px 20px;
	margin-top: 60px;
}

#wrapper main #kikaku #kikakuIn ul li .kikakuIcon {
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
}

#wrapper main #kikaku #kikakuIn ul li dl dt {
	font-size: 18px;
}

#wrapper main #kikaku #kikakuIn ul li dl dd {
	font-size: 14px;
	margin-top: 10px;
}

#wrapper main #kikaku #kikakuIn ul li dl dd p a {
 font-size: 16px;
}

#wrapper main #kikaku #kikakuIn ul li dl dd #networkingImg1, #wrapper main #kikaku #kikakuIn ul li dl dd #networkingImg2 {
	float: none;
	width: 300px;
	height: 200px;
}

#wrapper main #kikaku #kikakuIn ul li dl dd #networkingImg1 img {
	width: 300px;
	height: 200px;
}

#wrapper main #kikaku #kikakuIn ul li dl dd .prev {
	font-size: 11px;
}


}

/* ----------------------------------------------------------- TOP OVERVIEW */

#wrapper main #overview {
	background: url(../img/top/overview_bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 140px 0;
	position: relative;
}

#wrapper main #overview #overviewIn {
	background: rgba(255,255,255,0.9);
	box-sizing: border-box;
	width: 1000px;
	border: 5px #e3206d solid;
	border-radius: 20px;
	margin: 0 auto;
	padding: 30px 0 60px;
}

#wrapper main #overview #overviewIn dl {
	font-weight: bold;
	text-align: center;
}

#wrapper main #overview #overviewIn dl dt {
	color: #e3206d;
	font-size: 20px;
	margin-top: 1.5em;
}

#wrapper main #overview #overviewIn dl dd {
	font-size: 18px;
	line-height: 200%;
	margin-top: 10px;
}

#wrapper main #overview #overviewIn dl dd .fontS {
	font-size: 13px;
}

#wrapper main #overview #overviewIn dl dd .fontS .strong {
	color: #e3206d;
	font-size: 10px;
	border: 1px #e3206d solid;
	padding: 3px 5px;
	margin-right: 10px;
}

#wrapper main #overview #overviewIn dl dd .kaijo {
	display: block;
	margin-top: -15px;
}

#wrapper main #overview .photoCap {
	color: #fff;
	font-size: 11px;
	text-align: left;
	position: absolute;
	right: 5px;
	bottom: 5px;
}


@media all and (max-width: 767px) {

#wrapper main #overview {
	background: url(../img/top/overview_bg.jpg) no-repeat 25% top;
	background-size: cover;
	padding: 120px 15px;
}

#wrapper main #overview #overviewIn {
	width: 100%;
	padding: 30px 10px 50px;
}

#wrapper main #overview #overviewIn dl dt {
	font-size: 16px;
}

#wrapper main #overview #overviewIn dl dd {
	font-size: 14px;
}

#wrapper main #overview #overviewIn dl dd .fontS {
	font-size: 10px;
}

#wrapper main #overview .photoCap {
	font-size: 10px;
}

}

/* ----------------------------------------------------------- TOP TICKET */

#wrapper main #ticket {
	box-sizing: border-box;
	width: 1000px;
	margin: 120px auto 0;
}

#wrapper main #ticket #ticketIn {
	background: #e3206d;
	border-radius: 20px;
	padding: 60px 60px 60px;
	position: relative;
}

#wrapper main #ticket #ticketIn h2 {
	width: 183px;
	height: 125px;
	position: absolute;
	top: -76px;
	left: 50%;
	transform: translateX(-50%);
}

#wrapper main #ticket #ticketIn h2 {
	background: url(../img/top/ticket_m.png) no-repeat center top;
	background-size: cover;
}

#wrapper main #ticket #ticketIn .rialTicket li {
	color: #fff;
}

#wrapper main #ticket #ticketIn .ticketType {
	color: #fc0;
	font-size: 26px;
	line-height: 150%;
	font-weight: bold;
	margin-top: 30px;
}

#wrapper main #ticket #ticketIn .ticketType .price {
	color: #fff;
}

#wrapper main #ticket #ticketIn .ticketType .priceS {
	color: #fff;
	font-size: 13px;
}

#wrapper main #ticket #ticketIn .ticketType .gakuwariSlash, #wrapper main #ticket #ticketIn .ticketType .gakuwariPrice {
	color: #fff;
	font-size: 20px;
}

#wrapper main #ticket #ticketIn .ticketType .gakuwariTicket {
	font-size: 20px;
}

#wrapper main #ticket #ticketIn .ticketType .soldout {
	color: #fff;
	font-size: 20px;
	background: #09c;
	padding: 2px 5px;
}

#wrapper main #ticket #ticketIn .ticketCap {
	color: #fff;
	font-size: 16px;
	line-height: 160%;
	margin-top: 10px;
}

#wrapper main #ticket #ticketIn .rialCaution {
	color: #fff;
	font-size: 14px;
	line-height: 160%;
	margin-top: 30px;
}

#wrapper main #ticket #ticketIn .rialCaution span {
	border-bottom: 1px #fc0 solid;
}

#wrapper main #ticket #ticketIn .termM {
 color: #fc0;
 font-size: 20px;
 margin-top: 40px;
}

#wrapper main #ticket #ticketIn .term {
	color: #fff;
	font-size: 20px;
}

#wrapper main #ticket #ticketIn .term dt {
 float: left;
 padding-top: 15px;
}

#wrapper main #ticket #ticketIn .term dd {
 padding: 15px 0 0 6.5em;
}


#wrapper main #ticket #ticketIn .ticketList {
	color: #fff;
	font-size: 14px;
	margin: 40px 0 0 1em;
}

#wrapper main #ticket #ticketIn .ticketList li {
	line-height: 160%;
 list-style-type: disc;
}

#wrapper main #ticket #ticketIn .ticketList li a {
 color: #fff;
 text-decoration: underline;
}

@media all and (min-width: 768px) {
#wrapper main #ticket #ticketIn .ticketList li a:hover {
	opacity: 0.5;
}
}


#wrapper main #ticket #ticketIn .ticketList .covidLink a {
	color: #fc0;
	text-decoration: underline;
	transition: all .3s ease-out;
}

@media all and (min-width: 768px) {
#wrapper main #ticket #ticketIn .ticketList .covidLink a:hover {
	opacity: 0.5;
}
}

#wrapper main #ticket #ticketIn #haishin {
	border-top: 2px #fc0 dotted;
	padding-top: 50px;
	margin-top: 50px;
}

#wrapper main #ticket #ticketIn .ticketBtn {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

#wrapper main #ticket #ticketIn .ticketBtn li {
	margin: 0 10px;
}

#wrapper main #ticket #ticketIn .ticketBtn li a {
	color: #e3206d;
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	background: #fc0;
	padding: 1em 2em;
	border-radius: 8px;
	transition: all .3s ease-out;
}

@media all and (min-width: 768px) {

#wrapper main #ticket #ticketIn .ticketBtn li a:hover {
	opacity: 0.5;
}

}

#wrapper main #ticket #ticketIn .gaibuLink {
	color: #fff;
	font-size: 11px;
	text-align: center;
	margin-top: 10px;
}

#wrapper main #ticket #ticketIn #charm {
	float: right;
	background: url(../img/top/charm.png) no-repeat center top;
	background-size: cover;
	width: 150px;
	height: 187px;
	margin: -40px 0 0 20px;
}


@media all and (max-width: 767px) {

#wrapper main #ticket {
	box-sizing: border-box;
	width: 100%;
	margin: 80px 0 0;
	padding: 0 15px;
}

#wrapper main #ticket #ticketIn {
	padding: 30px 20px 30px;
	position: relative;
}

#wrapper main #ticket #ticketIn h2 {
	width: 133px;
	height: 91px;
	top: -56px;
}

#wrapper main #ticket #ticketIn .ticketType {
	font-size: 18px;
	line-height: 140%;
	margin-top: 30px;
}

#wrapper main #ticket #ticketIn .ticketType .price::before, #wrapper main #ticket #ticketIn .ticketType .gakuwariTicket::before, #wrapper main #ticket #ticketIn .ticketType .gakuwariPrice::before {
	content: "\A";
	white-space: pre;
}

#wrapper main #ticket #ticketIn .ticketType .priceS {
	font-size: 12px;
}

#wrapper main #ticket #ticketIn .ticketType .gakuwariSlash {
	display: none;
}

#wrapper main #ticket #ticketIn .ticketType .gakuwariPrice {
	font-size: 16px;
}

#wrapper main #ticket #ticketIn .ticketType .gakuwariTicket {
	font-size: 16px;
}

#wrapper main #ticket #ticketIn .ticketType .soldout {
	font-size: 13px;
}

#wrapper main #ticket #ticketIn .ticketCap {
	font-size: 13px;
	margin-top: 5px;
}

#wrapper main #ticket #ticketIn .rialCaution {
	font-size: 13px;
	margin-top: 30px;
}

#wrapper main #ticket #ticketIn .termM {
 font-size: 16px;
}

#wrapper main #ticket #ticketIn .term {
	font-size: 12px;
}

#wrapper main #ticket #ticketIn .term dt {
 float: left;
 padding-top: 15px;
}

#wrapper main #ticket #ticketIn .term dd {
 padding: 15px 0 0 6.5em;
}


#wrapper main #ticket #ticketIn .ticketList {
	color: #fff;
	font-size: 14px;
	margin: 40px 0 0 1em;
}

#wrapper main #ticket #ticketIn .ticketList li {
	line-height: 160%;
 list-style-type: disc;
}

#wrapper main #ticket #ticketIn .ticketList {
	font-size: 13px;
	margin-top: 30px;
}

#wrapper main #ticket #ticketIn #haishin {
	padding-top: 30px;
	margin-top: 30px;
}

#wrapper main #ticket #ticketIn .ticketBtn {
	text-align: center;
	display: block;
	margin-top: 30px;
}

#wrapper main #ticket #ticketIn .ticketBtn li {
	margin: 10px 0 0 0;
}

#wrapper main #ticket #ticketIn .ticketBtn li a {
	font-size: 16px;
 box-sizing: border-box;
 width: 100%;
 padding: 1em 0;
}

#wrapper main #ticket #ticketIn #charm {
	float: none;
	margin: 10px auto 0;
}

}


/* ----------------------------------------------------------- TOP Sponsor */

#wrapper main #topSponsor {
	box-sizing: border-box;
	width: 1000px;
	margin: 120px auto 0;
}

#wrapper main #topSponsor #topSponsorIn {
	background: #fc0;
	border-radius: 20px;
	padding: 60px 150px 60px;
	position: relative;
}

#wrapper main #topSponsor #topSponsorIn h2 {
	width: 183px;
	height: 125px;
	position: absolute;
	top: -76px;
	left: 50%;
	transform: translateX(-50%);
}

#wrapper main #topSponsor #topSponsorIn h2 {
	background: url(../img/top/sponsor_m.png) no-repeat center top;
	background-size: cover;
}

#wrapper main #topSponsor #topSponsorIn ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}


#wrapper main #topSponsor #topSponsorIn ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
 box-sizing: border-box;
 aspect-ratio: 270 / 140;
	width: 180px;
	margin: 30px 15px 0;
}

#wrapper main #topSponsor #topSponsorIn ul.sponsor2 {
	margin-top: 30px;
}


@media all and (max-width: 767px) {


#wrapper main #topSponsor {
	box-sizing: border-box;
	width: 100%;
	margin: 80px 0 0;
	padding: 0 15px;
}

#wrapper main #topSponsor #topSponsorIn {
	padding: 50px 20px 30px;
}

#wrapper main #topSponsor #topSponsorIn h2 {
	width: 133px;
	height: 91px;
	top: -56px;
}

#wrapper main #topSponsor #topSponsorIn ul::after {
    margin-top: 0;
}

#wrapper main #topSponsor #topSponsorIn ul li {
 width: calc( (100% - 30px) / 2);
	margin: 12px 6px 0;
}

#wrapper main #topSponsor #topSponsorIn ul li:nth-child(n+7) {
	margin: 30px 0 0;
}

}



/* ----------------------------------------------------------- TOP Contact */

#wrapper main #topContact {
	box-sizing: border-box;
	width: 1000px;
	margin: 120px auto 0;
}

#wrapper main #topContact #topContactIn {
	background: #fc0;
	border-radius: 20px;
	padding: 60px 60px 60px;
	position: relative;
}

#wrapper main  #topContact #topContactIn h2 {
	width: 183px;
	height: 125px;
	position: absolute;
	top: -76px;
	left: 50%;
	transform: translateX(-50%);
}

#wrapper main  #topContact #topContactIn h2 {
	background: url(../img/top/contact_m.png) no-repeat center top;
	background-size: cover;
}

#wrapper main  #topContact #topContactIn p {
	font-size: 16px;
	line-height: 180%;
	text-align: center;
}

#wrapper main  #topContact #topContactIn p:last-of-type {
	margin-top: 20px;
}

#wrapper main  #topContact #topContactIn p a {
	color: #111;
	text-decoration: underline;
	transition: all .3s ease-out;
}

#wrapper main  #topContact #topContactIn p a:hover {
	opacity: 0.5;
}


@media all and (max-width: 767px) {


#wrapper main #topContact {
	box-sizing: border-box;
	width: 100%;
	margin: 80px 0 0;
	padding: 0 15px;
}

#wrapper main #topContact #topContactIn {
	padding: 50px 20px 30px;
}

#wrapper main #topContact #topContactIn h2 {
	width: 133px;
	height: 91px;
	top: -56px;
}

#wrapper main  #topContact #topContactIn p {
	font-size: 13px;
}

}

/* ----------------------------------------------------------- TOP KYOSAN */

#wrapper main #kyosan {
	margin-top: 80px;
}

#wrapper main #kyosan ul {
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#wrapper main #kyosan ul li {
	margin: 0 20px;
}

#wrapper main #kyosan ul li dl {
	display: flex;
	align-items: center;
}

#wrapper main  #kyosan ul li dl dt {
	margin-right: 10px;
}

#wrapper main  #kyosan ul li dl dd img {
 vertical-align: middle;
}

#wrapper main  #kyosan ul li dl .kouenTxt {
	font-size: 20px;
 line-height: 140%;
}

#wrapper main  #kyosan ul li dl .kouenTxt .fontS {
	font-size: 16px;
}



@media all and (max-width: 767px) {


#wrapper main #kyosan {
	margin-top: 0;
}

#wrapper main #kyosan ul {
	font-size: 13px;
	text-align: center;
 flex-direction: column;
	flex-wrap: wrap;
 align-items: center;
 margin: 0 10px;
}

#wrapper main #kyosan ul li {
	text-align: center;
	margin: 30px 0 0 0;
}

#wrapper main  #kyosan ul li dl {
 display: block;
}

#wrapper main  #kyosan ul li dl dt {
 font-weight: bold;
 margin-bottom: 10px; 
}


#wrapper main  #kyosan ul li dl .kouenTxt {
	font-size: 14px;
}

#wrapper main  #kyosan ul li dl .kouenTxt .fontS {
	font-size: 13px;
}

}


/* ----------------------------------------------------------- AWARD MAIN */

#wrapper #awardHeader {
	background: url(../img/award/award_main_bg.png) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 220px;
}

#wrapper #awardHeader #awardMain {
	background: url(../img/award/award_main_img.png) no-repeat center center;
	background-size: cover;
	width: 1000px;
	height: 220px;
	margin: 0 auto;
}

#wrapper #awardHeader #awardMain #logo a {
	display: inline-block;
	width: 220px;
	height: 220px;
}

#wrapper #awardNav {
	position: sticky;
	background: #fc0;
	padding: 20px 0;
	top: 0;
	z-index: 999;s
}

#wrapper #awardNav ul {
	display: flex;
	justify-content: space-between;
	width: 1000px;
	margin: 0 auto;
}

#wrapper #awardNav ul li a {
	display: inline-block;
	height: 24px;
	transition: all .3s ease-out;
}

#wrapper #awardNav ul li#nav1 a {
	background: url(../img/award/award_nav1.png) no-repeat center top;
	background-size: cover;
	width: 98px;
}

#wrapper #awardNav ul li#nav2 a {
	background: url(../img/award/award_nav2.png) no-repeat center top;
	background-size: cover;
	width: 111px;
}

#wrapper #awardNav ul li#nav3 a {
	background: url(../img/award/award_nav3.png) no-repeat center top;
	background-size: cover;
	width: 145px;
}

#wrapper #awardNav ul li#nav4 a {
	background: url(../img/award/award_nav4.png) no-repeat center top;
	background-size: cover;
	width: 131px;
}

#wrapper #awardNav ul li#nav5 a {
	background: url(../img/award/award_nav5.png) no-repeat center top;
	background-size: cover;
	width: 73px;
}

#wrapper #awardNav ul li#nav6 a {
	background: url(../img/award/award_nav6.png) no-repeat center top;
	background-size: cover;
	width: 125px;
}

@media all and (min-width: 768px) {

#wrapper #awardNav ul li a:hover {
	opacity: 0.5;
}

}


@media all and (max-width: 767px) {

#wrapper #awardHeader {
	background: none;
	height: auto;
}

#wrapper #awardHeader #awardMain {
	background: url(../img/award/award_main_img_sp.jpg) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: auto;
	padding-top: 93.75%;
	position: relative;
}

#wrapper #awardHeader #awardMain #logo a {
	width: 110px;
	height: 110px;
	position: absolute;
	top: 15px;
	left: 50%;
	transform: translateX(-50%);
}

#wrapper #menuIcon {
	display: block;
	background: #fc0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
	padding: 13px 14px;
}

#wrapper #menuIcon a, #menuIcon a span {
	display: inline-block;
	transition: all .4s ease-out;
	box-sizing: border-box;
}

#wrapper #menuIcon a {
	position: relative;
	width: 28px;
	height: 12px;
}

#wrapper #menuIcon a span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #e3206d;
}

#wrapper #menuIcon a span:nth-of-type(1) {
	top: 0;
}
#wrapper #menuIcon a span:nth-of-type(2) {
	bottom: 0;
}

#wrapper #menuIcon a.active span:nth-of-type(1) {
	-webkit-transform: translateY(5px) rotate(-45deg);
	transform: translateY(5px) rotate(-45deg);
}

#wrapper #menuIcon a.active span:nth-of-type(2) {
	-webkit-transform: translateY(-5px) rotate(45deg);
	transform: translateY(-5px) rotate(45deg);
}

#wrapper #awardNav {
	display: none;
	width: 100%;
	height: 100vh;
	position: fixed;
}

#wrapper #awardNav ul {
	text-align: center;
	display: block;
	width: 100%;
	padding: 80px 0;
}854

#wrapper #awardNav ul li {
	margin-top: 40px;
}

}

/* ----------------------------------------------------------- AWARD LEAD */

#wrapper main #awardLead {
	text-align: center;
	background: url(../img/award/award_read_bg.png) no-repeat center top;
	background-size: cover;
	padding: 80px 0;
}

#wrapper main #awardLead #awardLeadTxt {
	background: url(../img/award/award_read.png) no-repeat center top;
	background-size: cover;
	width: 680px;
	height: 271px;
	margin: 0 auto;
}

#wrapper main #awardLead .ouboBtn a {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	background: #e3206d;
	border-radius: 2em;
	padding: 1em 2em;
	margin-top: 50px;
	transition: all .3s ease-out;
}

@media all and (min-width: 768px) {

#wrapper main #awardLead .ouboBtn a:hover {
	opacity: 0.5;
}

}

#wrapper main #awardLead .fin {
	color: #e3206d;
	font-size: 20px;
	font-weight: bold;
	margin-top: 50px;
}

@media all and (max-width: 767px) {

#wrapper main #awardLead {
	padding: 40px 15px;
}

#wrapper main #awardLead #awardLeadTxt {
	font-size: 15px;
	line-height: 180%;
	font-weight: bold;
	background: none;
	width: 100%;
	height: auto;
}

#wrapper main #awardLead #awardLeadTxt .alt {
	position: static;
}

#wrapper main #awardLead .ouboBtn a {
	font-size: 16px;
	margin-top: 20px;
}

#wrapper main #awardLead .fin {
	font-size: 16px;
	line-height: 160%;
	margin-top: 20px;
}

}

/* ----------------------------------------------------------- AWARD PHOTO */
#wrapper main #awardPhoto {
 background: url(../img/award/award_photo1.jpg) no-repeat center top;
 background-size: cover;
 aspect-ratio: 2560 / 854;
 position: relative;
}

#wrapper main #awardPhoto p {
 font-size: 13px;
 position: absolute;
 right: 10px;
 bottom: -15px;
}

@media all and (max-width: 767px) {

#wrapper main #awardPhoto p {
 font-size: 10px;
 right: 5px;
 bottom: -15px;
}

}

/* ----------------------------------------------------------- AWARD FINALIST */

#wrapper main #awardIn {
	width: 1000px;
	margin: 0 auto;
}

#wrapper main #awardIn #finalist {
	padding-top: 80px;
}

#wrapper main #awardIn #finalist h2 {
	width: 335px;
	height: 75px;
	background: url(../img/award/finalist_m.png) no-repeat center top;
	background-size: cover;
	margin: 0 auto;
}

#wrapper main #awardIn #finalist .finalistsort {
	text-align: center;
	margin-top: 10px;
}

#wrapper main #awardIn #finalist ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#wrapper main #awardIn #finalist ul li {
	box-sizing: border-box;
	width: 310px;
	background: #e3206d;
	border: 5px #fc0 solid;
	border-radius: 20px;
	margin: 30px 0 0;
}

#wrapper main #awardIn #finalist ul li:nth-of-type(2) {
	margin: 35px 35px 0;
}

#wrapper main #awardIn #finalist ul li:nth-of-type(4) {
	margin: 35px 35px 0 0;
}

#wrapper main #awardIn #finalist ul li figure {
	width: 300px;
	height: 300px;
	border-radius: 15px 15px 0 0;
}

#wrapper main #awardIn #finalist ul li figure#finalist1 {
	background: url(../img/award/finalist1.jpg) no-repeat center top;
	background-size: cover;
}

#wrapper main #awardIn #finalist ul li figure#finalist2 {
	background: url(../img/award/finalist2.jpg) no-repeat center top;
	background-size: cover;
}

#wrapper main #awardIn #finalist ul li figure#finalist3 {
	background: url(../img/award/finalist3.jpg) no-repeat center top;
	background-size: cover;
}

#wrapper main #awardIn #finalist ul li figure#finalist4 {
	background: url(../img/award/finalist4.jpg) no-repeat center top;
	background-size: cover;
}

#wrapper main #awardIn #finalist ul li figure#finalist5 {
	background: url(../img/award/finalist5.jpg) no-repeat center top;
	background-size: cover;
}

#wrapper main #awardIn #finalist ul li .finalistTxt {
	color: #fff;
	padding: 20px;
}

#wrapper main #awardIn #finalist ul li .finalistTxt .campany {
	font-size: 11px;
	line-height: 140%;
	font-weight: bold;
	text-align: center;
}

#wrapper main #awardIn #finalist ul li .finalistTxt .name {
	color: #fc0;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
}

#wrapper main #awardIn #finalist ul li .finalistTxt .copy {
	font-size: 13px;
	line-height: 160%;
	margin-top: 10px;
}

#wrapper main #awardIn #finalist ul li .finalistTxt .copy .marumouke {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

@media all and (max-width: 767px) {

#wrapper main #awardIn {
	box-sizing: border-box;
	width: 100%;
	padding: 0 15px;
}

#wrapper main #awardIn #finalist {
	padding-top: 40px;
}

#wrapper main #awardIn #finalist h2 {
	width: 100%;
	height: auto;
	padding-top: 22.388%;
}

#wrapper main #awardIn #finalist ul {
	justify-content: space-between;
}

#wrapper main #awardIn #finalist ul li {
	width: calc((100% - 10px) / 2);
	margin: 15px 0 0;
}

#wrapper main #awardIn #finalist ul li:nth-of-type(2), #wrapper main #awardIn #finalist ul li:nth-of-type(4) {
	margin: 15px 0 0;
}

#wrapper main #awardIn #finalist ul li figure {
	width: 100%;
	height: auto;
	padding-top: 100%;
	border-radius: 15px 15px 0 0;
}

#wrapper main #awardIn #finalist ul li .finalistTxt {
	padding: 10px;
}


}


/* ----------------------------------------------------------- AWARD BOSHUYOKO */

#wrapper main #awardIn .awardBox {
	color: #fff;
	background: #e3206d;
	margin-top: 120px;
	border-radius: 20px;
	padding: 80px 60px 60px;
	position: relative;
}

#wrapper main #awardIn .awardBox:nth-of-type(even) {
	color: #111;
	background: #fc0;
}

#wrapper main #awardIn #boshuyoko {
	padding: 60px 60px 30px;
}

#wrapper main #awardIn .awardBox h2 {
	width: 190px;
	height: 124px;
	position: absolute;
	top: -76px;
	left: 50%;
	transform: translateX(-50%);
}

#wrapper main #awardIn .awardBox#boshuyoko h2 {
	background: url(../img/award/award_m1.png) no-repeat center top;
	background-size: cover;
}

#wrapper main #awardIn #boshuyoko dl {
	font-weight: bold;
}

#wrapper main #awardIn #boshuyoko dl dt {
	color: #e3206d;
	font-size: 20px;
	float: left;
	padding: 30px 0 30px 1em;
}

#wrapper main #awardIn #boshuyoko dl dd {
	font-size: 16px;
	line-height: 160%;
	padding: 30px 0 30px 12em;
	border-bottom: 2px #e3206d dotted;
}

#wrapper main #awardIn #boshuyoko dl dd:last-of-type {
	border: none;
}

#wrapper main #awardIn #boshuyoko dl dd ul li {
	line-height: 160%;
	list-style: disc;
	margin-left: 1em;
}


@media all and (max-width: 767px) {

#wrapper main #awardIn .awardBox {
	margin-top: 80px;
	padding: 50px 20px 30px;
}

#wrapper main #awardIn #boshuyoko {
	padding: 40px 20px 20px;
}

#wrapper main #awardIn .awardBox h2 {
	width: 140px;
	height: 91px;
	top: -56px;
}

#wrapper main #awardIn #boshuyoko dl dt {
	font-size: 16px;
	float: none;
	padding: 10px 0 0 0;
}

#wrapper main #awardIn #boshuyoko dl dd {
	font-size: 13px;
	padding: 5px 0 10px 0;
	border-bottom: 2px #e3206d dotted;
}


}

/* ----------------------------------------------------------- AWARD TOKUTEN */

#wrapper main #awardIn .awardBox#tokuten h2 {
	background: url(../img/award/award_m2.png) no-repeat center top;
	background-size: cover;
}

#wrapper main #awardIn #tokuten dl {
	font-weight: bold;
	display: flex;
	margin-top: 40px;
	position: relative;
}

#wrapper main #awardIn #tokuten dl:first-of-type {
	margin-top: 0;
}

#wrapper main #awardIn #tokuten dl::after {
	content: '';
	display: inline-block;
	border-top: 12px solid #fc0;
	border-right: 11px solid transparent;
	border-left: 11px solid transparent; 
	position: absolute;
	left: 50%;
	bottom: -25px;
	transform: translateX(-50%);
}

#wrapper main #awardIn #tokuten dl:last-of-type::after {
	content: none;
}


#wrapper main #awardIn #tokuten dl dt {
	color: #e3206d;
	font-size: 20px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fc0;
	width: 20%;
	border: 5px #fc0 solid;
	border-radius: 10px 0 0 10px;
}

#wrapper main #awardIn #tokuten dl dd {
	font-size: 16px;
	line-height: 160%;
	width: 80%;
	border: 5px #fc0 solid;
	border-radius: 0 10px 10px 0;
	padding: 20px;
}

#wrapper main #awardIn #tokuten dl dd ul li {
	line-height: 160%;
	list-style: disc;
	margin-left: 1em;
}


@media all and (max-width: 767px) {

#wrapper main #awardIn #tokuten dl {
	display: block;
	margin-top: 40px;
}

#wrapper main #awardIn #tokuten dl dt {
	font-size: 16px;
	display: block;
	box-sizing: border-box;
	width: 100%;
	border-radius: 10px 10px 0 0;
	padding: 5px 0 0 0;
}

#wrapper main #awardIn #tokuten dl dd {
	font-size: 13px;
	box-sizing: border-box;
	width: 100%;
	border-radius: 0 0 10px 10px;
	padding: 20px;
}

}


/* ----------------------------------------------------------- AWARD KADAI */

#wrapper main #awardIn .awardBox#kadai h2 {
	background: url(../img/award/award_m3.png) no-repeat center top;
	background-size: cover;
}

#wrapper main #awardIn #kadai .fin {
	color: #e3206d;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}

#wrapper main #awardIn #kadai .kadaiList1 li {
	font-size: 16px;
	line-height: 140%;
	font-weight: bold;
	list-style: disc;
	margin-left: 1em;
	padding-top: 10px;
}

#wrapper main #awardIn #kadai .shiryoM {
	color: #e3206d;
	font-size: 22px;
	font-weight: bold;
	margin-top: 30px;
}

#wrapper main #awardIn #kadai .ouboBtn {
	text-align: center;
}

#wrapper main #awardIn #kadai .ouboBtn a {
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	display: inline-block;
	background: #e3206d;
	padding: 0.5em 2em;
	border-radius: 2em;
	margin-top: 30px;
	transition: all .3s ease-out;
}

@media all and (min-width: 768px) {

#wrapper main #awardIn #kadai .ouboBtn a:hover {
	opacity: 0.5;
}

}

#wrapper main #awardIn #kadai .kiyaku {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}

#wrapper main #awardIn #kadai .kiyaku a {
	color: #111;
	text-decoration: underline;
	transition: all .3s ease-out;
}

@media all and (min-width: 768px) {

#wrapper main #awardIn #kadai .kiyaku a:hover {
	opacity: 0.5;
}

}

#wrapper main #awardIn #kadai .kadaiList2 {
	text-indent: -1em;
	margin-top: 30px;
}

#wrapper main #awardIn #kadai .kadaiList2 li {
	font-size: 13px;
	line-height: 140%;
	margin-left: 1em;
	padding-top: 5px;
}


@media all and (max-width: 767px) {

#wrapper main #awardIn #kadai .fin {
	font-size: 16px;
	line-height: 160%;
	margin-bottom: 20px;
}

#wrapper main #awardIn #kadai .kadaiList1 li {
	font-size: 13px;
}

#wrapper main #awardIn #kadai .shiryoM {
	font-size: 16px;
	margin-top: 20px;
}

#wrapper main #awardIn #kadai .ouboBtn a {
	font-size: 18px;
	margin-top: 20px;
}

#wrapper main #awardIn #kadai .kiyaku {
	font-size: 11px;
}

#wrapper main #awardIn #kadai .kadaiList2 {
	margin-top: 20px;
}

}


/* ----------------------------------------------------------- AWARD SCHEDULE */

#wrapper main #awardIn .awardBox#schedule h2 {
	background: url(../img/award/award_m4.png) no-repeat center top;
	background-size: cover;
}

#wrapper main #awardIn #schedule ul li {
	margin-top: 40px;
	position: relative;
}

#wrapper main #awardIn #schedule ul li:first-of-type {
	margin: 0;
}

#wrapper main #awardIn #schedule ul li::after {
	content: '';
	display: inline-block;
	border-top: 12px solid #fc0;
	border-right: 11px solid transparent;
	border-left: 11px solid transparent; 
	position: absolute;
	left: 50%;
	bottom: -25px;
	transform: translateX(-50%);
}

#wrapper main #awardIn #schedule ul li:last-of-type::after {
	content: none;
}

#wrapper main #awardIn #schedule ul li .scheduleBox {
	font-weight: bold;
	background: #fff;
	border: 5px #fc0 solid;
	border-radius: 10px;
}

#wrapper main #awardIn #schedule ul li .scheduleBox dl {
	display: flex;
	align-items: center;
}

#wrapper main #awardIn #schedule ul li .scheduleBox dl dt {
	color: #e3206d;
	font-size: 24px;
	width: 50%;
	padding: 30px 20px 30px 90px;
}

#wrapper main #awardIn #schedule ul li#schedule1 .scheduleBox dl dt {
	background: url(../img/award/schedule_num1.png) no-repeat 20px center;
	background-size: 56px 56px;
}

#wrapper main #awardIn #schedule ul li#schedule2 .scheduleBox dl dt {
	background: url(../img/award/schedule_num2.png) no-repeat 20px center;
	background-size: 56px 56px;
}

#wrapper main #awardIn #schedule ul li#schedule3 .scheduleBox dl dt {
	background: url(../img/award/schedule_num3.png) no-repeat 20px center;
	background-size: 56px 56px;
}

#wrapper main #awardIn #schedule ul li#schedule4 .scheduleBox dl dt {
	background: url(../img/award/schedule_num4.png) no-repeat 20px center;
	background-size: 56px 56px;
}

#wrapper main #awardIn #schedule ul li .scheduleBox dl dt .fontS {
	font-size: 14px;
}

#wrapper main #awardIn #schedule ul li .scheduleBox dl dd {
	color: #111;
	font-size: 18px;
	width: 50%;
}

#wrapper main #awardIn #schedule ul li p {
	font-size: 16px;
	line-height: 160%;
	margin-top: 10px;
}


@media all and (max-width: 767px) {

#wrapper main #awardIn #schedule ul li .scheduleBox dl {
	display: block;
	align-items: center;
}

#wrapper main #awardIn #schedule ul li .scheduleBox dl dt {
	font-size: 16px;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 10px 20px 55px;
}

#wrapper main #awardIn #schedule ul li#schedule1 .scheduleBox dl dt {
	background: url(../img/award/schedule_num1.png) no-repeat 10px center;
	background-size: 35px 35px;
}

#wrapper main #awardIn #schedule ul li#schedule2 .scheduleBox dl dt {
	background: url(../img/award/schedule_num2.png) no-repeat 10px center;
	background-size: 35px 35px;
}

#wrapper main #awardIn #schedule ul li#schedule3 .scheduleBox dl dt {
	background: url(../img/award/schedule_num3.png) no-repeat 10px center;
	background-size: 35px 35px;
}

#wrapper main #awardIn #schedule ul li#schedule4 .scheduleBox dl dt {
	background: url(../img/award/schedule_num4.png) no-repeat 10px center;
	background-size: 35px 35px;
}

#wrapper main #awardIn #schedule ul li .scheduleBox dl dt .fontS {
	font-size: 11px;
}

#wrapper main #awardIn #schedule ul li .scheduleBox dl dd {
	font-size: 13px;
	box-sizing: border-box;
	width: 100%;
	padding: 0 0 20px 55px;
}

#wrapper main #awardIn #schedule ul li p {
	font-size: 13px;
	margin-top: 10px;
}

}


/* ----------------------------------------------------------- AWARD JUDGE */

#wrapper main #awardIn .awardBox#judge h2 {
	background: url(../img/award/award_m5.png) no-repeat center top;
	background-size: cover;
}

#wrapper main #awardIn #judge ul {
	display: flex;
	justify-content: space-between;
}

#wrapper main #awardIn #judge ul li figure {
	width: 276px;
	height: 276px;
	border-radius: 20px;
}

#wrapper main #awardIn #judge ul li #judge1 {
	background: url(../img/award/judge_ph1.jpg) no-repeat center top;
	background-size: cover;
}

#wrapper main #awardIn #judge ul li #judge2 {
	background: url(../img/award/judge_ph2.jpg) no-repeat center top;
	background-size: cover;
}

#wrapper main #awardIn #judge ul li #judge3 {
	background: url(../img/award/judge_ph3.jpg) no-repeat center top;
	background-size: cover;
}

#wrapper main #awardIn #judge ul li #judge4 {
	background: url(../img/award/judge_ph4.jpg) no-repeat center top;
	background-size: cover;
}

#wrapper main #awardIn #judge ul li p {
	font-size: 20px;
	text-align: center;
	margin-top: 15px;
}

#wrapper main #awardIn #judge ul li p .fontS {
	font-size: 10px;
}

.judgeOthers {
	font-size: 16px;
	text-align: center;
	margin-top: 0;
}


@media all and (max-width: 767px) {


#wrapper main #awardIn #judge ul {
	display: block;
}

#wrapper main #awardIn #judge ul li {
	width: 100%;
}

#wrapper main #awardIn #judge ul li {
	margin-top: 20px;
}

#wrapper main #awardIn #judge ul li:first-of-type {
	margin-top: 0;
}

#wrapper main #awardIn #judge ul li figure {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
}

#wrapper main #awardIn #judge ul li p {
	font-size: 18px;
	margin-top: 10px;
}

#wrapper main #awardIn #judge ul li p .fontS {
	font-size: 11px;
}

.judgeOthers {
	font-size: 13px;
	margin-top: 0;
}

}

/* ----------------------------------------------------------- AWARD CONTACT */

#wrapper main #awardIn .awardBox#contact h2 {
	background: url(../img/award/award_m6.png) no-repeat center top;
	background-size: cover;
}

#wrapper main #awardIn #contact p {
	font-size: 16px;
	line-height: 180%;
	text-align: center;
}

#wrapper main #awardIn #contact p:last-of-type {
	margin-top: 20px;
}

#wrapper main #awardIn #contact p a {
	color: #fff;
	text-decoration: underline;
	transition: all .3s ease-out;
}

#wrapper main #awardIn #contact p a:hover {
	opacity: 0.5;
}


@media all and (max-width: 767px) {


#wrapper main #awardIn #contact p {
	font-size: 13px;
}

}

/* ----------------------------------------------------------- OTHER LINK */

#wrapper #otherLink {
 width: 1000px;
 margin: 0 auto;
}

#wrapper #otherLink ul {
	text-align: center;
	margin-top: 80px;
	display: flex;
	justify-content: center;
}

#wrapper #otherLink ul li {
	display: inline-block;
	margin: 0 10px;
}

#wrapper #otherLink ul li a {
	color: #e3206d;
	font-size: 13px;
	font-weight: bold;
	display: inline-block;
	border: 2px #e3206d solid;
	border-radius: 2em;
	padding: 0.7em 1.5em;
	transition: all .3s ease-out;
}

#wrapper #otherLink .officialSite {
 text-align: center;
 margin-top: 30px;
}

#wrapper #otherLink .officialSite a {
 color: #111;
 font-size: 13px;
 display: inline-block;
	padding: 0.7em 1.5em;
 border: 1px #ccc solid;
 border-radius: 2em;
 transition: all .3s ease-out;
}

@media all and (min-width: 768px) {

#wrapper #otherLink li a:hover, #wrapper #otherLink .officialSite a:hover {
	opacity: 0.5;
}

}


@media all and (max-width: 767px) {

#wrapper #otherLink {
 width: 100%;
 margin: 0 auto;
}

#wrapper #otherLink ul {
	display: block;
	margin-top: 30px;
	padding: 0 10px;
}

#wrapper #otherLink ul li {
	display: block;
}

#wrapper #otherLink ul li a {
	font-size: 13px;
 display: block;
	padding: 1em 1em;
	margin-top: 15px;
}

#wrapper #otherLink .officialSite {
 padding: 0 20px;
}

#wrapper #otherLink .officialSite a {
 display: block;
	margin-top: 30px;
}

}

/* ----------------------------------------------------------- SNS */

#wrapper #sns {
	padding: 60px 0 0;
}

#wrapper #sns #snsIn {
	width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

#wrapper #sns #snsIn #twTimeLine {
	width: 400px;
	border: 1px #ddd solid;
}

#wrapper #sns #snsIn #snsLink {
	width: 260px;
}

#wrapper #sns #snsIn #snsLink ul li {
	margin-top: 13px;
}

#wrapper #sns #snsIn #snsLink ul li:first-of-type {
	margin: 0;
}

#wrapper #sns #snsIn #snsLink ul li a {
	display: block;
	width: 258px;
	height: 73px;
	border: 1px #ddd solid;
	transition: all .3s ease-out;
}
	
#wrapper #sns #snsIn #snsLink ul li#twitter a {
	background: url(../img/top/x_btn.png) no-repeat center top;
	background-size: 258px 73px;
}
	
#wrapper #sns #snsIn #snsLink ul li#facebook a {
	background: url(../img/top/fb_btn.png) no-repeat center top;
	background-size: 258px 73px;
}
	
#wrapper #sns #snsIn #snsLink ul li#instagram a {
	background: url(../img/top/ig_btn.png) no-repeat center top;
	background-size: 258px 73px;
}

@media all and (min-width: 768px) {

#wrapper #sns #snsIn #snsLink ul li a:hover {
	opacity: 0.5;
}

}

#wrapper #sns #snsIn #rectangle {
	width: 300px;
	height: 250px;
}

#wrapper #sns #shareBtn {
	text-align: center;
	margin-top: 40px;
}

#wrapper #sns #shareBtn ul {
	display: flex;
	justify-content: center;
	margin-top: 15px;
}

#wrapper #sns #shareBtn ul li {
	margin: 0 5px;
}

#wrapper #sns #shareBtn ul li a {
	transition: all .3s ease-out;
}

@media all and (min-width: 768px) {

#wrapper #sns #shareBtn ul li a:hover {
	opacity: 0.5;
}

}

#wrapper #sns #shareBtn ul li img {
	width: 40px;
	height: 40px;
}

#wrapper #sns #shareBtn .caution {
	font-size: 11px;
	margin-top: 20px;
}

#wrapper #bottomBnr {
	text-align: center;
	padding: 60px 0 100px;
}


@media all and (max-width: 767px) {

#wrapper #sns {
	padding: 30px 0 0;
}

#wrapper #sns #snsIn {
	box-sizing: border-box;
	width: 100%;
	display: block;
	padding: 0 15px;
}

#wrapper #sns #snsIn #twTimeLine {
	width: 100%;
	border: 1px #ddd solid;
}

#wrapper #sns #snsIn #snsLink {
	width: 260px;
	margin: 30px auto 0;
}

#wrapper #sns #snsIn #snsLink ul li {
	margin-top: 20px;
}


#wrapper #sns #snsIn #rectangle {
	margin: 30px auto 0;
}

#wrapper #sns #shareBtn {
	margin-top: 30px;
}

#wrapper #bottomBnr {
	padding: 30px 0 40px;
}

}

/* ----------------------------------------------------------- FOOTER */

#wrapper footer {
	text-align: center;
	background: #e3206d;
	padding: 40px 0;
}

#wrapper footer .copyright {
	color: #fff;
	font-size: 11px;
}

#wrapper footer .copyright a {
	color: #fff;
	text-decoration: underline;
}

@media all and (max-width: 767px) {

#wrapper footer {
	padding: 30px 15px;
}

#wrapper footer .copyright {
	font-size: 10px;
}

}

/* ----------------------------------------------------------- TERM */

#term {
	width: 600px;
	margin: 0 auto;
	padding: 50px;
}

#term h1 {
	color: #e3206d;
	font-size: 24px;
	text-align: center;
}

#term h2 {
	color: #e3206d;
	font-size: 18px;
	margin-top: 30px;
	border-bottom: 2px #e3206d solid;
}

#term ul {
	margin-top: 20px;
}

#term ul li {
	font-size: 16px;
	line-height: 160%;
	list-style: disc;
	margin: 20px 0 0 1em;
}

#term dl {
	font-size: 16px;
	line-height: 160%;
}

#term dl dt {
	color: #e3206d;
	margin-top: 20px;
}

@media all and (max-width: 767px) {

#term {
	box-sizing: border-box;
	width: 100%;
	padding: 0;
}

#term h1 {
	font-size: 18px;
	line-height: 140%;
}

#term h2 {
	font-size: 16px;
	margin-top: 20px;
}

#term ul li {
	font-size: 13px;
	margin: 10px 0 0 1em;
}

#term dl {
	font-size: 13px;
}

#term dl dt {
	margin-top: 10px;
}

}

/* ----------------------------------------------------------- COVID19 */

#covid19 {
	width: 600px;
	margin: 0 auto;
	padding: 50px;
}

#covid19 h1 {
	color: #e3206d;
	font-size: 22px;
	line-height: 140%;
	text-align: center;
}

#covid19 p {
	font-size: 14px;
	line-height: 160%;
	margin-top: 10px;
}

#covid19 .lead {
	margin-top: 30px;
}

#covid19 .txtR {
	text-align: right;
}

#covid19 h2 {
	color: #e3206d;
	font-size: 18px;
	text-align: center;
	margin-top: 50px;
}

#covid19 .favorCap {
	text-align: center;
	text-decoration: underline;
	margin-top: 5px;
}

#covid19 .favorLead {
	margin-top: 20px;
}

#covid19 .covidList1 {
	font-size: 14px;
	line-height: 160%;
	margin: 30px 0 0 1.7em;
}

#covid19 .covidList1 li {
	line-height: 160%;
	list-style: decimal;
	margin-top: 20px;
}

#covid19 .covidList1 li .covidList2 {
	margin-left: 1em;
}

#covid19 .covidList1 li .covidList2 li {
	list-style: disc;
	margin-top: 10px;
}

#covid19 .cocoa {
	color: #e3206d;
	font-weight: bold;
	margin-top: 50px;
}

#covid19 .cocoaLink {
	font-size: 11px;
	word-break: break-word;
	margin-top: 0;
}

#covid19 .cocoaLink a {
	color: #e3206d;
	text-decoration: underline;
}

#covid19 .cocoaLink a:hover {
	opacity: 0.5;
}

@media all and (max-width: 767px) {


#covid19 {
	box-sizing: border-box;
	width: 100%;
	padding: 0;
}

#covid19 h1 {
	font-size: 18px;
}

#covid19 .lead {
	margin-top: 20px;
}

#covid19 h2 {
	font-size: 16px;
	margin-top: 30px;
}

#covid19 p {
	font-size: 13px;
}

#covid19 .covidList1 {
	font-size: 13px;
	margin: 20px 0 0 1.7em;
}

#covid19 .cocoa {
	margin-top: 30px;
}

}