/**********************************************************/
/* TOPページ用CSS */
/**********************************************************/

/* 商品リストの商品名フォントサイズ */
.fs-c-productListItem__productName {
;
    font-size: 13px;
}

/* メインエリア見出し */
.top_main_title {
    margin-top: 20px;
    color: #333333;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: .04em;
    text-align: center;
}
.top_main_title::before {    
    display: block;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: .02em;
    content: attr(data-label);
}

.head_slid{
    margin-top: 10px;
}


/**********************************************************/
/* 商品ページ・カテゴリページ用CSS */
/**********************************************************/

/* ヘッダーカルーセル */
.head_bana{
    margin: 8px auto 0px auto;
}


/**********************************************************/
/* カテゴリページ用CSS */
/**********************************************************/

/* カテゴリのタイトルh1 */
.fs-c-heading--page{
    font-size: 20px;
    padding: 0 0 15px;
}


/* tableタグ用 */
.cate_hyo01{
    width: 90%;
    font-size: 14px;
    line-height: 18px;
}

.cate_hyo01 img{
    margin-bottom: 5px;
}

/* 子グループ表示 */
.fs-c-subgroupList__link { 
    background: #fff; /* 背景色 */ 
    border: 1px solid #ccc; /* 枠線 */ 
    /*color: #F6EABC;  文字色 */ 
} 
/* マウスオーバーの背景色 
.fs-c-subgroupList__link:hover { 
    background: #9AE2E3; 
}
*/

/* 見出し（大量注文ページで使用） */
.cate_h2_title {
    margin: 0px;
    padding: 10px 30px;
    color: #333333;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: .04em;
    text-align: center;
    border-bottom: 1px solid #333;
}

/* 見出し（大量注文ページで使用） */
.h3_order01_title{
    border-top: 4px solid #B7E1F1;
    border-bottom: 4px solid #B7E1F1;
    padding: 0.5em 0px;
    font-size: 25px;
    color: #3EBEF0;
}
.h3_order02_title{
    border-top: 4px solid #F9B52C;
    border-bottom: 4px solid #F9B52C;
    padding: 0.5em 0px;
    font-size: 25px;
    color: #F9B52C;
}

/* カード型リスト表示（PCは3列） */
.cate_list{
    display: grid;
    /*width: fit-content;*/
    column-gap: 15px;
    grid-template-columns: repeat(3, auto);
    list-style-type: none;
    padding: 0;
}
.cate_list li{
    text-align: left;
    margin-bottom: 15px;
}
.cate_list_title{
    font-size: 16px;
    margin: 5px 0px;
    padding: 0;
}
.cate_list_mon{
    font-size: 13px;
    margin: 0;
    padding: 0;
}


/**********************************************************/
/* 商品ページ用CSS */
/**********************************************************/

/* 項目選択肢 */
.fs-c-productSelection__name {
    font-size: 1.4rem;
}
.fs-c-productSelection__selection {
    padding: 4px 4px 8px 4px;
}

/* オプション価格 */
.fs-c-productOption__name, .fs-c-productOption__comment {
    font-size: 1.4rem;
}

/*パンくずリストの末尾（商品名）を非表示にするCSS*/
.fs-c-breadcrumb__listItem:last-child {
    font-size: 0;
    line-height: 0;
}
.fs-c-breadcrumb__list {
    padding: 0px 5px 0px 5px;
}



/**********************************************************/
/* 情報ページ用CSS */
/**********************************************************/

/* h1タグ・ページタイトル */
.fs-c-heading--page {
    border-bottom: 1px solid #330000;
}



/**********************************************************/
/* ページ全体CSS */
/**********************************************************/

/* 店舗名サイズ */
.fs-p-logo__lead{
    font-size: 13px;
    margin: 0 0 5px 0;
}
/* 店舗名（グリッドの配置） */
.fs-l-header__name{
    grid-row: 2;
    grid-column: 1/4;
}


/*画像下の余白をなくす*/
img {
    vertical-align: bottom;
}

/*パンくずリストの位置を移動*/
.fs-c-breadcrumb { 
    max-width: 1216px; 
    margin: 0 auto; 
    padding: 10px; 
}

/* フッターナビゲーション：3列×2行 */
@media screen and (min-width: 960px) { 
  .fs-p-footerNavigation { 
    grid-template-columns: 1fr 1fr 1fr; 
  } 
}

/* SNSアイコンの余白設定 */
.fs-p-footerSnsLink__item + .fs-p-footerSnsLink__item {
    margin-left: 20px;
}