@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@font-face {
	font-family: "JF-Dot-MPlus12SubsetFont";
	src: url('JF-Dot-MPlus12SubsetFont.woff') format('woff'),
	url('JF-Dot-MPlus12SubsetFont.ttf') format('truetype');
}
html { 
	font-size: 62.5%;
	height: 100%;
}
body {
	font-size: 12px;
	font-size: 1.2rem;
	font-family: 'JF-Dot-MPlus12SubsetFont', 'Noto Sans JP', sans-serif;
	color: #fff;
	line-height: 200%;
	background-color: #000;
}
a {
	text-decoration: none;
	color: inherit;
}
a:hover {
	text-decoration: none;
	color: inherit;
}
img.cover {
	width: 100%;
	height: auto;
}
img.coverVertical {
	width: auto;
	height: 100%;
}
img.text {
	width: auto;
	height: 60px;
}
video.horizontal {
	width: 100%;
	height: auto;
}
img.vertical,
video.vertical {
	width: 60%;
	height: auto;
	margin: 0 20%;
}
.dispPc {
	display: block;
}
.dispSp {
	display: none;
}
.alignCenter {
	text-align: center;
}
.alignLeft {
	text-align: left;
}
.translateBox,
.alignRight {
	text-align: right;
}
.textDeactive {
	color: #999;
}
.textBlack {
	color: #000;
}
.textWhite {
	color: #fff;
}
.textRed,
.hoverRed a:hover {
	color: #e50012;
}
.textBlue,
.hoverBlue a:hover {
	color: #009fe8;
}
.textGreen,
.hoverGreen a:hover {
	color: #00a63c;
}
.textYellow,
.hoverYellow a:hover {
	color: #fccf00;
}
.textOrange,
.hoverOrange a:hover {
	color: #f39800;
}
.textPink,
.hoverPink a:hover {
	color: #ff9fc9;
}
.textPurple,
.hoverPurple a:hover {
	color: #d903e5;
}
.textLine,
.hoverLine a:hover {
	color: #00b900;
}
.textLine a,
.textLine a:hover {
	color: #00b900;
	text-decoration: underline!important;
}
.textFunding,
.hoverFunding a:hover {
	color: #f47f45;
}
.textLink a {
	text-decoration: underline!important;
}
.textBold {
	font-weight: bold;
}
.textNormal {
	font-weight: normal;
}
.textShadow {
	text-shadow: 0 4px 0 #000;
}
.textSpace {
	margin-right: 1em;
}
.textVertical {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.textVertical .textSpace {
	margin-right: 0;
	margin-bottom: 1em;
}
.textIndent dt,
.textIndent dd {
	margin-left: 2em;
	text-indent: -2em;
}
.textMargin,
p + h3,
p + h4,
p + h5,
h2 + dl,
dd + dt,
#funding .contents > h3 {
	margin-top: 2em;
}
p + p,
h3 + p,
h4 + p,
h5 + p,
h3 + h4,
h4 + h5,
dt + dd {
	margin-top: 1em;
}
.textSmall h3 + p
.textSmall p + p {
	margin-top: 0.5em;
}
.marginTop {
	margin-top: 4em;
}
dl + .marginTop {
	margin-top: 2em;
}
.paddingBootm {
	padding-bottom: 2em;
}
.textXXXLarge {
	font-size: 68px;
	font-size: 6.8rem;
	line-height: 200%;
}
.textXXLarge {
	font-size: 45px;
	font-size: 4.5rem;
	line-height: 200%;
}
.textXLarge {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 200%;
}
.textLarge {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 180%;
}
.textLarge .icon {
	display: inline-block;
	width: 2em;
	height: 2em;
	margin-right: 0.5em;
	vertical-align: text-bottom;
}
#artists .textLarge .icon,
#events .textLarge .icon {
	width: 5em;
	height: 5em;
}
.textRegular {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 180%;
}
.textSmall {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 160%;
}
.textSmall .icon {
	display: inline-block;
	width: 2em;
	height: 2em;
	margin-right: 0.5em;
	vertical-align: text-bottom;
}
.textXSmall {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 140%;
}
.spacing1em {
	margin-right: 1em;
}
.btn {
	width: 64%;
	margin: 2em auto 1em;
}
.btn a {
	display: block;
	color: #fff;
	padding: 0.5em 0;
	background-color: #00b900;
}
.btnFunding a {
	background-color: #f47f45;
}
.closeBtn {
	margin: 0 auto;
	padding: 2em 0;
}
.closeBtn span {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: 0.5em;
	vertical-align: text-top;
	background-image: url(../images/svg/menuOpen.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.sectionBlack {
	background-color: #000;
}
.sectionWhite {
	background-color: #fff;
}
.sectionRed {
	background-color: #e50012;
}
.sectionBlue {
	background-color: #009fe8;
}
.sectionGreen {
	background-color: #00a63c;
}
.sectionYellow {
	background-color: #fccf00;
}
.sectionOrange {
	background-color: #f39800;
}
.sectionLine {
	background-color: #00b900;
}
.sectionLineBg {
	/*
	background-color: #00b900;
	*/
	background-color: #fff981;
}
.sectionFunding {
	background-color: #f47f45;
}
.sectionPurple {
	background-color: #d903e5;
}
.border {
	width: 90%;
	height: 21px;
	margin: 1em auto;
	line-height: 21px;
	background-image: url(../images/svg/tileSlash.svg);
	background-position: left top;
	background-repeat: repeat-x;
}
.borderWhite {
	margin: 2em auto!important;
	background-image: url(../images/svg/tileSlashWhite.svg);
}
.borderMax {
	width: 100%!important;
}
.widthWrapper {
	width: 95.4%;
	max-width: 954px;
	margin: 0 auto;
	overflow: hidden;
}
.wrapper {
	display: block;
	width: 100%;
}
.flexBlock {
	display: -webkit-flex;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	flex-direction: row;
	list-style: none;
	flex-shrink: 0;
}
.flexColumn {
	flex-direction: column;
}
.flexAlignCenter {
	align-items: center;
}
.flexCenter {
	justify-content: center;
}
.flexBetween {
	justify-content: space-between;
}
.flexBlock a {
	text-decoration: none;
}
.flexList2 > li,
.flexList2 > div {
	width: 48.96%;
	max-width: 467px;
	margin-top: 10px;
}
.flexList3 > li {
	width: 32%;
}
.flexList4 > li {
	width: 24%;
}
.flexList5 > li {
	width: 18%;
}
/* header */
header {
	position: fixed;
	width: 100%;
	height: 6vw;
	max-height: 60px;
	background-color: #fff;
	z-index: 2099;
}
header .widthWrapper {
	height: 6vw;
	max-height: 60px;
	z-index: 2099;
}
header h1 {
	order: 2;
	width: auto;
	height: 2.2vw;
	max-height: 22px;
}
header h1 img {
	width: auto;
	height: 2.2vw;
	max-height: 22px;
}
header #menuToggle {
	order: 1;
	cursor: pointer;
	width: 11.5vw;
	max-width: 115px;
	height: 3.3vw;
	max-height: 33px;
	background-image: url(../images/svg/menuClose.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}
header.open #menuToggle {
	background-image: url(../images/svg/menuOpen.svg);
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
header #flexSns {
	order: 3;
	width: 11.5vw;
	max-width: 115px;
}
header #flexSns li {
	width: 3.3vw;
	max-width: 33px;
	height: 3.3vw;
	max-height: 33px;
}
header #flexSns li a:hover img {
	opacity: 0.6;
}
nav {
	position: fixed;
	top: -12vw;
	width: 100%;
	height: 60px;
	background-color: rgba(0,0,0,0.8);
	-webkit-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	z-index: 2000;
}
nav.open {
	top: 60px;
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
nav #navGlobal {
	height: 60px;
}
/* footer */
footer {
	width: 100%;
	height: 6vw;
	max-height: 60px;
	margin-top: 3em;
	/*
	background-color: rgba(0,0,0,0.5);
	*/
}
footer .pagetop {
	width: 3.3vw;
	max-width: 33px;
	height: 3.3vw;
	max-height: 33px;
}
/* 全画面動画背景 */
.bgScreen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: -3;
}
.bgScreen video {
	position: fixed;
	top: 50%;
	left: 50%;
	width: auto;
	min-width: 100vw;
	height: auto;
	min-height: 100vh;
	background-image: url(../images/mov/substitute.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -2;
}
.bgScreen div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-image: url(../images/mov/dot.png);
	background-position: left top;
}
.bgLine {
	background-image: url(../images/bgKeyVisual.1805.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
/* sectionHeader */
.sectionHeader {
	width: 100%;
	height: 4vw;
	max-height: 40px;
}
.sectionHeader .tileLeft,
.sectionHeader .tileRight {
	width: 40px;
	height: 40px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 40px 40px;
}
.sectionHeader .tileCenter {
	width: calc(100% - 80px);
	height: 40px;
}
.sectionHeaderBlack .tileLeft {
	background-image: url(../images/svg/tileBlackL.svg);
}
.sectionHeaderBlack .tileRight {
	background-image: url(../images/svg/tileBlackR.svg);
}
.sectionHeaderWhite .tileLeft {
	background-image: url(../images/svg/tileWhiteL.svg);
}
.sectionHeaderWhite .tileRight {
	background-image: url(../images/svg/tileWhiteR.svg);
}
.sectionHeaderRed .tileLeft {
	background-image: url(../images/svg/tileRedL.svg);
}
.sectionHeaderRed .tileRight {
	background-image: url(../images/svg/tileRedR.svg);
}
.sectionHeaderBlue .tileLeft {
	background-image: url(../images/svg/tileBlueL.svg);
}
.sectionHeaderBlue .tileRight {
	background-image: url(../images/svg/tileBlueR.svg);
}
.sectionHeaderGreen .tileLeft {
	background-image: url(../images/svg/tileGreenL.svg);
}
.sectionHeaderGreen .tileRight {
	background-image: url(../images/svg/tileGreenR.svg);
}
.sectionHeaderYellow .tileLeft {
	background-image: url(../images/svg/tileYellowL.svg);
}
.sectionHeaderYellow .tileRight {
	background-image: url(../images/svg/tileYellowR.svg);
}
.sectionHeaderOrange .tileLeft {
	background-image: url(../images/svg/tileOrangeL.svg);
}
.sectionHeaderOrange .tileRight {
	background-image: url(../images/svg/tileOrangeR.svg);
}
.sectionHeaderLine .tileLeft {
	background-image: url(../images/svg/tileLineL.svg);
}
.sectionHeaderLine .tileRight {
	background-image: url(../images/svg/tileLineR.svg);
}
.sectionHeaderFunding .tileLeft {
	background-image: url(../images/svg/tileFundingL.svg);
}
.sectionHeaderFunding .tileRight {
	background-image: url(../images/svg/tileFundingR.svg);
}
.sectionHeaderPurple .tileLeft {
	background-image: url(../images/svg/tilePurpleL.svg);
}
.sectionHeaderPurple .tileRight {
	background-image: url(../images/svg/tilePurpleR.svg);
}
/* catchVisual */
#catchVisual {
	height: 100vh;
	overflow: hidden;
}
#catchVisual div {
	margin-bottom: auto;
}
#catchVisual h1 {
	width: 46vw;
	max-width: 460px;
}
#catchVisual #catch {
	margin-top: auto;
	margin-bottom: 0.5em;
}
/* menu */
#menu ul h1 {
	line-height: 1;
}
#menu ul h2 + .border {
	margin-top: 0;
}
#menu ul + p {
	margin: 2em auto;
}
#menu ul li a:hover h1,
#menu ul li a:hover h2,
#menu ul li a:hover p {
	opacity: 0.8;
}
#menu ul li a:hover p.thumb {
	opacity: 1;
}
/* supporters */
#supporters {
	margin-top: 3em;
}
#supporters h1 {
	background-image: url(../images/svg/tileSlashWhite.svg);
}
#supporters h1 span {
	height: 21px;
	padding: 0 1em;
	background-color: #000;
}
#supporters li {
	width: 21%;
	max-width: 200px;
	margin: 0 6% 1em;
}
/* contest */
.headerSpacer {
	width: 100%;
	height: 12vw;
	max-height: 120px;
}
#contest #entry h1,
#contest #results h1 {
	position: relative;
	width: 100%;
	padding-top: 69.4%;
	background-image: url(../images/keyVisual.1802.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
/* Line */
#contest.contestLine #entry > .sectionHeader {
	position: relative;
	width: 100%;
	height: auto;
	max-height: inherit;
	padding: 69.4% 0 1em;;
	background-image: url(../images/keyVisual.1805.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#contest.contestLine #entry > .sectionHeader h1 {
	padding-top: 0;
	background-image: none;
}
#contest #entry div .wrapper {
	position: absolute;
	left: 0;
	bottom: 0;
}
#contest #entry h1 .wrapper .textSpace,
#contest #results h1 .wrapper .textSpace {
	margin-right: 0.5em;
}
.pageTemplate .widthWrapper .border {
	margin-top: 0;
}
.pageTemplate .widthWrapper .contents {
	/*
	width: 87.1%;
	max-width: 830px;
	margin: 6em auto 0;
	*/
	width: 90%;
	margin: 3em auto 0;
}
#qa.widthWrapper .widthWrapper {
	/*
	width: 87.1%;
	max-width: 830px;
	*/
	width: 90%;
	padding: 0 5%;
}
.pageTemplate .widthWrapper .translateBox + .contents {
	margin-top: 1em;
}
.pageTemplate .widthWrapper .contents h2 {
	width: 8%;
	line-height: 1;
}
.pageTemplate .widthWrapper .contents > div {
	width: 86%;
}
.pageTemplate .widthWrapper .contents > div.wrapper {
	width: 100%;
}
.pageTemplate .widthWrapper .contents > div .thumb {
	/*
	width: 20%;
	*/
	width: 22%;
	max-width: 160px;
}
.pageTemplate .widthWrapper .contents > div .note {
	/*
	width: 66%;
	*/
	width: 74%;
}

.pageTemplate #results.widthWrapper .contents h2,
.pageTemplate .widthWrapper #results .contents h2 {
	width: 100%;
	line-height: 160%;
}
.pageTemplate #results.widthWrapper .contents .logo {
	width: 55%;
	margin-top: 0;
}
.pageTemplate #results.widthWrapper .contents > div.flexBlock,
.pageTemplate .widthWrapper #results .contents > div.flexBlock {
	width: 100%;
	margin: 2em 0 4em;
}
.pageTemplate #results.widthWrapper .contents > div.flexBlock + .flexBlock {
	margin: 4em 0;
}
.pageTemplate #results.widthWrapper .contents > div.flexBlock div {
	width: 48%;
	margin-top: 0.5em;
}
#artists.pageTemplate #results.widthWrapper .contents > div.flexBlock div {
	margin-top: 0;
}
.pageTemplate #results.widthWrapper .contents > div.flexBlock div + div {
	margin-top: 0;
}
.pageTemplate .widthWrapper #results .contents > div.flexBlock div + div {
	margin-top: -1em;
}
.pageTemplate #results.widthWrapper .contents > div.flexBlock div h3 + p,
.pageTemplate .widthWrapper #results .contents > div.flexBlock div h3 + p {
	margin-top: 0;
}
/*#contest.contestLine.pageTemplate .widthWrapper #results .contents > h2 + p,*/
#events.pageTemplate .widthWrapper .contents > div {
	width: 100%;
	margin: 1em auto 3em;
}
#events.pageTemplate .widthWrapper .contents > div + div {
	padding-top: 3em;
	border-top: 1px dotted #d903e5;
}
#events.pageTemplate .widthWrapper .contents > div > div {
	width: 75%;
	margin: 1em auto;
}
#events.pageTemplate #results.widthWrapper .contents > div.flexBlock div h3 + p {
	margin-top: 1em;
}
#events.pageTemplate #results.widthWrapper .contents > div.flexBlock > p {
	width: 100%;
	margin-top: 1em;
}
/* about */
.logo {
	width: 50%;
	margin: 2em auto;
}
.logoSpaceInvaders {
	width: 30%;
}
#about .sectionBlack.wrapper {
	padding-bottom: 4em;
	margin-bottom: 0;
}
#about .sectionBlack + .sectionWhite {
	margin-top: 0;
	padding-top: 2em;
}
#about .sectionBlack + .sectionWhite > .contents {
	margin-top: 0!important;
}
/* artists */
#artists .sectionHeader {
	position: relative;
	width: 100%;
	height: auto;
	max-height: inherit;
	padding: 33.4% 0 2em;
	background-image: url(../artists/keyVisual.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
/* events */
#events .sectionHeader {
	position: relative;
	width: 100%;
	height: auto;
	max-height: inherit;
	padding: 33.4% 0 2em;
	background-image: url(../events/keyVisual.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
/* contact */
form {
	padding: 1em 0 2em;
}
fieldset {
	border: medium none !important;
	margin: 0 0 1em;
	width: 100%;
	padding: 0;
}
#contact input[type="text"],
#contact input[type="email"],
#contact textarea {
	width: 94%;
	margin: 0 auto;
	padding: 2%;
	font-size: 14px;
	font-size: 1.4rem;
	border: 1px solid #f39800;
	background-color: #fff;
	-webkit-appearance: none;
	transition: all 200ms linear;
	font-family: 'JF-Dot-MPlus12SubsetFont', 'Noto Sans JP', sans-serif;
}
#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact textarea:hover {
	border:1px solid #009fe8;
}
#contact textarea {
	height: 200px;
	resize: none;
}
#contact button[type="submit"] {
	cursor: pointer;
	width: 40%;
	height: 50px;
	margin: 5px 30%;
	padding: 10px 0;
	color: #fff;
	font-size: 15px;
	font-size: 1.5rem;
	border:none;
	background-color: #f39800;
	transition: all 200ms linear;
	font-family: 'JF-Dot-MPlus12SubsetFont', 'Noto Sans JP', sans-serif;
}
#contact button[type="submit"]:hover {
	background-color: #009fe8;
}
#contact input:focus,
#contact textarea:focus {
	outline:0;
	border:1px solid #009fe8;
}
::-webkit-input-placeholder {
	color: #848484;
}
:-moz-placeholder {
	color: #848484;
}
::-moz-placeholder {
	color: #848484;
}
:-ms-input-placeholder {
	color: #848484;
}
#complete {
	display: none;
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
	.dispPc {
		display: block;
	}
	.dispSp {
		display: none;
	}
	nav.open {
		top: 6vw;
	}
}
@media screen and (max-width: 800px) {
	.dispPc {
		display: none;
	}
	.dispSp {
		display: block;
	}
	img.text {
		width: 60%;
		height: auto;
	}
	.translateBox {
		text-align: center;
	}
	/*
	.textShadow {
		display: block;
		margin-bottom: 0.25em;
	}
	*/
	.textSpace {
		margin-right: 0.5em;
		margin-bottom: 0;
	}
	#catchVisual #catch .textSpace,
	#menu .textSpace {
		display: block;
		margin-right: 0;
	}
	.textVertical {
		-ms-writing-mode: inherit;
		writing-mode: inherit;
	}
	.textVertical .textSpace {
		margin-right: 0.5em;
		margin-bottom: 0;
	}
	.marginTop {
		margin-top: 2em;
	}
	dl + .marginTop {
		margin-top: 1em;
	}
	.textXXXLarge {
		font-size: 8vw;
	}
	.textXXLarge {
		font-size: 7vw;
	}
	.textXLarge {
		font-size: 6vw;
	}
	nav #navGlobal li,
	.textLarge {
		font-size: 4.5vw;
	}
	.textRegular {
		font-size: 4vw;
	}
	.textSmall {
		font-size: 3vw;
	}
	.textXSmall {
		font-size: 2.5vw;
	}
	.closeBtn {
		margin: 0 auto;
		padding: 2em 0;
	}
	.closeBtn span {
		display: inline-block;
		width: 1em;
		height: 1em;
		margin-right: 0.5em;
		vertical-align: text-top;
		background-image: url(../images/svg/menuOpen.svg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.border {
		width: 90%;
		height: 21px;
		margin: 1em auto;
		line-height: 21px;
		background-image: url(../images/svg/tileSlash.svg);
		background-position: left top;
		background-repeat: repeat-x;
	}
	.widthWrapper {
		width: 95.4%;
		max-width: 954px;
		margin: 0 auto;
		overflow: hidden;
	}
	.wrapper {
		display: block;
		width: 100%;
	}
	.flexList2 > li,
	.flexList2 > div {
		width: 48.96%;
		max-width: 467px;
		margin-top: 10px;
	}
	.flexList3 > li {
		width: 32%;
	}
	.flexList4 > li {
		width: 24%;
	}
	.flexList5 > li {
		width: 18%;
	}
	/* header */
	header {
		height: 10vw;
		max-height: inherit;
	}
	header .widthWrapper {
		height: 10vw;
		max-height: inherit;
	}
	header h1 {
		order: 2;
		width: auto;
		height: 4vw;
		max-height: inherit;
		margin: 0 4vw 0 auto;
	}
	header h1 img {
		width: auto;
		height: 4vw;
		max-height: inherit;
	}
	header #menuToggle {
		order: 1;
		cursor: pointer;
		width: 6vw;
		max-width: inherit;
		height: 6vw;
		max-height: inherit;
	}
	header #flexSns {
		order: 3;
		width: 20vw;
		max-width: inherit;
	}
	header #flexSns li {
		width: 6vw;
		max-width: inherit;
		height: 6vw;
		max-height: inherit;
	}
	header #flexSns li a:hover img {
		opacity: 1;
	}
	nav {
		top: -120vh;
		width: 100%;
		height: 100vh;
	}
	nav.open {
		top: 0;
	}
	nav #navGlobal {
		flex-direction: column;
		height: 40vh;
		margin-top: 10vw;
	}
	nav #navGlobal li {
		width: 100%;
	}
	/* footer */
	footer {
		height: inherit;
		max-height: inherit;
		margin-top: 3em;
	}
	footer .textXSmall {
		width: 88vw;
	}
	footer .pagetop {
		width: 6vw;
		max-width: inherit;
		height: 6vw;
		max-height: inherit;
	}
	/* 全画面動画背景 */
	.bgScreen {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: -3;
	}
	.bgScreen video {
		display: none;
	}
	.bgScreen div {
		position: fixed;
		top: 50%;
		left: 50%;
		width: auto;
		min-width: 100vw;
		height: auto;
		min-height: 100vh;
		background-image: url(../images/mov/dot.png), url(../images/mov/substitute.jpg);
		background-position: left top, center top;
		background-repeat: repeat, no-repeat;
		background-size: auto auto, 100% auto;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index: -2;
	}
	.bgScreen.bgLine {
		background-image: none;
	}
	.bgScreen.bgLine div {
		background-image: url(../images/mov/dot.png), url(../images/bgKeyVisual.1805.png);
		background-size: auto auto, cover;
	}
	/* sectionHeader */
	.sectionHeader {
		width: 100%;
		height: 4vw;
		max-height: 40px;
	}
	.sectionHeader .tileLeft,
	.sectionHeader .tileRight {
		width: 4vw;
		height: 4vw;
		background-size: 4vw 4vw;
	}
	.sectionHeader .tileCenter {
		width: calc(100% - 8vw);
		height: 4vw;
	}
	/**/
	#artists.pageTemplate #results.widthWrapper .contents > div.flexBlock div + div,
	#events.pageTemplate #results.widthWrapper .contents > div.flexBlock div + div,
	.pageTemplate .widthWrapper #results .contents > div.flexBlock div + div {
		margin-top: 1em;
	}
	#events.pageTemplate .widthWrapper .contents > div {
		width: 95.4%;
	}
	/* catchVisual */
	#catchVisual h1 {
		width: 86vw;
		max-width: inherit;
	}
	/* menu */
	#menu ul {
		flex-direction: column;
	}
	#menu ul li {
		width: 100%;
	}
	/* supporters */
	#supporters li {
		width: 40%;
		margin: 0 auto 1em;
	}
	/* contest */
	.headerSpacer {
		width: 100%;
		height: 20vw;
		max-height: inherit;
	}
	#contest #entry h1 {
		padding-top: 80%;
	}
	#contest #entry h1 .wrapper {
		position: absolute;
		left: 0;
		bottom: 0;
	}
	#contest .widthWrapper .contents {
		flex-direction: column;
	}
	#contest .widthWrapper .contents h2 {
		width: 100%;
		line-height: 1;
		margin-bottom: 0.5em;
		text-align: center;
	}
	#contest .widthWrapper .contents > div {
		flex-direction: column;
		width: 100%;
	}
	#contest .widthWrapper .contents > div div.thumb {
		display: -webkit-flex;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		flex-direction: row;
		list-style: none;
		flex-shrink: 0;
		width: 100%;
		max-width: inherit;
		margin: 1em auto;
	}
	#contest .widthWrapper .contents > div .thumb p,
	#contest .widthWrapper .contents > div p.thumb {
		width: 45%;
	}
	#contest .widthWrapper .contents > div .thumb p + p {
		margin-top: 0;
	}
	#contest .widthWrapper .contents > div p.thumb {
		margin: 1em auto;
	}
	#contest .widthWrapper .contents > div .note.marginTop {
		margin-top: 0;
	}
	#contest .widthWrapper .contents > div .note {
		width: 100%;
		margin-bottom: 2em;
	}
	#contest .widthWrapper .contents.flexList4 {
		flex-direction: row;
	}
	#contest .widthWrapper .contents.flexList4 li {
		width: 48%;
	}
	#contest .widthWrapper .contents.flexList4 li:nth-child(n + 3) {
		margin-top: 0.5em;
	}
	.pageTemplate #results.widthWrapper .contents > div.flexBlock div {
		width: 100%;
		margin-top: 0;
	}
	/* about */
	.logo {
		width: 75%;
		margin: 2em auto;
	}
	.logoSpaceInvaders {
		width: 45%;
	}
}