/*********************************
			topImage
*********************************/

.topImage .imgBox {
	background-image: url(../img/top_main.jpg);
	padding-top: 57%;
}
.topImage .imgBox .headline {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3em;
	color: white;
    text-shadow: 1px 1px 5px black;
}
.topImage .imgBox .headline span {
	display: inline-block;
}

/*********************************
			article
*********************************/


section {
	margin: 80px 0;
}
section .imgBox > a {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: block;
	width: 100%;
	height: 100%;
}
section .imgBox > a:hover {
	opacity: 1;
}

#concert {
}
#concert .imgBox {
	background-image: url(../img/concert_spot_light.jpg);
}
#concert ul {
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	margin: 0 auto;
}
#concert li {
	width: 25%;
	padding: 0 1em;
	box-sizing: border-box;
}
#concert li .photo {
	position: relative;
	width: 100%;
	padding-top: 100%;
	border-radius: 50%;
	overflow:  hidden;
}
#concert li .photo.soon {
	border: solid 1px #75859f;
	box-sizing:  border-box;
}
#concert li .photo img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: none;
	height: 100%;
}
#concert li p {
	text-align: center;
}

section .section_headline {
    position: absolute;
    top: 50%;
    right: 8%;
    -webkit-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    transform: translateY(-45%);
    z-index: 1;
    font-size: 48px;
    text-align: center;
    text-shadow: 1px 1px 5px black;
    color: white;
}
section .section_headline .h_main {
    width: 100%;
	padding-bottom: 10px;
    text-align: center;
    line-height: 1.3em;
    color: white;
    border-bottom: solid 1px white;
    font-weight: bold;
    letter-spacing: -.05em;
}
section .section_headline .h_sub {
    width: 100%;
	padding-top: 10px;
    text-align: center;
    font-size: 1rem;
    font-weight: normal;
}

#kokoro {
}
#kokoro .imgBox {
	background-image: url(../img/kokoro_report_booth.jpg);
}

#sekai {
}
#sekai .imgBox {
	background-image: url(../img/sekai_report_madagascar.jpg);
}

#information {
}
#information .imgBox {
	background-image: url(../img/information_report_booth.jpg);
}
#tanabata2019 .imgBox {
	background-image: url(../img/tanabata_main.jpg);
}
#fair_2019 .imgBox {
	background-image: url(../20190915_fair/img/main.jpg);
	background-position: top;
}