/*スマホ用メニューを表示させない*/
#menubar-s, #menubar-s2 {display: none;}

/*３本バーアイコンを表示させない*/
#menubar_hdr {display: none;}

@media only screen and (max-width: 959px){
/*メインメニュー
---------------------------------------------------------------------------*/
/*スマホ用メニューブロック全体*/
#menubar-s {
	overflow: scroll;height: 200%;
	position: fixed;z-index: 100;
	top: 0px;
	width: 100%;
	background: rgba(0,0,0,0.8);	/*背景色*/
	border-top: 1px solid #fff;		/*上の線の幅、線種、色*/
	animation-name: frame1;		/*冒頭のkeyframesの名前*/
	animation-duration: 0.5s;	/*アニメーションの実行時間。0.5秒。*/
	animation-fill-mode: both;	/*待機中は最初のキーフレームを、完了後は最後のキーフレームを維持*/
	font-size: 16px;			/*文字サイズ*/

	overflow-scrolling:auto;
	overflow-y:scroll;
}

/*メニュー１個あたりの設定と、子メニューの見出し。*/
#menubar-s ul li a,#menubar_hdr2 {
	display: block;text-decoration: none;
	padding: 30px 20px 30px 40px;
	border-bottom: 1px solid #fff;	/*下の線の幅、線種、色*/
	color: #fff;		/*文字色*/
}

/*子メニュー
---------------------------------------------------------------------------*/
/*子メニューの見出しの追加。基本は上のブロックで設定しています。*/
#menubar_hdr2 {
	padding-left: 40px;	/*上にある「メニュー１個あたりの設定と、子メニューの見出し」の最後の数字（４つ目）に合わせる。*/
}
/*子メニューメニューブロック全体*/
#menubar-s2 {
	display: block;
	margin-top: 10px;
	/*border-radius: 5px;*/
	background: rgba(0,0,0,0.3);
	/*border: 1px solid #fff;*/
}
/*「＞」アイコン設定*/
#menubar_hdr2.close {
	background: url(../images/arrow2.png) no-repeat 20px 35px / 18px;
}
/*「＾」アイコン設定*/
#menubar_hdr2.open {
	background: url(../images/arrow3.png) no-repeat 20px 35px / auto 18px;
}
/*子メニュー１個あたりの設定*/
#menubar-s2 li a {
/*
	border-bottom: 1px solid #fff !important;
*/
	border-bottom: 1px solid #fff;
	padding: 5px 20px !important;
}
#menubar-s2 li:last-child a {
	border-bottom: none !important;
}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;
	position: fixed;z-index: 100;
	top: 20px;		/*上からの配置場所*/
	right: 2%;	/*右からの配置場所*/
}
/*アイコン共通設定*/
#menubar_hdr.close,
#menubar_hdr.open {
	width: 50px;	/*幅*/
	height: 50px;	/*高さ*/
	border: 1px solid #fff;
}
/*三本バーアイコン*/
#menubar_hdr.close {
	/*background: #000 url(../images/icon_menu.png) no-repeat center top/50px;	/*背景色、背景画像の読み込み、画像の上半分（３本マーク）を表示。幅は50px。*/
	background: #000 url(../images/icon_menu.png) no-repeat center top/50px;	/*背景色、背景画像の読み込み、画像の上半分（３本マーク）を表示。幅は50px。*/
}
/*閉じるアイコン*/
#menubar_hdr.open {
	background: #000 url(../images/icon_menu.png) no-repeat center bottom/50px;	/*背景色、背景画像の読み込み、画像の下半分（×マーク）を表示。幅は50px。*/
}

ul {list-style-type: none;}

.hover02:hover {
	background-color:#f8b62b;
}

.menu-pubg-mobile02 {
	font-size:1.2em;
	color:#fff;
	/*background:linear-gradient(90deg, #ec7131 47%, #f7b52c 85%);*/
	/*background:rgba(238, 133, 73, 0.6);*/
	/*background: linear-gradient(90deg, rgba(236, 113, 49, 0.5) 47%, rgba(247, 181, 44, 0.5) 85%);*/
	border-bottom:hidden;
}
.menu-apex-legends02 {
	font-size:1.2em;
	color:#fff;
	margin-top:15px;
	/*background:linear-gradient(90deg, #aa498e 15%, #8676b3 85%);*/
	/*background:rgba(210, 138, 190, 0.5);*/
	/*background: linear-gradient(90deg, rgba(170, 73, 142, 0.4) 15%, rgba(134, 118, 179, 0.4) 85%);*/
	border-bottom:hidden;
}
.menu-pokemon-unite02 {
	font-size:1.2em;
	color: #fff;
	margin-top:15px;
	/*background:linear-gradient(90deg, #dec800 47%, #d4cc3d 85%);*/
	/*background:rgba(236, 214, 37, 0.5);*/
	/*background: linear-gradient(90deg, rgba(222, 200, 0, 0.4) 47%, rgba(212, 204, 61, 0.4) 85%);*/
	border-bottom:hidden;
}
.menu-efootball02 {
	font-size:1.2em;
	color: #fff;
	margin-top:15px;
	/*background:linear-gradient(90deg, #000096 47%, #3331ff 85%);*/
	/*background:rgba(39, 38, 221, 0.5);*/
	/*background: linear-gradient(90deg, rgba(0, 0, 150, 0.4) 47%, rgba(51, 49, 255, 0.4) 85%);*/
	border-bottom:hidden;
}
}