@charset "UTF-8";

/*=====body=====*/
body {
	background-image: url(../images/bg_top_sp2.jpg) ;
	line-height: 1.8;
}
/*背景効果*/
#bg-canvas {
	z-index: -1; /* 背景に配置 */
}
/*=====Header=====*/
header {
	padding: 0 4%;
	margin: 0 auto 2rem auto;
}
header .logo {
	margin: 0 auto;
	padding-top: 3.6rem;
}

/*=====Main＆Section=====*/
section{
}
main {
}

/*=====タイトル=====*/
h2 {
	margin-bottom: 1em;
}
h2 img{
	width: auto;
	max-height: 48px;
}
h3 {
	text-align: center;
	text-shadow: 0px 0px 5px #ea00ff;
	line-height: 1.5;
}
h4 {
	color: #55eeee;
	line-height: 1.5;
}

/*=====コンテンツ=====*/
.contents{
	padding: 1rem 4%;
	background-color: rgba(0,0,0,0.5);
	text-align: left;
	border: 1px solid #FFF;
}
.contents+.contents{
	margin-top: 2rem;
}
.contents h3, .container h3{
	text-align: center;
	margin-top: 3em;
	margin-bottom: 1.5em;
}
.contents h3:first-child{
	margin-top: 0;
}
.contents h4{
	margin-top: 2em;
}
.contents h4:first-child{
	margin-top: 0;
}
.contents h5{
	border-left: 5px solid #55eeee;
	padding-left: 0.5em;
	margin-top: 2em;
	line-height: 1.5;
}
.contents p+p{
	margin-top: 1em;
}
.contents h4+h5{
	margin-top: 0;
}

/*=====箇条書き=====*/
.list, .list2, .list3 {
	list-style-type: none;
	margin-top: 0.5em;
}
.list li, .list2 li, .list3 li {
	margin-left: 1em;
	position: relative;
}
.list li+li{
	margin-top: 0.2em;
}
.list2 li+li{
	margin-top: 0.8em;
}
.list3 li+li{
	margin-top: 0;
}
.mark li {
	text-indent:-1em;
	list-style-type: none;
}
.list p img{
	margin: 15px auto;
}
.paragraph {
	margin: 1em 0;
}

/*=====注意=====*/
.caution{
	background-color: rgba(0,0,0,0.5);
	border: 1px solid #ff55bd;
	padding: 1em;
	margin: 1em auto;
}
.caution h4{
	margin-bottom: 1em;
	color: #ff0;
	font-size: 120%;
	text-align: center;
}

/*=====余白=====*/
.last-column {
	margin-top: 2em;
	margin-bottom: 4em;
}
.no-margin-top {
	margin-top: 0;
}
.margin-btm-1em {
	margin-bottom: 1rem;
}
.margin-btm-2em {
	margin-bottom: 2rem;
}
.margin-btm-3em {
	margin-bottom: 3rem;
}
.margin-top-1em {
	margin-top: 1em;
}
.margin-top-2em {
	margin-top: 2em;
}
.margin-top-3em {
	margin-top: 3em;
}

/*=====ボタン=====*/
.btn {
	vertical-align: top;
}
a.btn, .btn a, p.btn {
	text-align: center;
	box-sizing: border-box;
	display: block;
	margin: 5px 0;
	padding: 0.8em 2em 0.8em 1em;
	color: #FFF;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-decoration: none;
	position: relative;
	line-height: 1.5em;
	border-radius: 5px;
	border: 1px solid #FFF;
	background-image: url("../images/btn_bg.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-size: contain;
	-webkit-background-size: contain;
}
a.btn::after, .btn a::after {
	font-family: 'Material Icons';
	font-weight: 400;
	content: "\e5cc";
	position: absolute;
	top: 51%;
	right: 8px;
	transform: translateY(-51%);
	-webkit- transform: translateY(-51%);
	z-index: 10;
}
a.btn+a {
	margin-top: 12px;
}
.btn p {
	background-image: none;
	text-shadow: none;
}	
a.btn:hover, .btn a:hover {
	opacity: 1;
	box-shadow: 0 0 8px #ea00ff, 0 0 8px #ea00ff inset;
}
a.btn span, p.btn span {
	display: block;
	color: #ff0;
	font-size: 85%;
}
a.btn span.member-web {
}
/*a.member-web, .member-web a {
	background-color: #289bf5;
}*/
a.back, p.back { /*アンケート戻るボタン*/
	background: #666;
}
a.back:hover{ /*アンケート戻るボタン*/
}
/*ダウンロードボタン*/
.btn_dl {
	height: 70px;
	width: auto;
	margin: 0.5em;
}

/*=====INFORMATION=====*/
#infoArea ul li a, #infoArea ul li p{
	background-color: rgba(1,0,68,0.3);
}


/*=====ABOUT=====*/
#about .contents {
	margin-bottom: 4em;
}
.intro{
	font-weight: 500;
	line-height: 1.8em;
	margin-bottom: 4em;
}
.intro p+p{
	margin-top: 1.5em;
}
.btn_access{
	margin-left: 20px;
	max-height: 25px;
}
/*概要*/
.outline {
	padding:  0;
}
ul.list_outline {
	padding: 1rem;
	border: 1px solid #FFF;
}
ul.list_outline li {
	display: block;
	letter-spacing: normal;
	line-height: 1.5em;
	text-align: left;
	box-sizing: border-box;
	padding: 0.8em 0;
}
ul.list_outline li+li {
	border-top: 1px solid #FFF;
}
ul.list_outline li p {
	box-sizing: border-box;
}
ul.list_outline li p:first-child {/*見出し*/
	width: auto;
	font-weight: 600;
	vertical-align: top;
	color: #55eeee;
}
ul.list_outline li p:last-child {
	width: auto;
	vertical-align: top;
}

/*=====NEWS=====*/
#news .contents {
	border: 1px solid #FFF;
}
#news .contents h3{
	margin-top: 0;
	padding-bottom: 1em;
	text-align: left;
	border-bottom: 1px solid #FFF;
}
.news_article img {
	margin: 5px 0;
	width: auto;
	max-width: 100%;
	height: auto;
}
.news_article p+p{
	margin-top: 1.5em;
}
.news_date {
	font-size: 90%;
}

/*=====ATTEINTION=====*/
#attention h4{
/*	color: #39f2fe;*/
	margin-bottom: 0.5em;
}
#attention a.btn span {
	display: inline-block;
}
.update {
	font-size: 80%;
	text-align: right;
	margin-bottom: 2em;
}
.gl_icon, .gl_text{
	display: block;
	vertical-align: top;
	letter-spacing: normal;
	margin-bottom: 1em;
	width: 100%;
}
.gl_icon{
	text-align: center;
	margin-top: 3em;
	padding-top: 1em;
}
.gl_icon img{
	max-width: 30%;
}
#attention .gl_text h5{
	color: #55eeee;
	border-left: none;
}

/*=====AREA MAP=====*/
#areamap .container p+p{
	margin-top: 2rem;
}
#attention .payment{
	margin-top: 0.5rem;
}

/*=====ACCESS=====*/
#access p {
}
#access h4{
}
#access .btn {
	margin-top: 0.5rem;
}
.map {
	border: 2px solid #FFF;
	margin: 1rem auto;
}
.map iframe {
	max-width: 1000px;
	height: 300px;
	margin: 0px auto;
	vertical-align: top;
}

/*=====FAQ=====*/
#faq h4{
}
#faq .contents h4:first-child{
	margin-top: 0;
}
#faq .btn {
	margin-top: 5px;
}
#faq .item_bnr{
	max-width: 300px;
}

/*=====ARTISTS=====*/
#artistArea h3 {
	text-align: center;
	margin: 1em auto;
}
#artistArea h3 img {
	height: 26px;
	width: auto;
}

/*出演アーティスト*/
ul.artist {
	list-style-type: none;
	margin: 2% auto;
	width:100%;
	box-sizing: border-box;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-webkit-flex-pack:justify;
	-moz-flex-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
ul.artist li{
	width: 49.0%;
	text-align: center;
	vertical-align: top;
	margin-bottom: 20px;
	padding: 0;
}
ul.artist::after{
	content :"";
	display :block;
	width: 49.0%;
}
ul.artist::before{
	content :"";
	display :block;
	width: 49.0%;
	order:1;
}
ul.artist li img{
	width: 100%;
	display: block;
	margin-bottom: 5px;
}
ul.artist li.new a::before{ /*newアイコン*/
	content: "";
	display: block;
	background: url(../images/icon_new.png) no-repeat center center;
	-webkit-background-size: contain;
	z-index: 100;
	position: absolute;
	top: -8px;
	left: 3px;
	width: 14.5%;
	height: 8.7%;
	/*max-width: 45px;*/
	font-size: 0;
	z-index: 100;
}
ul.artist li b{
	font-size: 110%;
	line-height: 1.2em;
	width: 94%;
	margin: 0.8em 0;
	position: relative;
	text-shadow: 0 0 3px #000;
}
ul.artist li a{
	display: block;
	color: #FFF;
	position: relative;
	text-decoration: none;
}
ul.day1 li b{
}
ul.day2 li b{
}
ul.artist li a:hover{
	text-decoration: none;
}
.andmore {
	text-align: center;
	margin-bottom: 2rem;
	font-size: 110%;
	font-weight: 700;
}
/*.andmore img{
	max-width: 100px;
}*/
/*日付タイトル*/
.ttl_date{
	display: block;
	padding: 30px 0 10px 0;
	margin-bottom: 10px;
	text-align: center;
}
.ttl_date img{
	max-height: 20px;
	width: auto;
	border-bottom: 8px solid #ffee00;
}


/*コンテンツの表示切り替え*/
.tabBox {
	display: block;
	animation-name: displayAnime;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	margin-bottom: 4%;
	margin-top: -100px;
	padding-top: 100px;
}
.tabBox.disnon {
	display: none;
	opacity: 0;
}
@keyframes displayAnime{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/*日付タブボタン*/
.tabDay{
	margin: 0 auto;
	position: relative;
	z-index: 10;
}
.tabDay ul{
	list-style-type: none;
	margin: 10px auto;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-webkit-flex-pack:justify;
	-moz-flex-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.tabDay li{
	cursor: pointer;
	box-sizing: border-box;
	width: 49%;
	text-align: center;
}
.tabDay li a{
	display: block;
	-webkit-transition: none;
	transition: none;
	line-height: 1.2;
	border: 1px #FFF solid;
	padding: 0.6em 1.2em;
	font-size: 140%;
	font-weight: 600;
	color: #FFF;
	position: relative;
	text-align: center;
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	box-shadow: 0 0 8px #ea00ff, 0 0 8px #ea00ff inset;
	text-shadow: 0 0 8px #ea00ff;
	background-color: rgba(0,0,0,0.5);
}
.tabDay li a:hover {
	opacity: 1;
	box-shadow: 0 0 15px #ea00ff, 0 0 30px #ea00ff inset;
}
.tabDay li.active a {
	opacity: 1;
	background-image: url("../images/btn_bg.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-size: contain;
	-webkit-background-size: contain;
	box-shadow: 0 0 8px #ea00ff, 0 0 8px #ea00ff inset;
	text-shadow: none;
}
.tabDay li.active a::after {
	font-family: 'Material Icons';
	content: "\e313";
	font-weight: 400;
	font-size: 28px;
	position: absolute;
	top: 51%;
	right: 0px;
	transform: translateY(-51%);
	-webkit- transform: translateY(-51%);
	z-index: 10;
}
.tabDay li img{
	max-height: 24px;
	width: auto;
	margin: 0 auto;
}
.tabDay li.active{
}
/*ボタン3つ*/
.tabDay .btn_three li{
	width: 32%;
	margin-top: 0;
	margin-bottom: 1em;
}
.tabDay .btn_three li a{
	font-size: 100%;
}
.tabDay .btn_three li.active a{
}
ul.btn_areamap li img{
	width: auto;
	max-height: 100%;
	max-width: 96%;
}
.tabDay ul.btn_date li a {
}
.tabDay ul.btn_date li.active a {
}

/*=====TICKET=====*/
#ticket .contents {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
#ticket .tabDay li img{
	max-height: 35px;
	width: auto;
}

.ticketinfo {
	margin: 2rem auto;
	padding-bottom: 1rem;
	font-size: 115%;
	font-weight: 600;
	text-align: center;
	text-shadow: 0px 0px 5px #ea00ff;
	border-bottom: 1px solid #FFF;
}
.ticketinfo img {
	width: 100%;
	height: auto;
}
/*チケット料金*/
.ticketPrice{
	width: 100%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-webkit-flex-pack:justify;
	-moz-flex-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
}
.ticketPrice ul{
	list-style: none;
/*	flex-direction: column;*/
	box-sizing: border-box;
	margin: 1rem 0;
	padding: 0;
	width: 100%;
	border: 1px solid #FFF;
	background-color: rgba(0,0,0,0.5);
}
.ticketPrice ul:last-child{
}
.ticketPrice ul li{
	box-sizing: border-box;
	padding: 0;
	padding: 0.8em 0;
	margin: 0 1.2em;
}
.ticketPrice ul li:last-child{
	border-top: 1px solid #FFF;
}
.ticketPrice ul li.border-none{
	border-top: none;
}
.ticketPrice ul li.index {
	text-align: center;
	border-bottom: 1px solid #FFF;
	font-weight: 600;
	margin: 0;
}
.ticketPrice ul li p {
	display: inline-block;
	/*background-image: linear-gradient(90deg, rgba(40, 155, 245, 0.6) 10%, rgba(112, 199, 106, 0.6) 50%, rgba(250, 21, 84, 0.6) 90%);*/
}
.ticketPrice ul li p:first-child {
	width: 49%;
}
.ticketPrice ul li p:last-child {
	width: 49%;
}
.ticketPrice .icon_closed{
	background-color: #e60000;
	display: inline-block;
	padding: 0 0.5em 0.1em 0.5em;
	font-size: 80%;
	vertical-align: middle;
	margin-left: 8px;
}


/*販売スケジュール*/
.ticketDetail {
	border: 1px solid #FFF;
	background-color: rgba(0,0,0,0.5);
}
ul.ticketStatus{
	list-style: none;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-webkit-flex-pack:justify;
	-moz-flex-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start;
	box-sizing: border-box;
	width: 100%;
}
ul.ticketStatus li{
	padding: 0.5em;
	box-sizing: border-box;
	text-align: left;
}
ul.ticketStatus li:first-child { /*.icon_status*/
	width: 22%;
}
ul.ticketStatus li:nth-child(2) {
	width: 78%;
	position: relative;
}
ul.ticketStatus li.ticketDate p {
	display: block;
	width: 100%;
	vertical-align: middle;
}
.pending {
	padding: 1.5em 1em;
	border: 1px solid #FFF;
}
ul.ticketStatus.entry{
	font-weight: 600;
}
ul.ticketStatus li.icon_status p {
	text-align: center;
	color: #FFF;
	padding: 1.0em 0em;
}
ul.ticketStatus.entry li.icon_status p {
	background-color: #f133a1;
}
ul.ticketStatus.later li.icon_status p {
	background-color: rgba(255,255,255,0.5);
}
ul.ticketStatus.closed li.icon_status p {
	background-color: #494949;
	color: #9e9e9e;
}
/*トレード*/
.ticketTrade {
	list-style: none;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-webkit-flex-pack:justify;
	-moz-flex-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	background-color: rgba(255,255,255,0.3);
	padding: 0.8em 1.2em;
	margin-bottom: 2rem;
	font-size: 110%;
}
.ticketTrade dt {
	width: 100%;
	font-weight: 600;
	padding-bottom: 0.8em;
}
.ticketTrade dd {
	width: 100%;
}
.ticketTrade dt+dd {
	border-top: 1px solid #FFF;
	padding-top: 0.8em;
}
/*アコーディオンボタン*/
.btn_detail {
	cursor: pointer;
	position: relative;
	background-color: rgba(0,0,0,0.4);
	/*border-bottom: 1px solid #FFF;*/
}
.btn_pending {
	background-color: rgba(0,0,0,0.4);
}
.btn_detail img {
	width: auto;
	max-height: 55px;
}
.btn_detail::after{
	content: "\e145";
	font-family: 'Material Icons';
	font-size: 120%;
	font-weight: 700;
	color: #FFF;
/*	background-color: rgba(255,255,255,0.3);*/
	position: absolute;
	right: 5px;
	top: 5px;
/*	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);*/
	margin: auto;
	z-index:3;
	padding: 0.4em;
	text-align: center;
}
.btn_detail.open::after{
	content: "\e5cd";
	position: absolute;
	right: 5px;
	z-index:3;
}

.btn_detail_op {
	cursor: pointer;
	position: relative;
	/*background-image: linear-gradient(90deg, rgba(40, 155, 245, 0.6) 10%, rgba(112, 199, 106, 0.6) 50%, rgba(250, 21, 84, 0.6) 90%);*/
	background-color: rgba(0,0,0,0.4);
}
.btn_detail_op::after{
	content: "\e145";
	font-family: 'Material Icons';
	font-size: 120%;
	color: #FFF;
/*	background-color: rgba(255,255,255,0.3);*/
	position: absolute;
	right: 5px;
	top: 5px;
	/*	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);*/
	margin: auto;
	z-index:3;
	padding: 0.4em;
	text-align: center;
	/*border-radius: 3px;*/
}
.btn_detail_op.open::after{
	content: "\e5cd";
	position: absolute;
	right: 5px;
	z-index:3;
}
.detail, .detail_op{
	background-color: rgba(0,0,0,0.4);
	padding: 1em;
}

/*=====ポップアップ=====*/
#popup .contents{
	background-color: rgba(0,0,0,0.9);
	border: 2px solid #FFF;
	margin-bottom: 0;
}
#popup h3{
	margin-top: 0em;
	margin-bottom: 1em;
}
#popup h4{
	color: #39f2fe;
}

/*=====GOODS=====*/
#goods .contents {
	text-align: center;
}
#goods .align-left{
	text-align: left;
}
#goods h3{
	text-align: center;
	margin-top: 3em;
	margin-bottom: 1.5em;
}
#goods h3:first-child{
	margin-top: 0;
}
#goods h4{
	margin-top: 2em;
}
#goods h4:first-child{
	margin-top: 0;
}
#goods p+p{
	margin-top: 1em;
}
.item, .item2 {
	max-width: 100%;
	padding: 10px 10px 40px 10px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	box-sizing: border-box;
	margin: 0 auto;
}
.item img {
	/*max-height: 200px;*/
	width: 100%;
	height: auto;
}
.item_bnr {
	max-width: 100%;
	margin: 0 auto 5% auto;
	display: block;
	text-align: center;
}
#goods .ttl2{
	width: 124px;
	margin: 0;
}
.item img, .item2 img {
	margin-top: 10px;
}

/*=====TIME TABLE=====*/
#ttArea .container p {
	margin-top: 2em;
}

/*=====インフォメーション=====*/
#info h4 {
	color: #39f2fe;
}
#info h5 {
	background-color: rgba(255,255,255,0.2);
	text-align: center;
	padding: 1em;
	margin-top: 2rem;
	border-top: 1px solid #FFF;
}
.list_info {
	list-style: none;
	margin: 0 auto 1rem auto;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-webkit-flex-pack:justify;
	-moz-flex-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.list_info dt {
	width: 100%;
	font-weight: 700;
	padding: 1.0em 2% 0 2%;
	box-sizing: border-box;
}
.list_info dd {
	width: 100%;
	padding: 0 2% 1.0em 2%;
	box-sizing: border-box;
}
.list_info dd+dt {
	border-top: 1px solid #808080;
}
.list_info ul {
	margin-top: 0;
	list-style-type: none;
}
/*
#info .ticketPrice ul{
	font-size: 100%;
	text-align: center;
	align-items: stretch;
}
#info .ticketPrice ul+ul {
	border-top: 1px solid #ddd;
}
#info .ticketPrice ul li+li {
	border-top: none;
	border-left: 1px solid #ddd;
}
#info .ticketPrice ul:last-child{
	border-bottom: none;
}
#info .ticketPrice ul.index{
	font-size: 100%;
	border-top: none;
}
*/
/*=====物販整理券=====*/
ul.goods_ticket_img{
	list-style: none;
	margin: 10px auto;
	text-align: left;
	font-size:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-webkit-flex-pack:justify;
	-moz-flex-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
}
ul.goods_ticket_img li{
	text-align: center;
	vertical-align: top;
	width: 48%;
	margin: 0 0 40px 0;
	position: relative;
	letter-spacing: normal;
	font-size: 14px;
	box-sizing: border-box;
}
ul.goods_ticket_img p{
	line-height: 1.5;
	font-weight: bold;
	text-align: left;
	margin-top: 1em;
	margin-left: 1em;
	text-indent:-1em;
}
ul.goods_ticket_img img{
}
ul.goods_ticket_img.justify-center{
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
}
ul.goods_ticket_img.justify-center li+li{
	margin-left: 4%;
}
.goods_number img {
	margin-top: 3em;
}



/* タブレットレイアウト : 481 px 〜 768 px。モバイルレイアウトからスタイルを継承。 */
@media only screen and (min-width: 641px) {
	/*=====Header=====*/

	/*=====ボタン=====*/
	.btn{
		vertical-align: top;
		width: auto;
		min-width: 300px;
		max-width: 100%;
	}
	a.btn, p.btn {
		display: inline-block;
	}
	a.btn+a {
		margin-top: 5px;
		margin-left: 20px;
	}
	a.btn, .btn a, p.btn {
		padding: 1em 2.5em 1em 2em;
	}

	/*=====ARTISTS=====*/
	#artistArea h3 img {
		height: 30px;
	}
	ul.artist li{
		width: 31.3%;
		padding: 0;
		margin-bottom: 30px;
	}
	ul.artist::after, ul.artist::before{
		width: 31.3%;
	}
	ul.artist li.new a::before{ /*newアイコン*/
	/*	max-width: 60px;*/
	}
	ul.artist li b{
		font-size: 100%;
	}
	.andmore {
		font-size: 120%;
	}
	/*日付タブボタン*/
	.tabDay li img{
		max-height: 32px;
	}
	/*ボタン3つ*/
	.tabDay .btn_three li a{
		font-size: 110%;
	}
	
	/*=====TICKET=====*/
	.ticketPrice ul{
		width: 48.5%;
	}
	.ticketPrice ul li{
		margin: 0 1.5em;
	}
	.ticketPrice ul.index li.member{
	}

	/*=====GOODS=====*/
	.item_bnr {
		max-width: 60%;
	}
	
	/*=====物販整理券=====*/
	ul.goods_ticket_img li{
		width: 28%;
	}
	ul.goods_ticket_img.justify-center li+li{
		margin-left: 2%;
	}
	/*=====グッズレイアウト＆呼出番号=====*/
	.goods_layout {
		max-width: 80%;
		margin: 0 auto;
	}
}


/* デスクトップレイアウト : 769 px 〜最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */
@media only screen and (min-width: 835px) {
	/*=====body=====*/
	body {
		background-image: url(../images/bg_top2.jpg) ;
	}

	/*=====Main＆Section=====*/

	/*=====Header=====*/
	header {
		margin: 0 auto 3rem auto;
	}
	header .logo {
		padding-top: 1.4rem;
		max-width: 80%;
		position: relative;
		z-index: 1;
	}
	/*=====タイトル=====*/
	h2 {
		margin-bottom: 2em;
	}
	h2 img{
		max-height: 65px;
	}
	
	/*=====Navigation=====*/
	nav {
	}

	/*=====コンテンツ=====*/
	.contents{
		padding: 3em 4%;
	}
	.contents+.contents{
		margin-top: 5rem;
	}
	.contents h3{
		margin-top: 4em;
		margin-bottom: 2em;
	}
	/*=====余白=====
	.last-column {
		margin-top: 4em;
		margin-bottom: 4em;
	}
	.margin-top {
		margin-top: 4em;
	}
	*/
	.caution{
		padding: 3em;
	}

	/*=====ボタン=====*/
	a.btn, .btn a, p.btn {
		font-size: 110%;
	}
	
	/*=====ABOUT=====*/
	#about .contents {
	}
	.intro{
		font-size: 110%;
	}
	/*概要*/
	.outline {
	}
	ul.list_outline {
		padding: 1rem 2em;
	}
	ul.list_outline li {
		padding: 0;
	}
	ul.list_outline li p {
		letter-spacing: normal;
		line-height: 1;
		display: inline-block;
		padding: 1.8em 4%;
		vertical-align: top;
	}
	ul.list_outline li p:first-child {
		width: 20%;
	}
	ul.list_outline li p:last-child {
		width: 78%;
	}
	.contents ul.list_outline p+p{
		margin-top: 0;
	}
	ul.list_outline li span {
		letter-spacing: normal;
	}

	/*=====TICKET=====*/
	#ticket .container {
		margin-bottom: 5rem;
	}
	#ticket .tabDay li img{
		max-height: 48px;
		width: auto;
	}
	.ticketinfo {
		margin: 4rem auto;
		font-size: 160%;
	}
	/*チケット料金*/
	.ticketPrice{
	}
	.ticketPrice ul{
		/*flex-direction: row;*/
		font-size: 120%;
	}
	.ticketPrice ul li{
/*		width: 25%;*/
		padding: 0;
		padding: 1.0em 1.5em;
	}
	.ticketPrice ul li:first-child{
	}
	.ticketPrice ul li.index{
		font-size: 110%;
	}
	/*販売スケジュール*/
	.ticketDetail {
		border: 1px solid #FFF;
		background-color: rgba(0,0,0,0.5);
	}
	ul.ticketStatus{
	}
	ul.ticketStatus li{
		padding: 1em;
	}
	ul.ticketStatus li:first-child { /*.icon_status*/
		width: 15%;
	}
	ul.ticketStatus li:nth-child(2) {
		width: 85%;
	}
	ul.ticketStatus li.ticketDate p {
		display: inline-block;
		width: 48%;
	}
	ul.ticketStatus.entry {
		font-size: 110%;
	}
	.pending {
		padding: 2.0em;
	}
	/*トレード*/
	.ticketTrade dt, .ticketTrade dd {
		width: 50%;
	}
	.ticketTrade dt {
		width: 50%;
		padding-bottom: 0;
	}
	.ticketTrade dd {
		width: 50%;
	}
	.ticketTrade dt+dd {
		border-top: none;
		padding-top: 0;
	}

	/*アコーディオンボタン*/
	.btn_detail {
	}
	.btn_detail img {
		width: auto;
		max-height: 55px;
	}
	.btn_detail::after{
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		padding: 0.6em 1em;
	}
	.btn_detail.open::after{
		right: 20px;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		padding: 0.6em 1em;
	}
	ul.ticketStatus{
		display: table;
	}
	ul.ticketStatus li{
		display: table-cell;
		vertical-align: middle;
	}
	ul.ticketStatus.entry li.icon_status{
		}
	.btn_detail_op::after{
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		padding: 0.6em 1em;
		/*width: 66px;
		height: 50px;*/
	}
	.btn_detail_op.open::after{
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		padding: 0.6em 1em;
		/*width: 66px;
		height: 50px;*/
	}
	.detail, .detail_op{
		padding: 2em;
	}

	/*=====GUIDELINE=====*/
	.gl_chui{
		letter-spacing: -0.4em;
	}
	.gl_icon, .gl_text{
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		margin-bottom: 1em;
	}
	.gl_icon{
		width: 12%;
		margin-top: 1em;
		margin-right: 2%;
		text-align: left;
		padding-top: 0;
		border-top: none;
	}
	.gl_icon img{
		max-width: 100%;
	}
	.gl_text{
		width: 86%;
	}
	.gl_list li p{
		text-align: center;
	}
	.gl_list li p img{
		max-width: 500px;
	}
	.gl_list li+li{
	}
	.gl_list li ol{
		margin-left: 0.5em;
		margin-top: 0.5em;
	}
	.gl_list ol li+li{
		margin-top: 0.5em;
	}
	.gl_caution{
		padding: 1.5em;
	}

	/*=====ARTISTS=====*/
	#artistArea h3 img {
		height: 36px;
	}
	ul.artist li{
		margin-bottom: 40px;
	}
	ul.artist li img{
		margin-bottom: 8px;
	}
	ul.artist li.new a::before{ /*newアイコン*/
	/*	max-width: 60px;*/
	}
	ul.artist li b{
		font-size: 130%;
	}
	.tabDay ul{
		margin: 2rem auto;
	}
	.tabDay li a{
		padding: 0.8em 0;
	}
	.tabDay li a::after {
		right: 20px;
	}
	/*ボタン3つ*/
	.tabDay .btn_three li a{
		font-size: 120%;
	}
	ul.btn_areamap li img{
		max-height: 24px;
	}
	
	/*=====NEWS=====*/
	#news .contents h3{
		text-align: center;
	}
	.news_date {
		text-align: center;
	}
	
	/*=====INFORMATION=====*/
	.list_info dt {
		width: 25%;
		padding: 1.2em 3%;
	}
	.list_info dd {
		width: 75%;
		padding: 1.2em 3%;
		box-sizing: border-box;
	}
	.list_info dt+dd {
		border-top: 1px solid #808080;
	}
	.list_info dd:nth-child(2) {
		border-top: none;
	}
	#info .ticketPrice ul li:first-child{
		text-align: center;
	}
	
/*		.ticketPrice ul{
		list-style: none;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-pack:justify;
		-moz-box-pack:justify;
		-webkit-flex-pack:justify;
		-moz-flex-pack:justify;
		-ms-flex-pack:justify;
		-webkit-justify-content:space-between;
		-moz-justify-content:space-between;
		justify-content:space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: center;
		flex-direction: column;
		box-sizing: border-box;
		font-size: 110%;
		padding: 0;
		width: 100%;
	}
	.ticketPrice ul li{
		box-sizing: border-box;
		text-align: center;
		width: 35%;
		padding: 0.8em 0.5em;
	}
	.ticketPrice ul li:first-child{
		width: 30%;
	}
	.ticketPrice ul.index {
		margin-top: 0.6rem;
		font-size: 100%;
		background-color: rgba(255,255,255,0.2);
	}
	.ticketPrice ul.index li{
		font-weight: 700;
		padding: 0.3em 1em;
	}*/

	/*=====ATTEINTION=====*/
	#attention .payment {
		max-width: 50%;
	}

	/*=====GOODS=====*/
	#goods .bnr img{
		max-width: 345px;
	}
	.item {
		max-width: 49.5%;
	}
	.item img {
		/*	max-height: 260px;*/
	}
	.item_bnr {
		max-width: 45%;
		margin: 0 auto 30px auto;
	}
	#goods .ttl2{
		width: 278px;
	}
	#goods h4 {
		font-size: 140%;
	}
	#goods .align-left {
		text-align: center;
	}

	/*=====グッズレイアウト＆呼出番号=====*/
	.goods_layout {
		max-width: 400px;
		margin: 0 auto;
	}
	.goods_number {
		max-width: 800px;
		margin: 0 auto;
	}
	.goods_number img {
		margin-top: 5em;
	}
}