@charset "utf-8";

/* グロナビの設定 ハンバーガーメニューの設定 */

	#gnav {
		display: none;
	}

	#rwdMenuWrap {
		width: 100%;
		border-bottom: #aaa 1px solid;
	}

	#rwdMenuWrap #switchBtnArea #switchBtn {
		top: 10px;
		right: 10px;
		width: 40px;
		height: 40px;
		background: #805079 url(../img/menu/btnOpen.png) no-repeat center center;
		border-radius: 5px;
		position: absolute;
	}

	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose {
		background-image: url(../img/menu/btnClose.png);
	}

	#rwdMenuWrap ul {
		width: 100%;
		display: none;
	}

	#rwdMenuWrap ul li {
		width: 100%;
		border-bottom: #aaa 1px dashed;
	}

	#rwdMenuWrap ul li a {
		padding: 15px 20px;
		font-family: serif;
		font-size: 120%;
		color: #4a0108;
		text-align: left;
		background: rgba(128, 80, 121,0.2) url(../img/menu/linkarw.png) no-repeat right center;
		display: block;
	}

	#rwdMenuWrap ul li a:hover{
		color: #bd34f7;
	}


/* 800px以上の設定 */
@media only screen and (min-width: 800px) {
	#gnav {
		display: block;
	}
	#gnav{
		float: right;
		margin-top: 50px;
	}
	.menu li{
		display: inline-block;
		text-align: right;
		margin-left: 20px;
		font-family: serif;
		font-size: 110%;
		font-weight: bold;
	}
	.menu a{
		color: #4a0108;
	}
	.menu a:hover{
		color: #bd34f7;
	}
}

/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
#gnav > ul:after {clear: both;}
#gnav > ul {*zoom: 1;}