@charset "UTF-8";
/* CSS Document */

/* SP用記述*/
/* =====　MOTO-R SPカスタムマニュアル　===== */
.mov_list.fig_list li a.fig {
	display: block;
	border: solid 1px #333;
	box-sizing: border-box;
}

.mov_list li { margin-top: 30px; }
.mov_list li:first-child { margin-top: 15px; }
.mov_list li a {
	display: block;
	background-color: #F4F5F7;
}
.mov_list li .tit {
	padding: 15px 10px;
}
.mov_list li .tit .cap {
	margin-top: 12px;
	display: flex;
	justify-content: center;
}
.mov_list li .tit .cap .cap_tit {
	padding: 4px 8px 2px;
	background-color: #666;
	font-size: 75%;
	color: white;
}
.mov_list li .tit .cap .cap_cont {
	padding: 4px 12px 2px;
	background-color: white;
	font-weight: 400;
	font-size: 81.25%;
	color: #666;
}

ul.note.manual_note {
	margin-top: 22px;
}







/* =====　修理　===== */
.main_pic.repair p {
	background-image: url(../images/repair_main.jpg);
	background-size: auto 160vw;
	background-position: 52% 52%;
}

table.repair_price {
	width: 100%;
	border-collapse: collapse;
	font-size: 93.3%;
	line-height: 1.25;
}
table.repair_price th,
table.repair_price td{
	border: solid 1px #ccc;
	width: 50%;
	text-align: center;
	font-weight: 400;
	padding: 6px 3px;
}
table.repair_price th {
	background-color: #00244F;
	color: white;
}
dl.line_list.repair {
	font-size:93.3%;
	margin-bottom: 18px;
}
dl.line_list.repair dt { padding: 12px 5px 0; }
dl.line_list.repair dd { padding: 10px 5px 12px; }



/* =====　よくある質問　===== */
.faq_wrapper { margin-top: 50px; }
.faq_cont { margin-top: 40px; }
.faq_cont > h1 {
	background-color: black;
	font-size: 120%;
	font-weight: 400;
	color: white;
	padding: 16px 20px;
}
.faq_cont > ul { margin: 0 4vw; }
.faq_cont > ul > li {
	border-top: dotted 1px #333;
	margin-top: 12px;
}
.faq_cont > ul > li:first-child {
	border-top: none;
	margin-top: 6px;
}
.faq_cont > ul > li .q {
	padding: 12px 5px 0 26px;
	line-height: 1.5;
	position: relative;
	transition: all .3s ease;
}
.faq_cont > ul > li .q.open {
	color: #00244F;
	padding-bottom: 12px;
}
.faq_cont > ul > li .q::before {
	content: "";
	display: block;
	width: 9px;
	height: 15px;
	background: url(../../images/icon_arrow_b.svg) center center / contain no-repeat;
	position: absolute;
	left: 5px;
	top: 15px;
	transform: rotate(90deg);
	transition: all .3s ease;
}
.faq_cont > ul > li .q.open { padding-bottom: 12px; }
.faq_cont > ul > li .q.open::before { transform: rotate(-90deg); }
.faq_cont > ul > li .ans {
	padding: 12px 15px;
	line-height: 1.8;
	background-color: #F4F5F7;
	display: none;
}
.faq_cont > ul > li .ans a.txt {
	text-decoration: underline;
	padding: 2px 5px;
}
.faq_cont > ul > li .ans ul.btns { margin-top: 16px; }
.faq_cont > ul > li .ans ul.btns li { margin-top: 8px; }
.faq_cont > ul > li .ans ul.btns li .btn_black { padding: 6px 16px; }





@media only screen and (min-width:768px) {
	
	/* PC用記述 */
	/* =====　MOTO-R SPカスタムマニュアル　===== */
	.mov_list.fig_list li a.fig:hover {
		border: solid 1px #999;
	}
	
	
	
	.mov_list.pc_flex {
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.mov_list.pc_flex li { width: 48.4%; }

	.mov_list li:first-child { margin-top: 30px; }
	.mov_list li .thumb {
		transition: all .3s ease;
	}
	.mov_list li .tit {
		padding: 20px;
		font-size: 120%;
	}
	.mov_list li a:hover { background-color: #fff; }
	.mov_list li a:hover .thumb { opacity: .6; }
	
	
	
	
	
	
	
	
	/* =====　修理　===== */
	.main_pic.repair p { background-size: cover; }
	.repair_cont_wrap {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.repair_cont_wrap .repair_cont { width: 48.4%; }
	table.repair_price { width: auto; }
	table.repair_price th,
	table.repair_price td {
		white-space: nowrap;
		padding: 6px 12px;
	}
	.more_btn { margin-left: 0; }
	
	/* =====　よくある質問　===== */
	.faq_wrapper {
		max-width: 1160px;
		margin: 20px auto 0;
		padding: 0 20px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.faq_cont {
		margin-top: 80px;
		width: 48.4%;
	}
	.faq_cont > ul { margin: 0 24px; }
	.faq_cont > ul > li:first-child { margin-top: 24px; }
	.faq_cont > ul > li .q { cursor: pointer; }
	.faq_cont > ul > li .q::before { transform: rotate(0); }
	.faq_cont > ul > li .q:hover { color: #00244F; }
	.faq_cont > ul > li .q:hover::before { transform: rotate(90deg); }
	.faq_cont > ul > li .q.open:hover::before { transform: rotate(-90deg); }
	.faq_cont > ul > li .ans { margin-left: 26px; }
	.faq_cont > ul > li .ans a.txt { transition: all .4s ease; }
	.faq_cont > ul > li .ans a.txt:hover {
		color: #177BE9;
		background-color: white;
		text-decoration: none;
	}
	.faq_cont > ul > li .ans ul.btns {
		margin-top: 8px;
		display: flex;
		flex-wrap: wrap;
	}
	.faq_cont > ul > li .ans ul.btns li { margin: 8px 8px 0 0; }
	.faq_cont > ul > li .ans ul.btns li .btn_black { white-space: nowrap; }
	
	
	
	
}