@charset "utf-8";

header{
height: 100%;
padding-bottom: 8px;
background-color: #1e252b /*#1b222a rgb(30,37,43)*/;
box-shadow:0 3px 10px 0px #4c4948;
position: relative;
z-index: 5;
}
/*オレンジの帯*/
.top_header{
z-index: 3;
}
.top{
background-color: #fe5000;  /*#00b3fe*/ /*#ea5504*/;
}
.top p{
font-size: 14px;
font-weight: bold;
color: #1e252b;
text-align: center;
padding-top: 7px;
padding-bottom: 8px;
-webkit-font-smoothing: antialiased;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
.top p br{
display: none;
}
@media screen and (max-width: 600px) {
.top p br{
display: inline;
}
}
@media screen and (max-width: 400px) {
.top p{
font-size: 12px;
}
}
/*黒帯部分*/
.top-header{
width: 1600px;
/*height: 80px;*/
/*margin: auto;*/
z-index: 2;  /*最前面に*/
}

/*.header-top{
max-width: 1600px;
height: 80px;
margin: auto;
z-index: 2; 
}*/

/*.header{
display: flex;
margin-left: 5vw;
z-index: 99;
}*/
header h1{
width: auto;
margin-top: -28px;
padding-left: 0px;
padding-right: 0px;
}
header h1 img{
width: 85%;
margin-top: 5px;
}



.container-sss{
padding-top: 3rem;
max-width: 1600px;
	/*margin-left: 50px;*/
	margin: auto;
	align-items: center;
}
.container-sss2{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: 40px;
	margin-right: 40px;
}
.container-sss3{
	display: flex;
	justify-content: flex-start;
		align-items: center;
}

.container-inquiry{
display: flex;
	justify-content: space-between;
	/*align-items: center;*/
	margin-left: 30px;
	margin-right: 40px;
}
.container-inquiry a img{
	width: 85%;
	margin-top: 23px;
	margin-bottom: 17px;
}

.gnav {
display: flex;
height: 2rem;
/*margin: 0 auto;*/
/*max-width: 1100px;*/
/*padding-left: 50px;*/
/*padding-right: 50px;*/
padding-bottom: 5px;
}
.gnav .soto2{/*ラインアップ*/
width: 110px;
margin-left: 30px;
margin-right: 13px;
left: 0px;
}
.gnav .soto{/*ラインアップ以外*/
margin-left: 15px;
	margin-right: 15px;
/*margin-left: 20px;
margin-right: 20px;*/
}
.gnav.soto4 a{
	text-align: left;
	width: auto;
}

.gnav .soto3 a{/*ブッシュネルサポートセンター*/
transform: scale(0.95, 1);
font-feature-settings: "palt";
}
.gnav .soto3{
margin-left: 15px;
margin-right: 15px;
}
/*変更*/
.gnav .gnavgetion{/*中身の大きさ*/
width: /*450px;*/350px;
margin-top: -20px;
margin-left: -15px;
}
/*変更*/
.gnav .gnavgetion .naka a{/*中身*/
text-align: left;
padding-left: 20px;
padding-right: 30px;/*40px*/
padding-top: 11px;
padding-bottom: 11px;
margin-top: 22px;
margin-right: 0px;
}
.gnav .gnavgetion .naka .line-top{
background-color: #1b222a;  /*black;*/
}
/*変更*/
.gnavgetion{
padding-right: 50px;/*60px*/
padding-bottom: 22px;
box-shadow: 2.5px 2.5px 10px 0 #1e252b;
}
/*変更　3月19日発売*/
ul.gnavgetion li.naka a .sale{
font-size: 13px;
font-weight: bold;
color: #e60012;
}

.gnav li {/*左の三角*/
    list-style: none;
    position: relative;
}
.gnav li a {
    color: #fff;
    display: block;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    text-decoration: none;
    width: 100%;
	font-size: 13.5px;
	/*font-size: 14px;*/
}

.gnav li .gnavgetion li {/*子階層隠してます*/
    height: 0;
    overflow: hidden;
    transition: .75s;
}
.gnav li:hover > ul > li {/*子階層出ますよ*/
    height: 2rem;
    overflow: visible;
}
/*aの背景色を指定*/   
.gnav li a:hover {/*親階層*/
color: #fe5000;/*ブッシュネルオレンジ*/
}
.gnav li ul li a {/*子階層*/
color: gray;/*#ffffff;*//*白*/
background-color: #ffffff;
}
.gnav li li:hover a {
background: #fe5000;/*ブッシュネルオレンジ*/
color: #ffffff;/*白*/
}
/*変更*/
ul.gnavgetion li.naka a .sale:hover{
color: white;
}

.online{
position: relative;
	margin-bottom: 5px;
	padding-bottom: 10px;
	z-index:100;
}
.online img{
max-width: 100%;
display: inline-block;
position: relative;
	top: 5px; 
}
.online a{
	font-size: 14px;
	color: white;
}

.online a:hover img{
opacity: 60%;
}
.online a:hover{
opacity: 60%;
}

/*color: rgb(254,80,0);
opacity: 60%;*/


/*.bnr {
	background: url(../../img/shoping-cart_0.png) center / cover no-repeat;
}
.bnr:hover{
	opacity: 50%;
}*/


@media screen and (max-width: 1190px){
.gnav .soto2{
margin-left: 0px;
}
.gnav li a {
font-size: 12.5px;
}
.online a{
font-size: 12.5px;
}
}
@media screen and (max-width: 1124px){
.gnav .soto{
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (max-width: 1100px){
	.online{
		top: -12px;
		right: 50px;
}
}
@media screen and (max-width: 1065px){
.gnav .soto{/*ラインアップ以外*/
margin-left: 10px;
		margin-right: 10px;
}
}
@media screen and (max-width: 1000px){
.gnav .soto2{
margin-left: 10px;
}
}
@media screen and (max-width: 480px){
.gnav {
padding-left: 35px;
}
}
@media screen and (max-width: 440px){
.gnav {
padding-left: 0px;
}
.online a span{
display: none;
}
}
@media screen and (max-width: 390px){
.container-sss2{
margin-left: 20px;
margin-right: 20px;
}
}

/*@media screen and (max-width: 340px){
.online a span{
display: none;
}
}*/


/*資料請求*/
.seikyu{
display: flex;
justify-content: center;
background-color: #eeeceb;
width: 100%;
text-align: center;
}
.seikyu img:hover{
/*opacity: 0.75;*/
position: relative; top: 1px; left: 1px;
}
.shiryou,.catalog{
padding: 40px 45px 40px 45px;
/*padding: 1vw 1.3vw 2vw 0;*/
}
@media screen and (max-width: 780px) {
.shiryou,.catalog{
padding: 40px 20px 40px 20px;
}
.shiryou img,.catalog img{
width: 85%;
}
}
@media screen and (max-width: 600px) {
.seikyu{
display: block;
justify-content: center;
}
.shiryou{
padding-top: 40px;
padding-bottom: 0px;
}
.catalog{
padding-top: 30px;
padding-bottom: 40px;
}
.shiryou img,.catalog img{
width: 50%;
}
}
@media screen and (max-width: 480px) {
.shiryou img,.catalog img{
width: 60%;
}
}
@media screen and (max-width: 360px) {
.shiryou img,.catalog img{
width: 70%;
}
}


footer{
width: 100%;
margin: 0 auto;
background-color: #1e252b /*rgb(30,37,43)*/;
}
.lineup_all{
display: flex;
margin: 0 auto;
justify-content: space-between;
position: relative;
max-width: 1300px; 
padding-left: 50px;
padding-top: 30px;
}
.lineup_left{
margin-top: 15px;
margin-bottom: 40px;
text-align: left;
margin-left: 30px;
z-index: 999;
}
.lineup_left p a{
font-size: 18px;
font-weight: lighter;
line-height: 2.3;
color: white;
}
.lineup_left p a:hover{
color: #fe5000;
/*position: relative; top: 2px; left: 2px;*/
-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;
}
.lineup_all .medal{
position: absolute;
/*position: relative;*/
text-align: center;
top: 50%;
left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%); 
margin: 0;
padding: 0;
/*width: 100%;*/
}
.lineup_all .medal img{
width: 220px;
padding-top: 25px;
}
.lineup_all .medal figure img{
text-align: center;
}
/*エンブレム光のイメージ*/
.medal .effect-apollo{
	position: relative;
        float: left;
	overflow: hidden;
}
figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(30,37,43,/*255,255,255*/0.3);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
figure.effect-apollo:hover img {
	/*opacity: 0.6;*/
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
figure.effect-apollo img {
	opacity: 1;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	-webkit-transform: scale3d(1.01,1.01,1);
	transform: scale3d(1.01,1.01,1);
}
/*.medal a img:hover{
opacity: 0.95;
}*/

@media screen and (max-width: 1000px) {
.lineup_left p a{
font-size: 16px;
}
}
@media screen and (max-width: 960px) {
.lineup_all .medal img{
width: 190px;
}
}
@media screen and (max-width: 900px) {
.lineup_left{
margin-left: 0px;
}
}
@media screen and (max-width: 750px) {
.lineup_all{
display: block;
padding-left: 0px;
margin-bottom: -150px;
}
.lineup_left{
text-align: center;
}
.lineup_left p a{
font-size: 18px;
}
.lineup_all .medal{
position: relative;
display: inline-block;
margin-top: 110px;
}
.lineup_all .medal img{
width: 200px;
margin-top: -10px;
margin-bottom: 38px;
}
}
@media screen and (max-width: 600px) {
.lineup_all{
margin-top: 0px;
padding-top: 20px;
}
}

/*社名回り*/
.syamei{
color: white;
} 
.syamei .h_logo img{
width: 500px; 
	margin-top: 35px;
	margin-bottom: 10px;
}
.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: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.syamei .address br{
display: none;
}
.syamei .phone img{
width: 350px;
margin-top: 10px;
margin-bottom: 30px;
}

.footer-copyright{   /*footerの領域*/
max-width: 1300px; 
margin: 0 auto;
text-align: center;
}
.reserved{   /*footerの文字と線*/
border-top: 1px solid /*gray*/ white;
color: dimgrey;
font-size: 12.8px;
padding-top: 32px;
padding-bottom: 32px;
margin-left: 30px;
margin-right: 30px;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
}
/*@media screen and (max-width: 960px) {
.syamei .h_logo img{
margin-top: 5px;
}
}*/
@media screen and (max-width: 750px) {
.reserved,.syamei{ 
margin-left: 40px;
margin-right: 40px;
}
.syamei .address br{
display: inline;
}
}
@media screen and (max-width: 600px) {
.syamei .h_logo img{
width: 250px; 
margin-top: 35px;
}
.syamei .phone img{
width: 350px;
}
}
@media screen and (max-width: 450px) {
.syamei .address{
font-size: 12px;
}
.syamei .phone img{
width: 300px;
}
.reserved,.syamei{ 
margin-left: 20px;
margin-right: 20px;
}
}
@media screen and (max-width: 333px) {
.syamei .h_logo img{
width: 220px;
}
.syamei .address{
font-size: 10px;
}
}