@charset "utf-8";

/* --------------------------------------------------
   PC styles from ../single-area_pc.css
-------------------------------------------------- */
@media print, screen and (min-width: 640px) {
	/* -------------------------------------------------- */
	/* 地域ページ */
	/* -------------------------------------------------- */
	
	/* 共通 */
	/* -------------------------------------------------- */
	.object-fit-img {
		object-fit: cover;
		font-family: 'object-fit: cover;'
	}
	
	/* FV */
	/* -------------------------------------------------- */
	#fvWrap {
		height: calc(100vh - 140px);
		min-height: 700px;
		background: url(../../img/area/mv_bg.png) center 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		display: flex;
		flex-wrap: wrap; 
		justify-content: center;
		align-items: center;
		flex-direction: column-reverse;
	}
	
	#fvTxt1 {
		padding: 20px;
		margin-bottom: 10px;
		font-size: 4rem;
		font-weight: bold;
		color: #dac495;
		text-align: center;
		text-shadow: 0px 0px 4px rgba(0,0,0,0.3);
		background: rgba(0,0,0,0.4);
		line-height: 1.2;
		display: inline-block;
	}
	
	#fvTxt2 {
		position: relative;
		padding-bottom: 20px;
		text-align: center;
	}
	
	/*
	#fvTxt2::before {
		content: "";
		width: 480px;
		height: 165px;
		background: url(../../img/area/fv_copy.svg) center 0 no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		display: inline-block;
		vertical-align: middle;
	}
	*/
	
	#fvTxt2 span {
		margin-top: -2px;
		padding: 0px 50px;
		display: inline-block;
		background: #e4000f;
		color: #FFF;
		font-size: 2.4rem;
		letter-spacing: 0.1em;
	}
	
	#fvTxt3 {
		padding-bottom: 20px;
		font-size: 2.2rem;
		font-weight: bold;
		color: #FFF;
		text-align: center;
		text-shadow: 0px 0px 4px rgba(0,0,0,0.8);
	}
	
	#fvContent {
		text-align: center;
	}
	
	#fvPointWrap {
		padding-bottom: 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	
	#fvImg {
		padding-right: 30px;
	}
	
	#fvPoint {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
	}
	
	#fvPoint li {
		margin-bottom: 10px;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	
	#fvPoint li:nth-child(3) {
		position: relative;
		margin-right: 0px;
	}
	
	#fvPoint li > span {
		width: 280px;
		height: 70px;
		padding: 10px 30px;
		border: 1px #e4000f solid;
		background: #000;
		position: relative;
		z-index: 2;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		text-align: left;
		font-size: 1.6rem;
		line-height: 1.2;
	}
	
	#fvPoint li > span.icon1::before {
		content: "";
		width: 43px;
		height: 45px;
		margin-right: 10px;
		background: url(../../img/area/fv_icon1.svg) 0 0 no-repeat;
		display: inline-block;
	}
	
	#fvPoint li > span.icon2::before {
		content: "";
		width: 43px;
		height: 39px;
		margin-right: 10px;
		background: url(../../img/area/fv_icon2.svg) 0 0 no-repeat;
		display: inline-block;
	}
	
	#fvPoint li > span.icon3::before {
		content: "";
		width: 43px;
		height: 39px;
		margin-right: 10px;
		background: url(../../img/area/fv_icon3.svg) 0 0 no-repeat;
		display: inline-block;
	}
	
	#fvPoint li .strong {
		font-size: 2.2rem;
	}
	
	#fvPoint li::after {
		content: "";
		width: 40px;
		height: 40px;
		background: #e4000f;
		display: block;
		position: absolute;
		top: -4px;
		left: -5px;
		z-index: 1;
	}
	
	#fvTxt4 {
		padding: 5px 40px;
		background: #000;
		text-align: center;
		font-size: 1.8rem;
		color: #FFF;
	}
	
	#fvTxt4 .strong {
		font-weight: bold;
		color: #e4000f;
	}
	
	
	
	/* リード文 */
	/* -------------------------------------------------- */
	#areaIntro {
		width: 1000px;
		margin: 0 auto 100px;
		text-align: center;
	}
	
	.mainContentHead {
		text-align: center;
		font-size: 3.4rem;
		line-height: 1;
		letter-spacing: 0em;
		color: #dac495;
		text-shadow: 0px 0px 15px rgba(255, 220, 154, 1);
		padding: 0 30px 35px 30px;
	}
	
	.fvTtlTxt {
		padding-top: 0;
		font-size: 2.0rem;
		line-height: 1.25;
		text-align: center;
	}
	
	/* オーディオプロが選ばれる理由 */
	/* -------------------------------------------------- */
	#reason {
		padding: 0 5%;
	}
	
	#reason .mainContentHead {
		text-align: left;
		padding: 0 0 35px 0;
	}
	
	#reason1 {
		padding-bottom: 80px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	#reason1::after {
		content: "";
		width: 48%;
		padding-left: 10%;
		background: url(../../img/area/reason_img1.webp) center 0 no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		display: inline-block;
		vertical-align: middle;
	}
	
	#reasonListWrap {
		width: 48%;
	}
	
	.reasonList {
		padding: 30px;
		margin-bottom: 30px;
		background: rgba(255,255,255,0.8);
		border: 1px #dac495 solid;
		color: #000;
		font-size: 1.5rem;
	}
	
	.reasonTit1 {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	
	.reasonTit1.num1::before {
		content: "1";
		margin-right: 20px;
		font-size: 8.4rem;
		font-style: italic;
		color: #796957;
		line-height: 1;
	}
	
	.reasonTit1.num2::before {
		content: "2";
		margin-right: 20px;
		font-size: 8.4rem;
		font-style: italic;
		color: #796957;
		line-height: 1;
	}
	
	.reasonTit1.num3::before {
		content: "3";
		margin-right: 20px;
		font-size: 8.4rem;
		font-style: italic;
		color: #796957;
		line-height: 1;
	}
	
	
	.reasonTit1 span {
		display: block;
		width: 90%;
		padding-bottom: 10px;
		font-size: 2.4rem;
		border-bottom: 1px #796957 solid;
		font-weight: bold;
	}
	
	.reasonList2 {
		margin-bottom: 100px;
		display: flex;
		align-items: center;
		font-size: 1.5rem;
		position: relative;
	}
	
	.reasonList2.right {
		justify-content: flex-end;
	}
	
	.left .reasonTit2 {
		width: 55%;
		padding: 30px;
		margin-bottom: 30px;
		background: rgba(255,255,255,0.8);
		border: 1px #dac495 solid;
		color: #000;
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	
	.right .reasonTit2{
		width: 40%;
		padding: 30px;
		margin-bottom: 30px;
		background: rgba(255,255,255,0.8);
		border: 1px #dac495 solid;
		color: #000;
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	
	.reasonImg {
		width: 60%;
		position: relative;
		z-index: 1;
	}
	
	.right .reasonImg {
		padding-left: 60px;
	}
	
	.reasonImg img {
		width: 100%;
		height: auto;
	}
	
	.reasonTit2 span {
		display: block;
		width: 90%;
		font-size: 2.4rem;
		font-weight: bold;
		text-align: left;
	}
	
	.reasonTit2.num4::before {
		content: "4";
		margin-right: 20px;
		font-size: 8.4rem;
		font-style: italic;
		color: #796957;
		line-height: 1;
	}
	
	.reasonTit2.num5::before {
		content: "5";
		margin-right: 20px;
		font-size: 8.4rem;
		font-style: italic;
		color: #796957;
		line-height: 1;
	}
	
	/* 買取実績 */
	/* -------------------------------------------------- */
	#works {
		padding-bottom: 100px;
	}
	
	.areaHead {
		text-align: center;
		position: relative;
		padding-bottom: 65px;
	}
	
	.areaHead::after {
		display: block;
		content: "";
		position: absolute;
		bottom: 35px;
		left: 50%;
		width: 70px;
		height: 1px;
		margin-left: -35px;
		background-color: #dac495;
	}
	
	.areaLead {
		display: block;
		font-size: 1.3rem;
		line-height: 1;
		letter-spacing: 0.175em;
		color: #dac495;
		margin-bottom: 10px;
	}
	
	.areaTitle {
		display: inline-block;
		font-size: 2.3rem;
		line-height: 1;
		letter-spacing: 0.300em;
		color: #dac495;
	}
	
	#areaBuy {
		padding-bottom: 20px;
		margin-right: -25px;
		letter-spacing: -0.3em;
	}
	
	#areaBuy .buy {
		width: 230px;
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		margin: 0 25px 30px 0 ;
	}
	
	#areaBuy .buy a {
		color: #333333;
		display: block;
	}
	
	#areaBuy .dateYMD {
		font-size: 1.3rem;
		line-height: 1;
		letter-spacing: 0.300em;
		color: #fff;
		margin-bottom: 5px;
	}
	
	#areaBuy .butImg {
		width: 230px;
		height: 230px;
		background-color: #fff;
		display: table-cell;
		vertical-align: middle;
	}
	
	#areaBuy .butImg img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		font-family: 'object-fit: contain;'
	}
	
	#areaBuy .butCat {
		background-color: #a6937c;
		margin: 5px 0;
		padding: 10px 10px 5px 10px;
	}
	
	#areaBuy .butCat .singleCate {
		float: left;
		font-size: 1.1rem;
		line-height: 1;
		letter-spacing: 0em;
		color: #15110f;
		background-color: #e3d8ca;
		padding: 5px;
		margin-right: 10px;
		margin-bottom: 5px;
	}
	
	#areaBuy .buytit {
		clear: both;
		padding: 10px;
		background: #362e2b;
		font-size: 1.4rem;
		line-height: 1.143;
		letter-spacing: 0em;
		color: #fff;
	}
	
	.sp-previous-arrow::before,
	.sp-previous-arrow::after {
		display: none;
	}
	
	.sp-next-arrow::before,
	.sp-next-arrow::after {
		display: none;
	}
	
	.sp-previous-arrow {
		width: 60px;
		height: 60px;
		background: url(../../img/area/works_arrow_left.svg) 0 0 no-repeat;
	}
	
	.sp-next-arrow {
		width: 60px;
		height: 60px;
		background: url(../../img/area/works_arrow_right.svg) 0 0 no-repeat;
	}
	
	/* ブランド */
	/* -------------------------------------------------- */
	#buyListWrap {
		padding-bottom: 100px;
	}
	
	.buyList {
		width: 1000px;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	
	.buyList li {
		width: 224px;
		margin: 0 30px 15px 0 ;
		display: inline-block;
		vertical-align: top;
	}
	
	.buyList li:nth-child(4n) {
		margin: 0 0 15px 0 ;
	}
	
	.buyList li a {
		padding: 5px 20px;
		font-size: 123.1%;
		display: block;
		background: url(../../img/icon4.png) 95% center no-repeat;
		color: #000000;
		transition: all 0.3s ease-in-out 0s;
		border: 2px #000000 solid;
	}
	
	.buyList li.buyBrand a {
		padding: 0px;
		display: block;
		background: none;
	}
	
	.buyList li.buyBrand a:hover {
		background: none;
		color: #333333;
		opacity: 0.7;
	}
	
	.buyList li a:hover {
		background: url(../../img/icon1.png) 95% center no-repeat #000000;
		color: #FFFFFF;
	}
	
	.buyBrand img {
		width: 100%;
		height: auto;
	}
	
	#brandOther {
		font-size: 2.4rem;
		font-weight: bold;
		color: #FFF;
		text-align: center;
	}
	
	
	/* 選べる2つの買取方法 */
	/* -------------------------------------------------- */
	#purchaseWrap {
		width: 1000px;
		margin: 0 auto 100px;
	}
	
	#purchaseBtn {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	
	#purchaseBtn li {
		width: 49%;
		padding: 30px;
		background: #393634;
		border: 1px #dac495 solid;
		font-size: 2.2rem;
		text-align: center;
		transition: all 0.3s ease-in-out 0s;
		cursor: pointer
	}
	
	#purchaseBtn li.on,
	#purchaseBtn li:hover{
		background: #FFF;
		border: 1px #dac495 solid;
		font-size: 2.2rem;
		color: #333;
	}
	
	.disnon {
		display: none;
	}
	
	.purchase {
		padding: 50px;
		border: 1px #dac495 solid;
	}
	
	.purchaseImg {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.purchaseImg img {
		width: 100%;
		height: auto;
	}
	
	.purchaseTxt {
		padding-bottom: 50px;
		font-size: 2rem;
		text-align: center;
	}
	
	.purchasePoint {
		padding-bottom: 80px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.purchasePoint li {
		width: 32%;
		margin-right: 1%;
		padding: 20px;
		background: #393634;
		text-align: center;
	}
	
	.purchasePoint li:nth-child(3n) {
		margin-right: 0;
	}
	
	.purchasePointImg {
		padding-bottom: 20px;
	}
	
	.purchasePointTxt {
		display: inline-block;
		text-align: left;
		font-size: 1.8rem;
	}
	
	/* 流れ */
	/* -------------------------------------------------- */
	.flowWrap {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 80px;
	}
	
	.flowTitle {
		font-size: 3.4rem;
		line-height: 1;
		letter-spacing: 0.060em;
		color: #FFF;
		margin-bottom: 20px;
	}
	
	.flow {
		border: solid 1px #dac495;
		padding: 20px;
	}
	
	.flowLeft {
		width: 145px;
		display: table-cell;
		position: relative;
	}
	
	.flowRight {
		padding: 25px;
		width: 833px;
		display: table-cell;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-left: 1px #666666 solid;
		vertical-align: middle;
	}
	
	.fRightIn {
		display: inline-block;
	}
	
	.step {
		display: inline-block;
		width: 145px;
		height: 40px;
		color: #362319;
		background: #dac495;
		font-size: 2.0rem;
		text-align: center;
		line-height: 40px;
		margin-bottom: 120px; /* IE対策。IE以外ではこの値は無視される。 */
	}
	
	.flowtit1 {
		position: absolute;
		width: 100%;
		top: 50%;
		left: 50%;
		margin-top: 20px;
		transform: translateY(-50%) translateX(-50%);
			-webkit- transform: translateY(-50%) translateX(-50%);
			-ms-transform: translateY(-50%) translateX(-50%);
		text-align: center;
		font-size: 1.8rem;
		line-height: 1.529;
		letter-spacing: 0.060em;
		color: #fff;
	}
	
	.flowList {
		border: 1px #666666 solid;
		margin-bottom: 60px;
		position: relative;
	}
	
	.flowList:after {
		content: "";
		width: 22px;
		height: 18px;
		position: absolute;
		bottom: -40px;
		left: 50%;
		margin-left: -11px;
		background: url(../../img/icon2.png) 0 0 no-repeat;
	}
	
	.flowList2 {
		border: 1px #666666 solid;
		margin-bottom: 0px;
		position: relative;
	}
	
	.flowContent {
	}
	
	.flowContent p {
		font-size: 1.7rem;
		line-height: 1.529;
		letter-spacing: 0.060em;
		color: #fff;
	}
	
	/* 連絡先 */
	.flowContact {
		width: 100%;
		margin-top: 15px;
		display: table;
	}
	
	.flowContact li {
		display: table-cell;
		vertical-align: middle;
	}
	
	.flowContact li.flowTel {
		width: 400px;
	}
	
	.flowContact li.flowForm {
		width: 360px;
	}
	
	#spContactLeft p {
		line-height: 1;
	}
	
	/* 連絡先・電話と営業時間  */
	.flowTelDial {
		display: table;
	}
	
	.flowTelDialLeft {
		display: table-cell;
		vertical-align: middle;
	}
	
	.flowTelDialRight {
		display: table-cell;
		vertical-align: middle;
		padding-left: 10px;
	}
	
	.flowTelDialNumber {
		font-size: 3.517rem;
		line-height: 1;
		letter-spacing: 0.075em;
		color: #fff;
		background-image: url(../../img/common/freedial_color.png);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 34px 23px;
		padding-left: 44px;
	}
	
	.flowTelDialHoliday {
		font-size: 1.455rem;
		line-height: 1;
		vertical-align: middle;
		letter-spacing: -0.025em;
		color: #fff;
		border: solid 1px;
		padding: 1px 8px;
		display: inline;
	}
	
	.flowTelDialTime {
		font-size: 1.601rem;
		line-height: 1.7;
		vertical-align: middle;
		letter-spacing: -0.025em;
		color: #fff;
		text-align: center;
	}
	
	/* 連絡先・フォームへのリンク  */
	.flowContact .linkSquare {
		height: 58px;
		border-color: #a40000;
	}
	
	.flowContact .linkSquare .linkSquareTxt {
		line-height: 58px;
		color: #fff;
		font-size: 1.84rem;
		background-image: url(../../img/common/arrow_white.png);
		background-position: right 15px center;
		background-size: 20px 15px;
	}
		.flowContact .linkSquare:hover .linkSquareTxt {
			color: #a40000;
			background-image: url(../../img/common/arrow_red.png);
		}
	
	.flowContact .linkSquare:before {
		background-color: #fff;
	}
	
	.flowContact .linkSquare:after {
		background-color: #a40000;
	}
	
	/* ポイント */
	.flowPoint {
		margin-top: 15px;
		padding-left: 1.5em;
	}
	
	.flowPoint dt {
		padding: 0 10px;
		margin-bottom: 5px;
		display: inline-block;
		background: #a40000;
		text-align: center;
		font-size: 1.4rem;
		line-height: 1.5;
		letter-spacing: 0.060em;
		color: #fff;
		margin-left: -1.5em;
	}
	
	.flowPoint dd {
		font-size: 1.7rem;
		line-height: 1.529;
		letter-spacing: 0.060em;
		color: #fff;
		display: list-item;
		list-style: disc;
	}
	
	/* ポイント・箇条書きでないタイプ */
	.flowPoint.notList {
		padding-left: 0;
	}
	
	.flowPoint.notList dt {
		margin-left: 0;
	}
	
	.flowPoint.notList dd {
		margin-left: 0;
		list-style: none;
	}
	
	/* 買取に必要な物 */
	/* -------------------------------------------------- */
	/* 買取に必要な物って何？ */
	#want .commonTit1 {
		font-size: 2.2rem;
		line-height: 1;
		letter-spacing: 0.180em;
		color: #dac495;
		margin-bottom: 15px;
	}
	
	#want dl {
		border: 6px #eeecde solid;
		padding: 30px 30px 0 30px;
	}
	
	#want dt {
		font-weight: bold;
		font-size: 1.7rem;
		letter-spacing: 0.180em;
	}
	
	#want dd {
		padding-bottom: 30px;
		font-size: 1.5rem;
		line-height: 1.267;
	}
	
	/* インスタパック® */
	/* -------------------------------------------------- */
	
	#package1 {
		width: 100%;
		margin: 0 auto 100px;
	}
	
	#package1 h2 {
		text-align: center;
		font-size: 4.2rem;
		line-height: 1.4;
		letter-spacing: 0.060em;
		color: #dac495;
		text-shadow: 0px 0px 15px rgba(255, 220, 154, 1);
		padding-bottom: 35px;
	}
	
	#package1 h2 span {
		font-size: 2.6rem;
	}
	
	#instapakTit {
		width: 100%;
		text-align: center;
		padding-bottom: 40px;
	}
	
	#instapakTit img {
		width: 100%;
		height: auto;
	}
	
	#instapakDesc {
		width: 540px;
		padding-bottom: 40px;
		font-size: 1.9rem;
		line-height: 1.526;
		letter-spacing: 0;
	}
	
	#instaFlow {
		position: relative;
	}
	
	#instaFlow:after {
		content: "";
		position: absolute;
		top: -100px;
		right: 0;
		width: 251px;
		height: 298px;
		background: url(../../img/package_img4.webp) 0 0 no-repeat;
	}
	
	#instaFlow li {
		width: 233px;
		display: inline-block;
		vertical-align: top;
		margin-left: 30px;
	}
	
	#instaFlow li:first-child {
		margin-left: 0px;
	}
	
	#package2 {
		width: 100%;
		margin: 0 auto 100px;
	}
	
	#package2 h2 {
		margin-bottom: 10px;
		line-height: 28px;
		font-size: 1.9rem;
		vertical-align: middle;
		padding-left: 50px;
		background: url(../../img/icon7.png) left center no-repeat;
	}
	
	/* コンバージョン */
	/* -------------------------------------------------- */
	.cv {
		padding: 50px 5%;
		margin-bottom: 100px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: center;
	}
	
	#cv1 {
		background: url(../../img/area/cv_bg1.webp) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	
	#cv2 {
		margin-bottom: 0;
		background: url(../../img/area/cv_bg2.webp) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	
	.cvIn {
		width: 50%;
		padding: 40px;
		background: rgba(255,255,255,0.8);
		position: relative;
		color: #313131;
	}
	
	.cvIn::before {
		content: "";
		width: 100%;
		height: 5px;
		background: #a6937c;
		display: block;
		position: absolute;
		left: 0;
		top: 10px;
	}
	
	.cvIn::after {
		content: "";
		width: 100%;
		height: 5px;
		background: #a6937c;
		display: block;
		position: absolute;
		left: 0;
		bottom: 10px;
	}
	
	.cvTit {
		padding-bottom: 30px;
		font-size: 2.8rem;
		text-align: center;
		line-height: 1.2;
	}
	
	.cvTelTit {
		padding-bottom: 10px;
		font-size: 2rem;
		text-align: center;
		line-height: 1.2;
	}
	
	.tel {
		text-align: center;
	}
	
	.cv .telLink::before {
		content: "";
		width: 66px;
		height: 44px;
		margin-right: 20px;
		background: url(../../img/area/freedial_icon.png) 0 0 no-repeat;
		display: inline-block;
		vertical-align: middle;
	}
	
	.cv .telLink span,
	.cv .telLink a {
		font-size: 6rem;
		line-height: 1;
		display: inline-block;
		vertical-align: middle;
	}
	
	.time {
		padding-bottom: 30px;
		display: block;
		font-size: 1.2;
	}
	
	.cvBtnTit {
		padding-bottom: 10px;
		font-size: 2rem;
		text-align: center;
		line-height: 1.2;
		font-weight: bold;
	}
	
	.cvBtn .linkSquare {
		height: 70px;
		border-color: #a40000;
	}
	
	.cvBtn .linkSquare .linkSquareTxt {
		line-height: 70px;
		color: #fff;
		font-size: 2.4rem;
		background-image: url(../../img/common/arrow_white.png);
		background-position: right 15px center;
		background-size: 20px 15px;
	}
	
	.cvBtn .linkSquare:hover .linkSquareTxt {
		color: #a40000;
		background-image: url(../../img/common/arrow_red.png);
	}
	
	.cvBtn .linkSquare:before {
		background-color: #fff;
	}
	
	.cvBtn .linkSquare:after {
		background-color: #a40000;
	}
	
	/* 私たちが買取しているオーディオ機器 */
	/* -------------------------------------------------- */
	
	#AudioList {
		width: 100%;
		height: 920px;
		margin-bottom: 100px;
		background-image: url(../../img/common/bg_cdplayer.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 230px 100px 0 0;
	}
	
	#AudioListInner {
		width: 510px;
		text-align: center;
		margin-left: auto;
	}
	
	#AudioListLead {
		font-size: 2.2rem;
		line-height: 1;
		letter-spacing: 0.175em;
		color: #fff;
		margin-bottom: 35px;
	}
	
	#AudioListHead {
		font-size: 2.5rem;
		line-height: 1;
		letter-spacing: 0.150em;
		color: #fff;
		margin-bottom: 75px;
		position: relative;
	}
	
	#AudioListHead:after {
		display: inline-block;
		content: "";
		position: absolute;
		bottom: -35px;
		left: 50%;
		width: 196px;
		height: 3px;
		margin-left: -98px;
		background-color: #93360b;
	}
	
	#AudioListGenre {
		margin-bottom: 45px;
	}
	
	#AudioListGenre .linkSquare,
	#AudioListBrand .linkSquare {
		width: 100%;
		height: 110px;
		line-height: 110px;
		border-color: #fff;
		font-size: 3.0rem;
		letter-spacing: 0.355em;
	}
	
	#AudioListGenre .linkSquare .linkSquareTxt,
	#AudioListBrand .linkSquare .linkSquareTxt {
		color: #fff;
		background-image: url(../../img/common/arrow_white.png);
		background-size: 26px 20px;
	}
	
	#AudioListGenre .linkSquare:hover .linkSquareTxt,
	#AudioListBrand .linkSquare:hover .linkSquareTxt {
		color: #000;
		background-image: url(../../img/common/arrow_black.png);
	}
	
	#AudioListGenre .linkSquare:before,
	#AudioListBrand .linkSquare:before {
		background-color: #fff;
	}
	
	
	/* area 買取エリアは日本全国 */
	/* -------------------------------------------------- */
	
	#area {
		width: 100%;
		background-image: url(../../img/common/bg_tile_brown.png);
		padding: 40px 0 10px;
	}
	
	#areaInner {
		width: 1000px;
		margin: 0 auto;
	}
	
	#areaHead {
		font-size: 3.0rem;
		line-height: 1;
		letter-spacing: 0.075em;
		color: #fff;
		text-align: center;
		margin-bottom: 35px;
	}
	
	/* 地図 */
	#areaMap {
		float: left;
		width: 50%;
		height: 525px;
		background-image: url(../../img/top/area_map.png);
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 461px 468px;
		position: relative;
	}
	
	#areaMap div {
		position: absolute;
	}
	
	#pin01 {
		top: 0;
		left: 185px;
		opacity: 0;
	}
	
	#pin02 {
		top: 126px;
		left: 227px;
		opacity: 0;
	}
	
	#pin03 {
		top: 80px;
		left: 70px;
		opacity: 0;
	}
	
	#pin04 {
		top: 150px;
		left: 335px;
		opacity: 0;
	}
	
	#pin05 {
		top: 230px;
		left: 330px;
		opacity: 0;
	}
	
	#pin06 {
		top: 335px;
		left: 250px;
		opacity: 0;
	}
	
	#pin07 {
		top: 400px;
		left: 190px;
		opacity: 0;
	}
	
	#pin08 {
		top: 240px;
		left: 90px;
		opacity: 0;
	}
	
	#pin09 {
		top: 420px;
		left: 90px;
		opacity: 0;
	}
	
	#pin10 {
		top: 260px;
		left: 0px;
		opacity: 0;
	}
	
	@keyframes bounceIn {
	
		0%,
		20%,
		40%,
		60%,
		80%,
		100% {
			-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		}
	
		0% {
			opacity: 0;
			-webkit-transform: scale3d(.3, .3, .3);
			-ms-transform: scale3d(.3, .3, .3);
			transform: scale3d(.3, .3, .3);
		}
	
		20% {
			-webkit-transform: scale3d(1.1, 1.1, 1.1);
			-ms-transform: scale3d(1.1, 1.1, 1.1);
			transform: scale3d(1.1, 1.1, 1.1);
		}
	
		40% {
			-webkit-transform: scale3d(.9, .9, .9);
			-ms-transform: scale3d(.9, .9, .9);
			transform: scale3d(.9, .9, .9);
		}
	
		60% {
			-webkit-transform: scale3d(1.03, 1.03, 1.03);
			-ms-transform: scale3d(1.03, 1.03, 1.03);
			transform: scale3d(1.03, 1.03, 1.03);
		}
	
		80% {
			-webkit-transform: scale3d(.97, .97, .97);
			-ms-transform: scale3d(.97, .97, .97);
			transform: scale3d(.97, .97, .97);
		}
	
		100% {
			-webkit-transform: scale3d(1, 1, 1);
			-ms-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
			opacity: 1;
		}
	}
	
	#pin01.active {
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		opacity: 1;
	}
	
	#pin02.active {
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		opacity: 1;
	}
	
	#pin03.active {
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		opacity: 1;
	}
	
	#pin04.active {
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		opacity: 1;
	}
	
	#pin05.active {
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		opacity: 1;
	}
	
	#pin06.active {
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		opacity: 1;
	}
	
	#pin07.active {
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		opacity: 1;
	}
	
	#pin08.active {
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		opacity: 1;
	}
	
	#pin09.active {
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		opacity: 1;
	}
	
	#pin10.active {
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		opacity: 1;
	}
	
	/* 都道府県一覧 */
	#areaPref {
		float: right;
		width: 50%;
		display: table;
		border-spacing: 10px;
		margin-top: 15px;
	}
	
	.areaPrefWrap {
		display: table-row;
		width: 100%;
	}
	
	.areaPrefHead {
		display: table-cell;
		width: 17%;
		text-align: right;
		vertical-align: middle;
		padding: 15px 15px 15px 0;
		border-right: solid 1px #81785a;
		font-size: 1.7rem;
		line-height: 1;
		letter-spacing: 0.075em;
		color: #dac495;
	}
	
	.areaPrefList {
		display: table-cell;
		width: 83%;
		vertical-align: middle;
		padding-left: 10px;
	}
	
	.areaPrefList ul {
		letter-spacing: -.4em;
	}
	
	.areaPrefList ul li {
		letter-spacing: normal;
		display: inline-block;
		margin-right: 20px;
	}
	
	.areaPrefList ul li a {
		font-size: 1.4rem;
		line-height: 1.857;
		letter-spacing: 0.075em;
		color: #fff;
	}
	
	.areaPrefList ul li a:hover {
		color: #dac495;
		text-decoration: underline;
	}
	
	
	/* 買取エリア */
	#areaDetail {
		width: 100%;
		margin-bottom: 80px;
	}
	
	#areaDetailInner {
		width: 1000px;
		margin: 0 auto;
		background-image: url(../../img/common/bg_brown2_sp.jpg);
		padding: 30px 25px 30px 25px;
	}
	
	#areaDetailHead {
		font-size: 2.2rem;
		line-height: 1.364;
		letter-spacing: 0.180em;
		color: #fbc971;
		text-align: center;
		margin-bottom: 30px;
	}
	
	#areaDetail ul {
		list-style-image: url(../../img/common/ic_listitem.png);
		letter-spacing: -.4em;
	}
	
	#areaDetail ul li {
		display: inline-block;
		letter-spacing: normal;
		margin: 10px 20px;
		background-image: url(../../img/common/ic_listitem.png);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 9px 7px;
		padding-left: 20px;
		font-size: 1.6rem;
	}
	
	/* 地域名のPRポイント */
	/* -------------------------------------------------- */
	.areaPrWrap {
		width: 1000px;
		margin: 0 auto 80px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.areaPrImg {
		width: 240px;
		height: 180px;
	}
	
	.areaPrImg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
	
	.areaPrTxt {
		width: calc(100% - 240px - 30px);
		position: relative;
		border-bottom: 1px #FFF solid;
	}
	
	.areaPrTxt::before {
		content: "";
		width: 100%;
		height: 1px;
		background: #FFF;
		display: block;
		position: absolute;
		top: 14px;
		left: 0;
		z-index: 1;
	}
	
	.areaPrTit1 {
		padding: 0 20px 0 0;
		font-size: 2rem;
		background: #000;
		position: relative;
		z-index: 2;
		display: inline-block;
	}
	
	.areaDesc {
		padding: 10px 0 20px;
		line-height: 1.5;
	}
	
	
	@media screen and (max-width: 1300px) {
		/* オーディオプロが選ばれる理由 */
		/* -------------------------------------------------- */
		#reason1 {
			padding-bottom: 0;
			display: flex;
			flex-wrap: wrap;
			flex-direction: column-reverse;
			justify-content: center;
			align-items: flex-start;
		}
		
		#reasonListWrap {
			width: 100%;
		}
		
		#reason1::after {
			content: "";
			width: 100%;
			height: 600px;
			padding-left: 0;
			margin-bottom: 50px;
			background: url(../../img/area/reason_img1.webp) center 0 no-repeat;
			-webkit-background-size: contain;
			background-size: contain;
			display: inline-block;
			vertical-align: middle;
		}
		
		.reasonList {
			margin-bottom: 60px;
		}
		
		.reasonList2 {
			margin-bottom: 50px;
		}
		
		/* コンバージョン */
		/* -------------------------------------------------- */
		.cvTit {
			padding-bottom: 30px;
			font-size: 1.9rem;
			text-align: center;
			line-height: 1.2;
		}
		
		.cv .telLink::before {
			content: "";
			width: 45px;
			height: 30px;
			margin-right: 10px;
			background: url(../../img/area/freedial_icon.png) 0 0 no-repeat;
			-webkit-background-size: contain;
			background-size: contain;
			display: inline-block;
			vertical-align: middle;
		}
		
		.cv .telLink span, .cv .telLink a {
			font-size: 4rem;
		}
		
	}
}

/* --------------------------------------------------
   SP styles from ../single-area_sp.css
-------------------------------------------------- */
@media screen and (max-width: 639px) {
	/* -------------------------------------------------- */
	/* 地域ページ */
	/* -------------------------------------------------- */
	
	/* 共通 */
	/* -------------------------------------------------- */
	.object-fit-img {
		object-fit: cover;
		font-family: 'object-fit: cover;'
	}
	
	/* FV */
	/* -------------------------------------------------- */
	#fvWrap {
		padding: 120px 3%;
		background: url(../../img/area/mv_bg_sp.webp) center 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		flex-direction: column-reverse;
	}
	
	#fvContent {
		width: 100%;
	}
	
	#fvTxt1 {
		padding: 10px;
		margin-bottom: 10px;
		font-size: 2.4rem;
		font-weight: bold;
		color: #dac495;
		text-align: center;
		text-shadow: 0px 0px 4px rgba(0,0,0,1);
		background: rgba(0,0,0,0.6);
		line-height: 1.2;
	}
	
	#fvTxt2 {
		position: relative;
		padding-bottom: 10px;
		text-align: center;
	}
	
	/*
	#fvTxt2::before {
		content: "";
		width: 100%;
		height: 118px;
		background: url(../../img/area/fv_copy.svg) center 0 no-repeat;
		-webkit-background-size: 90%;
		background-size: 90%;
		display: inline-block;
		vertical-align: middle;
	}
	*/
	
	#fvTxt2 span {
		margin-top: -2px;
		padding: 0px 20px;
		display: inline-block;
		background: #e4000f;
		color: #FFF;
		font-size: 4.3vw;
		letter-spacing: 0.1em;
	}
	
	#fvTxt3 {
		padding-bottom: 10px;
		font-size: 1.6rem;
		font-weight: bold;
		color: #FFF;
		text-align: center;
		text-shadow: 0px 0px 4px rgba(0,0,0,0.4);
	}
	
	#fvPointWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	
	#fvImg {
		width: 45%;
		margin-right: 5%;
		text-align: center;
		padding-bottom: 10px;
	}
	
	#fvImg img {
		width: 100%;
	}
	
	#fvPoint {
		width: 50%;
		margin: 0 auto;
		padding-bottom: 10px;
	}
	
	#fvPoint li {
		width: 100%;
		margin-bottom: 10px;
		position: relative;
		margin-right: 1%;
		border: 1px #e4000f solid;
		background: rgba(0,0,0,0.6);
	}
	
	#fvPoint li:nth-child(3) {
		position: relative;
		margin-right: 0;
	}
	
	#fvPoint li > span {
		width: 100%;
		padding: 9px;
		position: relative;
		z-index: 2;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		text-align: left;
		font-size: 2.6vw;
		font-weight: bold;
		letter-spacing: -0.1em;
	}
	
	#fvPoint li > span.icon1::before {
		content: "";
		margin-right: 10px;
		width: 30px;
		height: 34px;
		background: url(../../img/area/fv_icon1.svg) 0 0 no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		display: block;
	}
	
	#fvPoint li > span.icon2::before {
		content: "";
		margin-right: 10px;
		width: 30px;
		height: 32px;
		background: url(../../img/area/fv_icon2.svg) 0 0 no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		display: block;
	}
	
	#fvPoint li > span.icon3::before {
		content: "";
		margin-right: 10px;
		width: 26px;
		height: 30px;
		background: url(../../img/area/fv_icon3.svg) 0 0 no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		display: block;
	}
	
	#fvPoint li .strong {
		font-size: 4.2vw;
		font-weight: bold;
	}
	
	/*
	#fvPoint li::after {
		content: "";
		width: 40px;
		height: 40px;
		background: #e4000f;
		display: block;
		position: absolute;
		top: -4px;
		left: -5px;
		z-index: 1;
	}
	*/
	
	#fvTxt4 {
		padding: 5px 40px;
		background: rgba(0,0,0,0.8);
		text-align: center;
		font-size: 1.6rem;
		font-weight: bold;
		color: #FFF;
	}
	
	#fvTxt4 .strong {
		font-weight: bold;
		color: #e4000f;
	}
	
	
	
	/* リード文 */
	/* -------------------------------------------------- */
	#areaIntro {
		width: 100%;
		margin: 40px auto 80px;
		text-align: center;
	}
	
	.mainContentHead {
		text-align: left;
		font-size: 2.4rem;
		line-height: 1;
		letter-spacing: 0em;
		color: #dac495;
		text-shadow: 0px 0px 15px rgba(255, 220, 154, 1);
		padding: 0 5% 20px;
	}
	
	.fvTtlTxt {
		padding: 0 5%;
		font-size: 1.6rem;
		line-height: 1.25;
		text-align: left;
	}
	
	/* オーディオプロが選ばれる理由 */
	/* -------------------------------------------------- */
	#reason {
		padding: 0 5% 30px;
	}
	
	#reason .mainContentHead {
		text-align: left;
		padding: 0 0 35px 0;
	}
	
	#reason1 {
		padding-bottom: 0;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
		justify-content: center;
		align-items: flex-start;
	}
	
	#reason1::after {
		content: "";
		width: 100%;
		height: 320px;
		padding-left: 0;
		margin-bottom: 30px;
		background: url(../../img/area/reason_img1.webp) center 0 no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		display: inline-block;
		vertical-align: middle;
	}
	
	#reasonListWrap {
		width: 100%;
	}
	
	
	.reasonList {
		padding: 15px;
		margin-bottom: 30px;
		background: rgba(255,255,255,0.8);
		border: 1px #dac495 solid;
		color: #000;
		font-size: 1.5rem;
	}
	
	.reasonTit1 {
		margin-bottom: 10px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	
	.reasonTit1.num1::before {
		content: "1";
		margin-right: 20px;
		font-size: 8.4rem;
		font-style: italic;
		color: #796957;
		line-height: 1;
	}
	
	.reasonTit1.num2::before {
		content: "2";
		margin-right: 20px;
		font-size: 8.4rem;
		font-style: italic;
		color: #796957;
		line-height: 1;
	}
	
	.reasonTit1.num3::before {
		content: "3";
		margin-right: 20px;
		font-size: 8.4rem;
		font-style: italic;
		color: #796957;
		line-height: 1;
	}
	
	
	.reasonTit1 span {
		display: block;
		width: 90%;
		padding-bottom: 10px;
		font-size: 2rem;
		border-bottom: 1px #796957 solid;
		font-weight: bold;
		line-height: 1.2;
	}
	
	.reasonList2 {
		margin-bottom: 30px;
		font-size: 1.5rem;
		position: relative;
	}
	
	.reasonList2.right {
		justify-content: flex-end;
	}
	
	.left .reasonTit2 {
		width: 100%;
		padding: 15px;
		background: rgba(255,255,255,0.8);
		border: 1px #dac495 solid;
		color: #000;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	
	.right .reasonTit2{
		width: 100%;
		padding: 15px;
		background: rgba(255,255,255,0.8);
		border: 1px #dac495 solid;
		color: #000;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	
	.reasonImg {
		width: 100%;
		position: relative;
		z-index: 1;
	}
	
	.right .reasonImg {
		padding: 20px;
		background: #FFF;
	}
	
	.reasonImg img {
		width: 100%;
		height: auto;
	}
	
	.reasonTit2 span {
		display: block;
		width: 90%;
		font-size: 2rem;
		font-weight: bold;
		text-align: left;
	}
	
	.reasonTit2.num4::before {
		content: "4";
		margin-right: 20px;
		font-size: 8.4rem;
		font-style: italic;
		color: #796957;
		line-height: 1;
	}
	
	.reasonTit2.num5::before {
		content: "5";
		margin-right: 20px;
		font-size: 8.4rem;
		font-style: italic;
		color: #796957;
		line-height: 1;
	}
	
	
	/* 買取実績 */
	/* -------------------------------------------------- */
	#works {
		padding-bottom: 100px;
	}
	
	.areaHead {
		text-align: center;
		position: relative;
		padding-bottom: 65px;
	}
	
	.areaHead::after {
		display: block;
		content: "";
		position: absolute;
		bottom: 35px;
		left: 50%;
		width: 70px;
		height: 1px;
		margin-left: -35px;
		background-color: #dac495;
	}
	
	.areaLead {
		display: block;
		font-size: 1.3rem;
		line-height: 1;
		letter-spacing: 0.175em;
		color: #dac495;
		margin-bottom: 10px;
	}
	
	.areaTitle {
		display: inline-block;
		font-size: 2.3rem;
		line-height: 1;
		letter-spacing: 0.300em;
		color: #dac495;
	}
	
	#areaBuy {
		padding-bottom: 20px;
		margin-right: -25px;
		letter-spacing: -0.3em;
	}
	
	#areaBuy .buy {
		width: 230px;
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		margin: 0 25px 30px 0 ;
	}
	
	#areaBuy .buy a {
		color: #333333;
		display: block;
	}
	
	#areaBuy .dateYMD {
		font-size: 1.3rem;
		line-height: 1;
		letter-spacing: 0.300em;
		color: #fff;
		margin-bottom: 5px;
	}
	
	#areaBuy .butImg {
		width: 230px;
		height: 230px;
		background-color: #fff;
		display: table-cell;
		vertical-align: middle;
	}
	
	#areaBuy .butImg img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		font-family: 'object-fit: contain;'
	}
	
	#areaBuy .butCat {
		background-color: #a6937c;
		margin: 5px 0;
		padding: 10px 10px 5px 10px;
	}
	
	#areaBuy .butCat .singleCate {
		float: left;
		font-size: 1.1rem;
		line-height: 1;
		letter-spacing: 0em;
		color: #15110f;
		background-color: #e3d8ca;
		padding: 5px;
		margin-right: 10px;
		margin-bottom: 5px;
	}
	
	#areaBuy .buytit {
		clear: both;
		padding: 10px;
		background: #362e2b;
		font-size: 1.4rem;
		line-height: 1.143;
		letter-spacing: 0em;
		color: #fff;
	}
	
	.sp-previous-arrow::before,
	.sp-previous-arrow::after {
		display: none;
	}
	
	.sp-next-arrow::before,
	.sp-next-arrow::after {
		display: none;
	}
	
	.sp-previous-arrow {
		width: 60px;
		height: 60px;
		background: url(../../img/area/works_arrow_left.svg) 0 0 no-repeat;
	}
	
	.sp-next-arrow {
		width: 60px;
		height: 60px;
		background: url(../../img/area/works_arrow_right.svg) 0 0 no-repeat;
	}
	
	/* ブランド */
	/* -------------------------------------------------- */
	#buyListWrap {
		padding-bottom: 80px;
	}
	
	.buyList {
		width: 100%;
		padding: 0 5%;
		margin: 0 auto;
		margin-bottom: 30px;
		display: flex;
		flex-wrap: wrap;
	}
	
	.buyList li {
		width: 49%;
		margin: 0 2% 15px 0 ;
		display: inline-block;
		vertical-align: top;
	}
	
	.buyList li:nth-child(2n) {
		margin: 0 0 15px 0 ;
	}
	
	.buyList li a {
		padding: 5px 20px;
		font-size: 123.1%;
		display: block;
		background: url(../../img/icon4.png) 95% center no-repeat;
		color: #000000;
		transition: all 0.3s ease-in-out 0s;
		border: 2px #000000 solid;
	}
	
	.buyList li.buyBrand a {
		padding: 0px;
		display: block;
		background: none;
	}
	
	.buyList li.buyBrand a:hover {
		background: none;
		color: #333333;
		opacity: 0.7;
	}
	
	.buyList li a:hover {
		background: url(../../img/icon1.png) 95% center no-repeat #000000;
		color: #FFFFFF;
	}
	
	.buyBrand img {
		width: 100%;
		height: auto;
	}
	
	#brandOther {
		padding: 0 5%;
		font-size: 1.4rem;
		font-weight: bold;
		color: #FFF;
		text-align: center;
	}
	
	
	/* 選べる2つの買取方法 */
	/* -------------------------------------------------- */
	#purchaseWrap {
		width: 100%;
		padding: 0 5% 80px;
	}
	
	#purchaseBtn {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	
	#purchaseBtn li {
		width: 49%;
		padding: 15px;
		background: #393634;
		border: 1px #dac495 solid;
		font-size: 1.6rem;
		text-align: center;
		transition: all 0.3s ease-in-out 0s;
		cursor: pointer
	}
	
	#purchaseBtn li.on,
	#purchaseBtn li:hover{
		background: #FFF;
		border: 1px #dac495 solid;
		font-size: 1.6rem;
		color: #333;
	}
	
	.disnon {
		display: none;
	}
	
	.purchase {
		padding: 30px 15px;
		border: 1px #dac495 solid;
	}
	
	.purchaseImg {
		width: 100%;
		margin-bottom: 20px;
	}
	
	.purchaseImg img {
		width: 100%;
		height: auto;
	}
	
	.purchaseTxt {
		padding-bottom: 30px;
		font-size: 1.5rem;
		text-align: left;
	}
	
	.purchasePoint {
		padding-bottom: 30px;
		display: block;
	}
	
	.purchasePoint li {
		width: 100%;
		margin-bottom: 15px;
		padding: 20px;
		background: #393634;
		text-align: center;
	}
	
	.purchasePoint li:nth-child(3n) {
		margin-right: 0;
	}
	
	.purchasePointImg {
		padding-bottom: 20px;
	}
	
	.purchasePointImg img {
		width: 100%;
	}
	
	.purchasePointTxt {
		display: inline-block;
		text-align: left;
		font-size: 1.6rem;
	}
	
	/* 流れ */
	/* -------------------------------------------------- */
	.flowWrap {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 40px;
		padding: 0;
	}
	
	.flowTitle {
		font-size:2.4rem;
		line-height: 1;
		letter-spacing: 0.060em;
		color: #dac495;
		margin-bottom: 10px;
	}
	
	.flow {
		border: solid 1px #dac495;
		padding: 10px;
	}
	
	.flowLeft {
		display: table;
		width: 100%;
	}
	
	.flowRight {
	}
	
	.fRightIn {
		display: inline-block;
	}
	
	.step {
		display: table-cell;
		vertical-align: middle;
		width: 80px;
		color: #362319;
		background: #dac495;
		font-size: 1.4rem;
		text-align: center;
		line-height: 40px;
	}
	
	.flowtit1 {
		display: table-cell;
		vertical-align: middle;
		font-size: 1.8rem;
		line-height: 1.529;
		letter-spacing: 0.060em;
		color: #fff;
		padding-left: 10px;
		border-bottom: 1px #666666 solid;
		width: calc(100% - 80px);
	}
	
	.flowList {
		border: 1px #666666 solid;
		margin-bottom: 60px;
		position: relative;
	}
	
	.flowList:after {
		content: "";
		width: 22px;
		height: 18px;
		position: absolute;
		bottom: -40px;
		left: 50%;
		margin-left: -11px;
		background: url(../../img/icon2.png) 0 0 no-repeat;
	}
	
	.flowList2 {
		border: 1px #666666 solid;
		margin-bottom: 0px;
		position: relative;
	}
	
	.flowContent {
		padding: 15px;
	}
	
	.flowContent p {
		font-size: 1.2rem;
		line-height: 1.529;
		letter-spacing: 0.060em;
		color: #fff;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	
	/* 連絡先 */
	.flowContact {
		width: 100%;
		margin-bottom: 15px;
	}
	
	.flowContact li {
	/*
		display: table-cell;
		vertical-align: middle;
	*/
	}
	
	.flowContact li.flowTel {
		width: 240px;
		margin: 0 auto 5px;
	}
	
	.flowContact li.flowForm {
		width: 240px;
		margin: 0 auto;
	}
	
	#spContactLeft p {
		line-height: 1;
	}
	
	/* 連絡先・電話と営業時間  */
	.flowTelDial {
		display: table;
	}
	
	.flowTelDialLeft {
		display: table-cell;
		vertical-align: middle;
	}
	
	.flowTelDialRight {
		display: table-cell;
		vertical-align: middle;
		padding-left: 10px;
	}
	
	.flowTelDialNumber {
		font-size: 1.7rem;
		line-height: 1;
		letter-spacing: 0.075em;
		background-image: url(../../img/common/freedial_color.png);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 34px 23px;
		padding-left: 44px;
	}
	
	.flowTelDialLeft a {
		color: #fff;
	}
	
	.flowTelDialHoliday {
		font-size: 1.0rem;
		line-height: 1;
		vertical-align: middle;
		letter-spacing: -0.025em;
		color: #fff;
		border: solid 1px;
		padding: 1px 8px;
		display: inline;
	}
	
	.flowTelDialTime {
		font-size: 0.9rem;
		line-height: 1.7;
		vertical-align: middle;
		letter-spacing: -0.025em;
		color: #fff;
		text-align: center;
	}
	
	/* 連絡先・フォームへのリンク  */
	.flowContact .linkSquare {
		height: 40px;
		border-color: #a40000;
	}
	
	.flowContact .linkSquare .linkSquareTxt {
		line-height: 40px;
		color: #fff;
		font-size: 1.4rem;
		background-image: url(../../img/common/arrow_white.png);
		background-position: right 10px center;
		background-size: 13px 10px;
	}
		.flowContact .linkSquare:hover .linkSquareTxt {
			color: #a40000;
			background-image: url(../../img/common/arrow_red.png);
		}
	
	.flowContact .linkSquare:before {
		background-color: #fff;
	}
	
	.flowContact .linkSquare:after {
		background-color: #a40000;
	}
	
	/* ポイント */
	.flowPoint {
		padding-left: 1.5em;
		margin-left: 10px;
		margin-bottom: 15px;
	}
	
	.flowPoint dt {
		padding: 0 10px;
		margin-bottom: 5px;
		display: inline-block;
		background: #a40000;
		text-align: center;
		font-size: 1.2rem;
		line-height: 1.5;
		letter-spacing: 0.060em;
		color: #fff;
		margin-left: -1.5em;
	}
	
	.flowPoint dd {
		font-size: 1.2rem;
		line-height: 1.529;
		letter-spacing: 0.060em;
		color: #fff;
		display: list-item;
		list-style: disc;
	}
	
	/* ポイント・箇条書きでないタイプ */
	.flowPoint.notList {
		padding-left: 0;
	}
	
	.flowPoint.notList dt {
		margin-left: 0;
	}
	
	.flowPoint.notList dd {
		margin-left: 0;
		list-style: none;
	}
	
	
	
	/* 買取に必要な物 */
	/* -------------------------------------------------- */
	/* 買取に必要な物って何？ */
	#want .commonTit1 {
		font-size: 2.2rem;
		line-height: 1;
		letter-spacing: 0.180em;
		color: #dac495;
		margin-bottom: 15px;
	}
	
	#want dl {
		border: 6px #eeecde solid;
		padding: 30px 30px 0 30px;
	}
	
	#want dt {
		font-weight: bold;
		font-size: 1.7rem;
		letter-spacing: 0.180em;
	}
	
	#want dd {
		padding-bottom: 30px;
		font-size: 1.4rem;
		line-height: 1.267;
	}
	
	/* インスタパック® */
	/* -------------------------------------------------- */
	
	#package1 {
		width: 100%;
		margin: 0 auto 10px;
		padding: 0 15px;
	}
	
	#package1 h2 {
		text-align: center;
		font-size: 2.4rem;
		line-height: 1.4;
		letter-spacing: 0.060em;
		color: #dac495;
		text-shadow: 0px 0px 15px rgba(255, 220, 154, 1);
		padding-bottom: 15px;
	}
	
	#package1 h2 span {
		font-size: 1.6rem;
	}
	
	#instapakTit {
		text-align: center;
		padding-bottom: 15px;
	}
	
	#instapakTit img {
		width: 100%;
		height: auto;
	}
	
	#instapakDesc {
		width: 100%;
		padding-bottom: 15px;
		font-size: 1.2rem;
		line-height: 1.526;
		letter-spacing: 0;
		float: left;
	}
	
	#instapakPhoto {
		width: 120px;
		height: 142px;
		float: right;
		margin-left: 5px;
	}
	
	#instapakPhoto img {
		width: 100%;
		height: auto;
	}
	
	#instaFlow li {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 30px;
	}
	#instaFlow li img {
		width: 100%;
		height: auto;
	}
	
	#package2 {
		width: 100%;
		margin: 0 auto 40px;
		padding: 0 15px;
	}
	
	#package2 h2 {
		height: 20px;
		font-size: 1.3rem;
		line-height: 1.2;
		padding-left: 35px;
		background: url(../../img/icon7.png);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 30px 20px;
		display: table-cell;
		vertical-align: middle;
		margin-bottom: 15px;
	}
	/* コンバージョン */
	/* -------------------------------------------------- */
	.cv {
		padding: 50px 5%;
		margin-bottom: 80px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: center;
	}
	
	#cv1 {
		background: url(../../img/area/cv_bg1.webp) center bottom no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	
	#cv2 {
		margin-bottom: 0;
		background: url(../../img/area/cv_bg2.webp) center 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	
	.cvIn {
		width: 100%;
		padding: 40px 15px;
		background: rgba(255,255,255,0.8);
		position: relative;
		color: #313131;
	}
	
	.cvIn::before {
		content: "";
		width: 100%;
		height: 5px;
		background: #a6937c;
		display: block;
		position: absolute;
		left: 0;
		top: 10px;
	}
	
	.cvIn::after {
		content: "";
		width: 100%;
		height: 5px;
		background: #a6937c;
		display: block;
		position: absolute;
		left: 0;
		bottom: 10px;
	}
	
	.cvTit {
		padding-bottom: 20px;
		font-size: 1.5rem;
		text-align: center;
		line-height: 1.2;
	}
	
	.cvTelTit {
		padding-bottom: 10px;
		font-size: 1.5rem;
		text-align: center;
		line-height: 1.2;
	}
	
	.tel {
		text-align: center;
	}
	
	.cv .telLink::before {
		content: "";
		width: 36px;
		height: 28px;
		margin-right: 10px;
		background: url(../../img/area/freedial_icon.png) 0 0 no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		display: inline-block;
		vertical-align: middle;
	}
	
	.cv .telLink span,
	.cv .telLink a {
		font-size: 3rem;
		line-height: 1;
		display: inline-block;
		vertical-align: middle;
		color: #000;
	}
	
	.time {
		padding-bottom: 30px;
		display: block;
		font-size: 1.2;
	}
	
	.cvBtnTit {
		padding-bottom: 10px;
		font-size: 1.5rem;
		text-align: center;
		line-height: 1.2;
		font-weight: bold;
	}
	
	.cvBtn .linkSquare {
		height: 50px;
		border-color: #a40000;
	}
	
	.cvBtn .linkSquare .linkSquareTxt {
		line-height: 50px;
		color: #fff;
		font-size: 1.8rem;
		background-image: url(../../img/common/arrow_white.png);
		background-position: right 15px center;
		background-size: 20px 15px;
	}
	
	.cvBtn .linkSquare:hover .linkSquareTxt {
		color: #a40000;
		background-image: url(../../img/common/arrow_red.png);
	}
	
	.cvBtn .linkSquare:before {
		background-color: #fff;
	}
	
	.cvBtn .linkSquare:after {
		background-color: #a40000;
	}
	
	/* Audio List 私たちが買取しているオーディオ機器 */
	/* -------------------------------------------------- */
	
	#AudioList {
		width: 100%;
		background-image: url(../../img/common/bg_cdplayer_sp.webp);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100%;
		background-color: #000;
	}
	
	#AudioListInner {
		width: 100%;
		text-align: center;
		margin-left: auto;
		padding: 230px 15px 50px;
	}
	
	#AudioListLead {
		font-size: 1.1rem;
		line-height: 1;
		letter-spacing: 0.175em;
		color: #fff;
		margin-bottom: 5px;
	}
	
	#AudioListHead {
		font-size: 2.0rem;
		line-height: 1.2;
		letter-spacing: 0.150em;
		color: #fff;
		margin-bottom: 35px;
		position: relative;
	}
		#AudioListHead:after {
			display: inline-block;
			content: "";
			position: absolute;
			bottom: -15px;
			left: 50%;
			width: 100px;
			height: 3px;
			margin-left: -50px;
			background-color: #93360b;
		}
	
	#AudioListGenre {
		margin-bottom: 10px;
	}
	
	#AudioListGenre .linkSquare,
	#AudioListBrand .linkSquare {
		width: 100%;
		height: 55px;
		line-height: 55px;
		border-color: #fff;
		font-size: 1.5rem;
		letter-spacing: 0.355em;
	}
	#AudioListGenre .linkSquare .linkSquareTxt,
	#AudioListBrand .linkSquare .linkSquareTxt {
		color: #fff;
		background-image: url(../../img/common/arrow_white.png);
		background-size: 26px 20px;
	}
	
	#AudioListGenre .linkSquare:before,
	#AudioListBrand .linkSquare:before {
		background-color: #fff;
	}
	
	
	
	/* area 買取エリアは日本全国 */
	/* -------------------------------------------------- */
	
	#area {
		width: 100%;
		background-image: url(../../img/common/bg_tile_brown.png);
		padding: 30px 0 15px;
		margin-bottom: 80px;
	}
	
	#areaInner {
		width: 100%;
		margin: 0 auto;
	}
	
	#areaHead {
		font-size: 1.8rem;
		line-height: 1.4;
		letter-spacing: 0.075em;
		color: #fff;
		text-align: center;
		margin-bottom: 15px;
	}
	
	/* 地図 */
	#areaMap {
		width: 300px;
		height: 300px;
		margin: 0 auto 20px;
		background-image: url(../../img/top/area_map.png);
		background-position: right center;
		background-repeat: no-repeat;
		background-size: contain;
		position: relative;
	}
	
	#areaMap img {
		width: 60%;
		height: auto;
	}
	
	#areaMap div {
		position: absolute;
	}
	#pin01 {
		top: 0;
		left: 110px;
		opacity: 0;
	}
	#pin02 {
		top: 70px;
		left: 130px;
		opacity: 0;
	}
	#pin03 {
		top: 50px;
		left: 40px;
		opacity: 0;
	}
	#pin04 {
		top: 90px;
		left: 150px;
		text-align: right;
		opacity: 0;
	}
	#pin05 {
		top: 140px;
		left: 140px;
		text-align: right;
		opacity: 0;
	}
	#pin06 {
		top: 210px;
		left: 130px;
		opacity: 0;
	}
	#pin07 {
		top: 240px;
		left: 100px;
		opacity: 0;
	}
	#pin08 {
		top: 140px;
		left: 50px;
		opacity: 0;
	}
	#pin09 {
		top: 260px;
		left: 30px;
		opacity: 0;
	}
	#pin10 {
		top: 180px;
		left: 0px;
		opacity: 0;
	}
	
	@keyframes bounceIn {
	  0%, 20%, 40%, 60%, 80%, 100% {
	    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  }
	 
	  0% {
	    opacity: 0;
	    -webkit-transform: scale3d(.3, .3, .3);
	    -ms-transform: scale3d(.3, .3, .3);
	    transform: scale3d(.3, .3, .3);
	  }
	 
	  20% {
	    -webkit-transform: scale3d(1.1, 1.1, 1.1);
	    -ms-transform: scale3d(1.1, 1.1, 1.1);
	    transform: scale3d(1.1, 1.1, 1.1);
	  }
	 
	  40% {
	    -webkit-transform: scale3d(.9, .9, .9);
	    -ms-transform: scale3d(.9, .9, .9);
	    transform: scale3d(.9, .9, .9);
	  }
	 
	  60% {
	    -webkit-transform: scale3d(1.03, 1.03, 1.03);
	    -ms-transform: scale3d(1.03, 1.03, 1.03);
	    transform: scale3d(1.03, 1.03, 1.03);
	  }
	 
	  80% {
	    -webkit-transform: scale3d(.97, .97, .97);
	    -ms-transform: scale3d(.97, .97, .97);
	    transform: scale3d(.97, .97, .97);
	  }
	 
	  100% {
	    -webkit-transform: scale3d(1, 1, 1);
	    -ms-transform: scale3d(1, 1, 1);
	    transform: scale3d(1, 1, 1);
	    opacity: 1;
	  }
	}
	
	
	#pin01.active {
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		opacity: 1;
	}
	#pin02.active {
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		opacity: 1;
	}
	#pin03.active {
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		opacity: 1;
	}
	#pin04.active {
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		opacity: 1;
	}
	#pin05.active {
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		opacity: 1;
	}
	#pin06.active {
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		opacity: 1;
	}
	#pin07.active {
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		opacity: 1;
	}
	#pin08.active {
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		opacity: 1;
	}
	#pin09.active {
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		opacity: 1;
	}
	#pin10.active {
		-webkit-animation-name: bounceIn;
		animation-name: bounceIn;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		opacity: 1;
	}
	
	/* 都道府県一覧 */
	#areaPref {
		width: 100%;
		display: table;
		border-spacing: 10px;
		padding: 0 5px;
	}
	
	.areaPrefWrap {
		display: table-row;
		width: 100%;
	}
	
	.areaPrefHead {
		display: table-cell;
		width: 70px;
		text-align: right;
		vertical-align: middle;
		padding: 10px 15px 10px 0;
		border-right: solid 1px #81785a;
		font-size: 1.4rem;
		line-height: 1;
		letter-spacing: 0.075em;
		color: #dac495;
	}
	
	.areaPrefList {
		display: table-cell;
		width: calc(100% - 70px);
		vertical-align: middle;
		padding-left: 10px;
	}
	
	.areaPrefList ul {
		letter-spacing: -.4em;
	}
	
	.areaPrefList ul li {
		letter-spacing: normal;
		display: inline-block;
		margin-right: 20px;
	}
	
	.areaPrefList ul li a {
		font-size: 1.2rem;
		line-height: 1.857;
		letter-spacing: 0.075em;
		color: #fff;
	}
	
	.areaPrefList ul li a:hover {
		color: #dac495;
		text-decoration: underline;
	}
	
	
	/* 買取エリア */
	#areaDetail {
		width: 100%;
		margin-bottom: 30px;
	}
	
	#areaDetailInner {
		width: 100%;
		margin: 0 auto;
		background-image: url(../../img/common/bg_brown2_sp.jpg);
		padding: 30px 25px 30px 25px;
	}
	
	#areaDetailHead {
		font-size: 2.2rem;
		line-height: 1.364;
		letter-spacing: 0.180em;
		color: #fbc971;
		text-align: center;
		margin-bottom: 30px;
	}
	
	#areaDetail ul {
		list-style-image: url(../../img/common/ic_listitem.png);
		letter-spacing: -.4em;
	}
	
	#areaDetail ul li {
		display: inline-block;
		letter-spacing: normal;
		margin: 10px 20px;
		background-image: url(../../img/common/ic_listitem.png);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 9px 7px;
		padding-left: 20px;
		font-size: 1.6rem;
	}
	
	/* 地域名のPRポイント */
	/* -------------------------------------------------- */
	.areaPrWrap {
		width: 100%;
		padding: 0 5% 80px;
		display: block;
	}
	
	.areaPrImg {
		width: 100%;
		height: 50vw;
		margin-bottom: 15px;
	}
	
	.areaPrImg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
	
	.areaPrTxt {
		width: 100%;
		position: relative;
		border-bottom: 1px #FFF solid;
	}
	
	.areaPrTxt::before {
		content: "";
		width: 100%;
		height: 1px;
		background: #FFF;
		display: block;
		position: absolute;
		top: 14px;
		left: 0;
		z-index: 1;
	}
	
	.areaPrTit1 {
		padding: 0 20px 0 0;
		font-size: 2rem;
		background: #000;
		position: relative;
		z-index: 2;
		display: inline-block;
	}
	
	.areaDesc {
		padding: 10px 0 20px;
		line-height: 1.5;
		letter-spacing: 0.1em;
	}
}