@charset "UTF-8";
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
:root {
  --event-dateCOLOR:#2F2211;
  --event_h2COLOR:#4C683C;
--small-btn_one:#FFD3A5;
--small-btn_two:#fd7e14;
--small-btn_hover:#BF453C;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.section_second_top {
margin-top:230px;
}
.red {
color:red;
}
figure.figure_small {
font-size:0.8em;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 見出し ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.event-section {
margin:3em 0;
}
.event-date {
display:inline-block;
background:var(--event-dateCOLOR);
padding:10px;
font-size:1.2rem;
font-family:sans-serif;
color:#FFF;
font-weight:600;
border-radius:5px;
}
.event-dateX {
	background:var(--event-dateCOLOR);
	padding:3px;
	font-size:1rem;
	font-family:sans-serif;
	color:#FFF;
	font-weight:600;
	border-radius:5px;
}
.event-dateXX {
	background:#cc0000;
	padding:3px;
	font-size:1rem;
	font-family:sans-serif;
	color:#FFF;
	font-weight:600;
	border-radius:5px;
}
.event-titleX {
	font-size:1.2rem;
	font-weight:600;
}
@media only screen and (max-width: 767px) {
	.event-titleX {
		font-size:1rem;
	}
}

.event-date span {
font-family:sans-serif;
font-size:0.9rem;
}
.event-time {
padding:5px 0 0 10px;
font-size: 18px;
}
.event-place {
margin:1em 0 2em 2em;
padding:5px;
border-bottom:1px solid #ccc;
}
.event-section p {
padding:2em 1em;
}
.event-section h2 {
margin:2em 0 1em 1.2em;
padding: 0.25em 0.5em;/*上下 左右の余白*/
  background: transparent;/*背景透明に*/
  border-left: double 16px var(--event_h2COLOR);
}

@media only screen and (max-width: 767px) {
.event-place {
margin-left:1em;
}
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ artist ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
dd { /*bootstrap reset 
margin-bottom:0;*/
}
dl.event_info_dl{
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
	flex-flow:row wrap;
	align-items: stretch;
	width: 92%;
margin:50px auto;
}
dl.event_info_dl.ws {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
	flex-flow:row wrap;
	align-items: stretch;
	width: 92%;
margin:0px auto 50px;
}
h5.ws_p {
margin:0;
padding:5px;
}
dl.event_info_dl dt{
	background: #f5f5f5;
	padding: 15px;
	/*width: 150px;*/
flex-basis: 20%;
	border-bottom: 1px solid #ccc;
	font-size:0.9rem;
	font-weight:600;
}
dl.event_info_dl dd{
	background: #fff;
	padding: 15px;
	margin:0;
	/*width: calc(100% - 150px);*/
flex-basis: 80%;
	border-bottom: 1px solid #ccc;
}

.event_info_dl dt:first-child {
	border-top: 1px solid #ccc;
}

.event_info_dl dd:nth-child(2) {
 	border-top: 1px solid #ccc;
}


@media only screen and (max-width: 765px) {
	dl.event_info_dl{
		flew-flow:column;
		width:100%;
		padding:0 20px;
		border:0;
	}
	dl.event_info_dl dt, dl.event_info_dl dd {
		border-bottom: 1px solid #ccc;
		padding:10px;
	}
}

table.eventlist td.thumb{
	width: 120px;
}

table.eventlist td.title{
	white-space: nowrap;
}
@media only screen and (max-width: 767px) {
	table.eventlist td.title{
		white-space: normal;
	}
}

.square_btn_small a {
	align-items: center;
	font-size:0.8rem;
	display:inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	border-radius: 4px;
	color:#FFF;/*効かない*/
	background-image: linear-gradient( 135deg, var(--small-btn_one) 10%, var(--small-btn_two) 100%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.square_btn_small a:hover{
	background:var(--small-btn_hover);
	text-decoration:none;
}
.square_btn_small a:active{
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	border-bottom: none;
	color: #fff;
}