/* 全体共通の設定 */

/* カテゴリ個別、色 */

.catName{
	display: inline-block;
	padding: 5px 20px;
	border-radius: 20px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1;
	margin-top: 0;
	text-align: center;
}

@media screen and (max-width:1100px) {
	
.catName{
	padding: 5px 10px;
	border-radius: 15px;
	font-size: 1.2rem;
}
	
}

.newMark{
	color: #B0051C;
	font-size: 80%;
}

/* セミナー・相談会 */
.cat-0 .catName{
	border : solid 1px #00a0e9 ;
	color: #00a0e9;
}
/* 見学会 */
.cat-1 .catName{
	border : solid 1px #ec9994 ;
	color: #ec9994;
}
/* キャンペーン */
.cat-2 .catName{
	border : solid 1px #ec6519 ;
	color: #ec6519;
}
/* 住宅補助金 */
.cat-3 .catName{
	border : solid 1px #56CC19 ;
	color: #56CC19;
}
/* その他 */
.cat-4 .catName{
	border : solid 1px #78bd64 ;
	color: #78bd64;
}



/* トップページのイベント表示部分 */

.top-event{
	width: 100%;
	font-size: 0;
	position:relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.top-event a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.top-event:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}

.top-event + .top-event{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D9D9D9;
	margin-top: 10px;
	padding-top: 10px;
}

.top-event .ev-img{
	display: inline-block;
	width: 15%;
}

.top-event .ev-txt{
	display: inline-block;
	width: 85%;
	vertical-align:top;
	padding-top: 25px;
	padding-left: 30px;
}

.up_ymd_ntop{
	font-size: 1.2rem;
	display: inline-block;
	margin-left: 20px;
	letter-spacing: 2px;
}

.title_ntop{
	font-size: 2rem;
	display: block;
	margin-top: 10px;
	letter-spacing: 2px;
}

@media screen and (max-width:1100px) {

.top-event + .top-event{
	margin-top: 20px;
}

.top-event .ev-img{
	width: 30%;
	margin-right: 2%;
}

.top-event .ev-txt{
	width: 68%;
}
	
.up_ymd_ntop{
	display: block;
	margin-left: 0px;
	margin-top: 5px;
}
	
.title_ntop{
	font-size: 1.6rem;
	margin-top: 5px;
	
}
	
}

@media screen and (max-width:768px) {
	
.top-event .ev-txt{
	padding-top: 0px;
	padding-left: 15px;
}

}

/* イベント一覧　index_n_event_all.php */

#event-all{}

.ev01{
	margin-top: 30px;
	display: block;
	text-align: center;
}

.ev02{
	margin-top: 30px;
}

.ev04{
	padding: 15px;
}


/* イベント詳細ページ */

#event-detail{}

#event-detail .up_ymd{
	font-size: 1.6rem;
	display: block;
	text-align: right;
}

#event-detail .detail{
	display: block;
}

#event-detail .detailevt{
	font-size: 14px;
	border : solid 1px #333 ;
	padding: 3px 20px;
	display: inline-block;
	border-radius: 20px;
}

#event-detail h3.headline01new{
	font-size: 3.5rem;
	display: block;
	margin-top: 10px;
}

#event-detail .detail .detailDay{
	font-size: 2rem;
	display: block;
	margin-top: 10px;
	line-height: 1.3;
}

#event-detail .detail .detailText{
	font-size: 1.6rem;
	display: block;
	margin-top: 10px;
	line-height: 1.3;
}

#event-detail .detail .detailText a:link,
#event-detail .detail .detailText a:visited,
#event-detail .detail .detailText a:active {color: #B0051C; text-decoration: underline;} 

#event-detail .detail .detailText a:hover {color: #B0051C; text-decoration: none;}

#event-detail .detail .detailUpfile{
	border : solid 1px #333 ;
	margin-top: 50px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

.ev-btn{
	display: block;
	margin-top: 100px;
	text-align: center;
	vertical-align:middle;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	font-size: 0;
}

.ev-btn .sec-b1{
	display: inline-block;
	margin-left: 30px;
	float: right;
}

.ev-btn .sec-b1-yoyaku{
	display: inline-block;
	margin-left: 30px;
	float: right;
}

.ev-btn .sec-b3{
	display: inline-block;
	float: left;
}

#event-detail .detail .detailText .ev-btn a.sec-b1-yoyaku:link,
#event-detail .detail .detailText .ev-btn a.sec-b1-yoyaku:visited,
#event-detail .detail .detailText .ev-btn a.sec-b1-yoyaku:active {color: #ffffff; text-decoration: none;} 

#event-detail .detail .detailText .ev-btn a.sec-b1-yoyaku:hover {}

#event-detail .detail .detailText .ev-btn a.sec-b3:link,
#event-detail .detail .detailText .ev-btn a.sec-b3:visited,
#event-detail .detail .detailText .ev-btn a.sec-b3:active {color: #707070; text-decoration: none;} 

#event-detail .detail .detailText .ev-btn a.sec-b3:hover {color: #ffffff;}


@media screen and (max-width:1500px) {

#event-detail .detail .detailUpfile{
	margin-top: 50px;
	width: 100%;
}

.ev-btn{
	display: block;
	margin-top: 100px;
	width: 700px;
}

.ev-btn .sec-b1{
	display: inline-block;
	margin-left: 15px;
	width: 300px;
}
	
.ev-btn .sec-b1-yoyaku{
	display: inline-block;
	margin-left: 15px;
	width: 300px;
}

.ev-btn .sec-b3{
	display: inline-block;
	width: 300px;
}

}

@media screen and (max-width:1100px) {

#event-detail .up_ymd{
	font-size: 1.4rem;
}

#event-detail h3.headline01new{
	font-size: 2.8rem;
	margin-top: 10px;
}


#event-detail .detail .detailDay{
	font-size: 1.6rem;
	margin-top: 10px;
}

#event-detail .detail .detailText{
	font-size: 1.4rem;
	margin-top: 10px;
}

.ev-btn {
	margin-top: 50px;
}

}

@media screen and (max-width:992px) {

#event-detail h3.headline01new{
	font-size: 2rem;
}
	
.ev-btn {
	margin-top: 30px;
	width: 100%;
　　display: flex;
  flex-direction: column-reverse;
}

.ev-btn .sec-b1{
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
	
.ev-btn .sec-b1-yoyaku{
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

.ev-btn .sec-b3{
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 20px;
}
	
.ev-btn a.sec-b1:after, /* 棒の表示設定 */
.ev-btn a.sec-b1-yoyaku:after, /* 棒の表示設定 */
.ev-btn a.sec-b3:after { /* 棒の表示設定 */
	width: 30px; /* 棒の長さ */
	height: 1px; /* 棒の太さ */
}

}




/* 2025/6/11新築側からコピー */
/* イベント詳細ページ、テンプレ用 */

/* 下記コードはPCスマホともに新築とは変更 */
.ev-gaiyo {
  padding: 0px 0 40px;
  margin: 50px auto 0;
  width: 90%;
　display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}

/* 下記コードはPCスマホともに新築とは変更 */
.ev-point {
  padding: 0px 0 40px;
  margin: 0 auto;
  width: 90%;
　display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}

@media screen and (max-width:992px) {
	
.ev-gaiyo {
  padding: 0px 0 30px;
  margin: 30px auto 0;
  width: 100%;
}
	
.ev-point {
  padding: 0px 0 0px;
  width: 100%;
}

}

.ev-gaiyo h4,
.ev-point h4 {
  box-sizing:border-box;
  width: 35%;
  padding: 40px;
  text-align: center;
  font-weight: normal;
  font-size: 2.0rem;
  color: var(--thema-color01);
  border : solid 1px var(--thema-color01);
 }

@media screen and (max-width:992px) {
	
.ev-gaiyo h4,
.ev-point h4 {
  width: 100%;
  padding: 15px;
  font-size: 1.6rem;
 }
	
}

.ev-gaiyo div,
.ev-point div{
  box-sizing:border-box;
  padding: 20px;
  width: 65%;
 }

@media screen and (max-width:992px) {
	
.ev-gaiyo div,
.ev-point div{
  padding: 20px;
  width: 100%;
 }
	
}
	
.ev-gaiyo div ul,
.ev-point div ul {
  list-style: none;
　display: -webkit-flex;
  display: flex;
/* 新築と変えている箇所 */
	margin-top: 5px;
 }

@media screen and (max-width:992px) {
	
}

.ev-gaiyo div ul li,
.ev-point div ul li{
  font-size: 16px;
 }

@media screen and (max-width:992px) {
	
.ev-gaiyo div ul li,
.ev-point div ul li{
  font-size: 14px;
 }
	
}

.ev-gaiyo div ul li:first-child,
.ev-point div ul li:first-child {
  flex-shrink: 0;
 }
.ev-gaiyo div ul li:first-child span,
.ev-point div ul li:first-child span{
  color: var(--thema-color01);
 }

.ev-comment {
  padding: 0px 0 80px;
  margin: 0 auto;
  width: 90%;
 }
.ev-comment p{
  	padding: 40px;
  	font-size: 1.6rem;
  	background-color: #f2f2f2;
	font-weight: 300;
 }

@media screen and (max-width:992px) {
	
.ev-comment {
  padding: 0px 0 50px;
  margin: 0 auto;
  width: 100%;
 }
	
.ev-comment p{
  	padding: 20px;
  	font-size: 1.3rem;
 }
	
}

/* イベント内、分譲地、テンプレ用 */

.ev-land-title {
  padding: 20px 0 20px;
  margin: 0 auto;
  width: 90%;
　display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}

.ev-land-gaiyo {
  padding: 0px 0 20px;
  margin: 0 auto;
  width: 90%;
　display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}

.ev-kakaku-gaiyo {
  padding: 0px 0 10px;
  margin: 0 auto;
  width: 90%;
　display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}

.ev-land-plan {
	width: 90%;
	border : solid 2px #333 ;
	padding: 0;
	margin: 100px auto 30px;
}

.ev-land-s-title {
	padding: 5px;
	margin: 0;
	width: 100%;
	position: relative;
	text-align: center;
	background-color: #333;
	margin-bottom: 30px;
}

.ev-land-s-title span {
	position: relative;
	display: inline-block;
	font-size: 27px;
	line-height: 1;
	color: #fff;
}

.ev-land-gaikan {
  padding: 0px 0 50px;
  margin: 0 auto;
  width: 90%;
}

.ev-land-madori {
  padding: 0px 0 20px;
  margin: 0 auto;
  width: 90%;
}

.ev-land-madori-hosoku {
  padding: 0px 0 50px;
  margin: 0 auto;
  width: 90%;
}

.ev-land-madori-hosoku div {
	font-size: 2.5rem;
	font-weight: 400;
	line-height: 1.2;
	display: block;
	margin-bottom: 10px;
}

.ev-land-madori-hosoku span {
	font-size: 1.8rem;
	font-weight: 400;
}

.ev-land-madori-hosoku p {
	display: block;
	font-weight: 300;
}

.ev-land-naikan {
  padding: 0px 0 50px;
  margin: 0 auto;
  width: 90%;
}


@media screen and (max-width:768px) {
		
.ev-land-title,
.ev-land-gaiyo {
  padding: 0px 0 20px;
  width: 100%;
}
	
.ev-kakaku-gaiyo {
  padding: 0px 0 10px;
  width: 100%;
}
	
.ev-land-plan {
margin: 50px auto 20px;
  width: 100%;
}
	
.ev-land-s-title {
	margin-bottom: 20px;
}
	
.ev-land-s-title span {
	font-size: 20px;
}
	
.ev-land-gaikan {
  padding: 0px 0 30px;
  width: 95%;
}

.ev-land-madori {
  padding: 0px 0 10px;
  width: 95%;
}
	
.ev-land-madori-hosoku {
  padding: 0px 0 30px;
  width: 95%;
}
	
.ev-land-madori-hosoku div {
	font-size: 1.8rem;
	margin-bottom: 5px;
}

.ev-land-madori-hosoku span {
	font-size: 1.4rem;
}

.ev-land-naikan {
  padding: 0px 0 30px;
  width: 95%;
}
	
}

.ev-land-title h4 {
  box-sizing:border-box;
  width: 35%;
  padding: 40px;
  text-align: center;
  font-weight: normal;
  font-size: 25px;
  color: #fff;
  border : solid 1px var(--thema-color01);
	background-color: var(--thema-color01);
 }

.ev-kakaku-gaiyo h4 {
  box-sizing:border-box;
  width: 35%;
  padding: 40px;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  color: var(--thema-color01);
  border : solid 1px var(--thema-color01);
 }

.ev-land-gaiyo h4 {
  box-sizing:border-box;
  width: 35%;
  padding: 40px;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  color: var(--thema-color01);
  border : solid 1px var(--thema-color01);
 }

@media screen and (max-width:768px) {
	
.ev-land-title h4 {
  width: 100%;
  padding: 15px;
  font-size: 20px;
 }
	
.ev-land-gaiyo h4,
.ev-kakaku-gaiyo h4 {
  width: 100%;
  padding: 15px;
  font-size: 18px;
 }
	
}

.ev-land-title div,
.ev-land-gaiyo div,
.ev-kakaku-gaiyo div {
  box-sizing:border-box;
  padding: 20px;
  width: 65%;
 }

@media screen and (max-width:768px) {
	
.ev-land-title div,
.ev-land-gaiyo div,
.ev-kakaku-gaiyo div {
  padding: 20px;
  width: 100%;
 }
	
}
	
.ev-land-title div ul,
.ev-land-gaiyo div ul,
.ev-kakaku-gaiyo div ul {
  list-style: none;
　display: -webkit-flex;
  display: flex;
 }

@media screen and (max-width:768px) {
	
}


.ev-land-title div ul li{
  font-size: 35px;
  color: var(--thema-color01);
 }

.ev-land-gaiyo div ul li{
  font-size: 16px;
 }

.ev-kakaku-gaiyo div ul li{
	font-family: 'Noto Serif JP', serif;
  font-size: 30px;
  color: var(--thema-color01);
	font-weight: bold;
 }

@media screen and (max-width:768px) {
	
.ev-land-title div ul li{
  font-size: 20px;
 }
	
.ev-land-gaiyo div ul li{
  font-size: 14px;
 }
	
.ev-kakaku-gaiyo div ul li{
  font-size: 20px;
 }
	
}

.ev-land-title div ul li:first-child,
.ev-land-gaiyo div ul li:first-child,
.ev-kakaku-gaiyo div ul li:first-child {
  flex-shrink: 0;
 }

.ev-land-title div ul li:first-child span,
.ev-land-gaiyo div ul li:first-child span,
.ev-kakaku-gaiyo div ul li:first-child span{
  color: var(--thema-color01);
 }