@charset "utf-8";
/* news css */

/*-------------------------------------------------
記事一覧
-------------------------------------------------*/

.news_box {
width: 100%;
padding: 25px 20px 25px 20px;
border-bottom: solid 1px #E5E5E5;
display: flex;
align-items: center;
}
.date_box {
display: flex;
align-items: center;
}
.news_box:first-child {
border-top: solid 1px #E5E5E5;
}
.news_box .date {
max-width: 90px;
width: 100%;
font-family: "Copperplate Gothic LT W01 33BC";
font-weight: 400;
font-size: 1.6rem;
line-height: 100%;
display: block;
margin-right: 30px;
}
.category {
font-size: 1.2rem;
padding: 6px 25px 7px ;
text-align: center;
display: block;
line-height: 100%;
white-space: nowrap;
margin-right: 40px;
}
.color01 {
border: solid 1px #8E6C47;
color: #8E6C47;
}
.color02 {
border: solid 1px #C14911;
color: #C14911;
}
.new_icon {
font-family: "Copperplate Gothic LT W01 33BC";
font-weight: 400;
font-size: 1.2rem;
width: 48px;
padding: 5px 6px 4px;
color: #fff;
background-color: #003D7C;
margin-left: 10px;
line-height: 100%;
text-align: center;
letter-spacing: 0;
display: block;
}
.news_title a {
font-weight: 400;
font-size: 1.5rem;
letter-spacing: 0.2em;
max-width: 890px;
width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.news_title a:hover {
color: #222;
text-decoration: underline;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
.news_box .date {
font-size: 1.2rem;
margin-right: 20px;
}
.news_title a {
max-width: 650px;
}
}


/*-------------------------------------------------
NEWS 一覧ページ スマートフォン 
-------------------------------------------------*/

@media all and (max-width : 767px) {
.bg_imgbox {
background: url("../img/news/title_bg_sp.png");
background-size: cover;
}

.news_box {
padding: 15px 15px 15px 10px;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.news_box .date {
font-size: 1.1rem;
margin-right: 10px;
margin-bottom: 0px;
}
.category {
font-size: 1.0rem;
padding: 3px 10px 5px ;
}
.date_box {
margin-bottom: 10px;
}
.news_title a {
font-size: 1.2rem;
margin-bottom: 5px;
}
}


/*-------------------------------------------------
NEWS 詳細ページ
-------------------------------------------------*/

.page_news_dtl .box .date02 {
font-family: "Copperplate Gothic LT W01 33BC";
font-weight: 400;
color : #111;
font-size: 1.4rem;
padding: 0px;
margin-right: 15px;
line-height: 100%;
}
.page_news_dtl .category02 {
font-size: 1.1rem;
padding: 4px 15px 5px ;
border: solid 1px #999;
color: #999;
text-align: center;
display: block;
line-height: 100%;
white-space: nowrap;
}
.page_news_dtl .color01 {
border: solid 1px #C14911;
color: #C14911;
}
.page_news_dtl .color02 {
border: solid 1px #8E7742;
color: #8E7742;
}
.page_news_dtl .date_head_box {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.page_news_dtl .news_dtl_title {
font-weight: 400;
font-size: 2.2rem;
line-height: 100%;
padding-bottom: 18px;
border-bottom: solid 1px #ddd;
margin-bottom: 30px;
letter-spacing: 0.2em
}
.page_news_dtl .article_box {
margin-bottom: 50px;
}
.page_news_dtl .article_box p {
line-height: 200%;
font-size: 1.5rem;
display: block;
padding: 0px 10px 20px 0;
}
.page_news_dtl .article_box img {
max-width: 900px;
width: 100%;
height: auto;
margin: 20px 0;
display: block;
}
.link_btn_box {
margin-top: 80px;
}


/*-------------------------------------------------
NEWS 詳細ページ 　スマートフォン
-------------------------------------------------*/

@media all and (max-width : 767px) {
.page_news_dtl .category02 {
font-size: 1.0rem;
padding: 3px 10px 4px ;
}
.page_news_dtl .date_head_box {
margin-bottom: 10px;
}
.page_news_dtl .article_box p {
font-size: 1.2rem;
padding: 0px 10px 10px 0;
}
.page_news_dtl .box .date02 {
font-size: 1.1rem;
margin-right: 10px;
}
.page_news_dtl .news_dtl_title {
font-size: 1.4rem;
line-height: 160%;
padding-bottom: 15px;
margin-bottom: 20px;
}
.page_news_dtl .article_box {
margin-bottom: 25px;
}
.link_btn_box {
margin-top: 50px;
}
}