@charset "utf-8";
/* CSS Document */

/*設定
---------------------------------------*/
body {
	font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	color:#676767;
	font-size:12pt;
	text-align:left;
}
body * {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:0;
	box-sizing:border-box;
	font-weight:normal;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  border-style: none;
}
#wrapper {
	background:#fff!important;
	min-width:900px;
	margin:0 auto;
	padding:0;
}
#headerWrap {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:auto;
	background:transparent url(URL) no-repeat scroll 0px center / 100% auto;
	margin-bottom:50px;
}
#header {
	background:transparent no-repeat center;
	margin:0 auto;
	padding:0px;
	width:880px;
}
#headerCategoryList,#headerBtm,.mt12 {
	display:none;
}
#headerStore {
	width:880px;
	margin:0;
	padding:0;
}
#headerStore .kana {
	display:none;
}
#headerStore .name a {
	font-size:12pt;
	font-weight:lighter;
	color:#f50;
}
#headerStoreContact {
	display:none;
}
#mainimg {
	height:546px;
	margin:0;
	background:transparent url(https://cms.locoplace.biz/storeimg/61/613819/20230929_0930581.gif) repeat-x;
}
#mainimgIn {
	width:100%;
	height:546px;
	margin:0 auto;
	background:transparent url("https://cms.locoplace.biz/storeimg/75/750622/20230929_1025053.png") no-repeat scroll 50% 50%!important;
}
#g01 #contents {
    width: 100%;
}
#g01 .sectionWrap, #g01 .sectionBtm {
    background: none;
}
#g01 .section {
    background: none;
    padding: 0;
}
#g01 .sectionIn {
    padding: 0;
}
/*footer
---------------------------------------*/
.pageTop {
    right: 15px;
    z-index: 100;
    position: fixed;
    bottom: 20px;
    top: auto;
    border-width: 45px;
    border-style: solid;
    border-radius: 50%!important;
    border-color: #F50;
    width: 0!important;
    height: 0!important;
}
.pageTop a {
    display: block;
    width: 90px;
    height: 90px!important;
    margin-top: -45px;
    margin-left: -45px!important;
}
.pageTop img {
    visibility: hidden;
    margin-top: 0!important;
    width: 90px!important;
    height: 90px!important;
}
.pageTop::after {
    content: "";
    width: 20px;
    height: 20px;
    border: 0;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 55%;
    left: -10px;
    margin-top: -5px;
}
/*footer
---------------------------------------*/
#footerTop {
    background: #f50;
}
#footerBtm {
    background: #ffccb2;
}
#g01 #footerBtm {
    height: 300px;
}
/*ギャラリー、基本情報
---------------------------------------*/
#dlpoC_C, #dlpoC_D {
    background: 0 0;
    padding: 0;
    margin: 0 auto;
    width: 880px;
}
#dlpoC_C .h2WrapMid h2, #dlpoC_D .h2WrapMid h2 {
    width: 880px;
    background: repeating-linear-gradient(#f50,#f50 3px,#f60 0,#f60 6px);
    margin: 0 auto 15px;
    border-radius: 5px 5px 0 0;
    color: #fff;
    padding: 10px;
}
#dlpoC_C .h2WrapTop, #dlpoC_D .h2WrapTop, #dlpoC_C .h2WrapBtm, #dlpoC_D .h2WrapBtm, #dlpoC_C .h2WrapMid, #dlpoC_D .h2WrapMid {
    padding: 0;
    background: none;
}
/*gNavi
---------------------------------------*/
#gNaviWrap {
	margin:0;
	clear:both
}
#gNavi ul {
	width:880px;
	padding:0;
	height:60px;
	margin:0 auto;
	border-bottom:none
}
#gNavi li a {
	width:176px;
	height:60px;
	padding-top:20px;
	background:-moz-linear-gradient(top,#f73,#f73);
	background:-webkit-gradient(linear,center top,center bottom,from(#f73),to(#f73));
	border-left:1px solid #f90;
	border-right:1px solid #f50;
	color:#fff;
}
#gNavi li#gNav02,#gNavi li#gNav03,#gNavi li#gNav04,#gNavi li#gNav05 {
	width:176px;
	height:60px;
}
#gNaviIn {
	width:auto;
	margin:0 auto;
	background:-moz-linear-gradient(top,#f70,#f50);
	background:-webkit-gradient(linear,center top,center bottom,from(#f70),to(#f50));
}
#gNavi li#gNav02 {
	left:176px;
}
#gNavi li#gNav03 {
	left:352px;
}
#gNavi li#gNav04 {
	left:528px;
	min-width:0;
}
#gNavi li#gNav05 {
	left:704px;
	min-width:0;
}
#gNavi li a:hover {
	background:no-repeat;
}
/*OM
---------------------------------------*/
#g01 .sectionWrap:nth-child(1) {
    width: 880px;
    margin: 0 auto;
}
#g01 .sectionWrap:nth-child(1) .h2WrapBtm {
    margin: 0;
    background: none !important;
}
#g01 .sectionWrap:nth-child(1) .h2WrapTop, #g01 .sectionWrap:nth-child(1) .h2WrapMid {
    padding: 0;
    background: none !important;
}
#g01 .sectionWrap:nth-child(1) .h2WrapMid h2 {
    width: 880px;
    height: 40px;
    padding: 10px 0 0 30px;
    background: repeating-linear-gradient(#96be19,#96be19 3px,#abcb47 0,#abcb47 6px);
    border-radius: 5px 5px 0 0;
    text-align: left;
    font-size: 12pt;
    color: #fff;
}
.topMessageDetail h3 {
    color: #96be19;
    border: none;
}
.topMessageSec02 {
    color: #96be19;
}
/*共通
---------------------------------------*/
.cont-wallpaper {
    font-size: 17px !important;
}
.title-bg {
    background: repeating-linear-gradient(#f50,#f50 3px,#f60 0,#f60 6px);
    box-shadow: 1px 1px 6px grey;
    padding: 5px 0;
}
.title-bg h2 {
    font-size: 30px;
    font-weight: bold;
    width: 880px;
    margin: 0 auto;
    border-left: 10px solid #FFDF42;
    color: #fff;
    padding: 10px;
}
.cont-bg {
    width: 880px;
    margin: 0 auto;
    padding: 30px 0;
}
/*top
---------------------------------------*/
h2.indexCopy01 {
    width: 880px;
    margin: 20px auto;
    color: #f50;
    font-size: 21pt;
}
/*{エリア}の廃車買取対応エリア
---------------------------------------*/
.areamap {
    margin-bottom: 30px;
}
.areamap iframe {
    height: 450px;
}
/*どんな車も0円以上で買取!
---------------------------------------*/
img.scrap-img {
    margin: 10px 0 30px;
}
.scrap-txt_box img {
    float: right;
}
.scrap-txt_box::after {
    content: "";
    display: block;
    clear: both;
}
.scrap-com_box {
    clear: both;
    width: 800px;
    height: auto;
    margin: 30px auto;
    padding: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 8px grey;
}
.scrap-com_box h3 {
    background: repeating-linear-gradient(#00bec8,#00bec8 3px,#33c3d3 0,#33c3d3 6px);
    border-radius: 10px 10px 0 0;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    padding: 15px;
}
.scrap-com_box p {
    line-height: 1.8em;
    color: #00bec8;
    padding: 20px;
}
/*{エリア}のカーネクストの特徴
---------------------------------------*/
#buy {
    background: #fff0e1;
}
.buy-bg {
    background: #fff;
    margin: 40px 0;
}
.buy-bg h3 {
    background: repeating-linear-gradient(#ffa578,#ffa578 3px,#ff9b69 0,#ff9b69 6px);
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    padding: 15px;
}
.buy-bg h3 br {
    display: none;
}
.buy-box {
    display: flex;
}
.buy-img {
    width: 30%;
}
.buy-txt {
    width: 70%;
    padding: 20px;
}
/*{エリア}廃車手続きの流れ
---------------------------------------*/
#flow {
    background: #FFF9E5;
}
.flow-bg {
    margin: 60px 0;
}
h3.flow-title_h3 {
    background: repeating-linear-gradient(#ffa578,#ffa578 3px,#ff9b69 0,#ff9b69 6px);
    color: #fff;
    font-weight: bold;
    padding: 10px 10px 10px 75px;
    border-radius: 50px;
    font-size: 25px;
    position: relative;
    margin-bottom: 30px;
}
.flow-bg h3.flow-title_h3::before {
    width: 103px;
    content: "";
    background: url(http://cms.locoplace.biz/storeimg/61/613819/20220627_1104531.png)no-repeat;
    height: 103px;
    position: absolute;
    bottom: -17px;
    background-size: contain;
    left: -42px;
}
#flow-01 h3.flow-title_h3::before {
    background: url(https://cms.locoplace.biz/storeimg/61/613819/20220627_1104531.png)no-repeat;
}
#flow-02 h3.flow-title_h3::before {
    background: url(https://cms.locoplace.biz/storeimg/61/613819/20220627_1104532.png)no-repeat;
}
#flow-03 h3.flow-title_h3::before {
    background: url(https://cms.locoplace.biz/storeimg/61/613819/20220627_1104533.png)no-repeat;
}
#flow-04 h3.flow-title_h3::before {
    background: url(https://cms.locoplace.biz/storeimg/61/613819/20220627_1104534.png)no-repeat;
}
#flow-05 h3.flow-title_h3::before {
    background: url(https://cms.locoplace.biz/storeimg/61/613819/20220627_1104535.png)no-repeat;
}
p.flow-txt {
    margin: 0 30px;
}
.flow-com {
    background: #fff;
    padding: 20px;
    margin: 20px;
    line-height: 1.8;
    color: #ff6400;
}
/*エリアコンテンツ
-----------------------*/
.areact-box {
    background: #fff;
    padding: 20px;
    margin: 30px 0 50px;
}
.areact-box h4 {
    color: #ff672d;
    border-bottom: 5px solid #ffdf41;
    margin-bottom: 10px;
    text-align: center;
}
.areact-box h4 span {
    font-size: 25px !important;
    font-weight: bold;
}
/*{エリア}以外でも廃車買取りの対応可能！
---------------------------------------*/
#zenkoku h3 {
    color: #F50;
    font-weight: bold;
    font-size: 25px;
}
#zenkoku p {
    background: url(https://cms.locoplace.biz/storeimg/12/126404/20180301_1216152.png)no-repeat right top /380px;
    padding-right: 400px;
    height: 300px;
    margin: 30px 0;
}
/*{エリア}の車買取専門スタッフが365日対応！
---------------------------------------*/
#allday {
    background: #ffefe3;
}
#allday h3 {
    color: #F50;
    font-weight: bold;
    font-size: 25px;
}
.allday-bg {
    margin-top: 30px;
}
.allday-bg img {
    float: right;
}
.allday-bg::after {
    display: block;
    content: "";
    clear: both;
}
/*廃車買取でよく頂くご質問をご紹介いたします
---------------------------------------*/
ul.qa-cont li {
    border: 10px solid #ff9966;
    margin: 20px 0px;
    padding: 0 10px;
}
ul.qa-cont li h3 {
    font-size: 25px;
    font-weight: bold;
    border-bottom: 3px dashed #f96;
    padding: 10px 0px 10px 50px;
    margin-bottom: 8px;
    background: url(https://cms.locoplace.biz/storeimg/12/126404/20200114_1602291.png)no-repeat left /40px;
}
ul.qa-cont li p {
    padding-left: 50px;
    background: url(https://cms.locoplace.biz/storeimg/12/126404/20200114_1602292.png)no-repeat top left /40px;
    padding-bottom: 10px;
}
/*エリアコンテンツ
-----------------------*/
.eria-ct {
    margin: 50px 0;
    border: 5px solid #ffc800;
    padding: 20px;
}
.eria-ct h3 {
    font-size: 25px;
    color: #f50;
    font-weight: bold;
}
.eria-ct p {
    margin: 20px 0;
}
/*{都道府県}の廃車買取費用
---------------------------------------*/
.kaitori_cost-box {
    margin: 30px 0;
    padding: 20px;
    border: 10px solid #ff9966;
}
/*{都道府県}の車処分方法
---------------------------------------*/
.kaitori_cost2-box {
    margin: 30px 0;
    padding: 20px;
    border: 10px solid #ff9966;
}
/*{エリア}の廃車手続きお役立ち情報
---------------------------------------*/
.unyu_box {
    background: #ffefb2;
    padding: 20px;
    margin-bottom: 50px;
    margin-top: 20px;
}
/*{エリア}の廃車買取対応地域
---------------------------------------*/
.taiou_box {
    background: #ffefb2;
    padding: 20px;
    margin-bottom: 50px;
    margin-top: 20px;
}
/*追従
---------------------------------------*/
.floating-banner, .floating-banner2, .floating-banner3 {
    display: none;
}
.fbnr {
    position: fixed;
    bottom: 0;
    z-index: 1 !important;
    background: #6c6c6cc7;
    padding: 10px;
    display: inline-block;
    width: 100%;
}
.floating-banner_pc {
    width: 600px;
    margin: 0 auto;
}
.tel-bnr_bg {
    display: flex;
}
/*CV
---------------------------------------*/
#contact_banne {
    width: 880px;
    margin: 50px auto;
}
.cv-box {
    width: 100%;
    margin-bottom: 70px;
    padding: 50px 0;
    background: url(/img/index/index_img39.png) no-repeat;
    background-size: cover;
    background-position: 2% 0%;
}
.inner {
    width: 880px;
    margin: 0 auto;
}
.cv-line {
    padding: 10px;
    border: 6px solid #c7c5c5;
    background-color: #fff;
}
.cv-title {
    width: 90%;
    margin: 0 auto;
    padding: 5px 10px;
    color: #fff;
    font-size: 1.5em;
    background-color: #ef3737;
    text-align: center;
    position: relative;
    top: -30px;
}
.cv-left {
    display: inline-block;
    width: 48%;
    margin: -20px 30px 0 0;
    text-align: center;
    font-size: 1.2em;
    vertical-align: top;
}
.cv-bottom {
    margin-bottom: 5px;
    font-size: 1.0rem;
    line-height: 1.8;
}
.cv-small {
    font-size: 0.7em !important;
    line-height: 2 !important;
}
.cv-right {
    display: inline-block;
    width: 47%;
    margin-top: -20px;
    text-align: center;
    font-size: 1.2em;
    vertical-align: top;
}
.cv-right p {
    margin-bottom: 5px;
    font-size: 1.0rem;
    line-height: 1.8;
}
.cv-btn {
    color: #fff;
    font-size: 1.2em;
    margin-bottom: 5px;
}
/*廃車買取実績
---------------------------------------*/
.jisseki-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.jisseki-bg {
    padding: 15px;
    width: 32%;
    background-color: #fff;
    border: 10px solid #ff9966;
    margin: 15px 0;
}
h3.tittle {
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 10px;
}
.jisseki-box dl {
    display: flex;
    justify-content: space-between;
}
.jisseki-box dt {
    width: 80px;
    border-bottom: 1px solid #6f6f6f;
    background: #ffccb2;
    padding: 5px;
    margin: 5px 0;
    font-weight: bold;
    text-align: center;
}
.jisseki-box dd {
    width: calc(100% - 80px);
    border-bottom: 1px solid #6f6f6f;
    text-align: left;
    padding: 5px;
    margin: 5px 0;
}
/*OM
============================*/
#g01 #main > div:nth-child(6) > div > div.h2WrapBtm > div > div > h2 {
    border-radius: 5px 5px 0 0;
    text-align: left;
    font-size: 12pt;
    color: #fff;
}
#g01 .sectionWrap:nth-child(6) {
    width: 880px !important;
    margin: 0px auto !important;
}
#g01 #main > div:nth-child(6) {
    width: 880px!important;
    margin: 0px auto!important;
}
#g01 #main > div:nth-child(6) > div {
    width: 880px!important;
    margin: 0px auto!important;
}
#g01 #main > div:nth-child(6) > div > div.h2WrapBtm {
    width: 880px!important;
    margin: 0px auto!important;
}
#g01 #main > div:nth-child(6) > div > div.sectionIn {
    width: 880px!important;
    margin: 0px auto!important;
}
#g01 .sectionWrap:nth-child(3) {
    width: 880px!important;
    margin: 0px auto!important;
}
#g01 #main > div:nth-child(3) {
    width: 880px!important;
    margin: 0px auto!important;
}
#g01 #main > div:nth-child(3) > div {
    width: 880px!important;
    margin: 0px auto!important;
}
#g01 #main > div:nth-child(3) > div > div.h2WrapBtm {
    width: 880px!important;
    margin: 0px auto!important;
}
#g01 #main > div:nth-child(3) > div > div.sectionIn {
    width: 880px!important;
    margin: 0px auto!important;
}
#g01 #main > div:nth-child(3) > div > div.h2WrapBtm {
    margin: 0;
    background: none !important;
}
#g01 #main > div:nth-child(3) > div > div.h2WrapBtm > div {
    padding: 0;
    background: none !important;
}
#g01 #main > div:nth-child(3) > div > div.h2WrapBtm > div > div {
    width: 880px;
    height: 40px;
    padding: 10px 0 0 30px;
    background: repeating-linear-gradient(#96be19, #96be19 3px, #abcb47 0, #abcb47 6px);
    border-radius: 5px 5px 0 0;
    text-align: left;
    font-size: 12pt;
    color: #fff;
}
#g01 #main > div:nth-child(6) > div > div.h2WrapBtm {
    margin: 0;
    background: none !important;
}
#g01 #main > div:nth-child(6) > div > div.h2WrapBtm > div {
    padding: 0;
    background: none !important;
}
#g01 #main > div:nth-child(6) > div > div.h2WrapBtm > div > div {
    width: 880px;
    height: 40px;
    padding: 10px 0 0 30px;
    background: repeating-linear-gradient(#96be19, #96be19 3px, #abcb47 0, #abcb47 6px);
    border-radius: 5px 5px 0 0;
    text-align: left;
    font-size: 12pt;
    color: #fff;
}
#g01 .sectionWrap, #g01 .sectionBtm {
    padding: 0;
}
.cont-bg {
    line-height: 1.8;
}
.nayami h2 {
    margin: 0 auto;
    padding: 5px 10px;
    font-size: 1.5em;
    text-align: center;
    border-bottom: solid 2px #ff9b69;
    font-weight: bold;
}
.nayami ul {
    background: #fef9e7;
    margin-bottom: 50px;
    padding: 30px;
    font-size: 20px;
}
.nayami ul li::before {
    content: "●";
    color: #ff6700;
    margin-right: 10px;
}
p.mid-txt {
    width: 90%;
    margin: 0 auto;
    padding: 5px 10px;
    font-size: 1.3em;
    text-align: center;
    position: relative;
    top: -30px;
    font-weight: bold;
    color: #ff6200;
    border-bottom: solid 2px #ff6800;
}
.image-ct {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin: 30px 0;
}
.image-list {
    width: calc(calc(100% - 30px) / 3);
    border-radius: 5px;
    font-weight: bold;
}
.image-list img {
    width: 100%;
    height: auto;
}
.image-list p {
    font-weight: bold;
    font-size: 20px;
    padding: 5px;
    text-align: center;
    background: #ffccb2;
}
.pro-con-ct {
    display: flex;
    margin: 10px auto 40px;
    gap: 20px;
    position: relative;
}
.merit-h3 h3 {
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    background: #ff9966;
    color: #fff;
    padding: 10px;
    position: relative;
    border-bottom: 0;
}
.merit-h3 h3::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #ff9966;
}
.merit-sec {
    background: #ffe7dc;
    padding: 20px;
    vertical-align: top;
    color: #363636;
    margin: 25px 0 0;
    border-radius: 20px;
}
.merit-sec h4 {
    font-size: 20px;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}
.merit-sec h4::before {
    content: "●";
    color: #fd7531;
    margin-right: 10px;
}
.demerit-h3 h3 {
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    background: #9e9e9e;
    color: #fff;
    padding: 10px;
    position: relative;
    border-bottom: 0;
}
.demerit-h3 h3::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #9e9e9e;
}
.demerit-sec {
    background: #e7e7e7;
    padding: 20px;
    vertical-align: top;
    color: #363636;
    margin: 25px 0 0;
    border-radius: 20px;
    height: 240px;
}
.demerit-sec h4 {
    font-size: 20px;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}
.demerit-sec h4::before {
    content: "●";
    color: #595959;
    margin-right: 10px;
}
.areact-box h2 {
    color: #ff672d;
    border-bottom: 5px solid #ffdf41;
    margin-bottom: 10px;
    text-align: center;
}
.areact-box h2 span {
    font-size: 25px !important;
    font-weight: bold;
}
.eria-ct h2 {
    font-size: 25px;
    color: #f50;
    font-weight: bold;
}
#contact_banne_sp {
    display: none;
}
/*企業情報
============================*/
table.company-bg {
    width: 100%;
    margin: 50px 0;
}
.company-bg td, .company-bg th {
    padding: 10px 5px;
    border: 1px solid #ff7201;
}
.company-bg th {
    text-align: center;
    font-weight: bold;
    background: #ffeeb2;
    width: 200px;
}
.company-bg td {
    padding-left: 20px;
}
/*
============================*/
ul.list_box {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin: 30px 0;
}
ul.list_box li {
    width: calc(calc(100% - 30px) / 3);
    background-color: #ffefb2;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
}
ul.list_box a {
    text-decoration: none;
    color: #616161;
    display: block;
}
ul.list_box li:hover {
    opacity: 0.8;
}
