/*=====================================
toycamera
======================================*/
#start {
	display:block;
	width:100%;
	min-height:510px;
}
@media screen and (min-width: 666px){
	#start {
		min-height:auto;
	}
}
#trim_body {
	display:none;
	width:100%;
}
#end {
	display:none;
	width:100%;
}


#back {
   	display:none;
}
#trim_button span{
	display:none;
}
#controll_trim span{
	display:none;
}
#trim_frame{
	position:absolute;
	display:none;
	z-index: 3;
}
#target{
	margin:0px;
	padding:0px;
	/*border:solid 1px #ccc;*/
	cursor:pointer;
}
#target span img {
	/*width:auto;
	height:auto;*/
	vertical-align: top;
}

#frame{
	margin:0px auto;
	background-color:#fff;
	position:relative;
	border:solid 1px #ccc;
}
.waku_top {
	position:absolute;
	z-index:5;
	width:100%;
	top:0;
	left:0;
}
.waku_bottom {
	position:absolute;
	z-index:5;
	width:100%;
	/* top:50%; */
	bottom: 15px;
	left:0;
}
.waku_top img, .waku_bottom img {
	width:100%;
}
#nocookie{
	display:none;
}
#f1 {
   	position:absolute;
   	visibility:hidden;
   	height:0px;
	width: 0px;
}

#photocanvas{
	display: none;
	margin:0;
	padding:0;
	width:300px;/*枠サイズ変更時に変更*/
	height:400px;/*枠サイズ変更時に変更*/
	text-align:center;
}

#c1 {
   	display: none;
	position: absolute;
	width: 300px;/*枠サイズ変更時に変更*/
	/*border:solid 1px #ccc;*/
}
@media screen and (min-width: 666px){
	#photocanvas{
		width:600px;/*枠サイズ変更時に変更*/
		height:800px;/*枠サイズ変更時に変更*/
	}
	#c1 {
		width: 300px;/*枠サイズ変更時に変更*/
	}
}

.view {
	position:relative;
	margin:0 auto;
	padding:3% 0;
/*	background-color:#31363a;*/
	background-color:#ffffff;
}

#start .btn_start{
	margin: 4.6% auto 0;
	width: 80%;
}

#start .btn_start img{
	width: 100%;
}

#end .btn_send{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00A3D9), to(#0066BA));
	background-image: -o-linear-gradient(top, #00A3D9, #0066BA);
	background: -moz-linear-gradient(center top , #00A3D9, #0066BA) repeat scroll 0 0 #cccccc;
	border-radius: 10px;
	box-shadow: 0 1px 5px 0 #666;
	color: #FFFFFF;
	display: inline-block;
	line-height: 1;
	padding: 0.5em 1em;
	text-shadow: 0 1px 1px #000000;
	text-decoration:none;
	width:80%;
	font-size:2.0rem;
	margin: 4.6% auto 0;
}

#back-top {
	display:inline-block;
	margin:20px auto 60px;
	padding:10px 30px;
	background:#eee;
	color:#333;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	font-size:16px;
	text-decoration:none;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
}

@media screen and (min-width: 666px){
	.smp-display {
		display:none;
	}
}