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

	/*=======================================================
		common
	=======================================================*/
	section {
		width: 980px;
	}
}

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

	/*=======================================================
		body
	=======================================================*/
	#body_bg {
		/* background-size: 1600px; */
	}

	/*=======================================================
		common
	=======================================================*/
	section {
		width: 640px;
	}

	.sttl {
		line-height: 1.2em;
		text-align: center;
	}

	.youtube_box iframe {
		width: 640px;
		height: 360px;
	}

	.img_list_02 li {
		width: 100%;
		margin: 0 auto 20px;
	}

	.ttl span {
		padding: 0.12em;
	}

	table th,
	table.th_w_40 th {
		width: auto;
		display: block
	}

	table td {
		width: auto;
		display: block
	}

	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area {
		padding-top: 250px;
	}

	#logo_area h1 {
		height: 409px;
	}

	#logo_s_area h2 {
		padding: 0.23em 2em 0.23em;
	}

	/*=======================================================
		menu_box
	=======================================================*/
	.menu_box ul a {
		padding: 0 0.6em;
	}

	/*=======================================================
		sub_info_box
	=======================================================*/
	.sub_info_box {}

	.sub_info_traffic_box {
		text-align: right;
	}

	.sub_info_access_box {
		width: 28%;
	}

	/*=======================================================
		top_mural_area
	=======================================================*/
	#top_mural_area p {
		width: 96%;
	}

	.sponsor_box li {
		width: 46%;
		margin: 0 2% 20px;
	}

	/*=======================================================
		top_entry_area
	=======================================================*/
	.main_page .entry_img_box {
		width: 100%;
		margin-bottom: 20px;
	}

	.main_page .entry_img_box img {
		width: 60%;
		max-width: 480px;
	}

	.main_page .entry_text_box {
		width: 90%;
		margin: 0 auto;
	}

	.main_page .entry_text_box p {}

	.main_page .entry_kids_ana_box p,
	.entry_race_box>p,
	.entry_mhs_box>p {
		/* text-align: left; */
	}

	.entry_kids_ana_box p .inline_block,
	.entry_race_box>p .inline_block {
		display: inline;
	}

	.gondola_img_list li {
		width: 80%;
		margin: 0 auto 30px;
	}

	.entry_mhs_box>p .inline_block {
		display: inline;
	}

	/*=======================================================
		top_fotfes_area
	=======================================================*/
	.fotfes_act_img_list li {
		width: 48%;
		margin: 0 1% 30px;
	}

	/*=======================================================
		footer_info_area
	=======================================================*/
	.footer_tel_box a {
		pointer-events: inherit;
	}

	.footer_menu_box ul li {
		width: 48%;
		margin: 0 1% 10px;
	}

	#footer p {
		font-size: 20px;
	}
}

@media screen and (max-width: 639px) {
	#btn_sns_area {
		right: 100px;
	}

	/*=======================================================
		common
	=======================================================*/
	section {
		width: 400px;
	}

	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area h1 {}

	/*=======================================================
		footer
	=======================================================*/
	#footer {
		height: 100px;
	}

	#footer p {
		line-height: 100px;
		font-size: 10px;
	}
}