/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 800px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: 100%;
		margin: 0;
		padding: 
	}
	body{
		width: 95%;
		margin: auto;
	}


	/* wrapper */
	#wrapper {
		margin-top: 20px;
		width: 95%;
		background: #FFFFE0;
		border-radius: 20px;
		-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
 		-moz-border-radius: 20px;   /* Firefox用 */
	}

	/* content */
	#content {
		width: 90%;
		background-image: none;
		text-align:center;
	}
	
	#top {
		width: 90%;
		height:auto;
		background-image: none;
		text-align:center;
}

	div#gallery img {
		float:none;
		vertical-align:bottom;
	}
	/* header */
	#header {
		display: none;
	}

	#logo{
		margin: auto;
		padding-top: 10px;
		display: block;
		text-align:center;
	}

	#header2 {
		margin: auto;
		display: block;
		width: 90%;
		font: normal 180%/130% 'Fredoka One', cursive, sans-serif;
		color:#FFCC00;
		border:5px #FFCC00 solid;
		border-radius: 20px;
		-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
 		-moz-border-radius: 20px;   /* Firefox用 */
	}
	
	#header2	a{
		text-decoration: none;
		color:#FF6600;
	}
	
	 #header2	a:hover{
		color:#FFCC00;
	}
		
	ul li {
		float:none;
	}

	.pd{
		padding-top:20px;
	}
	
	img {
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
	}
	
	iframe{
		max-width: 100%;
		width:100%;
		border: dotted 4px #996666;
		border-radius: 20px;
		-webkit-border-radius: 20px;   /* Safari,Google Chrome用 */
		-moz-border-radius: 20px;   /* Firefox用 */  
		padding:0;
		margin:0;
		float:none;
	}

	/* footer */
	#footer{
		background-image: none;
		width: 90%;
		margin: auto;
		padding:0;
	}
	
}