@media screen and (max-width: 1200px) {
	/*=======================================================
		main_img_area
	=======================================================*/
	#main_img_area {
		width: 100%;
	}
	#main_img_area img {
		max-width: 1070px;
		width: 90%;
	}
	
	/*=======================================================
		menu_area
	=======================================================*/
	.menu_area {
		height: 60px;
	}
	
	.menu_area ul {
		width: 900px;
	}
	
	.menu_area ul li#menu_outline,
	.menu_area ul li#menu_place,
	.menu_area ul li#menu_entry,
	.menu_area ul li#menu_table {
		width: 300px;
		height: 60px;
	}
	
	.menu_area ul li#menu_outline a,
	.menu_area ul li#menu_place a,
	.menu_area ul li#menu_entry a,
	.menu_area ul li#menu_table a {
		width: 300px;
		height: 60px;
		background-size: cover;
	}
	
	.menu_area ul li#menu_outline a img,
	.menu_area ul li#menu_place a img,
	.menu_area ul li#menu_entry a img,
	.menu_area ul li#menu_table a img {
		width: 100%;
	}
	
	/*=======================================================
		main_area
	=======================================================*/	
	.main_area_detail {
		width: 100%;
	}
}

@media screen and (max-width: 979px) {
	#main_area .section {
		width: 100%;
	}
	
	#main_area .section h2 {
		width: 96%;
		background-size: contain;
		margin: 0 auto 10px;
	}
	
	#main_area .section iframe {
		width: 90%;
	}
	
	/* table_area */
	#table_area .table_part_list li {
		width: 12.5% !important;
	}
	
	#table_area dl dd img {
		width: 100%;
	}
	
	/* kachinuki */
	.champion_area img {
		width: 80% !important;
	}
	
	.kachinuki_area ul li {
		width: 23%;
	}
	
	/* snapshot */	
	.snapshot_area ul li {
		width: 31.33%;
	}	
}

@media screen and (max-width: 900px) {
	/*=======================================================
		menu_area
	=======================================================*/
	.menu_area {
		height: auto;
		background: none;
	}
	
	.menu_area ul {
		width: 100%;
		margin-bottom: 0;
	}
	
	.menu_area ul li#menu_outline,
	.menu_area ul li#menu_entry,
	.menu_area ul li#menu_place,
	.menu_area ul li#menu_table {
		width: 50%;
		height: 60px;
	}
	
	.menu_area ul li#menu_entry{
		width: 100%;
		height: 60px;
	}
		
	.menu_area ul li#menu_outline a,
	.menu_area ul li#menu_entry a {
		width: 100%;
		height: 60px;
		display: block;
		text-indent: 0px;
		color: #FFF;
		background: url(../img/line_menu_01.gif) 100% 50% repeat-y,
					url(../img/bg_menu.jpg) 50% 50% repeat-x;
		background-size: auto;
		line-height: 60px;
		font-size: 24px;
		text-decoration: none;
	}
	
	.menu_area ul li#menu_place a,
	.menu_area ul li#menu_table a {
		width: 100%;
		height: 60px;
		display: block;
		text-indent: 0px;
		color: #FFF;
		background: url(../img/line_menu_02.gif) 0 50% repeat-y,
					url(../img/bg_menu.jpg) 50% 50% repeat-x;
		background-size: auto;
		line-height: 60px;
		font-size: 24px;
		text-decoration: none;
	}
	
	.menu_area ul li#menu_outline a img,
	.menu_area ul li#menu_entry a img,
	.menu_area ul li#menu_place a img,
	.menu_area ul li#menu_table a img {
		display: none;
	}
	
	#anchor_outline,
	#anchor_place,
	#anchor_entry,
	#anchor_table {
		position: absolute;
		top: -120px;
	}
	
	/*=======================================================
		bnr_area
	=======================================================*/
	#bnr_area {
		margin-top: 50px !important;
	}
	
	#bnr_area ul li,
	#bnr_area ul li:first-child {
		width: 90%;
		margin: 0 auto 10px;
		float: none;
	}	
}

@media screen and (max-width: 640px) {
	/*=======================================================
		body
	=======================================================*/
	#top_text_area h1 {
		letter-spacing: 1em;
	}
	
	#container {
		background-size: cover;
	}
	
	#main_img_area {
		padding-top: 35px;
	}
	
	.menu_area ul {
		margin-top: 20px;
	}
	
	/*=======================================================
		main_area
	=======================================================*/
	#main_area .section h2 {
		width: 100%;
		background: url(../img/bg_gray.jpg) 50% 50% repeat-x;
		background-size: contain;
		height:60px;
		text-align: center;
		text-indent: 0;
		color: #262C37;
		line-height: 60px;
		font-size: 24px;
	}
	
	/* kachinuki */
	.kachinuki_area ul li {
		width: 31.33%;
	}
	
	/* snapshot */	
	.snapshot_area ul li {
		width: 48%;
	}	

	/*=======================================================
		pagetop_area
	=======================================================*/
	#pagetop_area a {
		width: 60px;
		height:60px;
		background-size: cover;
	}
	
	/*=======================================================
		footer
	=======================================================*/
	#footer {
		height: 50px;
	}
	
	#footer p {
		line-height: 50px;
	}
}

@media screen and (max-width: 399px) {
	/* kachinuki */
	.kachinuki_area ul li {
		width: 48%;
	}
}