@charset "utf-8";

@media (max-width:767px) {
#contentsBlock{
	background: none;
	margin-top: -20px;
}

#contentsBox{
	padding: 0;
}
}

@media (min-width:768px) {
}


/* scheduleBlock
/* ------------------------------------------------------------------------ */
.scheduleBlock{
	width: 85%;
	margin: 60px auto 0;
}

.scheduleBlock .title2{
	margin: 40px 0 0 0;
}

.scheduleBlock .txt{
	margin: 20px 0 0 0;
	font-size: 18px;
}

.scheduleBlock .title3{
	margin: 50px 0 0 0;
}

.scheduleBlock .txt2{
	margin: 20px 0 0 0;
	font-size: 22px;
	letter-spacing: 3px;
}

@media (min-width:768px) {
.scheduleBlock{
	width: 1100px;
	margin: 130px auto 0;
}

.scheduleBlock .title2{
	margin: 80px 0 0 0;
}

.scheduleBlock .txt{
	margin: 50px 0 0 0;
	font-size: 38px;
	line-height: 1.8;
}

.scheduleBlock .title3{
	margin: 100px 0 0 0;
}

.scheduleBlock .txt2{
	margin: 40px 0 0 0;
	font-size: 38px;
	letter-spacing: 5px;
}
}


/* voteBtnBox
/* ------------------------------------------------------------------------ */
.voteBtnBox{
	width: 85%;
	margin: 30px auto 0;
}

@media (min-width:768px) {
.voteBtnBox{
	width: 1100px;
	margin: 60px auto 0;
}

.voteBtnBox .btn{
	width: 600px;
	margin: 0 auto;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.voteBtnBox .btn:hover{
	opacity: 0.8;
}
}


/* movieBox
/* ------------------------------------------------------------------------ */
.movieBox{
	margin: 80px auto 0;
}

.movieBox .title{
	width: 85%;
	margin: 0 auto;
}

.movieBox .youtube{
	width: 100%;
	aspect-ratio: 16 / 9;
	margin: 20px auto 0;
}

.movieBox .youtube iframe{
	width: 100%;
	height: 100%;
}

@media (min-width:768px) {
.movieBox{
	width: 1100px;
	margin: 130px auto 0;
}

.movieBox .youtube{
	width: 800px;
	margin: 60px auto 0;
}
}


/* ecBtnBox
/* ------------------------------------------------------------------------ */
.ecBtnBox{
	width: 85%;
	margin: 20px auto 0;
}

@media (min-width:768px) {
.ecBtnBox{
	width: 1100px;
	margin: 25px auto 0;
}

.ecBtnBox .btn{
	width: 600px;
	margin: 0 auto;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.ecBtnBox .btn:hover{
	opacity: 0.8;
}
}


/* snsBox
/* ------------------------------------------------------------------------ */
.snsBox{
	width: 85%;
	margin: 60px auto 0;
}

.snsBox .twitterTimeline{
	background: #fff;
	margin: 30px 0 0 0;
}

.snsBox .snsIcon{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	margin: 50px 0 0 0;
}

.snsBox .snsIcon li{
	width: 42px;
	margin: 0 10px;
}

.snsBox .snsIcon li img{
	width: 100%;
}

@media (min-width:768px) {
.snsBox{
	width: 1100px;
	margin: 130px auto 0;
}

.snsBox .twitterTimeline{
	margin: 50px auto 0;
	width: 600px;
}

.snsBox .snsIcon{
	margin: 100px 0 0 0;
}

.snsBox .snsIcon li{
	width: auto;
	margin: 0 20px;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.snsBox .snsIcon li:hover{
	opacity: 0.8;
}
}