@charset "UTF-8";

/* 左右カラムサイズ調整_PC表示 */
@media screen and (min-width: 768px) {
    .event-detail_text{
        width:60%;
    }
    .event-detail_image{
        width:35%;
    }
}
/* 左カラムサイズ調整_SP表示 */
@media screen and (max-width: 1024px) {
		.event-detail_text section{
		padding-left:12px;
		padding-right:12px;
	}
}
/* お知らせエリア */
.event-explaintop{
	color:#7A7A70;
	background:#FFFFFF;
	padding:16px 24px;
	margin:0 0 40px 0;
	border:1px solid #c9c9bc;
}
@media screen and (max-width: 1024px) {
	.event-explaintop{
		margin:0 10px 40px;
	}
}
	.event-explaintop section{
		border-bottom:1px solid #c9c9bc;
		padding-bottom:18px;
		margin-bottom:18px;
	}
	.event-explaintop section:last-child{
		border-bottom:none;
		padding-bottom:0px;
		margin-bottom:0px;
	}
		.event-explaintop section p.lead_text{
			font-size: 1.4em;
			line-height:150%;
			font-weight: bold;
		}

/* 右カラム_ビジュアル */
.event-detail_image {

}
	.event-detail_image p.copyright{
		font-size:0.7em;
		line-height:1.5em;
	}
/* 右カラム_ビジュアル領域の固定 */
/*
	.event-detail_image div{
		position: sticky;
		position: -webkit-sticky;
		text-align: center;
	}
	@media screen and (min-width: 1025px) {
		.event-detail_image div{
			top: 15px;
		}	
	}
	@media screen and (max-width: 1024px) {
		.event-detail_image div{
			top: 65px;
		}	
	}
*/

/* 左カラム_フォーマット */
.event-detail_wrapper{
	border:none;
}
.event-detail_text {
	font-size:1em;
	line-height:1.8em;
}
.event-detail_text section{
	margin-bottom:2em;
}
/* 左カラム_文字装飾 */
section .caution{
	color:#DD0000;
}
section .bold{
	font-weight:bold;
}
.event-detail_text section p{
	padding-bottom:8px;
}
.event-detail_text section p:last-child{
	padding-bottom:0px;
}
.event-detail_text section p.lead_text{
	font-size: 1.8em;
	line-height:150%;
	font-weight: bold;
	padding-bottom:12px;
}
.event-detail_text section p.lead_text.size_adjust{
	font-size: 1.3em;
}

.event-detail_text section h2{
	width: 160px;
	text-align: center;
	display: inline-block;
	border: 1px solid #212121;
	border-radius: 34px;
	padding: 0.2em 0;
	font-size: 12px;
	margin-bottom: 0.8em;
}
.event-detail_text section h3{
	font-size:1.4em;
	line-height:1.5em;
	font-weight:bold;
	padding-top:6px;
}
.event-detail_text section h4{
	font-size:1.2em;
	font-weight:bold;
	/*border-bottom:1px dashed #968c83;*/
	padding:12px 0 4px 0;
	margin-bottom:4px;
}
.event-detail_text section h5{
	line-height:1.0em;
	font-weight:bold;
	padding:12px 0 4px 0;
	margin-bottom:4px;
}

/* 左カラム_写真設置 */
.event-detail_text section .photo{
	margin:6px 0 12px 0;
}
.event-detail_text section .photo.tac{
	text-align: center;
}
.event-detail_text section .photo ul{
    display: flex;
    flex-wrap: wrap;

    margin: 0px -5px 0px;
}
.event-detail_text section .photo ul > li {
	font-size:0.8em;
	line-height:1.5em;
	width: calc(50% - 10px);
    margin: 0 5px 5px;
    box-sizing: border-box;
    text-align: left;

}


/* 左カラム_リスト */
.event-detail_text section ul.note li{
	font-size:0.8em;
	line-height:1.5em;
}
.event-detail_text section ul.list li{
	text-indent:-1em;
	margin:0 0 6px 1em;
}

/* 表組み（料金など） */
.event-detail_text section .table-normal{
	width:100%;
	border-top:1px solid #968c83;
	border-left:1px solid #968c83;
	border-collapse: collapse;
	border-spacing: 0;
	margin:8px 0;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-all;
}
.event-detail_text section .table-normal th,
.event-detail_text section .table-normal td{
	font-size:1em;
	border-right:1px solid #968c83;
	border-bottom:1px solid #968c83;
	padding:4px 8px;
}

.event-detail_text section .table-normal th{
	font-weight:normal;
	background:#eeeeee;
	text-align:left;
}
.event-detail_text section .table-normal td{
	background:#FFFFFF;
}
.event-detail_text section .table-normal th.tac,
.event-detail_text section .table-normal td.tac{
	text-align:center;
}
/* ボタン */
.btnArea{
	margin: 20px 0 40px 0;

}
.btnArea .btn_ticket-buy {
	font-size: 1.2em;
	width:80%;
	margin: 0 auto;
	display: block;
	padding: 0.8em 0;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	/* background-color: #EAB79A; */
	background-color: #eb8383;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16); }
.btnArea .btn_ticket-buy:hover {
	opacity: 0.8;
}