@charset "UTF-8";




/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media (max-width:640px){
	
/*共通設定*/	
.viewpc{
	display: none;	
	}

.viewmb{
	display: block;	
	}
	
	
img{
	max-width: 100%;
	height: auto;
	float : none;
}
	
	
#page_base{
	width: 100%;
	margin:0 auto;
	overflow: hidden;
	min-width: 320px;
}


/*===============================================
スマフォ用ナビゲーション
===============================================*/	
	
#navi {
	width: 100%;
	border-top: 20px solid #e3a391;
	background-color: rgba(255,255,255,0.50);
}


#navi #inner {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}


#navi #inner #logo {
	padding-left: 2px;
	width: 160px;
	float: left;
}

#mobilemenu h2 img {
	padding-right: 15px;
	float: right;
}

#navi #inner #mobilemenu {
	width: 100%;
	display: block;
	position: relative;

}


#navi #inner #mobilemenu #mobilemenu_list {
	width: 100%;
	display: none;
	margin: 0 auto;
	background-color: rgba(243,234,227,1.00);
	position: absolute;
	right: 0;
	top: 50px;
	z-index: 100;
}

#navi #inner #mobilemenu ul li {
	line-height: 50px;
	list-style-type: none;
	font-size: 15px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	;
	;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	border-bottom: 1px solid rgba(49,51,0,0.1);
}

	
#navi #inner #mobilemenu ul li a {
	text-decoration: none;
	color: #666842;
}
	
	
	




}