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

section { padding-top: 50px; }

#append { margin-bottom: 50px; font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; font-size: 14px; letter-spacing: 1px; line-height: 1.8; }
#append p { margin-bottom: 14px; }

.infiniteslide1 { height: 141px; margin-bottom: 50px; background: #0c0e0e; }

#system { line-height: 2; margin-bottom: 50px; }
#system dt { font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; font-size: 16px; letter-spacing: 2px; margin-bottom: 5px; }
#system dd { border-left: 1px dotted #002846; font-size: 12px; padding-left: 15px; margin-bottom: 30px; letter-spacing: 1px; }
#system dd p { border: 1px solid #002846; background: #FFF; padding: 15px; margin-top: 15px; }

#chara { display: flex; flex-wrap: wrap; justify-content: space-around; }
#chara li { width: 240px; border: 1px solid #002846; background: #FFF; padding: 15px; letter-spacing: 1px; line-height: 1.8; margin-bottom: 15px; }
#chara h3 { color: #DA224B; font-family: "Quattrocento", serif; font-size: 18px; font-weight: 400; letter-spacing: 3px; text-align: center; margin: 5px 0; }
#chara li p { margin-bottom: 5px; }
.name { font-size: 18px; }
.name small { font-size: 12px; margin-left: 1em; }

.jp-play { display: block; text-align: center; padding: 5px; background: #002846; border-radius: 3px; font-family: "Quattrocento", serif; }
.jp-pause { display: block; text-align: center; padding: 5px; background: #FFF; border: 1px solid #002846; color: #002846; border-radius: 3px; font-family: "Quattrocento", serif; }

/*
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
スマホ用に対応させたいな……
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
*/

@media screen and (max-width: 720px) {
	section { padding-top: 25px; }
}