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

#disc { width: 960px; margin: 0 auto; background: url(../img/disc/disc.png) no-repeat 50% -400px; padding-top: 200px; box-sizing: border-box; margin-bottom: 50px; }
#disc p { font-size: 16px; margin-bottom: 15px; text-shadow: 0px 0px 3px #000; }

.system { width: 650px; box-sizing: border-box; border: 1px solid #45C217; margin: 0 auto 15px; padding: 15px; font-size: 12px; text-align: left; }
.system dt { color: #45C217; font-weight: bold; border-bottom: 1px dashed #45C217; margin-bottom: 5px; }
.system p { font-size: 12px !important; margin-bottom: 0 !important; }

h3 { font-family: "IM Fell English", serif; color: #45C217; font-weight: normal; font-size: 20px; letter-spacing: 3px; margin-top: 50px; }
.chara { width: 650px; box-sizing: border-box; border: 1px solid #45C217; margin: 0 auto 10px; padding: 15px; display: flex; align-items: center; }
.chara p { text-align: left; font-size: 12px !important; }
.chara p:last-child { margin-bottom: 0 !important; }
.chara dt { margin-right: 15px; }

.sampleV { margin-top: 15px; /*----clearfix-----*/ _height: 1px; min-height: 1px; }
.sampleV:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }/*----clearfix-----*/
.sampleV li { float: left; margin: 0 15px 5px 0; }
.voice { margin-right: 8px; }

/*
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
スマホ用に対応させたいな……
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
*/
@media screen and (max-width: 720px) {
	#disc { width: 100%; }
	.chara { width: 100%; align-items: flex-start; }
}