@charset "utf-8";
/**
 * event.css
 */

/* common
--------------------------------------------------*/
/* pageTitle */
#pageTitle {
	background-image: url(../imgs/event/bg-pagetitle.jpg);
}
#pageTitle .title .txt {
	margin-top: 15px;
	padding-left: 5px;
	color: #ffffff;
	line-height: 1.63;
	font-weight: bold;
}
/* SP */
@media only screen and (max-width:767px) {
	#pageTitle .title .ttl {
		height: 63px;
		background: url(../imgs/event/sp/pagetitle.png) no-repeat left center;
		-webkit-background-size: auto 63px;
		background-size: auto 63px;
	}
	#pageTitle .title .ttl img {
		display: none;
	}
	#pageTitle .title .txt {
		display: none;
	}
}


/* index
--------------------------------------------------*/
.lead {
	display: none;
}
/* SP */
@media only screen and (max-width:767px) {
	.lead {
		display: block;
		margin-bottom: 20px;
		text-align: center;
	}
}



/* backnumber */
#backnumber {
	position: relative;
	margin-top: 60px;
}
#backnumber .title {
	color: #00a0e7;
	font-size: 155.6%;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}
#backnumber .btn {
	position: absolute;
	top: -2px;
	right: 0;
}
#backnumber .btn a {
	display: inline-block;
	padding: 8px 4px 7px 34px;
	border: #e5e5e5 solid 1px;
	background: #ffffff url(../common/imgs/arw-01.gif) no-repeat 9px center;
	color: #000000;
	line-height: 1.17;
	text-decoration: none;
	letter-spacing: 0.06em;
}
#backnumber .btn a:hover {
	border-color: #00a0e7;
	color: #00a0e7;
}
#backnumber .btn a span {
	display: inline-block;
}
#backnumber .list {
	width: 100%;
	margin-top: 40px;
	line-height: 1.2;
}
#backnumber .list th {
	padding: 9px 19px 8px;
	border-left: #ffffff solid 1px;
	background: #00a0e7;
	color: #ffffff;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
}
#backnumber .list th:first-child {
	border-left: none;
}
#backnumber .list td {
	padding: 19px;
	border-bottom: #cacaca dashed 1px;
	border-left: #cacaca dashed 1px;
	text-align: center;
}
#backnumber .list td:first-child {
	border-left: none;
}
#backnumber .list tr:nth-child(even) td {
	background: #faf9f9;
}
#backnumber .list .category {
	width: 22%;
}
#backnumber .list .date {
	width: 18%;
}
#backnumber .list .place {
	width: 15%;
}
#backnumber .list td.theme {
	text-align: left;
}
/* SP */
@media only screen and (max-width:767px) {
	#backnumber {
		margin-top: 30px;
	}
	#backnumber .title {
		font-size: 142.9%;
		text-align: left;
	}
	#backnumber .btn {
		top: -10px;
	}
	#backnumber .btn a {
		width: 7.2em;
		padding: 4px 4px 4px 19px;
		background-position: 4px center;
		-webkit-background-size: 11px 11px;
		background-size: 11px 11px;
		font-size: 85.7%;
		letter-spacing: 0;
	}
	#backnumber .list {
		margin-top: 20px;
	}
	#backnumber .list th {
		padding: 4px 4px 3px;
		font-size: 78.6%;
	}
	#backnumber .list th:first-child {
		border-left: none;
	}
	#backnumber .list td {
		padding: 14px 4px;
		font-size: 71.5%;
	}
	#backnumber .list .category {
		width: 27%;
	}
	#backnumber .list .date {
		width: 22%;
	}
	#backnumber .list .place {
		width: 15%;
	}
}


/* detail
--------------------------------------------------*/
#detail .body {
	padding: 29px 29px 39px;
	border: #e5e5e5 solid 1px;
	line-height: 1.63;
}
#detail .body .title {
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	padding: 0 0 13px 20px;
	border-bottom: #cacaca dashed 1px;
	line-height: 1.5;
}
#detail .body .title:before {
	content: '';
	position: absolute;
	bottom: 13px;
	left: 0;
	height: 100%;
	border-left: #00a0e7 solid 5px;
}
#detail .body .title .theme {
	margin-bottom: 5px;
	color: #00a0e7;
	font-weight: bold;
}
#detail .body .title .ttl {
	font-size: 122.3%;
	font-weight: bold;
}
#detail .body h5 {
	margin-top: 30px;
	color: #00a0e7;
}
#detail .body p {
	margin-top: 1.63em;
}
#detail .body .image {
	float: right;
	width: 300px;
	margin: 0 0 30px 40px;
}
#detail .body h4 + *,
#detail .body h5 + *,
#detail .body .image + * {
	margin-top: 0 !important;
}
#detail .body .map {
	margin-top: 40px;
}
#detail .body .map > dt {
	margin-bottom: 20px;
	padding-bottom: 2px;
	border-bottom: #00a0e7 solid 1px;
	color: #00a0e7;
}
#detail .body .map > dd #mapCanvas {
	height: 400px;
}
#detail .body .apply {
	margin-top: 40px;
	text-align: center;
}
#detail .body .apply .submit {
	text-align: center;
}
#detail .body .apply a.request,
#detail .body .apply .submit input {
	height: 60px;
	margin: 0;
	padding: 0 25px 0 45px;
	border: none;
	border-radius: 0;
	background: #00a0e7 url(../common/imgs/arw-02.png) no-repeat 10px center;
	color: #ffffff;
	font-family: '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;
	font-size: 133.4%;
	font-weight: bold;
	line-height: 60px;
	letter-spacing: 0.04em;
	cursor: pointer;
	-webkit-appearance: none;
}
#detail .body .apply a.request {
	display: inline-block;
	text-decoration: none;
}
#detail .body .apply a.request:hover,
#detail .body .apply .submit input:hover {
	background-color: #18b4f9;
}
/* SP */
@media only screen and (max-width:767px) {
	#detail .body {
		margin-top: 30px;
		padding: 14px;
	}
	#detail .body .title {
		margin-bottom: 15px;
		padding: 0 0 8px 15px;
	}
	#detail .body .title:before {
		bottom: 8px;
		border-left-width: 3px;
	}
	#detail .body .title .theme {
		font-size: 85.8%;
	}
	#detail .body .title .ttl {
		font-size: 128.6%;
	}
	#detail .body .image {
		float: none;
		width: auto;
		max-width: 300px;
		margin: 0 auto 15px;
	}
	#detail .body .map {
		margin-top: 20px;
	}
	#detail .body .map > dt {
		margin-bottom: 10px;
	}
	#detail .body .map > dd #mapCanvas {
		height: 200px;
	}
	#detail .body .apply {
		margin-top: 20px;
	}
	#detail .body .apply a.request,
	#detail .body .apply .submit input {
		height: 45px;
		padding: 0 10px 0 30px;
		background-position: 10px center;
		-webkit-background-size: 11px 11px;
		background-size: 11px 11px;
		font-size: 114.3%;
		line-height: 45px;
	}
}