@charset "UTF-8";


/*=====================================================================

    top

======================================================================= */

/***** main-visual *****/

.main-visual {
	position: relative;
	display: table;
	width: 100%;
	padding: 80px 0 18vw;
	background: linear-gradient(90deg, #09112c, #002e6b, #09112c);
	transition: all .8s;
}

.main-visual .bg-box img {
	position: absolute;
}

.main-visual .bg-image {
	width: 3%;
	transition: all .6s;
}

.main-visual .bg-image01 {
	width: 124%;
	top: -18%;
	left: -14%;
	z-index: 0;
}
.main-visual .bg-image02 {
    top: 7%;
    left: 26%;
}
.main-visual .bg-image03 {
	width: 4.5%;
    top: 10%;
    left: 6%;
}
.main-visual .bg-image04 {
    width: 4%;
    top: 3%;
    left: 70%;
}
.main-visual .bg-image05 {
	width: 3.8%;
    top: 19%;
    left: 28%;
}
.main-visual .bg-image06 {
	width: 2.5%;
    top: 14%;
    left: 63%;
}
.main-visual .bg-image07 {
    width: 5.5%;
    top: 28%;
    left: 24%;
}
.main-visual .bg-image08 {
    top: 19%;
    left: 74%;
}
.main-visual .bg-image09 {
	width: 4.5%;
    top: 28%;
    left: 75%;
}
.main-visual .bg-image10 {
	width: 2.8%;
    top: 33%;
    left: 67%;
}
.main-visual .bg-image11 {
    width: 2.5%;
    top: 47%;
    left: 13%;
}
.main-visual .bg-image12 {
	width: 2.8%;
    top: 57%;
    left: 64%;
}
.main-visual .bg-image13 {
    top: 45%;
    left: 72%;
}
.main-visual .bg-image14 {
    width: 2.3%;
    top: 32%;
    left: 91%;
}
.main-visual .bg-image15 {
    width: 4%;
    top: 67%;
    left: 21%;
}
.main-visual .bg-image16 {
    top: 47%;
    left: 87%;
}
.main-visual .bg-image17 {
    width: 4.6%;
    top: 74%;
    left: 64%;
}

.main-visual__inner {
	transition: all 1s;
}

.main-visual h1 {
	position: relative;
	display: table;
	width: 26vw;
	margin: 0 auto;
	z-index: 1;
	transition: all .8s;
}

.close .main-visual h1 {
	width: 32vw;
}

@media screen and (max-width: 768px){
	.main-visual {
		height: auto;
	    padding: 45px 0 10vw;
	}
	.main-visual .bg-image {
		width: 8%;
	}

	.main-visual .bg-image01 {
		width: 270%;
	    top: -26%;
	    left: -85%;
	}
	.main-visual .bg-image02 {
		display: none;
	}
	.main-visual .bg-image03 {
		display: none;
	}
	.main-visual .bg-image04 {
		display: none;
	}
	.main-visual .bg-image05 {
		width: 10%;
	    top: 7%;
	    left: 12%;
	}
	.main-visual .bg-image06 {
		display: none;
	}
	.main-visual .bg-image07 {
		width: 11%;
	    top: 20%;
	    left: 9%;
	}
	.main-visual .bg-image08 {
		display: none;
	}
	.main-visual .bg-image09 {
		width: 10%;
	    top: 14%;
	    left: 81%;
	}
	.main-visual .bg-image10 {
		width: 7%;
	    top: 24%;
	    left: 88%;
	}
	.main-visual .bg-image11 {
		display: none;
	}
	.main-visual .bg-image12 {
		display: none;
	}
	.main-visual .bg-image13 {
		display: none;
	}
	.main-visual .bg-image14 {
		width: 5%;
	    top: 39%;
	    left: 92%;
	}
	.main-visual .bg-image15 {
		display: none;
	}
	.main-visual .bg-image16 {
		display: none;
	}
	.main-visual .bg-image17 {
		width: 9%;
	    top: 37%;
	    left: 5%;
	}
	.main-visual h1 {
		width: 68%;		
	}
	.close .main-visual h1 {
		width: 68%;
	}
	.main-date {
		width: 34%;
		margin: 20px auto 0;
	}
}


/***** winners *****/

.winners-block {
	padding: 120px 0;
    margin-top: -12vw;
	background: linear-gradient(90deg, #09112c, #002e6b, #09112c);
}

.winners-block .twitter-tweet {
	margin: 0 auto;
	max-width: 90%!important;
}

.winners-block h2 {
	display: block;
	position: relative;
	width: 50%;
	margin: 80px auto 0;
}

.winners-list__wrapper {
	margin-top: 30px;
}

.winners-list__item {
	width: 92%;
    transform: translateX(-4%);
    transition: all .5s;
}
.winners-list__item:hover {
	transform: translateX(-2.5%);
}
.winners-list__item:nth-child(even) {
	margin-left: 8%;
    transform: translateX(4%);
}
.winners-list__item:nth-child(even):hover {
    transform: translateX(2.5%);
}
.winners-list__item:nth-child(n+2) {
	margin-top: 20px;
}

.winners-list__item a {
	width: 100%;
}

.winners-list__item .text-area,
.winners-list__item .img-area {
	width: 50%;
	height: 25vw;
	transform: skewX(-7deg);
	transition: all .8s;
}
.close .winners-list__item .text-area,
.close .winners-list__item .img-area {
	height: 29.5vw;
}
.winners-list__item:nth-child(even) .text-area,
.winners-list__item:nth-child(even) .img-area {
	transform: skewX(7deg);
}
.winners-list__item:nth-child(even) .img-area {
	transform: skewX(7deg);
}

.winners-list__item .text-area {
	display: table;
	padding: 15px 50px 15px 80px;
	background: linear-gradient(275deg, #ff786d, #ff5f74);
	box-sizing: border-box;
}
.winners-list__item:nth-child(even) .text-area {
	padding: 15px 80px 15px 50px;
}
.winners-list__item:nth-child(2) .text-area,
.winners-list__item:nth-child(5) .text-area {
	background: linear-gradient(275deg, #acd84d, #95c839);
}
.winners-list__item:nth-child(3) .text-area {
	background: linear-gradient(275deg, #41b8ff, #23acff);
}

.winners-list__item .text-area__inner,
.winners-list__item .img-area__inner {
	transform: skewX(7deg);
}
.winners-list__item:nth-child(even) .text-area__inner,
.winners-list__item:nth-child(even) .img-area__inner {
	transform: skewX(-7deg);
}

.winners-list__item .text-area__inner {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.winners-list__item .prize-icon {
	width: 30%;
	margin: 0 auto;
}

.winners-list__item .prize-title {
	margin-top: 5px;
}

.winners-list__item .artist-name {
	font-size: 2vw;
    font-weight: bold;
    letter-spacing: 2px;
    font-style: italic;
    line-height: 1.4;
    color: #002e6b;
    text-align: center;
    padding-top: 10px;
    margin-top: 15px;
    border-top: solid 1px #002e6b;
}

.winners-list__item .artist-name span {
	display: block;
	font-size: 1.5vw;
	margin-top: 5px;
}

.winners-list__item .img-area {
	overflow: hidden;
}

.winners-list__item .img-area__inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.winners-list__item .img-area__inner img {
	position: absolute;
    width: 116%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.winner-list.col4 {
	width: 90%;
    margin: 60px auto 0;
}

.col4 .winners-box__list {
	position: relative;
	width: 24%;
	height: 18vw;
	overflow: hidden;
	margin-left: 1%;
	transition: all .8s;
}
.col4 .winners-box__list:nth-child(n+5) {
	margin-top: 0.7vw;
}
.col4 .winners-box__list:nth-child(4n+1) {
	margin-left: 0;
}
.close .col4 .winners-box__list {
	height: 21.5vw;
}

.col4 .winners-box__list a {
	display: block;
	height: 100%;
}

.col4 .winners-box__list .winners-label {
	position: absolute;
	display: table;
	width: 100.5%;
	height: 100.5%;
	top: 0;
	left: 0;
	background: linear-gradient(275deg, #41b8ff, #23acff);
	transition: all .8s;
	z-index: 1;
}
.col4 .winners-box__list:nth-child(2) .winners-label,
.col4 .winners-box__list:nth-child(5) .winners-label,
.col4 .winners-box__list:nth-child(8) .winners-label,
.col4 .winners-box__list:nth-child(11) .winners-label,
.col4 .winners-box__list:nth-child(14) .winners-label,
.col4 .winners-box__list:nth-child(17) .winners-label,
.col4 .winners-box__list:nth-child(20) .winners-label {
	background: linear-gradient(275deg, #acd84d, #95c839);
}
.col4 .winners-box__list:nth-child(3) .winners-label,
.col4 .winners-box__list:nth-child(6) .winners-label,
.col4 .winners-box__list:nth-child(9) .winners-label,
.col4 .winners-box__list:nth-child(12) .winners-label,
.col4 .winners-box__list:nth-child(15) .winners-label,
.col4 .winners-box__list:nth-child(18) .winners-label,
.col4 .winners-box__list:nth-child(21) .winners-label {
	background: linear-gradient(275deg, #ff786d, #ff5f74);
	
}
.col4 .winners-box__list:hover .winners-label {
	opacity: 0;
	transform: translateY(-40px);
}

.col4 .winners-box__list .winners-label__inner {
	display: table-cell;
	text-align: center;
	padding: 0 15px;
	vertical-align: middle;
	box-sizing: border-box;
}
 
.col4 .winners-box__list .prize-icon {
	width: 40%;
	margin: 0 auto;
}

.col4 .winners-box__list .prize-title {
	margin-top: 5px;
}

.col4 .winners-box__list .winners-content {
	height: 100%;
}

.col4 .winners-box__list .img-area {
	position: relative;
	width: 100%;
	height: 65%;
	overflow: hidden;
}

.col4 .winners-box__list .img-area img {
	position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.col4 .winners-box__list .text-area {
	display: table;
	width: 101%;
	height: 35%;
	background: #fff;
}

.col4 .winners-box__list .text-area p {
	display: table-cell;
    color: #002e6b;
    font-size: 1.35vw;
    font-weight: bold;
    font-style: italic;
    letter-spacing: 1px;
    line-height: 1.3;
    padding: 3px 7px;
    vertical-align: middle;
    text-align: center;
}

.col4 .winners-box__list .text-area p.small {
	font-size: 1.15vw;
}

.col4 .winners-box__list .text-area p span {
	display: block;
	font-size: 1.15vw;
}
.col4 .winners-box__list .text-area p.small span {
	font-size: 1.1vw;
}


@media screen and (max-width: 768px) {
	.winners-block {
		padding: 20px 0 120px;
	}
	.winners-block h2 {
		width: 80%;
	}
	.winners-list__item {
		width: 100%;
		display: block;
	    transform: translateX(0);
	}
	.winners-list__item:nth-child(even) {
		margin-left: 0;
	    transform: translateX(0);
	}
	.winners-list__item:nth-child(n+2) {
		margin-top: 35px;
	}
	.winners-list__item .text-area,
	.winners-list__item .img-area {
		width: 100%;
		height: auto;
		transform: skewY(-7deg);
	}
	.close .winners-list__item .text-area,
	.close .winners-list__item .img-area {
		height: auto;
	}
	.winners-list__item:nth-child(even) .text-area,
	.winners-list__item:nth-child(even) .img-area {
		transform: skewY(7deg);
	}
	.winners-list__item:nth-child(even) .img-area {
		transform: skewY(7deg) translateX(0);
	}
	.winners-list__item .text-area {
		padding: 0 5%;
	}
	.winners-list__item:nth-child(even) .text-area {
		padding: 0 5%;
	}
	.winners-list__item .text-area__inner,
	.winners-list__item .img-area__inner {
		transform: skewY(7deg);
	}
	.winners-list__item .text-area__inner {
		transform: translateY(-30px) skewY(7deg);
	}
	.winners-list__item:nth-child(even) .text-area__inner,
	.winners-list__item:nth-child(even) .img-area__inner {
		transform: skewY(-7deg);
	}
	.winners-list__item:nth-child(even) .text-area__inner {
		transform: translateY(-30px) skewY(-7deg);
	}
	.winner-list.col4 {
		width: 97%;
	}
	.col4 .winners-box__list .prize-title {
		width: 94%;
		margin: 5px auto 0;
	}
	.col4 .winners-box__list .winners-content {
		opacity: 0;
	}
	.winners-list__item .artist-name {
		font-size: 28px;
	}
	.winners-list__item .artist-name span {
		font-size: 20px;
	}
	.winners-list__item .img-area {
		height: 68vw;
	}
	.col4 .winners-box__list {
		width: 49%;
		height: 44vw;
		margin-left: 2%;
	}
	.col4 .winners-box__list:nth-child(n+3) {
		margin-top: 7px;
	}
	.col4 .winners-box__list:nth-child(4n+1) {
		margin-left: 2%;
	}
	.col4 .winners-box__list:nth-child(odd) {
		margin-left: 0;
	}
	.close .col4 .winners-box__list {
		height: 44vw;
	}
	.col4 .winners-box__list:hover .winners-label {
		opacity: 1;
		transform: translateY(0px);
	}
	.col4 .winners-box__list .winners-label__inner {
		padding: 0 8px;
	}
	.col4 .winners-box__list .prize-icon {
		width: 55%;
	}
}


/***** top-block *****/

.top-block {
	position: relative;
	width: 100%;
	padding: 50px 8% 100px;
	/*margin-top: -6vw;*/
	margin-top: -2vw;
    background: none;
    z-index: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
	box-sizing: border-box;
}

.bg-box.skew-content {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    overflow: hidden;
    z-index: -1;
}

.bg-box__inner {
	width: 100%;
	height: 100%;
}

.top-block .bg-box .bg-image,
.perfomance-block .bg-box .bg-image {
	position: absolute;
	width: 40%;
	transition: all 1s;
	z-index: -2;
}

.top-block .bg-box .bg-image01 {
	top: -45%;
    left: -5%;
}

.top-block .bg-box .bg-image02 {
	top: -70%;
	right: -15%;
}

.top-block .bg-box .bg-image03 {
	bottom: -55%;
    left: -10%;
}

.top-block .bg-box .bg-image04 {
	bottom: -40%;
    right: -10%;
}


.top-block .detail-data__day {
	position: relative;
    display: table;
    margin-left: auto;
    z-index: 5;
}

.top-block .detail-data__day .heading {
	position: relative;
	display: block;
	font-size: 100px;
	font-weight: bold;
	text-align: right;
	color: #002e6b;
	letter-spacing: 3px;
	line-height: 1;
}

.top-block .detail-data__day .heading::after {
	content: " ";
	position: absolute;
	width: 150%;
	height: 80%;
	top: 30px;
	left: 0;
	background: #fcfc3a;
	opacity: .85;
	transform: skewX(-10deg);
	z-index: -1;
}

/*.top-block .heading .rotate {
	transform: rotate(45deg);
	transform-origin: center;
}*/

.top-block .heading .week {
	font-size: 50px;
	letter-spacing: 2px;
}

.top-block__content__wrapper {
	margin-top: 40px;
}

.top-block__left {
	position: relative;
	width: 55%;
}

.top-block__left .top-slide__wrapper {
	position: relative;
	/*overflow: hidden;*/
	transition: all 1s;
}

/*.top-block__left .top-slide__wrapper::before {
	content: " ";
    position: absolute;
    width: 130%;
    height: 102%;
    top: 0;
    right: -15%;
    background: #002e6b;
    transform: skewX(25deg);
    transition: all .8s;
    z-index: 1;
}

.action .top-block__left .top-slide__wrapper::before {
	width: 0px;
}*/

/*.action .top-block__left .top-slide__wrapper::before {
	transform: skewX(40deg);
	left: 200%;
}*/

.top-block__left .top-slide__wrapper::before {
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 10px;
	left: 10px;
	background: #002e6b;
	z-index: -1;
}

.top-block__left .top-slide {
	position: relative;
	height: 21.5vw;
	transition: all .8s;
}

.close .top-block__left .top-slide {
	height: 26vw;
}

.top-block__left li.slick-slide {
	width: 100%;
	height: 21.5vw;
	background: #333;
	transition: height .8s;
}

.top-block__left li.slick-slide a {
	display: block;
	position: relative;
	height: 100%;
}

.close .top-block__left li.slick-slide {
	height: 26vw;
}

.top-block__left img {
	position: relative;
	width: auto;
	height: auto;
    max-width: 100%;
    max-height: 21.5vw;
    top: 50%;
    left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.close .top-block__left img {
	max-height: 26vw;
}

.top-block__left .slick-list {
	position: relative;
	overflow: hidden;
	transition: all 1s;
}

.slider-control__wrapper {
	width: 90px;
	margin: 35px 0 0 auto;
	border-top: solid 1px #002e6b;
	border-bottom: solid 1px #002e6b;
	transform: skewX(-10deg);
}

.slider-control {
	position: relative;
	width: 45px;
	height: 45px;
	background: #fcfc3a;
	cursor: pointer;
	box-sizing: border-box;
}

.slider-control#slide-next {
	border-right: solid 1px #002e6b;
	transform: rotate(180deg);
}

.slider-control__inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.slider-control__inner::before {
	content: " ";
    display: block;
    position: relative;
    top: calc(50% - 3px);
    left: 14px;
    width: 20px;
    height: 4px;
    transform: skewX(-50deg);
    border-left: solid 1px #002e6b;
    border-bottom: solid 1px #002e6b;
}

#slide-next .slider-control__inner::before {
	transform: skewX(50deg);
    border-top: solid 1px #002e6b;
    border-bottom: none;
}

.slider-control span {
	text-indent: -9999px;
}

.slider-control span::before {
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 90%;
	bottom: 0;
    left: 0;
	border-left: solid 1px #002e6b;
	box-sizing: border-box;
}

.slick-dots {
	position: absolute;
    width: 70%;
    top: 110%;
    left: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: row;
    -ms-flexbox-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.slick-dots li {
	margin-left: 12px;
}

.slick-dots li button {
	width: 12px;
    height: 12px;
    text-indent: -9999px;
    background: #002e6b;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 0;
    transform: rotate(45deg);
    box-sizing: border-box;
}

.slick-dots li.slick-active button {
	background: #fcfc3a;
}

.top-block__right {
	width: 40%;
	color: #002e6b;
	font-weight: 700;
	font-style: italic;
	box-sizing: border-box;
}

.top-block__right .detail-data .gfi {
	font-weight: bold;
}

.top-block__right .detail-data__date {
 	font-size: 22px;
 	letter-spacing: 2px;
}

.top-block__right .detail-data__place {
 	font-size: 30px;
 	letter-spacing: 2px;
}

.top-block__right .detail-data__place a {
	display: inline-block;
	font-size: 16px;
	color: #002e6b;
	border-bottom: solid 1px #002e6b;
	margin-left: 10px;
}

.top-block__right .detail-data__mc {
	margin-top: 15px;
}

.top-block__right .detail-data__mc .heading {
	font-size: 40px;
	letter-spacing: 2px;
	line-height: 1.3;
	margin-right: 30px;
}

.top-block__right .mc-list__item {
	font-size: 18px;
	margin-top: 5px;
}

.top-block__right .share {
	position: relative;
	margin: 20px 0 0 80px;
}

.top-block__right .share::before {
	content: " ";
	position: absolute;
	width: 30%;
	height: 1px;
	top: 50%;
	left: 28%;
	background: #002e6b;
}

.top-block__right .share__title {
	font-size: 18px;
	line-height: 46px;
	letter-spacing: 2px;
	margin-right: auto;
}

.top-block__right .share__btn {
	width: 46px;
	height: 46px;
	text-indent: -9999px;
	transform: skewX(-15deg);
}

.top-block__right .share__btn:nth-child(n+2) {
	margin-left: 5px;
}

.top-block__right .share__btn a {
	display: table;
	position: relative;
	width: 100%;
	height: 100%;
	transition: all .4s;
}

.top-block__right .share__btn a:hover {
	opacity: .75;
}

.top-block__right .share__btn-twitter a {
	background: #41b8ff;
}

.top-block__right .share__btn-facebook a {
	background: #002e6b;
}

.top-block__right .share__btn a span {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	top: calc(50% - 10px);
	left: calc(50% - 10px);
	transform: skewX(15deg);
}

.top-block__right .share__btn-twitter a span {
	background: url('../../img/common/icon_twitter.png') no-repeat center;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.top-block__right .share__btn-facebook a span {
	background: url('../../img/common/icon_fb.png') no-repeat center;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.top-block__right .movie-box {
	position: relative;
	width: 100%;
	margin-top: 30px;
}

.top-block__right .movie-box::before {
	content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    left: 10px;
    background: #fcfc3a;
    z-index: -1;
}

.top-block__right .movie-box iframe {
	width: 100%;
	height: 16vw;
}

@media screen and (max-width: 768px) {
	.top-block {
		padding: 70px 0;
		margin-top: -7vw;
	}
	.top-block .bg-box .bg-image {
		width: 70%;
		z-index: -2;
	}
	.top-block .bg-box .bg-image01 {
		top: -10%;
	}
	.top-block .bg-box .bg-image03 {
	    bottom: 20%;
    	left: -20%;
	}
	.top-block .detail-data__day .heading {
		font-size: 70px;
		padding-right: 12px;
	}
	.top-block .heading .week {
		font-size: 36px;
	}
	.top-block__content__wrapper {
		margin-top: 30px;
	}
	.top-block__left {
		width: 100%;
	}
	.top-slide {
		margin-top: 20px;
	}
	.top-block__left .top-slide::before {
		display: none;
	}
	.slider-control__wrapper {
		margin: 15px 20px 0 auto;
	}
	.top-slide {
		height: auto;
	}
	.close .top-slide {
		height: auto;
	}
	.top-slide li.slick-slide {
	    max-height: auto;
	}
	.close li.slick-slide {
    	max-height: auto;
	}
	.top-slide img {
		width: 100%;
	    max-height: auto;
	    margin: 0 auto;
	}
	.close .top-block__left img {
		max-height: auto;
	}
	.slick-dots {
		width: 65%;
		padding-left: 3%;
	}
	.slick-dots li {
		margin-left: 9px;
	}
	.slick-dots li button {
		width: 11px;
		height: 11px;
	}
	.top-block__right {
		width: 100%;
	}
	.top-block__right .detail-data__date {
	 	font-size: 24px;
	 	letter-spacing: 1px;
	 	padding-left: 13%;
	}
	.top-block__right .detail-data__place {
	 	font-size: 34px;
	 	padding-left: 13%;
	}
	.top-block__right .detail-data__mc {
		padding-left: 13%;
		margin-top: 20px;
	}
	.top-block__right .mc-list {
		margin-top: 15px;
	}
	.top-block__right .share {
		width: 65%;
		padding-right: 25px;
		margin: 20px 0 0 35%;
		box-sizing: border-box;
	}
	.top-block__right .share::before {
		width: 12%;
		left: 33%;
	}
	.top-block__right .share__title {
		font-size: 22px;
	}
	.top-block__right .movie-box {
		width: 90%;
		margin: 40px auto 0;
	}

	.top-block__right .movie-box iframe {
		width: 100%;
		height: 50vw;
	}
}



/***** perfomance-block *****/

.perfomance-block {
	position: relative;
}

.perfomance-block__inner {
	width: 84%;
	/*padding: 120px 0;*/
	padding: 30px 0 120px;
	margin: 0 auto;
}

.perfomance-block .bg-box {
    margin-top: -6vw;
    background: #fff;
	/*background: linear-gradient(90deg, #09112c, #002e6b, #09112c);*/
	z-index: 0;
}

/*.perfomance-block .bg-box .bg-image {
	position: absolute;
	transition: all 1s;
	z-index: -1;
}

.perfomance-block .bg-box .bg-image01 {
	width: 120%;
	top: -50%;
	left: -10%;
	opacity: 0.3;
}

.perfomance-block .bg-box .bg-image02 {
	display: none;
	width: 120%;
	bottom: -40%;
	left: -10%;
	opacity: 0.3;
}*/


.perfomance-block .bg-box .bg-image {
	position: absolute;
	width: 40%;
	transition: all 1s;
	z-index: -1;
}

.perfomance-block .bg-box .bg-image01 {
	top: -130px;
    left: -5%;
}

.perfomance-block .bg-box .bg-image02 {
	top: 200px;
    right: -10%;
}

.perfomance-block .bg-box .bg-image03 {
	bottom: 200px;
    left: -10%;
}

.perfomance-block .bg-box .bg-image04 {
	bottom: -100px;
    right: -10%;
}

.perfomance-block h2 {
	position: relative;
	height: 4.4vw;
	text-align: right;
}

.perfomance-block h2 img {
	width: auto;
	height: 100%;
}

.perfomance-block .text {
	position: relative;
	display: block;
	font-size: 16px;
	/*color: #fff;*/
	color: #002e6b;
	font-style: italic;
	text-align: right;
	letter-spacing: 2px;
	margin-top: 20px;
}

.perfomance-box {
	position: relative;
	width: 100%;
	margin: 60px auto 0;
}

.perfomance-box__list {
	position: relative;
	width: 32%;
	margin-left: 2%;
	background: #fff;
}

.perfomance-box__list:nth-child(3n+1) {
	margin-left: 0px;
}

.perfomance-box__list:nth-child(n+4) {
	margin-top: 20px;
}

.perfomance-box__list.new::before {
	content: " ";
	position: absolute;
	width: 4.5vw;
	height: 4.5vw;
	top: -5px;
	left: -5px;
	background: url("../../img/top/icon_new.png") no-repeat center;
	-webkit-background-size: contain;
	background-size: contain;
	z-index: 10;
}

.perfomance-image {
	position: relative;
	width: 100%;
    height: 16vw;
    background: #ddd;
    overflow: hidden;
    z-index: 1;
    transition: all .8s;
}

.close .perfomance-image {
	height: 18vw;
}

.perfomance-image img {
	display: block;
	position: relative;
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .8s;
}

.ng .perfomance-image img {
    height: auto;
    max-height: 16vw;
    max-width: 100%;
}

.close .perfomance-image img {
	max-height: 18vw;
}

.ng .close .perfomance-image img {
	max-height: 18vw;
}

.perfomance-act {
	display: block;
    padding: 10px 0;
    background: #fcfc3a;
}

.perfomance-act img {
	height: 1.15vw;
    transition: all .8s;
    vertical-align: middle;
}

.close .perfomance-act img {
	height: 1.35vw;
}

.perfomance-name {
	display: table;
	width: 100%;
	height: 6vw;
}

.close .perfomance-name {
	height: 7vw;
}

.perfomance-name p {
	display: table-cell;
	font-size: 1.65vw;
	font-weight: bold;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 1px;
	line-height: 1.4;
	padding: 0 15px;
	background: #002e6b;
	transition: all .8s;
}

.close .perfomance-name p {
	font-size: 1.8vw;
}

.perfomance-name span {
	display: block;
	font-size: 1.1vw;
	transition: all .8s;
}

.close .perfomance-name span {
	font-size: 1.2vw;
}

.perfomance-block p.more {
	font-size: 36px;
	color: #fff;
	letter-spacing: 3px;
	text-align: center;
	margin-top: 40px;
}

.perfomance-block .andmore {
	position: relative;
	width: 27%;
	margin: 80px auto 0;
}


@media screen and (max-width: 768px) {
	.perfomance-block .bg-box {
	    margin-top: -10vw;
	}
	.perfomance-block__inner {
		width: 100%;
		padding: 40px 0 80px;
	}
	/*.perfomance-block .bg-box .bg-image01 {
	    width: 200%;
	    top: -18%;
	    left: -65%;
	    opacity: 0.4;
	}
	.perfomance-block .bg-box .bg-image02 {
	    display: block;
	    width: 200%;
	    bottom: -20%;
	    left: -85%;
	    opacity: 0.4;
	}*/
	.perfomance-block .bg-box .bg-image {
		width: 75%;
	}
	.perfomance-block .bg-box .bg-image01 {
	    top: 0%;
	    left: -20%;
	}
	.perfomance-block .bg-box .bg-image02 {
		top: 10%;
    	right: -15%;
	}
	.perfomance-block .bg-box .bg-image03 {
		bottom: 5%;
	}
	.perfomance-block .bg-box .bg-image04 {
		bottom: -5%;
		right: -15%;
	}
	.perfomance-block h2 {
		width: 90%;
		height: auto;
		text-align: right;
		margin: 0 auto;
	}
	.perfomance-block h2 img {
		width: 100%;
		height: auto;
	}
	.perfomance-block .text {
		font-size: 14px;
		text-align: center;
		margin-top: 15px;
	}
	.perfomance-box {
		width: 90%;
		margin: 40px auto 0;
	}
	.perfomance-box__list {
		width: 100%;
		margin-left: 0;
	}
	.perfomance-box__list:nth-child(n+2) {
		margin-top: 20px;
	}
	.perfomance-box__list.new::before {
		width: 17vw;
		height: 17vw;
		top: -5px;
		left: -5px;
	}
	.perfomance-image {
	    height: 228px;
	}
	.close .perfomance-image {
		height: 228px;
	}
	.ng .perfomance-image img {
	    max-height: 228px;
	}
	.close .perfomance-image img {
		max-height: 228px;
	}
	.ng .close .perfomance-image img {
		max-height: 228px;
	}
	.perfomance-act img {
	    height: 4.5vw;
	}
	.close .perfomance-act img {
	    height: 4.5vw;
	}
	.perfomance-name {
		height: 20vw;
	}
	.close .perfomance-name {
		height: 20vw;
	}
	.perfomance-name p {
		font-size: 22px;
		padding: 0px 15px;
	}
	.close .perfomance-name p {
		font-size: 22px;
		padding: 0px 15px;
	}
	.perfomance-name span {
		font-size: 15px;
	}
	.close .perfomance-name span {
		font-size: 15px;
	}
	.perfomance-block .andmore {
		width: 50%;
		margin: 60px auto 0;
	}
}



/***** nominees-block *****/

.nominees-block {
	color: #fff;
	position: relative;
}

_:-ms-input-placeholder, :root .nominees-block {
	margin-top: -6vw;
}

.nominees-block__inner {
	width: 84%;
	padding: 100px 0 120px;
	margin: 0 auto;
}

_:-ms-input-placeholder, :root .nominees-block__inner {
	padding: 160px 0 120px;
}

.nominees-block .bg-box.skew-content {
	background: linear-gradient(90deg, #09112c, #002e6b, #09112c);
}

.nominees-block .bg-box .bg-image {
	position: absolute;
	width: 40%;
	transition: all 1s;
	z-index: -1;
}

/*.nominees-block .bg-box .bg-image01 {
	top: -130px;
    left: -5%;
}

.nominees-block .bg-box .bg-image02 {
	top: 200px;
    right: -10%;
}

.nominees-block .bg-box .bg-image03 {
	bottom: 200px;
    left: -10%;
}

.nominees-block .bg-box .bg-image04 {
	bottom: -200px;
    right: -10%;
}*/

.nominees-block .bg-box .bg-image {
	position: absolute;
	transition: all 1s;
	z-index: -1;
}

.nominees-block .bg-box .bg-image01 {
	width: 120%;
	top: -50%;
	left: -10%;
	opacity: 0.3;
}

.nominees-block .bg-box .bg-image02 {
	display: none;
	width: 120%;
	bottom: -40%;
	left: -10%;
	opacity: 0.3;
}

.nominees-block h2 {
	height: 4.4vw;
	margin-left: 5px;
	transform: translateY(6vw);
}

.nominees-block h2 img {
	width: auto;
	height: 100%;
}

.slide-change {
	width: 90px;
	margin-top: 20px;
	margin-left: auto;
	border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
}

.slide-change .slider-control {
	background: none;
}

.slide-change .slider-control__inner::before {
	content: " ";
    display: block;
    position: relative;
    top: calc(50% - 3px);
    left: 14px;
    width: 20px;
    height: 4px;
    transform: skewX(-50deg);
    border-left: solid 1px #fff;
    border-bottom: solid 1px #fff;
}

.slide-change #slide-next .slider-control__inner::before {
	transform: skewX(50deg);
    border-top: solid 1px #fff;
    border-bottom: none;
}

.slide-change #slide-next {
	border-right: solid 1px #fff;
}

.slide-change .slider-control span {
	text-indent: -9999px;
}

.slide-change .slider-control span::before {
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 90%;
	bottom: 0;
    left: 0;
	border-left: solid 1px #fff;
	box-sizing: border-box;
}

.nominees-list {
	display: block;
	width: 100%;
	margin-top: 50px;
}

.nominees-list .nominees-list__item {
	width: 32%;
	text-align: center;
	margin: 0 0.5%;
}

.nominees-list .nominees-list__item:nth-child(n+4) {
	margin-top: 40px;
}

.nominees-list .nominees-list__item:nth-child(4) {
	margin-left: 50px;
}
.nominees-list .nominees-list__item:nth-child(5) {
	margin-right: 50px;
}

.nominees-list .nominees-list__item .bx-wrapper {
	margin-top: 20px;
}

.artist-box__list {
	background: #fff;
}

.artist-box {
	margin-top: 20px;
}

.artist-image {
	width: 100%;
	height: 16vw;
	background: #ddd;
	overflow: hidden;
	transition: all .8s;
}

.close .artist-image {
	height: 18.2vw;
}

.artist-image img {
	display: block;
	position: relative;
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .8s;
}

.ng .artist-image img {
	height: auto;
    max-height: 16vw;
    max-width: 100%;
}

.close .ng .artist-image img {
	max-height: 18.2vw;
}

.artist-box .artist-name {
	display: table;
    width: 100%;
    height: 4.8vw;
    color: #002e6b;
    font-size: 1.4vw;
    font-weight: bold;
    background: #fff;
    transition: all .8s;
}

.close .artist-box .artist-name {
	height: 5.8vw;
	font-size: 1.7vw;
}

.artist-box .artist-name p {
	display: table-cell;
	text-align: center;
	line-height: 1.2;
	vertical-align: middle;
	padding: 0 10px;
}

.nominees-list__label {
	font-size: 1.4vw;
	color: #fff;
	letter-spacing: 2px;
	margin-top: 15px;
	transition: all .8s;
}

.close .nominees-list__label {
	font-size: 1.7vw;
	margin-top: 20px;
}

.nominees-link {
	margin-top: 60px;
}

.nominees-link a {
	display: block;
	position: relative;
	width: 400px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	letter-spacing: 2px;
	line-height: 1;
	padding: 30px 50px;
	margin: 0 auto;
	box-sizing: border-box;
	transition: all .4s;
}

.nominees-link a:hover {
	color: #002e6b;
	background: #fff;
}

.nominees-link a::before {
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 90%;
	top: -5px;
	right: 0;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	transition: all .4s;
}

.nominees-link a:hover::before {
	top: 0px;
	height: 100%;
}

.nominees-link a::after {
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 90%;
	top: 5px;
	right: 0;
	border-bottom: solid 1px #fff;
	border-left: solid 1px #fff;
	transition: all .4s;
}

.nominees-link a:hover::after {
	top: 0px;
	height: 100%;
}

.nominees-link .caution {
	font-size: 15px;
	font-style: italic;
	color: #fff;
	text-align: center;
	line-height: 2.2;
	letter-spacing: 2px;
	margin-top: 30px;
}

@media screen and (max-width: 768px) {
	/*.nominees-block .bg-box .bg-image {
		width: 75%;
	}*/
	/*.nominees-block .bg-box .bg-image01 {
	    top: -10%;
	    left: -20%;
	}
	.nominees-block .bg-box .bg-image02 {
		top: 5%;
    	right: -15%;
	}
	.nominees-block .bg-box .bg-image03 {
		bottom: 5%;
	}
	.nominees-block .bg-box .bg-image04 {
		bottom: -13%;
		right: -15%;
	}*/
	.nominees-block .bg-box .bg-image01 {
	    width: 200%;
	    top: -18%;
	    left: -65%;
	    opacity: 0.4;
	}
	.nominees-block .bg-box .bg-image02 {
	    display: block;
	    width: 200%;
	    bottom: -20%;
	    left: -85%;
	    opacity: 0.4;
	}
	.nominees-block__inner {
		width: 100%;
		padding: 80px 0;
	}
	.nominees-block h2 {
		height: 38px;
		text-align: right;
		margin-right: 5%;
		transform: translateY(0);
	}
	.slide-change {
		margin-top: 25px;
	}
	.nominees-list {
		width: 96%;
		margin: 20px auto 0;
	}
	.nominees-list .nominees-list__item {
		width: 49%;
		text-align: center;
		margin: 0;
	}
	.nominees-list .nominees-list__item:nth-child(odd) {
		transform: translateY(50px);
	}
	.nominees-list .nominees-list__item:nth-child(even) {
		margin-left: 2%;
	}
	.nominees-list .nominees-list__item:nth-child(n+3) {
		margin-top: 20px;
	}
	.nominees-list .nominees-list__item:nth-child(5) {
		margin-right: 0px;
	}
	.artist-image {
		height: 120px;
	}
	.close .artist-image {
		height: 120px;
	}
	.ng .artist-image img {
	    max-height: 120px;
	}
	.close .ng .artist-image img {
	    max-height: 120px;
	}
	.artist-box .artist-name {
		font-size: 15px;
		height: 13vw;
	}
	.close .artist-box .artist-name {
		font-size: 15px;
		height: 14vw;
	}
	.nominees-list__label {
		font-size: 15px;
	}
	.close .nominees-list__label {
		font-size: 15px;
	}
	.nominees-link {
		margin-top: 100px;
	}
	.nominees-link a {
		display: block;
		width: 80%;
		font-size: 16px;
		padding: 30px;
	}
	.nominees-link .caution {
		width: 85%;
		font-size: 15px;
		text-align: left;
		margin: 20px auto 0;
	}
}





/***** entry-block *****/

.entry-block {
	position: relative;
	padding: 150px 0;
	margin-top: -10px;
	overflow: hidden;
	background: linear-gradient(90deg, #09112c, #002e6b, #09112c);
}

.entry-block__inner {
	width: 100%;
	margin: 0 auto;
}

.entry-block__inner .bg-box .bg-image {
	position: absolute;
	transition: all 1s;
	z-index: -1;
}

.entry-block__inner .bg-box .bg-image01 {
	width: 110%;
	top: -30%;
	left: -5%;
	opacity: 0.3;
}

.entry-block__inner .bg-box .bg-image02 {
	width: 110%;
	bottom: -60%;
	left: -5%;
	opacity: 0.3;
}

.entry-block__inner h2 {
	width: 60%;
	margin: 0 auto;
}

.entry-block .text {
	font-size: 15px;
	font-style: italic;
	color: #fff;
	text-align: center;
	line-height: 2.2;
	margin-top: 20px;
}

.entry-list {
	margin-top: 60px;
}

.entry-list__item {
	width: 96%;
	background: linear-gradient(275deg, #ff786d, #ff5f74);
	transform: translateX(-6%) skewX(-15deg);
	transition: all .4s cubic-bezier(0.68, -0.1, 0.265, 1.55);
}

.entry-list__item:hover {
	transform: translateX(-4%) skewX(-15deg);
}

.entry-list__item.invitation {
	background: linear-gradient(275deg, #acd84d, #95c839);
	margin-right: 4%;
	transform: translateX(10%) skewX(-15deg);
}

.entry-list__item.invitation:hover {
	transform: translateX(8%) skewX(-15deg);
}

.entry-list__item.skyperfect {
	background: linear-gradient(275deg, #41b8ff, #23acff);
}

.entry-list__item:nth-child(n+2) {
	margin-top: 10px;
}

.entry-list__item a {
	height: 17.5vw;
	color: #fff;
	padding: 0 6% 0 12%;
	transition: all .8s;
}

.close .entry-list__item a {
	height: 19.5vw;
}

.entry-list__item.invitation a {
	padding: 0 20% 0 8%;
}

.entry-list__item.skyperfect a {
	padding: 0 6% 0 12%;
}

.entry-list__item .item__left {
	font-size: 1.8vw;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 2px;
	margin-right: 4%;
}

.close .entry-list__item .item__left {
	font-size: 2.4vw;
}

.entry-list__item .item__left span {
	display: block;
	font-size: 1.2vw;
	margin-bottom: 5px;
}

.entry-list__item .item__left span img {
	width: 110px;
}

_:-ms-input-placeholder, :root .entry-list__item .item__left span img {
	height: 25px;
}

.entry-list__item .item__right {
	font-size: 3vw;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 2px;
	transition: all .8s;
}

.close .entry-list__item .item__right {
	font-size: 4vw;
}

.entry-list__item .item__right span {
	display: block;
	font-size: 1.7vw;
	color: #fcfc3a;
}

.close .entry-list__item .item__right span {
	font-size: 2.6vw;
}

.about-content {
	margin-top: 0px;
}

.about-content h2 {
	width: auto;
	height: 4.4vw;
	text-align: center;
}

.about-content h2 img {
	width: auto;
	height: 100%;
}

.about-content .text-jp {
	margin-top: 50px;
}

.about-content .text-en {
	opacity: .7;
}

.about-content .banner {
	width: 80%;
	margin: 60px auto 0;
	transition: all .4s;
}

.about-content .banner:hover {
	opacity: .8;
}

.about-content .banner a {
	display: block;
}

@media screen and (max-width: 768px) {
	.entry-block {
		padding: 80px 0;
	}
	.entry-block .bg-box .bg-image01 {
	    width: 150%;
	    top: -18%;
	    left: -25%;
	    opacity: 0.4;
	}
	.entry-block .bg-box .bg-image02 {
	    width: 150%;
	    bottom: -18%;
	    left: -25%;
	    opacity: 0.4;
	}
	.entry-block__inner h2 {
		width: 80%;
	}
	.entry-block .text {
		width: 90%;
		font-size: 15px;
		text-align: left;
		line-height: 2;
		margin: 20px auto 0;
	}
	.entry-list {
		margin-top: 40px;
	}
	.entry-list__item {
		width: 98%;
		transform: translateX(-8%) skewX(-15deg);
	}
	.entry-list__item.invitation {
		    transform: translateX(15%) skewX(-15deg);
	}
	.entry-list__item a {
		position: relative;
		display: block;
		height: auto;
		padding: 25px 5% 50px 15%;
	}
	.close .entry-list__item a {
		height: auto;
	}
	.entry-list__item.invitation a {
		padding: 25px 10% 25px 10%;
	}
	.entry-list__item.skyperfect a {
		padding: 25px 5% 25px 15%;
	}
	.entry-list__item a::before {
		content: " ";
	    display: block;
	    position: absolute;
	    bottom: 15px;
	    right: 15%;
	    width: 50px;
	    height: 6px;
	    transform: skewX(50deg);
	    border-right: solid 2px #fff;
	    border-bottom: solid 2px #fff;
	}
	.entry-list__item:nth-child(2) a::before {
		right: 20%;
	}
	.entry-list__item .item__left {
		font-size: 18px;
		line-height: 1.3;
	}
	.close .entry-list__item .item__left {
		font-size: 18px;
	}
	.entry-list__item .item__left br {
		display: none;
	}
	.entry-list__item .item__left span {
		font-size: 13px;
	}
	.entry-list__item .item__left span img {
		width: 33%;
	}
	.entry-list__item .item__right {
		font-size: 24px;
		line-height: 1.5;
		margin-top: 10px;
	}
	.close .entry-list__item .item__right {
		font-size: 24px;
	}
	.entry-list__item .item__right span {
		font-size: 18px;
		padding-left: 1em;
		text-indent: -1em;
		margin-bottom: 8px;
	}
	.close .entry-list__item .item__right span {
		font-size: 18px;
	}
	.about-content {
		margin-top: 0px;
	}
	.about-content h2 {
		width: 50%;
		height: auto;
		margin: 0 auto;
	}
	.about-content h2 img {
		width: 100%;
		height: auto;
	}
	.about-content .text-jp {
		margin-top: 30px;
	}
	.about-content .banner {
		width: 90%;
		margin: 40px auto 0;
	}
}