@charset "utf-8";



/*PC・タブレット・スマホ共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
/*小さい端末用(画面幅800px以下)メニューを表示させない*/
#menubar-s {
	display: none;
       border:none;
}
/*３本バーアイコンを表示させない*/
#menubar_hdr {
	display: none;
}

/*画面幅900px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
#menubar-s {
	display: block;	/*小さい端末用(画面幅800px以下)メニューを非表示から表示に切り替える*/
	background:linear-gradient(217deg, rgba(255,255,240,.0), rgba(255,0,0,0) 70.71%),
                  linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),
                  linear-gradient(336deg, rgba(255,240,153,.9), rgba(0,0,255,0) 70.71%);	/*背景色*/
       background-repeat:no-repeat;/*背景色*/
	overflow: hidden;
       border-radius:8px;
       margin-left:65%;
       margin-right:3%;
       
}
/*メニュー１個あたりの設定*/
#menubar-s li {
	float: left;
	width: 70%;		/*幅*/
       margin-bottom:1%;
       list-style:none;
       margin:0 auto;
}
#menubar-s li a {
	text-decoration: none;
	display:;
	text-align: center;
	line-height: 50px;		/*行間（高さ）*/
	color: #0000cd;
	border-bottom: 1px solid #ff8000;
	border-right: 1px solid #ff8000;
       
}
#menubar-s li:nth-child(even) a {
	border-right: none;
}
/*大きな端末用(画面幅801px以上)メニューを非表示にする*/
#menubar {
	display: none;
}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
	#menubar_hdr {
	display:block;	
	background-image: url(../images/menu.png);
       background-repeat: no-repeat;
       background-size:contain;                               /* 画像のサイズを指定    */
       width:100%;                                            /* 横幅のサイズを指定    */
       height:3px;	
	z-index: 4;	
	position: absolute;	
	top: 6%;/*上から25pxの場所に配置*/	
	right: 3%;/*右から3%の場所に配置*/	
	width: 30px;/*幅*/	
	border-width: 0px;	
	border-style: solid;		
	padding-top: 12px;	
	padding-right: 10px;	
	padding-bottom: 5px;	
	padding-left: 10px;/*上、左右、下へのボックス内余白*/	
}

#top #menubar_hdr {
	border: 0px solid #ff33ff;	/*トップページでの枠線の幅、線種、色*/
}
/*３本のバー（1本あたり）*/
#menubar_hdr span {
	display: block;
	border-top: 3px solid #ff33ff;	/*枠線の幅、線種、色*/
	margin-bottom: 7px;			/*バー同士の余白*/
}
#top #menubar_hdr span {
	border-top: 3px solid #ff33ff;	/*トップページでの枠線の幅、線種、色*/
}








/*メインメニュー
---------------------------------------------------------------------------*/
/*メニュー１個あたりの設定*/
#menubar-s li {
	float: none;
	width: 100%;
}
#menubar-s li a {
	border-right: none;
}