@charset "utf-8";
/*
//	
*/

div#slider-menu{
	display:block;
	padding:0px 8px 0px 0px;
	margin-right:0px;
	background:#1e97c4;
}
div#slider-menu img{
	float:right;
	margin:0 0 0 10px;
	border-left: #9fc7d6 solid 1px;
	padding:0px 0px 0px 12px;
}

/*サイドバー
---------------------------------------------------------------*/
#sidr-right h2 {
	margin:15px 10px 0 10px;
	float: left;
	font-size:18px;
}
p.closetop {
	left: 10px;
}
p.close {
	margin: 10px 0 10px 10px;
}
.close {
	font-weight: bold;
}
.close a {
	color: #333;
	padding: 3px 10px;
	background: #ededed;
}
p.closetop {
	float: right;
	margin:18px 10px 0 0px;
}
/* @group Accordion */

div#menu {
	font-size: 1.3em; /* 16px */
	width:93%;
	margin:5px auto 5px auto;
	letter-spacing: 0.2em;
	text-transform: capitalize;
}
ul.accordion {
	font-size: 1.3em; /* 16px */
	padding:8px 0px 8px 0px;
	-webkit-justify-content: flex-start;/*左右中央寄せ*/
	justify-content: flex-start;/*左右中央寄せ*/
	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;
	-webkit-align-items: stretch;/*上下中央寄せ*/
	align-items: stretch;/*上下中央寄せ*/
	-webkit-flex-wrap: wrap;/*折り返し(mac safari用)*/
	flex-wrap: wrap;/*折り返し*/
	margin: 0 0px 10px 0px;
}
ul.accordion li {
	width: 42%;
	margin: 0 0px 15px 15px;
	color: #000;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 15px;
	background: #fff;
	padding: 10px 5px;
	text-align: center;
	line-height: 1.6em;

	
}
ul.accordion li a{
	color: #000;
}
/* アイコン付ボタン */
.drawer-button {
	background: #AB951D;
	margin: 0 20px 20px 14px;
	padding: 8px 15px 8px 45px;
	font-size: 15px;
	position: relative;
}
	.drawer-button a:hover{
		color: #fff;
	}
.drawer-button img {
	margin: 0 8px 5px 0;
	position: absolute;
	top: 5px;
	left: 15px;
}

ul.sp-sns{
	-webkit-justify-content: center;/*左右中央寄せ*/
	justify-content: center;/*左右中央寄せ*/
	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;
	-webkit-align-items: center;/*上下中央寄せ*/
	align-items: center;/*上下中央寄せ*/
	-webkit-flex-wrap: wrap;/*折り返し(mac safari用)*/
	flex-wrap: wrap;/*折り返し*/
	
}
ul.sp-sns li{
	margin: 20px 12px 0 12px;
	
} 
/* @end */
@media print, screen and (min-width : 768px) {
/*スマホ用メインメニュー（スライダー）
---------------------------------------------*/
div#slider-menu{
	display:none;
	padding:5px 0;
}
div#slider-menu img{
	float:right;
	margin:0 0 0 10px;
}
}