/*
theme Name: 九州キッズモデルオーディション（広告用）
Author: Akio
Description: 九州キッズモデルオーディション（広告用）
*/
* { color: #333; line-height: 1.6; padding: 0; margin: 0; box-sizing: border-box; }
html, body { font-size: 14px; font-family: 'Verdana', 'メイリオ', 'sans-serif'; width: 100%; height: 100%; background: #f0f0f0; }
body { height: 3000px; }
a { text-decoration: none; }
ul { list-style: none; }
.att { text-indent: -1em; padding-left: 1em; }
.imgResponsive { max-width: 100%; height: auto; }
#wrapper { width: 100%; }

/* ヘッダー&画像
-------------------------------------------------- */
header img { display: block; width: 150px; margin: 10px auto; }
#headerImg { text-align: center; margin: 0 auto; }

/* 開催決定
-------------------------------------------------- */
#held { text-align: center; padding: 0 0 20px; }
#held p:first-child { font-size: 1.4em; }
#held p:last-child { font-size: 1.4em; }
#held p:last-child span { display: block; color: #f00; font-size: 1.4em; }

/* 受付開始日
-------------------------------------------------- */
.entry dl { text-align: center; font-size: 1.3em; margin-bottom: 20px; }
.entry dd { color: #f00; font-size: 1.3em; animation: 2s linear infinite blink_1; }
@keyframes blink_1 {
10% { visibility:hidden; }
60% { visibility:hidden; }
100% { visibility:visible; }
}

/* 募集要項
-------------------------------------------------- */
#recruitment { width: 96%; margin: 0 auto 20px; }
#recruitment h3 { font-size: 1.6em; font-weight: bold; text-align: center; }
#recruitment h3:nth-child(3) { margin-top: 50px; }
#recruitment h4 { font-size: 1.3em; font-weight: normal; text-align: center; padding-top: 20px; }
#recruitment h5 { font-size: 1.1em; font-weight: normal; text-align: center; }
#recruitment dt { font-size: 1.3em; text-align: center; padding: 10px 0 8px; border-top: 2px solid #aaa; border-right: 2px solid #aaa; border-bottom: 2px dotted #aaa; border-left: 2px solid #aaa; background: #f0f0f0; }
#recruitment dl dt:not(:first-child) { margin-top: -2px; }
#recruitment dd { font-size: 1em;padding: 10px 10px 8px; border-right: 2px solid #aaa;border-bottom: 2px solid #aaa;border-left: 2px solid #aaa; }
#recruitment dd span.red { display: block; color: #f00; }
#flow { width: 96%; margin: 20px auto 0; }
/* 矢印 */
.triangle { width: 0; height: 0; margin: -2px auto 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #000; }

/*応募フォーム*/
#ouboform { font-weight: normal; text-align: center; margin: 30px 0; }
#ouboform span { color: rgb(255,91,161); }

/* フッター
-------------------------------------------------- */
footer { color: #f0f0f0; font-size: 9px; text-align: center; padding: 20px 0; background: #232323; }

/* 667px */
@media screen and (min-width:667px) {
	/* 募集要項
	-------------------------------------------------- */
	#flow { width: 80%; }
	/* フッター
	-------------------------------------------------- */
	footer { font-size: 12px; }
}
/* 768px */
@media screen and (min-width:768px) {
	/* 募集要項
	-------------------------------------------------- */
	#recruitment { width: 80%; margin: 0 auto; }
}
/* 1024px */
@media screen and (min-width:1024px) {
	/* ヘッダー&画像
	-------------------------------------------------- */
	header { width: 1024px; margin: 0 auto; }
	header img { width: 180px; margin-left: 2em; }
	/* 募集要項
	-------------------------------------------------- */
	#recruitment { width: 70%; }
}
/* 1280px */
@media screen and (min-width:1280px) {
	/* ヘッダー&画像
	-------------------------------------------------- */
	header { width: 1280px; }
	/* 開催決定
	-------------------------------------------------- */
	#held p:first-child { font-size: 3em; }
	#held p:last-child { font-size: 3em; }
	/* 募集要項
	-------------------------------------------------- */
	#recruitment { width: 50%; }
}
/* 1620px */
@media screen and (min-width:1680px) {
	#wrapper { width: 1680px; margin: 0 auto; }
}