@charset "utf-8";

/*------------------------------------------------------------------------------
	注意文言（.box-attention）bike-hoken.jp と同じ見た目
	スマホ時のみアコーディオン（開閉は /car/js/common.js）
-------------------------------------------------------------------------------*/
.box-attention{
	border: 1px solid #e54545;
	padding: 15px;
	font-size: 1.4rem;
	margin: 20px 0;
}
.box-attention dt{
	color: #e54545;
	font-weight: bold;
	margin-bottom: 5px;
}
@media screen and (min-width: 768px){
	/* 直下のバナー（.banner-inner）と同じ幅に揃える */
	.box-attention{
		width: 1000px;
		margin: 0 auto;
	}
	.box-attention dt{ font-size: 1.6rem;}
	/* PCでは常に表示（スマホで閉じた状態から幅を広げた場合も表示） */
	.box-attention dd{ display: block !important;}
}
@media screen and (max-width: 767px){
	.box-attention dt{
		position: relative;
		margin-bottom: 0;
		padding-right: 25px;
		cursor: pointer;
	}
	/* 開閉アイコン（＋／−） */
	.box-attention dt::before,
	.box-attention dt::after{
		content: "";
		position: absolute;
		top: 50%;
		right: 3px;
		width: 12px;
		height: 2px;
		margin-top: -1px;
		background: #e54545;
		transition: transform .3s;
	}
	.box-attention dt::after{ transform: rotate(90deg);}
	.box-attention.is_open dt::after{ transform: rotate(0deg);}
	.box-attention dd{
		display: none;
		margin-top: 8px;
		font-size: 1.3rem;
	}
}