@charset 'UTF-8';
/*  Add Custom CSS here.  */

.boxContact .btntop01 {
  display: block;
  margin: 0 auto;
  width: 320px;
  height: 60px;
  line-height: 60px;
  background: #fff url(../img/top/icon_btn01.png) right 18px center no-repeat;
  border: #000 1px solid;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}

.boxContact .btntop01:hover {
  background: #000 url(../img/top/icon_btn02.png) right 18px center no-repeat;
  color: #fff;
  opacity: 1;
}

#contact .boxTxt2 {
  text-align: left;
  margin: 35px 0;
}

#contact .boxTxt3 a {
  text-decoration: underline;
}

#contact .boxTxt3 {
  padding-bottom: 120px;
}

#contact .tableContact select {
  background-color: rgb(248, 248, 248);
}

.contactTel {
  padding-top: 125px;
}

.itemfProduct{
  margin-bottom: 70px;
}
.itemfProduct .itemfImg img{
  width: 120px;
  height: auto;

}
.itemfProduct .itemfImg{
  float: left;
}

.itemfProduct .itemfContent .itemfTitle .itemfNote a{
  text-decoration: underline;
}
.itemfProduct .itemfContent  .itemfNote a{
  text-decoration: underline;
}
.itemfProduct .itemfContent  .itemfNote {
  font-size: 16px;
}
.itemfProduct .itemfContent .itemfTitle{
  font-weight: bold;
  font-size: 22px;
  padding-bottom: 10px;

}
.itemfProduct .itemfContent{
  overflow: hidden;
  padding-left: 35px;
}

.productsingle__content--box03-right .btn_yellow{
    line-height: 30px;
    padding: 25px 35px;
    height: auto;
}
.footer .footerWrap .btndiv{
  max-width: 548px;
}
.footer .footerWrap .btndiv img{
  width: 258px;
  height: 60px;
}
@media only screen and (max-width: 767px) {
  .footer .footerWrap .btndiv img{
    width: 100%;
    height: auto;
  }
}
.footer .footerWrap .btndiv li {
  padding-left: 16px;
}
.footer .footerWrap .footerNew .networkBox{
  bottom: -60px;
}
@media only screen and (max-width: 767px) {
  #contact .boxContact.contactTel {

    padding-top: 60px;
  }

  #contact .boxContact h2.h2_subtitle{
    padding-bottom: 5px;
  }
  .footer .footerWrap .btndiv li {
    padding-left: 0;
  }

  .itemfProduct .itemfContent {
    padding-right: 0;
    width: calc(100% - 120px);
    padding-left: 0;
}

  .itemfProduct .itemfContent .itemfTitle{
    font-size: 18px;
  }

}

/*Trouble Page*/
.productWrap02.trouble .box02 .ul01 .imgdiv img{
  height: 100%;
    width: auto;
}
.productWrap02.trouble .box02 .ul01 .imgdiv a{
  display: block;
  line-height: 0;
}

.productWrap02.trouble .box02 .ul01 .txt01{
  padding: 20px 0;padding-left: 30px;
}
/*-----------------------
  Products edit 2019.04.24
-------------------------*/
@media (min-width: 768px){
  .productWrap02 .box01 .ul01{
    font-size: 0;
    letter-spacing: 0;
  }
  .productWrap02 .box01 .ul01 li{
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  .footer .footerWrap .btndiv .btn03 img{
    transition: 0.5s;
  }
  .footer .footerWrap .btndiv .btn03:hover img{
    opacity: 0.5;
  }
  .productsingle__content--box03{
    padding-bottom: 40px;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px){
  .productsingle__content--box03-right .btn_yellow:last-child {
    margin-bottom: 15px;
  }
}



/*-----------------------
  Products edit 2019.06.26
-------------------------*/
.singlenews__content--info table td{
  background: none;
  vertical-align: top;
  border: 0;
  width: 50%;
}
.singlenews__content--info table{
  border: 0;
  width: 100%;
  margin-top: 0;
}
.singlenews__content--info table td:nth-child(1) {
  width: 50%;
  background: none;
  padding: 0 15px 0 0;
}
.singlenews__content--info table td img{
  margin: 0;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px){
  .singlenews__content--info table{
    display: block;
    width: 100%;
  }
  .singlenews__content--info table td{
    display: block;
    width: 100%!important;
    padding: 0!important;
  }

  .singlenews__content--info table td:nth-child(1){
    margin-bottom: 15px;
  }
  .singlenews__content--info table.sectionB tr{
    display: flex;
    flex-direction: column-reverse;
  }
  .singlenews__content--info table.sectionB tr td{
    margin-bottom: 20px;
  }
}

/*================================
  Edit 2019.07.09
==================================*/
.cmsdiv h3 {
  margin: 44px 0 38px;
  border-bottom: #DCDCDC 3px solid;
  padding-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  background: none;
  padding-left: 0;
}
.cmsdiv h2{
  background: #efefef;
  font-weight: bold;
  font-size: 26px;
  line-height: 32px;
  color: #000;
  border-left: 6px solid #f4d504;
  padding: 25px;
  border-bottom: 0;
  margin: 50px 0 30px;
}
.singlenews__content iframe{
  width: 100%;
  display: block;
}
@media (max-width: 767px){
  .cmsdiv h3 {
    font-size: 18px;
  }
  .cmsdiv h2{
    font-size: 20px;
    border-left: 3px solid #f4d504;
    padding: 20px 15px;
    line-height: 1.3;
    margin: 30px 0 20px;
  }
  .singlenews__content iframe{
    height: 200px;
  }
}

@media only screen and (max-width: 767px){
  .singlenews__content--info img{
    margin-top: 10px;
    margin-bottom: 0;
  }
}
@media (min-width: 768px){
  .singlenews__content--info img {
    margin-top: auto;
    margin-bottom: auto;
  }
  .cmsdiv .alignnone {
    margin: auto;
  }
}

/*------------------------
  Edit 201
--------------------------*/
.singlenews__content .btn_new{
  text-align: center;
  margin-top: 40px;
}
.singlenews__content .btn_new li{
  display: inline-block;
  vertical-align: top;
}
.singlenews__content .btn_new li:nth-child(1){
  padding-right: 18px;
}
.singlenews__content .btn_new li:nth-child(2){
  padding-left: 18px;
}
.singlenews__content .btn_new a{
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #000;
  width: 220px;
  padding: 15px;
  background: #F4D504;
  display: inline-block;
  text-decoration: none;
}
@media only screen and (max-width: 767px){
  .singlenews__content .btn_new{
    margin-top: 23px;
  }
  .singlenews__content .btn_new li{
    display: block;
  }
  .singlenews__content .btn_new li:nth-child(1){
    padding-right: 0;
    margin-bottom: 14px;
  }
  .singlenews__content .btn_new li:nth-child(2){
    padding-left: 0;
  }
}

/*------------------------
  Edit products detail 2019.08.19
--------------------------*/
.productdetail .listThumbNew{
  margin-top: 0;
}
.productdetail .productsingle__product{
  margin-bottom: 41px;
}
.productdetail .listThumbNew .listBox li{
  width: 12.5%;
}
.productdetail .h2_subtitle{
  margin-bottom: 30px;
}
.productdetail .productsingle__product--left .imgdownload{
  margin-bottom: 0;
}
.productdetail .youtube{
  margin-top: 50px;
}
.productdetail .youtube1{
  margin-top: 26px;
}
.productdetail .youtube iframe,
.productdetail .youtube1 iframe{
  display: block;
  width: 100%;
  height: 258px;
}
.productdetail .youtube_frame{
  margin-bottom: 40px;
}
.productdetail .youtube_frame:last-child{
  margin-bottom: 0;
}
.productdetail .listnewitems{
  margin-top: 35px;
  padding-top: 60px;
  border-top: 1px solid #BEBEBE;
  margin-bottom: 115px;
}
.productdetail .listnewitems li{
  margin-bottom: 30px;
}
.productdetail .listnewitems li:last-child{
  margin-bottom: 0;
}
.productdetail .listnewitems .box{
  display: table;
  width: 100%;
}
.productdetail .listnewitems .img{
  display: table-cell;
  width: 40%;
}
.productdetail .listnewitems .img img{
  display: block;
  width: 100%;
}
.productdetail .listnewitems .txtbox{
  display: table-cell;
  width: 60%;
  padding-left: 35px;
  vertical-align: top;
  font-size: 16px;
  line-height: 35px;
}
.productdetail .parent_feature_box{
  margin-top: 30px;
}
.productdetail .parent_feature_item{
  position: relative;
  padding-left: 18px;
}
.productdetail .parent_feature_item::before{
  position: absolute;
  content: "・";
  top: 2px;
  left: 0;
}
.productsingle__content--box03-left{
  border:0;
}
.productsingle__content--box03-left .wrap_div{
  border: 1px solid #D8D8D8;
  border-bottom: 0;
}
.productsingle__content--box03-left .wrap_div:last-child{
  border-bottom: 1px solid #D8D8D8;
}
.productdetail .parent_note_box{
  margin-top: 20px;
}
.productdetail .parent_note_item{
  position: relative;
  padding-left: 18px;
  margin-bottom: 10px;
  font-size: 14px;
}
.productdetail .parent_note_item::before{
  position: absolute;
  content: "※";
  top: 0px;
  left: 0;
  font-size: 14px;
}


@media only screen and (max-width: 767px){
  .productsingle__product--left{
    margin-bottom: 40px;
  }
  .productdetail .listThumbNew .listBox li{
    width: 25%;
    margin-bottom: 20px;
  }
  .productdetail .h2_subtitle{
    margin-bottom: 18px;
  }
  .productdetail .productsingle__product{
    margin-bottom: 30px;
  }
  .productdetail .youtube1{
    margin-top: 25px;
  }
  .productdetail .youtube iframe,
  .productdetail .youtube1 iframe{
    height: 197px;
  }
  .productdetail .listnewitems{
    padding-top: 40px;
    margin-bottom: 65px;
  }
  .productdetail .listnewitems li{
    margin-bottom: 40px;
  }
  .productdetail .listnewitems li:last-child{
    margin-bottom: 0;
  }
  .productdetail .listnewitems .box{
    display: block;
  }
  .productdetail .listnewitems .img{
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
  .productdetail .listnewitems .txtbox{
    display: block;
    width: 100%;
    padding-left: 0;
    line-height: 30px
  }

  .productdetail .youtube_frame{
    margin-bottom: 20px;
  }
  .productdetail .youtube_frame:last-child{
    margin-bottom: 0;
  }
  #contact .modalContact .txtWrap{
    padding: 12px;
  }
}


/*============================
Choose 2022.12.15
==============================*/
.choose .choose-box1{
  margin-bottom: 85px;
}
.choose .choose-box1 .itembox{
  margin-top: 40px;
}
.choose-box1 .itembox .item{
  margin-bottom: 30px;
}
.choose-box1 .itembox .item:last-child{
  margin-bottom: 0;
}
.choose-box1 .ttl{
  margin-bottom: 5px;
}
.choose-box1 ul li{
  padding-left: 18px;
}
.choose-box1 ul a{
  font-size: 16px;
  line-height: 35px;
  font-weight: bold;
  text-decoration: underline;
  position: relative;
  display: inline-block;
}
.choose-box1 ul a:before{
  position: absolute;
  left: -18px;
  top: 0;
  content: "・";
}

/*============================
Products detail 2023.06.15
==============================*/
.productsingle .keywordbox{
  margin-top: 75px;
}
.productsingle .keywordbox .txt-keyword{
  color: #777;
  font-size: 12px;
}
@media only screen and (max-width: 767px){
  .productsingle .keywordbox{
    margin-top: 50px;
  }
  .productsingle .keywordbox .txt-keyword{
    font-size: 10px;
  }
}


/*============================
Products detail 2024.04.22
==============================*/

.productsingle .txt-cm-field{
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 35px;
  font-weight: 500;
  color: #CE0300;
}

/*============================
Products detail 2025.03.21
==============================*/
.productsingle .txt_new01{
  text-align: center;
  margin-bottom: 30px;
  background: #FEEE76;
  border: 1px solid #CBA734;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  padding:  9px 15px 7px;
}
@media only screen and (max-width: 767px){
  .productsingle .txt_new01{
    margin-bottom: 15px;
  }
}


/*============================
Products cate 2025.09.24
==============================*/
.img-productcat{
  height: 130px;
  object-fit: cover;
}
@media only screen and (max-width: 767px){
  .img-productcat{
    height: 99px;
  }
}

.topic .imgdiv img{
  width: 100%;
  height: 176px;
  object-fit: cover;
}
.howtoWrap .imgdiv img{
  width: 100%;
  height: 178px;
  object-fit: cover;
}
.product .listItems img{
  width: 100%;
  height: 223px;
  object-fit: cover;
}
.news .listBox .img img{
  width: 100%;
  height: 179px;
  object-fit: cover;
}
.faq .imgdiv img{
  width: 100%;
  height: 220px;
  object-fit: cover;
}
.singleTroubleWrap .listItems .box .img img{
  height: auto;
}
.howtoWrap .noresult{
  text-align: center;
  margin-top: 30px;
}

@media only screen and (max-width: 767px){
  .topic .imgdiv img{
    height: 118px;
  }
  .howtoWrap .imgdiv img{
    height: 121px;
  }
  .product .listItems img{
    height: 120px;
  }
  .news .listBox .img img{
    height: 112px;
  }
  .faq .imgdiv img{
    height: 120px;
  }
}