article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

*, *:before, *:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	-webkit-box-shadow: border-box;
}

/*

@media screen and (min-width:769px) and (max-width:991px)
@media screen and (min-width:768px) and (max-width:878px)

@media screen and (min-width:601px) and (max-width:991px)
@media screen and (min-width:601px) and (max-width:768px)

@media screen and (min-width:481px) and (max-width:991px)
@media screen and (max-width:481px) and (max-width:768px)
@media screen and (min-width:481px) and (max-width:600px)

@media screen and (max-width:991px)
@media screen and (max-width:768px)
@media screen and (max-width:600px)
@media screen and (max-width:480px)

@media screen and (min-width:992px)

, only screen and (min-width: 1000px) and (max-width:1050px) and (-webkit-min-device-pixel-ratio:0)


*/
@media (min-width: 1000px) and (max-width: 1050px)  {
	
}

@media (min-width: 800px) and (max-width: 1000px) {
	
}

@media (min-width: 768px) and (max-width: 799px){
	
}

@media (min-width: 600px) and (max-width: 767px){
	body{background:url(../images/layout/bg-html.png) 0 0 repeat;}
	.container{ overflow:hidden;}
	
	header{ height:auto; min-height:30px;}
	header .model-container{ display:none;}
	header .contact-us{ position:relative; top:0px; left:0px; padding:30px 20px; overflow:hidden; width:100%;}
	
	aside{ width:100%; margin:0px;}
	aside #news{ display:none;}
	
	#content{ width:100%; padding:20px;}
	#photo a{width:30%;}
	
	footer{text-align:center;}
	footer .separator{ background-position:center center; left:0px; margin:0 0 10px 0;}
}

@media (min-width: 490px) and (max-width: 599px){
	body{background:url(../images/layout/bg-html.png) 0 0 repeat;}
	.container{ overflow:hidden;}
	
	header{ height:auto; min-height:30px;}
	header .model-container{ display:none;}
	header .contact-us{ position:relative; top:0px; left:0px; padding:30px 20px; overflow:hidden; width:100%;}
	header .brand{ text-align:center; width:100%; display:block;}
	header .navi-add{ width:100%; background:url(../images/layout/bg-header.png) 0 0 repeat;}
	header .navi-add li{ padding:0 15px; margin:10px 0;}
	
	aside{ width:100%; margin:0px;}
	aside #news{ display:none;}
	
	#content{ width:100%; padding:20px;}
	#photo a{width:30%;}
	
	.col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{width:100%;}
	footer{text-align:center;}
	footer .separator{ background-position:center center; left:0px; margin:0 0 10px 0;}
}

@media (min-width: 361px) and (max-width: 490px){
	body{background:url(../images/layout/bg-html.png) 0 0 repeat;}
	.container{ overflow:hidden;}
	
	header{ height:auto; min-height:30px;}
	header .model-container{ display:none;}
	header .contact-us{ position:relative; top:0px; left:0px; padding:30px 20px; overflow:hidden; width:100%;}
	header .brand{ text-align:center; width:100%; display:block;}
	header .navi-add{ width:100%; background:url(../images/layout/bg-header.png) 0 0 repeat;}
	header .navi-add li{ padding:0 15px; margin:10px 0;}
	
	aside{ width:100%; margin:0px;}
	aside #news{ display:none;}
	
	#content{ width:100%; padding:20px;}
	#photo a{width:30%;}
	
	.col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{width:100%;}
	footer{text-align:center;}
	footer .separator{ background-position:center center; left:0px; margin:0 0 10px 0;}
}

@media (max-width: 360px) {
	body{background:url(../images/layout/bg-html.png) 0 0 repeat;}
	.container{ overflow:hidden;}
	
	header{ height:auto; min-height:30px;}
	header .model-container{ display:none;}
	header .contact-us{ position:relative; top:0px; left:0px; padding:30px 20px; overflow:hidden; width:100%;}
	header .brand{ text-align:center; width:100%; display:block;}
	header .navi-add{ width:100%; background:url(../images/layout/bg-header.png) 0 0 repeat;}
	header .navi-add li{ padding:0 15px; margin:10px 0;}
	
	aside{ width:100%; margin:0px;}
	aside #news{ display:none;}
	
	#content{ width:100%; padding:20px;}
	#photo a{width:30%;}
	
	.col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{width:100%;}
	footer{text-align:center;}
	footer .separator{ background-position:center center; left:0px; margin:0 0 10px 0;}
}