@charset "UTF-8";
@import "common.sp.css";

/* ---------------------------------------------------------
	CSS Document header
--------------------------------------------------------- */

#header {
	display: none;
}

/* ---------------------------------------------------------
	CSS Document visual
--------------------------------------------------------- */

#visual {
	background: #d2b48c;
}

#visual .article {
	padding: 30px 20px 70px;
	background: url(../images/h_bg.png) top;
}

#visual h2 {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Noto Serif JP", serif;
	font-weight: normal;
	font-size: 50px;
	font-size: 9.5vmin;
	letter-spacing: -3px;
	line-height: 1;
	color: #fff;
}

#visual .sponsor {
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
	padding: 10px 20px;
	background: rgba(255, 255, 255, 0.5);
	font-size: 18px;
	line-height: 1.2;
}

#visual figure {
	margin-top: 30px;
}

#visual .summary {
	margin-top: 30px;
	font-size: 18px;
	color: #fff;
}

/* ---------------------------------------------------------
	CSS Document deadline
--------------------------------------------------------- */

#deadline {
	padding: 1px 10px 20px;
	background: #98fb98;
}

#deadline dl {
	height: 88px;
	margin: -44px 0 10px;
	padding: 10px 0;
	background: url(../images/deadline_01.png) no-repeat top / 100% 100%;
	color: #fff;
	position: relative;
	z-index: 2;
}

#deadline dt span {
	display: inline-block;
	vertical-align: top;
	height: 30px;
	padding: 0 20px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background: #fff000;
	font-size: 18px;
	line-height: 30px;
	color: #ef1212;
}

#deadline dd {
	font-size: 18px;
}

#deadline dd span {
	font-size: 24px;
}

#deadline p {
	line-height: 1.4;
	color: #ef1212;
}

/* ---------------------------------------------------------
	CSS Document outline
--------------------------------------------------------- */

#outline {
	margin-bottom: 30px;
	padding: 0 20px 30px;
	background: #d2b48c;
	text-align: left;
}

#outline .section {
	margin-bottom: 15px;
	padding: 0 15px 20px;
	background: #fff;
	font-size: 16px;
}

#outline h3 {
	margin: 0 -15px 15px;
	padding: 0 10px;
	background: #4169e1;
	font-size: 22px;
	color: #fff;
}

#outline figure {
	text-align: center;
}

#outline figure img {
	width: 200px;
}

#outline .section p em {
	color: #d90404;
}

/* ---------------------------------------------------------
	CSS Document order
--------------------------------------------------------- */

#order {
	margin: 0 20px;
	text-align: left;
}

#order h2 {
	margin-bottom: 5px;
	font-size: 30px;
}

/* ---------------------------------------------------------
	CSS Document shipping
--------------------------------------------------------- */

#order .shipping {
	margin: 0 -20px 30px;
	padding: 20px 20px 10px;
	background: #f0f0f0;
}

#order .shipping dl {
	margin-bottom: 20px;
	font-size: 0;
}

#order .shipping dt {
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 18px;
}

#order .shipping dt em {
	display: inline-block;
	vertical-align: top;
	width: 32px;
	height: 18px;
	margin-left: 10px;
	background: #00a3e0;
	text-align: center;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
}

#order .shipping dd select,
#order .shipping dd input[type='tel'],
#order .shipping dd input[type='email'],
#order .shipping dd input[type='text'] {
	width: 100%;
	height: 50px;
	padding: 0 10px;
	background: #fff;
	-webkit-appearance: none;
}

#order .shipping dd textarea {
	width: 100%;
	padding: 10px;
	background: #fff;
}

#order .shipping dd input#last_name_s,
#order .shipping dd input#last_kana_s,
#order .shipping dd input#last_parent_name_s,
#order .shipping dd input#last_parent_kana_s {
	width: 49%;
	margin-right: 2%;
}

#order .shipping dd input#first_name_s,
#order .shipping dd input#first_kana_s,
#order .shipping dd input#first_parent_name_s,
#order .shipping dd input#first_parent_kana_s {
	width: 49%;
}

#order .shipping dd select#birthy_s {
	width: 33%;
}

#order .shipping dd select#birthm_s,
#order .shipping dd select#birthd_s {
	width: 30%;
	margin-left: 2%;
}

#order .shipping dd label {
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	font-size: 15px;
	line-height: 20px;
}

#order .shipping dd input[type='radio'] {
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-top: -2px;
}

#order .shipping dd span.team {
	display: block;
	margin-top: 10px;
	font-size: 15px;
}

/* ---------------------------------------------------------
	CSS Document agree
--------------------------------------------------------- */

#order .agree {
	margin-bottom: 30px;
}

#order .agree .section {
	margin-bottom: 20px;
	padding: 20px 15px;
	border: solid 3px #0079c3;
	font-size: 14px;
	line-height: 1.6;
}

#order .agree h3 {
	margin-bottom: 5px;
	text-align: center;
	font-size: 18px;
}

#order .agree li {
	margin-left: 18px;
	list-style: disc;
}

#order .agree p {
	text-align: center;
	font-size: 18px;
}

#order .agree input[type='checkbox'] {
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

/* ---------------------------------------------------------
	CSS Document submit
--------------------------------------------------------- */

#order .submit {
	text-align: center;
}

#order .submit input[type='submit'] {
	vertical-align: top;
	width: 100%;
	height: 68px;
	border: 0;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #fc892c;
	text-align: center;
	font-size: 24px;
	color: #fff;
}

/* ---------------------------------------------------------
	CSS Document err
--------------------------------------------------------- */

#form.result select.error,
#form.result input.error {
	box-shadow: 0 0 3px 0 #f00;
}

#form.result label.error {
	box-shadow: 0 0 3px 0 #f00;
}

#order #loadingAlert .item {
	padding: 40px 20px 40px;
	font-size: 15px;
	color: #ef1212;
}