/* プレビューヘッダー非表示 */
.fs-preview-header { display: none; }

/* 背景画像指定 */
body {
    background-image: url(https://deepsialic2025.itembox.design/item/common/bg_light_pink.jpg?t=20250930155914);    
}


/*ここのCSSは基本的にTOPページコンテンツエリア以外を設定*/

.fs-c-list, .fs-c-localNavigation__list {
  box-sizing: border-box;
  list-style: none;
  margin: 8px  0px 8px 0px;
  padding: 0;
}

/*値段の色*/
.fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
  color: #009885;
}

/*通知の枠と文字色*/
.fs-c-panel--info {
  color: #009885;
  border-color: #009885;
}
.fs-c-panel--info::before {
  content: "\e914";
  color: #009885;
}

.fs-c-panel--error {
  color: #009885;
  border-color: #009885;
}
.fs-c-panel--error::before {
  content: "\e915";
  color: #009885;
}


/*実行ボタンの色*/
.fs-c-button--primary {
  background: #009885;
  border: 1px solid #009885;
  box-shadow: 0 0 2px #b2b2b2;
}

.fs-c-button--secondary {
  background: #009885;
  border: 1px solid #919191;
  box-shadow: 0 0 2px #009885;
}

/*必須項目「＊」の色*/
.fs-c-requiredMark::before {
  content: "*";
  display: block;
  font-size: 1.2em;
  text-indent: 0;
  color: #ff0000;
}



/*返品特約　箇条書き上スペース修正（他の箇所と兼用していたのでオリジナルとして再設定） */
.fs-c-list-return-policy {
  box-sizing: border-box;
  list-style: none;
  margin: -25px 0px 8px 0px;
  padding: 0;
}
.fs-c-list-return-policy  > li{
  box-sizing: border-box;
}
.fs-c-list-return-policy li{
  margin-left: 8px;
  text-indent: -4px;
  padding-left: 4px;
}
.fs-c-list-return-policy li::before{
  display: inline-block;
  content: "";
  width: 2px;
  height: 2px;
  margin: auto 4px auto -8px;
  border: 4px solid #6a5858;
  border-radius: 50%;
  box-sizing: content-box;
}



/*メイン要素最大幅設定*/
.fs-l-main {
  max-width: 950px;
}

.fs-l-pageMain {
  max-width: 950px;
} 



/* ヘッダー追尾設定 */
.fs-l-header {
  display: block;
  padding-top: 0px;
  position: sticky;/* ←fixedからstickyに変更 */
  top: 0;
  z-index: 999
}


 /* ヘッダーLOGO設定 */
.toplogo {
  display: block;
  padding-top: 0px;
 background-image: url(https://deepsialic2025.itembox.design/item/bg_dark_brown.jpg?t=20250930155914);    /* 背景画像指定 */
}

.toplogo_logo {
  display: flex;
  flex-direction: column;
  align-items: center;  
  height: 200px;
  justify-content: center;
  padding: 8px;}




 /* ヘッダーナビメニュー変更用CSS */



.fs-p-headerUtilityMenu{
  border-bottom: none solid #6a5858;
  color: #ffffff;
  font-family: 'PT Serif', serif;
  font-weight: 700;
  background: #2c2c2c;
  background-image: url("https://deepsialic2025.itembox.design/item/hero/logo.png?t=20250930155914"); 
  background-position: 20px 7px; /* 横縦 */
  background-size: 50px;
  background-repeat: no-repeat;
}

.fs-p-headerUtilityMenu__list {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  font-size: 1.2rem;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;

}
.fs-p-headerUtilityMenu__list > li {
  box-sizing: border-box;
}
.fs-p-headerUtilityMenu__list.is-ready {
  display: flex;
}
.fs-p-headerUtilityMenu__list > li + li {
  margin-left: 16px;
}
.fs-p-headerUtilityMenu__list a {
  display: inline-block;
}
.fs-p-headerUtilityMenu__list a:link {
    color: #ffffff;
  background: transparent;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.8rem;
  padding: 20px 16px 20px 16px;
}

.fs-p-headerUtilityMenu__list a:visited {
    color: #ffffff;
}
.fs-p-headerUtilityMenu__list a:hover {
    color: #ffffff;
}
.fs-p-headerUtilityMenu__list a:active {
    color: #ffffff;
}
.fs-p-headerUtilityMenu__list a::before {
  content: "";
  border: none;
  border-right-width: none;
  border-left-color: currentColor;
  display: inline-block;
  height: 0;
  width: 0;
}
.fs-p-headerUtilityMenu__login.is-loggedIn--true, .fs-p-headerUtilityMenu__register.is-loggedIn--true {
  display: none;
}
.fs-p-headerUtilityMenu__logout.is-loggedIn--false {
  display: none;
}



/* フッタ-ロゴ */
.fs-p-footerlogo img{
  max-height: 200px;
　text-align: center
}

/* フッタ-メニュー*/
.footermenucenter ul{
    text-align: center;
    padding: 0;
}

.footermenucenter li{
    display: inline;
    padding: 8px 16px 8px 8px;
}



/* コンテンツエリアが狭い場合、フッター下に余白解除の対応
.fs-l-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.fs-l-main {
    flex: 1;
    padding 20px 10px;
    margin 0;
}

.fs-body-top .fs-l-main {
    padding 0px;
} 
*/


/* フッターメニューとコピーライトの間に余白 */
.footermenucenter {
    margin-bottom: 25px;
    padding: 0;
}

/* フリーページ */
.fs-body-custom .fs-l-main{
    margin:30px auto;
}

.fs-l-footer {
    margin-top:0;
}

/* TOPページのaタグのunderlineを無効にする */
.fs-body-top .fs-l-main a,
.fs-body-top .fs-l-main a:visited,
.fs-body-top .fs-l-main a:hover,
.fs-body-top .fs-l-main a:focus,
.fs-body-top .fs-l-main a:active {
  text-decoration: none;
}

/* 商品詳細 独自コメント 見出し */
.original-comment{
  font-size: 14px;
  line-height: 1.8;
}

/* 商品詳細 見出し上のライン */
.original-comment-heading-line {
  height: 1px;
  background: #45312d;
  margin-bottom: 12px;
}

/* 商品詳細 見出し本体 */
.original-comment .original-comment-heading{
  font-size: 1.3em;
  font-weight: bold;
  margin: 12px 0;
  position: relative;
}

/* 商品詳細 段落の基本（自動折り返し用の行間） */
.original-comment p{
  margin: 0 0 9px;
  font-size: 1em;
  line-height: 1.6;
  white-space: normal;
  padding-bottom: 12px;
}

/* 商品詳細 手入力の改行を使う段落 */
.original-comment .original-comment-lead{
  line-height: 1.6;
  white-space: normal;
}

/* 商品詳細 改行の見た目だけ少し詰める */
.original-comment .original-comment-lead br{
  display: block;
  line-height: 0;
  margin: .35em 0;
}

/* レビューボタン */
.review-button{
  font-size: 2rem;
}