/***********************************

plugin-override.css 

    date: 2019.05.08
modified: 2019.05.08

***********************************/

@charset "UTF-8";


/* ========== dlmenu ========== */


.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul{
	/*background: #2d83fb;*/ 	/* #00b4ae */
	background: #ffd2fa;
}
#dl-menu.dl-menuwrapper{
	position: absolute;
	top: 3px;
	right: 5px;
	left: auto;		/*元の位置を上書き*/
}
.dl-menuwrapper button{
	/*background: #2d83fb;*/	/* #00b4ae */
	background: #ffd2fa;

	position: absolute;
	top: 4px;
	right: 5px;
	left: auto;		/*元の位置を上書き*/
}
.dl-menuwrapper .dl-menu{
	margin-top: 55px;
	font-family: 'Noto Sans JP', sans-serif;
	z-index: 1000;
	
	/*はみ出したらスクロールできるように*/
	overflow: scroll;
	max-height: 100vh;

}
.dl-menuwrapper li{
/*	border-top: .5px solid #2d83fb;*/
	border-top: .5px solid #ffd2fa;
	border-bottom: .5px solid #555;
}
.dl-menuwrapper li a{
	line-height: 16px;
	padding-bottom: 20px;	/*   本来は15px 要調整  */
	color: #555;
}


/*  navi ボタン */
.dl-trigger {
/*	display: none;*/
	position: absolute;
	top: 3px;
	right: 5px;
	width: 48px;
	height: 48px;
	cursor: pointer;
	z-index: 101;
/*	background: #2d83fb;*/
	background: #fff;
	padding: 9px 3px;
	border: 1px solid #aaa;
	border-radius: 5px;
}
.dl-trigger .hb_menu{
	font-size: 8px;
	line-height: 1em;
	text-align: center;
	margin-top: 23px;
	color: #333;
}
.dl-trigger div {
	position: relative;
}
.dl-trigger span {
	display: block;
	position: absolute;
	height: 3px;
	width: 36px;
/*	background: #fff;*/
	background: #333;
	left: 5px;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
.dl-trigger span:nth-child(1) {
	top: 8px;
}
.dl-trigger span:nth-child(2) {
	top: 16px;
}
.dl-trigger span:nth-child(3) {
	top: 24px;
}
/* #nav-toggle 切り替えアニメーション */

.dl-trigger.dl-active span:nth-child(1) {
	top: 17px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.dl-trigger.dl-active span:nth-child(2) {
	width: 0;
	left: 50%;
}
.dl-trigger.dl-active span:nth-child(3) {
	top: 17px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}

/* ========== slick slider ========== */

.slick-dotted.slick-slider{
	margin: -30px 0 0;
}