#hamburger {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
}

.fs-p-footerNavigationItem__navItem a {
color: #333333;
}
.fs-c-heading--page {
	font-size: 3rem;
	font-weight: 700;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 25px 0 15px;
	border-bottom: 1px solid #e5e5e5;
}

.fs-p-heading--lv2 {
	border-bottom: none;
	color: #333333;
	font-size: 3.4rem;
	font-weight: 400;
}

.fs-p-headerNavBar {
	border-bottom: none;
	color: #333333;
	padding: 10px
}


/*　メニュー　部分　*/
@media screen and (max-width: 959px) {
.fs-p-headerNavigation__list {
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.fs-p-headerNavigation__search {
	flex-grow: 1;
}
}

@media screen and (min-width: 768px) {
  .fs-p-headerNavigation__listItem {

    min-width: auto;
  }
  
}
  

/*　商品画像　*/
.fs-c-productListItem__image {
  position: relative;

  text-align: center;
  font-size: 0px;
  line-height: 0;
}

.fs-c-productListItem__image:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.fs-c-productListItem__image__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  font-family: "object-fit:cover;";
}

/*　商品詳細　画像　*/
.fs-c-productCarouselMainImage__thumbnailList {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    overflow-x: auto;
    padding: 0;
}

.fs-c-productCarouselMainImage__thumbnailList img {
}
	
.fs-c-productCarouselMainImage__thumbnail img {
  width: 100%;
  height: 60px;
  top: 0;
  left: 0;
  object-fit: cover;
  font-family: "object-fit:cover;";
}

.fs-c-subSection__title {
  line-height:2;
  margin:0 0 20px 0;
}
.fs-c-wishlistProduct__title, .fs-c-featuredProduct__title {
  line-height:2;
  margin:0 0 20px 0;
}


.fs-c-productImageModal {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.fs-c-breadcrumb {
  max-width: 1080px;
  margin: 0 auto;
}

.fs-c-breadcrumb__list {
  padding: 5px 15px;
}

.fs-c-documentArticle__heading {
  font-size: 2rem;
  padding: 10px;
}

.fs-p-heading--lv2 {
	font-size: 3rem;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #999;
}

.fs-p-heading--lv2:not(:first-child) {
  margin-top: 1em;
}

@media screen and (max-width: 768px) {
.fs-p-headerNavigation__link {
  padding: 3px;
}
}


/*　配送方法　*/
.fs-c-checkout-multiDestination__subtitle {
  padding: 8px;
  margin: 0 0 10px 0;
}

/*　在庫切れ　*/
.fs-c-productListItem__notice {
  padding: 5px 4px 8px;
}
.fs-c-productListItem__lowInStock, .fs-c-productListItem__outOfStock, .fs-c-productListItem__numberOfStock {
  background: #fcc;

}

/* ページ全体の余白＆横スクロール防止 */
html, body {
  overflow-x: hidden;
}

/* ひとまず headerArea 周りはそのまま */
#headerArea {}
#headerArea .wrap {}
#headerArea .inner {}

/* ========== 基本（1100px未満：タブレット・スマホ） ========== */
.newheader {
  position: relative;
  z-index: 1;               /* 下のイラストより一段下のレイヤー */
  overflow: hidden;

  /* 背景は単色 */
  background-color: #E4F169;

  /* 高さは中身に応じて可変 */
  display: flex;
  flex-direction: column;
  align-items: flex-start;   /* 左寄せ */
  justify-content: center;
  padding: 12px 12px 68px;   /* ← 下を大きめにして、イラスト用のスペース確保 */
  text-align: left;
}

/* キャッチコピー */
.newheader .text2 {
  margin: 0 0 6px;
  font-size: 13px;          /* 少し小さめ */
  font-weight: normal;      /* 太字なし */
  color: #000;
  white-space: nowrap;      /* 改行させない */
}

/* ロゴ */
.newheader .logo2 {
  margin: 0;
}

.newheader .logo2 img {
  display: block;
  /* 画面幅に応じて自然に縮むサイズ感（以前のイメージに近づけ） */
  width: clamp(150px, 45vw, 260px);
  max-width: 100%;
  height: auto;
}

/* 人イラスト（アクセント画像） */
.akusent {
  margin: 0;
  display: none;              /* デフォルトは非表示（PCでは出さない） */
  position: relative;
  z-index: 2;                 /* newheader より前面に表示 */
  text-align: center;         /* 画像を中央寄せ */
  /* 背景色は付けない（透明のまま） */
}

.akusent img {
  display: block;
  width: 100%;
  max-width: 669px;           /* 原寸より大きくしない */
  height: auto;
  margin: 0 auto;             /* 中央寄せ */
}

/* 画面幅が669pxより小さいときは、両側に余白を作る */
@media (max-width: 668px) {
  .akusent img {
    width: 90%;              /* 例：画面幅の90%にする → 10%が左右の余白 */
    /* もしくは
       width: calc(100% - 40px);  // 左右に合計40pxの余白、という指定もアリ
    */
  }
}


/* ========== PC（1100px以上） ========== */
@media (min-width: 1100px) {
  .newheader {
    /* PCでは高さ260px固定 */
    height: 260px;

    /* 背景画像に切り替え */
    background: url("https://www.naraliving.com/img_fs/bg01.jpg") center center no-repeat;
    background-size: cover;

    /* 中身を上下左右中央寄せ */
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 16px;
  }

  .newheader .text2 {
    margin: 0 0 8px;
    font-size: 16px;        /* PC時は少しだけ大きめ */
    font-weight: normal;
    color: #000;
  }

  .newheader .logo2 img {
    /* PCでは原寸430pxを上限に表示 */
    max-width: 430px;       /* これ以上は拡大しない */
    width: 100%;            /* 親要素内でフィット（実質430pxまで） */
    height: auto;
  }

  /* PCではイラスト非表示のまま */
  .akusent {
    display: none;
  }
}

/* 1100px未満のときだけ、人イラストを表示＋少しかぶせる */
@media (max-width: 1099.98px) {
  .akusent {
    display: block;
    margin-top: -56px;       /* newheader の下側に少しかぶせる */
  }
}

/* 400px以下（スマホがかなり狭いとき）はテキストをさらに小さく */
@media (max-width: 400px) {
  .newheader {
    padding: 10px 10px 36px; /* 下パディングも少し詰める */
  }

  .akusent {
    margin-top: -30px;       /* newheader の下側に少しかぶせる */
  }

  .newheader .text2 {
    font-size: 11px;         /* さらに小さくして1行に収まりやすく */
  }
}

/* 701px～1099px：中央寄せのまま */
@media (min-width: 701px) and (max-width: 1099.98px) {
  .newheader {
    align-items: center;
    text-align: center;
  }
  /* ブロック画像を中央に */
  .newheader .logo2 img {
    margin: 0 auto;
  }
}

/* 700px以下：左寄せに切り替え */
@media (max-width: 700px) {
  .newheader {
    align-items: flex-start;
    text-align: left;
  }
  /* 左寄せに戻す */
  .newheader .logo2 img {
    margin: 0;
  }
}



/* 既存のCSSを調整 */

@media screen and (min-width: 1100px) {
  #header__navi {
    display: none;
  }
}

body {
background-image: none !important;
}
#contents {
background-image: none !important;
}

.container__block {
  padding: 0px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;

  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
}

.fs-p-headerNavBar {
    color: #333333;
    margin-bottom: 20px;
    border-top: 1px dotted #CCC;
    border-bottom: 1px dotted #CCC;
}
#footer__navi .block span.footer_midashi {
    font-size: 1.4rem;
    font-weight: bold;
    display: block;
    position: relative;
    padding: 2px 0px 2px 15px;
    text-decoration: none;
    padding: 2px 0px;
}

@media (max-width: 1099px) {
    #footer__navi .block span.footer_midashi {
        padding: 30px 25px 0px 10px;
    }
}
#footer__bottom {
    background: #fff;
}

#footer__top {
    background-color: #F4F7EE !important;
}

.fs-c-subgroupList__label {
    font-size: 20px;
    font-weight: bold;
}

.fs-c-subgroupList__link {
    background: none;
    border: none;
    padding: 10px;
}


.fs-c-subgroupList__image {
    margin-right: 15px;
}

.fs-c-subgroup {
    margin: 24px 0;
    background-color: #f0f0f0;
    padding: 10px;
    border-: 1px solid #e5e5e5;
}

@media (max-width: 1099px) {
    #nav #glNavi ul li a {
        padding: 0px !important;
    }
    #nav {
        background-image: none !important;
    }
}

@media screen and (min-width: 960px) {
    .fs-c-subgroupList__item {
        flex-basis: calc(49% + 1px);
    }
}

@media screen and (min-width: 768px) {
    .fs-c-subgroupList__item {
        flex-basis: calc(49% + 1px);
    }
}