/* パンくずリストのCSS */
   /* パンくずリスト表示 */
   #breadcrump {
       display: flex;
       flex-wrap: wrap;
       list-style: none;
       font-size: .8em;
       margin-top: 1.1em;
       justify-content: flex-start;
   }

   /* パンくずリストの間に入れる */
   .bred_list:not(:last-of-type)::after {
       content: "　";
       margin: 0.6em;
       background-image: url(../image/k.png);
       background-size: contain;
       background-position: center;
       background-repeat: no-repeat;
   }

   li {
       margin-left: 0;
   }

   #breadcrump li:last-child {
       color: rgb(88, 190, 4);
       font-weight: 600;
   }

   .bred_list a {
       text-decoration: none;
       color: #333;
       font-weight: normal;
   }

   nav {
       margin-bottom: 1em;
   }

   /* 商品仕様のテーブルCSS */
   .siyou table {
       border-collapse: collapse;
       margin: auto;
       line-height: 2em;
   }

   .siyou th {
       background-color: rgb(200, 200, 200);
   }

   .siyou th,
   .siyou td {
       border: 1px solid rgb(86, 86, 86);
   }

   /* ページ300pxスクロールすると矢印表示のCSS */
   .pagetop {
       position: fixed;
       right: 10px;
       bottom: 10px;
       opacity: 0;
       /* 最初は非表示 */
       visibility: hidden;
       transition: opacity 0.5s, visibility 0.5s;
       /* 見た目の調整 */
       width: 4em;
       /* padding: 10px 20px; */
       /* background: #333; */
       /* color: #fff; */
       /* border: none; */
       cursor: pointer;
   }

   /* スクロール後に付与するクラス */
   .pagetop.is-show {
       opacity: 1;
       visibility: visible;
   }