@charset "UTF-8";
/* お知らせ一覧 ------------------------- */
#news_list_wrap {
padding: 50px;
}
#news_list_con {
margin-bottom: 50px;
}
.news_list_item {
background-color: #fff;
position: relative;
margin-bottom: 16px;
}
.news_list_item a {
display: block;
padding: 18px 20px 16px 0;
}
.news_list_item h2 {
margin-left: 164px;
}
.newsdate_ic {
display: block;
height: 30px;
position: absolute;
left: 0;
top: 0px;
}
.newsdate_ic::before {
content: '';
position: absolute;
top: 0;
right: 0;
border-bottom: 30px solid #2ea7e0;
border-right: 20px solid transparent;
border-bottom-right-radius: 3px;
}
.newsdate_ic span {
height: 30px;
width: 114px;
display: block;
background-color: #2ea7e0;
padding: 0 0 0 14px;
color: #fff;
font-size: 1.3rem;
line-height: 30px;
margin-right: 20px;
letter-spacing: 0.14em;
}
.pagination:last-of-type {
	margin-bottom:0px;
}
/* お知らせ詳細 ------------------------- */
#news_detail_con {
position: relative;
}
#news_detail_main {
width: 862px;
background-color: #fff;
padding: 60px 50px 50px;
}
#news_detail_sub {
width: 268px;
}
.news_dttl {
font-size: 2.4rem;
margin: 10px 0 30px;
line-height: 1.6;
}
#news_dtxt {
font-size: 1.5rem;
line-height: 2;
}
#news_dtxt p, 
#news_dtxt figure {
margin-bottom: 30px;
}
#news_dtxt a {
color: #2ea7e0;
}
#news_dtxt h2 {
font-size: 1.6rem;
display: flex;
align-items: center;
padding: 10px 14px 8px 0px;
color: #fff;
background-color: #3c3c3c;
margin-bottom: 24px;
font-weight: bold;
}
#news_dtxt img {
display: inline-block;
width: auto;
max-width: 100%;
height: auto;
}
#news_ddate_sns {
border-top: 1px solid #d4d4d4;
display: flex;
justify-content: space-between;
padding-top: 20px;
}
#news_ddate {
display: block;
}
#sns_button_con {
display: flex;
justify-content: flex-end;
}
#sns_button_con .twitter {
margin-right: 10px;
}
#side_past_news li {
padding: 16px 0 14px;
border-bottom: solid 1px #d4d4d4;
}
#side_past_news h2 span {
color: #2ea7e0;
display: block;
}
.sdpnews_date {
display: block;
position: relative;
width: 110px;
padding: 6px 0;
line-height: 1;
text-align: center;
background-color: #4db4e5;
color: #f5f1ed;
font-family: "din-2014-narrow",sans-serif;
margin-bottom: 10px;
letter-spacing: 0.12em;
font-size: 1.3rem;
}
.sdpnews_date::before {
content: '';
position: absolute;
top: 0;
left: 0;
border-top: 12px solid #6FC2E9;
border-right: 12px solid transparent;
}
/* 会員からのお知らせ一覧 ------------------------- */
#frommem_list_con {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 14px;
}
#frommem_list_con .list_item:nth-child(4n) {
margin-right: 0px;
}
#frommem_list_con .list_item a {
    padding: 20px;
}
#frommem_list_con .member_name {
position: relative;
text-align: center;
border-bottom: solid 2px #d4d4d4;
padding-bottom: 6px;
font-weight: bold;
color: #2ea7e0;
margin-bottom: 12px;
line-height: 1.5;
}
#frommem_list_con .member_name::after {
position: absolute;
bottom: -2px;
content: '';
width: 90px;
height: 2px;
background: #2ea7e0;
left: 50%;
transform: translate(-50%);
}
#frommem_list_con .img_wrap {
margin-bottom: 10px;
}
#frommem_list_con .txt_wrap {
padding-bottom: 30px;
}
#frommem_list_con .news_date {
position: absolute;
left: 20px;
bottom:20px;
display: block;
font-size: 1.3rem;
}
/* 会員からのお知らせ詳細 ------------------------- */
.news_dttl .mds01 {
margin-top: 20px;
}
/* イベント一覧 ------------------------- */
#event_list_con {
display: flex;
flex-wrap: wrap;
margin-bottom: 50px;
border-top:solid 1px #d4d4d4;
}
.eve_item{
width: 564px;
padding: 40px 0;
border-bottom:solid 1px #d4d4d4;
position: relative;
}
.eve_item:nth-child(odd){
margin-right: 52px;
}
.eve_item a{
display: flex;
justify-content: space-between;
}
.eve_item .img_wrap {
display: block;
width: 228px;
}
.eve_item .txt_wrap {
display: block;
width: 310px;
padding-right: 22px;
}
.eve_item .txt_wrap h3 {
font-size: 1.6rem;
margin-bottom: 14px;
}
.eve_item .more_info_2ea7e0 {
bottom: 40px;
}
/* イベント詳細 ------------------------- */
.news_dfree_con {
    margin-top: 30px;
}
.news_dfree {
display: flex;
justify-content: space-between;
border-top: 1px solid#d4d4d4;
padding: 15px 10px;
}
.news_dfree dt {
width: 20%;
font-weight: bold;
line-break: strict;
word-wrap: break-word;
overflow-wrap: break-word;
letter-spacing: 0em;
}
.news_dfree dd {
width: 80%;
padding-left: 20px;
}