@charset "utf-8";
/* CSS Document */

@media all and (max-width: 1299px) {
	.btn_mall, .menu{ display: none; }
	.toggle{ display: block; }

	.story_wrap{ display: flex; flex-wrap: wrap; }
	.story_box{ width: 100% !important; margin: 20px;}
	.story .story_box:nth-child(1){ margin-top: 30px; order: 2;}
	.story .story_box:nth-child(2){ order: 1;}

	.booking{ width: 100%; background: #d61b18; right: 0; bottom: 0; overflow: hidden; }
	.booking a{ float: left; width: calc(100% / 2); text-align: center; }
	.booking a:last-child{ border-left: 1px solid #fff;}
	.booking img{ display: none; }
	.booking p{ padding: 8px 0; color: #fff; font-size: 1.25em; display: block; text-align: center; }

	.pdt_dtl_up{ flex-wrap: wrap; }
	.pdt_dtl_up_1{ width: 50%; padding-right: 40px; }
	.pdt_dtl_up_2{ width: 50%; margin: 0 0 0 0px; }
	.pdt_dtl_up_3{ width: 100%; margin-top: 80px; }
}

@media all and (max-width: 1199px) {
	:root{
  	--header-height: 80px;
  	--header-height2: -24px;
	}

	header{ padding: 15px 0;}
	.logo a{ width: 150px; height: 51px; }

	.mini_cart{ width: 210px;}
	.mini_cart a .mini_item .mini_txt{ color: var(--color-12); }

	main{ min-height: auto; margin-top: var(--header-height);}

	.line_add{ width: 80px; height: 80px; padding: 15px 10px; }
	.line_add img{ width: 70%; height: auto; margin-bottom: 5px; }
	.line_add p{ font-size: .75em; }

	.pdt_dtl_up_ft{ margin: 100px 0 0 0;}
	.pdt_dtl_up_ft li i{ width: 50px; height: 50px;}
	.pdt_dtl_up_ft li p{ margin-left: 10px; font-size: 1em;}

	#buy_dtl{ margin-top: 23px; }

	.p_p_img{ float: none; margin: 0 auto;}
}

@media all and (max-width: 991px) {
	.news_wrap{ margin: 10px 20px;}
	.slick_wrap .slick-current .news_img_wrap{ transform: scale(1, 1); }

	.slick_wrap.center > div{ width: 100%; }

	#sticky_nav li{ width: calc(100% / 3); }
	#sticky_nav li:last-child{ display: none; }
	#sticky_nav a{ padding: 9px 0; color: var(--color-03); font-size: 1.125em; }

	.buy_dtl_up{ flex-wrap: wrap; }
	.buy_dtl_up_1{ width: 100%; max-width: 708px; margin: 0 auto 0 auto; }
	.buy_dtl_up_2{ width: 100%; margin: 80px 0 0 0; }

	.btn_live{ margin: 10px 0; display: block; }

	.status_info li{ margin: 5px 30px 5px 0;}
	.status_info p{ font-size: 1.25em;}

	.status_wrapper{ overflow-x: auto;}
	.status_wrap{ width: 991px;}
	.status_wrap p{ font-size: 1.25em; }

	.tbl_sum{ text-align: right; }

	.copyright{ margin: 0 0 40px 0; }

	.line_add{ width: 100%; height: 40px; padding: 0; border-radius: 0; box-shadow: none; position: fixed; right: 0; bottom: 0; overflow: hidden; }
	.line_add a{ padding: 10px 10px; display: block; }
	.line_add span{ display: inline-block;}
	.line_add img{ float: left; width: 24px; margin: 0 10px 0 0; }
	.line_add p{ float: left; margin: 0 0 0 3px; font-size: 1em; letter-spacing: 3px; }
	.line_add .cart_btm_dk{ display: none; }
	.line_add .cart_btm_mb{ display: flex; }
}

@media all and (max-width: 768px) {
	.carousel.dk{ display:none; }
	.carousel.mb{ display:block; }

	section{ padding: 50px 0; }

	.news_wrap{ margin: 10px 10px;}

	#i_party{ padding: 100px 0;}
	.party_intro{ padding: 100px 40px;}
	.party_sign{ float: right; margin: 40px 0 0 0; }

	#buy_dtl{ margin-top: 53px; }
	.buy_dtl_up_1{ width: 100%; max-width: 748px; margin: 0 20px; }
}

@media all and (max-width: 767px) {
	.bnr_buy h2{ width: 470px; padding: 35px 0 35px 150px; font-size: 1.85em; background-size: auto 100px;}
	.inr_buy h2 span{ margin-top: 4px; font-size: .2em;}

	.pdt_dtl_up_1{ width: 100%; padding-right: 0px; }
	.pdt_dtl_up_2{ width: 100%; margin: 20px 0 0 0px; }

	.pdt_dtl_up_ft{ margin: 40px 0 0 0;}
	.pdt_dtl_up_ft li i{ width: 50px; height: 50px;}
	.pdt_dtl_up_ft li p{ margin-left: 10px; font-size: 1em;}

	.buy_dtl_up h2 > span, #timeline h2 > span{ width: 100%; margin: 10px 0 20px 0; display: block; }

	.tbl_caption{ display: none; }
	.tbl_list{ text-align: left; }
	.tbl_list b{ width: 60px; display: inline-block; }
	.tbl_list .tbl_thumb{ display: none; }
	.tbl_img{ width: 100%; max-width: 200px; margin: 10px 0; }
	.tbl_list p{ padding: 10px 0; color: var(--color-01) !important; display: inline-block; }
	.tbl_sum{ text-align: left; }
	.tbl_sum > div:nth-child(1){ display: none; }

	.num_counter.cart .num_counter_btn{ margin: 0 0 0 60px; top: -35px;}
}

@media all and (max-width: 600px) {
}

@media all and (max-width: 575px) {
	h2{ font-size: 1.5em; }
	h3{ font-size: 1.375em; }
	h4{ font-size: 1.25em; }
	h5{ font-size: 1.125em; }
	h6{ font-size: 1em; }

	section{ padding: 40px 0; }
	section h2{ margin: 0 0 20px 0;}

	.container{ padding: 0 15px; }

	.logo .slogan li{ float: none; margin: 2px 0 2px 5px; padding: 2px 5px; font-size: .3em; line-height: 1em; background: linear-gradient(to right,  #70c4ea 0%,#d4b879 100%); border-radius: 10px;}

	.party_logo p{ font-size: 1.25em;}
	.party_intro{ padding: 30px 30px;}
	.party_intro a{ margin-right: 5px; font-size: .875em; }
	.party_sign p{ margin: 0px 10px 0 0; font-size: 1em; }
	.party_sign img{ width: 120px; }

	#i_contract h2{ letter-spacing: 10px; text-indent: 10px; }
	#i_contract h2 span{ margin-top: 10px; letter-spacing: 5px; text-indent: 5px; }

	.bnr_inr{ display: block; }
	.bnr_inr h2{ font-size: 1.5em;}
	.inr_buy h2{ width: 100%; padding: 160px 20px 20px 20px; background: url('../../../img/pic-h2_buy.webp') center top no-repeat; background-size: auto 140px; text-align: center;}
	.inr_buy h2 span{ margin-top: 10px; font-size: .2em; letter-spacing: 2px; text-indent: 2px;}

	.regi_box{ padding: 30px 30px;}

	#news{ background-size: 50% auto; }
	.slick_wrap.news{ margin: 0 -12px; padding: 0 !important;}
	.news_wrap{ margin: 0px 0px;}
	.news_img_wrap{ border-radius: 10px;}
	.news_txt p{ margin: 5px 0; font-size: 1em;}

	.share li{ font-size: .8875em; }
	.share li i{ width: 20px; }
	.share li span{ margin-top: -2px; margin-left: 12px; line-height: .75em; }

	#sticky_nav a{ padding: 9px 0; color: var(--color-03); font-size: 1em; letter-spacing: 0; }

	#buy_dtl{ margin-top: 63px; }
	.buy_dtl_up h2, #timeline h2{ font-size: 2em;}
	.buy_dtl_up .carousel-indicators, .pdt_dtl_up_2 .carousel-indicators{ bottom: -60px; }
	.buy_dtl_up .carousel-indicators button, .pdt_dtl_up_2 .carousel-indicators button{ width: 10px; height: 10px; margin: 0 5px; }
	.subtitle{ margin: -10px 0 30px 0; font-size: 1.25em; }
	.prebuy{ font-size: 1.5em !important;}

	.counterdown .counterdown_box{ padding: 10px;}
	.counterdown .counterdown_box p{ font-size: 2.5em;}

	.btn-cart_add2{ width: 100%; padding: 5px 10px 8px 10px; font-size: 2em;}

	#veg .veg_txt h2{ margin: 0 0 0 30px; font-size: 2.5em; letter-spacing: 15px; }
	#veg .veg_txt p{ max-height: 480px; font-size: 1em; line-height: 1.75em; letter-spacing: 4px; text-align: justify; }
}

@media all and (max-width: 480px) {
	.prize .story_box p{ margin-left: 74px; }

	.counterdown{ margin: 20px 0 40px 0;}
	.counterdown .counterdown_box p{ font-size: 2em;}
}

@media all and (max-width: 375px) {
	:root{
  	--header-height: 73px;
	}

	.logo a{ width: 130px; height: 45px; }

	#buy_dtl{ margin-top: 58px; }
}

@media all and (max-width: 374px) {
	.party_intro{ padding: 20px 20px;}
	.party_intro a{ margin: 5px 5px 5px 0; font-size: .813em; }
	.party_logo p{ font-size: 1em;}

	#i_contract h2{ letter-spacing: 10px; text-indent: 10px; }
	#i_contract h2 span{ margin-top: 10px; letter-spacing: 2px; text-indent: 2px; }

	.pdt_dtl_up_ft li p{ font-size: .75em;}

	.counterdown .counterdown_box p{ font-size: 1.25em;}

	.pdt_dtl_up_label li{ margin: 2px 10px 2px 0; }
	.pdt_dtl_up_label li p{ width: 130px; padding: 8px 13px; font-size: .813em;}
}