z@charset "utf-8";

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

/*帯全体*/
header{
width: 100%;
margin: 0 auto;
background: rgb(29, 33, 19);
box-shadow: 3px 3px 7px 0px #9fa0a0;
/*z-index: 100;*/
}
/*上層　フォントの並び*/
.menu {
    display: flex;
    position: relative;
    width: 100%;
    margin: 0 auto;
background: rgb(29, 33, 19);
box-shadow: 0px 3px 7px 0px rgb(96, 99, 89);
z-index: 99;
}
/*上層　帯*/
/*.menu > li {
line-height: 48px;
margin-left: 25px;
margin-right: 10px;
}*/
/*ロゴ*/
.hea img{
width: 74.8%;
margin: 33px 0 28px 25px;
}
/*Bushnellロゴ位置センターに変更*/
@media screen and (max-width: 1200px){
header ul.menu .hea{
margin: auto;
}
	.hea img{
		width: 70%;
		margin-right: 15px;
}
}


/*フォント　カラー*/
.menu li a {
display: inline;
color: white;
text-decoration: none;
margin: 0;
padding: 0;
}
/*フォント　ホバー*/
.menu li a:hover {
color: #ff6c27!important;  /*rgb(254,80,0);*/
}




/*ヘッダー内オンラインストアリンク　フォント　カラー*/
.menu li .init-lineup_store{
display: inline;
color: white;
text-decoration: none;
margin: 0;
padding: 0;
}
/*ヘッダー内オンラインストアリンク　フォント　ホバー*/
.menu li .init-lineup_store:hover {
color: #999!important;  /*rgb(254,80,0);*/
}


.menu__mega{
padding-top: 32px;
}
.lineup{
padding-top: 32px;
padding-bottom: 20px;
}
/*親階層　フォント*/
.init-bottom,.init-lineup{
font-size: 14px;
color: white;
/*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;
}
.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);
}

/*子階層　帯*/
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: 20px;
}

/*子階層　フォント*/
.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;
}
/*子階層が出ます*/
li.menu__mega:hover ul.menu__second-level {
    top: 80px;
    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-left: 30px;*/
    margin-right: 0px;
}

/*孫階層　隠してます*/
ul.menu__third-level {
    visibility: hidden;
    opacity: 1;
list-style-type: none;
  padding: 0;
}
/*孫階層　帯_文字の始まり位置*/
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: -18px;
margin-left: 20px;
}
ul.menu__third-level .end{
margin-bottom: 0px;
}

/*孫ラインアップ　トップ　フォント*/
li .init-bottom2{
font-size: 13px;
color: black; /*gray;*/ /*rgb(254,80,0);*/
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: 30px;*/
}
li .init{
color: white; 
}
li .init-bottom3 a{
font-size: 13px;
color: black; /*gray;*/ /*rgb(254,80,0);*/
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; /*rgb(254,80,0);*/
}
/*双眼鏡・フィールドスコープ*/
ul.menu__third-level .dable{
display: flex;
margin-top: 15px;
}
span.gray{
color: lightgray;
}
/*画像*/
.dable3{
margin: 19px 0 0 30px;
}
.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;  /*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-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);
}




/*ヘッダー内オンラインストアのリンク*/

.init-lineup_store{
    display: block;
    position: relative;
    font-size: 14px;
	cursor: pointer;
    text-decoration: none;
    outline: none;
}
.init-lineup_store::before{
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 0px;
    background: #999;
    opacity: 0;
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.init-lineup_store:hover::before,
.init-lineup_store:hover::before{
    opacity: 1;
    -webkit-transform: translate(0, 5px);
    transform: translate(0, 5px);
}




/*footer*/
footer{
width: 100%;
margin: 0 auto;
background-color: #1e252b /*rgb(30,37,43)*/;
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_right{
margin-top: 15px;
margin-bottom: 40px;
text-align: right;
margin-right: 30px;
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;
/*letter-spacing: 0.1em;*/
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;
/*background-color:pink;*/
}
/*各商品名*/
.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;
/*letter-spacing: 0.1em;*/
z-index: 1;
}
.lineup_left .left-item{
margin-bottom: 20px;
}

.left 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;
z-index: 1;
}
.left-top 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;
z-index: 1;
}
.left-top-tall 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;
z-index: 1;
}
/*.left-second a:hover{
opacity: 90%;
-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-third a:hover{
opacity: 90%;
-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;
}*/
.trophycam: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;
z-index: 1;
}
.left-item 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;
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 /*rgb(85,87,89)*/;
  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;
/*margin-bottom: -13px;*/
}
.lineup_left .lineup-top2 a{
color: #1e252b /*rgb(85,87,89)*/;
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: 20px;
padding-bottom: 10px;
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.5%;
}
/*pointer-events: none;*/

/*ラインアップ文字の後▼*/
.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;
/*background-color: #3e3a39;*/
}
.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;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
}
.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;
}

@media screen and (max-width: 1100px) {
.syamei{
margin-top: 50px;
}
}
@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: 360px) {
.syamei .address{
font-size: 12px;
}
.reserved,.syamei{ 
margin-left: 20px;
margin-right: 20px;
}
}

