@charset "UTF-8";

/* ########### 359px以下 ########### */
@media (max-width: 359px) {

/* サイト名 */
.site img	{width: 225px;
	height: auto}
}

/* ########### 767px以下 ########### */
@media (max-width: 767px) {

/* トグルボタン */
#menubtn	{
	width: 100%;
	padding: 15px;
	border: solid 1px #FFF;
	background-color: #FFF;
	color: #000000;
	cursor: pointer}

/*#menubtn:hover	{background-color: #dddddd}*/
#menubtn:focus	{outline: none}
#menubtn i	{color: #000;
	font-size: 18px}
#menubtn span	{
	display: inline-block;
	padding-left: 5px;
    font-size: 20px;
	/*text-indent: -9999px*/}

/* ナビゲーションメニュー（縦並び） */
.menu	{display: none}

.menu ul	{
	margin: 0;
	padding: 0 15px 10px 15px;
	list-style: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.menu li a	{display: block;
	color: #000;
	padding: 8px 0;
	font-size: 1.3rem;
	text-decoration: none;
}

}


/* ########### 768px以上 ########### */
@media (min-width: 768px) {

/* トグルボタン */
#menubtn	{display: none}

/* ナビゲーション */
#menu	{display: block !important}

}