@charset "UTF-8";
// <uniquifier>: Use a uniquifier for the class name // <weight>: Use a value from 100 to 900 .noto-sans jp-<uniquifier> { font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
} 
.urbanist-<uniquifier> { font-family: "Urbanist", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
} 
html { scroll-behavior: smooth;
} 
/* Body */
body { font-family: source-sans-pro;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-style: normal;
font-weight: 400;
color: #ffffff;
background-image: url(../img/bg.png);
background-repeat: repeat;
font-family: "Urbanist","Noto Sans JP", sans-serif;
word-wrap: break-word;
overflow-wrap: break-word;
} 
/* Container */
.container { width: 100%;
margin-left: auto;
margin-right: auto;
height: 1000px;
} 
/* Navigation */
header { width: 100%;
height: 5%;
/* background-color: #ff9900; */
/* border-bottom: 1px solid #ffcc00; */
} 
.logo { color: #fff;
font-family: "Urbanist", sans-serif;
font-weight: 600;
text-align: undefined;
width: 40%;
float: left;
margin-top: 15px;
margin-left: 25px;
letter-spacing: 4px;
} 
nav { float: right;
width: 40%;
text-align: right;
margin-right: 25px;
} 
header nav ul { list-style: none;
float: right;
} 
nav ul li { float: left;
color: #FFFFFF;
font-size: 14px;
text-align: left;
margin-right: 25px;
letter-spacing: 2px;
font-family: "Urbanist", sans-serif;
font-weight: 400;
transition: all 0.3s linear;
} 
ul li a { color: #FFFFFF;
text-decoration: none;
} 
ul li:hover a { color: #999999;
} 
.top_header { color: #FFFFFF;
text-align: center;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
letter-spacing: 4px;
} 
/* NexTone logo */
.nextonelogo img {
width: 160px;
height: 52px;
padding: 0;
margin: 0;
z-index: 30;
} 
/* NexTone logo */

/* Navbar & Navmenu color */
.header {
background: #ff9900;
position: fixed;
width: 100%;
height: 52px;
z-index: 20;
} 

/* Nav items */
.menu { list-style: none;
position: absolute;
width: 80%;
height: auto;
top: 0;
margin-left: 200px;
/* margin-top: 52px; */
padding: 0 0 10px 0;
clear: both;
/* background: #ff9900; */
} 
/* Hamburger menbu text */
.menu-btn {
opacity: 0;
}
.menu a { font-family: "Urbanist", sans-serif;
text-decoration: none;
font-weight: 500;
letter-spacing: 2px;
font-size: 16px;
text-transform: capitalize;
color: #ffffff;
opacity: 1;
} 
.menu li { 
padding: 0;
margin: 0 20px;
opacity: 1;
float : left;
} 
/* Navbar Container */
.navtext-container { width: 100%;
height: 52px;
position: absolute;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
} 
/* Navbar Text */
.navtext { position: absolute;
text-transform: uppercase;
color: #ddd;
letter-spacing: 4px;
font-size: 20px;
} 
/* 10th aniv */
.aniv { position: relative;
	height: 100vh;
	background-image: linear-gradient( -45deg, rgba(,255,200,0.9) 0%, rgb(240,131,0) 100%);
}
.aniv_bg { display: none;
	position: absolute; top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/10thbg.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.aniv_inner { display: none;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%); 
	text-align: center;
}
.aniv_logo { /* width: 280px; */
	margin: 0 auto;
}
.aniv_logo img {
	margin: 0;
	width: 100%;
	height: auto;
}
.aniv_catch { width: 500px;
}
/* 10th aniv */
/* Top Section */
.topsec { padding: 0;
} 
img.topimg { width:100%;
padding: 0;
margin-top: 52px;
} 
.light { font-weight: bold;
color: #717070;
} 
.tagline { text-align: center;
color: #FFFFFF;
margin-top: 4px;
font-weight: lighter;
font-family: "Urbanist", sans-serif;
letter-spacing: 1px;
} 
/* Column Section */
.column { padding-left: 25px;
padding-right: 25px;
padding-top: 35px;
padding-bottom: 5px;
color: #666666;
} 
/* text_column */
.text_wrap { text-align: center;
display: block;
}

.text_column { text-align: left;
display: inline-block;
letter-spacing: 0.03em;
line-height: 1.8;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
color: #666666;
font-family: "Urbanist","Noto Sans JP", sans-serif;
}
.list_column{ text-align: left;
letter-spacing: 0.02em;
line-height: 1.8;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
margin-left:40px;
color: #666666;
font-family: "Urbanist","Noto Sans JP", sans-serif;
} 
.list_column li{ list-style: none;
} 
.list_column li.ticket_title { list-style: none;
margin-left: -14px;
} 
.list_column li.ticket { list-style: disc;
} 
.list_column li.ticket a { color:#ff9900;
text-decoration:underline;
} 
.list_column li.ticket a hover { color:#999999;
text-decoration:underline;
} 
/* CENTER LIST **** */
.list_center{ text-align: left;
letter-spacing: 0.02em;
line-height: 1.8;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
margin-left:40px;
color: #666666;
font-family: "Urbanist","Noto Sans JP", sans-serif;
} 
.list_center ul{ display:inline-block;
} 
.list_center li{ list-style: none;
} 
.list_center a { color:#ff9900;
text-decoration:underline;
} 
.list_center a hover { color:#999999;
text-decoration:underline;
} 
/* */

/* About */
.about_column { width: 64%;
 text-align: center;
 margin-left: 18%;
 margin-right: 18%;
 padding: 0;
 padding-top: 30px;
} 

#about h4 { color: #ff9900;
text-align: center;
font-family: "Urbanist","Noto Sans JP", sans-serif;
font-size: 24px;
} 

/* Awards Winners */
#winner { width: 80%;
margin: 0;
margin-left:10%;
margin-right:10%;
padding: 0;
padding-bottom: 5px;
} 
.winner_column { width: 50%;
text-align: center;
margin: 0;
padding: 0;
padding-top: 30px;
float: left;
} 
.winner_column .cards
{ margin-bottom:100px;
} 
.winner_column .subcards
{ width: 200px;
	margin:0;
	padding:0;
} 
#gold .winner_title { color: #9e8c10;
background-color: #f0e2b5;
font-size: 20pt;
	text-align: center;
	clear:both;
padding: 2px;
font-family: "Urbanist","Noto Sans JP", sans-serif;
} 
#silver .winner_title { color: #778ba7;
background-color: #d8dee8;
font-size: 20pt;
	text-align: center;
	clear:both;
padding: 2px;
font-family: "Urbanist","Noto Sans JP", sans-serif;
} 
#bronze .winner_title { color: #945d41;
background-color: #efe2dd;
font-size: 20pt;
	text-align: center;
	clear:both;
padding: 2px;
font-family: "Urbanist","Noto Sans JP", sans-serif;
} 
#winner .winner_column h4 { color: #ff9900;
text-align: center;
font-family: "Urbanist","Noto Sans JP", sans-serif;
font-size: 24px;
} 
#winner .winner_column p { margin-left: 20px;
margin-right: 20px;
padding-left: 30px;
padding-right: 30px;
text-align: left;
line-height: 25px;
font-family: "Urbanist","Noto Sans JP", sans-serif;
color: #666666;
letter-spacing: 0.02em;
line-height: 1.8;
} 
.winner_column a { color:#ff9900;
text-decoration:underline;
} 
.winner_column a hover { color:#999999;
text-decoration:underline;
} 
/* Awards Winners Special */
#spwinner { width: 100%;
margin: 0;
padding: 0;
padding-bottom: 35px;
} 
#spwinner h4 { color: ffcc00;
background-color: #ffeed9;
font-size: 20pt;
text-align: center;
clear:both;
padding: 2px;
margin: 20px;
font-family: "Urbanist","Noto Sans JP", sans-serif;
} 
#spwinner .winner_column h4 { color: #ff9900;
text-align: center;
font-family: "Urbanist","Noto Sans JP", sans-serif;
font-size: 24px;
} 
#spwinner .winner_column p { margin-left: 20px;
margin-right: 20px;
padding-left: 30px;
padding-right: 30px;
text-align: left;
line-height: 25px;
font-family: "Urbanist","Noto Sans JP", sans-serif;
color: #666666;
letter-spacing: 0.02em;
line-height: 1.8;
} 

#spwinner .winner_column .cards_sp { 
height:400px;
text-align:center;

} 
#spwinner .winner_column .win_int { 
	width:50%;
	margin:0;
	padding:0;
	float:left;
} 
#spwinner .spwinner_int_credit {
	display:block;
	width:300px;
	margin:auto;
	padding:0;
	text-align:center;
}
#spwinner .spwinner_int_credit p {
margin-right: 0;
padding-left: 0;
text-align: left;
font-family: "Urbanist","Noto Sans JP", sans-serif;
color: #666666;
letter-spacing: 0.02em;
line-height: 1.8;
}
#spwinner .winner_column .cards_int { 
height:400px;
text-align:center;
} 

#spwinner .spwinner_credit {
	display:block;
	margin:auto;
	padding:0;
	text-align:center;
}
#spwinner .spwinner_credit_inline {
	display:inline-block;
	margin:auto;
	padding:0;
}
#spwinner .spwinner_credit p { 
margin-right: 0;
padding-left: 0;
text-align: left;
font-family: "Urbanist","Noto Sans JP", sans-serif;
color: #666666;
letter-spacing: 0.02em;
line-height: 1.8;
} 
#spwinner .spwinner_credit_center {
	margin:auto;
	padding:0;
}
#spwinner .spwinner_credit_center p { 
margin-right: 0;
padding-left: 0;
text-align: center;
font-family: "Urbanist","Noto Sans JP", sans-serif;
color: #666666;
letter-spacing: 0.02em;
line-height: 1.8;
} 
.spwinner_credit_center_left {
text-align:center;
}
#spwinner .winner_column .cards_yout { 
height:400px;
text-align:center;
} 
#spwinner .winner_column .cards_merit { 
width:620px;
text-align:center;
} 

/* Ceremony Perform info */
#perform { width: 100%;
margin: 0;
padding: 0;
padding-bottom: 35px;
} 
#liveperform01 { width: 100%;
margin: 0;
padding: 0;
padding-bottom: 35px;
} 
#liveperform02 { width: 100%;
margin: 0;
padding: 0;
padding-bottom: 35px;
} 
#openingact { width: 100%;
margin: 0;
padding: 0;
padding-bottom: 35px;
}
.ceremony_column { width: 100%;
text-align: center;
margin: 0;
padding: 0;
padding-top: 30px;
float: left;
} 
.ceremony_column h4 { color: #999999;
text-align: center;
font-family: "Urbanist","Noto Sans JP", sans-serif;
font-weight: normal;
font-size: 24px;
} 

.ceremony_column h4 .num { color: #ff9900;
text-align: center;
font-family: "Urbanist","Noto Sans JP", sans-serif;
font-weight: bold;
font-size: 48px;
} 

.text_column_center { text-align: left;
display: inline-block;
background:#ccc;
letter-spacing: 0.03em;
line-height: 1.8;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
color: #666666;
font-family: "Urbanist","Noto Sans JP", sans-serif;
}
.perform_column { width: 50%;
text-align: center;
margin: 0;
padding: 0;
padding-top: 30px;
float:left;
}

#liveperform01 .perform_column { width: 70%;
 text-align: center;
 margin-left: 15%;
 margin-right: 15%;
 padding: 0;
 padding-top: 30px;
} 

#liveperform02 .perform_column { width: 70%;
 text-align: center;
 margin-left: 15%;
 margin-right: 15%;
 padding: 0;
 padding-top: 30px;
} 

#livephoto { width: 100%;
margin: 0;
padding: 0;
text-align:center;
padding-bottom: 35px;
display:block;
} 
 .livephoto_column { width: 40%;
text-align: center;
margin: 0;
padding: 0;
padding-top: 30px;
display:inline-block;
} 

.live_cards { width: 100%;
height: auto;
max-width: 500px;
text-align:center;
} 

#openingact .perform_column { width: 50%;
 text-align: center;
 margin-left: 25%;
 margin-right: 25%;
 padding: 0;
 padding-top: 30px;
} 
#mc { width: 100%;
margin: 0;
padding: 0;
text-align:center;
padding-bottom: 35px;
display:block;
} 
#mc_center { width: 100%;
margin: 0;
padding: 0;
text-align:center;
padding-bottom: 35px;
display:inline-block;
} 
.mc_column { width: 30%;
text-align: center;
margin: 0;
padding: 0;
padding-top: 30px;
display:inline-block;
} 
.perform_title { color: #888888;
background-color: #eeeeee;
font-size: 20pt;
text-align: center;
clear:both;
padding: 2px;
font-family: "Urbanist","Noto Sans JP", sans-serif;
} 
#perform .perform_column h4 { color: #ff9900;
text-align: center;
font-family: "Urbanist","Noto Sans JP", sans-serif;
font-size: 24px;
} 
#liveperform01 .perform_column h4 { color: #ff9900;
text-align: center;
font-family: "Urbanist","Noto Sans JP", sans-serif;
font-size: 24px;
} 
#liveperform02 .perform_column h4 { color: #ff9900;
text-align: center;
font-family: "Urbanist","Noto Sans JP", sans-serif;
font-size: 24px;
} 
#openingact .perform_column h4 { color: #ff9900;
 text-align: center;
 font-family: "Urbanist","Noto Sans JP", sans-serif;
 font-size: 24px;
}
.cards { width: 100%;
height: auto;
max-width: 500px;
text-align:center;
} 
.live_cards { width: 100%;
height: auto;
max-width: 500px;
text-align:center;
} 
.mc_cards { width: 60%;
height: auto;
	max-width: 250px;
text-align:center;
} 
#perform .perform_column p { margin-left: 20px;
margin-right: 20px;
padding-left: 30px;
padding-right: 30px;
text-align: left;
line-height: 25px;
font-family: "Urbanist","Noto Sans JP", sans-serif;
color: #666666;
letter-spacing: 0.02em;
line-height: 1.8;
} 
#liveperform01 .perform_column p { margin-left: 20px;
margin-right: 20px;
padding-left: 30px;
padding-right: 30px;
text-align: left;
line-height: 25px;
font-family: "Urbanist","Noto Sans JP", sans-serif;
color: #666666;
letter-spacing: 0.02em;
line-height: 1.8;
} 
#liveperform02 .perform_column p { margin-left: 20px;
margin-right: 20px;
padding-left: 30px;
padding-right: 30px;
text-align: left;
line-height: 25px;
font-family: "Urbanist","Noto Sans JP", sans-serif;
color: #666666;
letter-spacing: 0.02em;
line-height: 1.8;
} 
#openingact .perform_column p { margin-left: 20px;
 margin-right: 20px;
 padding-left: 30px;
 padding-right: 30px;
 text-align: left;
 line-height: 25px;
 font-family: "Urbanist","Noto Sans JP", sans-serif;
 color: #666666;
 letter-spacing: 0.02em;
 line-height: 1.8;
}
#mc .mc_column p { margin-left: 20px;
margin-right: 20px;
padding-left: 30px;
padding-right: 30px;
text-align: center;
line-height: 25px;
font-family: "Urbanist","Noto Sans JP", sans-serif;
color: #666666;
letter-spacing: 0.02em;
line-height: 1.8;
} 
#livephoto .livephoto_column p { margin-left: 20px;
margin-right: 20px;
padding-left: 30px;
padding-right: 30px;
text-align: center;
line-height: 25px;
font-family: "Urbanist","Noto Sans JP", sans-serif;
color: #666666;
letter-spacing: 0.02em;
line-height: 1.8;
} 
.perform_column a { color:#ff9900;
text-decoration:underline;
} 
.perform_column a hover { color:#999999;
text-decoration:underline;
} 

/* Ticket */
.ticket_column { width: 64%;
 text-align: center;
 margin-left: 18%;
 margin-right: 18%;
 padding: 0;
 padding-top: 30px;
} 

/* Gallery */
#gellery { width: 80%;
margin: 0;
margin-left:10%;
margin-right:10%;
padding: 0;
padding-bottom: 5px;
} 
.gallery_column {
text-align:center;
margin: auto;
padding: 0;
} 
.gallery_block {
display:block;
margin: auto;
padding: 0;
} 
.gallery_column .subcards
{ width: 180px;
padding:0;
margin:5px;
} 

/* */
.button { width: 200px;
margin-top: 40px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 10px;
text-align: center;
vertical-align: middle;
border-radius: 0px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px;
border: 3px solid #FFFFFF;
color: #FFFFFF;
transition: all 0.3s linear;
} 
.button:hover { background-color: #FEFEFE;
color: #C4C4C4;
cursor: pointer;
} 
.archive_link { text-align: center;
padding-top: 20px;
padding-bottom: 20px;
background-color: #cccccc;
color: #FFFFFF;
font-family: "Urbanist", sans-serif;
letter-spacing: 2px;
border-top-width: 2px;
} 
.archive_link a { color:#666666;
text-decoration:none;
margin-left:10px;
margin-right:10px;
font-weight: bold;
} 
.archive_link a:hover { color:#ffffff;
} 
#Sponsor { text-align: center;
 padding-top: 20px;
 padding-bottom: 20px;
 background-color: #ffffff;
 color: #666666;
 font-family: "Urbanist","Noto Sans JP", sans-serif;
}
#Sponsor img { width:130px;
}
#Inquiry { text-align: center;
 padding-top: 20px;
 padding-bottom: 20px;
 background-color: #ffffff;
 color: #666666;
	font-family: "Urbanist","Noto Sans JP", sans-serif;
	
	
.column_subtitle a { color:#ff9900;
text-decoration:underline;
} 
.column_subtitle a hover { color:#999999;
text-decoration:underline;
} 

}
.copyright { text-align: center;
padding-top: 20px;
padding-bottom: 20px;
background-color: #ff9900;
color: #FFFFFF;
font-family: "Urbanist", sans-serif;
font-weight: lighter;
letter-spacing: 2px;
border-top-width: 2px;
} 
.footer_banner { background-color: #B3B3B3;
padding-top: 60px;
padding-bottom: 60PX;
margin-bottom: 0px;
background-image: url(../img/pattern.png);
background-repeat: repeat;
} 
#winner { display: inline-block;
} 
#spwinner { display: inline-block;
} 
#perform { display: inline-block;
} 
#liveperform01 { display: inline-block;
} 
#liveperform02 { display: inline-block;
} 
#openingact { display: inline-block;
}
.hidden { display: none;
} 
.column_title { color: #ffffff;
font-size: 26pt;
text-shadow: 2px 2px #999999;
background-color: #ff9900;
text-align: center;
font-family: "Urbanist", sans-serif;
} 
.column_subtitle { text-align: center;
	font-size: 20px;
	margin:0;
	padding:0;
} 
/* Fade In */
.scrllfade { opacity: 0;
visibility: hidden;
transform: translateY(50px);
transition: all 1s;
} 
.scrllfade.on { opacity: 1;
visibility: visible;
transform: translateY(0px);
} 
/* Awards Table */
table.awardstable { border: solid 1px #ccc;
border-collapse: collapse;
width: 80%;
margin:auto;
margin-top: 20px;
} 
.awardstable th { background-color: #ffcc99;
font-family: "Urbanist","Noto Sans JP", sans-serif;
color: #666666;
} 
.awardstable tr { } 
.awardstable td { border: solid 1px #ccc;
padding:20px;
font-family: "Urbanist","Noto Sans JP", sans-serif;
color: #666666;
} 
.text_column a { color:#ff9900;
text-decoration:underline;
} 
.text_column a hover { color:#999999;
text-decoration:underline;
} 

/* PHOTO */
a:hover img {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

/* 写真の拡大・カーソル変更 */
.ph_com {
	margin:0;
padding:0;	
}

a img.cntimg {
	cursor: url(../img/zoomin.cur), pointer;
	background:#fff;
	margin:0 1px 0 0;
/*	width:96px; */
/*	height:96px; */
	padding:0;
}

/* 写真の拡大・カーソル変更 */
a img.lnkimg {
	cursor: pointer !important;
	background:#fff;
	border: 0;
}


::selection {
background: #f90;
color:#fff;
}
::-moz-selection {
background: #f00;
color:#fff;
}


/* scroll top page top */
#page_top{ width: 50px;
height: 50px;
position: fixed;
right: 0;
bottom: 0;
background: #ff9900;
opacity: 0.8;
border-radius: 50%;
opacity: 0;
transition: opacity 0.4s ease-in;
} 
#page_top a{ position: relative;
display: block;
width: 50px;
height: 50px;
opacity: 0;
transition: opacity 0.4s ease-in;
text-decoration: none;
} 
#page_top a::before{ font-weight: 900;
content: '▲';
font-size: 20px;
color: #fff;
position: absolute;
width: 25px;
height: 25px;
top: -5px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
opacity: 1;
} 
#page_top.fadein{ opacity: 0.8;
} 
#page_top.fadein a { font-weight: 900;
content: '▲';
font-size: 20px;
color: #fff;
position: absolute;
width: 25px;
height: 25px;
top: -5px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
opacity: 1;
} 



/* Mobile */
@media (max-width: 320px) { .logo { width: 100%;
text-align: center;
margin-top: 13px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
} 
/* Navigation */
header { width: 100%;
height: 5%;
background-color: #ff9900;
border-bottom: 1px solid #ffcc00;
} 
.logo { color: #fff;
font-family: "Urbanist", sans-serif;
font-weight: 600;
text-align: undefined;
width: 40%;
float: left;
margin-top: 15px;
margin-left: 25px;
letter-spacing: 4px;
} 
nav { float: right;
width: 40%;
text-align: right;
margin-right: 25px;
} 
header nav ul { list-style: none;
float: right;
} 
nav ul li { float: left;
color: #FFFFFF;
font-size: 14px;
text-align: left;
margin-right: 25px;
letter-spacing: 2px;
font-family: "Urbanist", sans-serif;
font-weight: 400;
transition: all 0.3s linear;
} 
ul li a { color: #FFFFFF;
text-decoration: none;
} 
ul li:hover a { color: #999999;
} 
.top_header { color: #FFFFFF;
text-align: center;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
letter-spacing: 4px;
} 
/* Navbar & Navmenu color */
.header { background: #ff9900;
position: fixed;
width: 100%;
height: 52px;
z-index: 20;
} 
/* Nav items */
.menu { list-style: none;
position: absolute;
width: 100%;
height: auto;
top: 0;
margin-top: 52px;
padding: 0 0 10px 0;
clear: both;
background: #ff9900;
transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
transform: scale(1, 0);
transform-origin: top;
} 
/* Hamburger menu button */
.menu-btn:checked ~ .menu { transform: scale(1, 1);
transform-origin: top;
transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
} 
/* Hamburger menbu text */
.menu a { font-family: "Urbanist", sans-serif;
text-decoration: none;
font-weight: 500;
letter-spacing: 2px;
font-size: 16px;
text-transform: capitalize;
color: #ffffff;
opacity: 0;
transition: 0.5s;
} 
.menu li { 
/* border-top: 1px solid #ffcc66; */
padding: 15px 0;
margin: 0 54px;
opacity: 0;
transition: 0.5s;
clear:both;
} 
.menu-btn:checked ~ .menu a, .menu-btn:checked ~ .menu li { opacity: 1;
transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;
} 
.menu-btn { display: none;
} 
.menu-icon { display: inline-block;
position: relative;
cursor: pointer;
padding: 24px 14px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} 
.navicon { background: #fff;
display: block;
height: 3px;
width: 26px;
position: relative;
transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
} 
.navicon:before, .navicon:after { content: "";
display: block;
height: 100%;
width: 100%;
position: absolute;
background: #fff;
transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
} 
.navicon:before { top: 9px;
} 
.navicon:after { bottom: 9px;
} 
/* Hamburger Menu Animation Start */
.menu-btn:checked ~ .menu-icon .navicon:before { transform: rotate(-45deg);
} 
.menu-btn:checked ~ .menu-icon .navicon:after { transform: rotate(45deg);
} 
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before { top: 0;
} 
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after { bottom: 0;
} 
.menu-btn:checked ~ .menu-icon .navicon { background: rgba(0, 0, 0, 0);
transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
} 
/* Hamburger Menu Animation End */
/* Navbar Container */
.navtext-container { width: 100%;
height: 52px;
position: absolute;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
} 
/* Navbar Text */
.navtext { position: absolute;
text-transform: uppercase;
color: #ddd;
letter-spacing: 4px;
font-size: 20px;
} 
.container header nav { margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 100%;
float: none;
display: none;
} 
header nav ul { } 
nav ul li { margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 100%;
text-align: center;
	} 
/* Navigation end */
	
.text_column { width: 100%;
text-align: left;
display:inline-block;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
} 
.thumbnail { width: 100%;
} 
#winner { width: 100%;
margin: 0;
padding: 0;
padding-bottom: 35px;
} 
#spwinner { width: 100%;
margin: 0;
padding: 0;
padding-bottom: 35px;
} 
.spwinner_credit_center_left {
text-align:left;
}
#spwinner .spwinner_credit_center p { 
margin-right: 0;
padding-left: 0;
text-align: left;
font-family: "Urbanist","Noto Sans JP", sans-serif;
color: #666666;
letter-spacing: 0.02em;
line-height: 1.8;
} 
.ceremony_column h4 { color: #999999;
text-align: center;
font-family: "Urbanist","Noto Sans JP", sans-serif;
font-weight: normal;
font-size: 18px;
} 

.ceremony_column h4 .num { color: #ff9900;
text-align: center;
font-family: "Urbanist","Noto Sans JP", sans-serif;
font-weight: bold;
font-size: 30px;
} 

.winner_column { width: 100%;
margin-top: 0px;
} 
.winner_column .cards
{ margin-bottom:0;
} 
.perform_column { width: 100%;
margin-top: 0px;
} 
.parallax { text-align: center;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 40%;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 100%;
font-size: 18px;
} 
.parallax_description { padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 90%;
margin-top: 25px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 12px;
float: none;
text-align: center;
} 
.banner { background-color: #2D9AB7;
background-image: none;
} 
.tagline { margin-top: 20px;
line-height: 22px;
} 
.top_header { padding-left: 10px;
padding-right: 10px;
line-height: 22px;
text-align: center;
	} 
#mc { width: 100%;
margin: 0;
padding: 0;
text-align:center;
padding-bottom: 35px;
} 
.mc_column { width: 100%;
text-align: center;
margin: 0;
padding: 0;
padding-top: 30px;
} 
#livephoto { width: 100%;
margin: 0;
padding: 0;
text-align:center;
padding-bottom: 35px;
} 
.livephoto_column { width: 100%;
text-align: center;
margin: 0;
padding: 0;
padding-top: 30px;
} 
#Sponsor img { width:100px;
}
} 
/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) { .logo { width: 100%;
text-align: center;
margin-top: 13px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
color: #ffffff;
} 
/* Navigation */
header { width: 100%;
height: 5%;
background-color: #ff9900;
border-bottom: 1px solid #ffcc00;
} 
.logo { color: #fff;
font-family: "Urbanist", sans-serif;
font-weight: 600;
text-align: undefined;
width: 40%;
float: left;
margin-top: 15px;
margin-left: 25px;
letter-spacing: 4px;
} 
nav { float: right;
width: 40%;
text-align: right;
margin-right: 25px;
} 
header nav ul { list-style: none;
float: right;
} 
nav ul li { float: left;
color: #FFFFFF;
font-size: 14px;
text-align: left;
margin-right: 25px;
letter-spacing: 2px;
font-family: "Urbanist", sans-serif;
font-weight: 400;
transition: all 0.3s linear;
} 
ul li a { color: #FFFFFF;
text-decoration: none;
} 
ul li:hover a { color: #999999;
} 
.top_header { color: #FFFFFF;
text-align: center;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
letter-spacing: 4px;
} 
/* Navbar & Navmenu color */
.header { background: #ff9900;
position: fixed;
width: 100%;
height: 52px;
z-index: 20;
} 
/* Nav items */
.menu { list-style: none;
position: absolute;
width: 100%;
height: auto;
top: 0;
margin-top: 52px;
margin-left: 0;
padding: 0 0 10px 0;
clear: both;
background: #ff9900;
transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
transform: scale(1, 0);
transform-origin: top;
} 
/* Hamburger menu button */
.menu-btn:checked ~ .menu { transform: scale(1, 1);
transform-origin: top;
transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
} 
/* Hamburger menbu text */
.menu a { font-family: "Urbanist", sans-serif;
text-decoration: none;
font-weight: 500;
letter-spacing: 2px;
font-size: 16px;
text-transform: capitalize;
color: #ffffff;
opacity: 0;
transition: 0.5s;
} 
.menu li { 
/* border-top: 1px solid #ffcc66; */
padding: 15px 0;
margin: 0 54px;
opacity: 0;
transition: 0.5s;
clear:both;
} 
.menu-btn:checked ~ .menu a, .menu-btn:checked ~ .menu li { opacity: 1;
transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;
} 
.menu-btn { display: none;
} 
.menu-icon { display: inline-block;
position: relative;
cursor: pointer;
padding: 24px 14px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} 
.navicon { background: #fff;
display: block;
height: 3px;
width: 26px;
position: relative;
transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
} 
.navicon:before, .navicon:after { content: "";
display: block;
height: 100%;
width: 100%;
position: absolute;
background: #fff;
transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
} 
.navicon:before { top: 9px;
} 
.navicon:after { bottom: 9px;
} 
/* Hamburger Menu Animation Start */
.menu-btn:checked ~ .menu-icon .navicon:before { transform: rotate(-45deg);
} 
.menu-btn:checked ~ .menu-icon .navicon:after { transform: rotate(45deg);
} 
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before { top: 0;
} 
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after { bottom: 0;
} 
.menu-btn:checked ~ .menu-icon .navicon { background: rgba(0, 0, 0, 0);
transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
} 
/* Hamburger Menu Animation End */
/* Navbar Container */
.navtext-container { width: 100%;
height: 52px;
position: absolute;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
} 
/* Navbar Text */
.navtext { position: absolute;
text-transform: uppercase;
color: #ddd;
letter-spacing: 4px;
font-size: 20px;
} 
.container header nav { margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 100%;
float: none;
display: none;
} 
header nav ul { } 
nav ul li { margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 100%;
text-align: center;
} 
/* Navigation end */
	
.container header nav { margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 100%;
float: none;
overflow: auto;
display: inline-block;
background: #ff9900;
} 
header nav ul { padding: 0px;
float: none;
} 
nav ul li { margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 100%;
text-align: right;
padding-top: 8px;
padding-bottom: 8px;
border-top: solid 1px #ffcc00;
} 
.text_column { width: 100%;
text-align: left;
display:inline-block;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
} 
.list_column{ text-align: left;
letter-spacing: 0.02em;
line-height: 1.8;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
margin-left:10px;
color: #666666;
font-family: "Urbanist","Noto Sans JP", sans-serif;
} 
.thumbnail { width: 100%;
} 
#winner { width: 100%;
margin: 0;
padding: 0;
padding-bottom: 35px;
} 
#spwinner { width: 100%;
margin: 0;
padding: 0;
padding-bottom: 35px;
} 
.winner_column { width: 100%;
margin: 0px;
padding: 0;
} 
.winner_column .cards
{ margin-bottom:0;
} 
#spwinner .spwinner_credit {
	margin:auto;
		padding:0;
		width:100%;
}
#spwinner .spwinner_credit p { 
margin-left: 20px;
margin-right: 20px;
padding-left: 30px;
padding-right: 30px;
text-align: left;
font-family: "Urbanist","Noto Sans JP", sans-serif;
color: #666666;
letter-spacing: 0.02em;
line-height: 1.8;
} 
#spwinner .winner_column .win_int { 
	width:50%;
	float:left;
} 
#spwinner .winner_column .cards_int { 
height:400px;
text-align:center;
} 
.about_column { width: 100%;
margin: 0px;
padding: 0;
} 
.perform_column { width: 100%;
margin: 0px;
padding: 0;
} 
.ticket_column { width: 100%;
margin: 0px;
padding: 0;
} 
.cards { width: 100%;
height: auto;
max-width: 800px;
text-align:center;
	} 
.live_cards { width: 100%;
height: auto;
max-width: 800px;
text-align:center;
	} 
#spwinner .winner_column .win_int { 
	width:100%;
	float:left;
} 
#spwinner .winner_column .cards_int { 
height:400px;
text-align:center;
} 
#spwinner .winner_column .cards_merit { 
width:100%;
text-align:center;
} 
#spwinner .spwinner_int_credit {
	display:block;
	width:100%;
	margin:auto;
	padding:0;
	text-align:center;
}
#spwinner .spwinner_int_credit p {
margin-left: 20px;
margin-right: 20px;
padding-left: 30px;
padding-right: 30px;
text-align: left;
font-family: "Urbanist","Noto Sans JP", sans-serif;
color: #666666;
letter-spacing: 0.02em;
line-height: 1.8;
}
#spwinner .spwinner_credit_center p { 
margin-left: 20px;
margin-right: 20px;
padding-left: 30px;
padding-right: 30px;
text-align: left;
font-family: "Urbanist","Noto Sans JP", sans-serif;
color: #666666;
letter-spacing: 0.02em;
line-height: 1.8;
} 
	
.ceremony_column h4 { color: #999999;
text-align: center;
font-family: "Urbanist","Noto Sans JP", sans-serif;
font-weight: normal;
font-size: 18px;
} 

.ceremony_column h4 .num { color: #ff9900;
text-align: center;
font-family: "Urbanist","Noto Sans JP", sans-serif;
font-weight: bold;
font-size: 30px;
} 
	

#liveperform01 .perform_column { width: 100%;
 text-align: center;
 margin:0;
 padding: 0;
 padding-top: 30px;
} 
#liveperform02 .perform_column { width: 100%;
 text-align: center;
 margin:0;
 padding: 0;
 padding-top: 30px;
} 
#openingact .perform_column { width: 100%;
 text-align: center;
 margin:0;
 padding: 0;
 padding-top: 30px;
} 
#livephoto { width: 100%;
margin: 0;
padding: 0;
text-align:center;
padding-bottom: 35px;
} 
.livephoto_column { width: 100%;
text-align: center;
margin: 0;
padding: 0;
padding-top: 30px;
} 
.live_cards { width: 100%;
height: auto;
text-align:center;
} 
#mc { width: 100%;
margin: 0;
padding: 0;
text-align:center;
padding-bottom: 35px;
} 
.mc_column { width: 100%;
text-align: center;
margin: 0;
padding: 0;
padding-top: 30px;
} 
.mc_cards { width: 60%;
height: auto;
max-width: 250px;
text-align:center;
} 
.banner { padding-left: 20px;
padding-right: 20px;
} 
#gellery { width: 100%;
margin: 0;
margin-left:10%;
margin-right:10%;
padding: 0;
padding-bottom: 5px;
} 
.gallery_column .subcards
{ width: 100px;
padding:0;
margin:5px;
} 
#Sponsor img { width:100px;
}
} 
/* Small Desktops */
/* @media (min-width: 768px) and (max-width: 1096px) { .text_column { width: 100%;
} 
.thumbnail { width: 50%;
} 
.text_column { width: 100%;
display: inline-block;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
} 
.banner { margin-top: 0px;
padding-top: 0px;
} 
} */