/* CSS Document */
@media screen and (max-width: 1080px) {
	body_1080 {}
	
	.footer ul {
		float:none;
		padding-top:70px;
		margin:auto;
		display:inline-block;
		padding-right:30px;
	}
	
	.footer .copy {
		float:none;
		margin:auto;
		display:inline-block;
	}
	
	.footer .mobile_sep {
		display:block;
	}
}

@media screen and (max-width: 920px) {
	body_920 {}
	
	.header .logo img {
		width:120px;
		display:inline-block;
		margin-top:10px;
	}
	
	.header .for_menu ul {
		width: calc((100% - 120px) / 2);
	}
	
	.header .for_menu ul li a {
		font-size:15px;
		letter-spacing:-0.3px;
	}
	
	.top_banner {
		padding-top:40px;
	}
	
	.top_banner h1 {
		top:-30px;
		transform: scale(0.8);
	}
	
	.top_banner .for_bg .corny_snack {
		width:260px;
		bottom:-30px;
	}
	
	.top_banner p {
		max-width:520px;
		font-size:18px;
		line-height:22px;
	}
	
	.for_images .images {
		gap:15px;		
	}
	
	.for_images .images .month_name,
	.for_images .images img {
		width: calc((100% - 45px) / 4);
	}
	
	.for_images .images .month_name .text {
		padding-left:10px;
		padding-right:10px;
		font-size:22px;
		line-height:28px;
	}
	
	.for_win_list .win_list .win_month .post_list .post {
		width: calc(((100% - 40px) / 3) - 30px);
		padding:15px;
	}
}

@media screen and (max-width: 880px) {
	body_880 {}
	
	.for_win_list .win_list .win_month .post_list .post {
	    width: calc(((100% - 20px) / 2) - 40px);
	    padding: 20px;
    }
}

@media screen and (min-width: 781px) {
	body_781 {}
	
	.header .for_menu {
		display:block !important;
	}
}

@media screen and (max-width: 780px) {
	body_780 {}
	
	.header {
		padding-left:0;
		padding-right:0;
	}
	
	.header .logo {
		float:left;
		display:block;
		margin-left:15px;
	}
	
	.header .logo img {
		width:150px;
	}
	
	.header .for_menu {
		position:absolute;
		right:0;
		top:90px;
		background:#FBB501;
		width:100%;
		z-index:5;
		display:none;	
	}
	
	.header .for_menu ul {
		width:100%;
		padding-top:0;
	}
	
	.header .for_menu ul.left {
		padding-top:30px;
	}
	
	.header .for_menu ul.right {
		padding-bottom:30px;
	}
	
	.header .for_menu ul.left,
	.header .for_menu ul.right {
		float:none;
	}
	
	.header .for_menu ul li {
		width:100%;
		float:none;
	}
	
	.header .for_menu ul.left li,
	.header .for_menu ul.right li {
		text-align:center;
	}
	
	.header .for_menu ul li.wide {
		width:100%;
	}
	
	.header .for_menu ul li a {
		font-size:16px;
		letter-spacing:0;
		display:block;
		padding:15px 20px;
	}
	
	.header .mobile_menu {
		display:block;
	}
	
	.top_banner .for_bg .bg {
		height:460px;
	}
	
	.top_banner .for_bg .corny_snack {
		display:none;
	}
}

@media screen and (max-width: 680px) {
	body_680 {}
	
	.for_images .images {
		gap:20px;
		max-width:450px;
		margin:auto;
	}
	
	.for_images .images .month_name,
	.for_images .images img {
		width: calc((100% - 20px) / 2);
	}
	
	.for_win_list .win_list .win_month .post_list .post {
		width: calc(((100% - 20px) / 2) - 30px);
		padding:15px;
	}		
}

@media screen and (max-width: 540px) {
	body_540 {}
	
	.top_banner {
		padding-top:30px;
	}
	
	.top_banner h1 {
		z-index:2;
		top:-50px;
		transform: scale(0.7);
	}
	
	.top_banner .for_bg .bg {
		height:320px;
	}
	
	.top_banner p {
		font-size:16px;
		padding-left:20px;
		padding-right:20px;
	}
	
	.for_win_list .win_list .win_month .post_list .post {
		width: calc(100% - 40px);
		padding:20px;
	}
	
	.for_win_list .win_month:not(.first) {
		display:none;
	}
	
	.for_win_list .win_next_button {
		display:inline-block;
	}
	
	.footer ul {
		padding-right:0;
		padding-top:40px;
	}
	
	.footer ul li {
		float:none;
		margin-left:0;
		padding-top:30px;
	}
	
	.footer .copy img {
		margin:auto;
		float:none;
	}
	
	.footer .copy p .sep {
		display:block;
	}
}

@media screen and (max-width: 480px) {
	body_480 {}
	
	.for_game_points .game_points .points .point {
		display:block;
	}
	
	.for_game_points .game_points .points .point .number {
		margin:auto;
	}

	.for_game_points .game_points .points .point img {
		display:none;
	}
	
	.for_game_points .game_points .points .point p {
		text-align:center;
		padding-top:20px;
	}
	
	.for_game_points .game_points .points .point p.p_2 {
		margin:auto;
	}
	
	.for_prices .price_box.price_box_1 {
		float:none;
		max-width:241px;
		margin:auto;
		padding-bottom:40px;
	}
	
	.for_prices .price_box.price_box_2 {
		float:none;
		max-width:151px;
		margin:auto;
	}
	
	.for_prices .price_box.price_box_2 .number {
		left:auto;
		right:-5px;
	}
	
	.for_prices .price_box.price_box_2 .desc {
		right:-5px;
	}
	
	.for_prices .price_box .number {
		font-size:42px;
	}
	
	.for_prices .price_box .desc strong {
		font-size:26px;
	}
	
	.for_prices .price_box .desc {
		font-size:14px;
		line-height:18px;
	}
	
	.for_win_list .win_list {
		padding-left:15px;
		padding-right:15px;
	}
	
	.for_win_list .win_list .win_month .post_list .post {
		width: calc(100% - 30px);
		padding:15px;
	}
}

@media screen and (max-width: 380px) {
	body_380 {}
	
	.header .logo {
		margin-left:15px;
	}
	
	.header .logo img {
		width:120px;
	}
	
	.header .mobile_menu {
		background-size:45px auto;
		width:45px;
		height:45px;
		right:15px;
		top:20px;
	}

	.top_banner p {
		font-size:14px;
		padding-left:15px;
		padding-right:15px;
	}	
	
	.for_images h2 {
		transform: scale(0.8);
	}
	
	.for_images h2 .bg_2 {
		margin-left:80px;
	}
	
	.for_images .images {
		padding:30px 15px;
		gap:10px;
	}
	
	.for_images .images .month_name,
	.for_images .images img {
		width: calc((100% - 10px) / 2);
	}
	
	.for_images .images .month_name .text {
		font-size:20px;
		line-height:26px;
	}
}