/* 全体の設定 */
.fs-body-top{
width:1200px;
margin:0 auto;
}
.fs-l-page{
width:1200px;
margin:0 auto;
}

/* hタグの装飾 */
h1 {
    font-size: 2.5em; /* h1の文字サイズを大きく設定 */
    font-weight: bold; /* h1を太字に */
    margin: 20px 0; /* 上下に余白を追加 */
    color: #333; /* テキストの色を濃いグレーに */
}

h2 {
    font-size: 2em; /* h2の文字サイズをh1より小さく、通常フォントより大きく設定 */
    font-weight: bold; /* h2を太字に */
    margin: 15px 0; /* 上下に余白を追加 */
    color: #555; /* テキストの色をグレーに */
}


/* ページ見出しの装飾 */
.fs-c-heading--page{
font-weight: bold;
width: 100%;
background-color: #eeeeee;
background-image:
repeating-linear-gradient(-45deg,
#ffffff, #ffffff 3px,
transparent 0, transparent 6px);
border-bottom: 1px solid #414d48;
border-top: 1px solid #414d48;
}


/* ログインログアウトのボタン装飾 */
.fs-p-drawer__loginLogout__logout{
height: 25px;
border:none;
}
 .fs-p-drawer__loginLogout__login{
height: 25px;
border:none;
}

/* フリーページの高さ調整 */
#area_freepage{
min-height: 1600px;
}

/* トップページおすすめ商品一覧の高さ（上部コンテンツとの）調整 */
.recomend{
margin-top: 3em;
}

/* トップページおすすめ商品一覧のボックス装飾 */
.recomend_item_top{
border: solid 1px gray;
}

/* トップページバナー（コラム）の設定 */
.fs-pt-column__item{
padding:0;
margin: 1em 0;
}

/* ヘッダーロゴ画像調整 */
.fs-l-header__utility{
width: 1200px;
padding: 0;
margin:0;
grid-column: 1;
}
.fs-p-logo{
padding: 0;
margin: auto;
}
.fs-l-header__logo{
margin: auto;
}
.fs-l-header__contents{
width: 1200px;
height: 120px;
padding: 0;
}

/* ヘッダー下部トップ送料お支払いなどの文字とリンクカラーの設定 */
#hln01{
list-style: none;
text-align: center;
}
li.fs-pt-list__item{
width: 150px;
text-align: center;
background-color: #fff;
display: inline-block;
font-size: 20px;
border-right:1px solid #ccc;
}
.headlistnavi1 li a{
text-decoration: none;
color: #000;
}

/* サイドナビ横幅、文字の大きさ、余白 */
#subnav{
display: inline-block;
vertical-align:top;
margin: 10px 5px 0px 0px;
width:190px;
font-size: 14px;
}

/* サイドナビ会員ログインボックスの装飾指定 */
#loginbox_wrap img{
vertical-align: bottom;
}

.loginbox{
margin: 0em;
padding: 1em;
color: #414d48;
background: #dacdbd;
}

.login_logoutbox{
border: solid 1px #ccc;
padding: 5px;
font-size: 20px;
background-color: #ffffff;
text-align: center;
}

.login_logoutbox a{
color: #000;
}

.shinki{
font-size:14px;
text-align: center;
}

/* サイドナビ検索ボックスの装飾指定 */
#searchbox{
padding: 0.5em 1em;
margin: 2em 0;
color: #414d48;
background: #dacdbd;
border-top: solid 10px #414d48;
font-size: 12px;
}
.fs-p-searchForm__input{
width: calc(100% - 4em);
}

/* トップページなどコンテンツエリア横幅、文字サイズ指定、余白 */
.fs-l-main{
padding: 0px;
width: 1200px;
font-size: 16px;
margin: 10px auto;
}
/* フリーページなどコンテンツエリア横幅、文字サイズ指定、余白 */
.fs-l-pageMain{
display: inline-block;
max-width: 980px;
font-size: 16px;
margin: 10px auto;
}

/* 新着情報の装飾 */
ul.news{
margin: 0px 0px 30px 0px;
padding: 0.5em 0.5em 1em 1em;
border: solid 1px gray;
list-style-type: none;
}
li.news{
line-height: 1.5;
padding: 0.5em 0;
border-bottom: dotted 2px #bdb76b;
}

/* フッターコピーライトの文字の大きさと背景色、文字色 */
.fs-p-footerCopyright__text{
font-size: 14px;
color: #fff;
background-color: #1b0901;
text-align: center;
}
.fs-p-footerCopyright{
padding: 0px;
}

/* フッター支払い方法などのボックス設定 */
.box01{
padding: 0.5em 1em;
margin: 2em 0;
color: #000;
background: white;
border-top: solid 5px #1b0901;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
font-size: 16px;
}

.footer_box1{
display: inline-block;
width: 50%;
padding: 5px;
vertical-align: top;
}

/* フッター個人情報などのリストの設定 */
.fs-p-footerUtilityMenu__list{
list-style: none;
justify-content: center; 
}
.fs-p-footerUtilityMenu__list li{
display: inline-block;
font-size: 12px;
padding: 8px;
}

/* 会社概要ページの設定 */
.prof{
margin-bottom:10em;
}
table.table1 th,td{
border: solid 1px;
padding: 10px;
}
table.table1 {
border-collapse: collapse;
border-spacing: 20px;
width: 980px;
}
table.table1 th{
text-align: left;
background-color: #ead7c0;
}

/* お買い物ガイドなどのテキスト背景色設定 */
.fs-c-documentArticle__heading{
background-color: #4c3e3d;
}

/*ログインログアウトの表示切り替え*/
.logout.my-false{
display: none;
}
.login.my-true{
display: none;
}

/* サブ見出し*/
.subhead{
  padding: 1rem 2rem;
  font-size: 2em;
  font-weight: bold;
  border-top: 3px dotted #ffce08;
  background-color: #fffacd;
}

/* サブサブ見出し*/
.subhead_under {
  width: 450px;
  font-weight: bold;
  color: #fa8072;
  font-size: 2.5rem;
  background: linear-gradient(transparent 70%, #fff0f5 50%);
}

/* you tube*/
.video{
width:100%;
padding-bottom: 56.25%;
height:0px;
position: relative;
}
.video iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* ボーダーライン無し*/
td.noborder {
  border: 0px;
}

/*注文手続き・お申込み手続き見出し*/
.fs-c-checkout-preview__title {
    font-size: 1.2em;
    font-weight: bold;
}

/* you tube　高家追加分*/
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

/* 商品ページよくある質問のリスト設定 */
ul.qa{
padding: 0;
position: relative;
}
li.qa{
color: #343634;
border-left: solid 6px #b81a35;/*左側の線*/
background: #ffcccc;/*背景色*/
margin-bottom: 3px;/*下のバーとの余白*/
line-height: 1.5;
padding: 0.5em;
list-style-type: none!important;/*ポチ消す*/
font-weight: bold;
width:90%;
text-align: left;
}
li.answer{
width:90%;
list-style-type: none!important;
margin: 10px;
text-align: left;
}