@charset "UTF-8";


/************************************************************* メインビジュアル */
#main-visual {
background-color: #000000;
}

#main-visual h1{
max-width: 1500px;
height: 650px;
background-image: url("../images/event/bg_main.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}

/*************************************************************　共通タイトル */




#section02 h2.white,
#section03 h2.white{
	background-image: url(../images/bg_ttl_h2_white.png);
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 29px;
	text-align:center;
	margin-bottom:50px;
}


#section02 h2.white img,
#section03 h2.white img{
	background-image: url(../images/ttl_left_white.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
	background-size: 35px 50px !important;
	height:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}


#section02 h2.white span,
#section03 h2.white span{
	background-image: url(../images/ttl_right_white.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 35px;
	background-size: 35px 50px !important;
	height:auto;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
}




/************************************************************* section01 */

#section01 {
background-color: #000000;
}

#section01 p{
text-align: center;
color: #FFFFFF;
padding: 1em;
font-size: 150%;
font-weight: bold;
margin: 0px;
}

#section01 .inner {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}

/************************************************************* section02 */

#section02 {
background-color: #000000;
margin-bottom: 0px;
padding: 0px;
padding-bottom: 50px;
}

#section02 .inner {
max-width: 1200px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}

#section02 .flex-contents{
display: flex;
}
#section02 .movie-contents {
position: relative;
}

#section02 .movie-contents div{
background-color: #000000;
border: thin solid #ffffff;
border-radius: 30px;
padding: 15px;
display: block;

}

#section02 .movie-contents ol {
color: #ffffff;
margin: 1em;
line-height: 1.5em;
}

#section02 .movie-contents .m1 {
position: absolute;
top: 50px;
}

#section02 .movie-contents .m2 {
position: absolute;
top: 780px;
}

#section02 .sm{
display: none;

}


/************************************************************* section03 */

#section03 {
background-color: #D4231F;
padding-top: 50px;
padding-bottom: 50px;

}

#section03 .inner {
max-width: 1200px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}


/* ///////////////////////////////////////////////////////////////////////////// タブレット横 */
@media screen and (max-width:1024px) and (min-width:769px) {

/************************************************************* メインビジュアル */
#main-visual {
background-color: #000000;
}

#main-visual h1{
max-width: 1024px;
height: 444px;
background-image: url("../images/event/bg_main.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
/*************************************************************　共通タイトル */




#section02 h2.white,
#section03 h2.white{
	background-image: url(../images/bg_ttl_h2_white.png);
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	text-align:center;
	margin-bottom:50px;
}


#section02 h2.white img,
#section03 h2.white img{
	background-image: url(../images/ttl_left_white.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
	background-size: 35px 50px !important;
	height:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}


#section02 h2.white span,
#section03 h2.white span{
	background-image: url(../images/ttl_right_white.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 35px;
	background-size: 35px 50px !important;
	height:auto;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
}
/************************************************************* section01 */

#section01 {
background-color: #000000;
}

#section01 p{
text-align: center;
color: #FFFFFF;
padding: 1em;
font-size: 150%;
font-weight: bold;
margin: 0px;
}

#section01 .inner {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}

/************************************************************* section02 */

#section02 {
background-color: #000000;
margin-bottom: 0px;
padding: 0px;
padding-bottom: 50px;
}

#section02 .inner {
max-width: 1024px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}

#section02 .flex-contents{
display: flex;
}

#section02 .flex-contents img {
width: 100%;
}

#section02 .movie-contents {
position: relative;
}

#section02 .movie-contents iframe{
width: 300px;
height: auto;
}

#section02 .movie-contents div{
background-color: #000000;
border: thin solid #ffffff;
border-radius: 30px;
padding: 15px;

}

#section02 .movie-contents ol {
color: #ffffff;
margin: 1em;
line-height: 1.5em;
}


#section02 .movie-contents .m1 {
position: absolute;
top: 200px;
}

#section02 .movie-contents .m2 {
position: absolute;
top: 830px;
}

/************************************************************* section03 */

#section03 {
background-color: #D4231F;
padding-top: 50px;
padding-bottom: 50px;

}

#section03 .inner {
max-width: 1200px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}

	
}

/*///////////////////////////////////////////////////////////////////////////// タブレット縦 */
@media screen and (max-width:768px) and (min-width:415px) {



/************************************************************* メインビジュアル */
#main-visual {
background-color: #000000;
}

#main-visual h1{
max-width: 1024px;
width: 100%;
height: 320px;
background-image: url("../images/event/bg_main.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
/*************************************************************　共通タイトル */




#section02 h2.white,
#section03 h2.white{
	background-image: url(../images/bg_ttl_h2_white.png);
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	text-align:center;
	margin-bottom:50px;
}


#section02 h2.white img,
#section03 h2.white img{
	background-image: url(../images/ttl_left_white.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
	background-size: 35px 50px !important;
	height:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}


#section02 h2.white span,
#section03 h2.white span{
	background-image: url(../images/ttl_right_white.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 35px;
	background-size: 35px 50px !important;
	height:auto;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
}
/************************************************************* section01 */

#section01 {
background-color: #000000;
}

#section01 p{
text-align: center;
color: #FFFFFF;
padding: 1em;
font-size: 130%;
font-weight: bold;
margin: 0px;
}

#section01 .inner {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}

/************************************************************* section02 */

#section02 {
background-color: #000000;
margin-bottom: 0px;
padding: 0px;
padding-bottom: 50px;
}

#section02 .inner {
max-width: 1024px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}

#section02 .flex-contents{
display: flex;
}

#section02 .flex-contents img {
width: 100%;
}

#section02 .movie-contents {
position: relative;
}

#section02 li {
margin-bottom: 1em;
}
#section02 li img {
max-width: 500px;
width: 100%;
}
#section02 li iframe{
width: 100%;
height: 200px;
}

#section02 li div{
background-color: #000000;
border: thin solid #ffffff;
border-radius: 30px;
padding: 15px;
box-sizing: border-box;

}

#section02 li div ol {
color: #ffffff;
margin: 1em;
line-height: 0.5em;
font-size: 0.8em;
}


#section02 .pc{
display: none;
}

#section02 .sm{
display: block;
}

#section02 .sm ul{
max-width: 500px;
width: 100%;
margin-left: auto;
margin-right: auto;

}

/************************************************************* section03 */

#section03 {
background-color: #D4231F;
padding-top: 50px;
padding-bottom: 50px;

}

#section03 .inner {
max-width: 1200px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}


}

/*///////////////////////////////////////////////////////////////////////////// タブレット縦 */
@media screen and (max-width:414px) {



/************************************************************* メインビジュアル */
#main-visual {
background-color: #000000;
}

#main-visual h1{
max-width: 1024px;
width: 100%;
height: 200px;
background-image: url("../images/event/bg_main.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
/*************************************************************　共通タイトル */




#section02 h2.white,
#section03 h2.white{
	background-image: url(../images/bg_ttl_h2_white.png);
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	text-align:center;
	margin-bottom:50px;
}


#section02 h2.white img,
#section03 h2.white img{
	background-image: url(../images/ttl_left_white.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
	background-size: 35px 50px !important;
	height:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}


#section02 h2.white span,
#section03 h2.white span{
	background-image: url(../images/ttl_right_white.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 35px;
	background-size: 35px 50px !important;
	height:auto;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
}
/************************************************************* section01 */

#section01 {
background-color: #000000;
}

#section01 p{
text-align: center;
color: #FFFFFF;
padding: 1em;
font-size: 130%;
font-weight: bold;
margin: 0px;
}

#section01 .inner {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}

/************************************************************* section02 */

#section02 {
background-color: #000000;
margin-bottom: 0px;
padding: 0px;
padding-bottom: 50px;
}

#section02 .inner {
max-width: 1024px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}

#section02 .flex-contents{
display: flex;
}

#section02 .flex-contents img {
width: 100%;
}

#section02 .movie-contents {
position: relative;
}

#section02 li {
margin-bottom: 1em;
}
#section02 li img {
max-width: 500px;
width: 100%;
}
#section02 li iframe{
width: 100%;
height: 200px;
}

#section02 li div{
background-color: #000000;
border: thin solid #ffffff;
border-radius: 30px;
padding: 15px;
box-sizing: border-box;

}

#section02 li div ol {
color: #ffffff;
margin: 1em;
line-height: 1em;
font-size: 0.8em;
}



#section02 .pc{
display: none;
}

#section02 .sm{
display: block;
}

#section02 .sm ul{
max-width: 500px;
width: 100%;
margin-left: auto;
margin-right: auto;

}

/************************************************************* section03 */

#section03 {
background-color: #D4231F;
padding-top: 50px;
padding-bottom: 50px;

}

#section03 .inner {
max-width: 1200px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}






	
}