@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;
  }
}
/*youtubecss
----------------------------------------------- */
.remodal-wrapper {
  z-index: 11002 !important;
}

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

.youtbe-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.youtbe-container iframe,
.youtbe-container object,
.youtbe-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.play_btn img {
  width: 100%;
  height: auto;
}

.play_btn a:link,
.play_btn a:visited {
  overflow: visible;
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  box-sizing: border-box;
  display: block;
}

.play_btn {
  position: relative;
  display: block;
  width: 100%;
}

.play_btn span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.play_btn:hobe::before {
  opacity: 0.8;
}

.movie_txt {
  font-size: 12px;
}

@media only screen and (max-width: 640px) {
  .sp_play_btn {
    overflow: hidden;
    width: 100%;
    height: 42px;
    border: 1px solid #999;
    background: #fff;
    box-sizing: border-box;
    border-radius: 5px; /* CSS3草案 */
    margin: 15px auto !important;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    font-weight: bold;
    text-decoration: none !important;
    position: relative;
  }
  .sp_play_btn a {
    line-height: 42px;
    text-align: center;
    color: #333;
    display: block;
    padding-left: 24px;
  }
  .sp_play_btn a img {
    position: absolute;
    top: 47%;
    width: 24px;
    left: 27%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .jp_play_btn {
    overflow: hidden;
    width: 100%;
    height: 42px;
    border: 1px solid #999;
    background: #fff;
    box-sizing: border-box;
    border-radius: 5px; /* CSS3草案 */
    margin: 15px auto !important;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    font-weight: bold;
    text-decoration: none !important;
    position: relative;
  }
  .jp_play_btn a {
    line-height: 42px;
    text-align: center;
    color: #333;
    display: block;
    padding-left: 24px;
  }
  .jp_play_btn a img {
    position: absolute;
    top: 47%;
    width: 24px;
    left: 24%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
/* 07detail追加css
----------------------------------------------- */
img {
  -ms-interpolation-mode: bicubic;
}

.lb_title {
  text-align: center;
  font-size: 1.2rem;
  color: #fff;
  margin-left: 30px;
}

.lb_link {
  text-align: center;
}
.lb_link a {
  color: #fff;
}

.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: inline-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: 50px;
}

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

#wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#slider {
  width: 440px;
  margin: 10px auto 20px;
  position: relative;
  opacity: 0; /* 縦並び改修　*/
  transition: opacity 0.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: 375px;
  height: 375px;
}
.slide-item .disclaimer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-bottom: 0;
  font-size: 10px;
}
.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;
}

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

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

#thumbnail-list {
  width: 440px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.thumbnail-item {
  flex: 0 1 70px;
  margin-bottom: 20px;
  margin-right: 4px;
  box-sizing: border-box;
  position: relative;
}
.thumbnail-item:nth-child(6n) {
  margin-right: 0;
}
.thumbnail-item:after {
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: 0.3s opacity linear;
}
.thumbnail-item.thumbnail-current:after {
  opacity: 0;
}
.thumbnail-item img {
  width: 100%;
  margin: 0 auto;
}
.thumbnail-item:hover {
  cursor: pointer;
}

.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, .request_btn {
  overflow: hidden;
  width: 100%;
  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;
  text-align: center;
  font-weight: bold;
  text-decoration: none !important;
  position: relative;
}
.jirei_btn a, .other_detail_btn a, .request_btn a {
  line-height: 42px;
  text-align: center;
  color: #333;
  display: block;
}
.jirei_btn a:hover, .other_detail_btn a:hover, .request_btn a:hover {
  text-decoration: none;
}
.jirei_btn::before, .other_detail_btn::before, .request_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, .request_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, .request_btn:hover {
  background: #eeeeee;
}
.jirei_btn:hover::after, .other_detail_btn:hover::after, .request_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%;
  }
}

.stock_btn {
  overflow: hidden;
  width: 100%;
  height: 42px;
  border: 1px solid #999;
  background: #555;
  box-sizing: border-box;
  border-radius: 5px; /* CSS3草案 */
  margin: 30px auto 0 auto !important;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  text-decoration: none !important;
  position: relative;
}
.stock_btn a {
  line-height: 42px;
  text-align: center;
  color: #fff;
  display: block;
}
.stock_btn a:hover {
  text-decoration: none;
}
.stock_btn::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 3%;
  width: 16px;
  height: 16px;
  margin-top: -9px;
  border-radius: 50%; /* CSS3草案 */
  background: #fff;
}
.stock_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 #333;
}
.stock_btn:hover {
  background: #6c6c6c;
}
.stock_btn:hover::after {
  border-left: 6px solid #333;
}

.color_list {
  width: 100%;
  background: #f3f3f3;
  border-radius: 5px;
  padding-bottom: 15px;
}
.color_list .color_list_title {
  padding: 15px 0;
  font-size: 15px;
  text-align: center;
  line-height: 1;
}
.color_list .stock_btn {
  width: 90%;
}

.opColor_list {
  margin-top: 30px;
}

.prodcut_color ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0 15px;
}
.prodcut_color ul li {
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
}
.prodcut_color ul li:nth-child(7n) {
  margin-right: 0;
}
.prodcut_color ul li img {
  border-radius: 5px;
}
.prodcut_color ul li .color_mask {
  width: 100%;
  height: 100%;
  position: absolute; /* 絶対位置指定 */
  top: 0;
  left: 0;
  opacity: 0; /* マスクを表示しない */
  background-color: rgba(0, 0, 0, 0.4); /* マスクは半透明 */
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.prodcut_color ul li .color_mask .color_caption {
  font-size: 0.5em;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  color: #fff;
}
.prodcut_color ul li:hover .color_mask {
  opacity: 1; /* マスクを表示する */
  border-radius: 5px;
}

.grad-wrap {
  position: relative;
}

.grad-wrap + .grad-wrap {
  margin-top: 40px;
}

.grad-trigger {
  z-index: 6;
  position: absolute;
  right: 0;
  bottom: 65px;
  left: 0;
  border: 0px solid #999;
  box-sizing: border-box;
  width: 230px;
  margin: auto;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  transition: 0.2s ease;
}
.grad-trigger:hover {
  background: none;
}
.grad-trigger::before {
  content: "";
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #999;
  border-right: solid 2px #999;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: -40%;
  left: 48%;
}

.grad-trigger_jp {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

.grad-item {
  position: relative;
  overflow: hidden;
}
.grad-item.is-hide_img {
  height: 173px;
}
.grad-item::before {
  display: block;
  z-index: 5;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 63px; /*グラデーションで隠す高さ*/
  background: #f3f3f3;
  border-radius: 0 0 2px 2px;
}

.grad-item p + p {
  margin-top: 1em;
}

.grad-trigger.is-show + .grad-item::before {
  display: none;
}

#mainArea {
  width: 680px;
}

#favorite_share {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 5px;
}
#favorite_share .favorite_btn {
  background: #fff;
  width: 130px;
  height: 30px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 10px;
}
#favorite_share .favorite_btn:hover {
  opacity: 0.8;
}
#favorite_share .favorite_btn img {
  width: 18px;
}
#favorite_share .favorite_btn span {
  font-size: 11px;
  text-decoration: none;
}
#favorite_share .share_btn {
  background: #fff;
  width: 60px;
  height: 30px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 10px;
}
#favorite_share .share_btn img {
  width: 16px;
}
#favorite_share .share_btn span {
  font-size: 11px;
  text-decoration: none;
}

.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;
}
.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;
  left: 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;
}

.product_mdsh2 {
  font-size: 17px;
  font-weight: bold;
  background: #f5f5f5;
  border-left: 5px solid #d9d9d9;
  padding: 5px 10px 3px;
  margin-bottom: 10px;
}
.product_mdsh2 span {
  font-size: 15px;
}

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 {
  max-width: 800px !important;
}
.remodal .modal_ttl {
  font-size: 20px;
  font-weight: bold;
  margin-top: 20px;
}
.remodal .kantan_ttl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.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 .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_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%;
}

.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;
  }
}

.h2-ttl-prodcut {
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 1;
}

/*　価格表　*/
.priceWrap .priceCountainer {
  position: relative;
  height: auto;
  max-height: 275px;
  overflow-y: hidden;
  transition: max-height 0.6s;
}
.priceWrap .priceCountainer.active {
  padding-bottom: 10px;
}
.priceWrap .priceCountainer.active::after {
  z-index: -1;
  opacity: 0;
}
.priceWrap .priceCountainer.active + .priceReadmore::before {
  content: "▲";
}
.priceWrap .priceCountainer::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;
}
.priceWrap .priceCountainer .priceTable {
  width: 92%;
  border: solid 1px #dddddd;
  border-collapse: collapse;
  margin: 0 auto;
}
.priceWrap .priceCountainer .priceTable th {
  border: 1px solid #dddddd;
  background: #f5f5f5;
  text-align: center;
  height: auto;
  font-size: 80%;
  padding: 1px 0;
  vertical-align: middle;
}
.priceWrap .priceCountainer .priceTable th .select {
  margin: 0 auto;
  width: 94%;
}
.priceWrap .priceCountainer .priceTable th .select select {
  width: 100%;
  border: 2px solid #ccc;
  font-size: 80%;
  color: #333;
}
.priceWrap .priceCountainer .priceTable .th_price {
  width: 20%;
  height: auto;
  font-size: 70%;
}
.priceWrap .priceCountainer .priceTable td {
  border: 1px solid #ddd;
  background: #fff;
  height: 28px;
  font-size: 70%;
  text-align: right;
  padding-right: 5px;
}
.priceWrap .priceCountainer .priceTable td:first-child {
  padding-right: 3px;
}
.priceWrap .priceCountainer .priceTable td a {
  font-size: 100%;
  display: inline;
  text-decoration: underline;
}
.priceWrap .priceReadmore {
  display: block;
  margin: 5px auto 0;
  padding: 4px 50px;
  border-radius: 5px;
  color: #ffffff;
  background-color: #999999;
  font-size: 14px;
  font-weight: bold;
}
.priceWrap .priceReadmore::before {
  content: "▼";
  margin-right: 5px;
  font-size: 95%;
}
.priceWrap .priceReadmore:hover {
  opacity: 0.8;
}

.pricelist_attention {
  text-align: left;
  margin: 10px;
}
.pricelist_attention p {
  font-size: 12px;
}

.product_spec_contents {
  width: 660px;
  margin-left: 20px;
}
.product_spec_contents dl {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.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;
}
.product_spec_contents dl dt:first-child {
  border-top: none;
}
.product_spec_contents dl dt button {
  margin: 0 0 0 7px;
}
.product_spec_contents dl dd {
  width: 75%;
  font-size: 12px;
  padding: 8px;
  box-sizing: border-box;
  border-top: 1px dashed #ccc;
}
.product_spec_contents dl dd:nth-child(2) {
  border-top: none;
}
.product_spec_contents dl dd .dd_thickness {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.product_spec_contents dl dd .dd_thickness .dd_thick_text {
  font-size: 12px;
}
.product_spec_contents dl dd .dd_thickness .dd_thick_text button {
  margin-top: 5px;
}
.product_spec_contents dl dd .dd_thickness .thickness_img {
  width: 37%;
  height: auto;
  margin: 0 0 0 3%;
}
.product_spec_contents dl dd button {
  display: block;
}
.product_spec_contents dl dd button p {
  font-size: 12px;
}
.product_spec_contents dl dd .silk_same_edition {
  padding: 2% 2% 3%;
  width: 94%;
  background-color: #FCFADD;
}
.product_spec_contents dl dd .silk_same_edition span {
  font-weight: bold;
  font-size: 13px;
}
.product_spec_contents dl dd .print-area_img p {
  font-size: 12px;
}
.product_spec_contents dl dd .print-area_img ul {
  display: flex;
  flex-wrap: wrap;
}
.product_spec_contents dl dd .print-area_img ul li {
  text-align: center;
  width: 110px;
  margin: 5px;
}
.product_spec_contents dl dd .print-area_img ul li p {
  font-size: 12px;
  font-weight: bold;
}
.product_spec_contents dl dd .print-area_img ul li .print-area_box a {
  position: relative;
  display: block;
}
.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;
}
.product_spec_contents dl dd .print-area_img ul li .print-area_box a img {
  width: 98px;
  height: auto;
  margin: 5px 0 10px;
}
.product_spec_contents dl dd .kantandesign_area {
  display: flex;
  flex-wrap: wrap;
  margin: 5px 5px 10px;
}
.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;
}
.product_spec_contents dl dd .kantandesign_area .kantandesign_btn2 {
  width: 75%;
  height: 45px;
}

/* 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;
  }
  #wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .slider_wrap {
    position: relative;
  }
  .slider_wrap #slider {
    width: 98%;
    margin: 0 auto 15px;
  }
  .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;
  }
  .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 .favorite_share_sp {
    position: absolute;
    right: 8px;
    bottom: 82px;
  }
  .slider_wrap .favorite_share_sp .favorite_btn {
    border: 1px solid #ccc;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 100%;
    margin-bottom: 10px;
    padding-top: 4px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .slider_wrap .favorite_share_sp .favorite_btn img {
    width: 18px;
    height: auto;
  }
  .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-list {
    width: 98%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
  }
  .thumbnail-item {
    flex: 0 1 15.8%;
    margin-bottom: 1%;
    margin-right: 1%;
    box-sizing: border-box;
    position: relative;
  }
  .thumbnail-item:after {
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: 0.3s opacity linear;
  }
  .thumbnail-item.thumbnail-current:after {
    opacity: 0;
  }
  .thumbnail-item img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
  .color_list {
    width: 100%;
    margin-top: 20px;
  }
  .color_list .color_list_title {
    font-size: 1rem;
  }
  .prodcut_color ul {
    padding: 0 1%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .prodcut_color ul li {
    margin-bottom: 0;
    width: 55px;
    height: 55px;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .prodcut_color ul li img {
    width: 48px;
    height: 48px;
  }
  .prodcut_color ul li .color_mask {
    display: none;
  }
  .prodcut_color ul li .color_mask .color_caption {
    font-size: 0.5em;
  }
  .prodcut_color ul li .color_modal {
    position: absolute;
    top: 12%;
    right: 12%;
    width: 16%;
    height: 16%;
  }
  .prodcut_color ul li .color_modal img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .prodcut_color ul li:hover .color_mask {
    opacity: 0; /* マスクを表示する */
  }
  .prodcut_color ul .kara {
    height: 0;
  }
  .grad-trigger {
    font-size: 0.75rem;
    width: 65%;
    height: 32px;
    bottom: 60px;
    color: #696969;
  }
  .grad-trigger:hover {
    background: #f3f3f3;
  }
  .grad-trigger_jp {
    bottom: 0px;
  }
  .grad-item.is-hide_img {
    height: 160px;
  }
  .grad-item::before {
    height: 51px; /*グラデーションで隠す高さ*/
  }
  #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;
    reading-flow: flex-visual;
    margin-top: 30px;
  }
  #main_contents_area .tab_btn_area {
    display: flex;
    border-bottom: 1px solid #696969;
    margin: 20px 0;
  }
  #main_contents_area .tab_btn_area li {
    overflow: hidden;
    width: 100%;
    height: 42px;
    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;
    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 .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: 75%;
    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 #pricelist_area {
    order: 3;
  }
  #main_contents_area #pricelist_area .priceWrap {
    width: 100%;
    overflow-x: scroll;
  }
  #main_contents_area #pricelist_area .priceWrap .priceCountainer {
    max-height: 305px;
  }
  #main_contents_area #pricelist_area .priceWrap .priceCountainer .priceTable {
    width: 115%;
    margin: 0 auto;
    border: solid 1px #ffffff;
    border-collapse: separate;
  }
  #main_contents_area #pricelist_area .priceWrap .priceCountainer .priceTable th {
    padding: 5px 0;
  }
  #main_contents_area #pricelist_area .priceWrap .priceCountainer .priceTable th .select select {
    font-size: 100%;
    padding: 6px 3px;
  }
  #main_contents_area #pricelist_area .priceWrap .priceCountainer .priceTable th.th_main_price {
    width: 11%;
  }
  #main_contents_area #pricelist_area .priceWrap .priceCountainer .priceTable th.th_price {
    width: 18%;
    padding: 7px 0;
  }
  #main_contents_area #pricelist_area .priceWrap .priceCountainer .priceTable td {
    font-size: 80%;
    vertical-align: middle;
  }
  #main_contents_area #pricelist_area .priceWrap .priceCountainer .priceTable .table_sticky {
    position: sticky;
    left: 0;
    z-index: 100;
    width: 11%;
  }
  .product_mdsh2 {
    font-size: 17px;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 30px;
  }
  .remodal {
    width: 95% !important;
    padding: 5% !important;
    border-radius: 5px;
  }
  .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 .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-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 */
/* 注文の流れ
----------------------------------------------- */
#orderFlow_area {
  position: sticky;
  top: 0;
  min-height: 65px;
  margin: 0 calc(49% - 48vw);
  background: #ffffff;
  z-index: 5001;
  margin-bottom: 20px;
}
#orderFlow_area .orderFlow_inner {
  width: 1180px;
  padding: 10px 20px 15px;
  margin: 0 auto;
}
#orderFlow_area .orderFlow_inner .orderFlow_txt {
  position: relative;
  display: inline-block;
  width: 66%;
  text-align: center;
  margin: 0 0 10px;
  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;
}
#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) {
  #orderFlow_area {
    position: sticky;
    top: 0;
    min-height: 65px;
    margin: 0;
    background: #ffffff;
    z-index: auto;
  }
  #orderFlow_area .orderFlow_inner {
    width: 100%;
    padding: 8px 0;
    margin: 0;
    overflow-x: scroll;
  }
  #orderFlow_area .orderFlow_inner .orderFlow_txt {
    position: relative;
    display: inline-block;
    width: 130%;
    text-align: center;
    color: rgb(51, 51, 51);
    font-size: 11px;
    font-weight: bold;
    box-sizing: border-box;
    margin: 0px 0px 10px;
    padding: 2px 10px;
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    border-radius: 5px;
  }
  #orderFlow_area .orderFlow_inner .orderFlow_txt::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    translate: -50% 100%;
    border-style: solid;
    border-width: 10px 10px 0px;
    border-color: rgb(204, 204, 204) transparent transparent;
  }
  #orderFlow_area .orderFlow_inner .orderFlow_txt::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    translate: -50% 100%;
    border-style: solid;
    border-width: 8.5px 8.5px 0px;
    border-color: rgb(255, 255, 255) transparent transparent;
  }
  #orderFlow_area .orderFlow_inner .orderFlow_contents {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  #orderFlow_area .orderFlow_inner .orderFlow_contents li {
    position: relative;
    min-width: 90px;
    width: 100%;
    min-height: 42px;
    color: rgb(51, 51, 51);
    line-height: 1.5em;
    font-size: 11px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-right: 25px;
    padding: 0px 5px;
    background: rgb(220, 220, 220);
    border-radius: 5px;
    flex-flow: column;
  }
  #orderFlow_area .orderFlow_inner .orderFlow_contents li + li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -18px;
    width: 0px;
    height: 0px;
    z-index: 15;
    transform: translate(0px, -50%);
    border-left: 15px solid rgb(220, 220, 220);
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
  }
  #orderFlow_area .orderFlow_inner .orderFlow_contents li span {
    font-size: 10px;
    margin-top: 0;
  }
  .area_product_status {
    z-index: auto;
  }
  .area_product_status.area_product_status_fixed {
    position: fixed !important;
    z-index: 151 !important;
    transition: opacity 0.6s 0s ease;
    width: 94%;
  }
}
/* 注文フロー
----------------------------------------------- */
.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: rgb(191.25, 191.25, 191.25);
  /*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: "※対象外";
  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 .order-suryo_area {
  width: 610px;
  border: 1px solid #ccc;
  margin-top: 10px;
  box-sizing: border-box;
}
.priceboardarea .order_container .order-suryo_area .order-choice {
  margin: 0 0 20px;
  display: block;
}
.priceboardarea .order_container .order-suryo_area .order-contents_suryo {
  display: flex;
  min-height: 150px;
  align-items: center;
}
.priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-left-menu {
  background: #ffffff;
  width: 40%;
  padding: 20px 15px 0;
  display: flex;
  align-items: center;
}
.priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-left-menu #switch_number {
  width: 100%;
}
.priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-left-menu #switch_number .order_quantity {
  width: 100%;
}
.priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-left-menu #switch_number .order_quantity input {
  width: 60%;
  border: 1px solid #555;
  border-radius: 3px;
  padding: 5px;
  text-align: right;
}
.priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-left-menu #switch_number .order_quantity input + span {
  margin-left: 5px;
  vertical-align: middle;
}
.priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-left-menu #switch_number #over_suryo {
  margin-top: 10px;
}
.priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-left-menu #switch_number #over_suryo p a {
  color: #73803b !important;
  font-weight: bold;
  text-decoration: underline;
}
.priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-left-menu #switch_number_one {
  width: 100%;
}
.priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-left-menu #switch_number_one .order_quantity {
  width: 100%;
}
.priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-left-menu #switch_number_one .order_quantity input {
  width: 60%;
  border: 1px solid #555;
  border-radius: 3px;
  padding: 5px;
  text-align: right;
}
.priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-left-menu #switch_number_one .order_quantity input + span {
  margin-left: 5px;
  vertical-align: middle;
}
.priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-left-menu #switch_number_one #switch_freesample {
  margin-top: 10px;
}
.priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-right-menu {
  width: 59%;
  padding: 20px 15px 0;
}
.priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-right-menu .zaiko-menu .zaiko_area {
  font-size: 14px;
}
.priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-right-menu .zaiko-menu .zaiko_area .zaiko_quantity {
  font-size: 22px;
  margin: 0 5px;
  font-weight: bold;
  color: #333;
  letter-spacing: 0.05em;
}
.priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-right-menu .zaiko-menu .zaiko_area #discontinued {
  display: block;
  margin-top: 5px;
}
.priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-right-menu .zaiko-menu .zaiko_attention {
  margin-top: 10px;
}
.priceboardarea .order_container .order-suryo_area .order-contents_zaiko #zaiko_over,
.priceboardarea .order_container .order-suryo_area .order-contents_zaiko #zaiko_0 {
  color: #eb4b3b;
}
.priceboardarea .order_container .order-suryo_area .order-contents_zaiko .replace_area {
  width: 583px;
  overflow-x: scroll;
}
.priceboardarea .order_container .order-contents {
  display: flex;
  padding: 10px;
  border: 1px solid #ccc;
  margin-top: 10px;
}
.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: 457px;
  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 input[type=checkbox] + label {
  margin-bottom: 10px;
}
.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: 0.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 #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 .order-right-menu .badgeposition_area {
  display: flex;
  flex-flow: wrap;
  margin-top: 50px;
}
.priceboardarea .order_container .order-contents .order-right-menu .badgeposition_area dt {
  font-size: 12px;
}
.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;
}

.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: 54px;
  border: 1px solid #999;
  background: #fff;
  box-sizing: border-box;
  border-radius: 5px; /* CSS3草案 */
  margin: 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: 54px;
  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: 20px;
  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: 5px;
}

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

input[type=checkbox]:checked + label:after {
  content: "";
  width: 3px;
  height: 7px;
  position: absolute;
  top: 7px;
  left: 5px;
  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: 19px;
    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_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 .order-suryo_area {
    width: 100%;
    border: 1px solid #ccc;
    margin-top: 10px;
    box-sizing: border-box;
  }
  .priceboardarea .order_container .order-suryo_area .order-contents_suryo {
    display: flex;
    flex-direction: column;
  }
  .priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-left-menu {
    background: #ffffff;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 15px 0;
    display: flex;
    align-items: center;
  }
  .priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-left-menu #switch_number_one .order_quantity {
    width: 100%;
    text-align: center;
  }
  .priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-left-menu #switch_number_one .order_quantity input {
    font-size: 16px;
  }
  .priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-left-menu #switch_number .order_quantity {
    width: 100%;
    text-align: center;
  }
  .priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-left-menu #switch_number .order_quantity input {
    font-size: 16px;
  }
  .priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-right-menu {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 15px 0;
  }
  .priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-right-menu .zaiko-menu p {
    text-align: center;
  }
  .priceboardarea .order_container .order-suryo_area .order-contents_suryo .order-right-menu .zaiko-menu .zaiko_attention {
    margin-top: 10px;
    text-align: center;
  }
  .priceboardarea .order_container .order-suryo_area .order-contents_zaiko .replace_area {
    width: 100%;
    overflow-x: inherit;
  }
  .priceboardarea .order_container .order-suryo_area .order-contents_zaiko .replace_area .code_area .txt_area_group .tag1,
  .priceboardarea .order_container .order-suryo_area .order-contents_zaiko .replace_area .code_area .txt_area_group .tag2 {
    font-size: 10px;
  }
  .priceboardarea .order_container .order-suryo_area .order-contents_zaiko .replace_area .code_area .txt_area_groupMN .tag1,
  .priceboardarea .order_container .order-suryo_area .order-contents_zaiko .replace_area .code_area .txt_area_groupMN .tag2 {
    font-size: 10px;
  }
  .priceboardarea .order_container .open-tab-btn {
    margin: 10px 0;
  }
  .priceboardarea .order_container .order-contents {
    padding: 15px 10px;
  }
  .priceboardarea .order_container .order-contents .order-left-menu {
    margin: 0 5px 0 0;
  }
  .priceboardarea .order_container .order-contents .order-right-menu .no-flex dd input[type=checkbox] + label button {
    display: inline-block;
  }
  .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 input {
    width: 80%;
    border: 2px solid #ccc;
    padding: 5px;
    font-size: 16px;
    margin-right: 5px;
  }
  .priceboardarea .order_container .order-contents .order-right-menu .content-detail {
    margin: 10px 0;
  }
  .order-list {
    padding: 0px;
    margin-bottom: 10px;
  }
  .order-list .subInner {
    display: none;
  }
  .order-list .order-menu {
    height: auto;
    line-height: 1;
    padding: 10px 0px;
    font-size: 1rem;
    letter-spacing: 0.05em;
    background: #787878;
    font-weight: bold;
  }
  .order-list .order-menu_other {
    background: #99ab4e;
  }
  .order-list .order-contents_other p {
    font-size: 90%;
    padding: 5px;
    text-align: left;
    margin: 0;
  }
  .order-list .order-menu_child {
    background: #eee;
    color: #333;
    border: 1px solid #ccc;
    border-top: none;
  }
  .order-list .order-suryo_area {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
  .order-list .order-contents_suryo {
    display: block;
  }
  .order-list .order-contents_suryo .order-left-menu {
    width: 92%;
    margin: 0px;
    background: #fafafa;
    padding: 2% 4%;
  }
  .order-list .order-contents_suryo .order-left-menu h5 {
    font-weight: bold;
    margin: 40px 0 0;
  }
  .order-list .order-contents_suryo .order-left-menu h5:first-child {
    margin-top: 0;
  }
  .order-list .order-contents_suryo .order-left-menu .icon_description {
    text-align: center;
    font-size: 80%;
  }
  .order-list .order-contents_suryo .order-left-menu .order-division {
    display: flex;
    margin: 0;
    justify-content: center;
  }
  .order-list .order-contents_suryo .order-left-menu .order-division .order-icon {
    position: relative;
    text-align: center;
    width: 33%;
  }
  .order-list .order-contents_suryo .order-left-menu .order-division .order-icon button img {
    width: 80.15%;
    height: auto;
  }
  .order-list .order-contents_suryo .order-left-menu .order-division .order-icon .order-font {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    font-size: 0.7rem;
    text-align: center;
    line-height: 1.2;
  }
  .order-list .order-contents_suryo .order-left-menu .order-division .order-icon .order-font2 {
    height: 26px;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    font-size: 0.7rem;
    text-align: center;
    line-height: 1.2;
  }
  .order-list .order-contents_suryo .order-right-menu {
    width: 92%;
    margin: 0px;
    padding: 4%;
  }
  .order-list .order-contents_suryo .order-right-menu .zaiko-menu {
    font-size: 16px;
    margin-right: 0;
  }
  .order-list .order-contents_suryo .order-right-menu .zaiko-menu .zaiko_area {
    text-align: left;
    margin-bottom: 10px;
  }
  .order-list .order-contents_suryo .order-right-menu .zaiko-menu .zaiko_quantity {
    font-size: 1.2rem;
  }
  .order-list .order-contents_suryo .order-right-menu .zaiko-menu .zaiko_attention {
    text-align: left;
  }
  .order-list .order-contents_suryo .order-right-menu .order-choice {
    display: block;
    margin: 10px 0;
    font-size: 0.95rem;
  }
  .order-list .order-contents_suryo .order-right-menu .order-choice dt {
    font-weight: normal;
  }
  .order-list .order-contents_suryo .order-right-menu .order-choice dt span {
    color: #ffa500;
    font-size: 1.3em;
    line-height: 1;
  }
  .order-list .order-contents_suryo .order-right-menu .order-choice .print_img {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    position: relative;
  }
  .order-list .order-contents_suryo .order-right-menu .order-choice .print_img img {
    width: 50%;
    height: 50%;
  }
  .order-list .order-contents_suryo .order-right-menu .order-choice .print_img p {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 1rem;
    font-weight: bold;
  }
  .order-list .order-contents_suryo .order-right-menu .order-choice .order_quantity {
    text-align: right;
    margin-right: 0;
    width: 50%;
  }
  .order-list .order-contents_suryo .order-right-menu .order-choice .order_quantity span {
    margin-left: 3%;
    vertical-align: middle;
  }
  .order-list .order-contents_suryo .order-right-menu .order-choice .order_quantity input {
    width: 60%;
    border: 2px solid #999;
    border-radius: 3px;
    padding: 5px;
    font-size: 16px;
  }
  .order-list .order-contents_suryo .order-right-menu .order-choice .order-textbox input {
    width: 95%;
    border: 2px solid #ccc;
    padding: 5px;
    font-size: 16px;
  }
  .order-list .order-contents_suryo .order-right-menu .order-choice select {
    border: 2px solid #999;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 5px;
    width: 100%;
    /*text-align: center;*/
    font-size: 14px;
    color: #333;
  }
  .order-list .order-contents_suryo .order-right-menu .order-choice select#printtype_front_none, .order-list .order-contents_suryo .order-right-menu .order-choice select#printtype_back_none {
    background: #eee;
  }
  .order-list .order-contents_suryo .order-right-menu .order-choice .print_choice {
    width: 100%;
  }
  .order-list .order-contents_suryo .order-right-menu .product_division {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 0 !important;
  }
  .order-list .order-contents_suryo .order-right-menu .product_division dd div:first-child {
    margin-top: 0;
  }
  .order-list .order-contents_suryo .order-right-menu .product_division dd div:nth-child(2) {
    margin-bottom: 1rem;
  }
  .order-list .order-contents_suryo .order-right-menu .flex-area {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 5%;
  }
  .order-list .order-contents_suryo .order-right-menu .yes-print_front > .order-choice,
  .order-list .order-contents_suryo .order-right-menu .yes-print_back > .order-choice {
    align-items: center;
  }
  .order-list .order-contents_suryo .order-right-menu .yes-print_front,
  .order-list .order-contents_suryo .order-right-menu .yes-print_back,
  .order-list .order-contents_suryo .order-right-menu .yes-print_pocket {
    border-bottom: none;
  }
  .order-list .order-contents_suryo .order-right-menu .content-detail {
    margin: 10px 0 30px 0;
  }
  .order-list .order-contents_suryo .order-right-menu .content-detail .order-choice {
    margin: 15px 0 25px 0;
    display: block;
  }
  .order-list .order-contents_suryo .order-right-menu .content-detail .order-choice select {
    width: 100%;
  }
  .order-list .order-contents_suryo .order-right-menu .content-detail .order-choice .order-textbox input {
    width: 95%;
  }
  .order-list .order-contents_suryo .order-right-menu .content-detail .order-choice .order_quantity {
    margin-right: 0;
    text-align: left;
    width: auto;
  }
  .order-list .order-contents_suryo .order-right-menu .content-detail dt {
    font-weight: normal;
    position: relative;
    margin-bottom: 5px;
  }
  .order-list .order-contents_suryo .order_print_area div {
    margin-top: 50px;
  }
  .order-list .order-contents_suryo .order_print_area .yes-print_front {
    margin-top: 0;
  }
  .order-list .order_option .order-left-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .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: 107px;
  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: scroll;
}
.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 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;
}

/*　見積り修正20230424　*/
.estimation_btn {
  width: 330px;
  margin: 25px auto 10px;
  border: 1px solid #787878;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 7px;
}
.estimation_btn:hover {
  border: 1px solid #787878;
  opacity: 0.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: 330px;
  margin: 25px auto 10px;
  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: 24px;
}
.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;
  }
  .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 {
    width: 45%;
    margin: 0px 0px 40px 13px;
    font-size: 11px;
    font-weight: bold;
  }
  .priceboard_sp button div {
    border: initial;
    border-radius: 20px;
    padding: 5px 0;
    width: 100%;
    text-align: center;
  }
  .priceboard_sp button img {
    width: 21px;
    height: 21px;
    vertical-align: -6px;
    margin-right: 8px;
  }
  .priceboard_sp button span {
    font-size: 12px;
  }
  .priceboard_sp button:nth-child(2) div {
    background-color: #ffffff;
    color: #eb4b3b;
  }
  .priceboard_sp .cart_in span {
    margin-left: 5px;
  }
  .priceboard_sp .cart_in_none {
    width: 45%;
    display: inline-block;
    margin: 0;
  }
  .priceboard_sp .cart_in_none .cart_in_a_none {
    padding: 4px;
  }
  .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 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: 85%;
    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: rgb(238, 238, 238);
    position: absolute;
    top: 0;
    width: 106%;
    margin-left: -3%;
  }
  input[type=checkbox] {
    display: none;
  }
  input[type=checkbox] + label {
    display: block;
    position: relative;
    padding-left: 1.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;
  }
}
/* 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;
}

.filter_area {
  margin: 20px 10px;
}
.filter_area dl {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
}
.filter_area dl dt {
  font-weight: bold;
  margin-right: 5%;
  width: 120px;
}
.filter_area dl .filter_content {
  display: flex;
  flex-wrap: wrap;
  width: 85%;
}
.filter_area dl .filter_content dd {
  margin-right: 2%;
  width: 180px;
  text-align: left;
  font-size: 12px;
  margin-bottom: 10px;
}
.filter_area dl .filter_content .filter_textbox {
  width: 220px;
}
.filter_area dl .filter_content .filter_textbox input[type=text] {
  width: 70px;
}
.filter_area dl .filter_content .filter_textbox span {
  margin: 0 5px;
}

.filter_colorbox {
  width: 30px !important;
  margin-right: 3% !important;
}
.filter_colorbox input[type=checkbox] {
  display: none;
}
.filter_colorbox input[type=checkbox] + label {
  display: block;
  background: #ffdeac;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  position: relative;
  padding-left: 25px;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.filter_colorbox input[type=checkbox] + label:last-child {
  margin-bottom: 0;
}
.filter_colorbox input[type=checkbox] + label:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 0;
  position: absolute;
  left: 0;
  top: 4px;
  opacity: 0.6;
  -webkit-transition: none;
  transition: none;
}
.filter_colorbox input[type=checkbox] + label:after {
  content: "";
  display: block;
  width: 7px;
  height: 30px;
  border: none;
  border-radius: 0;
  position: absolute;
  left: 0;
  top: 4px;
  opacity: 0.6;
  -webkit-transition: all 0.12s, border-color 0.08s;
  transition: all 0.12s, border-color 0.08s;
}
.filter_colorbox input[type=checkbox]:checked + label {
  border-bottom: none;
}
.filter_colorbox input[type=checkbox]:checked + label:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  background: #999;
  border-radius: 100%;
  position: absolute;
  left: 20%;
  top: 25%;
  opacity: 1;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.filter_colorbox input[type=checkbox]:checked + label:after {
  width: 4px;
  height: 8px;
  top: 30%;
  left: 11px;
  border-radius: 0;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  opacity: 1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.filter_colorlist .filter_colorbox:nth-child(1) input[type=checkbox] + label {
  background: #ffdeac;
}
.filter_colorlist .filter_colorbox:nth-child(2) input[type=checkbox] + label {
  background: #fff;
  border: 1px solid #ccc;
}
.filter_colorlist .filter_colorbox:nth-child(3) input[type=checkbox] + label {
  background: #000;
}
.filter_colorlist .filter_colorbox:nth-child(4) input[type=checkbox] + label {
  background: #0e3465;
}
.filter_colorlist .filter_colorbox:nth-child(5) input[type=checkbox] + label {
  background: #a3a3a3;
}
.filter_colorlist .filter_colorbox:nth-child(6) input[type=checkbox] + label {
  background: #541c15;
}
.filter_colorlist .filter_colorbox:nth-child(7) input[type=checkbox] + label {
  background: #e61700;
}
.filter_colorlist .filter_colorbox:nth-child(8) input[type=checkbox] + label {
  background: #ff7200;
}
.filter_colorlist .filter_colorbox:nth-child(9) input[type=checkbox] + label {
  background: #f3de00;
}
.filter_colorlist .filter_colorbox:nth-child(10) input[type=checkbox] + label {
  background: #009000;
}
.filter_colorlist .filter_colorbox:nth-child(11) input[type=checkbox] + label {
  background: #00ffff;
}
.filter_colorlist .filter_colorbox:nth-child(12) input[type=checkbox] + label {
  background: #0064d0;
}
.filter_colorlist .filter_colorbox:nth-child(13) input[type=checkbox] + label {
  background: #7720a7;
}
.filter_colorlist .filter_colorbox:nth-child(14) input[type=checkbox] + label {
  background: #fc90f7;
}
.filter_colorlist .filter_colorbox:nth-child(15) input[type=checkbox] + label {
  background: #e9d1bb;
}
.filter_colorlist .filter_colorbox:nth-child(16) input[type=checkbox] + label {
  background: #f8f4e6;
}
.filter_colorlist .filter_colorbox:nth-child(17) input[type=checkbox] + label {
  background: url(/img/98item_category/filter_color_other.png) no-repeat;
}
.filter_colorlist .filter_colorbox:nth-child(18) input[type=checkbox] + label {
  background: url(/img/98item_category/filter_color_multiple.png) no-repeat;
}
.filter_colorlist .filter_colorbox:nth-child(19) input[type=checkbox] + label {
  background: url(/img/98item_category/filter_color_pattern.png) no-repeat;
}

/* 在庫欠品時対応
----------------------------------------------- */
.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;
  }
}

.order-list .order-contents_suryo {
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}
.order-list .order-contents_suryo .order-left-menu {
  background: #ffffff;
  width: 30%;
  padding: 15px 15px 15px 30px;
}
.order-list .order-contents_suryo .order-right-menu .order_quantity {
  margin-right: 10px;
  width: 100%;
}
.order-list .order-contents_suryo .order-right-menu .order_quantity span {
  margin-left: 5px;
  vertical-align: middle;
}
.order-list .order-contents_suryo .order-right-menu .order_quantity input {
  width: 50%;
  border: 1px solid #555;
  border-radius: 3px;
  padding: 5px;
  text-align: right;
}
@media only screen and (max-width: 640px) {
  .order-list .order-contents_suryo {
    display: block;
    padding: 0;
  }
  .order-list .order-contents_suryo .order-left-menu {
    padding: 2%;
    width: 96%;
  }
  .order-list .order-contents_suryo .order_quantity {
    margin-right: 0;
    margin-top: 10px;
  }
  .order-list .order-contents_suryo .order_quantity input {
    font-size: 16px;
    width: 45%;
  }
  .order-list .order-contents_suryo .order-right-menu {
    padding: 2%;
  }
  .order-list .order-contents_suryo .order-right-menu .attention_ctc {
    margin-bottom: 5px;
  }
}

.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: 0.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-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%;
  }
}

/* 在庫無し */
.order-suryo_area .none_zaiko {
  display: none;
}
.order-suryo_area .order-contents_zaiko {
  padding: 2% 2% 4%;
}
.order-suryo_area .order-contents_zaiko .category_list .list_content {
  margin-right: 8px;
  width: 212px;
}
@media screen and (max-width: 640px) {
  .order-suryo_area .order-contents_zaiko p {
    font-size: 12px;
  }
  .order-suryo_area .order-contents_zaiko .category_list {
    padding: 0 0 40px;
  }
  .order-suryo_area .order-contents_zaiko .category_list .slick-dots {
    width: 100%;
    text-align: center;
  }
  .order-suryo_area .order-contents_zaiko .category_list .list_content {
    margin: 0 0.12% 0 0.12%;
  }
}

.zaiko_display p {
  text-align: left;
}
.zaiko_display input[type=checkbox] + label {
  display: inline-block;
}

/* 未入力、未選択　*/
.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: 40px;
}
@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 select {
    width: 100%;
    font-size: 13px;
  }
  .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 .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;
}

.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);
}

.itemNouki_ttl {
  font-weight: bold;
}

.itemNouki_display {
  width: 90%;
  margin: 0 auto;
}
.itemNouki_display table {
  width: 99%;
  margin-bottom: 10px;
  border-collapse: collapse;
}
.itemNouki_display table th, .itemNouki_display table td {
  border: 1px solid #ccc;
}
.itemNouki_display table th {
  width: 33%;
  text-align: left;
  padding: 1.5% 0 1.5% 5%;
  background: #f3f3f3;
  font-weight: normal;
}
.itemNouki_display table td {
  font-size: 15px;
  font-weight: bold;
  color: #eb4b3b;
  padding: 1.5% 2%;
}
.itemNouki_display table td .itemNouki_zaiko {
  font-size: 14px;
  font-weight: normal;
  color: #333333;
}
.itemNouki_display table td .itemNouki_zaiko span {
  font-size: 15px;
  font-weight: bold;
}

.itemNouki_print th {
  text-align: center !important;
  padding: 1.5% 0 !important;
}

.itemNouki_dyna_sp {
  display: none !important;
}

@media only screen and (max-width: 640px) {
  .item_nouki_box {
    position: fixed;
    z-index: 101;
    bottom: 105px;
    left: 0px;
  }
  .item_nouki_more img {
    width: 170px;
    height: auto;
  }
  .itemNouki_display {
    width: 100%;
    margin: 0;
    height: 70vh;
    overflow-y: scroll;
  }
  .itemNouki_display table th {
    display: block;
    width: 100%;
    text-align: center;
    padding: 2% 0;
    background: #f3f3f3;
    font-weight: normal;
    margin-bottom: -1px;
  }
  .itemNouki_display table td {
    display: block;
    padding: 5% 0;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    color: #eb4b3b;
    text-align: center;
    line-height: 0.9;
  }
  .itemNouki_print {
    display: none !important;
  }
  .itemNouki_dyna_sp {
    display: block !important;
    font-size: 14px;
    font-weight: normal;
    color: #555555;
  }
  .itemNouki_dyna_sp span {
    font-size: 15px;
    font-weight: bold;
    color: #eb4b3b;
  }
}
@media only screen and (max-width: 640px) {
  .modal-silksame .button {
    margin: 10px 0;
  }
}