@charset "utf-8";
/*=== saiji.css ===*/

/* CSS */

@media screen and (max-width: 768px) {
	#Content_freepage {
		}
	
	.list_ivent { 
		width:96% ;}
	.list_ivent figure { margin:0 0 1em;}

	.tab-label{
		flex: 30% ; /*親tab-wrap_SPは30％*/
	}
	
}  /*-- end 480px to 768px --*/
	
@media screen and (min-width:768px) and ( max-width:1024px) {
	#Content_freepage {
		max-width: 768px;
		margin:0 auto;
	}
	
	#area_events {
		
	}

	.tab-label{
		flex: 1 ; /*親tab-wrap*/
	}	
	.tab-content {
		display: flex;
		flex-wrap: wrap;
		justify-content:space-around;
		max-width: 768px;
		margin:0 auto;
	}
	.list_ivent { 
		width:40% ;
	}
	
}  /*-- end 768px to 1024px --*/
	
@media screen and (min-width:800px) {
	#Content_freepage {
		max-width: 1024px;
		margin:0 auto;
	}
	
	#area_events {
		
	}
	.tab-label{
		flex: 1 ; /*親tab-wrap*/
	}
	.tab-content {
		display: flex;
		flex-wrap: wrap;
		justify-content:space-around;
		max-width: 1024px;
		margin:0 auto;
	}
	.list_ivent { 
		width:28% ;}

	} 
/*-- end 1024px over --*/


/*== 共通 ==*/

/* 見出し */
.list_ivent { 
	padding:1em;
	border:solid 1px #ccc;
	margin-bottom:1em;
	font-size:0.85em;
	line-height: 1.6;
}
.list_ivent h2 {
	margin:0 0 1em;
	padding:0.5em 1em 0;
	border-left:solid 5px #a70303;
	font-size:1em;
}
.list_ivent figure {
	padding:0;
	margin: 0;
}

.list_ivent figure img {
		width:100%;
		margin-bottom:0em;
	}

.list_ivent p {
	padding:0.5em 0 0;
	margin: 0;
	border-top:dotted 2px #CCC;
}

.list_ivent span.date {
	display: block ;
	margin-bottom: 0.5em;
	text-align: right;
}
.list_ivent span.goods {
	display: block;
	margin-top: 0.5em;
	padding:0.3em;
	text-align: right;
	background-color:#EFEFEF;
	fong-size:0.70em;
}

/* タブ設定 */
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #a70303;
  display: block;
  order: -1;
}
.tab-label {
  color: White;
  background: LightGray;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  /*flex: 1; 親tab-wrap*/
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
  background: #a70303;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}