/* Theme Name: MIZUNO Theme URI: https://www.understrap.com Description: UnderStrap Child Theme Author: Holger Koenemann Author URI: http://www.holgerkoenemann.de Template: understrap Version: 0.5.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: understrap-child Tags: one-column, custom-menu, featured-images, theme-options, translation-ready GitHub Theme URI: holger1411/understrap-child */ @import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic&family=Noto+Sans+JP:wght@300;400;500;600;700;800&display=swap'); /* heder-top-menu */ .jumbotron.head-top{background-color:#fff !important;padding:0;margin-bottom:0;border-radius:0;} .menu-header-top-container{position: fixed !important;top:0 !important;right:0 !important;z-index: 9999 !important;} ul#menu-header-top{display: flex !important;font-size: 0.8rem !important;list-style:none !important;margin:0 !important;padding:0 !important;} #menu-header-top li a{display:block;padding:.5rem;color:#fff;text-align:center;line-height:2;width:90px;height:70px;} #menu-header-top li a span{font-size:12px;} #menu-header-top li a i{font-size:22px;display:block;} #menu-header-top li a:hover{text-decoration:none;} #menu-header-top li:first-child a{background:#666;} #menu-header-top li:last-child a{background:#80ac8c;} @media (min-width: 992px){ #menu-header-top li:first-child a:hover{background:#888;} #menu-header-top li:last-child a:hover{background:#4a895c;} } @media (max-width: 991px){ #menu-header-top{position:fixed;top:0;right:60px;} #menu-header-top li a{width:auto;height:56px;} #menu-header-top li a span{font-size:12px;} #menu-header-top li a i{font-size:26px;padding:4px 7px;} #menu-header-top li a span{display:none;} .jumbotron.head-top{margin-bottom:-15px;position:fixed;z-index:9997 !important;width:100%;height:50px !important;} } /* mega menu */ #wrapper-navbar .navbar.bg-primary{background-color:rgba(255,255,255,1) !important;width:100vw !important;margin:0 calc(50% - 50vw) !important;height:70px !important;box-shadow: 0px 8px 5px -5px rgba(0,0,0,0.2)} .navbar{width:100% !important;z-index:9998;} button.navbar-toggler{display:none !important;} .mega-menu-wrap{position:fixed !important;top:13px !important; right: 0 !important;left: 0 !important;margin: 0 auto !important;z-index:9999 !important;} @media (max-width: 991px){ .navbar.bg-primary{height:56px !important;position:fixed !important;top:0px !important;right:0px !important;z-index:9999 !important;} .mega-menu-wrap{top:0 !important;} .mega-menu-toggle{background:none !important;margin-right:5px !important;position:relative;top:5px !important; right:-5px !important;z-index:99999 !important;} .mega-toggle-animated-inner, .mega-toggle-animated-inner::before, .mega-toggle-animated-inner::after {height:2px !important;background-color:#898989 !important;} ul#mega-menu-primary{padding:80px 50px 30px !important;width:100% !important;height: 100vh !important;margin-top:-50px !important;} ul#mega-menu-primary li{display:block !important;width:100% !important;max-width:250px !important;margin:0 auto !important;} ul#mega-menu-primary li a{text-align:center !important;} ul#mega-menu-primary li.mega-current-menu-item a{border-bottom:none !important;} ul#mega-menu-primary li:last-child span{display:none !important;} } /* fixed */ #wrapper-navbar.fixed .bg-primary{height:58px !important;position:fixed !important;top:0px !important;right:0px !important;z-index:9999;} #wrapper-navbar.fixed #menu-header-top li a{height:58px;} /*#wrapper-navbar.fixed ul#mega-menu-primary{margin-top:-2px !important;}*/ /* logo */ .navbar-brand{position:fixed !important;top:10px !important; left: 15px !important;z-index:99999;} .navbar-brand img{width:200px;} @media (max-width: 991px){ .navbar-brand{top:7px !important;} .navbar-brand img,#wrapper-navbar.fixed .navbar-brand img{width:150px;} } /* base */ html{font-size: 62.5%;} *:focus {outline:none !important;box-shadow:none !important;} body{font-family: '游ゴシック', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-size: 1.5rem;line-height:1.6;-webkit-text-size-adjust: 100%;} body * {box-sizing : border-box;} a{color:#ba272d;} a:hover{text-decoration:none;color:#005fa6;} p{padding:0;margin:0;} ol{margin-top:10px;} figure{margin:0;padding:0;} #page-wrapper .container, #full-width-page-wrapper .container,#single-wrapper .container, #error-404-wrapper .container, #search-wrapper .container{width:92% !important;max-width:1100px !important;margin:0 auto !important;} #single-wrapper{margin-top:20px !important;} @media(max-width:827px){ body{font-size:1.4rem;} } @media(max-width:991px){ #single-wrapper{margin-top:70px !important;} #index-wrapper{margin-top:8px !important;} #page-wrapper .container,#full-width-page-wrapper .container,#single-wrapper .container, #error-404-wrapper .container, #search-wrapper .container{width:96% !important;} } /* fade-simple */ .fade1{animation-name: fadein;animation-duration: 2s;} @keyframes fadein{ from { opacity: 0; transform: translateY(60px);} to { opacity: 1;transform: translateY(0);} } /* fadeAnime */ .flipDown{animation-name: flipDownAnime;animation-duration:1s;animation-fill-mode:forwards;opacity:0;} @keyframes flipDownAnime{ from {transform: perspective(2500px) rotateX(100deg);opacity: 0;} to {transform: perspective(2500px) rotateX(0);opacity: 1;} } .fadeUp{animation-name: fadeUpAnime;animation-duration:0.5s;animation-fill-mode:forwards;opacity:0;} @keyframes fadeUpAnime{ from {opacity: 0;transform: translateY(100px);} to {opacity: 1;transform: translateY(0);} } .fadeLeft{animation-name: fadeLeftAnime;animation-duration:0.5s;animation-fill-mode:forwards;opacity:0;} @keyframes fadeLeftAnime{ from {opacity: 0;transform: translateX(-100px);} to {opacity: 1;transform: translateX(0);} } .fadeRight{animation-name: fadeRightAnime;animation-duration:0.5s;animation-fill-mode:forwards;opacity:0;} @keyframes fadeRightAnime{ from {opacity: 0;transform: translateX(100px);} to {opacity: 1;transform: translateX(0);} } .fadeUpTrigger, .fadeLeftTrigger, .fadeRightTrigger{ opacity: 0; } /* archive */ body.blog .post h2.entry-title, body.archive .post h2.entry-title{line-height:0.7 !important;} body.blog .post h2.entry-title a, body.archive .post h2.entry-title a{font-size:16px !important;color:#000;text-decoration:none;} .submit.btn-primary{background-color:#0f435d;border:1px solid #0f435d;} body.error404 .widget_recent_entries{margin-top:20px;} body.search .entry-summary{display: none !important;} body.archive .posted-on time.published:before, body.blog .posted-on time.published:before, body.single .posted-on time.published:before {content: "\f073";font-family: "Font Awesome 5 Free";font-weight: 900;font-size:14px !important;padding-right:2px;} body.archive .cat-links, body.archive .edit-link, body.blog .cat-links, body.blog .edit-link, body.blog .author, body.archive .author, body.blog .comments-link, body.archive .hentry .comments-link{display: none !important;} .category-w a{display:inline-block;font-size:12px;padding:1px 3px;border-radius:2px;margin:5px 0 10px 0;} body.blog .post img, body.archive .hentry img{width:100%;height:210px;object-fit: cover;margin:8px 0;padding:0;} .pagination{margin-top:20px;} .page-link{color:#777;} .page-item.active .page-link{background-color:#777;border-color:#777} .page-link:focus{-webkit-box-shadow:none;box-shadow:none} body.archive .hentry time.updated, body.blog .hentry time.updated{display:none;} .archive .site-main, .blog .site-main{display:flex !important;flex-wrap: wrap !important;} .archive .site-main .page-header, .blog .site-main .page-header{width:100%;} @media (min-width:1200px){ body.archive .hentry, body.blog .hentry{width:29.3%;margin:0 2% 2%;} } @media (max-width:1200px){ body.archive .hentry, body.blog .hentry{width:46%;margin:0 2% 2%;} } @media (max-width:600px){ body.archive .hentry, body.blog .hentry{width:96%;margin:0 2% 30px 2% ;} } /* single */ .single-post h1.entry-title{padding:15px 0;} .single-post .entry-meta{font-size:12px;padding-bottom:15px;border-bottom:1px solid #ccc;margin-bottom:30px;} .single-post time.updated{display:none;} .posted-on, .byline{font-size:0;} .posted-on a{color:#555;font-size:12px;text-decoration:none;} .byline .author{display:none;} .wp-block-image img{padding:10px 0 15px;} .wp-block-gallery .wp-block-image img{padding:0;} .wp-block-gallery.is-layout-flex{display:flex !important;flex-wrap:wrap !important;margin:1.5em 0;} .post-navigation .nav-previous{border:1px solid #b9d3e7;margin:20px 20px 20px -10px;padding:8px;border-radius:6px;font-size:14px;} .post-navigation .nav-next{border:1px solid #b9d3e7;margin:20px -10px 20px 20px;padding:8px;border-radius:6px;font-size:14px;} .post-navigation .nav-previous a, .post-navigation .nav-next a{color:#888;text-decoration:none;} .post-navigation .nav-previous i{color: #b9d3e7;padding-right:10px;} .post-navigation .nav-next i{color: #b9d3e7;padding-left:10px;} .hentry .entry-content{margin-bottom:4em;} ul.single-cats{list-style:none;margin:0;padding:0;display:flex;} ul.single-cats li a{background:#aaa;color:#fff;border-radius:4px;margin-right:0.5em;padding:0 0.3em 0.2em;text-decoration:none;} .cat-links{display:none;} /* page-header + 404 + SEARCH */ body.archive .page-header, body.error404 .page-header, body.search .page-header, body.page .entry-header, body.blog .page-header, body.blog .blogheader{color:#222 !important; text-align:center !important;padding:30px;margin:20px 0;} body.home .entry-header{display: none !important;} body.archive .page-header h1 {font-size:0px;} body.archive .page-header h1 span{margin:0 -1em 0 -1em !important;font-size:24px;font-family:Arial, Helvetica, sans-serif;font-weight:900;} body.archive .page-header h1 span, body.error404 .page-header h1,body.search .page-header h1, body.page .entry-header h1, body.single .entry-header h1, body.blog .blogheader .inner h1, body.blog .page-header h1{font-size:24px;} body.error404 h2.widgettitle, body.error404 h2.widget-title{font-size:18px !important;} .search-results .hentry h2.entry-title{border-bottom:1px solid #ddd;padding:15px 0;} .search-results .hentry h2.entry-title a{font-size:17px;color:#222;} .search-results .hentry h2.entry-title a:before {content: "\f249";font-family: "Font Awesome 6 Free";font-weight: 900;font-size:12px !important;padding-right:10px;} @media screen and (max-width:991px) { body.archive .page-header h1 span, body.error404 .page-header h1,body.search .page-header h1, body.page .entry-header h1, body.single .entry-header h1, body.blog .blogheader .inner h1, body.blog .page-header h1{font-size:22px;} body.archive .page-header, body.error404 .page-header, body.search .page-header{margin:40px 0 20px !important;} } @media screen and (max-width:430px) { body.archive .page-header h1 span, body.error404 .page-header h1,body.search .page-header h1, body.page .entry-header h1, body.single .entry-header h1, body.blog .blogheader .inner h1, body.blog .page-header h1{font-size:19px;} } /* page-header-photo */ .page-id-76 .entry-header{background:url("/wp-content/uploads/2024/09/img_main.jpg") no-repeat 0 0 !important;} .page-id-141 .entry-header{background:url("/wp-content/uploads/2024/09/img_main-1.jpg") no-repeat 0 0 !important;} .page-id-172 .entry-header{background:url("/wp-content/uploads/2024/09/img_main-2.jpg") no-repeat 0 0 !important;} .page-id-246 .entry-header{background:url("/wp-content/uploads/2024/09/img_main-3.jpg") no-repeat 0 0 !important;} .page-id-316 .entry-header{background:url("/wp-content/uploads/2024/09/img_main-4.jpg") no-repeat 0 0 !important;} .page-id-364 .entry-header{background:url("/wp-content/uploads/2024/10/img_main.jpg") no-repeat 0 0 !important;} .page-id-392 .entry-header{background:url("/wp-content/uploads/2024/09/aquastopper01.jpg") no-repeat 0 0 !important;} .page-id-1082 .entry-header{background:url("/wp-content/uploads/2024/10/img_main-1.jpg") no-repeat 0 0 !important;} .page-id-76 .entry-header, .page-id-141 .entry-header, .page-id-172 .entry-header, .page-id-246 .entry-header, .page-id-316 .entry-header, .page-id-364 .entry-header, .page-id-392 .entry-header, .page-id-1082 .entry-header{width:100vw !important;margin-right: calc(50% - 50vw) !important;margin-left: calc(50% - 50vw) !important;position:relative;height:450px !important;margin-top:-24px !important;z-index:1 !important;background-size:cover !important;background-position:center center !important;} .page-id-76 .entry-header h1, .page-id-141 .entry-header h1, .page-id-172 .entry-header h1, .page-id-246 .entry-header h1, .page-id-316 .entry-header h1, .page-id-364 .entry-header h1, .page-id-392 .entry-header h1, .page-id-1082 .entry-header h1{color:#fff;text-shadow: #777 1px 0 10px, #777 1px 0 10px;font-weight:bold;position:absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);letter-spacing:5px;margin-top:20px;} /* page-header-sub */ .page-id-3 .entry-header h1:after{content:"Privacy policy";display:block;font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;font-style: italic;font-size:1.6rem;padding-top:1rem} /* other */ .logged-in-as a{font-size:1.5rem;} .wide{width:100vw !important;margin:0 calc(50% - 50vw) !important;} .home h1.entry-title{display:none !important;} .breadcrumbs, breadcrumbs a{font-size:1.35rem;} .home .breadcrumbs{display:none;} .serif{font-style: oblique;font-family: "Book Antiqua","Century",serif;} .content{width:96%;max-width:1000px;margin:0 auto;} .contents{width:96%;max-width:1000px;margin:0 auto;padding:6% 0;} .narrow{width:96%;max-width:900px;margin:0 auto;} .narrow2{width:96%;max-width:800px;margin:0 auto;} a.anchor{display: block;position: relative;top: -120px;visibility: hidden;} .pcBox{display:block;} .spBox{display:none;} .search-form .input-group, .widget_archive select{width:100%;max-width:600px;} .ls-2{letter-spacing:5px;} .lh-1{line-height:1.7 !important;} .lh-2{line-height:2;} .mt-6{margin-top:40px;} .mb-6{margin-bottom:40px;} .mt-n1{margin-top:-1rem !important;} .mt-n2{margin-top:-2rem !important;} .red{color:#ba272d;} @media screen and (max-width:600px) { .pcBox{display:none;} .spBox{display:block;} a.anchor{top: -60px;} } /* font */ .yumin{font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;} .has-x-large-font-size{font-size:2.7rem;line-height:1.7;font-weight:normal} .has-large-font-size{font-size:2.5rem;line-height:1.7;font-weight:normal} .has-medi-l-font-size{font-size:2.2rem;line-height:1.6;font-weight:normal} .has-medium-font-size{font-size:1.8rem;line-height:1.6;font-weight:normal} .has-small-font-size{font-size:1.6rem;font-weight:normal} @media screen and (max-width:991px) { .has-x-large-font-size{font-size:2.4rem;line-height:1.6} .has-large-font-size{font-size:1.9rem;line-height:1.6} .has-medi-l-font-size{font-size:1.75rem;line-height:1.6} .has-medium-font-size{font-size:1.6rem;line-height:1.6} .has-small-font-size{font-size:1.4rem;} } /*grid + slick */ ul.grid, ul.grid2{width:96%;margin:0 auto;list-style:none;padding:0;display:flex;flex-wrap: wrap;justify-content:space-between;text-align:left;} ul.grid li{width:33.3%;padding:2%;} ul.grid li.column2, ul.grid li.column2-1{width:50%;padding:2%;} ul.grid li.column2 video{width:95%;max-width:400px;margin:0 auto;} ul.grid2 li.column5{width:19.75%;padding:2%;} .slick-box{text-align:center} .slick-box img{margin:0 auto;} .slide-arrow {bottom: 0;cursor: pointer;margin: auto !important;position: absolute;top: 0;width: 15px;} .prev-arrow {left: -15px;} .next-arrow {right: -15px;} @media screen and (max-width:900px) { ul.grid2{display:block;width:90%;max-width:550px;margin:0 auto;} } @media screen and (max-width:700px) { ul.grid{display:block;width:90%;max-width:550px;margin:0 auto;} ul.grid li.column2-1{width:100%;} } /* design +h */ .box-overlap{width:100%;height:auto;position:relative;} .box-overlap h4{display:inline-block;background-color:#222;color:#fff;text-align:center !important;padding:0.8em 1em 0.6em !important;position:absolute;left:-0.5em;bottom:-3em;} .box-overlap.sc h4{margin-top:-8rem !important;padding:3.5rem 1rem !important;border-radius:50%;bottom:-8rem;} .box-overlap.sc.type1 h4{letter-spacing:0.3rem;} .box-overlap.sc.type2 h4{letter-spacing:0.3rem;padding:2.7rem 1rem !important;} h4.border-type{border-bottom:1px solid #222;padding-bottom:0.5rem;} /* aquastopper */ .aquastopper-spec{position:relative;width:100%;max-width:778px;margin:0 auto;} .aquastopper-spec .spec{position:absolute;right:0;bottom:0;background-color:rgba(255,255,255,0.85);padding:1.5rem 1.5rem 0;box-shadow: 3px 4px 4px #ddd;} .aquastopper-spec .spec dl {display: flex; flex-wrap: wrap;width:150px;} .aquastopper-spec .spec dl dt{width:40px;margin-bottom:0.8rem;} .aquastopper-spec .spec dl dt span{border:1px solid #222;padding:0 0.5rem;margin-bottom:0.8rem;font-size:1.4rem} .aquastopper-spec .spec dl dd{width:calc(100% - 40px);font-size:1.35rem;} .box_security{position:relative;margin-bottom:-130px;} /* footer */ #wrapper-footer-full{background-color:#94151b;margin-top:150px;} .foot-brand a{color:#fff;font-size:15px !important;text-decoration:none;} ul#menu-footer-menu{list-style:none;margin:0 0 15px 0;padding:0;} ul#menu-footer-menu ul{list-style:none;margin:0;padding:0 0 0 20px;} ul#menu-footer-menu li a{color:#fff;font-size:13px;padding:0 1em;text-decoration:none;} #wrapper-footer{background-color:#94151b;margin:0;padding:0;} .site-info{text-align:right;font-size:12px;color:#fff;margin-top:-1em;padding-bottom:2em;} .email{text-align:right;} .email img{width:243px;} .email2{width:243px;} @media(max-width:991px){ #wrapper-footer-full{margin-top:50px;} } /* common */ .box_head {text-align: center;margin-bottom: 30px;} .box_head h3 {font-family: 'Amiko', sans-serif;text-transform: uppercase;color: #393939;font-weight: normal;display: block;font-size: 2.4rem;} .box_head p {color: #9b9b9b;} .bg_gray {background: #f2f2f2;} .bg_gray .box_head h3 span {background: #f2f2f2;} .btn {background: #ba272d;color: #fff;text-align: center;font-size: 130%;text-decoration: none;display: inline-block;padding: 10px 0;border: 0;} .btn.btn_dark {background: #353535;} .btn:hover{background: #8b0007;} .btn.btn_dark:hover{background: #000;} .btn:hover, .btn:focus {color: #fff !important;} @media only screen and (min-width: 768px) { .box_head h3 {display: inline-block;font-size: 3.3rem;letter-spacing: 13px;} .box_head p {letter-spacing: 10px;} } @media only screen and (max-width: 767px) { .btn {width: 100%;} } @media only screen and (min-width: 768px) { .btn {padding: 10px 75px;font-size: 2rem;} } /* con_intro */ .con_intro {overflow: hidden;padding-top: 96px;} .con_intro h3 {letter-spacing: 0.5em;color: #393939;font-size: 2.58rem;font-weight: normal;padding-bottom: 40px;} .con_intro .txt {line-height: 2;padding-bottom: 20px;width: 100%;} .con_intro .txt span {display: block;letter-spacing: 0.2em;} .con_intro ul {overflow: hidden;margin:7% 0 0 0;padding:0;} .con_intro ul li {list-style:none;float: left;width: 49%;} .con_intro ul li:last-child {float: right;} .con_intro ul li a {display: block;position: relative;text-align: center;} .con_intro ul li a:hover .bg_overlay, .con_intro ul li a:focus .bg_overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;transform: scale(1.2, 1.2);} .con_intro ul li a .box_infor {position: absolute;top: 30%;left: 22%;color: #fff;z-index: 10;background: rgba(0, 0, 0, 0.7);padding: 5% 10%;transition: transform 0.45s;} .con_intro ul li a .box_infor:hover, .con_intro ul li a .box_infor:focus {transform: scale(1.2, 1.2);} .con_intro ul li a .box_infor h4 {font-weight: normal;font-size: 2.14rem;padding-bottom: 20px;} .con_intro ul li a .box_infor p {font-size: 1.72rem;} @media only screen and (max-width: 767px) { .con_intro {padding-top: 7%;} .con_intro h3 {font-size: 1.72rem;padding-bottom: 4%;} .con_intro .txt {line-height: 1.5;} .con_intro .txt span {display: inline;} .con_intro ul li {width: 100%;margin-bottom: 4%;} .con_intro ul li a .box_infor {top: 25%;left: 16%;} .con_intro ul li a .box_infor h4 {font-size: 1.93rem;} .con_intro ul li a .box_infor p {font-size: 1.5rem;} } /* con_product_top */ .con_product_top {overflow: hidden;padding-top: 110px;margin-bottom: 150px;} .con_product_top .txt {text-align: center;line-height: 2;padding-bottom: 40px;} .con_product_top .txt span {display: block;} .con_product_top ul {overflow: hidden;margin:0;padding: 20px 0 0 0;} .con_product_top ul li {float: left;width: 19.5%;margin-right: 0.6%;list-style:none;} .con_product_top ul li:last-child {margin-right: 0;} .con_product_top ul li a {display: block;position: relative;} .con_product_top ul li a:hover:before {position: absolute;content: ''; width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1;} .con_product_top ul li a h4 {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;font-family: 'Karla', sans-serif;text-transform: uppercase;font-size: 1.93rem;font-weight: normal;border: 1px solid #fff;padding: 5px 20px;letter-spacing: 0.2em;text-shadow: 0px 0 10px #000;z-index: 10; } @media only screen and (max-width: 991px) { .con_product_top {padding-top: 7%;} .con_product_top{margin-bottom: 8%;} .con_product_top .txt {padding-bottom: 8%;} .con_product_top .txt span {display: inline;} } @media only screen and (max-width: 767px) { .con_product_top .txt {text-align: left;line-height: 1.5;} .con_product_top ul li {width: 47%;margin-right: 1.5%;margin-left: 1.5%;margin-bottom: 3%;} .con_product_top ul li a img {width: 100%;} } /* OK */ ul.btn_lnk{margin:0;padding:0;} ul.btn_lnk li{list-style:none;} ul.btn_lnk li a {display: inline-block;border: 1px solid #fff;font-size:2rem;color: #fff;padding: 12px 25px;text-decoration: none;} @media only screen and (max-width: 767px) { ul.btn_lnk li a {font-size:1.6rem;} } /* con_oem_top */ .con_oem_top {width:100vw !important;margin:0 calc(50% - 50vw) !important;overflow: hidden;position: relative;background: url(/wp-content/uploads/2024/09/img_odm.jpg) no-repeat center center;height: 400px;} .con_oem_top .box_txt {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;text-align: center;} .con_oem_top .box_txt h3 {font-weight: normal;font-size: 3.2rem;text-transform: uppercase;} @media only screen and (max-width: 767px) { .con_oem_top .box_txt h3 {font-size:1.72rem;} } /* con_support */ .con_support {overflow: hidden;padding: 110px 0;border-bottom: 1px solid #e7e7e7;} ul.b-link {text-align: center;margin-top: 40px;display:flex;flex-wrap:wrap;justify-content:center;} ul.b-link li {display: inline-block;width: 23%;margin:0 1%;} ul.b-link li a {border: 1px solid #727272;display: block;height: 43px;line-height: 43px;color: #393939;text-align: center;text-decoration: none;} ul.b-link li a:hover{background: #353535;color: #fff;} @media only screen and (max-width: 767px) { .con_support {padding: 7% 0;} .con_support .txt {text-align: left;line-height: 1.5;} ul.b-link {margin-top: 4%;} ul.b-link li {width: 100%;max-width:400px;margin: 0 0 3% 0;} ul.b-link li a {font-size: 1.27rem;} } /* con_fnav */ ul.box_fnav {margin-top:50px; text-align: center;display:flex;flex-wrap:wrap;justify-content:center} ul.box_fnav li {letter-spacing: normal;width: 32%; display: inline-block; padding: 0 30px; box-sizing: border-box;} ul.box_fnav li a {color: #424242;display: block;text-decoration: none;} ul.box_fnav li a span {display: block; color: #ba272d; text-transform: uppercase;} ul.box_fnav li a i {background: #ba272d;width: 51px; height: 51px; color: #fff; display: inline-block; vertical-align: middle; border-radius: 50%;margin-right: 5px; text-align: center; line-height: 51px; font-size: 2rem;} ul.box_fnav li a p { display: inline-block;vertical-align: middle; width: 72%; text-align: left;padding-left: 2%;} @media only screen and (min-width: 768px) and (max-width: 991px) { ul.box_fnav li {padding: 0; } } @media only screen and (max-width: 767px) { .con_fnav {display: none;} } /* quality-appeal */ .img_type{ position: relative;} .img_type h4 {position: absolute;left: 4%; top: 30%;color: #fff; font-weight: normal;font-size: 2.85rem;padding: 7% 4%;letter-spacing: 0.2em;background: rgba(0, 0, 0, 0.7);} .column .box_txt { display: table-cell;vertical-align: middle; width: 60.3%; padding-right: 25px;color: #393939; } .column .box_photo { display: table-cell;vertical-align: middle; width: 39.7%;} @media only screen and (min-width: 768px) and (max-width: 991px) { .img_type h4 {top: 26%;} } @media only screen and (max-width: 767px) { .img_type{width:100vw !important;margin:0 calc(50% - 50vw) !important;} .img_type h4 {top: 26%; font-size: 2rem;} .column .box_txt { display: block;width: 100%;padding-right: 0;margin-bottom: 4%;} .column .box_photo {display: block;width: 100%; padding-right: 0;text-align: center; } } @media only screen and (max-width: 520px) { .img_type img{object-fit:cover;height:200px;} } /* grid overlay */ .box_top_fac ul {width: 100%;overflow: hidden;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between} .box_top_fac ul li {list-style:none;color: #fff;position: relative; width: 49%;margin-bottom: 18px;} .box_top_fac ul li.type3{width: 32%;} .box_top_fac ul li h4 { font-weight: normal;margin-bottom: 20px;font-size: 1.95rem; text-align: center;} .box_top_fac ul li .txt_desc {line-height: 2;} .box_top_fac ul li img { width: 100%;} .box_top_fac ul li .overlay { position: absolute; top: 0; left: 0;width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.4);} .box_top_fac ul li .box_desc { position: absolute;top: 50%; padding: 0 20px;width: 100%;transform: translate(0, -50%);} @media only screen and (min-width: 768px) { .box_top_fac ul li .box_desc p {display: none;} .box_top_fac ul li:hover .overlay, .con_fac .box_top_fac ul li:focus .overlay {transition: 1.5s; background-color: rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.7);} .box_top_fac ul li:hover .box_desc p, .con_fac .box_top_fac ul li:focus .box_desc p {display: block;line-height: 1.5;font-size:1.4rem} .box_top_fac ul li:hover .box_desc h4, .con_fac .box_top_fac ul li:focus .box_desc h4 {margin: 0 0 15px; } } @media only screen and (max-width: 767px) { .box_top_fac ul li , .box_top_fac ul li.type3{ width: 100%;max-width:600px;margin: 0 auto 18px; } .box_top_fac ul li .box_desc p {display:block;} } /* con_specialist */ .con_specialist h4 {font-size:1.8rem;color: #ba272d;margin-top:2rem;} .con_specialist h4 span {display:block;color:#555;font-size:1.5rem;margin: 1.5rem 0 2rem;} .con_specialist p{text-align:left;} @media only screen and (min-width: 600px) { .con_specialist { background: url("/wp-content/uploads/2024/09/bg_specialist.jpg") no-repeat center 45px;background-size: 6% auto;} } /* con_care */ .con_care .box_care {width:90%;max-width:500px;margin: 0 0 0 auto;} .con_care ul{display:flex;flex-wrap:wrap;margin:0;padding:0;} .con_care ul li{list-style:none;} .con_care ul li:first-child{width:60%;background: #e9e9e9;padding:2rem 2rem 4rem } .con_care ul li:last-child{width:40%;background: url("/wp-content/uploads/2024/09/bg_care.jpg") no-repeat ;} @media only screen and (min-width: 768px) { .con_care .box_content .box_care h4 {font-size: 2.5rem;} } /* con_oem */ .con_oem .box_content ul{width: 100%;margin:0;padding:0;overflow: hidden;display:flex;flex-wrap: wrap;justify-content:space-around;} .con_oem .box_content ul li{list-style:none;} .con_oem .box_content ul li.item{width:47%;margin-bottom:2rem;} .con_oem .box_content ul li.item .wrap_img img,.con_oem .box_content ul li.item .slider img {width: 100%;} .con_oem .box_content ul li.item .slider .bx-wrapper {margin-bottom: 0;border:0;box-shadow:none;} .con_oem .box_content ul li.item .slider .bx-wrapper .bx-pager {bottom: 10px;text-align: left;padding-top: 0;} .con_oem .box_content ul li.item .slider .bx-wrapper .bx-pager .bx-pager-item {float: left;display: block;width: 20%;} .con_oem .box_content ul li.item .slider .bx-wrapper .bx-pager.bx-default-pager a {height: 5px;width: auto;background: #cdcdcd;border-radius: 0;} .con_oem .box_content ul li.item .slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .con_oem .box_content ul li.item .slider .bx-wrapper .bx-pager.bx-default-pager a:focus, .con_oem .box_content ul li.item .slider .bx-wrapper .bx-pager.bx-default-pager a.active {background: #c22b32;} .con_oem .box_content ul li.item h4 {font-size: 1.6rem;color: #ba272d;text-align: center;margin: 2rem 0 1.5rem;} .con_oem .box_content ul li.item-spe {margin-bottom: 10%;} .con_oem .box_content ul li.item-spe div{border: dotted 1px #000;padding: 3% 2.5% 5.4%;} .con_oem .box_content ul li.item-spe h4 {padding-bottom: 3%;} @media only screen and (min-width: 768px) { .con_oem .box_content ul li.item{width: 31%;margin: 0 0 3rem 0;} .con_oem .box_content ul li.item-spe { width: 62%;margin: 0 0 5.5% 0;} } /* con_faq = oem */ .con_faq { margin-bottom: 80px;} .con_faq dl { border-bottom: 1px dotted #a0a0a0;} .con_faq dl dt {padding: 25px;position: relative; border-top: 1px dotted #a0a0a0;cursor: pointer;} .con_faq dl dt:after { position: absolute;top: 25px;right: 25px; font-family: "FontAwesome";content: "\f055";color: #c22b32;font-size: 2rem;} .con_faq dl dt span {font-size: 2rem; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;color: #c22b32;margin-right: 10px;} .con_faq dl dt.active:after { content: "\f056";} .con_faq dl dd {background: #f4f4f4; line-height: 1.8;display: none; margin: 0 50px 35px;padding: 20px;} @media only screen and (max-width: 767px) { .con_faq {margin-bottom: 15%;} .con_faq dl dt:after {top: 25px;right: 5px; } } /* con_flow = oem */ .con_flow { padding: 60px 0;background: url("/wp-content/uploads/2024/09/bg_flow.jpg") no-repeat center top; background-size: auto 100%;} .con_flow .box_head {margin-bottom: 60px;} .con_flow .box_head h3 span {background: none;color: #fff;} .con_flow .box_content .box_step {margin-bottom: 60px;} .con_flow .box_content .box_step ul {width: 100%;overflow: hidden;display:flex;flex-wrap:wrap;justify-content:space-between;} .con_flow ul li {list-style:none;color: #fff;background: #404040;padding: 4% 1.5%;margin-bottom:4rem;} .con_flow ul li h4 { font-size: 1.7rem;font-weight: normal; background: url("/wp-content/uploads/2024/09/bg_title_step.png") no-repeat center center;background-size: 100% auto;padding: 8px 0;margin-bottom:1.5rem;} .con_flow ul li p{text-align:left} @media only screen and (min-width: 901px) { .con_flow ul li {margin-bottom: 5%; } } .con_flow .box_mizunobranch {text-align: center;color: #fff;} .con_flow .box_mizunobranch a:hover, .con_flow .box_content .box_mizunobranch a:focus {color: #000;background: #fff;} .con_flow .box_mizunobranch a {color: #fff;text-decoration: none;border: 1px solid #fff;font-size: 2rem; margin: 0 35px;padding: 7px 60px;display: inline-block;} @media only screen and (max-width: 767px) { .con_flow .box_mizunobranch a {width:60%;min-width:290px;padding: 7px 60px; display: block; margin:0 auto 10px;} } /* con_privacy */ .page-id-3 .breadcrumbs{display:none;} .con_privacy .box_privacy {border: 1px solid #ebebeb;padding: 5%;} .con_privacy .box_privacy h4 { font-size: 1.95rem; font-weight: normal;margin-bottom: 10px;} .con_privacy .box_privacy .txt_desc {line-height: 1.8; margin: 0 2% 6%;text-align: justify;} .con_privacy .box_privacy ul li { margin-bottom: 50px;list-style:none} .con_privacy .box_privacy ul li ul {margin: 0 7%;text-align: justify;} .con_privacy .box_privacy ul li ul li {line-height: 1.8; margin-bottom: 10%;} @media only screen and (min-width: 768px) { .con_privacy .box_privacy { padding: 45px 50px 0;} .con_privacy .box_privacy h4 {font-size: 2rem;} .con_privacy .box_privacy .txt_desc {margin: 0 25px 25px;} .con_privacy .box_privacy ul li ul {margin: 0 55px; } .con_privacy .box_privacy ul li ul li {margin-bottom: 30px; } } /* con_care = cs */ .con_care_cs {display:flex;flex-wrap: wrap;justify-content:space-between;} .con_care_cs .box_care {width: 49%;background: #fff; padding: 20px;margin-bottom:2%;} .con_care_cs .box_care.box_full {width: 100%; } .con_care_cs .box_care h5{font-weight:bold;} .con_care_cs .box_care p{font-size:1.4rem;} @media only screen and (max-width: 768px) { .con_care_cs .box_care {width:100%;} } /* company */ dl.history {display: flex;flex-wrap: wrap;padding-left:100px;border-left:1px solid #555;margin:10px 0 5px 60px ;} dl.history dt {width:130px;margin:0;padding:0;font-weight:normal;} dl.history dd {width:calc( 100% - 130px);margin:0;padding:0 0 0.8em 0;} .history h4 span{font-style:italic;font-weight:700;color:#b3b3b3;letter-spacing:0.3rem;padding-left:12px;} @media screen and (max-width:600px) { dl.history {padding-left:40px;} dl.history dt {width:100px;} dl.history dd {width:calc( 100% - 100px);} .history h4 img{width:60px} } table.tbl_basic{width:100%;} table.tbl_basic tr{border-top:1px solid #ddd;} table.tbl_basic tr:last-child{border-bottom:1px solid #ddd;} table.tbl_basic th{padding: 2%;background: #f2f2f2;font-weight:normal;} table.tbl_basic td{padding: 2%;} a.btn_line{display:inline-block;text-decoration:none;border:1px solid #222;padding:0.5rem 1rem;color:#222;margin:1rem 0} /* box_lnk = product */ .box_lnk ul {display:flex;flex-wrap:wrap;justify-content:center;} .box_lnk ul li {list-style:none;width: 19.5%;margin-right:0.5%;} .box_lnk ul li a {border: 1px solid #727272;display: block; height: 43px;line-height: 43px;color: #393939;text-align: center; text-transform: uppercase; text-decoration: none;font-family: 'Karla', sans-serif; letter-spacing: 0.2em;} .box_lnk ul li a:hover, .box_lnk ul li a:focus {background: #353535;color: #fff;} @media only screen and (max-width: 767px) { .box_lnk ul li { width: 32.8%;margin-bottom: 3%;} } /* con_contact = footer*/ .con_contact h4 span {font-size: 2rem;} .con_contact ul{display:flex;flex-wrap:wrap;margin:0;padding:0;} .con_contact ul li{list-style:none;width: 50%;text-align:center;padding:0 2rem} .con_contact ul li.box_cs {border-left:1px solid #e7e7e7;} .con_contact .box_byphone {width: 100%;border: 3px solid #e7e7e7;display: inline-block;margin-top: 70px;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center} .con_contact .box_byphone .box_number {text-align: center;} .con_contact .box_byphone .box_number .number {font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;letter-spacing: 3px;font-size: 4rem;line-height: 1.2;} .con_contact .box_byphone .box_number .number span {font-size: 2rem;} .con_contact .box_byphone h5 {font-weight: normal;text-align: center;font-size:1.65rem;} .con_contact .btn_action .btn {width: 90%;max-width:300px;padding: 10px 0;} @media only screen and (max-width: 767px) { .con_contact ul li{width: 100%;} .con_contact ul li.box_cs {border-left:none;} .con_contact h4 span, .con_contact .box_byphone h5 {font-size: 1.8rem;} .con_contact .box_byphone .box_number .number {font-size:2.7rem;} .con_contact ul li.box_oem_odm {margin-bottom: 20px;padding-bottom: 20px; border-bottom: 1px solid #e7e7e7;} .con_contact .box_byphone .box_number .number span {font-size:1.2rem;} } /* recruit */ .box_recruit table {width: 100%;} .box_recruit table th {width: 30%;font-weight: normal;vertical-align: top;} .box_recruit table th, .box_recruit table td {border-bottom: 1px dotted #999;padding: 15px 20px;} .box_recruit table tr.first th {border-top: 3px solid #ba272d;} .box_recruit table tr.first td {border-top: 3px solid #d0d0d0;} @media only screen and (max-width: 767px) { .box_recruit table th {font-weight: bold;} .box_recruit table th, .box_recruit table td {border: 1px dotted #999;display: inline-block;width: 100%;} } /* con_security */ .con_fac .con_security { position: relative; overflow: hidden; margin-bottom: 5%;} .con_fac .con_security .bg_security { background: #e9e9e9;padding: 10% 0;} .con_fac .con_security.last { margin-bottom: 0;} .con_fac .con_security.last .bg_security {background: #e9e9e9;} .con_fac .con_security .box_content .box_security {padding: 0 0 0 20px;width: 80%;margin: 0 auto;} .con_fac .con_security .box_content .box_security .img {display: inline-block;vertical-align: middle;width: 26.5625%;} .con_fac .con_security .box_content .box_security .box_txt { display: inline-block;vertical-align: middle; width: 67.1875%; margin-left: 4.6875%;} .con_fac .con_security .box_content .box_security .box_txt h4 { font-weight: normal; margin-bottom: 4%;font-size: 2.5rem; line-height: 1.6;} .con_fac .con_security .box_content .box_security .box_txt h4 {font-size: 2.5rem; } .con_fac .con_security .box_content .box_security .box_txt .txt_desc { line-height: 1.8;} .con_fac .con_security .box_content .box_security .photo { display: none;} @media only screen and (min-width: 1200px) { .con_fac .con_security .bg_security {width: 2150px;} } @media only screen and (min-width: 992px) { .con_fac .con_security { height: 400px;margin-bottom: 7%; } .con_fac .con_security .bg_security { background: #e9e9e9;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);} .con_fac .con_security.last .bg_security {background: #e9e9e9; } .con_fac .con_security .box_content .box_security .box_txt h4 {margin-bottom: 35px;} } @media only screen and (max-width: 767px) { .con_fac .con_security .bg_security {padding: 3% 0;; } .con_fac .con_security .box_content .box_security { padding-left: 0; width: 100%; } .con_fac .con_security .box_content .box_security .img {width: 100%;text-align: center; padding-bottom: 3%; } .con_fac .con_security .box_content .box_security .box_txt {width: 100%; margin-left: 0; color: #000; } .con_fac .con_security .box_content .box_security .box_txt .txt_desc { font-size: 1.4rem;} .con_fac .con_security .box_content .box_security .photo {display: block; margin-top: 4%; } } /*con_product */ .con_product {padding: 50px 0 70px;} .con_product.bg_grey { background: #f2f2f2;} .con_product.bg_grey .box_head h3 span {background: #f2f2f2;} .con_product .txt { text-align: center;padding: 2% 0 7%;line-height: 2;} .con_product .txt span {display: block;} .con_product .box_budget {overflow: hidden;margin-top: 30px;} .con_product .box_budget.img_many ul li { padding-bottom: 30px;} .con_product .box_budget ul {text-align: center;} .con_product .box_budget ul li {display: inline-block;vertical-align: middle;margin: 0 20px;} .con_product .box_budget ul li a {display: block;} @media only screen and (min-width: 768px) and (max-width: 991px) { .con_product { padding: 40px 0 50px; } .con_product .txt {padding: 40px 0 50px;} .con_product .box_budget { margin-top: 30px;} } @media only screen and (max-width: 767px) { .con_product { padding: 8% 0 3%; } .con_product .txt {padding: 4% 0 7%; } .con_product .txt {text-align: left;line-height: 1.5; } .con_product .txt span {display: inline;text-align: left; } .con_product .box_budget { margin-top: 8%;} .con_product .box_budget ul li { width: 45%;margin: 0 2%;} } /* ContactForm7 + Confirm Plus Contact Form 7 */ .CF7_table{width:100%;} .CF7_table tr{border-bottom:1px solid #ccc !important;} .CF7_req{font-size:0.5em;font-weight:normal;padding: 1px 6px 1px;background: #94151b;color: #fff;margin-right:1em;display:inline-block;} .CF7_table input, .CF7_table textarea {border-radius:0 !important;} .single .entry-content table.CF7_table, .page .entry-content table.CF7_table{display:table;} .wpcf7{width:90% !important;max-width:900px;} .wpcf7 select {font-size:1.3rem } .wpcf7 input::placeholder { color: #bbb;font-size:1.3rem } .wpcf7 input.wpcf7-free-text{border:1px solid #ccc !important;background:none !important;} .wpcf7 input.wpcf7-file{border:none !important;} .wpcf7 input[type=file]::file-selector-button, .wpcf7 input[type=file]::-webkit-file-upload-button {/*border:1px solid #ccc !important;background:none !important;*/font-size:1.3rem} .wpcf7 input[type=file]::-webkit-file-upload-button{border:1px solid #ccc !important;} .wpcf7-list-item-label{padding-right:20px !important;} .wpcf7-acceptance{margin-left:-10px !important;} .wpcf7-acceptance .wpcf7-list-item-label{padding-right:0 !important;} .select-arrow{position: relative;width: 180px;} .select-arrow::after {border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #888;content: "";position: absolute;right: 9px;top: 45%;width: 0;} .wpcf7-form-control:focus {color: #000 !important;background-color: #fff;border-color: #000 !important;outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0) !important;} @media screen and (min-width: 768px){ .CF7_table td{padding:1.5rem !important;} .CF7_table th{width:30%;min-width:190px !important;font-size:1.45rem !important;font-weight:normal;padding:1.5rem !important;vertical-align:top;} } @media screen and (max-width: 768px){ .CF7_table tr, .CF7_table td, .CF7_table th{display: block;width: 100%;} .CF7_table th{font-weight:normal;padding:8px 0 1px 10px;line-height:1.3;} .CF7_table td{padding-top:10px;} .wpcf7 input.wpcf7-submit, button.wpcf7-form-control{font-size:16px;} } .wpcf7 input.wpcf7-submit {background-color:#ccc !important;border:0;color:#fff !important;font-size:17px !important;width:80%;max-width:600px;margin:0 auto 6rem !important;height:70px !important;letter-spacing:1px !important;border-radius:0;} .wpcf7 input.wpcf7-submit:hover, button.wpcf7-form-control:hover{background-color:#191970 !important;} .CF7_btn{width:100%;position: relative !important;text-align:center;margin-top:20px;} button.wpcf7-form-control{margin:0 10px;padding:0 20px;border-radius:4px;} .wpcf7 input[type=submit]:focus{box-shadow: none !important;} .wpcf7-spinner{width:0;margin:0;} @media screen and (max-width: 500px){ .CF7_btn::after {width: 10px;height: 10px;right: 50px;} }