@charset "UTF-8";

#contents { max-width: initial; }
.katabanSearchBlock .katabanSearch02 p .txt label,
.katabanSearchBlock .katabanSearch02 p .txt input,
.katabanSearchBlock .katabanSearch02 p .txt .innerTxt {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .katabanSearchBlock .katabanSearch02 p .txt label,
  .katabanSearchBlock .katabanSearch02 p .txt input,
  .katabanSearchBlock .katabanSearch02 p .txt .innerTxt {
    font-size: 14px;
  }
}
/* ------ link ------ */
a:hover   { color:#FF3300; text-decoration:underline; }
a:active  { color:#FF3300; text-decoration:underline; }
.detailSection a, .anchorBlock a { transition: none; }

/*--------------------------------------------------
Heading
--------------------------------------------------*/
.heading_lv2_shoumou { position: relative; padding-left: 65px; }
.heading_lv2_shoumou::before { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform:translateY(-50%); transform: translateY(-50%); width: 49px; height: 49px; background: url("/support/common/img/cmn_ic01_05.png") 0 0 / 49px 49px no-repeat; }
.heading_lv3 { margin-bottom: 20px; padding-left: 16px; position: relative; font-size: 22px; }
.heading_lv3::before { content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 1.6em; background: #005AB4; }
.heading_lv4 { padding-left: 23px; position: relative; font-size: 18px; }
.heading_lv4::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 12px; height: 12px; background: #005AB4; }
.heading_lv4_wrap.lineS { margin-bottom: 24px; padding-bottom: 16px; }
@media screen and (max-width: 767px) {
  .heading_lv2_shoumou { padding-left: 60px; }
  .heading_lv3 { margin-bottom: 20px; padding-left: 16px; position: relative; font-size: 19px; }
  .heading_lv4 { font-size: 16px; }
}

/*--------------------------------------------------
listCaution
--------------------------------------------------*/
.listCaution_title { margin-top: 24px; margin-bottom: 16px; font-weight: bold; }
.listCaution > li.listCaution_indent3 { padding-left: 3em; text-indent: -3em; }
@media screen and (max-width: 767px) {
  .listCaution_title { font-size: 14px; }
}

/*--------------------------------------------------
card
--------------------------------------------------*/
.card-flex {
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}
.card_item {
  position: relative;
  padding: 20px 20px 35px;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.card_icon {
  position: absolute;
}
.card_product {
  margin-top: 20px;
  text-align: center;
  border-bottom: 1px dotted #ddd;
}
.card_product h3 {
  margin: 17px 0 24px;
  font-size: 18px;
}
.card_text {
  padding-top: 15px;
}
.card_modelNumber {
  display: inline-block;
  margin-bottom: 15px;
}
.card_note {
  padding-top: 5px;
  font-size: 14px;
}
.card_shop_btn {
  margin-top: 24px;
  text-align: center;
}
.card_shop_btn a {
  position: relative;
  display: inline-block;
  width: auto;
  max-width: 100%;
  padding: 8px 30px 6px 46px;
  background-color: #D84005;
  border-radius: 30px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}
.card_shop_btn a::before {
  content: '';
  width: 32px;
  height: 32px;
  background: url(/support/portal/shoumouhin/common/images/icon_cart.gif) no-repeat;
  border-radius: 50%;
  position: absolute;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.card_shop_btn a::after {
  content: '';
  position: absolute;
  right: 8px;
  top: calc(50% - 4px);
  margin-top: 0;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.card_shop_btn a:hover, .card_shop_btn a:focus {
  color: #fff;
  text-decoration: none;
  opacity: 0.7;
}

@media (min-width: 768px) {
  .card-flex {
    display: flex;
    flex-wrap: wrap;
  }
  .card_item {
    width: calc(100% / 3);
  }
  .card-flex.card-2column {
    border: none;
  }
  .card-flex.card-2column .card_item {
    border-top: 1px solid #e5e5e5;
  }
  .card-flex.card-2column .card_item:first-of-type {
    border-left: 1px solid #e5e5e5;
  }
}
@media screen and (max-width: 767px) {
  .card_item {
    padding: 15px 15px 20px;
  }
  .card_product h3 {
    margin: 12px 0 16px;
    font-size: 16px;
  }
  .card_text p, .card_text a {
    font-size: 14px;
  }
  .card_text .card_note {
    font-size: 12px;
  }
  .card_modelNumber {
    margin-bottom: 10px;
  }
  .card_shop_btn {
    margin-top: 12px;
  }
}

/*--------------------------------------------------
col3-flex
--------------------------------------------------*/
.col3-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.col3_item {
  border: 1px solid #e2e2e2;
}
.col3_item dt {
  padding: 12px 20px;
  background: #fafafa;
  border-bottom: 1px solid #e2e2e2;
}
.col3_item dd {
  padding: 12px 20px;
}
.col3_arrow_right {
  position: relative;
  display: block;
  height: 100%;
  padding: 20px 50px 20px 20px;
}
.col3_arrow_right::after {
  content: '';
  display: block;
  position: absolute;
  right: 20px;
  width: 13px;
    height: 13px;
  border-top: 3px solid #005AB4;
  border-right: 3px solid #005AB4;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.col3_item-flex {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (min-width: 768px) {
  .col3_item {
    width: calc(100% / 3 - 20px);
  }
}
@media screen and (max-width: 767px) {
  .col3-flex {
    display: flex;
    flex-direction: column;
  }
}



#contents .detailSection {
  width: auto;
  margin-top: 60px;
}
.anchorBlock {
  padding-top: 23px;
  padding-bottom: 20px;
}
.detailGroup {
  margin-bottom: 40px;
}
.detailGroup h2 {
  color: #000;
  font-size: 28px;
}
@media screen and (max-width: 767px) {
  #contents .detailSection {
    margin-top: 40px;
  }
  .detailGroup h2 {
    font-size: 20px;
  }
  .detailGroup p {
    font-size: 14px;
  }
  .taLSP { text-align: left !important; }
}