/*amazon リンク部分table　上部　80㎜*/
.reji_box{
    color: #fff;
    text-align: center;
    font-size: 20px;
}
/*amazon リンク部分table　上部　58㎜*/
.reji_box58{
    color: #fff;
    text-align: center;
    font-size: 20px;
}
/*amazon発送- ●●mm幅 レジロール(Link)　部分*/
.sfont{
background-color: #5d5c5c;
line-height: 40px;
}
@media screen and (max-width: 420px){
.sfont{
font-size: 16px;
line-height: 45px;
}
}

/*table　行幅調整*/
@media screen and (min-width: 601px){
.size{
    width: 22%;
}
.irisu{
    width: 13%;
}
.tanka{
    width: 15%;
}
.kakaku{
    width: 16%;
}
.bikou{
    width: 33%;
}
}

@media screen and (min-width: 601px){
.size2{
      width: 27%;
}
.irisu2{
      width: 16%;
}
.bikou2{
      width: 41%;
}
.link2{
      width: 15%;
}
}
/*FAX注文書　ボタン*/
/*ECサイト　ボタン*/
.fapdf,
.faec{
  display:inline-block;
  width: 300px;
  font-size: 23px;
  background-color: #40c1fb;
  border: #40c1fb 2px solid !important;
  padding: 5px 29px;
  color: #fff;
  margin: 0 20px;
}
.fapdf:hover,
.faec:hover{
  background-color: #fff;
  border: #40c1fb 2px solid !important;
  color: #40c1fb!important;
}




 /*青背景部分*/
.box_rejiroll_top{
    width: 100%;
    height: auto;
    border: #D9D9D9 3px solid;
    background-color: #004B96;
    color:#fff;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    box-shadow: 0 5px 15px #0000000d;
    transition: all var(--transition-speed) ease;
    object-fit: contain;
    margin: 0 auto;
}
/*青背景部分　titleのフォントなど設定*/
.font_rejiroll_top {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    margin: 0;
}
.title_common_2{
  margin-bottom: 0;
}
/*青背景部分の下の部分*/
.box_rejiroll_btm{
    width: 100%;
    height: auto;
    border: #D9D9D9 3px solid;
    border-top: 0;
    border-radius: 0 0 10px 10px;
    background-color: #fff;
    padding: 30px 20px 0;
    margin: 0 auto;
}
/*緑背景部分*/
.box_rejiroll_top_1{
    width: 100%;
    height: auto;
    border: #D9D9D9 3px solid;
    background-color: #3CB371;
    color:#fff;
    overflow: hidden;
    box-shadow: 0 5px 15px #0000000d;
    transition: all var(--transition-speed) ease;
    object-fit: contain;
    margin: 0 auto;
}
/*緑背景部分　非表示部分*/
.box_rejiroll_btm_1{
    width: 80%;
    height: auto;
    border: #D9D9D9 3px solid;
    background-color: #FFFFF0;
    padding: 20px;
    margin: 0 auto;
}
/*緑背景部分　非表示部分内の白背景部分*/
.box_rejiroll_btm_2{
    background-color: #fff;
    border: #D9D9D9 1px solid;
    border-radius: 5px;
    padding: 15px;
    margin: 0;
}
/*緑背景部分　非表示部分へのリンク　css調整*/
.hidden_box label{
    width: 80%;
    border: 0;
    padding: 0;
    margin: 0 auto;
}
/*緑背景部分　非表示部分へのリンク　余白調整*/
.hidden_box{
    margin-top: -20px;
}
/*注文ボタンホバー時*/
.box_rejiroll_top_1:hover{
  background: #2a9158;
}
/*tableの偶数列　背景色*/
table tbody tr:nth-child(2n) {
    background-color: #fff;
}
/*背景色グレー　余白*/
.back_color_gr{
    padding: 20px;
}
/*dd css調整*/
dl dd{
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 1280px){
  /*flex表示　切り替え935→1280調整*/
  #banner {
    display: block;
  }
  #banner .photos {
    width: 100%;
  }
  /*紙の保存性の説明imgサイズ調整 1280まで*/
  .img_hozon{
    width: 70%;
  }
}
@media screen and (max-width: 800px){
  /*紙の保存性の説明imgサイズ調整　935まで*/
  .img_hozon{
    width:100%;
  }
}
/*reji_fhoto　img余白調整*/
#banner .photos .reji_fhoto{
  margin: 50px auto;
}
/*FAX注文書/ECサイトボタン　レスポンシブ調整*/
@media screen and (max-width: 1300px){
  .fapdf{
    font-size: 18px;
  }
  .faec{
    font-size: 18px;
  }
}
@media screen and (max-width: 800px){
  .fapdf{
  margin: 0 10px;
  }
  .faec{
  margin: 0 10px;
  }
}
@media screen and (max-width: 640px){
  .fapdf{
    font-size: 16px;
    padding: 5px 12px;
    margin: 0;
  }
  .faec{
    font-size: 16px;
    padding: 5px 12px;
    margin: 0 5px;
  }
}

@media screen and (max-width: 500px){
  .fapdf{
    width: 100%;
    font-size: 14px;
    padding: 5px 12px;
    }
  .faec{
    width: 100%;
    font-size: 14px;
    padding: 5px 12px;
    margin: 0 5px;
    }
  .hidden_box label {
    width: 100%;
  }
  .box_rejiroll_btm_1 {
    width: 100%;
  }
}
@media screen and (max-width: 400px){
.fapdf{
  font-size: 12px;
  padding: 5px 12px;
  display: grid;
  }
.faec{
  font-size: 12px;
  padding: 5px 12px;
  margin: 0 5px;
  display: grid;
  }
}
@media screen and (max-width: 600px) {
    table.respo td::before {
      width: 50%;
    }
}