@charset "utf-8";

/* -----------------------------
	overhaul-price-list
-------------------------------- */

.overhaul-price-list{
	border: solid 1px #ddd;
}
.overhaul-price-list:nth-child(n + 2){
	margin: 10px 0 0;
}
.overhaul-price-list .ac::before{
	content: '';
	position: absolute;
	width: 100px;
	height: 70px;
	top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	background: url("../img/brand01-removebg-preview.png") no-repeat top center / contain;
}
.overhaul-price-list.rolex .ac::before{
	background: url("../img/brand02-removebg-preview.png") no-repeat top center / contain;
}
.overhaul-price-list.tagheuer .ac::before{
	background: url("../img/brand08-removebg-preview.png") no-repeat top center / contain;
}
.overhaul-price-list.panerai .ac::before{
	background: url("../img/brand06-removebg-preview.png") no-repeat top center / contain;
}
.overhaul-price-list.breitling .ac::before{
	background: url("../img/brand07-removebg-preview.png") no-repeat top center / contain;
}
.overhaul-price-list.cartier .ac::before{
	background: url("../img/brand03-removebg-preview.png") no-repeat top center / contain;
}
.overhaul-price-list.hermes .ac::before{
	background: url("../img/brand04-removebg-preview.png") no-repeat top center / contain;
}
.overhaul-price-list.bvlgari .ac::before{
	background: url("../img/brand05-removebg-preview.png") no-repeat top center / contain;
}

.overhaul-price-list .ac {
	padding: 30px 30px 30px 100px;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	transition: 0.5s;
    font-weight: 500;
	font-weight: bold;
	background: #fff;
	font-size: 2.2rem;
	cursor: pointer;
}
.overhaul-price-list .ac:hover {
}
.overhaul-price-list .ac .accordion-icon {
	position: relative;
	height: 20px;
	width: 20px;
}
.overhaul-price-list .accordion-icon::before,
.overhaul-price-list .accordion-icon::after {
	background-color: #E00022;
	content: "";
	height: 2px;
    width: 20px;
	position: absolute;
	transition: all .3s;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
}
.overhaul-price-list .accordion-icon::before {
	transform: rotate(0deg);
}
.overhaul-price-list .accordion-icon::after {
	transform: rotate(90deg);
}
.overhaul-price-list .ac.active .accordion-icon::after {
	transform: rotate(180deg);
}
.overhaul-price-list .ac-contents {
	display: none;
	position: relative;
	padding: 20px 50px 50px;
	background: #fff;
}

.overhaul-price-list h4{
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 10px;
}
.overhaul-price-list .cau-txt{
	line-height: 1.5;
}

/* 表 */
.overhaul-price-list .detail_contents table{
    width: 100%!important;
    border-collapse: collapse;
    border: 1px solid #aaa;
    line-height: 1.4;
	margin: 0 0 40px;
	background: #fff;
}
.overhaul-price-list .detail_contents table:last-child{
	margin: 0;
}
.overhaul-price-list .detail_contents table tr{
}
.overhaul-price-list .detail_contents table th{
	text-align: center;
	font-weight: 500;
	vertical-align: middle;
    padding: 15px;
	border: 1px solid #aaa;
}
.overhaul-price-list .detail_contents table th:nth-child(2),
.overhaul-price-list .detail_contents table td:nth-child(2){
	color: var(--red);
	background: #FFF5D6;
}
.overhaul-price-list .detail_contents table td:nth-child(2){
	font-size: 2.2rem;
}
.overhaul-price-list .detail_contents table th:nth-child(3),
.overhaul-price-list .detail_contents table td:nth-child(3){
	background: #f0f0f0;
	color: #666;
}

.overhaul-price-list .detail_contents table td{
    padding: 15px;
	border: 1px solid #aaa;
	text-align: center;
	font-size: 1.8rem;
	vertical-align: middle;
	font-weight: bold;
}
.overhaul-price-list .detail_contents table td:first-child{
	text-align: left;
	font-size: 1.6rem;
	font-weight: 500;
}


/* 修理内容・症状 */
.overhaul-price-list.price .ac{
	padding: 30px;
}

.overhaul-price-list.price .ac::before{
	display: none;
}


/*修理料金*/
.overhaul-price-list.price-overhaul .detail_contents table td.type {
    text-align: center;
    font-size: 1.6rem;
	font-weight: 500;
}

.overhaul-price-list.price-overhaul .detail_contents table th.watch, .price-area table td.watch {
    color: var(--red);
    background: #FFF5D6;
}

.overhaul-price-list.price-overhaul .detail_contents table td.watch {
    font-size: 2.2rem;
}

.overhaul-price-list.price-overhaul .detail_contents table th.maker, .price-area table td.maker {
    background: #f0f0f0;
    color: #666;
}


.overhaul-price-list .cau-txt{
	font-size: 1.4rem;
    padding: 30px 0 0;
    line-height: 1.8;
}

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

	.overhaul-area .ac {
		font-size: 1.6rem;
		padding: 20px 15px 20px 60px;
		line-height: 1.3;
	}
	.overhaul-price-list .ac::before{
		width: 60px;
		height: 45px;
	}
	.overhaul-area .ac:hover {
	}
	.overhaul-area .ac .accordion-icon {
	}
	.overhaul-area .accordion-icon::before,
	.overhaul-area .accordion-icon::after {
		width: 15px;
		right: 5px;
	}
	.overhaul-area .accordion-icon::before {
	}
	.overhaul-area .accordion-icon::after {
	}
	.overhaul-area .ac.active .accordion-icon::after {
	}
	.overhaul-area .ac-contents {
		padding: 0 15px 15px;
	}
	.overhaul-price-list .detail_contents table{
		margin: 0 0 20px;
	}
	.overhaul-price-list .detail_contents table th{
		padding: 5px;
		font-size: 1.1rem;
	}
	.overhaul-price-list .detail_contents table td{
		padding: 5px;
		font-size: 1.3rem;
	}
	.overhaul-price-list .detail_contents table td:first-child{
		font-size: 1.3rem;
	}
	.overhaul-price-list .detail_contents table td:nth-child(2){
		font-size: 1.5rem;
		width: 90px;
	}
	.overhaul-price-list .detail_contents table th:nth-child(3), .overhaul-price-list .detail_contents table td:nth-child(3){
		width: 75px;
	}
	.overhaul-price-list .detail_contents table td.watch{
		font-size: 1.4rem;
	}
	
	.overhaul-price-list h4{
		font-size: 1.5rem;
	}
	
	.overhaul-price-list .cau-txt{
		padding: 10px 0 0;
	}
}
/* オーバーホール位置変更に伴う追記 */
.cmn-repair-select-area .repair-list.pt0 {
	padding-top: 0;
}

/* スマホだけ「もっと見る」対応 */

@media screen and (max-width: 767px) {
	
	.overhaul-price-list{
		margin: 20px 0 0;
	}
	
  .overhaul-price-list .ac-contents {
    display: block !important;   /* スマホでは少し見せるため表示 */
    overflow: hidden;
    max-height: 180px;           /* 少し見せる高さ。調整OK */
    position: relative;
    transition: max-height 0.3s ease;
  }
	
	.overhaul-area .ac .accordion-icon {
		display: none;
    }

  /* 開いた時 */
	
  .overhaul-price-list.open {
    margin: 20px 0 50px;
  }	
	
  .overhaul-price-list.open .ac-contents {
    max-height: 5000px;          /* 十分大きい値 */
	overflow: inherit;
  }

  /* 下にグラデーションをつけて「続きがある」感じを出す */
  .overhaul-price-list .ac-contents::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
    pointer-events: none;
  }

  /* 開いたらグラデーションを消す */
  .overhaul-price-list.open .ac-contents::after {
    display: none;
  }

  /* スマホ用ボタン */
  .sp-more-btn {
	   background: #f0353c;
	  z-index: 1;
  }
	
  .overhaul-price-list.open .ac-contents .sp-more-btn {
    bottom: -35px;
	  z-index: 1;
  }
}

/* PCではスマホ用ボタンを非表示 */
@media screen and (min-width: 768px) {
  .sp-more-btn {
    display: none;
  }
}