*{
	box-sizing: border-box;
}
h1{
	line-height: 100%;
}

/************************************************************************/


@media only screen and (max-width:480px){
	.wrap{
		width: 100%;
	}
	.menuitem{
		margin-bottom: 10px;
	}
	#page{
		padding-top: 20px;
	}
	#r_c{
		margin-top: 15px;
	}
	#left{
		width: 175px;
		margin: 0 auto;
		display: block;
	}
	#center{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	#eshopsearch_container{
		position: static !important;
		margin-left: 0 !important;
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
	#headRight{
		right: 0;
		z-index: 10;
	}
	#headSlogan{
		z-index: 11;
		position: relative;
	}
	table{
		width: 100% !important;
		display: block;
	}
	iframe{
		width: 100% !important;
	}
	#woodsearch{
		position: static !important;
		margin-left: 0 !important;
	}
	#woodsearch form{
		text-align: center !important;
		margin-top: 50px;
	}
	.fajokItem{
		width: 100%;
		margin: 5px !important;
	}
	#ntw_c{
		text-align: initial !important;
		margin-left: 15px;
		margin-bottom: 15px;
		height: 131px !important;
		width: 175px !important;
	}
	.mcc_cnt, #ntw_c{
		float: none !important;
		display: inline-block !important;
	}
	#left > div:first-child{
		display: inline;
	}
	p img, div > img:only-child, p strong img{
		max-width: 95% !important;
		margin-left: 0 !important;
		margin-bottom: 0 !important;
		margin-right: 0 !important;
	}
	#headLogoCover, #headSlogan{
		display: block;
		margin: 0 auto;
		position: relative;
		top: 10px;
		z-index: 0;
	}	
	
	.mobile_menu_button{
		position: fixed;
		top: 15px;
		right: 15px;
		height: 44px;
		width: 44px;
		background-image: url("_img/mobmenu.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		z-index: 999;
		cursor: pointer;
	}
	.mobile_menu_button_shadow{
		position: fixed;
		top: 16px;
		right: 14px;
		height: 44px;
		width: 44px;
		background-image: url("_img/mobmenu_shadow.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center center;		
		z-index: 998;
	}
	
	.mobmenu{
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 0px;
		z-index: 990;
		background: #F0F0D2;
		color: black;
		overflow: hidden;
		padding-top: 10px;
		overflow-y: scroll !important;
	}
	.mobmenu .menu_cnt{
		padding-top: 30px;
		padding-bottom: 80px;
	}
	.mobmenu .menu_cnt a, .mobmenu .menu_cnt a .menuitem{
		width: 100% !important;
		display: block !important;
	}
	#headRight{
		display: none;
	}
	#div_75{
		display: none;
	}
	
	
	.fixed{
		position: fixed;
	}
	.rate_widget{
		width: 100% !important;
	}
	#div_309{
		width: 175px !important;
		margin: 0 auto;
	}
	
	table tr td:not(.nobl tr td){
		display: block !important;
		width: 100% !important;
	}
	
	.thing{
		position: relative !important;
		margin-left: 0 !important;
		margin-top: 0 !important;
	}
	.thing .fu{
		display: inline-block !important;
		width: auto !important;
	}
	#header .disp_content_text{
		height: 90px;
	}
}

/************************************************************************/


@media only screen and (max-width:720px) and (min-width: 481px){
	.wrap{
		width: 100%;
	}
	.menuitem{
		margin-bottom: 10px;
	}
	#page{
		padding-top: 90px;
	}
	#r_c{
		margin-top: 15px;
	}
	#left{
		width: 410px;
		margin: 0 auto;
		display: block;
	}
	#center{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	#eshopsearch_container{
		position: static !important;
		margin-left: 0 !important;
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
	#headRight{
		right: 0;
		z-index: 10;
	}
	#headSlogan{
		z-index: 11;
		position: relative;
	}
	table{
		width: 100% !important;
		display: block;
	}
	iframe{
		width: 100% !important;
	}
	#woodsearch{
		position: static !important;
		margin-left: 0 !important;
	}
	#woodsearch form{
		text-align: center !important;
		margin-top: 50px;
	}
	.fajokItem{
		width: 100%;
	}
	#ntw_c{
		text-align: initial !important;
		margin-left: 15px;
		margin-bottom: 15px;
		height: 131px !important;
		width: 175px !important;
	}
	.mcc_cnt, #ntw_c{
		float: none !important;
		display: inline-block !important;
	}
	#left > div:first-child{
		display: inline;
	}
	p img, div > img:only-child{
		max-width: 95% !important;
	}
	#headLogoCover, #headSlogan{
		display: block;
		margin: 0 auto;
		position: relative;
		top: 10px;
		z-index: 99;
	}
	.rate_widget{
		width: 100% !important;
	}

	#header .disp_content_text{
		height: 103px;
	}
}

/************************************************************************/


@media only screen and (max-width:920px) and (min-width: 721px){

	#ntw_c{
		width: auto !important;
		text-align: initial !important;
		margin-left: 15px;
		margin-bottom: 15px;
	}
	.wrap{
		width: 100%;
	}
	.menuitem{
		margin-bottom: 10px;
	}
	#page{
		padding-top: 70px;
	}
	#r_c{
		margin-top: 15px;
	}
	#left{
		width: 30%;
	}
	#center{
		width: 65%;
	}
	#eshopsearch_container{
		position: static !important;
		margin-left: 0 !important;
		margin-top: 50px !important;
	}
	#headRight{
		right: 0;
		z-index: 10;
	}
	#headSlogan{
		z-index: 11;
		position: relative;
	}
	table{
		width: 100% !important;
		display: block;
	}
	iframe{
		width: 100% !important;
	}
	#woodsearch{
		position: static !important;
		margin-left: 0 !important;
	}
	
	#header .disp_content_text{
		height: 103px;
	}
	
}

@media only screen and (max-width:1120px){
	#bigTree{
		display: none;
	}	
}