@charset "utf-8";

/* News
----------------------------------------------------------------------------------------------------*/
.main {
 width: min(90%, 1140px);
 margin: 0 auto;
 font-feature-settings: "palt" 1;
 -webkit-text-size-adjust: 100%;
}

.newsHead {
 display: flex;
 align-items: center;
 border-bottom: 4px solid #0081BB;
 margin-bottom: 9rem;
}

.newsDay {
 font-size: 3.2rem;
 font-weight: 700;
 padding: 0 0 10px;
}

.chip__notice::after {
 content: "お知らせ";
 padding: 2px 20px;
 margin: 0 20px;
 font-size: 2.4rem;
 background: #3FA9F5;
 color: #FFF;
}

.chip__info::after {
 content: "商品情報";
 padding: 2px 20px;
 margin: 0 20px;
 font-size: 2.4rem;
 background: #fcc454;
}

.chip__event::after {
 content: "イベント";
 padding: 2px 20px;
 margin: 0 20px;
 font-size: 2.4rem;
 background: #fcc454;
}

.news__section h4,
.news__section h4::after {
 padding: 0 0 10px;
 border-bottom: 0;
 font-size: 3.2rem;
 font-weight: 700;
}

.newsBox {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 margin: 0;
 padding: 0;
}

.newsBox .news__left,
.newsBox .news__right {
 width: calc(100% / 2 - 15px);
}

.news__left p {
 font-size: 2.4rem;
 font-weight: 500;
 line-height: 1.75;
}

.news__right img {
 border: 1px solid #dcdcdc;
}

@media screen and (max-width: 767px) {
 .newsHead {
  flex-direction: column;
  align-items: normal;
  margin-bottom: 2rem;
 }

 .newsDay {
  font-size: 2rem;
  font-weight: 700;
  padding: 0 0 10px;
 }

 .chip__notice::after {
  content: "お知らせ";
  padding: 2px 20px;
  margin: 0 20px;
  font-size: 2rem;
  background: #3FA9F5;
  color: #FFF;
 }

 .chip__info::after {
  content: "商品情報";
  padding: 2px 20px;
  margin: 0 20px;
  font-size: 2rem;
  background: #fcc454;
 }

 .chip__event::after {
  content: "イベント";
  padding: 2px 20px;
  margin: 0 20px;
  font-size: 2rem;
  background: #fcc454;
 }

 .news__section h4 {
  font-size: 2.4rem;
  line-height: 1.75;
  padding: 0 0 10px;
 }

 .newsBox .news__left,
 .newsBox .news__right {
  width: 100%;
 }

 .news__left {
  margin: 0 0 20px;
 }

 .news__left p {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.75;
 }
}

/*　追加　*/
a.news__bnr {
 transition: 0.5s;
}

a.news__bnr:hover {
 opacity: 0.5;
}

/*-----------------------------------------
ガンショップSHOWA
-----------------------------------------*/

.chip__notice::after {
 background: #4caf50;
}

.newsHead {
 border-bottom: 4px solid #3c2c1d;
}



/* news2025_02　休業
----------------------------------------------------------------------------------------------------*/
.newsText p {
 font-size: 2.4rem;
 font-weight: 500;
 line-height: 1.75;
 margin-bottom: 10px;
}

.holiday table{
 font-size: 2.4rem;
 font-weight: 500;
 margin-bottom: 10px;
}

.holiday tr td:first-child {
 padding-right: 10px;
}

@media screen and (max-width: 767px) {
 
 .newsText p {
   font-size: 1.8rem;
  }
 
  .holiday table {
   font-size: 1.8rem;
}
  
  .holiday tr td:first-child {
   padding-right: 4px;
  }

}