/* @charset "UTF-8"; */
#page_product_estimate_print_sticker.have_curtain .ec-overlayRole,
#page_product_estimate_cutting_sticker.have_curtain .ec-overlayRole{
  display: block;
}
.hide {
  display: none!important;
}
.item_visual{
  margin-bottom: 30px;
}
.ec-productRole img{
  height: auto;
}
/*----------- common parts -----------*/
input[name="estimate_print_sticker[material]"],
input[name="estimate_print_sticker[check_size]"],
input[name="estimate_print_sticker[option][specify_size]"],
input[name="estimate_print_sticker[option][cut_shape]"],
input[name="estimate_print_sticker[option][low_quality]"],
#estimate_print_sticker_option_design_data_type, #modal_page_2, #modal_page_3,
#specify_size, #mount_margin, #estimate_print_sticker_upload_file, #estimate_cutting_sticker_upload_file,
#estimate_cutting_sticker_option_font,
input[name="estimate_cutting_sticker[material]"],
input[name="estimate_cutting_sticker[check_size]"],
#estimate_cutting_sticker_option_design_data_type,
input[name="estimate_cutting_sticker[option][specify_size]"],
input[name="estimate_cutting_sticker[option][mount_margin]"],
input[name="estimate_cutting_sticker[option][line]"],
input[name="estimate_cutting_sticker[option][text_align]"],
input[name="estimate_cutting_sticker[option][italic]"],
input[name="estimate_cutting_sticker[option][vertical_writing]"]{
    display: none;
}
.trg{
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  background-color: #ebebeb;
}
.attention-details{
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  color: #3686E4;
  background-color: #F5F9FE;
  padding: 0 8px;
  border-radius: 2px;
  margin-left: 1rem;
}
.remove-file{
  cursor: pointer;
  font-size: 10px;
  background-color: #C5A600;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 4px;
  padding: 4px 0;
  min-width: 3.4rem;
}
.attention{
  margin-top: 16px;
  padding: 10px 20px;
  background-color: #F5F9FE;
  display: flex;
}
.attention svg{
  width: 30px;
}
.attention p{
  margin-top: 0!important;
  width: calc(100% - 30px);
  line-height: 1.6;
}
.text-step2{
  display: inline-block;
  background: #3686E4;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
}
.step-title{
  font-weight: bold;
}
.step-title .number{
  display: block;
  color: red;
  font-size: 20px;
  font-weight: normal;
}
.text-deco01{
  display: inline-block;
  background-color: #fff;
  border: 2px solid;
  border-radius: 3px;
  padding: 4px 20px;
  margin: 0 8px;
}
/*----------- form item -----------*/
.form-item{
  margin-bottom: 20px;
}
.form-title{
  width: 100%;
  color: #C5A600;
  font-size: 14px;
  border-left: 2px solid;
  padding-left: 10px;
}
.form-item01 .form-title{
  margin-top: 0;
}
.form-item select::-ms-expand {
  display: none;
}
.form-item select{
  min-width: unset!important;
  max-width: unset!important;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #6F767C;
  padding: 10px;
  border-radius: 4px;
  color: #53616E;
  width: 100%;
  background-color: #fff;
}
.form-item .select-wrap{
  position: relative;
}
.form-item .select-wrap::after{
  content: "";
  position: absolute;
  top: 16px;
  right: 10px;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 6px solid #3C4246;
  border-bottom: 0;
}
.form-item input,
.form-item textarea{
  border-color: #6F767C;
  border-radius: 4px;
  margin-bottom: 0;
}
.form-item textarea{
  width: 100%;
  min-height: 100px;
}
.form-item .ec-blockBtn{
  border-color: #6F767C;
  background-color: #FAFAFA;
  color: #6F767C;
  font-weight: normal;
  border-radius: 4px;
}
.form-item03{
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 10px;
}
.form-item03 .form-title{
  margin-bottom: 0;
}
.form-item03 .ec-numberInput{
  display: flex;
  width: calc(66.666% - 5px);
  gap: 10px;
}
.form-item03 .ec-select,
.form-item03 .unit-select{
  width: calc(33.333% - 5px);
}
.form-item03 .ec-required{
  display: none;
}
.form-item04 .ec-blockBtn{
  height: auto;
  line-height: 40px;
}
.form-item07{
  align-items: end;
  gap: 10px;
}
.form-item07 .form-title{
  margin-bottom: 0;
}
.form-item07 .equipment-select{
  width: calc(100% - 5px);
}
.form-item07 .equipment_quantity-select{
  width: calc(50% - 5px);
}
.item-main p{
  margin-bottom: 1rem;
}
.item-main p:last-child{
  margin-bottom: 0;
}
.item-sidebar .modal-tab-v .modal-btn{
  font-size: 12px;
}
/*----------- modal -----------*/
.modal.is-active{
  display: block;
}
.modal-item{
  width: 80vw;
  height: 80vh;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 1px 1px 15px rgb(0 0 0 / 25%);
  z-index: 1;
}
.modal-header{
  padding: 0 20px;
  border-bottom: 1px dashed;
  height: 40px;
  display: flex;
  align-items: center;
}
.modal-title{
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}
.modal-body{
  padding: 0 30px 30px;
  height: calc(100% - 40px - 64px);
  overflow: scroll;
}
.modal-main-wrap{
  padding: 40px 0;
}
.modal-main{
  display: grid;
  gap: 10px;
  margin-top: 30px;
}
.modal-bottom{
  box-shadow: 0 -2px 4px rgb(0 0 0 / 25%);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 30px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-btn{
  display: block;
  padding: 10px;
  background-color: #FAFAFA;
  color: #6F767C;
  border: 1px solid #6F767C;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  min-width: 6rem;
}
#modal_page_2 .design_modal-bottom .design_modal-btn--back,
#modal_page_3 .design_modal-bottom .design_modal-btn--back{
  position: absolute;
  left: 30px;
}
.modal-tab-list{
  padding: 0;
  list-style: none;
  display: grid;
  gap: 4px;
}
.modal-tab-list-header .modal-tab-list{
  grid-template-columns: 1fr 1fr;
}
.modal-cutting .modal-tab-list-header .modal-tab-list,
.setting_attention_modal-tab-list-header.modal-tab-list-header .modal-tab-list{
  grid-template-columns: 1fr;
}
.modal-tab-content-item,
.modal-attention-content-item{
  display: none;
  background-color: #F5F9FE;
  padding: 1rem 1rem 1rem 3rem;
  line-height: 1.8;
  font-size: 12px;
}
.modal-tab-content-item_0{
  padding-left: 1rem;
}
.modal-tab-content-item.is-active{
  display: block;
}
.modal-tab-content-item h4{
  font-size: 12px;
  margin-left: -2rem;
}
.modal-attention-content-item{
  display: block;
  padding: 1rem;
}
.design_modal-setting-attention{
  cursor: pointer;
  color: #05B4BE;
}
.sozai_modal-main,
.setting_attention_modal-main{
  display: none;
}
.sozai_modal-main.is-active,
.setting_attention_modal-main.is-active{
  display: grid;
}
.modal-btn{
  font-size: 14px;
}
.modal-btn.design_modal-main-item-btn{
  font-size: 12px;
  margin-top: 10px;
}
.design_modal-main-item{
  display: grid;
  padding: 20px;
  border: 1px solid #6f767c;
  border-radius: 4px;
}
#modal_page_2 .design_modal-main-item:nth-child(3),
#modal_page_2 .design_modal-main-item:last-child,
#modal_page_2 .step-txt .design_modal-main-item:nth-child(2){
  display: none;
}
#page_product_estimate_print_sticker #modal_page_2 .design_modal-main-item:nth-child(3),
#page_product_estimate_print_sticker #modal_page_2 .design_modal-main-item:last-child,
#page_product_estimate_print_sticker #modal_page_2 .step-txt .design_modal-main-item:nth-child(2),
#page_product_estimate_print_sticker_edit #modal_page_2 .design_modal-main-item:nth-child(3),
#page_product_estimate_print_sticker_edit #modal_page_2 .design_modal-main-item:last-child,
#page_product_estimate_print_sticker_edit #modal_page_2 .step-txt .design_modal-main-item:nth-child(2){
  display: initial;
}
#modal_page_2 .step-txt .design_modal-main-item:nth-child(3),
#modal_page_2 .step-txt .design_modal-main-item:last-child{
  display: grid;
}
.nouhin_modal-main-item,
.size_modal-main-item,
.setting_attention_modal-main-item{
  border: 1px solid #53616E;
  border-radius: 8px;
}
.nouhin_modal-main-item .modal-main-item-img,
.size_modal-main-item .modal-main-item-img,
.setting_attention_modal-main-item .modal-main-item-img{
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  background-color: #FAFAFA;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  padding-left: 20px;
  padding-right: 20px;
}
.nouhin_modal-main-item .modal-main-item-img img,
.size_modal-main-item .modal-main-item-img img,
.setting_attention_modal-main-item .modal-main-item-img img{
  max-height: 180px;
  width: auto;
}
.setting_attention_modal-main-item .modal-main-item-img img.max-height-unset{
  max-height: unset;
}
.nouhin_modal-main-item dl,
.size_modal-main-item dl,
.setting_attention_modal-main-item dl{
  margin: 0;
  padding: 20px 30px;
}
.nouhin_modal-main-item dl dt,
.size_modal-main-item dl dt,
.setting_attention_modal-main-item dl dt{
  font-size: 18px;
  color: #FB2A4F;
  margin-bottom: 20px;
}
.size_modal-main-header .alert,
.tensha_modal-main-header .alert,
.setting_attention_modal-main-header .alert{
  margin-top: 30px;
  color: #3C4246;
  background-color: #F5F9FE;
  border-color: #F5F9FE;
  display: flex;
  gap: 4px;
}
.setting_attention_modal-main-header .alert{
  margin-top: 0;
  background-color: #fff;
  border-color: #fff;
}
.size_modal-main-header .alert svg,
.tensha_modal-main-header .alert svg,
.setting_attention_modal-main-header .alert svg{
  width: 24px;
}
.size_modal-main-item .badge{
  font-size: 11px;
  background-color: #F5F9FE!important;
  border: 1px solid #3686E4!important;
  color: #3686E4!important;
  margin-bottom: 20px;
}
.size_modal-main-item .badge.badge-danger{
  background-color: #fff!important;
  border: 1px solid #FB2A4F!important;
  color: #FB2A4F!important;
}
#modal_page_1 .design_modal-main-item{
  grid-template-rows: 1fr auto;
}
#specify_size.is-active,
#mount_margin.is-active{
  display: block;
}
#page_product_estimate_print_sticker #setting_attention_modal.is-active .setting_attention_modal-main{
  display: grid;
}
#page_product_estimate_cutting_sticker #setting_attention_modal .modal-main_2 .modal-main-item,
#page_product_estimate_cutting_sticker_edit #setting_attention_modal .modal-main_2 .modal-main-item{
  border-bottom: 1px dashed;
  margin-bottom: 16px;
  padding: 10px;
}
.st-table{
  width: 100%;
  font-size: 12px;
}
.st-table tr{
  border-bottom: 1px solid;
}
.st-table tr:first-child{
  border-bottom: none;
}
.st-table td{
  padding: 10px;
}
.st-table .label{
  font-size: 14px;
  font-weight: normal;
  background-color: #FAFAFA;
  display: inline-block;
  border: 1px solid;
  padding: 4px 10px;
  border-radius: 4px;
  margin-bottom: 8px;
}
.st-table .label.text-primary{
  color: #3686E4!important;
  background-color: #F5F9FE;
}
.st-table .label.text-success{
  color: #07BB04!important;
  background-color: #F3FCF2;
}
.label-unselected{
  display: inline-block;
  padding: 10px;
  color: #AFAFAF;
  border: 1px solid #AFAFAF;
  border-radius: 4px;
  text-align: center;
}
.label-solid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 10px;
}
.label-solid span{
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  background-color: #3686E4;
  display: inline-block;
  padding: 4px 10px;
  border-radius: 4px;
  white-space: nowrap;
}
.label-solid:after{
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: #3686E4;
}
.label-solid02:after{
  height: 4px;
}
.label-solid03:after{
  height: 7px;
}
/*----------- selected-win -----------*/
.selected-win{
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 10px rgb(0 0 0 / 25%);
}
.selected-win--header,
.selected-win--body,
.selected-win--bottom{
  padding: 10px 24px;
}
.selected-win--header{
  background-color: #F5F9FE;
  border-radius: 8px 8px 0 0;
}
.selected-win--header h3{
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  color: #3686E4;
}
.selected-win--item-title,
.selected-win--item-body{
  font-size: 12px;
}
.selected-win--item-body{
  margin-top: 5px;
  padding: 10px;
  border-left: 1px solid;
}
.selected-win-estimate-price{
  padding: 10px;
  border-bottom: 1px dashed;
  font-weight: 600;
  margin-bottom: 10px;
}
.selected-win-estimate-payment{
  padding: 10px;
}
.estimate-payment-text{
  font-size: 10px;
}
.estimate-text{
  margin-right: 10px;
}
.estimate-payment-list{
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 10px 0;
}
.estimate-payment-list-item{
  font-size: 12px;
  background-color: #F5F9FE;
  border-radius: 2px;
  display: inline-block;
  padding: 2px 4px;
}
.selected-win-preview img{
  max-width: 70px;
  max-height: 70px;
  width: auto;
  height: auto;
}
.selected-win-estimate-submit{
  margin-bottom: 20px;
}
.selected-win-estimate-submit button{
  border-radius: 6px;
  height: 40px;
  line-height: 40px;
}
.selected-win--item-body #estimate_item_materials > div .ec-input{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.selected-win--item-body #estimate_item_materials > div .input_material_quantity{
  width: calc(100% - 34px - 20px);
  margin: 0;
}
.selected-win--item-body #estimate_item_materials > div .delete_material{
  line-height: 0;
  padding: 0;
  height: unset;
  border: unset;
  border-radius: 4px;
  width: 34px;
}
/*----------- specific -----------*/
#estimate_print_sticker_material,
#estimate_cutting_sticker_material,
#estimate_cutting_sticker_option_text_align{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
  gap: 8px;
}
#estimate_print_sticker_material label,
#estimate_print_sticker_check_size label,
#estimate_print_sticker_option_specify_size label,
#estimate_print_sticker_option_low_quality label,
.estimate_print_sticker_upload_file--label,
.estimate_cutting_sticker_upload_file--label,
#estimate_cutting_sticker_material label,
#estimate_cutting_sticker_check_size label,
#estimate_cutting_sticker_option_specify_size label,
#estimate_cutting_sticker_option_mount_margin label,
#estimate_cutting_sticker_option_line label,
#estimate_cutting_sticker_option_text_align label,
#estimate_cutting_sticker_option_italic label,
#estimate_cutting_sticker_option_vertical_writing label{
  cursor: pointer;
  background-color: #FAFAFA;
  border: 1px solid #6F767C;
  border-radius: 6px;
  padding: 1rem 0;
  margin: 0;
  font-size: 12px;
}
#estimate_print_sticker_material label:hover,
#estimate_print_sticker_material input[name="estimate_print_sticker[material]"]:checked + label,
.modal-btn:hover,
.modal-btn.is-active,
#estimate_print_sticker_check_size input[name="estimate_print_sticker[check_size]"]:checked + label,
#estimate_print_sticker_option_specify_size input[name="estimate_print_sticker[option][specify_size]"]:checked + label,
#estimate_print_sticker_option_low_quality input[name="estimate_print_sticker[option][low_quality]"]:checked + label,
#estimate_cutting_sticker_material label:hover,
#estimate_cutting_sticker_material input[name="estimate_cutting_sticker[material]"]:checked + label,
#estimate_cutting_sticker_check_size input[name="estimate_cutting_sticker[check_size]"]:checked + label,
#estimate_cutting_sticker_option_mount_margin input[name="estimate_cutting_sticker[option][mount_margin]"]:checked + label,
#estimate_cutting_sticker_option_specify_size input[name="estimate_cutting_sticker[option][specify_size]"]:checked + label,
#estimate_cutting_sticker_option_line input[name="estimate_cutting_sticker[option][line]"]:checked + label,
#estimate_cutting_sticker_option_text_align input[name="estimate_cutting_sticker[option][text_align]"]:checked + label,
#estimate_cutting_sticker_option_italic input[name="estimate_cutting_sticker[option][italic]"]:checked + label,
#estimate_cutting_sticker_option_vertical_writing input[name="estimate_cutting_sticker[option][vertical_writing]"]:checked + label{
  border-color: #FB2A4F;
  background-color: #FB2A4F;
  color: #fff;
}
.estimate_print_sticker_upload_file--label,
.estimate_cutting_sticker_upload_file--label{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}        
#estimate_print_sticker_check_size,
#estimate_print_sticker_option_specify_size,
#estimate_print_sticker_option_low_quality,
#estimate_cutting_sticker_check_size,
#estimate_cutting_sticker_option_specify_size,
#estimate_cutting_sticker_option_mount_margin,
#estimate_cutting_sticker_option_line{
  display: grid;
  gap: 10px;
}
#estimate_print_sticker_check_size label,
#estimate_print_sticker_option_specify_size label,
#estimate_print_sticker_option_low_quality label,
#estimate_cutting_sticker_check_size label,
#estimate_cutting_sticker_option_specify_size label,
#estimate_cutting_sticker_option_mount_margin label,
#estimate_cutting_sticker_option_line label,
#estimate_cutting_sticker_option_italic label,
#estimate_cutting_sticker_option_vertical_writing label{
  width: 100%;
  text-align: center;
}
#specify_size p,
#mount_margin p{
  margin-top: 16px;
}
#specify_size p.step-img,
#specify_size .attention.step-img p,
#mount_margin p.step-img,
#mount_margin .attention.step-img p{
  margin-top: 0;
}
#upload_file .attention{
  display: none;
}
#upload_file .attention.step-img{
  display: block;
}
.estimate_print_sticker_upload_file--preview,
.estimate_cutting_sticker_upload_file--preview{
  display: none;
  margin: 10px auto 0;
  text-align: center;
}
.estimate_print_sticker_upload_file--resolution {
  display: none;
}
.estimate_print_sticker_upload_file--resolution.is-active {
  display: block;
  margin: 10px auto 0;
}
.estimate_print_sticker_upload_file--preview.is-active,
.estimate_cutting_sticker_upload_file--preview.is-active{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.estimate_print_sticker_upload_file--preview img,
.estimate_cutting_sticker_upload_file--preview img{
  max-width: 72px;
  max-height: 72px;
  width: auto;
  height: auto;
}
#estimate_print_sticker_option_cut_shape{
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  margin-top: 14px;
  gap: 22px 38px;
}
#estimate_print_sticker_option_cut_shape label{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  border: 2px solid #fff;
  border-radius: 4px;
  padding: 10px;
  font-size: 12px;
}
#estimate_print_sticker_option_cut_shape input[name="estimate_print_sticker[option][cut_shape]"]:checked + label{
  border-color: #FB2A51;
  color: #FB2A51;
  font-weight: bold;
}
#estimate_print_sticker_option_cut_shape label::before{
  content: " ";
  display: inline-block;
  width: 38px;
  height: 38px;
  background-size: 100%;
}
label[for="estimate_print_sticker_option_cut_shape_0"]::before{
  background: url('/html/template/default/assets/img/estimate/icon-cut-shape0.png') no-repeat;
}
label[for="estimate_print_sticker_option_cut_shape_1"]::before{
  background: url('/html/template/default/assets/img/estimate/icon-cut-shape1.png') no-repeat;
}
label[for="estimate_print_sticker_option_cut_shape_2"]::before{
  background: url('/html/template/default/assets/img/estimate/icon-cut-shape2.png') no-repeat;
}
label[for="estimate_print_sticker_option_cut_shape_3"]::before{
  background: url('/html/template/default/assets/img/estimate/icon-cut-shape3.png') no-repeat;
}
#print_sticker_estimate_quantity{
  text-align: center;
  margin-top: 10px;
}
.setting_attention_modal-main-item dd.small{
  font-size: 10px;
}
.object1{
  display: inline-block;
  width: 3rem;
  height: 22px;
  background-color: #FFF847;
  border-top: 2px solid #FB2A4F;
  margin: 10px;
}
.object2{
  display: inline-block;
  color: #F02D50;
  border: 1px solid;
  border-radius: 3px;
  padding: 10px;
  white-space: nowrap;
}
.object3{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFA8B;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  white-space: nowrap;
}
.object4{
  display: inline-block;
  color: #35B0FF;
  border: 1px solid;
  border-radius: 3px;
  padding: 10px;
  white-space: nowrap;
}
.check-white-ink-flg-btn-wrap{
  display: flex;
  margin-top: 10px;
  gap: 10px;
  font-size: 12px;
}
.check-white-ink-flg-btn-wrap label{
  cursor: pointer;
}
.check-white-ink-flg-btn{
  display: inline-block;
  line-height: 0;
}
.check-white-ink-flg-btn input[type="checkbox"]{
  display: none;
}
.check-white-ink-flg-btn input[type="checkbox"]+label{
  display: inline-block;
  box-sizing: content-box;
  position: relative;
  width: 44px;
  height: 24px;
  background-color: #E8F0F2;
  border-radius: 24px;
}
.check-white-ink-flg-btn input[type="checkbox"]:checked+label{
  background-color: #FB2A51;
  border-color: #FB2A51;
}
.check-white-ink-flg-btn input[type="checkbox"]+label:before{
  content: "";
  position: absolute;
  display: block;
  width: 18px;
  height: 18px; /* widthと同じ 上のラベルの高さに揃える */
  left: 4px;
  top: 3px;
  border-radius: 50%;
  background-color: #FFF;
  box-shadow: 2px 2px 4px rgb(0 0 0 / 20%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.check-white-ink-flg-btn input[type="checkbox"]:checked+label:before{
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  box-shadow: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.content-item-grid{
  display: grid;
  gap: 16px;
}
.grid-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  padding: 10px;
  gap: 10px;
  border-radius: 4px;
}
.grid-item img{
  width: auto;
}
.text_input--options{
  margin-top: 10px;
}
.text_input--option{
  display: none;
}
.text_input--option.is-active{
  display: block;
}
#text_align, #sticker_text, #large_text, #italic-vertical_writing{
  margin-bottom: 10px;
}
#italic-vertical_writing.is-active{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 10px;
}
.font-list h3{
  font-size: 14px;
  padding: 8px;
  background-color: #F5F9FE;
  border-bottom: 1px solid;
}
.font-list h4{
  display: inline-block;
  font-size: 12px;
  padding: 8px;
  background-color: #FAFAFA;
  border: 1px solid #C5A600;
  border-radius: 4px;
}
.font-list p{
  display: flex;
  gap: 10px;
  margin-bottom: 16px;
}
.font-list--item{
  width: 100%;
  margin-bottom: 1rem;
  font-size: 40px;
}

.pointer-event-none{
  pointer-events: none;
  opacity: 0.5;
}
#design_modal_OK.is-selected-all{
  background-color: #3686E433;
  border-color: #3686E4;
  color: #3686E4;
  font-weight: bold;
  box-shadow: 0 0 7px 0 #3686E4;
}
/*----------- media query -----------*/
@media (max-width: 1023px) {
  .modal-item{
      width: 94vw;
  }
  .item-sidebar .modal-tab-list{
      display: grid;
      grid-template-columns: 1fr 1fr;
  }
  #page_product_estimate_print_sticker .ec-grid3 .ec-grid3__cell,
  #page_product_estimate_cutting_sticker .ec-grid3 .ec-grid3__cell{
      width: 50%;
      margin: 0 auto;
  }
  #estimate_print_sticker_material{
      grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  #page_product_estimate_print_sticker .ec-grid3 .ec-grid3__cell,
  #page_product_estimate_cutting_sticker .ec-grid3 .ec-grid3__cell{
      width: 100%;
      margin: 0 auto;
  }
  .form-item03 .ec-select{
      margin-bottom: 10px;
  }
  .form-item03 .ec-numberInput-item{
      width: 50%;
  }
}
@media (min-width: 1024px) {
  #page_product_estimate_print_sticker .ec-grid3__cell:nth-child(2),
  #page_product_estimate_cutting_sticker .ec-grid3__cell:nth-child(2){
      width: 430px;
  }
  #page_product_estimate_print_sticker .ec-productRole__actions,
  #page_product_estimate_cutting_sticker .ec-productRole__actions{
      padding: 0;
  }
  .modal-main,
  .content-item-grid,
  #page_product_estimate_cutting_sticker .design_modal-main.step-img,
  #page_product_estimate_cutting_sticker_edit .design_modal-main.step-img{
      grid-template-columns: 1fr 1fr;
  }
  .modal-main.modal-main-one{
    grid-template-columns: 1fr;
  }
  .sozai_modal-main.modal-main_0,
  .modal-cutting .sozai_modal-main.modal-main_1{
      gap: 2rem;
      grid-template-columns: 200px calc(100% - 200px - 2rem);
  }
  .modal-main.modal-main_1,
  .modal-cutting .sozai_modal-main.modal-main_0,
  #page_product_estimate_cutting_sticker .setting_attention_modal-main.modal-main.modal-main_0,
  #page_product_estimate_cutting_sticker .setting_attention_modal-main.modal-main.modal-main_2,
  #page_product_estimate_cutting_sticker .setting_attention_modal-main.modal-main.modal-main_3,
  #page_product_estimate_cutting_sticker_edit .setting_attention_modal-main.modal-main.modal-main_0,
  #page_product_estimate_cutting_sticker_edit .setting_attention_modal-main.modal-main.modal-main_2,
  #page_product_estimate_cutting_sticker_edit .setting_attention_modal-main.modal-main.modal-main_3{
      grid-template-columns: 1fr;
  }
  .nouhin_modal-main.modal-main,
  .size_modal-main.modal-main,
  .setting_attention_modal-main.modal-main,
  .design_modal-main.step-img,
  .modal-cutting .modal-tab-list-header .modal-tab-list,
  #page_product_estimate_cutting_sticker .setting_attention_modal-main.modal-main.modal-main_3 .content-item-grid,
  #page_product_estimate_cutting_sticker .step01 .design_modal-main.modal-main,
  #page_product_estimate_cutting_sticker .design_modal-main.step-txt,
  #page_product_estimate_cutting_sticker_edit .setting_attention_modal-main.modal-main.modal-main_3 .content-item-grid,
  #page_product_estimate_cutting_sticker_edit .step01 .design_modal-main.modal-main,
  #page_product_estimate_cutting_sticker_edit .design_modal-main.step-txt{
      grid-template-columns: 1fr 1fr 1fr;
  }
  .setting_attention_modal-tab-list-header.modal-tab-list-header .modal-tab-list{
      grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .selected-win{
      position: sticky;
      top: 1rem;
      max-width: 90%;
      margin-right: 0;
      margin-left: auto;
  }
}
/*----------- fonts -----------*/
/* .font-ja-00{font-family: "FOT-筑紫A丸ゴシック Std B";}
.font-ja-01{font-family: "FOT-筑紫ANB丸ゴS Std B";}
.font-ja-02{font-family: "FOT-スーラ ProN M";}
.font-ja-03{font-family: "FOT-スーラ ProN B";}
.font-ja-04{font-family: "FOT-スーラ ProN EB";}
.font-ja-05{font-family: "FOT-筑紫AMゴシックS Std B";}
.font-ja-06{font-family: "FOT-筑紫オールドゴシック Std B";}
.font-ja-07{font-family: "FOT-ニューロダン ProN M";}
.font-ja-08{font-family: "FOT-ニューロダン ProN B";}
.font-ja-09{font-family: "FOT-ニューロダン ProN EB";}
.font-ja-10{font-family: "FOT-UD明朝 Pr6 M";}
.font-ja-11{font-family: "FOT-UD明朝 Pr6 B";}
.font-ja-12{font-family: "FOT-モード明朝Aラージ ProN B";}
.font-ja-13{font-family: "FOT-モード明朝Aラージ ProN H";}
.font-ja-14{font-family: "I-OTF行書Pro B";}
.font-ja-15{font-family: "I-OTF新隷書Pro M";}
.font-ja-16{font-family: "FOT-大江戸勘亭流 Std E";}
.font-ja-17{font-family: "I-OTF楷書Pro D";}
.font-ja-18{font-family: "FOT-清御隷書体 StdN R";}
.font-ja-19{font-family: "FOT-ロックンロール Std DB";}
.font-ja-20{font-family: "FOT-スランプ Std DB";}
.font-ja-21{font-family: "FOT-Popジョイ Std B";}
.font-ja-22{font-family: "FOT-ハミング ProN B";}
.font-ja-23{font-family: "FOT-コミックミステリ Std DB";}
.font-ja-24{font-family: "FOT-ユールカ Std UB";}
.font-ja-25{font-family: "FOT-ベビポップ Std EB";}
.font-ja-26{font-family: "FOT-パルラムネ Std B";}
.font-ja-27{font-family: "FOT-スキップ ProN B";}
.font-en-00{font-family: "FOT-カッコウ Std B";}
.font-en-01{font-family: "DINNextStencil-Bold";}
.font-en-02{font-family: "OptimaNovaLTPro-Demi";}
.font-en-03{font-family: "OptimaLTPro-ExtraBlack";}
.font-en-04{font-family: "ClarendonBTPro-Black";}
.font-en-05{font-family: "CooperBlackLTPro";}
.font-en-06{font-family: "DaytonaPro-Fat";}
.font-en-07{font-family: "EurostileCandyLTPro-Bold";}
.font-en-08{font-family: "BraganzaITCStd-Regular";}
.font-en-09{font-family: "KaufmannStd-Bold";}
.font-en-10{font-family: "MistralStd";}
.font-en-11{font-family: "ZapfinoExtraLTPro";}
.font-en-12{font-family: "WalbaumFrakturCom";}
.font-en-13{font-family: "HelveticaNowText-Black";}
.font-en-14{font-family: "HelveticaNowText-Bold";} */
.font-list--item[data-val="35"]{font-family: "FOT-筑紫A丸ゴシック Std B";}
.font-list--item[data-val="34"]{font-family: "FOT-筑紫ANB丸ゴS Std B";}