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

/*設定
======================================================*/
.ctimg img {
    width: 100%;
    height: auto;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	color: #343434;
	font-size: 16px;
}
#wrapper {
	background: #fff;
    padding: 0px 0px 0!important;
}
#headerWrap {
	width: 100%;
	background: #fff;
}
#header {
	background: none;
	padding: 0px;
	margin: 0 auto;
	width: 1000px !important;
}
#headerCategoryList, #headerBtm, .mt12 {
 	display: none;
 }
#headerStoreWrap {
 	padding: 25px 12px 5px 0px;
 } 
#headerStore {
 	width: 1000px;
 	margin: 0 auto;
 }
#headerStore .name {
	font-size: 15px;
	color: #577e14;
}
#headerStore .name a {
    color: #ed6779;
    font-size: 19px;
}
#headerStoreContact img {
    display: none;
}
#headerStoreDialWrap {
    background: none;
    margin-top: -25px;
}
#headerStoreDial {
	padding: 0;
	background: none;
}
#headerStoreDial .number {
    padding-left: 0;
    text-align: right;
    color: #ed6779;
    background: none;
}
.header_mgn01 {
	display: none !important;
}
#headerIconList {
	margin-top: 0;
}
#headerStore .kana {
    font-weight: bold;
    font-size: 86%;
    display: none;
}
#mainimg {
    margin: auto;
    height: 700px;
    position: relative;
    background: url(https://cms.locoplace.biz/storeimg/23/233886/20250716_1109552.gif);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
}
#mainimgIn {
    width: 100%;
    height: 755px;
    background-position-x: center !important;
    /* background-position-y: top !important; */
    /* background-repeat: no-repeat !important; */
    /* background-attachment: scroll !important; */
    /* background-origin: initial !important; */
    /* background-clip: initial !important; */
    /* background-color: initial !important; */
}
#mainimgIn {
    background: url(https://cms.locoplace.biz/storeimg/23/233886/20250806_1247581.gif) no-repeat scroll top / 1300px !important;
    width: 100%;
    height: calc(100vw / 1000 * 600);
}
/*設定
============================*/
.sectionBtm, #g01 .indexCornerWrap01 {
	display: none;
}
.sectionWrap, .h2WrapBtm, .h2WrapTop, .h2WrapMid {
	background: none;
}
.sectionWrap {
	z-index: auto;
}
.h2WrapMid h2 {
	color: #002500;
}
#g01 .h2WrapMid h2 {
    color: #ffffff;
}
#g01 .section {
	background: none;
	padding: 0;
}
#g01 .sectionIn {
	padding: 0;
}
#g01 #contents {
	width: 100%;
}
#g02 .section,#g03 .section,#g05 .section,#g06 .section {
	background: #fff;
}
#g04 #contents {
	width: 880px;
}
#g04 .section {
	padding: 0;
	background: none;
}
#g04 .sectionIn {
	padding: 0;
}
#g04 .indexGalleryWrap01 {
	padding: 0;
}
#map_canvas {
	width: 880px !important;
	margin: 0 auto !important;
}
.accessSec01 {
	width: 880px;
}
#dlpoC_D {
    width: 1000px;
    margin: 30px auto;
}
div#dlpoC_C {
    width: 1000px;
    margin: 0 auto;
}
#g01 .h2WrapTop {
    background: #bf2b53;
    padding: 5px !important;
}
#g01 .sectionWrap:not([id]) {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 60px 3px 0 3px;
}
#g01 .sectionWrap:not([id]) .h2WrapBtm {
    margin: 0;
}
#g01 .sectionWrap:not([id]) h2 {
    position: relative;
    margin: 0;
    padding: 4px 12px;
    background: #bf2b53;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}
#g01 .sectionWrap:not([id]) .section .sectionIn {
    padding: 10px !important;
    border: solid 1px #332d1a;
}
.h2WrapBtm {
    margin: 0 0 10px;
    padding-bottom: 0;
    background: url(../img/bg_h2_btm01.gif) no-repeat left bottom;
    _zoom: 1;
}
#g01 .sectionWrap:not([id]) .section .sectionIn {
    padding: 10px !important;
    border: solid 1px #bf2b53;
}
/*gNavi 
======================================================*/
#gNaviWrap {
	margin: 0;
	clear: both;
}
#gNaviIn {
    width: auto;
    margin: 0px auto;
    background: #a39b87;
    padding: 0px 10px 17px 10px;
}
#gNavi ul {
	width: 1000px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	border-bottom: none;
	display: flex;
}
#gNavi li {
	padding-bottom: 0;
	width: auto;
	height: 50px;
	flex: 1 1 0px;
	justify-content: center;
	align-items: center;
	position: static;
}
#gNavi li#gNav02 {
	left: 176px;
	height: 50px;
	width: 176px;
}
#gNavi li#gNav03 {
	left: 352px;
	height: 50px;
	width: 176px;
}
#gNavi li#gNav04 {
	left: 528px;
	min-width: 0px;
	height: 50px;
	width: 176px;
}
#gNavi li#gNav05 {
	left: 704px;
	min-width: 0px;
	height: 50px;
	width: 176px;
}
#g01 #gNavi li#gNav01 a, #g02 #gNavi li#gNav02 a, #g03 #gNavi li#gNav03 a, #g04 #gNavi li#gNav04 a, #g05 #gNavi li#gNav05 a, #g06 #gNavi li#gNav06 a, #g07 #gNavi li#gNav07 a {
    background: #655e4e;
}
#gNavi li a {
    width: auto;
    height: 50px;
    background: #aba38f;
    border-left: 1px solid #fff;
    color: #fff!important;
    display: block;
    text-align: center;
    height: 50px;
    background: url(../img/bg_gnavi01.png) no-repeat left top;
    font-size: 115%;
    color: #777;
    padding-top: 18px;
    font-weight: bold;
    text-decoration: none;
    font-size: 21px;
}
#gNavi li:last-child a {
	border-right: 1px solid #fff;
}
#gNavi li a:hover {
	background: #655e4e;
	color: #fff;
}
.pageTop {
    position: absolute;
    right: 9px;
    top: -40px;
    right: 15px;
    z-index: 100;
    position: fixed;
    bottom: 20px;
    top: auto;
    border-width: 45px;
    border-style: solid;
    border-radius: 50%!important;
    border-color: #655e4e;
    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;
}
iframe {
    height: 300px;
}
/*共通
======================================================*/
h2.indexCopy01 {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 65px 0px 10px 0px;
}
.cont-wallpaper {
    padding: 30px 0px;
    line-height: 1.7;
}
.top-cont {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 0px 3px;
}
.cont-title_a {
    border-bottom: 5px solid #DCB879;
}
.cont-title_a h2 {
    position: relative;
    padding: 0.6em 3em 0;
    display: inline-block;
    font-weight: bold;
    font-size: 24px;
    background: url(https://cms.locoplace.biz/storeimg/23/233886/20180327_1502294.png) left center no-repeat;
    background-size: 61px;
    background-position-y: 11px;
}
.cont-title_b {
    text-align: center;
}
.cont-title_b h2 {
    background: #bf2b53;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: 10px;
    margin: 0 auto;
    width: 1000px;
}
.cont-title_c {
    text-align: center;
}
.cont-title_c h2 {
    position: relative;
    padding: 0.6em 1.5em;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    color: #bf2b53;
}
.cont-title_c h2::before, .cont-title_c h2::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    display: inline-block;
}
.cont-title_c h2::before {
    border-left: solid 5px #bf2b53;
    border-top: solid 5px #bf2b53;
    top: 0;
    left: 0;
}
.cont-title_c h2::after {
    border-right: solid 5px #bf2b53;
    border-bottom: solid 5px #bf2b53;
    bottom: 0;
    right: 0;
}
.cont-title {
    margin: 30px 0 20px;
}
.cont-title h3 {
    background: #b72b53;
    margin-bottom: 20px;
    font-weight: bold;
    color: #fff;
    padding: 10px;
    font-size: 21px;
}
p.top-link {
    margin: 20px 0;
}
p.top-link a {
    color: #bf2b53;
    font-weight: bold;
}
.column-p {
    margin: 2em 0;
}
span.mark {
    font-size: 105%;
    color: #95743c;
    font-weight: 700;
    background: linear-gradient(transparent 70%,#dcb87994 85%);
    margin: 0 2px;
}
/*top
======================================================*/
.jirei-box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.jirei-item {
    padding: 10px 20px;
    width: 29%;
}
.jirei-item img {
    width: 100%;
    height: auto;
    border: solid 1px #655e4e;
}
.jirei-item p {
    color: #b72b53;
    padding: 10px 15px;
    font-weight: bold;
}
.bottom-txt {
    background: #e6e5e1;
    padding: 40px 30px 20px;
}
.bottom-txt p {
    margin-bottom: 1em;
}
/*着物買取専門店の福ちゃんの買取実績・買取強化ブランド
======================================================*/
.about-ct {
    width: 1000px;
    display: block;
    margin: 60px auto 0;
}
.about-top {
    background: #e6e5e1;
    padding: 75px 35px;
}
.about-top h3 {
    color: #b72b53;
    font-weight: bold;
    font-size: 21px;
    text-align: center;
    border-bottom: solid 3px;
}
.about-box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2em;
}
.about-item {
    padding: 10px 30px;
    width: 43%;
}
.about-item img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.about-item p {
    text-align: center;
}
p.pink-p {
    color: #b72b53;
    font-size: 20px;
    font-weight: bold;
}
p.pink-p span {
    font-size: 150%;
    margin: 0 5px;
}
.push_buy_img ul {
    display: flex;
}
.push_buy_img ul li {
    border: solid 2px #9ad2cd;
    width: 185px;
    height: 185px;
    border-radius: 100px;
    line-height: 185px;
    text-align: center;
    color: #fff;
    font-size: 25px;
    margin: 19px;
    background: linear-gradient(90deg, rgb(155 210 205), rgb(87 169 167));
    font-weight: bold;
}
.about-bottom {
    margin: 60px 0;
}
.tittle-h3 h3 {
    background: #49a1a0;
    margin-bottom: 20px;
    font-weight: bold;
    color: #fff;
    padding: 10px;
    font-size: 21px;
}
.tittle-h3 h4 {
    color: #49a1a0;
    font-weight: bold;
    font-size: 19px;
    border-bottom: solid 3px;
    margin-bottom: 20px;
}
.table_01 table {
    width: 100%;
    margin: 20px 0;
    text-align: center;
    border: solid 1px #434343;
    color: #fff;
    font-weight: bold;
}
.table_01 th {
    background: #49a1a0;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    border-bottom: solid 1px #434343;
}
.table_01 table td {
    border-right: 1px solid #6E6E6E;
    color: #434343;
}
.table_01 > table > tbody > tr:nth-child(2) td {
    padding: 15px;
    width: 20%;
}
.table_02 table {
    width: 100%;
    margin: 20px 0;
    text-align: center;
    border: solid 1px #434343;
}
.table_02 th {
    background: #49a1a0;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    border-bottom: solid 1px #434343;
}
.table_02 > table > tbody > tr:nth-child(1) > td {
    background: #49a1a0;
    color: #fff;
    font-weight: bold;
}
.table_02 > table > tbody > tr:nth-child(2) td, .table_02 > table > tbody > tr:nth-child(3) td, .table_02 > table > tbody > tr:nth-child(4) td {
    width: 16.6666%;
    padding: 15px;
    border: solid 1px #434343;
}
.table_01 th {
    background: #49a1a0;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
}
.servise-seni a {
    color: #434343;
    font-weight: bold;
}
/*選ばれる3つの理由
======================================================*/
.reason-cont {
    width: 1000px;
    display: block;
    margin: 60px auto 0;
}
.cont-title h3 {
    background: #b72b53;
    margin-bottom: 20px;
    font-weight: bold;
    color: #fff;
    padding: 10px;
    font-size: 21px;
}
.reason-box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.reason-box img {
    height: 230px!important;
    border: solid 1px #655e4e;
    width: auto;
}
.reason-box img {
    margin-right: 30px;
}
.reason-lists {
    width: 50%;
}
.reason-cont h4 {
    color: #bf2b53;
    font-weight: bold;
    font-size: 19px;
    border-bottom: solid 3px;
    margin-bottom: 20px;
}
.reason-lists p {
    margin-bottom: 1em;
}
.reason-cont > div:nth-child(5) {
    flex-direction: row-reverse;
}
.reason-cont > div:nth-child(5) > img {
    margin-left: 30px;
    margin-right: 0!important;
}
/*流れ
======================================================*/
.flow-ct {
    position: relative;
    width: 1000px;
    margin: 0px auto;
    padding: 55px 3px 25px;
}
.tittle_before {
    width: 30%;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
}
.tittle_before p {
    background: #bf2b53;
    padding: 10px;
    position: relative;
    border-radius: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    margin: 0 auto;
    color: #fff;
}
.tittle_before p::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #bf2b53 transparent transparent transparent;
}
.flow-box {
    display: flex;
    flex-wrap: wrap;
}
.flow-box img {
    width: 40%;
    height: auto;
}
.flow-item {
    padding: 0 30px;
    width: 54%;
    font-size: 18px;
}
.flow-item h3 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: solid 2px;
}
.flow-item p {
    font-weight: bold;
}
.flow-img {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.img-box {
    padding: 30px;
    width: 27.3%;
    position: relative;
    display: inline-block;
}
.img-box img {
    width: 170px;
    height: 170px;
    object-fit: none;
}
.flow-img2 {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.img-box2 {
    padding: 30px;
    width: 19%;
    position: relative;
    display: inline-block;
}
.img-box2 img {
    width: 170px;
    height: 170px;
    object-fit: none;
}
.img-box2 p {
    text-align: left;
}
.flow-cont h4 {
    font-size: 19px;
    font-weight: bold;
}
.img-box p {
    text-align: left;
}
.column-box {
    background: #e6e5e1;
    padding: 40px 30px;
    margin-bottom: 60px;
    border: solid 2px #b72b53;
}
.img-box::before {
    content: "";
    position: absolute;
    top: 35%;
    right: -25px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-left: 15px solid #505050;
    z-index: 0;
    border-width: 13px 15px 13px 15px;
}
.flow-img > div:nth-child(3)::before {
    display: none;
}
.img-box2::before {
    content: "";
    position: absolute;
    top: 28%;
    right: -25px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-left: 15px solid #505050;
    z-index: 0;
    border-width: 13px 15px 13px 15px;
}
.flow-img2 > div:nth-child(4)::before {
    display: none;
}
/*お客様の声
======================================================*/
.voice-cont {
    position: relative;
    width: 1000px;
    margin: 0px auto;
    padding: 55px 3px 25px;
}
.voice-item {
    background: #e6e5e1;
    padding: 40px 30px;
    margin: 40px 0 10px;
}
.voice-item span {
    margin-bottom: 15px;
    display: inline-block;
    background: #b72b53;
    color: #ffff;
    padding: 5px 20px;
    margin-right: 15px;
}
.voice-item h3 {
    display: inline-block;
    font-size: 21px;
    font-weight: bold;
}
/*other-cont
======================================================*/
.other-cont {
    position: relative;
    width: 1000px;
    margin: 0px auto;
    padding: 55px 3px 25px;
}
.other-cont p {
    margin: 2em 0 1em;
}
/*追従
======================================================*/
.floating-banner {
    display: none !important;
}
.floating-banner2 {
    display: none !important;
}
.floating-banner3 {
    display: none !important;
}
/*CTA
======================================================*/
#cv-point {
    background: #e6e5e1;
    padding: 40px 0 0;
    margin: 25px 0 0;
    line-height: 1.4;
}
.cv_bg {
    position: relative;
    width: 1000px;
    max-width: 1200px;
    margin: auto;
    padding: 0 10px;
}
.cv_bg2 {
    position: relative;
    margin: auto;
    padding: 0 10px;
}
p.cv-ttl {
    color: #bf2b53;
    text-align: center;
    position: relative;
    font-size: 25px;
    font-weight: bold;
    border-bottom: dashed 3px;
    width: 45%;
    margin: 0 auto 40px;
    display: flex;
    justify-content: center;
}
#g05 p.cv-ttl {
    width: 55%;
}
.cv_bg2 h3 {
    color: #bf2b53;
    text-align: center;
    position: relative;
    font-size: 22px;
    font-weight: bold;
    border-bottom: dashed 3px;
    width: 70%;
    margin: 0 auto 40px;
    display: flex;
    justify-content: center;
}
#cv-point .flexBox {
    display: flex;
    max-width: 600px;
    margin: auto;
    justify-content: space-between;
    align-items: flex-end;
}
#cv-point .flexBox div {
    display: flex;
    flex-direction: column;
    align-items: center;
}
p.normal-txt {
    font-size: 17px!important;
    font-weight: bold;
}
#cv-point .flexBox div p {
    font-size: 15px;
    text-align: center;
    font-weight: bold;
}
.contactBtnTel a {
    font-size: 33px;
    text-decoration: none;
    font-weight: bold;
    color: #bf2b53;
    margin: 10px 0 0;
}
.contactBtnTel a:hover {
    opacity: 0.8;
}
.contactBtnWeb {
    margin-bottom: 5px;
}
.contactBtnWeb a {
    color: #fff!important;
    background: #bf2b53;
    border-radius: 40px;
    padding: 10px;
    font-size: 17px!important;
    width: 160%;
    text-align: center;
}
#cv-point .flexBox div a {
    font-size: 33px;
    text-decoration: none;
    font-weight: bold;
    color: #bf2b53;
    margin: 10px 0 0;
}
.contactBtnWeb:hover {
    opacity: 0.8;
}
.tel-bnr_bg {
    background: #a39b87;
}
.tel-bnr_in {
    position: relative;
    width: 700px;
    max-width: 1200px;
    margin: 55px auto 0;
    padding: 30px;
    color: #fff;
    font-weight: bold;
}
.tel-txt {
    position: relative;
}
.tel-txt::after {
    content: "";
    position: absolute;
    bottom: -30px;
    right: 40px;
    width: 185px;
    height: 130px;
    background: url(https://cms.locoplace.biz/storeimg/23/233892/20230111_1644331.png) no-repeat;
    background-size: contain;
}
#g04 p.cv-ttl ,#g02 p.cv-ttl {
    width: 60%;
}
/*{エリア}のブランデー買取対応地域
======================================================*/
.area-cont_bg {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 30px 3px;
}
.area-box {
    background: #efede5;
    padding: 10px;
    margin: 5px 0 30px;
    border-radius: 5px;
}
/*PC追従フッター
======================================================*/
.tel-bnr_fl {
    position: fixed;
    top: 100px;
    right: 0;
    z-index: 99;
}
.tel-bnr_fl img {
    width: 100%;
    height: auto;
}
.fixed_tel {
    margin-bottom: 10px;
}
.fixed_tel a:hover {
    opacity: 0.8;
}
.fixed_web a:hover {
    opacity: 0.8;
}
#footerBtm {
    /* height: 300px; */
    background: #fff;
}
#footerTop {
    background: #bf2b53;
    padding: 15px 0;
    position: relative;
}
/*下層
======================================================*/
.indexGallery01 ul li .indexGalleryTop01 table {
    background: url(/static/img/bg_index_gallery_image01.gif) no-repeat left top;
    margin-bottom: 10px;
    width: 180px;
    table-layout: fixed;
    background: #fff!important;
}
/*media-cont
======================================================*/
.media-cont {
    padding: 5px 0 70px;
    margin: 45px auto;
    position: relative;
    width: 1000px;
}
.media-Bg h3 {
    text-align: center;
    margin-top: 30px;
    font-weight: bold;
    font-size: 25px;
}
.media-Movie a {
    position: relative;
    display: block;
    width: 100%;
}
.media-Movie img {
    border-radius: 25px;
    display: block;
    margin: 30px auto;
}
.media-Movie a::after {
    content: "";
    display: block;
    width: 17%;
    padding-top: 17%;
    background: url(https://cms.locoplace.biz/storeimg/71/715092/20240131_1518481.gif) no-repeat center / 99% auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
/*company-cont
======================================================*/
.company-cont {
    position: relative;
    width: 1000px;
    margin: 0 auto 50px;
}
.media-cont .cont-title_a {
    margin-bottom: 30px;
}
.company-Bg {
    background: #e6e5e1;
    padding: 30px;
    margin: 30px 0;
}
.company-Bg table {
    width: 100%;
    background: #fff;
    border: 2px solid #b8a25b;
}
.company-Bg th {
    font-weight: bold;
    width: 20%;
    padding: 15px;
    border: 2px solid #b8a25b;
    background: #f3e9cb;
    text-align: center;
}
.company-Bg td {
    width: 80%;
    border: 2px solid #b8a25b;
    padding: 15px 30px;
}
#dlpoC_D > div > div.sectionIn > div > div.indexBasicInfoL01 > table > tbody > tr:nth-child(1) {
    display: none;
}
ul.list_box {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin: 30px 0;
}
ul.list_box li {
    width: calc(calc(100% - 90px) / 3);
    background-color: #a39b87;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
}
ul.list_box a {
    text-decoration: none;
    color: #ffffff;
    display: block;
}
ul.list_box li:hover {
    opacity: 0.8;
}