@charset "UTF-8";
.dim_ttl { text-align: center; color: #e74200; }

.dimensions .dim_posi { margin-bottom: 5em; position: relative; }
.dimensions .dim_posi .dim_txt_area ul li { display: flex; }
.dimensions .dim_posi .dim_txt_area .numcl { background-color: #e74200; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 500; margin-right: 0.25em; font-feature-settings: "palt"; position: relative; }
.dimensions .dim_posi .dim_txt_area .dim_txt { display: block; }
.dimensions .dim_posi .dim_txt_area .ilb { display: inline-block; }

.specification, .history { background-color: #f2f2f2; }
.specification .list, .history .list { display: flex; }
.specification .list table, .history .list table { width: 100%; border-top: 1px solid #999; }
.specification .list table tr th, .history .list table tr th { border-bottom: 1px solid #999; background-color: #4d4d4d; color: #fff; font-weight: bold; }
.specification .list table tr td, .history .list table tr td { border-bottom: 1px solid #999; background-color: #fff; }

@media screen and (min-width: 768px), print { .dim_ttl { font-size: 36px; margin-bottom: 2em; }
  .std_pad { padding-top: 80px; padding-bottom: 80px; }
  .dimensions .dim_posi .dim_txt_area { position: absolute; right: 0; top: 0; background-color: #fef6f2; max-width: 46%; width: 100%; display: flex; }
  .dimensions .dim_posi .dim_txt_area .numcl { top: -0.25em; }
  .att_txt01 { color: #e74200; font-size: 16px; line-height: 24px; margin-top: 0.5em; }
  .att_txt { color: #e74200; font-size: 16px; line-height: 24px; }
  .att_txt:first-of-type { margin-top: 0.5em; }
  .specification .list table tr, .history .list table tr { font-size: 16px; line-height: 20px; height: 50px; }
  .specification .list table tr td:nth-child(1), .history .list table tr td:nth-child(1) { width: 40%; text-align: center; }
  .specification .list table tr td:nth-child(2), .history .list table tr td:nth-child(2) { width: 60%; padding: 0 3em; }
  .specification .btm_mar, .history .btm_mar { margin-top: 3em; }
  .supplement { display: flex; margin-top: 80px; }
  .supplement a { width: calc( (100% - 32px) / 2); background-color: #e74200; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 24px; height: 80px; text-decoration: none; border: 2px solid #e74200; }
  .supplement a .txt_min { font-size: 16px; }
  .supplement a:nth-child(n+2) { margin-left: 32px; }
  .supplement a:hover { background-color: #fff; color: #e74200; }
  .btm_spec { display: flex; justify-content: center; }
  .btm_spec .btn { margin-left: 1rem; margin-right: 1rem; width: calc(50% - 2rem); max-width: 480px; }
  .btm_spec .btn a { width: 100%; }
  .option .option_area { display: flex; justify-content: space-between; }
  .option .option_area .op_img { width: calc( (100% - 5.25%) / 2 ); }
  .option .option_area .op_img .op_cap { text-align: center; font-size: 16px; border-bottom: 2px solid #e74200; } }
@media screen and (min-width: 768px) and (min-width: 1184px) { .dim_posi .dim_txt_area { padding: 2em; }
  .dim_posi .dim_txt_area ul li { font-size: 16px; line-height: 16px; }
  .dim_posi .dim_txt_area ul li:nth-child(n+2) { margin-top: 1em; }
  .dim_posi .dim_txt_area ul:nth-child(n+2) { margin-left: 2em; }
  .dim_posi .dim_txt_area .numcl { width: 20px; height: 20px; border-radius: 10px; font-size: 14px; }
  .dim_posi .dim_txt_area .text_min { font-size: 12px; } }
@media screen and (min-width: 768px) and (max-width: 1183px) { /* PC以下 */
  .dim_posi .dim_txt_area { padding: 1em !important; }
  .dim_posi .dim_txt_area ul li { font-size: 13px !important; line-height: 13px !important; }
  .dim_posi .dim_txt_area ul li:nth-child(n+2) { margin-top: 0.75em !important; }
  .dim_posi .dim_txt_area ul:nth-child(n+2) { margin-left: 0.75em !important; }
  .dim_posi .dim_txt_area .numcl { width: 14px !important; height: 14px !important; border-radius: 7px !important; font-size: 10px !important; }
  .dim_posi .dim_txt_area .text_min { font-size: 12px !important; } }
@media screen and (min-width: 768px) and (max-width: 991px) { /* タブレット以下 */ }
@media screen and (max-width: 767px) { .dim_ttl { font-size: 24px; margin-bottom: 1em; }
  .std_pad { padding-top: 40px; padding-bottom: 40px; }
  .dimensions .dim_posi .dim_txt_area { background-color: #fef6f2; width: 100%; padding: 1.5em 0.5em; display: flex; margin-top: 1em; justify-content: center; }
  .dimensions .dim_posi .dim_txt_area ul li { font-size: 13px; line-height: 13px; }
  .dimensions .dim_posi .dim_txt_area ul li:nth-child(n+2) { margin-top: 1em; }
  .dimensions .dim_posi .dim_txt_area ul:nth-child(n+2) { margin-left: 1em; }
  .dimensions .dim_posi .dim_txt_area .numcl { width: 14px; height: 14px; border-radius: 7px; font-size: 9px; padding-top: 3px; top: -1px; }
  .dimensions .dim_posi .dim_txt_area .text_min { font-size: 11px; }
  .att_txt01 { margin-top: 0.75em; color: #e74200; font-size: 14px; line-height: 20px; }
  .att_txt { color: #e74200; font-size: 14px; line-height: 20px; text-indent: -1em; margin-left: 1em; }
  .att_txt:first-of-type { margin-top: 0.75em; }
  .specification .list table tr, .history .list table tr { font-size: 14px; line-height: 18px; height: 70px; }
  .specification .list table tr td:nth-child(1), .history .list table tr td:nth-child(1) { text-align: center; width: 7em; padding-left: 0.5em; padding-right: 0.5em; font-weight: normal; }
  .specification .list table tr td:nth-child(2), .history .list table tr td:nth-child(2) { width: calc(100% - 7em); align-items: center; justify-content: flex-start; padding-left: 1em; padding-right: 1em; }
  .specification .btm_mar, .history .btm_mar { margin-top: 1.25em; }
  .btm_spec { display: flex; flex-direction: column; align-items: center; }
  .btm_spec .btn { width: 100%; max-width: 360px; }
  .btm_spec .btn a { width: 100%; }
  .option .option_area .op_img .op_cap { text-align: center; font-size: 14px; border-bottom: 2px solid #e74200; }
  .option .option_area .op_img:nth-child(n+2) { margin-top: 1em; } }