/* -----------------------------------------------------------
    more.js
-------------------------------------------------------------- */

.more-btn {
	display: none;
}

@media screen and (max-width:667px){
	
	.is-fixed {
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 16;
		width: 100%;
	}
	
	.menu-nav {
		display: none;
		position: relative;
		z-index: 20;
		width: 100%;
		height: auto;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		margin: 0 0 0;
	}
		
	.more-btn{
		box-shadow:0 3px 11px -2px rgba(0,0,0,0.1);
		background: #fff;
		padding: 17px 20px;
		display: block;
		width: 100%;
		cursor: pointer;
		position: relative;

		font-weight: 500;
		color: #0967D8;
		font-size: 1.7rem;
	}
	.more-btn::after {
		position: absolute;
		display: inline-block;
		content:"";
		width: 24px;
		height: 24px;
		background: url(../image/icon_plus.png) no-repeat 0 0;
		background-size: 24px 24px;
		top: 12px;
		right: 15px;
	}

	.more-btn.open::after {
		background: url(../image/icon_minus.png) no-repeat 0 0;
		background-size: 24px 24px;
	}

	.more-btn.black::after {
		background: url(../image/icon_plus.png) no-repeat 0 0;
		background-size: 24px 24px;
	}

	.more-btn.black.open::after {
		background: url(../image/icon_minus.png) no-repeat 0 0;
		background-size: 24px 24px;
	}
	
}