@charset "UTF-8";
/* CSS Document */

.sp {
  display: none;
}
.pc {
  display: block;
}

.pladanDetail {
  max-width: 1200px;
  margin: 60px auto 60px auto !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pladanDetail div:first-child {
  width: 30.833%;
}
.pladanDetail div:first-child img {
  width: 100%;
}
.pladanDetail div:last-child {
  width: 65%;
}
.pladanDetail div.errorBlock.desinend {
  margin-bottom: 60px !important;
}
.pladanDetail h1 {
  font-size: 24px;
  background: #e7f2f9;
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
  margin-bottom: 20px;
}

.pladanOther {
  max-width: 1200px;
  margin: 0 auto 60px auto;
}
.pladanOther h3 {
  font-size: 22px;
  line-height: 22px;
  text-align: left;
  position: relative;
  padding: 0 0 15px 0;
  margin: 0 0 25px 0;
}
.pladanOther h3:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  border-bottom: solid 2px #232323;
  width: 160px;
}
.pladanOther h3:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  border-bottom: solid 1px #dcdcdc;
  width: 100%;
}
.pladanOther h4 {
  width: 100%;
  text-align: left;
  font-weight: bold;
  margin: 10px 0;
}
.pladanOther section {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  margin: 0 0 20px 0;
}
.pladanOther section div {
  width: 220px;
  margin-right: 25px;
}
.pladanOther section div:last-child {
  margin-right: 0;
}
.pladanOther section div a {
  width: 100%;
  height: 57px;
  border: solid 1px #dcdcdc;
  position: relative;
  box-sizing: border-box;
  display: block;
}
.pladanOther section div a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: -1px;
  width: calc(100% + 2px);
  border-bottom: solid 2px #232323;
  box-sizing: border-box;
}
.pladanOther section div img {
  width: 50px;
}

.pladanOther section div p {
  height: 54px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.pladanOther section div p:first-child {
  float: left;
  width: 31.81%;
  padding-left: 4.59%;
}
.pladanOther section div p:last-child {
  float: left;
  width: 68.18%;
  display: flex; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */
  line-height: 14px;
  font-size: 14px;
}
.pladanOther section div::after {
  content: "";
  display: block;
  clear: both;
}
.pladanOther section div a:hover,
.pladanOther section div a:active {
  background: #e7f2f9;
  border: solid 1px #1782c3;
  color: #1782c3;
}

.pladanOther section div a:hover:after,
.pladanOther section div a:active:after {
  border-bottom: solid 2px #1782c3;
}

.pladanOther p {
  text-align: right;
}
.pladanOther p a {
  display: inline-block;
}

.pladanDetailContent {
  max-width: 1200px;
  margin: 0 auto 50px auto;
  padding-bottom: 50px;
  border-bottom: solid 1px #e5e5e5;
}

.pladanDetailContent h2 {
  font-size: 28px;
  padding-bottom: 30px;
}
.pladanDetailContent section {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  margin: 0 0 40px 0;
}
.pladanDetailContent section:last-child {
  margin-bottom: 0;
}
.pladanDetailContent section#is_print .print_design_button {
  margin-top: -6px;
}
.pladanDetailContent section#is_print .print_design_button button {
  width: 100px;
  height: 30px;
  border: solid 1px #1782c3;
  background: #1782c3;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
.pladanDetailContent section#is_print .print_design_button button:hover {
  opacity: 0.7;
}
.pladanDetailContent section h3 {
  width: 100%;
  font-size: 20px;
  padding-bottom: 10px;
}
.pladanDetailContent section h3 a {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  padding-left: 10px;
}
.pladanDetailContent section div {
  width: 250px;
  margin-right: 25px;
}
.pladanDetailContent section div img {
  width: 67px;
}
.pladanDetailContent section div:last-child {
  margin-right: 0;
}

.pladanDetailContent section div .radio-shape {
  width: 100%;
  height: 70px;
  border: solid 1px #dcdcdc;
  position: relative;
  box-sizing: border-box;
  display: block;
  cursor: pointer;
  line-height: 67px;
  font-weight: bold;
}
.pladanDetailContent section div .radio-shape:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: -1px;
  width: calc(100% + 2px);
  border-bottom: solid 2px #232323;
  box-sizing: border-box;
}

.pladanDetailContent section div input[type="radio"]:checked + .radio-shape {
  border: solid 1px #1782c3;
  background: #e7f2f9;
  color: #1782c3;
}
.pladanDetailContent
  section
  div
  input[type="radio"]:checked
  + .radio-shape:after {
  border-bottom: solid 2px #1782c3;
}
.pladanDetailContent section div .radio-shape img {
  display: inline-block;
  margin-right: 10px;
}
.pladanDetailContent section div .radio-shape span {
  /*display: inline-block;*/
  display: flex;
  width: calc(100% - 79px);
  /*vertical-align: top;*/
  height: 100%;
  align-items: center;
  line-height: 1em;
  float: left;
}
.pladanDetailContent section.colorBox div {
  width: 204px !important;
  margin-right: 20px !important;
  margin-bottom: 15px;
}
.pladanDetailContent section.colorBox div img {
  width: 68px;
  float: left;
}

.pladanDetailContent section h4 {
  width: 100%;
  margin-bottom: 10px;
}
.pladanDetailContent section h4 img {
  height: 28px;
  width: auto;
  display: inline-block;
  vertical-align: bottom;
}

.pladanDetailContent section.colorBox div .radio-shape {
  height: 54px;
  line-height: 48px;
}
.pladanDetailContent section div input[type="radio"]:disabled + .radio-shape {
  border: solid 1px #eeeeee;
  background: #eeeeee;
  color: #999999;
  cursor: initial;
}
.pladanDetailContent
  section
  div
  input[type="radio"]:disabled
  + .radio-shape:after {
  border-bottom: solid 2px #232323;
}
.pladanDetailContent
  section
  div
  input[type="radio"]:disabled
  + .radio-shape
  img {
  opacity: 0.6;
}

.pladanDetailContent.optionBox section div {
  width: 204px;
  margin-right: 20px;
}
.pladanDetailContent.optionBox section div img {
  width: 90px;
  display: inline-block;
  float: left;
}

.pladanDetailContent.optionBox section div.subImg img {
  width: auto;
  height: 93px;
  display: inline-block;
  margin-right: 20px;
}

.pladanDetailContent.optionBox section div .radio-shape {
  height: 93px;
  line-height: 93px;
  display: table;
}
.pladanDetailContent.optionBox section div .radio-shape span {
  /*display: table-cell;
    width: 100%;
    vertical-align: middle;
    height: 100%;
    line-height:1.4em;*/
  display: flex;
  width: calc(100% - 110px);
  height: 100%;
  align-items: center;
  line-height: 1em;
  float: left;
  padding-right: 10px;
}

.pladanDetailContent.optionBox section.handleBox div .radio-shape {
  height: 70px;
  line-height: 70px;
}

.pladanDetailContent.optionBox section.textBox div {
  width: 100%;
  margin-right: 20px;
}

.pladanDetailContent section.radioBox div {
  width: auto;
  margin-right: 0;
}
.pladanDetailContent section.radioBox div > div {
  margin-right: 40px;
}
.radio {
  margin: 0;
  line-height: 20px;
  font-weight: bold;
}
.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.radio input[type="radio"] + .radio-label:before {
  content: "";
  background: #ffffff;
  border-radius: 100%;
  border: 1px solid #bfbfbf;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: -0.1em;
  margin-right: 10px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.radio input[type="radio"]:checked + .radio-label:before {
  background-color: #1782c3;
  box-shadow: inset 0 0 0 4px #e7f2f9;
  border: 1px solid #1782c3;
}
.radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #1782c3;
  border: 1px solid #1782c3;
}
.radio input[type="radio"]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #ffffff;
  border-color: #bfbfbf;
  background: #ffffff;
}
.radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}

.pladanOther p {
  text-align: right;
}
.pladanOther p a {
  display: inline-block;
}
.pladanSpec::after {
  content: "";
  display: block;
  clear: both;
}
.pladanSpec div.box1 {
  float: left;
  width: 50%;
}
.pladanSpec div.box2 {
  float: right;
  width: 50%;
  font-weight: bold;
}
.pladanSpec div.box2 img {
  width: 400px;
  height: auto;
}
.pladanSpec section {
  width: 100%;
}
.pladanSpec section div {
  width: 100%;
}

.textBox h3 span {
  background: #f00;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  width: 50px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

.textBox div input[type="text"],
.textBox div input[type="number"] {
  width: 200px;
  height: 40px;
  border: solid 1px #bfbfbf;
  margin-right: 10px;
  padding: 0 10px;
  font-size: 16px;
}
.textBox div span {
  font-size: 14px;
}
.textBox div select {
  width: 200px;
  height: 40px;
  border: solid 1px #bfbfbf;
  margin-right: 10px;
}

.pladanOption {
  max-width: 1200px;
  margin: 0 auto 60px auto;
}

.pladanOption h2 {
  font-size: 28px;
  padding-bottom: 20px;
}
.pladanOption section h3 {
  width: 100%;
  font-size: 20px;
  padding-bottom: 10px;
}
.pladanOption section div.pladanTypeContent {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}
.pladanOption section div.pladanTypeContent div {
  width: 47.5%;
}
.pladanOption section div.pladanTypeContent div img {
  width: 100%;
}
.pladanOption section div.pladanTypeContent div span {
  font-weight: bold;
}

.pladanProduction {
  max-width: 1200px;
  margin: 0 auto 100px auto;
  border-top: solid 1px #dcdcdc;
}
.pladanProduction a {
  width: 50%;
  margin: 70px auto 0 auto;
  display: block;
}
.pladanProduction a img {
  width: 100%;
}

.pladan_calculation {
  width: 600px;
  height: 70px;
  border: solid 1px #1782c3;
  border-bottom: solid 2px #1782c3;
  background: #e7f2f9;
  margin: 0 auto 40px auto;
  display: block;
  font-size: 18px;
  color: #1782c3;
  font-weight: bold;
  cursor: pointer;
}

.pladan_calculation_cash {
  width: 100%;
  background: #e7f2f9;
  text-align: center;
  padding: 40px;
  display: none;
}
.pladan_calculation_cash p:first-child {
  width: 66.6%;
  margin: 0 auto;
  border-bottom: solid 1px #1782c3;
  font-size: 16px;
  font-weight: bold;
  color: #1782c3;
  padding-bottom: 15px;
}
.pladan_calculation_cash p:first-child span:first-child {
  font-size: 24px;
}
.pladan_calculation_cash p:first-child span:last-child {
  font-size: 14px;
}
.pladan_calculation_cash p:last-child {
  font-size: 16px;
  font-weight: bold;
  color: #1782c3;
  padding-top: 15px;
}
/* 以下定義を追加(coresoft) START */
.pladan_calculation_cash p:nth-child(2) {
  font-size: 16px;
  font-weight: bold;
  color: #1782c3;
  padding-top: 15px;
}
.pladan_calculation_cash p:nth-child(3) {
	font-size:16px;
	font-weight:bold;
	color:#ff0000;
	padding:15px 20px 0;
}
/* 以下定義を追加（coresoft）END */
.pladan_calculation_caption {
  width: 100%;
  margin: 40px auto 60px;
  font-size: 16px;
  padding: 40px;
  background: #f0f0f0;
  text-align: center;
}
.pladan_calculation_caption span {
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 10px;
  display: inline-block;
}

.pladan_calculation2 {
  width: 600px;
  height: 70px;
  border: solid 1px #1782c3;
  background: #1782c3;
  margin: 0 auto 80px auto;
  display: block;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}

.option_r_cut,
.option_c_cut,
.option_punching {
  width: 100% !important;
  margin: 50px 0 0 0;
  display: none;
  flex-wrap: wrap;
  justify-content: initial;
}
.option_r_cut.open,
.option_c_cut.open,
.option_punching.open {
  display: flex;
}
.option_input {
  width: 450px !important;
}
.option_punching .option_input {
  width: 550px !important;
}
.option_img {
  width: 300px !important;
}
.option_img img {
  width: 100% !important;
}
.option_inputUnit {
  display: flex;
  flex-wrap: wrap;
  justify-content: initial;
  padding: 0 10px;
}
.option_inputUnit .option_inputLabel {
  width: 80px;
  align-items: center;
  line-height: 40px;
  font-weight: bold;
}
.option_inputUnit .option_inputField {
  width: calc(100% - 80px);
  margin-left: 0;
  align-items: center;
}
.option_inputUnit .option_inputField input {
  width: 200px;
  height: 40px;
  border: solid 1px #bfbfbf;
  margin-right: 10px;
}
.option_c_cut .option_inputUnit .option_inputField input {
  width: 100px;
}
.option_punching .option_inputUnit .option_inputField input {
  width: 60px;
}
.option_punching .option_inputUnit .option_inputField br {
  display: none;
}
.option_inputUnit .option_formBtn {
  width: 100%;
  margin: 10px 0 0 0;
  text-align: center;
}
.option_inputUnit .option_checkbox {
  width: 100%;
  margin: 10px 0 0 0;
  text-align: right;
}
.option_inputUnit .option_formBtn button {
  width: 100px;
  height: 30px;
  border: solid 1px #1782c3;
  background: #1782c3;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
.option_inputUnit .option_formBtn button:hover {
  opacity: 0.5;
}
.option_inputUnit_top {
  background: #e7f2f9;
  padding: 20px 10px;
}
.option_clear {
  width: 100%;
  text-align: center;
}
.option_clear button {
  width: 100px;
  height: 30px;
  border: solid 1px #232323;
  background: #fff;
  font-size: 12px;
  color: #232323;
  font-weight: bold;
  cursor: pointer;
}
.option_clear button:hover {
  opacity: 0.5;
}

/* accordion */

.sheet_d_option_area_btn,
.sheet_d_option_area_btn02,
.sheet_d_option_area_btn03,
.sheet_d_option_area_btn04 {
  width: 100%;
  margin: 0 auto;
  height: 57px;
  border: solid 1px #dcdcdc;
  position: relative;
  box-sizing: border-box;
  display: table;
  text-align: left;
  text-decoration: none;
  font-weight: bold;
}
.sheet_d_option_area_btn02,
.sheet_d_option_area_btn03,
.sheet_d_option_area_btn04 {
  margin-top: 40px;
}
.sheet_d_option_area_btn:after,
.sheet_d_option_area_btn02:after,
.sheet_d_option_area_btn03:after {
  /*
    content:"";
    display:block;
    position:absolute;
    bottom:-1px;
    left:-1px;
    width:calc(100% + 2px);
    border-bottom:solid 2px #232323;
    box-sizing:border-box;
    */
}
.sheet_d_option_area_btn h3,
.sheet_d_option_area_btn02 h3,
.sheet_d_option_area_btn03 h3,
.sheet_d_option_area_btn04 h3 {
  display: table-cell;
  vertical-align: middle;
  line-height: 36px;
  font-size: 24px;
  width: 100%;
  position: relative;
  cursor: pointer;
  padding: 35px 30px 35px 165px;
}
/* .sheet_d_option_area_btn h3:before,
.sheet_d_option_area_btn02 h3:before,
.sheet_d_option_area_btn03 h3:before,
.sheet_d_option_area_btn04 h3:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 26px;
  width: 36px;
  height: 36px;
  margin-top: -17px;
  background: url(../img/plastic_sheet/pladan_sheet_accordion_open.svg) left top
    no-repeat;
  border-bottom: solid 3px #232323;
  border-right: solid 3px #232323;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
} */
/* .sheet_d_option_area_btn h3.open:before,
.sheet_d_option_area_btn02 h3.open:before,
.sheet_d_option_area_btn03 h3.open:before,
.sheet_d_option_area_btn04 h3.open:before {
  background: url(../img/plastic_sheet/pladan_sheet_accordion_close.svg) left
    top no-repeat;
}
.sheet_d_option_area_btn h3:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 84px;
  width: 59px;
  height: 58px;
  margin-top: -29px;
  background: url(../img/plastic_sheet/pladan_sheet_step3_icon01.svg) left top
    no-repeat;
  background-size: 100%;
}
.sheet_d_option_area_btn02 h3:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 84px;
  width: 59px;
  height: 58px;
  margin-top: -29px;
  background: url(../img/plastic_sheet/pladan_sheet_step3_icon02.svg) left top
    no-repeat;
}
.sheet_d_option_area_btn03 h3:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 84px;
  width: 59px;
  height: 58px;
  margin-top: -29px;
  background: url(../img/plastic_sheet/pladan_sheet_step3_icon03.png) left top
    no-repeat;
}
.sheet_d_option_area_btn04 h3:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 84px;
  width: 59px;
  height: 58px;
  margin-top: -29px;
  background: url(../img/plastic_sheet/pladan_packing_big.png) left top
    no-repeat;
  background-size: 100% 100%;
  border: 1px solid #dcdcdc;
} */

.sheet_d_option_area,
.sheet_d_option_area02,
.sheet_d_option_area03,
.sheet_d_option_area04 {
  display: none !important;
  border-left: solid 1px #dcdcdc;
  border-right: solid 1px #dcdcdc;
  border-bottom: solid 1px #dcdcdc;
}
.sheet_d_option_area.open,
.sheet_d_option_area02.open,
.sheet_d_option_area03.open,
.sheet_d_option_area04.open {
  display: block !important;
}
.sheet_d_option_area .option_area_inner,
.sheet_d_option_area02 .option_area_inner,
.sheet_d_option_area03 .option_area_inner,
.sheet_d_option_area04 .option_area_inner {
  width: 86% !important;
  margin: 0 auto !important;
  padding: 40px 0;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}
.bgBlue {
  background: #e7f2f9;
}

.sheet_d_option_area03 .option_area_inner .contents_box {
  width: 82.36%; /*850*/
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 15px 0 !important;
}
.sheet_d_option_area03 .option_area_inner .contents_box .contents_box_text {
  width: 49.41%;
  margin: 0 !important;
}
.sheet_d_option_area03 .option_area_inner .contents_box .contents_box_text h3 {
  position: relative;
  font-size: 22px;
  line-height: 33px;
}
.sheet_d_option_area03
  .option_area_inner
  .contents_box
  .contents_box_text
  h3::after {
  content: "";
  display: block;
  width: 52px;
  height: 3px;
  background: #1782c4;
  margin: 14px 0 3px 0;
}
.sheet_d_option_area03 .option_area_inner .contents_box .contents_box_image {
  width: 43.53%;
  margin: 0 !important;
  border: 1px solid #f3f3f3;
}
.sheet_d_option_area03
  .option_area_inner
  .contents_box
  .contents_box_image
  img {
  width: 100%;
}

.radioBtn_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-align: left;
}
.radioBtn_box div {
  padding: 22px 20px 20px 30px;
  line-height: 100%;
  /* margin-right: 40px;*/
  margin-right: 0 !important;
}
.radioBtn_box div:first-of-type {
  padding: 22px 30px 20px 0;
}
.radioBtn_box div.radio {
  padding: 0;
}
.sheet_d_option_area03 .option_area_inner .print_design_button {
  margin-top: 0 !important;
  padding: 18px 28px 16px 20px;
}

/* オプション可・不可 アイコン */
.pladanDetailContent section.colorBox h4 .pladan_sheet_icon {
  margin-left: 10px;
}
/* 以下定義を追加（coresoft）START */
/* オプション非表示 */
.formList04 .hole_option {
  /* 一部のシート商品は穴あけオプション未対応 */
  display: none !important;
}

.formList05 {
  display: none !important;
}

.sumipanel_purchase_angle_cut_option_1,
.sumipanel_purchase_angle_cut_option_1 #rcut_input_field {
  display: none !important;
}

.option_area_btn {
  width: 50%;
  margin: 0 auto;
  height: 57px;
  border: solid 1px #dcdcdc;
  position: relative;
  box-sizing: border-box;
  display: table;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
}
.option_area_btn:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: -1px;
  width: calc(100% + 2px);
  border-bottom: solid 2px #232323;
  box-sizing: border-box;
}
.option_area_btn p {
  display: table-cell;
  vertical-align: middle;
  line-height: 18px;
  font-size: 18px;
  width: 100%;
  position: relative;
  cursor: pointer;
}
.option_area_btn p:after {
  content: "";
  display: block;
  position: absolute;
  border-bottom: solid 3px #232323;
  border-right: solid 3px #232323;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  top: 18px;
  right: 30px;
}
.option_area_btn p.open:after {
  transform: rotate(-135deg);
  top: 25px;
}
.option_area {
  display: none !important;
}
.option_area.open {
  display: block !important;
}

/* プラダンの注意書き・お知らせ */
.pladan_calculation_caption .pladan_warningTtl {
  margin-bottom: 10px;
  text-align: center;
  color: #b71c1c;
  display: block;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 700;
}

.pladan_calculation_caption .pladan_warning {
  text-align: center;
  display: block;
}

/* フォーム内数値の入力のための▲▼を非表示 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
input[type="number"] {
  -moz-appearance: textfield !important;
}

/* Firefox */
@-moz-document url-prefix() {
  .pladanDetailContent.optionBox section div .radio-shape span {
    padding-top: 2.1em;
    height: 60px;
  }
}

span.setForm.announce {
  max-width: 320px;
  padding: 0px 5px;
  font-size: 100%;
  font-weight: bold;
  margin: 0px auto;
  display: block;
  color: #f00;
}

/* 注文ボタン非活性 */
#add-cart:disabled {
  background-color: #ccc;
  border-color: #ccc;
  color: #5a6268;
  pointer-events: none;
}

/* デザインするボタン非活性 */
.pladanDetailContent section#is_print .print_design_button button:disabled {
  background: #ccc;
  border: solid 1px #ccc;
  color: #5a6268;
  pointer-events: none;
}

/* 以下定義を追加（coresoft）END */

@media only screen and (max-width: 767px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }

  .pladanDetail {
    max-width: 100%;
    margin: 5vw 5vw 10vw !important;
  }
  .pladanDetail div:first-child {
    width: 100%;
    margin-bottom: 10vw;
  }
  .pladanDetail div:first-child img {
    width: 100%;
  }
  .pladanDetail div:last-child {
    width: 100%;
  }
  .pladanDetail div.errorBlock.desinend {
    margin-bottom: 20px !important;
  }
  .pladanDetail h1 {
    font-size: 18px;
    background: #e7f2f9;
    height: auto;
    line-height: 1.2rem;
    padding: 10px 20px;
    margin-bottom: 5vw;
  }

  .pladanOther {
    max-width: 100%;
    margin: 0 5vw 10vw;
  }
  .pladanOther h3 {
    font-size: 19px;
    line-height: 1.6;
    text-align: left;
    position: relative;
    padding: 0 0 2vw 0;
    margin: 0 0 3vw 0;
  }
  .pladanOther h3:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    border-bottom: solid 2px #232323;
    width: 160px;
  }
  .pladanOther h3:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    border-bottom: solid 1px #dcdcdc;
    width: 100%;
  }
  .pladanOther h4 {
    width: 100%;
    text-align: left;
    font-weight: bold;
    margin: 2vw 0;
  }
  .pladanOther section {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    text-align: left;
    margin: 0 0 2vw 0;
  }
  .pladanOther section div {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 3vw;
  }
  .pladanOther section div:nth-child(even) {
    margin-right: 0;
  }
  .pladanOther section div:last-child {
    margin-right: 0;
  }
  .pladanOther section div a {
    width: 100%;
    height: 57px;
    border: solid 1px #dcdcdc;
    position: relative;
    box-sizing: border-box;
    display: block;
  }
  .pladanOther section div a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: calc(100% + 2px);
    border-bottom: solid 2px #232323;
    box-sizing: border-box;
  }
  .pladanOther section div img {
    width: 50px;
  }

  .pladanOther section div p {
    height: 54px;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .pladanOther section div p:first-child {
    float: left;
    width: 40.99%;
    padding-left: 4.59%;
    padding-right: 4.59%;
    box-sizing: border-box;
  }
  .pladanOther section div p:last-child {
    float: left;
    width: 54.42%;
    display: flex; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
    line-height: 14px;
    font-size: 14px;
    text-align: left;
  }
  .pladanOther section div::after {
    content: "";
    display: block;
    clear: both;
  }
  .pladanOther section div a:hover,
  .pladanOther section div a:active {
    background: #e7f2f9;
    border: solid 1px #1782c3;
    color: #1782c3;
  }

  .pladanOther section div a:hover:after,
  .pladanOther section div a:active:after {
    border-bottom: solid 2px #1782c3;
  }

  .pladanOther p {
    text-align: right;
  }
  .pladanOther p a {
    display: inline-block;
  }

  .pladanDetailContent {
    max-width: 100%;
    margin: 0 5vw 10vw;
    padding-bottom: 50px;
    border-bottom: solid 1px #e5e5e5;
  }

  .pladanDetailContent h2 {
    font-size: 26px;
    padding-bottom: 2vw;
  }
  .pladanDetailContent section {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    margin: 0 0 3vw 0;
  }
  .pladanDetailContent section:last-child {
    margin-bottom: 0;
  }
  .pladanDetailContent section#is_print .print_design_button {
    margin-top: -4px;
    margin-left: 15px;
  }
  .pladanDetailContent section#is_print .print_design_button button {
    width: 100px;
    height: 30px;
    border: solid 1px #1782c3;
    background: #1782c3;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
  }
  .pladanDetailContent section#is_print .print_design_button button:hover {
    opacity: 1;
  }
  .pladanDetailContent section h3 {
    width: 100%;
    font-size: 20px;
    padding-bottom: 10px;
  }
  .pladanDetailContent section h3 a {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    padding-left: 10px;
  }
  .pladanDetailContent section div {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
  .pladanDetailContent section div img {
    width: 67px;
  }
  .pladanDetailContent section div:nth-child(odd) {
    margin-right: 0;
  }
  .pladanDetailContent section div .radio-shape {
    width: 100%;
    height: 70px;
    border: solid 1px #dcdcdc;
    position: relative;
    box-sizing: border-box;
    display: table;
    cursor: pointer;
    line-height: 1em;
    font-weight: bold;
  }
  .pladanDetailContent section div .radio-shape:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: calc(100% + 2px);
    border-bottom: solid 2px #232323;
    box-sizing: border-box;
  }
  .pladanDetailContent section div input[type="radio"]:checked + .radio-shape {
    border: solid 1px #1782c3;
    background: #e7f2f9;
    color: #1782c3;
  }
  .pladanDetailContent
    section
    div
    input[type="radio"]:checked
    + .radio-shape:after {
    border-bottom: solid 2px #1782c3;
  }
  .pladanDetailContent section div .radio-shape img {
    display: block;
    margin-right: 10px;
  }
  .pladanDetailContent section div .radio-shape span {
    display: flex;
    width: calc(100% - 89px);
    vertical-align: middle;
    height: 52px;
    line-height: 1.2em;
    font-size: 0.9em;
  }
  .pladanDetailContent section.colorBox div {
    width: 48% !important;
    margin-right: 4% !important;
    margin-bottom: 4%;
  }
  .pladanDetailContent section.colorBox div:nth-of-type(even) {
    margin-right: 0 !important;
  }
  .pladanDetailContent section.colorBox div img {
    width: 68px;
  }
  .pladanDetailContent.optionBox section div.subImg img {
    width: auto;
    height: 93px;
    display: inline-block;
    margin-right: 10px;
  }
  .pladanDetailContent section.colorBox div .radio-shape {
    height: 54px;
    line-height: 48px;
  }
  .pladanDetailContent section div input[type="radio"]:disabled + .radio-shape {
    border: solid 1px #eeeeee;
    background: #eeeeee;
    color: #999999;
    cursor: initial;
  }
  .pladanDetailContent
    section
    div
    input[type="radio"]:disabled
    + .radio-shape:after {
    border-bottom: solid 2px #232323;
  }
  .pladanDetailContent
    section
    div
    input[type="radio"]:disabled
    + .radio-shape
    img {
    opacity: 0.6;
  }

  .pladanDetailContent.optionBox section div {
    /* 変更 coresoft START */
    /*width:48%;
        margin-right:4%;*/
    /* 変更 coresoft END */
    margin-bottom: 4%;
  }

  /* 以下定義を変更（coresoft）START */
  /*
    .pladanDetailContent.optionBox section div:nth-child(odd) {
        margin-right:0;
    }
    */
  /* プラダンシート */
  .pladanDetailContent.optionBox section .sheet_purchase_angle_cut_option_0,
    .pladanDetailContent.optionBox section .sheet_purchase_angle_cut_option_2,
    .pladanDetailContent.optionBox section .sheet_purchase_punching_option_0,
    /* バイオエコ */
    .pladanDetailContent.optionBox section .bioeco_purchase_angle_cut_option_0,
    .pladanDetailContent.optionBox section .bioeco_purchase_angle_cut_option_2,
    .pladanDetailContent.optionBox section .bioeco_purchase_punching_option_0,
    /* LIT */
    .pladanDetailContent.optionBox section .lit_purchase_angle_cut_option_0,
    .pladanDetailContent.optionBox section .lit_purchase_angle_cut_option_2,
    .pladanDetailContent.optionBox section .lit_purchase_punching_option_0,
    /* プラパール */
    .pladanDetailContent.optionBox section .plaperl_purchase_angle_cut_option_0,
    .pladanDetailContent.optionBox section .plaperl_purchase_angle_cut_option_2,
    .pladanDetailContent.optionBox section .plaperl_purchase_punching_option_0,
    /* スミパネル */
    .pladanDetailContent.optionBox section .sumipanel_purchase_angle_cut_option_0,
    .pladanDetailContent.optionBox section .sumipanel_purchase_angle_cut_option_2,
    /* スミセラー */
    .pladanDetailContent.optionBox section .sumiseller_purchase_angle_cut_option_0,
    .pladanDetailContent.optionBox section .sumiseller_purchase_angle_cut_option_2,
    .pladanDetailContent.optionBox section .sumiseller_purchase_punching_option_0 {
    width: 48%;
    margin-right: 4%;
  }
  /* プラダンシート */
  .pladanDetailContent.optionBox section .sheet_purchase_angle_cut_option_1,
    .pladanDetailContent.optionBox section .sheet_purchase_angle_cut_option_3,
    .pladanDetailContent.optionBox section .sheet_purchase_punching_option_1,
    /* バイオエコ */
    .pladanDetailContent.optionBox section .bioeco_purchase_angle_cut_option_1,
    .pladanDetailContent.optionBox section .bioeco_purchase_angle_cut_option_3,
    .pladanDetailContent.optionBox section .bioeco_purchase_punching_option_1,
    /* LIT */
    .pladanDetailContent.optionBox section .lit_purchase_angle_cut_option_1,
    .pladanDetailContent.optionBox section .lit_purchase_angle_cut_option_3,
    .pladanDetailContent.optionBox section .lit_purchase_punching_option_1,
    /* プラパール */
    .pladanDetailContent.optionBox section .plaperl_purchase_angle_cut_option_1,
    .pladanDetailContent.optionBox section .plaperl_purchase_angle_cut_option_3,
    .pladanDetailContent.optionBox section .plaperl_purchase_punching_option_1,
    /* スミパネル */
    .pladanDetailContent.optionBox section .sumipanel_purchase_angle_cut_option_2,
    /* スミセラー */
    .pladanDetailContent.optionBox section .sumiseller_purchase_angle_cut_option_1,
    .pladanDetailContent.optionBox section .sumiseller_purchase_angle_cut_option_3,
    .pladanDetailContent.optionBox section .sumiseller_purchase_punching_option_1 {
    width: 48%;
    margin-right: 0;
  }
  /* 以下定義を変更（coresoft）END */

  .pladanDetailContent.optionBox section div img {
    width: 60px;
  }
  .pladanDetailContent.optionBox section div .radio-shape {
    height: 63px;
    line-height: 63px;
  }
  .pladanDetailContent.optionBox section div .radio-shape span {
    display: flex;
    width: calc(100% - 70px);
    vertical-align: middle;
    height: 100%;
  }

  .pladanDetailContent section.radioBox div {
    width: auto;
    margin-right: 0;
  }
  .pladanDetailContent section.radioBox div > div {
    margin-right: 40px;
  }
  .radio {
    margin: 0;
    line-height: 20px;
    font-weight: bold;
  }
  .radio input[type="radio"] {
    position: absolute;
    opacity: 0;
  }
  .radio input[type="radio"] + .radio-label:before {
    content: "";
    background: #ffffff;
    border-radius: 100%;
    border: 1px solid #bfbfbf;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: -0.1em;
    margin-right: 10px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
  }
  .radio input[type="radio"]:checked + .radio-label:before {
    background-color: #1782c3;
    box-shadow: inset 0 0 0 4px #e7f2f9;
    border: 1px solid #1782c3;
  }
  .radio input[type="radio"]:focus + .radio-label:before {
    outline: none;
    border-color: #1782c3;
    border: 1px solid #1782c3;
  }
  .radio input[type="radio"]:disabled + .radio-label:before {
    box-shadow: inset 0 0 0 4px #ffffff;
    border-color: #bfbfbf;
    background: #ffffff;
  }
  .radio input[type="radio"] + .radio-label:empty:before {
    margin-right: 0;
  }

  .pladanOther p {
    text-align: right;
  }
  .pladanOther p a {
    display: inline-block;
  }
  .pladanSpec::after {
    content: "";
    display: block;
    clear: both;
  }
  .pladanSpec div.box1 {
    float: none;
    width: 100%;
  }
  .pladanSpec div.box2 {
    float: none;
    width: 100%;
    font-weight: bold;
    margin-top: 5vw;
  }
  .pladanSpec div.box2 img {
    width: 100%;
  }
  .pladanSpec section {
    width: 100%;
  }
  .pladanSpec section div {
    width: 100%;
  }

  .textBox h3 span {
    background: #f00;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
  }

  .textBox div input[type="text"],
  .textBox div input[type="number"] {
    width: 200px;
    height: 40px;
    border: solid 1px #bfbfbf;
    margin-right: 10px;
  }
  .textBox div span {
    font-size: 14px;
  }
  .textBox div select {
    width: 200px;
    height: 40px;
    border: solid 1px #bfbfbf;
    margin-right: 10px;
  }

  .pladanOption {
    max-width: 1200px;
    margin: 0 auto 60px auto;
  }

  .pladanOption h2 {
    font-size: 28px;
    padding-bottom: 20px;
  }
  .pladanOption section h3 {
    width: 100%;
    font-size: 20px;
    padding-bottom: 10px;
  }
  .pladanOption section div.pladanTypeContent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .pladanOption section div.pladanTypeContent div {
    width: 47.5%;
  }
  .pladanOption section div.pladanTypeContent div img {
    width: 100%;
  }
  .pladanOption section div.pladanTypeContent div span {
    font-weight: bold;
  }

  .pladanProduction {
    max-width: 1200px;
    margin: 0 auto 100px auto;
    border-top: solid 1px #dcdcdc;
  }
  .pladanProduction a {
    width: 50%;
    margin: 70px auto 0 auto;
    display: block;
  }
  .pladanProduction a img {
    width: 100%;
  }

  .option_r_cut,
  .option_c_cut,
  .option_punching {
    width: 100% !important;
    margin: 0 0 0 0;
    display: none;
    flex-wrap: wrap;
    justify-content: initial;
  }
  .option_r_cut.open,
  .option_c_cut.open {
    display: flex;
    margin-right: 0 !important;
  }
  .option_punching.open {
    display: flex;
    margin-right: 4% !important;
  }
  .option_input {
    width: 100% !important;
  }
  .option_punching .option_input {
    /*width:100% !important;*/
    /* 変更 coresoft START */
    width: 334px !important;
    /* 変更 coresoft END */
  }
  /* 変更 coresoft END */
  .option_img {
    width: 100% !important;
  }
  .option_img img {
    width: 100% !important;
  }
  .option_inputUnit {
    display: flex;
    flex-wrap: wrap;
    justify-content: initial;
    padding: 0 10px;
  }
  .option_inputUnit .option_inputLabel {
    width: 60px;
    align-items: center;
    line-height: 40px;
    font-weight: bold;
  }
  .option_inputUnit .option_inputField {
    width: calc(100% - 60px);
    margin-left: 0;
    align-items: center;
  }

  .option_inputUnit .option_inputField span:nth-child(2) {
    margin-right: 0;
  }
  .option_inputUnit .option_inputField input {
    width: 40vw;
    height: 40px;
    border: solid 1px #bfbfbf;
    margin-right: 0;
  }
  .option_c_cut .option_inputUnit .option_inputField input {
    width: 15vw;
  }
  .option_punching .option_inputUnit .option_inputField input {
    width: 15vw;
  }
  .option_punching .option_inputUnit .option_inputField input.last {
    margin-top: 10px;
  }
  .option_punching .option_inputUnit .option_inputField br {
    display: block;
  }
  .option_inputUnit .option_formBtn {
    width: 100%;
    margin: 10px 0 0 0;
    text-align: center;
  }
  .option_inputUnit .option_checkbox {
    width: 100%;
    margin: 10px 0 0 0;
    text-align: right;
  }
  .option_inputUnit .option_formBtn button {
    width: 100px;
    height: 30px;
    border: solid 1px #1782c3;
    background: #1782c3;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
  }
  .option_inputUnit .option_formBtn button:hover {
    opacity: 0.5;
  }
  .option_inputUnit_top {
    background: #e7f2f9;
    padding: 20px 10px;
  }
  .option_clear {
    width: 100%;
    text-align: center;
  }
  .option_clear button {
    width: 100px;
    height: 30px;
    border: solid 1px #232323;
    background: #fff;
    font-size: 12px;
    color: #232323;
    font-weight: bold;
    cursor: pointer;
  }
  .option_clear button:hover {
    opacity: 0.5;
  }
  .pladan_calculation_cash {
    padding: 40px 10px;
  }
  .pladan_calculation_cash p:first-child {
    width: 100%;
  }
  .pladan_calculation_cash p:first-child span:last-child {
    display: block;
  }

  /* accordion */

  .sheet_d_option_area_btn,
  .sheet_d_option_area_btn02,
  .sheet_d_option_area_btn03,
  .sheet_d_option_area_btn04 {
    width: 100%;
    margin: 0 auto;
    height: auto;
    border: solid 1px #dcdcdc;
    border-left: none;
    border-right: none;
    position: relative;
    box-sizing: border-box;
    display: table;
    text-align: left;
    text-decoration: none;
    font-weight: bold;
  }
  .sheet_d_option_area_btn02,
  .sheet_d_option_area_btn03,
  .sheet_d_option_area_btn04 {
    margin-top: 20px;
  }
  .sheet_d_option_area_btn h3,
  .sheet_d_option_area_btn02 h3,
  .sheet_d_option_area_btn03 h3,
  .sheet_d_option_area_btn04 h3 {
    display: table-cell;
    vertical-align: middle;
    line-height: 36px;
    font-size: 18px;
    width: 100%;
    position: relative;
    cursor: pointer;
    padding: 18px 20px 20px 112px;
  }
  /* .sheet_d_option_area_btn h3:before,
  .sheet_d_option_area_btn02 h3:before,
  .sheet_d_option_area_btn03 h3:before,
  .sheet_d_option_area_btn04 h3:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    background: url(../img/plastic_sheet/pladan_sheet_accordion_open.svg) left
      top no-repeat;
    background-size: 100%;
  }
  .sheet_d_option_area_btn h3.open:before,
  .sheet_d_option_area_btn02 h3.open:before,
  .sheet_d_option_area_btn03 h3.open:before,
  .sheet_d_option_area_btn04 h3.open:before {
    background: url(../img/plastic_sheet/pladan_sheet_accordion_close.svg) left
      top no-repeat;
    background-size: 100%;
  }
  .sheet_d_option_area_btn h3:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50px;
    width: 42px;
    height: 41px;
    margin-top: -20px;
    background: url(../img/plastic_sheet/pladan_sheet_step3_icon01.svg) left top
      no-repeat;
    background-size: 100%;
  }
  .sheet_d_option_area_btn02 h3:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50px;
    width: 42px;
    height: 41px;
    margin-top: -20px;
    background: url(../img/plastic_sheet/pladan_sheet_step3_icon02.svg) left top
      no-repeat;
    background-size: 100%;
  }
  .sheet_d_option_area_btn03 h3:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50px;
    width: 42px;
    height: 41px;
    margin-top: -20px;
    background: url(../img/plastic_sheet/pladan_sheet_step3_icon03.png) left top
      no-repeat;
    background-size: 100%;
  }
  .sheet_d_option_area_btn04 h3:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50px;
    width: 42px;
    height: 41px;
    margin-top: -20px;
    background: url(../img/plastic_sheet/pladan_packing_big.png) left top
      no-repeat;
    background-size: 100%;
  } */

  .sheet_d_option_area,
  .sheet_d_option_area02,
  .sheet_d_option_area03,
  .sheet_d_option_area04 {
    display: none !important;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #dcdcdc;
  }
  .sheet_d_option_area.open,
  .sheet_d_option_area02.open,
  .sheet_d_option_area03.open,
  .sheet_d_option_area04.open {
    display: block !important;
  }
  .sheet_d_option_area .option_area_inner,
  .sheet_d_option_area02 .option_area_inner,
  .sheet_d_option_area03 .option_area_inner,
  .sheet_d_option_area04 .option_area_inner {
    width: auto !important;
    margin: 0 0 0 0 !important;
    padding: 20px 0 10px 0;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
  }
  .bgBlue {
    background: #e7f2f9;
  }

  .sheet_d_option_area03 .option_area_inner .contents_box {
    width: auto; /*850*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    margin: 0 0 15px 0 !important;
  }
  .sheet_d_option_area03 .option_area_inner .contents_box .contents_box_text {
    width: auto;
    margin: 0 !important;
    order: 2;
  }
  .sheet_d_option_area03
    .option_area_inner
    .contents_box
    .contents_box_text
    h3 {
    position: relative;
    font-size: 19px;
    line-height: 27px;
    order: 1;
  }
  .sheet_d_option_area03
    .option_area_inner
    .contents_box
    .contents_box_text
    h3::after {
    content: "";
    display: block;
    width: 52px;
    height: 3px;
    background: #1782c4;
    margin: 14px 0 3px 0;
  }
  .sheet_d_option_area03 .option_area_inner .contents_box .contents_box_image {
    width: auto;
    margin: 0 0 16px 0 !important;
    border: 1px solid #f3f3f3;
  }
  .sheet_d_option_area03
    .option_area_inner
    .contents_box
    .contents_box_image
    img {
    width: 100%;
  }
  .option_area_inner div {
    width: 48%;
    margin-right: 4% !important;
    margin-bottom: 4%;
  }
  .option_area_inner div:nth-child(2n) {
    margin-right: 0 !important;
  }

  .radioBtn_box {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    text-align: left;
    margin-right: 0 !important;
  }
  .radioBtn_box div {
    padding: 10px 10px 10px 15px;
    line-height: 100%;
    /* margin-right: 40px;*/
    margin: 0 !important;
  }
  .radioBtn_box div:first-of-type {
    padding: 10px 10px 10px 0;
  }
  .radioBtn_box div.radio {
    padding: 8px 0 0 0;
    font-size: 13px;
  }
  .radioBtn_box div.radio:nth-of-type(2) {
    padding-right: 0;
  }
  .radioBtn_box div.radio input {
  }
  .sheet_d_option_area03 .option_area_inner .print_design_button {
    margin: 0 !important;
    padding: 10px 10px 10px 4px;
  }
  .pladanDetailContent section#is_print .print_design_button button {
    font-size: 11px;
  }

  /* オプション可・不可 アイコン */
  .pladanDetailContent section.colorBox h4 .pladan_sheet_icon {
    margin-left: 10px;
  }
  .pladanDetailContent section.colorBox h4:first-of-type .pladan_sheet_icon {
    margin-top: 8px;
    margin-left: 0;
  }

  /* 以下定義を追加（coresoft）START */
  .option_area_btn {
    width: 53%;
    margin: 0 auto;
    height: 57px;
    border: solid 1px #dcdcdc;
    position: relative;
    box-sizing: border-box;
    display: table;
    padding-left: 3px;
    text-align: left;
    text-decoration: none;
    font-weight: bold;
  }
  .option_area_btn p:after {
    content: "";
    display: block;
    position: absolute;
    border-bottom: solid 3px #232323;
    border-right: solid 3px #232323;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    top: 18px;
    right: 8px;
  }
  /* Firefox */
  @-moz-document url-prefix() {
    .pladanDetailContent.optionBox section div .radio-shape span {
      padding-top: 1em;
      height: 50px;
    }
  }
  /* 以下定義を追加（coresoft）END */
}

/* 20220705追加 */
.pladanDetailContent section.option_title.checked {
  background: #e7f2f9;
}
.pladanDetailContent section.option_title.un-checked {
  background: #fff;
}
.pladanDetailContent section div input[type="radio"]:checked + .radio-shape {
  background: #fff;
}
.pladanDetailContent section {
  align-items: center;
}

.remodal.remodal_a {
  max-width: 531px;
}
.remodal.remodal_a h4 {
  margin: 1em 0;
}
.remodal.remodal_info {
  max-width: 90%;
}
.table-wrap {
  overflow-x: scroll;
}
.remodal_info h3 {
  margin: 20px 0 0;
}
.pladan-color-table {
  border-left: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  margin-top: 10px;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.pladan-color-table td,
.pladan-color-table th {
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  padding: 10px 5px;
  line-height: 1.3;
  font-size: 14px;
  width: 85px;
}
.pladan-color-table th.unit {
  background: #ffd6b1;
}
.pladan-color-table td.unit {
  font-weight: bold;
}
.pladan-color-table th.color01 {
  background: #fffdfb;
}
.pladan-color-table th.color02 {
  background: #898788;
}
.pladan-color-table th.color03 {
  background: #4ab2fc;
}
.pladan-color-table th.color04 {
  background: #fff;
}
.pladan-color-table th.color05 {
  background: #000;
  color: #fff;
}
.pladan-color-table th.color06 {
  background: #42c18c;
}
.pladan-color-table th.color07 {
  background: #fd633f;
}
.pladan-color-table th.color08 {
  background: #265dc5;
  color: #fff;
}
.pladan-color-table th.color09 {
  background: #edd731;
}
.pladan-color-table th.color10 {
  background: #e0323d;
  color: #fff;
}
.pladan-color-table th.color11 {
  background: #be9d80;
}
.pladan-color-table th.color12 {
  background: #000;
  color: #fff;
}
.pladan-color-table th.color13 {
  background: #000;
  color: #fff;
}
.pladan-color-table th.color14 {
  background: #c8d5e4;
}
.pladan-color-table th.color15 {
  background: #b7b9ae;
}
.pladan-color-table th.plapearl_color01 {
  background: #000;
  color: #fff;
}
.pladan-color-table th.plapearl_color02 {
  background: #fff;
}
.pladan-color-table th.plapearl_color03 {
  background: #646a7d;
  color: #fff;
}
.pladan-color-table th.plapearl_color04 {
  background: #2e69c3;
  color: #fff;
}
.pladan-color-table th.plapearl_color05 {
  background: #dbb52e;
}
.pladan-color-table th.plapearl_color05 {
  background: #dbb52e;
}
.pladan-color-table th.teccell_color01 {
  background: #3bbcfe;
}
.pladan-color-table th.teccell_color02 {
  background: #38d9ad;
}
.pladan-color-table th.teccell_color03 {
  background: #eacb6f;
}
.pladan-color-table th.teccell_color04 {
  background: #c6c6d2;
}
.pladan-color-table th.teccell_color05 {
  background: #8b7d7a;
}
.pladan-color-table th.teccell_color06 {
  background: #dcdadd;
}
.pladan-color-table th.teccell_color07 {
  background: #75726d;
  color: #fff;
}
.pladan-color-table th.teccell_color08 {
  background: #424147;
  color: #fff;
}
.pladan-color-table th.teccell_color09 {
  background: #dddbdd;
}
.pladan-color-table th.teccell_color10 {
  background: #dddbde;
}
.pladan-color-table th.sumipanel_color01 {
  background: #e8e9eb;
}
.pladan-color-table th.sumipanel_color02 {
  background: #adb2ba;
}
.pladan-color-table th.sumipanel_color03 {
  background: #d5d5d4;
}
.pladan-color-table th.sumipanel_color04 {
  background: #abb4bd;
}
@media only screen and (max-width: 767px) {
  .remodal.remodal_info {
    max-width: 100%;
  }
}
.remodal.remodal-material {
  max-width: 900px;
}
.remodal.remodal-material h4 {
  margin: 15px 0;
  font-size: 20px;
}
.remodal-material ul {
  margin: 0;
  padding: 0;
}
.popup-material {
  display: flex;
  border-bottom: solid 1px #e5e5e5;
  padding: 20px 0;
}
.popup-material:last-child {
  border-bottom: none;
}
.popup-material .image {
  width: 35%;
}
.popup-material .image img {
  max-width: 100%;
}
.popup-material .text {
  width: 65%;
  padding-left: 20px;
}
@media only screen and (max-width: 767px) {
  .remodal.remodal-material {
    padding: 20px;
  }
  .remodal.remodal-material h4 {
    margin: 0 0 10px 0;
    font-size: 19px;
  }
}
.remodal.remodal-shipping {
  max-width: 800px;
}
.remodal.remodal-shipping h4 {
  margin: 0 0 1em 0;
  font-size: 20px;
  position: relative;
}
.pladanDetailContent section h3 a {
  color: #1782c4;
  font-weight: bold;
}
.pladanDetailContent section h3 a:before {
  content: "i";
  border: 1px solid;
  border-radius: 50px;
  display: inline-block;
  font-size: 11px;
  width: 14px;
  height: 14px;
  text-align: center;
  margin-right: 2px;
  vertical-align: middle;
}
.pladanDetailContent section.option_title a {
  color: inherit;
}
.pladanDetailContent section.option_title a:before {
  display: none;
}
.remodal div img {
  max-width: 100%;
}
.cut_option.is-input,
.hole_option.is-input,
.print_option.is-input,
.packing_option.is-input {
  background: #e7f2f9;
}
/* 追加20221213 */
.pladan-color-table th.color16 {
  background: #d3a598;
}
/* 20230307追加 */
.pladan-color-table th.er_board_color02 {
  background: #606a73;
  color: #fff;
}
.pladan-color-table th.er_board_color03 {
  background: #3fa9f5;
}
.pladan-color-table th.er_board_color04 {
  background: #41ab83;
}
/* 20230523追加 */
.pladan_calculation_notice {
  margin-bottom: 60px;
}

.pladan_calculation_notice img {
  max-width: 100%;
}
/* 20231221追加 */
.pladanDetailContent.optionBox .sheet_d_option_area04 table {
  margin: 1em auto;
  width: 100%;
  border-left: 1px dotted #dcdcdc;
  border-top: 1px dotted #dcdcdc;
}
.pladanDetailContent.optionBox .sheet_d_option_area04 table th,
.pladanDetailContent.optionBox .sheet_d_option_area04 table td {
  padding: 0.8em;
  border-right: 1px dotted #dcdcdc;
  border-bottom: 1px dotted #dcdcdc;
}
.pladanDetailContent.optionBox .sheet_d_option_area04 table th {
  width: 8em;
  vertical-align: top;
}
.pladanDetailContent.optionBox .sheet_d_option_area04 table td {
  width: calc(100% - 8em);
}

.pladanDetailContent.optionBox
  .sheet_d_option_area04
  .img_none
  .radio-shape
  span {
  width: 100%;
  justify-content: center;
}

.pladanDetailContent.optionBox .sheet_d_option_area04 p {
  font-size: 0.9em;
}

.textBox .inputMethodNumber input[type="number"] {
  width: 60px;
}
.textBox .inputMethodNumber,
.resultBox .inputMethodNumber {
  display: flex;
  flex-wrap: wrap;
}
.textBox .inputMethodNumber div,
.resultBox .inputMethodNumber div {
  width: auto;
  margin-right: 20px;
}
.resultBox {
  background: #e7f2f9;
  padding: 20px;
}

.resultBox .inputMethodNumber div {
  color: #1782c3;
  font-weight: bold;
}
.resultBox .inputMethodNumber div span {
  margin-left: 10px;
}

.resultBox .caution {
  margin-top: 1em;
  font-size: 0.9em;
}
@media only screen and (max-width: 767px) {
  .textBox .inputMethodNumber div {
    width: 100%;
    margin-right: 0px;
  }
  .pladanDetailContent section div:nth-child(odd) {
    margin-right: 20px;
  }
  .resultBox .inputMethodNumber div {
    width: 100%;
  }
  .resultBox .inputMethodNumber {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .inputMethodNumber-ttl {
    width: 4em;
    display: inline-block;
  }
}