@charset "utf-8";

/* レイアウト */
html {
	height:100%;
	line-height: 1;
}
body {
	width:100%;
	min-width:320px;
	height:100%;
	font-size: 16px;
	line-height: 20px;
	color:#2b2b2b;
	background:#fff;
	position:relative;
}

#wrapper{
	min-width:320px;
	overflow: hidden;
}
a {
	color: #808080;
}

/* 共通--------------------------------------- */
.key-color {color:#f35267;}
.key-background {background:#0092b2;}
.key-border {border-color:#f35267;}

.ie-msg {
	padding: 20px;
	text-align: center;
	font-weight: bold;
	background: #000;
	color: #FFF;
}
.main-ttl {
	background: -webkit-linear-gradient(-45deg, rgba(11,162,154,1) 0%,rgba(11,162,154,1) 50%,rgba(0,146,178,1) 50%,rgba(0,146,178,1) 100%);
	background: linear-gradient(135deg, rgba(11,162,154,1) 0%,rgba(11,162,154,1) 50%,rgba(0,146,178,1) 50%,rgba(0,146,178,1) 100%);
}
.top .main-ttl-in {
	padding: 8px 0 10px;
	background: url(../img/main_ttl_bg_sp.png) 0 0 no-repeat;
	background-size: cover;
}
.main-ttl-in {
	padding: 8px 0 10px;
	background: url(../img/main_ttl_bg_sp.png) 0 0 no-repeat;
	background-size: cover;
}

@media only screen and (max-width: 460px){
	.top .main-ttl-in,
	.main-ttl-in {
		background-position: -80px 0;
	}
}

/* KONAMIロゴ+SNSアイコン */
#konami-header{
	max-width: 960px;
	margin: 0 auto;
	padding: 0 10px;
	overflow: hidden;
}
#konami-header .konami-logo {
	float: left;
}
#konami-header .konami-logo img {
	margin: 7px 0 0 0;
	width: 100px;
}
#konami-header #sns {
	float: right;
}
#konami-header #sns li {
	display: inline-block;
	margin: 0 0 0 5px;
}
#konami-header #sns li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: bottom;
	border-radius: 5px;
	border: 1px solid rgba(255,255,255,.5);
}
#konami-header #sns li a img {
	width: 30px;
	border-radius: 5px;
	transition: all 0.3s ease 0s;
}
#konami-header #sns li a img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
/* メインビジュアル＋イベントロゴ */
#header {
	text-align: center;
}
#header h1 {
	width: 260px;
	height: 107px;
	margin: 20px auto 10px auto;
	overflow: hidden;
}
#header h1 img{
	width: 260px;
}
#header h1 span {
	margin: 20px 0 0 0;
	display: block;
}
#header dl.schedule {
	display: inline-block;
}
#header .comment {
    margin:0 0 8px 0;
	text-align:center;
    font-size:90%;
}
#header dl.schedule dt {
	display: inline-block;
	min-width: 6.5em;
	text-align: center;
	vertical-align: middle;
	background: #231815;
	color: #fff;
	font-size: 68.75%;
	border-radius: 2px;
}
.top #header dl.schedule dt {
	font-size: 75%;
}
#header dl.schedule.pub {
	margin: 3px 0 10px 0;
}
#header dl.schedule.pub dt {
	color: #fff;
}
#header dl.schedule dd {
	display: inline-block;
	padding: 2px 5px 0;
	color: #000;
	vertical-align: middle;
	line-height: 18px;
	border-radius: 2px;
	white-space: nowrap;
}
#header dl.schedule dd .supple {
	display: none;
}
#header dl.schedule dd .sub {
	font-size: 50%;
}
.top #header dl.schedule dd .supple {
	display: inline;
}
/* グローバルメニュー */
#global-menu {
	border-bottom: #dadada 1px solid;
}
#global-menu ul {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	display: table;
	width: 100%;
	max-width: 960px;
}
#global-menu ul li {
	display: table-cell;
	width: 25%;
	font-size: 75%;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
}
#global-menu ul li+li {
	border-left: #dadada 1px solid;
}
#global-menu ul li a {
	display: block;
	height: 40px;
	text-align: center;
	transition: all 0.3s ease 0s;
}
#global-menu ul li a div {
	display: table;
	width: 100%;
	height: 100%;
}
#global-menu ul li a div p {
	display: table-cell;
	padding: 4px 0 0 0;
	vertical-align: middle;
}
#global-menu ul li a {
	border-bottom:4px solid #fff;
}
#global-menu ul li a.current,
#global-menu ul li a:hover{
	border-bottom:4px solid #0092b2;
	color: #0092b2;
	background: #efefef;
}
#global-menu ul li.none{
	border-bottom:4px solid #666666;
	color: #666666;
	background: #bbbbbb;
}
#global-menu ul li a span {
	display: inline-block;
}
/* イベント概要 */
.event-outline h2 {
	margin: 5px 0 0 0;
	padding: 8px 0 8px 50px;
	background:url(../img/ttl-icon-arcade.png?v2) no-repeat 10px 50%;
	background-size:30px 25px;
	border-bottom:2px solid #0092b2;
}
.event-outline h2 a {
	display: none;
	padding: 0 0 0 10px;
	font-size: 68.75%;
	text-decoration: underline;
}
.event-outline h2 a:hover {
	text-decoration: none;
}
.event-outline h2 a img {
	width: 11px;
	height: 11px;
	vertical-align: middle;
}
.event-outline .event-detail {
	padding: 15px 0;
	border-bottom:1px solid #dadada;
}
.event-outline .event-detail dt {
	text-align: center;
}
.event-outline .event-detail dd {
	font-size:81.25%;
	padding:5px;
}
.event-outline .event-detail dt img {
	width: 200px;
	height: 63px;
	vertical-align: bottom;
	margin-bottom:5px;
}
.event-outline ul.full {
	display: -webkit-box;
	display: -webkit-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 960px;
}
.event-outline ul.full li {
	width: 50%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	border-left: #dadada 1px solid;
	border-bottom: #dadada 1px solid;
}
.event-outline ul.full li:nth-child(2n) {
	border-right: none;
}
.event-outline ul.full li .inner {
	position: relative;
	width: 150px;
	margin: 10px auto;
}
.event-outline ul.full .first,
.event-outline ul.full .only{
	position: absolute;
	top: 39px;
	left: 23px;
}
.event-outline ul.full .second{
	position: absolute;
	top: 30px;
	left: 77px;
}
.event-outline ul.full .hexagon{
	width: 37px;
	height: 60px;
	background: #84c000;
}
.event-outline ul.full .hexagon:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -20px;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-right: 20px solid #0ba29a;
}
.event-outline ul.full .schedule2 .hexagon.first:before{ /* 2-1色かえ */
	border-right: 20px solid #0ba29a;
}
.event-outline ul.full .schedule2 .hexagon.first:after{ /* 2-1色かえ */
	border-left:20px solid #0ba29a;
}
.event-outline ul.full .hexagon:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:-20px;
	border-top:30px solid transparent;
	border-bottom:30px solid transparent;
	border-left:20px solid #0ba29a;
}
.event-outline ul.full .hexagon-s:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left: -12px;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	border-right: 12px solid #0ba29a;
}
.event-outline ul.full .hexagon-s:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:-12px;
	border-top:18px solid transparent;
	border-bottom:18px solid transparent;
	border-left:12px solid #0ba29a;
}
.event-outline ul.full .schedule1 .hexagon-s:before,
.event-outline ul.full .schedule1 .hexagon:before{
	border-right-color: #84c000;
}
.event-outline ul.full .schedule1 .hexagon-s:after,
.event-outline ul.full .schedule1 .hexagon:after{
	border-left-color: #84c000;
}
/*
.event-outline ul.full .schedule2 .hexagon-s {
	left:24px;
}
*/
.event-outline ul.full .schedule2 .hexagon-s {
	left:45px;
}
.event-outline ul.full .hexagon p {
	padding: 13px 0 0;
	line-height: .8;
	text-align: center;
	color:#fff;
	z-index: 2;
	position: relative;
}
.event-outline ul.full .hexagon p span.day {
	font-size: 156.25%;
}
.event-outline ul.full .hexagon p span.unit {
	font-size: 62.5%;
}
.event-outline ul.full .hexagon-s{
	position: absolute;
	top: 0;
	left: 0;
	width: 22px;
	height: 36px;
	background: #84c000;
}
.event-outline ul.full .schedule1 .hexagon-s{
	left: 37px;
}
.event-outline ul.full .hexagon-s p {
	padding: 12px 0 0;
	color:#fff;
	text-align: center;
	line-height: .8;
}
.event-outline ul.full .hexagon-s p span.month {
	font-size: 100%;
}
.event-outline ul.full .hexagon-s p span.unit {
	font-size: 56.3%;
}
.event-outline ul.full .description {
	padding: 100px 0 0 0;
	font-size: 75%;
	line-height: 1.5;
	text-align: center;
}
.event-outline ul.full .description img {
	display: inline-block;
	margin: 0 5px 0 0;
}
.event-outline ul.full .time {
	font-size: 75%;
	line-height: 1.2;
	text-align: center;
}
.event-outline ul.full .schedule2 .hexagon,
.event-outline ul.full .schedule2 .hexagon-s{
	background: #0ba29a;
}
.event-outline ul.full .schedule2 .hexagon.second{
	background: #0ba29a;
}
.event-outline ul.full .schedule1 .first,
.event-outline ul.full .schedule2 .only{
	left:58px;
}
.event-outline ul.full .schedule2 .second{
	top:39px;
	left: 94px;
}
.event-outline ul.full .place {
	text-align: center;
	font-size: 75%;
	line-height: 1.2;
}
.event-outline ul.full .place .inner{
	margin: 20px auto;
}
.event-outline ul.full .place .inner p {
	line-height: 1.5;
}
.event-outline ul.full .place img {
	width: 80px;
	margin: 0 0 10px;
}
.event-outline ul.full .place a {
	text-decoration: underline;
	color: #f35267;
}
.event-outline ul.full .place a:hover {
	text-decoration: none;
}
.event-outline ul.full .admission-fee .subhead {
	text-align: center;
	font-size: 75%;
	line-height: 1.2;
}
.event-outline ul.full .admission-fee .subhead span {
	font-size: 50%;
}
.event-outline ul.full .admission-fee .ticket {
	width: 100%;
	margin: 0;
}
.event-outline ul.full .admission-fee img {
	width: 65px;
}
.event-outline ul.full .admission-fee dl {
	display: table;
	vertical-align: middle;
}
.event-outline ul.full .admission-fee dl dt {
	margin: 6px 0 0 0;
	font-size: 50%;
	line-height: 1;
	display: table-cell;
	white-space: nowrap;
	padding-right:10px;
}
.event-outline ul.full .admission-fee dl dd {
	display: table-cell;
}
.event-outline ul.full .admission-fee dl dd .price {
	font-size: 75%;
}
.event-outline ul.full .admission-fee dl dd .tax {
	font-size: 50%;
}
.event-outline ul.full .admission-fee .notes {
	text-align: center;
	font-size: 62.5%;
	line-height: 1.2;
}
.event-outline ul.simple > li {
	padding: 10px;
	border-bottom: #000 1px solid;
	-webkit-box-shadow: #565656 0 1px 0 0;
	        box-shadow: #565656 0 1px 0 0;
}
.event-outline ul.simple li dl {
	display: table;
	width: 100%;
}
.event-outline ul.simple li dl dt {
	display: table-cell;
	width: 90px;
}
.event-outline ul.simple li dl dt span {
	display: inline-block;
	width: 80px;
	padding: 1px 0;
	font-size: 62.5%;
	text-align: center;
	color: #000;
}
.event-outline ul.simple li.schedule1 dl dt span {
	background: #84c000;
}
.event-outline ul.simple li.schedule2 dl dt span {
	background: #0092b2;
}
.event-outline ul.simple li.place dl dt span {
	background: #e4ff01;
}
.event-outline ul.simple li.place dl dd a { color: #e4ff01;}
.event-outline ul.simple li.admission-fee dl dt span {
	background: #ff6186;
}
.event-outline ul.simple li dl dd {
	display: table-cell;
	vertical-align: middle;
}
.event-outline ul.simple li.schedule1 dl dd .unit,
.event-outline ul.simple li.schedule1 dl dd .time {
	font-size: 62.5%;
}
.event-outline ul.simple li.schedule2 dl dd .unit,
.event-outline ul.simple li.schedule2 dl dd .time {
	font-size: 62.5%;
}
.event-outline ul.simple li.place dl dd {
	font-size: 87.5%;
}
.event-outline ul.simple li.place dl dd a {
	text-decoration: underline;
}
.event-outline ul.simple li.admission-fee ul {
	display: table;
	width: 100%;
	max-width: 240px;
}
.event-outline ul.simple li.admission-fee ul li {
	display: table-cell;
}
.event-outline ul.simple li.admission-fee dd .notes {
	font-size: 62.5%;
}
.event-outline ul.simple li.admission-fee dd span {
	font-size: 87.5%;
}
.event-outline ul.simple li.admission-fee dd span.sup {
	font-size: 62.5%;
	line-height: 1.4;
}
.event-outline .btn {
	margin: 10px 30px 30px;
}
.event-outline .btn a {
	display: block;
	position: relative;
	padding: 10px 30px 10px 8px;
	background: #fff;
	-webkit-box-shadow: #d0d0d0 4px 4px 0;
	box-shadow: #d0d0d0 4px 4px 0;
	border: 1px solid #d0d0d0;
	font-size: 87.5%;
	line-height: 1;
	color: #00958d;
}
.event-outline .btn a:after, .event-outline .btn a:before {
	display:block;
	position:absolute;
	right:10px;
	top:50%;
	width:10px;
	height:3px;
	content:"";
	margin-top:-4px;
	background: #00958d;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}
.event-outline .btn a:before {
	margin-top:2px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.event-link{
	background: #c0c0c0;
}
.event-link .event-link-inner{
	max-width: 980px;
	margin: 0 auto;
	padding:15px 0;
}
.event-link .event-link-inner ul li{
	text-align: center;
}
.event-link .event-link-inner ul li a img{
	width:90%;
	max-width: 400px;
}
.stage-schedule .time-table-description .btn a:hover {
	transform: translate3d(3px, 3px, 0);
}
#footer {
	padding: 40px 0;
	color: #fff;
	background: #606060;
}
#footer ul {
	padding: 0 10px;
}
#footer ul li {
	display: inline-block;
	font-size: 87.5%;
}
#footer ul li+li:before {
	content: "| ";
}
#footer ul li a{
	color: #FFF;
}
#footer ul li a:hover, #footer ul li a:active {
	text-decoration: underline;
}
#footer .rights {
	padding: 10px;
	margin: 10px 0 0 0;
	font-size: 62.5%;
	line-height: 1.4;
}
#footer .copyright {
	padding: 10px;
	text-align: center;
	font-size: 75%;
}

/* more than 360px */
@media only screen and (min-width: 320px){
	#header h1 {
		margin: 20px auto 10px;
		overflow: hidden;
	}
	.top #header h1 {
		margin: 30px auto 15px;
	}
	#header h1 img {
		width: 260px;
	}
	.top #header dl.schedule dd {
		width: 10em;
		text-align: left;
	}
}

/* more than 768px */
@media only screen and (min-width: 420px){
	#header h1 {
		margin: 25px auto 15px;
		overflow: hidden;
		width: 300px;
		height: 124px;
	}
	.top #header h1 {
		margin: 35px auto 20px;
	}
	#header h1 img {
		width: 300px;
	}
	#header dl.schedule.pub {
		margin: 3px 0 20px;
	}
	.top #header dl.schedule dd {
		width: 12.5em;
	}
}

/* more than 768px */
@media only screen and (min-width: 600px){
	.event-outline .event-detail {
		padding: 20px 15px;
		display: table;
	}
	.event-outline .event-detail dt {
		display: table-cell;
		padding: 0 15px 0 0;
		vertical-align: middle;
	}
	.event-outline .event-detail dt img {
		width: 200px;
		vertical-align: bottom;
	}
	.event-outline .event-detail dd {
		display: table-cell;
		vertical-align: middle;
		font-size:100%;
	}
	.top #header dl.schedule dd {
		width: auto;
	}
	#header dl.schedule dd .supple {
		display: inline;
	}
}

/* more than 768px */
@media only screen and (min-width: 768px){
	#konami-header #sns li a {
		display: inline-block;
		width: 35px;
		height: 35px;
		vertical-align: bottom;
		border-radius: 5px;
		border: 1px solid rgba(255,255,255,.5);
	}
	#konami-header #sns li a img {
		width: 35px;
		border-radius: 5px;
	}
	#header h1 {
		margin: 15px auto;
		overflow: hidden;
		width: 365px;
		height: 150px;
	}
	#header h1 img {
		width: 365px;
	}
	#header h1 span {
		margin: 20px 0 0 0;
		display: block;
	}
	#header dl.schedule {
		margin: 10px;
		padding: 0;
	}
	#header dl.schedule dt {
		padding: 4px 10px;
		font-size: 87.5%;
		border-radius: 2px;
		vertical-align: bottom;
		background: #231815;
		color: #fff;
	}
	#header dl.schedule dd {
		padding: 0 5px;
		font-size: 26px;
		color: #000;
		background: none;
	}
	#header dl.schedule dd .sub {
		font-size: 50%;
	}
	#header dl.schedule.pub dt {
		color: #fff;
	}
	#global-menu ul {
		margin: 0 auto;
		border-left: #dadada 1px solid;
		border-right: #dadada 1px solid;
	}
	#global-menu ul li {
		font-size: 100%;
	}
	#global-menu ul li a {
		height: 50px;
	}
	#footer .global-footer-in{
		width: 980px;
		margin: 0 auto;
	}
	#footer ul, #footer .copyright {
		text-align: left;
	}
}
/* more than 980px */
@media only screen and (min-width: 980px){
	.top .main-ttl-in {
		background: url(../img/main_ttl_bg.png) center center no-repeat;
	}
	.main-ttl-in {
		background: url(../img/main_ttl_bg.png) center center no-repeat;
	}
	.event-outline {
		max-width: 980px;
		margin: 0 auto;
	}
	.event-outline {
		padding: 20px 0;
	}
	.event-outline-inner {
		max-width: 980px;
		margin: 0 auto;
	}
	.event-outline h2 {
		border: none;
		margin-bottom:10px;
		-webkit-box-shadow: none;
		        box-shadow: none;
		padding: 10px 0 10px 60px;
		font-size: 125%;
		-webkit-background-size: 45px 36px;
		     -o-background-size: 45px 36px;
		        background-size: 45px 36px;
	}
	.event-outline h2 .official-website1 {
		display: inline-block;
		margin: -3px 0 0 0;
		vertical-align: middle;
	}
	.event-outline h2:before {
		width: 45px;
		height: 36px;
	}
	.event-outline .official-website2 {
		display: none;
	}
	.event-outline ul.full {
		display: -webkit-box;
		display: -webkit-flexbox;
		display: -webkit-flex;
		display: flex;
		margin: 15px auto 0;
		border: none;
	}
	.event-outline ul.full li,
	.event-outline ul.full li:nth-child(2n) {
		width: 25%;
		height: 210px;
		border: none;
		border-left: #dadada 1px solid;
	}
	.event-outline ul.full li:first-child {
		border-left: none;
	}
	.event-outline ul.full li:last-child {
		border-right: none;
	}
	.event-outline ul.simple {
		display: none;
	}
	.event-outline ul.full .hexagon{
		height: 96px;
		background: #84c000;
	}
	.event-outline ul.full li .inner {
		width: 225px;
	}
	.event-outline ul.full li.admission-fee .inner {
		width: 210px;
	}
	.event-outline ul.full .hexagon p {
		padding: 17px 0 0;
		line-height: 1;
		text-align: center;
		color:#fff;
	}
	.event-outline ul.full .hexagon p span.day {
		font-size: 40px;
	}
	.event-outline ul.full .hexagon p span.unit {
		font-size: 81.25%;
	}
	.event-outline ul.full .hexagon-s{
		position: absolute;
		top: 0;
		left: 21px;
		width: 35px;
		height: 54px;
		background: #84c000;
	}
	.event-outline ul.full .hexagon-s p{
		padding: 18px 0 0;
		color:#fff;
		text-align: center;
		line-height: .8;
	}
	.event-outline ul.full .hexagon-s p span.month{
		font-size: 162.5%;
	}
	.event-outline ul.full .hexagon-s p span.unit{
		font-size: 81.25%;
	}
	.event-outline ul.full .schedule1 .hexagon-s{
		left: 63px;
	}

	.event-outline ul.full .schedule2 .second {
		top: 58px;
		left: 139px;
	}
	.event-outline ul.full .first{
		position: absolute;
		top: 58px;
		left: 33px;
		width: 56px;
		height: 88px;
	}
	.event-outline ul.full .schedule1 .first{
		position: absolute;
		top: 58px;
		left: 94px;
		width: 56px;
		height: 88px;
	}
	.event-outline ul.full .schedule2 .only{
		position: absolute;
		top: 58px;
		left: 80px;
		width: 56px;
		height: 88px;
	}
	.event-outline ul.full .second{
		position: absolute;
		top: 58px;
		left: 131px;
		width: 56px;
		height: 88px;
	}

	.event-outline ul.full .hexagon:before{
		top: 0;
		left: -25px;
		border-top: 44px solid transparent;
		border-bottom: 44px solid transparent;
		border-right: 25px solid #0ba29a;
	}
	.event-outline ul.full .hexagon:after{
		top:0;
		right:-25px;
		border-top:44px solid transparent;
		border-bottom:44px solid transparent;
		border-left:25px solid #0ba29a;
	}
.event-outline ul.full .schedule2 .hexagon.first:before{ /* 2-1色かえ */
	border-right: 25px solid #0ba29a;
}
.event-outline ul.full .schedule2 .hexagon.first:after{ /* 2-1色かえ */
	border-left:25px solid #0ba29a;
}
	.event-outline ul.full .hexagon-s:before{
		top:0;
		left: -15px;
		border-top: 27px solid transparent;
		border-bottom: 27px solid transparent;
		border-right: 15px solid #0ba29a;
	}
	.event-outline ul.full .hexagon-s:after{
		top:0;
		right:-15px;
		border-top:27px solid transparent;
		border-bottom:27px solid transparent;
		border-left:15px solid #0ba29a;
	}	
	
	.event-outline ul.full .description img {
		width: 15px;
	}
	.event-outline ul.full .description {
		font-size: 75%;
		line-height: 1.5;
		padding: 153px 0 0;
		text-align: center;
	}
	.event-outline ul.full .place img {
		width: 120px;
		margin: 0 0 20px;
	}
	.event-outline ul.full .admission-fee img {
		width: 80px;
		margin-bottom: 3px;
	}
	.event-outline ul.full .admission-fee dl dt {
		margin: 10px 0 2px;
		font-size: 68.75%;
		line-height: 1;
	}
	.event-outline ul.full .admission-fee dl dd .price {
		font-size: 68.75%;
	}
	.event-outline ul.full .admission-fee dl dd .tax {
		font-size: 62.5%;
	}
	.event-outline ul.full .admission-fee .ticket {
		margin: 6px 0 6px;
	}
	.event-outline ul.full .admission-fee .notes {
		font-size: 75%;
	}
}

/* TOP---------------------------------------- */
.top .important-notice-in {
	margin: 20px 10px 0;
}
.top .important-notice-in li{
	margin-bottom:10px;
	-webkit-box-shadow: #d0d0d0 4px 4px 0;
	        box-shadow: #d0d0d0 4px 4px 0;
}
.top .important-notice-in a {
	display:block;
	position: relative;
	color: #fff;
	background-color:#0092b2;
}
.top .important-notice-in a:after, .top .important-notice-in a:before {
	display:block;
	position:absolute;
	right:10px;
	top:50%;
	width:10px;
	height:3px;
	content:"";
	margin-top:-4px;
	background: #FFF;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}
.top .important-notice-in a:before {
	margin-top:2px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.top .important-notice-in a:hover{
	transform: translate3d(3px, 3px, 0);
}
.top .important-notice-in dl {
	padding: 8px 21px 8px 8px;
}
.top .important-notice-in dl dt {
	font-size: 75%;
	display: inline-block;
}
.top .important-notice-in dl dd {
	font-size: 56.3%;
	line-height: 1;
	display: inline-block;
}
.top .tw {
	padding: 10px 0 5px;
}
.top .tw .tw-in {
	max-width: 980px;
	margin: 0 auto;
}
.top .tw .head {
	position: relative;
}
.top .tw .head h2 {
	padding: 8px 0 8px 50px;
	background: url(../img/ttl-icon-topics.png?v2) no-repeat 10px 50%;
	background-size: 30px 25px;
	-webkit-background-size: 30px 25px;
	border-bottom:2px solid #0092b2;
}
.top .tw .userinfo {
	padding: 10px;
}
.top .tw .userinfo dl {
	display: table;
}
.top .tw .userinfo dt {
	display: table-cell;
}
.top .tw .userinfo dt img {
	width: 35px;
	border:1px solid #ccc;
	vertical-align: bottom;
}
.top .tw .userinfo dd {
	display: table-cell;
	vertical-align: middle;
	line-height: 1;
}
.top .tw .userinfo dd span {
	padding: 0 0 0 6px;
	font-size: 87.5%;
}
.top .tw .userinfo dd a {
	padding: 0 0 0 6px;
	font-size: 62.5%;
	line-height: 1;
	color: #00958d;
}
.top .twinfo ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	box-sizing: border-box;
	padding: 0 0 0 10px;
}
.top .twinfo ul li {
	display: flex;
	padding:0 10px 10px 0;
	flex: 1 0 100%;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	max-width: 100%;
	transition: all 0.3s ease 0s;
	animation: 0.8s ease-in-out 0s normal forwards 1 running fadein;
	-webkit-animation: 0.8s ease-in-out 0s normal forwards 1 running fadein;
}
@keyframes fadein {
	0% {
		margin-top: 100px;
		opacity: 0;
	}
	100% {
		margin-top: 0;
		opacity: 1;
	}
}
@-webkit-keyframes fadein {
	0% {
		margin-top: 100px;
		opacity: 0;
	}
	100% {
		margin-top: 0;
		opacity: 1;
	}
}
.top .twinfo ul li > div {
	position: relative;
	padding: 10px 10px 24px;
	border: 1px solid #ccc;
	-webkit-box-shadow: #d0d0d0 4px 4px 0;
	box-shadow: #d0d0d0 4px 4px 0;
	background: #fff;
	transition: all 0.3s ease 0s;
}
.top .twinfo ul li > div:hover {
	border: 1px solid #0092b2;
}
.top .twinfo ul li .text {
	font-size: 75%;
	line-height: 1.6;
	word-break: break-all;
	word-wrap: break-word;
}
.top .twinfo ul li .text span.br{
	display:inline-block;
}
.top .twinfo ul li .text img.icon{
	width:30px;
	height:30px;
	text-align:left;
	vertical-align:bottom;
	margin-right:3px;
	border: 1px solid #ccc;
}
.top .twinfo ul li .img{
	margin-top:5px;
}
.top .twinfo ul li .img a{
	display:block;
	padding:70% 0 0 0;
	text-align:center;
	height: 0;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:100% auto;
	transition: all 0.3s ease 0s;
	border-radius: 3px;
}
.top .twinfo ul li .img a:hover {
	background-size:110% auto;
	box-shadow: inset 0px 0px 30px 0 rgba(0,0,0,0.7);
}
.top .twinfo ul li .text a {
	text-decoration: underline;
	color: #f35267;
}
.top .twinfo ul li .text a:hover {
	text-decoration: none;
}
.top .twinfo ul li .date {
	margin-top:5px;
	font-size: 50%;
	line-height: 1.2;
	text-align: center;
}
.top .twinfo ul li .date {
	position: absolute;
	width:100%;
	bottom:0;
	left:0;
	padding: 6px 0;
	background: #fff;
}
.top .twinfo ul li .date:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px 0 0;
	vertical-align: middle;
	background: url(../img/icon-clock-white.png);
	-webkit-background-size: 10px;
	     -o-background-size: 10px;
	        background-size: 10px;
}
.top .news h2 {
	margin: 20px 0 0 0;
	padding: 8px 0 8px 50px;
	border-bottom:2px solid #0092b2;
	background: url(../img/ttl-icon-news.png?v2) no-repeat 10px 50%;
	background-size:30px 25px;
}
.top .news ul {
	padding: 15px 0;
}
.top .news ul li a,
.top .news ul li div.no-link {
	display: block;
	position: relative;
	margin: 10px;
	padding: 10px;
	border: 1px solid #d0d0d0;
	-webkit-box-shadow: #d0d0d0 4px 4px 0;
	        box-shadow: #d0d0d0 4px 4px 0;
	background: #FFF;
}
.top .news ul li a:after, .top .news ul li a:before {
	display:block;
	position:absolute;
	right:10px;
	top:50%;
	width:10px;
	height:3px;
	content:"";
	margin-top:-4px;
	background: #0092b2;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}
.top .news ul li a:before {
	margin-top:2px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.top .news ul li a:hover {
	border: 1px solid #53c8c2;
	-webkit-box-shadow: #d0d0d0 1px 1px 0;
	        box-shadow: #d0d0d0 1px 1px 0;
	transform: translate3d(3px, 3px, 0);
}
.top .news ul li dl dt {
	font-size: 81.25%;
	line-height: 1.308;
	color:#00958d;
}
.top .news ul li dl dd {
	margin: 5px 0 0 0;
	font-size: 62.5%;
	line-height: 1;
	color: #777;
}

/* more than 400px */
@media only screen and (min-width: 400px) {
	.top .twinfo ul li {
		flex: 1 0 50%;
		max-width: 50%;
	}
}

/* more than 600px */
@media only screen and (min-width: 600px) {
	.top .twinfo ul li {
		flex: 0 0 33%;
		max-width: 33%;
	}
	.top .twinfo ul li:nth-child(3n) {
		flex: 0 0 34%;
		max-width: 34%;
	}
}
/* more than 768px */
@media only screen and (min-width: 768px){
	.top .important-notice-in dl {
		padding: 8px 25px 8px 15px;
	}
	.top .important-notice-in dl dt {
		font-size: 81.25%;
	}
	.top .important-notice-in dl dd {
		font-size: 62.5%;
	}
	.top #header dl {
		margin: 20px 10px 20px 0;
	}
	.top #header .comment {
		margin: 16px 0 0 0;
		text-align:center;
		font-size:125%;
	}
	.top #header dl + dl {
		margin: 55px 0 20px 10px;
	}
	.top .tw {
		margin: 0;
		padding:0 0 10px;
		border-bottom:1px solid #dadada ;
		background: #f4f4f4;
	}
	.top .tw .tw-head{
		background: #fff;
		border-bottom: 1px solid #dadada;
	}
	.top .tw .tw-head .inner{
		position: relative;
		max-width: 980px;
		margin: 0 auto;
		padding: 25px 0 20px;
	}
	.top .tw-in {
		position: relative;
	}
	.top .tw .head h2 {
		border: none;
		padding:5px 0 5px 65px;
		background-size:auto 30px;
		font-size: 125%;
	}
	.top .tw .head .readmore1 {
		display: block;
	}
	.top .tw .userinfo {
		position: absolute;
		padding: 8px 11px;
		top: 10px;
		right: 10px;
		width: 250px;
		border: 1px solid #ccc;
		background: #fff;
	}
	.top .twinfo ul {
		padding: 15px 0 0 10px;
	}
	.top .twinfo ul li,
	.top .twinfo ul li:nth-child(3n){
		flex: 0 0 25%;
		max-width: 25%;
	}
	.top .news {
		border-top: 1px solid #dadada;
		background: #e6e6e6;
	}
	.top .news-inner {
		max-width: 980px;
		margin: 0 auto;
	}
	.top .news h2 {
		border: none;
		font-size: 125%;
		padding: 16px 0 16px 65px;
		background-size: auto 30px;
		background-position: 15px 45%;
	}
	.top .news ul {
		padding: 0 0 15px;
	}
	.top .news ul li a {
		border: 1px solid #d0d0d0;
	}
	.top .news ul li dl {
		position: relative;
	}
	.top .news ul li dl dt {
		padding: 0 0 0 10em;
		font-size: 75%;
		line-height: 1.25;
		color: #2b2b2b;
	}
	.top .news ul li dl dd {
		position: absolute;
		left: 0;
		top:50%;
		margin: -6px 0 0 0;
		font-size: 81.25%;
		line-height: 1;
		color:#00958d;
	}
}
/* more than 980px */
@media only screen and (min-width: 980px){
	.top .important-notice-in {
		max-width: 960px;
		margin: 30px auto 25px;
	}
	.top .twinfo ul li,
	.top .twinfo ul li:nth-child(3n){
		flex: 0 0 20%;
		max-width: 20%;
	}
}


/* ステージスケジュール----------------------- */

.stage-schedule  .content {
	padding: 15px 0 0 0;
}
.stage-schedule .time-table-description {
	max-width: 980px;
	margin: 0 auto;
	padding: 0;
}
.stage-schedule .time-table-description h2 {
	position: relative;
	padding: 10px 0 10px 50px;
	border-bottom-width: 2px;
	border-style: solid;
	background: url(../img/ttl-icon-news.png?v2) no-repeat 10px 50%;
	background-size: 30px 25px;
	-webkit-background-size: 30px 25px;
	border-bottom: #0092b2 1px solid;
	-webkit-box-shadow: #565656 0 1px 0 0;
	        box-shadow: #565656 0 1px 0 0;
}
.stage-schedule .time-table-description h2 + p {
	padding: 20px 10px;
}

/*　2023。01.24追加　ステージ出演者近日公開のアナウンス*/
.stage-schedule .guest_info{
 position: relative;
	display: inline-block;
		left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	padding: 1.5rem 0.5rem 0.5rem;
	border-bottom: 3px solid #ff3fb5;
	color: #7d7d7d;
	font-size: 115%;
	font-weight:bold;}
.stage-schedule .guest_info:before,
.stage-schedule .guest_info:after {
	position: absolute;
	content: '';
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	width: 0;
	height: 0;
	border-width: 14px 12px 0;
	border-style: solid;
}
.stage-schedule .guest_info:before {	
	bottom: -14px;    
	border-color: #ff3fb5 transparent transparent;
}
.stage-schedule .guest_info:after {
	bottom: -10px;
	border-color: #fff transparent transparent;
}

.stage-schedule .time-table-description .youtube-live-inner {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
	padding: 10px;
	font-size: 87.5%;
}

.stage-schedule .time-table-description .live-note {
	color: #f35267;
	font-size: 75%;
	margin: 0 10px 10px;
	padding: 0 0 0 15px;
	position: relative;
}

.stage-schedule .time-table-description .live-note li:before {
	content: "※";
	display: block;
	height: 18px;
	left: 0;
	position: absolute;
	width: 2em;
}
.stage-schedule .time-table-description .btn {
	margin: 10px;
	box-shadow: #cacaca 3px 3px 0;
}
.stage-schedule .time-table-description .btn a {
	display:block;
	position: relative;
	padding: 8px;
	color: #fff;
	transition: all 0.3s ease 0s;
}
.stage-schedule .time-table-description .btn a:after, .stage-schedule .time-table-description .btn a:before {
	display:block;
	position:absolute;
	right:10px;
	top:50%;
	width:10px;
	height:3px;
	content:"";
	margin-top:-4px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}
.stage-schedule .time-table-description .btn a:before {
	margin-top:2px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.stage-schedule .time-table .tab ul {
	max-width: 980px;
	margin: 0 auto;
	text-align: center;
}
.stage-schedule .time-table .tab ul li {
	display: inline-block;
	min-width: 35%;
	margin: 20px 0 0;
	background: #565656;
}
.stage-schedule .time-table .tab ul li a {
	padding: 10px;
	display: block;
}
body.public_day1 .stage-schedule .time-table .tab ul li.public_day1 { /* 色かえ*/
	background: #0ba29a;
}
body.public_day2 .stage-schedule .time-table .tab ul li.public_day2 {
	background: #0092b2;
}
body.public_day1 .stage-schedule .time-table .tab ul li.public_day1 a,
body.public_day2 .stage-schedule .time-table .tab ul li.public_day2 a {
	color: #fff;
}
body.public_day2 .stage-schedule .time-table .tab ul li.default{
	color: #fff;
	padding: 10px;
}
.stage-schedule .time-table .tab ul li a{
	display: block;
	color: #fff;
}
.stage-schedule .time-table .section {
	display: none;
	background: #f4f4f4;
}
.public_day1 .stage-schedule .time-table .section.public_day1{ /* 色かえ*/
	display: block;
	border-top: 7px solid #0ba29a;
}
.public_day2 .stage-schedule .time-table .section.public_day2 {
	display: block;
	border-top: 7px solid #0092b2;
}

.stage-schedule .time-table .movie-links {
	width: 320px;
	margin: 0 auto;
	padding:10px 7px 12px;
	box-sizing: border-box;
}
.stage-schedule .time-table .movie-links p.lead {
	margin:0 0 5px;
	text-align: center;
	font-size: 87.5%;
	font-weight: bold;
}
.stage-schedule .time-table .movie-links p.note {
	margin:8px 0 0 0;
	font-size: 62.5%;
	line-height: 1.2;
	position: relative;
	color: #f35267;
}
.stage-schedule .time-table .movie-links ol {
	list-style: none;
}
.stage-schedule .time-table .movie-links > ol,
.stage-schedule .time-table .movie-links > ol > li dl dd ol {
	display: flex;
	-webkit-justify-content: center; /* Safari */
	justify-content:         center;
}
.stage-schedule .time-table .movie-links > ol > li {
	box-sizing: border-box;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #ddd;
	padding: 3px 7px;
}
.stage-schedule .time-table .movie-links > ol > li:first-child {
	margin-right: 5px;
}
.stage-schedule .time-table .movie-links ol .btn {
	margin: 0 8px 0 0;
}
.stage-schedule .time-table .movie-links ol .btn > a {
	display:block;
	position: relative;
	font-size: 68.75%;
	padding-left: 17px;
	transition: all 0.3s ease 0s;
	color: #444;
	white-space: nowrap;
}
.stage-schedule .time-table .movie-links ol .btn > a:before {
	display:block;
	position:absolute;
	margin: -7px 0 0 0;
	content:"";
	left:0px;
	top:50%;
	width:14px;
	height:14px;
	background: #0ba29a;
	transition: all 0.3s ease 0s;
}
.stage-schedule .time-table .movie-links ol .btn > a:hover {
	color: #0ba29a;
	text-decoration: underline;
}
.stage-schedule .time-table .public_day2 .movie-links ol .btn > a:hover {
	color: #0092b2;
}
.stage-schedule .time-table .movie-links ol .btn > a:hover:before {
	opacity: 0.6;
}
.stage-schedule .time-table .public_day2 .movie-links ol .btn > a:before {
	background: #0092b2;
}
.stage-schedule .time-table .movie-links ol .btn > a:after {
	display:block;
	position:absolute;
	margin: -3px 0 0 0;
	content:"";
	left:2px;
	top:50%;
	width:5px;
	height:5px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.stage-schedule .time-table .movie-links > ol > li > dl dt {
	font-size: 62.5%;
	white-space: nowrap;
}
.stage-schedule .time-table .movie-links > ol > li > dl dd span {
	display: none;
}
.stage-schedule .time-table .movie-links > ol > li > dl > dd.btn,
.stage-schedule .time-table .movie-links > ol > li > dl dd ol li:last-child.btn {
	margin: 0;
}
.stage-schedule .time-table .movie-links > ol > li > dl dd ol li.benama {
	display: none;
}
.stage-schedule .time-table .section-inner {
	display: table;
	width: 320px;
	margin: 0 auto;
	/* background: url(../img/bg-time-table.png) 0 0 #fff; */
	background-color:#fff;
}
.stage-schedule .time-table .section .section-inner div {
	display: table-cell;
	/*
	width: 50%;
	*/
	width:calc(100% - 20px);
	vertical-align: top;
}
@media only screen and (min-width: 768px){
.stage-schedule .time-table .section .section-inner div {
	display: table-cell;
	/*
	width: 50%;
	*/
	width:calc(100% - 60px);
	vertical-align: top;
}	
	}
.stage-schedule .time-table .section h4 {
	overflow:hidden;
	height:2.1875em;
	line-height:2.1875em;
	text-align: center;
	background: #7d7d7d;
	color: #FFF;
}
.stage-schedule .time-table .section h4.left {
  background:#94152e;
}
.stage-schedule .time-table .section h4.right {
  background: #003789;
}
.stage-schedule .time-table .section h4 span {
	font-size:  62.5%;
}
.stage-schedule .time-table .section div.time {
	width: 15px;
	padding-top: 2.1875em;
	background-color:#f4f4f4;
	border-right: 1px solid #c6c6c6;
}
.public_day1 .stage-schedule .time-table .section div ul{
	position: relative;
	width:100%;
	height: 1428px;
}
.public_day2 .stage-schedule .time-table .section div ul {
	position: relative;
	width: 100%;
	height: 1428px;
}
.stage-schedule .time-table .section div.day ul{
	background: url(../img/bg-time-table.png) 0 0 repeat;
}
.stage-schedule .time-table .section div.time ul{
	background: url(../img/bg-time-table.png) 0 0;
}
.stage-schedule .time-table .section div.time ul li {
	height: 204px;
	width: 14px;
}
.stage-schedule .time-table .section div.time ul li span {
	display: block;
	color: #808080;
	font-size: 75%;
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.stage-schedule .time-table .section .day {
	border-right: 1px solid #c6c6c6;
}
.stage-schedule .time-table .section .day ul a {
	position: absolute;
	display: block;
	width:100%;
	height:100%;
	background-color:#efefef;
}
.stage-schedule .time-table .section .day ul a:before {
	display:block;
	position:absolute;
	content:"";
	right:0px;
	bottom:0;
	width:16px;
	height:16px;
	background: #606060;
}
.stage-schedule .time-table .section .day ul a:after {
	display:block;
	position:absolute;
	content:"";
	right:6px;
	bottom:4px;
	width:6px;
	height:6px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.stage-schedule .time-table .section .day ul li {
	position: absolute;
	top:40px;
	margin: 5px;
}
.stage-schedule .time-table .section .day ul dl dt {  /* 色かえ */
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	line-height: 1em;
	color: #fff;
	background: #0ba29a;
}
.stage-schedule .time-table .section.public_day2 .day ul dl dt {
	background: #0092b2;
}
.stage-schedule .time-table .section .day ul li.preliminary a,
.stage-schedule .time-table .section .day ul li.preliminary dl dd{
	background: none;
}
.stage-schedule .time-table .section.public_day2 .day ul .preliminary dl dt{
	background: #484848;
	border: 1px solid #747474;
	color: #fff;
}
.stage-schedule .time-table .section .day ul dl dt span {
	margin:0 5px;
	font-size: 62.5%;
}
.stage-schedule .time-table .section .day ul dl dd {
	display: block;
	vertical-align: middle;
	font-size: 75%;
	line-height: 1.4;
	background-color:#efefef;
}
.stage-schedule .time-table .section .day ul dl dd .youtube,
.stage-schedule .time-table .section .day ul dl dd .niconico,
.stage-schedule .time-table .section .day ul dl dd .linelive{
	display: block;
	color: #F35267;
}
.public_day2 .stage-schedule .time-table .section .day ul dl dd .youtube,
.public_day2 .stage-schedule .time-table .section .day ul dl dd .niconico,
.public_day2 .stage-schedule .time-table .section .day ul dl dd .linelive{
	color: #F35267;
}
.stage-schedule .time-table .section .day ul dl dd .youtube span,
.stage-schedule .time-table .section .day ul dl dd .niconico span,
.stage-schedule .time-table .section .day ul dl dd .linelive span{
	display: none;
}
.stage-schedule .time-table .section .day ul dl dd .youtube:before{
	display: inline-block;
	content: "";
	width: 12px;
	height: 8px;
	margin: 0 4px 0 0;
	background: url(../img/icon-youtube-live.png);
	-webkit-background-size: 100%;
	     -o-background-size: 100%;
	        background-size: 100%;
}
.stage-schedule .time-table .section .day ul dl dd .niconico:before {
	display: inline-block;
	content: "";
	width: 16px;
	height: 13px;
	margin: 0px 0px 0 0;
	background: url(../img/icon-niconico-live.png?v1);
	-webkit-background-size: 74%;
	     -o-background-size: 74%;
	        background-size: 74%;
	background-repeat: no-repeat;
	vertical-align: middle;
}
.stage-schedule .time-table .section .day ul dl dd .linelive:before {
	display: inline-block;
	content: "";
	width: 16px;
	height: 13px;
	margin: 0px 0px 0 0;
	background: url(../img/icon-line-live.png);
	-webkit-background-size: 74%;
	     -o-background-size: 74%;
	        background-size: 74%;
	background-repeat: no-repeat;
	vertical-align: middle;
}
.stage-schedule .time-table .section .day ul dl dd div {
	padding: 3px;
}
.stage-schedule .time-table .section .day ul dl dd div span {
	font-size: 75%;
}
.stage-schedule .time-table .section .day ul dl dd div span.preliminary {
	color: #9e9e9e;
}
.stage-schedule .time-table .section .day ul dl dd .icon {
	display: inline-block;
	width:20px;
	height:20px;
	vertical-align: middle;
	background-size:20px auto;
}
.stage-schedule .time-table .section .day ul dl dd .icon.mfc {background-image: url(../img/game/mfc_thumb.png);}
.stage-schedule .time-table .section .day ul dl dd .icon.bm2dx {background-image: url(../img/game/bm2dx_thumb.png);}
.stage-schedule .time-table .section .day ul dl dd .icon.ddr {background-image: url(../img/game/ddr_thumb.png);}
.stage-schedule .time-table .section .day ul dl dd .icon.gitadora_gf {background-image: url(../img/game/gitadora_thumb.png);}
.stage-schedule .time-table .section .day ul dl dd .icon.gitadora_dm {background-image: url(../img/game/gitadora_thumb.png);}
.stage-schedule .time-table .section .day ul dl dd .icon.jubeat {background-image: url(../img/game/jubeat_thumb.png);}
.stage-schedule .time-table .section .day ul dl dd .icon.popn {background-image: url(../img/game/popn_thumb.png);}
.stage-schedule .time-table .section .day ul dl dd .icon.sdvx {background-image: url(../img/game/sdvx_thumb.png);}
.stage-schedule .time-table .section .day ul dl dd .icon.qma {background-image: url(../img/game/qma_thumb.png);}
.stage-schedule .time-table .section .day ul dl dd .icon.bemani {background-image: url(../img/game/bemani_thumb.png);}
.stage-schedule .time-table .section .day ul dl dd .icon.nostalgia {background-image: url(../img/game/nostalgia_thumb.png);}
.stage-schedule .time-table .section .day ul dl dd .icon.ec {background-image: url(../img/game/ec_thumb.png);}
.stage-schedule .time-table .section .day ul dl dd .icon.baseballcollection {background-image: url(../img/game/baseballcollection_thumb.png);}
.stage-schedule .time-table .section .day ul dl dd .icon.bombergirl {background-image: url(../img/game/bombergirl_thumb.png);}
.stage-schedule .time-table .section .day ul dl dd .icon.drs {background-image: url(../img/game/drs_thumb.png);}
.stage-schedule .time-table .section .day ul dl dd .icon.mfg {background-image: url(../img/game/mfg_thumb.png);}
.stage-schedule .time-table .section .day ul dl dd .icon.bpl {background-image: url(../img/game/bpl_thumb.png);}
.stage-schedule .time-table .section .day ul dl dd .icon.qk_stadium {background-image: url(../img/game/qks_thumb.png);}
.stage-schedule .time-table .section .day ul dl dd .icon.momotetsu_medal {background-image: url(../img/game/momotetsu_medal_thumb.png);}
.stage-schedule .stage-notes {
	border-bottom: #000 1px solid;
}
.stage-schedule .stage-notes p{
	max-width: 960px;
	margin: 0 auto;
	padding: 10px 10px 30px;
	font-size: 75%;
}
.stage-schedule .time-table .attend p {
	background: #fff;
	padding: 10px;
	font-size: 75%;
}
#page-cover{
	display:none;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	background-color:rgba(0,0,0,0.7);
}


#page-cover{
	display:none;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index:15;
	background-color:rgba(0,0,0,0.5);
}
#popup{
	display:none;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index: 25;
}
.detail-inner {
	position: relative;
}

#popup .detail-inner {
	width:60%;
	margin-left:auto;
	margin-right:auto;
	background: #333;
	-webkit-box-shadow: 0 0 30px 0 #000;
	-moz-box-shadow: 0 0 30px 0 #000;
	box-shadow: 0 0 30px 0 #000;
}
#popup .detail-inner .close {
	display: none;
}
#popup .detail-inner .main dt{
	padding:15px;
	font-size:125%;
	color:#fff;
	background-color:#606060;
}
#popup .detail-inner .main dd{
	min-height:60px;
	padding:20px 15px;
	font-size:75%;
	line-height:1.4;
}
#popup .detail-inner .main dd a{
	color:#fff;
	text-decoration:underline;
}
#popup .detail-inner .main dd a:hover{
	color:#00fcff;
}
#popup .detail-inner .stage-title {
	display: table;
	width: 100%;
	color: #000;
}
#popup .detail-inner .live{
	padding: 0 30px 10px 30px;
	background: #fff;
}
#popup .detail-inner .live p.ttl{
	margin: 0 0 5px;
	font-size: 90%;
}
#popup .detail-inner .live .youtube{
	padding:5px;
	border-radius:5px;
	background-color:#000;
}
#popup .detail-inner .live .youtube img{
    width:100%;
}
#popup .detail-inner .live .youtube-in{
	position: relative;
	width: 100%;
	padding: 56.25% 0 0 0;
}
#popup .detail-inner .live .youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.public_day1 #popup .detail-inner .stage-title{ /* 色かえ*/
	background: #0ba29a;
}
.public_day2 #popup .detail-inner .stage-title{
	background: #0092b2;
}
.public_day2 #popup .detail-inner.preliminary .stage-title{
	background: #d1ff84;
}
#popup .detail-inner .stage-title dt {
	display: table-cell;
	width: 100px;
	padding: 15px;
	text-align: center;
	vertical-align: middle;
	color:#fff;
}
#popup .detail-inner .stage-title dd{
	color: #fff;
}
#popup .detail-inner .stage-title dt span {
	font-size: 175%;
	line-height: 1.2;
}
#popup .detail-inner .stage-title dd {
	display: table-cell;
	padding: 15px;
	vertical-align: middle;
}
#popup .detail-inner .stage-title dd span.title {
	font-size: 125%;
}
#popup .detail-inner .stage-title dd span {
	font-size: 70%;
}
#popup .detail-inner .tags {
	padding: 25px 0 0;
	margin: 0 30px;
}
#popup .detail-inner .tags span {
	display: inline-block;
	margin: 0 0 -3px -2px;
	padding: 2px 10px 2px 2px;
	font-size: 75%;
}
#popup .detail-inner .tags span.baseball {
	background: #ff0001;
}
#popup .detail-inner .tags span.mgs {
	background: #000;
}
#popup .detail-inner .tags span.soccer {
	background: #ffba00;
	color: #000;
}
#popup .detail-inner .tags span img {
	width: 20px;
	height: 20px;
	margin: 0 5px 0 0;
}
#popup .detail-inner .detail {
	background: #fff;
}
#popup .detail-inner div.youtube,
#popup .detail-inner div.niconico,
#popup .detail-inner div.linelive{
	display: block;
	padding: 0 30px;
	font-size: 87.5%;
}
#popup .detail-inner div.youtube a,
#popup .detail-inner div.niconico a,
#popup .detail-inner div.linelive a{
	position: relative;
	display: block;
}
#popup .detail-inner div.youtube a:after,
#popup .detail-inner div.youtube a:before,
#popup .detail-inner div.niconico a:after,
#popup .detail-inner div.niconico a:before,
#popup .detail-inner div.linelive a:after,
#popup .detail-inner div.linelive a:before {
	display:block;
	position:absolute;
	right:10px;
	top:50%;
	width:10px;
	height:3px;
	content:"";
	margin-top:-4px;
	background: #7b7b7b;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}
#popup .detail-inner div.youtube a:before,
#popup .detail-inner div.niconico a:before,
#popup .detail-inner div.linelive a:before{
	margin-top:2px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
#popup .detail-inner div.youtube a p,
#popup .detail-inner div.niconico a p,
#popup .detail-inner div.linelive a p {
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
	text-align: center;
}
#popup .detail-inner div.youtube a p {
	border-top: 1px solid #ddd;
}
#popup .detail-inner div.youtube a p:before,
#popup .detail-inner div.niconico a p:before,
#popup .detail-inner div.linelive a p:before,
#popup .detail-inner .live p.ttl:before,
#fullpanel .detail-inner .live p.ttl:before{
	display: inline-block;
	content: "";
}
#popup .detail-inner div.youtube a p:before,
#popup .detail-inner .live p.ttl:before,
#fullpanel .detail-inner .live p.ttl:before{
	margin: 0 4px 0 0;
	background: url(../img/icon-youtube-live.png);
	-webkit-background-size: 100%;
	     -o-background-size: 100%;
	        background-size: 100%;
	background-repeat: no-repeat;
	width: 16px;
	height: 11px;
}
#popup .detail-inner div.niconico a p:before{
	margin: 0 4px 0 0;
	background: url(../img/icon-niconico-live.png?v2);
	-webkit-background-size: 90%;
	     -o-background-size: 90%;
			background-size: 90%;
	width: 16px;
	height: 18px;
	background-repeat: no-repeat;
	vertical-align: middle;
}
#popup .detail-inner div.linelive a p:before{
	margin: 0 4px 0 0;
	background: url(../img/icon-line-live.png);
	-webkit-background-size: 90%;
	     -o-background-size: 90%;
			background-size: 90%;
	width: 16px;
	height: 18px;
	background-repeat: no-repeat;
	vertical-align: middle;
}
#popup .detail-inner p.description {
	margin: 0 30px 1px;
	padding: 20px 0 10px;
	font-size: 87.5%;
	line-height: 1.4;
}
#popup .detail-inner p.description a {
	color: #2ad9ff;
}
#popup .detail-inner dl.performer {
	display: flex;
	flex-wrap:wrap;
	padding: 15px 30px 0;
	font-size: 87.5%;
}
#popup .detail-inner dl.performer dt {
	margin: 0 0 5px 0;
	width:100%;
}
#popup .detail-inner dl.performer dd {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 3px 6px;
	margin: 3px 6px 3px 0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background: #83d2e3;
	color: #000;
	text-align: center;
}
#popup .detail-inner dl.performer dd img{width: 100%; max-width:180px; margin-top: auto;}

#popup .detail-inner dl.performer dd .spacer {width: 100%;}

.public_day1 #popup .detail-inner dl.performer dd{
	background: #ade6e3;
}
#popup .detail-inner .btn {
	margin-top:20px;
	padding: 30px 0;
}
#popup .detail-inner .btn p {
	width: 200px;
	margin: 0 auto;
	background: #606060;
	text-align: center;
	-webkit-box-shadow: 5px 5px 0 rgba(0,0,0,.15);
	        box-shadow: 5px 5px 0 rgba(0,0,0,.15);
	transition: all 0.3s ease 0s;
}
#popup .detail-inner .btn p:hover {
	-webkit-box-shadow: #cacaca 1px 1px 0;
			box-shadow: #cacaca 1px 1px 0;
	transform: translate3d(2px, 2px, 0);
}
#popup .detail-inner .btn a {
	position: relative;
	display: block;
	padding: 8px;
	color: #fff;
}
#popup .detail-inner .btn a:after, .detail-inner .btn a:before {
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 15px;
	width:18px;
	height:3px;
	content:"";
	margin: -2px 0 0 0;
	background: #fff;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	
}
#popup .detail-inner .btn a:before {
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
#fullpanel{
	z-index:20;
}
#fullpanel .detail-inner {
	position: relative;
	height:100%;
	background:#f4f4f4;
}
#fullpanel .detail-inner .close {
	position: absolute;
	width: 25px;
	height: 25px;
	top: 15px;
	right: 15px;
}
#fullpanel .detail-inner .close a {
	display: block;
	position: relative;
	width: 25px;
	height: 25px;
}
#fullpanel .detail-inner .close a:after, #fullpanel .detail-inner .close a:before {
	margin: -5px 0 0 0;
	display:block;
	position: absolute;
	right:0;
	top:50%;
	width:24px;
	height:3px;
	content:"";
	background: #FFF;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}
#fullpanel .detail-inner .close a:before {
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
#fullpanel .detail-inner .main{
	
}
#fullpanel .detail-inner .main dt{
	padding: 15px 40px 15px 15px;
	font-size: 100%;
	line-height: 1.2;
	color:#fff;
	background-color:#0092b2;
}
#fullpanel .detail-inner .main dd{
	padding: 20px 15px 30px;
	font-size: 75%;
	line-height: 1.4;
	background: #fff;
}

#fullpanel .detail-inner .stage-title {
	padding: 15px;
	color: #fff;
	background: #0092b2;
}
.public_day1 #fullpanel .detail-inner .stage-title,
.public_day1 #fullpanel .detail-inner .main dt{
	background: #0ba29a;
}
#fullpanel .detail-inner .stage-title dt {
	margin: 0 0 20px 0;
}
#fullpanel .detail-inner .stage-title dt span {
	font-size: 175%;
	line-height: 1.2;
}
#fullpanel .detail-inner .stage-title dd span {
	font-size: 70%;
}
#fullpanel .detail-inner .stage-title dd span.title {
	font-size: 125%;
}
#fullpanel .detail-inner .detail {
}

#fullpanel .detail-inner .detail dt {
	margin: 0 0 20px 0;
}
#fullpanel .detail-inner .detail dt span {
	font-size: 175%;
	line-height: 1.2;
}
#fullpanel .detail-inner .detail dd span.title {
	font-size: 125%;
	color: #fff;
}
#fullpanel .detail-inner .detail dd span.youtube {
	display: block;
	margin: 20px 0 0 0;
	font-size: 87.5%;
	color: #F35267;
}
#fullpanel .detail-inner .detail dd span.youtube:before {
	display: inline-block;
	content: "";
	width: 16px;
	height: 12px;
	margin: 0 4px 0 0;
	background: url(../img/icon-youtube-live.png);
	-webkit-background-size: 100%;
	     -o-background-size: 100%;
	        background-size: 100%;
	background-repeat: no-repeat;
}

#fullpanel .detail-inner div.youtube,
#fullpanel .detail-inner div.niconico,
#fullpanel .detail-inner div.linelive{
	padding: 0 15px;
	font-size: 87.5%;
	background: #fff;
}
#fullpanel .detail-inner div.youtube a,
#fullpanel .detail-inner div.niconico a,
#fullpanel .detail-inner div.linelive a {
	display: block;
	position: relative;
	max-width: 400px;
	margin: 0 auto;
}
#fullpanel .detail-inner div.youtube a p,
#fullpanel .detail-inner div.niconico a p,
#fullpanel .detail-inner div.linelive a p{
	padding: 15px 20px 15px 15px;
	background: #eee;
}
#fullpanel .detail-inner div.youtube {
	padding-bottom:5px;
}
#fullpanel .detail-inner div.youtube a p:before {
	display: inline-block;
	content: "";
	width: 16px;
	height: 10px;
	margin: 0 4px 0 0;
	background: url(../img/icon-youtube-live.png);
	-webkit-background-size: 100%;
	     -o-background-size: 100%;
	        background-size: 100%;
}
#fullpanel .detail-inner div.niconico a p:before {
	display: inline-block;
	content: "";
	width: 16px;
	height: 19px;
	margin: 0 4px 0 0;
	background: url(../img/icon-niconico-live.png?v2);
	-webkit-background-size: 90%;
	     -o-background-size: 90%;
	        background-size: 90%;
	background-repeat: no-repeat;
	vertical-align: middle;
}
#fullpanel .detail-inner div.linelive a p:before {
	display: inline-block;
	content: "";
	width: 16px;
	height: 19px;
	margin: 0 4px 0 0;
	background: url(../img/icon-line-live.png);
	-webkit-background-size: 90%;
	     -o-background-size: 90%;
	        background-size: 90%;
	background-repeat: no-repeat;
	vertical-align: middle;
}
#fullpanel .detail-inner p.description {
	padding: 20px 15px 10px 15px;
	font-size: 75%;
	line-height: 1.4;
	background: #fff;
}
#fullpanel .detail-inner .live {
	padding: 0 15px 10px 15px;
	background: #fff;
}
#fullpanel .detail-inner .live p.ttl{
	font-size: 87.5%;
	margin: 0 0 5px 0;
}
#fullpanel .detail-inner .live .youtube{
	padding:5px;
	border-radius:5px;
	background-color:#000;
}
#fullpanel .detail-inner .live .youtube-in{
	position: relative;
	width: 100%;
	padding: 56.25% 0 0 0;
}
#fullpanel .detail-inner .live .youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
#fullpanel .detail-inner div.youtube a:after,
#fullpanel .detail-inner div.youtube a:before,
#fullpanel .detail-inner div.niconico a:after,
#fullpanel .detail-inner div.niconico a:before,
#fullpanel .detail-inner div.linelive a:after,
#fullpanel .detail-inner div.linelive a:before {
	display:block;
	position:absolute;
	right:10px;
	top:50%;
	width:10px;
	height:3px;
	content:"";
	margin-top:-4px;
	background: #7b7b7b;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}
#fullpanel .detail-inner div.youtube a:before,
#fullpanel .detail-inner div.niconico a:before,
#fullpanel .detail-inner div.linelive a:before{
	margin-top:2px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
#fullpanel .detail-inner dl.performer {
	padding: 10px 15px 15px;
	font-size: 75%;
	background: #fff;
}
#fullpanel .detail-inner dl.performer dt {
	margin: 0 0 5px 0;
}
#fullpanel .detail-inner dl.performer dd {
	display: inline-block;
	padding: 3px 6px;
	margin: 3px 6px 3px 0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	text-align: center;
}
#fullpanel .detail-inner dl.performer dd img{width: 100%; max-width:180px; height:auto;}

#fullpanel .detail-inner dl.performer dd{
	background: #83d2e3;
}
.public_day1 #fullpanel .detail-inner dl.performer dd{
	background: #ade6e3;
}
#fullpanel .detail-inner .btn {
	padding: 30px 0;
}
#fullpanel .detail-inner .btn p {
	width: 200px;
	margin: 0 auto;
	background: #606060;
	text-align: center;
	-webkit-box-shadow: 5px 5px 0 rgba(0,0,0,.15);
	        box-shadow: 5px 5px 0 rgba(0,0,0,.15);
}
#fullpanel .detail-inner .btn a {
	position: relative;
	display: block;
	padding: 8px;
	color: #fff;
}

#fullpanel .detail-inner .btn a:after, #fullpanel .detail-inner .btn a:before {
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 15px;
	width:18px;
	height:3px;
	content:"";
	margin: -2px 0 0 0;
	background: #FFF;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}
#fullpanel .detail-inner .btn a:before {
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

/* more than 360px */
@media only screen and (min-width: 360px){
	.stage-schedule .time-table .section-inner {
		width: 360px;
	}
	.stage-schedule .time-table .movie-links {
		width: 350px;
	}
	.stage-schedule .time-table .movie-links > ol > li > dl dd ol li.benama {
		display: inline;
	}
	#popup .detail-inner dl.performer dd{width:calc(50% - 30px);}
	#fullpanel .detail-inner dl.performer dd {width:calc(50% - 30px);}
}
/* more than 480px */
@media only screen and (min-width: 480px){
	.stage-schedule .time-table .section-inner {
		width: 480px;
	}
	.stage-schedule .time-table .movie-links {
		width: 470px;
	}
	.stage-schedule .time-table .movie-links > ol > li > dl dd span {
		display: inline;
	}
	#popup .detail-inner dl.performer dd{width:calc((100% / 3) - 30px);}
	#fullpanel .detail-inner dl.performer dd{width:calc((100% / 3) - 30px);}
}
/* more than 768px */
@media only screen and (min-width: 768px){
	.stage-schedule .time-table-description h2 {
		border: none;
		margin:7px 0 0;
		-webkit-box-shadow: none;
		        box-shadow: none;
		font-size: 125%;
	}
	.stage-schedule .time-table-description .youtube-live {
		margin: 10px;
		padding: 0;
		border: 1px solid #0092b2;
		-webkit-border-radius: 2px;
		        border-radius: 2px;
	}
	.stage-schedule .time-table-description .youtube-live-inner {
		display: table;
	}
	.stage-schedule .time-table-description .youtube-live-inner div {
		display: table-cell;
		vertical-align: middle;
	}
	.stage-schedule .time-table .movie-links p.note {
		font-size: 68.75%;
	}
	.stage-schedule .time-table {
	}
	.stage-schedule .time-table .movie-links {
		padding: 15px 7px 17px;
		width: 700px;
	}
	.stage-schedule .time-table .movie-links p.lead {
		font-size: 100%;
		padding: 2px 0 5px;
	}
	.stage-schedule .time-table .movie-links > ol > li {
		padding: 7px 10px;
	}
	.stage-schedule .time-table .movie-links ol .btn > a {
		font-size: 75%;
	}
	.stage-schedule .time-table .section-inner {
		width: 740px;
	}
	.stage-schedule .time-table .section div.time {
		width: 60px;
	}
	.stage-schedule .time-table .section div.time ul{
		background:none;
	}
	.stage-schedule .time-table .section div.time ul li {
		width: 60px;
	}
	.stage-schedule .time-table .section div.time ul li span {
		color: #555;
		-webkit-transform: rotate(0deg);
		   -moz-transform: rotate(0deg);
		    -ms-transform: rotate(0deg);
		     -o-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	.stage-schedule .time-table .section .day ul a:after{
		display:none;
	}
	.stage-schedule .time-table .section .day ul a:before{
		display:none;
	}
	.stage-schedule .time-table .section .day ul dl {
		display: table;
		width:100%;
		height:100%;
	}
	.stage-schedule .time-table .section .day ul dl dt {
		display: table-cell;
		height:100%;
		width:3.5em;
	}
	.stage-schedule .time-table .section .day ul dl dt span {
		display:block;
		font-size: 62.5%;
	}
	.stage-schedule .time-table .section .day ul dl dd {
		display: table-cell;
		font-size: 87.5%;
		height:100%;
		background-color:#efefef;
	}
	.stage-schedule .time-table .section .day ul dl dd .youtube span,
	.stage-schedule .time-table .section .day ul dl dd .niconico span,
	.stage-schedule .time-table .section .day ul dl dd .linelive span{
		display: inline;
	}
	.stage-schedule .time-table .section .day ul dl dd div {
		position: relative;
		padding: 5px 65px 5px 10px;
	}
	.stage-schedule .time-table .section .day ul dl dd div:after {
		display:block;
		position:absolute;
		content:"詳細";
		right:6px;
		bottom: 50%;
		width: 3em;
		height: 2em;
		margin: 0 0 -1em;
		padding: 3px;
		line-height: 2em;
		text-align: center;
		border:none;
		-webkit-transform: rotate(0deg);
		   -moz-transform: rotate(0deg);
		    -ms-transform: rotate(0deg);
		     -o-transform: rotate(0deg);
		        transform: rotate(0deg);
		background: #606060;
		color: #fff;
		-webkit-box-shadow: #cacaca 3px 3px 0;
		        box-shadow: #cacaca 3px 3px 0;
		transition: all 0.3s ease 0s;
	}
	.stage-schedule .time-table .section .day ul .en dl dd div:after {
		content:"Detail";
	}
	.stage-schedule .time-table .section .day ul a:hover dl dd div:after {
		-webkit-box-shadow: #cacaca 1px 1px 0;
		        box-shadow: #cacaca 1px 1px 0;
		transform: translate3d(2px, 2px, 0);
	}
	
	.stage-schedule .time-table .section .day ul dl dd .youtube,
	.stage-schedule .time-table .section .day ul dl dd .niconico {
		font-size:81.25%;
	}
	.booth-event .booth-outline .coming-soon {
		padding: 20px 0;
		margin: 0 0 30px;
	}
	#stage-schedule-info .coming-soon p {
		width: 600px;
	}
	#stage-schedule-info .coming-soon p img {
		width: 400px;
	}
	.stage-schedule .time-table .attend p {
		font-size: 75%;
		line-height: 1.25;
	}
	#popup .detail-inner p.description {
		padding: 20px 0;
	}
	#popup .detail-inner div.youtube a p:before,
	#popup .detail-inner div.niconico a p:before,
	#popup .detail-inner div.linelive a p:before,
	#popup .detail-inner .live p.ttl:before{
		margin: 0 6px 0 0;
	}
	#popup .detail-inner dl.performer {
		padding: 20px 10px 0;
	}
	#popup .detail-inner div.youtube a p,
	#popup .detail-inner div.niconico a p,
	#popup .detail-inner div.linelive a p{
		padding: 15px 0;
		text-align: left;
	}
	#popup .detail-inner .btn {
		position: relative;
		background: #f4f4f4;
	}
	#popup .detail-inner dl.performer dd{width:calc((100% / 3) - 30px);}
	#fullpanel .detail-inner dl.performer dd{width:calc(25% - 30px);}	
}

/* more than 980px */
@media only screen and (min-width: 980px){
	.stage-schedule .time-table-description h2 {
		padding: 10px 0 10px 60px;
		-webkit-background-size: 45px 36px;
		     -o-background-size: 45px 36px;
		        background-size: 45px 36px;
	}
	.stage-schedule .time-table-description h2:before {
		width: 45px;
		height: 36px;
	}
	.stage-schedule .time-table-description h2 p {
		font-size: 125%;
	}
	.stage-schedule .time-table .section-inner {
		/*
		width: 900px;
		*/
		width: 700px;
	}
	.stage-schedule .time-table .attend p {
		width: 980px;
		margin: 10px auto;
	}
	#popup .detail-inner dl.performer dd{width:calc(25% - 30px);}	
}

/* ブースイベント----------------------------- */

.booth-event h2.booth {
	position: relative;
	max-width:980px;
	margin: 20px auto 15px;
	padding: 5px 0;
	border-bottom:2px solid #0092b2;
}
.booth-event h2.booth:before {
	display: inline-block;
	width: 30px;
	height: 25px;
	content: "";
	margin: 0 10px;
	vertical-align: bottom;
	background: url(../img/ttl-icon-booth.png?v2) no-repeat 0 0;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
}
.booth-event .map {
	background: #F1F1F1;
}
.booth-event .map h3 {
	padding: 8px 10px;
	font-size: 87.5%;
	color: #fff;
	background: #84c000;
}
.booth-event .map h3 p:before {
	display: inline-block;
	width: 15px;
	height: 13px;
	content: "";
	margin: 0 10px 0 0;
	vertical-align: middle;
	background: url(../img/ttl-icon-hexagon.png?v2) no-repeat 0 0;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
}
.booth-event .map h3 p {
	max-width: 960px;
	margin: 0 auto;
}
.booth-event .map .map-img {
	height: 400px;
	max-width: 320px;
	margin: 0 auto;
	background: url(../img/map.png) 50% 50% no-repeat;
	-webkit-background-size: 100% auto;
	     -o-background-size: 100% auto;
	        background-size: 100% auto;
}
/*マップ各番号ブース解説*/
.booth-event .map .schedule-inner {
	max-width: 300px;
	margin: 0 auto;
	padding:10px;
}

.booth-event .map .schedule_tti{
	clear: both;
	line-height: 160%;
	font-weight:bold;
}
.booth-event .map dl{
	font-size:87.25%;
	padding-bottom:10px;
}
.booth-event .map dl:after{
    content: "";
  clear: both;
    display: block;
}
.booth-event .map dl dt,
.booth-event .map dl dd{
float:left;
}
.booth-event .map dl dt{
  clear: both;	
  width : -webkit-calc(20%- 10px);
  width : -moz-calc(20%- 10px);
  width : calc(20%- 10px);
  padding:2px 0 2px 10px;
}
.booth-event .map dl dd{
  width : -webkit-calc(80%- 10px);
  width : -moz-calc(80%- 10px);
  width : calc(80%- 10px);
  padding:2px 0;
}

.booth-event .booth-outline {
	background: #f4f4f4;
	border-bottom:1px solid #dadada;
}
.booth-event .booth-outline h3 {
	padding: 8px 10px;
	font-size: 87.5%;
	color: #fff;
	background: #0092b2;
}
.booth-event .booth-outline h3 p {
	max-width: 960px;
	margin: 0 auto;
}
.booth-event .booth-outline h3 p:before {
	display: inline-block;
	width: 15px;
	height: 13px;
	content: "";
	margin: 0 10px 0 0;
	vertical-align: middle;
	background: url(../img/ttl-icon-hexagon.png) no-repeat 0 0;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
}
.booth-event .booth-outline ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 10px 0 0 10px;
}
.booth-event .booth-outline li div {
	margin: 0 10px 10px 0;
	background: #FFF;
	border: 1px solid #dadada;
}
.booth-event .booth-outline li p img {
	width: 100%;
	height: auto;
}
.booth-event .booth-outline li dl dt {
	margin: 10px 0;
	padding: 0 0 0 5px;
	border-style: solid;
	border-width: 0 0 0 5px;
	border-color: #0092b2;
	color:#0092b2;
}
.booth-event .booth-outline li dl dd {
	margin: 10px;
	font-size: 75%;
	line-height: 1.4;
}
.booth-event .booth-outline li dl dd span{
	display: inline-block;
}
.booth-event .booth-outline li dl dd a.link {
	position: relative;
	color: #0092b2;
	padding: 0 0 0 20px;
	transition: all 0.3s ease 0s;
}
.booth-event .booth-outline li dl dd a.link:before {
	display:block;
	position:absolute;
	margin: -7px 0 0 0;
	content:"";
	left:0px;
	top:50%;
	width:14px;
	height:14px;
	background: #0092b2;
}
.booth-event .booth-outline li dl dd a.link:hover {
	opacity: 0.6;
}
.booth-event .booth-outline li dl dd a.link:after {
	display:block;
	position:absolute;
	margin: -3px 0 0 0;
	content:"";
	left:2px;
	top:50%;
	width:5px;
	height:5px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.booth-event .booth-outline .note {
	max-width: 960px;
	margin: 0 auto;
	padding: 15px 10px 30px;
	font-size: 75%;
}
.booth-event .booth-outline .booth-bnr{
    margin:0 auto;
}
.booth-event .booth-outline .booth-bnr li{
    margin-bottom:20px;
}
.booth-event .booth-outline .booth-shop span{
    font-size: 75%;
}


/* more than 480px */

@media only screen and (min-width: 480px){
	.booth-event .booth-outline ul li {
		margin: 0;
		display: flex;
		flex: 1 0 50%;
		max-width: 50%;
		flex-wrap: wrap;
		box-sizing: border-box;
	}
	.booth-event .map .map-img {
		height:600px;
		max-width: 700px;
	}
	.booth-event .map .schedule-inner {
		max-width: 700px;
	}
	.booth-event .map dl dt{
		clear: both;	
		width : 70px;
		padding:2px 0 2px 10px;
	}
}

/* more than 768px */

@media only screen and (min-width: 768px){
	.booth-event h2.booth {
		margin: 25px auto 20px;
		border: none;
		font-size: 125%;
	}
	.booth-event h2.booth:before {
		width: 35px;
		height: 29px;
		margin: -3px 10px 0;
		vertical-align: middle;
	}
}

/* 出展タイトル------------------------------- */
.title h2.ttl {
	position: relative;
	max-width:980px;
	margin: 20px auto 15px;
	padding: 5px 0;
	border-bottom:2px solid #0092b2;
}
.title h2.ttl:before {
	display: inline-block;
	width: 30px;
	height: 25px;
	content: "";
	margin: 0 10px;
	vertical-align: bottom;
	background: url(../img/ttl-icon-folder.png?v2) no-repeat 0 0;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
}
.title .switch-language {
	position: absolute;
	bottom: 4px;
	right: 10px;
	width: 90px;
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 4px;
        border-radius: 4px;
	background: #f4f4f4;
}
.title .switch-language ul {
	display: table;
	width: 100%;
}
.title .switch-language ul li {
	display: table-cell;
	font-size: 75%;
	text-align: center;
}
.title .switch-language ul li a {
	display: block;
	color: #999;
}
.title .switch-language ul li.on a {
	color: #fff;
}
.title .section h3 {
	padding: 8px 10px;
	font-size: 87.5%;
	color: #fff;
}
.title .section .not-available { color: #b3b3b3;font-weight:bold;}
.title .cat-0 h3 { background: #84c000;}
.title .cat-0 .available {color: #84c000;}
.title .cat-0 .game-list li p {color:#78af00;}
.title .cat-1 .game-list li p:before {background:#2eefcd;}
.title .cat-1 h3 { background: #0ba29a;}
.title .cat-1 .available { color: #0ba29a;}
.title .cat-1 .game-list li p { color: #0ba29a;}
.title .cat-1 .game-list li p span {border-color: #0ba29a;}

.title .cat-2 .game-list li p:before {background:#2eefcd;}
.title .cat-2 h3 { background: #0092b2;}
.title .cat-2 .available { color: #0092b2;}
.title .cat-2 .game-list li p { color: #0092b2;}
.title .cat-2 .game-list li p span {border-color: #0092b2;}

.title .partner h3 { background: #ff7e00;}
.title .partner .available { color: #ff7e00;}
.title .partner .game-list li p,
.title .partner .game-list li p span a { color: #ff7e00;}
.title .partner .game-list li p span {border-color: #ff7e00;}


.title .section {
	padding: 0 0 10px 0;
	background: #f4f4f4;
}
.title .section .section-inner {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 10px;
}
.title .section h3 p:before {
	display: inline-block;
	width: 15px;
	height: 13px;
	content: "";
	margin: 0 10px 0 0;
	vertical-align: middle;
	background: url(../img/ttl-icon-hexagon.png) no-repeat 0 0;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
}
.title .section h3 p {
	max-width: 960px;
	margin: 0 auto;
}
.title .game-list li.caption {
	display: none;
}
.title .game-list li p {
	margin: 10px 0;
	padding: 4px 0;
	font-size: 87.5%;
}
.title .game-list li p span {
	display: inline-block;
	padding: 0 0 0 5px;
	border-left: 5px solid #84c000;
}
.title .section .game-list li p span a,
.title .section  .game-list li p span i{
	display:inline-block;
	padding:0 3px;
	border-radius:2px;
	vertical-align:middle;
	font-size:10px;
	line-height:14px;
	color:#fff;

}
.title .cat-0 .game-list li p span a{
	background-color:#78af00;
}
.title .cat-1 .game-list li p span a{
	background-color:#0ba29a;
}
.title .cat-2 .game-list li p span a{
	background-color:#0092b2;
}
.title .game-list li p span a:hover{
	opacity:0.6;
}
.title .section  .game-list li p span i{
	font-style:normal;
	background-color:#999;
}
.title .game-list li .title-detail {
	margin: 6px 0 10px;
	padding: 5px 0 0 5px;
	background: #FFF;
	border: 1px solid #dadada;
}
.title .game-list li div dl {
	display: table;
	width: 100%;
	margin: 0 0 5px;
}
.title .game-list li div dl dt {
	display: table-cell;
	width: 4em;
	padding: 1px 4px;
	font-size: 75%;
	text-align: center;
	vertical-align: middle;
	word-break: break-all;
	word-wrap: break-word;
	color: #fff;
	background: #7d7d7d;
}
.title .game-list li div dl dd {
	display: table-cell;
	padding: 1px 8px;
	font-size: 75%;
	line-height: 1.4;
	vertical-align: middle;
	word-break: break-all;
	word-wrap: break-word;
}
.title .game-list li div.cont dl dd {
	font-size: 100%;
	font-weight: bold;
}
.title div.notes {
	background: #f4f4f4;
	border-bottom: 1px solid #dadada;
}
.title div.notes ul {
	max-width: 960px;
	padding: 0 10px 20px 10px;
	margin: 0 auto;
}
.title div.notes li {
	position: relative;
	padding: 0 10px 0 14px;
	margin: 0 0 4px;
	font-size: 75%;
	line-height: 1.4;
}
.title div.notes li:before {
	position: absolute;
	display: block;
	content: "※";
	width: 18px;
	height: 18px;
	left: 0;
}

/* more than 768px */
@media only screen and (min-width: 768px){
	.title div.notes {
		border-bottom: 1px solid #dadada;
	}
	.title .game-list li {
		display: table;
		width: 100%;
		margin: 0 0 10px;
		background: #FFF;
		border: 1px solid #dadada;
	}
	.title .game-list li.caption {
		display: table;
		margin: 0;
		border:none;
		text-align: center;
		background: transparent;
	}
	.title .game-list li.caption p {
		padding-bottom:0;
		font-size: 75%;
		color: #2b2b2b;
	}
	.title .game-list li.caption p span {
		border: none;
	}
	.title .game-list li.caption div.cont dl dd {
		width: 33%;
		font-size: 75%;
		font-weight: normal;
	}
	.title .game-list li p, .title .game-list li .title-detail {
		display: table-cell;
		vertical-align: middle;
	}
	.title .game-list li p {
		width: 330px;
	}
	.title .game-list li .title-detail {
		padding: 0;
		border: none;
		background: transparent;
	}
	.title .game-list li .title-detail-inner {
		display: table;
		width: 100%;
	}
	.title .game-list li .title-detail-inner div {
		display: table-cell;
		height: 46px;
		vertical-align: middle;
	}
	.title .game-list li div dl dd.available span {
		display: inline-block;
		width: 26px;
		height: 26px;
		margin: 6px 0 0 0;
		line-height: 26px;
		background: url(../img/hexclip.png) no-repeat 50% 50%;
		-webkit-background-size: 100%;
		     -o-background-size: 100%;
		        background-size: 100%;
	}
	.title .cat-0 .game-list li div dl dd.available span {
		background-color: #84c000;
	}
	.title .cat-1 .game-list li div dl dd.available span {
		background-color: #0ba29a;
	}
	.title .cat-2 .game-list li div dl dd.available span {
		background-color: #0092b2;
	}
	.title .partner .game-list li div dl dd.available span {
		background-color: #ff7e00;
	}
	.title .game-list li div.devices {
		width: 130px;
	}
	.title .game-list li div.cont {
		width: 180px;
		text-align: center;
	}
	.title .game-list li div.cont dl dd {
		width: 33%;
		/*font-size: 150%; IEで○がはみ出す*/
		font-weight: bold;
	}
	.title .game-list li div.handout {
		width: 300px;
		padding: 0 5px 0 0;
	}
	.title .game-list li .title-detail dl {
		margin: 0;
	}
	.title .game-list li .title-detail .devices dl {
		width: 130px;
	}
	.title .game-list li .title-detail dt {
		display: none;
	}
	.title .game-list li div dl dd {
		padding: 1px 0;
		text-align:center;
	}
	.title h2.ttl {
		margin: 25px auto 20px;
		font-size: 125%;
		border: none;
	}
	.title h2.ttl:before {
		margin: -3px 10px 0;
		vertical-align: middle;
		width: 35px;
		height: 29px;
	}
}
	.booth-event .booth-outline .coming-soon {
		padding: 20px 20px;
		text-align: center;
	}
	.booth-event .booth-outline .coming-soon img{
		width: 100%;
		max-width: 320px;
	}

/* more than 360px */
@media only screen and (min-width: 360px){
}

/* more than 480px */
@media only screen and (min-width: 480px){
}
/* more than 768px */
@media only screen and (min-width: 768px){
}
/* more than 980px */
@media only screen and (min-width: 980px){
}