@charset "utf-8";

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

.more_btn02 {
	font-size: 2.0rem;
	font-weight: bold;
	font-family: var(--basefont-en);
	padding: 0 0 10px;
	display: none;
}

@media screen and (max-width:667px){
	
	.more_btn02{
		color: var(--mint-green);
		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;	
	}
	
	.more_btn02::after {
		position: absolute;
		display: inline-block;
		content:"";
		width: 20px;
		height: 20px;
		background: url(../img/icon_plus.png) no-repeat 0 0;
		background-size: 20px 20px;
		top: 17px;
		right: 17px;
	}

	.more_btn02.open::after {
		background: url(../img/icon_minus.png) no-repeat 0 0;
		background-size: 20px 20px;
	}

	.more_btn02.black::after {
		background: url(../img/icon_plus.png) no-repeat 0 0;
		background-size: 20px 20px;
	}

	.more_btn02.black.open::after {
		background: url(../img/icon_minus.png) no-repeat 0 0;
		background-size: 20px 20px;
	}
	
}