@charset "UTF-8";
/* CSS Document */

div#event_contents h4{
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: bold;
	color: #000;
	text-align: center;
	margin-bottom: 20px!important;
	border-bottom: none!important;
}

.entry-content .event_box1 h4 em{
	font-size:200%;
	font-weight:bold;
	font-family: system-ui;
}

.entry-content .event_box1 h4 cite{
	font-size:70%;
	vertical-align:text-bottom;
}

.entry-content .event_box1 h4 span{
}

.entry-content .event_box1 p.note{
	font-size:80%;
	margin-left:1em;
	text-align:right;
}


.hover1 {
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
.hover1:hover {
  opacity: 0.6;
}

.bold{
	font-weight: bold;
}

.pc{
	display: block;
	}
.tb{
	display: none;
}
.sm{
	display: none;
	}


#event_contents .lifestyle_images{
}

#event_contents .lifestyle_images ul{
	display:flex;
	justify-content:space-between;
}

#event_contents .lifestyle_images ul li{
}
#event_contents .lifestyle_images ul li:nth-child(1){
	width:55%;
}

#event_contents .lifestyle_images ul li:nth-child(2){
	width:40%;
}

#event_contents .lifestyle_images ul li:nth-child(2) h4{
	font-size:150%;
	text-align:initial;
}

#event_contents .lifestyle_images ul li:nth-child(2) .btn{
	width:80%;
	margin:40px auto;
	text-align:center;
	background:#000;
}

#event_contents .lifestyle_images ul li:nth-child(2) .btn span{
	font-size:13px;
	font-weight:bold;
}
#event_contents .lifestyle_images ul li:nth-child(2) .btn:hover{
	color:#fff !important;
}

.entry-content #event_contents{

}


.entry-content #event_contents h3 {
	font-family: system-ui !important;
	font-size:37px !important;
	color:#c00 !important;
	position: relative;
	display: inline-block;
	padding: 0 100px;
	margin-top:150px !important;
	margin-bottom:20px !important;
}

.entry-content #event_contents h4 {
	font-size:25px !important;
}

.entry-content #event_contents h3:before,
.entry-content #event_contents h3:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 90px;
  height: 0px;
  border-top: solid 1px #c00;
  border-bottom: solid 1px #c00;
}

.entry-content #event_contents h3:before {
  left:0;
}
.entry-content #event_contents h3:after {
  right: 0;
}

/*-----------ライフスタイルハウス体感しよう！-----------*/

div.event_lifestyle {
	width: 100%;
	margin: 60px auto 0 auto;
}

div.event_lifestyle h4{
	font-size:25px !important;
}


div.event_lifestyle ul{
	display: flex;
	display: -webkit-flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
div.event_lifestyle ul li{
	display:block;
	width: 32%;
	box-sizing:border-box;
	margin-bottom:30px;
	background:#f5f5f1;
	padding:15px;
}

div.event_lifestyle ul li dl{
}

div.event_lifestyle ul li img{
	margin-bottom:10px;
}

div.event_lifestyle ul li dt{
	position:relative;
}
div.event_lifestyle ul li dt label{
	color:#fff;
	font-size:90%;
	font-weight:bold !important;
	position:absolute;
	top:5px;
	left:5px;
	background:#000;
	padding:2px 10px;
}


.entry-content #event_contents .event_present{
}

.entry-content #event_contents .event_present h5 span{
	vertical-align:middle;
}
.entry-content #event_contents .event_present h5 span{
	font-size:70% !important;
	padding:0 10px !important;
	letter-spacing:0.1em !important;
}


/*-----------来場者プレゼント-----------*/

div.event_present{
	width: 100%;
}

/*-----------セミナー-----------*/

div.event_seminar {
	width: 100%;
	margin: 60px auto 100px auto;
}
div.event_seminar ul{
	margin-bottom:20px;
	display: flex;
	display: -webkit-flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
div.event_seminar ul li{
	display:block;
	width: 32%;
	height:680px;
	padding: 0;
	border:1px solid #ccc;
	position:relative;
}
div.event_seminar ul li dt{
	padding: 0;
	margin:0;
}

div.event_seminar ul li dt img{
	width:100%;
}

div.event_seminar dd{
	padding:20px 20px;
}

div.event_seminar dd h6{
	font-size: 130%;
	font-weight: bold;
	text-align:center;
	margin:0 0 10px 0;
	line-height:1em !important;
}
div.event_seminar dd h6 span{
	font-size:120%;
	line-height:1.3em !important;
}
div.event_seminar dd h6 span::before {
	content: "\A" ;
	white-space: pre ;
}
div.event_seminar dd div{
	text-align:center;
	margin-bottom:10px;
}

div.event_seminar dd time{
	font-size: 110%;
	font-family: system-ui;
	font-weight:bold;
	text-align:center !important;
	border:1px solid #999;
	padding:2px 15px;
}

div.event_seminar ul li dl .seminer_present{
	display:flex;
	justify-content:space-between;
	background:#d0554c;
	padding:10px;
	position:absolute;
	bottom:0;
}
div.event_seminar ul li dl .seminer_present > dt{
}
div.event_seminar ul li dl .seminer_present > dt:nth-child(1){
	width:28%;
}
div.event_seminar ul li dl .seminer_present > dt:nth-child(1) img{
	margin-top:-20px;
}
div.event_seminar ul li dl .seminer_present > dt:nth-child(2){
	width:70%;
}
div.event_seminar ul li dl .seminer_present > dt:nth-child(2) h5{
	color:#fff;
	font-weight:bold;
	font-size:120%;
}

div.event_seminar ul li dl .seminer_present > dt:nth-child(2) h5 span{
	color:#900;
	padding:0 10px;
	font-size:12px;
	background:#fff;
}

div.event_seminar ul li dl .seminer_present > dt:nth-child(2) h5 span:after{
	content: "\A" ;
	white-space: pre ;
}





@media (min-width: 481px) and (max-width: 959px) {
	#event_contents .lifestyle_images{
	}

	#event_contents .lifestyle_images ul{
		display:initial;
		justify-content:space-between;
	}

	#event_contents .lifestyle_images ul li{
	}
	#event_contents .lifestyle_images ul li:nth-child(1){
		width:100%;
	}

	#event_contents .lifestyle_images ul li:nth-child(2){
		width:100%;
	}
	#event_contents .lifestyle_images ul li:nth-child(2) h4{
		font-size:150%;
		text-align:center;
	}
	
	.entry-content #event_contents h3 {
		font-family: system-ui !important;
		font-size:37px !important;
		color:#c00 !important;
		position: relative!important;
		display: inline-block;
		padding: 0 !important;
		margin-top:100px !important;
		margin-bottom:20px !important;
		text-align:center !important;
	}

	.entry-content #event_contents h4 {
		font-size:25px !important;
	}

	.entry-content #event_contents h3:before,
	.entry-content #event_contents h3:after {
		content: '';
  		position: absolute !important;
  		top: 50% !important;
  		display: inline-block !important;
  		width: 20% !important;
  		height: 0px !important;
  		border-top: solid 1px #c00 !important;
  		border-bottom: solid 1px #c00 !important;
	}

	.entry-content #event_contents h3:before {
  		left:0 !important;
	}
	.entry-content #event_contents h3:after {
  		right: 0 !important;
	}
	
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	div.event_seminar ul{
		margin-bottom:20px;
	}
	div.event_seminar ul li{
		width:48%;
		height:600px;
		margin-bottom:30px;
	}
	div.event_lifestyle ul li{
	width: 48%;
	}
	.entry-content #event_contents h4 {
		font-size:22px !important;
	}

}

@media screen and (max-width: 480px) {
	
	.entry-content .event_box1 h4 span::before {
		content: "\A" ;
		white-space: pre ;
	}

	div.event_lifestyle ul li{
		margin: 0 0 10px!important;
		width: 100%!important;
	}
	
	div.event_seminar ul {
		display: block!important;
		margin-bottom: 15px!important;
	}
	div.event_seminar ul li {
		height:auto;
		width: 95%!important;
		margin: 0 auto 20px auto!important;
		position:initial;
	}
	#event_contents .lifestyle_images ul{
		display:initial;
	}
	#event_contents .lifestyle_images ul li{
		display:initial;
	}
		.entry-content #event_contents h3 {
		font-family: system-ui !important;
		font-size:25px !important;
		color:#c00 !important;
		position: relative!important;
		display: inline-block;
		padding: 0 !important;
		margin-top:30px !important;
		margin-bottom:0px !important;
		text-align:center !important;
	}

	.entry-content #event_contents h4 {
		font-size:18px !important;
	}

	.entry-content #event_contents h3:before,
	.entry-content #event_contents h3:after {
		content: '';
  		position: absolute !important;
  		top: 50% !important;
  		display: inline-block !important;
  		width: 20% !important;
  		height: 0px !important;
  		border-top: solid 1px #c00 !important;
  		border-bottom: solid 1px #c00 !important;
	}

	.entry-content #event_contents h3:before {
  		left:0 !important;
	}
	.entry-content #event_contents h3:after {
  		right: 0 !important;
	}
	div.event_lifestyle ul li dt img{
		width:100%;
	}
	div.event_seminar ul li dl .seminer_present{
	position:initial;;
	}
	div.event_seminar dd{
		padding:10px;
	}
	

}