@charset "utf-8";

/* reset css include */
@import"global.css";

	.sub_design_top {
		width:100%;
		margin:0;
		padding:0;
		}

	.add_button{
		position:fixed;
		top:400px;
		left:0;
		text-align:center;
		width:180px;
		font-size:20px;
		line-height:25px;
		padding:20px;
		height:50px;
		background:rgba(0,0,0,0.7);
		z-index:99999; color:#fff;
		}

@media all and (min-width: 1921px) and (max-width: 19200px) {
	#ent_large { display:block;}
	#ent_middle { display:none; }
	#ent_mob { display:none; }	
	#video_large {
		width:100%;
		height:100%;
		position:absolute;
		}
	#video_large .video_wrap_l {
		width:100%;
		height:100%;
		margin:0 auto;
		position:absolute;
		}
	#video_large .video_wrap_l iframe {
		position:relative;
		width:51.5%;
		height:68%;
		margin-top:27%;
		margin-left:24%;
		}
	#video_middle {
		display:none;
		}
	#video_mob {
		display:none;
		}
	#after_write_large {
		position:absolute;
		margin-top:-24%;
		margin-left:19.6%;
		width:63%;
		}
	#after_write_large:after {
		content:"";
		display:block;
		clear:both
		}
	#after_write_large .write_large a img {
		width:100%;
		}
	.write_large {
		display:block;
		float:left;
		margin-left:15px;
		width:18%;
		}
	.write_large a {
		display:block;
		}
	#button {
		position:absolute;
		margin-top:-15%;
		margin-left:27%;
		width:73%;
		}
	#button:after {
		content:"";
		display:block;
		clear:both
		}
	#button .button_large a img {
		width:100%;
		}
	.button_large {
		display:block;
		float:left;
		margin-left:15px;
		width:20%;
	}
	.button_large a {
		display:block;
	}

	#after_write_middle {
		display:none;
		}
	.write_middle {
		display:none;
		}
	#button_mmiddle {
		display:none;
		}
	.button_middle {
		display:none;
	}

	#after_write_mob {
		display:none;
		}
	.write_mob {
		display:none;
		}
	#button_mmob {
		display:none;
		}
	.button_mob {
		display:none;
	}
}

@media all and (min-width: 1621px) and (max-width: 1920px) {
	#ent_large { display:block;}
	#ent_middle { display:none; }
	#ent_mob { display:none; }		
	#video_large {
		width:100%;
		height:100%;
		position:absolute;
		}
	#video_large .video_wrap_l {
		width:100%;
		height:100%;
		margin:0 auto;
		position:absolute;
		}
	#video_large .video_wrap_l iframe {
		position:relative;
		width:51.5%;
		height:56%;
		margin-top:27%;
		margin-left:24%;
		}
	#video_middle {
		display:none;
		}
	#video_mob {
		display:none;
		}
	#after_write_large {
		position:absolute;
		margin-top:-24%;
		margin-left:19%;
		}
	#after_write_large:after {
		content:"";
		display:block;
		clear:both
		}
	.write_large {
		display:block;
		float:left;
		margin-left:15px;
	}
	.write_large a {
		display:block;
	}
	#button {
		position:absolute;
		margin-top:-15%;
		margin-left:27%;
		}
	#button:after {
		content:"";
		display:block;
		clear:both
		}
	.button_large {
		display:block;
		float:left;
		margin-left:15px;
	}
	.button_large a {
		display:block;
	}
	#after_write_middle {
		display:none;
		}
	.write_middle {
		display:none;
		}
	#button_mmiddle {
		display:none;
		}
	.button_middle {
		display:none;
	}

	#after_write_mob {
		display:none;
		}
	.write_mob {
		display:none;
		}
	#button_mmob {
		display:none;
		}
	.button_mob {
		display:none;
	}
}

@media all and (min-width: 1561px) and (max-width: 1620px) {
	#ent_large { display:none; }
	#ent_middle { display:block; }
	#ent_mob { display:none; }
	#video_large {
		display:none;
		}
	#video_middle {
		width:100%;
		height:100%;
		position:absolute;
		}
	#video_middle .video_wrap_l {
		width:100%;
		height:100%;
		margin:0 auto;
		position:absolute;
		}
	#video_middle .video_wrap_l iframe {
		position:relative;
		width:72%;
		height:67%;
		margin-top:34%;
		margin-left:14%;
		}
	#video_mob {
		display:none;
		}
	#after_write_middle {
		position:absolute;
		margin-top:-33%;
		margin-left:7%;
		width:89%;
		display:block;
		}
	#after_write_middle:after {
		content:"";
		display:block;
		clear:both
		}
	#after_write_middle .write_middle a img {
		width:100%;
		}
	.write_middle {
		display:block;
		float:left;
		margin-left:2%;
		width:17%;
		}
	.write_middle a {
		display:block;
		}
	#button_mmiddle {
		position:absolute;
		margin-top:-20%;
		margin-left:18%;
		width:80%;
		display:block;
		}
	#button_mmiddle:after {
		content:"";
		display:block;
		clear:both
		}
	#button_mmiddle .button_middle a img {
		width:100%;
		}
	.button_middle {
		display:block;
		float:left;
		margin-left:10px;
		width:25%;
	}
	.button_middle a {
		display:block;
	}

	#after_write_large {
		display:none;
		}
	.write_large {
		display:none;
		}
	#button {
		display:none;
		}
	.button_large {
		display:none;
	}

	#after_write_mob {
		display:none;
		}
	.write_mob {
		display:none;
		}
	#button_mmob {
		display:none;
		}
	.button_mob {
		display:none;
	}

	}

@media all and (min-width: 1301px) and (max-width: 1560px) {
	#ent_large { display:none; }
	#ent_middle { display:block; }
	#ent_mob { display:none; }
	#video_large {
		display:none;
		}
	#video_middle {
		width:100%;
		height:100%;
		position:absolute;
		}
	#video_middle .video_wrap_l {
		width:100%;
		height:100%;
		margin:0 auto;
		position:absolute;
		}
	#video_middle .video_wrap_l iframe {
		position:relative;
		width:72%;
		height:68%;
		margin-top:34%;
		margin-left:14%;
		}
	#video_mob {
		display:none;
		}
	#after_write_middle {
		position:absolute;
		margin-top:-33%;
		margin-left:7%;
		width:89%;
		display:block;
		}
	#after_write_middle:after {
		content:"";
		display:block;
		clear:both
		}
	#after_write_middle .write_large a img {
		width:100%;
		}
	.write_middle {
		display:block;
		float:left;
		margin-left:2%;
		width:17%;
		}
	.write_middle a {
		display:block;
		}
	#button_mmiddle {
		position:absolute;
		margin-top:-20%;
		margin-left:18%;
		width:80%;
		display:block;
		}
	#button_mmiddle:after {
		content:"";
		display:block;
		clear:both
		}
	#button_mmiddle .button_middle a img {
		width:100%;
		}
	.button_middle {
		display:block;
		float:left;
		margin-left:10px;
		width:25%;
	}
	.button_middle a {
		display:block;
	}

	#after_write_large {
		display:none;
		}
	.write_large {
		display:none;
		}
	#button {
		display:none;
		}
	.button_large {
		display:none;
	}

	#after_write_mob {
		display:none;
		}
	.write_mob {
		display:none;
		}
	#button_mmob {
		display:none;
		}
	.button_mob {
		display:none;
	}

}

@media all and (min-width: 995px) and (max-width: 1300px) {
	#ent_large { display:none; }
	#ent_middle { display:block; width:100%; margin:0;}
	#ent_mob { display:none; }
	#video_large {
		display:none;
		}
	#video_middle {
		width:100%;
		height:100%;
		position:absolute;
		}
	#video_middle .video_wrap_l {
		width:100%;
		height:100%;
		margin:0 auto;
		position:absolute;
		}
	#video_middle .video_wrap_l iframe {
		position:relative;
		width:72%;
		height:68%;
		margin-top:34%;
		margin-left:14%;
		}
	#video_mob {
		display:none;
		}
	#after_write_middle {
		position:absolute;
		margin-top:-33%;
		margin-left:7%;
		width:89%;
		display:block;
		}
	#after_write_middle:after {
		content:"";
		display:block;
		clear:both
		}
	#after_write_middle .write_middle a img {
		width:100%;
		}
	.write_middle {
		display:block;
		float:left;
		margin-left:2%;
		width:17%;
		}
	.write_middle a {
		display:block;
		}
	#button_mmiddle {
		position:absolute;
		margin-top:-20%;
		margin-left:18%;
		width:80%;
		display:block;
		}
	#button_mmiddle:after {
		content:"";
		display:block;
		clear:both
		}
	#button_mmiddle .button_middle a img {
		width:100%;
		}
	.button_middle {
		display:block;
		float:left;
		margin-left:10px;
		width:25%;
	}
	.button_middle a {
		display:block;
	}

	#after_write_large {
		display:none;
		}
	.write_large {
		display:none;
		}
	#button {
		display:none;
		}
	.button_large {
		display:none;
	}

	#after_write_mob {
		display:none;
		}
	.write_mob {
		display:none;
		}
	#button_mmob {
		display:none;
		}
	.button_mob {
		display:none;
	}

}

@media all and (min-width: 641px) and (max-width: 994px) {
	#ent_large { display:none; }
	#ent_middle { display:none; }
	#ent_mob { display:block; }
	#video_large {
		display:none;
		}
	#video_middle {
		display:none;
		}
	#video_mob {
		width:100%;
		height:100%;
		position:absolute;
		display:block;
		}
	#video_mob .video_wrap_l {
		width:100%;
		height:100%;
		margin:0 auto;
		position:absolute;
		}
	#video_mob .video_wrap_l iframe {
		position:relative;
		width:100%;
		height:77%;
		margin-top:44%;
		margin-left:0;
		}
	#after_write_mob {
		position:absolute;
		margin-top:-68%;
		width:100%;
		display:block;
		}
	#after_write_mob .write_mob a img {
		width:100%;
		}
	.write_mob {
		display:block;
		margin-bottom:1%;
		width:91%;
		margin-left:5%;
		}
	.write_mob a {
		display:block;
		}
	#button_mmob {
		position:absolute;
		width:87%;
		display:block;
		margin-top:-26%;
		padding-left:13%;
		}
	#button_mmob:after {
		content:"";
		display:block;
		clear:both
		}
	#button_mmob .button_mob a img {
		width:100%;
		}
	.button_mob {
		position:relative;
		float:left;
		display:block;
		width:29%;
		margin:0 auto;
	}
	.button_mob a {
		display:block;
	}

	#after_write_large {
		display:none;
		}
	.write_large {
		display:none;
		}
	#button {
		display:none;
		}
	.button_large {
		display:none;
	}

	#after_write_middle {
		display:none;
		}
	.write_middle {
		display:none;
		}
	#button_mmiddle {
		display:none;
		}
	.button_middle {
		display:none;
	}
}


@media screen and (max-width: 640px) {

	.add_button{
		position:fixed;
		top:250px;
		right:0px;
		text-align:center;
		width:79px;
		font-size:12px;
		line-height:18px;
		padding:15px;
		height:33px;
		background:rgba(0,0,0,0.7);
		z-index:99999;
		color:#fff;
		}

	#ent_large { display:none; }
	#ent_middle { display:none; }
	#ent_mob { display:block; }
	#video_large {
		display:none;
		}
	#video_middle {
		display:none;
		}
	#video_mob {
		width:100%;
		height:100%;
		position:absolute;
		display:block;
		}
	#video_mob .video_wrap_l {
		width:100%;
		margin:0 auto;
		position:absolute;
		}
	#video_mob .video_wrap_l iframe {
		position:relative;
		width:85%;
		height:37%;
		margin-top:45%;
		margin-left:7.5%;
		}
	#after_write_mob {
		position:absolute;
		margin-top:-66%;
		margin-left:6%;
		width:90%;
		display:block;
		}
	#after_write_mob .write_mob a img {
		width:100%;
		}
	.write_mob {
		display:block;
		margin-bottom:1.5%;
		width:100%;
		}
	.write_mob a {
		display:block;
		}
	#button_mmob {
		position:absolute;
		margin-top:-26%;
		margin-left:35px;
		width:90%;
		display:block;
		}
	#button_mmob:after {
		content:"";
		display:block;
		clear:both
		}
	#button_mmob .button_mob a img {
		width:100%;
		}
	.button_mob {
		display:block;
		float:left;
		width:30%;
	}
	.button_mob a {
		display:block;
	}

	#after_write_large {
		display:none;
		}
	.write_large {
		display:none;
		}
	#button {
		display:none;
		}
	.button_large {
		display:none;
	}

	#after_write_middle {
		display:none;
		}
	.write_middle {
		display:none;
		}
	#button_mmiddle {
		display:none;
		}
	.button_middle {
		display:none;
	}
}