@charset "utf-8";

/*=================================================================================================================================*/
/**  個別指定 for PC*/
/*=================================================================================================================================*/
@media screen and (min-width: 980px) and (max-width: 1279px) {
  /* fook */
  .only_pc_none {
    display: none !important;
  }
  .sp_br {
    display: none;
  }
}

@media screen and (min-width: 741px) {
  /* fook */
  .only_pc_none {
    display: none !important;
  }
  .sp_br {
    display: none;
  }

  /* float */
  .float_L {
    float: left !important;
  }
  .float_R {
    float: right !important;
  }

  /* 見出し h */
  /*---------------------------------------------
 ** h2
---------------------------------------------*/

  /*---------------------------------------------
 ** h3
---------------------------------------------*/

  /*---------------------------------------------
 **  h4
---------------------------------------------*/

  /*---------------------------------------------
 **  ナビゲーション
---------------------------------------------*/
  .nav-toggle {
    display: none !important;
  }

  #nav {
    position: relative;
    /* font-family: "M PLUS Rounded 1c"; */
    font-family: "Noto Sans JP";
  }

  #nav ul {
    width: 1200px;
    margin: 0 auto;
  }
  #nav ul li {
    width: auto;
    display: block;
    text-align: center;
    padding: 0 30px;
    float: left;
    z-index: 1;
    background: #fff;
    line-height: 1.6;
    margin-right: 0px;
  }
  #nav ul li a:after {
    width: 1px;
    height: 28px;
    border-right: 1px solid #006666;
    position: absolute;
    top: 0px;
    right: -30px;
    content: "";
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(41deg);
  }
  #nav ul li:last-of-type a:after {
    display: none;
  }

  #nav ul li a {
    width: 100%;
    height: 100%;
    position: relative;
    color: #444;
    text-decoration: none;
    display: block;
  }

  /*---------------------------------------------
 ** width
---------------------------------------------*/
  .w1100 {
    width: 1100px !important;
  }

  /*---------------------------------------------
 ** margin
---------------------------------------------*/
  .mb0 {
    margin-bottom: 0 !important;
  }

  /*---------------------------------------------
 **  flexbox
---------------------------------------------*/
  .display_flex {
    display: flex;
  }
  .flex_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .flex_item_clounm_3 {
    width: 31.5%;
  }
  .flex_item_clounm_2 {
    width: 48.5%;
  }
  .flex_item_clounm_2_full {
    width: 49.5%;
  }
  .flex_item_clounm_4 {
    width: 23.5%;
    margin-bottom: 25px;
  }
  /*=================================================================================================================================*/
  /**  共通部分*/
  /*=================================================================================================================================*/

  /*---------------------------------------------
 ** ヘッダー記述
---------------------------------------------*/
  .sns_bt_wrapper {
    position: absolute;
    top: 14px;
    right: 5%;
  }

  /*=================================================================================================================================*/
  /**  TOPコンテンツ*/
  /*=================================================================================================================================*/

  .main_L_inner {
    max-width: 650px;
    float: right;
    padding: 0 5rem;
  }

  .w_full {
    width: 100% !important;
    min-width: 1200px;
  }

  .movie_bottom {
    margin-top: -1rem;
    z-index: 1;
    position: relative;
    padding: 0 0 0 18rem;
  }

  .img_main_area_product {
    position: absolute;
    bottom: 118px;
    left: 110px;
    right: 0;
  }

  .h3_top_01 {
    margin: 0px 10%;
  }

  /*---------------------------------------------
 **  フッター
---------------------------------------------*/
  /* フッター */
  .footer_inner {
    width: 1200px;
    _zoom: 1;
  }
  .footer_tel_wrapper>div{
    margin-bottom:0;
  }
  .map{
    margin: -3rem 0px 0 0;
  }

  /* ページTOPへ */
  #pageTop a {
    width: 55.5px;
    height: 67px;
  }

footer .sns_bt_wrapper {
    top: unset;
    bottom: -17px;
  }
  footer .facebook_icon:after {
    background-image: url("../img/common/facebook_icon.svg");
  }
  footer .youtube_icon:after {
    background-image: url("../img/common/youtube_icon.svg");
  }

  .tel_footer span{
    padding-left: 75px;
    color: #666;
    letter-spacing: 0.1em;
    margin-top: 2px;
  }

  footer .block-contact .phone-ct{
    padding-bottom: 20px !important;
  }



  .h2_inner_L h2{ position: absolute; bottom: 0; left: 18.5rem; margin-bottom: 0;}

  .por{
    position: relative;
  }
  .ribbon {
  margin:-25px auto 0 ;
   }

/* 製品情報 */
   .product_img {
    position: absolute;
    top: 0;
    left: 0;
  }

  .prodct_header ul {
  margin: 2rem 0 0 0;
  }

  .accordion_open {
    width: 100%;
    max-width: 580px;
    text-align: center;
    background: #028d8d;
    margin: 0;
    float: right;
}

.wrap_strongcool{
  max-width: 680px;
}

.stc_pc{
  top: -50px;
  left: 140px;
}

.ribbon:before {
  border: 1.8rem;
  border-style: solid;
  border-color: #00a3d9 #00a3d9 #00a3d9 transparent;
}
.ribbon:after {
  border: 1.8rem;
  border-style: solid;
  border-color: #00a3d9 transparent #00a3d9 #00a3d9;
}


.ribbon.w20 {
  width: 20%;
}

.form_clounm_2 dt {
  padding-left: 30px;
  width: 11.5% !important;
}
.form_clounm_2 dd {
  width: 25% !important;
}
.daisu{
  padding-left: 102px !important;
}


.w6{width: 65% !important;}
.w5{width: 55% !important;}
.w4{width: 35% !important;}



.spec_mov{
  width: 80.1%;
  padding-top: 45.05%;
  margin: 0 auto;
}


.protect_div:nth-of-type(3) img{
  margin-bottom: 50px;

}


.rev_product_wrapper{
  width: 90%;
  margin: 0 auto;
}

.img_box2 img{
  width: 80%;
  margin: 0 auto;
  display: block;
}
.img_box3 img{
  width: 50%;
  margin: 0 auto;
  display: block;
}


.txt2 {
  padding: 0 20px;
}
.txt3 {
  padding: 0 70px;
}

.rev_img_01 {
  position: absolute;
  top: -81px;
  left: -50px;
  z-index: 0;
}


.pz{
  z-index: 2;
  position: relative;
}

/*=================================================================================================================================*/
/**  ノートPC*/
/*=================================================================================================================================*/
@media screen and (min-width: 1280px) and (max-width: 1700px) {
}

@media screen and (min-width: 1280px) and (max-width: 1530px) {
}

/*=================================================================================================================================*/
/**  1920px以上*/
/*=================================================================================================================================*/
@media screen and (min-width: 1750px) {
}


}