/*追加バナー*/
#top-bnr-list{
  width: 100%;
  text-align: center;
}

/*NEWS*/
.info-mds-r{
  color: #dc0c0c; 
  font-size: 18px;
}

.info-mds-b{
  font-size: 18px;
}

.info-title {
  font-size:23px;
  font-weight: normal;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','klee','ＭＳ Ｐ明朝','MS PMincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
  margin: 40px 0 25px 0;
}


.info-wrap{
  background-color: #f8f3ec;
  padding: 10px 0 70px 0;
    text-align:center;
}

.info{
width:100%;
 margin:0 auto;
}

.info-text{
      line-height: 2em;
}
.info-text a{
text-decoration: underline;
}
  
.sp-h2{
  margin:60px 0 40px 0;
}

.sp-h2 img{
  width:70%;
}
.sp-sns-wrap{
  text-align: center;
  margin: 40px 0;
}

.sp-sns-wrap img{
padding: 0 20px;
}

@media (max-width: 768px){
.container {
   /* padding: 0 !important;*/
}
}


.top-about-text-title{
}
.top-about-text{
  line-height: 2.4em;
}

.cont-link-wrap {
    background-color: #f8f3ec;
    padding: 40px 0;
    text-align: center;
}

.cont-link-01 img,
.cont-link-02 img,
.cont-link-03 img{
  padding: 15px 10px;
}

#top-newitem-list{
  text-align: center;
  margin-top:20px;
}

#top-cat-list-wrap{
    margin: 0 auto;
}

.top-cat-list{
text-align: center;
margin-bottom: 40px;
}

.top-cat-01 img,
.top-cat-02 img,
.top-cat-03 img,
.top-cat-04 img,
.top-cat-05 img,
.top-cat-06 img{
  margin-bottom: 15px;
}

.top-cat-btn {
   display: inline-block;
    text-decoration: none;
    color: #65482b;
    border: solid 1px #d3d3d3;
    border-radius: 10px;
    transition: .4s;
}

.top-cat-btn:hover {
    background: #f1f1f1;
    color: #65482b;
}
.cat-btn-wrap{
  text-align: center;
}

.insta-wrap{
text-align: center;
}

.insta-wrap img{
  margin-bottom:40px;
}

.cont-link-01 img:hover,
.cont-link-02 img:hover,
.cont-link-03 img:hover{
  opacity: 0.8;
}
a img:hover{
  opacity: 0.8;
}

/*スマホ*/
@media screen and (max-width:750px) {
  .top-cat-01,
.top-cat-02,
.top-cat-03,
.top-cat-04,
.top-cat-05,
.top-cat-06{
  margin-bottom: 40px;
}
  .top-cat-01 img,
.top-cat-02 img,
.top-cat-03 img,
.top-cat-04 img,
.top-cat-05 img,
.top-cat-06 img{
  width:100%;
}
  #top-cat-list-wrap{
  width: 100%;
}
  .top-cat-btn {
    padding: 0.8em 0;
    width: 100%;
  }

  #top-newitem-list{
  margin-bottom: 40px;
}
    .cont-link-wrap {
    margin-bottom: 55px;
}
  .top-about-text-wrap{
  text-align: center;
  margin: 50px 0;
}
#sns-wrap{
  margin-top: 50px;
} 
#instafeed{
  width: 100%;
}

.insta{
width:100%;
height: 100%;
margin: 0 -8px;
padding: 5px 21px 0 0;
}
}
/*PC*/
@media screen and (min-width:749px) {
  .top-cat-02,
.top-cat-05{
  margin: 0 60px;
}
    .top-cat-list{
display: inline-flex;
}
    #top-cat-list-wrap{
  width: 840px;
}
  .top-cat-btn {
    padding: 0.8em 9em;
}
  .top-cat-btn{
  margin-top:40px;
}
  #top-newitem-list{
  margin-bottom: 80px;
}
  .cont-link-wrap {
    margin-bottom: 110px;
}
  
  .top-about-text-wrap{
  text-align: center;
  margin: 100px 0;
}
  
#sns-wrap{
    margin: 150px auto 0;
    max-width: 500px;
}

#instafeed{
  width: 520px;
  margin-left: 35px;
}

.insta{
width: 165px;
height: 165px;
float: left;
margin: 0 -8px;
padding: 5px 21px 0 0;
}
.cont-link{
    display: inline-flex;
    clear: both;
}
  
}

/* --- ブランドストーリー：フィロソフィー強化版 --- */
#brand-story {
  background-color: #ffffff;
  padding: 120px 0;
}

.story-inner {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 5%;
}

/* --- フィロソフィー導入部のデザイン --- */
.story-intro {
  text-align: center;
  margin-bottom: 120px; /* 下のグリッドとの間隔を広げる */
}

.story-intro h2 {
  color: #65482b;
  font-size: 16px;
  letter-spacing: 0.5em;
  margin-bottom: 25px;
  display: block; /* 確実に表示 */
}

.story-lead {
  font-size: 46px; /* さらに大きく */
  color: #65482b;
  margin-bottom: 40px;
  line-height: 1.4;
  letter-spacing: 0.1em;
}

/* ★キーコピーのボールド表現を最強にする */
.story-lead strong {
  font-weight: 900 !important; 
  display: block;
}

.story-description {
  line-height: 2.2;
  color: #65482b;
  font-size: 17px;
  max-width: 800px; /* テキストが横に広がりすぎないよう制限 */
  margin: 0 auto;  /* 中央寄せ */
  display: block !important; /* 強制表示 */
}

/* --- 以降、交互レイアウトと透かしナンバーの設定（前回を維持・強化） --- */
.feature-grid {
  display: flex;
  flex-direction: column;
  gap: 180px;
}

.feature-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.feature-item:nth-child(even) {
  flex-direction: row-reverse;
}

.feature-img-wrap {
  width: 62%;
}

.feature-img-wrap img {
  width: 100%;
  height: 580px; /* ワイドに合わせて少し高さを出す */
  object-fit: cover;
  border-radius: 60px;
  box-shadow: 0 30px 80px rgba(101, 72, 43, 0.12);
}

.feature-content {
  width: 32%;
  position: relative;
}

.feature-content h3 {
  font-size: 34px; /* 見出しをさらに強調 */
  font-weight: 800;
  color: #65482b;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.num-watermark {
  position: absolute;
  top: -60px;
  left: -20px;
  font-family: 'Karla', sans-serif;
  font-size: 130px; /* さらに巨大化してダイナミックに */
  font-weight: 900;
  color: #65482b;
  opacity: 0.07;
  z-index: -1;
  font-style: italic;
}

.feature-content p {
  line-height: 2;
  color: #65482b;
  font-size: 16px;
}

/* スマホ対応 */
@media screen and (max-width: 1024px) {
  .story-lead { font-size: 28px; }
  .story-description { font-size: 15px; padding: 0 20px; }
  .feature-item, .feature-item:nth-child(even) { flex-direction: column; }
  .feature-img-wrap, .feature-content { width: 100%; }
  .feature-img-wrap img { height: 350px; }
  .num-watermark { font-size: 90px; top: -50px; }
}