@charset "utf-8";
/* CSS Document */

body{margin: 0; padding: 0;}

@font-face{
	font-family: 'typicons';
	src: url('../fonts/typicons.eot');
	src: url('../fonts/typicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/typicons.woff') format('woff'),
		url('../fonts/typicons.ttf') format('truetype'),
		url('../fonts/typicons.svg#typicons') format('svg');
	font-weight: normal;
	font-style: normal;
	}

p{font-size: 1em; line-height: 1.4em; color: #434343;}
li{font-size: 1em; line-height: 1.4em; color: #434343;}
.bold{font-weight: bold;}
.center{text-align: center;}
.small{font-size: 0.9em; line-height: 1.2em;}
.red{color: #e60012;}

img{max-width: 100%;}

:hover{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
	}

a:hover img{opacity: 0.8;}

a:focus, *:focus{outline: none;}


/*IE用処理*/
header,nav,main,section,article,footer{display: block;}



/*------header------*/
nav{
	width: 100%;
	margin: auto;
	background-color: rgba(255,255,255,0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	}

#mainMenu{display: flex;}

ul#mainMenu{width: 100%; max-width: 1380px; margin: auto;}

#mainMenu li{
	flex: 0 1 15%;
	font-size: 1.4em;
	line-height: 0.8em;
	text-align: center;
	list-style: none;
	color: #0860a8;
	font-family: 'Titillium Web', sans-serif;
	}

	#mainMenu li:first-child{flex: 0 1 23%; padding: 1%;}
	#mainMenu li:first-child a{padding: 0!important;}
	

	#mainMenu li:hover{
		color: #FFF;
		text-shadow:0px 0px 4px #005982;
		background: #0860a8;
		}

	#mainMenu li.logo:hover{background: none!important;}

#mainMenu a{padding: 0.9em 0 0.6em; display: block;}
#mainMenu a span{font-size: 13px!important; font-weight: bold;}

#toggle{display: none;}



/*---メインビジュアル---*/

.swiper-wrapper .swiper-slide {
	display: block;
    background-position: center 80px;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 100vh;
	}

	.mainTitle01{background-image: url("../images/tgs/2019_mainvisual_01.jpg");}
	.mainTitle02{background-image: url("../images/tgs/2019_mainvisual_02.jpg");}
	.mainTitle03{background-image: url("../images/tgs/2019_mainvisual_03.jpg");}

	/*メインビジュアル周辺_個別設定*/
	@media only screen and (max-height: 1024px) {.swiper-wrapper .swiper-slide {height: 110vh;}}

	@media only screen and (max-width: 1600px) {.swiper-wrapper .swiper-slide {height: 85vh;}}
	@media only screen and (max-width: 768px) {.swiper-wrapper .swiper-slide {height: 50vh!important; background-position: top center;}}
	@media only screen and (max-width: 600px) {.swiper-wrapper .swiper-slide {height: 35vh!important;}}
	@media only screen and (max-width: 480px) {.swiper-wrapper .swiper-slide {height: 600px!important;}}
	@media only screen and (max-width: 375px) {.swiper-wrapper .swiper-slide {height: 450px!important;}}


/*---main---*/
main{}

#mainContents{
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	padding: 0 1em;
	}

#mainContents h2{
	width: 100%;
	height: 0;
	margin: 0 0 1em;
	padding-top: 2em;
	background-size: contain;
	overflow: hidden;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	}

	#NEWS h2{margin: 0!important; background-image: url(../images/tgs/2019_news_h2.png);}
	#LINEUP h2{background-image: url(../images/tgs/2019_lineup_h2.png);}
	#STAGE h2{background-image: url(../images/tgs/2019_stage_h2.png);}
	#GOODS h2{background-image: url(../images/tgs/2019_goods_h2.png);}
	#VISITOR_INFO h2{background-image: url(../images/tgs/2019_vinfo_h2.png);}

section#LINEUP,section#STAGE,section#GOODS,section#VISITOR_INFO{
	margin-top: -100px;
	padding-top: 100px;
	margin-bottom: 5em;
	}

/*ボタン*/
p.LinkButton{
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	}

p.LinkButton a{
	padding: 0.5em;
	border: solid 2px #0860a8;
	border-radius: 20px;
	color: #0860a8;
	background: #FFF;
	display: block;
	}
	
p.LinkButton a:hover{
	background: #0860a8;
	color: #FFF;
	}	

	.GoodsDetails p.LinkButton{margin: 1em 1em 0;}
	.GoodsDetails p.LinkButton a{padding: 0.25em 0.5em;}


/*NEWS*/
#NEWS{
	width: 100%;
	max-width: 1380px;
	margin: auto;
	padding-bottom: 5em;
	display: flex;
	flex-wrap: wrap;
	}

#NEWS div:first-child{flex: 0 1 58%; margin: 1%;}
#NEWS div:last-child{flex: 0 1 38%; margin: 1%;}

	@media only screen and (max-width: 480px) {
		#NEWS{width: 100%; margin: auto; flex-direction: column-reverse;}
		#NEWS div:first-child{flex: 0 1 100%; padding-top: 2em;}
		#NEWS div:last-child{flex: 0 1 100%;  margin: 0; padding: 0.5em;}
		}



.newsDetails{
	width: 96%;
	padding: 2em 2% 1em;
	margin: auto;
	background: rgba(255,255,255,0.8);
	box-shadow: 0px 2px 3px 0px #bff1ff;
	}

.newsDetails ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}

.newsDetails li{border-bottom: dotted 1px #979797;}
.newsDetails li a{padding: 1em; display: block;}
.newsDetails li a:hover{background-color: rgba(68,138,202,0.25);}

.newsDetails p{font-weight: bold;}
.newsDetails p:first-child{margin-bottom: 0.5em;}
.newsDetails p:last-child{color: #0860a8;}


/*LINEUP*/
#LINEUP div{display: flex; flex-wrap: wrap;}

#LINEUP article{
	flex: 0 1 32%;
	margin: 0.5%;
	display: flex;
	flex-wrap: wrap;
	}

#LINEUP article p:first-child{
	flex: 0 1 100%;
	padding: 0!important;
	background: none;
	}

#LINEUP article p{
	flex: 0 1 31%;
	margin: 0.5em 1% 0;
	padding: 0.5em;
	color: #FFF;
	text-align: center;
	background: #2c80c4;
	}


/*EVENT_LIVE*/
div.BusinessDay01,div.BusinessDay02,div.PublicDay01,div.PublicDay02{
	display: flex; flex-wrap: wrap;
	}

.EventDetails article{
	flex: 0 1 47%;
	margin: 0.35em 0.5%;
	padding: 1% 1% 1.5%;
	background: rgba(255,255,255,0.8);
	box-shadow: 0px 2px 3px 0px #c9c9c9;
	}

.EventDetails h3{
	margin: 0 0 0.75em;
	padding: 0.35em 0.75em;
	font-size: 1em;
	line-height: 1.4em;
	color: #FFF;
	}

	.BusinessDay01 h3{background-color: #89abdb;}
	.BusinessDay02 h3{background-color: #4196bd;}
	.PublicDay01 h3{background-color: #eb6876;}
	.PublicDay02 h3{background-color: #eb6100;}

.Live{
	width: 45%;
	margin-bottom: 1em;
	float: right;
	}

	@media only screen and (max-width: 1380px) {.Live{width: 55%;}}

.Live a{
	padding: 0.35em;
	font-weight: bold;
	font-size: 0.8em;
	text-align: center;
	display: block;
	color: #FFF;
	border-radius: 20px;
	background: #ff3019; /* Old browsers */
	background: -webkit-linear-gradient(#ff3019 0%, #cf0404 70%);
	background: -o-linear-gradient(#ff3019 0%, #cf0404 70%);
	background: linear-gradient(#ff3019 0%, #cf0404 70%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
	}

.Live a:hover{box-shadow:0px 0px 6px 2px #fdbcbc inset;}

p.Live + p{clear: right;}

.EventDetails h4{
	margin: 0 0.85em 1em;
	padding: 0.15em 0.5em;
	font-size: 1em;
	line-height: 1.4em;
	}

	.BusinessDay01 h4{border-left: solid 10px #89abdb; color: #5391de;}
	.BusinessDay02 h4{border-left: solid 10px #4196bd; color: #3394be;}
	.PublicDay01 h4{border-left: solid 10px #eb6876; color: #eb576f;}
	.PublicDay02 h4{border-left: solid 10px #eb6100; color: #e46202;}

.EventDetails h4 + p{margin: 0 1em 1em;}

.opening{
	margin-bottom: 1.25em;
	padding-bottom: 1em;
	border-bottom: solid 1px #d2d2d2;
	}

.EventDetails ul{margin: 0.5em 1.75em; padding: 0; list-style-type: square;}
.EventDetails li{margin-bottom: 0.25em;}
.EventDetails li span{font-size: 0.9em;}
.EventDetails ul br{display: none;}


.photo{display: flex; flex-wrap: wrap; padding: 0 1em;}
.photo p{flex: 0 1 24%; margin: 1% 0.5%;}


/*アコーディオン*/
.acd-check{display: none;}

.acd-label{
	font-weight: bold;
    color: #fff;
    display: block;
    margin-bottom: 0.5em;
    padding: 10px;
    position: relative;
	}

	.BD_01{background-color: #89abdb;}
	.BD_02{background-color: #4196bd;}
	.PD_01{background-color: #eb6876;}
	.PD_02{background-color: #eb6100;}

.acd-label:after{
    box-sizing: border-box;
    content: '\e007';
    display: block;
    font-family: 'typicons';
    height: 52px;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0px;
	}

.acd-content{
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
    }
    
.acd-check:checked + .acd-label + .acd-content{
	height: 100%;
    opacity: 1;
    padding: 10px;
    visibility: visible;
    }



/*GOODS*/
.GoodsDetails{padding-bottom: 1em; display: flex; flex-wrap: wrap;}
.GoodsDetails article{
	flex: 0 1 24%;
	margin: 0.35em 0.5%;
	padding-bottom: 1.5%;
	background: rgba(255,255,255,0.8);
	box-shadow: 0px 2px 3px 0px #c9c9c9;
	}

.GoodsDetails h5{
	margin: 1em;

	padding: 0;
	font-size: 1em;
	line-height: 1.4em;
	color: #0961a9;
	}

.goodslineup{max-width: 860px; margin: 0 auto;}

/*STAGE・GOODS共通*/
span.icon{
	width: 4em;
	display: inline-block;
	margin: 0.35em 1em;
	padding: 0.3em 0.5em;
	font-size: 0.9em;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	}

	.BusinessDay01 span.icon{background-color: #739fda;}
	.BusinessDay02 span.icon{background-color: #4097bd;}
	.PublicDay01 span.icon{background-color: #eb6877;}
	.PublicDay02 span.icon{background-color: #eb6100;}
	.GoodsDetails span.icon{background-color: #0961a9;}
	.present_info span.icon{width: 6em; background-color: #0961a9;}


/*VISITOR_INFO*/
#VISITOR_INFO h2 + div{
	padding: 2%;
	border-radius: 5px;
	background-color: rgba(9,97,169,0.1);
	}

.present_info{
	margin: 0.5%;
	padding: 1.5%;
	border-radius: 5px;
	background: #FFF;
	display: flex;
	flex-wrap: wrap;
	}

.present_info article{
	flex: 0 1 48%;
	margin: 0 1%;
	}

.present_info h3{
	flex: 0 1 100%;
	margin: 0 0 1em;
	padding: 0.25em 0.25em 0.5em;
	font-size: 1.5em;
	text-align: center;
	color: #0961a9;
	border-bottom: double #0961a9;
	}

.present_info article h4 + p{margin: 1em 1em 1.5em; text-align: center;}
.present_info article p:nth-child(4),.present_info article p:nth-child(6),.present_info article p:last-child{margin: 0.5em 1em;}
.present_info article + p{margin-top: 1em;}



.event_info{display: flex; flex-wrap: wrap;}

.booth_map{
	flex: 0 1 99%;
	margin: 0.5%!important;
	padding: 1.5%;
	border-radius: 5px;
	background: #FFF;
	}

.event_info article{
	flex: 0 1 46%;
	margin: 0.5%;
	padding: 1.5% 1.5% 3%;
	border-radius: 5px;
	background: #FFF;
	}

.event_info h3{
	margin: 0 0 1em;
	padding: 0.25em 0.25em 0.5em;
	font-size: 1.5em;
	font-weight: normal;
	color: #0961a9;
	border-bottom: double #0961a9;
	}

#VISITOR_INFO h4{
	margin: 2em 0 1em;
	padding: 0.15em 0.5em;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #0961a9;
	border-left: solid 10px #0961a9;
	}

	#VISITOR_INFO h3 + h4{margin: 0 0 1em!important;}
	.present_info h4{margin: 0 0 1em!important;}

.event_info h5{
	width: 8em;
	margin: 0 1em 0.5em;
	padding: 0.35em 0.5em;
	text-align: center;
	font-size: 0.9em;
	color: #FFF;
	}

	h5.Bday{background-color: #0860a8;}
	h5.Pday{margin: 1.5em 1em 0.5em!important; background-color: #d80011;}


.event_info ul{margin: 0 2em; padding: 0;}
.event_info li{margin-bottom: 0.35em;}
.event_info p{margin: 0 1em;}

.event_info li > ul{margin: 0.5em 1em 0!important; padding: 0 0 0.5em;}
.event_info li > ul{margin: 0.5em 0.5em 0!important;}

/*SNS*/
.sns ul{margin: 0; padding:0; text-align:center;}
	
.sns li{
	width:60px;
	height:60px;
	display:inline-block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	margin-left: 2%;
	margin-right: 2%;
	text-align: center;
	list-style-type:none;
	}
		
	.fb{border: solid 2px #3b579d;}
	.tw{border: solid 2px #55acee;}
	.ln{border: solid 2px #00cc00;}

	.fb:hover{background: rgba(59,87,157,0.7);}
	.tw:hover{background: rgba(85,172,238,0.7);}
	.ln:hover{background: rgba(0,204,0,0.7);}


.sns img{padding-top: 20.5%;}


/*---footer---*/
footer{
	margin-top: 5em;
	padding: 2em 0;
	color: #FFF;
	display: block;
	background: #4a4a4a;
	}

footer > section{
	width: auto;
	max-width: 1380px;
	margin: auto;
	padding: 0 1em 1em;
	}

	/*タイトーリンク*/
	ul.taitoLink{padding:1em 0 0;}
	
	ul.taitoLink li{
		font-size: 1.0em;
		margin-right: 1.0em;
		display: inline-block;
		}
	
	ul.taitoLink a{color: #FFF;}
	ul.taitoLink a:hover{color: #7ecef4;}

footer p:last-child{
	margin-top: 2em;
	padding-top: 2em;
	font-size:0.8em;
	color: #FFF;
	text-align: center;
	border-top: solid 1px #313131;
	}




@media only screen and (max-width: 800px) {
	
	
/*-----グローバルメニュー-----*/
nav{
	width: 100%;
	position: fixed;
	top: 0;
	right: 5px;
	background: none!important;
	}

	#toggle{
	display: block;
	text-align: left;
	position: relative;
	}
	
	#toggle a{
		color: #FFF;
		display: block;
		text-align: center;
		}
	
	#toggle a:after {
		padding: 5px 10px 5px;
		font-size: 1.5em;
		color: #FFF;
		font-family: 'typicons';
		content: '\e116';
		display: inline-block;
		position: absolute;
		top: 5px;
		right: 15px;
		box-shadow: 0px 0px 5px 0px #FFF;
		background: #1e5799; /* Old browsers */
		background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
		}

	
ul#mainMenu{display: none; background: rgba(255,255,255,0.8);}

	ul#mainMenu li{
		width: 100%;
		margin-top: 0;
        text-align: center;
        border-bottom: 1px solid #b5b5b5;
		}
    
	ul#mainMenu li:first-child img{width: 32%; height: auto; padding: 0.5em 0;}
	ul#mainMenu li:last-child img{width: 18%; height: auto; padding: 0.5em 0;}
	ul#mainMenu a{font-size: 0.9em; padding: 0.6em; display: block;}
	
	
/*---メインコンテンツ---*/
	
/*NEWS*/
.newsDetails{
	width: 86%;
	padding: 2em 2%;
	}

	#LINEUP article p{font-size: 0.7em;}

	
/*EVENT_LIVE*/
div.BusinessDay01,div.BusinessDay02,div.PublicDay01,div.PublicDay02{display: block;}
.EventDetails article{padding: 4%;}

/*GOODS*/
.GoodsDetails article{flex: 0 1 32%;}
	
/*VISITOR_INFO*/
.event_info{display: block;}
	
}



@media only screen and (max-width: 480px) {

/*---メインビジュアル---*/
.mainTitle01{background-image: url("../images/tgs/2019_mainvisual_01sp.jpg");}
.mainTitle02{background-image: url("../images/tgs/2019_mainvisual_02sp.jpg");}
.mainTitle03{background-image: url("../images/tgs/2019_mainvisual_03sp.jpg");}
	
.newsDetails{padding: 4%;}
	
/*LINEUP*/
#LINEUP div{display: block;}
#LINEUP article{margin-bottom: 1em;}
	

/*EVENT_LIVE*/
.EventDetails li{margin-bottom: 0.45em;}
.EventDetails ul br{display: block;}
.photo p{flex: 0 1 48%; margin: 1% 0.5%;}
.Live{width: 80%; float: none; margin-left: 20%;}

	
/*GOODS*/
.GoodsDetails article{flex: 0 1 48%;}
	
	
/*VISITOR_INFO*/
.present_info{margin-bottom: 0.5em; padding: 1em; display: block;}
.present_info article{padding: 2% 0; margin: 0.5em 1%;}

.present_info h3{
	font-size: 1.2em;
	line-height: 1.4em;
	}

.present_info article h4{font-size: 1em;}


.event_info article{
	margin: 0.5em 0.5%;
	padding: 4%;
	}
	
.event_info ul{margin: 0 1em; padding: 0;}

	
.booth_map{
	flex: 0 1 99%;
	margin: 0.5%!important;
	padding: 1.5%;
	border-radius: 5px;
	background: #FFF;
	overflow-x: scroll;
	overflow-y: hidden; 
	}
	
	.booth_map img{width: 950px; height: auto; max-width: none;}
	

/*---Footer---*/
ul.taitoLink li{display: block; margin-bottom: 0.5em;}
}




/*プレス用ページ*/
#press{
	background-image: url("../images/tgs/2019_main_bg.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	}

#press main{padding-top: 100px!important;}


/*プレスキット*/
#KIT div{display: flex; flex-wrap: wrap;}

#KIT h2{background-image: url(../images/tgs/2019_press_h2.png);}

#KIT h3{
	margin: 3em 0.85em 0;
	padding: 0.15em 0.5em;
	font-size: 1em;
	line-height: 1.4em;
	border-left: solid 10px #0860a8;
	color: #0860a8;
	}


#KIT article{
	flex: 0 1 32%;
	margin: 0.5%;
	}

#KIT p{
	margin: 0.5em;
	font-weight: bold;
	text-align: center;
	}

#KIT a{
	padding: 0.35em;
	display: block;
	color: #FFF;
	border: solid 2px #e60012;
	border-radius: 5px;
	background: #e60012;
	}

#KIT a:hover{
	color: #e60012;
	border: solid 2px #e60012;
	background: #FFF;
	}

.fs{
	max-width: 800px;
	margin: auto!important;
	text-align: center;
	}


/*リリース一覧*/
#press #NEWS{padding-top: 4em; display: block!important;}


.newsList{
	width: 92%;
	padding: 2em 2%;
	margin: auto;
	background: rgba(255,255,255,0.8);
	box-shadow: 0px 2px 3px 0px #bff1ff;
	}

.newsList ul{
	margin: 0.5em 0 0;
	padding: 0;
	list-style: none;
	}

.newsList li{
	padding: 1em;
	font-weight: bold;
	border-bottom: dotted 1px #979797;
	}

p.date{margin-bottom: 0.5em;}
p.date + p{color: #0860a8;}

.release_link{
	padding-top: 1em;
	display: flex;
	justify-content: flex-end;
	}

.release_link p{
	flex: 0 1 20em;
	margin: 0 0.5em;
	text-align: center;
	}

.release_link a{
	padding: 0.35em;
	display: block;
	color: #FFF;
	border: solid 2px #e60012;
	border-radius: 5px;
	background: #e60012;
	}

.release_link a:hover{
	color: #e60012;
	border: solid 2px #e60012;
	background: #FFF;
	}