@charset "utf-8";
/**********************************************************
** スマートフォン
**********************************************************/
*,
:after,
:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
html,body {
	width:100%;
	height:100%;
	font-size:100%;
	line-height:1.5;
}

#wrapper {
	width: 100%;
	padding: 1em;
}

.smp { background-color: #74ADF0; padding:.2em;}
.sml,.tab,.pc{display:none;}
.picture { display:none;}
@media screen and (min-width:480px) { 
	body {
		background:#fff;
	}
	#wrapper { 
		width:90%;
		height:100%;
		margin:0 auto;
		background:#fff;
	}
	.sml {
	 display:block;
	 background-color: #74ADF0; 
	 padding:.2em .5em;
	 }
	.smp,.tab,.pc{display:none;}
	.picture { display:none;}
}
@media screen and (min-width:768px) and ( max-width:1024px) {
.tab { 
	display:block; 
	background-color: #E9EFAA; 
	padding:.2em .5em;
	}
	.smp,.sml,.pc{display:none;}
	.picture { display:none;}
}
@media screen and (min-width:1024px) {
	#wrapper { 
		width:90%;
		max-width:980px;
	}
.pc { display:block;background-color: #F3254B; padding:.2em .5em;}
.smp,.sml,.tab{display:none;}
.picture { display:none;}
}

@media screen and (orientation:landscape){
  .picture {
	  display:block;
	  margin:1.2em 0;
	  width:100%;
 }
 .picture img {
	 width:100%;
	 max-width:100%;
	 height:auto;
 }
}