@media only screen and (max-width:949px) {
	#header {
		width: 100%;
		height: auto;
		background: 0 0;
		-webkit-box-shadow: rgba(217, 217, 217, .3) 0 3px;
		-moz-box-shadow: rgba(217, 217, 217, .3) 0 3px;
		box-shadow: rgba(217, 217, 217, .3) 0 3px
	}

	.header {
		width: 100%
	}

	#header_top {
		width: 98%;
		padding: 0 1%
	}

	#header_search {
		width: 300px
	}

	#search_input .focusArea {
		width: 120px
	}

	#Navi {
		width: 98%;
		padding: 0 1%;
		background: #fff;
		background: -moz-linear-gradient(top, #fff 0, #fff 50%, #f6f6f6 50%, #fdfdfd 100%);
		background: -webkit-linear-gradient(top, #fff 0, #fff 50%, #f6f6f6 50%, #fdfdfd 100%);
		background: -o-linear-gradient(top, #fff 0, #fff 50%, #f6f6f6 50%, #fdfdfd 100%);
		background: -ms-linear-gradient(top, #fff 0, #fff 50%, #f6f6f6 50%, #fdfdfd 100%);
		background: linear-gradient(to bottom, #fff 0, #fff 50%, #f6f6f6 50%, #fdfdfd 100%)
	}

	#Navi ul {
		width: 100%;
		height: auto
	}

	#Navi ul.clearfix {
		display: flex;
		width: 100%;
		height: auto;
		align-items: center
	}

	#Navi ul.clearfix>li {
		height: 3.899vw
	}

	#Navi ul.clearfix>li>a {
		display: block;
		height: 100%
	}

	#Navi ul.clearfix>li a {
		padding-top: 0;
		background-size: contain!important
	}

	#Navi ul.clearfix>li.navi01 {
		width: 11.486%
	}

	#Navi ul.clearfix>li.navi02 {
		width: 12.961%
	}

	#Navi ul.clearfix>li.navi03 {
		width: 14.752%
	}

	#Navi ul.clearfix>li.navi04 {
		width: 16.333%
	}

	#Navi ul.clearfix>li.navi05 {
		width: 11.591%
	}

	#Navi ul.clearfix>li.navi06 {
		width: 14.647%
	}

	#Navi ul.clearfix>li.navi07 {
		width: 18.23%
	}

	#Navi ul.clearfix .child-nav-box {
		top: 75px
	}

	#Navi ul.clearfix .child-nav-box .child-nav-head {
		margin-left: 10px
	}

	#Navi ul.clearfix .child-nav-box .child-nav-txt ul {
		padding-left: 10px
	}

	#Navi ul.clearfix .child-nav-box .child-nav-category img {
		width: 100%
	}

	#Navi ul.clearfix .child-nav-box .child-nav-category a {
		width: auto
	}

	#Navi ul.clearfix .child-nav-box .child-nav-body img,
	#Navi ul.clearfix .child-nav-box .child-nav-txt a,
	#Navi ul.clearfix .child-nav-box>div {
		width: 100%
	}

	#Navi ul li a {
		width: 16.65%;
		height: 0;
		padding-top: 4%;
		background-size: contain!important
	}

	#footer,
	#footer02 {
		padding-bottom: 0
	}

	.footer {
		width: 100%
	}

	.footer_left {
		width: 96%;
		padding-bottom: 10px
	}

	.footer_right {
		width: 98%;
		margin-right: 2%
	}

	.copyright {
		width: 100%;
		background-position: right;
		background-size: contain!important
	}

	.footer_left ul {
		width: 100%
	}

	.footer_left ul a {
		margin: 0 10px 10px 0
	}

	.pagetop {
		width: 98%!important;
		padding: 0
	}
}

@media only screen and (max-width:640px) {
	.content,
	.footer,
	.footer_left,
	.footer_right {
		width: 100%
	}
}