@charset "utf-8";

/* Responsive
------------------------------------------------*/

@media only screen and (max-width: 1490px) {
	
}

@media only screen and (max-width: 1320px) {
	
}
	
/* 1024*
------------------------------------------------*/
@media only screen and (max-width: 1142px) and (min-width: 986px){
	.container { width: 1000px; }
	.content-centered { width: 1000px; }
	.content-col { width: 210px; }
	.header-divider, .footer-divider { width: 940px }
	.content-main-ttl { font-size: 20px; }
	.content-col-ttl { font-size: 25px; }
	.content-col-pic { width: 185px; height: 150px; background-size: 100%; }
}


/* 768*
------------------------------------------------*/
@media only screen and (max-width: 985px) and (min-width: 768px){
	.container { width: 700px; }
	.content-centered { width: 700px; }
	.content-col { width: 135px; }
	.header-divider, .footer-divider { width: 640px; }
	.content-main-ttl { font-size: 20px; }
	.content-col-ttl { font-size: 14px; }
	.content-col-pic { width: 115px; height: 120px; background-size: 100%; }
	.default-btn { font-size: 11px; }
	.icon-05, .icon-06, .icon-07 { background-position: 50% 50%; }
}

/* 480*
------------------------------------------------*/
@media only screen and (max-width: 767px) and (min-width: 320px){
	body { background-repeat: repeat; }
	.header-centered img { width: 50%; }
	.container { width: 400px; }
	.content-centered { width: 400px; }
	.content-col { width: 100%; margin: 0 0 30px 0; }
	.header-baseline { font-size: 14px; bottom: 9px; left: 212px; }
	.header-divider, .footer-divider { width: 86%; }
	.content-main-ttl { font-size: 16px; }
	.content-col-ttl { font-size: 16px; }
	.content-col-pic { width: 145px; height: 120px; background-size: 100%; }
	.default-btn { font-size: 11px; }
	.icon-05, .icon-06, .icon-07 { background-position: 50% 50%; }
}

/* 320*
------------------------------------------------*/
@media only screen and (max-width: 479px){
	body { background-repeat: repeat; }
	.header-centered img { width: 50%; }
	.container { width: 300px; }
	.content-centered { width: 300px; }
	.content-col { width: 100%; margin: 0 0 30px 0; }
	.header-baseline { font-size: 14px; bottom: 9px; left: 165px; }
	.header-divider, .footer-divider { width: 86%; }
	.content-main-ttl { font-size: 16px; }
	.content-col-ttl { font-size: 16px; }
	.content-col-pic { width: 145px; height: 120px; background-size: 100%; }
	.default-btn { font-size: 11px; }
	.icon-05, .icon-06, .icon-07 { background-position: 50% 50%; }
	.footer-divider { margin: 15px auto; }
}

/* Retina stuff*
------------------------------------------------*/

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    
}