@charset "UTF-8";
/*3Dviewcss
----------------------------------------------- */
#canvas {
  width: 100%;
  height: auto;
  display: block;
  touch-action: none; }

.threed_area {
  position: relative; }
  .threed_area a {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 10px;
    right: 10px; }
  .threed_area .threed_box {
    position: relative;
    width: 375px;
    height: 375px; }
    .threed_area .threed_box .threeDbtn {
      width: 30px;
      height: 30px;
      border-radius: 15px;
      border: 1px solid #ccc;
      background: rgba(255, 255, 255, 0.8);
      position: absolute;
      right: 5px;
      bottom: 5px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .threed_area .threed_box .threeDbtn img {
        width: 15px;
        height: 15px; }
      .threed_area .threed_box .threeDbtn:hover {
        cursor: pointer; }

#graydisplay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100% !important;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  overflow: hidden; }
  #graydisplay .close_btn {
    content: '×';
    display: block;
    position: absolute;
    top: 20px;
    right: 10%;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 50px; }
  #graydisplay #threed_data {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    #graydisplay #threed_data iframe {
      width: 80%;
      max-width: 1200px;
      height: 80vh; }

@media only screen and (max-width: 640px) {
  .threed_box {
    position: relative;
    width: 100%;
    height: auto; }
    .threed_box .threeDbtn {
      width: 30px;
      height: 30px;
      border-radius: 15px;
      border: 1px solid #ccc;
      background: rgba(255, 255, 255, 0.8);
      position: absolute;
      right: 10px;
      bottom: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      display: none !important; }
      .threed_box .threeDbtn img {
        width: 15px;
        height: 15px; }
      .threed_box .threeDbtn:hover {
        cursor: pointer; }

  #graydisplay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100% !important;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    overflow: hidden; }
    #graydisplay .close_btn {
      content: '×';
      display: block;
      position: absolute;
      top: 100px;
      right: 3%;
      width: 50px;
      height: 50px;
      color: #fff;
      font-size: 50px; }
    #graydisplay #threed_data {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      #graydisplay #threed_data iframe {
        width: 90%;
        max-width: 1200px;
        height: 50vh; } }
.remodal-wrapper {
  z-index: 11002 !important; }

.remodal-overlay {
  z-index: 11001 !important; }

/* 07detail追加css
----------------------------------------------- */
img {
  -ms-interpolation-mode: bicubic; }

.modal_box {
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999; }

.modal_bg {
  background-color: rgba(30, 30, 30, 0.9);
  height: 100%;
  width: 100%; }

.modal_inner {
  background-color: #fff;
  left: 50%;
  padding: 40px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 900px; }

.modal_close {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 2rem; }

.product_a-txt {
  position: relative;
  display: block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 13px;
  cursor: pointer;
  margin-top: 5px; }
  .product_a-txt::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 3px;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #696969; }
  .product_a-txt::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 6px;
    content: "";
    vertical-align: middle;
    left: 4px;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-left: 5px solid #fff; }
  .product_a-txt:hover {
    text-decoration: underline; }

#main_product {
  width: 1180px;
  display: block;
  text-align: left;
  position: relative; }

/*商品説明 #item_menu css
----------------------------------------------- */
#item_menu {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px; }

#itemGallery {
  width: 440px;
  overflow: visible; }

#wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 15px; }

.slider_wrap .disclaimer {
  font-size: 10px;
  text-align: center; }

#slider {
  width: 380px;
  margin: 0 auto 10px;
  position: relative;
  opacity: 0;
  /* 縦並び改修　*/
  transition: opacity .3s linear; }

#slider.slick-initialized {
  opacity: 1;
  /*slick-initializedが付与されたら表示*/ }

.slide-item {
  position: relative; }
  .slide-item .status {
    position: absolute;
    bottom: 40px;
    font-size: 25px;
    color: #eb4b3b;
    font-weight: bold;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF; }
  .slide-item:focus {
    outline: none;
    text-decoration: none; }
  .slide-item a {
    cursor: zoom-in;
    position: relative; }
    .slide-item a::after {
      content: "";
      display: block;
      width: 30px;
      height: 30px;
      border: solid 1px #ccc;
      border-radius: 15px;
      background: url(/img/00common/modal_icon.svg) no-repeat center center rgba(255, 255, 255, 0.8);
      background-size: 15px;
      position: absolute;
      right: 5px;
      bottom: 5px;
      opacity: 1;
      transition: opacity 0.6s 0s ease;
      z-index: 300; }
  .slide-item img {
    width: 380px;
    height: 380px; }
  .slide-item.mp4_area div:has(video) {
    position: relative; }
    .slide-item.mp4_area div:has(video)::after {
      content: "";
      display: block;
      width: 30px;
      height: 30px;
      border: solid 1px #ccc;
      border-radius: 15px;
      background: url(/img/00common/modal_icon.svg) no-repeat center center rgba(255, 255, 255, 0.8);
      background-size: 15px;
      position: absolute;
      right: 5px;
      bottom: 13px;
      opacity: 1;
      transition: opacity 0.6s 0s ease;
      pointer-events: none; }
  .slide-item .item_name {
    position: absolute;
    bottom: -15px;
    left: 50%;
    text-align: center;
    font-weight: bold;
    width: 100%;
    font-size: 12px;
    transform: translate(-50%, -50%);
    text-shadow: white 2px 0px, white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px , white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px,  white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px,  white -2px 1px, white 2px -1px, white -2px -1px; }

.slick-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 380px !important; }

.slick-slide video {
  display: inline-block;
  width: 380px;
  height: 380px;
  margin-top: 7px;
  cursor: zoom-in; }

.lb-data .lb-number {
  display: none !important; }

#wrap .slick-arrow {
  z-index: 10;
  position: absolute;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  background: #666;
  opacity: 0.8;
  border-radius: 50%; }
#wrap .prev-arrow,
#wrap .next-arrow {
  width: 35px;
  height: 35px; }
#wrap .prev-arrow {
  top: calc(50% - 2.5px);
  left: -40px; }
#wrap .prev-arrow::before,
#wrap .prev-arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: 9px;
  width: 17px;
  height: 2px;
  border-radius: 9999px;
  background-color: #fff;
  transform-origin: 1px 50%; }
#wrap .prev-arrow2,
#wrap .next-arrow2 {
  width: 24px;
  height: 24px; }
#wrap .prev-arrow2 {
  top: calc(50% - 3px);
  left: -30px; }
#wrap .prev-arrow2::before,
#wrap .prev-arrow2::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: 6px;
  width: 12px;
  height: 2px;
  border-radius: 9999px;
  background-color: #fff;
  transform-origin: 1px 50%; }
#wrap .prev-arrow::before,
#wrap .prev-arrow2::before {
  transform: rotate(45deg); }
#wrap .prev-arrow::after,
#wrap .prev-arrow2::after {
  transform: rotate(-45deg); }
#wrap .next-arrow {
  top: calc(50% - 2.5px);
  right: -40px; }
#wrap .next-arrow::before,
#wrap .next-arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 9px;
  width: 17px;
  height: 2px;
  border-radius: 9999px;
  background-color: #fff;
  transform-origin: calc(100% - 1px) 50%; }
#wrap .next-arrow2 {
  top: calc(50% - 6px);
  right: -30px; }
#wrap .next-arrow2::before,
#wrap .next-arrow2::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 6px;
  width: 12px;
  height: 2px;
  border-radius: 9999px;
  background-color: #fff;
  transform-origin: calc(100% - 1px) 50%; }
#wrap .next-arrow::before,
#wrap .next-arrow2::before {
  transform: rotate(45deg); }
#wrap .next-arrow::after,
#wrap .next-arrow2::after {
  transform: rotate(-45deg); }

.slick-btn {
  display: flex;
  justify-content: center;
  margin: 10px auto; }
  .slick-btn .slick-num {
    background: #787878;
    font-size: 12px;
    line-height: 2;
    text-align: center;
    color: #ffffff;
    padding: 0 6px 0 15px;
    border-radius: 15px 0 0 15px; }
  .slick-btn #openGallery {
    color: #cccccc;
    padding: 0 15px 0 5px;
    background: #787878;
    border-radius: 0 15px 15px 0; }

#galleryModal {
  display: none;
  position: fixed;
  z-index: 5001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  overflow-y: auto; }
  #galleryModal .gallery-content {
    background: #fff;
    margin: 40px auto;
    padding: 20px;
    width: 90%;
    max-width: 600px;
    border-radius: 8px; }
    #galleryModal .gallery-content h3 {
      font-size: 16px;
      margin-bottom: 10px;
      text-align: center; }
    #galleryModal .gallery-content .gallery-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 10px; }
      #galleryModal .gallery-content .gallery-grid img {
        width: 100%;
        cursor: pointer;
        border-radius: 4px;
        transition: transform 0.2s; }
        #galleryModal .gallery-content .gallery-grid img:hover {
          transform: scale(1.05); }
    #galleryModal .gallery-content .close-btn {
      margin-top: 20px;
      text-align: center; }
      #galleryModal .gallery-content .close-btn button {
        padding: 8px 16px;
        font-size: 16px; }

#thumbnail_group {
  width: 380px;
  margin: 0 auto;
  height: 120px; }
  #thumbnail_group .slick-slide {
    height: 120px !important;
    display: block; }
    #thumbnail_group .slick-slide .thumbnail {
      width: 55px !important;
      height: auto;
      margin: 0 8px 0 0;
      cursor: pointer; }
      #thumbnail_group .slick-slide .thumbnail:hover {
        opacity: 0.8; }
      #thumbnail_group .slick-slide .thumbnail img {
        width: 100%;
        height: auto; }

.annotation {
  font-size: 12px;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 5px; }
  .annotation a:link,
  .annotation a:visited {
    color: #0d6ec3 !important;
    text-decoration: underline; }
  .annotation a:hover,
  .annotation a:active {
    color: #0d6ec3;
    text-decoration: none; }

.attention_ctc {
  font-size: 12px;
  width: 100%; }

.jirei_btn, .other_detail_btn {
  overflow: hidden;
  width: 100%;
  height: 45px;
  border: 1px solid #999;
  background: #fff;
  box-sizing: border-box;
  border-radius: 5px;
  /* CSS3草案 */
  margin: 15px auto;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  text-decoration: none !important;
  position: relative; }
  .jirei_btn a, .other_detail_btn a {
    line-height: 42px;
    text-align: center;
    color: #333;
    display: block; }
    .jirei_btn a:hover, .other_detail_btn a:hover {
      text-decoration: none; }
  .jirei_btn::before, .other_detail_btn::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 3%;
    width: 16px;
    height: 16px;
    margin-top: -9px;
    border-radius: 50%;
    /* CSS3草案 */
    background: #555555; }
  .jirei_btn::after, .other_detail_btn::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 3%;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 4px solid transparent;
    /*top right bottom を透明化 */
    border-left: 6px solid #fff; }
  .jirei_btn:hover, .other_detail_btn:hover {
    background: #eeeeee; }
    .jirei_btn:hover::after, .other_detail_btn:hover::after {
      border-left: 6px solid #fff; }

.other_detail_btn {
  width: 440px;
  margin: 0 auto 80px; }
  @media only screen and (max-width: 640px) {
    .other_detail_btn {
      width: 100%; } }

.color_list {
  width: 100%;
  background: #f3f3f3;
  border-radius: 5px;
  padding-bottom: 15px;
  padding: 0 15px 15px;
  box-sizing: border-box;
  margin-top: 20px; }
  .color_list .color_list_title {
    padding: 15px 0;
    font-size: 15px;
    text-align: center;
    line-height: 1;
    text-align: left; }
  .color_list .color_variation {
    width: 96%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: initial;
    justify-content: flex-start; }
    .color_list .color_variation li.chip {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      content: "";
      box-sizing: border-box;
      margin-bottom: 15px;
      margin-right: 15px;
      cursor: pointer; }
      .color_list .color_variation li.chip.active {
        outline: 1px solid #999999;
        outline-offset: 2px; }
  .color_list .size_variation {
    display: flex;
    justify-content: flex-start;
    width: 96%;
    margin: 0 auto;
    flex-wrap: wrap; }
    .color_list .size_variation li {
      font-size: 13px;
      margin-right: 5px; }
      .color_list .size_variation li::after {
        content: "\FF0F";
        margin-left: 5px; }
      .color_list .size_variation li a,
      .color_list .size_variation li a:visited {
        text-decoration: underline;
        color: #333; }
      .color_list .size_variation li:last-child::after {
        content: none;
        margin-left: 0; }

.opColor_list {
  margin-top: 30px; }

#mainArea {
  width: 680px; }

#favorite_share .share_btn {
  background: #fff;
  width: 50px;
  height: 45px;
  border: none;
  box-sizing: border-box;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 0;
  padding: 5px 7px; }
  #favorite_share .share_btn img {
    width: 30px;
    height: auto; }
  #favorite_share .share_btn span {
    font-size: 11px;
    text-decoration: none; }

.product_share {
  padding: 20px; }
  .product_share .sns_btn {
    display: flex;
    gap: 30px;
    justify-content: center; }
    .product_share .sns_btn img {
      width: 30px;
      height: auto; }
    .product_share .sns_btn div a,
    .product_share .sns_btn div button {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .product_share .sns_btn div a span,
      .product_share .sns_btn div button span {
        margin-top: 10px;
        color: #333;
        font-size: 0.9em; }
  .product_share .success-msg {
    display: none;
    position: fixed;
    width: 300px;
    height: 40px;
    line-height: 40px;
    background-color: #73803b;
    color: #fff;
    top: 60px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    border-radius: 5px; }

#product_summary {
  position: relative;
  width: 100%; }
  #product_summary .product_name {
    width: 100%;
    position: relative; }
    #product_summary .product_name .h1-ttl {
      margin-top: 5px;
      margin-bottom: 5px;
      background: none;
      padding: 8px 12px;
      border-radius: 2px; }
      #product_summary .product_name .h1-ttl.ready-made_ttl {
        background: #ed6c00; }
      #product_summary .product_name .h1-ttl span {
        color: #fff;
        font-weight: bold;
        line-height: 1.2;
        font-size: 15px;
        padding-right: 0;
        width: 60%; }
  #product_summary .colorido_link {
    position: absolute;
    right: 0;
    z-index: 10;
    width: 86px; }
    #product_summary .colorido_link:hover {
      cursor: pointer;
      opacity: 0.7; }
    #product_summary .colorido_link p {
      font-size: 12px; }
      #product_summary .colorido_link p img {
        width: 86px;
        height: auto; }

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0; }

.kantandesign_btn {
  overflow: hidden;
  width: 80%;
  /*----------- 幅を変更する場合は△ボタンの位置を変更すること -------------------------------*/
  height: 42px;
  border: 1px solid #999;
  background: #fff;
  box-sizing: border-box;
  border-radius: 5px;
  /* CSS3草案 */
  margin: 15px auto;
  font-size: 15px;
  line-height: 1.5;
  font-weight: bold;
  text-decoration: none !important;
  position: relative; }
  .kantandesign_btn::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 3%;
    width: 16px;
    height: 16px;
    margin-top: -9px;
    border-radius: 50%;
    /* CSS3草案 */
    background: #555555; }
  .kantandesign_btn::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 3%;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 4px solid transparent;
    /*top right bottom を透明化 */
    border-left: 6px solid #fff; }
  .kantandesign_btn:hover {
    background: #eeeeee; }
    .kantandesign_btn:hover::after {
      border-left: 6px solid #fff; }

.kantandesign_btn2 {
  overflow: hidden;
  width: 100%;
  /*----------- 幅を変更する場合は△ボタンの位置を変更すること -------------------------------*/
  height: 54px;
  border: 1px solid #999;
  background: #fff;
  box-sizing: border-box;
  border-radius: 5px;
  /* CSS3草案 */
  margin: 0 !important;
  font-size: 15px;
  line-height: 1.5;
  font-weight: bold;
  text-decoration: none !important;
  position: relative;
  color: #333; }
  .kantandesign_btn2::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 3%;
    width: 16px;
    height: 16px;
    margin-top: -9px;
    border-radius: 50%;
    /* CSS3草案 */
    background: #555555; }
  .kantandesign_btn2::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 3%;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 4px solid transparent;
    /*top right bottom を透明化 */
    border-left: 6px solid #fff; }
  .kantandesign_btn2:hover {
    background: #eeeeee; }
    .kantandesign_btn2:hover::after {
      border-left: 6px solid #fff; }

.remodal {
  padding: 0 !important; }
  .remodal.modal-print-choice, .remodal.remodal-select, .remodal.remodal-select2, .remodal.remodal-select3, .remodal.badge-position, .remodal.modal-oricolor-choice, .remodal.estimate-atena, .remodal.zaikocheck, .remodal.remodal_mp4, .remodal.modal_print_question, .remodal.remodal_zaikocheck {
    padding: 35px !important;
    max-width: 800px !important; }
  .remodal .modal_ttl {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
    text-align: center; }
  .remodal .kantan_ttl {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px; }
  .remodal .remodal_ttl {
    background: #99ab4e;
    color: #ffffff;
    font-size: 15px;
    padding: 10px 15px 12px 15px;
    text-align: left; }
  .remodal .login_start {
    margin-bottom: 40px; }
    .remodal .login_start .moveLogin {
      overflow: hidden;
      width: 50%;
      min-height: 42px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
      font-weight: bold;
      border: 1px solid #999;
      background: #fff;
      box-sizing: border-box;
      border-radius: 5px;
      cursor: pointer;
      position: relative;
      text-align: center; }
      .remodal .login_start .moveLogin::before {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        left: 93%;
        width: 16px;
        height: 16px;
        margin-top: -9px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        background: #555555; }
      .remodal .login_start .moveLogin::after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        left: 95%;
        width: 0;
        height: 0;
        margin-top: -5px;
        border: 4px solid transparent;
        border-left: 6px solid #fff; }
      .remodal .login_start .moveLogin:hover {
        background-color: #eee; }
    .remodal .login_start p {
      font-size: 13px; }
      .remodal .login_start p a {
        font-size: 15px;
        margin-bottom: 10px;
        display: block;
        margin-bottom: 5px; }
    .remodal .login_start .txt-red {
      text-align: left; }
  .remodal .kantan_print_area,
  .remodal .kantan_bag_area {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; }
  .remodal .radio-kd {
    width: 120px;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 40px; }
    .remodal .radio-kd input[type="radio"] {
      position: absolute;
      opacity: 0; }
      .remodal .radio-kd input[type="radio"] + label {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        font-weight: bold;
        font-size: 14px;
        text-align: center; }
        .remodal .radio-kd input[type="radio"] + label:hover {
          opacity: 0.6;
          cursor: pointer; }
        .remodal .radio-kd input[type="radio"] + label .select_kd_img {
          width: 95px;
          height: auto; }
        .remodal .radio-kd input[type="radio"] + label::before {
          content: '';
          position: absolute;
          border: 2px solid #009a9a;
          width: 20px;
          height: 20px;
          border-radius: 100%;
          top: -40px; }
      .remodal .radio-kd input[type="radio"]:checked + label::before {
        background-color: #009a9a;
        box-shadow: inset 0 0 0 4px #fff; }
  .remodal .kd_rebtn {
    display: block;
    padding: 7px 20px;
    background: #999999;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    border-radius: 5px;
    margin: 60px auto 20px; }
    .remodal .kd_rebtn:hover {
      opacity: 0.8; }
  .remodal .kd_nextbtn {
    display: block;
    padding: 7px 20px;
    background: #73803B;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    border-radius: 5px;
    margin: 60px auto 20px; }
    .remodal .kd_nextbtn:hover {
      opacity: 0.8; }
  .remodal .print_type {
    display: none; }
    .remodal .print_type.is-active {
      display: block; }
  .remodal .kantandesign_start {
    margin: 40px 0; }
    .remodal .kantandesign_start .kantandesign_start_btn {
      overflow: hidden;
      width: 50%;
      min-height: 42px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
      font-weight: bold;
      border: 1px solid #999;
      background: #fff;
      box-sizing: border-box;
      border-radius: 5px;
      cursor: pointer;
      position: relative;
      text-align: center; }
      .remodal .kantandesign_start .kantandesign_start_btn::before {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        left: 93%;
        width: 16px;
        height: 16px;
        margin-top: -9px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        background: #555555; }
      .remodal .kantandesign_start .kantandesign_start_btn::after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        left: 95%;
        width: 0;
        height: 0;
        margin-top: -5px;
        border: 4px solid transparent;
        border-left: 6px solid #fff; }
      .remodal .kantandesign_start .kantandesign_start_btn:hover {
        background-color: #eee; }
    .remodal .kantandesign_start p {
      font-size: 13px; }
      .remodal .kantandesign_start p a {
        font-size: 15px;
        margin-bottom: 10px;
        display: block;
        margin-bottom: 5px; }
    .remodal .kantandesign_start .txt-red {
      text-align: left; }
  .remodal .remodal_contain {
    padding: 10px 30px 20px;
    text-align: left;
    /* 価格表 */
    /*カスタマイズモーダル*/ }
    .remodal .remodal_contain .itemKakaku_flex {
      display: flex;
      width: 98%;
      justify-content: center;
      margin: 0 auto 40px;
      gap: 2%; }
      .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox {
        width: 49%;
        display: flex;
        flex-direction: column; }
        .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1 table,
        .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2 table {
          width: 100%;
          border-collapse: collapse; }
          .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1 table tr th,
          .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2 table tr th {
            background: #eeeeee;
            border: 1px solid #ccc;
            font-size: 80%;
            padding: 3px 2px;
            text-align: center; }
            .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1 table tr th.print_th,
            .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2 table tr th.print_th {
              width: 19%;
              font-size: 70%; }
            .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1 table tr th .select,
            .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2 table tr th .select {
              width: 94%;
              margin: 0 auto; }
              .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1 table tr th .select select,
              .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2 table tr th .select select {
                width: 100%;
                border: 2px solid #ccc;
                font-size: 80%;
                color: #333; }
          .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1 table tr td,
          .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2 table tr td {
            border: 1px solid #ccc;
            font-size: 70%;
            padding-right: 5px;
            text-align: right;
            height: 28px; }
    .remodal .remodal_contain .remodal_txt_kakaku {
      font-size: 12px; }
    .remodal .remodal_contain .order-choice {
      margin: 0 0 20px;
      display: block; }
      .remodal .remodal_contain .order-choice dt {
        font-weight: bold;
        margin-bottom: 10px !important; }
      .remodal .remodal_contain .order-choice dd {
        margin-left: 20px; }
        .remodal .remodal_contain .order-choice dd .print_txt_area {
          margin-top: 10px; }
        .remodal .remodal_contain .order-choice dd .tag_make {
          color: #eb4b3b;
          font-size: 12px; }
        .remodal .remodal_contain .order-choice dd select {
          width: 70%;
          padding: 5px 2px;
          border: 2px solid #ccc;
          font-size: 15px; }
        .remodal .remodal_contain .order-choice dd textarea {
          resize: none;
          width: 540px;
          height: 70px;
          border: 2px solid #ccc; }
        .remodal .remodal_contain .order-choice dd input[type="number"],
        .remodal .remodal_contain .order-choice dd input[type="text"] {
          border: 2px solid #ccc;
          font-size: 15px;
          padding: 5px 2px;
          margin-right: 5px; }
        .remodal .remodal_contain .order-choice dd .scolor_change {
          display: flex;
          align-items: center;
          margin-left: 0; }
          .remodal .remodal_contain .order-choice dd .scolor_change dt textarea {
            width: 300px;
            height: auto;
            font-size: 15px;
            border: 2px solid #ccc;
            padding: 5px 2px; }
          .remodal .remodal_contain .order-choice dd .scolor_change dd input {
            width: 150px; }
      .remodal .remodal_contain .order-choice .order_quantity input[type="checkbox"] + label:before {
        left: -15px;
        top: 3px; }
      .remodal .remodal_contain .order-choice .order_quantity input[type="checkbox"]:checked + label:after {
        left: -9px;
        top: 4px; }
    .remodal .remodal_contain .order-choice2 {
      margin-bottom: 20px;
      margin-left: 26px; }
      .remodal .remodal_contain .order-choice2 dt {
        font-weight: bold;
        margin: 10px 0; }
      .remodal .remodal_contain .order-choice2 dd select {
        width: 70%;
        padding: 5px 2px;
        border: 2px solid #ccc;
        font-size: 15px; }
    .remodal .remodal_contain .badgeposition_area {
      display: flex;
      flex-flow: wrap;
      margin: 50px 20px 0; }
      .remodal .remodal_contain .badgeposition_area dt {
        font-size: 13px;
        margin-right: 20px; }
    .remodal .remodal_contain .custom-submit {
      display: block;
      padding: 7px 20px;
      background: #73803B;
      color: #fff;
      font-size: 15px;
      font-weight: bold;
      border-radius: 5px;
      margin: 60px auto 0; }
      .remodal .remodal_contain .custom-submit:hover {
        opacity: 0.8; }
  .remodal .remodal_mds {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    flex-grow: 1; }
    .remodal .remodal_mds span {
      font-size: 14px; }
  .remodal .remodal_mdsline {
    font-size: 16px;
    margin: 50px 0 10px;
    border-bottom: 2px solid #99ab4e;
    text-align: left; }
  .remodal .itemToi_area {
    display: flex;
    align-items: center;
    width: 90%;
    margin: 20px auto 30px;
    justify-content: space-between; }
  .remodal .itemToi_f {
    width: 48%;
    overflow: hidden;
    height: 42px;
    border: 1px solid #999;
    background: #fff;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    font-weight: bold;
    text-decoration: none !important;
    position: relative; }
    .remodal .itemToi_f a {
      line-height: 42px;
      text-align: center;
      color: #333;
      display: block; }
      .remodal .itemToi_f a:hover {
        text-decoration: none; }
      .remodal .itemToi_f a:visited {
        color: #333; }
    .remodal .itemToi_f:hover {
      background: #eeeeee; }
    .remodal .itemToi_f::before {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      right: 3%;
      width: 16px;
      height: 16px;
      margin-top: -9px;
      border-radius: 50%;
      background: #555555; }
    .remodal .itemToi_f::after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      right: 3%;
      width: 0;
      height: 0;
      margin-top: -5px;
      border: 4px solid transparent;
      border-left: 6px solid #fff; }
  .remodal .itemToi_s {
    width: 40%; }
  .remodal .remodal_txt {
    font-size: 14px;
    margin-bottom: 10px; }
  .remodal .remodal-close::before {
    color: #fff; }
  .remodal.modal-print-choice .remodal-close::before, .remodal.remodal-select .remodal-close::before, .remodal.remodal-select2 .remodal-close::before, .remodal.remodal-select3 .remodal-close::before, .remodal.badge-position .remodal-close::before, .remodal.modal-oricolor-choice .remodal-close::before, .remodal.estimate-atena .remodal-close::before, .remodal.zaikocheck .remodal-close::before, .remodal.remodal_mp4 .remodal-close::before, .remodal.modal_print_question .remodal-close::before, .remodal.remodal_zaikocheck::before {
    color: #95979c; }

.badge_img {
  width: 100%;
  height: auto; }

.modal_print_question p span {
  display: block; }
  @media only screen and (max-width: 640px) {
    .modal_print_question p span {
      text-indent: -3em;
      padding-left: 3em;
      margin: 10px 0; } }

#main_contents_area .kakaku_box {
  display: flex;
  align-items: flex-end;
  width: 550px;
  margin-top: 20px; }
  #main_contents_area .kakaku_box dl {
    width: 380px;
    display: flex;
    flex-wrap: wrap; }
    #main_contents_area .kakaku_box dl dt {
      width: 50%;
      font-size: 14px;
      display: flex;
      align-items: center;
      padding-left: 25px;
      box-sizing: border-box; }
    #main_contents_area .kakaku_box dl dd {
      width: 50%;
      font-size: 14px;
      display: flex;
      align-items: baseline; }
      #main_contents_area .kakaku_box dl dd span {
        font-size: 28px;
        font-weight: bold;
        line-height: 1.5; }
  #main_contents_area .kakaku_box + p {
    font-size: 12px;
    margin-left: 190px; }
#main_contents_area .guarantee_box {
  width: 490px;
  margin-left: 190px;
  margin-top: 5px;
  background: #f1f1f1;
  padding: 10px;
  display: flex;
  box-sizing: border-box;
  align-items: center; }
  #main_contents_area .guarantee_box p {
    font-size: 12px; }
  #main_contents_area .guarantee_box img {
    width: 40px;
    height: 25px;
    margin-right: 10px; }
#main_contents_area .tab_btn_area {
  display: flex;
  border-bottom: 1px solid #696969;
  margin: 20px 0;
  padding-left: 5px; }
  #main_contents_area .tab_btn_area h2 {
    border: 1px solid #696969;
    background: #696969;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #696969;
    padding: 10px 20px 8px;
    position: relative;
    top: 1px;
    cursor: pointer;
    margin-right: 6px;
    font-size: 15px;
    color: #fff;
    text-decoration: none; }
    #main_contents_area .tab_btn_area h2:hover {
      cursor: pointer; }
  #main_contents_area .tab_btn_area .tab_active {
    background: #fff;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #fff; }
#main_contents_area .product_spec_contents {
  width: 660px;
  margin-left: 20px; }
  #main_contents_area .product_spec_contents dl {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 20px; }
    #main_contents_area .product_spec_contents dl dt {
      width: 25%;
      display: flex;
      align-items: center;
      padding: 8px 10px;
      box-sizing: border-box;
      font-size: 12px;
      font-weight: bold;
      border-top: 1px dashed #ccc; }
      #main_contents_area .product_spec_contents dl dt:first-child {
        border-top: none; }
      #main_contents_area .product_spec_contents dl dt button {
        margin: 0 0 0 7px; }
    #main_contents_area .product_spec_contents dl dd {
      width: 75%;
      font-size: 12px;
      padding: 8px;
      box-sizing: border-box;
      border-top: 1px dashed #ccc; }
      #main_contents_area .product_spec_contents dl dd:nth-child(2) {
        border-top: none; }
      #main_contents_area .product_spec_contents dl dd .dd_thickness {
        display: flex;
        justify-content: space-between;
        align-items: flex-start; }
        #main_contents_area .product_spec_contents dl dd .dd_thickness .dd_thick_text {
          font-size: 12px; }
          #main_contents_area .product_spec_contents dl dd .dd_thickness .dd_thick_text button {
            margin-top: 5px; }
        #main_contents_area .product_spec_contents dl dd .dd_thickness .thickness_img {
          width: 37%;
          height: auto;
          margin: 0 0 0 3%; }
      #main_contents_area .product_spec_contents dl dd button {
        display: block; }
        #main_contents_area .product_spec_contents dl dd button p {
          font-size: 12px; }
      #main_contents_area .product_spec_contents dl dd .silk_same_edition {
        padding: 2% 2% 3%;
        width: 94%;
        background-color: #FCFADD; }
        #main_contents_area .product_spec_contents dl dd .silk_same_edition span {
          font-weight: bold;
          font-size: 13px; }
      #main_contents_area .product_spec_contents dl dd .print-area_img p {
        font-size: 12px; }
      #main_contents_area .product_spec_contents dl dd .print-area_img ul {
        display: flex;
        flex-wrap: wrap; }
        #main_contents_area .product_spec_contents dl dd .print-area_img ul li {
          text-align: center;
          width: 110px;
          margin: 5px; }
          #main_contents_area .product_spec_contents dl dd .print-area_img ul li p {
            font-size: 12px;
            font-weight: bold; }
          #main_contents_area .product_spec_contents dl dd .print-area_img ul li .print-area_box a {
            position: relative;
            display: block; }
            #main_contents_area .product_spec_contents dl dd .print-area_img ul li .print-area_box a::before {
              content: "";
              display: block;
              width: 30px;
              height: 30px;
              border: solid 1px #ccc;
              border-radius: 15px;
              background: url(/img/00common/modal_icon.svg) no-repeat center center rgba(255, 255, 255, 0.8);
              background-size: 15px;
              position: absolute;
              right: 5px;
              bottom: 6px;
              opacity: 1;
              transition: opacity 0.6s 0s ease;
              z-index: 100; }
            #main_contents_area .product_spec_contents dl dd .print-area_img ul li .print-area_box a img {
              width: 98px;
              height: auto;
              margin: 5px 0 10px; }
      #main_contents_area .product_spec_contents dl dd .kantandesign_area {
        display: flex;
        flex-wrap: wrap;
        margin: 5px 5px 10px; }
        #main_contents_area .product_spec_contents dl dd .kantandesign_area .print_name {
          width: 25%;
          font-size: 12px;
          font-weight: bold;
          display: flex;
          align-items: center;
          padding-left: 5px;
          box-sizing: border-box; }
        #main_contents_area .product_spec_contents dl dd .kantandesign_area .kantandesign_btn2 {
          width: 100%;
          height: 45px; }
  #main_contents_area .product_spec_contents p {
    font-size: 12px; }
#main_contents_area .howtodraft {
  border: 1px dashed #696969;
  padding: 15px; }
  #main_contents_area .howtodraft h3 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px; }
    #main_contents_area .howtodraft h3 img {
      width: 20px;
      height: auto;
      margin-right: 10px; }
  #main_contents_area .howtodraft p {
    font-size: 12px; }

.product_a-txt_g {
  position: relative;
  display: inline-block;
  padding: 0 0 0 20px;
  color: #73803B;
  vertical-align: middle;
  text-decoration: none;
  font-size: 14px;
  cursor: pointer; }
  .product_a-txt_g::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 3px;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #73803B; }
  .product_a-txt_g::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 6px;
    content: "";
    vertical-align: middle;
    left: 5px;
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border: 5px solid transparent;
    border-left: 6px solid #fff; }

.iziModal {
  z-index: 11010 !important; }

/* 07detail追加cssスマホ
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .select {
    position: relative; }
    .select::after {
      content: "▼";
      color: #555;
      position: absolute;
      right: 3%;
      font-size: 12px;
      top: 32%;
      z-index: 1;
      text-align: center;
      pointer-events: none; }

  .select_multi {
    position: relative; }
    .select_multi::after {
      content: "▼";
      color: #555;
      position: absolute;
      right: 13%;
      font-size: 12px;
      top: 32%;
      z-index: 1;
      text-align: center;
      pointer-events: none; }

  .product_a-txt {
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 13px;
    line-height: 12px; }
    .product_a-txt::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin-top: 0px;
      content: "";
      vertical-align: middle;
      box-sizing: border-box;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: #696969; }
    .product_a-txt::after {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin-top: 3px;
      content: "";
      vertical-align: middle;
      left: 4px;
      box-sizing: border-box;
      width: 3px;
      height: 3px;
      border: 3px solid transparent;
      border-left: 5px solid #fff; }

  #main_product {
    width: 100%;
    display: block;
    text-align: left;
    position: relative;
    overflow: hidden; }

  #item_menu {
    display: block;
    margin-bottom: 50px; }

  #itemGallery {
    width: 100%;
    overflow: visible; }

  .slider_wrap {
    position: relative; }
    .slider_wrap #slider {
      width: 97%;
      margin: 0 auto; }
      .slider_wrap #slider::after {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        border: solid 1px #ccc;
        border-radius: 100%;
        background: url(/img/00common/modal_icon.svg) no-repeat center center rgba(255, 255, 255, 0.8);
        background-size: 15px;
        position: absolute;
        right: 5px;
        bottom: 35px;
        opacity: 1;
        transition: opacity 0.6s 0s ease;
        pointer-events: none; }
      .slider_wrap #slider .slide-item img {
        width: 100%;
        height: auto;
        padding-left: 1px; }
      .slider_wrap #slider .slide-item .disclaimer {
        position: absolute;
        bottom: -14px;
        margin-bottom: 0;
        font-size: 10px; }
      .slider_wrap #slider .slide-item a::after {
        display: none; }
      .slider_wrap #slider .slide-item.mp4_area div:has(video)::after {
        display: none; }
      .slider_wrap #slider .slick-slide {
        height: 100% !important;
        margin-bottom: 14px; }
        .slider_wrap #slider .slick-slide video {
          display: inline-block;
          width: 100%;
          height: auto; }
      .slider_wrap #slider .prev-arrow {
        left: 0; }
      .slider_wrap #slider .next-arrow {
        right: 0; }
    .slider_wrap .favorite_share_sp {
      position: absolute;
      right: 10px;
      bottom: 82px; }
      .slider_wrap .favorite_share_sp .share_btn {
        width: 32px;
        height: 32px;
        border: 1px solid #ccc;
        border-radius: 100%;
        text-align: center;
        margin-bottom: 10px;
        padding-top: 3px;
        box-sizing: border-box;
        background-color: rgba(255, 255, 255, 0.8); }
        .slider_wrap .favorite_share_sp .share_btn img {
          width: 16px;
          height: auto; }

  #thumbnail_group {
    width: 90%;
    height: auto; }
    #thumbnail_group .prev-arrow2 {
      left: -17px; }
    #thumbnail_group .next-arrow2 {
      right: -17px; }
    #thumbnail_group .slick-slide {
      height: auto !important; }
      #thumbnail_group .slick-slide .thumbnail {
        width: 14.4% !important;
        margin: 0 2% 0 0; }

  .color_list {
    width: 100%;
    margin-top: 12px; }
    .color_list .color_list_title {
      font-size: 1rem; }

  #product_summary .product_name .h1-ttl {
    width: 98%;
    padding: 2px 1%; }
    #product_summary .product_name .h1-ttl span,
    #product_summary .product_name .h1-ttl div {
      width: 67%;
      text-align: left;
      font-size: 1rem;
      line-height: 1.3;
      padding: 0; }
  #product_summary .colorido_link {
    display: block;
    position: absolute;
    bottom: -45px;
    z-index: 1;
    right: 0;
    left: auto; }
    #product_summary .colorido_link p {
      text-align: right;
      margin-right: 2%; }
      #product_summary .colorido_link p img {
        width: 80px; }

  .button {
    display: block;
    margin: 0 auto; }

  #mainArea {
    width: 100%; }

  #main_contents_area {
    display: flex;
    flex-direction: column;
    margin-top: 30px; }
    #main_contents_area .kakaku_box {
      width: 100%;
      flex-direction: column;
      align-items: center;
      margin: 0 0 12px;
      padding: 0 10px;
      box-sizing: border-box; }
      #main_contents_area .kakaku_box dl {
        width: 100%;
        justify-content: space-between;
        margin-bottom: 5px; }
        #main_contents_area .kakaku_box dl dt {
          font-size: 1rem;
          padding-left: 0; }
      #main_contents_area .kakaku_box .item_kakaku_btn {
        margin-top: 5px; }
      #main_contents_area .kakaku_box p {
        align-self: flex-start; }
    #main_contents_area .guarantee_box {
      width: 100%;
      margin: 10px 5px; }
      #main_contents_area .guarantee_box button {
        margin: 5px 0 0; }
    #main_contents_area .tab_btn_area {
      display: flex;
      border-bottom: 1px solid #696969;
      margin: 20px 0; }
      #main_contents_area .tab_btn_area h2 {
        overflow: hidden;
        width: 100%;
        height: 50px;
        border: 1px solid #696969;
        border-bottom: 1px solid #696969;
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        box-sizing: border-box;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 6px;
        font-weight: bold;
        font-size: 14px;
        position: relative;
        top: 1px;
        color: #fff;
        background: #696969;
        text-align: center;
        padding: 0 1%; }
      #main_contents_area .tab_btn_area .tab_active {
        background: #fff;
        color: #333;
        font-weight: bold;
        border-bottom: 1px solid #fff; }
        #main_contents_area .tab_btn_area .tab_active::after {
          content: none; }
    #main_contents_area .product_spec_contents {
      width: 100%;
      margin-left: 0; }
      #main_contents_area .product_spec_contents dl {
        display: flex;
        width: 100%;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 20px; }
        #main_contents_area .product_spec_contents dl dt {
          width: 100%;
          display: flex;
          align-items: center;
          padding: 2%;
          box-sizing: border-box;
          font-size: 100%;
          font-weight: bold;
          border: 1px solid #ccc;
          background: #f1f1f1;
          justify-content: center; }
          #main_contents_area .product_spec_contents dl dt:first-child {
            border-top: 2px solid #ddd; }
        #main_contents_area .product_spec_contents dl dd {
          width: 100%;
          font-size: 100%;
          padding: 2%;
          box-sizing: border-box;
          text-align: center;
          line-height: 1.7em;
          border: 1px solid #ddd; }
          #main_contents_area .product_spec_contents dl dd:nth-child(2) {
            border-top: 1px solid #ddd; }
          #main_contents_area .product_spec_contents dl dd.txt-justify {
            text-align: justify; }
          #main_contents_area .product_spec_contents dl dd .dd_thickness {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center; }
            #main_contents_area .product_spec_contents dl dd .dd_thickness .dd_thick_text {
              font-size: 14px; }
            #main_contents_area .product_spec_contents dl dd .dd_thickness .thickness_img {
              width: 65%;
              height: auto;
              margin: 2% 0 0 0; }
          #main_contents_area .product_spec_contents dl dd button p {
            font-size: 14px;
            margin-top: 10px; }
          #main_contents_area .product_spec_contents dl dd .print-area_img ul li {
            text-align: center;
            width: 32%;
            margin: 1% 2% 1% 0; }
            #main_contents_area .product_spec_contents dl dd .print-area_img ul li:nth-child(3n) {
              margin-right: 0; }
          #main_contents_area .product_spec_contents dl dd .kantandesign_area .print_name {
            width: 25%;
            font-size: 12px;
            font-weight: bold;
            display: flex;
            align-items: center;
            padding-left: 5px;
            box-sizing: border-box; }
          #main_contents_area .product_spec_contents dl dd .kantandesign_area .kantandesign_btn2 {
            overflow: hidden;
            width: 100%;
            height: 45px;
            border: 1px solid #999;
            background: #fff;
            box-sizing: border-box;
            border-radius: 5px;
            /* CSS3草案 */
            padding: 10px 0;
            line-height: 1; }
            #main_contents_area .product_spec_contents dl dd .kantandesign_area .kantandesign_btn2::before {
              display: block;
              content: "";
              position: absolute;
              top: 50%;
              right: 3%;
              width: 16px;
              height: 16px;
              margin-top: -9px;
              border-radius: 50%;
              /* CSS3草案 */
              background: #555555; }
            #main_contents_area .product_spec_contents dl dd .kantandesign_area .kantandesign_btn2::after {
              display: block;
              content: "";
              position: absolute;
              top: 50%;
              right: 3%;
              width: 0;
              height: 0;
              margin-top: -5px;
              border: 4px solid transparent;
              /*top right bottom を透明化 */
              border-left: 6px solid #fff; }
      #main_contents_area .product_spec_contents p {
        font-size: 100%; }
        #main_contents_area .product_spec_contents p + button {
          margin: 5px 5px 20px; }
    #main_contents_area .howtodraft {
      width: 100%;
      box-sizing: border-box;
      margin: 0 auto;
      border: 5px solid #f1f1f1; }
      #main_contents_area .howtodraft h3 {
        font-size: 100%; }
      #main_contents_area .howtodraft p {
        font-size: 100%;
        margin-bottom: 6px; }
        #main_contents_area .howtodraft p.product_a-txt {
          font-size: 14px; }

  .remodal {
    width: 95% !important;
    padding: 0;
    border-radius: 5px; }
    .remodal.modal-print-choice, .remodal.remodal-select, .remodal.remodal-select2, .remodal.remodal-select3, .remodal.badge-position, .remodal.modal-oricolor-choice, .remodal.estimate-atena, .remodal.zaikocheck, .remodal.remodal_mp4, .remodal.modal_print_question, .remodal.remodal_zaikocheck {
      padding: 5% !important; }
    .remodal .itemToi_area {
      display: block;
      align-items: center;
      width: 100%;
      margin: 20px auto 30px;
      justify-content: normal; }
      .remodal .itemToi_area .itemToi_f {
        width: 100%;
        overflow: hidden;
        height: 42px;
        border: 1px solid #999;
        background: #fff;
        box-sizing: border-box;
        border-radius: 5px;
        font-size: 15px;
        line-height: 1.5;
        text-align: center;
        font-weight: bold;
        text-decoration: none !important;
        position: relative;
        margin-bottom: 10px; }
      .remodal .itemToi_area .itemToi_s {
        width: 100%; }
    .remodal .remodal_mdsline {
      font-size: 14px;
      margin: 70px 0 10px;
      border-bottom: 2px solid #99ab4e;
      text-align: left; }
      .remodal .remodal_mdsline + p {
        font-size: 12px; }
    .remodal .modal_ttl {
      font-size: 16px;
      font-weight: bold;
      margin-top: 30px;
      text-align: center; }
    .remodal .kantan_ttl {
      font-size: 16px;
      font-weight: bold; }
    .remodal .login_start {
      width: 100%;
      margin: 0 auto 40px; }
      .remodal .login_start .moveLogin {
        overflow: hidden;
        width: 100%;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        font-weight: bold;
        border: 1px solid #999;
        background: #fff;
        box-sizing: border-box;
        border-radius: 5px;
        margin: 20px auto 10px; }
      .remodal .login_start p {
        font-size: 13px; }
        .remodal .login_start p a {
          font-size: 13px;
          margin-bottom: 10px;
          text-align: center;
          display: block;
          margin: 0 auto;
          margin-bottom: 10px;
          color: #adbc71;
          text-decoration: underline; }
    .remodal .kantan_bag_area {
      gap: 4%; }
      .remodal .kantan_bag_area .radio-kd {
        width: 30%; }
        .remodal .kantan_bag_area .radio-kd input[type="radio"] + label {
          font-size: 12px; }
    .remodal .kantandesign_start {
      width: 100%;
      margin: 0 auto 40px; }
      .remodal .kantandesign_start .kantandesign_start_btn {
        overflow: hidden;
        width: 100%;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        font-weight: bold;
        border: 1px solid #999;
        background: #fff;
        box-sizing: border-box;
        border-radius: 5px;
        margin: 20px auto 10px; }
      .remodal .kantandesign_start p {
        font-size: 13px; }
        .remodal .kantandesign_start p a {
          font-size: 13px;
          margin-bottom: 10px;
          text-align: center;
          display: block;
          margin: 0 auto;
          margin-bottom: 10px;
          color: #adbc71;
          text-decoration: underline; }
    .remodal .remodal_contain {
      padding: 10px 10px 20px; }
      .remodal .remodal_contain .order-choice dd select {
        width: 100%;
        padding: 8px 5px; }
      .remodal .remodal_contain .order-choice dd textarea {
        width: 97%; }
      .remodal .remodal_contain .order-choice dd input[type="checkbox"] + label {
        margin: 20px 10px; }
      .remodal .remodal_contain .order-choice dd input[type="number"] {
        width: 100px; }
      .remodal .remodal_contain .order-choice dd .scolor_change {
        margin-bottom: 0; }
        .remodal .remodal_contain .order-choice dd .scolor_change dt {
          width: 65%; }
          .remodal .remodal_contain .order-choice dd .scolor_change dt textarea {
            width: 100%;
            padding: 6px 2px; }
        .remodal .remodal_contain .order-choice dd .scolor_change dd {
          width: 35%; }
          .remodal .remodal_contain .order-choice dd .scolor_change dd input[type="number"] {
            width: 70%; }
      .remodal .remodal_contain .order-choice2 dd select {
        width: 100%;
        padding: 8px 5px; }
      .remodal .remodal_contain .itemKakaku_flex {
        flex-direction: column;
        width: 100%;
        overflow-x: scroll; }
        .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox {
          width: 100%;
          margin-bottom: 20px; }
          .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1,
          .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2 {
            position: relative;
            height: auto;
            max-height: 160px;
            overflow-y: hidden;
            transition: max-height 0.6s; }
            .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1 table,
            .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2 table {
              width: 112%;
              border: solid 1px #dddddd;
              border-collapse: collapse;
              margin: 0 auto; }
              .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1 table th,
              .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2 table th {
                border: 1px solid #dddddd;
                background: #f5f5f5;
                text-align: center;
                height: auto;
                font-size: 80%;
                padding: 1px 0;
                vertical-align: middle; }
                .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1 table th .select select,
                .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2 table th .select select {
                  width: 100%;
                  border: 2px solid #ccc;
                  font-size: 80%;
                  color: #333;
                  padding: 6px 3px; }
                .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1 table th .select::after,
                .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2 table th .select::after {
                  right: 5%;
                  font-size: 9px; }
              .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1 table .th_price,
              .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2 table .th_price {
                width: 18%;
                height: auto;
                font-size: 70%; }
              .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1 table .th_main_price,
              .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2 table .th_main_price {
                width: 11%; }
              .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1 table .table_sticky,
              .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2 table .table_sticky {
                position: sticky;
                left: 0;
                z-index: 100;
                width: 11%; }
              .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1 table td,
              .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2 table td {
                border: 1px solid #ddd;
                background: #fff;
                height: 28px;
                font-size: 70%;
                text-align: right;
                padding-right: 5px;
                vertical-align: middle; }
                .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1 table td:first-child,
                .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2 table td:first-child {
                  padding-right: 3px; }
                .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1 table td a,
                .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2 table td a {
                  font-size: 100%;
                  display: inline;
                  text-decoration: underline; }
            .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1.active,
            .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2.active {
              padding-bottom: 10px; }
              .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1.active::after,
              .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2.active::after {
                z-index: -1;
                opacity: 0; }
              .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1.active + .priceReadmore1::before,
              .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1.active + .priceReadmore2::before,
              .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2.active + .priceReadmore1::before,
              .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2.active + .priceReadmore2::before {
                content: "\25B2"; }
            .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area1::after,
            .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .kakaku_area2::after {
              content: "";
              position: absolute;
              top: 0;
              left: 0;
              z-index: 0;
              display: block;
              width: 100%;
              height: 100%;
              transition: 1s;
              background: linear-gradient(to bottom, transparent 89%, #ffffff 100%);
              pointer-events: none; }
          .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .priceReadmore1,
          .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .priceReadmore2 {
            display: block;
            margin: 5px auto 0;
            padding: 4px 50px;
            border-radius: 5px;
            color: #ffffff;
            background-color: #999999;
            font-size: 14px;
            font-weight: bold; }
            .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .priceReadmore1::before,
            .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .priceReadmore2::before {
              content: "\25BC";
              margin-right: 5px;
              font-size: 95%; }
            .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .priceReadmore1:hover,
            .remodal .remodal_contain .itemKakaku_flex .kakaku_flexbox .priceReadmore2:hover {
              opacity: 0.8; }
    .remodal .remodal-close {
      width: 30px;
      height: 30px;
      right: 15px;
      top: -5px; }
    .remodal .remodal-close_txt {
      margin: 0 auto;
      display: block; }

  .h2-ttl-prodcut {
    font-size: 17px;
    margin-bottom: 10px;
    margin-top: 80px;
    line-height: 1.5; }

  .iziModal {
    max-width: 90% !important;
    height: 100%; } }
/* sp_end */
/* 注文の流れ
----------------------------------------------- */
#order {
  scroll-margin-top: 140px; }

#orderFlow_area {
  position: sticky;
  top: 0;
  min-height: 80px;
  margin: 0 calc(49% - 48vw);
  background: #ffffff;
  z-index: 5001;
  margin-bottom: 10px; }
  #orderFlow_area .orderFlow_inner {
    width: 1180px;
    padding: 10px 20px;
    margin: 0 auto; }
    #orderFlow_area .orderFlow_inner .orderFlow_txt {
      position: relative;
      display: inline-block;
      width: 66%;
      text-align: center;
      margin: 0 0 5px;
      padding: 2px 10px;
      color: #333333;
      font-size: 11px;
      font-weight: bold;
      background: #FFF;
      border: solid 1px #cccccc;
      box-sizing: border-box;
      border-radius: 5px; }
      #orderFlow_area .orderFlow_inner .orderFlow_txt::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #cccccc transparent transparent;
        translate: -50% 100%; }
      #orderFlow_area .orderFlow_inner .orderFlow_txt::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        border-style: solid;
        border-width: 8.5px 8.5px 0 8.5px;
        border-color: #ffffff transparent transparent;
        translate: -50% 100%; }
    #orderFlow_area .orderFlow_inner .orderFlow_contents {
      display: flex;
      justify-content: space-between;
      margin-top: 5px; }
      #orderFlow_area .orderFlow_inner .orderFlow_contents li {
        position: relative;
        min-width: 148px;
        width: 100%;
        min-height: 42px;
        padding: 0 10px;
        background: #dcdcdc;
        color: #333333;
        font-weight: bold;
        border-radius: 5px;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-right: 35px; }
        #orderFlow_area .orderFlow_inner .orderFlow_contents li + li::before {
          content: "";
          position: absolute;
          top: 50%;
          left: -24px;
          width: 0;
          height: 0;
          border-left: 15px solid #dcdcdc;
          border-top: 15px solid transparent;
          border-bottom: 15px solid transparent;
          z-index: 15;
          transform: translate(0, -50%); }
        #orderFlow_area .orderFlow_inner .orderFlow_contents li span {
          font-size: 11px;
          margin-top: -4px; }
        #orderFlow_area .orderFlow_inner .orderFlow_contents li.current {
          background: #696969;
          color: #ffffff; }

@media only screen and (max-width: 640px) {
  #sticky-control {
    height: 1px; }

  #orderFlow_area {
    width: 100%;
    position: sticky;
    top: 0;
    min-height: 65px;
    margin: 0;
    background: #ffffff;
    z-index: auto; }
    #orderFlow_area .orderFlow_inner {
      width: 100%;
      padding: 8px 0;
      overflow-x: scroll; }
      #orderFlow_area .orderFlow_inner .orderFlow_txt {
        width: 130%;
        font-size: 11px;
        box-sizing: border-box;
        margin: 0px 0px 10px;
        background: white;
        border-width: 1px;
        border-style: solid;
        border-color: #cccccc;
        border-image: initial; }
        #orderFlow_area .orderFlow_inner .orderFlow_txt::before {
          border-width: 10px 10px 0px;
          border-color: #cccccc transparent transparent; }
        #orderFlow_area .orderFlow_inner .orderFlow_txt::after {
          border-width: 8.5px 8.5px 0px;
          border-color: white transparent transparent; }
      #orderFlow_area .orderFlow_inner .orderFlow_contents {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-top: 0; }
        #orderFlow_area .orderFlow_inner .orderFlow_contents li {
          min-width: 90px;
          line-height: 1.5em;
          font-size: 11px;
          margin-right: 25px;
          padding: 0px 5px;
          background: gainsboro;
          border-radius: 5px;
          flex-flow: column; }
          #orderFlow_area .orderFlow_inner .orderFlow_contents li + li::before {
            left: -18px; }
          #orderFlow_area .orderFlow_inner .orderFlow_contents li span {
            font-size: 10px;
            margin-top: -0; }
      #orderFlow_area .orderFlow_inner.m_fixed {
        padding: 0 3% 2%;
        border-bottom: 1px solid #ccc;
        box-sizing: border-box; }

  .area_product_status {
    z-index: auto; }
    .area_product_status.m_fixed {
      position: fixed !important;
      top: 0;
      left: 0;
      z-index: 151 !important; } }
/* 注文フロー
----------------------------------------------- */
.radio {
  margin: 0.3rem 0; }
  .radio input[type="radio"] {
    position: absolute;
    opacity: 0; }
    .radio input[type="radio"] + .radio-label {
      color: #333;
      font-size: 15px; }
      .radio input[type="radio"] + .radio-label::before {
        content: '';
        background: #fff;
        border-radius: 100%;
        border: 1px solid #555;
        display: inline-block;
        width: 1.2em;
        height: 1.2em;
        position: relative;
        top: 0.1em;
        margin-right: 0.5em;
        vertical-align: top;
        cursor: pointer;
        text-align: center;
        transition: all 250ms ease; }
      .radio input[type="radio"] + .radio-label:hover {
        cursor: pointer; }
    .radio input[type="radio"]:checked + .radio-label:before {
      background-color: #555;
      box-shadow: inset 0 0 0 4px #fff; }
    .radio input[type="radio"]:focus + .radio-label:before {
      outline: none;
      border-color: #555; }
    .radio input[type="radio"]:disabled + .radio-label {
      color: #ccc; }
      .radio input[type="radio"]:disabled + .radio-label:before {
        box-shadow: inset 0 0 0 4px #fff;
        border-color: #bfbfbf;
        /*background: darken($color1, 25%);*/ }
    .radio input[type="radio"] + .radio-label:empty:before {
      margin-right: 0; }

.h2-ttl-order {
  text-align: center;
  font-size: 23px;
  letter-spacing: 0;
  margin-bottom: 20px;
  line-height: 1;
  position: relative; }
  .h2-ttl-order::before {
    content: "";
    width: 38%;
    height: 1px;
    background: #ccc;
    position: absolute;
    top: 50%;
    left: 0; }
  .h2-ttl-order::after {
    content: "";
    width: 38%;
    height: 1px;
    background: #ccc;
    position: absolute;
    top: 50%;
    right: 0; }
  .h2-ttl-order span {
    display: inline-block;
    padding: 12px 55px 10px;
    background: #696969;
    color: #fff;
    border-radius: 50px; }
  .h2-ttl-order:has(span) {
    margin-bottom: 10px; }
    .h2-ttl-order:has(span)::before {
      content: "";
      width: 37%;
      height: 2px;
      background: #696969;
      position: absolute;
      top: 50%;
      left: 0; }
    .h2-ttl-order:has(span)::after {
      content: "";
      width: 37%;
      height: 2px;
      background: #696969;
      position: absolute;
      top: 50%;
      right: 0; }

.flex_box {
  display: flex; }

.priceboardarea {
  width: 650px;
  margin-right: 50px; }
  .priceboardarea .order_ttl {
    background: #696969;
    color: #ffffff;
    padding: 10px 10px 10px 20px;
    font-size: 17px;
    font-weight: bold; }
  .priceboardarea .order_mds {
    background: #f1f1f1;
    color: #333;
    padding: 7px 7px 7px 10px;
    margin: 20px 0 10px; }
    .priceboardarea .order_mds span {
      background: #696969;
      color: #ffffff;
      padding: 1px 6px;
      margin-right: 10px; }
  .priceboardarea .order_mds2 {
    background: #696969;
    color: #ffffff;
    padding: 7px 7px 7px 10px;
    margin: 90px 0 10px; }
    .priceboardarea .order_mds2 span {
      background: #dcdcdc;
      color: #333333;
      padding: 1px 6px;
      margin-right: 10px; }
  .priceboardarea .order_container {
    width: 610px;
    margin-left: 40px;
    margin-bottom: 40px; }
    .priceboardarea .order_container p {
      font-size: 12px; }
    .priceboardarea .order_container a:link, .priceboardarea .order_container a:visited {
      color: #333; }
    .priceboardarea .order_container .order_type .radio {
      width: 300px;
      box-sizing: border-box;
      border: 3px solid transparent;
      position: relative; }
      .priceboardarea .order_container .order_type .radio input[type="radio"] + .radio-label {
        height: 30px;
        display: block;
        padding: 4px;
        box-sizing: border-box;
        color: #333; }
        .priceboardarea .order_container .order_type .radio input[type="radio"] + .radio-label:hover {
          cursor: pointer; }
      .priceboardarea .order_container .order_type .radio input[type="radio"]:disabled + .radio-label {
        color: #ccc; }
        .priceboardarea .order_container .order_type .radio input[type="radio"]:disabled + .radio-label::after {
          content: "\203B\5BFE\8C61\5916";
          margin-left: 5px; }
      .priceboardarea .order_container .order_type .radio .detail_freesample {
        position: absolute;
        background: #fff;
        border: 2px solid #ccc;
        border-radius: 0.5em;
        width: 380px;
        right: -570px;
        padding: 4%;
        text-align: left;
        top: -35px;
        display: none;
        z-index: 2;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        box-sizing: border-box; }
        .priceboardarea .order_container .order_type .radio .detail_freesample::before {
          content: "";
          display: block;
          position: absolute;
          top: 40%;
          left: -34px;
          border: 16px solid transparent;
          border-right: 16px solid #cccccc;
          z-index: 1; }
        .priceboardarea .order_container .order_type .radio .detail_freesample::after {
          content: "";
          display: block;
          position: absolute;
          top: 40%;
          left: -31px;
          border: 16px solid transparent;
          border-right: 16px solid #ffffff;
          z-index: 1; }
        .priceboardarea .order_container .order_type .radio .detail_freesample p {
          font-size: 12px; }
    .priceboardarea .order_container .product_list {
      display: flex;
      flex-wrap: wrap;
      width: 610px;
      max-height: 770px;
      padding: 4px;
      border: 1px solid #cccccc;
      box-sizing: border-box;
      margin: 10px 0 20px;
      overflow-y: auto; }
      .priceboardarea .order_container .product_list .product_suryo {
        width: 195px;
        display: flex;
        flex-direction: column;
        justify-items: center;
        text-align: center;
        box-sizing: border-box;
        padding: 10px 4px;
        position: relative;
        border-right: 1px dashed #ccc;
        border-bottom: 1px dashed #ccc; }
        .priceboardarea .order_container .product_list .product_suryo img {
          width: 80px;
          height: 80px;
          display: block;
          margin: 0 auto; }
        .priceboardarea .order_container .product_list .product_suryo p {
          font-size: 13px;
          margin-top: 5px; }
        .priceboardarea .order_container .product_list .product_suryo .zaiko_amount {
          font-size: 15px;
          font-weight: bold; }
        .priceboardarea .order_container .product_list .product_suryo .product_add {
          height: 55px;
          padding-top: 5px; }
          .priceboardarea .order_container .product_list .product_suryo .product_add .zaiko_arrival .arrivalinfo {
            display: block; }
          .priceboardarea .order_container .product_list .product_suryo .product_add .zaiko_arrival .arrival {
            font-size: 12px;
            font-weight: bold;
            margin: 0 0.1em; }
        .priceboardarea .order_container .product_list .product_suryo .order_quantity {
          margin: 5px; }
          .priceboardarea .order_container .product_list .product_suryo .order_quantity input {
            width: 60%; }
        .priceboardarea .order_container .product_list .product_suryo .request_btn {
          overflow: hidden;
          width: 92%;
          height: 30px;
          border: 1px solid #999;
          background: #fff;
          box-sizing: border-box;
          border-radius: 5px;
          margin: auto auto 0;
          font-size: 12px;
          text-align: center;
          font-weight: bold;
          text-decoration: none !important;
          position: relative; }
          .priceboardarea .order_container .product_list .product_suryo .request_btn a {
            line-height: 30px;
            text-align: center;
            color: #333;
            display: block; }
          .priceboardarea .order_container .product_list .product_suryo .request_btn::before {
            display: block;
            content: "";
            position: absolute;
            top: 54%;
            right: 3%;
            width: 16px;
            height: 16px;
            margin-top: -9px;
            border-radius: 50%;
            background: #555555; }
          .priceboardarea .order_container .product_list .product_suryo .request_btn::after {
            display: block;
            content: "";
            position: absolute;
            top: 54%;
            right: 3%;
            width: 0;
            height: 0;
            margin-top: -5px;
            border: 4px solid transparent;
            border-left: 6px solid #fff; }
        .priceboardarea .order_container .product_list .product_suryo .favorite_btn {
          position: absolute;
          top: 10px;
          right: 10px;
          width: 21px; }
          .priceboardarea .order_container .product_list .product_suryo .favorite_btn img {
            width: 100%;
            height: auto; }
            .priceboardarea .order_container .product_list .product_suryo .favorite_btn img:hover {
              opacity: 0.8;
              cursor: pointer; }
        .priceboardarea .order_container .product_list .product_suryo:nth-child(3n) {
          border-right: none; }
        .priceboardarea .order_container .product_list .product_suryo.zaiko_keppin {
          background: #eee; }
          .priceboardarea .order_container .product_list .product_suryo.zaiko_keppin .product_suryo_img {
            opacity: .4; }
    .priceboardarea .order_container #over_suryo {
      padding: 20px 10px;
      background: #FCFADD; }
      .priceboardarea .order_container #over_suryo p a {
        color: #73803b;
        margin-right: 3px; }
    .priceboardarea .order_container .order-contents {
      display: block;
      padding: 10px;
      border: 1px solid #ccc;
      margin-top: 10px;
      box-sizing: border-box; }
      .priceboardarea .order_container .order-contents.op_pack_child {
        margin-top: 0 !important;
        border-top: none !important; }
      .priceboardarea .order_container .order-contents .order-left-menu {
        width: 80px;
        margin: 0 20px; }
        .priceboardarea .order_container .order-contents .order-left-menu .order-icon {
          width: 100%; }
          .priceboardarea .order_container .order-contents .order-left-menu .order-icon img {
            width: 100%;
            height: auto; }
      .priceboardarea .order_container .order-contents .order-right-menu {
        width: 580px;
        padding: 5px 0;
        margin-left: 10px; }
        .priceboardarea .order_container .order-contents .order-right-menu .no-flex {
          margin: 5px 0; }
          .priceboardarea .order_container .order-contents .order-right-menu .no-flex dd {
            display: flex;
            align-items: center; }
            .priceboardarea .order_container .order-contents .order-right-menu .no-flex dd input[type=checkbox] + label {
              margin-bottom: 0; }
              .priceboardarea .order_container .order-contents .order-right-menu .no-flex dd input[type=checkbox] + label button {
                margin-left: 10px;
                vertical-align: text-top; }
                .priceboardarea .order_container .order-contents .order-right-menu .no-flex dd input[type=checkbox] + label button:hover {
                  opacity: .8;
                  cursor: pointer; }
            .priceboardarea .order_container .order-contents .order-right-menu .no-flex dd select {
              width: 100%;
              border: 2px solid #ccc;
              padding: 5px; }
            .priceboardarea .order_container .order-contents .order-right-menu .no-flex dd textarea {
              width: 100%;
              resize: none;
              overflow: auto;
              border: 2px solid #ccc;
              width: 100%;
              box-sizing: border-box;
              border: 2px solid #ccc;
              padding: 5px; }
            .priceboardarea .order_container .order-contents .order-right-menu .no-flex dd input[type=number] {
              border: 2px solid #ccc;
              padding: 5px;
              margin-right: 5px; }
            .priceboardarea .order_container .order-contents .order-right-menu .no-flex dd .customIcon {
              width: 70px;
              height: auto;
              padding-left: 35px; }
            .priceboardarea .order_container .order-contents .order-right-menu .no-flex dd .button {
              margin-left: 10px; }
            .priceboardarea .order_container .order-contents .order-right-menu .no-flex dd .label_2 .print_txt_area {
              padding-left: 15px; }
            .priceboardarea .order_container .order-contents .order-right-menu .no-flex dd .label_2 input[type="checkbox"] + label {
              display: inline; }
              .priceboardarea .order_container .order-contents .order-right-menu .no-flex dd .label_2 input[type="checkbox"] + label::before {
                top: 15px; }
            .priceboardarea .order_container .order-contents .order-right-menu .no-flex dd .label_2 input[type="checkbox"]:checked + label::after {
              top: 17px; }
        .priceboardarea .order_container .order-contents .order-right-menu #sp_color_order .order-choice,
        .priceboardarea .order_container .order-contents .order-right-menu #silk_change .order-choice,
        .priceboardarea .order_container .order-contents .order-right-menu #split .order-choice {
          display: flex;
          align-items: flex-start;
          justify-content: space-between; }
          .priceboardarea .order_container .order-contents .order-right-menu #sp_color_order .order-choice .order_quantity,
          .priceboardarea .order_container .order-contents .order-right-menu #silk_change .order-choice .order_quantity,
          .priceboardarea .order_container .order-contents .order-right-menu #split .order-choice .order_quantity {
            width: 43%; }
            .priceboardarea .order_container .order-contents .order-right-menu #sp_color_order .order-choice .order_quantity input,
            .priceboardarea .order_container .order-contents .order-right-menu #silk_change .order-choice .order_quantity input,
            .priceboardarea .order_container .order-contents .order-right-menu #split .order-choice .order_quantity input {
              width: 50%;
              border-radius: 3px;
              padding: 5px;
              text-align: right; }
            .priceboardarea .order_container .order-contents .order-right-menu #sp_color_order .order-choice .order_quantity span,
            .priceboardarea .order_container .order-contents .order-right-menu #silk_change .order-choice .order_quantity span,
            .priceboardarea .order_container .order-contents .order-right-menu #split .order-choice .order_quantity span {
              margin-left: 5px;
              vertical-align: middle; }
          .priceboardarea .order_container .order-contents .order-right-menu #sp_color_order .order-choice dt,
          .priceboardarea .order_container .order-contents .order-right-menu #silk_change .order-choice dt,
          .priceboardarea .order_container .order-contents .order-right-menu #split .order-choice dt {
            margin-bottom: 0;
            width: 57%;
            font-size: 15px; }
          .priceboardarea .order_container .order-contents .order-right-menu #sp_color_order .order-choice .pcc_color,
          .priceboardarea .order_container .order-contents .order-right-menu #silk_change .order-choice .pcc_color,
          .priceboardarea .order_container .order-contents .order-right-menu #split .order-choice .pcc_color {
            height: 2.55em;
            width: 93%; }
        .priceboardarea .order_container .order-contents .order-right-menu #reflector_order .order-choice .order_quantity label {
          margin-top: 10px; }
        .priceboardarea .order_container .order-contents .order-right-menu #opp .opp-flex {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .priceboardarea .order_container .order-contents .order-right-menu #opp .opp-flex .order_quantity {
            width: 43%; }
            .priceboardarea .order_container .order-contents .order-right-menu #opp .opp-flex .order_quantity input {
              width: 50%;
              border-radius: 3px;
              padding: 5px;
              text-align: right; }
            .priceboardarea .order_container .order-contents .order-right-menu #opp .opp-flex .order_quantity span {
              margin-left: 5px;
              vertical-align: middle; }
        .priceboardarea .order_container .order-contents .order-right-menu .content-detail {
          margin: 0 10px 30px 20px; }
          .priceboardarea .order_container .order-contents .order-right-menu .content-detail .no-flex {
            margin: 15px 0 10px; }
          .priceboardarea .order_container .order-contents .order-right-menu .content-detail .order-choice textarea {
            width: 96%;
            height: 5.7em;
            resize: none;
            overflow: auto;
            border: 2px solid #ccc;
            width: 100%;
            box-sizing: border-box;
            border: 2px solid #ccc;
            padding: 5px; }
        .priceboardarea .order_container .order-contents .order-right-menu #dynamite_order .content-detail {
          margin: 0 10px 0 20px; }
      .priceboardarea .order_container .order-contents:has(input[type="checkbox"]:checked) {
        border: 1px solid #73803B; }
      .priceboardarea .order_container .order-contents .contents_summary {
        width: 92%;
        display: flex;
        justify-content: space-between;
        margin-left: 8%;
        padding: 10px;
        background: #FAFDF2;
        box-sizing: border-box; }
        .priceboardarea .order_container .order-contents .contents_summary .entered {
          display: flex;
          flex-direction: column;
          width: 80%; }
          .priceboardarea .order_container .order-contents .contents_summary .entered dl {
            display: flex; }
            .priceboardarea .order_container .order-contents .contents_summary .entered dl dt {
              margin-right: 10px;
              font-size: 13px; }
            .priceboardarea .order_container .order-contents .contents_summary .entered dl dd {
              font-size: 13px; }
        .priceboardarea .order_container .order-contents .contents_summary .edit {
          color: #333 !important; }
    .priceboardarea .order_container .pack_list {
      margin: 0;
      border: 1px solid #ccc; }
      .priceboardarea .order_container .pack_list:has(input[type="checkbox"]:checked) {
        border: 1px solid #73803B; }
      .priceboardarea .order_container .pack_list:has(.order-contents[style*="display: none"]) {
        border: none; }
      .priceboardarea .order_container .pack_list .order-contents {
        border: none; }
        .priceboardarea .order_container .pack_list .order-contents:has(input[type="checkbox"]:checked) {
          border: none; }
        .priceboardarea .order_container .pack_list .order-contents.op_pack_child {
          padding-left: 40px; }
    .priceboardarea .order_container .custom_list {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start; }
      .priceboardarea .order_container .custom_list .order-contents2 {
        padding: 10px;
        border: 1px solid #ccc;
        margin-top: 10px;
        width: 49%;
        margin-right: 2%;
        box-sizing: border-box; }
        .priceboardarea .order_container .custom_list .order-contents2 .contents2_btn {
          display: flex;
          align-items: center;
          margin: 5px 0; }
          .priceboardarea .order_container .custom_list .order-contents2 .contents2_btn .customIcon {
            padding-left: 30px; }
          .priceboardarea .order_container .custom_list .order-contents2 .contents2_btn input[type="checkbox"] + label {
            padding-left: 10px; }
          .priceboardarea .order_container .custom_list .order-contents2 .contents2_btn .button {
            margin-left: 5px; }
          .priceboardarea .order_container .custom_list .order-contents2 .contents2_btn input[type="checkbox"] + label::before {
            content: '';
            display: block;
            width: 20px;
            height: 20px;
            border: 1px solid #ccc;
            box-sizing: border-box;
            border-radius: 2px;
            position: absolute;
            left: -100px;
            top: 5px;
            box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
            background: #f1f1f1; }
          .priceboardarea .order_container .custom_list .order-contents2 .contents2_btn input[type="checkbox"] + label.mlt::before {
            top: 15px; }
          .priceboardarea .order_container .custom_list .order-contents2 .contents2_btn input[type="checkbox"]:checked + label::before {
            background: #73803B; }
          .priceboardarea .order_container .custom_list .order-contents2 .contents2_btn input[type="checkbox"]:checked + label::after {
            content: "";
            width: 6px;
            height: 10px;
            position: absolute;
            top: 7px;
            left: -94px;
            border: 2px solid #fff;
            border-top: none;
            border-left: none;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
          .priceboardarea .order_container .custom_list .order-contents2 .contents2_btn input[type="checkbox"]:checked + label.mlt::after {
            content: "";
            width: 6px;
            height: 10px;
            position: absolute;
            top: 16px;
            left: -94px;
            border: 2px solid #fff;
            border-top: none;
            border-left: none;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
        .priceboardarea .order_container .custom_list .order-contents2:has(input[type="checkbox"]:checked) {
          border: 1px solid #73803B; }
        .priceboardarea .order_container .custom_list .order-contents2:nth-child(2n) {
          margin-right: 0; }
        .priceboardarea .order_container .custom_list .order-contents2 .label_comt {
          padding-left: 35px;
          margin-top: 10px;
          font-size: 12px; }
        .priceboardarea .order_container .custom_list .order-contents2 .contents_summary {
          width: 92%;
          display: flex;
          justify-content: space-between;
          margin-left: 8%;
          padding: 10px;
          background: #FAFDF2;
          box-sizing: border-box; }
          .priceboardarea .order_container .custom_list .order-contents2 .contents_summary .entered {
            display: flex;
            flex-direction: column;
            width: 80%; }
            .priceboardarea .order_container .custom_list .order-contents2 .contents_summary .entered dl {
              display: flex; }
              .priceboardarea .order_container .custom_list .order-contents2 .contents_summary .entered dl dt {
                width: 35%;
                margin-right: 10px;
                font-size: 13px; }
              .priceboardarea .order_container .custom_list .order-contents2 .contents_summary .entered dl dd {
                width: 65%;
                font-size: 13px; }
    .priceboardarea .order_container .tag_make {
      color: #eb4b3b; }
    .priceboardarea .order_container .order_customizemds {
      background: #f1f1f1;
      color: #333;
      padding: 7px 7px 7px 10px;
      margin: 20px 0 10px; }

#cate_print .order_container > p:first-child::after {
  content: "\3010\0032\3011\3067\8907\6570\30AB\30E9\30FC\306E\5546\54C1\3092\9078\629E\306E\5834\5408\3001\540C\4E00\30C7\30B6\30A4\30F3\3068\306A\308A\307E\3059\3002"; }

#silk_change::after {
  content: "※【2】で複数カラーを選択の場合：商品カラーごとの印刷色詳細について、注文時の備考欄に記載をお願いいたします。\A例）\A・商品カラー：ナチュラル、印刷色：黒（30個）\A・商品カラー：ブラック、印刷色：白（20個）";
  white-space: pre-wrap;
  font-size: 12px;
  letter-spacing: -0.001em;
  display: block; }

.custom_err {
  margin: 1% 0 0 8%; }

.order-list .order-icon button {
  cursor: auto; }

.open-options1,
.open-options2,
.open-options3 {
  cursor: pointer !important; }
  .open-options1:hover img,
  .open-options2:hover img,
  .open-options3:hover img {
    opacity: 0.7; }

.subContent .order-icon button {
  cursor: pointer; }
  .subContent .order-icon button:hover img {
    opacity: 0.7; }

.op_pack_child .product_a-txt {
  margin-left: 1.8em; }

.opp_child_icon {
  margin-right: 3px; }

.bb_none {
  border-bottom: none !important;
  position: relative; }

.bb_none:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 96%;
  height: 1px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAAXNSR0IArs4c6QAAAB9JREFUGFdjZGBgYNi7d+9/EA0Czs7OjCAaTGADOCUACXgEBH6JeI8AAAAASUVORK5CYII=) repeat; }

.order-detail_btn {
  overflow: hidden;
  width: 100%;
  /*----------- 幅を変更する場合は△ボタンの位置を変更すること -------------------------------*/
  height: 45px;
  border: 1px solid #999;
  background: #fff;
  box-sizing: border-box;
  border-radius: 5px;
  /* CSS3草案 */
  margin: 15px 0 0; }
  .order-detail_btn a,
  .order-detail_btn p,
  .order-detail_btn label {
    display: block;
    position: relative;
    z-index: 100;
    text-align: center;
    color: #333;
    height: 45px;
    font-size: 15px;
    line-height: 1.5;
    font-weight: bold;
    text-decoration: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
    .order-detail_btn a::before,
    .order-detail_btn p::before,
    .order-detail_btn label::before {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      right: 3%;
      width: 16px;
      height: 16px;
      margin-top: -9px;
      border-radius: 50%;
      /* CSS3草案 */
      background: #555555; }
    .order-detail_btn a::after,
    .order-detail_btn p::after,
    .order-detail_btn label::after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      right: 3%;
      width: 0;
      height: 0;
      margin-top: -5px;
      border: 4px solid transparent;
      /*top right bottom を透明化 */
      border-left: 6px solid #fff; }
    .order-detail_btn a:hover,
    .order-detail_btn p:hover,
    .order-detail_btn label:hover {
      background: #eeeeee; }
      .order-detail_btn a:hover::after,
      .order-detail_btn p:hover::after,
      .order-detail_btn label:hover::after {
        border-left: 6px solid #fff; }
  .order-detail_btn input {
    display: none; }

.invisible {
  display: none !important; }

.appear {
  display: block !important; }

input[type="checkbox"] {
  display: none; }

input[type="checkbox"] + label {
  display: block;
  font-size: 15px;
  position: relative;
  padding-left: 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 2px;
  position: absolute;
  left: -105px;
  top: 5px;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  background: #f1f1f1; }

input[type="checkbox"]:checked + label:before {
  background: #73803B; }

input[type="checkbox"]:checked + label:after {
  content: '';
  width: 6px;
  height: 10px;
  position: absolute;
  top: 7px;
  left: -99px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

input[type="checkbox"] + .order_op_print {
  display: block;
  font-size: 15px;
  position: relative;
  padding-left: 0;
  cursor: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

input[type="checkbox"] + .order_op_print:before {
  display: none; }

input[type="checkbox"]:checked + .order_op_print:after {
  display: none; }

/* 注文フロースマホ用
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .h2-ttl-order {
    font-size: 20px;
    margin-bottom: 10px; }
    .h2-ttl-order::before {
      content: "";
      width: 20%;
      height: 1px;
      background: #ccc;
      position: absolute;
      top: 50%;
      left: 0; }
    .h2-ttl-order::after {
      content: "";
      width: 20%;
      height: 1px;
      background: #ccc;
      position: absolute;
      top: 50%;
      right: 0; }
    .h2-ttl-order:has(span)::before {
      content: "";
      width: 14%;
      height: 2px;
      background: #696969;
      position: absolute;
      top: 50%;
      left: 0; }
    .h2-ttl-order:has(span)::after {
      content: "";
      width: 14%;
      height: 2px;
      background: #696969;
      position: absolute;
      top: 50%;
      right: 0; }

  .radio {
    margin: 0.5rem 0; }
    .radio input[type="radio"] + .radio-label:before {
      width: 1em;
      height: 1em; }
    .radio input[type="radio"]:checked + .radio-label:before {
      box-shadow: inset 0 0 0 3px #f4f4f4; }
    .radio input[type="radio"]:disabled + .radio-label:before {
      box-shadow: inset 0 0 0 3px #f4f4f4; }

  .priceboardarea {
    width: 100%;
    margin-right: 0; }
    .priceboardarea .order_mds {
      font-size: 1rem; }
    .priceboardarea .order_container {
      width: 99%;
      margin-left: 1%;
      margin-bottom: 40px; }
      .priceboardarea .order_container .order_type .radio .detail_freesample {
        position: absolute;
        background: #fff;
        border: 2px solid #ccc;
        border-radius: 0.5em;
        width: 95%;
        right: -65px;
        padding: 2%;
        text-align: left;
        top: 30px;
        display: none;
        z-index: 2;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        box-sizing: border-box; }
        .priceboardarea .order_container .order_type .radio .detail_freesample::before {
          content: "";
          display: block;
          position: absolute;
          border: none;
          top: -14px;
          left: 14%;
          border-right: 14px solid transparent;
          border-bottom: 14px solid #dcdcdc;
          border-left: 14px solid transparent;
          transform: translate(-50%, 0);
          -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
          z-index: 1; }
        .priceboardarea .order_container .order_type .radio .detail_freesample::after {
          content: "";
          display: block;
          position: absolute;
          border: none;
          top: -11px;
          left: 14%;
          border-right: 13px solid transparent;
          border-bottom: 13px solid #fff;
          border-left: 13px solid transparent;
          transform: translate(-50%, 0);
          -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
          z-index: 1; }
      .priceboardarea .order_container .open-tab-btn {
        margin: 10px 0; }
      .priceboardarea .order_container .product_list {
        width: 96%;
        flex-direction: column;
        flex-wrap: nowrap;
        margin: 20px auto; }
        .priceboardarea .order_container .product_list .product_suryo {
          width: 100%;
          flex-direction: row;
          padding: 10px 0;
          border-right: none;
          align-items: flex-start;
          flex-wrap: wrap; }
          .priceboardarea .order_container .product_list .product_suryo img {
            width: 17%;
            height: auto;
            margin: 0 1% 0 0; }
          .priceboardarea .order_container .product_list .product_suryo .suryo_detail {
            width: 50%; }
            .priceboardarea .order_container .product_list .product_suryo .suryo_detail .zaiko_area {
              margin-top: 10px; }
              .priceboardarea .order_container .product_list .product_suryo .suryo_detail .zaiko_area .zaiko_amount {
                font-size: 18px;
                margin-left: 5px;
                margin-right: 5px; }
            .priceboardarea .order_container .product_list .product_suryo .suryo_detail .product_add {
              height: auto; }
          .priceboardarea .order_container .product_list .product_suryo .order_quantity {
            width: 32%;
            margin: 0;
            align-self: flex-end; }
            .priceboardarea .order_container .product_list .product_suryo .order_quantity input {
              width: 73%;
              font-size: 16px;
              padding: 5px;
              box-sizing: border-box;
              border: 1px solid #555;
              border-radius: 3px; }
          .priceboardarea .order_container .product_list .product_suryo .request_btn {
            margin: 8px auto 0; }
          .priceboardarea .order_container .product_list .product_suryo .favorite_btn {
            top: 10px;
            right: 7px; }
          .priceboardarea .order_container .product_list .product_suryo.zaiko_keppin .suryo_detail {
            width: 80%; }
      .priceboardarea .order_container .order-contents {
        padding: 5px; }
        .priceboardarea .order_container .order-contents .order-left-menu {
          margin: 0 5px 0 0; }
        .priceboardarea .order_container .order-contents .order-right-menu {
          width: 100%;
          margin: 0; }
          .priceboardarea .order_container .order-contents .order-right-menu .no-flex dd .customIcon {
            width: 45px;
            height: auto;
            padding-left: 25px; }
          .priceboardarea .order_container .order-contents .order-right-menu .no-flex dd input[type=checkbox] + label::before {
            width: 15px;
            height: 15px;
            left: -68px;
            border: 1px solid #ccc; }
          .priceboardarea .order_container .order-contents .order-right-menu .no-flex dd input[type=checkbox] + label::after {
            width: 3px;
            height: 7px;
            left: -63px; }
          .priceboardarea .order_container .order-contents .order-right-menu .no-flex dd input[type=checkbox]:checked + label::before {
            background: #73803B; }
          .priceboardarea .order_container .order-contents .order-right-menu .no-flex dd .label_2 .button {
            display: inline-block; }
          .priceboardarea .order_container .order-contents .order-right-menu .no-flex dd .label_2 .annotation {
            width: auto; }
          .priceboardarea .order_container .order-contents .order-right-menu .no-flex .content-detail {
            margin: 15px 0 30px 0; }
            .priceboardarea .order_container .order-contents .order-right-menu .no-flex .content-detail .no-flex dt {
              margin-bottom: 5px; }
            .priceboardarea .order_container .order-contents .order-right-menu .no-flex .content-detail .no-flex dd select {
              padding: 8px 5px;
              font-size: 15px;
              color: #333 !important; }
            .priceboardarea .order_container .order-contents .order-right-menu .no-flex .content-detail .no-flex dd textarea {
              font-size: 15px; }
            .priceboardarea .order_container .order-contents .order-right-menu .no-flex .content-detail .no-flex dd input {
              width: 80%;
              border: 2px solid #ccc;
              padding: 5px;
              font-size: 15px;
              margin-right: 5px;
              color: #333 !important; }
          .priceboardarea .order_container .order-contents .order-right-menu .content-detail {
            margin: 10px 0; }
      .priceboardarea .order_container .custom_list .order-contents2 {
        padding: 5px 2px 20px 5px;
        position: relative; }
        .priceboardarea .order_container .custom_list .order-contents2 .contents2_btn .customIcon {
          padding-left: 15px;
          width: 45px;
          height: auto; }
        .priceboardarea .order_container .custom_list .order-contents2 .contents2_btn .label_comt {
          margin-top: 5px; }
        .priceboardarea .order_container .custom_list .order-contents2 .contents2_btn input[type="checkbox"] + label {
          padding-left: 3px;
          align-self: flex-end; }
          .priceboardarea .order_container .custom_list .order-contents2 .contents2_btn input[type="checkbox"] + label::before {
            width: 15px;
            height: 15px;
            left: -62px;
            top: 10px; }
        .priceboardarea .order_container .custom_list .order-contents2 .contents2_btn input[type="checkbox"]:checked + label::after {
          width: 3px;
          height: 7px;
          left: -57px;
          top: 12px; }
        .priceboardarea .order_container .custom_list .order-contents2 .contents2_btn input[type="checkbox"]:checked + label.mlt::after {
          width: 3px;
          height: 7px;
          left: -57px;
          top: 16px; }
        .priceboardarea .order_container .custom_list .order-contents2 .contents2_btn .button {
          margin-left: 0;
          position: absolute;
          bottom: 5px;
          right: 5px; }
        .priceboardarea .order_container .custom_list .order-contents2 .contents_summary {
          flex-direction: column;
          background: #fff;
          padding: 0; }
          .priceboardarea .order_container .custom_list .order-contents2 .contents_summary .entered {
            width: 100%;
            background: #FAFDF2;
            padding: 7px;
            box-sizing: border-box;
            margin-bottom: 5px; }

  .order-list {
    padding: 0px;
    margin-bottom: 10px; }
    .order-list .order_option .order-left-menu {
      display: flex;
      justify-content: space-between; }
      .order-list .order_option .order-left-menu .option_menu {
        width: 100%;
        text-align: center; }
      .order-list .order_option .order-left-menu .order-division {
        width: 40%;
        margin: 0; }
      .order-list .order_option .order-left-menu h5 {
        margin-bottom: 5px; }
      .order-list .order_option .order-left-menu .order-icon {
        width: 92.6% !important; }
        .order-list .order_option .order-left-menu .order-icon img {
          width: 100% !important; }

  .flow-next {
    margin-bottom: 50px; }

  .flow-next li {
    overflow: hidden;
    width: 70%;
    /*----------- 幅を変更する場合は△ボタンの位置を変更すること -------------------------------*/
    border: 1px solid #999;
    border-radius: 5px;
    margin: 10px auto; }
    .flow-next li a {
      display: block;
      position: relative;
      z-index: 100;
      text-align: center;
      background: #3e9dd1;
      color: #fff;
      font-size: 15px;
      font-weight: bold;
      padding: 10px 0;
      text-decoration: none; }
      .flow-next li a::after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 2%;
        width: 0;
        height: 0;
        margin-top: -5px;
        border: 10px solid transparent;
        /*top right bottom を透明化 */
        border-top: 10px solid #fff; }
      .flow-next li a:hover {
        background: #3eb6dd; }

  .order-detail_btn {
    overflow: hidden;
    width: 100%;
    /*----------- 幅を変更する場合は△ボタンの位置を変更すること -------------------------------*/
    height: auto;
    border: 1px solid #999;
    background: #fff;
    box-sizing: border-box;
    border-radius: 5px;
    /* CSS3草案 */
    margin: 15px auto; }
    .order-detail_btn a {
      display: block;
      position: relative;
      z-index: 100;
      text-align: center;
      color: #333;
      height: auto;
      font-size: 15px;
      padding: 10px 0;
      line-height: 1;
      font-weight: bold;
      text-decoration: none;
      display: flex;
      justify-content: center;
      align-items: center; }
      .order-detail_btn a::before {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 3%;
        width: 16px;
        height: 16px;
        margin-top: -9px;
        border-radius: 50%;
        /* CSS3草案 */
        background: #555555; }
      .order-detail_btn a::after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 3%;
        width: 0;
        height: 0;
        margin-top: -5px;
        border: 4px solid transparent;
        /*top right bottom を透明化 */
        border-left: 6px solid #fff; }
      .order-detail_btn a:hover {
        background: #eeeeee; }
        .order-detail_btn a:hover::after {
          border-left: 6px solid #fff; } }
/* 自動見積り結果
----------------------------------------------- */
.priceboard {
  width: 480px;
  margin-left: 0; }

.fixedpriceboard {
  position: sticky;
  top: 117px;
  height: 90vh;
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.8); }

.fixed_none {
  opacity: 0;
  z-index: -1;
  position: static;
  top: 0;
  margin-left: 0;
  height: auto;
  overflow: auto; }

.fixed_none3 {
  /*position: absolute;*/
  top: 38%;
  /*margin-left: 720px;*/ }

.priceboard-contents {
  border: 1px solid #EB773B;
  border-radius: 10px; }
  .priceboard-contents .priceboard-menu {
    font-weight: bold;
    background: #EB773B;
    height: 48px;
    line-height: 48px;
    font-size: 17px;
    text-align: center;
    color: #fff;
    border-radius: 5px 5px 0 0; }
  .priceboard-contents .priceboard-detail {
    padding: 5px 15px;
    box-sizing: border-box;
    background: #fff;
    max-height: 23vh !important;
    overflow-y: auto; }
    .priceboard-contents .priceboard-detail p {
      font-size: 13px;
      font-weight: bold;
      margin-top: 15px;
      background: #eee;
      border-radius: 5px;
      text-align: center; }
    .priceboard-contents .priceboard-detail dl {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      border-bottom: 1px solid #ccc;
      margin: 5px 0; }
      .priceboard-contents .priceboard-detail dl dt {
        font-size: 12px;
        color: #333;
        width: 50%; }
      .priceboard-contents .priceboard-detail dl dd {
        width: 27%;
        font-size: 12px;
        color: #333;
        margin-left: 1%; }
        .priceboard-contents .priceboard-detail dl dd .discount_price {
          color: #eb4b3b; }
        .priceboard-contents .priceboard-detail dl dd:last-child {
          text-align: right;
          width: 21%; }
    .priceboard-contents .priceboard-detail li {
      font-size: 12px;
      border-bottom: 1px solid #999;
      margin: 5px 20px 10px 0; }
    .priceboard-contents .priceboard-detail .estimate_print_option dl,
    .priceboard-contents .priceboard-detail .estimate_option dl,
    .priceboard-contents .priceboard-detail .estimate_Services dl,
    .priceboard-contents .priceboard-detail .collect_buy dl,
    .priceboard-contents .priceboard-detail .total dl {
      border-bottom: 1px solid #ccc; }
    .priceboard-contents .priceboard-detail .total p {
      background: #999;
      color: #fff; }
    .priceboard-contents .priceboard-detail .total dl:last-child {
      border-bottom: none; }
  .priceboard-contents #price_total {
    background: #FFEDE4;
    padding: 5px 10px;
    box-sizing: border-box;
    width: 96%;
    margin: 1% 2%;
    border-radius: 0 0 5px 5px; }
    .priceboard-contents #price_total dl {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      flex-wrap: wrap;
      margin: 0; }
      .priceboard-contents #price_total dl dt {
        font-size: 17px;
        font-weight: bold;
        color: #333; }
      .priceboard-contents #price_total dl dd {
        font-size: 26px;
        font-weight: bold;
        color: #333; }
        .priceboard-contents #price_total dl dd .price_small {
          font-size: 17px; }
        .priceboard-contents #price_total dl dd.tax_txt {
          width: 100%;
          text-align: right;
          font-size: 15px; }
  .priceboard-contents #estimate_nouki {
    padding: 5px 10px;
    box-sizing: border-box;
    width: 96%;
    margin: 1% 2%;
    border-radius: 0 0 5px 5px; }
    .priceboard-contents #estimate_nouki .nouki_terms {
      font-size: 12px;
      font-weight: bold;
      display: block; }
    .priceboard-contents #estimate_nouki dl {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: baseline;
      margin: 0; }
      .priceboard-contents #estimate_nouki dl dt {
        font-weight: bold;
        font-size: 17px; }
      .priceboard-contents #estimate_nouki dl dd {
        font-size: 17px;
        font-weight: bold; }
        .priceboard-contents #estimate_nouki dl dd.estimate_nouki-tyui .estimate_tyui-muji,
        .priceboard-contents #estimate_nouki dl dd.estimate_nouki-tyui .estimate_tyui-silk,
        .priceboard-contents #estimate_nouki dl dd.estimate_nouki-tyui .estimate_tyui-color,
        .priceboard-contents #estimate_nouki dl dd.estimate_nouki-tyui .estimate_tyui-sample {
          font-weight: normal;
          font-size: 12px;
          margin-top: 10px; }
        .priceboard-contents #estimate_nouki dl dd.estimate_nouki-tyui .list-disc li {
          font-size: 12px; }

.cart_in {
  width: 380px;
  margin: 30px auto 10px auto;
  background-color: #eb4b3b;
  border-radius: 25px; }

.cart_in_a {
  text-align: center;
  padding: 10px 0; }

.cart_in img {
  width: 27px;
  height: 27px;
  vertical-align: -5px;
  margin-right: 24px; }

.cart_in span {
  font-size: 20px;
  font-weight: bold;
  color: #fff; }

.cart_in:hover {
  background-color: #fc6a5b;
  cursor: pointer; }

.estimation_sheet {
  width: 380px;
  margin: 30px auto -10px auto;
  border: 2px solid #eb4b3b;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 25px; }

.estimation_sheet img {
  width: 27px;
  height: 27px;
  vertical-align: -5px;
  margin-right: 24px; }

.estimation_sheet span {
  font-size: 20px;
  font-weight: bold;
  color: #eb4b3b; }

.estimation_sheet:hover {
  cursor: pointer; }
  .estimation_sheet:hover span {
    color: #333333; }

.estimation_sheet_a {
  text-align: center;
  padding: 5px; }

.estim_share_area {
  width: 330px;
  margin: 25px auto 10px;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.estimation_btn {
  width: 270px;
  margin: 0;
  border: 1px solid #787878;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 7px; }
  .estimation_btn:hover {
    border: 1px solid #787878;
    opacity: .8;
    cursor: pointer; }
  .estimation_btn span {
    font-size: 18px;
    font-weight: bold;
    color: #333; }
  .estimation_btn img {
    width: 27px;
    height: 27px;
    vertical-align: -5px;
    margin-right: 15px; }

.estimation_sheet_not {
  width: 270px;
  margin: 0;
  border: 1px solid #ccc;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 7px;
  pointer-events: none; }
  .estimation_sheet_not img {
    width: 27px;
    height: 27px;
    vertical-align: -5px;
    margin-right: 15px; }
  .estimation_sheet_not span {
    font-size: 18px;
    font-weight: bold;
    color: #ccc; }
  .estimation_sheet_not:hover {
    border: 1px solid #ccc;
    cursor: pointer; }
    .estimation_sheet_not:hover span {
      color: #ccc; }

.atena_mitsumori {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px; }
  .atena_mitsumori dd {
    margin-left: 3px; }
    .atena_mitsumori dd input {
      border: 1px solid #696969;
      width: 300px;
      font-size: 100%;
      padding: 5px;
      border-radius: 2px;
      box-sizing: border-box; }
  .atena_mitsumori span {
    margin-left: 3px; }

.estimation_download {
  width: 200px;
  margin: 30px auto 0px auto;
  border: none;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 25px;
  background: #eb4b3b; }
  .estimation_download img {
    vertical-align: -8px;
    margin-right: 6px;
    width: 27px;
    height: 27px; }
  .estimation_download:hover {
    border: none;
    background: #fc6a5b;
    cursor: pointer; }
    .estimation_download:hover span {
      color: #fff; }
  .estimation_download span {
    font-size: 15px;
    font-weight: bold;
    color: #fff; }

.multi_estimation {
  width: 305px;
  margin: 0 auto; }

/* 自動見積りスマホ用
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .itemdetailTable2 .product_a-txt {
    margin-top: 10px; } }
/* 自動見積りスマホ用
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .priceboard_sp {
    width: 100%;
    background: #787878;
    position: fixed;
    bottom: 0;
    margin-left: 0;
    z-index: 100;
    color: #fff;
    left: 0;
    padding-bottom: 30px;
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    visibility: hidden; }
    .priceboard_sp.is-show {
      transform: translateY(0);
      opacity: 1;
      visibility: visible; }
    .priceboard_sp .priceboard_content {
      margin: 10px 6% 5px;
      display: flex;
      justify-content: flex-end;
      align-items: flex-end; }
    .priceboard_sp dl {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 75%; }
      .priceboard_sp dl dt {
        font-size: 1em;
        font-weight: bold;
        color: #fff; }
      .priceboard_sp dl dd {
        font-size: 1rem;
        text-align: right;
        color: #fff; }
        .priceboard_sp dl dd span {
          font-size: 1.5rem;
          margin-right: 2px; }
    .priceboard_sp button {
      vertical-align: bottom; }
      .priceboard_sp button.cart_in {
        width: 70%;
        margin: 0 2% 0 3%; }
        .priceboard_sp button.cart_in div {
          padding: 7px 10px;
          text-align: center; }
        .priceboard_sp button.cart_in img {
          width: 21px;
          height: 21px;
          vertical-align: -6px;
          margin-right: 8px; }
        .priceboard_sp button.cart_in span {
          font-size: 16px; }
      .priceboard_sp button.meisai_btn {
        width: 18%;
        background: #fff;
        margin: 0 3% 0 2%;
        border-radius: 3px; }
        .priceboard_sp button.meisai_btn div {
          padding: 2px 3px 1px 3px;
          text-align: center; }
          .priceboard_sp button.meisai_btn div span {
            font-size: 15px;
            font-weight: bold;
            color: #eb4b3b;
            line-height: 1.4; }
            .priceboard_sp button.meisai_btn div span span {
              display: block;
              font-size: 12px; }
    .priceboard_sp .cart_in_none {
      width: 70%;
      margin: 0 2% 0 3%;
      display: inline-block; }
      .priceboard_sp .cart_in_none .cart_in_a_none {
        padding: 8px 10px; }
        .priceboard_sp .cart_in_none .cart_in_a_none span {
          font-size: 1rem; }

  .priceboard {
    width: 100%;
    float: none; }

  .fixedpriceboard {
    position: static; }

  .priceboard-contents {
    padding: 0;
    padding-bottom: 5px;
    margin-top: 10px; }
    .priceboard-contents .priceboard-menu {
      font-weight: bold;
      border-radius: 5px 5px 0 0; }
    .priceboard-contents .priceboard-detail {
      border: 1px solid #ccc;
      border-top: none;
      border-radius: 0 0 5px 5px;
      padding: 5px 10px;
      border-left: none;
      border-right: none;
      max-height: 45vh !important;
      overflow-y: scroll; }
      .priceboard-contents .priceboard-detail p {
        font-size: 13px;
        font-weight: bold;
        margin-top: 20px; }
      .priceboard-contents .priceboard-detail dl {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #ccc;
        margin: 5px 0; }
        .priceboard-contents .priceboard-detail dl dt {
          font-size: 12px;
          color: #333; }
        .priceboard-contents .priceboard-detail dl dd {
          font-size: 12px;
          color: #333; }
          .priceboard-contents .priceboard-detail dl dd .discount_price {
            color: #eb4b3b; }
      .priceboard-contents .priceboard-detail li {
        font-size: 12px;
        border-bottom: 1px solid #999;
        margin: 5px 20px 10px 0; }
      .priceboard-contents .priceboard-detail #price_total_sp {
        background: #FFEDE4;
        padding: 7px;
        box-sizing: border-box;
        width: 100%;
        margin: 5% 0 1%;
        border-radius: 0; }
        .priceboard-contents .priceboard-detail #price_total_sp dl {
          display: flex;
          justify-content: space-between;
          align-items: baseline;
          margin: 0;
          flex-wrap: wrap;
          border-bottom: none; }
          .priceboard-contents .priceboard-detail #price_total_sp dl dt {
            font-size: 16px;
            font-weight: bold;
            width: 30%; }
          .priceboard-contents .priceboard-detail #price_total_sp dl dd.price_txt {
            font-size: 16px;
            font-weight: bold;
            width: 69%;
            text-align: right; }
          .priceboard-contents .priceboard-detail #price_total_sp dl dd.tax_txt {
            width: 100%; }
      .priceboard-contents .priceboard-detail #estimate_nouki_sp {
        padding: 7px;
        box-sizing: border-box;
        width: 100%;
        margin: 1% 0;
        border-radius: 0; }
        .priceboard-contents .priceboard-detail #estimate_nouki_sp .nouki_terms {
          font-size: 12px;
          font-weight: bold;
          display: block; }
        .priceboard-contents .priceboard-detail #estimate_nouki_sp dl {
          display: flex;
          justify-content: space-between;
          align-items: baseline;
          margin: 0;
          flex-wrap: wrap;
          border-bottom: none; }
          .priceboard-contents .priceboard-detail #estimate_nouki_sp dl dt {
            font-size: 16px;
            font-weight: bold;
            width: 30%; }
          .priceboard-contents .priceboard-detail #estimate_nouki_sp dl dd.estimate_date {
            font-size: 16px;
            font-weight: bold;
            width: 69%;
            text-align: right; }
          .priceboard-contents .priceboard-detail #estimate_nouki_sp dl dd.estimate_nouki-tyui {
            width: 100%;
            text-align: left;
            margin-top: 10px; }
            .priceboard-contents .priceboard-detail #estimate_nouki_sp dl dd.estimate_nouki-tyui ul li {
              border-bottom: none;
              margin: 0 0 0 20px; }

  .cart_in {
    width: 85%;
    margin: 30px auto 10px auto;
    background-color: #eb4b3b;
    border-radius: 25px; }

  .cart_in_a {
    text-align: center;
    padding: 10px 0; }

  .cart_in img {
    width: 21px;
    height: 21px;
    vertical-align: -5px;
    margin-right: 10px; }

  .cart_in span {
    font-size: 1.1rem;
    font-weight: bold;
    color: #fff; }

  .cart_in:hover {
    background-color: #fc6a5b;
    cursor: pointer; }

  .estimation_close {
    margin-top: 50px;
    margin-bottom: 20px; }

  .estimation_close li {
    overflow: hidden;
    width: 30%;
    /*----------- 幅を変更する場合は△ボタンの位置を変更すること -------------------------------*/
    border-radius: 5px;
    margin: 10px auto;
    border: 1px  solid #555;
    line-height: 2.4;
    text-align: center;
    font-weight: bold; }
    .estimation_close li a {
      display: block; }

  /* 見積り修正20230424　*/
  .estimation_btn {
    border: 1px solid #787878;
    border-radius: 7px;
    width: 80%;
    margin: 20px auto 10px; }
    .estimation_btn span {
      font-size: 1.1rem; }
    .estimation_btn img {
      width: 21px;
      height: 21px; }

  .estimation_sheet_not {
    width: 80%;
    margin: 20px auto 10px;
    border: 2px solid #ccc;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 7px;
    pointer-events: none; }
    .estimation_sheet_not img {
      width: 21px;
      height: 21px;
      vertical-align: -5px;
      margin-right: 24px; }
    .estimation_sheet_not span {
      font-size: 1.1rem;
      font-weight: bold;
      color: #ccc; }
    .estimation_sheet_not:hover {
      border: 2px solid #ccc;
      cursor: pointer; }
      .estimation_sheet_not:hover span {
        color: #ccc; }

  .atena_mitsumori {
    justify-content: flex-start;
    margin-bottom: 10px; }
    .atena_mitsumori dt {
      width: 7em;
      margin-right: 0px;
      text-align: left; }
    .atena_mitsumori dd {
      width: 100%; }
      .atena_mitsumori dd input {
        width: 90%;
        padding: 8px 5px;
        border: 1px solid #555; }

  .sp_mitsumori {
    display: inline-block;
    padding: 5px 0;
    text-align: center;
    width: 45%;
    margin: 0px 0px 5px 13px;
    font-size: 11px;
    font-weight: bold;
    background-color: #fff;
    border-radius: 25px; }
    .sp_mitsumori img {
      width: 21px;
      height: 21px;
      vertical-align: -6px;
      margin-right: 8px; }
    .sp_mitsumori span {
      font-size: 12px;
      color: #eb4b3b; }

  .open-priceboard {
    padding: 0 3%;
    overflow: scroll; }

  .open-priceboard_ttl {
    text-align: center;
    font-size: 16px;
    line-height: 48px;
    margin-bottom: 10px;
    background: #eeeeee;
    position: absolute;
    top: 0;
    width: 106%;
    margin-left: -3%; }

  input[type="checkbox"] {
    display: none; }

  input[type="checkbox"] + label {
    display: block;
    position: relative;
    padding-left: 0.3rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; }

  input[type="checkbox"] + label:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border: 1px solid #555;
    box-sizing: border-box;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 10%; }

  input[type="checkbox"]:checked + label:before {
    background: #555; }

  input[type="checkbox"]:checked + label:after {
    content: '';
    width: 3px;
    height: 7px;
    position: absolute;
    top: 18%;
    left: 5px;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

  .invisible {
    display: none !important; }

  .iziModal-header-title {
    font-size: 16px !important;
    font-weight: normal !important;
    color: #333 !important;
    text-align: center !important;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }

  .iziModal .iziModal-header {
    box-shadow: none !important; }

  .iziModal .iziModal-button-close {
    background: none !important;
    opacity: 1 !important;
    transition: none !important;
    position: relative; }
    .iziModal .iziModal-button-close::before, .iziModal .iziModal-button-close::after {
      display: block;
      content: "";
      position: absolute;
      top: 65%;
      left: 50%;
      width: 18px;
      height: 2px;
      margin: -20% 0 0 -25%;
      background: #555; }
    .iziModal .iziModal-button-close::before {
      transform: rotate(-45deg); }
    .iziModal .iziModal-button-close::after {
      transform: rotate(45deg); }

  .iziModal .iziModal-header {
    padding-right: 0 !important; }

  .order_jumpbtn {
    width: 100%;
    background: #ffffff;
    position: fixed;
    bottom: 0;
    margin-left: 0;
    z-index: 100;
    color: #fff;
    left: 0;
    padding-bottom: 30px;
    box-shadow: 0px -3px 6px 0px rgba(170, 170, 170, 0.45); }
    .order_jumpbtn a {
      background: #eb4b3b;
      color: #fff;
      width: 90%;
      display: block;
      margin: 4% auto auto;
      font-size: 15px;
      font-weight: bold;
      text-align: center;
      padding: 10px;
      box-sizing: border-box;
      border-radius: 25px;
      position: relative; }
      .order_jumpbtn a span::after {
        content: '';
        width: 8px;
        height: 8px;
        border: 0px;
        border-top: solid 3px #fff;
        border-right: solid 3px #fff;
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
        right: 10%;
        top: 28%; } }
/* foot
----------------------------------------------- */
#foot1 {
  margin-top: 0; }

/* 07detail
----------------------------------------------- */
button[type="submit"] {
  overflow: hidden;
  width: 240px;
  /*----------- 幅を変更する場合は△ボタンの位置を変更すること -------------------------------*/
  height: 35px;
  border: 1px solid #999;
  border-radius: 5px;
  /* CSS3草案 */
  display: block;
  position: relative;
  z-index: 100;
  text-align: center;
  background: #fff;
  color: #333;
  font-size: 15px;
  font-weight: bold;
  line-height: 3px;
  text-decoration: none; }

button[type="submit"]:hover {
  background: #eeeeee;
  /* マウスオーバーカラー */
  cursor: pointer;
  cursor: hand; }

button[type="submit"]:before {
  /*白い丸 */
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 210px;
  /*----------- ボタン幅を変更する場合はボタン幅-30pxの数字で変更すること -------------------------------*/
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border-radius: 50%;
  /* CSS3草案 */
  background: #555555; }

button[type="submit"]:after {
  /*「after要素」で三角 */
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 216px;
  /*----------- ボタン幅を変更する場合はボタン幅-24pxの数字で変更すること -------------------------------*/
  width: 0;
  height: 0;
  margin-top: -4px;
  border: 4px solid transparent;
  /*top right bottom を透明化 */
  border-left: 6px solid #fff; }

button[type="submit"]:hover:after {
  /*「after要素」のマウスオーバー（カラーを合わせる） */
  border-left: 6px solid #fff; }

.open-filter {
  width: 100%; }

.filter_on {
  overflow: hidden;
  width: 80%;
  /*----------- 幅を変更する場合は△ボタンの位置を変更すること -------------------------------*/
  border-radius: 5px;
  margin: 10px auto; }
  .filter_on li {
    display: block;
    position: relative;
    z-index: 100;
    text-align: center;
    background: #ffa500;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 0;
    text-decoration: none; }

/* 在庫欠品時対応
----------------------------------------------- */
.zaiko_arrival {
  font-size: 12px;
  margin: 0;
  color: #333;
  margin-top: 5px; }
  .zaiko_arrival .arrival {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0.1em; }

.zaiko_quantity_none {
  font-size: 22px;
  margin: 0 5px;
  font-weight: bold;
  color: #eb4b3b;
  letter-spacing: 0.05em; }
  .zaiko_quantity_none .none_innner {
    font-size: 15px;
    color: #333; }

.cart_in_none {
  width: 380px;
  margin: 30px auto 10px auto;
  background-color: #999;
  border-radius: 25px; }

.cart_in_a_none {
  text-align: center;
  padding: 10px 0; }

.cart_in_none img {
  width: 27px;
  height: 27px;
  vertical-align: -5px;
  margin-right: 24px; }

.cart_in_none span {
  font-size: 20px;
  font-weight: bold;
  color: #fff; }

.razy {
  display: none; }

#loading {
  display: none; }

#loading {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center; }

@media only screen and (max-width: 640px) {
  #loading {
    position: absolute;
    top: 150px; }

  .razy {
    padding-top: 0px; }

  .cart_in_none {
    width: 85%;
    margin: 30px auto 30px auto;
    background-color: #999;
    border-radius: 25px; }

  .cart_in_none span {
    font-size: 1.1rem;
    font-weight: bold;
    color: #fff; } }
.mo_txt {
  width: 90%;
  margin: 0 auto 20px;
  text-align: left; }

/* 下部コンテンツ0411 */
.QAbox {
  margin-bottom: 40px;
  margin-left: 15px; }
  .QAbox .question {
    background: url(/img/00common/icon-Qmark.svg) no-repeat;
    background-size: 30px 30px;
    padding-left: 40px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px; }
  .QAbox .answer {
    background: url(/img/00common/icon-Amark.svg) no-repeat;
    background-size: 30px 30px;
    padding-left: 40px;
    font-size: 15px;
    height: 30px;
    display: inline-block; }
  .QAbox .a-QA {
    margin-left: 40px;
    margin-top: 5px; }
  @media only screen and (max-width: 640px) {
    .QAbox .QAbox {
      margin-left: 1%; }
    .QAbox .question {
      padding-top: 4px;
      font-size: 16px;
      line-height: 1.75; }
    .QAbox .answer {
      font-size: 16px;
      margin-bottom: 10px;
      padding-top: 4px; } }

.monodukuri {
  display: block;
  margin: 20px auto;
  width: 650px;
  height: auto;
  border: 1px solid #ccc;
  box-sizing: border-box; }
  @media only screen and (max-width: 640px) {
    .monodukuri {
      width: 100%;
      margin-bottom: 40px; } }

.threed_icon {
  flex: 0 1 70px;
  margin-bottom: 20px;
  box-sizing: border-box; }
  .threed_icon:hover {
    cursor: pointer; }
  @media only screen and (max-width: 640px) {
    .threed_icon {
      flex: 0 1 15.8%;
      margin-bottom: 1%; } }

.open-options4, .open-options5, .open-options6, .open-options28 {
  margin: 0 !important; }

.order-product {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 6px;
  width: 100%; }
  .order-product .radio {
    width: 217px;
    margin-left: 9px;
    box-sizing: border-box;
    text-align: center;
    border: 3px solid transparent;
    position: relative; }
    .order-product .radio:first-child {
      margin-left: 0; }
    .order-product .radio:hover {
      border: 3px solid #999; }
    .order-product .radio input[type="radio"] + .radio-label {
      height: 6em;
      border: 1px solid #ccc;
      display: block;
      padding: 4px;
      box-sizing: border-box;
      color: #333; }
      .order-product .radio input[type="radio"] + .radio-label::before {
        display: block;
        margin: 0 auto 10px; }
      .order-product .radio input[type="radio"] + .radio-label:hover {
        cursor: pointer; }
    .order-product .radio .detail_productprint {
      position: absolute;
      background: #fff;
      border: 2px solid #ccc;
      border-radius: 0.5em;
      width: 300px;
      left: 50%;
      padding: 4%;
      text-align: left;
      top: 102px;
      display: none;
      z-index: 2;
      transform: translate(-50%, 0);
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      box-sizing: border-box; }
      .order-product .radio .detail_productprint::before {
        content: "";
        display: block;
        position: absolute;
        top: -20px;
        left: 50%;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #dcdcdc;
        border-left: 20px solid transparent;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0); }
      .order-product .radio .detail_productprint::after {
        content: "";
        display: block;
        position: absolute;
        top: -16px;
        left: 50%;
        border-right: 19px solid transparent;
        border-bottom: 19px solid #fff;
        border-left: 19px solid transparent;
        z-index: 10;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0); }
      .order-product .radio .detail_productprint p {
        font-size: 12px; }
    .order-product .radio .detail_productmuji {
      position: absolute;
      background: #fff;
      border: 2px solid #ccc;
      border-radius: 0.5em;
      width: 300px;
      left: 0;
      padding: 4%;
      text-align: left;
      top: 102px;
      display: none;
      z-index: 2;
      box-sizing: border-box; }
      .order-product .radio .detail_productmuji::before {
        content: "";
        display: block;
        position: absolute;
        top: -20px;
        left: 86px;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #dcdcdc;
        border-left: 20px solid transparent; }
      .order-product .radio .detail_productmuji::after {
        content: "";
        display: block;
        position: absolute;
        top: -16px;
        left: 87px;
        border-right: 19px solid transparent;
        border-bottom: 19px solid #fff;
        border-left: 19px solid transparent;
        z-index: 10; }
      .order-product .radio .detail_productmuji p {
        font-size: 12px; }
    .order-product .radio .detail_freesample {
      position: absolute;
      background: #fff;
      border: 2px solid #ccc;
      border-radius: 0.5em;
      width: 300px;
      right: 0;
      padding: 4%;
      text-align: left;
      top: 102px;
      display: none;
      z-index: 2;
      box-sizing: border-box; }
      .order-product .radio .detail_freesample::before {
        content: "";
        display: block;
        position: absolute;
        top: -20px;
        left: 174px;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #dcdcdc;
        border-left: 20px solid transparent; }
      .order-product .radio .detail_freesample::after {
        content: "";
        display: block;
        position: absolute;
        top: -16px;
        left: 175px;
        border-right: 19px solid transparent;
        border-bottom: 19px solid #fff;
        border-left: 19px solid transparent;
        z-index: 10; }
      .order-product .radio .detail_freesample p {
        font-size: 12px; }
  .order-product .not_select input[type="radio"] + .radio-label {
    background: #ccc; }
  .order-product .not_select input[type="radio"]:disabled + .radio-label::before {
    box-shadow: none;
    border-color: #ccc;
    background: #ccc; }
  .order-product .not_select:hover {
    border: 3px solid transparent; }
  @media only screen and (max-width: 640px) {
    .order-product {
      padding: 10px 1%;
      width: 98%; }
      .order-product .radio {
        width: 33%;
        margin-left: 2%; }
        .order-product .radio input[type="radio"] + .radio-label {
          height: 7em;
          font-size: 12px; }
        .order-product .radio .detail_productprint {
          width: 300%;
          top: 90px; }
          .order-product .radio .detail_productprint::before {
            top: -14px;
            left: 50%;
            border-right: 14px solid transparent;
            border-bottom: 14px solid #dcdcdc;
            border-left: 14px solid transparent; }
          .order-product .radio .detail_productprint::after {
            top: -11px;
            left: 50%;
            border-right: 13px solid transparent;
            border-bottom: 13px solid #fff;
            border-left: 13px solid transparent; }
          .order-product .radio .detail_productprint p {
            font-size: 10px; }
        .order-product .radio .detail_productmuji {
          width: 300%;
          top: 90px; }
          .order-product .radio .detail_productmuji::before {
            top: -14px;
            left: 16%;
            border-right: 14px solid transparent;
            border-bottom: 14px solid #dcdcdc;
            border-left: 14px solid transparent;
            transform: translate(-50%, 0);
            -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0); }
          .order-product .radio .detail_productmuji::after {
            top: -11px;
            left: 16%;
            border-right: 13px solid transparent;
            border-bottom: 13px solid #fff;
            border-left: 13px solid transparent;
            transform: translate(-50%, 0);
            -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0); }
          .order-product .radio .detail_productmuji p {
            font-size: 10px; }
        .order-product .radio .detail_freesample {
          width: 300%;
          top: 90px; }
          .order-product .radio .detail_freesample::before {
            top: -14px;
            left: 84%;
            border-right: 14px solid transparent;
            border-bottom: 14px solid #dcdcdc;
            border-left: 14px solid transparent;
            transform: translate(-50%, 0);
            -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0); }
          .order-product .radio .detail_freesample::after {
            top: -11px;
            left: 84%;
            border-right: 13px solid transparent;
            border-bottom: 13px solid #fff;
            border-left: 13px solid transparent;
            transform: translate(-50%, 0);
            -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0); }
          .order-product .radio .detail_freesample p {
            font-size: 10px; } }

.print-contents-area {
  margin-top: 15px; }
  .print-contents-area .print-contents {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ccc;
    margin: 0 0 15px; }
    .print-contents-area .print-contents .order-left-menu {
      width: 420px;
      margin: 0px;
      padding: 15px 15px 20px;
      order: 2; }
      .print-contents-area .print-contents .order-left-menu h5 {
        font-weight: bold;
        margin: 40px 0 10px; }
        .print-contents-area .print-contents .order-left-menu h5:first-child {
          margin-top: 0; }
        .print-contents-area .print-contents .order-left-menu h5:nth-child(n+2) {
          border-top: 1px solid #ccc;
          padding-top: 10px;
          margin-top: 15px; }
      .print-contents-area .print-contents .order-left-menu .icon_description {
        text-align: center;
        font-size: 80%; }
      .print-contents-area .print-contents .order-left-menu .order-division {
        display: flex;
        margin: 0;
        justify-content: center; }
        .print-contents-area .print-contents .order-left-menu .order-division .order-icon {
          position: relative;
          text-align: center;
          width: 110px; }
          .print-contents-area .print-contents .order-left-menu .order-division .order-icon button img {
            width: 84px;
            height: 84px; }
          .print-contents-area .print-contents .order-left-menu .order-division .order-icon .order-font {
            margin-top: 0.3rem;
            margin-bottom: 0.3rem;
            font-size: 10px;
            text-align: center;
            line-height: 1.2; }
          .print-contents-area .print-contents .order-left-menu .order-division .order-icon .order-font2 {
            height: 24px;
            margin-top: 0.3rem;
            margin-bottom: 0.3rem;
            font-size: 10px;
            text-align: center;
            line-height: 1.2; }
      .print-contents-area .print-contents .order-left-menu .order-choice2 {
        margin: 10px 0 20px;
        display: block; }
        .print-contents-area .print-contents .order-left-menu .order-choice2 p {
          font-size: 14px; }
          .print-contents-area .print-contents .order-left-menu .order-choice2 p img {
            margin-left: 7px;
            vertical-align: top;
            display: inline-block; }
            .print-contents-area .print-contents .order-left-menu .order-choice2 p img:hover {
              opacity: .8;
              cursor: pointer; }
        .print-contents-area .print-contents .order-left-menu .order-choice2 select {
          border: 2px solid #ccc;
          padding: 5px;
          width: 100%;
          color: #333; }
        .print-contents-area .print-contents .order-left-menu .order-choice2 textarea {
          width: 284px;
          height: 5.7em;
          resize: none;
          overflow: auto;
          border: 2px solid #ccc;
          width: 100%;
          box-sizing: border-box;
          border: 2px solid #ccc;
          padding: 5px; }
    .print-contents-area .print-contents .order-right-menu {
      width: 100px;
      margin: 0px;
      padding: 15px;
      order: 1; }
      .print-contents-area .print-contents .order-right-menu .print_txt_area {
        margin-top: 10px; }
      .print-contents-area .print-contents .order-right-menu .print_txt_area2 {
        margin-bottom: 10px; }
      .print-contents-area .print-contents .order-right-menu .product_division {
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        margin-bottom: 20px !important;
        align-items: flex-start !important; }
        .print-contents-area .print-contents .order-right-menu .product_division dd div:first-child {
          margin-top: 0; }
        .print-contents-area .print-contents .order-right-menu .product_division dd div:nth-child(2) {
          margin-bottom: 0.8rem; }
      .print-contents-area .print-contents .order-right-menu .print_img {
        width: 100%;
        text-align: center;
        margin-bottom: 10px; }
        .print-contents-area .print-contents .order-right-menu .print_img a {
          position: relative; }
        .print-contents-area .print-contents .order-right-menu .print_img a::before {
          content: "";
          display: block;
          width: 30px;
          height: 30px;
          border: solid 1px #ccc;
          border-radius: 15px;
          background: url(/img/00common/modal_icon.svg) no-repeat center center rgba(255, 255, 255, 0.8);
          background-size: 15px;
          position: absolute;
          right: 0;
          bottom: -36px;
          opacity: 1;
          transition: opacity 0.6s 0s ease;
          z-index: 100; }
        .print-contents-area .print-contents .order-right-menu .print_img img {
          width: 90px;
          height: 90px;
          position: relative; }
        .print-contents-area .print-contents .order-right-menu .print_img p {
          margin-top: 10px;
          font-size: 13px;
          line-height: 1; }
  .print-contents-area .btn_box {
    display: flex;
    justify-content: space-between;
    padding: 20px 45px;
    align-items: center; }
    .print-contents-area .btn_box .btn_box_btn {
      width: 48%; }
  @media only screen and (max-width: 640px) {
    .print-contents-area .print-contents {
      margin: 0 0 10px 0; }
      .print-contents-area .print-contents .order-left-menu {
        padding: 2% 1%;
        width: 76%; }
        .print-contents-area .print-contents .order-left-menu .order-choice2 select {
          padding: 8px 5px;
          font-size: 13px; }
      .print-contents-area .print-contents .order-right-menu {
        padding: 2% 1%;
        width: 20%;
        height: auto; }
        .print-contents-area .print-contents .order-right-menu .print_img {
          width: 100%;
          height: auto;
          text-align: center;
          margin-bottom: 10px;
          margin-top: 10px; }
          .print-contents-area .print-contents .order-right-menu .print_img a::before {
            bottom: 0; }
          .print-contents-area .print-contents .order-right-menu .print_img img {
            width: 100%;
            height: auto;
            position: relative; }
    .print-contents-area .btn_box {
      display: block;
      padding: 15px 2%; }
      .print-contents-area .btn_box .btn_box_btn {
        width: 100%; } }

.zaiko_display p {
  text-align: left; }
.zaiko_display input[type="checkbox"] + label {
  display: inline-block; }
  .zaiko_display input[type="checkbox"] + label::before {
    left: -15px;
    box-shadow: none; }
  @media screen and (max-width: 640px) {
    .zaiko_display input[type="checkbox"] + label {
      padding-left: 1.3rem; } }
.zaiko_display input[type="checkbox"]:checked + label::before {
  background: #555; }
.zaiko_display input[type="checkbox"]:checked + label::after {
  left: -9px; }

/* 未入力、未選択　*/
.required_txt, .required_txt_print {
  font-size: 13px;
  font-weight: bold;
  color: #eb4b3b !important; }

.required_txt_print {
  font-size: 15px;
  padding: 10px 0 0 15px; }
  @media screen and (max-width: 640px) {
    .required_txt_print {
      font-size: 100%;
      padding: 10px 0 0 2%; } }

.date_block {
  width: 185px;
  padding: 5px;
  border: 2px solid #ccc;
  box-sizing: border-box;
  height: 34px;
  margin-right: 20px; }

#print_basic {
  padding: 20px;
  width: 610px;
  background: #FCFADD;
  box-sizing: border-box;
  margin-left: 0;
  margin-top: -20px; }
  @media only screen and (max-width: 640px) {
    #print_basic {
      padding: 2%;
      width: 99%;
      margin: 0 auto; } }

.basic_mL {
  margin-left: 1.8em; }

.silk_same_edition {
  padding: 2% 3% 4%;
  width: 94%;
  background-color: #FCFADD; }
  .silk_same_edition p {
    font-size: 12px; }
  .silk_same_edition span {
    font-weight: bold;
    font-size: 15px; }
  .silk_same_edition .silk_edition_btn {
    overflow: hidden;
    width: 100%;
    height: 42px;
    border: 1px solid #999;
    background: #fff;
    box-sizing: border-box;
    border-radius: 5px;
    /* CSS3草案 */
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    font-weight: bold;
    text-decoration: none !important;
    position: relative; }
    .silk_same_edition .silk_edition_btn a {
      line-height: 42px;
      text-align: center;
      color: #333;
      display: block; }
      .silk_same_edition .silk_edition_btn a:hover {
        text-decoration: none; }
    .silk_same_edition .silk_edition_btn::before {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      right: 3%;
      width: 16px;
      height: 16px;
      margin-top: -9px;
      border-radius: 50%;
      /* CSS3草案 */
      background: #555555; }
    .silk_same_edition .silk_edition_btn::after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      right: 3%;
      width: 0;
      height: 0;
      margin-top: -5px;
      border: 4px solid transparent;
      /*top right bottom を透明化 */
      border-left: 6px solid #fff; }
    .silk_same_edition .silk_edition_btn:hover {
      background: #eeeeee; }
      .silk_same_edition .silk_edition_btn:hover::after {
        border-left: 6px solid #fff; }

@media only screen and (max-width: 640px) {
  .basic_mL {
    margin-left: 1.5em; } }
/* デザイン仕様　モーダル */
.modal-print-choice {
  text-align: left; }
  .modal-print-choice .print_type {
    height: auto;
    max-height: 80vh;
    padding: 25px 20px 0 0;
    margin-top: 0;
    overflow: auto; }
  .modal-print-choice .radio {
    margin: 0 0 30px 40px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 10px; }
    .modal-print-choice .radio:hover {
      cursor: pointer;
      opacity: 0.6; }
    .modal-print-choice .radio input[type="radio"] + .radio-label {
      font-weight: bold;
      position: relative; }
      .modal-print-choice .radio input[type="radio"] + .radio-label .pc_imgP {
        max-width: 630px;
        display: block;
        width: 100%; }
      .modal-print-choice .radio input[type="radio"] + .radio-label .sp_imgP {
        display: none; }
      .modal-print-choice .radio input[type="radio"] + .radio-label:before {
        left: -2.4em;
        border: 2px solid #009a9a;
        margin-top: -10px;
        top: 50%;
        left: -35px;
        margin-left: 0;
        width: 20px;
        height: 20px;
        position: absolute;
        transform: translate(-50%, 0); }
    .modal-print-choice .radio input[type="radio"]:checked + .radio-label:before {
      background-color: #009a9a; }
    .modal-print-choice .radio span {
      margin-top: -26px;
      display: block; }
  .modal-print-choice .print_Kind {
    display: none; }
    .modal-print-choice .print_Kind select {
      border: 2px solid #ccc;
      padding: 5px;
      width: 50%;
      color: #333;
      display: block; }
  .modal-print-choice .print_Kind_non select {
    border: 2px solid #ccc;
    padding: 5px;
    width: 50%;
    color: #333;
    display: block; }
  .modal-print-choice .print_Kind_non .detail_print {
    width: 50%;
    display: inline-block;
    vertical-align: top; }
    .modal-print-choice .print_Kind_non .detail_print + .product_a-txt {
      margin: 10px 10px 0; }
    .modal-print-choice .print_Kind_non .detail_print select {
      width: 100%; }
  .modal-print-choice .required {
    font-weight: bold;
    color: #eb4b3b;
    display: none; }
  .modal-print-choice .kantan_login_txt {
    margin-top: 40px;
    font-weight: bold; }
  .modal-print-choice .kantandesign_btn {
    width: 50%;
    margin: 40px auto 20px auto; }
  .modal-print-choice .remodal-close_txt {
    margin: 0 auto;
    display: block; }
  .modal-print-choice .kantandesign_start {
    margin-bottom: 20px; }
  @media only screen and (max-width: 640px) {
    .modal-print-choice .radio {
      margin: 0 0 30px 30px; }
      .modal-print-choice .radio input[type="radio"] + .radio-label {
        font-size: 13px; }
        .modal-print-choice .radio input[type="radio"] + .radio-label .pc_imgP {
          display: none; }
        .modal-print-choice .radio input[type="radio"] + .radio-label .sp_imgP {
          display: block; }
        .modal-print-choice .radio input[type="radio"] + .radio-label:before {
          left: -2.4em;
          border: 2px solid #009a9a;
          margin-top: -10px;
          left: -25px;
          margin-left: 0;
          width: 12px;
          height: 12px; }
      .modal-print-choice .radio input[type="radio"]:checked + .radio-label:before {
        background-color: #009a9a; }
      .modal-print-choice .radio span {
        margin-top: -13px; }
    .modal-print-choice .print_Kind, .modal-print-choice .print_Kind_non {
      width: 100%;
      color: #333;
      position: relative; }
      .modal-print-choice .print_Kind select, .modal-print-choice .print_Kind_non select {
        width: 100%;
        font-size: 13px; }
      .modal-print-choice .print_Kind::after, .modal-print-choice .print_Kind_non::after {
        content: "▼";
        color: #555;
        position: absolute;
        right: 3%;
        font-size: 12px;
        top: 10px;
        z-index: 1;
        text-align: center;
        pointer-events: none; }
    .modal-print-choice .print_Kind_non {
      width: 100%;
      color: #333;
      position: relative; }
      .modal-print-choice .print_Kind_non .detail_print {
        width: 100%; }
        .modal-print-choice .print_Kind_non .detail_print select {
          width: 100%;
          font-size: 13px; }
        .modal-print-choice .print_Kind_non .detail_print::after {
          content: "▼";
          color: #555;
          position: absolute;
          right: 3%;
          font-size: 12px;
          top: 10px;
          z-index: 1;
          text-align: center;
          pointer-events: none; }
    .modal-print-choice .kantandesign_btn {
      width: 100%; } }

/* タグ　モーダル */
.oricolor_choice {
  position: relative; }
  .oricolor_choice::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 13px;
    right: 10px;
    width: 0;
    height: 0;
    border: 4px dashed;
    border-color: #333 transparent;
    pointer-events: none;
    border-bottom-style: solid;
    border-top: none; }
  .oricolor_choice::after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 13px;
    right: 10px;
    width: 0;
    height: 0;
    border: 4px dashed;
    border-color: #333 transparent;
    pointer-events: none;
    margin-top: 7px;
    border-top-style: solid;
    border-bottom: none; }
  .oricolor_choice #ori_color_chice {
    border: 2px solid #ccc;
    padding: 8px 25px 8px 5px;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer; }
    .oricolor_choice #ori_color_chice::placeholder {
      color: #333; }
  .oricolor_choice .oricolor .oricolor_list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    height: 200px;
    overflow-y: scroll;
    margin: 5px 0 20px; }
  .oricolor_choice .oricolor input[type="checkbox"] + label img {
    border: 1px solid #ccc;
    box-sizing: border-box; }

.modal-oricolor-choice .oricolor_list {
  height: auto;
  max-height: 80vh;
  padding-right: 10px;
  margin-top: 0;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow: auto;
  margin: 15px 0 20px 0; }
  .modal-oricolor-choice .oricolor_list input[type="checkbox"] {
    opacity: 0;
    position: absolute; }
    .modal-oricolor-choice .oricolor_list input[type="checkbox"] + label {
      position: relative;
      padding: 10px;
      border: 1px solid #ccc;
      margin-top: 50px;
      text-align: center;
      border-radius: 5px;
      text-align: center;
      width: 130px;
      margin-right: 10px;
      box-sizing: border-box; }
      .modal-oricolor-choice .oricolor_list input[type="checkbox"] + label::before {
        position: absolute;
        left: 50%;
        top: -30px;
        transform: translate(-50%, 0);
        width: 20px;
        height: 20px; }
      .modal-oricolor-choice .oricolor_list input[type="checkbox"] + label::after {
        top: -28px;
        left: 48%;
        width: 4px;
        height: 10px; }
      .modal-oricolor-choice .oricolor_list input[type="checkbox"] + label:hover {
        opacity: 0.6; }
      .modal-oricolor-choice .oricolor_list input[type="checkbox"] + label img {
        border: 1px solid #ccc;
        box-sizing: content-box; }
  @media only screen and (max-width: 640px) {
    .modal-oricolor-choice .oricolor_list {
      justify-content: space-between; }
      .modal-oricolor-choice .oricolor_list input[type="checkbox"] + label {
        width: 48%;
        margin-right: 0; } }
.modal-oricolor-choice button span {
  width: 180px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #99ab4e;
  border-radius: 5px;
  font-weight: bold;
  color: #fff; }
  .modal-oricolor-choice button span:hover {
    opacity: 0.6; }

/* 出荷日目安 モーダル
----------------------------------------------- */
.item_nouki_box {
  position: fixed;
  z-index: 5100;
  bottom: 45px;
  left: 20px; }
  .item_nouki_box.js_close {
    display: none; }

.item_nouki_more img {
  width: 250px;
  height: auto; }

.item_nouki_more:hover {
  cursor: pointer; }

.item_nouki_btn_close {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 10px;
  top: -5px;
  background: #f3f3f3;
  cursor: pointer; }
  .item_nouki_btn_close span:nth-of-type(1) {
    position: absolute;
    top: 7px;
    right: 0;
    width: 15px;
    height: 1px;
    background-color: #000;
    transform: rotate(45deg); }
  .item_nouki_btn_close span:nth-of-type(2) {
    position: absolute;
    top: 0;
    right: 7px;
    width: 1px;
    height: 15px;
    background-color: #000;
    transform: rotate(45deg); }

@media only screen and (max-width: 640px) {
  .item_nouki_box {
    position: fixed;
    z-index: 101;
    bottom: 78px;
    left: 0px;
    transition: bottom 0.3s ease; }
    .item_nouki_box.is-up {
      bottom: 105px; }

  .item_nouki_more img {
    width: 150px;
    height: auto; } }
.remodal.itemNouki label {
  display: block;
  text-align: left;
  width: 96%;
  margin: 0 auto; }
.remodal.itemNouki select {
  width: 96%;
  font-size: 15px;
  padding: 10px;
  border: 2px solid #ccc;
  margin: 5px auto 10px;
  display: block; }
.remodal.itemNouki .itemNouki-contents {
  background: #f6f6f6;
  padding: 15px 20px 10px; }
.remodal.itemNouki .itemNouki_ttl {
  font-weight: bold; }
.remodal.itemNouki .itemNouki_display {
  width: 96%;
  margin: 0 auto;
  max-height: 600px; }
  .remodal.itemNouki .itemNouki_display table {
    width: 99%;
    margin-bottom: 10px;
    border-collapse: collapse; }
    .remodal.itemNouki .itemNouki_display table th, .remodal.itemNouki .itemNouki_display table td {
      border: 1px solid #ccc; }
    .remodal.itemNouki .itemNouki_display table th {
      width: 33%;
      text-align: left;
      padding: 1% 0 0.5% 4%;
      background: #f3f3f3;
      font-weight: normal;
      line-height: 1.5;
      font-size: 14px; }
      .remodal.itemNouki .itemNouki_display table th span {
        font-size: 12px; }
    .remodal.itemNouki .itemNouki_display table td {
      font-size: 15px;
      font-weight: bold;
      color: #eb4b3b;
      padding: 1% 2%;
      background: #fff;
      text-align: center; }
      .remodal.itemNouki .itemNouki_display table td .itemNouki_zaiko {
        font-size: 14px;
        font-weight: normal;
        color: #333333; }
        .remodal.itemNouki .itemNouki_display table td .itemNouki_zaiko span {
          font-size: 15px;
          font-weight: bold; }
.remodal.itemNouki .itemNouki_print th {
  text-align: center !important;
  padding: 1% 0 !important; }
.remodal.itemNouki .itemNouki_dyna_sp {
  display: none !important; }
@media only screen and (max-width: 640px) {
  .remodal.itemNouki .itemNouki_display {
    width: 100%;
    margin: 0;
    height: 70vh;
    overflow-y: scroll; }
    .remodal.itemNouki .itemNouki_display table th {
      display: block;
      width: 100%;
      text-align: center;
      padding: 1.5% 0;
      background: #f3f3f3;
      font-weight: normal;
      margin-bottom: -1px; }
    .remodal.itemNouki .itemNouki_display table td {
      display: block;
      padding: 4% 0;
      width: 100%;
      font-size: 15px;
      font-weight: bold;
      color: #eb4b3b;
      text-align: center;
      line-height: 0.9; }
  .remodal.itemNouki .itemNouki_print {
    display: none !important; }
  .remodal.itemNouki .itemNouki_dyna_sp {
    display: block !important;
    font-size: 14px;
    font-weight: normal;
    color: #555555; }
    .remodal.itemNouki .itemNouki_dyna_sp span {
      font-size: 15px;
      font-weight: bold;
      color: #eb4b3b; } }
@media only screen and (max-width: 640px) {
  .remodal.itemNouki .modal-silksame .button {
    margin: 10px 0; } }

/* 短納期 非表示 */
#quick_delivery_link {
  display: none; }

/* お知らせエリア 202601 */
#discontinued_area, #substitute_area {
  padding: 10px 1%;
  background: #eee;
  margin: 10px 0; }

.discontinued_txt, .substitute_ttl {
  font-weight: bold;
  font-size: 1.5em;
  color: #eb4b3b; }

#product_other a, #substitute p > a {
  margin-left: 1em; }

.tab_btn_area {
  margin-top: 20px; }

.product_spec_area {
  margin-top: 20px; }

/* 類似品 モーダル
----------------------------------------------- */
.remodal .ruiji_btn_area {
  display: flex;
  margin: 20px 0;
  padding: 0 6px 0px 0;
  flex-wrap: nowrap;
  justify-content: flex-start;
  height: 54px;
  position: relative;
  width: 100%;
  overflow-x: auto;
  white-space: nowrap; }
  .remodal .ruiji_btn_area::before {
    background-color: #696969;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 37px;
    margin: auto;
    width: 100%;
    z-index: -10; }
  .remodal .ruiji_btn_area li {
    border: 1px solid #696969;
    background: #696969;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #696969;
    padding: 5px 20px 3px;
    position: relative;
    top: 1px;
    cursor: pointer;
    margin: 0 6px 0 0;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    display: inline-block; }
    .remodal .ruiji_btn_area li::before, .remodal .ruiji_btn_area li::after {
      display: none; }
    .remodal .ruiji_btn_area li:hover {
      cursor: pointer; }
    .remodal .ruiji_btn_area li.select {
      background: #fff;
      color: #333;
      font-weight: bold;
      border-bottom: 1px solid #fff; }
.remodal .ruijitab_content {
  height: auto; }
  .remodal .ruijitab_content li.tab_inner {
    margin: 0;
    border: none;
    width: 100%;
    padding: 0; }
    .remodal .ruijitab_content li.tab_inner::before, .remodal .ruijitab_content li.tab_inner::after {
      display: none; }
    .remodal .ruijitab_content li.tab_inner:hover {
      opacity: 1;
      cursor: default; }
    .remodal .ruijitab_content li.tab_inner .category_list ul {
      width: 100%;
      height: auto;
      padding: 0;
      margin: 0 0 30px;
      flex-wrap: nowrap;
      justify-content: flex-start; }
      .remodal .ruijitab_content li.tab_inner .category_list ul li::before, .remodal .ruijitab_content li.tab_inner .category_list ul li::after {
        display: none; }
      .remodal .ruijitab_content li.tab_inner .category_list ul li.list_content {
        margin-top: 20px;
        margin-right: 20px;
        font-weight: normal;
        min-width: 220px; }
        .remodal .ruijitab_content li.tab_inner .category_list ul li.list_content .main_screen {
          position: relative;
          border: 1px solid #fff;
          border-radius: 3px;
          margin-bottom: 5px; }
          .remodal .ruijitab_content li.tab_inner .category_list ul li.list_content .main_screen .ready_madeP_img {
            width: 150px;
            height: 150px;
            margin: 10px auto 0 15px; }
          .remodal .ruijitab_content li.tab_inner .category_list ul li.list_content .main_screen .ready_madeP_scale {
            position: absolute;
            bottom: 0;
            right: -5px;
            width: 54px;
            height: 110px; }
        .remodal .ruijitab_content li.tab_inner .category_list ul li.list_content .icon_area {
          display: flex;
          justify-content: space-between;
          margin-bottom: 5px; }
          .remodal .ruijitab_content li.tab_inner .category_list ul li.list_content .icon_area .quantity_icon .oz_icon {
            font-size: 12px;
            background: #696969;
            color: #fff;
            border-radius: 3px;
            padding: 0 4px;
            letter-spacing: -0.01em; }
          .remodal .ruijitab_content li.tab_inner .category_list ul li.list_content .icon_area .quantity_icon .oz {
            font-size: 11px; }
          .remodal .ruijitab_content li.tab_inner .category_list ul li.list_content .icon_area .item_size {
            font-size: 11px; }

@media only screen and (max-width: 640px) {
  .remodal .ruiji_btn_area {
    height: 42px;
    margin: 20px 0 0; }
    .remodal .ruiji_btn_area::before {
      top: 31px; }
  .remodal .ruijitab_content {
    margin-top: 0;
    padding: 0; }
    .remodal .ruijitab_content li.tab_inner .category_list ul li.list_content {
      width: 100%;
      min-width: 180px; }
      .remodal .ruijitab_content li.tab_inner .category_list ul li.list_content .main_screen .ready_madeP_img {
        margin: 5px auto; }
      .remodal .ruijitab_content li.tab_inner .category_list ul li.list_content .icon_area {
        align-items: flex-end; }
        .remodal .ruijitab_content li.tab_inner .category_list ul li.list_content .icon_area .quantity_icon .oz_icon {
          text-align: center; }
          .remodal .ruijitab_content li.tab_inner .category_list ul li.list_content .icon_area .quantity_icon .oz_icon .oz {
            font-size: 10px;
            display: block;
            margin-top: -2px; }
        .remodal .ruijitab_content li.tab_inner .category_list ul li.list_content .icon_area .item_size {
          font-size: 10px;
          margin-bottom: 0; }
      .remodal .ruijitab_content li.tab_inner .category_list ul li.list_content .code_area .catePgroup_ttl {
        font-size: 100%;
        border-bottom: none;
        padding: 1em 0 0.5em; } }