.price-form {
  width: 35%;
  position: fixed;
  height: 100vh;
  background: #ebebeb;
  margin-right: 20px;
  padding: 20px 20px 20px 0;
  color: #28596b;
  z-index: 10001;
  max-width: 500px;
  transition: 0.3s;
  transform: translate(-100%, 0);
}
.warning {
  font-size: 1rem;
  font-weight: bold;
  color: red;
}
input[type='radio' i] {
  margin: 0 !important;
  margin-right: 10px !important;
}
.price-form.print {
  position: absolute;
  height: auto;
}
.price-form.open {
  transform: translate(0, 0);
}
@media (max-width: 1100px) {
  .price-form {
    width: 40%;
    max-width: unset;
  }
}
/* @media (max-width: 900px) {
  .price-form {
    width: 90%;
  }
} */
@media (max-width: 900px) {
  .price-form {
    width: 98%;
  }
}
.price-form .back-btn {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  width: 40px;
  height: 80px;
  border-radius: 100px 0 0 100px;
  background: #28596b;
  z-index: 10002;
}
.price-form .back-btn:before {
  font-family: 'Font Awesome 5 Free';
  content: '\f060';
  font-weight: 900;
  color: #fff;
  font-size: 18pt;
  right: 0px;
  top: 18px;
  position: absolute;
}
.price-form .inner {
  background: #fff;
  padding: 30px 40px;
  height: 89vh;
  overflow: scroll;
}
.print-area .print2 {
  overflow: auto;
  height: auto;
}
@media (max-width: 1000px) {
  .price-form .inner {
    padding: 30px 20px;
  }
}
@media (max-width: 900px) {
  .price-form .inner {
    padding: 30px 40px;
  }
}
.price-form .inner .scroll-inner {
}
.scroll-inner p.title {
  font-weight: bold;
}
#form-area {
  width: 100%;
  margin: 30px 0;
}
#form-area .form-parts {
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 25px;
  border-bottom: 3px solid #28596b;
}
img.close-btn {
  cursor: pointer;
  width: 20px;
  position: absolute;
  right: 0;
  z-index: 100;
}
label {
  cursor: pointer;
  position: relative;
  margin-top: 20px;
  display: block;
  font-size: 13pt;
}
input {
  outline: none;
  border-radius: 0;
  border: 1px solid #28596b;
  padding: 7px;
  color: #28596b;
}
input:focus {
  border: 1px solid #21baff;
}
select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  width: 100%;
  background: #fff;
  margin-top: 10px;
  padding: 7px 10px;
  outline: none;
  color: #28596b;
  border: 1px solid #28596b;
}
label.door:before {
  position: absolute;
  top: 53px;
  right: 15px;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid #28596b;
  pointer-events: none;
  z-index: 100;
}
form.form-parts .size {
  display: none;
}
form.form-parts.fix .size {
  display: block;
}
.size ._input-area {
  display: flex;
  align-items: baseline;
}
.size ._input-area label {
  font-size: 11pt;
  font-weight: 300;
}

.size ._input-area input {
  width: 50px;
  margin: 0 15px 0 15px;
}

form.form-parts .aluminum {
  display: none;
}
form.form-parts.rdx .aluminum,
form.form-parts.rdz .aluminum,
form.form-parts.rdm .aluminum,
form.form-parts.rds .aluminum,
form.form-parts.std .aluminum,
form.form-parts.tdx .aluminum,
form.form-parts.altd .aluminum,
form.form-parts.udy .aluminum,
form.form-parts.ndy .aluminum,
form.form-parts.srdm .aluminum,
form.form-parts.fix .aluminum,
form.form-parts.flash .aluminum,
form.form-parts.kamati .aluminum {
  display: block;
}

form.form-parts .aluminum ._item {
  display: flex;
}
form.form-parts .aluminum label span::before {
  content: '/';
}

form.form-parts .white,
form.form-parts .aibory,
form.form-parts .silver,
form.form-parts .msilver,
form.form-parts .mblack,
form.form-parts .sten {
  display: none;
}

form.form-parts.tdx .white,
form.form-parts.ndy .white,
form.form-parts.fix .white,
form.form-parts.flash .white {
  display: inline-block;
}
form.form-parts.rdm .aibory,
form.form-parts.rds .aibory,
form.form-parts.altd .aibory,
form.form-parts.udy .aibory,
form.form-parts.srdm .aibory,
form.form-parts.wdy .aibory,
form.form-parts.vdy .aibory,
form.form-parts.fix .aibory,
form.form-parts.flash .aibory,
form.form-parts.kamati .aibory {
  display: inline-block;
}

form.form-parts.flash .silver {
  display: inline-block;
}

form.form-parts.rdx .msilver,
form.form-parts.rdz .msilver,
form.form-parts.rdm .msilver,
form.form-parts.rds .msilver,
form.form-parts.tdx .msilver,
form.form-parts.altd .msilver,
form.form-parts.srdm .msilver,
form.form-parts.fix .msilver {
  display: inline-block;
}
form.form-parts.rdx .mblack,
form.form-parts.rdz .mblack,
form.form-parts.rdm .mblack,
form.form-parts.rds .mblack,
form.form-parts.std .mblack,
form.form-parts.tdx .mblack,
form.form-parts.altd .mblack,
form.form-parts.srdm .mblack,
form.form-parts.fix .mblack {
  display: inline-block;
}

form.form-parts.rdm .sten,
form.form-parts.rds .sten,
form.form-parts.std .sten,
form.form-parts.altd .sten,
form.form-parts.srdm .sten,
form.form-parts.fix .sten {
  display: inline-block;
}

.aluminum input[type='radio'] {
  width: 18px !important;
  height: 18px !important;
  display: inline-block;
  position: relative;
  z-index: 3;
}
.aluminum ._item:nth-of-type(1) input[type='radio'] {
  margin-right: 0 !important;
}
.aluminum ._item:nth-of-type(1) input[type='radio']::after {
  content: '';
  width: 1em;
  height: 1.4em;
  background: #fff;
  position: absolute;
  right: -1em;
  z-index: 2;
}
.aluminum ._label {
  display: inline-block;
  margin-top: 0;
  font-size: 12pt;
  word-break: normal;
  vertical-align: middle;
}

form.form-parts .film {
  display: none;
}
form.form-parts.rdx .film,
form.form-parts.rdz .film,
form.form-parts.rdm .film,
form.form-parts.rds .film,
form.form-parts.std .film,
form.form-parts.tdx .film,
form.form-parts.altd .film,
form.form-parts.srdm .film,
form.form-parts.fix .film {
  display: block;
}

.film ._flex-wrap {
  display: flex;
}
.film ._flex-wrap ._item {
  margin-right: 20px;
}
.film input[type='radio'] {
  width: 18px !important;
  height: 18px !important;
  display: inline-block;
}
.film ._label {
  display: inline-block;
  margin-top: 0;
  font-size: 12pt;
}

form.form-parts .material {
  display: none;
}
form.form-parts.udy .material,
form.form-parts.wdy .material,
form.form-parts.vdy .material,
form.form-parts.kamati .material {
  display: block;
}
.material ._flex-wrap ._item {
  margin-right: 20px;
}
.material input[type='radio'] {
  width: 18px !important;
  height: 18px !important;
  display: inline-block;
}
.material ._label {
  display: inline-block;
  margin-top: 0;
  font-size: 12pt;
}

form.form-parts .handle {
  display: none;
}
form.form-parts.rdx .handle,
form.form-parts.std .handle,
form.form-parts.tdx .handle,
form.form-parts.altd .handle {
  display: block;
}

.handle ._flex-wrap {
  display: flex;
}
.handle ._flex-wrap ._item {
  margin-right: 20px;
}
.handle input[type='radio'] {
  width: 18px !important;
  height: 18px !important;
  display: inline-block;
}
.handle ._label {
  display: inline-block;
  margin-top: 0;
  font-size: 12pt;
}

form.form-parts .rock {
  display: none;
}
form.form-parts.rds .rock,
form.form-parts.rdm .rock,
form.form-parts.udy .rock,
form.form-parts.ndy .rock,
form.form-parts.srdm .rock,
form.form-parts.flash .rock,
form.form-parts.kamati .rock {
  display: block;
}

.rock ._flex-wrap ._item {
  margin-right: 20px;
}
.rock input[type='radio'] {
  width: 18px !important;
  height: 18px !important;
  display: inline-block;
}
.rock ._label {
  display: inline-block;
  margin-top: 0;
  font-size: 12pt;
}

/* form.form-parts .rock-2 {
  display: none;
}
form.form-parts.udy .rock-2,
form.form-parts.ndy .rock-2,
form.form-parts.kamati .rock-2 {
  display: block;
}
.rock-2 ._flex-wrap ._item {
  margin-right: 20px;
}
.rock-2 input[type='radio'] {
  width: 18px !important;
  height: 18px !important;
  display: inline-block;
}
.rock-2 ._label {
  display: inline-block;
  margin-top: 0;
  font-size: 12pt;
}

form.form-parts .rock-3 {
  display: none;
}
form.form-parts.flash .rock-3 {
  display: block;
}
.rock-3 ._flex-wrap ._item {
  margin-right: 20px;
}
.rock-3 input[type='radio'] {
  width: 18px !important;
  height: 18px !important;
  display: inline-block;
}
.rock-3 ._label {
  display: inline-block;
  margin-top: 0;
  font-size: 12pt;
} */

form.form-parts .sheet {
  display: none;
}
form.form-parts.ndy .sheet,
form.form-parts.flash .sheet {
  display: block;
}
.sheet ._flex-wrap {
  display: flex;
}
.sheet ._flex-wrap ._item {
  margin-right: 20px;
}
.sheet input[type='radio'] {
  width: 18px !important;
  height: 18px !important;
  display: inline-block;
}
.sheet ._label {
  display: inline-block;
  margin-top: 0;
  font-size: 12pt;
}
.item-cnt {
  margin-top: 20px;
  border-top: 1px solid #28596b;
  display: flex;
  align-items: baseline;
}
.item-cnt input {
  width: 50px;
  margin: 0 20px 0 20px;
}
.item-cnt .small {
  font-size: 12pt;
}
.result-box {
  background: #a2e0f8 !important;
  border: 2px solid #bcecf5;
  padding: 10px;
  -webkit-print-color-adjust: exact;
}
.result-box p {
  color: #28596b;
  font-size: 11pt;
}
.result-box .index {
  color: #28596b;
  font-weight: bold;
  font-size: 13pt;
}
.result-box #inner-box {
}
.product-sep {
  position: relative;
  padding: 10px;
  margin-top: 10px;
  background: #dbf5ff;
  margin-bottom: 25px;
}
.product-detail {
  margin-bottom: 10px;
}
.product-detail .p-flex-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
.product-detail .p-name {
  font-size: 12pt;
  font-weight: bold;
}
.product-detail ._index {
  font-size: 12pt;
  font-weight: bold;
}
.product-detail .order-detail {
  font-size: 12pt;
  font-weight: 400;
}
.subtotal {
  border-top: 1px solid #fff;
  padding-top: 10px;
}
.subtotal p {
  font-weight: bold;
  font-size: 12pt;
}
.subtotal-flex-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.subtotal-num span {
  font-size: 10pt;
}
.subtotal .warning {
  font-size: 8pt;
  font-weight: normal;
}
#total-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#total-wrap .total-num {
  font-weight: bold;
  font-size: 12pt;
}
#total-wrap p {
  font-weight: bold;
  font-size: 12pt;
}
.result-box p.note {
  font-size: 9pt;
  margin-top: 10px;
}
.result-box p.note a {
  color: #28596b;
  border-bottom: 1px solid #28596b;
}
.print-btn {
  color: #27586b;
  margin: 20px 0 10px 0;
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  display: block;
  cursor: pointer;
}
.print-btn::after {
  font-family: 'Font Awesome 5 Free';
  content: '\f1c1';
  margin-left: 5px;
}
#add-btn {
  cursor: pointer;
  width: 60%;
  margin: 40px auto 0px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#add-btn p {
  color: #28596b;
  font-weight: bold;
  font-size: 12pt;
  margin-right: 5px;
}
#add-btn ._circle {
  width: 21px;
  height: 21px;
  background: #28596b;
  position: relative;
  border-radius: 100%;
}
#add-btn ._circle::before {
  position: absolute;
  content: '＋';
  color: #fff;
  font-size: 11pt;
  font-weight: bold;
  top: -2px;
  left: 2.8px;
}
/* ボタン */
.sub-open-btn {
  cursor: pointer;
}
.open-btn {
  cursor: pointer;
  position: fixed;
  width: 114px;
  top: calc(50% - -46px);
  left: 0;
  z-index: 1;
}
.open-btn-sp {
  visibility: hidden;
}
@media (max-width: 770px) {
  .open-btn {
    top: unset;
    width: 84px;
  }
  .open-btn-sp {
    padding: 15px 10px;
    background: #27586b;
    color: #fff;
    visibility: visible;
    top: unset;
    bottom: 51px;
    font-size: 8pt;
  }
  .open-btn-pc {
    visibility: hidden;
  }
}

/* #content.open #main {
  width: 1360px;
  margin-right: 0;
  margin-left: auto;
  background: #fff;
  padding-top: 1px;
} */

#content.open #main {
  max-width: 770px;
  width: 100%;
  background: #fff;
  padding-top: 1px;
  margin-right: 0;
  margin-left: 40%;
}
#content.open #main {
  max-width: 770px;
  width: 100%;
  background: #fff;
  padding-top: 1px;
  margin-right: 0;
  margin-left: 30%;
}
@media (min-width: 800px) {
  #content.open #main {
    margin-left: 40%;
  }
}
@media (min-width: 1100px) {
  #content.open #main {
    margin-left: 40%;
  }
}

#content.open header {
  max-width: 770px;
  width: 100%;
  margin: 20px 0;
}
#content.open header h1 span {
  display: block;
  font-size: 12px;
  text-align: center;
  position: relative;
  top: 15px;
  letter-spacing: 0.2em;
  right: 0;
}
#content.open header h1 a {
  color: #00bbff;
  font-size: 24px;
  padding: 10px 0 0px 0%;
  display: block;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
  text-align: center;
}
#content.open header h1 a img {
  margin: 0 10px 0 0;
  position: relative;
  top: 5px;
}

#content.open #main header nav#fixedBox {
  margin: 0px auto 14px;
  background: #fff;
  width: 100%;
}
#content.open #main header nav#fixedBox .menubtn {
  color: #27586b;
  background: url(../images/common/bg-navi3line.png) no-repeat left center,
    url(../images/common/bg-navi3line.png) no-repeat right center;
  text-align: center;
  padding: 10px 0;
}
#content.open #main nav#fixedBox ul {
  display: none !important;
}

#content.open #contents {
  color: #27586b;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}

#content.open #icatch {
  margin-bottom: 30px;
}

#content.open figure img {
  width: 100%;
}
#content.open #main nav#submenu {
  margin: 0;
  background: unset;
  padding: 0;
}
#content.open #main nav#submenu ul {
  margin: 0;
  background: unset;
  padding: 0;
}
#content.open #main nav#submenu ul li {
  text-align: center;
  width: 50%;
  float: left;
  padding-right: 0;
  background: none;
  height: auto;
}
#content.open #main nav#submenu ul li a {
  color: #27586b;
  display: block;
  font-size: 18px;
  /* text-align: center; */
  max-width: 500px;
  width: 95%;
  margin: 10px auto;
  background: url(../images/common/bg-navi1line.png) no-repeat right center,
    url(../images/common/bg-navi1line.png) no-repeat left center;
  text-align: center;
  position: relative;
  padding-top: 5px;
  height: 30px;
  line-height: 1em;
}

#content.open .stile {
  overflow: hidden;
  margin-top: -60px;
  padding-top: 60px;
}
#content.open .pages h2 {
  font-size: 24px;
  margin: 70px 0 30px;
  padding: 10px 0 10px 70px;
  line-height: 1.4;
  background-size: 50px;
}
#content.open .catalog-name {
  overflow: hidden;
  margin: 0 0 20px 0;
}
#content.open .catalog-name h3 {
  font-size: 20px;
  line-height: 1.3em;
  padding: 0;
  font-weight: normal;
  float: none;
}
#content.open .catalog-name p {
  font-size: 26px;
  font-family: 'Pathway Gothic One', sans-serif;
  line-height: 1em;
  float: none;
}
#content.open .catalog-name span {
  font-size: 20px;
}
#content.open .catalog-maininfo {
  display: flex;
}
#content.open .catalog-maininfo figure {
  float: left;
  width: 47%;
  margin-right: 3%;
}
#content.open .catalog-maininfo figure img {
  width: 98%;
}
#content.open .catalog-box {
  float: none;
}
#content.open .catalog-box h4 {
  font-weight: normal;
  font-size: 19px;
  margin: 14px 0;
}
#content.open .catalog-maininfo ul {
  padding: 0px;
  margin-top: 0px;
  overflow: hidden;
}
#content.open .catalog-maininfo ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 44%;
}
#content.open .catalog-maininfo ul li img {
  width: 96%;
  border: 5px solid #27586b !important;
}
#content.open .catalog-maininfo table {
  font-size: 9px;
  text-align: left;
  width: 100%;
  margin-bottom: 30px;
}
#content.open .catalog-subinfo figure {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
#content.open .catalog-subinfo figure img {
  width: 43%;
  float: left;
}
#content.open .catalog-subinfo figure figcaption {
  font-size: 14px;
  padding: 0 0px;
  width: 50%;
  float: left;
  margin-left: 2%;
}

#content.open .catalog-content {
  width: auto;
}
#content.open address {
  width: auto;
  max-width: 770px;
  margin-left: 40%;
}
#content.open footer nav {
  width: auto;
  max-width: 770px;
  margin-left: 40%;
}
#content.open #footer-area1 ul {
  width: auto;
  max-width: 770px;
  margin-left: 40%;
}
#content.open footer p {
  width: auto;
  max-width: 770px;
  margin-left: 40%;
}

.print-off {
  display: none;
}