.article {
				padding-top: 60px;
				padding-bottom: 100px;
}

@media screen and (max-width: 750px) {
				.article {
								padding-top: 8vw;
								padding-bottom: 8vw;
				}
}

.article .wrap {
				display: -webkit-flex;
				display: flex;
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
				-webkit-justify-content: space-between;
				justify-content: space-between;
				padding-top: 50px;
}

@media screen and (max-width: 750px) {
				.article .wrap {
								padding-top: 6.66667vw;
								padding-bottom: 0;
				}
}

.article .image {
				width: 500px;
}

@media screen and (max-width: 750px) {
				.article .image {
								width: 100%;
								text-align: center;
				}
}

.article .image img {
				width: 100%;
				height: auto;
}

@media screen and (max-width: 750px) {
				.article .image img {
								max-width: 100%;
				}
}

.article .main {
				width: calc(100% - 560px);
}

@media screen and (max-width: 750px) {
				.article .main {
								width: 100%;
				}
}

@media screen and (max-width: 750px) {
				.article .main .content {
								padding-top: 8vw;
				}
}

.article .main .content *:first-child {
				margin-top: 0;
}

.article .main .content > figure {
				width: 650px;
				margin: auto;
				margin-top: 40px;
}

@media screen and (max-width: 750px) {
				.article .main .content > figure {
								width: 100%;
								max-width: 100%;
								margin-top: 10px;
				}
}

.article .main .content > figure img {
				width: 100%;
}

.article .main .content > p {
				line-height: 2;
				color: #333;
}

@media screen and (max-width: 750px) {
				.article .main .content > p {
								font-size: 1.3rem;
				}
}

.article .main .tpl-btn.tpl-btn--blue {
				width: 320px;
				margin-left: auto;
				margin-right: auto;
				height: 60px;
				font-size: 1.8rem;
}

@media screen and (max-width: 750px) {
				.article .main .tpl-btn.tpl-btn--blue {
								width: 77.33333vw;
								height: 13.33333vw;
								font-size: 30px;
								font-size: 4vw;
								letter-spacing: 0.2rem;
								margin-bottom: 6.66667vw;
				}
}

.article .main .showlist {
				width: 280px;
				height: 50px;
}

@media screen and (max-width: 750px) {
				.article .main .showlist {
								width: 66.66667vw;
								height: 13.33333vw;
				}
}

.article .no-image .main {
				margin: auto;
}

.slider {
				margin-bottom: 20px;
}

.slider .slide-item {
				height: 300px;
				background-position: 50% 50%;
				background-size: contain;
				background-repeat: no-repeat;
}

@media screen and (max-width: 750px) {
				.slider .slide-item {
								height: 53.33333vw;
				}
}

.slider .slick-slide {
				overflow: hidden;
}

.slider-sub {
				display: -webkit-flex;
				display: flex;
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
				-webkit-justify-content: space-between;
				justify-content: space-between;
}

.slider-sub li {
				width: calc(33% - 5px);
				cursor: default;
}

.slider-sub li img {
				width: 100%;
				height: 100%;
}

.slider-sub .thumbnail-item {
				position: relative;
				opacity: 0.4;
				height: 95px;
				background-position: 50% 50%;
				background-size: contain;
				background-repeat: no-repeat;
				cursor: pointer;
}

@media screen and (max-width: 750px) {
				.slider-sub .thumbnail-item {
								height: 16vw;
				}
}

.slider-sub .thumbnail-current {
				opacity: 1;
}

.slider-sub .thumbnail-current:after {
				display: block;
				content: '';
				width: calc(100% - 6px);
				height: calc(100% - 6px);
				position: absolute;
				top: 0;
				left: 0;
				border: 3px solid #2C893A;
}

/*# sourceMappingURL=event--detail.css.map */