/* カスタマイズ用CSS */
/* PC画面CSS */
@media only screen and (min-width: 768px) {
/* 全体 */
    .pageTitle{
        font-size: 22px;
        font-weight:bold;
    }
    .ec-pageHeader h1, .ec-pageHeader .h1 {
      margin: 0 0 8px;
      border-bottom: 1px dotted #ccc;
      border-top: 1px solid #ccc;
      padding: 8px 0 12px;
      font-size: 32px;
      font-weight: bold;
    }
    /* 画面処理時の操作ロックoverlay */
    /* css上はdispaly:none＋z-index:-1とし、
       画面のJSにてdisplay:flex＋z-index:2147483647を設定する */
    #fullOverlay {
      background: rgba(255, 255, 255, 0.4);
      box-sizing: border-box;
      position: fixed;
      display: none;
      flex-flow: column nowrap;
      align-items: center;
      justify-content: space-around;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      opacity: 1;
    }
    /* 検索欄での検索結果の件数表示 */
    .serch-result-pc {
        display: block;
    }
    .serch-result-sp {
        display: none;
    }
    /* 要素中央ぞろえ */
        .center {
            text-align: center; 
        }
    /* 要素右揃え */
        .right {
            text-align: right; 
        }
/* ログイン画面 */
    /* ログイン入力フォームCSS */
    .ec-login {
      margin: 0 0 0px;
      padding: 10px 13% 10px;
      height: auto;
      background: #FFFFFF;
      box-sizing: border-box;
    }
    /* 「ログイン」ボタン、「ログイン情報忘れ」リンク */
    .ec-grid2 .ec-grid2__cell {
      margin:auto;
      min-height: 1px;
    }
    /* 入力欄「パスワード」の値を表示・非表示切り替えにする目のマークボタン */
    .password-wrapper {
        position: relative;
    }
    .field-icon {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }
    /* 上記の実装により、Edge標準機能で表示される目のマークは不要になったため、非表示にする処理 */
    input::-ms-reveal {
        display: none !important;
    }
    /* ポップアップの設定 */
    .open {
      cursor:pointer; 
    }
    .overlay {
      display: none;
    }
    #popupCheck {
      display: none;
    }
    #popupCheck:checked + .overlay {
      display: block;
      background-color: #00000070;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
    }
    .window-popup {
      width: 850px;
      height: 230px;
      background-color: #FFFFFF;
      border-radius: 8px;
      justify-content: center;
      align-items: center;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 18px;
    }
    .window-lineqrcodepopup {
      width: 600px;
      height: 400px;
      background-color: #FFFFFF;
      border-radius: 8px;
      justify-content: center;
      align-items: center;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 18px;
    }
    .close {
      cursor:pointer;
      position: absolute;
      top: 8px;
      right: 8px;
      font-size: 20px;
    }
    
/* トップ画面 */
    /* ヘッダーCSS */
        .headerLogo{
            position: relative;
            width:100%;
        }
        #headerMenu{
            position:absolute;
            top:10px;
            right:0px;
            display:flex;
            font-size: 20px;
            color :#FFFFFF;
        }
        #headertMenuItem{
            display:flex;
            list-style: none;
        }
        .headerMenuCart{
            display: block ;
        }
        #headerMenuCartImg{
            height:30px;
        }
        #cartItemCount {
            position: absolute;
            color: white;
            font-size: 16px;
        }
        #headerMenuCartText{
            color :#FFFFFF;
        }
        .headerMenuText{
            color :#FFFFFF;
        }
        .headerMenuText:hover {
            color :#FFFFFF;
        }
        /* ハンバーガーメニュー */
        .ec-headerNavSP {
          display: none;
        }
    /*ハンバーガーメニュー押下時の再度メニュー */
        /* サイドメニューのメニュー下空白部分 */
        .ec-drawerRole {
          display: none;
        }
        /* サイドメニューのメニュー文字部分 */
        .ec-drawerRole .ec-headerLinkArea {
          display: none;
        }
        .ec-drawerRole .ec-headerLinkArea .ec-headerLink__list {
          display: none;
        }
        /* サイドメニューのメニュー背景部分 */
        .ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
          display: none;
        }
        .ec-drawerRole .ec-headerLinkArea .ec-headerLink__icon {
          display: none;
        }
        /* サイドメニューtransformでの表示の範囲 */
        .ec-drawerRole.is_active {
          display: none;
        }
        /* 閉じるボタン */
        .ec-drawerRoleClose {
          display: none;
        }
    /* フッターCSS */
        .ec-footerNavi{
            background: #F2F2F2;
            color: #000000;
            padding-top:40px;
            padding-bottom:40px;
        }
    /* ブロック「トップページ検索欄」 */
        /* バーコード検索・Shelterへのリンク */
        #topLinkMenu{
            display:flex;
            list-style: none;
            padding: 0px;
        }
        /* メニュー「バーコード検索」 */
        #menuBarcordSearch{
            display: none;
        }
        /* メニュー「LINE友だち追加」 */
        #menuLine {
            width: 120px;
            height: 120px;
        }
        /* メニュー「LINE友だち追加」のQRコード */
        #lineQrcode {
            width: 80%;
        }
        /* メニュー「シェルター」 */
        #menuShelter {
            width: 120px;
            height: 120px;
        }
        /* TOP!デジタルカタログへのリンク */
        #menuDegitalCatalog{
            width:120px;
            height:120px;
            margin-left: auto;
            }
            .menuDegitalCatalog{
            margin-left: auto;
            }
        /* top_search_itemスタイル */
        .pc-layout {
            display: flex;
            align-items: top;
            justify-content: space-between;
            width: 100%;
            padding: 0;
        }
        .pc-menu-section {
            display: flex;
            gap: 20px;
            flex-shrink: 0;
        }
        .pc-search-section {
            flex: 1;
            margin: 0 20px;
            min-width: 0;
        }
        .pc-catalog-section {
            flex-shrink: 0;
        }
        .pc-search-section .topSearchInput {
            margin-top: 0 !important;
        }
        .pc-detail-section {
            color: #0067c0;
            font-weight: bold;
        }
        /* 検索条件 */
        .topSearchInput{
            margin-top:-130px;
            width: 100%;
            font-size: 18px
        }
        .searchMainTdName{
            padding-right:10px;
            text-align: left;
        }
        .searchMainTdInput{
            padding-right:10px;
            text-align: left;
        }
        .custom-class {
            display: flex;
            align-items: center;
        }
        .searchInputGroup td {
            border:none;
        }
        .searchInputTable{
            margin: 0;
            width: 100%;
        }
        .searchInputTable td{
            border:none;
        }
        /* 詳細検索条件 */
        .searchDetailInputTable{
            margin:0;
            text-align: left;
            border:none;
        }
        /*メーカー名候補検索 */
        #suggestions-list {
            list-style: none;
            padding: 0;
            margin: 0;
            border: 1px solid #ccc; /* 境界線を追加 */
            display: none; /* デフォルトは非表示 */
            position: absolute; /* 位置を絶対配置 */
            background-color: white; /* 背景色を設定 */
            z-index: 1000; /* 他の要素の上に表示 */
        }
        
        #suggestions-list li {
            padding: 8px;
            cursor: pointer; /* マウスオーバー時のカーソルを変更 */
        }
        
        #suggestions-list li:hover {
            background-color: #f0f0f0; /* ホバー時の背景色 */
        }
        /* メーカー名入力欄の候補リスト */
        #suggestions-list {
            max-height: 300px; /* リストの最大高さを指定 */
            overflow-y: auto;  /* 縦方向のスクロールを有効にする */
            list-style-type: none; /* デフォルトのリストスタイルを除去 */
            padding: 0; /* パディングを除去 */
            margin: 0; /* マージンを除去 */
        }
        #suggestions-list li {
            padding: 5px; /* 各リストアイテムにパディングを設定 */
            cursor: pointer; /* 手のカーソルを表示 */
        }
        #suggestions-list li:hover {
            background-color: #f0f0f0; /* ホバー時の背景色を設定 */
        }
    /* ブロック「重要なお知らせ」CSS */
        #importantNews{
            background: #FADBDA;
            padding: 20px;
            font-size: 20px;
            margin-top:10px;
            margin-bottom:10px;
        }
        #importantNewsTable td{
            border:none;    
        }
    /* ブロック「おすすめコンテンツ」 */
        .item_photo {
            text-align:center;
        }
    /* ブロック「お知らせ」CSS */
        #newsList{
            background: #F2F2F2;
            padding: 20px;
            margin:auto;
        }
/* 商品一覧画面 */
/* バーコード検索 */
    #productListMenuBarcordSearch {
        display:none;
    }
    /* フォーム */
    #search-form {
        width: 98%;
        margin:auto;
        background: #fff;
        align-items: center;
    }
    /* 商品条件・スペックの幅確保 */
    .checkPadding {
        padding-left:10px;
    }
    /* 商品一覧画面検索フォームを形成するテーブル */
    .headerSearchTable td {
        border:none;
    }
    .headersearchInputTable td {
        border:none;
    }
    /* フォントサイズ */
    #headerSearchProductFont{
        font-size: 15px;
    }
    .form-group {
        margin-bottom: 20px;
    }
    /* 各種チェックボックス */
    .form-element {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
    }
    .form-element img {
        width: 30px;
        /* 幅を50pxに設定 */
        height: auto;
        /* 高さは自動調整（アスペクト比を保つ） */
    }
    .custom-class {
        display: flex;
        align-items: center;
        /* 中央揃え */
    }
    /*商品検索結果数のCSS*/
    .ec-searchnavRole {
      /*margin: 0px;*/
      padding: 0px;
      /*width: 100%;*/
      /*margin:auto;*/
    }
/*商品一覧のCSS設定*/
    .product-list {
        table-layout: fixed;
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }
    .product-list th, td {
        border: 1px solid #000000;
    }
    /* 一覧の項目名を固定にしたことで枠せんが消えるため、beforeを使用 */
    .product-list th::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-top: 1px solid #000000;
        background-color: #A9CEEC;
        border-bottom: 1px solid #000000;
        z-index: -1;
    }
    .product-list th {
        position: sticky;
        top: 0;
        left: 0;
        background: none;
        border-top: none;
        border-bottom: none;
    }
    /*.product-list td {*/
    /*    padding:0px;*/
    /*}*/
    /*商品一覧項目の横幅指定*/
    .product-list th.selectProduct, td.selectProduct{
        width: 4%;
        text-align: center;
    }
    .product-list th.productCode, td.productCode {
        width: 7%;
        text-align: center;
    }
    .product-list th.janCode, td.janCode {
        width: 9%;
        text-align: center;
    }
    .product-list th.productName {
        width: 25%;
        text-align: center;
    }
    .product-list td.productName {
        width: 25%;
        text-align: left;
    }
    .product-list th.spec, td.spec {
        width: 10%;
        text-align: center;
    }
    .product-list th.catalogPage, td.catalogPage {
        width: 7%;
        text-align: center;
    }
    .product-list th.unit, td.unit {
        width: 4%;
        text-align: center;
    }
    .product-list th.orderUnit, td.orderUnit {
        width: 5%;
        text-align: center;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    .product-list th.listPrice, td.listPrice {
        width: 8%;
        text-align: center;
    }
    .product-list th.unitPrice, td.unitPrice {
        width: 8%;
        text-align: center;
    }
    .product-list th.rate, td.rate {
        width: 5%;
        text-align: center;
    }
    .product-list th.stock, td.stock {
        width: 8%;
        text-align: center;
    }
    /* 「在庫区分」表示CSS */
    .discontinuedIcon{
        top: 0;
        left: 0;
        width:100%;
    }
    /*商品一覧検索結果件数表示フォント*/
    #searchResultFont {
        font-size: 18px;
    }
    /*スマホ_商品一覧「カートに商品を追加」ボタン*/
    #sp_cartAddBtn {
        display: none;
    }
    #cartMoveBtn {
        display: none;
    }
    #sp_reorderAllButton{
        display: none;
    }
    .productListMenu{
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }
    .productListMenuMargin {
        margin-left:1px;
        margin-right:1px;
        height: 25px;
    }
    /* 商品一覧の表示 */
    #pc_productList {
        display:block;
    }
    #sp_productList {
        display:none;
    }
    /* 商品一覧画面_ポップアップ */
    #limitCheck, #discontinuedExplanationCheck, #just24Check, #limit24Check, #sp-just24Check {
      display: none;
    }
    #limitCheck:checked + .overlay {
      display: block;
      background-color: #00000070;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
    }
    #discontinuedExplanationCheck:checked + .overlay {
      display: block;
      background-color: #00000070;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
    }
    #just24Check:checked + .overlay {
      display: block;
      background-color: #00000070;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
    }
    #limit24Check:checked + .overlay {
      display: block;
      background-color: #00000070;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
    }
    #discontinuedCheck:checked + .overlay {
        display: block;
        background-color: #00000070;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
    }
    .buttons-container {
        display: flex;
        justify-content: center;
        gap: 20px;
    }
    #orderCancel:checked + .overlay {
        display: block;
        background-color: #00000070;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
    }
    .buttons-container {
        display: flex;
        justify-content: center;
        gap: 20px;
    }
    #orderCancelTrue:checked + .overlay {
        display: block;
        background-color: #00000070;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
    }
     .buttons-container {
        display: flex;
        justify-content: center;
        gap: 20px;
    }
    /* 追加終わり*/
    /* 「24行目の商品追加時」のポップアップ */
    .window-just24Check {
        width: 850px;
        height: 230px;
        background-color: #FFFFFF;
        border-radius: 8px;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 18px;
    }
    /* 「24行目超越時の商品追加時」のポップアップ */
    .window-limit24Check {
        width: 850px;
        height: 230px;
        background-color: #FFFFFF;
        border-radius: 8px;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 18px;
    }
    /* 「廃番アイコンの意味」ポップアップ */
        /*ポップアップの大きさ */
        .window-discontinuedExplanation {
            width: 850px;
            height: 330px;
            background-color: #FFFFFF;
            border-radius: 8px;
            justify-content: center;
            align-items: center;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 18px;
        }
        /* ポップアップ上のタイトルテキスト */
        .popupTitle {
            font-size: 22px;
            font-weight: bold;
            padding-top:30px
        }
        /*ポップアップ上での廃番説明テーブル中央ぞろえ */
        .discontinuedExplanationList {
            margin-left: auto;
            margin-right: auto;
            border: 1px solid #000000;
        }
        .discontinuedExplanationList th {
            border: 1px solid #000000;
        }
        .discontinuedExplanationList td {
            text-align: left;
            border: 1px solid #000000;
        }
/* カート画面 */
        /* ページタイトル */
        .pc-pageHeader h1 {
            border-top: none;
            margin: 0px;
            font-size: 32px;
            font-weight: bold;
        }
        /* パンくずリスト */
        .pc-pageHeader {
            border-top: none;
            margin: 0px 16px 0px;
            font-size: 16px;
            font-weight: bold;
        }
        /* 「商品を追加する」ボタン */
        .addProductBtn {
            width: 200px;
            min-width: 110px;
            font-size:22px;
        }
        /* 「注文する」ボタン */
        .submitOrder {
            background-color: #ffa965;
            width: 200px;
            min-width: 110px;
            font-size:22px;
        }
        /* 注文者情報欄 */
        .pc-orderInfo {
            width:90%;
            margin:auto;
        }
        .sp-orderInfo {
            display: none;
        }
        .orderInfoTable td{
            border: none;
            text-align: left;
            font-size: 16px;
        }
        /* 合計値・ボタン群を同行に配置 */
        .cartBtnLine {
            display: flex;
            width:90%;
            margin:auto;
        }
        /* 合計値 */
        .sumTotal {
            width: 20%;
        }
        /* ボタン群 */
        .cartBtn{
            text-align: right;
            width: 80%;
            font-size:18px;
            height:27px;
            vertical-align: middle;
        }
        .pc-cart-list {
            width: 100%;
            table-layout: fixed;
            border-collapse: collapse;
            border-spacing: 0;
        }
        .pc-cart-list th, td {
            border: 1px solid #000000;
        }
        /* 一覧の項目名を固定にしたことで枠せんが消えるため、beforeを使用 */
        .pc-cart-list th::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            border-top: 1px solid #000000;
            background-color: #A9CEEC;
            border-bottom: 1px solid #000000;
            z-index: -1;
        }
        .pc-cart-list th {
            position: sticky;
            top: 0;
            left: 0;
            background: none;
            border-top: none;
            border-bottom: none;
        }
        .pc-cart-list td {
            padding:0px;
            margin:auto;
            text-align:center;
        }
        /*カート一覧項目の横幅指定*/
        .pc-cart-list th.listNo, td.listNo {
            width: 2%;
            text-align: center;
        }
        .pc-cart-list th.selectRepeat, td.selectRepeat {
            width: 5%;
            text-align: center;
        }
        .pc-cart-list th.orderNumber, td.orderNumber {
            width: 7%;
            text-align: center;
        }
        .pc-cart-list th.janCode, td.janCode {
            width: 10%;
            text-align: center;
        }
        .pc-cart-list th.productName, td.productName {
            width: 20%;
            text-align: center;
        }
        .pc-cart-list th.unit, td.unit {
            width: 5%;
            text-align: center;
        }
        .pc-cart-list th.orderUnit, td.orderUnit {
            width: 5%;
            text-align: center;
            word-wrap: break-word;
            overflow-wrap: break-word;
        }
        .pc-cart-list th.listPrice, td.listPrice {
            width: 7%;
            text-align: center;
        }
        .pc-cart-list th.unitPrice, td.unitPrice {
            width: 7%;
            text-align: center;
        }
        .pc-cart-list th.stock, td.stock {
            width: 5%;
            text-align: center;
        }
        .pc-cart-list th.shippingQuantity, td.shippingQuantity {
            width: 5%;
            text-align: center;
        }
        .pc-cart-list th.listTotal, td.listTotal {
            width: 7%;
            text-align: center;
        }
        .pc-cart-list th.biko, td.biko {
            width: 10%;
            text-align: center;
        }
        .pc-cart-list th.clear, td.clear {
            width: 5%;
            text-align: center;
        }
        .sp-cart-list {
            display: none;
        }
        #cartMenuBarcordSearch {
            display:none;
        }
        #errorMessage {
            text-align: center; /* メッセージを中央に配置 */
             font-size: 16px;
        }
        /* カート画面_ポップアップ */
        #orderCheck, #addRepeatCheck, #allClearCheck, #slipBikoExplanationCheck, #bikoExplanationCheck{
          display: none;
        }
        #orderCheck:checked + .overlay {
          display: block;
          background-color: #00000070;
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
        }
        #addRepeatCheck:checked + .overlay {
          display: block;
          background-color: #00000070;
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
        }
        #allClearCheck:checked + .overlay {
          display: block;
          background-color: #00000070;
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
        }
        .allclearText {
            padding-top:60px;
        }
        #slipBikoExplanationCheck:checked + .overlay {
          display: block;
          background-color: #00000070;
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
        }
        .slipBikoExplanationText {
            padding-top:90px
        }
        #bikoExplanationCheck:checked + .overlay {
          display: block;
          background-color: #00000070;
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
        }
        .bikoExplanationText {
             padding-top:90px
        }
        .window-cartPopup {
          width: 850px;
          height: 230px;
          background-color: #FFFFFF;
          border-radius: 8px;
          justify-content: center;
          align-items: center;
          position: fixed;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          font-size: 18px;
        } 
/* 注文完了画面 */
    /* 「カート画面を開く」ボタン */
    .openCart {
        width:200px;
        margin-top:20px;
        background-color: #ffa965;
        padding:2px;
    }
    /* 「トップページに戻る」ボタン */
    .openTop {
        width:200px;
        margin-top:10px;
        padding:2px;
    }
/* リピート品一覧画面 */
    /* 上部検索部分 */
        /* バーコード検索 */
        #repeatProductListMenuBarcordSearch {
            display:none;
        }
        /* フォーム含む全体 */
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            width: auto;
            margin: 0;
            padding: 0;
            background: #f8f8f8;
        }
        /* フォーム */
        #search-form {
            width: 100%;
            /* フォームの幅を親要素の100%に設定 */
            background: #fff;
            align-items: center;
        }
        /* フォントサイズ */
        #headerSearchProductFont{
            font-size: 15px;
        }
        /* 詳細検索ボタン */
        #toggle-detailed-search {
            display: block;
            margin: 20px;
            text-align: center;
        }
        
        /* 詳細検索エリア */
        #detailed-search-area {
            margin: auto;
            display: none;
            width: auto;
        }
        .form-group {
            margin-bottom: 20px;
        }
        
        /* 各種チェックボックス */
        .form-element {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
        }
        
        .form-element img {
            width: 30px;
            /* 幅を50pxに設定 */
            height: auto;
            /* 高さは自動調整（アスペクト比を保つ） */
        }
        
        .custom-class {
            display: flex;
            align-items: center;
            /* 中央揃え */
        }
    /* 下部一覧部分 */
        /*リピート品一覧のCSS設定*/
        .repeatProduct-list {
            table-layout: fixed;
            width: 100%;
            border-collapse: collapse;
            border-spacing: 0;
        }
        .repeatProduct-list th, td {
           border: 1px #000000 solid;
        }
        /* 一覧の項目名を固定にしたことで枠せんが消えるため、beforeを使用 */
        .repeatProduct-list th::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            border-top: 1px solid #000000;
            background-color: #A9CEEC;
            border-bottom: 1px solid #000000;
            z-index: -1;
        }
        .repeatProduct-list th {
            position: sticky;
            top: 0;
            left: 0;
            background: none;
            border-top: none;
            border-bottom: none;
        }
        .repeatProduct-list td {
            padding:0px;
        }
        /*商品一覧項目の横幅指定*/
        .repeatProduct-list th.selectProduct, td.selectProduct{
            width: 4%;
            text-align: center;
        }
        .repeatProduct-list th.orderNumber, td.orderNumber {
            width: 7%;
            text-align: center;
        }
        .repeatProduct-list th.janCode, td.janCode {
            width: 8%;
            text-align: center;
        }
        .repeatProduct-list th.productName {
            width: 20%;
            text-align: center;
        }
        .repeatProduct-list td.productName {
            width: 20%;
            text-align: left;
        }
        .repeatProduct-list th.spec, td.spec {
            width: 10%;
            text-align: center;
        }
        .repeatProduct-list th.catalogPage, td.catalogPage {
            width: 7%;
            text-align: center;
        }
        .repeatProduct-list th.unit, td.unit {
            width: 3%;
            text-align: center;
        }
        .repeatProduct-list th.orderUnit, td.orderUnit {
          width: 4%;
          text-align: center;
        }
        .repeatProduct-list th.listPrice, td.listPrice {
            width: 5%;
            text-align: center;
        }
        .repeatProduct-list th.unitPrice, td.unitPrice {
            width: 5%;
            text-align: center;
        }
        .repeatProduct-list th.rate, td.rate {
            width: 4%;
            text-align: center;
        }
        .repeatProduct-list th.stock, td.stock {
            width: 5%;
            text-align: center;
        }
        .repeatProduct-list th.notesField, td.notesField {
            width: 10%;
            text-align: center;
        }
        .repeatProduct-list th.notesModification, td.notesModification {
            width: 4%;
            text-align: center;
        }.repeatProduct-list th.registrationDeletion, td.registrationDeletion{
            width: 4%;
            text-align: center;
        }
        /*商品一覧検索結果件数表示フォント*/
        #searchResultFont {
            font-size: 18px;
        }
        /* 商品一覧「カートに商品を追加」ボタン*/
        #addToCartButton {
            font-size: 16px;
        }
        /*スマホ_商品一覧「カートに商品を追加」ボタン*/
        #sp_cartAddBtn {
            display: none;
        }
        /*スマホ_所品一覧「カートを見る」ボタン */
        #cartMoveBtn {
            display: none;
        }
        /* 「リピート品新規登録」ボタン */
        #repeatAddBtn {
            font-size:16px;
            vertical-align: middle;
        }
        /* PCの場合_リピート商品一覧上部メニューの表示 */
        #pc_repeatProductListMenu {
            display: flex;
        }
        /* スマホの場合_リピート商品一覧上部メニューの表示 */
        #sp_repeatProductListMenu {
            display:none;
        }
        /* PC・スマホで共通して表示されるリピート商品一覧上部メニューの表示 */
        #common_repeatProductListMenu {
           display:flex;
        }
        .repeatProductListMenu{
            display: flex;
            justify-content: flex-end;
            width: 100%;
        }
        .repeatProductListMenuMargin {
            margin-left:1px;
            margin-right:1px;
            height: 25px;
        }
        /* PCの場合_リピート商品一覧の表示 */
        #pc_repeatProductList {
            display:block;
        }
        /* スマホの場合_リピート商品一覧の表示 */
        #sp_repeatProductList {
            display:none;
        }
        
        /* 「廃番アイコンの意味」ポップアップ */
        .popupTitle {
            font-size: 24px;
            font-weight: bold;
        }
    /* リピート品一覧画面_ポップアップ */
        #limitCheck, #bikoChangeCheck, #bikoChangeFinishCheck, #selectCheck {
          display: none;
        }
        /* ポップアップウィンドウのスタイル */
        .window-repeat-popup {
          width: 850px;
          height: 300px;
          background-color: #FFFFFF;
          border-radius: 8px;
          justify-content: center;
          align-items: center;
          position: fixed;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          font-size: 18px;
        }
        .window-remark {
            width: 40%;
            height: auto;
            background-color: #FFFFFF;
            border-radius: 8px;
            justify-content: center;
            align-items: center;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        #bikoChangeCheck:checked + .overlay {
          display: block;
          background-color: #00000070;
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
        }
        #bikoChangeFinishCheck:checked + .overlay {
          display: block;
          background-color: #00000070;
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
        }
        #selectCheck:checked + .overlay {
          display: block;
          background-color: #00000070;
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
        }
    /* 廃番アイコンの説明テーブル */
    .repeatProduct-DiscontinuedExplanation {
        margin-left: auto;
        margin-right: auto;
    }
/* リピート品新規登録画面 */
    /* 商品一覧「リピート品登録」ボタン*/
    #addRepeatProductButton {
        font-size: 16px;
    }
    /*スマホ_商品一覧「リピート品一覧を見る」ボタン */
        #repeatListMoveBtn {
            display: none;
        }
    /* リピート品登録完了のポップアップ */
    #repeatAddCheck {
        display: none;
    }
/* 注文履歴一覧画面 */
    #pc-orderHistoryList {
        display:block;
    }
    #sp_orderHistoryList {
        display:none;
    }
    .orderHistoryListMenu{
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }
    .orderHistoryMenuMargin {
        margin-left:1px;
        margin-right:1px;
        height: 25px;
    }
    .order-history-list {
        table-layout: fixed;
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }
    .order-history-list th, td {
        border: 1px solid #000000;
    }
    .productCode {
        width: 6%;
    }
    .orderPrice {
        width: 6%;
    }
    .subtotalPrice {
        width: 6%;
    }
    .productName {
        width: 17%;
    }
    /* 一覧の項目名を固定にしたことで枠せんが消えるため、beforeを使用 */
    .order-history-list th::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-top: 1px solid #000000;
        background-color: #A9CEEC;
        border-bottom: 1px solid #000000;
        z-index: -1;
    }
    .order-history-list th {
        position: sticky;
        top: 0;
        left: 0;
        background: none;
        border-top: none;
        border-bottom: none;
    }
    /* 注文ステータス・商品ステータス説明のポップアップ */
    /* 商品一覧画面_ポップアップ */
    #orderStatusExplanCheck, #orderProductStatusExplanCheck {
      display: none;
    }
    #orderStatusExplanCheck:checked + .overlay {
      display: block;
      background-color: #00000070;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
    }
    #orderProductStatusExplanCheck:checked + .overlay {
      display: block;
      background-color: #00000070;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
    }
    .window-orderStatusExplan {
        width: 850px;
        height: 380px;
        background-color: #FFFFFF;
        border-radius: 8px;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 18px;
    }
    /*ポップアップ上でのステータス説明テーブル中央ぞろえ */
    .orderProductStatusExplanList {
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #000000;
    }
    .orderProductStatusExplanList th {
        border: 1px solid #000000;
    }
    .orderProductStatusExplanList td {
        text-align: left;
        border: 1px solid #000000;
    }
    .orderProductStatusExplanList th.status {
        width: 15%;
        text-align: center;
    }
    .orderProductStatusExplanList th.mean {
        width: 85%;
        text-align: center;
    }
/* 注文履歴詳細画面 */
    #pc_orderDetailList {
        display:block;
    }
    #sp_orderDetailList {
        display:none;
    }
    /* 全体の幅ぞろえ */
    .pc-orderHistoryDetailInfo {
        width:98%;
        margin:auto;
    }
    #orderHistoryDetailHeader td {
        border: none;
    }
    #orderHistoryDetailHeaderBtn {
        text-align:right;
        margin:auto;
    }
    .pc-orderHistoryDetailInfoTable {
        display: block;
    }
    .sp-orderHistoryDetailInfoTable {
        display: none;
    }
    .pc-orderHistoryDetailInfoTable td{
        border: none;
        text-align: left;
        font-size: 16px;
    }
    /* 注文履歴詳細の注文商品の一覧CSS */
    .order-detail-list {
        table-layout: fixed;
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }
    .order-detail-list th, td {
        border: 1px solid #000000;
    }
    /* 一覧の項目名を固定にしたことで枠せんが消えるため、beforeを使用 */
    .order-detail-list th::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-top: 1px solid #000000;
        background-color: #A9CEEC;
        border-bottom: 1px solid #000000;
        z-index: -1;
    }
    .order-detail-list th {
        position: sticky;
        top: 0;
        left: 0;
        background: none;
        border-top: none;
        border-bottom: none;
    }
    #cartAddCheck:checked + .overlay {
      display: block;
      background-color: #00000070;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
    }
    .window-cartAddPopup {
      width: 850px;
      height: 25%;
        background-color: #FFFFFF;
        border-radius: 8px;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 18px;
    }

    /*.product-list td {*/
    /*    padding:0px;*/
    /*}*/
    /*商品一覧項目の横幅指定*/
    .order-detail-list th.productCode, td.productCode {
        width: 7%;
        text-align: center;
    }
    .order-detail-list th.janCode, td.janCode {
        width: 9%;
        text-align: center;
    }
    .order-detail-list th.productName {
        width: 20%;
        text-align: center;
    }
    .order-detail-list td.productName {
        width: 20%;
        text-align: left;
    }
    .order-detail-list th.unit, td.unit {
        width: 5%;
        text-align: center;
    }
    .order-detail-list th.orderUnit, td.orderUnit {
        width: 4%;
        text-align: center;
    }
    .order-detail-list th.listPrice, td.listPrice {
        width: 8%;
        text-align: center;
    }
    .order-detail-list th.unitPrice, td.unitPrice {
        width: 8%;
        text-align: center;
    }
    .order-detail-list th.shippingQuantity, td.shippingQuantity {
        width: 5%;
        text-align: center;
    }
    .order-detail-list th.subtotalPrice, td.subtotalPrice {
        width: 8%;
        text-align: center;
    }
    .order-detail-list th.biko, td.biko {
        width: 15%;
        text-align: center;
    }
    .order-detail-list th.productStatus, td.productStatus {
        width: 7%;
        text-align: center;
    }
    .order-detail-list th.selectProduct, td.selectProduct{
        width: 4%;
        text-align: center;
    }
    #orderHirtoryTotal {
        width:100%;
        margin:auto;
        margin-top:-35px
    }
/* 担当者管理画面 */
    /* 担当者一覧テーブル */
    .manager-list {
        table-layout: fixed;
        width: 95%;
        margin-top:10px;
        /*margin-right: 10px;*/
        /*margin-left: 10px;*/
        /*border-collapse: collapse;*/
        /* font-size: 14px; */
    }
    .manager-list th, td {
       border: 1px #000000 solid;
    }
    .manager-list th {
        background-color: #A9CEEC;
    }
    /*担当者一覧項目の横幅指定*/
    .manager-list th.tantou_id, td.tantou_id {
        width: 20%;
        text-align: center;
    }
    .manager-list th.tantou_name, td.tantou_name {
        width: 40%;
        text-align: center;
    }
    .manager-list th.change_btn, td.change_btn {
        width: 20%;
        text-align: center;
    }
    .manager-list th.delete_btn, td.delete_btn {
        width: 20%;
        text-align: center;
    }
    /* 担当者一覧「新規登録」ボタン */
    .manager-list-new {
        width:60%; margin:auto;
    }
    /* 担当者一覧スクロール */
    .manager-list-scroll {
        height:400px;
        width:60%;
        overflow-y:scroll;
        margin:auto;
        text-align:center;
    }
    /* 担当者管理画面の入力ポップアップ */
    .window-manager-popup {
      width: 850px;
      height: 370px;
      background-color: #FFFFFF;
      border-radius: 8px;
      justify-content: center;
      align-items: center;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 18px;
    }
    /* ポップアップ上のボタン */
    .ec-off4Grid .ec-off4Grid__cell {
      position: relative;
      display: flex;
    }
    /* ポップアップ上の完了文言 */
    .popup_finish_message {
        text-align:center;
        margin:auto;
        height:330px;
        display: flex; align-items: center;
        vertical-align: middle;
    }
/* マイページ */
    /* マイページのレイアウト */
    .mypageLayout {
        width:70%;
        margin:auto;
        -webkit-appearance: none;
    }
    /* マイページリンクを形成するテーブル */
    .mypageLinkTable {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .mypageLinkTable td {
        -webkit-text-size-adjust: 100%;
        writing-mode: horizontal-tb;
        border:none;
        text-align: center;
    }
    /* リンクアイコン画像 */
    .mypageIconImg {
        width: 100%;
        height: 100%;
    }
/* パスワード変更画面 */
    /* パスワード変更画面の入力ポップアップ */
    .window-passFinish {
       width: 850px;
       height: 370px;
       background-color: #FFFFFF;
       border-radius: 8px;
       justify-content: center;
       align-items: center;
       position: fixed;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       font-size: 18px;
     }
    /* ポップアップ上の完了文言 */
    .popup_pass_finish_message {
        text-align:center;
        margin:auto;
        height:370px;
        display: flex; align-items: center;
        vertical-align: middle;
    }
    .ec-blockBtn--cancel {
      display: inline-block;
      margin-bottom: 0;
      font-weight: bold;
      text-align: center;
      vertical-align: middle;
      touch-action: manipulation;
      cursor: pointer;
      background-image: none;
      border: 1px solid transparent;
      white-space: nowrap;
      padding: 6px 12px;
      font-size: 0.875rem;
      border-radius: 1.42857142;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      padding: 10px 16px;
      text-decoration: none;
      color: #fff;
      background-color: #525263;
      border-color: #525263;
      display: block;
      width: 100%;
      height: 56px;
      line-height: 56px;
      padding-top: 0;
      padding-bottom: 0;
    }
    /* バーコード読み取り画面 */
    /* PCでは画面を表示しない */
    #displayBarcode {
        display: none;
    }
    #cartAddCheck, #limitCheck {
        display: none;
    }
}

/* スマホ画面CSS */
@media only screen and (max-width: 767px) {
/* 全体 */
    /* ページタイトル文字のサイズ */
    .pageTitle{
        font-size: 22px;
        font-weight:bold;
    }
    .ec-pageHeader h1, .ec-pageHeader .h1 {
      margin: 0 0 8px;
      border-bottom: 1px dotted #ccc;
      border-top: 0px solid #ccc;
      padding: 8px 0 12px;
      font-size: 24px;
      font-weight: bold;
    }
    /* 画面処理時の操作ロックoverlay */
    /* css上はdispaly:none＋z-index:-1とし、
       画面のJSにてdisplay:flex＋z-index:2147483647を設定する */
    #fullOverlay {
      background: rgba(255, 255, 255, 0.4);
      box-sizing: border-box;
      position: fixed;
      display: none;
      flex-flow: column nowrap;
      align-items: center;
      justify-content: space-around;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      opacity: 1;
    }
    /* 検索欄での検索結果の件数表示 */
    .serch-result-pc {
        display: none;
    }
    .serch-result-sp {
        display: block;
    }
    /* 要素中央ぞろえ */
    .center {
        text-align: center; 
    }
    /* 要素右揃え */
    .right {
        text-align: right; 
    }
/* ログイン画面 */
    /* ログイン入力フォームCSS */
    .ec-login {
      margin: 0 0 20px;
      padding: 30px 13% 20px;
      height: auto;
      background: #FFFFFF;
      box-sizing: border-box;
    }
    /* 「ログイン」ボタン、「ログイン情報忘れ」リンク */
    .ec-grid2 .ec-grid2__cell {
      margin:auto;
      min-height: 1px;
    }
     /* 入力欄「パスワード」の値を表示・非表示切り替えにする目のマークボタン */
    .password-wrapper {
        position: relative;
    }
    .field-icon {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }
    /* 上記の実装により、Edge標準機能で表示される目のマークは不要になったため、非表示にする処理 */
    input::-ms-reveal {
        display: none !important;
    }
    /* ポップアップの設定 */
    .open {
      cursor:pointer; 
    }
    .overlay {
      display: none;
    }
    #popupCheck, #just24Check, #limit24Check, #sp-just24Check {
      display: none;
    }
    #popupCheck:checked + .overlay {
      display: block;
      background-color: #00000070;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
    }
    #just24Check:checked + .overlay {
      display: block;
      background-color: #00000070;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
    }
    #sp-just24Check:checked + .overlay {
      display: block;
      background-color: #00000070;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
    }
    #limit24Check:checked + .overlay {
      display: block;
      background-color: #00000070;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
    }
    .window-popup {
      width: 90%;
      height: 60%;
      background-color: #FFFFFF;
      border-radius: 8px;
      justify-content: center;
      align-items: center;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 18px;
    }
    .window-lineqrcodepopup {
      width: 90%;
      height: 60%;
      background-color: #FFFFFF;
      border-radius: 8px;
      justify-content: center;
      align-items: center;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 18px;
    }
    .window-just24Check {
      width: 90%;
      height: 30%;
      background-color: #FFFFFF;
      border-radius: 8px;
      justify-content: center;
      align-items: center;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 18px;
    }
    .window-limit24Check {
      width: 90%;
      height: 30%;
      background-color: #FFFFFF;
      border-radius: 8px;
      justify-content: center;
      align-items: center;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 18px;
    }
    .close {
      cursor:pointer;
      position: absolute;
      top: 8px;
      right: 8px;
      font-size: 20px;
    }
/* トップ画面 */
    /* ヘッダーCSS */
        .headerLogo{
            position: relative;
            width:100%;
        }
        /*#headerMenu{*/
        /*    position:absolute;*/
        /*    top:10px;*/
        /*    right:0px;*/
        /*    display:flex;*/
        /*    font-size: 20px;*/
        /*    color :#FFFFFF;*/
        /*}*/
        #headertMenuItem{
            list-style: none;
            top:60px;
            text-align: right;
            font-size: 20px;
            color :#000000;
            padding: 0px;
        }
        /* カートメニューアイコンのみ表示 */
        .headerMenuCart{
            display: block ;
        }
        /* top_search_itemスタイル */
        /*検索欄*/
        .mobile-search-form {
            padding: 15px;
        }
        .mobile-product-search-form {
            padding: 30px;
        }
        .mobile-repeat-search-form {
            padding: 45px;
        }
        .mobile-label {
            width: 100%;
            text-align: left;
        }
        /*詳細検索欄*/
        .mobile-detail-content {
            padding: 10px;
        }
        .mobile-detail-section {
            margin-bottom: 5px;
        }
        .mobile-detail-section h5 {
            color: #0067c0;
            font-weight: bold;
            margin-bottom: 10px;
            border-bottom: 1px solid #0067c0;
            padding-bottom: 5px;
        }
        .mobile-checkbox-group label {
            display: flex;
            align-items: center;
            font-size: 16px;
            gap: 8px;
        }
        .mobile-checkbox-group img {
            margin: 0 5px;
        }
        /* スマホ要セレクトボックスに下向き矢印を追加 */
        .mobile-select-wrapper {
        position: relative;
        display: inline-block;
        width: 100%;
        }
        .mobile-select-wrapper select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background: white;
            padding-right: 30px;
            width: 100%;
        }
        .mobile-select-wrapper::after {
            content: ">";
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%) rotate(90deg);
            pointer-events: none;
            color: #666;
            font-size: 14px;
            font-weight: bold;
        }
        #headerMenuCartImg{
            height:35px;
            position:absolute;
            top:10px;
            right:25px;
        }
        #headerMenuCartText{
            display: none ;
        }
        #cartItemCount {
            position: absolute;
            top: 10px;
            right: 10px;
            color: white;
            font-size: 16px;
            z-index: 1;
        }
        .headerMenuText{
            display: none ;
        }
        .headerMenuText:hover {
            display: none ;
        }
        /* ハンバーガーメニュー */
        .ec-headerNavSP {
          display: block;
          cursor: pointer;
          border-radius: 50%;
          box-sizing: border-box;
          padding: 10px;
          width: 40px;
          height: 40px;
          font-size: 18px;
          text-align: center;
          color: black;
          background: white;
          position: fixed;
          top: 5px;
          right: 5px;
          z-index: 1000;
        }
    /*ハンバーガーメニュー押下時のサイドメニュー */
        /* サイドメニューのメニュー下空白部分 */
        .ec-drawerRole {
          overflow-y: scroll;
          background: white;
          width: 260px;
          height: 100vh;
          transform: translateX(-300px);
          position: fixed;
          top: 0;
          right: 0;
          z-index: 1;
          transition: z-index 0ms 1ms;
        }
        /* サイドメニューのメニュー文字部分 */
        .ec-drawerRole .ec-headerLinkArea {
          background: white;
        }
        .ec-drawerRole .ec-headerLinkArea .ec-headerLink__list {
          border-top: 1px solid #ccc;
        }
        /* サイドメニューのメニュー背景部分 */
        .ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
          display: block;
          border-bottom: 1px solid #ccc;
          padding: 15px 20px;
          font-size: 16px;
          font-weight: bold;
          color: black;
        }
        .ec-drawerRole .ec-headerLinkArea .ec-headerLink__icon {
          display: inline-block;
          width: 28px;
          font-size: 17px;
        }
        /*サイドメニュー右寄せ版*/
            /* サイドメニューtransformでの表示の範囲 */
            /*.ec-drawerRole.is_active {*/
            /*  display: block;*/
            /*  transform: translateX(130px);*/
            /*  transition: all 0.3s;*/
            /*  z-index: 100000;*/
            /*}*/
            /* 閉じるボタン */
            /*.ec-drawerRoleClose {*/
            /*  display: none;*/
            /*  cursor: pointer;*/
            /*  border-radius: 50%;*/
            /*  box-sizing: border-box;*/
            /*  padding: 10px;*/
            /*  width: 40px;*/
            /*  height: 40px;*/
            /*  font-size: 18px;*/
            /*  text-align: center;*/
            /*  color: black;*/
            /*  background: white;*/
            /*  position: fixed;*/
            /*  top: 10px;*/
            /*  left: 10px;*/
            /*  z-index: 1000;*/
            /*}*/
    /* フッターCSS */
        .ec-footerNavi{
            background: #F2F2F2;
            color: #000000;
            padding-top:40px;
            padding-bottom:40px;
        }
    /* ブロック「トップページ検索欄」 */
        /* バーコード検索・Shelterへのリンク */
        #topLinkMenu{
            display:flex;
            list-style: none;
            padding: 0px;
        }
        /* メニュー「バーコード検索」 */
        #menuBarcordSearch{
            width : 100%;
        }
        /* メニュー「LINE友だち追加」 */
        #menuLine {
            width : 100%;
        }
        /* メニュー「シェルター」 */
        #menuShelter {
            width : 100%;
        }
        /* メニュー「TOP!デジタルカタログへのリンク」*/
        #menuDegitalCatalog{
            width : 100%;
        }
        /* メニュー3等分 */
        .col3 li {
            width : 33.33333%;
        }
        /* メニュー4等分 */
        .col4 li {
            /*width : 25.00%;*/
            width : 33.33333%;
        }
        /* 検索条件 */
        .searchInput td{
            width:100%;
            display:block;
        }
        .searchMainTdName{
            display:none;
        }
        .searchMainTdInput{
           display:none;
        }
        .custom-class {
            display: flex;
            align-items: center;
        }
        .searchInputGroup td {
            width:100%;
            display:block;
            border:none;
        }
        .searchInputTable td{
            width:100%;
            display:block;
            border:none;
        }
        /* 詳細検索条件 */
        .searchDetailInputTable td{
            width:100%;
            display: block;
            text-align: left;
            margin:2px;
            font-size:16px;
        }
        /*メーカー名候補検索 */
        #suggestions-list {
            list-style: none;
            padding: 0;
            margin: 0;
            border: 1px solid #ccc; /* 境界線を追加 */
            display: none; /* デフォルトは非表示 */
            position: absolute; /* 位置を絶対配置 */
            background-color: white; /* 背景色を設定 */
            z-index: 1000; /* 他の要素の上に表示 */
        }
        
        #suggestions-list li {
            padding: 8px;
            cursor: pointer; /* マウスオーバー時のカーソルを変更 */
        }
        
        #suggestions-list li:hover {
            background-color: #f0f0f0; /* ホバー時の背景色 */
        }
        /* メーカー名入力欄の候補リスト */
        #suggestions-list {
            max-height: 300px; /* リストの最大高さを指定 */
            overflow-y: auto;  /* 縦方向のスクロールを有効にする */
            list-style-type: none; /* デフォルトのリストスタイルを除去 */
            padding: 0; /* パディングを除去 */
            margin: 0; /* マージンを除去 */
        }
        #suggestions-list li {
            padding: 5px; /* 各リストアイテムにパディングを設定 */
            cursor: pointer; /* 手のカーソルを表示 */
        }
        #suggestions-list li:hover {
            background-color: #f0f0f0; /* ホバー時の背景色を設定 */
        }
    /* ブロック「重要なお知らせ」CSS */
        #importantNews{
            background: #FADBDA;
            padding: 20px;
            font-size: 18px;
            margin-top:10px;
            margin-bottom:10px;
        }
        #importantNewsTable td{
            width:100%;
            display:block;
            border:none;
        }
    /* ブロック「おすすめコンテンツ」 */
        .item_photo {
            text-align:center;
        }
    /* ブロック「お知らせ」CSS */
        #newsList{
            background: #F2F2F2;
            padding: 20px;
            margin:auto;
        }
/* 商品一覧画面 */
    /* バーコード検索 */
    #productListMenuBarcordSearch {
        margin-bottom: 10px;
        width: 80px;
        height: 80px;
        position:absolute;
        top:5px;
        right:5px;
    }
    /* フォーム */
    #search-form {
        width: 98%;
        margin:auto;
        background: #fff;
        align-items: center;
    }
    /* 商品一覧画面検索フォームを形成するテーブル */
    .headerSearchTable td {
        display:block;
        margin: auto;
        border:none;
    }
    .headersearchInputTable td {
        width:100%;
        display:block;
    }
    /* フォントサイズ */
    #headerSearchProductFont{
        font-size: 15px;
    }
    .form-group {
        margin-bottom: 20px;
    }
    /* 各種チェックボックス */
    .form-element {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
    }
    .form-element img {
        width: 30px;
        /* 幅を50pxに設定 */
        height: auto;
        /* 高さは自動調整（アスペクト比を保つ） */
    }
    .custom-class {
        display: flex;
        align-items: center;
        /* 中央揃え */
    }
    /*商品検索結果数のCSS*/
    .ec-searchnavRole {
      margin: 0px;
      padding: 0px;
    }
    /*商品一覧のCSS設定*/
    .product-list {
        width: 100%;
        border-collapse: collapse;
        font-size: 14px;
        border:none;
    }
    /* 商品一覧の表示 */
    /* PCの場合 */
    #pc_productList {
        display:none;
    }
    /* スマホの場合 */
    #sp_productList {
        display:block;
    }
    
    .product-list th {
        padding: 0 2px 0 2px;
        border:none;
        vertical-align: top;
        background-color: #A9CEEC;
    }
    .product-list td {
        padding: 0 2px 0 2px;
        border:none;
        /*word-break : break-all;*/
        vertical-align: top;
    }
    /* 商品一覧の行タイトル */
    .product-list th.sp_tableTitle td.sp_tableTitle {
        width: 200px;
    }
    /* 商品一覧の��：」*/
    .product-list th.sp_tableDivision td.sp_tableDivision {
        width: 5px;
    }
    /* 商品一覧のタイトル単位での値*/
    .product-list th.sp_tableValue td.sp_tableValue {
        width: auto;
    }
    /*商品一覧検索結果件数表示フォント*/
    .ec-searchnavRole__counter {
        font-size: 16px;
        text-align: center;
        margin: 0 0 2px 0;
    }
    /*PC_商品一覧「カートに商品を追加」ボタン*/
    #addToCartButton {
        display: none;
    }
    /*スマホ_商品一覧「カートに商品を追加���ボタン*/
    #sp_cartAddBtn {
        font-size: 16px;
    }
    /*スマホ_商品一覧「カートを見る」ボタン*/
    #cartMoveBtn {
        display: block; 
        padding-top:0px;
        padding-bottom:0px;
    }
    /* 商品一覧メニュー群(カートに商品を追加・表示件数・並び替え)*/
    .productListMenu{
        display: flex;
        justify-content: center;
        width: 100%;
        font-size: 16px;
    }
    .productListMenuMargin {
        margin-left:1px;
        margin-right:1px;
        /*height: 25px;*/
    }
    /* 商品一覧画面_ポップアップ */
    #limitCheck, #discontinuedExplanationCheck {
      display: none;
    }
    #limitCheck:checked + .overlay {
        display: block;
        background-color: #00000070;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
    }
    #discontinuedExplanationCheck:checked + .overlay {
        display: block;
        background-color: #00000070;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
    }
    /* 「廃番アイコンの意味」ポップアップ */
        /*ポップアップの大きさ */
        .window-discontinuedExplanation {
            width: 90%;
            height: 60%;
            background-color: #FFFFFF;
            border-radius: 8px;
            justify-content: center;
            align-items: center;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 14px;
        }
        /* ポップアップ上のタイトルテキスト */
        .popupTitle {
            font-size: 22px;
            font-weight: bold;
            margin-top: 10px;
        }
        /* テーブルの列の幅 */
        /*.discontinuedExplanationImg {*/
        /*    width:30%;*/
        /*}*/
        /*ポップアップ上での廃番説明テーブル中央ぞろえ */
        .discontinuedExplanationList {
            margin-left: auto;
            margin-right: auto;
        }
        .discontinuedExplanationList th {
            border: 1px solid #000000;
        }
        .discontinuedExplanationList td {
            text-align: left;
            border: 1px solid #000000;
        }
/* カート画面 */
        /* ページタイトル*/
        .pc-pageHeader h1 {
            border-top: none;
            margin: 0px;
            font-size: 32px;
            font-weight: bold;
        }
        /* パンくずリスト */
        .pc-pageHeader {
            border-top: none;
            margin: 0px 0px 0px;
            font-size: 16px;
            font-weight: bold;
        }
        /* 「商品を追加する」ボタン */
        .addProductBtn {
            width: 150px;
            min-width: 60px;
            font-size:16px;
        }
        
        /* スマホ用カートボタンラインスタイル */
        .sp_cartBtnLine {
            /* ここにスマホ用のスタイルを記述 */
            margin: 0;
            padding: 10px;
            background-color: #f5f5f5;
            text-align: center;
        }
    
        /* スマホ用合計金額表示エリアスタイル */
        .sp-sumTotal {
            /* ここにスマホ用のスタイルを記述 */
            font-size: 18px;
            color: #333;
            margin-bottom: 10px;
        }
    
        /* スマホ用カートボタンスタイル */
        .sp-cartBtn {
            /* ここにスマホ用のスタイルを記述 */
            display: flex;
            flex-direction: column;
            align-items: center;
        }
    
        .sp-cartBtn button {
            /* ここにスマホ用のボタンスタイルを記述 */
            background-color: #4caf50;
            color: white;
            border: none;
            padding: 10px 20px;
            margin: 5px;
            border-radius: 5px;
            font-size: 16px;
        }
    
        .sp-cartBtn button:active {
            /* ここにスマホ用のボタン押下時のスタイルを記述 */
            background-color: #367c39;
        }
        /* 「注文する」ボタン */
        .submitOrder {
            background-color: #ffa965;
            width: 150px;
            min-width: 60px;
            font-size:16px;
        }
        /* 注文者情報欄 */
        .pc-orderInfo {
            display: none;   
        }
        .sp-orderInfo {
            width:90%;
            margin:auto;
        }
        .orderInfoTable td{
            border: none;
            text-align: left;
        }
        /* 合計値・ボタン群を同行に配置 */
        .cartBtnLine {
            width:90%;
            margin:auto;
            margin-bottom: 5px;
        }
        /*.sp-cartBtnLine{*/
        /*     width: 100%;*/
        /*}*/
        /* 合計値 */
        /*.sumTotal {*/
        /*}*/
        /* ボタン群 */
        .cartBtn{
            text-align: right;
            font-size:14px;
            height:22px;
            vertical-align: middle;
        }

        .pc-cart-list {
            display: none;
        }
        .sp-cart-list {
           width: 100%;
        }
        /*カート一覧項目の横幅指定*/
        .sp-cart-list th.listNo, td.listNo {
            width: 5%;
            text-align: center;
        }
        .sp-cart-list th.selectRepeat, td.selectRepeat {
            width: 10%;
            text-align: center;
        }
        .sp-cart-list th.orderNumber, td.orderNumber {
            width: 80%;
        }
        .sp-cart-list th.clear, td.clear {
            width: 5%;
            text-align: center;
        }
        .sp-cart-list th {
            padding:0px;
            margin:auto;
            text-align:center;
            border: 1px #000000 solid;
        }
        .sp-cart-list td{
            padding:0px;
            margin:auto;
            text-align:center;
            border: 1px #000000 solid;
        }
        /* カート商品情報一覧の幅を固定にするための設定*/
        .sp_cartitemTable_inData {
            width: 100%;
            table-layout: fixed;
            border-collapse: collapse;
        }
        /* カート商品情報一覧の幅*/
        /* 項目名 */
        .sp_cart_tableTitle {
            width: 85px;
        }
        /* 「：」*/
        .sp_cart_tableDivision {
            width: 15px;
        }
        /* 値 */
        .sp_cart_tableValue {
            width: auto;
        }
        /* sp_カート商品一覧 */
        .sp_cartitemTable_inData td {
            text-align: left;
            border: none;
        }
        /* バーコード検索 */
        #cartMenuBarcordSearch {
            margin-bottom: 10px;
            width: 80px;
            height: 80px;
            position:absolute;
            top:90px;
            right:5px;
        }
        #errorMessage {
            text-align: center; /* メッセージを中央に配置 */
             font-size: 16px;
        }
        /* カート画面_ポップアップ */
        #orderCheck, #addRepeatCheck, #allClearCheck, #slipBikoExplanationCheck, #bikoExplanationCheck{
          display: none;
        }
        #orderCheck:checked + .overlay {
          display: block;
          background-color: #00000070;
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
        }
        #addRepeatCheck:checked + .overlay {
          display: block;
          background-color: #00000070;
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
        }
        #allClearCheck:checked + .overlay {
          display: block;
          background-color: #00000070;
          width: 100%;
          height: 1000vh;
          top: 0;
          left: 0;
          position: absolute;
        }
        .allclearText {
            padding-top:20px;
        }
        #slipBikoExplanationCheck:checked + .overlay {
          display: block;
          background-color: #00000070;
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
        }
        .slipBikoExplanationText {
             padding-top:60px;
             width:80%;
             margin-left: auto;
             margin-right:auto;
        }
        #bikoExplanationCheck:checked + .overlay {
          display: block;
          background-color: #00000070;
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
        }
        .bikoExplanationText {
             padding-top:60px;
             width:80%;
             margin-left: auto;
             margin-right:auto;
        }
        .window-cartPopup {
            width: 90%;
            height: 25%;
            background-color: #FFFFFF;
            border-radius: 8px;
            justify-content: center;
            align-items: center;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 16px;
        }
/* 注文完了画面 */
    /* 「カート画面を開く」ボタン */
    .openCart {
        width:200px;
        margin-top:20px;
        background-color: #ffa965;
        padding:2px;
    }
    /* 「トップページに戻る」ボタン */
    .openTop {
        width:200px;
        margin-top:10px;
        padding:2px;
    }
/* リピート品一覧画面 */
    /* 上部検索部分 */
        /* バーコード検索 */
        #repeatProductListMenuBarcordSearch {
            margin-bottom: 10px;
            width: 80px;
            height: 80px;
            position:absolute;
            top:90px;
            right:5px;
        }
        /* フォーム含む全体 */
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            width: auto;
            margin: 0;
            padding: 0;
            background: #f8f8f8;
        }
        
        /* フォーム */
        #search-form {
            width: 95%;
            /* フォームの幅を親要素の95%に設定 */
            margin: auto;
            /* 上下左右のマージンを自動的に設定 */
            background: #fff;
            align-items: center;
        }
        /* フォントサイズ */
        #headerSearchProductFont{
            font-size: 15px;
        }
        /* 詳細検索ボタン */
        #toggle-detailed-search {
            display: block;
            margin: 20px;
            text-align: center;
        }
        /* 詳細検索エリア */
        #detailed-search-area {
            margin: auto;
            display: none;
            width: auto;
        }
        .form-group {
            margin-bottom: 20px;
        }
        /* 各種チェックボックス */
        .form-element {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
        }
        
        .form-element img {
            width: 30px;
            /* 幅を50pxに設定 */
            height: auto;
            /* 高さは自動調整（アスペクト比を保つ） */
        }
        
        .custom-class {
            display: flex;
            align-items: center;
            /* 中央揃え */
        }
    /* 下部一覧部分 */
        /*リピート品一覧のCSS設定*/
        .repeatProduct-list {
            width: 100%;
            border-collapse: collapse;
            font-size: 14px;
            border:none;
        }
        /* リピート品一覧の表示 */
        /* PCの場合 */
        #pc_repeatProductList {
            display:none;
        }
        /* スマホの場合 */
        #sp_repeatProductList {
            display:block;
        }
        .repeatProduct-list th {
            padding: 0 5px 0 5px;
            border:none;
            vertical-align: top;
        }
        .repeatProduct-list td {
            padding: 0 5px 0 5px;
            border:none;
            word-break : break-all;
            vertical-align: top;
        }
        /* リピート品一覧の行タイトル */
        .sp_repeat_tableTitle {
            width: 120px;
        }
        /* リピート品一覧の「：」*/
        .sp_repeat_tableDivision  {
            width: 5px;
        }
        /* リピート品一覧のタイトル単位での値*/
        .sp_repeat_tableValue {
            width: auto;
        }
        /*リピート品一覧検索結果件数表示フォント*/
        .ec-searchnavRole__counter {
            font-size: 16px;
            text-align: center;
            margin: 0 0 2px 0;
        }
        /* 「リピート品新規登録」ボタン */
        #repeatAddBtn {
            font-size:16px;
            vertical-align: middle;
            width:50%;
        }
        /* PCの場合_リピート商品一覧上部メニューの表示 */
        #pc_repeatProductListMenu {
            display:none; 
        }
        /* スマホの場合_リピート商品一覧上部メニューの表示 */
        #sp_repeatProductListMenu {
            display:flex;
            justify-content: center;
        }
        /* PC・スマホで共通して示されるリピート商品一覧上部メニューの表示 */
        #common_repeatProductListMenu {
            display:flex;
            justify-content: flex-end;      
        }
        /* 商品一覧メニュー群(カートに商品を追加・表示件数・並び替え)*/
        .repeatProductListMenu{
            justify-content: center;
            font-size: 14px;
        }
        .repeatProductListMenuMargin {
            margin:1px;
        }
        /* 「削除」ボタンのCSS */
        .repeatDelete {
            display: inline-block;
            border: 1px solid #000;
            text-decoration: none;  /* 下線を消す */
            box-sizing: border-box;
            font-size: 10pt;
            color: #000000;
            background-color: #EFEFEF;
            padding: 1px 6px;
            margin: 1px;
            align-items: center;
            font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
        }
        /* 「廃番アイコンの意味」ポップアップ */
        .popupTitle {
            font-size: 24px;
            font-weight: bold;
        }
    /* リピート品一覧画面_ポップアップ */
        #limitCheck, #bikoChangeCheck, #bikoChangeFinishCheck, #selectCheck {
          display: none;
        }
        /* ポップアップウィンドウのスタイル */
        .window-repeat-popup {
          width: 90%;
          height: 45%;
          background-color: #FFFFFF;
          border-radius: 8px;
          justify-content: center;
          align-items: center;
          position: fixed;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          font-size: 18px;
        }
        .window-remark {
            width: 40%;
            height: auto;
            background-color: #FFFFFF;
            border-radius: 8px;
            justify-content: center;
            align-items: center;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        #limitCheck:checked + .overlay {
          display: block;
          background-color: #00000070;
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
        }
        #bikoChangeCheck:checked + .overlay {
          display: block;
          background-color: #00000070;
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
        }
        #bikoChangeFinishCheck:checked + .overlay {
          display: block;
          background-color: #00000070;
          width: 100%;
          height: 100%;
           position: fixed;
           top: 0;
           left: 0;
         }
 /* リピート品新規登録画面 */
     /*PC_「リピート品登録」ボタン*/
     #addRepeatProductButton {
         display: none;
     }
     /*スマホ_商品一覧「リピート品一覧を見る」ボタン*/
     #repeatListMoveBtn {
         display: block; 
         padding-top:0px;
         padding-bottom:0px;
     }
     /* リピート品登録完了のポップアップ */
    #repeatAddCheck {
        display: none;
    }
    #repeatAddCheck:checked + .overlay {
        display: block;
        background-color: #00000070;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
    }
/* 注文履歴一覧画面 */
    #pc-orderHistoryList {
        display: none;
    }
    #sp_orderHistoryList {
        display: block; 
    }
    /* 検索条件「日付」のCSS */
    input[type="date"] {
        width: 100px;
    }
    .orderHistoryListMenu{
        display: flex;
        justify-content: flex-end;
        width: 100%;
        font-size: 16px;
    }
    .orderHistoryListMenuMargin {
        margin-left:1px;
        margin-right:1px;
    }
    .order-history-list {
        table-layout: fixed;
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }
    /* 履歴一覧の行タイトル */
    .order-history-list td.sp_tableTitle {
        width: 120px;
    }
    /* 履歴一覧の仕切り「：」*/
    .order-history-list td.sp_tableDivision {
        width: 15px;
    }
    /* 履歴一覧のタイトル単位での値*/
    .order-history-list td.sp_tableValue {
        width: auto;
    }
    /* 注文ステータス・商品ステータス説明のポップアップ */
    /* 商品一覧画面_ポップアップ */
    #orderStatusExplanCheck, #orderProductStatusExplanCheck {
      display: none;
    }
    #orderStatusExplanCheck:checked + .overlay {
      display: block;
      background-color: #00000070;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
    }
    #orderProductStatusExplanCheck:checked + .overlay {
      display: block;
      background-color: #00000070;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
    }
    .window-orderStatusExplan {
        width: 90%;
        height: 60%;
        background-color: #FFFFFF;
        border-radius: 8px;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 14px;
    }
    /*ポップアップ上でのステータス説明テーブル中央ぞろえ */
    .orderProductStatusExplanList {
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #000000;
    }
    .orderProductStatusExplanList th {
        border: 1px solid #000000;
    }
    .orderProductStatusExplanList td {
        text-align: left;
        border: 1px solid #000000;
    }
    .orderProductStatusExplanList th.status {
        width: 15%;
        text-align: center;
    }
    .orderProductStatusExplanList th.mean {
        width: 85%;
        text-align: center;
    }
    
/* 注文履歴詳細画面 */
    #orderCancel:checked + .overlay {
        display: block;
        background-color: #00000070;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
    }

        .buttons-container {
        display: flex;
        justify-content: center;
        gap: 20px;
    }
    

    /* 追加しています　適宜適切な個所へ移動をお願いします*/
    #orderCancelTrue:checked + .overlay {
        display: block;
        background-color: #00000070;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
    }

        .buttons-container {
        display: flex;
        justify-content: center;
        gap: 20px;
    }
    
    #reorderAllButton{
        display:none;
    }
    
    #pc_orderDetailList {
        display:none;
    }
    #sp_orderDetailList {
        display:block;
    }
    /* 全体の幅ぞろえ */
    .pc-orderHistoryDetailInfo {
        width:98%;
        margin:auto;
    }
    #orderHistoryDetailHeader td {
        display: flex;
        border :none;
    }
    #orderHistoryDetailHeaderBtn {
        text-align:center;
        margin:auto;
    }
    .pc-orderHistoryDetailInfoTable {
        display: none;
    }
    .sp-orderHistoryDetailInfoTable {
        display: block;
    }
    .sp-orderHistoryDetailInfoTable td{
        border: none;
        text-align: left;
        font-size: 16px;
        margin:2px;
    }
    /* 注文履歴詳細の注文商品の一覧CSS */
    .order-detail-list {
        table-layout: fixed;
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }
    .order-detail-list th, td {
        border: 1px solid #000000;
    }
    .sp-reorderAllButton {
        display: block;
    }
    
    .sp-or
    
    /* 一覧の項目名を固定にしたことで枠せんが消えるため、beforeを使用 */
    .order-detail-list th::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-top: 1px solid #000000;
        background-color: #A9CEEC;
        border-bottom: 1px solid #000000;
        z-index: -1;
    }
    .order-detail-list th {
        position: sticky;
        top: 0;
        left: 0;
        background: none;
        border-top: none;
        border-bottom: none;
    }
    /*.product-list td {*/
    /*    padding:0px;*/
    /*}*/
    /*注文履歴詳細一覧項目の横幅指定*/
    .order-detail-list th.productCode, td.productCode {
        width: 7%;
        text-align: center;
    }
    .order-detail-list th.janCode, td.janCode {
        width: 7%;
        text-align: center;
    }
    .order-detail-list th.productName {
        width: 20%;
        text-align: center;
    }
    .order-detail-list td.productName {
        width: 20%;
        text-align: left;
    }
    .order-detail-list th.unit, td.unit {
        width: 5%;
        text-align: center;
    }
    .order-detail-list th.orderUnit, td.orderUnit {
        width: 5%;
        text-align: center;
    }
    .order-detail-list th.listPrice, td.listPrice {
        width: 8%;
        text-align: center;
    }
    .order-detail-list th.unitPrice, td.unitPrice {
        width: 8%;
        text-align: center;
    }
    .order-detail-list th.shippingQuantity, td.shippingQuantity {
        width: 5%;
        text-align: center;
    }
    .order-detail-list th.subtotalPrice, td.subtotalPrice {
        width: 8%;
        text-align: center;
    }
    .order-detail-list th.biko, td.biko {
        width: 15%;
        text-align: center;
    }
    .order-detail-list th.productStatus, td.productStatus {
        width: 8%;
        text-align: center;
    }
    .order-detail-list th.selectProduct, td.selectProduct{
        width: 4%;
        text-align: center;
    }
    #orderHirtoryTotal {
        width:100%;
        margin:auto;
        /*margin-top:0px*/
    }

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
/* 担当者管理画面 */
    /* 担当者一覧テーブル */
    .manager-list {
        table-layout: fixed;
        width: 100%;
        margin-top:10px;
        /*margin-right: 10px;*/
        /*margin-left: 10px;*/
        /*border-collapse: collapse;*/
        /* font-size: 14px; */
    }
    .manager-list td {
       border: 1px solid #000000;
    }
    .manager-list th {
        background-color: #A9CEEC;
        border: 1px solid #000000;
    }
    /*担当者一覧項目の横幅指定*/
    .manager-list th.tantou_id, td.tantou_id {
        width: 20%;
        text-align: center;
    }
    .manager-list th.tantou_name, td.tantou_name {
        width: 40%;
        text-align: center;
    }
    .manager-list th.change_btn, td.change_btn {
        width: 20%;
        text-align: center;
    }
    .manager-list th.delete_btn, td.delete_btn {
        width: 20%;
        text-align: center;
    }
    /* 担当者一覧「新規登録」ボタン */
    .manager-list-new {
        width:100%;
        margin:auto;
    }
    /* 担当者一覧スクロール */
    .manager-list-scroll {
        width:100%;
        margin:auto;
        text-align:center;
    }
    /* 担当者管理画面の入力ポップアップ */
    .window-manager-popup {
      width: 90%;
      height: 60%;
      background-color: #FFFFFF;
      border-radius: 8px;
      justify-content: center;
      align-items: center;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 18px;
    }
    /* ポップアップ上のボタン */
    .ec-off4Grid .ec-off4Grid__cell {
      position: relative;
      display: flex;
    }
    /* ポップアップ上の完了文言 */
    .popup_finish_message {
        text-align:center;
        margin:auto;
        height:310px;
        display: flex; align-items: center;
        vertical-align: middle;
    }
/* マイページ */
    /* マイページのレイアウト */
    .mypageLayout {
        width:50%;
        margin:auto;
    }
    /* マイページリンクを形成するテーブル */
    .mypageLinkTable {
        -webkit-text-size-adjust: 100%;
        writing-mode: vertical-lr;
    }
    .mypageLinkTable tr,td {
        -webkit-text-size-adjust: 100%;
        text-align: center;
        vertical-align: middle;
        border: none;
        width:auto;
    }
    /* リンクアイコン画像 */
    .mypageIconImg {
        width: 60px;
        height: 60px;
    }
    .mypagetext {
        writing-mode: horizontal-tb;
        -webkit-writing-mode: horizontal-tb;
        -ms-align-items: center;
        -ms-align-content: center;
        width: 150px;
        text-align: left;
    }
/* パスワード変更画面 */
    /* 変更完了のポップアップの表示 */
    /* バーコード読み取り画面_ポップアップ */
    /* 「#selectCheck」のdisplayの表示有無は他の所で設定
    /* ポップアップウィンドウのスタイル */
    .window-passFinish {
      width: 90%;
      height: 200px;
      background-color: #FFFFFF;
      border-radius: 8px;
      justify-content: center;
      align-items: center;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 18px;
    }
    /* ポップアップ上の完了文言 */
    .popup_pass_finish_message {
        text-align:center;
        margin:auto;
        height:200px;
        display: flex; align-items: center;
        vertical-align: middle;
    }
    .ec-blockBtn--cancel {
      display: inline-block;
      margin-bottom: 0;
      font-weight: bold;
      text-align: center;
      vertical-align: middle;
      touch-action: manipulation;
      cursor: pointer;
      background-image: none;
      border: 1px solid transparent;
      white-space: nowrap;
      padding: 6px 12px;
      font-size: 0.875rem;
      border-radius: 1.42857142;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      padding: 10px 16px;
      text-decoration: none;
      color: #fff;
      background-color: #525263;
      border-color: #525263;
      display: block;
      width: 100%;
      height: 56px;
      line-height: 56px;
      padding-top: 0;
      padding-bottom: 0;
    }
/* バーコード読み取り画面 */
    /* 検索欄 */
    #headerBarcodeSearchTable td {
        width:100%;
        display:block;
        font-size: 16px;
    }
    /* 商品情報表示欄 */
    .barcode-list {
        width: 100%;
        /*border-collapse: collapse;*/
        font-size: 16px;
        border:none;
        border-collapse: separate;
        border-spacing: 3px;
    }
    .barcode-list th {
        padding: 0 2px 0 2px;
        border:none;
        vertical-align: top;
        background-color: #A9CEEC;
    }
    .barcode-list td {
        padding: 0 2px 0 2px;
        border:none;
        /*word-break : break-all;*/
        vertical-align: top;
    }
    /* バーコード商品情報の行タイトル */
        .sp_tableTitle {
            width: 100px;
        }
        /* 商品情報の「：」*/
        .sp_tableDivision {
            width: 5px;
        }
        /* 商品情報のタイトル単位での値*/
        .sp_tableValue {
            width: auto;
        }
        /* ボタン群 */
        .barcodeBtn{
            font-size:16px;
            height:22px;
            line-height:22px;
        }
    /* バーコード読み取り画面_ポップアップ */
        /* スマホでは画面を表示する */
        #displayBarcode {
            display: block;
        }
        #cartAddCheck, #limitCheck {
          display: none;
        }
        /* ポップアップウィンドウのスタイル */
        .window-cartAddPopup {
          width: 90%;
          height: 25%;
          background-color: #FFFFFF;
          border-radius: 8px;
          justify-content: center;
          align-items: center;
          position: fixed;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          font-size: 18px;
        }
        .window-remark {
            width: 40%;
            height: auto;
            background-color: #FFFFFF;
            border-radius: 8px;
            justify-content: center;
            align-items: center;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        #cartAddCheck:checked + .overlay {
          display: block;
          background-color: #00000070;
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
        }
        #limitCheck:checked + .overlay {
          display: block;
          background-color: #00000070;
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
        }
}