/* promotion
----------------------------------------------- */

/* .promotion__item-episode, */
.promotion__item-interview,
.promotion__item-scene,
.promotion__item-onlineshop {
	display: block;
}
.promotion__item-scene {
	order: 2;
}
.promotion__item-onlineshop {
	order: 3;
}


/* opener
----------------------------------------------- */

/* ready */

.js-opener-ready .faq__question:after {
	background-image: url(https://www.otsuka.co.jp/bdm/faq/images/faq_plus@2x.png);
}

/* open */

.js-opener-open {
	border-color: #dfe3e8 !important;
}
.js-opener-open .faq__question {
	background: #dfe3e8 !important;
}
.js-opener-open .faq__question:after {
	background-image: url(https://www.otsuka.co.jp/bdm/faq/images/faq_minus@2x.png);
}


/* pc
----------------------------------------------- */

@media print, screen and (min-width:1000px) {


	/* body
	----------------------------------------------- */
	

	body {
	}


	/* faq
	----------------------------------------------- */
	
	.faq {
		position: relative;
	}
	.faq__inner {
		margin: auto;
		padding: 70px 0;
		width: 960px;
	}
	
	.faq__anchors {
		display: flex;
		justify-content: center;
		height: 40px;
	}
	.faq__anchor {
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: "IwaNGoPro-Th";
		font-size: 18px;
		text-align: center;
		letter-spacing: 0.04em;
		line-height: 24px;
		border-right: 2px solid #a3b0bb;
	}
	.faq__anchor:last-child {
		border: 0;
	}
	.faq__anchor a {
		display: block;
		position: relative;
		padding: 0 74px;
		transition: opacity 0.25s;
	}
	.faq__anchor a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 50px;
		margin: -5px 0 0;
		width: 14px;
		height: 10px;
		background: url(https://www.otsuka.co.jp/bdm/faq/images/faq_arrow@2x.png) no-repeat;
		background-size: 14px 10px;
		transition: transform 0.25s;
	}

	.faq__articles {
		padding: 30px 0 0;
	}
	.faq__article {
		margin: 30px 0 0;
		padding: 55px 0 0;
	}
	.faq__title {
		font-size: 30px;
		letter-spacing: 0.04em;
		line-height: 46px;
	}
	
	.faq__qa {
		margin: 24px 0 0;
		border: 1px solid #e9edf2;
		transition: border 0.25s;
	}
	.faq__qa a {
		text-decoration: underline;
	}
	.faq__question {
		position: relative;
		padding: 1px 65px;
		font-family: "IwaNGoPro-Th";
		font-size: 18px;
		letter-spacing: 0.04em;
		line-height: 46px;
		background: #e9edf2;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-user-drag: none;
		-moz-user-drag: none;
		-ms-user-drag: none;
		user-drag: none;
		transition: background 0.25s;
	}
	.faq__question:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 25px;
		margin: -8px 0 0;
		width: 16px;
		height: 16px;
		background-image: url(https://www.otsuka.co.jp/bdm/faq/images/faq_plus@2x.png);
		background-repeat: no-repeat;
		background-size: 16px;
	}
	.faq__answer {
		position: relative;
		font-size: 15px;
		letter-spacing: 0.04em;
		line-height: 30px;
		box-sizing: border-box;
	}
	.faq__text {
		padding: 17px 65px;
	}
	.faq__label {
		position: absolute;
		top: 12px;
		left: 22px;
		font-family: "IwaNGoPro-Th";
		font-size: 24px;
		line-height: 1;
	}
	.faq__answer .faq__label {
		top: 20px;
	}

	/* hover */
	
	.faq__anchor a:hover {
		opacity: 0.7;
	}
	.faq__anchor a:hover:after {
		transform: translateY(3px);
	}

	.faq__qa:hover {
		border-color: #dfe3e8;
	}
	.faq__qa:hover .faq__question {
		background: #dfe3e8;
	}


}


/* mobile
----------------------------------------------- */

@media only screen and (max-width:999px) {


	/* body
	----------------------------------------------- */
	
	body {
	}


	/* faq
	----------------------------------------------- */

	.faq {
		position: relative;
	}
	.faq__inner {
		margin: auto;
		padding: 45px 0;
		max-width: 640px;
	}

	.faq__anchors {
		display: flex;
	}
	.faq__anchor {
		width: calc(100% / 3);
		font-family: "IwaNGoPro-Th";
		font-size: 12px;
		text-align: center;
		letter-spacing: 0.04em;
		line-height: 18px;
		border-right: 2px solid #a3b0bb;
	}
	.faq__anchor:last-child {
		border: 0;
	}
	.faq__anchor a {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		padding: 0 0 15px;
		height: 53px;
	}
	.faq__anchor a:after {
		display: block;
		content: "";
		position: absolute;
		left: 50%;
		bottom: 0;
		margin: 0 0 0 -7px;
		width: 14px;
		height: 10px;
		background: url(https://www.otsuka.co.jp/bdm/faq/images/faq_arrow@2x.png) no-repeat;
		background-size: 14px 10px;
	}

	.faq__articles {
		margin: 0 15px;
		padding: 10px 0 0;
	}
	.faq__article {
		padding: 72px 0 0;
	}
	.faq__title {
		font-size: 24px;
		letter-spacing: 0.04em;
		line-height: 33px;
	}

	.faq__qa {
		margin: 15px 0 0;
		border: 1px solid #e9edf2;
	}
	.faq__qa a {
		text-decoration: underline;
	}
	.faq__question {
		position: relative;
		padding: 11px 45px;
		font-family: "IwaNGoPro-Th";
		font-size: 15px;
		letter-spacing: 0.04em;
		line-height: 23px;
		background: #e9edf2;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-user-drag: none;
		-moz-user-drag: none;
		-ms-user-drag: none;
		user-drag: none;
	}
	.faq__question:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 15px;
		margin: -8px 0 0;
		width: 16px;
		height: 16px;
		background-image: url(https://www.otsuka.co.jp/bdm/faq/images/faq_plus@2x.png);
		background-repeat: no-repeat;
		background-size: 16px;
	}
	.faq__answer {
		position: relative;
		font-size: 14px;
		letter-spacing: 0.04em;
		line-height: 27px;
		box-sizing: border-box;
	}
	.faq__text {
		padding: 17px 15px 17px 45px;
	}
	.faq__label {
		position: absolute;
		top: 13px;
		left: 13px;
		font-family: "IwaNGoPro-Th";
		font-size: 18px;
		line-height: 1;
	}
	.faq__answer .faq__label {
		top: 21px;
	}


}