@charset "UTF-8";
/* イベント用CSS */

/*
共通
*/
h1.title {
	margin: 0px 0px 20px 0px;
	padding: 10px;
	text-align: left;
	color: #FFFFFF;
	font-size: 1.8rem;
	font-weight: bold;
	background-color: #000000;
}

h1.title span {
	float: right;
	font-size: 1.4rem;
}

h2.eventHeader {
	font-size: 200% !important;
	padding-bottom: 3px;
	margin-bottom: 20px;
	border-bottom: 4px double #b69e84;
}

a.linkText {
  color: #0000FF !important;
  text-decoration: underline !important;
}

@media only screen and (max-width:782px) {
	h1.title {
		margin: 0px 0px 20px 0px;
		padding: 10px;
		text-align: left;
		color: #FFFFFF;
		font-size: 1.6rem;
		font-weight: bold;
		background-color: #000000;
	}

	h1.title span {
		float: none;
		display: block;
		margin: 10px 0px 0px 0px;
		font-size: 1.2rem;
		text-align: right;
	}

	h2.eventHeader {
		font-size: 180%;
		padding-bottom: 10px;
		margin-bottom: 20px;
		border-bottom: 4px double #b69e84;
	}
}


/*
トップページ・カルーセル カスタマイズ
*/
.carousel .date{
	color: #FFFFFF !important;
}


/*
投稿カスタマイズ
*/
.post_content {
	margin-bottom: 40px;
}

.post_content h1 {
	font-size: 200% !important;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 4px double #b69e84;
}


/*
EVENT CONCEPT
*/
#eventConcept {
	margin: 0px 0px 40px 0px;
	padding: 0px;
}


/*
初めて参加される方へ
*/
#forBiginner {
	margin: 0px auto 40px auto;
	padding: 0px;
	text-align: center;
}

#forBiginner span {
	display: inline-block;
	margin: 0px;
	padding: 1.5rem 5rem;
	color: #FFFFFF;
	font-size: 1.2rem;
	font-weight: bold;
	border: #000000 1px solid;
	box-sizing: border-box;
	background-color: #000000;
	cursor: pointer;
}

#forBiginner span:hover {
	color: #000000;
	border: #000000 1px solid;
	box-sizing: border-box;
	background-color: #FFFFFF;
}



/*
EVENT PR文
*/
#eventBody {
	margin: 0px 0px 40px 0px;
	padding: 0px;
}


/*
会場紹介
*/
#eventPlace {
	margin: 0px 0px 40px 0px;
	padding: 0px;
}


/*
EVENT情報
*/
#eventInfo {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#eventInfo table {
	width: calc(100% + 10px);
	margin: 0px -5px 0px -5px;
	padding: 0px;
	text-align: left;
	font-size: 1.1rem;
	line-height: 150%;
	border-collapse: separate;
	border-spacing: 5px 5px;
}

#eventInfo table th {
	width: 15%;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #000000;
}

#eventInfo table td {
	padding: 10px;
	text-align: left;
	color: #000000;
	font-weight: normal;
	border: #CCCCCC 1px solid;
}

#eventInfo table td:after {
	content: "";
	clear: both;
	display: block;
}

#eventInfo table td.caution {
	padding: 10px;
	text-align: left;
	color: #000000;
	font-size: 0.8rem;
	font-weight: normal;
	line-height: 120%;
	border: #CCCCCC 1px solid;
}

#eventInfo table td a.link {
	margin-left: 5px;
	padding: 0px 5px;
	color: #FFFFFF;
	background-color: #000000;
	border-radius: 3px;
}

#eventInfo table td a.linkMap {
	display: inline-block;
	float: right;
	margin-top: 5px;
	padding: 0px 5px;
	color: #FFFFFF;
	background-color: #000000;
	border-radius: 3px;
}

#eventInfo table td a.linkText {
	color: #0000ff;
	text-decoration: underline;
}

#eventInfo #googleMaps {
	height: 300px;
}

/* 予約フォーム */
.btn_contactform {
	margin: 0px 0px;
	padding: 20px 0px;
	text-align: center;
}

.btn_contactform .resvSubmit {
	padding: 5px 25px;
	font-size: 1.1rem;
}


@media only screen and (max-width:782px) {

	#eventInfo table {
		width: calc(100% + 10px);
		margin: 0px -5px 0px -5px;
		padding: 0px;
		text-align: left;
		font-size: 0.9rem;
		line-height: 140%;
		border-collapse: separate;
		border-spacing: 5px 5px;
	}

	#eventInfo table th {
		display: block;
		width: calc(100% - 20px);
		padding: 10px;
		text-align: center;
		vertical-align: middle;
		color: #FFFFFF;
		font-weight: bold;
		background-color: #000000;
	}

	#eventInfo table td {
		display: block;
		width: calc(100% - 22px);
		padding: 10px;
		text-align: left;
		color: #000000;
		font-weight: normal;
		border: #CCCCCC 1px solid;
	}

}



/*
リンクボタン
*/
#linkButton {
	margin: 0px auto -10px auto;
	padding: 0px;
	text-align: center;
}

#linkButton ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}

#linkButton ul:after {
	content: "";
	clear: both;
	display: block;
}

#linkButton li {
	float: left;
	display: block;
	width: 48%;
	margin: 1% 1%;
	padding: 1.5rem 0px;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.8rem;
	font-weight: bold;
	border: #000000 1px solid;
	box-sizing: border-box;
	background-color: #000000;
	cursor: pointer;
}

#linkButton li:hover {
	color: #000000;
	border: #000000 1px solid;
	box-sizing: border-box;
	background-color: #FFFFFF;
}

#linkButton li:nth-child(3n) {
	clear: both;
}
@media only screen and (max-width:782px) {

	#linkButton li {
		padding: 0.5rem 0px;
		font-size: 3.2vw;
	}

}


/*
イベント一覧
*/
#eventList {
	margin: 0px 0px 30px 0px;
}

/* 年月ボタン */
#eventList .monthButton {
	margin: 0px;
	padding: 0px;
}

#eventList .monthButton ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}

#eventList .monthButton ul:after {
	content: "";
	clear: both;
	display: block;
}

#eventList .monthButton ul li {
	float: left;
	width: calc(33.3% - 10px);
	margin: 0px 5px 20px 5px;
	padding: 10px 0px;
	text-align: center;
	color: #b69e84;
	font-weight: bold;
	border: #b69e84 1px solid;
	box-sizing: border-box;
	cursor: pointer;
}

#eventList .monthButton ul li:hover {
	color: #FFFFFF;
	background-color: #b69e84;
}

/* 投稿リスト */
#eventList .post {
	margin: 0px;
	padding: 0px;
}

#eventList .cell {
	margin: 0px 0px -1px 0px;
	padding: 20px;
	border: #CCCCCC 1px solid;
	cursor: pointer;
}

#eventList .cell:after {
	content: "";
	clear: both;
	display: block;
}

#eventList .cell .pict {
	float: left;
	width: 30%;
	height: auto;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#eventList .cell .pict img {
	float: left;
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}

#eventList .cell .pict img:hover {
	transform: scale(1.1);
	transition-duration: 0.3s;
}

#eventList .cell .right {
	float: left;
	width: calc(70% - 20px);
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#eventList .cell ul.postTag {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}

#eventList .cell ul.postTag li {
	display: inline-block;
	margin: 0px 5px 5px 0px;
	padding: 3px 10px 1px 10px;
	color: #FFFFFF;
	font-size: 0.7rem;
	font-weight: normal;
	line-height: 100%;
	border-radius: 100px;
	background-color: #888888;
}

#eventList .cell ul.postTag li.area {
	background-color: #000000;
}

#eventList .cell ul.postTag li:hover {
	opacity: 0.6;
}

#eventList .cell p.eventDate {
	margin: 0px 0px 3px 0px;
	padding: 0px;
	color: #000000;
	font-size: 0.9rem;
	line-height: 100%;
}

#eventList .cell h3.postTitle {
	margin: 0px 0px 1px 0px;
	padding: 0px;
	color: #000000;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 120%;
}

#eventList .cell p.placeName {
	margin: 0px 0px 5px 0px;
	padding: 3px 10px 1px 10px;
	color: #FFFFFF;
	font-size: 0.8rem;
	font-weight: bold;
	line-height: 100%;
	border-radius: 100px;
	background-color: #000000;
}

#eventList .cell p.excerpt {
	margin: 0px 0px 3px 0px;
	padding: 0px;
	color: #333333;
	font-size: 0.9rem;
	line-height: 120%;
}

#eventList .headline {
	margin:0 0 14px 0;
	font-size:24px;
	font-weight:500;
	line-height:1.2;
	color:#b69e84;
}

#eventList ol { margin:0; padding:0; border:1px solid #ddd; border-bottom:none; }
#eventList li { border-bottom:1px solid #ddd; }
#eventList li a { display:block; padding:18px 24px 17px 24px; line-height:1.7; color:#000; text-decoration:none; position:relative; }
#eventList li a:hover { color:#b69e84; text-decoration:none; }
#eventList li .title { font-weight:300; }
#eventList .show_date li a { padding-right:108px; }
#eventList .show_date li .date { display:block; margin:-0.5em 0 0 0; color:#999; font-size:12px; line-height:1; position:absolute; top:50%; right:18px; }
.post-type-archive-news ul.page-numbers { text-align:left; }


@media screen and (max-width: 782px) {

	#eventList .cell {
		padding: 15px 0px;
		border: none;
		border-top: #CCCCCC 1px solid;
		border-bottom: #CCCCCC 1px solid;
	}

	#eventList .cell .pict {
		float: left;
		width: 40%;
		height: auto;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
	}

	#eventList .cell .right {
		width: calc(60% - 10px);
		margin: 0px 0px 0px 10px;
	}

	#eventList .cell ul.postTag li {
		display: none;
	}

	#eventList .cell h3.postTitle {
		margin: 0px 0px 1px 0px;
		padding: 0px;
		color: #000000;
		font-size: 1.1rem;
		font-weight: bold;
		line-height: 120%;
	}

	#eventList .cell ul.postTag li.area1,
	#eventList .cell ul.postTag li.tag1,
	#eventList .cell ul.postTag li.tag2 {
		display: inline-block;
		font-size: 0.6rem;
	}

	#eventList .cell p.excerpt {
		display: none;
	}

}