﻿@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------ */
/* 地域版　コンテンツ */
/* ------------------------------------------------------------ */

#content .section .main-img-chiba{
	width:810px;
	height:300px;
	margin:5px 5px 0 0;
	background:url(../img/top_img_chiba.jpg) right top no-repeat;
}

#content .section .main-img-saitama{
	width:810px;
	height:300px;
	margin:5px 5px 0 0;
	background:url(../img/top_img_saitama.jpg) right top no-repeat;
}

#content .section .main-img-kanagawa{
	width:810px;
	height:300px;
	margin:5px 5px 0 0;
	background:url(../img/top_img_kanagawa.jpg) right top no-repeat;
}

#content .section .main-img-tokyo{
	width:810px;
	height:300px;
	margin:5px 5px 0 0;
	background:url(../img/top_img_tokyo.jpg) right top no-repeat;
}

#content .section .section-item h2{
	width:780px;
	height:40px
	border:1px solid #000;
	margin:10px 10px 5px 0;
	padding:10px 10px 10px 15px;
	font-size:15px;
	color:#fff;
	background:url(../img/title-base.jpg);
}

#content .section .time-item{
	width:190px;
	height:120px;
	border:1px solid #999;
	margin:5px 5px 5px 3px;
	float: left;
}

#content .section .time-item h3{
	margin:5px 5px 5px 5px;
	font-size:15px;
	text-align:center;
	color:#fff;
	background:#f66;
}

#content .section .greeting{
	width:770px;
	border:1px solid #ccc;
	padding:10px;
	margin:0 0 0 3px;
}

#content .section .greeting p{
	font-size:14px;
	line-height:22px;
}

#content .section .greeting p.cont{
	font-size:16px;line-height:26px;margin:10px 10px 0 5px;
}

#content .section .circle {
	margin:10px 0 0 0;
	padding:0;
	background:url(../img/circle.gif)no-repeat;
	width:440px;
	height:190px;
	float:left;
}

.greeting .shoparea{
	background-color: #f0f0f0;
}

.greeting .area_h3{
	padding: 10px;
	font-size: 16px;
	margin-top: 10px;
	border: 1px solid #0061c3;
}

.greeting ul{
	margin-left: 30px;
}
.greeting ul li{
	list-style-position: inside !important;
	list-style: disc !important;
	font-size: 16px;
}

#content .section .circle p {
	margin:5px 0 0 0;
}

/* ------------------------------------------------------------ */
/* 買取対応エリア */
/* ------------------------------------------------------------ */

#content .section .main-img-area {width:810px;height:300px;margin:5px 5px 0 0;background:url(../img/top_img_area.jpg) right top no-repeat;}

.section-item .area { padding: 10px 0 20px 40px; }
.section-item .area a { text-decoration: underline;color:#00f; font-size:1.6em;  padding-left:30px; }


/* ------------------------------------------------------------ */
/* ヘッダ */
/* ------------------------------------------------------------ */
#head-shops{
	width:100%;
	height:150px;
	margin:0px auto;
	background-color:#f00;
}

#head-shops h1{
	width:980px;
	font-size:12px;
	line-height:13px;
	color:#fff;
	margin:0px auto;
	padding:5px 0 0 5px;
}

#head-shops h2{
	width:980px;
	font-size:12px;
	line-height:15px;
	color:#fff;
	padding:0 0 0 5px;
}

#head-shops p{
	width:980px;
	font-size:12px;
	line-height:15px;
	color:#fff;
	margin:0;
	padding:0 0 0 5px;
}

#head-shops-img{
	width:980px;
	height:80px;
	margin:0px auto 5px auto;
}

/* ------------------------------------------------------------ */
/* 拠点情報 */
/* ------------------------------------------------------------ */
.shop_info{
	display: table;
	width: 790px;
}

.shop_map{
	display: table-cell;
	width: 400px;
}

.shop_text{
	padding-left: 10px;
	font-size: 16px;
	display: table-cell;
	width: 390px;
	vertical-align: top;
}

.shop_text table{
	width: 100%;
	background: #e9f8ff;
	border-collapse: separate;
	border-spacing: 10px;
}

.shop_text th{
	text-align: left;
	white-space: nowrap;
}


#content .shop_text p{
	margin-left: 5px;
	font-size: 14px;
}


/* ------------------------------------------------------------ */
/* 買取実績 */
/* ------------------------------------------------------------ */
.result_title{
	margin-top: 20px;
}
.result_box_wrap{
	border-radius: 10px;
	display: table;
	width: 770px;
	padding: 0;
	background: #fffbed;
	border-collapse: separate;
  	border-spacing: 5px 0;
}

.result_box_wrap li{
	width: 220px;
	padding: 10px;
	display: table-cell;
	text-align: center;
}

.result_box_wrap li img{
	width: 220px;
	height: 220px;
	object-fit: cover;
}

.result_link{
	background: #ff540a;
	color: #fff;
	padding: 10px;
	text-decoration: none;
}

.result_link:hover,.result_link:visited,.result_link:link{
	color: #fff;
	text-decoration: none;
}


/* ------------------------------------------------------------ */
/* お客様の声 */
/* ------------------------------------------------------------ */

.customer-voice3{
	width:750px;
	margin:5px 0 0 0;
	background: #fde9eb;
	padding-bottom:5px;
}

.customer-voice3 h3{
	padding:30px 20px 0 0;
	text-align:right;
	color:#000;
	font-weight:bold;
}

.customer-voice3 img{
	padding:5px;
	float: left;
}

.customer-voice3 h4{
	font-size: 14px;
}


.section-item .number-vox {
	margin:10px 20px 0 10px;
	padding:20px 20px 15px 20px;
}


.section-item .number-vox h5.red{
	background-color: #f60;
	color: #fff;
	padding: 5px;
	margin: 0 10px 10px 0;
	border-left: 6px solid #c00;
	font-size:18px;
}

.staff_ans{
	border-radius: 10px;
	margin: 0 10px 20px 10px;
	padding: 20px;
	background: #fff;
}

/* 買取の流れ */

.flowbox h4{
position: relative;
color: black;
background: #d0ecff;
font-size:1.5em;
line-height: 1.4;
padding: 0.25em 0.5em;
margin: 2em 0 0.5em;
border-radius: 0 5px 5px 5px;
}

.flowbox h4:after {/*タブ*/
  position: absolute;
  content: 'Check';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
  }

/* ------------------------------------------------------------ */
/* Q&A */
/* ------------------------------------------------------------ */

#content .section .section-item .question{
	margin:10px 0 0 10px;
	padding:0;
	background:url(../apple/img/bg-q.png) no-repeat;
	height:60px;
}

#content .section .section-item .question img{
	float:left;;
}

#content .section .section-item .question p{
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	padding:22px 40px 0 70px;
}

#content .section .section-item .answer{
	margin:0;
	padding:0;
	background:url(../apple/img/bg-a.png) no-repeat;
	height:170px;
}

#content .section .section-item .answer-top{
	margin:0 0 0 10px;
	padding:0;
	background:url(../bicycle/img/bg-a-top.png) no-repeat;
	height:48px;
	width:800px;
}

#content .section .section-item .answer-middle{
	margin:0 0 0 10px;
	padding:0;
	background:url(../bicycle/img/bg-a-middle.png) ;
	width:800px;
}

#content .section .section-item .answer-bottom{
	margin:0 0 0 10px;
	padding:0;
	background:url(../bicycle/img/bg-a-bottom.png) no-repeat;
	height:29px;
	width:800px;
}

#content .section .section-item .answer img{
	float:left;;
}

#content .section .section-item .answer p{
	font-size:18px;
	line-height:24px;
	padding:20px 50px 0 70px;
}

#content .section .section-item .answer-middle p{
	font-size:18px;
	line-height:24px;
	padding:0 50px 20px 70px;
}

#content .section .section-item p.fs16 {
	font-size:16px;
}

#content .section .section-item p.fs14 {
	font-size:14px;
}

#content .section .section-item p.mgl10 {
	margin-left:10px;
}

#content .section .section-item p.mgr10 {
	margin-right:10px;
}

#content .section .section-item p.mgt10 {
	margin-top:10px;
}

#content .section .section-item p.mgt20 {
	margin-top:20px;
}

#content .section .section-item p.pdt20 {
	padding-top:20px;
}

/* typography */
.ft18{
	font-size: 18px;
}
.ft16{
	font-size: 16px;
}
.ft14{
	font-size: 14px;
}
.ft12{
	font-size: 12px;
}
.fntn{
	font-size: 1rem;
}

.mt5{
	margin-top: 5px !important;
}

.mt10{
	margin-top: 10px !important;
}

.mt20{
	margin-top: 20px !important;
}
.mb5{
	margin-bottom: 5px !important;
}


.mb10{
	margin-bottom: 10px !important;
}
.mb20{
	margin-bottom: 20px !important;
}



.ftbld{
	font-weight: bold;
}

.aligncenter{
	text-align: center !important;
}


