@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
html { height: 100%; }
body { background: #000; height: 100%; }

#main { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.6); color: #FFF; width: 960px; height: 540px; box-sizing: border-box; padding: 50px; overflow: auto; font-size: 14px; letter-spacing: 0.08em; }
#main p { margin-bottom: 15px; line-height: 1.8; }
#main p:last-child { margin-bottom: 50px; }
#main span { font-weight: bold; }

#close { position: absolute; top: 15px; right: 30px; }
#close a { color: #FFF; border: 1px solid #FFF; padding: 5px 10px; text-decoration: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
#close a:hover { color: #FF0087; border: 1px dotted #FF0087; }


@media screen and (max-width: 720px) {
	img { max-width: 100%; height: auto; width /***/:auto; margin: 0 auto; }
}