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

/*設定
=============================*/
body {
    font-family: Meiryo,'Hiragino Kaku Gothic ProN',sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    color: #505050;
}
#g01 * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a img {
	-moz-transition: .2s;
	-webkit-transition: .2s;
	transition: .2s;
}
a:hover img {
	-moz-opacity: .85;
	-webkit-opacity: .85;
	opacity: .85;
}
#wrapper {
	background: none !important;
}
#g01 #wrapper {
	padding: 0;
}
#headerWrap {
	width: auto !important;
	background: none;
	height: 770px;
}
#header {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	background: none;
}
#headerCategoryList,
#headerStore .kana,
#headerStoreContact,
#headerBtm {
	display: none;
}

#headerStore {
	float: none;
	width: 1000px;
	margin: 0 auto;
}
#headerStore .name {
	font-size: 18px;
}
#headerStore .name a {
	color: #004256 !important;
}
#g01 .sectionBtm,
#g01 .indexCornerWrap01 {
	display: none;
}
#g01 .sectionWrap,
#g01 .section,
#g01 .h2WrapBtm,
#g01 .h2WrapTop,
#g01 .h2WrapMid {
	background: none;
	padding: 0;
}
#g01 #contents {
	width: 100%;
}
.sectionIn {
    padding: 0 !important;
}
#mainimg {
    margin: auto;
    height: 600px;
    position: relative;
    top: 77px;
    background: url(https://cms.locoplace.biz/storeimg/63/637402/20221121_1247275.png),url(https://cms.locoplace.biz/storeimg/63/637402/20221121_1247275.png);
    background-repeat: no-repeat,no-repeat;
    background-position: right center,left center;
    background-size: 50% 600px;
}
#mainimgIn {
    width: 100%;
    height: 600px;
    background: url(https://cms.locoplace.biz/storeimg/63/637402/20221121_1247511.png) no-repeat scroll top /1000px !important;
}
/*gNavi
=============================*/
#gNaviWrap {
    margin: 0;
    clear: both;
    position: absolute;
	top: 108px;
	left: 0;
}
#gNaviWrap::after {
	display: block;
	content: "";
	clear: both;
}
#gNavi.fixed {
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
	padding: 0;
	background: #007373;
}
#gNaviIn {
    width: auto;
    margin: 0px auto;
    background: -moz-linear-gradient(top, #8c8c8c, #343434);
    background: -webkit-gradient(linear, center top, center bottom, from(#8c8c8c), to(#343434));
}
#gNavi ul {
    width: 1000px;
    height: 60px;
    margin: 0 auto;
    padding: 0;
    border-bottom: none;
}
#gNavi ul::after {
	display: block;
	content: "";
	clear: both;
}
#gNavi li#gNav01 {
    left: 0px;
    height: 60px;
    width: 250px;
}
#gNavi li#gNav02 {
    left: 250px;
    height: 60px;
    width: 250px;
}
#gNavi li#gNav03 {
    left: 500px;
    height: 60px;
    width: 250px;
}
#gNavi li#gNav04 {
    left: 750px;
    min-width: 0px;
    height: 60px;
    width: 250px;
}
#gNavi li a {
    width: 250px;
    height: 60px;
    padding-top: 20px;
    background: -moz-linear-gradient(top, #8c8c8c, #343434);
    background: -webkit-gradient(linear, center top, center bottom, from(#8c8c8c), to(#343434));
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #ffffff;
    box-sizing: border-box;
}
#gNavi li a:hover {
	background: #343434;
	color: #fff;
}
#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 {
	background: #343434;
	color: #fff;
}
/*OM
=============================*/
#g01 .sectionWrap:not([id]) {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 25px 3px 0 3px;
}
#g01 .sectionWrap:not([id]) .section .sectionIn {
	padding: 10px !important;
	border: solid 1px #9b743b;
}
#g01 .sectionWrap:not([id]) .h2WrapBtm {
	margin: 0;
}
#g01 .sectionWrap:not([id]) h2 {
	position: relative;
	margin: 0;
	padding: 4px 12px;
	background: #9b743b;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}
.topMessageSec01 {
	font-size: 100%;
}
.topMessageDetail .detailAnchor {
	margin: 0;
}
/*共通
=============================*/
.cont-wallpaper {
    font-size: 16px;
}
.cont-bg {
    width: 1000px;
    margin: 0 auto;
}
.cont-title {
    width: 1000px;
    margin: 50px auto 30px;
    background: url(https://cms.locoplace.biz/storeimg/63/637402/20210906_1144491.png)no-repeat bottom center /100%;
    padding: 36px 10px 20px 170px;
    border-bottom: 3px solid #004256;
}
.cont-title h3 {
    font-weight: bold;
    font-size: 35px;
    color: #004256;
}
span.kome {
    color: #562C2C;
    font-size: 90%;
}
.em {
	color: #b2192a;
    font-weight: bold;
}
/*top
=============================*/
h2.indexCopy01 {
    width: 1000px;
    margin: 30px auto;
    background: #eaf1f7;
    border-right: 5px solid #004256;
    border-left: 5px solid #004256;
    padding: 30px 20px;
}
p.lead-p {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 30px 0;
}
ul.top-list {
    background: #fbf5ee;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
}
ul.top-list li {
    background: url(https://cms.locoplace.biz/storeimg/63/637402/20210907_1533091.png)no-repeat left /60px;
    padding: 5px 0 5px 70px;
    margin: 15px 0;
}
/*査定可能なカメラ種類とメーカー
=============================*/
.marker-bg h4 {
    font-size: 25px;
    font-weight: bold;
    margin-top: 30px;
}
.marker-bg h4:first-letter {
    font-size: 150%;
    color: #d2af64;
}
ul.marker-list1, ul.marker-list2 {
    background: #eae9e8;
    padding: 20px;
    margin: 10px 0 20px;
}
.marker-list1 li {
    float: left;
    width: 320px;
}
.marker-list2 li {
    float: left;
    width: 190px;
}
.marker-list1 li::before, .marker-list2 li::before {
    content: "●";
    text-shadow: 1px 1px 1px #5a5a5a;
    color: #9c8146;
    margin-right: 5px;
}
ul.marker-list1::after, ul.marker-list2::after {
    display: block;
    content: "";
    clear: both;
}
/*カメラ買取実績
=============================*/
.jisseki-ct {
    background: #daeee5;
    padding: 20px;
    border-radius: 15px;
    margin: 50px 0;
}
.jisseki-type {
    text-align: center;
    margin: 10px 0 30px;
}
.jisseki-ct h4 {
    font-size: 30px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding: 0px 60px;
    color: #007598;
}
.jisseki-ct h4::before, .jisseki-ct h4::after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 3px;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
}
.jisseki-ct h4::after {
    right: 0px;
}
.jisseki-ct h4::before {
    left: 0;
}
.jisseki-img {
    width: 200px;
    float: left;
}
.jisseki-img img {
    width: 100%;
    height: auto;
}
.jisseki-box {
    background: #ffffff;
    padding: 20px;
    margin: 20px 0;
    border-radius: 10px;
}
.jisseki-txt {
    float: right;
    width: 720px;
    padding-left: 30px;
}
.jisseki-box::after {
    display: block;
    content: "";
    clear: both;
}
.jisseki-txt h5 {
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #004256;
    margin-bottom: 10px;
}
.jisseki-txt p span {
    display: block;
    font-weight: bold;
    color: #9c8146;
}
/*ご依頼の流れ
=============================*/
.flow-cont h4 {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin: 30px 0;
    background: #bd7d86;
    padding: 15px 0;
    border-radius: 50px;
    color: #fff;
    border: 4px double #fff;
}
ol.step-box {
    border: 3px solid #de9ba4;
    margin: 30px 0;
}
.step-box_li {
    padding: 30px;
}
.step-box_li:not(:last-child) {
    border-bottom: 3px solid #de9ba4;
    position: relative;
}
.step-box_li:not(:last-child)::before, .step-box_li:not(:last-child)::after {
    content: "";
    border: solid transparent;
    position: absolute;
    top: 100%;
    left: 15%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.step-box_li:not(:last-child)::before {
    border-width: 22px !important;
    border-top-color: #de9ba4 !important;
}
.step-box_li:not(:last-child)::after {
    border-width: 18px !important;
    border-top-color: #fff !important;
}
.step-box_li h5 {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: rgb(251 132 138);
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    margin-right: 1vw;
    text-align: center;
}
.step-box_li h5 span {
    font-size: 14px;
    color: #fff;
    background: rgb(0 66 86);
    background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
    background: -webkit-linear-gradient(left, rgb(0 117 152) 0%,rgb(8 74 95) 100%);
    background: linear-gradient(to right, rgb(0 66 86) 0%,rgb(56 155 185) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
    padding: 5px 20px;
    margin-bottom: 10px;
    display: block;
    border-radius: 20px;
    margin-right: 15px;
}
ul.kakunin-list li::before, ul.kakunin-list2 li::before {
    content: "●";
    color: #9d8147;
    margin-right: 5px;
}
ul.kakunin-list::after, ul.kakunin-list2::after {
    display: block;
    content: "";
    clear: both;
}
ul.kakunin-list li {
    float: left;
    margin-right: 70px;
}
ul.kakunin-list {
    background: #fbf5ee;
    padding: 15px;
    margin-bottom: 15px;
}
.tel-no {
    font-weight: bold;
    color: #f39e00;
}
.step-box_bg > p:nth-child(3) {
    margin-bottom: 15px;
}
.step-box_li:nth-child(2) p:nth-child(1) {
    margin-bottom: 15px;
}
ul.kakunin-list2 {
    background: #fbf5ee;
    padding: 15px;
}
.kakunin-list2 li {
    float: left;
    width: 300px;
}
.step-box_bg h6 {
    font-weight: bold;
    margin-top: 15px;
    color: #9d8146;
}
/*カメラ買取で多くのお客様に選ばれております
=============================*/
.reason-box h4 {
    position: relative;
    font-weight: bold;
    text-align: center;
    font-size: 30px;
    margin-top: 20px;
    color: #018a7f;
    text-shadow: 1px 1px 0px #fff;
    clear: both;
}
.reason-box h4 span {
    position: relative;
    display: inline-block;
}
.reason-box h4 span::before {
    position: absolute;
    content: "";
    background-color: #018a7f;
    border-radius: 10px;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    bottom: 0px;
    left: -20px;
    width: 3px;
    height: 30px;
}
.reason-box h4 span:after {
    position: absolute;
    content: "";
    background-color: #018a7f;
    border-radius: 10px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    bottom: 0px;
    right: -20px;
    width: 3px;
    height: 30px;
}
.reason-txt {
    background: #fbf5ee;
    padding: 20px;
    box-shadow: 2px 2px 6px #d0d0d0;
    min-height: 280px;
    margin: 10px 0 50px;
}
.reason-img {
    width: 250px;
    float: right;
    margin-left: 20px;
}
.reason-box:nth-child(3) .reason-txt .reason-img {
    float: left;
    margin-right: 20px;
}
.reason-img img {
    width: 100%;
    height: auto;
}
.reason-txt_bg p {
    margin-bottom: 15px;
}
/*お客様の声
=============================*/
.voice-bg {
    background: #ebf3f2;
    margin: 30px 0;
    padding: 20px;
    border: 4px double #289288;
    border-radius: 10px;
}
.voice-txt {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #b3ece6;
}
span.y-old {
    display: block;
    text-align: right;
    color: #289288;
    font-size: 120%;
}
.voice-type {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}
/*高く売れるカメラとは？
=============================*/
.camera-ct_bg {
    background: #fffbe8;
    padding-bottom: 1px;
    margin: 30px 0 50px;
    padding-top: 2px;
}
h4.camera-title_h4 {
    position: relative;
    margin: 1rem -10px;
    padding: 1rem 2rem;
    background: #7fbbb5;
    color: #fff;
    font-weight: bold;
    font-size: 28px;
    text-shadow: 1px 1px 0px #004256;
    text-align: center;
}
h4.camera-title_h4::before, h4.camera-title_h4::after {
    position: absolute;
    content: '';
}
h4.camera-title_h4::after {
    right: 0;
    bottom: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid #004256;
    border-right: 10px solid transparent;
}
h4.camera-title_h4::before {
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 10px solid #004256;
    border-left: 10px solid transparent;
}
.camera-ct_txt {
    padding: 0 20px 20px;
}
ul.camera-ct_list1::after, ul.camera-ct_list2::after {
    display: block;
    content: "";
    clear: both;
}
ul.camera-ct_list1 li {
    float: left;
    width: 220px;
    text-align: center;
    background: #fbf5ee;
    padding: 15px;
    margin: 10px 10px 30px;
    border: 1px solid #d8c0a5;
    border-radius: 5px;
}
ul.camera-ct_list2 li {
    float: left;
    width: 220px;
    text-align: center;
    background: #fde7ea;
    padding: 15px;
    margin: 10px 10px 30px;
    border: 3px solid #b9a4a7;
    border-radius: 5px;
    font-weight: bold;
}
.camera-ct_box h5 {
    padding: 5px 10px;
    color: #004256;
    border-radius: 10px;
    background: #ffffff;
    font-size: 23px;
    font-weight: bold;
    margin: 40px 0 15px;
    border-left: 10px solid #2a9288;
    box-shadow: 3px 3px 3px #d4d4d4;
}
span.no-point {
    font-size: 150%;
    margin-right: 10px;
    color: #2a9288;
}
.check-list {
    background: #efefef;
    margin: 30px 0;
    padding: 1px 20px;
    border-radius: 10px;
}
.check-list li {
    margin: 15px 0;
}
.check-list dt {
    font-size: 18px;
    font-weight: bold;
    background: url(https://cms.locoplace.biz/storeimg/63/637402/20210907_1111282.png)no-repeat left /25px;
    padding-left: 35px;
    color: #986c32;
    margin-bottom: 5px;
}
h5.title-h5 {
    color: #9c8146;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin: 30px 0 10px;
    position: relative;
}
h5.title-h5 span {
    position: relative;
    display: inline-block;
}
h5.title-h5 span::after {
    position: absolute;
    content: "";
    background-color: #a92e39;
    border-radius: 10px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    bottom: 0px;
    right: -20px;
    width: 3px;
    height: 30px;
}
h5.title-h5 span::before {
    position: absolute;
    content: "";
    background-color: #a92e39;
    border-radius: 10px;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    bottom: 0px;
    left: -20px;
    width: 3px;
    height: 30px;
}
ul.other-list {
    margin: 10px 0;
}
.other-list li {
    font-weight: bold;
    margin: 5px 0;
    border-bottom: 2px solid #b49167;
    display: table;
}
.other-list li span {
    font-weight: bold;
    color: #ab0000;
    margin-right: 5px;
    font-size: 130%;
}
/*アンティークカメラは買取価格の基準が違います
----------------------------*/
.cp_container {
    background: #eaf3f2;
    padding: 20px;
    border-radius: 19px;
}
.cp_container p {
    margin: 20px 0;
}
.cp_container h4 {
    border-bottom: solid 3px skyblue;
    position: relative;
}
.cp_container h4::after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #1a7b98;
    bottom: -3px;
    width: 30%;
}
.camera-other-ct {
    margin: 50px 0;
}
.cp_container h4 {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}
/*以下アコーディオン部分*/
.camera-other-ct *, .camera-other-ct *:before, .camera-other-ct *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.camera-other-ct {
	position: relative;
}
.camera-other-ct label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.camera-other-ct input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.camera-other-ct label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 16rem;
	font-family: FontAwesome;
	content: "続きをよむ";
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
	background-color: rgba(27, 37, 56, 1);
}
.camera-other-ct input {
	display: none;
}
.camera-other-ct .cp_container {
	overflow: hidden;
	height: 250px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}
.camera-other-ct input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.camera-other-ct input:checked + label:after {
	font-family: FontAwesome;
	content: "閉じる";
}
.camera-other-ct input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}
/*CTA
=============================*/
.tel-bnr {
    width: 800px;
    margin: 25px auto;
}
.tel-bnr img {
    width: 100%;
    height: auto;
    border: 1px solid #3b3b3b;
}
.tel-bnr_02 {
    width: 700px;
    margin: 40px auto 20px;
}
.tel-bnr_02_bg a {
    display: none;
}
.tel-bnr_02_bg {
    background: url(https://cms.locoplace.biz/storeimg/63/637402/20221121_1247272.png)no-repeat top center /100%;
    height: 147px;
    border: 1px solid #3b3b3b;
}
.tel-bnr_fixed {
    display: none;
}
.bnr {
    margin: 45px auto 0!important;
}
p.top-bnr-p::before {
    content: "＼";
    font-size: 35px;
    margin-right: 20px;
}
p.top-bnr-p::after {
    content: "／";
    font-size: 30px;
    margin-left: 20px;
}
.bnr p {
    text-align: center;
    font-size: 140%;
}
p.top-bnr-p {
    text-align: center;
    font-size: 175%;
    font-weight: bold;
}
.bnr-img {
    border: solid 3px #2a5f6f;
    padding: 25px 25px 0;
    margin-bottom: 100px;
}
.cta_mailbunner img {
    width: 100%;
    height: auto;
}
p.bnr-text {
    font-size: 115%;
    background: #eaf1f7;
    margin: 0px 140px 25px;
    padding: 5px;
}
.cta_mailbunner>a>img {
    margin: 0 auto!important;
}
.cta_mailbunner {
    width: 800px;
    margin: 40px auto 20px !important;
}
/*footer
=============================*/
#footerTop {
    background: #004256 !important;
}
#footerBtm {
    background: #cecece;
    height: 300px;
}
/*ぱんくず
=============================*/
.link-p span {
    margin: 0 15px;
}
/*基本情報
=============================*/
div#dlpoC_D {
    width: 1000px;
    margin: 30px auto;
}
#dlpoC_D .h2WrapMid {
    background: url(https://cms.locoplace.biz/storeimg/63/637402/20210906_1144491.png)no-repeat bottom center /100%;
    padding: 36px 10px 20px 145px;
}
/*{エリア}のカメラ買取対応地域
======================================================*/
.area-box {
    background: #fffbe8;
    padding: 10px;
    margin: 5px 0 30px;
    border-radius: 5px;
}
/*PC追従フッター
======================================================*/
.fbnr {
    position: fixed;
    bottom: 0;
    z-index: 1 !important;
    background: #6c6c6cc7;
    padding: 10px;
    display: inline-block;
    width: 100%;
}
.floating-banner_pc {
    width: 602px;
    margin: 0 auto;
    display: block;
}
.fixed_tel {
    float: left;
}