/* CSS Document */

body#top {
    background: url(../images/top_new/bg.jpg) no-repeat center top #000;
}
#contents_new{
	background-color: rgba(0,0,0,0.7);
}
#contents_new_inner{
	width: 1280px;
	margin: 0 auto;
	padding-top: 20px;
}
.ttl_new{
	text-align: center;
	margin-bottom: 20px;
	padding: 20px;
	background-color: rgba(255,255,255,0.8);
}
.ttl_day_new{
	text-align: center;
	margin-bottom: 10px;
}
.list_artist_new{
    display: flex;
    display: -webkit-flex;
  -webkit-justify-content: center; /* Safari */
  justify-content:         center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    clear: both;
	text-align: center;
}
.block_day_new{
	margin-bottom: 30px;
}
.block_day_new:nth-last-of-type(1){
	margin-bottom: 0;
}
.list_artist_new li{
	width: 101px;
	margin: 0 3px 6px;
}
.list_artist_new li img{
	width: 100%;
}
.content_block_new{
	margin-bottom: 80px;
}
.box_setlist_new{
	width: 410px;
	float: left;
	margin-right: 25px;
}
.box_setlist_new:nth-last-of-type(1){
	margin-right: 0;
}
.table_setlist{
	width: 100%;
}
.table_setlist th,
.table_setlist td{
	border: 1px solid #c8c8c8;
	vertical-align: middle;
	padding: 5px;
	font-weight: normal;
}
.table_setlist th{
	color: #FFF;
	text-align: center;
	font-size: 16px;
	width: 5%
}
.table_setlist td{
	font-size: 13px;
	color: #3c3c3c;
	background-color: #FFF;
}
.ttl_setlist_new{
	font-size: 20px;
	font-weight: 700;
	padding-bottom: 5px;
}
.day1 .ttl_setlist_new{
	color: #FFF;
}
.day1 .table_setlist th{
	background-color: #e50012;
}
.day2 .ttl_setlist_new{
	color: #FFF;
}
.day2 .table_setlist th{
	background-color: #e50012;
}
.day3 .ttl_setlist_new{
	color: #FFF;
}
.day3 .table_setlist th{
	background-color: #e50012;
}
.mov_new{
	width: 560px;
	margin: 0 auto;
}
.mov_new .inner_new{
	position: relative;
	padding-top: 56.25%;
}
.mov_new .inner_new iframe{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.ttl_themesong_new{
	font-size: 16px;
	padding-top: 5px;
	color: #FFF;
}
.list_gallery_new{
    display: flex;
    display: -webkit-flex;
  -webkit-justify-content: center; /* Safari */
  justify-content:         center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    clear: both;
	text-align: center;
}
.list_gallery_new li{
	width: 128px;
}
#bn_new{
	text-align: center;
	margin-bottom: 80px;
}
#bn_new li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px;
}



@media (min-width:769px) {
	.sp{
		display:none !important;
	}
}
@media (max-width:768px) {
	.pc{
		display:none !important;
	}
	body#top{
		-webkit-text-size-adjust: 100%;
		background-size: 250% auto;
	}
	img{
		max-width:100%;
		height:auto;
	}
	.content_inner{
		width:100%;
	}
	#wrapper,
	#contents_new_inner{
		width: auto;
		min-width: 0;
	}
	#gnavi,
	#gnavi_top{
		display: none;
	}
	#pagetop {
		min-width: 0;
		padding: 5px 0;
	}
	#header {
		width: auto;
		margin: 0 auto;
		padding-top: 0;
		position: relative;
	}
	#header_inner_top h1 {
		float: left;
		width: 100px;
		padding: 15px 0 0 10px;
		padding-bottom: 10px;
	}
	#header_inner_top h2 {
		float: left;
		width: 150px;
		padding: 47px 0 0 10px;
	}
	#icon_list.clearfix{
		text-align:left;
		padding-top:5px;
		width:200px;
		float:none;
		position: absolute;
		left: 115px;
		top: 5px;
	}
	#icon_list.clearfix li{
		display:inline-block;
		*display:inline;
		*zoom:1;
		padding-left:5px;
		width: 28px;
	}
	#icon_list.clearfix li a,
	#icon_list.clearfix li img{
		display:block;
	}
	/*------------ 全体 ------------*/

	.drawer-hamburger {
		position: fixed;
		z-index: 104;
		top: 10px;
		right: 0;
		margin-right: 10px;
		display: block;
		box-sizing: content-box;
		width: 32px;
		height: 32px;
		padding: 0;
		-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		border: 0;
		outline: 0;
		background-color: transparent;
		background-image:url(../images/top_new/btn_menu.png);
		background-position: center center;
		background-size: 100% auto;
		background-repeat: no-repeat;
		z-index: 120;
	}
	.drawer-nav {
		position: fixed;
		margin-top: 0;
		z-index: 120;
		top: 0;
		overflow: hidden;
		width: 160px;
		right: -160px;
		height: 100%;
		color: #222;
		background-color: #000;
		-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.nav_cover{
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: rgba(0,0,0,0.7);
		z-index: 110;
		display: none;
	}
	.mobile_menu.active .drawer-hamburger{
		right: 160px;
		background-image:url(../images/top_new/btn_close.png);
		background-size: 20px auto;
	}
	.mobile_menu.active .drawer-nav {
		right: 0;
	}
	nav.drawer-nav {
	}
	ul.drawer-menu {
		margin: 0 0 0 15px;
	}

	ul.drawer-menu li {
		font-size: 120%;
		font-weight: bold; 
		margin: 10px 0 0px 0;
		border-bottom: 1px solid #aa000a; 
		border-bottom-style: dashed;
		padding-bottom: 5px;
	}

	ul.drawer-menu li .roboto {
		font-weight: 700;
		font-style: italic;
	}

	ul.drawer-menu li a {
		display: block;
		width:100%;
		height:100%;
		color: #FFF;
	}
	
	.ttl_new{
		text-align: center;
		margin-bottom: 15px;
		padding: 10px;
	}
	.ttl_new img{
		width: auto;
		height: 25px;
	}
	#artist_new .ttl_new img{
		/*height: 40px;*/
	}
	.ttl_day_new{
		text-align: center;
		margin-bottom: 10px;
	}
	.ttl_day_new img{
		width: auto;
		height: 30px;
	}
	#artist_new .inner_new{
		padding: 0 1%;
	}
	.inner_new{
		padding: 0 2%;
	}
	.list_artist_new{
		display: flex;
		display: -webkit-flex;
	  -webkit-justify-content: center; /* Safari */
	  justify-content:         center;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		clear: both;
		text-align: center;
	}
	.block_day_new{
		margin-bottom: 20px;
	}
	.block_day_new:nth-last-of-type(1){
		margin-bottom: 0;
	}
	.list_artist_new li{
		margin: 0 1% 2%;
		width: 31%;
	}
	.list_artist_new li img{
		width: 100%;
	}
	.content_block_new{
		margin-bottom: 20px;
	}
	.box_setlist_new{
		width: auto;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.box_setlist_new:nth-last-of-type(1){
		margin-right: 0;
		margin-bottom: 0;
	}
	.table_setlist{
		width: 100%;
	}
	.table_setlist th,
	.table_setlist td{
		border: 1px solid #c8c8c8;
		vertical-align: middle;
		padding: 5px;
		font-weight: normal;
	}
	.table_setlist th{
		color: #FFF;
		text-align: center;
		font-size: 16px;
		width: 5%
	}
	.table_setlist td{
		font-size: 13px;
	}
	.ttl_setlist_new{
		font-size: 16px;
		font-weight: 700;
		padding-bottom: 5px;
		text-align: center;
	}
	.mov_new{
		width: 100%;
		margin: 0 auto;
	}
	.mov_new .inner_new{
		position: relative;
		padding-top: 56.25%;
	}
	.mov_new .inner_new iframe{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}
	.ttl_themesong_new{
		font-size: 14px;
		padding-top: 5px;
	}
	.list_gallery_new{
		display: flex;
		display: -webkit-flex;
	  -webkit-justify-content: center; /* Safari */
	  justify-content:         center;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		clear: both;
		text-align: center;
	}
	.list_gallery_new li{
		width: 33.33%;
	}
	.list_gallery_new li img{
		width: 100%;
	}
	#bn_new.clearfix{
		/*background-color: #FFF;*/
		width:auto;
		margin:0;
		margin-bottom: 20px;
	}
	#bn_new.clearfix ul {
		width: auto;
	}
	#bn_new.clearfix li{
		padding: 5px 0;
		float: left;
		width: 50%;
		margin: 0;
		text-align: center;
	}
	#bn_new.clearfix li:nth-child(odd){
		clear: both;
	}
	#bn_new.clearfix li:nth-child(even){
		float: right;
	}
	#bn_new.clearfix li:last-child{
		margin-right: 0;
	}
	#bn_new.clearfix li a,
	#bn_new.clearfix li img{
		display:block;
		vertical-align:top;
	}
	#bn_new.clearfix li img{
		display: inline;
		height: 40px;
	}
	#bn_new.clearfix li a{
		display: block;
		width: 100%;
	}
	#footer {
		background-size: auto 100%;
		height: auto;
		padding-bottom: 20px;
	}
	#footer_list{
		text-align: center;
		font-size: 0;
	    padding-top: 5%;
	}
	#footer_list li {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		margin: 1% 1%;
		width: 31.33%;
	}
	#footer_list li img {
		height: 24vw;
		width: auto;
	}
	#footer_list li a {
		display: block;
		position: relative;
	}
	address {
		text-align: center;
		padding-top: 20px;
	}
}