﻿/*-----------------------------------------------------------------------------------*/
/*	MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
/* iPad Landscape */
@media only screen and (min-device-width: 960px) and (max-device-width: 1680px) {
	.header,
	.wrapper,
	#footer,
	.info,
	img.footer,
	.site-generator {
		width:600px;
	}
	body {
		background-image: url(../img/bg3.png);
		background-position: center top;
	}
	tr.header {
		width:600px;
	}
	td.sns {
		width:198px;
	}
	h1 {
		margin-top: 5px;
		margin-bottom: 5px;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.header,
	.wrapper,
	#footer,
	.info,
	img.footer,
	.site-generator  {
		width:600px;
	}
	body {
		background-image: url(../img/bg3.png);
		background-position: center top;
	}
	tr.header {
		width:600px;
		display: none;
	}
	td.sns {
		width:198px;
	}
	#amzn_assoc_ad_div_adunit_0 {
		display: none;
	}
	table.opinion {
		display: none;
	}
	h1 {
		margin-top: 2px;
		margin-bottom: 2px;
	}

}/* END Smaller than standard 960 (devices and browsers) */

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.header,
	.wrapper,
	#footer,
	.info,
	.site-generator,
	.content,
	img.footer,
	.sidebar  {
		width: 440px;
	}
	img {
		width: 100%;
	}
	tr.header {
		width:440px;
		display: none;
	}
	td.sns {
		width:100px;
	}
	#amzn_assoc_ad_div_adunit_0 {
		display: none;
	}
	table.opinion {
		display: none;
	}
	h1 {
		margin-top: 2px;
		margin-bottom: 2px;
	}

}/* END Mobile Landscape Size to Tablet Portrait (devices and browsers) */

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	
	.header,
	.wrapper,
	#footer,
	.info,
	.site-generator,
	.content,
	img.footer,
	.sidebar   {
		width: 286px;
	}
	img {
		width: 100%;
	}
/* for smallest view, 2017.11.6 */
	.info,.header,#footer {
		width: 98%;
		margin-left: 4px;
	}
	h1 {
		font-size: x-large;
	}
	tr.header {
		width:386px;
		display: none;
	}
	td.sns {
		width:100px;
	}
	#amzn_assoc_ad_div_adunit_0 {
		display: none;
	}
	table.opinion {
		display: none;
	}
	h1 {
		margin-top: 2px;
		margin-bottom: 2px;
	}

}/* END Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */