@charset "utf-8";
@font-face {
  font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 300;
  src: url('https://breezeclear.jp/font/NotoSansJP-Light.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
  src: url('https://breezeclear.jp/font/NotoSansJP-Regular.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 500;
  src: url('https://breezeclear.jp/font/NotoSansJP-medium.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans JP';
    font-style: bold;
    font-weight: 700;
  src: url('https://breezeclear.jp/font/NotoSansJP-Bold.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans JP';
    font-style: bold;
    font-weight: 900;
  src: url('https://breezeclear.jp/font/NotoSansJP-Black.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: bold;
  font-weight: 600;
  src: url('https://breezeclear.jp/font/NotoSerifJP-SemiBold.woff') format('woff');
  font-display: swap;
}
/*reset*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,time, mark, audio, video { list-style:none; margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}body { line-height:1;}article, aside, dialog, figure, footer, header,hgroup, nav, section { display:block;}nav ul { list-style:none;}li { margin:0; padding:0;}blockquote, q { quotes:none;}blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;}ins { background-color:#ff9; color:#4a4a4a; text-decoration:none;}mark { background-color:#ff9; color:#4a4a4a; font-style:italic; font-weight:bold;}del {text-decoration: line-through;}abbr[title], dfn[title] { border-bottom:1px dotted #4a4a4a; cursor:help;}table { border-collapse:collapse; border-spacing:0;}hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select { vertical-align:middle;}input[type="submit"], input[type="button"],input[type="checkbox"],input[type="radio"],input[type="text"] { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}html { font-size:15px; -webkit-text-size-adjust: 100%;overflow:auto; }
body {min-width: 1000px;font-family:"游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS PGothic", sans-serif;font-weight: 400;font-size: 20px;line-height: 1.8;color: #4a4a4a;margin:0 auto;overflow: hidden; position:relative;z-index:1;overflow-x:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; background-color: #fff;}body * {box-sizing: border-box;}.ja {font-family: 'Noto Serif JP';}.en {font-family: 'Montserrat';letter-spacing: normal;}strong {color:#ea7e15; font-weight:900;}@media only screen and (max-width:1000px) {body { min-width: initial;}}@media only screen and (max-width:800px) {main {background:none;}}@media only screen and (max-width:440px) {body {font-size: 3.65vw;font-weight: normal;}}a { color: #282e30; text-decoration: none; }*:focus { outline: none;}ul {list-style: none; }img {max-width:100%;vertical-align: bottom;}.inner {max-width: 100%;margin:0 auto;position: relative;}@media only screen and (max-width:1180px) {.inner {max-width:initial;width: 100%;}}
/*共通*/
body {font-family: 'Noto Sans JP', sans-serif;font-feature-settings :"palt" on;color:#555;width:100%;margin:0 auto;box-sizing: border-box;}
body a{text-decoration: none; transition: .2s;color: inherit;}
.sp { display:none; }
.sp600{display: none;}
.flex {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: space-between;flex-wrap: wrap;}
.nowrap{flex-wrap: nowrap;}
.c_wrap{max-width: 1000px;margin: 0 auto;}
.mintyo{/*font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E","游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;*/font-family: "Noto Sans JP";}
.button a{display: block;text-align: center;text-decoration: none;width: 20em;margin: 30px 0 0;padding: .5em 0;border-radius: 999px;color: #fff;background: #75aee5;}
.button a:hover{background-position: right center;background-size: 200% auto;-webkit-animation: pulse 2s infinite;animation: shad26 1.5s infinite;color: #fff;}
.f_16{font-size: 16px;}
.f_20{font-size: 20px;}
section{margin: 75px 0;}
.jc_end{justify-content: end;}
.jc_center{justify-content: center;}
a:hover{opacity: .6;}
.c_wrap p{font-weight: 300; font-size: 25px;line-height: 1.5;}
.mt_15{margin-top: 15px;max-width: 550px;margin: 0 auto;}
.lh_0{line-height: 0;}
@keyframes shad26 {
	0% {box-shadow: 0 0 0 0 #75aee5;}
	70% {box-shadow: 0 0 0 10px rgb(39 172 217 / 0%);}
	100% {box-shadow: 0 0 0 0 rgb(39 172 217 / 0%);}
}
/*---------------------------------------------top---------------------------------------------*/
/*nav*/
.nav{position: fixed;right: 0;z-index: 9999;width: 100%;transition: .8s;padding: 10px 50px;align-items: center;background:#fff;/*background: rgba(255,255,255,0.8);*/font-size: 17px;}
.nav_inner{width: 40%;}
.logo{width: 200px;}
.Menu{display: none;}
.nav>li{float: left;width: 33%; /* グローバルナビ4つの場合 */height: 50px;line-height: 50px;}
.nav_first{position: relative;}
.nav_second{visibility: hidden;opacity: 0;z-index: 1;position: absolute;top: 40px;width: 14em;background: #fff;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;left: -117%;}
.nav_second>li{padding: 20px;}
.nav_second>li a{display: block;}
.nav_first:hover .nav_second{top: 50px;visibility: visible;opacity: 1;}
.nav_online{left: -26%; width: 150%;}
.nav_products .bc_logo{width: 150px;margin: 0 auto;display:block;}
.nav_products .bcwr_logo{width: 120px;margin: 0 auto;display:block;}
/*スライダー*/
.wrapper{margin:77px auto 0; flex;align-items: center;justify-content: center;/*max-width: 1500px;*/}
.inner{/*width: calc(100% - 100px);*/max-width: 100%;}
.slide>span{display: flex;align-items: center;justify-content: center;height: 150px;background: #fff;}
.slick-arrow{z-index: 2;top: 50%;margin-top: -10px;width: 20px;height: 20px;border-top: 3px solid #3498db;border-right: 3px solid #3498db;opacity: .8;}
.slick-arrow::before{ content: '';}
.slick-prev{left: 30px;transform: rotate(-135deg);}
.slick-next{right: 30px;transform: rotate(45deg);}
.slick-dots{bottom: -25px; background: #fbfdff;}
.slick-dots li,.slick-dots li button,.slick-dots li button::before{width: 12px; height: 12px;}
.slick-dots li{margin: 0 7px;}
.slick-dots li button{background-color: #fff;opacity: .8;border-radius: 100%;}
.slick-dots li.slick-active button{opacity: .4;}
.slick-dots li button::before{content: '';}
.slick-dotted.slick-slider {margin-bottom: 0px!important;}
/*top*/
.top1{background: #fbfdff;margin-bottom: 150px;}
.title1{width: 12em;margin: 0 auto 50px;}
.product_list1 li{width: 45%;}
.product_list1 li p{text-align: center; font-size: 25px;padding: 10px 0; font-weight: 300; border-bottom:#ccc 4px dotted;}
.top2{background:#f4f4f4;padding: 40px 20px;}
.top2 .title1{width:25em ;}
.top2 ul{background: #f4f4f4; position: relative;}
.top2 .flex li {width: 32%;margin-bottom: 30px;}
.top2 ul::after {content: "";width: 32%;}
.top2 .flex li a{background: #fff;text-align: center;padding: 10px 0;display: block;box-shadow: 0px 5px 12px #CAD4E2, -6px -6px 12px #FFF;}
.top2 .flex li a:hover{box-shadow: 0 0 4px #CAD4E2, -2px -2px 4px #FFF;}
.top2 .flex li img{width: 60%;}
/*foot*/
.foot ul{width: 28%;}
.foot {background: #fff;padding: 30px 0 0px;}
.f_logo {width: 250px;margin: 0 auto 30px;}
.foot ul li {margin-bottom: 15px;font-size: 18px;}
.foot ul:last-of-type{width: 40%;}
.copy {text-align: center;font-size: 14px;padding: 10px 0;background: #122b8b;color: #fff;}
.foot .flex{margin-bottom: 15px;}
.flex.f_nav {width: 100%!important;justify-content: center;}
.flex.f_nav li {padding: 0;margin-right: 1em;margin-bottom: 0;border-bottom: 2px dotted #ccc;}
.flex.f_nav:last-of-type{margin-bottom: 50px;}
.pcs_logo {width: 120px;margin: 0 auto;padding-top: 5px;}
/*------------products---------*/
.anchor{padding-top:70px;margin-top: -70px;}
.p_cont .flex li{width: 25%;align-items: center;}
.products1 .product_list1{margin-bottom: 200px;}
.p_cont h3{font-size: 35px;text-align: center;color:#000;margin-bottom: 30px;font-weight: 300;border-bottom:#ccc 4px dotted;}
.p_cont h4{width: 300px;margin: 30px auto;}
.p_cont ul{margin-bottom: 100px; text-align: center;}
.p_cont .link_button li{width: 48%;}
.p_cont2 p{font-size: 20px;margin-bottom: 25px;}
.c_wrap h4+p{margin-bottom: 30px;}
.product_list1 li a{position: relative;}
.products1 .product_list1 li a::after{content:"";position: absolute;display: inline-block;width: 65px;height: 65px;background-image: url(../img/arrow1.png);background-repeat: no-repeat;background-size: contain;vertical-align: middle; left: 50%;right: auto;transform: translateX(-50%)translateY(3px);}
.product_list2 div{width: 50%;}
.product_list3 div{width: 33.33%;}
.product_list2,.product_list3{border-bottom: #ccc 4px dotted;padding-bottom:30px;}
.w30 li{width: 30%;}
/*------------商品別ページ共通---------*/
/*タブパネル*/
#tab_menu {display: flex;align-items: center;max-width: 550px;padding: 0;margin: 0 auto 1em;justify-content: space-between;}
#tab_menu li{width: 22%;padding: 0;margin: 10px 3px 0 0;text-align: center;list-style: none;background: #fff;border-radius: 999px;border: #122b8b 1px solid;/* border-bottom: .001px solid #122b8b; */}
#tab_menu li:last-child {margin-right: 0;}
#tab_menu li.selected {background: #122b8b;}
#tab_menu li:hover {opacity:.8;}
#tab_menu li.selected:hover {opacity:1;}
#tab_menu li a {display: block;padding: 5px 0;color: #122b8b;text-decoration: none;font-size: 125%;font-size: 20px;}
#tab_menu li img {display: inline-block;vertical-align: middle;position: relative;bottom: 2px;padding: 13.5px .4em 13.5px 0;}
.tab_panel h3{border: none;text-align: center;}
#tab_menu li.selected a,#tab_menu #tab2.selected a,#tab_menu #tab3.selected a {color: #fff;}
/*タブパネル中商品*/
.bc_1 .kounyu{font-size: 20px;border-bottom: #ccc 4px dotted;margin-bottom: 10px; text-align: center;}
.link_button li {border-radius: 3px;border: 1px solid #ccc;margin-bottom: 5px;padding: 3px;width: 49.5%;}
.tab_panel {max-width: 550px;text-align: center;margin: 0 auto;}
.tab_panel img{width: 60%;}
.bc_logo2{text-align: center;border-bottom: 3px #122b8b double;border-top: 3px #122b8b double;margin-top: 100px;}
.bc_logo2 img{width: 180px;padding: 10px 0;}
.bc_1 .title2{font-size: 25px;color: #fff;font-weight: 400;margin-top: 15px;background: #122b8b;border-radius: 5px;padding: 10px;}
.link_button li a {display: inline-block;}
/*購入ボタン*/
.btn,a.btn,button.btn {font-size: 35px;font-weight: 700;line-height: 1.5;position: relative;display: inline-block;padding: 1rem 4rem;cursor: pointer;webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition: all 0.03s;transition: all 0.03s;text-align: center;vertical-align: middle;text-decoration: none;letter-spacing: 0.1em;color: #212529;border-radius: 999px;width: 100%;}
a.btn-tag {color: #fff;border-bottom: 5px solid #009319;background: #14b52f;}
a.btn-tag:before {border-right: 2px solid rgba(255, 255, 255, .5);}
a.btn-tag:hover {margin-top: 3px;border-bottom: 2px solid #14b52f;background: #14b52f;}
.button2{text-align: center;margin: 30px 0;}
.button2:last-child{margin-bottom: 0px;}
/*-----------ブリーズクリア---------*/
#bc_2,#bc125_2,#bcwr2_2,#bcwr1_2,#bcwr3_2{padding-top: 5px; margin-top: -5px; display: block;}
.bc_2{padding: 0 0 50px;background: #e9f2ff;}
.bc_white{background: #fff; padding: 30px 0;}
.bc_white .button2{margin: 0;}
.bc_2 .c_wrap{max-width: 650px;}

/*------------ブリーズクリア125---------*/
.bc125_2{background: #e2f1da;}
.bc125_1 .bc_logo2{text-align: center;border-bottom: 3px #000000 double;border-top: 3px #000000 double;}
.bc125_1.bc_1 .title2{background: #000;}
.bc125_1 #tab_menu li{border: #000 1px solid;width: 33%;}
.bc125_1 #tab_menu li a{color: #000;}
.bc125_1 #tab_menu li.selected a{color: #fff;}
.bc125_1 #tab_menu li.selected{background: #000;}

/*------------超撥水コーティングアウトドア---------*/
.bcwr1_2{background: #bce2cd;}
.bcwr1_1 .bc_logo2{text-align: center;border-bottom: 3px #009944 double;border-top: 3px #009944 double;}
.bcwr1_1.bc_1 .title2{background: #009944;}
.bcwr1_1 #tab_menu li{border: #009944 1px solid;width: 100%;}
.bcwr1_1 #tab_menu li a{color: #009944;}
.bcwr1_1 #tab_menu li.selected a{color: #fff;}
.bcwr1_1 #tab_menu li.selected{background: #009944;}

/*------------撥水ダブルパワー---------*/
.bcwr2_2{background: #ffddbf;}
.bcwr2_1 .bc_logo2{text-align: center;border-bottom: 3px #fa821c double;border-top: 3px #fa821c double;}
.bcwr2_1.bc_1 .title2{background: #fa821c;}
.bcwr2_1 #tab_menu li{border: #fa821c 1px solid;width: 33%;}
.bcwr2_1 #tab_menu li a{color: #fa821c;}
.bcwr2_1 #tab_menu li.selected a{color: #fff;}
.bcwr2_1 #tab_menu li.selected{background: #fa821c;}
.in_sentaku{width: 50%;}

/*------------撥水インドアスタンダード---------*/
.bcwr3_2{background: #ffd5dc;}
.bcwr3_1 .bc_logo2{text-align: center;border-bottom: 3px #fe90a2 double;border-top: 3px #fe90a2 double;}
.bcwr3_1.bc_1 .title2{background: #fe90a2;}
.bcwr3_1 #tab_menu li{border: #fe90a2 1px solid;width: 33%;}
.bcwr3_1 #tab_menu li a{color: #fe90a2;}
.bcwr3_1 #tab_menu li.selected a{color: #fff;}
.bcwr3_1 #tab_menu li.selected{background: #fe90a2;}





/*----------------------------------------レスポンシブ----------------------------------------*/
@media only screen and (max-width:750px) {
  .pc{display: none;}
  .sp{display: block;}
  .c_wrap{margin:auto 20px;}
  section {margin: 40px 0;}
  .logo {width: 150px;}
  .c_wrap p {font-size: 4.5vw;font-weight: 500;margin-bottom: 15px;}
 /*nav_sp*/ 
  .hamburger {display : block;position: fixed;z-index : 9999;right : 13px;top   : 12px;width : 42px;height: 42px;cursor: pointer;text-align: center;}
  .hamburger span {display : block;position: absolute;width   : 30px;height  : 2px;left    : 6px;background: #122b8b;-webkit-transition: 0.3s ease-in-out;-moz-transition   : 0.3s ease-in-out;transition        : 0.3s ease-in-out;}
  .hamburger span:nth-child(1) {top: 10px;}
  .hamburger span:nth-child(2) {top: 20px;}
  .hamburger span:nth-child(3) {top: 30px;}
  .sp_nav{padding: 15px 0;}
  /* ナビ開いてる時のボタン */
  .hamburger.active {-webkit-transition: all 0.3s ease-in-out;-o-transition     : all 0.3s ease-in-out;transition        : all 0.3s ease-in-out;-webkit-transition-delay: 0.6s;-o-transition-delay     : 0.6s;transition-delay        : 0.6s;-webkit-transform: rotate(45deg);-ms-transform    : rotate(45deg);-o-transform     : rotate(45deg);transform        : rotate(45deg);}
  .hamburger.active span:nth-child(2){width: 0px;}
  .hamburger.active span:nth-child(1),
  .hamburger.active span:nth-child(3){background :#fff;-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s; }
  .hamburger.active span:nth-child(1){-webkit-transform: translateY(4px);-ms-transform    : translateY(4px);-o-transform     : translateY(4px);transform        : translateY(4px);}
   .hamburger.active span:nth-child(3){-webkit-transform: translateY(-16px) rotate(90deg);-ms-transform: translateY(-16px) rotate(90deg);-o-transform : translateY(-16px) rotate(90deg);transform    : translateY(-16px) rotate(90deg);}
  nav.globalMenuSp {position: fixed;z-index : 2;top  : 0;left : 0;color: #fff;background: rgba(18,43,139,0.7);text-align: center;width: 100%;opacity: 0;transition: opacity .6s ease, visibility .6s ease;}
  nav.globalMenuSp ul {margin: 0 auto;padding: 0;width: 100%;display: none;}
  nav.globalMenuSp ul li {list-style-type: none;padding: 0;width: 100%;transition: .4s all;}
  nav.globalMenuSp ul li:last-child {padding-bottom: 0;}
  nav.globalMenuSp ul li:hover{background: #a5b1de;}
  nav.globalMenuSp ul li a {display: block;color: #fff;padding: 1em 0;text-decoration :none;}
  /* このクラスを、jQueryで付与・削除する */
  nav.globalMenuSp.active {opacity: 100;}
  nav.globalMenuSp.active ul{display: block;}
  /*スライド*/
  .wrapper{margin:0 auto;}
  /*top*/
.top1{margin-bottom: 50px;}
.title1{width: 8em;margin: 0 auto 30px;}
.product_list1{width:100%;}
.product_list1 li{width: 80%; margin: 0 auto 50px;}
.product_list1 li p{text-align: center; font-size: 20px; font-weight: 500;}
.top2 .flex li {width: 100%;margin-bottom: 30px;}
.top2 .title1{width:15em ;}
/*------------products---------*/
.anchor{padding-top:100px;margin-top: -100px;}
.products1 .product_list1 li{width: 45%;margin: 0 auto;}
.products1 .product_list1 {margin-bottom: 50px;}
.p_cont .flex li {width: 48%;margin: 0 auto;}
.p_cont h3 {font-size: 25px;margin-bottom: 15px;font-weight: 500;}
.p_cont h4 {width: 230px;margin: 15px auto;}
#hassui.p_cont h4 {width: 200px;}
.c_wrap h4+p {margin-bottom: 0px;}
#denkai {margin-bottom: 50px;}
.products1 .product_list1 li a::after{/*width: 35px;height: 35px;bottom: -40px;left: 50%;right: auto;transform: translateX(-50%);*/display: none;}
.p_cont .jc_center li{width: 65%;}
.product_list3 div{width: 50%;}
.product_list2,.product_list3{border-bottom: #ccc 4px dotted;padding-bottom:15px;}
.p_cont ul {margin-bottom: 50px;align-items: flex-end;}
/*------------ブリーズクリア---------*/
/*タブパネル*/
#tab_menu{flex-wrap: wrap; width: 100%;}
#tab_menu li{width: 49%!important;}
/*商品一覧共通*/
.bc_logo2{margin-top: 0;}
.bc_2 .c_wrap{margin: 0;}
.btn, a.btn, button.btn {font-size: 6vw;}
.bc_2{padding: 0 0 40px;}
#bc_2,#bc125_2,#bcwr2_2,#bcwr1_2,#bcwr3_2{padding-top: 0px; margin-top: 0px;display: inline;}
}