/*
Theme Name: WordPressレスポンシブテーマ Child
Template: tradecamp
Author: Child Theme Configurator
Version: 1.0.1589419727
Updated: 2020-06-25
*/

html,
body,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
img,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
footer,
header,
hgroup,
menu,
nav,
section,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    line-height: 1;
}

article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ul {
    list-style: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

html {
    font-size: 62.5%;
    scroll-padding-top: 50px;
}

input {
    font-size: 16px;
}

input[type="submit"],
input[type="button"] {
    -webkit-appearance: none;
    border-radius: 0;
}


/*body*/

body {
    width: 100%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.6rem;
    color: #666;
    text-align: center;
    padding-top: 49px;
}


/*スマホ版では表示しない画像*/

.pc,
.tb {
    display: none;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

a {
    text-decoration: none;
    color: #d81c35;
    display: inline-block
}

.sp-only {
    display: block;
}

.pc-only {
    display: none;
}


/*ヘッダー*/

header #Header {
    display: flex;
    justify-content: space-between;
    padding: 7px 10px;
    align-items: center;
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 100;
    box-sizing: border-box;
}

header #Header #Logo {
    width: 212px;
}

header #Header>ul.sp {
    padding: 0;
}

header #Header>ul.sp li {
    margin-left: 14px;
    margin-right: 0;
    margin-bottom: 0;
    width: auto;
}

header #Header>ul.sp li a {
    vertical-align: bottom
}

header #Header>ul.sp li span {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(/img/Tel.png);
    background-size: contain;
}

header #Header>ul.sp li:last-child span {
    background-image: url(/img/hb.png);
}

header #Header>ul.sp li:last-child span.open {
    background-image: url(/img/close.png);
}

header>nav.sp {
    position: fixed;
    top: 45px;
    transform: translateX(-100%);
    transition: ease .5s;
    z-index: 1000;
    background: #42230e;
    width: 100%;
    height: 100vh;
    padding: 1em;
    box-sizing: border-box
}

header>nav.sp.open {
    transform: translateX(0);
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    z-index: 10000;
    padding-bottom: 100px;
}

header>nav.sp .ContactMenu li {
    margin-bottom: 1em;
}

header>nav.sp h2 {
    color: #fff;
    margin: 2em auto 0.4em;
}

header>nav.sp .SiteMenu {
    padding: 0;
}

header>nav.sp .SiteMenu li {
    background: #fff;
    color: #666;
    text-align: left;
    font-size: 14px;
    padding: 0.6em;
    margin-right: 2px;
    margin-bottom: 2px;
}

header>nav.sp .SiteMenu li a {
    color: #222;
}

header>nav.sp .SiteMenuGroup {
    padding: 0;
}

header>nav.sp .SiteMenuGroup li {
    margin-bottom: 5px;
}

header>nav.sp p.close {
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin-top: 1.6em;
}

header .ContactMenu li.tel {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 15px 0 5px;
    line-height: 1.2;
}

header .ContactMenu li.tel a {
    font-weight: bold;
    text-align: center;
    color: #fff;
}

header .ContactMenu li.tel a p {
    text-align: center;
    margin: 0;
}

header .ContactMenu li.tel a p:nth-child(2) {
    font-size: 12px;
    font-weight: normal;
    margin: 5px 0;
}

header .ContactMenu li.tel a p:last-child {
    font-size: 40px;
}


/*コンテンツ共通*/

p {
    text-align: left;
    line-height: 1.6;
    font-size: 1.4rem;
}

.bg-glay {
    background: #f5f5f5;
}

ul.Flex-2,
ul.Flex-3,
ul.Flex-4,
ul.Flex-5,
ul.Flex-6 {
    display: flex;
    flex-wrap: wrap;
    padding: 1em 1em 0.6em;
}

ul.Flex-2 li,
ul.Flex-4 li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 5px;
}

ul.Flex-2 li:nth-child(2n),
ul.Flex-4 li:nth-child(2n) {
    margin-right: 0;
}

ul.Flex-3 li,
ul.Flex-6 li {
    width: 32%;
    margin-right: 2%;
}

ul.Flex-3 li:nth-child(3n),
ul.Flex-6 li:nth-child(3n) {
    margin-right: 0;
}

ul.Flex-5 li {
    width: 19%;
    margin-right: 1.25%;
}

ul.Flex-5 li:nth-child(5n) {
    margin-right: 0;
    text-align: center;
}

section h2 {
    color: #010f18;
    font-size: 20px;
    letter-spacing: 1px;
    padding: 0 0 0.2em;
}

.more {
    width: 70%;
    font-size: 14px;
    color: #fff;
    background: #f15a24;
    padding: 0.8em;
    border-radius: 4px;
}

.more-tx {
    text-align: center;
    margin-bottom: 1.5em;
}

.more-tx span {
    display: block;
    margin-bottom: 1.4em;
}

.view-more-button {
    width: 70%;
    font-size: 14px;
    color: #fff;
    background: #f15a24;
    padding: 0.5em 0.8em;
    border-radius: 3px;
    border-style: none;
    margin-bottom: 1em;
}

.App.Blue ul {
    display: flex;
    margin: 1em auto 1.6em;
    max-width: 1100px;
    justify-content: space-between;
    padding: 0 20px;
}

.App.Blue ul li {
    width: 45%;
    position: relative
}

.App.Blue ul li.visit {
    margin-left: 5px;
}

.App.Blue ul li a {
    display: block;
    padding: 0.6em 0;
    background: #3077e2;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-indent: 5px;
}

.App.Blue ul li::before {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: -20px;
}

.App.Blue ul li.visit::before {
    background-image: url(/img/App-visit-icon.png);
}

.App.Blue ul li.delivery::before {
    background-image: url(/img/App-delivery-icon.png);
}

.App.Blue ul li a:hover {
    background: #bb7200;
    transition: .3s;
}


/*トップページ*/

#MainVisual .App {
    background-image: url(/img/MainVisual-App-bg.jpg);
    background-size: cover;
    background-position: center;
    padding: 5% 1%;
    box-sizing: border-box;
}



#MainVisual .App ul.Flex-2 {
    padding: 0.6em 0 0;
}


/*買取参考価格*/

section#Result {
    padding: 2em 1em 1em;
}

section#Result ul {
    padding: 1em 0;
}

section.Result {
    margin: 2em 0.7em 2em 0.7em;
}

section.Result .ResultList {
    padding: 0.2em 0 0.6em;
}

ul.ResultList li {
    border: 1px solid #d3d3d3;
    background: #fff;
    margin-bottom: 0.5em;
}

ul.ResultList li a p {
    font-size: 12px;
    text-align: center;
    padding: 0.2em 0.4em;
}

ul.ResultList li a>div {
    position: relative;
}

ul.ResultList li a>div p {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    background-color: rgba(34, 34, 34, 0.7);
}

ul.ResultList li a p.name {
    color: #666;
}

ul.ResultList li a p.price {
    font-size: 12px;
    padding-top: 0;
    line-height: 1;
    color: #666;
}

ul.ResultList li a p.price span {
    font-size: 18px;
    color: #dd2626;
    font-weight: bold;
}
@media only screen and (max-width: 767px) {
	ul.ResultList li a p.price span {
    font-size: 16px;
}
}
.Result-p {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

@media only screen and (min-width: 767px) {
    ul.ResultList li a>div p {
        font-size: 14px;
    }

    ul.ResultList li a p.name {
        font-size: 16px;
    }

    ul.ResultList li a p.price {
        font-size: 16px;
    }

    ul.ResultList li a p.price span {
        font-size: 24px;
    }
	
}

/* 画角調整コード */


.Result ul li a {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.Result ul li a img {
    object-fit: contain;
    aspect-ratio: 4/3;
}

.post a {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.post a img {
    object-fit: contain;
    aspect-ratio: 4/3;
}

@media only screen and (max-width: 430px) {

    .Result ul li a img {
        width: auto;
        height: auto;
    }

    .post a img {
        width: auto;
        height: auto;
    }
}


.price {
    margin-top: auto;
}







/*トップページ 他サービスとの比較*/

section#Compare {
    padding: 2em 1em 1em;
}

section#Compare h2 {
    border: none;
    display: flex;
    align-items: center;
}

section#Compare h2:before,
section#Compare h2:after {
    border-top: 3px solid;
    content: "";
    flex-grow: 1;
    color: #3fad34;
}

section#Compare h2:before {
    margin-right: 1rem;
}

section#Compare h2:after {
    margin-left: 1rem;
}

section#Compare h3 {
    line-height: 1.4;
    margin: 1em auto;
}

section#Compare h3 span {
    background: linear-gradient(transparent 55%, #95cf8f 55%);
    font-size: 20px;
}

section#Compare h3 span span {
    display: inline-block;
}


/*買取アイテム*/

section#ItemShort {
    padding: 20px 0px 50px;
}

section#ItemShort ul {
    padding: 1em 0;
}

section#ItemShort ul li {
    margin-bottom: 0.6em;
}

section#ItemShort ul li img {
    border: 1px solid #efefef;
}

section#ItemShort ul li p {
    text-align: center;
    font-size: 12px;
    color: #010f18;
}

section#ItemShort div.item-list dl div {
    justify-content: space-between;
}

section#ItemShort div.item-list dl div dd {
    width: 32%;
    margin-right: 0;
}

section#ItemShort dl div dd a {
    color: #000;
}

section#ItemShort dl div dd a:hover {
    color: #7c4300;
}

section#ItemShort dl div dd a img {
    border: solid 1px #c0c0c0;
}

section#ItemShort dl div dd a:hover img {
    transition: 0.3s;
    opacity: 0.7;
    border: solid 1px #7c4300;
}


/*スライダー*/

section#loop {
    margin: 2em 0.5em;
}

.loop-slide-item {
    margin: auto;
    position: relative;
    z-index: 2;
    width: 100%;
    overflow: hidden;
}

.loop-slide-item li {
    width: 140px;
    position: relative;
    margin-right: 10px;
}

.loop-slide-item li a {
    text-decoration: none;
    font-size: 14px;
    color: #999;
    text-align: right;
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}

.loop-slide-item li img {
    height: 105px
}

.loop-slide-item li p {
    position: absolute;
    bottom: 3px;
    right: 3px
}

.loop-slide-item li p span {
    display: block;
    font-size: 18px;
    color: #f00;
    margin-top: 0.2em
}


/*口コミ*/

section#Review {
    margin-top: 2em;
    text-align: center;
}

section#Review h2 {
    font-size: 28px;
    letter-spacing: 2px;
    line-height: 1.2;
}

section#Review h2 span {
    background: linear-gradient(transparent 60%, #ff6666 80%);
}

section#Review div {
    margin: 2em 1em;
    padding: 1em;
    border: solid 3px #EEA02A;
    border-radius: 8px;
    text-align: left;
    position: relative
}

section#Review div p:first-child {
    color: #EEA02A;
    font-weight: bold;
    background: #fff;
    padding: 0 10px;
    position: absolute;
    top: -10px;
    left: 20px;
}

section#Review div p:last-child {
    font-size: 14px;
    line-height: 1.4
}


/*ジャンク買取可*/

section#JunkShort {
    margin-top: 60px;
}

section#JunkShort h2 {
    font-size: 20px;
    color: #d9b03a;
    background: transparent;
}

section#JunkShort p {
    margin: 20px auto 10px;
}

section#JunkShort ul {
    padding: 0 0 60px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

section#JunkShort ul li {
    width: 25%;
    margin-top: 20px;
}

section#JunkShort ul li img {
    width: 90%;
}

section#JunkShort ul li h3 {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}


/*サービス内容*/

section#Service {
    padding: 30px 10px;
}

section#Service>ul {
    margin-bottom: 1em;
}

section#Service>ul li h2 {
    margin: 0.4em;
    font-size: 1.6rem;
}

section#Service .tabcontent div img {
    margin: 20px auto;
}

section#Service .tabcontent div img p {
    font-size: 1.4rem;
}

section#Service {
    background-image: url("/img/SectionBg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 10px;
}

section#Service .wrapC {
    max-width: 760px;
    margin: 0 auto;
}

section#Service .Flex {
    text-align: center;
    display: flex;
    justify-content: space-between;
}

section#Service>ul {
    margin: 0 auto 2em;
}

section#Service>ul li {
    width: 100%;
}

section#Service>ul li h2 {
    font-size: 1.8rem;
    border: 2px solid #6ec7d6;
    font-weight: normal;
    margin: 0.5em;
    padding: 0.5em;
    border-radius: 3px;
    background: #fff;
}

section#Service>ul li:last-child h2 {
    border-color: #ecaf24;
}

section#Service>ul li h2 a {
    color: #6ec7d6;
    display: block
}

section#Service>ul li:last-child h2 a {
    color: #ecaf24;
}

section#Service>ul li h2.active {
    background: #6ec7d6;
    position: relative
}

section#Service>ul li:last-child h2.active {
    background: #ecaf24;
}

section#Service>ul li h2.active a {
    color: #fff;
}

section#Service>ul li h2.active:after {
    content: "";
    display: block;
    border-top: solid 15px #6ec7d6;
    border-right: solid 15px transparent;
    border-bottom: solid 15px transparent;
    border-left: solid 15px transparent;
    position: absolute;
    bottom: -30px;
    left: calc(50% - 15px);
}

section#Service>ul li:last-child h2.active:after {
    border-top: solid 15px #ecaf24;
}

section#Service .tabcontent div img {
    margin: 20px auto 30px;
}

section#Service a.more {
    display: block;
    font-size: 1.8rem;
    border: 1px solid #6ec7d6;
    margin: 1em auto;
    border-radius: 5px;
    padding: 0.4em;
    position: relative;
}

section#Service a.more:after {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-top: solid 2px #6ec7d6;
    border-right: solid 2px #6ec7d6;
    transform: rotate(45deg);
    position: absolute;
    right: 1em;
    top: calc(50% - 7px);
}

section#Service a.more:hover {
    background: #6ec7d6;
    color: #fff;
}

section#Service a.more:hover:after {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}

section#Service .text {
    font-size: 1.8rem;
}

#Service-Heiten a.more {
    color: #ecaf24;
    border: 1px solid #ecaf24;
}

#Service-Heiten a.more:hover {
    background: #ecaf24;
    color: #fff;
}

#Service-Heiten a.more:after {
    border-top: solid 2px #ecaf24;
    border-right: solid 2px #ecaf24;
}

#Service-Heiten a.more:hover:after {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}


/*選ばれる理由*/

section#Reason {
    padding: 2em 0;
}

section#Reason h2 {
    font-size: 26px;
    margin: 0.5em 0 0.6em;
}

section#Reason ul li {
    margin: 2em 1em 0;
    padding: 1em;
    background: #f2f2f2;
    position: relative;
}

section#Reason ul li:before {
    content: "1";
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fcdba6;
    text-align: center;
    line-height: 48px;
    position: absolute;
    top: -25px;
    left: calc(50% - 24px);
}

section#Reason ul li:nth-child(2):before {
    content: "2";
}

section#Reason ul li:nth-child(3):before {
    content: "3";
}

section#Reason h3 {
    font-size: 24px;
    margin: 1em auto;
}

section#Reason h2 img {
    height: 36px;
    margin: 0.5em 0 0;
}

section#Reason .sp-only img {
    height: 36px;
    margin: 0.5em 0;
}

section#Reason p {
    margin: 0 1.5em;
}

.short-border {
    display: inline-block;
    position: relative;
}

.short-border:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -15px;
    display: inline-block;
    width: 50px;
    height: 2px;
    margin-bottom: 11px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #f7941f;
}


/*買取の流れ*/

section#FlowShort {
    padding: 2em 1em 1em;
}

section#FlowShort h3 span {
    background: linear-gradient(transparent 55%, #f8cd8f 55%);
    font-size: 20px;
}

section#FlowShort dl {
    margin-top: 1em;
}

section#FlowShort dd {
    margin-bottom: 1em;
    text-align: left;
    font-size: 14px;
    padding: 1em 2em;
    line-height: 1.6;
}

section#FlowShort .Flex-3 {
    padding: 0;
    margin: 1em auto;
}


/*LINEで査定*/

section#Line {
    margin: 1em auto;
}


/*固定ページ*/

.PageHeader {
    background: url(/img/BG-page.jpg);
    background-size: cover;
    background-position: center;
}

.PageHeader h1 {
    font-size: 24px;
    padding: 2.4em 0;
    color: #fff;
}

.Content .wrap ul.Group li {
    margin-right: 0;
    margin-bottom: 2em;
    width: 100%;
}

.Content .wrap ul.Group li p {
    text-align: left;
}

p.notes {
    text-align: left;
    font-size: 14px !important;
    color: #999;
}


/*買取方法*/

section#Method {
    padding-top: 20px;
    margin-top: -10px;
}

section#Method>div {
    padding: 60px 0 0;
    text-align: center
}

section#Method div.Method-Visit,
section#Method div.Method-Shop {
    background: #b9defb;
    color: #160e04
}

section#Method div.Method-Shop {
    padding: 60px 0
}

section#Method div.Method-Delivery {
    background: #F5DEB3;
}

section#Method>div h2 {
    font-size: 24px;
    letter-spacing: 2px;
}

section#Method>div h2 span {
    background: linear-gradient(transparent 55%, #f34955 55%);
    padding: 0 0.2em;
}

section#Method>div.Method-Delivery h2 span {
    background: linear-gradient(transparent 55%, #ff9999 55%);
    padding: 0 0.2em;
}

section#Method>div h2+p {
    font-size: 14px;
    line-height: 2;
    letter-spacing: 1px;
    margin-top: 20px;
    text-align: center;
}

section#Method>div>ul {
    margin: 40px auto 0
}

section#Method>div>ul li {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
    box-sizing: border-box;
    align-items: flex-start;
}

section#Method>div>ul li {
    margin-bottom: 30px
}

section#Method>div>ul li h3 {
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px;
    text-align: left
}

section#Method>div>ul li img {
    width: 35%;
    height: auto
}

section#Method>div>ul li p {
    width: 65%;
    text-align: left;
    font-size: 14px;
    padding-left: 10px;
    box-sizing: border-box;
    line-height: 1.6;
    letter-spacing: 1px;
    margin: 0;
}

section#Method>div>ul li:nth-child(2) h3 {
    order: 1
}

section#Method>div>ul li:nth-child(2) img {
    order: 3
}

section#Method>div>ul li:nth-child(2) p {
    order: 2
}

section#Method .Assesment {
    padding: 20px 0;
    background: #fff;
    letter-spacing: 1px
}

section#Method .Assesment ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0 15px;
    justify-content: space-around;
}

section#Method .Assesment li {
    box-sizing: border-box;
    position: relative;
    margin-bottom: 0
}

section#Method .Assesment li:not(:last-child) {
    width: 45%
}

section#Method .Assesment li:nth-child(3) {
    margin-top: 1em;
    width: 95%
}

section#Method .Assesment li a {
    display: block;
    text-decoration: none;
    background: #3077e2;
    padding: 0.6em;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    text-indent: 0.8em;
}

section#Method .Assesment li:nth-child(1):before {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    background-image: url(/img/App-visit-icon.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: -20px
}

section#Method .Assesment a:hover {
    background: #bb7200;
    transition: .3s;
}

section#Method .Assesment li:nth-child(2) a {
    background: #54c72a;
    background-image: url(/img/line.png);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: 5px;
}

section#Method .Assesment li:nth-child(2) a:hover {
    opacity: 0.7;
    transition: .3s;
}

section#Method .Assesment li:nth-child(3) a {
    background: #339bf4;
    text-indent: 0;
    font-size: 14px;
    padding: 15px;
}

section#Method .Assesment li:nth-child(3) a span:nth-child(2) {
    display: block;
    font-size: 30px;
    border: 1px solid #fff;
    border-width: 1px 0;
    padding: 0.4em;
    margin-top: 10px
}

section#Method .Assesment>p {
    font-size: 14px;
    color: #999;
    margin-top: 1em;
    text-align: center;
}

section#Method .Method-Delivery .Assesment li:nth-child(1):before {
    background-image: url(/img/App-delivery-icon.png);
}

section#Method .Method-Delivery ul#Box {
    display: flex;
    flex-wrap: wrap;
    max-width: 900px;
    justify-content: center;
}

section#Method .Box-Size {
    width: 50%;
    padding: 0;
}

section#Method .Method-Delivery ul#Box li img {
    width: 100%
}

section#Method div.Method-Shop img {
    margin-top: 20px
}

section#Method div.Method-Shop {
    padding: 60px 20px
}

section#Method div.Method-Shop img {
    max-width: 100%
}


/*高く売るコツ*/

section#Point div {
    padding: 2em 1em 1em;
    background: #F5DEB3;
    margin-top: 20px
}

section#Point div>p {
    font-size: 14px;
    line-height: 1.4
}

section#Point div ul {
    margin: 40px auto 0
}

section#Point div ul li {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 30px;
    box-sizing: border-box;
    align-items: flex-start;
}

section#Point div ul li h3 {
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px;
    text-align: left
}

section#Point div ul li img {
    width: 35%;
    height: auto
}

section#Point div ul li p {
    width: 65%;
    text-align: left;
    font-size: 14px;
    padding-left: 10px;
    box-sizing: border-box;
    line-height: 1.4;
    letter-spacing: 1px
}

section#Point div ul li:nth-child(2) h3 {
    order: 1
}

section#Point div ul li:nth-child(2) img {
    order: 3
}

section#Point div ul li:nth-child(2) p {
    order: 2;
    padding-right: 10px;
}

h2.Point-border {
    display: flex;
    text-align: center;
    align-items: center;
    padding-top: 40px;
    font-size: 22px
}

h2.Point-border:before,
h2.Point-border:after {
    content: "";
    flex-grow: 1;
    display: block;
    height: 3px;
    background: #F5DEB3;
}

h2.Point-border:before {
    margin-right: 1em;
}

h2.Point-border:after {
    margin-left: 1em;
}


/*お試し歓迎*/

section#Trial h2 {
    padding: 0;
    border: 0;
    max-width: 800px;
    margin: auto;
}

section#Trial {
    background: #ddd2b1;
    padding: 2em 1em;
}

section#Trial ul {
    padding: 0;
}

section#Trial li {
    margin: 1em 0 0
}

section#Trial nav li img {
    box-shadow: 2px 4px 7px -2px #bcbcbc;
}


/*フッター*/

footer {
    background: #fff;
}

footer a {
    color: #02314f;
}

footer .FooterSitemap {
    display: flex;
    flex-wrap: wrap;
    padding: 2em 1.6em;
}

footer .FooterSitemap h2 {
    width: 100%;
}

footer .FooterSitemap ul {
    width: 50%;
    text-align: left;
    font-size: 14px;
    line-height: 2;
}

footer .FooterGroup {
    padding: 0 1em;
}

footer .FooterGroup h2 {
    margin-bottom: 0.6em;
}

footer .FooterGroup h3 {
    padding: 0 1em;
    font-size: 12px;
    margin: 0.4em 0 1.6em;
}

footer .FooterAbout {
    padding: 2em 1em 0;
}

footer .FooterAbout h2 {
    width: 60%;
    margin: 0 auto;
}


/*問い合わせ*/

footer .FooterAbout ul.ContactMenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2em 0;
}

footer .FooterAbout ul.ContactMenu li {
    width: 49%;
}

footer .FooterAbout ul.ContactMenu li:nth-child(2) {
    position: relative;
    text-indent: 1em;
}

footer .FooterAbout ul.ContactMenu li:first-child a,
footer .FooterAbout ul.ContactMenu li:nth-child(2) a {
    border-color: #bb7200;
    color: #fff;
    background: #f2a12b;
    display: block;
    padding: 0.4em 0;
    line-height: 1;
    margin-bottom: 0.6em;
    font-size: 16px;
}

footer .FooterAbout ul.ContactMenu li:nth-child(2) a:before {
    content: "";
    display: block;
    background-image: url(/img/line.png);
    background-size: cover;
    width: 21px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 5px;
}

footer .FooterAbout ul.ContactMenu li:nth-child(2) a {
    border-color: #01c614;
    background-color: #01c614;
}

footer .FooterAbout ul.ContactMenu li:last-child {
    width: 100%;
    display: flex;
}

footer .FooterAbout ul.ContactMenu li:last-child p {
    width: 50%;
    font-size: 14px;
    margin: 0;
    text-align: left
}

footer .FooterAbout ul.ContactMenu li:last-child a {
    width: 50%;
    display: inline-block;
    display: flex;
    align-items: center;
}


/*アクセス*/

footer .FooterAbout h3 {
    font-size: 14px;
    margin-bottom: 0.2em;
}

footer .FooterAbout .map {
    width: 100%;
}

footer .FooterAbout dl {
    text-align: left;
    font-size: 12px;
    margin: 1em 0 2em;
}

footer .FooterAbout dl dt,
footer .FooterAbout dl dd {
    margin-bottom: 0.8em;
}

footer .Copyright {
    margin: 0;
    padding: 2em 0;
    font-size: 12px;
    background: #222222;
    text-align: center;
    color: #fff;
    line-height: 1;
}


/*---------------------------
問い合わせ
-----------------------------*/

.Content .Form {
    padding: 3em 1em 2em;
    font-size: 14px;
}

.Content .Form dl {
    text-align: left
}

.Content .Form dl dt {
    padding: 1.6em 0 0.4em;
    font-size: 16px;
    font-weight: bold
}

.Content .Form dl dt span {
    color: #f00;
    font-size: 14px;
    font-weight: normal;
    margin-left: 5px;
}

.Content .Form .contact-forms dd input,
.Content .Form .contact-forms dd textarea {
    padding: 0.6em;
    border: 1px solid #ccc;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
}

.Content .wpcf7c-btn-back {
    border-radius: 3px;
    margin-right: 2em;
    border: none;
    background: #ccc;
    color: #000;
    cursor: pointer;
    padding: 1em 2em;
}

.Content .contact-forms+p input[type=submit] {
    border-radius: 3px;
    border: none;
    background: #f15a24;
    color: #fff;
    cursor: pointer;
    padding: 1em 2em;
}

.Content .contact-forms+p {
    text-align: center;
    margin-top: 2em;
}

.Content span.wpcf7-radio {
    display: flex;
}

.Content span.wpcf7-list-item {
    margin: 0 0.6em 0 0;
}

.Content .contact-forms .wpcf7-list-item-label {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0.6em 0.4em;
    display: inline-block;
    font-size: 12px;
}

.Content .contact-forms input[type="checkbox"]:checked+span,
input[type="radio"]:checked+span {
    background: #3faec2;
    color: #fff;
}

.contact-forms input[type=checkbox],
.contact-forms input[type=radio] {
    display: none;
}

.Content .Form .contact-forms dd.photos input {
    border: none;
}

.Content .contact-forms .Radio {
    line-height: 1.4;
}

div.wpcf7 .ajax-loader {
    display: none;
}

.wpcf7-spinner {
    display: block;
}


/*買取依頼フォーム*/

section#Form h2 {
    font-size: 24px;
}

section#Form .tabs>ul {
    display: flex;
    justify-content: space-between;
    padding: 2em 1em 0;
}

section#Form .tabs>ul>li {
    width: 30%;
}

section#Form .tabs>ul>li a {
    display: block;
    padding: 1em 0;
    color: #666;
}

section#Form .tabs>ul>li a.active {
    background: #f3f3f3;
}

section#Form .Form>p {
    margin: 1em 0 0;
    text-align: center;
}

section#Form span.wpcf7-list-item {
    margin: 0.5em 0.8em 0.5em 0;
}

section#Form .Form .contact-forms dd.photos input {
    background: transparent;
}

section#Form .Form p.notes {
    margin: 1em 0;
}

.danbox img {
    border: solid 1px lightgray;
    margin-top: 10px;
}

section#Form .Form .danbox {
    /* display: flex; */
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 0
}

section#Form .Form .danbox div {
    width: 50%;
    text-align: center;
    font-size: 14px;
    padding: 1em;
    box-sizing: border-box
}

section#Form .Form .contact-forms+h2 {
    margin-top: 2em;
}

section#Form .Form .contact-forms .Radio span.wpcf7-radio {
    display: block;
}


/*---------------------------
アイテム一覧
-----------------------------*/

section#Item h2,
section#Item h2 {
    color: #FFFFFF;
    text-align: center;
    background: #2bcea1;
    padding: 0.4em;
}

section#Item .box1 ul.Flex-2,
ul.Flex-3,
ul.Flex-4,
ul.Flex-5,
ul.Flex-6 {
    display: flex;
    flex-wrap: wrap;
    padding: 1em 0.8em 0.6em;
}


/*---------------------------
アイテム詳細
-----------------------------*/

.ItemHeader,
.single-result {
    color: #4d4d4d;
}

.ItemHeader h1 {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    background: #222222;
    padding: 0.8em;
    line-height: 1.2;
    color: white;
}

#result-detail {
    background: #efefef;
    padding: 1em;
    margin: 0 0 1em;
}

#result-detail+p {
    margin: 2em 0.5em;
    text-align: left;
    line-height: 1.6;
    font-size: 16px;
}

.item-info {
    padding: 15px 0 0;
}

.item-info dl {
    font-size: 14px;
}

.item-info dl dt {
    width: 8em;
    float: left;
}

.item-info dl dd {
    margin: 0 0 15px 120px;
    text-align: left;
    padding-top: 0.2em;
    min-height: 2em;
    line-height: 1.4;
}

.item-info dl dt span {
    background: #222222;
    display: block;
    border-radius: 3px;
    padding: 0.4em 0;
    color: white;
}

.item-info h3 {
    width: 100%;
    text-align: left;
    font-size: 24px;
    border-bottom: 1px solid #4e4e4e;
    margin: 2em 0 0.4em;
    font-weight: bold;
}

.item-info dl dd.fc-f00 {
    color: #d81c35;
    font-weight: bold;
}

.item-detail {
    width: 100%;
    text-align: left;
    font-size: 14px;
    margin: 0;
}

.item-detail h2 {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 0.4em;
}

.item-detail h2:not(:first-of-type) {
    margin-top: 1.2em;
}

div.item-list dl div {
    display: flex;
    flex-wrap: wrap;
    padding: 1em 0.6em;
}

div.item-list dl div dd {
    padding: 0;
    width: 32.5%;
    margin-right: 1.25%;
    margin-bottom: 0.6em;
}

div.item-list dl div dd a img {
    border: solid 1px #c0c0c0;
}

div.item-list dl div dd a:hover img {
    transition: 0.3s;
    opacity: 0.7;
    border: solid 1px #7c4300;
}

div.item-list dl div dd:nth-child(3n) {
    margin-right: 0;
}

div.item-list p {
    text-align: center;
    line-height: 1.6;
    font-size: 1.1rem;
    color: #222;
}

.list-margin {
    margin: 0 0;
}

#makerlist div.item-list dl div {
    padding: 1em 0;
}


/*---------------------------
メーカー一覧
-----------------------------*/

section#Maker>p {
    text-align: center
}

section#Maker dl+p {
    margin: 0;
}

section#Maker dl dt {
    text-align: center;
    background: #222222;
    margin: 0 0 0.2em;
    padding: 0.4em;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    width: 100%;
}

section#Maker dl dd img {
    border: 1px solid #efefef;
}

section#Maker dl dd a:hover img {
    border: 1px solid #7c4300;
}

section#Maker dl dd p {
    text-align: center;
    font-size: 14px;
    color: #010f18;
}

section#Maker dl dd a p {
    color: #222;
}

section#Maker dl dd a:hover p {
    color: #7c4300;
}

section#Maker h2 {
    color: #FFFFFF;
    text-align: center;
    background: #222222;
    padding: 0.4em;
}

ul.AtoZ {
    flex-wrap: wrap;
    margin-bottom: 3em;
    padding: 0.5em;
    display: flex;
}

ul.AtoZ li {
    width: 10%;
    margin-right: 2.8571%;
}

ul.AtoZ li:nth-child(8n) {
    margin-right: 0;
}

ul.AtoZ li a {
    display: block;
    background: #222222;
    border: solid 2px #550000;
    border-radius: 3px;
    color: #fff;
    padding: 0.6em;
    margin: 5px 0px;
}

ul.AtoZ li a:hover {
    background: #550000;
    border: solid 2px #222222;
}

div.Maker dl div {
    display: flex;
    flex-wrap: wrap;
}

div.Maker dl div dd {
    padding: 1em 0 0.6em;
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 0.6em;
}

div.Maker dl div dd a:hover img {
    transition: 0.3s;
    opacity: 0.7;
    border: solid 1px #2bcea1;
}

div.Maker dl div dd:nth-child(3n+1) {
    margin-right: 0;
}

section#Maker .maker-ddst dl dd a p {
    color: #df7419;
}

.maker-ddst dl {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
}

.maker-ddst dl dd {
    padding: 1em 0 0.6em;
    width: 32%;
    margin-right: 2%;
}

.maker-ddst dl dd:nth-child(3n+1) {
    margin-right: 0;
}

.maker-ddst dl dt {
    font-size: 30px;
    font-weight: bold;
    margin: 1em 0;
    color: #010f18;
    background: #ffffff;
    width: 100%;
}

.maker-ddst dl dd a:hover img {
    transition: 0.3s;
    opacity: 0.7;
    border: solid 1px #2bcea1;
}


/*---------------------------
買取実績
-----------------------------*/

.ResultHeader {
    margin: 1em 1em 0;
    padding-top: 1em;
}

.ResultHeader h1 span {
    color: #4d4d4d;
    font-size: 24px;
}


/*---------------------------
メーカー アイテム
-----------------------------*/

section#results-list.Result h2 {
    text-align: center;
    border: none;
    padding-bottom: 0;
    margin-top: 20px;
    background: #222;
    color: #fff;
    padding: 0.4em;
}

section#results-list.Result ul.ResultList {
    padding: 1em 0;
}

.CatalogPageHeader {
    background: #eee;
    padding: 1em;
}

.CatalogPageHeader h1 {
    font-size: 16px;
    letter-spacing: 1px;
    color: #555859;
    padding: 1em;
    line-height: 1.2;
}

.CatalogPageHeader h1 span {
    font-size: 1.5em;
}

.CatalogPageHeader h1 span.em {
    color: #d71b34;
}

.CatalogPageHeader h1 span.punk {
    display: block;
    margin-top: 0.4em;
}

.CatalogPageHeader div img {
    display: none;
}

.Catalog-text {
    line-height: 1.4;
    font-size: 13px;
}

div.Catalog .box1 {
    padding: 0 15px;
    margin: 1em auto;
}

div.Catalog h2 {
    font-size: 20px;
    letter-spacing: 1px;
    text-align: left;
    border-bottom: solid 4px #222222;
    color: #010f18;
    padding: 0 0 10px 0;
}

div.Catalog ul.Flex-4 {
    padding: 1em 0 0.6em;
}

div.Catalog p.notes {
    margin: 10px;
}

div.Catalog ul li div p {
    font-size: 12px;
    font-weight: bold;
}

div.Catalog .Price {
    color: #dd2626;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-bottom: 6px;
    margin-top: 3px;
}

div.Catalog .Price .PriceIcon {
    background: #f15a24;
    color: #fff;
    display: inline-block;
    padding: 0.3em;
    line-height: 1.2;
    font-size: 12px;
}

div.Catalog .Price .PriceNum {
    margin-left: 5px;
    font-size: 20px;
    background: linear-gradient(transparent 60%, #fff438 60%);
    line-height: 1;
}

div.Catalog .Price .PriceUnit {
    margin-left: 2px;
    color: #000;
    font-size: 14px;
}

div.Catalog .box1 ul li {
    position: relative;
    margin-bottom: 7px;
    padding-bottom: 65px;
}

div.Catalog .box1 ul li div {
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 0 0.5em;
    width: 100%;
    position: absolute;
}

div.bg33 section.caution p,
p.caution {
    text-align: center;
    font-size: 10px;
}

@media screen and (min-width: 768px) {
    div.Catalog h2 {
        font-size: 24px;
    }

    div.Catalog ul li div p {
        font-size: 14px;
    }

    div.Catalog .Price .PriceIcon {
        font-size: 14px;
    }

    div.Catalog .Price .PriceNum {
        font-size: 22px;
    }
}

@media screen and (min-width: 950px) {
    section#results-list.Result ul.ResultList {
        padding: 1em 0;
    }
}


/*---------------------------
アンプページ リンクメニュー
-----------------------------*/

.SelectBox {
    margin-bottom: 4rem;
    padding: 0 1em;
}

.SelectBox ul {
    display: flex;
    flex-wrap: wrap;
}

.SelectBox ul li {
    width: 32%;
    margin-right: 2%;
    border: solid 1px gray;
    margin-top: 1.5rem;
}

.SelectBox ul li:nth-child(3n) {
    margin-right: 0;
}

div.Content .SelectBox li div p {
    font-size: 12px;
    color: #fff;
    background-color: #42230e;
    text-align: center;
}

div.Content .SelectBox h2 {
    text-align: center;
}

div.Content .box1 a {
    display: block;
}

@media screen and (min-width: 768px) {
    .SelectBox {
        padding: 0 1em;
    }

    .SelectBox ul li {
        width: 24%;
        margin-right: 1.33333333%;
    }

    .SelectBox ul li:nth-child(3n) {
        margin-right: 1.33333333%;
    }

    .SelectBox ul li:nth-child(4n) {
        margin-right: 0;
    }
}

@media screen and (min-width: 950px) {
    .SelectBox {
        padding: 0;
    }
}

/*---------------------------
メーカー アイテム2
-----------------------------*/

.ItemPageHeader h1 {
    padding: 2em 1em;
    color: #fff;
    background: url(/img/ItemPageHeader-BG.jpg);
    background-position: center;
    background-size: cover;
    letter-spacing: 1px;
}

.ItemPageHeader h1 span {
    font-size: 140%;
    color: #ffeb00;
}

div.Catalog .SpGenreText {
    padding: 1em 10px;
    background: #efefef;
}

div.Catalog .SpGenreText h2 {
    font-size: 18px;
    text-align: center;
    border: none;
    padding: 0;
}

@media screen and (min-width: 768px) {
    .ItemPageHeader h1 {
        font-size: 24px;
    }

    .ItemPageHeader>div {
        display: flex;
        margin: 1em auto 0;
        padding: 0 2em;
        align-items: center;
    }

    .ItemPageHeader>div img {
        width: 240px;
        height: 240px;
        order: 2;
    }

    .ItemPageHeader>div .Catalog-text {
        order: 1;
        padding-right: 2em;
    }

    div.bg33 section.caution p,
    p.caution {
        font-size: 14px;
    }
}

@media screen and (min-width: 950px) {
    .ItemPageHeader h1 {
        font-size: 28px;
        padding: 3em 0;
    }

    .ItemPageHeader>div {
        margin: 2em auto 1em;
        padding: 0;
    }

    .ItemPageHeader>div img {
        width: 320px;
        height: 320px;
    }

    .ItemPageHeader>div .Catalog-text {
        font-size: 16px;
    }

    .ItemPageHeader+.Content {
        margin-top: 2em;
    }
}


/*---------------------------
買取の流れ
-----------------------------*/

section#Flow #PageHeader {
    background-image: url(/wp-content/uploads/img/Bg-FlowHeader.jpg);
}

section#Flow li {
    margin: 1em 1em 0
}

section#Flow nav li img {
    box-shadow: 2px 4px 7px -2px #bcbcbc;
}

section#Flow h2 {
    font-size: 24px;
    margin: 1em 0 1em;
}

section#Flow h2.title {
    background: #42230e;
    color: #fff;
    padding: 0.6em;
    margin-top: 20px;
}

section#Flow #MethodList>li {
    padding: 1em;
    margin: 1em
}

section#Flow #MethodList>li h2 {
    background: #0db8cf;
    padding: 0.6em;
    color: #fff;
    font-size: 24px
}

section#Flow #MethodList>li li {
    margin: 2em 0 0;
}

section#Flow #MethodList>li li p {
    margin: 1em 0 0;
    font-size: 14px;
}

section#Flow #MethodList>li li h3 {
    text-align: left;
    color: #0db8cf;
    font-size: 20px;
    border-bottom: 1px solid #0db8cf;
    position: relative;
    padding-bottom: 0.2em;
}

section#Flow #MethodList>li li h3:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 85%;
    border-bottom: 1px solid #ccc;
}

section#Flow #MethodList>li li h3+img {
    margin-top: 1em;
}

section#Flow #MethodList>li li:first-child p a {
    color: #fbb03b;
}

section#Flow #MethodList>li li div.sub {
    background: #f3f3f3;
    padding: 1em;
    margin-top: 1em;
}

section#Flow #MethodList>li li div.sub h4 {
    font-size: 18px;
}

section#Flow #MethodList>li li div.sub h5 {
    font-size: 16px;
    margin-top: 1.6em;
}

section#Flow #MethodList>li li div.sub .FileDL {
    text-align: center;
}

section#Flow #MethodList>li li div.sub a {
    color: #fbb03b;
}

section#Flow #MethodList>li li div.sub .FileDL a {
    display: block;
    padding: 0.6em;
    margin: 1em;
    background: #fbb03b;
    color: #fff;
    font-weight: bold;
}


/* section#Flow #MethodList ul#Box {} */

section#Flow #MethodList ul#Box li {
    width: 48%;
    display: inline-block;
}

section#Flow dl {
    padding: 1em;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

section#Flow dl dt {
    text-align: left;
    background: #eee;
    padding: 0.6em;
}

section#Flow dl dd {
    padding: 0.8em;
    text-align: left;
    font-size: 14px;
    line-height: 1.5;
}

section#Flow p {
    margin: 0 0.5em 0 0.7em;
}

section#Flow {
    margin-bottom: 2em
}


/*宅配買取の流れ*/

#Flow .danbox ul {
    display: flex;
    flex-wrap: wrap;
}

#Flow .danbox ul li {
    width: 44.9%;
    font-size: 14px;
    margin-bottom: 2em;
}

#Flow .danbox ul li {
    margin-right: 2%;
}

#Flow .danbox ul li:nth-child(2n) {
    margin-right: 0;
}

#Flow .danboxHide {
    display: none;
}

#Flow .danboxHide div {
    display: inline-block;
}

#Flow #BoxOpen {
    text-align: center;
    border: 1px solid #0DB8CF;
    padding: 10px;
    margin: 0px 30px 40px;
    border-radius: 3px;
    background: #0DB8CF;
    max-width: 600px;
    cursor: pointer;
    color: #fff;
}

#Flow #BoxOpen.opened {
    font-size: 0;
}

#Flow #BoxOpen.opened:before {
    font-size: 14px;
    content: "閉じる";
    padding: 0.6em;
}

@media screen and (min-width: 768px) {

    /*宅配買取の流れ*/
    #Flow .danbox {
        margin-top: 4em;
        margin-bottom: 0;
    }

    #Flow .danboxHide {
        margin-top: 0;
    }

    #Flow .danbox ul li {
        width: 24%;
        margin-right: 1.3333333%;
        margin-bottom: 3em;
    }

    #Flow .danbox ul li:nth-child(2n) {
        margin-right: 1.3333333%;
    }

    #Flow .danbox ul li:nth-child(4n) {
        margin-right: 0;
    }

    #Flow .danbox ul li:last-child {
        margin-bottom: 0;
    }

    #Flow #BoxOpen {
        margin: 30px auto 60px;
    }
}

@media screen and (min-width: 980px) {
    #BoxOpen:hover {
        opacity: 0.7;
    }
}


/*宅配買取フォーム*/

.contact-forms .danbox ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.contact-forms .danbox ul li {
    width: 49%;
    font-size: 14px;
    margin-bottom: 2em;
    text-align: center;
}

.contact-forms .danbox ul li {
    margin-right: 2%;
}

.contact-forms .danbox ul li:nth-child(2n) {
    margin-right: 0;
}

.contact-forms .danboxHide {
    display: none;
}

.contact-forms .danboxHide div {
    display: inline-block;
}

.contact-forms #BoxOpen {
    text-align: center;
    border: 1px solid #0DB8CF;
    padding: 10px;
    margin: 0px 30px 40px;
    border-radius: 3px;
    background: #0DB8CF;
    max-width: 600px;
    cursor: pointer;
    color: #fff;
}

.contact-forms #BoxOpen.opened {
    font-size: 0;
}

.contact-forms #BoxOpen.opened:before {
    font-size: 14px;
    content: "閉じる";
    padding: 0.6em;
}

@media screen and (min-width: 768px) {

    /*宅配買取フォーム*/
    .contact-forms .danbox {
        margin-top: 4em;
        margin-bottom: 0;
    }

    .contact-forms .danboxHide {
        margin-top: 0;
    }

    .contact-forms .danbox ul li {
        width: 24%;
        margin-right: 1.3333333%;
        margin-bottom: 3em;
    }

    .contact-forms .danbox ul li:nth-child(2n) {
        margin-right: 1.3333333%;
    }

    .contact-forms .danbox ul li:nth-child(4n) {
        margin-right: 0;
    }

    .contact-forms .danbox ul li:last-child {
        margin-bottom: 0;
    }

    .contact-forms #BoxOpen {
        margin: 30px auto 60px;
    }
}

@media screen and (min-width: 980px) {
    #BoxOpen:hover {
        opacity: 0.7;
    }

    #BoxOpen {
        transition: .3s;
    }
}


/*---------------------------
ジャンク
-----------------------------*/

section#Junk h1 {
    margin-top: 30px;
}

section#Junk h2 {
    text-align: left;
    border-left: 10px solid #292929;
    padding: 0 0.4em;
    margin: 40px 0 10px;
    font-size: 26px;
}

section#Junk ul {
    text-align: left;
}

section#Junk ul li {
    display: inline-block;
    width: 240px;
    margin: 20px 0;
    width: 48%;
}

section#Junk h2+p {
    text-align: left;
    font-size: 16px;
    line-height: 1.8;
}


/*---------------------------
問い合わせ
-----------------------------*/

section#Contact .Form {
    background: #f3f3f3;
}

section#Contact h2 {
    border: none;
}

section#Contact {
    font-size: 14px;
}

section#Contact>p {
    padding: 1em;
}

section#Contact #ContactList {
    margin: 1em;
}

section#Contact #ContactList h2 {
    color: #fff;
}

section#Contact #ContactList p {
    margin: 1em 0 0;
}

section#Contact #ContactList li.Tel,
section#Contact #ContactList li.Mail {
    padding: 20px;
    background: #45b3d8;
    text-align: left;
    line-height: 1.8;
    color: #fff;
}

section#Contact #ContactList li.Mail {
    margin-top: 1em;
    background: #53bfc6;
}

section#Contact #ContactList li.Mail a {
    display: block;
    width: 80%;
    margin: 1em auto;
    padding: 1em;
    background: #fff;
    color: #53bfc6;
    text-align: center;
}

section#Contact #ContactList li.Tel img {
    margin: 1em 0 0;
}

.thanksText {
    text-align: left;
    padding-top: 1em;
    margin: 1em auto;
    line-height: 1.5;
    font-size: 15px;
}

.thanksText a {
    color: #47b39d;
}

.thanksText span {
    font-weight: bold;
}

.thanks .thanksText {
    text-align: center;
    line-height: 2;
    padding: 3em 1em;
}

.thanks-delivery #Content {
    max-width: 700px;
    margin: 0 auto;
    padding: 1em;
}

.ThanksArea {
    margin: 0 1em;
}

.thanks-container {
    margin: 0px 30px;
}


/*---------------------------
査定依頼
-----------------------------*/

#Assessment #MethodList>li {
    background: #fff;
    border: 5px solid #f2f2f2;
    padding: 1em;
    margin: 1em;
}

#Assessment #MethodList>li>h2 {
    text-align: left;
    font-size: 24px;
    color: #550000;
    border-bottom: 1px solid #c6b5a0;
    position: relative;
    padding-bottom: 0.2em;
}

#Assessment #MethodList>li>h2:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 85%;
    border-bottom: 1px solid #ccc;
}

#Assessment #MethodList>li p {
    margin: 1em 0 0;
    font-size: 14px;
}

#Assessment #MethodList .Form {
    padding: 0;
}

#Assessment #MethodList #mail .bg-glay {
    text-align: center;
    padding: 0.6em;
}

#Assessment #MethodList li#tel p.notes {
    text-align: center;
    margin: 1em 0 0.2em
}

#Assessment #MethodList>li>div:first-of-type {
    display: none;
}


/*---------------------------
よくある質問
-----------------------------*/

section#FAQ>p {
    font-size: 14px;
    padding: 1em;
}

section#FAQ .bg3 {
    padding: 1em;
    background: #564d39;
}

section#FAQ .bg3 .FAQ {
    background: #fff;
    border: 1px solid #f2f2f2;
    padding: 1em;
    margin: 1em 0;
    font-size: 14px;
    text-align: left;
    box-shadow: 2px 4px 7px -2px #bcbcbc;
}

section#FAQ .bg3 .FAQ h2 {
    text-align: left;
    border-bottom: 1px solid #3fad34;
    position: relative;
    padding-bottom: 0.2em;
    font-size: 18px;
    color: #4d4d4d;
}

section#FAQ .bg3 .FAQ h2:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 85%;
    border-bottom: 1px solid #ccc;
}

section#FAQ .bg3 .FAQ dl {
    line-height: 1.5;
}

section#FAQ .bg3 .FAQ dt {
    margin: 1em 0 0.6em;
    display: flex;
}

section#FAQ .bg3 .FAQ dd {
    margin: 0 0 2em;
    display: flex;
}

section#FAQ .bg3 .FAQ dt:before {
    content: "Q.";
    color: #5ac2dd;
    margin-right: 0.6em;
    font-weight: bold;
}

section#FAQ .bg3 .FAQ dd:before {
    content: "A.";
    color: #d2585a;
    margin-right: 0.6em;
    font-weight: bold;
}


/* トップ よくある質問 */

.FaqArea {
    padding: 3em 1em;
    background: #f5f5f5;
}

.FaqArea>p {
    padding: 1em;
    text-align: center
}

.FaqWrap {
    max-width: 1100px;
    margin: auto;
    background: #fff;
}

.FaqWrap ul {
    padding: 4em 4em 1em 4em;
}

.FaqWrap ul li {
    margin-bottom: 2em;
    text-align: left;
}

.FaqWrap ul li:last-child {
    margin-bottom: 0;
}

.FaqWrap ul li h3 {
    margin-bottom: 1em;
    display: flex;
    line-height: 1.6;
}

.FaqWrap ul li h3::before {
    content: "Q.";
    color: #5ac2dd;
    margin-right: 0.6em;
    font-weight: bold;
}

.FaqWrap ul li p {
    display: flex;
}

.FaqWrap ul li p::before {
    content: "A.";
    color: #d2585a;
    margin-right: 0.6em;
    font-weight: bold;
    font-size: 20px;
}

@media only screen and (max-width:767px) {
    .FaqArea>p {
        text-align: left
    }

    .FaqWrap {
        padding-bottom: 2em;
    }

    .FaqWrap ul {
        padding: 2em 2em 1em 2em;
    }
}


/*---------------------------
プライバシーポリシー
-----------------------------*/

section#privacy {
    background: #f7f1e5;
    padding: 2em;
    text-align: left;
    line-height: 1.6;
}

section#privacy dt h2 {
    margin-top: 2em;
    border-bottom: 1px solid #4d4d4d;
    font-size: 18px;
}

section#privacy dt:first-of-type h2 {
    margin-top: 0;
}

section#privacy dd {
    font-size: 14px;
}


/*---------------------------
会社概要
-----------------------------*/

section#AboutUs h2 {
    margin-top: 1em;
    border: 0;
}

section#AboutUs h2 img {
    max-width: 80%;
    margin-bottom: 0.8em;
}

section#AboutUs h2 span {
    display: block;
    font-size: 16px;
    margin: 1em;
}

section#AboutUs .wrapC {
    padding: 1em;
}

section#AboutUs .wrapC p {
    margin-bottom: 1em;
}

section#AboutUs nav.GroupSite {
    padding: 2em;
}

#CompanyInfo {
    padding: 20px 15px;
}

#CompanyInfo h2 {
    font-size: 28px;
}

#CompanyInfo dl {
    margin-bottom: 30px;
    text-align: left;
    font-size: 14px;
}

#CompanyInfo dl dt {
    background: #222222;
    padding: 0.6em;
    color: #fff;
}

#CompanyInfo dl dd {
    background: #f8f9fa;
    padding: 0.6em;
}


/*-----------------------スマホのみ～-----------------------*/

@media only screen and (max-width: 766px) {

    /*スマホ版アイテム・メーカーテキスト*/
    .CatalogPageHeader {
        padding-bottom: 5em;
    }

    .CatalogPageHeader h1 {
        padding: 1em 1em 0;
    }

    .page-template-page-maker div.Content .App.Blue {
        margin: -70px auto 3em;
    }

    .page-template-page-items div.Content .App.Blue {
        margin: -70px auto 3em;
    }

    .SpGenreText {
        padding: 2em 1em;
        background: #fff;
    }

    .SpGenreText h2 {
        font-size: 20px;
        margin-bottom: 1em;
    }

    .SpGenreText h2 span {
        line-height: 30px;
        background: linear-gradient(transparent 55%, #d89224d1 55%);
    }

    .SpGenreText p.genre-text {
        text-align: left;
        line-height: 1.4;
        font-size: 14px;
    }
}


/*-----------------------タブレット～-----------------------*/

@media only screen and (min-width: 767px) {
    html {
        scroll-padding-top: 97px;
    }

    .tb {
        display: block;
    }

    .sp {
        display: none !important;
    }

    body {
        padding-top: 98px;
    }

    /*共通*/
    p {
        font-size: 1.6rem;
    }

    ul.Flex-4 li {
        width: 24%;
        margin-right: 1.333333%;
        margin-bottom: 12px;
    }

    ul.Flex-4 li:nth-child(2n) {
        margin-right: 1.333333%;
    }

    ul.Flex-4 li:nth-child(4n) {
        margin-right: 0;
    }

    ul.Flex-6 li {
        width: 16%;
        margin-right: 0.8%;
    }

    ul.Flex-6 li:nth-child(3n) {
        margin-right: 0.8%;
    }

    ul.Flex-6 li:nth-child(6n) {
        margin-right: 0;
    }

    .more {
        width: 50%;
        font-size: 16px;
        margin: 1em auto;
    }

    .more-tx {
        text-align: center;
    }

    .more-tx span {
        display: inline;
    }

    .view-more-button {
        width: 50%;
        font-size: 16px;
        margin: 1em auto;
    }

    .App ul.Flex-2 {
        padding: 1em 4em 0.6em;
    }

    section h2 {
        font-size: 30px;
    }

    .sp-only {
        display: none;
    }

    .pc-only {
        display: block;
    }

    /*ヘッダー*/
    header .header-tx {
        width: 100%;
        text-align: left;
        color: #fff;
        display: flex;
    }

    header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10;
        background: #fff;
        box-shadow: 0px 3px 8px -4px #28221b;
    }

    header #Header #Logo {
        margin-left: 0.5em;
    }

    header #Header .Header-Tel {
        margin-right: 0.5em;
        margin-left: 0.5em;
    }

    header #Header {
        padding: 1em 1em 0.4em;
        border: none;
        position: relative;
        flex-wrap: wrap;
    }

    header #Header>div.tb.pc {
        display: flex;
        justify-content: space-between;
        align-items: start;
        width: 65%;
    }

    header #Header>div.tb.pc ul li {
        margin-left: 20px;
    }

    header #Header>div.tb.pc ul li a {
        display: block;
        font-size: 11px;
        background: #01c614;
        color: #fff;
        padding: 0.6em 2em;
    }

    header #Header>div.tb.pc ul li:last-child a {
        background: #f2a12b;
    }

    header #Header>div.tb.pc>ul {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    header #Header>div.tb.pc>div {
        max-width: 35%;
    }

    header #Header>div.tb.pc>div p {
        text-align: center;
        font-size: 14px;
        line-height: 1;
        margin-top: 0.4em;
    }

    header nav#GN {
        width: 100%;
        margin-top: 0.6em;
        background-color: #42230e;
        padding: 5px 0px 3px;
    }

    header nav#GN ul {
        width: 100%;
        display: flex
    }

    header nav#GN ul li {
        border-left: 1px solid #222222;
        border-right: 1px solid #222222;
        flex: 1 0 auto;
        width: 16.6%;
    }

    header nav#GN ul li+li {
        border-left: 0;
        border-right: 1px solid #222222;
    }

    header nav#GN ul li a {
        display: block;
        padding: 0.6em 0;
        font-size: 14px;
        color: #fff;
        font-weight: bold;
    }

    /*トップページ メインビジュアル*/
    #MainVisual {
        background-image: url(/img/MainVisual-bg-pc.jpg);
        background-size: cover;
        padding: 3% 2%;
        margin-bottom: 20px;
        background-position: right;
    }

    #MainVisual .App {
        background: none;
        padding: 0;
        margin: 20px auto 0;
    }

    /*トップページ選ばれる理由*/
    section#Reason h2 {
        margin-bottom: 1em;
    }

    section#Reason h2 img {
        margin: 0 5px;
    }

    /*トップページ 買取価格 品目*/
    section#Result,
    section#Flow {
        padding: 2em 2em 2em;
    }

    /*トップページ LINE*/
    section#Linebanner {
        background-image: url(/img/BG-line.jpg);
        background-repeat: no-repeat;
        background-size: 100% 88%;
        background-position: bottom;
    }

    /*買取実績*/
    section#Result ul.ResultList li {
        margin-bottom: 1em;
    }

    /*買取の流れ*/
    section#Method .Box-Size {
        width: 25%;
        padding: 0;
        margin: 1px;
    }

    section#Method .Method-Delivery ul#Box li img {
        width: 100%
    }

    /*買取の流れ*/
    section#FlowShort dl {
        display: flex;
        flex-wrap: wrap;
        width: 90%;
        margin: 2em auto 1em;
        align-items: center;
    }

    section#FlowShort dl dt {
        width: 25%;
        margin-bottom: 30px;
    }

    section#FlowShort dl dd {
        width: 75%;
        padding: 0 0 0 2em;
        margin: 0 0 30px 0;
    }

    section#FlowShort .Flex-3 {
        margin-top: 2em;
    }

    /*比較*/
    section#Compare img {
        width: 90%;
        margin: 2em auto;
    }

    /*ブランド*/
    section#Item ul li {
        margin-bottom: 1em;
    }

    /*スライダー*/
    section#loop {
        max-width: 1100px;
        margin: auto;
    }

    .loop-slide-item li {
        width: 200px;
        margin-right: 0px;
    }

    .loop-slide-item li img {
        width: 200px;
        height: 150px
    }

    #Genre ul {
        padding: 15px 20px 0
    }

    #Genre ul li {
        width: 23%
    }

    #Genre ul li a p {
        padding: 8px 0;
        font-size: 14px;
    }

    .loop-slide-item li p span {
        font-size: 24px;
    }

    /*口コミ*/
    section#Review h2 {
        line-height: 1.6
    }

    /*ジャンク*/
    section#Junk {
        margin-top: 20px;
    }

    section#Junk {
        padding-top: 0;
    }

    section#Junk p {
        text-align: center;
        margin: 1em 0.6em;
    }

    /*選ばれる理由*/
    section#Service .text {
        font-size: 1.8rem;
    }

    #Reason {
        padding: 0;
    }

    section#Service .text {
        font-size: 1.8rem;
    }

    #Reason p {
        margin: 2em 4em;
    }

    section#Service .text {
        font-size: 1.8rem;
    }

    section#Service .text {
        font-size: 1.8rem;
    }

    #Reason h2 {
        font-size: 25px;
    }

    section#Service .text {
        font-size: 1.8rem;
    }

    #Reason h2 img {
        height: 40px;
        margin: 0 0.6em 0 0;
        display: inline-block
    }

    section#Service .text {
        font-size: 1.8rem;
    }

    #Reason ul {
        display: flex;
        justify-content: space-between;
    }

    section#Service .text {
        font-size: 1.8rem;
    }

    #Reason ul li {
        width: 31%;
        margin: 2em 0.6em 0;
        padding: 0.4em;
        box-shadow: 0px 0px 6px 3px #dedede;
    }

    section#Service .text {
        font-size: 1.8rem;
    }

    #Reason ul li p {
        margin: 1em 0.6em 0.4em;
        font-size: 14px;
    }

    .short-border:before {
        bottom: -10px;
    }

    .short-border {
        display: inline-block;
        position: relative;
    }

    .short-border:before {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -20px;
        display: inline-block;
        width: 50px;
        height: 2px;
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%);
        background-color: #f7941f;
    }

    /*サービス内容*/
    section#Service .wrapC {
        max-width: 760px;
        margin: 0 auto;
    }

    section#Service .wrap {
        padding-top: 1.5em;
    }

    section#Service .Flex {
        text-align: center;
        display: flex;
        justify-content: space-between;
    }

    section#Service>ul {
        margin: 0 auto 2em;
    }

    section#Service>ul li {
        width: 50%;
    }

    section#Service>ul li h2 {
        font-size: 2.2rem;
        border: 2px solid #6ec7d6;
        font-weight: normal;
        margin: 1em;
        border-radius: 3px;
        background: #fff;
    }

    section#Service .tabcontent div img {
        margin: 30px auto 60px;
    }

    /*お試し歓迎*/
    section#Trial {
        padding: 3em 0;
    }

    section#Trial nav {
        padding: 0 1em;
    }

    section#Trial ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        font-size: 0;
        align-items: baseline;
        max-width: 950px;
        margin: 20px auto 0;
    }

    section#Trial ul li {
        width: 31%;
        margin: 1em 0;
        font-size: 16px;
    }

    section#Trial ul li img {
        box-shadow: 0px 20px 15px -15px #dedede;
    }

    /*高く売るコツ*/
    section#Point {
        margin-top: 2em;
    }

    section#Point div {
        padding: 2em 2em 0;
        background: #F5DEB3;
        margin-top: 40px
    }

    section#Point div>p {
        font-size: 16px;
        line-height: 1.4;
        text-align: center
    }

    section#Point div ul {
        margin: 40px auto 0;
        display: flex;
        justify-content: space-between
    }

    section#Point div ul li {
        display: block;
        width: 31%;
    }

    section#Point div ul li h3 {
        width: 100%;
        margin-bottom: 10px;
        font-size: 18px;
        text-align: left
    }

    section#Point div ul li h3 span {
        display: block
    }

    section#Point div ul li img {
        width: 100%;
        height: auto
    }

    section#Point div ul li p {
        width: 100%;
        padding: 0.2em;
    }

    section#Point div ul li:nth-child(2) p {
        padding-right: 0.2em;
    }

    /*フッター*/
    footer .wrap {
        display: flex;
        flex-wrap: wrap;
        padding: 3em 0 0;
    }

    footer a {
        font-size: 14px;
        padding-right: 0;
    }

    footer .FooterSitemap {
        width: 38%;
        box-sizing: border-box;
        order: 2;
        padding: 0 0 0 1em;
    }

    footer .FooterGroup {
        width: 17%;
        box-sizing: border-box;
        order: 3;
        padding: 0;
    }

    footer .FooterGroup h2 {
        display: none;
    }

    footer .FooterGroup .GroupSite {
        margin-right: 1em;
    }

    footer .FooterGroup .GroupSite ul li {
        margin: 0 0 0.6em;
    }

    footer .FooterGroup .GroupSite ul li h3 {
        display: none;
    }

    footer .FooterAbout {
        width: 45%;
        box-sizing: border-box;
        order: 1;
        padding: 0 1em;
    }

    footer .FooterAbout h2 {
        margin: 0;
    }

    footer .FooterAbout ul.ContactMenu {
        padding: 1em 0;
    }

    footer .FooterAbout ul.ContactMenu li:nth-child(2) a:before {
        width: 19px;
        height: 18px;
        position: absolute;
        left: 26px;
        top: 3px;
    }

    footer .FooterAbout h3 {
        display: none;
    }

    footer .Copyright {
        margin-top: 2em;
        font-size: 16px;
    }

    /*固定ページ*/
    .content h2 {
        color: #010f18;
        font-size: 22px;
        letter-spacing: 1px;
        padding: 0 0 0.2em;
    }

    .PageHeader h1 {
        font-size: 32px;
        padding: 2em 0;
        margin: 0
    }

    .Content .wrap ul.Group li {
        width: 32%;
        margin-right: 2%;
    }

    .Content .wrap ul.Group li h3 {
        display: none;
    }

    .Content .wrap ul.Group li:nth-child(3n) {
        margin-right: 0;
    }

    /*---------------------------
	買取アイテムページ
	-----------------------------*/
    .CatalogPageHeader {
        background: #fff;
        padding: 3em 1em 0;
    }

    .CatalogPageHeader h1 {
        font-size: 24px;
        padding: 1em 0;
        line-height: 1;
    }

    .CatalogPageHeader>div {
        display: flex;
        align-items: center;
    }

    .CatalogPageHeader>div img {
        display: block;
        width: 160px;
        height: 160px;
        order: 2;
    }

    .CatalogPageHeader>div .Catalog-text {
        line-height: 1.4;
        font-size: 16px;
        text-align: left;
        padding-right: 2em;
    }

    section#Item h2 {
        font-size: 24px;
        padding: 10px;
    }

    .page #Item>p {
        text-align: center;
    }

    div.item-list dl div dd {
        padding: 0;
        width: 19%;
        margin-bottom: 0.6em;
    }

    div.item-list dl div dd:nth-child(3n) {
        margin-right: 1.25%;
    }

    div.item-list dl div dd:nth-child(5n) {
        margin-right: 0;
    }

    section#ItemShort div.item-list dl div dd {
        width: 15%;
    }

    /*---------------------------
	アイテム詳細
	-----------------------------*/
    #result-detail {
        padding: 2em;
        margin: 1em 2em 2em 2em;
        flex-wrap: wrap;
        display: flex;
    }

    #result-detail+p {
        margin: 2em;
    }

    .item-photo {
        width: 50%;
    }

    div.item-info {
        padding-left: 20px;
        width: 50%;
        box-sizing: border-box;
    }

    /*---------------------------
	ブランドページ
	-----------------------------*/
    ul.AtoZ li {
        width: 40px;
        margin-right: 1%;
    }

    ul.AtoZ li:nth-child(8n) {
        margin-right: 1%;
    }

    div.maker-ddst dl dd {
        padding: 1em 0 0.6em;
        width: 19%;
        margin-right: 1.25%;
        margin-bottom: 0.6em;
    }

    #maker section.mainbrand dl dd:nth-child(3n+1) {
        margin-right: 1.25%;
    }

    div.maker-ddst dl dd:nth-child(3n+1) {
        margin-right: 1.25%;
    }

    #maker section.mainbrand dl dd:nth-child(5n+1) {
        margin-right: 0;
    }

    div.maker-ddst dl dd:nth-child(5n+1) {
        margin-right: 0;
    }

    /*---------------------------
	ジャンク
	-----------------------------*/
    section#Junk {
        width: 95%;
        margin: 2em auto;
        padding: 0em;
    }

    /*---------------------------
	買取の流れ
	-----------------------------*/
    section#Flow {
        margin: 24px auto;
        max-width: 1100px;
    }

    section#Flow>div {
        display: flex;
        justify-content: space-between;
    }

    section#Flow>div>div h2 {
        text-align: left;
        margin-top: 0
    }

    section#Flow>div>img {
        width: 45%;
        height: 100%;
    }

    section#Flow p {
        margin-right: 1em;
    }

    section#Flow>div:nth-of-type(2) {
        margin-bottom: 2em;
    }

    section#Flow>div:nth-of-type(2) div {
        order: 2;
        padding-left: 1em;
    }

    section#Flow>div:nth-of-type(2) img {
        order: 1
    }

    section#Flow>nav ul {
        max-width: 980px;
        justify-content: space-between;
        margin: 0 auto;
    }

    section#Flow>nav ul li a img {
        transition: all 0.3s;
    }

    section#Flow>nav ul li a img:hover {
        opacity: 0.8;
    }

    section#Flow #MethodList>li {
        max-width: 980px;
        margin: 1em auto;
    }

    section#Flow li {
        margin: 0;
    }

    section#Flow #MethodList>li {
        padding: 3em 0;
        box-sizing: border-box;
    }

    section#Flow #MethodList>li li div.sub {
        margin: 1em auto;
        max-width: 90%;
    }

    .TextBox {
        max-width: 760px;
        margin: 1em auto;
    }

    section#Flow #MethodList>li li {
        display: flex;
        flex-wrap: wrap;
    }

    section#Flow #MethodList>li li>h3 {
        width: 100%;
        margin-bottom: 1em;
    }

    section#Flow #MethodList>li li>h3+div {
        width: 30%;
    }

    section#Flow #MethodList>li li>h3+div+div {
        width: 70%;
        padding: 0 1em;
        box-sizing: border-box
    }

    section#Flow #MethodList>li li p {
        margin: 0 0 1em;
    }

    section#Flow #MethodList>li li p a {
        transition: all 0.3s;
    }

    section#Flow #MethodList>li li p a:hover {
        color: #fbb03b;
    }

    section#Flow #MethodList>li li div.sub h5 {
        margin-bottom: 0.8em;
    }

    section#Flow #MethodList>li li div.sub .FileDL a {
        transition: all 0.3s;
        border: 1px solid #fbb03b;
    }

    section#Flow #MethodList>li li div.sub .FileDL a:hover {
        color: #fbb03b;
        background: #fff;
    }

    /*---------------------------
	買取方法
	-----------------------------*/
    section#Method>div>ul {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 40px;
        max-width: 1100px
    }

    section#Method>div>ul li {
        width: 33%
    }

    section#Method>div>ul li h3 {
        text-align: center;
        font-size: 24px
    }

    section#Method>div>ul li img {
        width: 100%;
        margin-bottom: 10px
    }

    section#Method>div>ul li p {
        width: 100%;
        padding-left: 0
    }

    section#Method>div>ul li:nth-child(2) p {
        order: 3
    }

    section#Method>div h2+p {
        font-size: 16px;
        margin: 40px auto 20px
    }

    section#Method .Assesment ul {
        max-width: 1100px;
        margin: 20px auto
    }

    section#Method .Assesment li a {
        font-size: 24px
    }

    section#Method .Assesment li:nth-child(1):before {
        width: 48px;
        height: 48px;
    }

    section#Method .Assesment li:nth-child(3) a {
        font-size: 24px
    }

    section#Method .Assesment li:nth-child(3) a span:first-child {
        display: none
    }

    section#Method .Assesment li:nth-child(3) a span:last-child {
        display: inline;
        border: 0
    }

    /*---------------------------
	お問い合わせ
	-----------------------------*/
    section#Contact #ContactList {
        margin: 3em 6em;
    }

    /*---------------------------
	査定依頼
	-----------------------------*/
    #Assessment #MethodList>li {
        max-width: 980px;
        margin: 2em;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap
    }

    #Assessment #MethodList>li>div:first-of-type {
        display: block;
    }

    #Assessment #MethodList>li p {
        margin: 0 0 1em
    }

    #Assessment #MethodList>li>h2 {
        width: 100%;
        margin-bottom: 1em;
    }

    #Assessment #MethodList>li>h2+div {
        width: 30%;
    }

    #Assessment #MethodList>li>h2+div+div {
        width: 70%;
        padding: 0 1em;
        box-sizing: border-box
    }

    #Assessment #MethodList .Form {
        width: 100%;
    }

    /*---------------------------
	買取実績
	-----------------------------*/
    .ItemHeader h1 {
        font-size: 24px;
    }

    #result-detail {
        margin: 0 0 2em;
    }

    .item-detail {
        margin-top: 20px;
    }

    /*---------------------------
	よくある質問
	-----------------------------*/
    section#FAQ .bg3 .FAQ {
        margin: 1em 1em 3em;
        padding: 2em;
    }

    /*---------------------------
	プライバシーポリシー
	-----------------------------*/
    section#privacy {
        padding: 2em 4em;
    }

    /*---------------------------
	買取依頼フォーム
	-----------------------------*/
    section#Form .Form {
        padding: 3em;
    }

    section#Form .Form .danbox div {
        width: 33.3%;
    }

    /*---------------------------
アンプページ リンクメニュー
-----------------------------*/
    .SelectBox {
        margin-bottom: 6rem;
    }

    div.Content .SelectBox li div p {
        font-size: 20px;
    }

    .SelectBox ul.Flex-2 li {
        width: 32%;
        margin-right: 2%;
    }

    .SelectBox ul.Flex-2 li:nth-of-type(3n) {
        margin-right: 0;
    }

    /*---------------------------
アンプページ リンクメニューここまで
-----------------------------*/
}


/*------------------タブレット ここまで-------------------*/


/*-----------------------PC～-----------------------*/

@media only screen and (min-width: 950px) {
    html {
        scroll-padding-top: 130px;
    }

    .pc {
        display: block;
    }

    .sp {
        display: none !important;
    }

    body {
        padding-top: 126px;
    }

    p {
        font-size: 16px;
    }

    a img,
    a p,
    a {
        text-align: center;
    }

    a:hover img {
        opacity: 0.7;
    }

    a:hover {
        color: #f2a12b;
    }

    .wrap {
        max-width: 1060px;
        margin: 0 auto;
    }

    ul.Flex-2,
    ul.Flex-3,
    ul.Flex-4,
    ul.Flex-5,
    ul.Flex-6 {
        padding: 1em 0;
    }

    .more {
        width: 30%;
        margin-bottom: 2em;
        border: 1px solid #f15a24;
    }

    .more:hover {
        background: #fff;
        color: #660930;
        transition: .3s;
    }

    .view-more-button {
        width: 25%;
        margin: 0 auto 2em;
        cursor: pointer;
        border: 1px solid #f15a24;
    }

    .view-more-button:hover {
        color: #660930;
        background: #fff;
    }

    /*ヘッダー*/
    header #Header {
        padding: 20px 0 0;
        margin-bottom: 22px;
        align-items: start;
    }

    header #Header #Logo {
        width: 318px;
        margin-top: 6px;
        margin-left: 0
    }

    header #Header>div.tb.pc {
        align-items: start;
        justify-content: flex-end;
    }

    header #Header>div.tb.pc>ul {
        margin: 1em 1em 0em 0em;
    }

    header #Header>div.tb.pc ul li a {
        font-size: 14px;
        transition: .3s;
        border: 1px solid #01c614;
    }

    header #Header>div.tb.pc ul li a:hover {
        color: #564d39;
        background: #fff;
    }

    header #Header>div.tb.pc ul li:last-child a {
        font-size: 14px;
        border: 1px solid #f2a12b;
    }

    header #Header>div.tb.pc ul li:last-child a:hover {
        color: #8e7f44;
    }

    header #Header>div.tb.pc>div {
        margin-right: 0
    }

    header #Header>div.tb.pc>div p {
        text-align: right;
    }

    header #Header .tel {
        margin-top: 1em;
    }

    header nav#GN ul li a {
        margin: 0 auto;
        font-size: 16px;
    }

    header nav#GN ul li a:hover {
        color: #fddf5d;
    }

    /*ページコンテンツ*/
    .Content {
        max-width: 1100px;
        margin: 2em auto 0 auto;
    }

    .page-id-11 .Content {
        margin-top: 0;
    }

    /*フッター*/
    footer a {
        font-size: 14px;
        margin-right: 0;
    }

    footer .FooterAbout ul.ContactMenu li:first-child a,
    footer .FooterAbout ul.ContactMenu li:nth-child(2) a {
        transition: .3s;
    }

    footer .FooterAbout ul.ContactMenu li:first-child a:hover {
        background: #fff;
        color: #f2a12b;
    }

    footer .FooterAbout ul.ContactMenu li:nth-child(2) a:hover {
        background: #fff;
        color: #01c614;
    }

    footer .FooterAbout ul.ContactMenu li:nth-child(2) a:before {
        top: 3px;
        left: 20%;
    }

    /*トップページ メインビジュアル*/
    #MainVisual .App ul.Flex-2 {
        max-width: 1000px;
        margin: 0 auto;
    }

    /*アイテム一覧*/
    section#ItemShort {
        padding: 0em 0em 4em;
    }

    #ItemShort h2 {
        margin-top: 40px;
    }

    #ItemShort .more-tx {
        text-align: center;
        margin-top: 20px;
    }

    section#ItemShort dl div dd {
        padding: 1em 0 0.6em;
        width: 19%;
        margin-bottom: 0.6em;
    }

    section#Maker dl dd p {
        text-align: center;
        font-size: 14px;
        color: #010f18;
    }

    .App.Blue ul {
        margin: 40px auto 60px;
        padding: 0 40px;
    }

    .App.Blue ul li.visit {
        margin-left: 0;
    }

    .App.Blue ul li a {
        padding: 0.6em 0;
        font-size: 24px;
        text-indent: 5px;
    }

    .App.Blue ul li::before {
        width: 64px;
        height: 64px;
        left: -30px;
        top: -5px;
    }

    /*比較*/
    section#Compare img {
        width: auto;
    }

    /*買取方法*/
    section#Method>div h2 {
        font-size: 36px
    }

    section#Method .Assesment {
        padding: 40px 0 60px
    }

    section#Method .Assesment li:nth-child(3) {
        margin-top: 2em
    }

    section#Method .Assesment li:nth-child(1):before {
        width: 80px;
        height: 80px;
        left: -40px;
        top: -10px;
    }

    section#Method .Assesment li:nth-child(2) a {
        background-size: 40px 40px;
        background-position: 15px;
    }

    /*買取の流れ*/
    section#FlowShort dl {
        width: 80%;
        margin: 4em auto 1em;
    }

    section#FlowShort dl dt,
    section#FlowShort dl dd {
        margin-bottom: 60px;
    }

    section#FlowShort h3 span {
        font-size: 26px;
    }

    section#FlowShort .Flex-3 {
        max-width: 920px;
        margin: 2em auto;
    }

    /*トップページ 口コミ*/
    section#Review {
        max-width: 1100px;
        margin: 0 auto;
        padding-top: 60px
    }

    section#Review h2 {
        font-size: 34px
    }

    section#Review div:not(:last-child) {
        margin: 2em 1em 4em
    }

    section#Review div p:last-child {
        font-size: 16px;
        line-height: 1.6;
        padding: 1.4em
    }

    /*トップページ 選ばれる理由*/
    .short-border+p {
        margin-top: 4em;
        text-align: center;
    }

    #Reason {
        padding: 2em 1em;
    }

    #Reason h2 {
        font-size: 40px;
    }

    #Reason h2 img {
        height: 60px;
        margin: 0 0.6em 0 0;
        display: inline-block
    }

    #Reason ul {
        display: flex;
        justify-content: space-between;
    }

    #Reason ul li {
        width: 31%;
        margin: 2em 0.6em 0;
        padding: 0.4em;
        box-shadow: 0px 0px 6px 3px #dedede;
    }

    #Reason ul li p {
        margin: 1em 0.6em 0.4em;
        font-size: 14px;
    }

    .short-border:before {
        bottom: -10px;
    }

    .short-border {
        display: inline-block;
        position: relative;
    }

    .short-border:before {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -20px;
        display: inline-block;
        width: 50px;
        height: 2px;
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%);
        background-color: #f7941f;
    }

    /*トップページ LINE査定*/
    section#Linebanner a:hover img {
        opacity: 1;
    }

    /*固定ページ*/
    .Content .wrap ul.Group li p {
        font-size: 14px;
        padding: 0.4em 0.6em;
    }

    div.Catalog .box1 ul li {
        padding-bottom: 60px;
    }

    /*---------------------------
	買取アイテムページ
	-----------------------------*/
    .CatalogPageHeader h1 {
        font-size: 36px;
        padding: 1em 0 2em;
    }

    .CatalogPageHeader>div img {
        width: 320px;
        height: 320px;
    }

    .Catalog-text {
        font-size: 20px;
    }

    div.Content .box1 {
        padding: 0;
    }

    .page #Item>p {
        margin: 2em 0;
    }

    div.item-list p {
        text-align: center;
        line-height: 1.6;
        font-size: 1.5rem;
    }

    /*---------------------------
	メーカー一覧
	-----------------------------*/
    ul.AtoZ li {
        width: 40px;
    }

    section#Maker dl div dd {
        padding: 1em 0 0;
        width: 19%;
        margin: 0 0.5% 0;
        margin-bottom: 0.6em;
    }

    section#Maker dl dt {
        margin: 1.5em 0 0.2em;
    }

    div.maker-ddst {
        margin-bottom: 5em;
    }

    div.maker-ddst dl div dd {
        padding: 1em 0 0.6em;
        width: 15%;
        margin-right: 2%;
        margin-bottom: 0.6em;
    }

    div.maker-ddst dl div dd:nth-child(3n+1) {
        margin-right: 2%;
    }

    div.maker-ddst dl div dd:nth-child(5n+1) {
        margin-right: 2%;
    }

    div.maker-ddst dl div dd:nth-child(6n+1) {
        margin-right: 0%;
    }

    /*---------------------------
	メーカー
	-----------------------------*/
    section#results-list.Result h2 {
        font-size: 20px;
        padding: 0.5em;
    }

    /*---------------------------
	アイテム詳細ページ
	-----------------------------*/
    .ItemHeader {
        width: 1100px;
        margin: 0 auto;
    }

    #result-detail {
        margin: 0;
        flex-wrap: wrap;
        display: flex;
        padding: 30px;
    }

    div.item-info {
        width: 50%;
        padding-left: 2em;
        padding-top: 0;
        box-sizing: border-box;
    }

    .item-info h3 {
        font-size: 22px;
    }

    #result-detail+p {
        text-align: center;
    }

    /*---------------------------
	買取の流れ
	-----------------------------*/
    section#Flow {
        margin-top: 0;
        padding: 0;
    }

    section#Flow>div {
        padding: 0 1em;
        margin: 1em 0 2em;
    }

    section#Flow>div p span {
        color: #f00;
        display: block
    }

    /*---------------------------
	買取実績
	-----------------------------*/
    .ItemHeader h1 {
        margin-right: 0;
        margin-left: 0;
    }

    .item-detail h2 {
        font-size: 20px;
        padding: 0.4em 0.8em;
        border-left: 5px solid #222222;
    }

    .item-info dl {
        font-size: 18px;
    }

    .item-info dl dd {
        margin: 0 0 25px 160px;
    }

    /*お問い合わせ*/
    section#Contact>p {
        text-align: center;
        line-height: 2;
        margin: 2em auto;
    }

    section#Contact .Form {
        max-width: 1000px;
        margin: 0 auto;
        padding-bottom: 3em;
    }

    section#Contact .Form dl {
        margin-bottom: 3em;
        padding: 1em 2em;
    }

    section#Contact #ContactList {
        margin: 3em auto;
        display: flex;
        max-width: 1000px;
    }

    section#Contact #ContactList li.Tel,
    section#Contact #ContactList li.Mail {
        width: 50%;
        margin: 0;
    }

    .ThanksArea {
        margin: 1em auto 4em;
    }

    /*査定依頼*/
    #Assessment #MethodList>li {
        padding: 2em;
    }

    /*よくある質問*/
    section#FAQ>p {
        font-size: 16px;
        text-align: center;
        line-height: 2;
        margin: 1em auto;
    }

    section#FAQ .bg3 {
        max-width: 980px;
        padding: 3em;
        margin: 1em auto 3em;
        box-sizing: border-box;
    }

    section#FAQ .bg3 .FAQ {
        padding: 3em 6em;
        margin: 1em auto 3em;
    }

    section#FAQ .bg3 .FAQ h2 {
        font-size: 24px;
        padding-bottom: 0.4em;
    }

    section#FAQ .bg3 .FAQ dl {
        font-size: 16px;
    }

    div.TextBox {
        margin: 2em auto;
    }

    /* トップよくある質問 */
    /*プライバシーポリシー*/
    section#privacy {
        width: 70%;
        margin: 2em auto;
        padding: 4em;
    }

    /*会社概要*/
    #CompanyInfo dl dt,
    #CompanyInfo dl dd {
        padding: 1em;
        font-size: 16px
    }

    /*買取依頼フォーム*/
    .form .tabs {
        max-width: 980px;
        margin: 2em auto;
    }

    /*ヘッダー アイテム一覧開く*/
    header nav#GN ul li a span.pc {
        display: inline;
    }

    header #OpenNav {
        padding: 0 4em 3em;
        box-sizing: border-box;
        display: none;
    }

    header #OpenNav.open {
        display: block;
    }

    header #OpenNav dl {
        display: flex;
        flex-wrap: wrap;
        max-width: 1320px;
        margin: 0 auto;
    }

    header #OpenNav dl dt {
        color: #000;
        width: 100%;
        text-align: left;
        font-size: 18px;
        margin: 40px 0 10px;
        font-weight: bold;
    }

    header #OpenNav dl dd {
        width: 260px;
        margin-bottom: 5px;
    }

    header #OpenNav dl dd a {
        display: flex;
        align-items: center;
    }

    header #OpenNav dl dd a img {
        width: 50px;
        margin-right: 10px;
    }

    header #OpenNav dl dd a p {
        font-size: 14px;
        color: #000;
        transition: .3s;
    }

    header #OpenNav dl dd:hover a p {
        color: #f2a12b;
    }

    #OpenNavBtClose {
        text-align: center;
        margin-top: 3em;
        cursor: pointer;
        color: #000;
    }
}


/*-------------------PC～ ここまで-------------------*/


/*-------------------IE用 ここから-------------------*/

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .foo {
        color: red
    }

    /* IE11 */
    a {
        max-width: 100%;
    }

    section#Linebanner {
        line-height: 0;
    }

    img {
        flex-shrink: 0
    }
}


/*-------------------IE用 ここまで-------------------*/


/* まとめ売りキャンペーン */

#Campaign {
    background: #42230e;
    color: #fff;
    padding: 3em 1em 2em;
}

#Campaign h2 {
    font-size: 24px;
    margin-bottom: 0.8em;
    color: #fff;
}

#Campaign h2 span {
    display: block
}

#Campaign>p {
    margin-bottom: 1em;
}

#Campaign>div {
    background: #fff;
    color: #000;
    padding: 1em;
}

#Campaign table {
    width: 100%;
    border: 1px solid #333;
    border-bottom: 0;
    margin-bottom: 5px
}

#Campaign table tr {
    border-bottom: 1px solid #333
}

#Campaign table tr th {
    background: #ea580f;
    width: 45%;
    padding: 0.8em;
    font-weight: normal;
    color: #fff;
}

#Campaign table tr td {
    font-weight: bold;
}

#Campaign p.notes {
    font-size: 11px !important;
}

#Campaign #Campaign_ex {
    text-align: center;
    border: 1px solid #ccc;
    margin-top: 2em;
    padding-bottom: 1em;
}

#Campaign #Campaign_ex h3 {
    font-size: 18px;
    background: #fff;
    padding: 0 1em;
    margin: -7px auto 10px;
    width: 88%;
}

#Campaign #Campaign_ex p {
    text-align: center;
    margin-top: 1em
}

#Campaign #Campaign_ex p.campaign_plus {
    font-weight: bold;
    letter-spacing: 0
}

#Campaign #Campaign_ex p.campaign_plus span {
    font-size: 20px;
    color: #dd2626;
}

#Campaign #Campaign_ex p.campaign_total {
    font-weight: bold;
}

#Campaign #Campaign_ex p.campaign_total span {
    font-size: 24px;
    color: #dd2626;
}

#Campaign_ex a {
    background: linear-gradient(0deg, rgba(173, 0, 0, 1) 0%, rgba(221, 38, 38, 1) 100%);
    color: #fff;
    padding: 0.8em;
    line-height: 1.4;
    font-weight: 600;
    border-radius: 3px;
    width: 80%;
}

#Campaign_ex a:hover {
    opacity: 0.7;
}

@media only screen and (min-width: 767px) {

    /*まとめ売りキャンペーン*/
    #Campaign {
        margin-top: 2em;
        padding: 3em 2em;
    }

    #Campaign h2 {
        font-size: 30px;
    }

    #Campaign>p {
        text-align: center
    }

    #Campaign>p span {
        display: block
    }

    #Campaign>div {
        padding: 3em 2.5em;
        display: flex;
        align-items: flex-start;
    }

    #Campaign>div div#Campaign_table {
        width: 40%;
    }

    #Campaign>div div#Campaign_ex {
        margin-top: 0.6em;
        width: 55%;
        margin-left: 5%;
        padding-bottom: 1em;
    }

    #Campaign p.notes {
        font-size: 12px !important;
    }
}

@media only screen and (min-width:950px) {

    /* まとめ売りキャンペーン */
    #Campaign h2 {
        font-size: 36px;
    }

    #Campaign>div {
        max-width: 1100px;
        margin: 0 auto;
        padding: 4em;
    }

    #Campaign>div div#Campaign_ex {
        padding-bottom: 1em;
    }

    #Campaign #Campaign_ex h3 {
        width: 60%;
    }

    #Campaign #Campaign_ex p.campaign_total {
        font-size: 18px
    }

    #Campaign #Campaign_ex p.campaign_total span {
        font-size: 30px;
    }
}


/* 宅配買取強化ページ */

.campaignContainer {
    max-width: 1100px;
    margin: auto;
}

.campaign-5up-banner {
    max-width: 900px;
    margin: auto;
    padding: 40px 0;
}

.campaign-5up-banner h2 {
    padding: 0 0.2em;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 15px !important;
    font-size: 30px;
    color: #000;
}

section.Assesment.Assessment-F.Bottom.wrap.campaign5up {
    border: solid 10px #01B703;
    box-sizing: border-box;
    padding: 20px;
}

.campaignContainer h2 {
    font-size: 30px;
    font-weight: 700;
    padding: 24px 12px;
}

.campaignContainer p {
    letter-spacing: 0.1em;
}

.campaign5up h2 {
    font-size: 30px;
    padding: 0.4em 0.8em;
}

.campaign5up p {
    text-align: center;
}

.campaign5up p span {
    color: red;
}

.spText-5up {
    margin-bottom: 50px;
    font-size: 18px;
    text-align: center;
}

.spText-5up span {
    color: red;
}

.form-5up {
    padding: 15px;
    margin-top: 50px;
    background: #f5f5f5;
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .campaign5up p span {
        font-size: 10px;
    }

    .campaignContainer h2 {
        font-size: 20px;
    }

    .campaignContainer p {
        font-size: 14px;
    }

    .spText-5up {
        text-align: left;
        padding: 10px 15px;
        margin-bottom: 10px;
    }

    .form-5up .contact-forms .wpcf7-list-item-label {
        font-size: 14px;
    }

    .campaign5up h2 {
        font-size: 20px;
    }

    .campaign-5up-banner h2 {
        font-size: 20px;
        font-weight: 700;
    }

    .Content span.wpcf7-radio {
        display: block;
    }
}

p.item-detail a {
    word-break: break-all;
}


/* ライン査定バナー */

#NewLineBanner {
    margin-bottom: 2em;
}


/* ボタン共通 */

.BtnArea {
    padding: 2em 0 1em;
}

.BtnArea ul {
    max-width: 1100px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.BtnArea ul li {
    border-radius: 10px;
    width: 32%;
}

.BtnArea ul li:hover {
    margin-top: 3px;
}

.BtnArea ul li a {
    color: #fff;
    font-weight: bold;
    font-size: 3rem;
    position: relative;
    padding: 2rem 3.5rem 2rem 2.5rem;
    position: relative;
    display: block;
}

.BtnArea ul li a::before {
    font-family: 'Font Awesome 5 Free';
    font-size: 1.6rem;
    line-height: 1;
    position: absolute;
    top: calc(50% - .8rem);
    right: 1rem;
    margin: 0;
    padding: 0;
    content: '\f054';
}

section.BtnArea p {
    text-align: center;
    margin-bottom: 0.4em;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}


/* 買取申込 */

.Btn_Uritai {
    background: #eb5b30;
    border-bottom: 5px solid #d44114;
}

.Btn_Uritai:hover {
    border-bottom: 2px solid #d44114;
}

.fa-yen-sign:before {
    margin-right: 1em;
}


/* 無料メール査定 */

.Btn_Mail {
    background: #0C88CA;
    border-bottom: 5px solid #005691;
}

.Btn_Mail:hover {
    border-bottom: 2px solid #005691;
}

.fa-envelope:before {
    margin-right: 0.5em;
}


/* 無料LINE査定 */

.Btn_Line {
    background-color: #094;
    border-bottom: 5px solid #00662d;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Btn_Line:hover {
    border-bottom: 2px solid #00662d;
}

.Btn_Line img {
    width: 30px;
    margin-left: 20px;
}

@media only screen and (max-width:1100px) {
    .BtnArea ul li a {
        font-size: 2rem;
    }
}

@media only screen and (max-width:767px) {
    .BtnArea ul {
        display: block;
    }

    .BtnArea ul li {
        width: 95%;
        margin: 0 auto 1.5%;
    }

    .BtnArea ul li a {
        font-size: 1.5em;
    }

    .Btn_Line a {
        padding: 2rem 3.5rem 2rem 1.5rem !important;
    }
}


/* 簡単3ステップLINE査定 */

.Line3Step {
    padding: 2em 0;
}

.Line3Step h2 {
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: 4px;
}

.Line3Step h2 span.h2-line {
    color: #54c72a;
}

.Line3Step h2 span.dis-b {
    display: block;
    font-size: 48px;
    color: #dd2626;
}

.Line3Step h2+p {
    text-align: center;
    font-weight: bold;
}

.Line3Step ul {
    padding: 1em;
}

.Line3Step ul li {
    border: 3px solid #54c72a;
    padding: 0.4em 0.8em;
    border-radius: 3px;
    position: relative
}

.Line3Step ul li:not(:last-child) {
    margin-bottom: 15px;
}

.Line3Step ul li:not(:last-child):before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 0 18px 24px;
    border-color: transparent transparent transparent #ffd400;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate(90deg);
    z-index: 1;
}

.Line3Step ul li>p {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px dashed #000;
    margin-bottom: 10px;
}

.Line3Step ul li>div img {
    float: left;
    width: 60px;
    margin-right: 10px;
}

.Line3Step ul li>div p {
    text-align: left;
    font-size: 14px;
}

.Line3Step ul li>div p span {
    color: #dd2626;
    font-weight: bold !important;
    display: block;
}

.Line3Step ul li>div a {
    display: inline-block;
    background: #54c72a;
    color: #fff;
    padding: 0.5em 2em;
    margin: 0.4em auto;
    border-radius: 4px;
    font-size: 14px;
}

.Line3Step ul+.more {
    margin: 0 auto;
    background: #54c72a;
    width: 80%;
}

@media only screen and (min-width :767px) {

    /*簡単ライン査定*/
    .Line3Step ul {
        display: flex;
    }

    .Line3Step ul li {
        width: 32%;
        padding: 0.4em 0.8em 0;
    }

    .Line3Step ul li:not(:last-child) {
        margin-right: 2%;
        margin-bottom: 0;
    }

    .Line3Step ul li:not(:last-child):before {
        transform: none;
        top: 0;
        bottom: 0;
        right: -20px;
        left: auto;
    }

    .Line3Step ul li>div img {
        float: none;
        width: 100px;
        margin-right: 0;
    }

    .Line3Step ul li>div p {
        padding: 1em 0 0.6em;
    }
}

@media only screen and (min-width:950px) {

    /*簡単ライン査定*/
    .Line3Step h2 {
        font-size: 48px;
    }

    .Line3Step h2 span.dis-b {
        font-size: 60px;
    }

    .Line3Step ul {
        padding: 1em 0;
    }

    .Line3Step ul li>div p {
        font-size: 16px;
    }
}

@media only screen and (max-width:767px) {
    .Line3Step ul li:nth-child(2n)>div p {
        padding-left: 70px;
    }

    .Line3Step ul li:last-child>div {
        display: flex;
    }
}


/* NewMethod 買取方法 */

#Method {
    display: none;
}

.NewMethod {
    padding: 4em 1em;
    background: #f5f5f5;
}


/* .NewMethod h2 {font-size: 30px;line-height: 1.6;} */

.NewMethod h2+p {
    margin-bottom: 1em;
    text-align: center;
}

.NewMethod ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1100px;
    height: auto;
    margin: auto;
}

.NewMethod ul li {
    width: 32%;
    background: #fff;
}

.NewMethod ul li div {
    padding: 1em;
}

.NewMethod ul li div h3 {
    font-size: 30px;
    margin-bottom: 0.5em;
    color: #000;
}

.NewMethod ul li div p {
    margin-bottom: 1em;
    text-align: center;
    color: #000;
}

.NewMethod ul li div p span {
    color: red;
}

.NewMethod ul li div a {
    padding: 0.8em 2em;
    background: #42230e;
    color: #fff;
    border-radius: 3px;
}

.NewMethod ul li div a:hover {
    opacity: 0.7;
}

.NewMethod ul li div img {
    max-width: 340px;
    width: 80%;
    margin-bottom: 1em;
}

.NewMethod {
    background: #42230e;
    margin-bottom: 30px;
}

.NewMethod h2 {
    color: #fff;
}

.NewMethod p {
    color: #fff;
}

@media only screen and (max-width:950px) {
    .NewMethod ul li {
        width: 49%;
        margin-bottom: 1em;
    }

    .NewMethod ul li div h3 {
        font-size: 24px;
    }
}

@media only screen and (max-width:767px) {
    .NewMethod h2+p {
        text-align: left;
    }

    .NewMethod ul li {
        width: 100%;
    }

    .NewMethod ul li:last-child {
        margin-bottom: 0;
    }

    .NewMethod ul li div h3 {
        font-size: 20px;
    }

    .NewMethod ul li div img {
        max-width: 300px;
        width: 70%;
    }

    .NewMethod {
        padding: 2em 1em;
    }
}


/* バナーエリア */

.BannerArea {
    max-width: 1100px;
    height: auto;
    margin: 1em auto 3em;
}

.BannerArea ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 3%;
}

.BannerArea ul li {
    width: 32%;
}

.BannerArea ul li:last-child {
    margin-right: 0;
}

.BannerArea div {
    display: flex;
    margin: 0;
}

.BannerArea div a:first-child {
    margin-right: 2%;
}

@media only screen and (max-width :768px) {
    .BannerArea {
        padding: 0 10px;
    }
}

@media only screen and (max-width :767px) {
    .BannerArea ul li {
        margin-right: 0;
        margin-bottom: 2%;
        width: 49%;
    }

    .BannerArea div {
        max-width: 680px;
        margin: auto;
    }
}


/* LP用CSS */


/* 共通 */

body.page-template-page-lp-php #Trial,
body.page-template-page-lp-php section.App.Blue,
body.page-template-page-lp-php .wrap,
body.page-template-page-lp-php #GN,
.body.page-template-page-lp-php .Flex-2.sp {
    display: none;
}

body.page-template-page-lp-php .Flex-2 {
    max-width: 900px;
    margin: auto;
}

@media only screen and (max-width:767px) {
    body.page-template-page-lp-php .Flex-2 li {
        width: 100%;
        margin: 0;
    }
}

body.page-template-page-lp-php {
    padding-top: 60px;
}

@media only screen and (max-width:767px) {
    body.page-template-page-lp-php {
        padding-top: 50px;
    }
}

body.page-template-page-lp-php footer .Copyright {
    margin-top: 0;
}

@media only screen and (min-width: 950px) {
    body.page-template-page-lp-php header #Header {
        padding: 10px 0;
        align-items: center;
        margin-bottom: 0;
    }
}

.LPcontainer {
    max-width: 1100px;
    height: auto;
    margin: auto;
}

.LPcontainer h2 {
    padding: 0;
}

.LPwrap {
    padding: 3em 2em;
    background: #fff;
    box-shadow: 10px 10px #000;
}

.BG_Black {
    background: url(/img/LP/BG-page3.jpg);
    padding: 2em 1em;
}

.BG_Wood {
    background: url(/img/LP/BG-page2.jpg);
    padding: 2em 1em 0 1em;
}

.BG_Blue {
    background: #3077e2 !important;
}

.BG_Orange {
    background: #f2a12b !important;
}

.BG_Red {
    background: #d81c35 !important;
}

@media only screen and (max-width:767px) {
    .BG_Red {
        margin-bottom: 0.8em;
    }
}

@media only screen and (min-width:950px) {
    .LPtop {
        margin-top: 24px;
    }
}


/* LPトップ */

.LPtop {
    background: url(/img/LP/BG-page1.jpg);
    background-position: center;
    background-size: cover;
}


/* なぜ */

.WhyWrap ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.WhyWrap h3 {
    font-size: 36px;
    display: inline-block;
    background: linear-gradient(transparent 60%, #fde96c 60%);
}

.WhyWrap h3 span {
    color: red;
}

.WhyWrap p {
    background: #eee;
    padding: 2em;
    margin: 1em;
}

.WhyWrap li:first-child {
    width: 70%;
    margin-right: 2%;
}

.WhyWrap li:nth-child(2n) {
    max-width: 300px;
    height: auto;
}


/* ライン査定 */

.LineWrap h3 {
    font-size: 20px;
    font-weight: bold;
}

.LineWrap>a {
    background: #01c614;
    padding: 1em 4em;
    color: #fff;
    margin-top: 1.5em;
    border-radius: 5px;
}

.LineWrap>a:hover {
    opacity: 0.7;
}


/* LPショートフォーム */

.LPcontact-shortforms {
    max-width: 800px;
    margin: auto;
    background: #fff;
    padding: 2em;
    border-radius: 5px;
}

.LPcontact-shortforms ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.LPcontact-shortforms ul li {
    width: 48%;
    margin-bottom: 1em;
}

.LPcontact-shortforms ul li h2 {
    text-align: left;
    font-size: 16px;
    margin-bottom: 0.5em;
}

.LPcontact-shortforms ul li h2 span {
    color: red;
}

.LPcontact-shortforms input {
    width: 100%;
    padding: 0.2em 0.5em;
    box-sizing: border-box;
}

.LPcontact-shortforms-btn input {
    background: linear-gradient(0deg, rgba(173, 0, 0, 1) 0%, rgba(221, 38, 38, 1) 100%);
    color: #fff;
    font-weight: bold;
    width: 70%;
    margin: 1em auto 0;
    display: block;
    border: red;
    border-radius: 15px;
    padding: 0.5em;
}

.LPcontact-shortforms-btn input:hover {
    cursor: pointer;
    opacity: 0.7;
}

@media only screen and (max-width:767px) {
    .LPcontact-shortforms ul li {
        width: 100%;
    }
}


/* LP問い合わせフォーム */

.FormWrap h3 {
    font-size: 20px;
}


/* LPコンタクトフォーム */

.LPcontact-forms {
    max-width: 900px;
    margin: auto;
    color: #000;
    background: #fff;
    padding: 3em;
    border-radius: 0 0 5px 5px;
}

.LPcontact-forms-btn {
    text-align: center;
    margin: 2em 0 0;
}

.LPcontact-forms-btn input {
    padding: 1em !important;
    margin: 0 10px;
    background: red;
    border: red;
    color: #fff;
    border-radius: 5px;
    background: linear-gradient(0deg, #321400, #532d00) !important;
}

.LPcontact-forms dt {
    padding: 1.6em 0 0.4em;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}

.LPcontact-forms dt:first-child {
    padding-top: 0;
}

.LPcontact-forms dd {
    text-align: left;
}

.LPcontact-forms dd input {
    padding: 0.5em;
    box-sizing: border-box;
}

.LPcontact-forms dd textarea {
    padding: 0.5em;
    box-sizing: border-box;
}

.LPcontact-forms dt span {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px;
    background: #d95a2d;
    padding: 3px;
    line-height: 18px;
}

.LPcontact-forms input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
}

.LPcontact-forms textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
}

body.page-template-page-lp-php .wpcf7c-elm-step2 {
    padding-top: 0;
}

/* body.page-template-page-lp-php form.wpcf7-form.init {
    background: #eee;
    padding: 1em;
    margin: 2em 0 1em;
} */


/* LP買取実績 */

.ResultWrap {
    padding: 3em 2em 1em 2em;
}

.ResultWrap h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.6;
}

.ResultWrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2em 0;
}

.ResultWrap ul li {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    border: solid 2px;
}

.ResultWrap ul li:nth-child(4n) {
    margin-right: 0;
}

.ResultWrap ul li h4 {
    padding: 0.5em;
    background: green;
    color: #fff;
    margin-bottom: 1em;
}

.ResultWrap ul li>p {
    padding: 0 0.5em;
    text-align: center;
}

.ResultWrap ul li>p span {
    display: inline-block;
    background: #ccc;
    text-align: center;
    margin: 0 4% 4% 0;
    vertical-align: middle;
    width: 80px;
    font-weight: 600;
}

.ResultWrap ul li div {
    padding: 01em;
    display: flex;
    justify-content: start;
    align-items: center;
}

.ResultWrap ul li div p:first-child {
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    background: red;
    padding: 0.2em;
    line-height: 20px;
    margin-right: 1em;
}

.ResultWrap ul li div p {
    color: #000;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
}


/* LP買取方法 */

.MethodWrap ul {
    padding: 1em;
}

.MethodWrap ul li {
    margin-bottom: 2em;
    padding-bottom: 2em;
    border-bottom: dashed 1px #000;
}

.MethodWrap ul li:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.MethodWrap ul li img {
    max-width: 400px;
    height: 100%;
}

.MethodWrap ul li:nth-child(2n) img {
    order: 2;
}

.MethodWrap ul li div:first-child>div {
    width: calc(100% - 400px);
    height: auto;
    padding: 0 1em;
}

.MethodWrap ul li div:first-child>div p span {
    color: red;
    font-weight: 600;
}

.MethodWrap ul li a {
    background: #01c614;
    padding: 1em 4em;
    color: #fff;
    border-radius: 5px;
}

.MethodWrap ul li a:hover {
    opacity: 0.7;
}

.MethodWrap h3 {
    padding: 15px;
    font-size: 20px;
    line-height: 1.6;
}

.MethodWrap h4 {
    font-size: 30px;
    padding: 0.5em;
    color: #000;
}

.MethodWrap p {
    text-align: left;
    padding: 15px;
}

.MethodWrap div:first-child {
    display: flex;
    justify-content: space-around;
    margin-bottom: 2em;
}

.BoxHide ul {
    display: flex;
    justify-content: space-between;
}

.BoxHide ul li {
    width: 32%;
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
    background: #fff;
}

.BoxHide ul li img {
    max-width: 100%;
    height: auto;
}

.BoxHide ul li h5 {
    font-size: 20px;
    padding: 0.5em 0;
    background: #eee;
}

.BoxHide ul li p {
    background: #fff;
}

.MethodWrap .BoxHide {
    display: none;
    background: #eee;
    margin: 2em 0;
    padding: 1em 0;
}

.MethodWrap #BoxOpen1 {
    text-align: center;
    border: 1px solid #3077e2;
    padding: 10px;
    margin: auto;
    border-radius: 3px;
    background: #3077e2;
    max-width: 350px;
    cursor: pointer;
    color: #fff;
}

.MethodWrap #BoxOpen1:hover {
    opacity: 0.7;
}

.MethodWrap #BoxOpen2 {
    text-align: center;
    border: 1px solid #f2a12b;
    padding: 10px;
    margin: auto;
    border-radius: 3px;
    background: #f2a12b;
    max-width: 350px;
    cursor: pointer;
    color: #fff;
}

.MethodWrap #BoxOpen2:hover {
    opacity: 0.7;
}

.MethodWrap #BoxOpen3 {
    text-align: center;
    border: 1px solid #b50c0c;
    padding: 10px;
    margin: auto;
    border-radius: 3px;
    background: #b50c0c;
    max-width: 450px;
    cursor: pointer;
    color: #fff;
}

#BoxOpen1.opened {
    font-size: 0;
}

#BoxOpen2.opened {
    font-size: 0;
}

#BoxOpen3.opened {
    font-size: 0;
}

#BoxOpen1.opened:before {
    font-size: 14px;
    content: "閉じる";
    padding: 0.6em;
}

#BoxOpen2.opened:before {
    font-size: 14px;
    content: "閉じる";
    padding: 0.6em;
}

#BoxOpen3.opened:before {
    font-size: 14px;
    content: "閉じる";
    padding: 0.6em;
}


/* LPよくある質問 */

.LpFaqWrap ul {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px #666666 dashed;
    padding: 2em 0;
}

.LpFaqWrap ul:last-child {
    border-bottom: none;
}

.LpFaqWrap ul li:first-child {
    width: 650px;
    margin-right: 2%;
}

.LpFaqWrap ul li h3 {
    text-align: left;
    font-size: 20px;
    margin-bottom: 1em;
    display: flex;
}

.LpFaqWrap ul li p {
    display: flex;
}

.LpFaqWrap ul li h3::before {
    content: "Q.";
    color: #5ac2dd;
    margin-right: 0.6em;
    font-weight: bold;
}

.LpFaqWrap ul li p::before {
    content: "A.";
    color: #d2585a;
    margin-right: 0.6em;
    font-weight: bold;
    font-size: 20px;
}


/* LPフッター */

.LPfooter {
    background: #fff;
}

.LPfooter ul {
    max-width: 1100px;
    height: auto;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2em;
    border-radius: 25px;
}

.LPfooter h2 {
    width: 70%;
}


/* LPタブレット */

@media only screen and (max-width: 950px) {

    /* LP共通 */
    .LPcontainer {
        margin: 0 0.5em;
    }

    /* なぜ */
    .WhyWrap li:first-child {
        width: 100%;
        margin-right: 0;
    }

    /* 買取実績 */
    .ResultWrap ul li {
        width: 48.5%;
        margin-bottom: 2%;
        margin-right: 0;
    }

    /* 買取実績 */
    .BG_Red {
        margin-bottom: 1em;
    }

    /* LPフッター */
    .LPfooter ul {
        margin-top: 1em;
    }
}


/* LPスマホ */

@media only screen and (max-width: 767px) {

    /* 共通 */
    .LPwrap {
        padding: 1em 0.5em;
        border-radius: 0;
    }

    .LPwrap h3 {
        font-size: 16px;
    }

    .BG_Wood,
    .BG_Black {
        padding: 0.5em 0.3em 1em 0.3em;
    }

    /* なぜ */
    .WhyWrap h3 {
        font-size: 20px;
    }

    /* ライン査定 */
    /* 買取実績 */
    .ResultWrap ul {
        margin: 1em 0;
    }

    .ResultWrap ul li h4 {
        font-size: 14px;
    }

    .ResultWrap ul li div p {
        font-size: 15px;
    }

    .ResultWrap ul li div {
        padding: 0.5em;
    }

    .ResultWrap ul li div::before {
        border-width: 10px 8px 0 0;
    }

    .ResultWrap ul li>p span {
        display: block;
    }

    .ResultWrap ul li>p {
        text-align: center;
    }

    .ResultWrap ul li div {
        margin: 5px 0;
    }

    .ResultWrap ul li div p:first-child {
        font-size: 15px;
        line-height: 15px;
        margin-right: 0.5em;
    }

    /* よくある質問 */
    .LpFaqWrap ul {
        display: block;
    }

    .LpFaqWrap ul li:first-child {
        width: 100%;
        margin-bottom: 1em;
    }

    .LpFaqWrap ul li h3 {
        font-size: 16px;
    }

    .LpFaqWrap ul li p::before {
        font-size: 16px;
    }

    /* 買取方法 */
    .MethodWrap div:first-child {
        display: block;
    }

    .MethodWrap div:first-child:last-child {
        margin-bottom: 0;
    }

    .MethodWrap ul li img {
        width: 100%;
    }

    .MethodWrap h3 {
        padding: 10px;
    }

    .MethodWrap h4 {
        font-size: 20px;
    }

    .BoxHide ul {
        display: block;
    }

    .BoxHide ul li {
        width: 100%;
        margin-bottom: 2em;
    }

    .MethodWrap ul li div:first-child>div {
        width: 100%;
        padding: 0;
    }

    .MethodWrap ul {
        padding: 0.5em;
    }

    /* LPフッター */
    .LPfooter ul {
        display: block;
        padding: 1em;
    }

    .LPfooter h2 {
        width: 65%;
        margin: 0 auto 1em;
    }

    .LPfooter p {
        margin-bottom: 0.5em;
        font-size: 12px;
    }
}


/* コンタクトフォーム 確認画面 */

.FormConfirm {
    max-width: 800px;
    margin: 2em auto;
    background: #f7f7f7;
    padding: 2em;
}

.FormConfirm h2 {
    font-size: 20px;
    text-align: left;
    margin-bottom: 0.5em;
}

.FormConfirm p {
    margin-bottom: 1.5em;
}

input.wpcf7-form-control.wpcf7-previous {
    color: #fff;
    background: #104EA1;
    padding: 1em 3em;
    padding: 1;
    border: none;
    margin: 2em 0 1em;
}

input.wpcf7-form-control.wpcf7-previous:hover {
    opacity: 0.7;
    cursor: pointer;
}

input.wpcf7-form-control.wpcf7-submit {
    color: #fff;
    background: #104EA1;
    padding: 1em 3em;
    border: none;
}

input.wpcf7-form-control.wpcf7-submit:hover {
    opacity: 0.7;
    cursor: pointer;
}

.post-time-p {
    margin-top: 10px;
    font-size: 10px;
    color: #666;
    line-height: 1;
}


/* 店頭買取の流れ */

section#Shops {
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    margin: auto;
}

.ShopImage {
    padding: 0.6em;
}

.Shop {
    width: 48%;
}

.Shop h2.title {
    background: #42230E;
    padding: 0.6em;
    color: #fff;
    font-size: 24px;
}

.Shop dl dt {
    padding: 0.6em;
    background: #eee;
}

.Shop dl dd {
    padding: 0.6em;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
}

.Shop iframe {
    width: 100%;
    height: 300px;
}

@media only screen and (max-width:767px) {
    section#Shops {
        display: block;
    }

    .Shop {
        width: 100%;
        margin-bottom: 2em;
    }
}


/* 道案内 */

#how-to-go {
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 40px;
}

#how-to-go h2 {
    background: #42230E;
    padding: 0.6em;
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
}

.way-to-photo-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

#how-to-go h3 span {
    background: linear-gradient(transparent 55%, #EBF000 55%);
}

#how-to-go h3 {
    text-align: left;
    margin-bottom: 15px;
    font-size: 16px;
}

.how-to-go-span {
    background-color: #42230E;
    color: #fff;
    padding: 4px 20px;
}

.city-name-box {
    border: 3px solid #42230E;
    padding: 15px 15px 0px 15px;
    margin: 0px 0px 30px 0px;
}

.way-to-photo-container-a {
    width: 32%;
    margin-bottom: 10px;
}

.way-to-photo-box {
    margin-bottom: 5px;
}

.how-to-go-p-box {
    margin: 0px;
}

@media only screen and (max-width:1100px) {
    .how-to-go-padding {
        padding: 0px 15px;
    }
}

@media only screen and (max-width: 767px) {
    .way-to-photo-container {
        display: block;
    }

    .way-to-photo-container-a {
        width: 100%;
    }

    .way-to-photo-container-a {
        margin-bottom: 20px;
    }
}

#how-to-go h3 .way-to-go-span-green {
    background: linear-gradient(transparent 55%, #99CB98 55%);
}


/* 道案内終了 */


/* 店舗情報 */

.shop-read ul {
    max-width: 1100px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 3em;
    text-align: left;
    margin-top: 40px;
}

.shop-read ul li {
    width: 46%;
}

.Shop-img {
    width: 100%;
}

.shop-read ul li h2 {
    font-size: 28px !important;
    font-weight: 700;
    margin-bottom: 1em;
    padding: 0;
}

#ShopPageHeader {
    /* max-width: 1100px;
    margin: auto; */
    background: url(/img/shop-main.jpg);
    background-position: center;
    background-size: cover;
    padding: 5em 0;
}

#ShopPageHeader h1 {
    font-size: 50px !important;
    line-height: 1.4;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 20px;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000, 0 -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;
}

#ShopPageHeader h1 span {
    color: #FFE500;
    font-size: 60px;
}

#ShopPageHeader p {
    color: #fff;
    font-size: 24px !important;
    font-weight: 600;
    margin-bottom: 0 !important;
    text-align: center;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000, 0 -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;
}

.shop-info ul,
.support-area ul {
    max-width: 1100px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

.shop-info ul {
    justify-content: space-between;
    padding: 50px 0;
}

.shop-info ul li {
    width: 47%;
}

.shop-info ul li h3 {
    font-size: 20px;
    font-weight: 600;
    padding: 10px;
    border-left: solid #B41D23;
    text-align: left;
}

.shop-info ul li p {
    text-align: left;
    font-size: 16px;
    padding: 0 30px;
    margin-bottom: 30px;
}

.support-area h2 {
    box-sizing: border-box;
    max-width: 1100px;
    background: #42230e;
    color: #fff;
    font-size: 20px;
    margin: 0 auto 40px;
    padding: 15px 0px 10px;
}

.support-area ul li {
    width: 18.4%;
    background: #eee;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 10px 0;
}

.support-area ul li:nth-child(5n) {
    margin-right: 0;
}

@media only screen and (max-width:950px) {
    #ShopPageHeader h1 span {
        font-size: 40px;
    }

    #ShopPageHeader h1 {
        font-size: 36px;
    }

    .shop-info ul,
    .support-area ul {
        padding: 10px;
    }
}

@media only screen and (max-width:767px) {
    .shop-read ul {
        padding: 1em;
        margin-top: 0px;
    }

    .shop-read ul li {
        width: 100%;
    }

    .shop-read ul li h2 {
        margin: 1em 0;
    }

    .shop-info ul {
        padding: 50px 10px;
    }

    .shop-info ul li {
        width: 100%;
    }

    .shop-info ul li:first-child {
        margin-bottom: 1em;
    }

    .support-area ul li {
        width: 32%;
        line-height: 1.2;
		font-size: 14px;
    }

    .support-area ul li:nth-child(5n) {
        margin-right: 2%;
    }

    .support-area ul li:nth-child(3n) {
        margin-right: 0;
    }

    #ShopPageHeader p {
        font-size: 18px !important;
    }

    #ShopPageHeader h1 span {
        font-size: 32px;
    }

    #ShopPageHeader h1 {
        font-size: 28px !important;
    }

    #ShopPageHeader {
        padding: 3em 0;
    }

    .shop-read ul li h2 {
        font-size: 20px !important;
    }
}

.shop-flow-btn {
    background: #800000;
    color: #fff;
    padding: 10px 0px;
    display: block;
    margin-top: 20px;
    text-align: center;
    width: 50%;
    font-weight: bold;
    font-size: 18px;
    margin: 30px auto 0px;
    border: 1px solid #800000;
    text-decoration: none;
}

@media only screen and (max-width: 767px) {
    .shop-flow-btn {
        background: #800000;
        color: #fff;
        padding: 10px 0px;
        display: block;
        margin-top: 20px;
        text-align: center;
        width: 80%;
        font-weight: bold;
        font-size: 18px;
        margin: 30px auto 0px;
        border: 1px solid #800000;
    }
}




/* 3つの簡単査定 */

.three-easy-method {
    max-width: 1100px;
    margin: auto;
    padding: 0px 10px 80px 10px;
}

.three-easy-method-container {
    display: flex;
}

.three-easy-method-box {
    width: 32%;
    margin-right: 2%;
    padding: 30px 20px 80px;
    background: #F2F2F2;
    position: relative;
	box-sizing: border-box;
}

.three-easy-method-img-box {
    margin-bottom: 10px;
}

.three-easy-method-box h3 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 24px;
    color: #555;
}

.three-easy-method-box p {
    font-size: 16px;
    text-align: left;
}

.three-easy-method-link {
    background: #42230e;
    color: #fff !important;
    border: 1px solid #42230e;
    font-weight: bold;
    width: 60%;
    padding: 10px 0px;
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.three-easy-method-link:hover {
    color: #42230e !important;
    background: #fff;
}

.three-easy-method-box:before {
    content: "1";
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #d79e9e;
    text-align: center;
    line-height: 48px;
    position: absolute;
    top: -25px;
    left: calc(50% - 24px);
}

.three-easy-method-box:nth-child(2):before {
    content: "2";
}

.three-easy-method-box:nth-child(3):before {
    content: "3";
}

.three-easy-method h2 {
    margin-bottom: 50px;
    margin-top: 80px;
    font-weight: bold;
    font-size: 30px;
	color: #010f18;
}

.three-easy-method-box:last-of-type {
    margin-right: 0px;
}

@media only screen and (max-width:767px) {
    .three-easy-method-container {
        display: block;
    }

    .three-easy-method-box {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 60px;
    }

    .three-easy-method {
        padding-bottom: 0px;
    }
}


/* 3つの簡単査定終わり */


/* 新宅配買取の流れ */

.new-flow p {
    text-align: left;
    margin: 20px 0px;
}

.new-flow .new-flow-text-box p:first-child {
    margin-top: 0px;
}

.new-flow-flex {
    display: flex;
    margin-top: 10px;
}

.new-flow-container h3 {
    font-weight: bold;
    text-align: left;
    border-left: 10px solid #42230e;
    padding-left: 10px;
}

.new-flow-img-box {
    width: 35%;
    margin-right: 2%;
}

.new-flow-text-box {
    width: 68%;
}

.new-flow-text-box a {
    color: #5079ed;
}


.new-flow-container {
    box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.25);
    padding: 20px;
    margin-bottom: 40px;
    margin-top: 40px;
}

.new-flow-text-color {
    color: #A00000;
}

.new-flow-span {
    color: #A00000;
}

@media only screen and (max-width:1100px) {
    .new-flow {
        padding: 0px 20px;
    }
}

@media only screen and (max-width:767px) {
    .new-flow-flex {
        display: block;
    }

    .new-flow-img-box {
        width: 100%;
        text-align: left;
    }

    .new-flow-text-box {
        width: 100%;
        margin-top: 10px;
    }
}


/* トップセールス文 */

.top-sales {
    max-width: 1100px;
    margin: auto;
    border: 1px solid #256bc1;
    padding: 20px;
    margin-top: 40px;
}

.top-sales-container {}

.top-sales-right {
    padding-left: 30px;
}

.top-sales-right p {
    margin-bottom: 10px;
}

.top-sales-bold {
    font-weight: bold;
    color: #256bc1;
}

.top-sales h2 {
    line-height: 1.3;
    font-size: 24px;
    color: #256bc1;
    border-bottom: 1px solid;
    display: inline-block;
    margin-bottom: 20px;
}

@media only screen and (max-width:1100px) {
    .top-sales {
        padding-right: 20px;
        padding-left: 20px;
    }

    .top-sales-padding {
        padding: 0px 20px;
    }
}

@media only screen and (max-width:500px) {
    .top-sales-container {
        display: block;
    }

    .top-sales-right {
        padding: 10px 0px;
    }

    .top-sales-right p {
        font-size: 16px;
    }

    .top-sales-container {
        margin-top: 10px;
    }

    .top-sales h2 {
        font-size: 20px;
        margin-bottom: 0px;
    }
}


/* トップセールス文終了 */


/* アイテムページトップ */

.page-h1-read {
    color: #fff;
    background: url(/img/ItemPageHeader-BG.jpg);
    background-position: center;
    background-size: cover;
    letter-spacing: 1px;
    padding: 3em 0;
}

.page-h1-read h1 {
    font-size: 28px;
    padding: 20px 5px;
    line-height: 1.3;
    max-width: 1100px;
    margin: auto;
}

.page-h1-read span {
    font-size: 140%;
    color: #ffeb00;
}

.page-h1-read-p {
    color: #fff;
    text-align: left;
    font-weight: bold;
    max-width: 800px;
    margin: 0 auto;
    padding: 0px 15px;
    font-size: 18px;
}

.page-h1-img-box {
    padding: 10px;
}

.page-h1-img-box img {
    width: 600px;
}

.top-sales-center {
    text-align: center;
    font-weight: bold;
    color: #ffeb00;
    font-size: 24px;
    margin-top: 20px;
}

@media only screen and (max-width:767px) {
    .top-sales-center {
        font-size: 15px;
    }
}

/* アイテムページトップ終了 */


/* LP */


/* 共通 */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');

.lp header,
.lp footer {
    display: none;
}

body.lp {
    background: #1b120b;
    padding-top: 0;
    font-family: 'Noto Serif JP', serif;
}

body.lp a:hover {
    opacity: 0.7;
}

body.lp h2,
body.lp h3,
body.lp p {
    color: #fff;
}

body.lp h2 {
    font-size: 36px;
    line-height: 1.6;
}

body.lp h3 {
    font-size: 22px;
}

body.lp p {
    font-size: 18px;
}

.lp-st-bg {
    padding: 164px 0 80px;
    margin-bottom: 100px;
    background-size: cover !important;
    background-position: center;
}

.lp-st-bg h2 {
    color: #f2ecba !important;
    background: rgb(0, 0, 0, 0.6);
    display: inline;
    padding: 0.5em 1em;
}

.lp-container {
    max-width: 1100px;
    margin: auto;
}

.lp-section {
    margin-bottom: 120px;
}

.lp-section ul li h3,
.lp-flow-box h3 {
    text-align: left;
    line-height: 1.4;
    margin-bottom: 1em;
}

.lp-section ul li h3 span,
.lp-flow-box h3 span {
    color: #b8905f !important;
    font-size: 140%;
    margin-right: 10px;
}

.lp-bg-dark {
    background: url(/img/lp/back-dark2.jpg)no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0;
}

.lp-itemgenre .lp-bg-dark {
    background: url(/img/lp/back-dark3.jpg)no-repeat;
    background-position: center;
    background-size: cover;
}

@media only screen and (max-width:1100px) {
    .lp-container {
        padding: 0 10px;
    }
}

@media only screen and (max-width:767px) {
    body.lp h2 {
        font-size: 24px;
    }

    body.lp h3 {
        font-size: 18px;
    }

    .lp-st-bg {
        padding: 80px 0 40px;
        margin-bottom: 40px;
    }

    .lp-section {
        margin-bottom: 50px;
    }

    .lp-bg-dark {
        padding: 50px 0;
        margin: -30px 0 -50px;
    }
}


/* コンバージョンエリア */

.lp-cv-area {
    margin: auto;
    border-top: solid 1px #f2ecba;
    border-bottom: solid 1px #f2ecba;
    padding: 5em 8em 0;
    margin-bottom: 120px;
    background: url(/img/lp/back-dark.jpg)no-repeat;
    background-size: cover;
}

.lp-cv-area p {
    font-size: 24px !important;
    text-align: center;
    margin-bottom: 2em;
}

.lp-cv-area p span {
    color: #f2ecba;
    font-size: 150%;
    font-weight: 600;
}

@media only screen and (max-width:767px) {
    .lp-cv-area {
        padding: 5em 1em 0;
        margin-bottom: 30px;
    }

    .lp-cv-area p {
        font-size: 18px !important;
    }
}


/* ボタン */

.lp-form-btn {
    color: #fff;
    font-size: 36px;
    background-image: linear-gradient(0deg, rgb(4 46 0), rgb(21 125 0));
    padding: 0.5em 3em;
    border-radius: 5px;
    margin: 0 0 1em;
}

.lp-form-btn:hover {
    color: #fff;
}


/* ヘッダー */

.lp-header {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
}

.lp-logo {
    width: 320px;
    padding-top: 10px;
}

@media only screen and (max-width:767px) {
    .lp-logo {
        width: 200px;
        margin-right: 30px;
    }
}


/* トップビジュアル */

.lp-MainVisual {
    background: url(/img/lp/top-back_3.jpg)no-repeat;
    background-position: center;
    background-size: cover;
}

.lp-MainVisual h1 {
    max-width: 750px;
    margin: auto;
    padding: 5em 0;
}

.lp-form-btn span {
    font-size: 24px;
}

@media only screen and (max-width:767px) {
    .lp-form-btn {
        font-size: 30px;
        padding: 0.5em 1em;
    }

    .lp-form-btn span {
        font-size: 18px;
    }

    .lp-MainVisual h1 {
        padding: 3em 0;
    }
}


/* リード文 */

.lp-read {
    margin-top: 150px;
}

.lp-read h2 {
    color: #f2ecba !important;
    background: -webkit-linear-gradient(-45deg, #b8905f, #f2ecba, #b8905f, #f2ecba);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.check-text {
    max-width: 550px;
    margin: 3em auto;
}

.check-text p {
    align-items: center;
    display: flex;
    font-size: 18px !important;
}

.check-text p:not(:last-child) {
    margin-bottom: 1em;
}

.check-text p:before {
    content: url(/img/lp/check.png);
}

.lp-read-txt {
    font-size: 18px !important;
    text-align: center;
}

@media only screen and (max-width:767px) {
    .lp-read {
        margin-top: 50px;
    }

    .check-text p:before {
        content: "";
        display: inline-block;
        background: url(/img/lp/check.png)no-repeat;
        width: 30px;
        height: 21px;
        padding-right: 15px;
        background-size: contain;
        vertical-align: middle;
    }
}


/* 強み */

.lp-strength .lp-st-bg {
    background: url(/img/lp/headline1.png)no-repeat;
}

.lp-strength ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lp-strength ul li {
    width: 31.5%;
}

.lp-strength ul li img {
    margin-bottom: 1em;
}

@media only screen and (max-width:767px) {
    .lp-strength ul li {
        width: 100%;
    }

    .lp-strength ul li:not(:last-child) {
        margin-bottom: 2em;
    }
}


/* 買取方法 */

.lp-flow .lp-st-bg {
    background: url(/img/lp/headline2.png)no-repeat;
}

.lp-flow-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 60px;
}

.lp-flow-box:last-child {
    margin-bottom: 0;
}

.lp-flow-box h3 {
    width: 100%;
}

.lp-flow-box p {
    width: 65%;
    margin-left: 5%;
}

.lp-flow-box p a {
    color: #e5deb0;
}

.lp-flow-box img {
    width: 30%;
}

.lp-flow-wrap {
    border: solid 3px #f2ecba;
    padding: 56px 40px;
}

.flow-tabs ul {
    display: flex;
    justify-content: space-around;
}

.flow-tabs ul li {
    width: 31.5%;
}

.flow-tabs ul li a {
    width: 100%;
    font-size: 24px;
    padding: 1.5em 0;
    background: #3c2922;
    color: #f2ecba;
    font-weight: 600;
}

.flow-tabs .active {
    background: #f2ecba;
    color: #3c2922;
    font-weight: 600;
}

@media only screen and (max-width:767px) {
    .lp-flow-wrap {
        padding: 1em;
    }

    .lp-flow-box p {
        width: 100%;
        margin-left: 0;
    }

    .lp-flow-box img {
        width: 370px;
        margin: 0 auto 1em;
    }

    .flow-tabs ul li a {
        font-size: 18px;
        padding: 1em 0;
    }
}


/* 店舗一覧 */

.lp-shop .lp-st-bg {
    background: url(/img/lp/headline3.png)no-repeat;
}

.lp-shop ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lp-shop ul li {
    width: 48%;
}

.lp-shop ul li h3 {
    border-left: solid 5px #e5deb0;
    padding-left: 0.5em;
}

.lp-shop ul li div {
    padding: 1em 0.5em;
}

@media only screen and (max-width:767px) {
    .lp-shop ul li {
        width: 100%;
    }

    .lp-shop ul li:not(:last-child) {
        margin-bottom: 2em;
    }
}


/* メリット */

.lp-merit .lp-st-bg {
    background: url(/img/lp/headline4.png)no-repeat;
}


/* 買取実績 */

.lp-result .lp-st-bg {
    background: url(/img/lp/headline5.png)no-repeat;
}

.lp-result-text {
    margin-bottom: 3em;
    text-align: center;
}

.lp-result ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lp-result ul li {
    width: 23.5%;
    margin-bottom: 2%;
    border-right: solid #fff 1px;
    border-bottom: solid #fff 1px;
}

.lp-result ul li div {
    padding: 1em 0.5em 0;
}

.lp-result .Price {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-bottom: 6px;
    margin-top: 3px;
}

.lp-result .PriceIcon {
    background: #7E2123;
    color: #fff;
    display: inline-block;
    padding: 0.3em;
    line-height: 1.2;
}

.lp-result .PriceNum {
    margin-left: 10px;
    font-size: 22px;
    line-height: 1;
}

@media only screen and (max-width:767px) {
    .lp-result ul li {
        width: 48.5%;
    }

    .lp-result .PriceNum {
        margin-left: 5px;
        font-size: 20px;
    }

    .lp-result-text {
        text-align: left;
    }
}


/* 買取アイテム */

.lp-itemgenre .lp-st-bg {
    background: url(/img/lp/headline6.png)no-repeat;
}

.lp-itemgenre ul {
    max-width: 900px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lp-itemgenre ul li {
    width: 18.5%;
    margin-bottom: 20px;
}

.lp-itemgenre ul li p {
    text-align: center;
}

@media only screen and (max-width:767px) {
    .lp-itemgenre ul li {
        width: 31.5%;
    }
}


/* 買取メーカー */

.lp-maker .lp-st-bg {
    background: url(/img/lp/headline7.png)no-repeat;
}

.lp-maker ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lp-maker ul li {
    width: 18.5%;
    margin-bottom: 20px;
}

.lp-maker ul li p {
    text-align: center;
}

@media only screen and (max-width:767px) {
    .lp-maker ul li {
        width: 31.5%;
    }

    .lp-maker ul li p {
        font-size: 14px;
    }
}


/* よくある質問 */

.lp-faq .lp-st-bg {
    background: url(/img/lp/headline8.png)no-repeat;
}

.lp-faq-wrap {
    background: #30271e;
    color: #fff;
}

.lp-faq-list {
    padding: 56px;
}

.lp-faq-list dl {
    max-width: 820px;
    margin: auto;
}

.lp-faq-list dl dd:not(:last-child) {
    border-bottom: solid 1px #f2ecba;
}

.lp-faq-list dl dt:before {
    content: "Q.";
    color: #f2ecba;
    margin-right: 0.6em;
    font-weight: bold;
}

.lp-faq-list dl dd:before {
    content: "A.";
    color: #f2ecba;
    margin-right: 0.6em;
    font-weight: bold;
}

.lp-faq-list dl dt,
.lp-faq-list dl dd {
    padding: 1em 0.8em;
    line-height: 1.6;
    text-align: left;
    display: flex;
    font-size: 18px;
}

@media only screen and (max-width:767px) {
    .lp-faq-list {
        padding: 10px 0;
    }
}

.lp div.wpcf7-spam-blocked {
    color: #fff;
}


/* まとめ売りキャンペーン */

.lp-matome .lp-st-bg {
    background: url(/img/lp/headline9.png)no-repeat;
}


/* フォーム */

.lp-form .lp-st-bg {
    background: url(/img/lp/headline10.png)no-repeat;
}

.lp-form-box {
    max-width: 900px;
    margin: 0 auto 5em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lp-form-box a {
    width: 48%;
}

.LPcontact-forms input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
.LPcontact-forms textarea.wpcf7-form-control.wpcf7-textarea {
    background: #e5e5cb;
    border-radius: 5px;
    border: none;
    padding: 20px;
}

.LPcontact-forms input[type="checkbox"]:checked+span,
input[type="radio"]:checked+span {
    background: #fff;
    color: #000;
}

body.lp .LPcontact-forms p {
    color: #333;
}

.lp-form-ttl {
    max-width: 900px;
    margin: auto;
    padding: 2em 0;
    background: linear-gradient(0deg, #321f18, #3c2922);
    border-radius: 5px 5px 0 0;
}

input,
select {
    vertical-align: baseline;
}

section#lp-form {
    margin-bottom: 100px;
}

span.wpcf7-not-valid-tip {
    margin-top: 0.5em;
}

.lp div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    background: #000;
    color: #fff;
}

@media only screen and (max-width:767px) {
    section#lp-form {
        margin-bottom: 50px;
    }

    .LPcontact-forms {
        padding: 1em;
    }

    .lp-form-box a {
        width: 100%;
    }

    .lp-form-box a:not(:last-child) {
        margin-bottom: 2em;
    }
}


/* コピーライト */

.lp-Copyright {
    margin: 0;
    padding: 2em 0;
    font-size: 12px !important;
    background: #3c2922;
    text-align: center;
    color: #f2ecba;
    line-height: 1;
}


/* リキャプチャ 非表示 */



/* トップファーストビュー */
.cv-flex {
    display: flex;
    max-width: 900px;
    margin: auto;
}

.cv-flex img {
    width: 100%;
}

.h1-topView-container {
    max-width: 1100px;
    margin: auto;

}

.h1-topView {
    font-size: 130px;
    line-height: 1.2;
    color: #fff;
    text-shadow: 0px 8px 8px #000000;
}

.h1-topView-p {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px 3px 8px #000000;
}

.h1-topView-p-span {

    color: #fbff00;
}

@media screen and (max-width: 766px) {
    .h1-topView-container {
        background-image: url(/img/MainVisual-bg-pc.jpg);
        background-size: cover;
        background-position: right;
    }

    .h1-topView-container img {
        width: 85%;
        padding: 50px 0px 15px;
    }

    .h1-topView-span {
        font-size: 30px;
    }

    .h1-topView {
        font-size: 80px;
    }

    .h1-topView-p {
        font-size: 22px;
    }

    .cv-flex {
        display: block;
        width: 85%;
    }

}

/* トップファーストビュー終了 */
/* アイテム強化 */
.Item-kyoka-container {
    max-width: 1100px;
    margin: auto;
    margin-top: 50px;
}

#Item-kyoka-h1-container h1 {
    background: #42230e;
    padding: 20px 5px;
    color: #fff;
    font-size: 24px;
    line-height: 1.5;
}

.kyoka {
    max-width: 1100px;
    margin: auto;
}

@media screen and (max-width: 767px) {
    .Item-kyoka-container {
        margin-top: 0px;
    }

    .kyoka {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

/* アイテム強化終了 */


/* 予約システム */

.AppBox {
    padding: 2em 10px;
}

.AppBox>p {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.AppBox ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
    justify-content: space-between;
}

.AppBox ul li {
    width: 49%;
    /* margin-right: 2%; */
}

.AppBox ul li:nth-child(2n) {
    margin-right: 0;
}

.AppBox ul li.Tel {
    width: 100%;
    margin-right: 0;
}

.AppBox ul li a {
    color: #fff;
    display: block;
    padding: 0.6em;
    background: #000;
    border-radius: 4px;
    font-weight: bold;
    position: relative;
    text-shadow: 1px 1px 1px rgb(0 0 0);
}

.AppBox ul li a:hover {
    opacity: 0.7;
}



.AppBox ul li.Stores a {
    background: linear-gradient(0deg, #0400a1 0%, #3e88b5 100%);
}

.AppBox ul li.Moushikomi a {
    background: rgb(173, 0, 0);
    background: linear-gradient(0deg, rgba(173, 0, 0, 1) 0%, rgba(221, 38, 38, 1) 100%);
}

.AppBox ul li.Satei a,
.AppBox ul li.Form a {
    background: rgb(207, 112, 6);
    background: linear-gradient(0deg, rgba(207, 112, 6, 1) 0%, rgba(230, 143, 46, 1) 100%);
}

.AppBox ul li.Line a {
    background: rgb(45, 153, 6);
    background: linear-gradient(0deg, rgba(45, 153, 6, 1) 0%, rgba(84, 199, 42, 1) 100%);
}

.AppBox ul li.Tel a {
    background: rgb(7, 110, 198);
    background: linear-gradient(0deg, rgba(7, 110, 198, 1) 0%, rgba(51, 155, 244, 1) 100%);
    padding: 1.5em 0 0.4em;
    font-size: 20px;
}

.AppBox ul li:not(.Tel) {
    margin-bottom: 1em;
}

.AppBox ul li:not(.Tel) a i {
    position: absolute;
    right: 10px;
    top: calc(50% - 0.5em)
}

.AppBox ul li.Tel>span {
    margin-top: 5px;
    font-size: 12px;
    display: block;
}

.button2,
a.button2,
button.button2 {
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 1rem 4rem;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border-radius: 0.5rem;
}

a.button2-c {
    width: 100%;
    position: relative;
    padding: 0.25rem 2rem 0.5rem 1.8rem;
    color: #fff;
}

a.button2-c span {
    position: absolute;
    top: -0.75rem;
    left: 10%;
    display: block;
    width: 80%;
    padding: 0.25rem 0;
    color: #000;
    border: 2px solid #339bf4;
    border-radius: 100vh;
    background: #fff;
    font-size: 14px;
    text-shadow: none;
}

a.button2-c span:before,
a.button2-c span:after {
    position: absolute;
    left: calc(50% - 10px);
    content: "";
}

a.button2-c span:before {
    bottom: -10px;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #339bf4 transparent transparent transparent;
}

a.button2-c span:after {
    bottom: -7px;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

a.button2-c i {
    margin-right: 0.75rem;
}

@media only screen and (min-width:767px) {

    /*問い合わせ・申込BOX*/
    .AppBox {
        width: 720px;
        margin: 0 auto;
    }

    .AppBox>p {
        font-size: 16px;
    }

    /* .AppBox ul li {
        width: 32%;
    } */

    .AppBox ul li a {
        font-size: 20px;
    }

    .AppBox ul li.Stores a span {
        display: inline;
    }
}

@media only screen and (min-width:950px) {
    .AppBox {
        width: 940px;
        padding: 2em 0;
    }

    .AppBox>p {
        font-size: 18px;
    }

    .AppBox ul li:not(.Tel) {
        margin-bottom: 1.5em;
    }

    .AppBox ul li.Tel a {
        font-size: 30px;
    }

    a.button2-c span {
        font-size: 16px;
    }

    .AppBox ul li.Tel>span {
        font-size: 14px;
    }
}

.header-nav-reserva {
    padding: 1.5em 0.5em;
    background: #dc3232 !important;
    width: 100%;
    margin: 0 auto 1em;
    border-radius: 3px;
    text-align: center;
}

.header-nav-reserva a {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}


@media only screen and (max-width:767px) {
    .reserva {
        width: 100% !important;
        margin-top: 1em;
    }

    .reserva a {
        background: #b50c0c !important;
    }

    /* .App ul li {
        width: 45%;
    } */
}

/* 新店舗一覧 */
.shops-lists {
    max-width: 1100px;
    margin: auto;
}

.shop-list-h2 {
    text-align: left;
    background: #42230E;
    color: #fff;
    font-size: 26px;
    margin-bottom: 20px;
    padding: 0.4em;
}

.shop-lists-container {
    border-bottom: 1px solid #333;
    display: block;
    margin-bottom: 40px;
    padding-bottom: 20px;
}


.shop-lists-box {
    display: flex;
    padding: 0px;
}

.shops-lists-img-box {
    width: 24%;
    margin-right: 2%;
    padding: 0px;
}

.shops-lists-address {
    text-align: left;
    padding: 0px;
    width: 44%;
}

.shops-lists-address h3 {
    font-size: 24px;
    font-weight: bold;
}

.shop-lists-btn-box {
    position: relative;
    padding: 0px;
    width: 30%;
}

.shop-lists-btn {
    display: inline-block;
    background: #A00000;
    color: #fff !important;
    font-weight: bold;
    font-size: 20px;
    border: 1px solid #A00000;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 70%;
    padding: 10px 0px 7px;
}

.shop-lists-btn:hover {
    color: #A00000 !important;
    background: #fff;
}



.shops-jump-btn-container {
    max-width: 1100px;
    display: flex;
    margin: auto;
    margin-bottom: 20px;
    justify-content: center;
}

.shops-jump-btn {
    background: #42230E;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    border: solid 1px #42230E;
    display: block;
    width: 10%;
    margin: 0px 10px;
    padding: 10px 0px 5px;
}

.shops-jump-btn:hover {
    color: #42230E;
    background: #fff;
}

.shops-lead-p {
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: center;
}

@media only screen and (max-width:1100px) {
    .shop-lists-container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (max-width:767px) {
    .shop-lists-box {
        display: block;
    }

    .shops-lists-img-box {
        width: 100%;
        margin-right: 0%;
        padding: 0px;
    }

    .shop-lists-btn-box {
        width: 100%;
        margin-top: 30px;
    }

    .shop-lists-btn {
        position: static;
        width: 70%;
    }

    .shops-jump-btn {
        font-size: 22px;
    }

    .shops-lists-address {
        width: 100%;
        margin-top: 30px;
    }

    .shops-jump-btn {
        width: 20%;
    }
}

/* 店舗一覧終わり */
/* 都道府県ページ */

.prefectures-seek,
.prefectures-strength {
    max-width: 1100px;
    margin: auto;
}

.prefectures-seek h2 {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 20px;
}

.prefectures-seek-container {
    display: flex;
}

.prefectures-strength {
    padding: 30px 0px 60px;
}

.prefectures-strength ul {
    display: flex;
    justify-content: space-between;

}

.prefectures-strength-method ul {
    display: flex;
}

.prefectures-seek-red {
    text-align: left;
    font-weight: bold;
    color: #bd0000;
    font-size: 20px;
    margin-bottom: 5px;
}

.prefectures-seek-sentence {
    margin-left: 30px;
}

.prefectures-seek-p {
    text-align: left;
    margin-top: 30px;
}

.prefectures-strength h2 {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 20px;
}

.prefectures-strength li {
    width: 32%;
}

.prefectures-strength h3 {
    font-weight: bold;
    margin-top: 20px;
}

.prefectures-strength p {
    padding: 10px 10px 20px;
    text-align: left;
}

.new-method-h2 {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 20px;
}

.prefectures-strength-photo {
    width: 100%;
}

.page-template-page-prefectures .shop-intro{
	margin-bottom: 55px;
	
}

@media only screen and (max-width:1100px) {

    .prefectures-seek,
    .prefectures-strength {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width:767px) {
    .prefectures-seek-container {
        display: block;
    }

    .prefectures-seek-sentence {
        margin: 20px 0px;
    }

    .prefectures-seek h2 {
        font-size: 24px;
        margin-bottom: 0px;
    }

    .prefectures-strength {
        padding-bottom: 60px;
    }

    .prefectures-strength ul {
        display: block;
    }

    .prefectures-strength li {
        width: 100%;
        margin-bottom: 20px;
    }
}

/* 都道府県ページ 終了*/
/* トップ店舗メニュー */
.shop-list-top-container {
    margin-top: 40px;
}

.top-shops-menu {
    max-width: 1100px;
    margin: auto;
}

.top-shops-menu .tabnav {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 3px solid #42230e;
}

.top-shops-menu .active {
    background: #42230e;
    color: #fff;
}

.top-shops-menu ul li {
    width: 10%;
}

.top-shops-menu ul li a {
    font-size: 22px;
    font-weight: bold;
    background: #dbdbdb;
    color: #333;
    display: block;
    padding: 10px 0px 5px;
}

@media only screen and (max-width:1100px) {
    .top-shops-menu {
        padding: 0px 10px;
        margin-top: 20px;
    }

    .top-shops-menu ul li {
        width: 25%;
    }

}

/* トップ店舗メニュー 終了*/
/* 新しいアイテムボックス */
.new-Price {
    color: #dd2626;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-bottom: 6px;
    margin-top: 3px;
}

.new-PriceIcon {
    background: #f15a24;
    color: #fff;
    display: inline-block;
    padding: 0.3em;
    line-height: 1.2;
}

.new-PriceNum {
    margin-left: 5px;
    font-size: 20px;
    background: linear-gradient(transparent 60%, #fff438 60%);
    line-height: 1;
}

.new-item-name {
    color: #666;
    font-weight: bold;
    text-align: left;
    font-size: 16px !important;
}

.new-item-li {
    border: solid 1px #e5e5e5;
    position: relative;
    padding: 0px 10px;
}

.box3 ul {
    margin-bottom: 30px;
}

.item-top-img {
    width: 20%;
}

@media only screen and (max-width:1100px) {
    .box3 {
        padding: 0px 10px;
    }
}

@media only screen and (max-width:767px) {
    .item-top-img {
        width: 70%;
    }
}

/* 新しいアイテムボックス終了 */
#MakerShort {
    margin-bottom: 50px;
}

/* サイトマップ */
.page_item {
    text-align: left;
    margin: 10px 30px 10px 0px;
    font-size: 20px;
}

.children {
    display: flex;
    flex-wrap: wrap;
}

.children li {
    font-size: 16px;
}

/* ライン査定の流れ */

.fld {
    margin-bottom: 50px;
    text-align: left;
}

.fld h2 {
    background: #333;
    color: #fff;
    margin-bottom: 0 !important;
    text-align: center;
    font-size: 24px !important;
    padding: 0.5em !important;
}

.fld ul {
    border: solid gray 1.5px;
    border-top: none;
    padding: 1em;
    display: flex;
    justify-content: space-between;
}

.fld img {
    margin-bottom: 1em;
}

section.flow-line {
    max-width: 1100px;
    margin: auto;
    padding: 0 10px;
}

.flow-line div#Content {
    padding-top: 0;
}

.flow-line div#Content h1 {
    background: #327DD2;
    color: #fff;
    font-weight: 600;
    margin-bottom: 1em;
}

.flow-line-top {
    background: #00B700;
}

.flow-line-what>p {
    padding: 1em;
}

.flow-line-what h3 {
    background: #b50c0c;
    padding: 0.5em 1em;
    color: #fff;
    font-weight: 600;
    text-align: center;
    font-size: 18px;
}

.flow-line-what ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border: none;
    padding: 0;
}

.flow-line-what ul li {
    width: 23.5%;
    background: #f3f3f3;
}

.flow-line-what ul li img {
    padding: 1em;
    box-sizing: border-box;
    margin-bottom: 0;
}

.flow-line-what ul li p {
    padding: 0 1em 1em 1em;
    font-size: 16px;
}

.flow-line-read p {
    margin-bottom: 50px;
    text-align: center;
}

.flow-line-read img {
    max-width: 720px;
    width: 100%;
}

.flow-line-top img {
    margin-bottom: 0;
}

.flow-line-read {
    text-align: center;
}

/* .flow-line-friend ul {
    justify-content: center;
} */

.flow-line-friend ul li {
    /* position: relative; */
    width: 28.5%;
    /* margin-right: 40px; */
}

.flow-line-friend div {
    width: 28.5%;
    /* padding-left: 40px;
    border-left: solid #327DD2; */
    text-align: center;
}

.flow-line-friend p {
    text-align: center;
}

.flow-line-3step>h3 {
    font-size: 20px;
    display: inline-block;
    font-weight: 600;
    background: #b50c0c;
    color: #fff;
    padding: 0.3em 0.5em;
}

.flow-line-3step div p {
    padding: 1em;
    font-weight: 600;
    line-height: 2;
    background: #f3f3f3;
    border-right: outset;
    border-bottom: outset;
}

.flow-line-3step ul {
    margin-bottom: 50px;
}

.flow-line-3step ul p,
.flow-line-photo p,
.flow-line-friend p {
    font-size: 16px;
}

.flow-line-3step ul li {
    /* position: relative; */
    width: 31.5%;
    padding: 1em;
}


.flow-line-3step ul li h3 {
    font-weight: 600;
    position: relative;
    padding: 15px 0 15px 60px;
}


.flow-line-3step ul li h3::before {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    width: 40px;
    height: 40px;
    /* border-radius: 50%; */
    background: orange;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: 3px;
    left: 0;
}


.flow-line-3step ul li:first-child h3::before {
    content: "1";
}


.flow-line-3step ul li:nth-child(2) h3::before {
    content: "2";
}


.flow-line-3step ul li:last-child h3::before {
    content: "3";
}



/* .flow-line-friend ul li:not(:first-of-type) {
    padding-left: 100px;
}

.flow-line-3step ul li:not(:first-of-type) {
    padding-left: 80px;
} */

/* .flow-line-friend ul li:not(:first-of-type)::before {
    position: absolute;
    top: 85px;
    left: 20px;
    right: auto;
    bottom: auto;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 28px solid transparent;
    border-top: 28px solid transparent;
    border-left: 42px solid #ff9700;
}

.flow-line-3step ul li:not(:first-of-type)::before {
    position: absolute;
    top: 180px;
    left: 20px;
    right: auto;
    bottom: auto;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 28px solid transparent;
    border-top: 28px solid transparent;
    border-left: 42px solid #ff9700;
} */

.flow-line-photo ul li h3 {
    border-left: 3px solid #b50c0c;
    padding: 0.5em;
    margin-bottom: 1em;
}

.flow-line-photo ul {
    flex-wrap: wrap;
    justify-content: space-between;
}

.flow-line-photo ul li {
    width: 25%;
    text-align: left;
    padding: 1em;
    box-sizing: border-box;
}

@media only screen and (max-width:767px) {
    .pc {
        display: none;
    }

    .fld ul {
        flex-wrap: wrap;
        /* padding: 0.5em; */
        margin-bottom: 30px;
    }

    .fld h2 {
        font-size: 20px !important;
    }

    .flow-line-what ul li {
        margin-bottom: 1em;
        width: 100%;
    }

    .flow-line-what ul li:last-child {
        margin-bottom: 0;
    }

    .flow-line-read p {
        margin-bottom: 30px;
        text-align: left;
    }

    .flow-line-3step>h3 {
        font-size: 20px;
    }

    .flow-line-3step div p {
        font-size: 16px;
    }

    .flow-line-3step ul li {
        width: 100%;
    }

    .flow-line-photo ul li {
        width: 100%;
        padding: 0;
    }

    .flow-line-photo ul li:not(:last-child) {
        margin-bottom: 3em;
    }

    /* .flow-line-photo ul li h3, */
    .flow-line-3step ul li h3 {
        padding: 10px 0 10px 40px;
        font-size: 16px;
    }

    /* .flow-line-photo ul li h3::before, */
    .flow-line-3step ul li h3::before {
        font-size: 16px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .flow-line-3step ul li:not(:first-of-type) {
        padding-left: 0;
    }

    .flow-line-3step ul li:not(:first-of-type)::before {
        position: initial;
        clear: both;
        margin: 1rem auto;
        content: '';
        display: block;
        height: 0;
        width: 0;
        border-top: 30px solid #ff9700;
        border-left: 18px solid transparent;
        border-bottom: 0px none transparent;
        border-right: 18px solid transparent;
    }
}

/* NEWフッター */
/* .new-footer {
    display: none;
} */

.new-footer .previous-h2 {
    font-size: 16px;
    font-weight: bold;
}

.footer-wrap {
    max-width: 1100px;
    margin: auto;
    text-align: left;
    line-height: 1.5;
    font-size: 14px;
    display: flex;
    padding: 5em 0 3em;
}


.footer-cv ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.footer-cv ul li {
    width: 48.5%;
}

.footer-cv ul li a {
    border: 1px solid #f2a12b;
    color: #fff;
    background: #f2a12b;
    display: block;
    padding: 0.4em 0;
    margin-bottom: 0.6em;
    font-size: 16px;
}

.footer-cv ul li:nth-child(2) a {
    border-color: #01c614;
    background-color: #01c614;
}

.footer-cv ul li:nth-child(4) a {
    background: transparent;
    border: none;
    padding: 0;
    margin-bottom: 0;
}

.footer-cv ul li:nth-child(4) a img {
    vertical-align: middle;
}

.footer-cv ul li a:hover {
    opacity: 0.7;
}

.footer-left {
    width: 40%;
}

.footer-logo,
.footer-shoplist {
    margin-bottom: 30px
}

.footer-shoplist .previous-h2 {
    margin-bottom: 10px;
    font-weight: bold;
}

.footer-left .previous-h3 {
    margin-bottom: 10px;
    font-size: 16px;
    border-left: solid;
    padding: 3px 0 3px 5px;
    font-weight: bold;
}

.footer-shoplist p {
    font-size: 14px;
    margin-bottom: 15px;
}

.footer-right {
    width: 60%;
    padding-left: 50px;
}

.footer-right .previous-h2 {
    border-bottom: 1px solid;
    margin-bottom: 20px;
   font-weight: bold;
}

.footer-right ul:first-child {
    font-size: 16px;
    padding: 1em;
}

.footer-right ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.footer-right ul li {
    margin: 0 30px 12px 0;
}

.previous-h2 .trymore{
    display: block;
    margin-left: auto;
    margin-right: auto;    
}

.trymore img{
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width:1100px) {
    .footer-wrap {
        padding: 3em 10px 2em;
		flex-wrap: wrap;
    }
}

@media only screen and (max-width:767px) {

    .footer-left,
    .footer-right {
        width: 100%;
    }

    .footer-right {
        padding: 0;
    }

    .footer-left {
        order: 2;
    }

    .footer-right ul:first-child {
        padding: 0;
    }

    .footer-logo {
        width: 70%;
        margin: 0 auto 20px;
    }

    .fotter-company dl {
        font-size: 12px;
    }
}

/*==========================================
lp お客様の声
===========================================*/
.lp-voice {
    background: #D8EFF7;
    padding: 24px 20px;
    margin-top: 80px;
}

.lp-section-title {
    margin-bottom: 30px;
}

.lp-voice-container {
    margin-top: 24px;
}

.lp-voice-wrapper {
    border-radius: 10px;
    background: #FFF;
    padding: 32px 26px;
    margin-right: 1vw !important;
    margin-left: 1vw !important;
}

.lp-voice-wrapper p {
    text-align: center;
}

.voice-name {
    color: #303030;
    font-size: 18px;
    text-align: center;
}

.star5-rating {
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #cccccc;
    /* グレーカラー 自由に設定化 */
    font-size: 24px;
    margin: 12px 0;
}

.star5-rating:before,
.star5-rating:after {
    content: '★★★★★';
}

.star5-rating:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #FFBB33;
    /* イエローカラー 自由に設定化 */
    -webkit-text-stroke: 1px #FFBB33;
}

.star5-rating[data-rate="5"]:after {
    width: 100%;
}

/* 星5 */
.star5-rating[data-rate="4.5"]:after {
    width: 90%;
}

/* 星4.5 */
.star5-rating[data-rate="4"]:after {
    width: 80%;
}

/* 星4 */
.star5-rating[data-rate="3.5"]:after {
    width: 70%;
}

/* 星3.5 */
.star5-rating[data-rate="3"]:after {
    width: 60%;
}

/* 星3 */
.star5-rating[data-rate="2.5"]:after {
    width: 50%;
}

/* 星2.5 */
.star5-rating[data-rate="2"]:after {
    width: 40%;
}

/* 星2 */
.star5-rating[data-rate="1.5"]:after {
    width: 30%;
}

/* 星1.5 */
.star5-rating[data-rate="1"]:after {
    width: 20%;
}

/* 星1 */
.star5-rating[data-rate="0.5"]:after {
    width: 10%;
}

/* 星0.5 */
.star5-rating[data-rate="0"]:after {
    width: 0%;
}

/* 星0 */

.voice-txt {
    color: #303030;
    font-size: 14px;
    line-height: normal;
    text-align: left !important;
}

/* slick 矢印 */

.lp-voice-container .slick-arrow {
    display: block;
    position: absolute;
    top: 56px;
    padding: 0;
    width: 20px;
    height: 38px;
    color: transparent;
    z-index: 1;
    transition: opacity 0.5s;
    z-index: 1;
}

.lp-voice-container .slick-arrow:hover {
    opacity: 0.7;
}

/* 共通設定 */

.lp-voice-container .slick-next::before,
.lp-voice-container .slick-next::after,
.lp-voice-container .slick-prev::before,
.lp-voice-container .slick-prev::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.lp-voice-container .slick-next::after,
.lp-voice-container .slick-prev::after {
    width: 18px;
    height: 18px;
    border-top: 3px solid #c5c5c5;
    border-right: 3px solid #c5c5c5;
}

/* next */

.lp-voice-container .slick-next {
    right: 26px;
}

.lp-voice-container .slick-next::after {
    right: 4px;
    transform: rotate(45deg);
}

/* prev */

.lp-voice-container .slick-prev {
    left: 26px;
}

.lp-voice-container .slick-prev::after {
    left: 4px;
    transform: rotate(-135deg);
}

/* メディアクエリ */

@media only screen and (min-width:767px) {
    .lp-voice {
        padding: 36px 70px;
    }

    .lp-voice-container .slick-prev {
        left: -40px;
    }

    .lp-voice-container .slick-next {
        right: -40px;
    }

    .lp-voice-container .slick-next::after,
    .lp-voice-container .slick-prev::after {
        width: 18px;
        height: 18px;
        border-top: 3px solid #40798D;
        border-right: 3px solid #40798D;
    }

    .lp-voice-container .slick-arrow {
        top: 0;
        bottom: 0;
        margin: auto;
    }
}

.item-voice-container {
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
    margin-top: 5px;
}

.item-voice-box {
    margin-left: 10px;
    margin-right: 5px;
}

/* ------------------------------------------------ブログ 始まり------------------------------------------------------------*/
.blog-top {
    margin-top: 30px;
    padding: 30px 0;

}

.blog-top ul {
    display: flex;
    max-width: 1100px;
    margin: auto;
    margin: 30px auto 20px;
}

.blog-top ul li {
    width: 23.5%;
    background: #fff;
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 12%), 0 2px 3px 0 rgb(0 0 0 / 22%);
}

@media only screen and (max-width:767px) {
    .blog-top ul {
        flex-wrap: wrap;
        padding: 0 15px;
    }

    .blog-top ul li {
        width: 48.5%;
    }
}


ul.blog-top-container {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

li.blog-top-wrapper {
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 12%), 0 2px 3px 0 rgb(0 0 0 / 22%);
    background: #fff;
    width: 24%;
    margin-right: 1.3333333%;
    margin-bottom: 20px;
}

li.blog-top-wrapper a {
    text-decoration: none;
}

li.blog-top-wrapper:nth-child(4n) {
    margin-right: 0;
}

.blog-top-box {
    text-align: left;
    color: #303030;
    padding: 16px;
    line-height: 1.6;
}

h3.blog-top-h3 {
    font-size: 16px;
}

@media only screen and (max-width: 767px) {
    ul.blog-top-container {
        flex-direction: row;
        flex-wrap: wrap;
    }

    li.blog-top-wrapper {
        width: 49%;
        margin-right: 2%;
    }

    li.blog-top-wrapper:nth-child(2n) {
        margin-right: 0;
    }
}


.blog__filter__h2 {
    text-align: left;
    padding: 0.5em 1em;
    background: #0079C4;
    color: #fff;
    margin-top: 32px;
    font-size: 20px;
    display: block;
    font-weight: bold;
}

/* 記事監修 */
.author {
    background: #f5f5f5;
    padding: 25px 30px;
    max-width: 710px;
    margin: 60px auto 0;
}

.author-top {
    border-bottom: solid 1px gray;
    font-weight: 600;
}

.author-info {
    display: flex;
    align-items: center;
    margin: 16px 0;
}


.author-info p {
    margin: 0 !important;
}

.author-info img {
    width: 100px;
    margin-right: 30px;
}

.author-text p {
    margin-bottom: 0;
}

.author-text span {
    font-size: 80%;
    color: gray;
    margin-top: 15px;
    display: inline-block;
}

@media only screen and (max-width:767px) {
    .author-top {
        margin-bottom: 18px !important;
    }

    .author-info img {
        width: 75px;
    }

    .author {
        padding: 20px 25px;
    }
}

/* ページネーション */
.Blogpager {
    margin-top: 20px;
}

span.page-numbers.current {
    height: 39px;
    width: 39px;
    background: #0079C4;
    color: #fff;
}

.page-numbers {
    border: 2px solid #0079C4;
    color: #303030;
    line-height: 35px;
    display: inline-block;
    height: 35px;
    width: 35px;
    transition: .3s;
    margin-right: 8px;
}

.page-numbers:hover {
    background: #0079C4;
    color: #fff;
}

/* ブログスタイル */
:root {
    --blogitem-card-bg: #fff;
    --blogitem-border: #e5e7eb;
    --blogitem-text: #111827;
    --blogitem-muted: #6b7280;
    --blogitem-accent: #e53935;
    /* 赤ラベル色 */
}

.blogitem-card {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 20px;
    background: var(--blogitem-card-bg);
    border-radius: 14px;
    padding: 15px;
    max-width: 900px;
    margin: auto;
    margin-bottom: 15px;
    margin-top: 20px;
}

.blogitem-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
}

.blogitem-subtitle {
    font-size: 16px;
    color: var(--blogitem-muted);
    margin-top: 15px;
    text-align: left;
}

.blogitem-note {
    font-size: 14px;
    color: #555;
    margin-top: 15px;
    line-height: 1.5;
    text-align: left;
}

.blogitem-price-row {
    display: flex;
    justify-content: flex-end;
    /* 右寄せ */
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}

.blogitem-label {
    background: var(--blogitem-accent);
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    padding: 5px 17px 0px;
    border-radius: 4px;
    letter-spacing: .04em;
}

.blogitem-price {
    font-weight: 700;
    font-size: 24px;
    /* 大きくした */
    line-height: 1;
    color: var(--blogitem-accent);
    /* 赤色 */
}

.blogitem-media {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blogitem-media img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
    aspect-ratio: 4/3;
    background: #fff;
}

@media (max-width: 720px) {
    .blogitem-card {
        grid-template-columns: 1fr;
    }

    .blogitem-media {
        order: -1;
    }
}


.custom-content {
    background-color: #f5f5f5;
    padding: 20px;
    padding-bottom: 8px;
    margin-bottom: 40px;
    margin-top: 10px;
}

.custom-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.custom-item-number {
    width: 30px;
    height: 30px;
    background-color: #5f646b;
    color: white;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 10px;
}

.custom-item-text {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-align: left;
    line-height: 1.4;
    width: 100%;
}

.blog__tabs {
    display: flex;
    cursor: pointer;
    cursor: pointer;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 30px;
}

.blog__tab {
    padding: 10px 0px 5px;
    margin-right: 2px;
    background: #F5F5F5;
    border-radius: 5px;
    font-weight: bold;
    border-bottom: 3px solid #d3d3d3;
    text-align: center;
}

.blog__tab.active {
    color: #fff;
    background-color: #464c51;
    border-bottom: 0px;
}

.blog__content {
    display: none;
    padding: 15px 0px;
}

.blog__content.active {
    display: block;
}

.blog__contents__flow {
    display: flex;
    margin-bottom: 30px;
}

.blog-Method-img {
    width: 40%;
}

.blog-Method-tx {
    width: 60%;
    padding-left: 10px;
}

.blog-Method-tx h4 span {
    color: #5f646b;
}

.blog-custom-item-container {
    margin: 20px 0px;
}

.Blog .contents main .blog-custom-item-container p {
    margin-top: 0px;
}

.blog-custom-item-title {
    font-weight: bold;
    text-align: left;
    margin-bottom: 5px;
    border-left: 5px solid #333;
    line-height: 1.6;
    padding-left: 8px;
}

.blog-item-list img {
    margin: auto;
}

.blog-item-list {
    padding-bottom: 30px;
    margin-top: 30px;
}

.blog-item-list .slick-slide {
    padding: 5px;
}

.Blog .contents main .blog-item-name {
    margin-bottom: 0px;
}

.blog-item-price {
    margin: 0px;
}

.blog-item-price span {
    color: #F23A29;
    padding-left: 5px;
}

.blog-diving-price-box {
    width: 80%;
    margin: auto;
    color: #666;
}

.blog-diving-price-box p {
    user-select: text;
}

.blog-shop-lists-box {
    margin-top: 30px;
}

.tradeland-table {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    margin: 30px auto;
    font-family: "Helvetica Neue", sans-serif;
}

.tradeland-th,
.tradeland-td {
    border: 1px solid #ddd;
    padding: 12px;
}

.tradeland-th {
    background-color: #f5f5f5;
    font-weight: bold;
}

.tradeland-td {
    font-size: 18px;
    color: #F23A29;
    font-weight: bold;
}

.tradeland-button {
    display: inline-block;
    background-color: #0c994c;
    color: #fff;
    padding: 20px 0px;
    width: 50%;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.tradeland-button:hover {
    background-color: #096332;
}

@media screen and (max-width:767px) {
    .blog__contents__flow {
        display: block;
    }

    .blog-Method-img {
        width: 100%;
    }

    .blog-Method-tx {
        width: 100%;
        padding-left: 0px;
    }

    .blog-shop-lists {
        display: block;
    }

    .blog-shops-lists-img-box {
        width: 100%;

    }

    .blog-shops-lists-address {
        width: 100%;
        padding-left: 0px;
    }

    .blog-shop-lists-btn-box {
        position: relative;
        text-align: center;
        margin-top: 40px;
    }

    .blog-shop-lists-btn-box a {
        padding: 8px 80px 5px;
    }

    .tradeland-button {

        width: 80%;

    }
}

.blog-container {
    background: #eee;
    padding-top: 10px;
}







/* アーカイブ*/

.SingleHeaderImg {
    max-width: 1100px;
    margin: auto;
}

#BlogContent {
    display: flex;
    max-width: 1100px;
    margin: 3em auto 3em;
    justify-content: space-between;
}

ul#BlogList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

li.Blogpost {
    width: 48.5%;
    margin-bottom: 3%;
    background: #fff;
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 12%), 0 2px 3px 0 rgb(0 0 0 / 22%);
}

li.Blogpost a {
    display: block;

}

li.Blogpost a img {
    width: 100%;

}

.Blogpost a div.Blogbox {
    text-align: left;
}


.SingleContentsLeft {
    width: calc(100% - 325px);
}

.Blogpost a div {
    padding: 1em;
    color: #000;
    text-align: right;
}

.Blogpost a div h2 {
    padding: 1em 0 0;
    font-size: 18px;
    color: #333;
    line-height: 1.4;
    text-align: left;
}

@media only screen and (max-width:768px) {
    #BlogContent {
        display: block;
        margin: 0.5em;
    }

    .Blogpost a div h2 {
        padding: 0.5em 0;
        font-size: 16px;
    }

    #TopBlog {
        padding: 2em 1em;
    }

    #TopBlogList li.post {
        width: 49%;
        margin-bottom: 1em;
    }
}

/* ブログ アイテム */

.SingleContentsLeft .one-price-item {
    display: flex;
    height: 188px;
    position: relative;
}

.SingleContentsLeft .one-price-item .name {
    margin-left: 5%;
    margin-bottom: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 2.0;
}

.SingleContentsLeft .one-price-item .img {}

.SingleContentsLeft .one-price-item .price {
    margin-right: 2%;
    font-size: 20px;
    line-height: 1.7;
    margin-left: 2%;
    margin-bottom: 5%;
    gap: 12px;
    display: flex;
    justify-content: flex-end;
    /* 右寄せ */
    align-items: flex-end;
    /* 下寄せ */
    margin-top: auto;
    overflow-wrap: break-word;
}

.SingleContentsLeft .one-price-item .box {
    border: 1px solid #9e0404;
    border-radius: 4px;
    background-color: #9e0404;
    padding: 5px 20px 1px;
    display: inline-flex;
    align-items: center;
}

.SingleContentsLeft .one-price-item .red {
    color: #9e0404;
    font-size: 24px;
    display: inline-flex;
    align-items: center;
    line-height: 32px;
}

.SingleContentsLeft .one-price-item .gray {
    color: #797979;
    font-size: 16px;
}

.SingleContentsLeft .one-price-item .white {
    color: #ffffff;
    font-size: 16px;
}

.SingleContentsLeft .one-price-item p {
    font-size: 26px;
}

.SingleContentsLeft .one-price-item .bold {
    font-weight: bold;
}

.SingleContentsLeft .column-1 {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    /* ← これが最重要 */
    min-width: 0;
    order: 1;
}

.SingleContentsLeft .column-2 {
    flex: 0 0 250px;
    order: 2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media only screen and (max-width: 865px) {
    .SingleContentsLeft .one-price-item {
        display: flex;
        justify-content: center;
        /* 左寄せ */
        align-items: flex-end;
        /* 上寄せ */
        height: auto;
        display: block;
        position: relative;
    }

    .SingleContentsLeft .one-price-item .name {
        margin-right: 2%;
        font-size: 20px;
        line-height: 1.7;
        margin-left: 2%;
        display: block;
        justify-content: flex-start;
        /* 右寄せ */
        align-items: flex-start;
        /* 下寄せ */
        margin-top: auto;
        overflow-wrap: break-word;
    }

    .SingleContentsLeft .one-price-item .img {
        display: block;
        justify-content: center;
        /* 右寄せ */
        align-items: flex-start;
        width: 100%;
        height: auto;
    }

    .SingleContentsLeft .one-price-item .price {
        left: auto;
    }

    .SingleContentsLeft .column-1 {
        justify-content: center;
    }

    .SingleContentsLeft .column-2 {
        justify-content: center;
    }
}

/* ブログ アイテム */
/* サイドバー */

/* .SingleBannerArea {
    margin-bottom: 2em;
    text-align: center;
} */

.SingleContentsRight {
    width: 290px;
}

.side-title {
    background: #42230e;
    padding: 1.5em 0;
    color: #fff;
    text-align: center;
}

.side-widget-inner {
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 12%), 0 2px 3px 0 rgb(0 0 0 / 22%);
}

.side-widget-inner ul li {
    padding: 1em;
    background: #fff;
    border-bottom: dashed 1px;
    line-height: 1.6;
}

.side-widget-inner ul li a {
    text-align: left;
    color: #008cda;
}

.side-widget-inner ul li:hover {
    opacity: 0.7;
}

.side-widget-inner ul li:last-child {
    border-bottom: none;
}

@media only screen and (max-width:767px) {
    .SingleContents {
        display: block;
        margin: 0;
    }

    .SingleContentsLeft {
        width: 100%;
        margin-bottom: 2em;
        padding: 10px 5px;
        box-sizing: border-box;
    }

    .SingleContentsRight {
        width: 100%;
    }

    .SingleHeader h1 {
        font-size: 22px;
    }
}


/* 記事部分 */

.single-post {
    background: #eee;
}

.SingleContent {
    line-height: 1.6;
}

.SingleContents {
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    margin: 3em auto 0em;
    padding-bottom: 50px;
}

.SingleHeader h1 {
    font-size: 30px;
    margin-top: 20px;
    letter-spacing: 1.8px;
    line-height: 1.2;
    padding-bottom: 20px;
    border-bottom: solid 3px #42230e;
    text-align: left;
    color: #000;
}

.SingleHeader h1 a {
    color: #000;
}

.SingleHeader p {
    font-size: 16px;
    color: #7f7f7f;
    margin-top: 15px;
}

.SingleContent h2 {
    text-align: left;
    padding: 1em;
    background: #42230e;
    color: #fff;
    margin-bottom: 30px;
    margin-top: 30px;
}

.SingleContent h3 {
    border-left: solid 10px #d5ae6b;
    text-align: left;
    padding: 5px;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.SingleContent h4 {
    margin-bottom: 10px;
}

.SingleContent p {
    line-height: 1.6;
    margin-top: 5px;
    color: #303030;
}

.single .SingleContentsLeft {
    width: calc(100% - 325px);
    background: #fff;
    padding: 5px 15px 15px 15px;
    box-sizing: border-box;
}

/* .single nav.pc {
    display: none;
} */

@media only screen and (max-width:767px) {
    .SingleContents {
        display: block;
        margin: 0;
    }

    .single .SingleContentsLeft {
        width: 100%;
        margin-bottom: 2em;
        padding: 10px 20px;
    }

    .SingleContentsRight {
        width: 100%;
    }

    .SingleHeader h1 {
        font-size: 24px;
    }
}


/* ページネーション */

.SingleContentsLeft nav {
    margin: 6em 0 2em;
}

.SingleContentsLeft nav ul {
    display: flex;
    justify-content: space-between;
}

.SingleContentsLeft nav ul li {
    width: 25%;
}

.SingleContentsLeft nav ul li:hover {
    opacity: 0.7;
}

.SingleContentsLeft nav ul li a {
    color: #fff;
    background: #42230e;
    padding: 0.8em;
    display: block;
    text-align: center;
}

@media only screen and (max-width:767px) {
    .SingleContentsLeft nav ul li a {
        padding: 0.6em;
    }
}

h3#rtoc-2 {
    text-align: left;
    border-left: solid 5px;
    padding: 1em;
}


/* 目次プラグイン */

li.rtoc-item {
    text-align: left;
}

.blog-li {
    padding-bottom: 10px;
}

.blog-h3 {
    padding-left: 6px;
    text-align: left;
    padding-top: 5px;
    color: #333;
    line-height: 1.3;
}

.blog-table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 40px;
}

.blog-table th {
    background: #f7f6e4;
}

.blog-table th,
.blog-table td {
    border: solid 1px black;
    padding: 10px;
}

.blog-table-color {
    font-weight: bold;
    color: #c51010;
    text-align: center;
}

/* ブログ終了 */


.SingleContent .blog-notice {
    font-size: 12px;
    text-align: center;
    color: #a5a5a5;
}

/* ------------------------------------------------ブログ 終わり------------------------------------------------------------*/








/* 記事関係 */

.item-genre-explanation {
    margin-top: 40px;
}

.item-genre-explanation .item-genre-explanation-padding {
    padding: 15px 15px 0px 15px;
}

.item-genre-explanation h2 {
    background: #138FD9;
    color: #fff;
    font-size: 19px;
    padding: 0.6em;
    letter-spacing: 2px;
    text-align: center;
    font-weight: normal;
}

.item-genre-explanation p {
    text-align: left;
    line-height: 1.6;
    margin: 10px 0px;
}

.item-genre-explanation-photo-container {
    display: flex;
    flex-wrap: wrap;
}

.item-genre-explanation-box {
    width: 48%;
    margin-right: 2%;
    padding-bottom: 10px;
    text-align: center;
}

.item-genre-explanation .item-genre-explanation-box p {
    text-align: center;
}

.item-genre-explanation-h3 {
    font-size: 18px;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 15px;
}

.item-genre-explanation-span {
    background: linear-gradient(transparent 55%, #ffd599 55%);
}

.item-genre-explanation ul {
    text-align: left;
    font-weight: bold;
    border: 3px dashed #138FD9;
    padding: 13px 13px 7px 13px;
    margin: 20px 0px 30px 0px;
}

.item-genre-explanation li {
    padding-bottom: 5px;
}

.item-genre-explanation .column p {
    line-height: 1.4;
}

.item-genre-explanation .column {
    margin: 40px 0px;
}

.item-genre-explanation .column .column-h {
    margin-bottom: 20px;
}

.item-genre-explanation-flex {
    margin-bottom: 20px;
}

.item-genre-explanation .item-genre-explanation-right p {
    text-align: center;
}

.item-genre-explanation-right {
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
}

.item-genre-explanation-box-b h4 {
    margin-top: 5px;
}

.item-genre-explanation-bad-span {
    background-color: #0061BB;
    color: #fff;
    padding: 6px 20px 3px 20px;
    display: inline-block;
}

.bad-example {
    border: 3px solid #0061BB;
    padding: 15px 15px 0px 15px;
    margin: 0px 0px 30px 0px;
}

.item-genre-explanation-good-span {
    background-color: #9A0000;
    color: #fff;
    padding: 6px 20px 4px 20px;
    display: inline-block;
}

.good-example {
    border: 3px solid #9A0000;
    padding: 15px 15px 0px 15px;
    margin: 0px 0px 30px 0px;
}

.item-genre-explanation .item-genre-explanation-p-box {
    margin-bottom: 0px;
    margin-top: 20px;
}

.item-genre-explanation-top-p {
    margin-top: 20px;
}

.example-img {
    width: 100%;
}

.item-genre-explanation-img-x {
    width: 100%;
}

.item-genre-explanation .item-genre-explanation-p-b {
    margin-bottom: 0px;
    margin-top: 30px;
}

.item-genre-explanation-span-b {
    background-color: #70a362;
    color: #fff;
    padding: 5px 20px 3px 20px;
    display: inline-block;
}

.item-genre-explanation .item-genre-border-green {
    border: 3px solid #70a362;
    padding: 13px 13px 10px 13px;
    margin: 0px 0px 30px 0px;
}

.item-genre-exp-flex-x-green {
    border: 3px solid #70a362;
    padding: 13px 13px 10px 13px;
    margin: 0px 0px 30px 0px;
}

.item-genre-explanation .example-box-p {
    text-align: center;
}

.item-genre-explanation .item-genre-explanation-margin-bottom {
    margin-bottom: 50px;
}

.hukidashi {
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
}

.hukidashi-left {
    width: 20%;
    text-align: center;
}

.bluetea {
    border-radius: 50%;
    width: 60%;
}

.hukidashi-right {
    position: relative;
    width: 80%;
}

.hukidashi-right-p:before {
    display: inline-block;
    position: absolute;
    left: -23px;
    border: 12px solid transparent;
    border-right: 12px solid #ededed;
    content: "";
}

.hukidashi-right-p {
    background: #ededed;
    padding: 15px;
    font-weight: bold;
}

.SingleContent .bluetea-p {
    margin: 0px;
    font-weight: bold;
}

.blog-susume-p {
    text-align: center;
    font-weight: bold;
}

.blog-susume {
    width: 85%;
    margin: auto;
    padding: 20px 20px 15px 50px;
    margin-bottom: 30px;
    font-weight: bold;
    line-height: 2;
    border: 3px solid #91bbaf;
}

.blog-susume li {
    list-style: disc;
    text-align: left;
}

.blog-bold {
    font-weight: bold;
    color: #d15757;
}

.hukidashi-right-p-forky {
    background: #ededed;
    padding: 15px;
    font-weight: bold;
}

.hukidashi-right-p-forky:before {
    display: inline-block;
    position: absolute;
    right: -12px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #ededed;
    content: "";
}

@media screen and (max-width: 768px) {
    .hukidashi-left {
        width: 40%;
    }

    .SingleContent .bluetea-p {
        font-size: 13px;
    }

    .SingleContent .hukidashi-right-p {
        margin-top: 0px;
    }

    .blog-susume {
        width: 78%;
    }
}

@media screen and (min-width: 768px) {
    .bad-example-container {
        display: flex;
    }

    .example-box {
        width: 32%;
        margin-right: 2%;
    }

    .example-box:last-of-type {
        margin-right: 0px;
    }

    .item-genre-explanation-img-box-x {
        width: 30%;
    }

    .item-genre-exp-flex-x {
        display: flex;
    }

    .item-genre-exp-flex-x-green {
        display: flex;
    }

    .item-genre-explanation-img-box-x {
        width: 30%;
    }

    .item-genre-exp-flex-p-x {
        padding-right: 40px;
        width: 90%;
    }
}

@media screen and (min-width: 768px) {
    .item-genre-explanation-flex {
        display: flex;
    }

    .item-genre-explanation-left {
        width: 70%;
    }

    .column .item-genre-explanation-left {
        margin: auto;
    }

    .item-genre-explanation-right {
        width: 30%;
        text-align: center;
    }

    .item-genre-explanation-img {
        width: 80%;
    }

    .item-genre-explanation-box {
        width: 24%;
        margin-top: 5px;
        margin-right: 1%;
    }

    .item-genre-explanation-photo-container-b {
        display: flex;
        width: 100%;
        margin-top: 20px;
    }

    .item-genre-explanation-box-b {
        width: 30%;
        margin: 0 auto;
    }

    .item-genre-explanation-img-b {
        width: 50%;
    }
}

.post-time-p {
    margin: 0px;
    margin-top: 10px;
    font-size: 14px;
    color: #333;
    text-align: left;
    padding-left: 0.5em;
}

.test {
    display: none;
}

/* 記事監修 */
.author {
    background: #f5f5f5;
    padding: 25px 30px;
    max-width: 710px;
    margin: 60px auto 0;
}

.author-top {
    border-bottom: solid 1px gray;
    font-weight: 600;
    line-height: 1.4;
}

.author-info {
    display: flex;
    align-items: center;
    margin: 16px 0;
}


.author-info p {
    margin: 0 !important;
}

.author-info img {
    width: 100px;
    margin-right: 30px;
}

.author-text p {
    margin-bottom: 0;
    line-height: 1.4;
}

.author-text span {
    font-size: 80%;
    color: gray;
}

@media only screen and (max-width:767px) {
    .author-top {
        margin-bottom: 18px !important;
    }

    .author-info img {
        width: 75px;
    }

    .author {
        padding: 20px 25px;
    }
}

.blog-cv {
    max-width: 600px;
    margin: auto;
    padding: 50px 0;
}

.blog-cv-t {
    text-align: center;
    font-weight: 600;
    box-sizing: border-box;
    max-width: 512px;
    width: 95%;
    background-color: #E8E8E8;
    border-radius: 7px;
    padding: 10px 1%;
    color: #323232;
    display: block;
    font-size: 20px;
    letter-spacing: .11em;
    font-weight: 700;
    text-align: center;
    margin: 0px auto 30px !important;
    border-radius: 32px;
    position: relative;
}

.blog-cv-t::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    border-top: 15px solid #E8E8E8;
}

.blog-innner {
    display: flex;
    justify-content: space-between;
    color: #fff;
}

.blog-innner a {
    padding: 10px;
    text-align: center;
    width: 48%;
    box-sizing: border-box;
    color: #fff;
    border-radius: 5px;
}

.blog-innner a:hover {
    opacity: 0.7;
}

.blog-innner a p {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    letter-spacing: 2.2px;
    margin: 0 !important;
    color: #fff;
}

.blog-innner a span {
    font-size: 13px;
    font-weight: bold;
    margin-top: 4px;
    display: block;
}

.blog-cv-tel {
    background: #ED0505;
}

.blog-cv-line {
    background: #06C755;
}

@media only screen and (max-width:767px) {
    .blog-cv-t {
        font-size: 18px;
    }

    .blog-innner {
        flex-wrap: wrap;
    }

    .blog-innner a {
        width: 100%;
    }

    .blog-cv-tel {
        margin-bottom: 15px;
    }
}



/* 新スライダー */
nav#SlideMenu {
    width: 100%;
    height: 0;
    position: relative;
    background: #F6F6F6;
}

.SlideMenu {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: ease .5s;
    transition: ease .5s;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.60);
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
}

nav#SlideMenu .SlideMenu {
    position: fixed;
    top: 54px;
}

.SlideMenu>ul {
    padding: 10px 15px;
    background: #426837;
    text-align: center;
}

.SlideMenu>ul li {
    margin-bottom: 10px;
    box-sizing: border-box
}

.SlideMenu>ul li img {
    border-radius: 3px;
    box-sizing: border-box
}

.SlideMenu>ul li:first-child img {
    border: 1px solid #ff8a00;
}

.SlideMenu>ul li:nth-child(2) img {
    border: 5px solid #00b703;
}

.SlideMenu>ul li.tel {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 15px 0;
    line-height: 1.2;
}

.SlideMenu>ul li.tel a {
    color: #fff;
    font-weight: bold;
}

.SlideMenu>ul li.tel p:nth-child(2) {
    font-size: 12px;
    font-weight: normal;
    margin: 5px 0
}

.SlideMenu>ul li.tel p:last-child {
    font-size: 40px;
}

.SlideMenu>ul li ul {
    font-size: 0;
    text-align: left
}

.SlideMenu>ul li ul li {
    width: 50%;
    display: inline-block;
    border-right: 1px solid #0e6eb8;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 1px;
}

.SlideMenu>ul li ul li:nth-child(2n) {
    border-right: none;
}

.SlideMenu>ul li ul li a {
    font-size: 14px;
    color: #0e6eb8;
    display: block;
    padding: 0.6em 0.4em 0.6em 0.6em;
    line-height: 1;
    font-weight: bold;
}

.SlideMenu>ul li.sp_menu_bt {
    color: #fff;
    margin-bottom: 60px;
}

.SlideMenu>ul li.sp_menu_bt i {
    margin-right: 0.2em;
}

/*OPEN時の動き*/

.SlideMenu.open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10000
}



/*買取実績 トップスライダー*/
.result-slide {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    padding: 10px 0;
}

#result-slide a {
    display: block;
    width: fit-content;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .12), 0 2px 3px 0 rgba(0, 0, 0, .22);
    border-radius: 10px;
    height: 95%;
}


.result-slide-post {
    margin-right: 15px;
    width: 270px;
    height: 310px !important;
}

.result-slide-post div {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.result-slide-maker {
    color: #333;
    font-size: 14px;
    line-height: 1.4;
    padding: 8px 10px;
    text-align: left;
}

.result-slide-price {
    color: #333;
    padding: 7px 10px;
    font-size: 12px;
    text-align: right;
    margin-top: auto;
}

.result-slide-price span {
    font-size: 16px;
    color: #D90909;
    font-weight: bold;
}

.result-slide .slick-slide img {
    border-radius: 10px 10px 0 0;
    object-fit: contain;
    aspect-ratio: 4 / 3;
}



@media only screen and (max-width:767px) {
    .result-slide-post {
        width: 180px;
        height: 250px !important;
    }

    .result-slide-maker {
        font-size: 12px;
    }
}



/* slick 矢印 */

.lp-voice-container .slick-arrow {
    display: block;
    position: absolute;
    top: 56px;
    padding: 0;
    width: 20px;
    height: 38px;
    color: transparent;
    z-index: 1;
    transition: opacity 0.5s;
    z-index: 1;
}

.lp-voice-container .slick-arrow:hover {
    opacity: 0.7;
}

/* 共通設定 */

.lp-voice-container .slick-next::before,
.lp-voice-container .slick-next::after,
.lp-voice-container .slick-prev::before,
.lp-voice-container .slick-prev::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.lp-voice-container .slick-next::after,
.lp-voice-container .slick-prev::after {
    width: 18px;
    height: 18px;
    border-top: 3px solid #c5c5c5;
    border-right: 3px solid #c5c5c5;
}

/* next */

.lp-voice-container .slick-next {
    right: 26px;
}

.lp-voice-container .slick-next::after {
    right: 4px;
    transform: rotate(45deg);
}

/* prev */

.lp-voice-container .slick-prev {
    left: 26px;
}

.lp-voice-container .slick-prev::after {
    left: 4px;
    transform: rotate(-135deg);
}

/* メディアクエリ */

@media only screen and (min-width:767px) {
    .lp-voice {
        padding: 36px 70px;
    }

    .lp-voice-container .slick-prev {
        left: -40px;
    }

    .lp-voice-container .slick-next {
        right: -40px;
    }

    .lp-voice-container .slick-next::after,
    .lp-voice-container .slick-prev::after {
        width: 18px;
        height: 18px;
        border-top: 3px solid #40798D;
        border-right: 3px solid #40798D;
    }

    .lp-voice-container .slick-arrow {
        top: 0;
        bottom: 0;
        margin: auto;
    }
}

.item-voice-container {
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
    margin-top: 5px;
}

.item-voice-box {
    margin-left: 10px;
    margin-right: 5px;
}

/* 404ページレイアウト */

.error404 .PageHeader {
    background-image: url(/img/Bg-FlowHeader.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 240px;
    display: flex;
    align-items: center;
}

.error404 .PageHeader h1 {
    margin: 0 auto;
    color: #404040;
}

@media screen and (max-width: 1200px) {
    .error404 .PageHeader {
        height: 180px;
    }
}

@media screen and (max-width: 767px) {
    .error404 .PageHeader {
        height: 120px;
    }
}

.notfound-wrap {
    max-width: 640px;
    margin: 80px auto;
    padding: 40px 20px;
    text-align: center;
    font-size: 16px;
    line-height: 1.8;
    color: #333;
}

.notfound-btn {
    display: inline-block;
    margin-top: 24px;
    padding: 12px 32px;
    background: #111;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    transition: background 0.3s;
}

.notfound-btn:hover {
    color: #ff1179;
}




/* パンくず 始まり*/
.SingleContentsLeft nav.breadcrumb {
    max-width: 1100px;
    text-align: left;
    margin: auto;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
}


.breadcrumb a {
    color: #61a6ef;
}

/* ▼ breadcrumb (ol/li構造用) ▼ */
.single-blog .breadcrumb {
    font-size: 14px;
    padding-left: 0;

}

.breadcrumb ol {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline;
    /* aタグ直書き構造に近づける */
}

.breadcrumb li {
    display: inline;
}

.breadcrumb li+li::before {
    content: " › ";
    color: #999;
    margin: 0 0.25em;
}

.breadcrumb a:hover {
    color: #000;
    text-decoration: underline;
}

.breadcrumb li[aria-current="page"] {
    color: #666;
    font-weight: 500;
}


/* パンくず 終わり*/






/* お知らせMV   開始 */
.buy-flow-fv {
    background-image: url(/img/MainVisual-bg-pc.jpg);
    /* padding-top: 30px; */
    /* margin-top: 55px; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.buy-flow-fv-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 20px 35px;
    color: #fff;
    text-align: left;
}

.buy-flow-fv-container p {
    margin: 10px 0px;
}

.buy-flow-text-box {
    display: inline-block;
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
}

.buy-flow-text-box h1 {
    font-size: 32px;
    margin: 10px 0px 0px;
    color: #fff;
    text-align: left;
}

.buy-flow-text-box p {
    margin: 0px;
}

.buy-flow-pankuzu-container {
    color: #fff;
    background: #42230e;
    max-width: 1100px;
    margin: 0 auto;
    padding: 5px 10px;
}

.buy-flow-pankuzu-container p {
    margin: 5px 0px;
}

.buy-flow-pankuzu-container p a {
    color: #fff;
}

/* お知らせMV   終わり */



/*---------------------------------------------------- ニュース一覧ページ archive-news.php 始まり--------------------------------------------------- */

.news-list {
    max-width: 1100px;
    margin: 0 auto;
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    color: #333;
    margin-top: 50px;
    margin-bottom: 50px;
}

.news-item {
    border-bottom: 1px solid #e0e0e0;
    padding: 24px 10px;
}

.news-meta {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 14px;
    color: #678;
}

.news-date {
    margin-right: 12px;
}

.news-label {
    background-color: #4caf7f;
    color: #fff;
    font-size: 12px;
    padding: 4px 8px 3px;
    border-radius: 12px;
    display: inline-block;
}

.news-title {
    font-size: 20px;
    font-weight: bold;
    color: #2c3e50;
    margin: 0 0 10px 0;
    text-align: left;
}

.news-text {
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
}

.news-a {
    color: #d8841c !important;
    text-decoration: underline;
}

.news-a:hover {
    opacity: 0.8;
}

/*---------------------------------------------------- ニュース一覧ページ archive-news.php 終わり--------------------------------------------------- */









/*---------------------------------------------------- ニュース個別ページ single-news.php 始まり--------------------------------------------------- */

.news-container {
    display: flex;
    gap: 40px;
    max-width: 1080px;
    margin: 60px auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* ===== メインコンテンツ部分 ===== */
.news-contents {
    flex: 1 1 680px;
    background: #fff;
    padding: 30px 0px;
    border-radius: 8px;
}

.news-contents h1 {
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 10px;
    text-align: left;
    color: #333;
}

.news-contents h1 span {
    font-weight: 600;
}

#NewsDate {
    font-size: 14.5px;
    color: #888;
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
    margin: 0;
    margin-bottom: 30px;
}

.news-contents main {
    line-height: 1.9;
    color: #333;
    font-size: 1rem;
}

.news-contents main p {
    margin: 0;
    margin-bottom: 10px;
}

.news-contents main img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 25px 0;
}

.news-contents .breadcrumb {
    text-align: left;
    margin-bottom: 10px;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
}

/* ===== サイドバー部分 ===== */
.news-sidebar {
    padding-top: 30px;
    flex: 0 0 300px;
}

.news-sidebar h2 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 2px solid #4d4d4d;
    text-align: left;
    color: #333;
}

/* 最近の投稿（news）カード */
.news-sidebar-item {
    margin-bottom: 12px;
    border-radius: 6px;
    transition: background 0.2s ease;
}

.news-sidebar-item:hover {
    opacity: 0.8;
}

.news-sidebar-item h3 {
    font-size: 15px;
    color: #4d4d4d;
    margin: 0;
    line-height: 1.4;
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

.news-sidebar a {
    width: 100%;
}

/* 下部 新着投稿一覧 */
#NewPosts {
    list-style: none;
    padding: 0;
    margin: 30px 0 0;
}

#NewPosts li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 18px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.NewPostImage img {
    width: 80px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
}

.NewPostTitle a {
    font-size: 0.95rem;
    color: #0066cc;
    text-decoration: none;
    line-height: 1.4;
}

.NewPostTitle a:hover {
    text-decoration: underline;
}

.news-a {
    text-align: left;
    color: #3574e3 !important;
    text-decoration: underline;
    display: inline;
}

/* ===== レスポンシブ対応 ===== */
@media (max-width: 900px) {
    .news-container {
        flex-direction: column;
    }

    .news-contents {
        flex: 1 1 100%;

    }

    .news-sidebar {
        flex: 1 1 100%;
        margin-top: 40px;
    }

    .news-contents h1 {
        font-size: 22px;
    }
}

/*---------------------------------------------------- ニュース個別ページ single-news.php 終わり--------------------------------------------------- */



/* 各ページよくある質問 */
.accordion-container {
    max-width: 1100px;
    margin: auto;
    border-radius: 8px;
}

.custom-accordion {
    margin-bottom: 10px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

.custom-accordion:last-child {
    border-bottom: none;
}

.custom-accordion button {
    width: 100%;
    padding: 10px;
    text-align: left;
    background-color: white;
    border: none;
    cursor: pointer;
    outline: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: color 0.2s;
    font-size: 16px;
    color: #333;
}

.custom-q-badge {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    background-color: #42230e;
    color: white;
    border-radius: 50%;
    font-weight: bold;
    margin-right: 10px;
    flex-shrink: 0;
    font-size: 20px;
}

.custom-a-badge {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    background-color: #ff1178;
    color: #fff;
    border-radius: 50%;
    font-weight: bold;
    margin-right: 10px;
    flex-shrink: 0;
    font-size: 20px;
}

.custom-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease-in-out, opacity 0.2s ease-in-out;
    opacity: 0;
    padding: 0 10px;
    background-color: #F4F4F4;
    text-align: left;
    color: #333;
}

.custom-accordion-content-container {
    display: flex;
    line-height: 1.5;
    align-items: center;
    padding: 10px 0;
}

.custom-accordion-content-container a {
    text-decoration: underline;
}

.custom-icon {
    margin-left: auto;
    font-size: 25px;
}

.q_and_a {
    margin-top: 50px;

}

.q_and_a h2 {
    text-align: left;
    padding: 0.5em 1em;
    color: #fff;
    margin-top: 32px;
    font-size: 20px;
}
.q_and_a_container_shop{
	margin-bottom: 50px;
}
.q_and_a_container_shop h2{
	box-sizing: border-box;
    max-width: 1100px;
    background: #42230e;
    color: #fff;
    font-size: 20px;
    margin: 0 auto 30px;
    padding: 15px 0px 10px;
}
@media only screen and (max-width: 768px) {
    .q_and_a h2 {
        font-size: 20px;
        line-height: 1.4;
    }
}

.single-blog .SingleContent h3 {
    border-bottom: dotted 2px #5f646b;
    text-align: left;
    font-size: 20px;
    margin-top: 32px;
    border-left: 0;
}

.single-blog .SingleContent h4 {
    text-align: left;
}


/* 各ページよくある質問 終了 */

/* 管理バーを下に固定  始まり*/
body.admin-bar #wpadminbar {
    position: fixed;
    top: auto !important;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    /* 何かに隠れないように */
}

/* WPがデフォルトで付ける上マージンを打ち消し */
html {
    margin-top: 0 !important;
}

/* 管理バーを下に固定  終わり*/



/* ----------------------------------support-area 新サポートエリア 始まり-------------------------------------- */

.city-list {
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: content-box;
}


/* ★重要：CSSで36番目以降を最初から消しておく（チラつき防止） */
.city-list li:nth-child(n+36) {
    display: none;
}

/* JSでクラスがついた時だけ表示 */
.city-list li.is-active {
    display: block;
}

/* --- レスポンシブ端揃え --- */
@media screen and (min-width: 768px) {
    .city-list li {
        width: 18.4%;
        margin-right: 2%;
    }

    .city-list li:nth-of-type(5n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .city-list li {
        width: 32%;
        margin-right: 2%;
    }

    .city-list li:nth-of-type(3n) {
        margin-right: 0;
    }
}


.support-area__subttl {
    box-sizing: border-box;
    max-width: 1100px;
    width: calc(100% - 20px);
    border-bottom: 2px solid #d5d5d5;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    margin: 50px auto 35px;
    padding: 10px 12px;
    text-align: left;

}

.support-area__attention {
    text-align: center;
}

/* ボタン装飾 */
.more-btn {
    display: block;
    margin: 20px auto;
    padding: 12px 24px;
    border: 1px solid #e60012;
    background: #fff;
    color: #e60012;
    cursor: pointer;
    font-weight: bold;
    transition: 0.3s;
}

.more-btn:hover {
    background: #e60012;
    color: #fff;
}

/* ----------------------------------support-area 新サポートエリア 終わり-------------------------------------- */

.price-note-css{
    font-size: 13px !important;
    color: #979797 !important;
    margin: 0em 0em 1em;
	text-align: center;
}
.price-note-css-padding{
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
}
@media (max-width: 767px) {
    .price-note-css{
        font-size: 11px !important;
		padding-bottom: 10px;
    }
}

/* パンくず */
/* ベース（共通） */
.breadcrumb {
    max-width: 1115px;
    font-size: 14px;
    color: #666;
    margin: 16px auto;
    overflow-x: auto;
    /* 横スクロール可能 */
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    text-align: left;

    /* スクロールバー非表示 */
    -ms-overflow-style: none;
    /* IE, Edge */
    scrollbar-width: none;
    /* Firefox */
    padding-left: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.breadcrumb::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera */
}


/* リスト表示 */
.breadcrumb ol {
    display: inline-flex;
    justify-content: flex-start;
    gap: .25rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.breadcrumb li {
    display: inline-flex;
    align-items: center;
}

.breadcrumb li+li::before {
    content: "›";
    margin: 0 .5rem;
}

.breadcrumb a {
    text-decoration: none;
    color: #1a73e8;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.single-post .SingleContentsLeft nav {
    margin: 2em 0;
}

.page-template-page-default .breadcrumb,
.post-type-archive-news .breadcrumb {
    font-size: 18px;
    margin: 0 auto;
    background: inherit;
    padding: 4px 0 4px 15px;
    line-height: 1.8;
}

.page-template-page-default .breadcrumb a,
.post-type-archive-news .breadcrumb a {
    color: #fff;
}

.page-template-page-default .breadcrumb li,
.post-type-archive-news .breadcrumb li {
    color: #fff;
}

.page-template-page-default .breadcrumb li+li::before,
.post-type-archive-news .breadcrumb li+li::before {
    content: ">";
    margin: 0 .5rem;
    color: #fff;
}

.single-result .breadcrumb {
    margin: 20px auto;
}

/* スマホ時の上書き */
@media (max-width: 768px) {
    .breadcrumb {
        padding-bottom: 12px;
        /* scrollbar-gutter は不要 */
    }

    .single-result .breadcrumb {
        margin: 50px auto 20px;
    }
}

@media (max-width: 550px) {
    .single-result .breadcrumb {
        margin: 20px auto;
    }
}


/* パンくず */
/* 買取実績改修 2026.5 */
.how-buy-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
}

.how-buy-list a {
    display: block;
    padding: 3px 12px 0px;
    border: 1px solid #ccc;
    border-radius: 999px;
    color: #333;
    text-decoration: none;
}

.how-buy-list .active a {
    border-color: #222222;
    border-width: 2px;
    color: #222222;
    font-weight: bold;
}

.how-buy-list a:hover {
    opacity: 0.5;
}

@media (max-width: 768px) {
    .how-buy-list {
        margin-top: 8px;
    }
}

/* 買取実績改修 2026.5 */

/* 買取実績css */
.LocalSEO-links{
	margin-top: 30px;
	text-align: center;
    margin-right: auto;
    margin-left: auto;
}
.LocalSEO-links a {
    display: inline-block;
    padding: 10px 18px;
    margin: 6px 10px 6px 10px;
    background: #f15a24;
    border-radius: 8px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: all .25s ease;
    line-height: 1.4;
}
.LocalSEO-links a:hover {
    opacity: 0.7;
}

@media (max-width: 768px) {
.LocalSEO-links{
	margin-top: 10px;
}
}
/* 買取実績css */

/* メーカー、アイテムページ、ACF画像レイアウト */
#ProductThumbnail {
	max-width: 1100px;
	margin: auto;
}

/* 店舗2026 */
    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    .shop-container,
    .shop-header__inner {
        width: min(1100px, calc(100% - 40px));
        margin-inline: auto;
		text-align: left;
    }

    .shop-section {
        margin-top: 64px;
    }

    .shop-section__title {
        margin: 0 0 30px;
        padding-bottom: 9px;
        border-bottom: 1px solid #444;
        color: #333;
        font-size: 26px;
        font-weight: 700;
        line-height: 1.4;
        text-align: left;
    }

    /* メインビジュアル */
    .shop-header {
        width: 100%;
        padding-top: 55px;
		        background:
            linear-gradient(rgba(20, 24, 27, 0.08),
                rgba(20, 24, 27, 0.08)),
            url("/img/shop-main.jpg") center / cover no-repeat;
    }

    .shop-header__title {
        display: inline-block;
        padding: 14px 0 5px;
        border-bottom: 2px solid #fff;
        color: #fff;
		margin-left: 15px;
    }

    .shop-header__title p {
        margin: 0 0 3px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.4;
    }

    .shop-header__title h1 {
        margin: 0;
        color: #fff;
        font-size: 30px;
        font-weight: 700;
        line-height: 1.35;
        letter-spacing: 0.03em;
    }

    /* パンくず */
    .shop-header__breadcrumb-wrap {
        width: 1100px;
        max-width: 100%;
        margin: 44px auto 0;
    }

    .shop-header__breadcrumb {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 7px;
        width: 100%;
        padding: 11px 22px 7px;
        background: #42230e;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.6;
    }

    .shop-header__breadcrumb a {
        color: #fff;
        text-decoration: none;
    }

    .shop-header__breadcrumb a:hover {
        text-decoration: underline;
    }

    /* 導入文 */
    .shop-intro {
        padding-top: 42px;
    }

    .shop-intro__title {
        margin: 0 0 20px;
        color: #333;
        font-size: 26px;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: 0.02em;
        text-align: center;
    }

    .shop-intro__title strong {
        color: #e74735;
    }

    .shop-intro__text {
        margin: 0;
        color: #333;
        font-size: 16px;
        line-height: 1.75;
    }

    /* 店舗情報 */
    .shop-info__content {
        display: grid;
        grid-template-columns: 547px minmax(0, 1fr);
        gap: 64px;
        align-items: start;
    }

    .shop-info__details,
    .shop-info__image {
        min-width: 0;
    }

    .shop-info__table {
        width: 100%;
        border-collapse: collapse;
        border-top: 1px solid #ccc;
    }

    .shop-info__table th,
    .shop-info__table td {
        border-bottom: 1px solid #ccc;
        vertical-align: middle;
    }

    .shop-info__table th {
        width: 177px;
        padding: 24px 20px;
        background: #f3f3f3;
        color: #333;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5;
        text-align: center;
    }

    .shop-info__table td {
        padding: 24px 21px;
        color: #333;
        font-size: 16px;
        line-height: 1.6;
        text-align: left;
    }

    .shop-info__notice {
        margin: 4px 0 0;
        color: #e74735;
    }

    .shop-info__note {
        margin: 14px 0 0;
        color: #999;
        font-size: 14px;
        line-height: 1.6;
        text-align: center;
    }

    .shop-info__image img {
        display: block;
        width: 100%;
        height: 350px;
        object-fit: cover;
    }

    /* 地図 */
    .shop-map {
        padding-bottom: 60px;
    }

    .shop-map__frame {
        width: 100%;
        overflow: hidden;
    }

    .shop-map__frame iframe {
        display: block;
        width: 100%;
        height: 345px;
        border: 0;
    }

    @media screen and (max-width: 1100px) {
        .shop-header__breadcrumb-wrap {
            width: 100%;
            margin-inline: 0;
        }

        .shop-info__content {
            grid-template-columns: 1fr 1fr;
            gap: 40px;
        }
    }

    @media screen and (max-width: 900px) {
        .shop-info__content {
            grid-template-columns: 1fr;
            gap: 28px;
        }

        .shop-info__image {
            order: -1;
        }

        .shop-info__image img {
            height: auto;
            max-height: 420px;
            aspect-ratio: 16 / 9;
        }
    }

    @media screen and (max-width: 767px) {
        .shop-container,
        .shop-header__inner {
            width: calc(100% - 30px);
        }

        .shop-section {
            margin-top: 42px;
        }

        .shop-section__title {
            margin-bottom: 22px;
            padding-bottom: 7px;
            font-size: 21px;
        }

        .shop-header {
            padding-top: 40px;
        }

        .shop-header__title {
            padding: 10px 0;
        }

        .shop-header__title p {
            font-size: 13px;
        }

        .shop-header__title h1 {
            font-size: 23px;
        }

        .shop-header__breadcrumb-wrap {
            margin-top: 32px;
        }

        .shop-header__breadcrumb {
            gap: 5px;
            padding: 10px 15px;
            font-size: 12px;
            line-height: 1.7;
        }

        .shop-intro {
            padding-top: 32px;
        }

        .shop-intro__title {
            margin-bottom: 15px;
            font-size: 21px;
            line-height: 1.55;
            text-align: left;
        }

        .shop-intro__text {
            font-size: 14px;
            line-height: 1.8;
        }

        .shop-info__content {
            gap: 22px;
        }

        .shop-info__image img {
            height: auto;
            aspect-ratio: 4 / 3;
        }

        .shop-info__table,
        .shop-info__table tbody,
        .shop-info__table tr,
        .shop-info__table th,
        .shop-info__table td {
            display: block;
            width: 100%;
        }

        .shop-info__table th {
            padding: 11px 15px;
            font-size: 15px;
            text-align: left;
        }

        .shop-info__table td {
            padding: 15px;
            font-size: 14px;
            line-height: 1.7;
        }

        .shop-info__note {
            margin-top: 10px;
            font-size: 12px;
            text-align: left;
        }

        .shop-map {
            padding-bottom: 40px;
        }

        .shop-map__frame iframe {
            height: 300px;
        }
		    .shop-header__title {
		margin-left: 0px;
    }
    }
/* 店舗2026 */

/* 店舗ページ 店舗への行き方 アコーディオンあり */
/* 全体に余白調整 */
.access-contents {
    margin-bottom: 50px;
}

/* クリックする部分の実装 */
.access-name {
    background: #212121;
    padding: 10px 15px 4px;
    color: #fff;
    font-size: 16px;
    text-align: left;
    line-height: 1.6;
    pointer-events: auto;
}

.summary-inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

/* フォントオーサムで下矢印を実装し、rotateクラス付与時に回転させる */
.chevron-down::before {
    font-family: "Font Awesome 5 Free";
    content: '\f078';
    font-weight: 900;
}

.chevron-down {
    transition: 0.4s;
}

.chevron-down.rotate {
    transform: rotate(180deg);
}

/* アコーディオンの中身の実装 */
.access-content {
    display: none;
	padding: 0px 15px;

}
    .access-name {
	margin: 0px 15px;

    }
.access-list {
    overflow: hidden;
    border: 3px solid #212121;
}

.access-item {
    padding: 24px 15px;
    max-width: 619px;
    margin: 0 auto;
}

.access-text {
    margin: 5px 0;
    line-height: 1.4;
}

@media screen and (min-width:768px) {
    .access-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .access-item {
        width: 32%;
    }
}

@media screen and (min-width:950px) {
    .access-name {
        pointer-events: none;
		margin: 0px;

    }

    .chevron-down {
        display: none;
    }

    .access-content {
        display: block;
		padding: 0px;
    }
}



/* 新トップ */
    .audio-pc {
        position: relative;
        overflow: hidden;
        padding: 0 16px 0px;
        background:
            linear-gradient(rgba(20, 9, 4, .22), rgba(12, 5, 2, .32)),
            url("/img/new-fv/new-bg.webp") center / cover no-repeat;
    }

    .audio-pc::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(18, 8, 4, .16);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        pointer-events: none;
    }

    .audio-pc__inner {
        position: relative;
        z-index: 1;
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
        aspect-ratio: 2034 / 773;
        box-shadow: 0 22px 55px rgba(0, 0, 0, .42);
    }

    .audio-pc__main {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .audio-cv {
        position: absolute;
        z-index: 2;
        display: block;
        overflow: hidden;
        transition: opacity .2s ease;
        box-shadow: 0 8px 18px rgba(0, 0, 0, .22);
    }

    .audio-cv:hover {
        opacity: .85;
    }

    .audio-cv img {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }

    .audio-cv--assessment {
        left: 32.5%;
        top: 73.22122%;
        width: 24.09046%;
    }

    .audio-cv--purchase {
        left: 56.98132%;
        top: 73.22122%;
        width: 24.09046%;
    }

    .audio-sp {
        display: none;
        background: #160b06;
        padding-bottom: 22px;
    }

    .audio-sp__main {
        width: 100%;
        height: auto;
    }

    .audio-sp__cv {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0px;
        padding: 12px 12px 0;
    }

    .audio-sp__cv a {
        display: block;
        transition: opacity .2s ease;
        box-shadow: 0 8px 18px rgba(0, 0, 0, .16);
    }

    .audio-sp__cv a:hover {
        opacity: .85;
    }

    .audio-sp__cv img {
        width: 100%;
        height: auto;
    }

    @media (max-width: 767px) {
        .audio-pc {
            display: none;
        }

        .audio-sp {
            display: block;
        }
    }

    @media (min-width: 768px) {
        .audio-sp {
            display: none;
        }
    }
/* 新トップ 終わり */