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

/*プリントアウト用CSS（PCと同内容）*/
img{
	width:auto;
}

.contents{
	max-width:1080px;
	width:96%;
	margin:0 auto;
}

.contents h3{
font-size: 140%;
font-weight: 600;
color: #003E91;
border-top: 1px solid #4088f4;
background: #e3e4e6;
padding: 1.2rem 0.8rem 1rem 0.8rem;
margin: 0 0 20px;
}

.movieBox{margin: 0 0 60px;}

@media only screen and (max-width: 765px) {
.contents h3{font-size: 108%;}
.movieBox{margin: 0 0 40px;}
}

.mr15{margin-right: 15px !important;}


.firstTxt{
text-align: center;
margin: 0 auto 20px;
}

.mb200{margin-bottom: 200px !important;}
.spVew{display:none; }
.pcVew{display:block;}

@media only screen and (max-width: 765px) {
.spmb100{margin-bottom: 100px !important;}
.spVew{display:block; }
.pcVew{display: none;}
}


.photo_container ul.typeFlex{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 0;
}

.photo_container ul.typeFlex:after {
display: block;
content:"";
width: 30%;
}

.photo_container ul.typeFlex li{width: 30%; padding: 0 0 30px;}
.photo_container ul.typeFlex li img{width: 100%;}

@media only screen and (max-width: 765px) {
.photo_container ul.typeFlex li{width: 47%; padding: 0;}
.photo_container ul.typeFlex:after {width: 47%;}

}

.mainImg{
width: 960px;
height: auto;
margin: 0 auto 50px;
text-align: center;
}
.mainImg img{width: 100%;}

@media only screen and (max-width: 765px) {
.mainImg{width: 100%;}
}

.ttl_container h3.event_ttl.type2{
font-size:60px;
		font-weight: 900;
		margin-bottom:30px;
        color: #000;
        border: none;
        background: none;
        padding: 0;
        
}
@media only screen and (max-width: 765px) {
.ttl_container h3.event_ttl.type2{
font-size:24px;
		font-weight: 900;
		margin-bottom:10px;
        }
        }