@charset "utf-8";
main{background:#efefef;}
main > div.wrap{width:1200px;margin:0 auto;padding:150px 60px;background:#fff;}
main > div.wrap > section{width:100%;margin:0 auto 200px auto;}

h3.title{margin:80px auto 50px auto;font-size:45px;font-weight:800;line-height:1;text-align:center;background:linear-gradient(90deg,#461E2A,#BE101E);-webkit-text-fill-color: transparent;-webkit-background-clip:text;font-family:"Montserrat", sans-serif;}
h3.title i{display: block;margin-top:10px;font-size: 13px;text-align: center;color:#333;}

.flexBOX{display: flex;justify-content: space-between;align-items: center;}
.flexBOX > div{width: 50%;}

header{position:relative;background:rgb(255, 255, 255,.8)!important;box-shadow:0 0 5px rgba(0,0,0,.3);border-bottom:1px solid rgba(0,0,0,.15)!important;border-image:linear-gradient(90deg,#461E2A,#BE101E) 1 / 20px 0 0 0!important;}
header #headContainer{display:flex;justify-content:space-between;align-items:center;height:86px;padding:0 20px;translate:0 10px;background:linear-gradient(170deg, #f0f0f0, #d9d9d9 50%, #fbfbfb 72%, #e5e5e5 84%, #b6b6b6 99%);}
#headContainer > h1 a{display:block;background:url("../layout/logo.png")no-repeat left 10px top;width:100px;height: 50px;}
header nav ul{display: flex;justify-content: center;align-items: center;width: 600px;margin-right:80px;}
header nav ul li{width:calc(100% / 5);text-align: center;line-height:1;}
header nav ul > li a{line-height:1;}
header nav ul > li a:hover{color:#066;opacity:1;}
header nav ul > li a span{display:block;font-size:12px;font-weight:500;margin-top:6px;letter-spacing:0.2em;}

#cover {width:100%;height:700px;position: relative;}
#cover .coverIMG {background: url("../layout/cover.jpg") no-repeat center / cover;width:100%;height:100%;}
#cover .text{height:fit-content;position:absolute;top: 0;bottom:0;left:calc(50% - -110px);margin:auto 0;}
#cover .text h2{margin-bottom:30px;font-size:100px;font-weight:900;line-height:1;background:linear-gradient(90deg,#461E2A,#BE101E);-webkit-text-fill-color: transparent;-webkit-background-clip: text;font-family: "Montserrat", sans-serif;font-style: italic;filter: drop-shadow(2px 2px 2px rgba(0,0,0,.2));}
/*#coverIMG .coverContainer p{width:340px;margin:0 auto;text-align:center;color:#fff;position: relative;z-index: 1;}
#coverIMG .coverContainer p:before{width:400px;height:40px;content:'';transform:skew(-20deg, 0deg);background:linear-gradient(90deg,#461E2A,#BE101E);position: absolute;right:-30px;top:-8px;z-index: -1;}*/


/*humBTN*/
.humBTN{position:absolute;display:block;width:50px;height:50px;top:26px;right:30px;cursor:pointer;z-index:2;}
#humBOX .humBTN{position:absolute;right:30px;}
.humBTN span{display:block;position:absolute;width:35px;height:3px;background-color:#666;right:0;left:0;top:0;bottom:0;margin:auto;transition:all 0.2s ease-in-out 0s;transform:rotate(0deg);opacity:1;}
.humBTN.open span:nth-of-type(2){opacity:0;}
.humBTN.open span{position:absolute;width:30px;height:3px;background-color:#fff;z-index:3;}
.humBTN span:nth-of-type(1){top:-20px;}
.humBTN.open span:nth-of-type(1){top: 0;transform:rotate(45deg);opacity:1;}
.humBTN span:nth-of-type(3){top:20px;}
.humBTN.open span:nth-of-type(3){top: 0;transform:rotate(-45deg);opacity:1;}
.humBTN:not(.open):hover span:nth-of-type(1){-webkit-animation:humLINE 0.25s 0s 1 forwards;animation:humLINE 0.25s 0s 1 forwards;}
.humBTN:not(.open):hover span:nth-of-type(2){-webkit-animation:humLINE 0.25s 0.1s 1 forwards;animation:humLINE 0.25s 0.1s 1 forwards;}
.humBTN:not(.open):hover span:nth-of-type(3){-webkit-animation:humLINE 0.25s 0.2s 1 forwards;animation:humLINE 0.25s 0.2s 1 forwards;}
@-webkit-keyframes humLINE{0%{background-color:#fff;}100%{background-color:#ddd;}}@keyframes humLINE{0%{background-color:#fff;}100%{background-color:#ddd;}}

.humBTN:after{display:block;opacity:0;position:relative;bottom:-15px;font-size:12px;color:#fff;text-align:center;transition:0.3s ease-in-out;}
.humBTN.open:after{opacity:1;bottom:-5px;}
.humBTN.open:hover span{background-color:#ddd;}

#humBOX{box-sizing:border-box;background:rgba(0,0,0,0.8) url(../layout/humBCKG.gif);width:385px;min-height:100vh;border-left:1px solid rgba(255,255,255,0.15);position:fixed;right:-385px;top:0;z-index:6;padding:70px 40px 50px 40px;transition:0.2s ease-in-out;}
#humBOX.open{right:0;}

ul#hMenu,ul#hMenu a,ul#hMenu > li ol li,ul#hMenu > li ol li a{color:#ddd;}
ul#hMenu,ul#hMenu a:hover,ul#hMenu > li ol li:hover,ul#hMenu > li ol li a:hover{color:#fff;opacity:1;}
ul#hMenu {width: 100%;flex-wrap: wrap;}
ul#hMenu > li{width: calc(100% / 2);margin-bottom: 30px;padding-left:15px;background:url(../layout/arrow02.gif) no-repeat left 12px;text-align: left;}
ul#hMenu > li a{font-size:20px;}
ul#hMenu > li:hover{background-position-x:2px;}
#humBOX h3{color: #fff;}
#humBOX address{display: block;margin-top: 40px;color: #fff;font-size: 12px;text-align: center;line-height: 2;position: absolute;bottom: 60px;right: 0;left: 0;margin: 0 auto;}
#humBOX address a{display: block;font-size: 11px;margin-bottom: 10px;}
#humBOX address a b{display: table;padding-left: 30px;background: url(../layout/tel.webp) no-repeat left 2px / auto 23px;font-size: 30px;color: #fff;line-height: 1;margin: 0 auto;}
#humSkin{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;z-index:5;opacity:0.8;}

#top01{width:100%;background:#333;padding:50px 0;}
#top01 > div{width:1080px;margin:0 auto;}
#top01 > div *{text-align: center;color: #fff;}

#btn{display: flex;justify-content: space-between;}
#btn > a{width: calc(100% / 2 - 30px);padding: 30px;border: 1px solid #333;background: #eee;}
#btn > a span{}




#driller h4{margin-bottom:15px;color:#066;font-size:25px;}
#driller h4 i{margin-left:15px;color:#333;font-size:13px;}
#driller .imgLEFT{margin-bottom: 50px;padding-left:400px;position: relative;}
#driller .imgLEFT .img{display:block;width:360px;height:300px;background:url("../layout/mizuno01.png") no-repeat center / cover;position: absolute;top: 0;bottom: 0;left: 0;margin:auto 0;box-shadow:0 0 5px rgba(0,0,0,0.3);border:5px solid #fff }
#driller .imgLEFT .comment{margin:30px auto;padding: 30px;background-color: #eee;}
#menu table {border: none;margin:70px 0 ;}
#menu table tr th,table tr td{text-align: center;}
#menu table thead,
#menu table tbody th{background: #333;color: #fff;}
#menu table thead th{padding: 15px 0;}
#menu table tr:nth-child(even){background-color: #e5e5e5;}
#menu table tr ul li{margin-bottom: 10px;}
#menu table tr ul li:last-child{margin-bottom:0;}

#news{border:1px solid #066;padding:30px 30px 30px 270px;position:relative;box-shadow:2px 2px 3px rgba(0,0,0,.2);}
#news h3{height:fit-content;font-weight:bold;font-size:30px;position:absolute;left:90px;top:0;bottom:0;margin:auto 0;color:#066;font-family: "Montserrat", sans-serif;font-style: italic;}
#news h3 i{display:block;margin-top:8px;font-weight:500;font-size:15px;line-height:1;text-align:center;color: #333ß;}
#news ul{height:300px;overflow-y:auto;padding:0 50px 0 0;}
#news ul li{margin:15px 0;}
#news ul li a{padding:10px;display:block;}
#news ul li a b{font-size:19px;display:block;margin-bottom:5px;line-height:1.5;}
#news ul li a span.txt{font-size:15px;display:block;margin-bottom:5px;line-height:1.75;}
#news ul li a time{font-size:13px;padding-left:17px;display:block;background:url(../layout/icon-time.svg) no-repeat left 1px / auto 12px;color:#000;}
#news ul li a time span{padding-left:25px;background:url(../layout/icon-cate.svg) no-repeat left 1px / auto 12px;display:inline-block;color:#47acdd;}
#news li i{font-size:13px;}
#news li span.cate{display:flex;margin-top:20px;}
#news li span.cate *{display:inline;font-size:10px;line-height:1;}
#news li span.cate time{padding-left:17px;background:url(../layout/time.png) no-repeat left bottom / contain;font-size:12px;line-height:1.1;}
#news li .cateItem{margin-right:10px;}
#news li .cateItem i{padding:1px 5px;background:#777;color:#fff;margin-right:3px;}


#blog{margin-bottom: 0;overflow: hidden;}
#blog select.postform{border: solid 1px #999;padding:5px 20px;}
#blog #list-news{display:flex;flex-wrap:wrap;}
#blog #list-news li{width:calc(100% / 3 - 30px);margin:0 15px 30px 15px;background:#fff;box-shadow:5px 5px 5px rgba(0,0,0,0.3);}
#blog #list-news li *{display: block;}
#blog #list-news li a{cursor:pointer;}
#blog #list-news li .thumIMG{width:100%;height:200px;background:url() no-repeat center / cover;}
#blog #list-news li .text{padding:10px 20px 20px;}
#blog #list-news li b{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:20px;}
#blog #list-news li i{font-size:13px;}
#blog #list-news li span.cate{display:flex;justify-content:space-between;margin-top:20px;}
#blog #list-news li span.cate *{display:inline;font-size:10px;line-height:1;}
#blog #list-news li span.cate time{padding-left:17px;background:url(../layout/time.png) no-repeat left bottom / contain;font-size:12px;line-height:1.1;}
#blog #list-news li .cateItem i{padding:1px 5px;background:#777;color:#fff;margin-right:3px;}
#blog a:hover{opacity: .7;}

#map .textBox{width: 480px;}
#map iframe{width:560px;height: 400px;border:5px solid #fff!important;box-shadow:0px 0px 1px rgba(0,0,0,0.3);}
#map .textBox h3{font-size:35px;margin-bottom:25px;font-weight:800;}
#map .textBox h3 b{display: block;font-size:15px;margin-bottom:15px;font-weight: bold;}
#map .textBox a.link{margin:40px auto 0 0;}
#map .textBox p{margin-bottom: 10px;}
#map .textBox p.root{line-height: 1.7;}

#maker{border:1px solid #ccc;padding:50px 40px;}
#maker h3{margin-bottom:50px;font-size:30px;font-weight:bold;text-align:center;}
#maker ul{display:flex;flex-wrap:wrap;}
#maker ul li{width:calc(100% / 4 - 30px);margin:0 15px 30px 15px;text-align: center;}
#maker ul li .makerIMG{display: block;width: 100%;height: 100px;background: url(../layout/abs.webp) no-repeat center / contain;}
#maker ul li .makerIMG.sunbridge{background-image: url(../layout/sunbridge.webp);}
#maker ul li .makerIMG.legendstar{background-image: url(../layout/legendstar.webp);}
#maker ul li .makerIMG.hi-sp{background-image: url(../layout/hi-sp.webp;)}
#maker ul li .makerIMG.bowlstar{background-image: url(../layout/bowlstar.webp;)}
#maker ul li .makerIMG.steel{background-image: url(../layout/steel.webp;)}

footer{background:url(../layout/shop.jpg) no-repeat center / cover;filter:grayscale(1);position: relative;}
footer:before{content: '';display:block;width: 100%;height: 100%;background:#000;opacity: .8;position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;z-index: -1;}
footer > div{width:1200px;margin:0 auto;min-height:300px;padding:20px 0;display:flex!important;flex-wrap:wrap!important;justify-content:space-evenly!important;}
footer nav > ul{display:flex;flex-wrap:wrap;}
footer nav > ul li{margin-bottom:30px;width:calc(100% / 2);color:#fff;}
footer nav > ul li a{font-size:25px;line-height:1;}
footer nav ul > li a span{display:block;font-size:10px;font-weight:500;margin-top:10px;letter-spacing:0.2em;}

footer .addressBOX {width:fit-content;margin-bottom: 30px;color:#fff;}
footer .addressBOX h2 {font-size:25px;color: #fff;margin-bottom:10px;}
footer .addressBOX h2 i{display: block;margin-bottom: 10px;font-size:12px;font-weight: normal;}
footer .addressBOX address{font-size:13px;line-height: 2;}
footer .addressBOX address span{display: block;font-size:13px;line-height: 2;}
footer small{display: block;background:linear-gradient(90deg,#461E2A,#BE101E);position:relative;}
footer small i{display:block;width:fit-content;margin:0 auto;color:#fff;font-size:11px;}