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

.sub section#subContainer h2 span {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	display: block;
	letter-spacing: 1px;
}

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{
	width:100%;
}
.entry-content img{
	width:100%;
}
.entry-content .event_box1 h4 em{
	font-size:250%;
	font-weight:bold;
	font-family: 'Playfair Display', serif !important;
}

.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 img{
	width:100%;
}

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

#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-size:400% !important;
	font-family: 'Playfair Display', serif !important;
	font-weight:normal !important;;
	color:#c00 !important;
	position: relative;
	display: inline-block;
	padding: 0 100px;
	margin-bottom:20px !important;
}

.entry-content #event_contents h4 {
	font-size:150% !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{
	width:96%;
	margin:0 auto;
	display: flex;
	display: -webkit-flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
div.event_lifestyle ul li{
	display:block;
	width: 31%;
	box-sizing:border-box;
	margin-bottom:50px;
	background:#fff;
	padding:0px;
	box-shadow:5px 5px 20px #ccc;
	border-radius:10px;
	overflow:hidden;
}

div.event_lifestyle ul li dl{
}

div.event_lifestyle ul li dl dt{
	overflow:hidden;
}
div.event_lifestyle ul li dl dt img{
    width:100%;
    object-fit:cover;
}
div.event_lifestyle ul li dd{
	padding:10px 25px 20px;
}
div.event_lifestyle ul li dd h5{
	font-size:130%;
	font-weight:bold !important;
	margin-bottom:0.5em;
	text-align:center;
}
div.event_lifestyle ul li dd h5 span{
	font-size:250%;
	color:#c00;
	margin-right:0.2em;
	font-family: 'Playfair Display', serif !important;
	display:block;
	line-height:1em;
}


.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: 90% !important;
	margin:0 auto 70px auto !important;
	border-radius:20px;
}
div.event_present dl:nth-child(1){
	width:50%;
	margin:0 auto;
}
div.event_present dl:nth-child(1) img{
	width:100%;
}
div.event_present h5{
	text-align:center;
}
div.event_present h5 span{
	display:block;
	line-height:1.5em;
	margin-bottom:10px;
}

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

div.event_seminar {
	width: 100%;
	margin: 60px auto 50px auto;
	background:#f9f9f9;
	padding:50px 0 10px;
	border-radius:20px;
}
div.event_seminar h3{
	margin:0 auto!important;
}
div.event_seminar ul{
	width:80%;
	margin:0 auto 20px;
	margin-bottom:20px;
	display: flex;
	display: -webkit-flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
div.event_seminar ul li{
	display:block;
	width: 45%;
	height:680px;
	padding: 0;
	position:relative;
	background:#fff;
	box-shadow:5px 5px 20px #ccc;
	border-radius:10px;
	overflow:hidden;
}
div.event_seminar ul li dt{
	padding: 0;
	margin:0;
	overflow:hidden;
}

div.event_seminar ul li dt img{
	width:100%;
	object-fit:cover;
}

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{
	width:100%;
	display:flex;
	justify-content:space-between;
	background:#d0554c;
	padding:10px;
	position:absolute;
	bottom:0;
	box-sizing:border-box;
}
div.event_seminar ul li dl .seminer_present > dt{
}
div.event_seminar ul li dl .seminer_present > dt:nth-child(1){
	width:30%;
}
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:68%;
}
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 ;
}

.event_campagin{
	background:#f9f9f9;
	margin-bottom:70px;
	border-radius:20px;
}

.event_campagin dl{
	padding:50px;
	display:flex;
	justify-content:space-between;
}
.event_campagin dl dt{
	width:40%;
}
.event_campagin dl dt img{
	width:100%;
}
.event_campagin dl dd{
	width:58%;
}
.event_campagin dl dd h5{
	font-size:130%;
	font-weight:bold;
	margin-bottom:1em;
}

.event_campagin dl dd .btn{
	width:50%;
	min-width:450px;
	text-align:center;
	font-weight:bold;
	margin-top:10px;
}

.event_info .goolemap iframe{
	width:100%;
	height:350px;
}

/*  ---------- from ---------- */

.form_title {
    font-size: 150%;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-align: center;
    border: 1px solid #ccc;
    padding: 10px 0;
    border-radius: 50px;
    margin-bottom: 50px;
    margin-top:50px;
}


@media screen 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:96%;
	}
	#event_contents .lifestyle_images ul li:nth-child(2) h4{
		font-size:150%;
		text-align:center;
	}
	
	.entry-content #event_contents h3 {
		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 {
		margin:0 0 30px 0!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_seminar ul{
		width: 90%;
	}
	div.event_seminar ul li{
		display:block;
		width: 48%;
	}
	div.event_present dl:nth-child(1){
		width:40%;
		margin:0 auto;
	}

}

@media screen 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 {
	}
	.event_campagin dl{
		padding:50px;
		display:block;
		justify-content:unset;
	}
	.event_campagin dl dt{
		width:100%;
	}
	.event_campagin dl dt img{
		width:100%;
	}
	.event_campagin dl dd{
		width:100%;
	}
	.event_campagin dl dd h5{
		font-size:130%;
		font-weight:bold;
		margin-bottom:1em;
		text-align:center
	}

	.event_campagin dl dd .btn{
		width:90%;
		min-width:unset;
		text-align:center;
		font-weight:bold;
		margin:10px auto;
	}


}

@media screen and (max-width: 520px) {
	
	.entry-content .event_box1 h4 span::before {
		content: "\A" ;
		white-space: pre ;
	}
	div.event_lifestyle ul{
		width:90%;
	}
	div.event_lifestyle ul li{
		margin: 0 0 40px!important;
		width: 100%!important;
	}
	
	div.event_seminar ul {
		width:90%;
		display: block!important;
		margin-bottom: 15px!important;
	}

	div.event_seminar ul li {
		height:auto;
		width: 100%!important;
		margin: 0 auto 70px 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-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;
	}
	

}