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

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

#header {
	display: none;
}

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

#visual {
	background: #f5deb3;
	font-size: 0;
}

#visual .article {
	padding: 50px 0 80px;
	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: 110px;
	letter-spacing: -10px;
	line-height: 1;
	color: #fff;
}

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

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

#visual .summary {
	margin-top: 30px;
	font-size: 20px;
}

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

#deadline {
	padding: 1px 0;
	background: #fffacd;
}

#deadline dl {
	height: 70px;
	margin-top: -35px;
	margin-bottom: 5px;
	background: url(../images/deadline_01.png) no-repeat top;
	font-size: 0;
	line-height: 68px;
	color: #fff;
	position: relative;
	z-index: 2;
}

#deadline dt {
	display: inline-block;
	vertical-align: top;
}

#deadline dt span {
	display: inline-block;
	vertical-align: middle;
	height: 42px;
	margin-right: 15px;
	padding: 0 32px;
	-webkit-border-radius: 42px;
	border-radius: 42px;
	background: #fff000;
	font-size: 22px;
	line-height: 40px;
	color: #ef1212;
}

#deadline dd {
	display: inline-block;
	vertical-align: top;
	font-size: 26px;
	line-height: 66px;
}

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

#deadline p {
	font-size: 18px;
	color: #ef1212;
}

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

#outline {
	margin-bottom: 60px;
	padding: 40px 0 80px;
	background: #fffacd;
}

#outline.close {
	margin-bottom: 0;
}

#outline .container {
	padding: 50px 100px 20px;
	background: #fff;
	text-align: left;
	font-size: 0;
}

#outline .section {
	display: inline-block;
	vertical-align: top;
	width: 385px;
	margin-bottom: 40px;
	font-size: 15px;
}

#outline .section:nth-of-type(odd) {
	margin-right: 30px;
}

#outline h3 {
	height: 46px;
	margin-bottom: 15px;
	padding-left: 20px;
	background: #4169e1;
	font-size: 22px;
	line-height: 44px;
	color: #fff;
}

#outline figure {
	text-align: center;
}

#outline figure img {
	width: 163px;
}

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

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

#order {
	text-align: left;
}

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

#form .w30 {
	width: 30px;
	height: 28px;
}

#form .w90 {
	width: 90px;
	margin-left: 10px;
}

#form .w120 {
	width: 120px;
}

#form .w210 {
	width: 210px;
}

#form .w270 {
	width: 270px;
}

#form .w430 {
	width: 430px;
}

#form .w600 {
	width: 100%;
}

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

#order .shipping {
	margin-bottom: 50px;
	padding: 50px 100px;
	background: #f0f0f0;
}

#order .shipping dl {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}

#order .shipping dt {
	display: table-cell;
	vertical-align: top;
	width: 240px;
	line-height: 50px;
	position: relative;
}

#order .shipping dt em {
	width: 32px;
	height: 18px;
	background: #00a3e0;
	text-align: center;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	position: absolute;
	top: 15px;
	right: 20px;
}

#order .shipping dd {
	display: table-cell;
	vertical-align: top;
	line-height: 50px;
}

#order .shipping dd small {
	margin-left: 10px;
	font-size: 15px;
}

#order .shipping dd em {
	display: block;
	margin-bottom: 5px;
	font-size: 15px;
	line-height: 1;
	color: #d51221;
}

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

#order .shipping dd select {
	padding: 0 0 0 8px;
}

#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 {
	margin-right: 5px;
}

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

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

#order .shipping dd span.team {
	display: inline-block;
	vertical-align: top;
	margin-top: -1px;
	line-height: 50px;
}

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

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

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

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

#order .agree li {
	margin-left: 20px;
	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: 366px;
	height: 68px;
	border: 0;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #fc892c;
	text-align: center;
	font-size: 26px;
	color: #fff;
}

#order .submit input[type='submit']:hover {
	opacity: 0.8;
	filter: Alpha(opacity=80);
}

/* ---------------------------------------------------------
	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 100px 40px;
	color: #ef1212;
}