/* menu */
#title {display: block; margin-top: 0; margin-bottom: 10px; padding-top: 0; text-align: center;}
#title img {max-width: 150px;}
#dropdowWrap {position: absolute; top: -15px; right: 5px;}
#dropdowWrap .dropdown-menu li {border-bottom: 1px solid #eee;}
#dropdowWrap .dropdown-menu li:last-child {border-bottom: none;}
#dropdowWrap .dropdown-menu li.template {display: none;}
#dropdowWrap .dropdown-menu li a {position: relative;}
#dropdowWrap .dropdown-menu li a p {margin-bottom: 0;}
#dropdowWrap .dropdown-menu li a h3 {margin-top: 5px; margin-bottom: 5px; margin-right: 2em; font-size: 14px; line-height: 1.0; font-weight: bold; white-space: normal; width: 15em;}
#dropdowWrap .dropdown-menu li a h3 span.labelWrap {display: inline-block; margin-bottom: 5px; font-weight: normal; min-width: 1.6em; text-align: center; vertical-align: middle; padding-top: 5px;}
#dropdowWrap .dropdown-menu li a h3 img {display: inline-block; height: 1.3em;}
/*#dropdowWrap .dropdown-menu li a h3 img.heading {margin-right: 0.3em;  float: left;}*/
#dropdowWrap .dropdown-menu li a.prep h3:after {content: '【公開準備中】'; color: #ff0000; font-size: 12px; font-weight: normal; display: inline-block;}
#dropdowWrap .dropdown-menu li a button {position: absolute; right: 10px; top: 30%;}
body.pr #dropdowWrap {display: none;}

/* body */
h2 {font-size: 22px; color: #fff; background-color: #337ab7; margin-top: 0; margin-bottom: 5px; padding: 7px 7px 5px 7px; border-radius: 5px;}
@media screen and (max-width: 991px) { h2 {font-size: 20px;} }
@media screen and (max-width: 320px) { h2 {font-size: 16px;} }
h2 .pp {color: #fff; margin-left: 20px; display: inline-block;}
.pr h2 .pp {display: none;}
h3 {font-size: 18px; padding: 4px 4px 2px 4px; margin-top: 5px; margin-bottom: 5px; line-height: 140%;}
h3 img {display: inline-block; height: 1.3em; margin-right: 0.5em;}
h3 .label-outer {display: inline-block; margin-right: 10px; vertical-align: middle;}
h3 .labelWrap {display: inline-block; font-size: 90%; border-radius: 3px; padding: 3px 5px; min-width: 1.7em; text-align: center; vertical-align: middle;}
.pr h3 .labelWrap {display: none;}
p.render-lead {padding-left: 2.4em; padding-right: 1em; text-indent: -1.8em; margin-bottom: 5px;}
@media screen and (max-width: 320px) { p.render-lead  {font-size: 12px;} }
#renderWrap {border: 1px solid #ccc; padding: 5px; border-radius: 5px; width: 80%; position: relative; overflow: hidden;}
@media screen and (max-width: 991px) { #renderWrap {width: 100%;} }
#renderWrap > ul {margin-top: 0; margin-bottom: 5px;}
#renderWrap > ul li button {padding-left: 5px; padding-right: 5px;}
#renderWrap .errormes {display: none; font-size: 1.2em; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); left: 0; width: 100%; text-align: center;}
#renderWrap .errormes button {margin-top: 1em;}
#renderWrap video.hidden + .errormes {display: block;}
#renderWrap + ul {margin-top: 5px;}
.render-button {letter-spacing: -0.5em; margin-top: 10px;}
.render-button li {letter-spacing: normal;}
#btns1 {position: absolute; margin: 0px auto;}
#oprDesc1, #oprDesc2, #oprDesc3, #oprDesc4 {margin-top: 5px; margin-bottom: 5px;}
.smdev .render-button {margin-top: 1px; margin-bottom: 1px;}
.smdev .render-button li {padding-left: 3px; padding-right: 3px;}
.smdev .render-button li button {font-size: 12px;}
.smdev #oprDesc1, .smdev #oprDesc2, .smdev #oprDesc3, .smdev #oprDesc4 {letter-spacing: -1px; margin-bottom: 0; margin-top: 0;}
.bottombackbtn {margin-top: 40px; display: none;}
body.pr .bottombackbtn {display: block;}

/* 動画下の音声再生注意 */
#movieAlert {width: 80%; margin: 5px auto;}
@media screen and (max-width: 767px) { #movieAlert {width: 90%;} }
#movieAlert li {text-indent: -0.6em; padding-left: 0.6em;}