@charset "UTF-8";
/* news用のページ */
main{width:100%; margin-bottom:0;}
.sc_info{padding: 55px 4% 100px;}


    
.news_daytime{font-size:1.1rem;} 
h2.event_title{margin-bottom: 10px; font-size: 2.0rem; letter-spacing: 1.0px; line-height: 1.8;}

.btn_data{
	display: inline-block;
	position: relative;
	background-color: #103454;
	border: 1px solid #103454;
	max-width: 440px;
	width: 100%;
	padding: 20px 20px;
	color: #fff;
	font-weight: 700;
	font-size: 1.6rem;
	text-align: center;
	min-height: 60px;
	line-height: 1;
    margin-top: 30px;
}
.btn_data::after{
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -10px;
	font-family: 'icomoon' !important;
	content: "\f00e";
	font-size: 2.0rem;
	font-weight: 400;
}

.main_img{
height: 618px;
max-width:1000px; width: auto; display: block; margin:0 auto;

border: 1px solid #48403c;
  /*background-color:#ccc;*/
  position:relative
 }
.main_img:before {
  content:"";
  display:block;
  padding-top:100%
 }
 .main_img span {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0
 }
.main_img img {
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  position:absolute;
  top:50%;
  left:50%;
  transform:translateY(-50%) translateX(-50%);
  -webkit-transform:translateY(-50%) translateX(-50%);
  cursor:pointer
 }

#contentBox{margin-top:100px; margin-bottom:90px;}

#contentBox h{font-weight: 1.8rem;}

#contentBox{font-size: 1.6rem; letter-spacing: 0.8px;}

#contentBox > p{margin-bottom:30px;}
#contentBox img{max-width:1000px; height: auto}
#contentBox img{margin-bottom:15px;}
#contentBox img.aligncenter{margin-left: auto; margin-right: auto; display: block; margin-bottom:15px;}
#contentBox img.alignleft{margin-left: 0; margin-right: auto; display: block; margin-bottom:15px;}
#contentBox img.alignright{margin-left: auto; margin-right: auto; display: block; margin-bottom:15px;}

.infoBox img{width:100%; max-width:1000px;}

@media only screen and (min-width:813px){
#contentBox img{}
}
  @media screen and (min-width:812px) and ( max-width:1200px) {
#contentBox img{max-width:1000px; height: auto; width:100%;}
}
@media only screen and (max-width:812px){
    .main_img {height: 400px;}
#contentBox img{width:100%; height: auto; max-width:1000px;}
}

#contact,.breadcrumbsBox.breadgray{background-color:#f5f2ee;}

/*.pagination {display: flex;justify-content: space-between;align-items: center;margin-top: 100px;}
.pagination a {font-family: Montserrat, sans-serif;font-size: 18px;font-weight: bold;color:#033885;width: 70px;text-align: center;}
.pagination a[rel^="prev"], .pagination a[rel^="next"] {height: 20px;line-height: 22px;background-repeat: no-repeat;background-size: contain;}
.pagination a[rel^="prev"] {padding-left: 33px;background-position: 0px center;background-image: url("../img/modelhouse/icon_left.png");}
.pagination a[rel^="next"] {padding-right: 33px;background-position: right 0px center;background-image: url("../img/modelhouse/icon_right.png");}
*/

.event_archive{padding:0 4% 60px; }

.eventList{
max-width: 1000px;
width:100%;
/*margin:0 auto 62px;*/
margin:0 auto;
}

.eventList li.e_end a .imgBox::after{
	content: "終了";
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	width:150px;
	height: 113px;
	line-height: 113px;
}

.eventList a .imgBox{
position: relative;
overflow: hidden;
padding-top: 113px;
width: 150px;
display: block;
margin-top: -2px;
background-color: #e8e8e8;
margin-right: 20px;
}



.eventList a .imgBox img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}

.eventList a .imgBox.noimg{background-color: #d0d0d0; text-align: center; padding:26px 10px;}
.eventList a .imgBox.noimg i{font-size:3.1rem; color: #999999; font-weight: 700;}
.eventList a .imgBox.noimg span{font-family: 'Montserrat', sans-serif; font-weight: 800; display: block; font-size: 1.5rem; color: #999999;}
@media only screen and (min-width:813px){
.eventList a{display: flex; align-items: flex-start;}
.eventList dl{width: calc(100% - 170px);}
}


@media only screen and (max-width:812px){
.eventList li.e_end a .imgBox::after{
	content: "終了";
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	width:175px;
	height: 130px;
	line-height: 130px;
}

.eventList a .imgBox{
position: relative;
overflow: hidden;
padding-top: 130px;
width: 175px;
display: block;
margin-top: 0;
background-color: #e8e8e8;
margin: 0 auto 15px;
}
}

.eventList dt {
color: #d02714;
line-height: 1.2;
font-family: 'Montserrat', sans-serif;
font-weight: 800;
margin-bottom: 5px;
font-size: 1.3rem;
}
.eventList dt span {
  margin-right: 10px;
  line-height: 1.2;
  display: inline-block;
  background-color: #000;
	padding: 5px 10px;
	color: #fff;
	text-align:center;
}
.eventList dd {
  line-height: 2;
    text-align: justify;
    text-justify: inter-ideograph; /* IE */
    text-justify: inter-character; /* Firefox */
/*    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
}
.eventList dd p{line-height: 1.6;}
.eventList li{border-bottom: 1px solid #111;padding-bottom: 20px;}
.eventList li:not(:last-of-type){margin-bottom: 20px;}

.pageNavi{text-align: center; width:100%;}
.wp-pagenavi {
	margin-top: 60px;
	clear: both;
	text-align:center;

}
.wp-pagenavi a{
	color:  #d02714;
	border: 1px solid  #fff;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
}



.wp-pagenavi span {
	color:  #d02714;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
}

.wp-pagenavi a:hover{
	color: #FFF;
	background-color:  #d02714;
	border-color:  #d02714;
    }
.wp-pagenavi span.current{
	color: #FFF;
	background-color:  #d02714;
	border-color:  #d02714;
	font-weight: bold;
    }
.coming{width:68%;}

.nextpostslink,.previouspostslink{border:none !important;}

.wp-pagenavi a.nextpostslink:hover,
.wp-pagenavi a.previouspostslink:hover{background-color: #fff !important;
color:  #d02714 !important;}

.event_endtitle{
padding: 10px 4%;
}