/* ========================================== */
/* base */
/* ========================================== */
body {
	background: #000;
	color: #fff;
	font-size:14px;
	overflow-y: scroll;
	background-image: url("../images/bg.jpg");
	background-size: cover;
	background-position: center bottom;
	min-height: 100svh;
	display: flex;
	align-items: center;
}

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

ul.indent li {
	text-indent:-1em;
	padding-left:1em;
}

a {
	text-decoration:none;
	word-wrap:break-word;
	word-break: break-all;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

a:hover {
	text-decoration:none;
}
 
a:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

dl,dd,p {
	margin:0;
	padding:0;
}

/* ========================================== */
/* main */
/* ========================================== */


main {
	/*max-width: 246 px;*/
	width: 65.6%;
	padding-top: 52px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 48px;
}

div.read {
	display: grid;
	justify-items: center;
}

div.read img.logo {
	aspect-ratio: 1 / 1;
	width: 24.3%;
	max-width: 100px;
	margin-bottom: 20px;
}

div.read img.title {
	width: 100%;
	max-width: 428px;
	margin-bottom: 16px;
}

div.read img.date {
	width: 86.9%;
	max-width: 360px;
	margin-bottom: 20px;
}

div.read img.venue {
	width: 50.8%;
	max-width: 212px;
}

.artist {
	margin-top: 32px;
	margin-bottom: 36px;
}

.artist h2 { 
	margin-bottom: 16px;
}
.artist h2 img {
	width: 17.8%;
	max-width: 74px;
	display: block;
	margin: auto;
}

.artist_inner ul.date_0725,
.artist_inner ul.date_0726 {
	display: grid;
	justify-items: center;
	max-width: 90px;
	width:36.5%;
}

.artist_inner ul.date_0725 .date,
.artist_inner ul.date_0726 .date {
	margin-bottom: 12px;
}

.artist_inner ul.date_0725 .date img,
.artist_inner ul.date_0726 .date img {
	width: 50px;
}

.artist_inner {
	display: flex;
	justify-content: space-between;
}

.artist_inner ul li:nth-child(n+2) {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-bottom: 16px;
}

.artist_inner ul li img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.artist_inner ul li.item_row2 img {
	width: 90%;
}

.artist_inner ul li.item_row3 img {
	width: 90%;
}

.artist_inner ul li.item_hotei {
	margin-bottom: 0;
}

.artist_inner ul li.item_hotei img {
	width: 60%;
	margin-bottom: 4px;
}

.artist_inner ul li.item_hotei img:nth-of-type(2) {
	width: 30%;
	margin-bottom: 0;
}

img.comingsoon {
	width: 63%;
	max-width: 264px;
	display: block;
	margin: auto;
}


@media (min-width: 768px) {
	main {
		max-width: 568px;
		padding-top: 88px;
		padding-bottom: 40px;
	}
	div.read img.title {
		margin-bottom: 24px;
	}
	div.read img.date {
		margin-bottom: 32px;
	}
	.artist {
		margin-top: 52px;
		margin-bottom: 64px;
	}
	.artist h2 {
		margin-bottom: 20px;
	}
}

@media (min-width: 576px) {
	.artist_inner {
		justify-content: space-around;
	}
	.artist_inner ul.date_0725,
	.artist_inner ul.date_0726 {
		max-width: 154px;
		width:27.1%;
	}
	.artist_inner ul.date_0725 .date,
	.artist_inner ul.date_0726 .date {
		margin-bottom: 28px;
	}
	.artist_inner ul.date_0725 .date img,
	.artist_inner ul.date_0726 .date img {
		width: 90px;
	}
}