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

@media all and (max-width: 1299px) {
  body{ padding: 0 0 41px 0;}
	.logo{ width: auto;}

	.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; }
}

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

	.funder .story_box{ margin-top: 40px; }
	.funder .story_box p.en{ margin-top: 10px;}
	.funder_img{ margin: 30px 0 0 10px; position: static; }
}

@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%; }

	.word_img{ float: none; max-width: 566px; margin: 0 auto 30px auto; }
	.word_img2{ float: none; max-width: 550px; margin: 30px auto; }
}

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

	.news_wrap{ margin: 10px 10px;}
}

@media all and (max-width: 767px) {
	.top_shadow{ height: 150px;}
	header{ margin: 20px 0 0 0;}

	.logo a{ width: 150px; height: 53px; }
	.logo span{ margin: 17px 0 0 15px; font-size: .75em; letter-spacing: 4px; }

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

	section h2 ul.t2 li{ margin: 20px 0px;}

	.funder .story_box:nth-child(1){ flex-basis: 100%; text-align: center;}
	.funder .story_box:nth-child(2){ margin-top: 30px; flex-basis: 100%;}
}

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

@media all and (max-width: 575px) {
	h2{ font-size: 1.5em; }

	main{ min-height: auto; margin-top: 60px;}
	section{ padding: 50px 0; }
	section h2{ margin: 0 0 20px 0;}
	section h2 ul li{ margin: 20px 10px;}

	.container{ padding: 0 10px; }

	.top_shadow{ height: 100px;}
	.logo span{ width: 98px; margin: 21px 0 0 15px; letter-spacing: 2px; }

	.toggle-overlay { padding: 6px 10px 4px 10px;}

	footer{ padding: 40px 0;}

	#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;}

	.stores_txt h3{ margin-bottom: 20px; padding-left: 10px;}
	.stores_txt article{ margin: 0 0 10px 20px; font-size: 1em;}

	.btn-frame{ width: 150px !important; height: 71px !important; margin-right: 10px; font-size: 1.25em; line-height: 69px;}

	section h2 ul.t2 li a.btn-frame{ width: 100px !important; height: 48px !important; font-size: .65em !important; line-height: 46px; letter-spacing: 2px; text-indent: 2px;}

	.story_box p{ 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; }
}

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

@media all and (max-width: 375px) {
	.logo a{ width: 130px; height: 46px; }
	.logo span{ letter-spacing: 0px; }

	.toggle-overlay { padding: 2px 10px 0px 10px;}

	.prize .story_box p{ margin-left: 54px; }
}

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