@charset "UTF-8";
/*モデルコース一覧用：：基本はspotと共通*/
.course_cat {
display: block;
color: #fff;
background-color: #2ea7e0;
font-size: 1.2rem;
letter-spacing: 0em;
position: absolute;
right: 0;
bottom: 0;
line-height: 1.5;
padding: 4px 10px;
}
.list_item .txt_wrap {
padding-bottom: 60px;
}
.list_item .course_season {
font-size: 1.2rem;
display: flex;
width: 226px;
position: absolute;
left: 20px;
bottom: 20px;
letter-spacing: 0em;
color: #7e7e7e;
}
.list_item .course_area {
font-size: 1.3rem;
font-weight: bold;
display: block;
color: #2ea7e0;
}
.list_item .course_time {
font-size: 1.3rem;
display: block;
}
.list_item p {
padding-bottom: 10px;
border-bottom: solid 1px #d4d4d4;
margin-bottom: 8px;
}
.list_item .course_season span {
display: block;
font-size: 1.3rem;
width: 52px;
height: 22px;
border:solid 1px #c8a995;
border-radius: 4px;
background-color: #f9f7f5;
color: #ab7b5c;
line-height: 22px;
text-align: center;
}
.list_item .course_season span:not(:last-child) {
margin-right: 6px;
}
/*モデルコース詳細用*/
#course_detail_con {
position: relative;
}
#course_detail_main {
width: 862px;
background-color: #fff;
padding: 60px 50px 50px;
}
#course_detail_main h1 {
font-size: 2.4rem;
margin-bottom: 30px;
line-height: 1.6;
}
#course_detail_sub {
width: 268px;
}
.news_dttl {
font-size: 2.4rem;
margin: 10px 0 30px;
line-height: 1.6;
}
#course_dtlol_wrap {
margin-bottom: 40px;
}
#course_dtltime_con {
display: flex;
padding: 12px;
}
#course_dtltype {
display:flex;
align-items: center;
justify-content: center;
background-color: #2ea7e0;
color: #fff;
font-size: 1.3rem;
font-weight: bold;
text-align: center;
border-radius: 4px;
line-height: 1;
padding: 6px;
width: 112px;
margin-right: 20px;
}
#course_dtltime {
display: flex;
align-items: center;
position: relative;
width: calc( 100% - 132px );
line-height: 1.5;
padding-left: 22px;
}
#course_dtltime i {
display: block;
position: absolute;
left: 0;
top: 5px;
}
#course_dtlarea_con {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
#course_dtlseason {
font-size: 1.2rem;
display: flex;
letter-spacing: 0em;
color: #7e7e7e;
max-width:232px; 
}
#course_dtlseason span {
display: block;
font-size: 1.3rem;
width: 52px;
height: 22px;
border: solid 1px #c8a995;
border-radius: 4px;
background-color: #f9f7f5;
color: #ab7b5c;
line-height: 22px;
text-align: center;
margin-left: 6px;
}
#course_dtlarea {
font-weight: bold;
display: block;
color: #2ea7e0;
width: calc( 100% - 252px);
}
#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: end;
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 6px 18px;
line-height: 1;
background-color: #4db4e5;
color: #f5f1ed;
margin-bottom: 10px;
font-size: 1.3rem;
}
.sdpnews_date::before {
content: '';
position: absolute;
top: 0;
left: 0;
border-top: 12px solid #6FC2E9;
border-right: 12px solid transparent;
}
#course_dudnote {
padding-top: 40px;
}
#course_dudnavi {
border-top: solid 1px #d4d4d4;
margin-top: 40px;
padding-top: 40px;
}
#course_dudnavi ul {
display: flex;
justify-content: flex-end;
}
.course_dudbtn {
display: flex;
justify-content: space-between;
font-weight: bold;
align-items: center;
}
.course_dudbtn a {
margin-left: 12px;
background-color: #fff;
color: #2ea7e0;
border-radius: 20px;
height: 40px;
line-height: 40px;
padding: 0 20px;
}