.body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Noto Sans Japanese,Meiryo,sans-serif}.header{background-color:#fff;padding-top:50px;padding-bottom:30px}.header .ttl .logo{text-indent:100%;white-space:nowrap;background-image:url(/img/y2ube-logo.svg);background-repeat:no-repeat;background-size:320px 52px;width:320px;height:52px;margin:0 auto;overflow:hidden}.header .ttl .sub{margin:0}.apps{background-color:#333;border-top:2px solid red}.apps .formbox{height:145px}.apps .formbox .form{margin:0}.apps .formbox .mess{color:#efefef;height:30px;margin:5px 10px 0;font-size:90%;line-height:30px}.apps .formbox .ul{margin:0 10px;padding:0}.apps .formbox .ul li{list-style:none;display:block}.apps .formbox .ul .li-url .url{color:#06f;border:none;border-radius:5px;width:98%;margin-bottom:10px;padding-left:5px;font-size:100%;font-weight:700;line-height:40px}.apps .formbox .ul .li-submit .submit{color:#fff;background-color:red;border:none;border-radius:2px;width:120px;height:43px}.info{width:95%;margin-left:auto;margin-right:auto;line-height:135%}.info h3{color:#333;font-size:120%}.info p{color:#666;font-size:90%}.info .img img{vertical-align:bottom;width:100%;height:auto}.info .api{text-align:center;background-color:#fff;border:1px solid #ccc;border-radius:5px;margin-bottom:20px;padding:10px}.info .api p{color:#999;margin:0;line-height:200%}.info .api p .span{color:#333;font-weight:700}.info .api .allow{display:block}.info .api .allow .img{width:24px;height:20px}.info .term{text-align:center;margin:0;font-size:70%}.create{border-radius:5px;width:95%;margin-left:auto;margin-right:auto;line-height:135%}.create .submit.copied{color:#fff;background-color:#28a745;border-color:#28a745}.create .yturl .link{text-align:center;color:#06f;font-size:85%;font-weight:700;text-decoration:none;display:block}.create .resultbox{background-color:#efefef;margin-top:10px;margin-bottom:10px;padding-top:10px;padding-bottom:10px}.create .resultbox .mess{color:#333;height:30px;margin:5px 10px 0;font-size:100%;font-weight:700;line-height:30px}.create .resultbox .ul{margin:0 10px;padding:0}.create .resultbox .ul li{list-style:none;display:block}.create .resultbox .ul .li-url .url{color:#06f;border:1px solid #ccc;border-radius:5px;width:98%;margin-bottom:10px;padding-left:5px;font-size:120%;font-weight:700;line-height:40px}.create .resultbox .ul .li-submit .submit{color:#fff;border:none;border-radius:2px;width:120px;height:43px}.create .video{width:100%;margin-top:10px;margin-bottom:20px;padding-top:56.25%;position:relative}.create .video iframe{width:100%;height:100%;position:absolute;top:0;right:0}.create .clip{text-align:center;color:#ccc;font-size:80%;line-height:150%}.footer{background-color:#efefef;margin-top:10px;line-height:120px}.footer p{text-align:center;color:#666;font-size:80%}.footer p .link{color:#999;text-decoration:none}@media screen and (width>=760px){.header{padding-bottom:17px}.header .ttl .logo{background-size:400px 65px;width:400px;height:65px}.create,.formbox{width:760px;margin-left:auto;margin-right:auto}.formbox .form{padding:20px}.formbox .mess{text-align:center}.formbox .ul{display:flex}.formbox .ul .li-url{flex-basis:80%}.formbox .ul .li-url .url{font-size:120%}.formbox .ul .li-submit{flex-basis:20%}.resultbox .mess{text-align:center}.resultbox .ul{display:flex}.resultbox .ul .li-url{flex-basis:80%}.resultbox .ul .li-url .url{font-size:120%}.resultbox .ul .li-submit{flex-basis:20%}.info{width:760px;margin-left:auto;margin-right:auto}.info .img img{width:640px;height:264px}}.submit{background-color:#06f}.submit.copied{color:#fff;background-color:#28a745;border-color:#28a745}