@charset "utf-8";


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

.more-btn {
	display: none;
	position: relative;
}

/* -----------------------------------------------------------
    SP
-------------------------------------------------------------- */
@media screen and (max-width:667px){
		
	.more-btn{
		color: #222;
		padding: 17px 20px;
		display: block;
		width: 100%;
		cursor: pointer;
		
		font-family: 'Lato', sans-serif;
		font-weight: 500;
		font-size: 2rem;
	}
	.more-btn::after {
		position: absolute;
		display: inline-block;
		content:"";
		width: 16px;
		height: 16px;
		background: url(../img/icon_plus02.png) no-repeat 0 0;
		background-size: 16px 16px;
		top: 50%;
		right: 15px;
		margin: -8px 0 0;
	}

	.more-btn.open::after {
		background: url(../img/icon_minus.png) no-repeat 0 0;
		background-size: 16px 16px;
	}
	.more-btn.black::after {
		background: url(../img/icon_plus.png) no-repeat 0 0;
		background-size: 16px 16px;
	}
	.more-btn.black.open::after {
		background: url(../img/icon_minus.png) no-repeat 0 0;
		background-size: 16px 16px;
	}
		
	/*.nav-area {
		z-index:16;
		overflow-y: scroll;
		width:100%;
		height:100%;
		-webkit-overflow-scrolling: touch;
		padding: 0 0 20px;
	}*/
}