@charset "UTF-8";




/* バーガーメニュー */

.header_wraper {
	display: none;
	}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:560px)  {
	.g_navi{display: none;}
.header_wraper {
	display: block;
	}
.burger_wraper {
	float: right;
}	

div.NavMenu{
			position: fixed;	/*表示位置を固定*/
			z-index: 99;		/*重ね順を変更*/
			bottom: 0px;		/*表示位置を指定*/		
			left: 0;	/*表示位置を指定*/
			background: #fff;/*背景を白にする*/
			color: #000;	/*文字色を黒にする*/
			text-align: left;		/*テキストを中央揃え*/
			width: 100%;	/*全幅表示*/
	height: 100%;
			transform: translateY(100%);	/*ナビを上に隠す*/
			transition: all 0.6s;/*アニメーションの時間を指定*/
	overflow-y: scroll; 
		}

div.NavMenu ul{
			font-family: 'Roboto', sans-serif;
			font-family: 'M PLUS Rounded 1c', sans-serif;
			background: #fff;	/*背景をグレーにする*/
			width: 100%;	
			margin: 0 auto;
			padding: 0 0 200px 0;
		}

		div.NavMenu ul li{
			font-size: 1.1em;
			list-style-type: none;
			padding: 0;
			width: 100%;
			border-bottom: 1px dotted #333;	
		}

		div.NavMenu ul li:last-child{
			padding-bottom: 0;
			border-bottom: none;	/*最後のメニュー項目のみ下線を消す*/
		}

div.NavMenu ul li a{
			font-family: 'Roboto', sans-serif;
			font-family: 'M PLUS Rounded 1c', sans-serif;
			display: block;		/*クリックできる領域を広げる*/
			color: #000;
			padding: 0.5em 3%;
		}
		
		div.NavMenu.active{
			transform: translateY(0%);		/*ナビを表示する*/
		}

		


  
}