/**
*
* JS
* 
* 注意
* flex-basisはie11でバグがあるため不使用推奨
**/

/** [data-viewmore]
===================================*/
@media (max-width: 767px){
	[data-viewmore-content] {display: none;}
}

/** [data-pb-image-popup]
===================================*/
[data-pb-image-popup] a {text-decoration: none;}

/** accordion
===================================*/

[data-accordion],
.accordion {
	position: relative;
	z-index: 10;
	
}

[data-accordion-head],
.accordion_head {
	position: relative;
	cursor: pointer;
	transition: all 0.4s ease;
}

.accordion_head:hover,
.accordion_head:focus,
[data-accordion-head]:hover,
[data-accordion-head]:focus {
	opacity: 0.75;
}

[data-accordion-head]::after,
.accordion_head::after {
	content: "\f3d0";
	display: inline-block;
	font-family: "Ionicons";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-transition: all 0.5s ease;
	transition: inherit;
	color: #fff;
	font-size: 1em;
	position: absolute;
	right: 0.5rem;
	top: 50%;
	z-index: 1000;
	margin-top: -0.5em;
}
.active[data-accordion-head]::after,
.active.accordion_head::after {
	-ms-transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
	color: #fff;
	opacity: 0.5;
}
.accordion_text {
	display: none;
	position: relative;
	z-index: 1;
}