ƒz@charset "utf-8";

ul,li {
list-style: none;
}
*{
margin: 0;
padding: 0;
}

/*帯全体*/
nav{
width: 100%;
background: rgb(29, 33, 19);
box-shadow: 3px 3px 7px 0px #9fa0a0;
z-index: 100;
}

/*フッターの住所レスポンシブ時ちょうどいいところで改行*/
.address span{
display: inline-block;
}

/*上層　フォントの並び*/
.menu {
display: flex;
position: relative;
width: 100%;
margin: 0 auto;
background: #191e23;
box-shadow: 0px 3px 7px 0px rgb(96, 99, 89); 
z-index: 99;
}
/*上層　帯*/
.menu > li {
line-height: 48px;/*高さ*/
padding-bottom: 22px;
margin-left: 25px;
margin-right: 10px;
}
	
/*ロゴ*/
.hea img{
	max-width: 133px;
width: 70%;
margin: 37px 0 10px 40px;
}

/*フォント　カラー*/
.menu li a {
display: inline;
color: white;
text-decoration: none;
margin: 0;
padding: 0;
}

@media screen and (max-width: 1200px){
.menu > li {
line-height: 48px;/*高さ*/
margin-left: 25px;
margin-right: 10px;
}
.lineup {
padding-top: 20px;
padding-bottom: 20px;
}
	
.hea img{
max-width: 133px;
width: 70%;
margin: 25px 0 5px 40px;
}
}

/*フォント　ホバー*/
.menu li a:hover {
color: #ff6c27!important;
}
.menu__mega{
padding-top: 27px;
}
.lineup{
padding-top: 27px;
padding-bottom: 27px;
}
/*親階層　フォント*/
.init-bottom,.init-lineup{
font-size: 14px;
color: white;
font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.init-lineup .after{
letter-spacing:-0.005em;
}
/*子階層　隠してます*/
ul.menu__second-level {
visibility: hidden;
opacity: 0;
list-style-type: none;
padding: 0;
}
/*文字詰め*/
a.init-bottom {
letter-spacing:-0.05em;
}

/*ラインアップ　下矢印*/
.init-bottom:after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 3px 7px;
border-right: 2.5px solid #fff;
border-bottom: 2.5px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/*ラインアップ　下矢印ホバー*/
li .init-bottom:hover::after{
border-right: 2.5px solid rgb(254,80,0);
border-bottom: 2.5px solid rgb(254,80,0);
}

/*ヘッダー部「オンラインストア」*/
.init-lineup_store{
font-size: 14px;
font-weight: bold;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

/*子階層　帯*/
ul.menu__second-level {
position: absolute;
left: 0;
width: 100%;
background: #efefef; 
-webkit-transition: all .10s ease;
transition: all .5s ease;
display: flex;
margin-top: 22px;
}

/*子階層　フォント*/
.menu__second-level li a{
font-size: 13px;
color: black; 
font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴシック','Hiragino Sans',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}

.new_mark img{
width:33px;
vertical-align: -2px;}

.lineup_left .new_mark img{
width:33px;
vertical-align: -2px;
}

/*子階層が出ます*/
li.menu__mega:hover ul.menu__second-level {
top: 76px;
visibility: visible;
opacity: 1;
z-index: 150;
box-shadow: 3px 3px 7px 0px #9fa0a0;
}
/*子階層　並び*/
.menu__second-level .mago{
margin-left: 30px;
}
.menu__second-level .mago a{
margin-right: 0px;
}

/*孫階層　隠してます*/
ul.menu__third-level {
visibility: hidden;
opacity: 1;
list-style-type: none;
padding: 0;
z-index: 200;
}
/*孫階層　帯_文字の始まり位置*/
ul.menu__third-level{
position: absolute;
width: 100%;
height: 335px;/*白場高さ*/
left: 0;
-webkit-transition: all .10s ease;
transition: all .30s ease;
background: white; 
box-shadow: 3px 3px 7px 0px #9fa0a0;
}
/*孫階層が出ます*/
.menu__second-level li.mago:hover ul.menu__third-level {
visibility: visible;
opacity: 1;
z-index: 100;
}
ul.menu__third-level li{
margin-bottom: -25px;
margin-left: 20px;
}
ul.menu__third-level .end{
margin-bottom: 0px;
}

/*孫ラインアップ　トップ　フォント*/
li .init-bottom2{
font-size: 13px;
color: black; 
font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
font-weight: bold;
}
li .init{
color: white; 
}
li .init-bottom3 a{
font-size: 13px;
color: black; 
font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
font-weight: bold;
padding-left: 0px;
}
.init-bottom4 .init-bottom3 a{
font-size: 11px;
color: black;
font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
font-weight: lighter;
padding-left: 0px;
margin-top: -50px;
letter-spacing: 0.5px;
}
.menu__third-level .dable .dable11 .init-bottom4{
margin-bottom: -32px;
}
.init-bottom4{
pointer-events: none;/*ホバーさせない*/
}

/*孫ラインアップ　下矢印*/
li .init-bottom2:after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 3px 7px;
border-right: 2.5px solid black;
border-bottom: 2.5px solid black;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
color: gray; 
}
/*双眼鏡・フィールドスコープ*/
ul.menu__third-level .dable{
display: flex;
margin-top: 15px;
}
span.gray{
color: lightgray;
}
/*画像*/
.dable3{
margin: 19px 0 0 30px;
}

.dable3 img{
	width:450px;
}


.dable2{
margin-left: 10px;
}
/*下の線ブッシュネルオレンジ*/
.init-bottom{
    display: block;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}
.init-bottom::before{
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2.5px;
    background: #ff6c27!important;
    opacity: 0;
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.init-bottom:hover::before,
.init-bottom:hover::before{
    opacity: 1;
    -webkit-transform: translate(0, 5px);
    transform: translate(0, 5px);
}
.init-lineup{
    display: block;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}
.init-lineup::before{
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2.5px;
    background: rgb(254,80,0);
    opacity: 0;
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.init-lineup:hover::before,
.init-lineup:hover::before{
    opacity: 1;
    -webkit-transform: translate(0, 5px);
    transform: translate(0, 5px);
}

/*footer*/
footer{
width: 100%;
margin: 0 auto;
background-color: #191e23;
z-index: 1;
}
.lineup_all{
display: flex;
margin: 0 auto;
justify-content: space-between;
position: relative;
max-width: 1300px; 
padding-left: 30px;
padding-right: 30px;
padding-top: 50px;
padding-bottom: 15px;
z-index: 1;
}
@media screen and (max-width: 1100px) {
.lineup_all{
display: none;
}
}
.lineup_left{
margin-top: 15px;
margin-bottom: 30px;
text-align: left;
margin-left: 0px;
z-index: 1;
}
/*商品名トップ*/
.lineup_left .left-top a,.lineup_left .left-top-tall a{
font-size: 15px;
font-weight: bold;
line-height: 2;
color: white;
font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
text-decoration: none;
z-index: 1;
}
.lineup_left .left-top-tall a .fieldscope{
letter-spacing: -0.05em;
}
.lineup_left .left-top-tall{
transform: scale(0.95, 1);
margin-left: -5px;
}
/*各商品名*/
.lineup_left .left a{
font-size: 12px;
font-weight: lighter;
line-height: 1;
color: white;
font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
text-decoration: none;
z-index: 1;
}
.lineup_left .left-first a,.lineup_left .left-second a,.lineup_left .left-third a{
font-size: 12px;
font-weight: bolder;
line-height: 1;
color: white;
font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
text-decoration: none;
z-index: 1;
}
.lineup_left .left-second,.lineup_left .left-third{
padding-top: 10px;
padding-bottom: 3px;
}
.lineup_left .left-trophy a,.lineup_left .left-trophy2 a{
font-size: 12px;
font-weight: lighter;
line-height: 1;
color: white;
font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
text-decoration: none;
z-index: 1;
}
.lineup_left .left-trophy{
margin-bottom: -7px;
}
span.darkgray{
color: #898989;
}
/*各項目*/
.lineup_left .left-item a{
font-size: 15px;
font-weight: bold;
line-height: 2;
color: white;
font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
text-decoration: none;
z-index: 1;
}
.lineup_left .left-item{
margin-bottom: 20px;
}
.trophycam:hover{
opacity: 50%!important;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
z-index: 1;
}
.left-item a:hover{
opacity: 50%!important;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
z-index: 1;
}

.left a:hover{
opacity: 50%!important;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
z-index: 1;
}
.left-top a:hover{
opacity: 50%!important;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
z-index: 1;
}
.left-top-tall a:hover{
opacity: 50%!important;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
z-index: 1;
}

.left-first a,.left-second a,.left-third a{
pointer-events: none;/*ホバーさせない*/
}

/*レスポンシブ-サイズ調整*/
#nav-item{
display: none;
}
@media screen and (max-width: 1100px) {
#nav-item{
display: inline;
}
}
/*トップ文字*/
.lineup-top a{
color: #1e252b ;
font-size: 14px;
font-weight: bold;
color: white;
text-decoration: none;
margin-left: 40px;
font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.lineup-top{
border-bottom: 1px solid gray;
padding-top: 70px;
padding-bottom: 10px;
margin-left: 20px;
margin-right: 20px;
}
.lineup_left .lineup-top2 a{
color: #1e252b;
font-size: 14px;
font-weight: bold;
color: white;
text-decoration: none;
margin-left: 40px;
font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.lineup-top2{
border-bottom: 1px solid gray;
padding-top: 15px;
padding-bottom: 15px;
margin-left: 20px;
margin-right: 20px;
}
/*ラインアップ文字の後▼*/
.lineup-top a::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0dd";
position: absolute;
right : 65px; /*左端からのアイコンまで*/
color: white; /*アイコン色*/
margin-top: 0.7%;
}

/*ラインアップ文字の後▼*/
.lineup-top2 a:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0da";
position: absolute;
right : 65px; /*左端からのアイコンまで*/
color: white; /*アイコン色*/
margin-top: 0.5%;
}
/*チェックボックス削除*/
input[type=checkbox] {
display: none;
}
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-item {
display: block;  /*カバーを表示*/
opacity: 0.5;
}
#nav-input:checked ~ #nav-item {
  -moz-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  transform: translateX(0%);  /*中身を表示*/
  box-shadow: 4px 0 20px rgba(0,0,0,.15);
}
/*中身を非表示にしておく*/
#nav-item .products-item .dropdown10 {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}
#nav-item .products-stock .dropdown20 {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}
/*クリックで中身表示*/
#nav-item .products-item input:checked ~ .dropdown10{
padding: 0;
height: auto;
opacity: 1;
}
#nav-item .products-stock input:checked ~ .dropdown20{
padding: 0;
height: auto;
opacity: 1;
}
/*ラインアップからの中身ドロップダウン*/
label10 .dropdown10{
overflow: auto;
position: relative;
transition: all .3s ease-in-out;  /*滑らかに表示*/
}
label20 .dropdown20{
  overflow: auto;
  position: relative;
  transition: all .3s ease-in-out;  /*滑らかに表示*/
}
/*ラインアップからの中身文字行*/
.dropdown010{
  margin-bottom: 0px;
  margin-left: 0em;
line-height: 2;
}
.dropdown010 a{
font-size: 12px;
font-weight: bold;
margin-left: 1.5em;
color: #1e252b /*rgb(85,87,89)*/; 
text-decoration: none;
font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
}
/*ライトスピード*/
.products-stock p.triangle{
margin-top: 5px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: -5px;
}
.products-stock .triangle a{
color: white;
margin-left: 40px;
text-decoration: none;
}
.products-stock .triangle a:hover,
.products-stock .triangle a:hover::after{
color: #c9caca;
}
.dropdown020{
margin-top: 5px;
margin-bottom: 15px;
margin-left: 0em;
line-height: 1.5;
}
.dropdown020 a{
  font-size: 12px;
  font-weight: lighter;
  margin-left: 82px;
  color: white; 
  text-decoration: none;
font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.dropdown020 p{
border-bottom: none;
}
.dropdown020 a:hover{
color: #dcdddd;
}
.products-stock p.last{
margin-top: 12px;
border-bottom: 1px solid gray;
margin-left: 20px;
margin-right: 20px;
}
.products-item{
margin-bottom: -13px;
}
/*ラインアップ文字の後▼*/
.products-stock .triangle a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0dd";
position: absolute;
right : 65px; /*左端からのアイコンまで*/
  color: white; /*アイコン色*/
margin-top: 0.2%;
}
.white-bold{
margin-top: 10px;
pointer-events: none;/*ホバーさせない*/
}
.white-bold span.white{
font-weight: bold;
}
/*ホバー*/
.lineup-top a:hover,
.lineup-top a:hover::after{
opacity: 50%;
-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.products-stock .triangle a::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0dd";
position: absolute;
right : 65px; /*左端からのアイコンまで*/
  color: white; /*アイコン色*/
margin-top: 0.2%;
}
.lineup-top2 a:hover{
opacity: 50%;
-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 750px) {
.lineup_all .syamei{
display: block;
padding-left: 0px;
margin-bottom: -150px;
}
}
@media screen and (max-width: 600px) {
.lineup_all{
margin-top: 0px;
padding-top: 20px;
}
.lineup-top a{
margin-left: 20px;
}
.lineup_left .lineup-top2 a{
margin-left: 20px;
}
.lineup-top a:after {
right : 45px;
}
.lineup-top2 a:after {
right : 45px;
}
.products-stock .triangle{
margin-left: 0px;
}
.products-stock .triangle a{
margin-left: 20px;
}
.products-stock .triangle a:after {
right : 45px;
}
.dropdown020 a{
  margin-left: 62px;
}
}
@media screen and (max-width: 480px) {
.lineup-top a{
margin-left: 0px;
}
.lineup_left .lineup-top2 a{
margin-left: 0px;
}
.lineup-top a:after {
right : 25px;
}
.lineup-top2 a:after {
right : 25px;
}
.products-stock .triangle{
margin-left: -20px;
}
.products-stock .triangle a{
margin-left: 0px;
}
.products-stock .triangle a:after {
right : 25px;
}
.dropdown020 a{
  margin-left: 42px;
}
}

/*社名回り*/
.syamei{
color: white;
} 
.syamei .h_logo img{
width: 500px; 
margin-top: 30px;
}
.syamei .nihon_logo{
text-align: center;
}
.syamei .address{
font-size: 15px;
letter-spacing: 0.05em;
text-align: center;
text-indent: 0.05em;
margin-top: 5px;
margin-bottom: 12px;
color: white;
text-decoration: none;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
font-feature-settings: "palt";
}
.syamei .address br{
display: none;
}
.syamei .phone img{
width: 450px;
margin-top: 10px;
margin-bottom: 30px;
max-width: 100%;
}

.footer-copyright{/*footerの領域*/
max-width: 1350px; 
margin: 0 auto;
text-align: center;
}
.reserved{   /*footerの文字と線*/
border-top: 1px solid white;
color: dimgrey;
font-size: 12.8px;
padding-top: 32px;
padding-bottom: 32px;
margin-left: 20px;
margin-right: 20px;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
}

.address a {
color:#fff;
text-decoration:none;
}

@media screen and (max-width: 1100px) {
.syamei{
margin-top: 50px;
}
.lineup-top,.lineup-top2{
margin-left: 35px;
margin-right: 35px;
}

}

@media screen and (max-width: 480px) {
.lineup-top,.lineup-top2{
margin-left: 35px;
margin-right: 35px;
}
.lineup-top a:after {
right : 45px;
}
.lineup-top2 a:after {
right : 45px;
}

}


@media screen and (max-width: 960px) {
.syamei .h_logo img{
margin-top: 30px;
}
}
@media screen and (max-width: 750px) {
.syamei .address br{
display: inline;
}
}
@media screen and (max-width: 600px) {
.syamei .h_logo img{
width: 250px; 
margin-top: 30px;
}
.reserved,.syamei{ 
margin-left: 20px;
margin-right: 20px;
}
}
@media screen and (max-width: 400px) {
.syamei .address{
font-size: 14px;
}
}
@media screen and (max-width: 360px) {
.syamei .address{
font-size: 11px;
}
.reserved,.syamei{ 
margin-left: 20px;
margin-right: 20px;
}
}