/* === MEDIA QUERIES - FULL SCREEN */
@media only screen and (min-width: 1000px) {


	.nov {display: none;}
	.nos {display: none;}

	.es-extra-nav-left {margin: 15px 0; line-height: 20px;}
	.es-extra-buttons {text-decoration: none !important; color: #fff !important;}
		.es-extra-buttons:hover {text-decoration: none !important;}
	.es-extra-buttons div {background: #666; max-width: 183px; padding: 5px; margin: 0 0 7px;}
		.es-extra-buttons div:hover {background: #ce0e2d;}

	.mid-layer {width: 100%; margin: 0; padding: 45px 0; position: relative;}
	
	/* ICONS CONTENT REUSE */
	.grid-layout .foot-icons {display: block; background: #fff; font-size: 76%;} /* ADJUST BASE FONT SIZE */
	.grid-layout .foot-icons-inner {max-width: 975px; margin: 5px auto 0;}
	.grid-layout .foot-icons-sp span {font-size: 130%;}
		.grid-layout .foot-icons-sp a:link	{text-decoration: none; color: #666; display: block;}
		.grid-layout .foot-icons-sp a:active, .foot-icons-sp a:hover 	{color: #ce0e2d;}	
	.grid-layout .foot-icons-sp {float: left; width: 24.5%; text-align: center;}
	
	/* ICONS PRE FOOTER */
	.foot-icons {display: block; background: #fff;}
	.foot-icons-inner {max-width: 1275px; margin: 5px auto 0;}
	.foot-icons-sp span {font-size: 130%;}
		.foot-icons-sp a:link	{text-decoration: none; color: #666; display: block;}
		.foot-icons-sp a:active, .foot-icons-sp a:hover 	{color: #ce0e2d;}	
	.foot-icons-sp {float: left; width: 24.5%; text-align: center;}
	
}
/* === MEDIA QUERIES - TABLET */
@media only screen and (min-width: 500px) and (max-width: 999px) {

	.noh {display: none;}

	.es-extra-nav-left {margin: 15px 0; line-height: 20px;}
	.es-extra-buttons {text-decoration: none !important; color: #fff !important;}
		.es-extra-buttons:hover {text-decoration: none !important;}
	.es-extra-buttons div {background: #666; padding: 5px; margin: 0 20px 20px 20px;}
		.es-extra-buttons div:hover {background: #ce0e2d;}
	
	.mid-layer {width: 100%; margin: 0; padding: 45px 0; position: relative;}
	
	/* ICONS CONTENT REUSE */
	.grid-layout .foot-icons {display: block; background: #fff; font-size: 76%;} /* ADJUST BASE FONT SIZE */
	.grid-layout .foot-icons-inner {max-width: 975px; margin: 5px auto 0;}
	.grid-layout .foot-icons-sp span {font-size: 120%;}
		.grid-layout .foot-icons-sp a:link	{text-decoration: none; color: #666; display: block;}
		.grid-layout .foot-icons-sp a:active, .foot-icons-sp a:hover 	{color: #ce0e2d;}	
	.grid-layout .foot-icons-sp {float: left; width: 24.5%; text-align: center;}

	/* ICONS PRE FOOTER */
	.foot-icons {display: block; background: #fff;}
	.foot-icons-inner {max-width: 975px; margin: 5px auto 0;}
	.foot-icons-sp span {font-size: 120%;}
		.foot-icons-sp a:link	{text-decoration: none; color: #666; display: block;}
		.foot-icons-sp a:active, .foot-icons-sp a:hover 	{color: #ce0e2d;}	
	.foot-icons-sp {float: left; width: 24.5%; text-align: center;}

}
/* === MEDIA QUERIES - HANDHELD */
@media only screen and (max-width: 499px) {

	.noh {display: none;}

	.es-extra-nav-left {margin: 15px 0; line-height: 20px;}
	.es-extra-buttons {text-decoration: none !important; color: #fff !important;}
		.es-extra-buttons:hover {text-decoration: none !important;}
	.es-extra-buttons div {background: #666; padding: 5px; margin: 0 20px 20px 20px;}
		.es-extra-buttons div:hover {background: #ce0e2d;}

	.mid-layer {width: 100%; margin: 0; padding: 45px 0; position: relative;}
	
	/* ICONS CONTENT REUSE */
	.grid-layout .foot-icons {display: block; background: #fff;  font-size: 76%;} /* ADJUST BASE FONT SIZE */
	.grid-layout .foot-icons-inner {max-width: 975px; margin: 5px auto 0px;}
	.grid-layout .foot-icons-sp span {font-size: 130%;}
		.grid-layout .foot-icons-sp a:link	{text-decoration: none; color: #666; display: block;}
		.grid-layout .foot-icons-sp a:active, .foot-icons-sp a:hover 	{color: #ce0e2d;}	
	.grid-layout .foot-icons-sp {float: left; width: 48%; text-align: center;}
	
	.grid-layout .foot-icons-inner div:nth-child(4), .foot-icons-inner div:nth-child(3) {margin: 35px 0 0;}
	
	/* ICONS PRE FOOTER */
	.foot-icons {display: block; background: #fff;}
	.foot-icons-inner {max-width: 975px; margin: 5px auto 0px;}
	.foot-icons-sp span {font-size: 130%;}
		.foot-icons-sp a:link	{text-decoration: none; color: #666; display: block;}
		.foot-icons-sp a:active, .foot-icons-sp a:hover 	{color: #ce0e2d;}	
	.foot-icons-sp {float: left; width: 48%; text-align: center;}
	.foot-icons-inner div:nth-child(4), .foot-icons-inner div:nth-child(3) {margin: 35px 0 0;}
	
}
@media print {

	.nop {display: none;}
	.mid-layer {width: 100%; margin: 0; padding: 45px 0; position: relative;}
	.foot-icons {display: none;}

}