@charset "UTF-8";

#event_body {
background: url(../img/original/train-budget/bg_body.png) repeat top / contain;
	overflow: hidden;
}
#event_body > .wrapper {
width: 100%;
}

#slider__item01 { background-image: url(../img/original/train-budget/mainimg01.jpg); }
#slider__item02 { background-image: url(../img/original/train-budget/mainimg02.jpg); }
#slider__item03 { background-image: url(../img/original/train-budget/mainimg03.jpg); }

@media only screen and (max-width: 768px) {
	#event_body {
	background: url(../img/original/train-budget/bg_body.png) repeat top center/ auto;
		overflow: hidden;
	}
}

/* TopLogo--------------------------- */
.EventLogo {
	max-width: 440px;
	width: 80%;
	position: absolute;  /*body要素に対して絶対配置*/
	top: 50%;  /*上端を中央に*/
	left: 50%;  /*左端を中央に*/
	z-index: 500;
	transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);
}

.EventLogo img { width: 100%; }

@media only screen and (max-width: 768px) {
		.NinjaLogo {
		max-width: 200px;
		width: 80%;
	}
}

/* ColumnTTL--------------------------- */
.EventTTLeng {
width: 100%;
text-align: center;
font: 80px/80px 'Oswald', sans-serif;
background-image: url(../img/original/train-budget/TTLBG.png);
background-repeat: repeat-x;
background-position: 0% 100%;
clear: both;
margin-bottom: 10px;
	color: #CA0915;
}
.EventTTLjp {
width: 100%;
text-align: center;
font-size: 36px;
line-height: 1.0;
font-weight: bold;
clear: both;
	margin-bottom: 50px;
	color: #CA0915;
}

@media only screen and (max-width: 768px) {
	.EventTTLeng { font: 42px/42px 'Oswald', sans-serif; word-wrap: break-word; }
	.EventTTLjp { font-size: 20px; margin-bottom: 25px; }
}

/* Characterristics--------------------------- */
.EventDetl {
max-width: 1000px;
	width: 100%;
clear: both;
line-height: 20px;
border-bottom: 1px solid #CA0915;
	padding: 25px 0;
}
.EventDetl:first-child {border-top: 1px solid #CA0915;}
.EventDetlL {
width: 25%;
font-weight: bold;
text-align: left;
float: left;
}
.EventDetlR {
width: 75%;
float: left;
text-align: left;
}
.EventBudget {
max-width: 1000px;
	width: 100%;
	margin: 50px 0 75px;
padding-top: 31px;
padding-bottom: 31px;
line-height: 36px;
border: 1px solid #CA0915;
	box-sizing: border-box;
}
.EventCaution {
max-width: 1000px;
	width: 100%;
text-align: left;
clear: both;
}

@media only screen and (max-width: 768px) {
	.EventDetl { padding: 15px 0; }
	.EventDetlL {
	width: 100%;
	font-weight: bold;
	text-align: left;
	float: none;
		margin-bottom: 5px;
	}
	.EventDetlR {
	width: 100%;
	float: none;
	text-align: left;
	}
	.EventBudget {
		margin: 25px 0 50px;
	padding: 10px 0;
	line-height: 1.5;
		box-sizing: border-box;
	}
	.EventCaution p { font-size: 12px; }

}

/* style--------------------------- */
.tokucho { max-width: 1000px; width: 90%; margin: 50px auto 100px; border: 1px solid #CA0915; padding: 5px; box-sizing: border-box; }
.tokucho h3 { font-size: 36px; color: #fff; background: #CA0915; text-align: center; padding: 15px;}
.tokucho ul { padding: 25px; }
.tokucho li { font-size: 36px; line-height: 150%; color: #CA0915; }

.item {position: relative; }
.item h2 { font-size: 36px; color: #CA0915; padding: 62px 0 44px; margin-bottom: 35px; background: url(../img/original/train-budget/bg_hd.png) repeat-x bottom center; text-align: center; }
.event_txt { text-align: center; width: 90%; max-width: 750px; margin: 0 auto; }
.event_txt .read { font-size: 26px; color: #CA0915; margin-bottom: 25px; }

.event_gallery { margin: 75px 0 100px; }
.event_gallery .slick-slide { margin: 0 5px; text-align: left; }
.event_gallery .slick-slide h3 { max-width: 450px; margin: 10px auto 0; width: 90%; font-weight: bold; }
.event_gallery .slick-slide p { max-width: 450px; margin: 10px auto 0; width: 90%; }

.event_detail { width: 90%; margin: 0 auto; }

.ico01 { position: absolute; top: 120px; left: 50%; margin-left: -600px;opacity: 0; transform: translate(-120px, 0px);transition: all 0.5s ease 0.5s;}
.ico01.is-animation { position: absolute; top: 120px; left: 50%; margin-left: -600px;opacity: 1; transform: translate(0, 0px);transition: all 0.5s ease 0.5s;}
.ico02 { position: absolute; bottom: -30px; right: -100px;opacity: 0;  transform: translate(120px, 0px);transition: all 0.5s ease 0.5s;}
.ico02.is-animation { position: absolute; bottom: -30px; right: -100px;opacity: 1;  transform: translate(0px, 0px);transition: all 0.5s ease 0.5s;}
.ico03 { position: absolute; top: 120px; left: 50%; margin-left: -600px;opacity: 0;  transform: translate(-120px, 0px);transition: all 0.5s ease 0.5s;}
.ico03.is-animation { position: absolute; top: 120px; left: 50%; margin-left: -600px;opacity: 1;  transform: translate(0px, 0px);transition: all 0.5s ease 0.5s;}
.ico04 { position: absolute; top: 120px; right: 50%; margin-right: -600px;opacity: 0;  transform: translate(120px, 0px);transition: all 0.5s ease 0.5s;}
.ico04.is-animation { position: absolute; top: 120px; right: 50%; margin-right: -600px;opacity: 1;  transform: translate(0px, 0px);transition: all 0.5s ease 0.5s;}


.bihin { max-width: 1000px; width: 90%; margin: 0 auto; }
.bihin h3 { font-size: 26px; text-align: center; margin-bottom: 20px; color: #CA0915;}
.bihin dl { border-top: 1px solid #CA0915; padding: 15px 0; } 
.bihin dt { width: 170px; float: left; }
.bihin dd { margin-left: 170px; }

.pickup { max-width: 1000px; width: 90%; margin: 10px auto 150px; padding: 10px; display: flex; border: 1px solid #CA0915; box-sizing: border-box; position: relative; align-items: center; }
.pickup_ph { width: 50%;}
.pickup_txt { width: 50%; text-align: center; }
.pickup_ph img { width: 100%; }
.pickup_txt h3 { font-size: 26px; text-align: center; color: #CA0915;}
.pickup_txt p { margin-top: 20px;}

.layout_img { width: 90%; max-width: 750px; margin: 30px auto 100px; }
.layout_img img { width: 100%; }

@media only screen and (max-width: 768px) {
	.tokucho { max-width: 1000px; width: 90%; margin: 25px auto 50px; border: 1px solid #CA0915; padding: 5px; box-sizing: border-box; }
	.tokucho h3 { font-size: 20px; color: #fff; background: #CA0915; text-align: center; padding: 10px;}
	.tokucho ul { padding: 15px; }
	.tokucho li { font-size: 20px; line-height: 150%; color: #CA0915; }

.item {position: relative; }
	.item h2 { font-size: 24px; color: #CA0915; padding: 14px 5% 14px; margin-bottom: 25px; background: url(../img/original/train-budget/bg_hd.png) repeat-x bottom center / 1000px 52px; text-align: center; }
	.event_txt .read { font-size: 20px; color: #CA0915; margin-bottom: 25px; }

	.event_gallery { margin: 50px 0; }
.event_gallery .slick-slide p { margin-top: 10px; }

.event_detail { width: 90%; margin: 0 auto; }

	.ico01 { display: none;}
	.ico02 { width: 150px; position: absolute; bottom: -50px; right: -20px;}
	.ico02.is-animation { width: 150px; position: absolute; bottom: -50px; right: -20px;}
	.ico02 img { width: 100%; }
	.ico03 { display: none;}
	.ico04 { display: none;}

.bihin { max-width: 1000px; width: 90%; margin: 0 auto; }
.bihin h3 { font-size: 20px; text-align: center; margin-bottom: 20px; color: #CA0915;}
	.bihin dl { border-top: 1px solid #CA0915; padding: 10px 0; } 
	.bihin dt { width: auto; float: none; }
	.bihin dd { margin-left: 0; }

	.pickup { max-width: 1000px; width: 90%; margin: 10px auto 100px; padding: 10px 10px 50px; display: block; border: 1px solid #CA0915; box-sizing: border-box; position: relative; align-items: center; }
	.pickup_ph { width: 100%;}
	.pickup_txt { width: 100%; text-align: center; }
	.pickup_txt h3 { font-size: 20px; margin-top: 20px; text-align: center; color: #CA0915;}
.pickup_txt p { margin-top: 20px;}

	.layout h3 { font-size: 20px; text-align: center; margin-bottom: 20px; color: #CA0915;}
.layout p { width: 90%; max-width: 1000px; margin: 30px auto 100px; }
.layout p img { width: 100%; }
}

.faq { margin-top: 80px;}

.EventFAQq {
max-width: 1000px;
	width: 100%;
padding: 15px 20px 20px 0;
background-color: #7ECEF4;
clear: both;
text-align: left;
	box-sizing: border-box;
}
.EventFAQa {
max-width: 1000px;
	width: 100%;
padding: 15px 20px 30px 0;
clear: both;
text-align: left;
	box-sizing: border-box;
}
.EventFAQl {
font: 50px/50px 'Oswald', sans-serif;
width: 70px;
float: left;
text-align: center;
}
.EventFAQr {
padding-top: 15px;
	margin-left: 90px;
	box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
	.EventFAQl { font: 35px/35px 'Oswald', sans-serif; }
	.EventFAQr { padding-top: 8px; margin-left: 70px; }
}

.event_gallery .slick-prev, .event_gallery .slick-next { background: #000;}
.event_gallery .slick-prev:hover, .event_gallery .slick-next:hover { background: #000; }

.event_gallery .slick-dots { bottom: -50px; }
.event_gallery .slick-dots li { border: 1px solid #000; background: none; box-sizing: border-box; }
.event_gallery .slick-dots li.slick-active { border: 1px solid #000; background: #000; }
.event_gallery .slick-prev, .event_gallery .slick-next { top: 17vw; }
.event_gallery .slick-prev:before {border-color: transparent transparent #fff #fff;}
.event_gallery .slick-next:before {border-color: #fff #fff transparent transparent;}

@media only screen and (max-width: 768px) {
	.event_gallery .slick-prev, .event_gallery .slick-next { top: 38vw; }
}