@charset "UTF-8";
/* wm_column */
  /* 初期表示、およびパネルのフェード切り替え */
  .js-fade ul li:nth-child(n+4) {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    display: none;
  }
 
  /* パネルの高さ切り替え */
  .js-fade.is-active ul li:nth-child(n+4) {
    display: flex;
  }
 
  /* パネルのフェード切り替え*/
  .js-fade.is-visible ul li:nth-child(n+4) {
    opacity: 1;
    pointer-events: auto;
  }
 
  /* ボタンのフェード切り替え */
  .js-fade-btn {
    opacity: 1;
    transition: opacity 0.3s ease;
  }
 
  /* ボタンのフェード切り替え */
  .js-fade-btn.fading-out {
    opacity: 0;
    pointer-events: none;
  }


.js-fade-btn{
	text-align: center;
}
.js-fade-btn span{
	display: block;
	width: 21.5em;
	position: relative;
	margin: 20px auto 0 auto;
	padding: 10px 35px 10px 35px;
	color: #fff;
	background: #ad9360;
	border: 1px solid #ad9360;
	border-radius: 3px;
	cursor: pointer;
}

.js-fade-btn span:hover{
	opacity: 0.7;
}
.js-fade-btn span:after{
	width: 14px;
	height: 12px;
	display: block;
	position: absolute;
	top: 18px;
	right: 10px;
	content: "";
	background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20247.4%20141.2%22%20fill%3D%22%23ffffff%22%3E%3Cpolygon%20points%3D%22123.7%2C8.7%20114.9%2C0%2061.8%2C53%208.8%2C0%200%2C8.7%2061.9%2C70.6%20%22%2F%3E%3C%2Fsvg%3E) no-repeat;
	background-size: 28px 14px;
}

.js-fade-btn span.more-off{
	display: none;
}
.js-fade-btn span.more-off:after{
	transform: translateY(-50%) rotate(180deg);
	top: 20px;
}

@media screen and (max-width: 374px) {
	.js-fade-btn span{
		width: 100%;
		padding: 10px 26px 10px 26px;
	}
}
.js-fade-btn.on span.more-on{
	display: none;
}
.js-fade-btn.off span.more-on{
	display: block;
}
.js-fade-btn.on span.more-off{
	display: block;
}
.js-fade-btn.off span.more-off{
	display: none;
}

.js-fade-btn.item1,
.js-fade-btn.item2,
.js-fade-btn.item3{
	display: none;
}