@charset "UTF-8";
/***********************共通設定************************/
/*----------------------------------------------------
メニュー用
----------------------------------------------------*/
/*----------------------------------------------------
トップの検索フィール用
----------------------------------------------------*/
#product_single {
  max-width: 1160px;
  margin: 0 auto 100px;
  padding: 0 20px;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  #product_single {
    margin: 0 auto 50px;
  }
}

/*----------------------------------------------------
パンクず
----------------------------------------------------*/
.bread {
  padding: 70px 0px 0;
  /* 1215px以上  */
}
@media all and (min-width: 1216px) {
  .bread {
    padding: 120px 0px 0;
  }
}
.bread ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bread li {
  color: #393939;
}
.bread li:last-child::after {
  display: none;
}
.bread li a {
  color: #393939;
  position: relative;
}
.bread li a::after {
  content: "";
  position: absolute;
  background: #393939;
  width: 0%;
  height: 1px;
  left: 0;
  bottom: 1px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.bread li a:hover::after {
  width: 100%;
}

#product_single .bread a:link {
  text-decoration: none;
  color: #393939;
}
#product_single .bread a:visited {
  color: #393939;
}
#product_single .bread a:hover {
  text-decoration: none;
}

/*----------------------------------------------------
共通
----------------------------------------------------*/
h2, h3, h4, li, p, span {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  color: #393939;
}

#product_single a:link {
  text-decoration: none;
  color: #393939;
}
#product_single a:visited {
  color: #393939;
}
#product_single a:hover {
  text-decoration: none;
}

.green {
  background-image: -webkit-gradient(linear, left top, right top, from(#B2EDE8), to(#B2EDE8));
  background-image: linear-gradient(90deg, #B2EDE8, #B2EDE8);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 8px;
}

table {
  width: 100%;
}
table tr td {
  padding: 10px;
  border-top: 1px solid #8B8B8B;
}
table tr td:first-child {
  font-size: 16px;
  font-weight: 200;
  background: #E3E3E3;
  text-align: center;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  table tr td:first-child {
    font-size: 14px;
  }
}
table tr td span {
  font-size: 18px;
  margin: 0 0 0 10px;
  font-weight: 400;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  table tr td span {
    margin: 0 10px 0 0;
    font-size: 15px;
  }
}
table tr td span.pc {
  font-size: 16px;
  margin: 0px;
  font-weight: 200;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  table tr td span.pc {
    display: none;
  }
}
table tr td.price, table tr td.number {
  padding: 10px 10px 10px 20px;
}
table tr:last-child td {
  font-size: 16px;
  font-weight: 200;
  border-bottom: 1px solid #8B8B8B;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  table tr:last-child td {
    font-size: 14px;
  }
}

/*----------------------------------------------------
スライドエリア
----------------------------------------------------*/
#container1 {
  padding: 20px 0 0;
  /* 1215px以上  */
}
@media all and (min-width: 1216px) {
  #container1 {
    padding: 100px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.top_slide_area {
  /* 1215px以上  */
}
@media all and (min-width: 1216px) {
  .top_slide_area {
    width: 50%;
  }
}

.slider_outer2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 1215px以上  */
  /* 1215px以下  */
}
@media all and (min-width: 1216px) {
  .slider_outer2 {
    width: 640px;
    height: auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media all and (max-width: 1215px) {
  .slider_outer2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
  }
}
.slider_outer2 .slick-track {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-line-pack: center;
      align-content: center;
}
.slider_outer2 .slider1_2 {
  height: auto;
  margin: 0 auto;
  padding: 0;
}
.slider_outer2 .thumb1_2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 1215px以下  */
  /* 1215px以上  */
}
@media all and (max-width: 1215px) {
  .slider_outer2 .thumb1_2 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 70px 0 0;
  }
}
@media all and (min-width: 1216px) {
  .slider_outer2 .thumb1_2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 50px;
  }
}
.slider_outer2 .thumbnail-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  border: 1px solid #8B8B8B;
  margin: 0 0 10px;
  width: 50px;
  height: 50px;
  opacity: 0.5;
  /* 1215px以下  */
}
@media all and (max-width: 1215px) {
  .slider_outer2 .thumbnail-item {
    margin: 0 3px 10px;
    width: 35px;
    height: 35px;
  }
}
.slider_outer2 .thumbnail-item img {
  height: 100%;
  width: 100%;
  margin: 0 auto;
}
.slider_outer2 .thumbnail-item div {
  cursor: pointer;
}
.slider_outer2 .thumbnail-item.thumbnail-current {
  opacity: 1;
}
.slider_outer2 .slick-dots {
  position: absolute;
  bottom: -45px;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  .slider_outer2 .slick-dots {
    width: 470px;
  }
}
.slider_outer2 .slick-dots li button::before {
  position: absolute;
  content: "";
  opacity: 1;
  width: 16px;
  height: 16px;
  margin: 0 auto;
  background-color: #E3E3E3;
  border-radius: 100px;
}
.slider_outer2 .slick-dots li.slick-active button::before {
  opacity: 1;
  background-color: #8B8B8B;
}

.slick-list {
  /* 751以上 */
  /* 750以下  */
}
@media all and (min-width: 751px) {
  .slick-list {
    width: 470px;
  }
}
@media all and (max-width: 750px) {
  .slick-list {
    max-width: 290px;
  }
}

/*----------------------------------------------------
container1
----------------------------------------------------*/
.prod_text {
  text-align: left;
  /* 1215px以下  */
  /* 1215px以上  */
}
@media all and (max-width: 1215px) {
  .prod_text {
    margin: 40px 0 0;
  }
}
@media all and (min-width: 1216px) {
  .prod_text {
    width: calc(100% - 640px);
  }
}

.prod_name {
  font-size: 28px;
  font-weight: 600;
  /* 1215px以下  */
}
@media all and (max-width: 1215px) {
  .prod_name {
    font-size: 22px;
  }
}

.brand {
  font-size: 16px;
  margin: 10px 0;
  /* 1215px以下  */
}
@media all and (max-width: 1215px) {
  .brand {
    font-size: 14px;
  }
}

.btn_purchase {
  font-size: 22px;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .btn_purchase {
    font-size: 18px;
  }
  .btn_estimate {
    font-size: 18px;
  }		
}
.btn_purchase a {
  position: relative;
  width: 230px;
  height: 63px;
  color: #fff;
  background: #00525D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 70px auto;
  text-align: center;
  padding: 0 40px 2px 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100px;
  border: solid 2px #00525D;
  -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
  /* 750以下  */
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.btn_estimate a {
  position: relative;
  width: 230px;
  height: 63px;
  color: #fff;
  background: #414651;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 70px auto;
  text-align: center;
  padding: 0 40px 2px 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100px;
  border: solid 2px #414651;
  -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
  /* 750以下  */
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media all and (max-width: 750px) {
  .btn_purchase a {
    height: 50px;
    width: 180px;
    padding: 0 30px 0 0px;
    margin: 50px auto;	  
  }
  .btn_estimate a {
    height: 50px;
    width: 180px;
    padding: 0 30px 0 0px;
    margin: 50px auto;
  }		
}
.btn_purchase a::after {
  content: "";
  position: absolute;
  background-image: url(../images/product/icon_purchase.png);
  background-size: cover;
  width: 42px;
  height: 42px;
  right: 11px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .btn_purchase a::after {
    right: 5px;
  }
}

.btn_estimate a::after {
  content: "";
  position: absolute;
  background-image: url(/wp-content/uploads/2025/02/icon_estimate_0.png);
  background-size: cover;
  width: 42px;
  height: 42px;
  right: 11px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .btn_estimate a::after {
    right: 5px;
  }
}

.number {
  font-weight: 200;
  font-size: 18px;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .number {
    font-size: 15px;
  }
}

.prod_info1 {
  line-height: 2;
  margin: 20px 0;
  font-size: 16px;
  letter-spacing: 0.03em;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .prod_info1 {
    font-size: 15px;
  }
}

#product_single .btn_purchase {
  font-size: 22px;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  #product_single .btn_purchase {
    font-size: 18px;
  }
}
#product_single .btn_purchase a:link {
  text-decoration: none;
  color: #fff;
}
#product_single .btn_purchase a:visited {
  color: #fff;
}
#product_single .btn_purchase a:hover {
  color: #00525D;
  background: #fff;
  text-decoration: none;
}
#product_single .btn_purchase a:hover::after {
  background-image: url(../images/product/icon_purchase_on.png);
}

.prod_num, .prod_info1, #container2, #container3 {
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .prod_num, .prod_info1, #container2, #container3 {
    padding: 0 10px;
  }
}

#product_single .btn_estimate {
  font-size: 22px;
}

/* 750以下  */
@media all and (max-width: 750px) {
  #product_single .btn_estimate {
    font-size: 18px;
  }
}
#product_single .btn_estimate a:link {
  text-decoration: none;
  color: #fff;
}
#product_single .btn_estimate a:visited {
  color: #fff;
}
#product_single .btn_estimate a:hover {
  color: #414651;
  background: #fff;
  text-decoration: none;
}
#product_single .btn_estimate a:hover::after {
  background-image: url(/wp-content/uploads/2025/02/icon_purchase_hover2.png);
}

/*----------------------------------------------------
container2
----------------------------------------------------*/
#container2 {
  padding: 20px 0 0;
  /* 1215px以上  */
}
@media all and (min-width: 1216px) {
  #container2 {
    padding: 100px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.cont2_img {
  /* 1215px以上  */
  /* 1215px以下  */
}
@media all and (min-width: 1216px) {
  .cont2_img {
    width: 400px;
  }
}
@media all and (max-width: 1215px) {
  .cont2_img {
    margin: 0px 0 40px;
  }
}

.cont2_text {
  /* 1215px以上  */
  text-align: left;
}
@media all and (min-width: 1216px) {
  .cont2_text {
    width: calc(100% - 480px);
  }
}
.cont2_text h2 {
  font-size: 22px;
  margin: 40px 0 10px;
  font-weight: 500;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .cont2_text h2 {
    font-size: 18px;
  }
}
.cont2_text h2:first-child {
  margin: 0px 0 10px;
}
.cont2_text h3 {
  font-size: 20px;
  margin: 40px 0 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .cont2_text h3 {
    font-size: 16px;
  }
}
.cont2_text p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 10px 0;
  line-height: 2;
  letter-spacing: 0.03em;
  font-size: 16px;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .cont2_text p {
    font-size: 14px;
  }
}

/*----------------------------------------------------
container3
----------------------------------------------------*/
#container2 ul, #container2 ol, #container3 ul, #container3 ol {
  margin: 30px 0;
  padding-left: 50px;
  text-indent: -20px;
  font-size: 16px;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  #container2 ul, #container2 ol, #container3 ul, #container3 ol {
    font-size: 14px;
    padding-left: 30px;
  }
}
#container2 li, #container3 li {
  list-style-position: inside;
  margin: 10px 0;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#container2 ul li, #container3 ul li {
  list-style-type: disc;
}
#container2 ol li, #container3 ol li {
  list-style-type: auto;
}

#container3 {
  /* 1215px以上  */
}
@media all and (min-width: 1216px) {
  #container3 {
    padding: 80px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.cont3_wrap {
  /* 1215px以上  */
  /* 1215px以下  */
  text-align: left;
}
@media all and (min-width: 1216px) {
  .cont3_wrap {
    width: 48%;
  }
}
@media all and (max-width: 1215px) {
  .cont3_wrap {
    margin: 40px 0;
  }
}
.cont3_wrap h2 {
  font-size: 20px;
  position: relative;
  padding: 0 0 0 35px;
  font-weight: 500;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .cont3_wrap h2 {
    font-size: 18px;
  }
}
.cont3_wrap h2::before {
  content: "";
  position: absolute;
  background-size: cover;
  left: 0px;
  top: 3px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cont3_wrap h2.detail::before {
  background-image: url(../images/product/icon_detail.png);
  width: 20px;
  height: 26px;
}
.cont3_wrap h2.operation::before {
  background-image: url(../images/product/icon_operation.png);
  width: 25px;
  height: 25px;
}

.cont3_text {
  border: 1px solid #8B8B8B;
  border-radius: 10px;
  padding: 40px;
  margin: 20px 0 0px;
  font-size: 16px;
  /* 1215px以下  */
}
@media all and (max-width: 1215px) {
  .cont3_text {
    padding: 10px;
    font-size: 14px;
  }
  .cont3_text table tr td:first-child {
    width: 45%;
  }
}
.cont3_text table {
  margin: 20px 0;
}
.cont3_text table td {
  font-weight: 300;
  padding: 5px 10px;
}
.cont3_text table td:last-child {
  font-weight: 300;
}

/*----------------------------------------------------
container4
----------------------------------------------------*/
#container4 {
  padding: 20px 0 0;
  /* 1215px以上  */
}
@media all and (min-width: 1216px) {
  #container4 {
    padding: 110px 0 0;
  }
}
#container4 .option_prod {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#container4 h2 {
  font-size: 20px;
  margin: 0 0 20px;
  font-weight: 500;
}

/*----------------------------------------------------
container5
----------------------------------------------------*/
#container5 {
  padding: 60px 0 0;
}
#container5 .option_prod {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#container5 h2 {
  font-size: 20px;
  margin: 0 0 20px;
  font-weight: 500;
}
.mb-text {
    margin: auto;
}
/*# sourceMappingURL=prod_single.css.map */