@charset "UTF-8";



@media screen and (max-width:1700px){
	.program_wrap .program_teb_wrap .more_btn {right: -50px;}
}

@media screen and (max-width:1400px){
	.program_wrap .program_teb_wrap .more_btn {right: 0px;}
}

@media screen and (max-width:1280px){
	/* main_con01 */
	.main_con01 .tit_box {padding: 200px 20px 240px;}
	.main_con01 .tit_box .tit02 {font-size: 2.222em;}
	.main_con01 .tit_box .tit01 {font-size: 4.444em;}
	.main_con01 .tit_box .date_txt {font-size: 1.667em;}


	.program_wrap .program_tit_box .program_tit {margin-bottom: 20px;}
	.program_wrap .program_teb_wrap .more_btn {display: none;}

	.program_teb_more_btn {display: block; margin: 20px auto;}
	.main_con01 .tit_box .tit01 >span:after {width: 170px; height: 170px;}

	.page_bookmark {display: none;}
	.bottom_wrap .box .img_wrap {width: 100px;}
	.bottom_wrap .box .news_box_tit .tit {font-size: 1.2em;}


	#sns_slide .item {width: 280px;}
	#sns_slide .item a {width: 250px; margin: 0 15px;}
	#sns_slide .item a .item_con {height: 250px;}
	#sns_slide .item a .item_con .img_box {width: 80%;}

	.location_wrap > div.right {padding: 50px;}
	.location_wrap > div.right .btn_wrap .link_btn {width: auto; font-size: 16px; margin-right: 10px;}
	
	.main_con01 .online_banner {top: 395px; width: 230px;}



}



@media screen and (max-width:991px){


	/* main_con01 */

	.bubbles {display: none;}

	.main_con_tit {font-size: 2.5em;}

	.main_con {padding: 50px 10px 50px;}

	.main_con01 .tit_box { padding: 23.209vw 20px 32.795vw;}

	.main_con01 .tit_box .tit02 {margin-bottom: 2.018vw; font-size:5.651vw;}
	.main_con01 .tit_box .tit01 {margin-bottom: 10.091vw; font-size: 8.779vw;}
	.main_con01 .tit_box .date_txt {width: 47.931vw; margin: 0 auto; line-height: 1.6em; font-size: 4.036vw;}

	.con1_mud_img {display: none;}

	.slide01_ctrl_box {right: auto; left: 4.541vw; bottom: 24.723vw;}

	.main_con1_con2_bg span {}


	.main_con01 .tit_box .tit01 >span:after {display: none;}
	.mud_img_wrap {display: none;}
	.main_con1_con2_bg {display: none;}

	.mouse_img {display: none;}
	.slide01_ctrl_box .num_box {display: none;}
	.d_day_wrap .d_day_tit {display: none;}

	.program_wrap .program_teb_wrap .program_teb {text-align: center;}
	.program_wrap .program_teb_wrap .program_teb button {width: auto; height: 50px; line-height: 50px; margin: 0 5px 10px; padding: 0 20px;}


	#program_slide {display: block; width: 100%; margin: 0 auto ; }
	#program_slide .item {height: auto; margin: 0;}
	#program_slide .item .img_wrap {position: relative; width: 100%; height: auto;}
	#program_slide .item .img_wrap .inner_box {position: relative;}
	#program_slide .item .img_wrap .inner_box img {position: relative; left: 0; top: 0; -webkit-transform: translate(0px, 00px);
	-moz-transform: translate(0px, 00px);
	-ms-transform: translate(0px, 00px);
	-o-transform: translate(0px, 00px);
	transform: translate(0px, 00px);  -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none; border-radius: 20px 20px 0 0px;}
	

	.slide_board_wrap {position: relative;}
	.slide_board_wrap .slide_board {position: relative; top: 0; right: 0; width: 100%; height: auto; padding: 20px 20px; -webkit-transform: translate(0,0);
	-ms-transform: translate(0,0); 	transform: translate(0,0); border-radius: 0 0 20px 20px}

	#program_con_slide .item {height: 230px;}
	#program_con_slide .item .tit {font-size: 1.5em;}
	.program_wrap .program_teb_wrap {margin-bottom: 20px;}
	.slide_board .slide_ctrl_wrap {right: 20px; bottom: 20px; height: 35px;}
	.slide_board .slide_ctrl_wrap .slide_ctrl_btn {width: 35px; height: 35px; font-size: 20px;}
	.main_con1_con2 {padding-bottom: 50px;}

	.top_wrap {margin-bottom: 20px;}

	.news_box_wrap .box.box_big {float: none; width: 98%;  max-width: 600px; margin-right: 0; margin: 0 auto 20px;}
	.news_box_wrap .box.box_big:nth-child(1) {margin: 0 auto 20px;}
	.news_box_wrap .box.box_big.slide_box {width: 98%; max-width: 600px;}

	.bottom_wrap .box .img_wrap {width: 70px;}
	.bottom_wrap .box {width: 48%; height: auto; margin: 0 1% 20px !important;}
	.bottom_wrap .box .txt {height: 2.3em;}
	.bottom_wrap .box .img_wrap {bottom: 20px; right: 15px;}

	.location_wrap > div {display: block; width: 100%;}
	.location_wrap > div.left {height: 300px;}
	.location_wrap > div.left > div {position: relative; width: 100%; height: 300px;}
	.location_wrap > div.right .btn_wrap .link_btn {font-size: 1em;}
	.location_wrap > div.right .tit p {width: 100%;}
	.location_wrap > div.right .tit a {height: 30px; line-height: 30px;}
	.location_wrap > div.right .btn_wrap .link_btn {width: auto; margin: 0 1.5%;}


	.main_con1_con2 {margin-top: -21.739vw; }
	.program_wrap {margin-top: -10.870vw;}
	.d_day_wrap {margin-bottom: 0;}
	.d_day_wrap {height: 41.304vw; padding-top: 55px; background-image: url('/template/festival/user/images/main/m_mud_img_wrap_bg.png'); background-repeat: no-repeat; -webkit-background-size: 100%;
	background-size: 100%;}

	.d_day_wrap .d_day_box .d_day > span {width: 10.870vw; height: 12.500vw; font-size: 9.783vw !important; line-height: 12.500vw; -webkit-background-size: 100% 100%; 	background-size: 100% 100%;}
	.d_day_wrap .d_day_box .left {left: -14.674vw;}
	.d_day_wrap .d_day_box .left img {width: 17.391vw;}
	.d_day_wrap .d_day_box .right {right: -9.783vw;}
	.d_day_wrap .d_day_box .right img {width: 11.957vw;}
	
	
	.main_con01 .online_banner {top: 57.481vw; right: 0; width: 27.209vw;}
	
	#program_slide .item.prev .img_wrap  {left: 0;}
	#program_slide .item.on .img_wrap {left: 0;}
	
	
	.program_slide_wrap {padding: 0 15px;} 
	
	



}

@media screen and (max-width:767px){
	
	.main_con01 .tit_box .tit01 {letter-spacing: -4px;}
	.program_info .box {width: 96%; margin: 0 2% 7.813vw;}
	.program_info .box3 {margin: 0 2% 7.813vw;}

	.program_info .box .img_cont {margin: 0 auto 3.125vw;}
	.program_info .box .img_cont img {width: 43.750vw;}
	
	.program_info .box .txt_cont .tit {margin-bottom: 1.875vw; font-size: 4.375vw;}
	.program_info .box .txt_cont .txt {margin-bottom: 2.188vw; font-size: 3.438vw;}

	.program_info .box .txt_cont .link_btn {width: 21.094vw; height: 6.563vw; line-height:5.625vw; font-size: 2.813vw;}

}

@media screen and (max-width:640px){

	.main_con_tit {font-size: 2em;}
	.main_con4 .main_con_tit {margin-bottom: 10px;}


	.bottom_wrap .box .txt {display: none;}
	.sns_slide_wrap .sns_slide_ctrl {margin-top: 0px; margin-bottom: 60px;}
	.sns_slide_wrap .sns_slide_ctrl button.slide_ctrl {top: 50px; width: 50px; height: 30px; -webkit-background-size: 50px;
	background-size: 50px;}

	.location_wrap > div.right {padding: 20px 20px;}
	
	

}

@media screen and (max-width:480px){

	.program_wrap .program_teb_wrap .program_teb button {height: 30px; line-height: 30px; padding: 0 10px;}
	.program_wrap .program_teb_wrap .program_teb button p {padding-left: 0; background: none !important;}


	.main_con01 .tit_box {    padding: 100px 20px 150px;}
	.slide01_ctrl_box .ctrl_box button {width: 30px; height: 30px; line-height: 30px; font-size: 18px;}


	.main_con1_con2 {padding-bottom: 20px;}
	
	.main_con {padding: 50px 10px 50px;}
	.news_box_wrap .box .notice_list > li a {width: 100%; max-width:100%;}
	.news_box_wrap .box .notice_list > li span {display: none;}


	.slide01_ctrl_box {left: 50%; bottom: 17.708vw; -webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);: }
	
	.main_con01 .tit_box .tit01 {letter-spacing: 0px;}
	.main_con01 .online_banner {    top: 74.481vw;}

}

@media screen and (max-width:360px){
	.bottom_wrap .box {width: 100%;}

}