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

.main_img {
	max-width: 1200px;
	width: 100%;
	margin:0 auto;
	padding-top: 20px;
}
.main_img img{
width: 100%;
}

.common_main_img_flex {
	max-width: 1200px;
	width: 100%;
	margin:0 auto;
	padding-top: 60px;
}
.common_main_img_flex ul{
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	justify-content:center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	margin:0 auto;
	background: #000000;
}
.common_main_img_flex ul li{
max-width: 400px;
width: 100%;
}
.common_main_img_flex ul li.flex-item-4{
max-width: 60%;
width: 60%;
}
.common_main_img_flex ul li.flex-item-5{
max-width: 40%;
width: 40%;
}
.common_main_img_flex ul img{
    width: auto;
    max-width: 100%;
    height: auto;
/*max-height: 270px;*/
object-fit: cover;
}
.days_img_box{
    display: flex;
    justify-content: center;
    margin-top: 1.5em;
}
.days_img_box img{
    width: calc(100% / 3);
}
@media screen and (max-width: 768px) {
.days_img_box{
    display: block;
}
.days_img_box img{
    width: 100%;
}
}
/*青ボタン*/
.blue_line_link_wrap{
	text-align: center;
}

a.blue_line_link:link,a.blue_line_link:visited{
	padding: 1em;
	border:1px solid #006fb5;
	border-radius: 100px;
	margin: 1.5em auto 0;
	text-decoration: none!important;
	display: block;
	font-size: .9rem;
	color: #FFF!important;
	max-width: 300px;
	font-weight: bold;
	background: rgba(0,111,181,.90);
	
}

a.blue_line_link:hover,a.blue_line_link:active{
	border:1px solid #FFFFFF;
	background: rgba(0,111,181,.80);
	text-decoration: none;
}

.blue_line_link_ic{
	padding-left: 1rem;
	position: relative;
}

.blue_line_link_ic::before{
	content: 'chevron_right';
	font-family: 'Material Symbols Rounded';
	position: absolute;
	top: -2px;
	left: 0;
}

/*-----主催・協賛-----*/
.offer{
    text-align: center;
    margin-top: 1.5em;
}
.presents{
    margin: 1em 0 2em;
}
.presents img{
    max-width: 350px;
    width: 100%;
}
.subpresents{
    display: flex;
    justify-content: center;
    margin: 1em;
}
.subpresents li{
    text-align: center;
}
.subpresents img{
    max-width: 200px;
    width: 100%;
}

@media only screen and (max-width: 1200px) {
.common_main_img_flex ul li{
width: calc(100% / 3);
}
.common_main_img_flex ul li.flex-item-4{
flex-basis: 60%;
}
.common_main_img_flex ul li.flex-item-5{
flex-basis: 40%;
}
}

@media only screen and (max-width: 640px) {
.common_main_img_flex ul{
width: 95%;
}
.common_main_img_flex ul li{
max-width: 100%;
flex-basis: 100%;
}
.common_main_img_flex ul li.flex-item-4{
max-width: 100%;
flex-basis: 100%;
min-height: auto;
height:auto;
}
.common_main_img_flex ul li.flex-item-5{
max-width: 100%;
flex-basis: 100%;
min-height: auto;
height:auto;
}
.common_main_img_flex ul img{
height: auto;
width: 100%;
}
}

.photo_caption{
font-size: 0.8em;
text-align: right;
padding-right: 30px;
color: #48A0D8;
}


.playguide_wrap{
margin: 30px auto;
border: 3px solid #EAC167;
}
.playguide_wrap h2{
text-align: center;
background: #EAC167;
line-height: 1.1;
padding: 10px 0;
font-size: 2em;
}
.playguide_wrap h2 span{
font-size: 17px;
}
.playguide_wrap ul{
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	justify-content:space-around;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 98%;
	margin: auto;
	padding: 10px 0;
}
.playguide_wrap ul li{
border-bottom: 1px solid #A8A8A8;
margin: 2px;
width: 48%;
}
@media only screen and (max-width:768px) {
.playguide_wrap ul li{
width: 98%;
}
}
.playguide_wrap ul li p{
padding: 5px;
}
.playguide_wrap ul li p a:link{
text-decoration: none;
}

.ticket_guide_wrap{
margin: 60px auto;
border: 3px solid #ffcc00;
}
.ticket_guide_wrap h2{
text-align: center;
background: #ffcc00;
color: #000000;
line-height: 1.1;
padding: 10px 0;
font-size: 2em;
}