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

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


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

.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: "cormorant-garamond", serif;
font-weight: 500;
font-size: 1.6rem;
line-height: 100%;
display: block;
margin-right: 10px;
}
.category {
font-size: 1.2rem;
width: 140px;
padding: 6px 0px 7px ;
border: solid 1px #999;
color: #999;
text-align: center;
display: block;
line-height: 100%;
white-space: nowrap;
margin-right: 40px;
	letter-spacing: 0.05em;
}
.color01 {
border: solid 1px #8E6C47;
color: #8E6C47;
}
.color02 {
border: solid 1px #C14911;
color: #C14911;
}
.color03 {
border: solid 1px #28352C;
color: #28352C;
}
.new_icon {
font-family: "fot-tsukumin-pr6n", sans-serif;
font-weight: 300;
font-size: 1.0rem;
width: 48px;
padding: 5px 6px 4px;
color: #fff;
background-color: #8F6D48;
margin-left: 10px;
line-height: 100%;
text-align: center;
display: block;
}
.news_title a {
font-family: "fot-tsukumin-pr6n", sans-serif;
font-weight: 300;
font-size: 1.4rem;
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.jpg");
background-size: cover;
}

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


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

.page_news_dtl .date02 {
font-family: "cormorant-garamond", serif;
font-weight: 500;
color : #111;
font-size: 1.6rem;
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 #8E7742;
color: #8E7742;
}
.page_news_dtl .color02 {
border: solid 1px #C14911;
color: #C14911;
}
.page_news_dtl .color03 {
border: solid 1px #28352C;
color: #28352C;
}
.page_news_dtl .date_head_box {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.page_news_dtl .news_dtl_title {
font-family: "fot-tsukumin-pr6n", sans-serif;
font-weight: 300;
font-size: 2.2rem;
line-height: 100%;
padding-bottom: 18px;
border-bottom: solid 1px #ddd;
margin-bottom: 30px;
letter-spacing: 0.2em
}

@media all and (max-width : 820px ){
.page_news_dtl .news_dtl_title {
font-size: 2.0rem;
margin-bottom: 25px;
letter-spacing: 0.1em
}
}

.page_news_dtl .article_box {
margin-bottom: 50px;
}
.page_news_dtl .article_box p {
line-height: 180%;
font-size: 1.5rem;
display: block;
padding: 0px 10px 20px 0;
}
.page_news_dtl .article_box img {
margin: 20px auto;
}
.link_btn_box {
margin-top: 80px;
}



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

@media all and (max-width : 767px) {
.page_news_dtl .date02 {
font-size: 1.2rem;
margin-right: 10px;
}
.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 0px 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;
	font-size: 1.2rem;
}
.link_btn_box {
margin-top: 20px;
}
}