@charset "euc-jp";
.add_hover_gnav{
  margin-top:0;
  padding:10px 0;
  backdrop-filter: blur(12px);
  background-color:rgba(255,255,255,0.8);
  position:sticky;
  z-index:9999;
  top:0;
  left:0;
}
.delivery_tbl_wrap{
  width:100%;
  display:none;
}
.delivery_tbl, .delivery_tbl th, .delivery_tbl td{
  border-collapse: collapse;
  border:1px solid #999;
}
.delivery_tbl{
/*  width:60%;*/
  width:90%;
  margin:0 5%;
}
.delivery_tbl th, .delivery_tbl td{
  padding:1em;
  text-align:center;
  width:50%;
}
.delivery_tbl tr:nth-child(2n+1) {
  background-color:#f0f0f2;
}
/* 送料無料 ////////////////////////////////////////////////////////////////////////////*/
.header_delivery_price {
  padding: .5em 1em .3em;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #df7676;
  color: #fff;
  line-height: 1.5;
  position:fixed;
  bottom:1em;
  right:1em;
  z-index:9999;
}
/* 送料無料ここまで ////////////////////////////////////////////////////////////////////*/

/* product option */
.product_option_table {
  margin: 3em 0;
}
  .product_option_table table {
    width: 100%;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #dadada;
  }
  .product_option_table th,
  .product_option_table td {
    padding: .8em .5em;
    border-top: 1px solid #dadada;
    border-right: 1px solid #dadada;
  }
  .product_option_table th {
    text-align: center;
  }
  .product_option_table td {
    vertical-align: top;
    text-align: center;
  }

/* policy */
#policy p {
  margin: 1em 0;
  color: #666;
  line-height: 1.8;
}
.policy_lead {
  padding-bottom: 1em;
  border-bottom: 1px solid #eee;
}

/* 2020427 送料関係*/
#deliveryPriceList{
  min-width:100%;
  border-collapse:collapse;
  margin-top:1em;
  margin-bottom:3em;
}
#deliveryPriceList th,#deliveryPriceList td{
  border:1px solid #808080;
  text-align:center;
}
#deliveryPriceList th{
  text-align:center;
  font-weight:bold;
  background-color:#ff9900;
}
.deliverySize{
   background-color:#ff89a5 !important;
}

#delivery_region p, #delivery_price p{
  border:1px solid #aaaaaa;
  margin-left:-1px;
}
#delivery_region{
  display:flex;
}
#delivery_region p{
  background-color:#ff9900;
  font-weight:bold;
  width:12.5%;
  vertical-align:middle;
  text-align:center;
  line-height:3.4em;
  padding-top:0.5em;
  padding-bottom:0.5em;
}
#delivery_region .kantou{
  line-height:1.2em;
}
#delivery_price{
  display:flex;
  margin-top:-1px;
}
#delivery_price p{
  line-height:2.4em;
  width:12.5%;
  text-align:center;
}
/* 送料関係ここまで */

/*  フリーページ  */
#sub-container .spFreeCategoryTitle{
   margin:0 0 2em;
    padding:20px 0 16px 0.6em;
   display:block;
}
#sub-container .spFreeCategoryTitle:after{
   border-bottom:1px solid #373C38;
  bottom:0;
  width:100%;
}

/*　フリーページでの商品リスト表示用 */
#sub-container .fp-prd-lst{
  display:flex;
  flex-wrap :wrap;
  padding:0 1% 3em;
  width:calc(100% + 4em);
  margin-left:-2em;
}
#sub-container .fp-prd-lst a{
  text-decoration:none;
  color:#333333;
}
#sub-container .fp-prd-lst li{
  width:32%;
  margin-right:1%;
  margin-bottom:2rem;
}
#sub-container .fp-prd-lst span{
  display:block;
}
#sub-container .fp-prd-lst .prd-name{
  font-weight:bold;
}
#sub-container .fp-prd-lst .prd-price{
  text-align:right;
}
/* フリーページでの商品リスト表示用ここまで */

#sub-container{
  box-sizing:box-container;
  padding:20px;
}
#sub-container hr{
  margin: 3em 0 0 0;
  padding: 0;
  border: 0;
  height: 8px;
  background-image: repeating-linear-gradient(45deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%), repeating-linear-gradient(135deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%);
  background-size: 8px 8px;
}
#sub-container #mainImage{
  width:100%;
  height:100%;
  margin-bottom:20px;
}
#sub-container h1{
  text-align:center;
 /* width:calc(100% + 2em);*/
  font-size:24px;
  font-weight:bold;
  position:relative;
  color:#ffffff;
/*  margin-left:-2em;*/
  margin-bottom:2em;
  border-radius:3px;
  padding: 1em 1em;
  background-image:url(https://img14.shop-pro.jp/PA01305/075/etc/readmoreback960_min2.jpg?cmsp_timestamp=20210622133729);
  background-size:25%;
}
#sub-container h2{
  display:inline-block;
  margin-left:-2em;
  font-size:24px;
  font-weight:bold;
  padding-left:2em;
  padding-bottom:5px;
  margin-bottom:15px;
  position:relative;
  margin-top:1.5em;
}
#sub-container h2:after{
  content:"";
  border-bottom:2px dotted #e83828;
  position:absolute;
  bottom:0;
  left:0;
  width:calc(100% + 2em);
}
#sub-container .comment{
  font-size:18px;
  line-height:2.2em;
  box-sizing:box-container;
  padding:2em 0 2em;
}
#sub-container .other-announce{
  background-image:url(https://img14.shop-pro.jp/PA01305/075/etc/readmoreback960_min2.jpg?cmsp_timestamp=20210622133729);
  background-color:#e83828 !important;
  color:#fff;
  display:block;
  width:80%;
  margin:2em 10%;
  padding:1em;
  border-radius:0.25em;
  text-align:center;
  font-size:22px;
  font-weight:bold;
}
#sub-container .wat-card{
  display:flex;
  flex-wrap:wrap;
  margin-top:3em;
}
#sub-container .wat-card h3{
  font-size:24px;
  font-weight:bold;
  margin-top:1em;
  margin-bottom:1em;
  color:#e83828;
  display:inline-block;
  padding:0.25em 76px 0.25em 35px;
  position:relative;
  border-bottom:1px dotted #e83828;
}
#sub-container .wat-card h3:before{
  content:"";
  background-image:url("https://img14.shop-pro.jp/PA01305/075/etc/kinme.png?cmsp_timestamp=20210824141458");
  background-size:contain;
  background-repeat:no-repeat;
  width:30px;
  height:30px;
  position:absolute;
  left:0;
  top:0.375em;
}
#sub-container .wat-card .wat-img{
  width:100%;
}
.wat-card .wat-img img{
  width:100%;
  height:auto;
}
#sub-container .wat-card .wat-com{
  font-size:18px;
  line-height:1.8em;
  box-sizing:border-box;
  padding:0 0em;
  width:100%;
}
#sub-container .wat-card .wat100{
  width:100% !important;
}
#sub-container .wat-card b{
  position:relative;
  line-height:2em;
  font-size:19px;
  background-color:#fff;
  padding-left:0.5em;
  padding-right:1em;
}
#sub-container .wat-card .wat-material{
  width:100%;
}
#sub-container .wat-card .card-border{
  border:3px solid #ee7700;
  border-radius:5px;
  margin-top:2em;
  position:relative;
  padding:1em;
}
#sub-container .wat-card .card-border h6{
  font-weight:bold;
  font-size:19px;
  line-height:2em;
  color:#ee7700;
  position:absolute;
  top:-1em;
  left:0.5em;
  padding-left:1em;
  padding-right:1em;
  background-color:#fff;
}
.ul-dot{
  list-style-type: disc;
  padding-left:2em;
}
#sub-container .wat-card .wat-recipe{
  width:100%;
}
.ul-num{
  list-style-type: decimal;
  padding-left:2em;
}
.ul-num li, .ul-dot li{
  margin:0;
  padding:0;
}
#sub-container .wat-card .wat-comp{
font-size:16px;
  line-height:1.2em;
}
#sub-container .wat-card .wat-comp table td{
  padding-bottom:0.5em;
}
#sub-container .wat-card .wat-comp table th{
  white-space: nowrap;
  vertical-align:top;
}
#sub-container .jikinmemark{
  position:absolute;
  width:2em;
  height:auto;
  right:0;
  bottom:0.25em;
  transform: rotate(15deg);
}
/* お召し上がり方・黒 */
#sub-container .recipe-blk{
  line-height:1.6em;
  background-color:#202021;
  color:#fff;
  display:inline-block;
  padding:0.25em 1em;
  border-radius:1.05em;
  margin-top:1.8em;
}
#sub-container .attention-wrap{
  margin-top:0.8em;
  padding:0.8em;
  box-sizing:border-box;
  border:1px dotted #c0c0c0;
}
#sub-container .astarisk li{
  position:relative;
  padding-left:1em;
  font-size:0.9em;
  line-height:1.3em;
}
#sub-container .astarisk li:before{
  content:"＊";
  position:absolute;
  left:0;
}
#sub-container .pc-flex{
  display:inline-block;
}
#sub-container .divide-50 img{
  width:100%;
  height:auto;
}
#sub-container .divide-50 div{
  width:100%;
  box-sizing:border-box;
  padding:0.5rem 1rem 1rem 0;
}

/*ボタンのカスタマイズ*/
#sub-container .cartjs_box{
  padding:2em 0 !important;
  
}
#sub-container .cartjs_product_table{
  position:relative;
  width:100% !important;
}
#sub-container .cartjs_product_table table{
  padding:10px;
  width:100% !important;
  border-collapse: collapse;
  border:1px solid #333;
}
#sub-container .cartjs_product_table td, .cartjs_product_table th{
  padding:0.5em;
  line-height:1.4em;
  border-collapse: collapse;
  border:1px solid #333;
}
#sub-container .cartjs_box div.cartjs_cart_in input {
  width: 100% !important;
  margin: 0 auto;
  background: none;
  display: block;
  padding: 11px 0 9px;
  text-align: center;
  border: none;
  background: #660022 !important;
  color: #ffffff;
  font-size: 18px !important;
  letter-spacing: 1px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-decoration: none;
  line-height: 1 !important;
}
.staff_recommend:before{
  content:"スタッフのオススメポイント";
  display:inline-block;
  color:#fff;
  background-color:#cc9900;
  line-height:2.2em;
  border-radius:1.1em;
  padding-left:1.2em;
  padding-right:1.2em;
  margin-bottom:0.6em;
}


/* 2024全体を修正 スマホと統一デザインに変更(min-max:600px) ///////////////////////*/
.wf-sm { font-family: "Sawarabi Mincho"; }
*{
  margin: 0;
  padding: 0;
  box-sizing:border-box;
}
body {
  font-size:14px;
  line-height:1.8em;
  color: #333333;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
  background-color: #FFFFFF;
}
/* フォントサイズ ///////////////////////////////////////////////////////////////////////*/
.fs_minimum{
  font-size:clamp(0.688rem, 0.647rem + 0.2vw, 0.8rem);
}
.fs_small{
  font-size:clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
}

input[type="text"], textarea, select {
  border: 1px solid #888;
}
a{
  color:inherit;
  text-decoration:none;
}
table{border-collapse: collapse;}
table, th, td{border-spacing: 0;}
fieldset,img {border: 0;}
address, caption, cite, code,
dfn, em, strong, th, var {
  font-weight: normal;
  font-style: normal;
}
ol, ul {list-style: none;}
caption, th {text-align: left;}
input, textarea, select {
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
}
input, textarea, select {
  *font-size: 100%;
}
legend {
  color: #000;
}
/* 基本設定 /////////////////////////////////////////////////////////////////////////////*/
.layout_wrapper {
  margin: 0 auto;
  width:100%;
  background-color: #fff;
}
/* title /////////////////////////////////////////////////////////////////////////////////*/
h1, h2, h3, h4{
  font-weight:bold;
  color:#0a132f;
}
.ttl_h2 {
  line-height:1.6em;
  font-size:1.8em;
  margin-top:2em;
  position:relative;
  margin-bottom:1em;
  padding-left:0.45em;
  padding-right:0.45em;
  padding-bottom:0.25em;
}
.ttl_h2::before, .ttl_h2::after{
  content:"";
  position:absolute;
  display:block;
  left:0;
  background-color:#0a132f;
  width:100%;
}
.ttl_h2::before{
  height:3px;
  bottom:4px;
}
.ttl_h2::after{
  height:1px;
  bottom:0;
}
/* 基本設定ここまで /////////////////////////////////////////////////////////////////////*/
/* 商品一覧・検索結果ソート //////////////////////////////////////////////////////////// */
.sort_wrap{
  margin-bottom:1.5em;
  display:flex;
  flex-wrap:wrap;
  justify-content:end;
}
.sort_wrap p{
  line-height:2em;
  background-color:#333;
  color:#fff;
  font-weight:bold;
  margin-right:0.75em;
  padding:0 1em;
  border-radius:1em;
}
.sort_wrap a > p{
  background-color:#ddd;
  color:#333;
  font-weight:normal;
}
#pager{
  margin-top:3em;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
}
#pager .arrow{
  display:inline-flex;
  align-items:center;
}
#prev_page{
  margin-right:1.5em;
  order:1;
}
#next_page{
  margin-left:1.5em;
  order:2;
}
#pager #items{
  width:100%;
  text-align:center;
  order:0;
}
#pager #items b{
  font-size:2em;
  display:inline-block;
  margin-right:0.2em;
}
#pager .nega{
  color:#ccc;
}
/* 商品一覧・検索結果ソートここまで /////////////////////////////////////////////////// */
/* 商品リスト ///////////////////////////////////////////////////////////////////////////*/
.p_list_wrap{
  display:flex;
  flex-wrap:wrap;
}
.p_list_wrap .unit{
  width:48%;
  margin:0 1% 2em 1%;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  border-radius:5px;
  overflow:hidden;
  position:relative;
}
.p_list_wrap .img_wrap{
  width:100%;
  display:inline-block;
  position:relative;
}
.p_list_wrap .img_wrap::before{
  content:"";
  display:block;
  padding-top:90%;
}
.p_list_wrap .img_wrap img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
}
.p_list_wrap .explain{
  background-color:#fafafb;
  border-top:1px solid #eaeaeb;
  display:flex;
  flex-direction:column;
  align-content:space-between;
}
.p_list_wrap .p_name{
  font-size:1em;
  width:100%;
  line-height:1.25em;
  height:4.6em;
  padding:0.5em 0.3em 2em 0.3em; 
  display:block;
  box-sizing:border-box;
}
.p_list_wrap .p_price{
  padding-top:0.5em;
  text-align:right;
  display:block;
  font-size:1em;
  font-weight:bold;
  padding:0.8em 0.3em 0.8em 0.3em;
  box-sizing:border-box;
  background-color:#333333;
  color:#fff;
}
.new_mark_img1{
  position:absolute;
  top:0.5em;
  left:0.5em;
}
/* 商品リストここまで //////////////////////////////////////////////////////////////////*/

/* 共通ヘッダ部 ////////////////////////////////////////////////////////////////////////*/
#shop_name{
  background-color:#0a132f;
  color:#fff;
  line-height:2.2em;
  padding:0 1em;
  text-align:center;
}
/* LINE友だち追加 /////////////////////////////////////////////////////////////////////*/
#add-line-friend{
  width:100%;
  background-color:#3C2F41;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0.75em;
}
#add-line-friend img{
  width:auto;
  height: 3em;
  margin-left:1em;
}
/* 友だち追加ここまで //////////////////////////////////////////////////////////////////*/
/* ヘッダロゴ・電話番号 ////////////////////////////////////////////////////////////////*/
#shop_header{
  margin-top:0.5em;
  margin-bottom:0.5em;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
}
#header_logo_link{
  display:inline !important;
}
#header_logo, #header_freedial{
  /*
  height:auto;
  width:45%
  */
  height:3em;
  width:auto;
}

/* ヘッダロゴ・電話番号ここまで ///////////////////////////////////////////////////////*/
/* ナビゲーション //////////////////////////////////////////////////////////////////////*/
#nav_bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  margin-top:10px;
}
/* #nav_search_form */
.prd_search_form {
  display:flex;
  align-items:center;
}
.src_keyword {
  width:9.5em;
  padding: .5em 0;
  border: 1px solid #888;
  border-radius: 3px;
  text-indent: 5px;
  margin-right:0.25em;
}
.src_btn {
  padding: .35em 0.75em;
  border: 1px solid #444;
  border-radius: 3px;
  background-color: #444;
  color: #fff;
  cursor: pointer;
}
.src_btn div{
  display:inline-flex;
  align-items:center;
}
.src_btn .material_icons{
  font-size:clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
font-size:clamp(0.875rem, 0.83rem + 0.23vw, 1rem) !important;
}
/* #nav_search_form */
#nav_search_form{
  flex-grow:1;
  padding-left:0.5em;
}
#nav_search_form, #lbl_account_tgl, #lbl_shop_tgl, #nav_cart_btn{
  margin-right:0.75em;
}
#nav_bar .material_icons{
  font-size:clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  font-size: clamp(1.5rem, 1.228rem + 1.36vw, 2.25rem);
  font-size: clamp(2.125rem, 2.08rem + 0.23vw, 2.25rem);
  font-size: clamp(2.5rem, 2.364rem + 0.68vw, 2.875rem)
}
#account_tgl, #shop_tgl{
  display:none;
}
#lbl_account_tgl, #lbl_shop_tgl{
  cursor:pointer;
}
#lbl_shop_tgl{
  position:relative;
}
#nav_shop_field, #nav_account_field{
  display: grid; 
  grid-template-rows: 0fr;
  transition: 250ms grid-template-rows ease;
  width:100%;
}
#nav_account_btn{
  transition:all 0.4s;
}
#account_tgl:checked ~ #nav_account_field,
#shop_tgl:checked ~ #nav_shop_field{
  grid-template-rows: 1fr;
}
#account_tgl:checked ~ #lbl_account_tgl #nav_account_btn{
  color:#CB1B45;
}  
#shop_tgl:checked ~ #lbl_shop_tgl #shop_menu_close{
  opacity:1;
  transform:rotate(0deg);　
}
#shop_tgl:checked ~ #lbl_shop_tgl #shop_menu_open{
  opacity:0;
  transform:rotate(90deg);
}
#shop_menu_open{
  transition:all 0.4s;
  transform:rotate(0deg);
  opacity:1;
}
#shop_menu_close{
  position:absolute;
  left:0;
  transition:all 0.4s;
  transform:rotate(-90deg);
  opacity:0;  
  color:#CB1B45;
}
#nav_shop, #nav_account{
  overflow:hidden;
}
.account_login_menu{
  display:inline-flex;
  align-items:center;
  font-size:1.25em;
}
.account_login_menu .material_icons{
  font-size:1.2em !important;
}
.nav_account_btn{
  border-radius: 5px;
  box-shadow: rgb(0 0 0 / 40%) 1px 1px 5px;
  padding: 0.5em 1.1em;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  text-decoration: none;
  width:80%;
  margin: 0.5em auto 0.8em;
  font-size:1.25em;
}
#line-linkage-button{
  background: #02C755;
  color: #FFFFFF;
}
#nav_account{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  margin-top:0.8em;
}
.nav_account_table{
  width:96%;
  margin-bottom:1em;
}
.nav_account_table th{
  background-color:#0a132f;
  color:#fff;
  font-weight:bold;
  text-align:center;
  border:1px solid #0a132f;
}
.nav_account_table td{
  text-align:center;
  padding:0.5em;
  border:1px solid #0a132f;
  font-size:0.8em;
}
#nav_login_name{
  text-align:center;
  margin:0.5em 0.5em 1.5em 0.5em;
  font-weight:bold;
  font-size:1.25em;
  border-bottom:2px solid #0a132f;
  display:inline-block;
  padding:0.25em;
}

#nav_shop ul{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-around; 
  margin:0.8em auto;
  background-color:#f9f9f5;
}
#nav_shop ul li{
  line-height:1em;
  width:100%;
  text-align:center; 
}
#nav_shop ul li a{
  display:inline-block;
  padding:0.8em;
  font-weight:bold;
}

/* カートボタン ////////////////////////////////////////////////////////////////////////*/
#nav_cart_btn{
  position:relative;
}
.header_btn_txt{
  color:#fff;
  background-color:#dd2200;
  position:absolute;
  display:inline-flex;
  justify-content:center;
  top:-0.4em;
  right:-0.25em;
  font-size:1em;
  line-height:1.2em;
  border-radius:0.6em;
  padding:0 0.25em;
}
/* カートボタンここまで ///////////////////////////////////////////////////////////////*/
/* ナビゲーションここまで /////////////////////////////////////////////////////////////*/
/* パンくずリスト  /////////////////////////////////////////////////////////////////////*/
.topicpath_nav{
  margin-top:1em;
  display:flex;
  flex-wrap:wrap;
}
/* 共通ヘッダ部ここまで ////////////////////////////////////////////////////////////////*/

/* 共通フッター部 //////////////////////////////////////////////////////////////////////*/
/* フッター商品グループ ////////////////////////////////////////////////////////////////*/
#group_list{
  display:flex;
  flex-wrap:wrap;
} 
#group_list a{
  width:33.333333%;
}
#group_list img{
  width:100%;
  height:auto;
}

#footer_info_wrap{
  display:flex;
  flex-direction:column;
}
#footer_info_wrap h6{
  font-weight:bold;
  border-bottom:1px solid #0a132f;
  font-size:1.2em;
  line-height:1.6em;
  margin-bottom:0.5em;
  padding-left:0.5em;
}
#footer_info_wrap .footer_wrap{
  padding:1em;
}
#footer_info_wrap .footer_list li{
  padding:0.4em 0.8em 0.4em 0.8em;
}
#footer_shop_info{
  order:3;
}
#footer_sep{
  flex-grow:1;
  order:2;
}
#footer_shopping{
  order:1;
}
#footer_account{
  order:2;
}
.copyright {
  display:flex;
  justify-content:center;
  margin-top:5em;
  margin-bottom:5em;
}
/* 共通フッター部ここまで //////////////////////////////////////////////////////////////*/

/* その他共通パーツ ////////////////////////////////////////////////////////////////////*/
/* materiar-icon ///////////////////////////////////////////////////////////////////////*/
.material_icons{
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: clamp(1.5rem, 1.228rem + 1.36vw, 2.25rem);
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
/* 商品カテゴリー //////////////////////////////////////////////////////////////////////*/
.category_list{
  display:flex;
  flex-wrap:wrap;
  padding:0em 1em 0.75em 1em;
  background-color:#f9f9f5;
}
.category_list a{
  width: 33.333333%;
  display:flex;
  align-items:center;
  margin-top:0.75em;
/*  font-size:clamp(0.688rem, 0.619rem + 0.34vw, 0.875rem); */
  line-height:1em;
  font-size:1.15em;
}
.category_list img{
  height:2em;
  width:2em;
  object-fit:cover;
  margin-right:0.5em;
}
/* 商品カテゴリーここまで //////////////////////////////////////////////////////////////*/
/* 横スクロール商品カード //////////////////////////////////////////////////////////////*/
.scr_wrapper{
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overflow-x: auto;
  overflow-y: none;
}
.scr_wrapper .product-list{
  display:grid;
  grid-template-columns:none;
  grid-auto-flow: column;
  overflow-x: auto;
}
.scr_wrapper .product-item{
  width:58vw;
  display:flex;
  flex-direction:column;
  position:relative;
  padding-inline:10px;
  margin-bottom:0.8em;
}
.scr_wrapper .product-image{
  width:100%;
  height:auto;
}
.scr_wrapper .product-list-name{
  font-size:1em;
  padding:0.3em;
}
.scr_wrapper .product-list-name p{
  line-height:1.4em;
  font-size:1em;
  height:4em;
}
.scr_wrapper .product-list-name span{
  font-weight:bold;
  line-height:1.8em;
}
/* 横スクロール商品カードここまで //////////////////////////////////////////////////////*/
/* その他共通パーツここまで ////////////////////////////////////////////////////////////*/

/* タブレットサイズ ////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:600px){
  #header_logo, #header_freedial{
    height:5em;
    width:auto;
  }
  
  .add_hover_gnav{
    padding:10px;
  }
  #nav_search_form{
    flex-grow:0;
  }
  #nav_bar{
    justify-content:end;
  }
  #nav_shop ul{
    width:98%;
    border:1px solid #0a132f;
    border-radius:10px;
  }
  #nav_shop ul li{
    width:auto;
    padding-top:1.4em;
	padding-bottom:1.4em;
  }
  .nav_account_table{
    width:48%;
  }
  .category_list a{
  	width: 16.666666%;
    font-size:1.1em;
  }
  .category_list img{
    width:4em;
    height:4em;
  }
  /* 横スクロール商品カード ////////////////////////////////////////////////////////////*/
  .scr_wrapper .product-item{
    width: calc(40vw);
  }
  /* フッター部 ////////////////////////////////////////////////////////////////////////*/
  /* フッター商品グループ //////////////////////////////////////////////////////////////*/
  #group_list a{
    width:16.666666%;
  }
  
  #footer_info_wrap{
    flex-direction:row;
    flex-wrap:wrap;
  }
  #footer_shop_info{
    order:1;
  }
  #footer_shopping{
    order:2;
  }
  #footer_account{
    order:3;
  }
  /*フリーページ*/
  #sub-container .pc-flex{
    display:flex;
  }
  #sub-container .divide-50 img{
    width:40%;
    height:auto;
  }
  #sub-container .divide-50 div{
    width:60%;
    box-sizing:border-box;
    padding:0.5rem 1rem 1rem 0;
  }
  #sub-container .wat-card .wat-img{
    width:50%;
  }
  #sub-container .wat-card .wat-com{
    font-size:18px;
    line-height:1.8em;
    box-sizing:border-box;
    padding:0 1em;
    width:50%;
  }
  #sub-container .wat-card .wat-material{
    width:40%;
  }
  #sub-container .wat-card .wat-recipe{
    width:60%;
  }
  #sub-container .jikinmemark{
    position:absolute;
    width:64px;
    height:auto;
    right:0;
    bottom:0.25em;
    transform: rotate(15deg);
  }
}
/* PC用 ////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:961px) {
  /* 基本設定 ///////////////////////////////////////////////////////////////////////////*/
  .layout_wrapper{
    max-width:1000px;
  }
  #footer_menu ul{
    flex-direction:row;
    justify-content:center;
    margin-bottom:2em;
  }
  #footer_menu li:not(:last-child)::after{
    content:"|";
    padding-left:1em;
  }
  .p_list_wrap .unit{
  	width:31.3333%;
  	margin:0 1% 2em 1%;
    position:relative;
  }
  .p_list_wrap .unit .p_name{
    font-size:1.25em;
    line-height:1.5em;
    height:4.5em;
    
  }
  .p_list_wrap .unit .p_price{
    font-size:1.25em;
  }
  /* 横スクロール商品カード /////////////////////////////////////////////////////////////*/
  .scr_wrapper .product-item{
    width:calc((290px));
  }
}