@charset "utf-8";
.txtbox .catename {
    margin-bottom: 14px;
}
.news_d1 .width-1280-max{
  display:flex;
  align-items:flex-start;
  gap:clamp(30px, 5vw, 80px);
}

/* ---------------------------
   左カラム
--------------------------- */
.news_d1 .cate-wrap{
  flex:0 0 220px;
  position:sticky;
  top:140px;
}

.news_d1 .cate-wrap .titlebox{
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px solid #9b7a53;
}

.news_d1 .cate-wrap .titlebox p{
  color:#9b7a53;
}

.news_d1 .cate-wrap .catebox{
  display:flex;
  flex-direction:column;
}

.news_d1 .cate-wrap .catebox .item{
  padding:12px 0;
  border-bottom:1px solid #e3ddd7;
  cursor:pointer;
  transition:.3s;
}

.news_d1 .cate-wrap .catebox .item p{
  color:#333;
  transition:.3s;
}

.news_d1 .cate-wrap .catebox .item:hover p{
  color:#9b7a53;
  padding-left:8px;
}

/* ---------------------------
   右カラム
--------------------------- */
.news_d1 .contents{
  flex:1;
  min-width:0;
 gap: clamp(40px, 5vw, 100px);
}

.news_d1 .boxwrap{
  display:flex;
  align-items:flex-start;
  gap:clamp(24px, 5vw, 70px);
}
.news_d1 .boxwrap:last-child{
  padding-bottom:0px;
}
.news_d1 .boxwrap .rightbox{
  width:clamp(260px, 36vw, 420px);
  flex:none;
    margin: auto;
}

.news_d1 .boxwrap .rightbox .imgbox{
  width:100%;
  border-radius:10px;
  overflow:hidden;
  background:#d9d6d2;
}

.news_d1 .boxwrap .rightbox .imgbox img{
  width:100%;
  display:block;
  aspect-ratio:1 / 1;
  object-fit:cover;
}

.news_d1 .boxwrap .leftbox{
  flex:1;
  min-width:0;
        margin: auto;
}

.news_d1 .boxwrap .leftbox .txtbox{
  max-width:520px;
}



.news_d1 .boxwrap .leftbox .entitle2{
  color:#a6845d;
  line-height:1.2;
  margin-bottom:8px;
}


.news_d1 .boxwrap .leftbox .txtbox > p:last-child{
  color:#333;
  line-height:1.8;
}

/* ---------------------------
   tablet
--------------------------- */
@media (max-width:1080px){
  .news_d1 .cate-wrap{
    flex:0 0 180px;
  }
    .news_d1 .boxwrap {
 flex-direction: column;
}
    
}

/* ---------------------------
   sp
--------------------------- */
@media (max-width:768px){
  .news_d1 .width-1280-max{
    flex-direction:column;
  }

  .news_d1 .cate-wrap,
  .news_d1 .contents{
    width:100%;
    flex:none;
  }

  .news_d1 .cate-wrap{
    position:relative;
    top:0;
  }

  .news_d1 .boxwrap{
    flex-direction:column;
    gap:24px;
  }

  .news_d1 .boxwrap .rightbox,
  .news_d1 .boxwrap .leftbox{
    width:100%;
    max-width: 400px;
  }
      .news_d1 .boxwrap .rightbox{
 max-width: 400px;
    
  }
    

  .news_d1 .boxwrap .leftbox .txtbox{
    max-width:none;
  }
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}