/*
========================================

    powder_maintenance.css

========================================
*/

.mt20px{
  margin-top: 20px;
  }
section.wrap_powder_maintenance{
    background-color:#fbfbfb;
    padding: 0;
    margin: 0;
    }

@media (min-width: 1024px) {
  section.wrap_powder_maintenance {
    background-image: url('/admin/wp-content/themes/nsk-base2020/images/powder_maintenance/bg_mainvis_powder_240515.png');
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1440px) {
  section.wrap_powder_maintenance {
    background-image: url('/admin/wp-content/themes/nsk-base2020/images/powder_maintenance/bg_mainvis_powder_wide_240515.png');
    background-size: calc((100% - 1024px) / 2) 100%;
  }
}


section.wrap_powder_maintenance .inner{
    width: calc(100% - 80px);
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    flex-direction:row-reverse;
    gap: 40px;
    align-items: center;
    }
section.wrap_powder_maintenance .inner img{
    width: 50%;
    margin-right: -8%;
    }
section.wrap_powder_maintenance .inner h2{
    font-size: 23px;
    line-height: 42px;
    font-weight: bold;
    margin: 20px 0;
    }
section.wrap_powder_maintenance .inner p{
    font-size: 14px;
    line-height: 24.5px;
    text-align: left;
    margin: 40px 0;
    }
section.wrap_powder_maintenance .inner p span{
    font-size: 12px;
    }
section.local_nav{
    text-align: center;
    width: calc(100% - 80px);
    opacity: 1;
    transition: opacity 0.5s ease-in-out; /* 透明度の変化を0.5秒かけて行う */
    }
section.local_nav_another{
    padding-bottom: 0;
  }
section.local_nav,
section.fixed_nav {
    position: relative; /* 初期の位置 */
    }
section.local_nav p,
section.fixed_nav p{
    font-size: 18px;
    margin: 20px auto 60px auto;;
    }
section.local_nav p.nav_text_bottom {
  margin-bottom: auto;
}
section.local_nav ul,
section.fixed_nav ul{
    display: flex;
    gap: 0;
     justify-content: center;
    max-width: 1024px;
    margin: 0 auto;
    }
section.local_nav ul li,
section.fixed_nav ul li{
    flex: 1;
    position: relative;
    }
section.local_nav ul li a,
section.fixed_nav ul li a{
    color: #fff;
    display: inline-block;
    padding: 30px 5px 30px 35px;
    font-size: 18px;
    }
section.local_nav ul li:nth-child(3) a,
section.fixed_nav ul li:nth-child(3) a{
    padding-top: 15px;
    padding-bottom: 15px;
    }
section.local_nav ul li a,
section.fixed_nav ul li a{
    color: #fff;
    display: inline-block;
    padding: 30px 5px 30px 35px;
    font-size: 18px;
    width: 100%;
    }
section.fixed_nav ul li a{
    padding: 30px 5px 30px 5px;
    }
section.local_nav ul li:nth-child(3) a{
    padding-top: 15px;
    padding-bottom: 15px;
    }

section.local_nav ul li:nth-child(1),
section.fixed_nav ul li:nth-child(1){ background: #da567d; }
section.local_nav ul li:nth-child(2),
section.fixed_nav ul li:nth-child(2){ background: #1e78b7; }
section.local_nav ul li:nth-child(3),
section.fixed_nav ul li:nth-child(3){ background: #0a918a; }

section.fixed_nav {
    position: fixed;
    padding: 0;
    top: 54px;
    z-index: 99998;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.5s ease-in-out; /* 透明度の変化を0.5秒かけて行う */
    }
section.fixed_nav.display{
    opacity: 1;
    }

section.fixed_nav ul li a,
section.fixed_nav ul li a:nth-child(3){
    padding-top: 15px;
    padding-bottom: 15px;
    }

section.local_nav ul li span,
section.fixed_nav ul li span{
    display: flex;
    gap: 20px;
    font-size: 12px;
    justify-content: center;
    }
section.local_nav ul li span sub,
section.fixed_nav ul li span sub{
    font-size: 12px;
    }
section.local_nav ul li img,
section.fixed_nav ul li img{
    position: absolute;
    height: 130px;
    top: -30px;
    left: 20px;
    }

section.wrap_product{
    background: #fff;
    display: flex;
    gap: 20px;
    padding: 0;
    }
div#flash_pearl,
div#soft_pearl,
div#perio_mate_powder{
    margin-top: -110px;
    padding-top: 108px;
    height: 10px;
    position: relative;
    }
div#soft_pearl,
div#perio_mate_powder{
    padding-top: 109px;
  }

section#main_flash_pearl.wrap_product{ background: #f0dee5; }
section#main_soft_pearl.wrap_product{ background: #d2e4f1; }
section#main_perio_mate_powder.wrap_product{ background: #cee9e8; }

section.wrap_product .colorbar{
    background: #000;
    width: 20%;
    max-width: 80px;
    }


section#flash_pearl.wrap_product .colorbar,
section.wrap_product.color_flash_pearl .colorbar{ background: #da567d; }

section#soft_pearl.wrap_product .colorbar,
section.wrap_product.color_soft_pearl .colorbar{ background: #1e78b7; }

section#perio_mate_powder.wrap_product .colorbar,
section.wrap_product.color_perio_mate_powder .colorbar{ background: #0a918a; }

section.wrap_product .wrap_product_inner,
section.wrap_product .wrap_product_function{
    width: calc(100% - 40px);
    max-width: 1024px;
    margin: 0 auto;
    padding: 40px 0;
    display: flex;
    align-items: center;
    width: 100%;
    margin-right: calc((100% - 1024px) / 2);
    }
    section.wrap_product .wrap_product_function.product_function_another{
      margin-bottom: 0;
    }
section.wrap_product .wrap_product_inner img,
section.wrap_product .wrap_product_inner div.tex{

    }
section.wrap_product .wrap_product_inner > img{
    width: 300px;
    }
section.wrap_product .wrap_product_inner div.tex,
section.wrap_product .wrap_product_inner div.tex p{
    text-align: left;
    }
section.wrap_product .wrap_product_inner div.tex h3{
    font-size: 26px;
    line-height: 36px;
    border-bottom: 1px solid #142d53;
    position: relative;
    display: flex;
    align-items: center;
  padding-bottom: 10px;  
  }
section.wrap_product .wrap_product_inner div.tex h3 span{

    }
section.wrap_product .wrap_product_inner div.tex h3 span:nth-child(1){
    width: calc(100% - 300px);
    }
section.wrap_product .wrap_product_inner div.tex h3 span:nth-child(2){
    width: 300px;
    font-size: 14px;
    display: flex;
    justify-content: right;
    gap: 10px;
    align-items: center;
    }
section#main_perio_mate_powder.wrap_product .wrap_product_inner div.tex h3 span:nth-child(1){
    width: calc(100% - 230px);
    }
section#main_perio_mate_powder.wrap_product .wrap_product_inner div.tex h3 span:nth-child(2),
section#main_perio_mate_powder.wrap_product .wrap_product_inner div.tex h3 span:nth-child(3){
    width: auto;
    height: auto;
    font-size: 14px;
    display: flex;
    justify-content: right;
    gap: 10px;
    align-items: center;
    }
section#main_perio_mate_powder.wrap_product .wrap_product_inner div.tex h3 span:nth-child(2) sub,
section#main_perio_mate_powder.wrap_product .wrap_product_inner div.tex h3 span:nth-child(3) sub{
    display: block;
    }
section#main_perio_mate_powder.wrap_product .wrap_product_inner div.tex h3 span:nth-child(2){
  margin-right: 10px;
  }


section.wrap_product .wrap_product_inner div.tex h3 span img{
    height: 60px;
    }

section.wrap_product .wrap_product_function{
    justify-content: left;
    align-items: flex-start;
    gap: 0;
    flex-wrap: wrap;
    margin-bottom: 120px;
    }

section.wrap_product .wrap_product_function .blk_function{
    text-align: left;
    width: calc(100% / 3);
    }
section.wrap_product .wrap_product_function .blk_function.left1{
  padding-right: 6px;
  }
section.wrap_product .wrap_product_function .blk_function.left2{
  padding-right: 3px;
  padding-left: 3px;
  }
section.wrap_product .wrap_product_function .blk_function.left3{
  padding-left: 6px;
  }

section.wrap_product.product_nonContents .wrap-contents{
  display: none;
}
section.wrap_product.wrap_product_list .mb_border-0 .wrap-product .list-wrap:nth-of-type(3) {
  margin-bottom: 0;
  border-bottom: 0;
}
section.wrap_product.product_nonContents .wrap-contents{
  display: none;
}
section.wrap_product .wrap_product_function .blk_function h4,
section.wrap_product .wrap_product_related h4,
section.wrap_product .wrap_product_videos h4,
section.wrap_product .product_contents_title h4,
section.wrap_powder_table h2{
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: normal;
    }
section.wrap_product .wrap_product_function .blk_function.mt-20 {
  margin-top: 20px;
}
section.wrap_product .wrap_product_function .blk_function ul{
    text-align: left;
    margin-left: 20px;
    margin-bottom: 0;
    }
section.wrap_product .wrap_product_function .blk_function ul li{
    text-align: left;
    }
section.wrap_product .wrap_product_function .blk_function ul li span{
  display: inline-block;
  }
section.wrap_product .wrap_product_function .blk_function ul li:before{
    content: "●";
    display: inline-block;
    margin-right: 5px;
    margin-left: -19px;
    }
section.wrap_product .wrap_product_function .blk_function ul.no_disc li:before,
section.wrap_product .wrap_product_function .blk_function ul.source li:before{
    content: none;
    }
section.wrap_product .wrap_product_function .blk_function ul.source{
    margin-left: 0;
    }
section.wrap_product .wrap_product_function .blk_function ul.source li{
    margin-left: 0;
    font-size: 12px;
    }

section.wrap_product.color_flash_pearl  .wrap_product_function .blk_function ul li:before{ color: #da567d; }
section.wrap_product.color_soft_pearl  .wrap_product_function .blk_function ul li:before{ color: #1e78b7; }
section.wrap_product.color_perio_mate_powder  .wrap_product_function .blk_function ul li:before{ color: #0a918a; }

section.wrap_product  .wrap_product_function .blk_function.col3_1{
    width: calc(((100% / 3) - 20px ) * 1)
    }
section.wrap_product  .wrap_product_function .blk_function.col3_2{
    width: calc(((100% / 3) - 20px ) * 2)
    }
section.wrap_product  .wrap_product_function .blk_function.col3_3{
    width: 100%;
    }
section.wrap_product.wrap_product_list{
    background: #e5e9ec
    }
section.wrap_non_bar.wrap_product_list{
    max-width: 100%;
    }
section.wrap_non_bar .wrap_product_list{
    width: 100%;
    }
section.wrap_product .wrap_product_function.products_list{
    margin-bottom: 0px;
  }
section.wrap_non_bar .wrap_product_function.products_list{
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

section.wrap_product.wrap_product_list .wrap-product{
    border-bottom: none;
    width: 100%;
    }
section.wrap_product.wrap_product_list .wrap-product .list-wrap{
  margin-bottom: 40px;
  padding-bottom: 40px;
  }

section.wrap_non_bar .wrap-product{
  border: none;
}
section.wrap_non_bar .list-wrap{
  border: none;
  }
section.wrap_product.wrap_product_list .wrap-product .list-wrap:last-child{
  margin-bottom: 40px;
  padding-bottom: 0;
  }

section.wrap_product.wrap_product_list .wrap-product .list-wrap ul{
  margin: 0 auto;
  }
section.wrap_product.wrap_product_list .wrap-product .list-wrap ul li.list-vis{
  padding: 10px 0;
  }
section.wrap_non_bar .list-wrap ul li.list-detail{
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 2px solid #fff;
  }
section.wrap_non_bar .list-wrap:last-of-type ul li.list-detail{
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}


h3.itemName{
    display: none;
    }

section.wrap_product .wrap_product_related,
section.wrap_product .wrap_product_videos,
section.wrap_product .wrap_product_blank,
section.wrap_product .product_contents_title{
    max-width: 1024px;
    margin: 0 auto 0px calc((100% - 1224px) /2);
    padding: 40px 0 0 0;
    width: 100%;
    }
section.wrap_product .wrap_product_blank{
  height: 120px;
  text-align: center;
  }
section.wrap_product .wrap_product_blank.upper_for_different_purposes{
  height: 240px;
  }

section.wrap_product .wrap_product_videos.lastpart{
  margin: 0 auto 80px auto;
  }

section.wrap_product .wrap_product_related h4,
section.wrap_product .wrap_product_videos h4,
section.wrap_product .product_contents_title h4,
section.wrap_powder_table h2{
    text-align: left;
    }

section.wrap_product .wrap_product_related ul{
    display: flex;
    justify-content: left;
    align-items: flex-start;
    gap: 0;
    flex-wrap: wrap;
    margin-bottom: 0;
    }
section.wrap_product .wrap_product_related ul li{
    width:auto;
    flex: 1;
    padding: 0;
    margin: 0;
    }
section.wrap_product .wrap_product_related ul li:nth-child(1) a{
  margin-right: 6px;
  }
section.wrap_product .wrap_product_related ul li:nth-child(2) a{
  margin-left: 3px;
  margin-right: 3px;
  }
section.wrap_product .wrap_product_related ul li:nth-child(3) a{
  margin-left: 6px;
  }

section.wrap_product span.caution{
    font-size: 12px;
    display: block;
    }
section.wrap_product span.caution:before{
    content: "※";
    margin-left: -17px;
    display: inline-block;
    margin-right: 4px;
    }

section.wrap_product .wrap_product_related ul li a{
    display: block;
    border: 1px solid #1a2e56;
    padding: 20px;
    }
section.wrap_product .wrap_product_related ul li img,
section.wrap_product .wrap_product_related ul li span{
    display: block;
    }

section.wrap_product .wrap_product_videos ul.listPdf{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 0;
    }
section.wrap_product .wrap_product_videos ul.listPdf li{
    display: block;
    width: calc((100% - 60px)/ 4);
    margin: 0;
    padding: 0;
    border: none;
    }
section.wrap_product .wrap_product_videos ul.listPdf li .coverMovie{
    display: inline-block;
    margin-bottom: 10px;
    text-align: center;
    width: auto;
    height: auto;
    }
section.wrap_product .wrap_product_videos ul.listPdf li .coverPdf{
    width: 100%;
    margin-bottom: 10px;
    }

section.wrap_product .wrap_product_videos ul.listPdf li .coverMovie img{
    width: 100%;
    max-width: none;
    height: auto;
    }

section.wrap_product .wrap_product_videos ul.listPdf li .titlePdf{
    word-break: normal;
    display: block;
    position: relative;
    left: auto;
    font-size: 12px;
    width: auto;
    height: auto;
    }
section.wrap_product .wrap_product_videos.list_support ul.listPdf li .titlePdf{
    text-align: center;
    }

section.for_different_purposes{
    max-width: 1024px;
    margin: 0 auto;
    padding: 40px 0;
    width: 100%;
    }

    section.wrap_powder_table{
      max-width: 1024px;
      margin: 0 auto;
      width: 100%;
    }
    
    section.wrap_powder_table .wrap_product_inner table {
      width: 100%;
      border-collapse: collapse;
    }
    
    section.wrap_powder_table .table_heading  {
      color: #fff;
    }
    
    section.wrap_powder_table .table_heading.table_flash_pearl {
      background: #da567d;
    }
    section.wrap_powder_table .table_heading.table_soft_pearl {
      background: #1e78b7;
    }
    section.wrap_powder_table .table_heading.table_perio_mate_powder {
      background: #0a918a;
    }
    
    section.wrap_powder_table .fas {
      line-height: 1.75;
    }
    
    section.wrap_powder_table .fa-check,
    section.wrap_powder_table .fa-window-minimize {
      color: #0d295d;
    }
    section.wrap_powder_table .fa-window-minimize {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    section.wrap_powder_table .fa-window-minimize::before {
      height: 25px;
    }

    .powder_maintenance ul.listPdf li .coverMovie:after,
    .powder_maintenance .wrap-block .coverMovie:after{
      line-height: normal;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    

@media (max-width: 1240px) {

section.wrap_product .colorbar{
    width: 40px;
    max-width: none;
    }
section.wrap_product .wrap_product_inner,
section.wrap_product .wrap_product_function,
section.wrap_product .wrap_product_related,
section.wrap_product .wrap_product_videos{
    margin-right: auto;
    padding: 40px;
    }
section.wrap_product .wrap_product_related,
section.wrap_product .wrap_product_videos,
section.wrap_product .wrap_product_blank,
section.wrap_product .product_contents_title{
  margin-right: auto;
  margin-left: 0;
  }

  section.wrap_product .product_contents_title{
    padding: 40px 40px 0;
  }
}

@media (max-width: 1024px) {

section.wrap_product.wrap_product_list .wrap-product .list-wrap ul li.list-vis{
  display: block;
  text-align: center;
  width: auto;
  }
section.wrap_product.wrap_product_list .wrap-product .list-wrap ul li.list-detail{
  width: 100%;
  }
section.wrap_product .wrap_product_related ul li img{
  margin: 0 auto;
  }

}

@media (max-width: 768px) {

  section.wrap_product .wrap_product_blank,
  section.wrap_product .wrap_product_blank.upper_for_different_purposes{
    height: 60px;
    }
  section.local_nav.fixed {
      position:relative;
      }
  section.fixed_nav ul li a{
    font-size: 11px;
    }
  section.fixed_nav ul li a,
  section.fixed_nav ul li:nth-child(3) a{
    font-size: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
    }
  section.fixed_nav{
    top: 0;
    }
  section.local_nav ul li img{
      position: absolute;
      height: 120px;
      top: -20px;
      left: 20px;
      }

  div#flash_pearl,
  div#soft_pearl,
  div#perio_mate_powder{
      margin-top: -45px;
      padding-top: 35px;
  //background: green;
      }

  section.wrap_powder_maintenance .inner{
      width: 100%;
      padding: 0;
      }
  section.wrap_powder_maintenance .inner .tex{
      width: calc(100% - 40px);
      margin: 0 auto;
      }
  section.wrap_powder_maintenance .inner{
      display: block;
      }
  section.wrap_powder_maintenance .inner img{
    width: 100%;
    margin-right: 0;
    }

  section.wrap_powder_maintenance .inner h2{
      font-size: 20px;
      line-height: 35px;
      margin: 20px 0;
      }
  section.wrap_powder_maintenance .inner p{
      margin: 0;
      }
  section.local_nav{
    width: calc(100% - 40px);
    }

  section.local_nav ul{
      display: block;
      max-width: calc(100% - 20px);
      }
  section.local_nav ul li{
      margin-bottom: 10px;
      }
  section.wrap_product .wrap_product_inner,
  section.wrap_product .wrap_product_function,
  section.wrap_product .wrap_product_blank,
  section.wrap_product .product_contents_title{
      display: block;
      max-width: calc(100% - 60px);
      padding: 0 20px 0 0;
      }
    section.wrap_non_bar .wrap_product_inner,
    section.wrap_non_bar .wrap_product_function,
    section.wrap_non_bar .wrap_product_blank{
      padding: 0;
      }

  section.wrap_product .wrap_product_function .blk_function,
  section.wrap_product .wrap_product_function .blk_function.col3_1,
  section.wrap_product .wrap_product_function .blk_function.col3_2{
      width: auto;
      }
  section.wrap_product .wrap_product_function .blk_function ul.no_disc{
      display: none;
      }
  section.wrap_product .wrap_product_related,
  section.wrap_product .wrap_product_videos{
      width: calc(100% - 60px);
      margin: 0;
      padding: 0;
      }
  section.wrap_product .wrap_product_related ul{
    display: block;
    margin-right: 20px;
    }
  section.wrap_product .wrap_product_related ul li{
    margin-bottom: 20px;
    }
  section.wrap_product .wrap_product_related ul li:nth-child(1) a,
  section.wrap_product .wrap_product_related ul li:nth-child(2) a,
  section.wrap_product .wrap_product_related ul li:nth-child(3) a,
  section.wrap_product .wrap_product_function .blk_function.left1,
  section.wrap_product .wrap_product_function .blk_function.left2,
  section.wrap_product .wrap_product_function .blk_function.left3{
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    }
  section.wrap_product .color_perio_mate_powder .wrap_product_function .blk_function.left2{
    border: 1px solid red;
    }


  section.wrap_product .wrap_product_videos ul.listPdf,
  section.wrap_product .wrap_product_videos.lastpart ul.listPdf{
      display:block;
      align-items: center;
      }
  section.wrap_product .wrap_product_videos ul.listPdf li,
  section.wrap_product .wrap_product_videos.lastpart ul.listPdf li{
      width: 100%;
      margin-bottom: 10px;
      }
  section.wrap_product .wrap_product_videos ul.listPdf li a,
  section.wrap_product .wrap_product_videos.lastpart ul.listPdf li a{
      display: flex;
      gap: 10px;
      align-items: center;
      }
  section.wrap_product .wrap_product_videos ul.listPdf li .coverMovie,
  section.wrap_product .wrap_product_videos.lastpart ul.listPdf li .coverPdf{
    width: 100px;
    margin: 0;
    }
  section.wrap_product .wrap_product_videos ul.listPdf li .titlePdf{
      width: calc(100% - 130px);
      margin: 0;
      padding: 0;
    }
  section.wrap_product .wrap_product_videos.list_support ul.listPdf li .titlePdf{
    text-align: left;
    }

  section.for_different_purposes,
  section.wrap_powder_table{
      width: calc(100% - 40px);
      }
  section.wrap_product .wrap_product_inner div.tex h3 span{
      font-size: 20px;
      }
  section.wrap_product .wrap_product_inner div.tex h3 span:nth-child(1){
      width: calc(100% - 100px);
    }
  section.wrap_product .wrap_product_inner div.tex h3 span:nth-child(2){
      width: 100px;
    }
  section#main_perio_mate_powder.wrap_product .wrap_product_inner div.tex h3{
    flex-wrap: wrap;
    gap: 10px;
    }
  section#main_perio_mate_powder.wrap_product .wrap_product_inner div.tex h3 span:nth-child(1){
    width: 100%;
    }
  section#main_perio_mate_powder.wrap_product .wrap_product_inner div.tex h3 span:nth-child(2),
  section#main_perio_mate_powder.wrap_product .wrap_product_inner div.tex h3 span:nth-child(3){

    }


  section.wrap_product .wrap_product_videos.lastpart{
      width: calc(100% - 40px);
    }

  section.wrap_product .wrap_product_inner div.tex h3 span img{
      width: 100px;
      height: auto;
      }

  .wrap-product .list-wrap{
    padding: 0;
    }
  section.wrap_product.wrap_product_list .wrap-product .list-wrap ul li.list-vis{
    padding: 0;
    }
  .list-wrap ul li.list-vis img{
    max-width: 100%;
    }

  section.wrap_powder_table .wrap_product_inner {
    overflow-x: scroll;
  }

  section.wrap_product.wrap_non_bar {
    padding: 0;
  }
  
  h1.titleCategory.ex-title{
    padding: 0 !important;
    background-size: cover;
    background-position: top right 7%;
  }

}