/*
Theme Name: WordPressレスポンシブテーマ作成byPlusers Child
Template: wp_theme_2019
Author: Plusers
Description: original theme
Version: 1.0.1576465830
Updated: 2019-12-16 12:10:30

*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

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

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

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

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

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

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

html {
    scroll-padding-top: 60px;
}

body {
    background: #fff;
    text-align: center;
    color: #4d4d4d;
    overflow-x: hidden;
}

p {
    text-align: left;
    line-height: 1.6;
    margin: 1em;
}

h1,
h2,
h3,
h4 {
    color: #4d4d4d;
    font-size: 20px;
}

h2 {
    margin-bottom: 10px;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: #4d4d4d;
}

a:hover {
    opacity: 0.7;
}



a.more {
    border: #F23A29 solid;
    background: #fff;
    color: #F23A29;
    font-weight: bold;
    display: block;
    padding: 0.8em;
    margin: 1em;
    border-radius: 25px;
    box-sizing: border-box;
}

@media only screen and (max-width:481px) {
    a.more {
        width: 70%;
        margin: 1em auto;
    }
}

input {
    font-size: 16px;
}

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

.short-border {
    display: inline-block;
    position: relative;
    font-size: 28px;
    border-bottom: #F23A29 solid 3px;
    padding-bottom: 8px;
    line-height: 1.2;
}

@media only screen and (max-width:767px) {
    .short-border {
        font-size: 24px;
    }
}

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

.mt20 {
    margin-top: 20px;
}

/*ヘッダー*/

header {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 10;
}

header #header-top {
    display: flex;
    justify-content: space-between;
    padding: 21px 15px;
    box-shadow: 0px 3px 8px -4px #28221b;
    box-sizing: border-box;
    max-width: 1100px;
    margin: 0 auto;
}

header #header-top #Logo {
    width: 170px;
}

header #header-top .MenuBox {
    width: 70px;
}

header #header-top .MenuBox ul {
    display: flex;
    justify-content: space-between
}

header #header-top .MenuBox li {
    display: block;
    width: 28px;
    height: 28px;
}

header #header-top .MenuBox li span {
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url(/wp-content/uploads/img/MenuTel.png);
    background-size: contain;
    vertical-align: baseline;
}

header #header-top .MenuBox li:last-child span {
    background-image: url(/wp-content/uploads/img/MenuHM.png);
}

header #header-top .MenuBox li:last-child span.open {
    background-image: url(/wp-content/uploads/img/MenuClose.png);
}

header div#SlideMenu {
    width: 100%;
    height: 0;
    position: relative;
}

header div#SlideMenu nav {
    position: fixed;
    top: 51px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: ease .5s;
    transition: ease .5s;
    z-index: 1000;
    background: #ffe500;
    width: 100%;
    height: 100vh;
    padding: 1em;
    box-sizing: border-box
}

header div#SlideMenu nav.open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10000;
}

header div#SlideMenu .ContactMenu li {
    margin-bottom: 10px;
}

header div#SlideMenu .ContactMenu li img {
    border-radius: 5px;
}

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

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

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

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

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

header ul.SiteMenu {
    font-size: 0;
    text-align: left;
}

header ul.SiteMenu li {
    width: 50%;
    display: inline-block;
    border-right: 1px solid #ffe500;
    box-sizing: border-box;
    background: #fefff1;
    margin-bottom: 1px;
}

header ul.SiteMenu li a {
    font-size: 12px;
    color: #0e6eb8;
    display: block;
    padding: 1em;
}

.ContactMenuBox .ContactMenu li:first-child a {
    border: 1px solid #F2A12B;
    background: #F2A12B;
    color: #fff;
    display: block;
    padding: 0.7em 0;
    line-height: 1;
    font-size: 16px;
    border-radius: 5px;
}

.pc-menu-padding {
    padding-top: 2px;
}

/*ヘッダーグループサイト*/

header ul.SiteMenuGroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

header ul.SiteMenuGroup li {
    width: 49%;
    margin-bottom: 0.4em;
}

header #SlideMenu h2 {
    font-size: 16px;
    margin-top: 2em;
}

header #SlideMenu .close {
    text-align: center;
    padding-bottom: 6em;
}

@media screen and (max-width:767px) {
    header #header-top {
        padding: 10px 15px;
    }
}

/*トップページ*/

#TopView h1 {
    padding: 15px 10px 0;
    background: rgb(254, 255, 241);
    background: linear-gradient(0deg, rgba(254, 255, 241, 1) 5%, rgba(255, 229, 0, 1) 5%);
}

#TopView ul {
    margin-top: -14px;
    padding: 0 5px 0 10px;
}

#TopAbout {
    margin-top: 1em;
}

#TopAbout h2 {
    margin-top: 0;
}

#TopAbout div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1100px;
    margin: 30px auto;
}

#TopAbout div p {
    width: 65%;
}

#TopAbout div img {
    width: 30%;
}

@media only screen and (max-width:767px) {
    #TopAbout div p {
        width: 100%;
        order: 2;
    }

    #TopAbout div img {
        width: 100%;
        order: 1;
        margin-bottom: 20px;
    }
}


/*特化したグループサイト*/

#TopGroup {
    margin-top: 2em;
}

nav.GroupSite ul li {
    margin: 0 1em 1em;
}

nav.GroupSite ul li img {
    box-shadow: 2px 4px 7px -2px #bcbcbc;
}

nav.GroupSite ul li h3 {
    text-align: left;
    margin-top: 0.2em;
}

nav.GroupSite ul li h3 a {
    font-size: 12px;
    text-decoration: none;
    color: #666;
}

/*選ばれる理由*/

#TopReason {
    padding: 2em 0;
}

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

#TopReason h2 img {
    display: block;
    margin: 0 auto 10px;
    max-width: 60%;
}

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

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

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

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

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

/*買取の流れ*/

#TopFlow {
    background: #fff;
    padding: 2em 0;
}

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

#TopFlow h2+p {
    text-align: center;
    font-size: 1.2em;
}

#TopFlow li {
    margin: 1em 1em 0
}

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

#TopFlow h3 {
    margin: 1.8em;
}

#TopFlow h3+ul li:not(:last-child):after {
    content: "";
    display: inline-block;
    background-image: url(https://trade-land.com/wp/wp-content/uploads/img/FlowTri.png);
    background-size: cover;
    width: 60%;
    height: 0;
    padding-top: 12%;
}


/*買取品目*/

#TopItem {

    padding: 2em 0;
}

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

#TopItem>h3 {
    color: #818181;
    border: 1px solid #b3b3b3;
    padding: 0.6em 1em;
    margin: 0 2em;
    font-size: 14px;
    font-weight: normal;
}

#TopItem>h3+p {
    font-size: 14px;
}

#TopItem .items>ul,
#Items ul#ItemsList {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0.4em;
    margin-top: 1em;
    justify-content: space-between;
}

#TopItem .items>ul>li,
#Items ul#ItemsList>li {
    width: 49%;
    background: #fff;
    border: 1px solid #ccc;
    margin: 0 0 0.8em;
    padding: 0.8em;
    box-sizing: border-box;
}

#TopItem .items>ul>li div h4,
#Items ul#ItemsList>li div h4 {
    margin: 0.4em auto 0.8em;
    color: #666666
}

#TopItem .items>ul>li div h4:before,
#Items ul#ItemsList>li div h4:before {
    bottom: -5px;
}

#TopItem .items>ul>li div h4.fs14,
#Items ul#ItemsList>li div h4.fs14 {
    font-size: 14px;
    line-height: 1.5;
}

#TopItem .items>ul>li div ul li,
#Items ul#ItemsList>li div ul li {
    font-size: 12px;
    color: #9f9f9f;
    display: inline-block;
}

.items #Items .GroupSite ul {
    max-width: 980px;
    margin: 1em auto;
}

#Genres {
    padding: 20px 10px;
}

#Genres>nav ul {
    display: flex;
    flex-wrap: wrap;
}

#Genres>nav ul li {
    margin-bottom: 0.4em;
    width: 49.5%;
    margin-right: 1%;
}

#Genres>nav ul li:nth-child(2n) {
    margin-right: 0;
}

#Genres>nav ul li a {
    background: #e5e5e5;
    font-size: 14px;
    display: block;
    padding: 0.6em 0;
    border-radius: 4px;
    font-weight: bold;
}

#Genres>h2 {
    margin-top: 1em;
    text-align: left;
    border-left: 5px solid #f7941f;
    padding: 0.4em;
    font-size: 24px;
}

#Genres>.NewItemsList li {
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 10px -5px rgb(0 0 0 / 60%);
    box-sizing: border-box;
}

#Genres>.NewItemsList li:not(:first-child) {
    margin-top: 1em;
}

#Genres>.NewItemsList a {
    display: flex;
    align-items: flex-start;
}

#Genres>.NewItemsList a img {
    width: 30%;
}

#Genres>.NewItemsList a div {
    text-align: left;
    padding-left: 10px;
    padding-bottom: 1.2em;
    position: relative
}

#Genres>.NewItemsList a div h3 {
    font-size: 18px;
}

#Genres>.NewItemsList a div p {
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 1px;
}

#Genres>.NewItemsList a div span {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 12px;
    color: #5079ed;
    font-weight: bold;
    text-decoration: underline;
}

/*買取実績 スライド*/

.Results .swiper-slide {
    opacity: 0.5;
}

.Results .swiper-slide.swiper-slide-active {
    opacity: 1;
}

.Results .swiper-slide h3 {
    margin: 0.6em 0 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    color: #303030;
    padding-top: 5px;
    padding-left: 15px;
}

.Results .swiper-slide p {
    margin: 0.4em 0;
    padding: 0;
    font-size: 12px;
    padding-right: 15px;
    padding-left: 15px;
}

.Results .swiper-slide p.result-price span {
    font-size: 18px;
    font-weight: bold;
    color: #e41b1b;
}

.Results .swiper-slide a img {
    border-radius: 5px;
}

/*フッター査定ボタン*/

.Assessment h2 {
    margin: 0 1em 1em;
}

.Assessment {
    background: #ffffcd;
    padding: 2em 0;
}

.Assessment li {
    margin: 1em 1em 0
}

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

/*フッター*/

footer {
    background: #fff;
}

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 .FooterAbout {
    padding: 2em 1em 0;
}

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

/*bt*/

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: 1px solid #000;
    color: #000;
    display: block;
    padding: 0.4em 0;
    line-height: 1;
    margin-bottom: 0.6em
}

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

footer .FooterAbout ul.ContactMenu li:nth-child(2) a {
    border-color: #01c614;
    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;
}

/*bt*/

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

footer .FooterAbout .map iframe {
    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: 11px;
    background: #666;
    color: #fff;
    text-align: center;
    line-height: 1;
}

.Copyright-media {
    text-align: center;
    margin: 0px;
    padding: 20px 0px;
    background: #fff;
}

/*固定ページ共通*/

.page #PageHeader {
    background-image: url(https://trade-land.com/wp/wp-content/uploads/img/Bg-CompanyHeader.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 120px;
    display: flex;
    align-items: center;
}

body.page.items #PageHeader {
    height: auto;
    padding: 1em 10px 0;
}

.page #PageHeader h1 {
    margin: 0 auto;
    color: #333;
}

.page #PageHeader {
    background-image: url(/img/Item-h1-BG.jpg);
    padding: 1em 10px 0;
}

.TextBox {
    margin: 1em;
    padding: 2em 1em 1em;
    background: #ffe500;
    font-size: 14px;
}

.bg2 {
    background: #f6f1e5;
}

.bg3 {
    background: #F5F5F5;
}

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

#Content .Form {
    padding: 3em 1em 1em;
    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: #eee;
    color: #000;
    cursor: pointer;
    padding: 1em 2em;
}

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

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

#Content span.wpcf7-radio {
    display: flex;
    justify-content: space-between
}

#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 1em;
    display: inline-block;
    font-size: 14px;
}

#Content .contact-forms input[type="checkbox"]:checked+span,
input[type="radio"]:checked+span,
input[type="hidden"]+span {
    background: #ffe500;
}

.wpcf7c-elm-step2 {
    text-align: center;
    padding-top: 80px;
}

.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;
}

/*会社概要*/

.company #Tradeland h2 {
    margin-top: 1em;
}

.company #Tradeland h2 img {
    max-width: 80%;
    margin-bottom: 0.8em;
}

.company h2 span {
    display: block;
    font-size: 16px;
}

.company #Tradeland p {
    font-size: 14px;
}

.company nav.GroupSite ul li h3 {
    text-align: center;
    margin-top: 1em;
}

.company nav.GroupSite ul li p {
    padding: 0;
    margin: 0;
}

.company nav.GroupSite ul li img {
    margin: 0.2em 0 1em;
}

body.company #CompanyInfo {
    background: #ffffcd;
    padding: 20px 15px;
}

body.company #Content #CompanyInfo h2 {
    font-size: 28px;
}

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

body.company #CompanyInfo dl dt {
    background: #ffe500;
    padding: 0.6em;
}

body.company #CompanyInfo dl dd {
    background: #ffffcd;
    padding: 0.6em;
}

/*プライバシーポリシー、スマホ確認事項*/

.privacy #PageHeader,
.phone_notes #PageHeader {
    background-image: url(https://trade-land.com/wp/wp-content/uploads/img/Bg-PageHeader.jpg);
}

.privacy #Content,
.phone_notes #Content {
    background: #f7f1e5;
    padding: 1em 1em 2em;
    text-align: left;
    line-height: 1.6;
}

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

.privacy #Content dd,
.phone_notes #Content dd {
    font-size: 14px;
}


/*お問い合わせ*/

body.contact #PageHeader {
    background-image: url(https://trade-land.com/wp/wp-content/uploads/img/Bg-ContactHeader.jpg);
}

body.contact #Content .Form {
    background: #f7f1e5;
}

body.contact #Content {
    font-size: 14px;
}

body.contact #Content #ContactList {
    margin: 1em;
}

body.contact #Content #ContactList h2 {
    color: #fff;
}

body.contact #Content #ContactList p {
    margin: 1em 0 0;
}

body.contact #Content #ContactList a img {
    margin-top: 10px;
}

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

body.contact #Content #ContactList li.Mail {
    margin-top: 1em;
    background: #53bfc6;
}

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

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

.form #Content .tabs>ul,
.form-outer #Content .tabs>ul {
    display: flex;
    justify-content: space-between;
    padding: 2em 1em 0;
}

.form #Content .tabs>ul>li,
.form-outer #Content .tabs>ul>li {
    width: 30%;
}

.form #Content .tabs>ul>li a,
.form-outer #Content .tabs>ul>li a {
    display: block;
    padding: 1em 0;
}

.form #Content .tabs>ul>li a.active,
.form-outer #Content .tabs>ul>li a.active {
    background: #f7f1e5;
}

.form #Content .Form>p,
.form-outer #Content .Form>p {
    margin: 1em 0 0;
    text-align: center;
}

.form #Content span.wpcf7-list-item,
.form-outer #Content span.wpcf7-list-item {
    margin: 0.5em 0.8em 0.5em 0;
}

.form #Content .Form .contact-forms dd.photos input,
.form-outer #Content .Form .contact-forms dd.photos input {
    background: transparent;
}

.form #Content .Form p.notes,
.form-outer #Content .Form p.notes {
    margin: 1em 0;
}

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

.form #Content .Form .danbox,
.form-outer #Content .Form .danbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 0
}

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

.form #Content .Form .danboxHide,
.form-outer #Content .Form .danboxHide {
    display: none;
}

.form #Content .Form .danboxHide div,
.form-outer #Content .Form .danboxHide div {
    display: inline-block;
}

.form #Content .Form #BoxOpen,
.form-outer #Content .Form #BoxOpen {
    text-align: center;
    border: 1px solid #666;
    padding: 10px;
    margin: 30px auto 60px;
    border-radius: 3px;
    background: #ffe500;
    max-width: 600px;
    cursor: pointer;
}

.form #Content .Form #BoxOpen.opened,
.form-outer #Content .Form #BoxOpen.opened {
    font-size: 0;
}

.form #Content .Form #BoxOpen.opened:before,
.form-outer #Content .Form #BoxOpen.opened:before {
    font-size: 14px;
    content: "閉じる";
    padding: 0.6em;
}

.form #Content .Form .contact-forms+h2,
.form-outer #Content .Form .contact-forms+h2 {
    margin-top: 2em;
}

.form #Content .Form .contact-forms .Radio span.wpcf7-radio,
.form-outer #Content .Form .contact-forms .Radio span.wpcf7-radio {
    display: block;
}

.form #Content .Form .danbox ul,
.form-outer #Content .Form .danbox ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form #Content .Form .danbox ul li,
.form-outer #Content .Form .danbox ul li {
    width: 48%;
    font-size: 14px;
    margin-top: 1em;
    text-align: center
}

.form #Content .Form .danbox ul li .wpcf7-form-control-wrap,
.form-outer #Content .Form .danbox ul li .wpcf7-form-control-wrap {
    margin: 0 3px;
}

/*査定依頼*/

.assessment #PageHeader {
    background-image: url(https://trade-land.com/wp/wp-content/uploads/img/Bg-ContactHeader.jpg);
}

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

.assessment #MethodList>li>h2 {
    text-align: left;
    color: #fbb03b;
    border-bottom: 1px solid #fbb03b;
    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>div:first-of-type {
    display: none;
}

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

.assessment #MethodList>li a img {
    margin-top: 10px;
}

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

.assessment #MethodList #mail .bg2 {
    text-align: center;
    padding: 0.6em;
}

/*買取の流れ*/

.flow #PageHeader {
    background-image: url(https://trade-land.com/wp/wp-content/uploads/img/Bg-FlowHeader.jpg);
}

.flow #Flow>p {
    font-size: 14px;
}

.flow #Flow li {
    margin: 1em 1em 0
}

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

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

.flow #Flow #MethodList>li h2 {
    background: #ffe500;
    padding: 0.6em;
}

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

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

.flow #Flow #MethodList>li li h3 {
    text-align: left;
    color: #fbb03b;
    border-bottom: 1px solid #fbb03b;
    position: relative;
    padding-bottom: 0.2em;
}

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

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

.flow #Flow #MethodList>li li:first-child p a {
    color: #0033cc;
}

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

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

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

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

.flow #Flow #MethodList>li li div.sub a {
    color: #0033cc;
}

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

/*よくある質問*/

.faq #PageHeader {
    background-image: url(https://trade-land.com/wp/wp-content/uploads/img/Bg-FaqHeader.jpg);
}

.faq #FAQ>p {
    font-size: 14px;
}

.faq #FAQ .bg3 {
    padding: 1em;
}

.faq #FAQ .bg3 .FAQ {
    background: #fff;
    border: 5px solid #f2f2f2;
    padding: 1em;
    margin: 1em 0;
    font-size: 16px;
    text-align: left;
}

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

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

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

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

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

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

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

/*各ジャンルページ*/

.page #GenrePageHeader {
    background-image: url(https://trade-land.com/wp/wp-content/uploads/img/Bg-GenreHeader2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    margin-top: 50px;
}

.Genre #genre-text {
    font-size: 14px;
}

.Genre .box1 a,
#genre-text a {
    color: #0033cc;
    text-decoration: underline;
}

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

.Genre .box1 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 0;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.Genre .box1 ul li {
    width: 49%;
    font-size: 14px;
    text-align: center;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 0px;
    margin-top: 5px;
    background: #fff;
    position: relative;
}

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

.Genre .box1 h2 {
    text-align: left;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 5px;
}

.Genre .box1 p {
    margin: 0.4em 0;
}

.Genre .box1 h3 {
    margin-top: 3em;
}

.Genre .box1 ul li p {
    padding: 0 5px;
    line-height: 1.2;
}

.Genre .box1 ul li p.item-name {
    font-size: 12px;
    font-weight: bold;
}

.Genre .box1 ul li p.item-price {
    font-size: 16px;
    font-weight: bold;
    color: #f00;
}

body.mate-bike .Genre .box1 ul li div {
    position: unset;
}

body.mate-bike #GenrePageHeader {
    background-image: none;
}

@media only screen and (max-width:767px) {
    body.mate-bike #GenrePageHeader {
        padding: 15px 10px;
    }
}

/*買取実績 一覧*/

.archive #ResultHeader {
    margin: 1em;
    padding-top: 6em;
}

.archive #Content {
    margin: 2em 1em 1em;
}

.archive #Content ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 0;
}

.archive #Content ul li {
    width: 48%;
    border: 1px solid #d5d5d5;
    box-sizing: border-box;
    margin: 0 0 20px;
    font-size: 14px;
    background: #fff;
    display: inline-block;
    text-align: center;
    color: #262626;
}

.archive #Content ul li h3 {
    background: #FFD70F;
    font-size: 14px;
    padding: 0.4em 0.2em;
    margin-bottom: 0.2em;
    color: #000;
}

.archive #Content ul li p {
    margin: 0;
    text-align: center;
}

.archive #Content ul li p.result-date {
    color: #999;
    font-size: 12px;
}

.archive #Content ul li p.result-price {
    font-size: 12px;
}

.archive #Content ul li p.result-price span {
    color: #e10416;
    font-size: 18px;
}

.Genre .box1 ul li img {
    max-width: 90%;
    margin: 5px 0;
}

.Genre .box1.exception ul li img {
    max-width: 100%;
    margin: 0;
}

/*買取実績 個別*/

.single-result #ItemHeader,
.single-result #Content {
    margin: 0 1em;
}

.single-result h1 {
    text-align: left;
    font-weight: bold;
    margin: 15px 0 0;
    line-height: 1.2;
    border-bottom: 3px solid #F23A29;
    margin-top: 80px;
}

.single-result #result-detail {
    padding-top: 1em;
}

.single-result .item-photo ul {
    font-size: 0;
    text-align: left;
}

.single-result .item-photo ul li {
    width: 30%;
    display: inline-block;
    margin-top: 15px;
    margin-right: 5%;
}

.single-result .item-photo ul li:last-child {
    margin-right: 0;
}

.single-result .item-info {
    padding: 30px 0px 0px;
}

.single-result .item-info dl {
    font-size: 18px;
}

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

.single-result .item-info dl dt span {
    background: #F23A29;
    display: block;
    border-radius: 3px;
    padding: 10px 0px 6px;
    font-weight: bold;
    color: #fff;
}

.single-result .item-info dl dd {
    margin: 0 0 30px 160px;
    text-align: left;
    padding-top: 7px;
    min-height: 2em;
    line-height: 1.4;
    height: 45px;
}

.single-result .item-info dl dd span {
    display: block;
}

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

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

.items-detail {
    text-align: left;
    line-height: 1.6;
    padding-top: 1em;
}

.items-detail h2 {
    margin-bottom: 10px;
    border-left: 5px solid #F23A29;
    padding-left: 10px;
}

.items-detail p {
    margin: 0px 0px 30px;
    border-bottom: 1px solid #ddd;
}

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

@media screen and (max-width: 1000px) {
    .single-result .item-info dl dd {
        margin: 0 0 20px 160px;
    }
}

/*出張買取の流れ*/

.Flow {
    margin-top: 20px
}

.Flow h2 {
    font-size: 28px;
}

.Flow>div {
    padding: 0 1em;
    margin: 1em 0 1em;
}

.Flow>div p {
    font-size: 14px
}

.Flow>div p span {
    color: #f00;
    display: block
}

.Flow h2.title {
    background: #ffe500;
    color: #4d4d4d;
    padding: 0.6em;
    margin-top: 20px;
}

.Flow h2.title+p {
    font-size: 14px
}

a.entry {
    color: #47B39D;
}

/*店内買取の流れ*/

.Flow dl {
    padding: 1em;
}

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

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

/*宅配買取の流れ*/

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

.Flow .danbox ul li {
    width: 49%;
    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;
    padding: 10px;
    margin: 0px 30px 40px;
    border-radius: 3px;
    background: #F23A29;
    max-width: 600px;
    cursor: pointer;
    color: #fff;
}

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

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

/*買取ブログ一覧*/
.BlogPost {
    display: flex;
    margin-top: 1em;
    border-bottom: 1px solid #666;
    padding-bottom: 8px;
    padding-top: 15px;
}

.BlogPost:first-of-type {
    margin-top: 0;
}

.BlogPost .BlogPostImage {
    width: 35%;
}

.BlogPost .BlogPostText {
    width: 65%;
    padding-left: 10px;
    position: relative;
}

.BlogPost .BlogPostText h2 {
    font-size: 14px;
    text-align: left;
    line-height: 1.2;
}

.BlogPost .BlogPostText .BlogPostExcerpt {
    display: none;
}

.BlogPost .BlogPostText .BlogPostDate {
    margin: 0;
    font-size: 11px;
    color: #999;
    position: absolute;
    bottom: 0;
    right: 0;
}

.single-post,
.page-template-archive-blog {
    padding-top: 70px;
}

.media-header {
    background: #fff;
}

/*トップページ買取ブログ一覧*/

#TopBlog {
    margin-top: 30px;
    padding: 0 1em 1em;
}

#TopBlog h2 span {
    display: block;
    line-height: 1.2;
    font-size: 24px;
}

#TopBlog .more {
    display: block;
    padding: 0.6em;
    background: #000;
    color: #fff;
    border-radius: 3px;
    margin-top: 10px;
    text-align: center;
    box-sizing: border-box;
}

/*買取ブログ*/
.Blog {
    background: #F3F3F3;
    padding-bottom: 1em;
    align-items: flex-start;
    padding-top: 100px;
    font-family: noto sans jp;
}

.Blog #BlogHeader {
    background: #ffe500;
}

.Blog .contents {
    background: #fff;
    margin: 10px;
    padding: 10px;
    box-sizing: border-box;
}

.Blog .contents h1 {
    text-align: left;
    line-height: 1.4;
    font-size: 24px;
}

.Blog .contents h1+img {
    margin-top: 0.5em;
}

.Blog .contents #BlogDate {
    margin: 5px 0 0;
    text-align: left;
    font-size: 11px;
    color: #999;
}

.Blog .contents main p {
    margin: 1em 0;
    line-height: 1.6;
    font-size: 18px;
}

.blog-h2 {
    background: #5f646b;
    text-align: left;
    color: #fff;
    padding: 12px 5px 15px 15px;
    display: flex;
    font-size: 22px;
    line-height: 1.4;
}

.blog-h2::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 15px;
    background-image: url(/img/icon/next.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
    margin-top: 9px;
}

@media screen and (max-width: 767px) {
    .blog-h2::before {
        margin-top: 7px;
    }
}

.blog-h3 {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 10px;
}

.Blog .contents .new__blog__h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
    border-bottom: dotted 2px #5f646b;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-top: 25px;
    text-align: left;
}

.Blog .contents .new__blog__h3::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 14px;
    background-image: url(/img/icon/download.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.Blog .contents h4 {
    text-align: left;
    margin-bottom: 10px;
}

.blog-ul {
    border: 2px solid #dbdbdb;
    padding: 20px 0px 20px 40px;
    text-align: left;
    line-height: 2.0;
    list-style-type: disc;
    font-weight: bold;
    margin-bottom: 30px;
}

.blog-a {
    color: #4f96f6 !important;
}

.blog-jump {
    background: #5ec97b;
    font-weight: bold;
    color: #fff !important;
    display: inline-block;
    padding: 20px 30px;
    font-size: 24px;
    border-radius: 60px;
    margin-bottom: 50px;
}

.blog-kutikomi {
    border: 2px solid #666;
    padding: 10px 20px;
    margin-bottom: 40px;
}

.Blog .contents p {
    line-height: 2.0;
}

.GroupSiteLink {
    padding: 1em;
    border: 1px solid #e3e3e3;
}

.GroupSiteLink .GroupSiteText {
    margin-top: 10px;
}

.GroupSiteLink .GroupSiteText h2 {
    text-align: left;
    border-left: 4px solid #000;
    padding: 0.4em;
}

.GroupSiteLink .GroupSiteText p {
    margin: 0.5em 0 0;
    font-size: 14px;
    line-height: 1.4;
}

.GroupSiteLink .GroupSiteText .GroupSiteLinkBT {
    display: block;
    width: 100%;
    padding: 0.6em;
    background: #000;
    color: #fff;
    border-radius: 3px;
    margin-top: 10px;
    text-align: center;
    box-sizing: border-box
}

.BlogMenu {
    margin-top: 1em;
    font-size: 14px;
    display: flex;
    justify-content: space-between
}

.BlogMenu li {
    width: 30%;
}

.BlogMenu li:first-child {
    text-align: left
}

.BlogMenu li:last-child {
    text-align: right
}

.Blog .sidebar {
    background: #fff;
    margin: 10px;
    padding: 1em;
    box-sizing: border-box;
}



.Blog .sidebar #NewPosts li {
    display: flex;
    margin-top: 15px;
}

.Blog .sidebar #NewPosts li::first-child {
    margin-top: 0;
}

.Blog .sidebar #NewPosts li .NewPostImage {
    width: 30%;
}

.Blog .sidebar #NewPosts li .NewPostTitle {
    width: 70%;
    text-align: left;
    padding-left: 10px;
    font-size: 14px;
    line-height: 1.4;
}

.Blog .sidebar #BlogLinks {
    margin-top: 10px;
}

.Blog .sidebar #BlogLinks li {
    margin-top: 10px;
}

.Blog .sidebar #BlogLinks li::first-child {
    margin-top: 0;
}

.Blog .contents main .blog-notice {
    font-size: 12px;
    text-align: center;
}

/*スマホのみ*/

@media screen and (max-width: 767px) {
    .tb {
        display: none;
    }

    .pc {
        display: none;
    }

    #TopAbout:before,
    #TopAbout:after {
        content: "";
        display: inline-block;
        background-image: url(https://trade-land.com/wp/wp-content/uploads/img/ImageBorder-sp.png);
        background-size: cover;
        width: 100%;
        height: 0;
        /* padding-top: 26%; */
    }

    #TopAbout:after {
        background-image: url(https://trade-land.com/wp/wp-content/uploads/img/ImageBorder2-sp.png);
    }

    #TopAbout h2 img {
        display: block;
        margin: 5px auto 0;
        max-width: 55%;
    }

    /*スマホ版アイテム・メーカーテキスト*/
    .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%, #ffe673 55%);
    }

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

    .SpGenreText p.genre-subtext {
        margin: 2em 0 0;
        font-size: 14px;
    }

    .media-header-p {
        font-size: 12px;
        margin: 0px;
        padding-left: 20px;
        font-weight: bold;
    }

    .single-post {
        padding-top: 60px;
    }

    .Blog {
        background: #fff;
    }

    .Blog {
        padding-top: 70px;
    }

    .Blog .contents {

        padding: 0px;

    }
}

/* アイテム表示一つの時 */
 .one-price-item{
     display: flex;
     justify-content: flex-end; /* 左寄せ */
     align-items: flex-end;     /* 上寄せ */
     height: 188px;
     position: relative;
  }

.Blog .contents main .one-price-item p.name{
  margin: 0 0 0 5%;
  font-size: 20px;
  line-height: 2.0;
}

   .one-price-item .img {
  display: inline;
  vertical-align: middle;
  display: flex;
  justify-content: flex-end; /* 右寄せ */
  align-items: flex-end;     /* 下寄せ */
  height: auto;
  margin-top: auto;          /* ← これが肝 */
}
   .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;
}
   .one-price-item .box{
  border: 1px solid #9e0404;
  border-radius: 4px;
  background-color: #9e0404;
  padding: 4px 20px; 
  display: inline-flex;
  align-items: center;
}

  .one-price-item .red {
 color: #9e0404;
 font-size: 24px;
 display: inline-flex;
  align-items: center;
}
  .one-price-item .gray{
    color: #797979;
    font-size: 16px;
 }
  .one-price-item .white{
    color: #ffffff;
    font-size: 16px;
 }
   .one-price-item p{
    font-size: 26px;
 }

   .one-price-item .bold{
    font-weight: bold;
 }
  .column-1{
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;              /* ← これが最重要 */
  min-width: 0;   
  order: 1;       
 }

   .column-2{
  flex: 0 0 250px; 
  order: 2; 
  display: flex;
  align-items: center;
  justify-content: flex-end;
 }

 @media only screen and (max-width: 768px){
  .one-price-item{
     display: flex;
     justify-content: center; /* 左寄せ */
     align-items: flex-end;     /* 上寄せ */
     height: auto;
     display: block;
     position: relative;
 }
    .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;
}
   .one-price-item .img {
  display: block;
  justify-content: center; /* 右寄せ */
  align-items: flex-start;
  width: 100%;
  height: auto;
}
   .one-price-item .price {
  left: auto;
}
   .one-price-item .column-1{
   justify-content: center;   
 }
  .one-price-item .column-2{
  justify-content: center;
 }
}

/*タブレット*/

@media screen and (min-width: 768px) {
    html {
        scroll-padding-top: 100px;
        /* 固定ヘッダの高さ分 */
    }

    .sp {
        display: none;
    }

    body {
        padding-top: 55px;
    }

    header {
        box-shadow: 0px 3px 8px -4px #28221b;
    }

    header #header-top {
        align-items: center;
        box-shadow: none;
    }

    header ul.ContactMenu {
        display: flex;

        justify-content: space-between;
        padding: 0 0 0 1em;
    }

    header ul.ContactMenu li {
        width: 26%;
    }

    header ul.ContactMenu li:last-child {
        width: 42%;
    }

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

    header ul.ContactMenu li:nth-child(2) a {
        border: 1px solid #000;
        color: #000;
        display: block;
        padding: 0.7em 0.5em;
        line-height: 1;
        font-size: 16px;
        border-radius: 8px;
    }

    header ul.ContactMenu li:nth-child(2) a:before {
        content: "";
        display: block;
        background-image: url(https://trade-land.com/wp/wp-content/uploads/img/icon/LINE.png);
        background-size: cover;
        width: 28px;
        height: 30px;
        position: absolute;
        left: 9px;
        top: 5px;
    }

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

    header ul.ContactMenu li:last-child p {
        margin: 0 0 0.2em 0;
        font-size: 12px;
        text-align: right;
    }

    header .GlNav nav ul {
        padding: 0;
        font-size: 14px;
        max-width: 1100px;
        margin: 0 auto;
        display: flex;
        justify-content: space-around;
    }

    header .GlNav nav ul li {
        display: inline-block;
    }

    header .GlNav nav ul li a {
        display: block;
        padding: 1em;
        color: #fff;
        font-size: 15px;
    }

    header .GlNav {
        background: #F23A29;
    }

    #TopView h1 {
        background-color: #ffe500;
        background-image: url(https://trade-land.com/wp/wp-content/uploads/img/BG.jpg);
        background-repeat: no-repeat;
        background-position: bottom;
        padding-bottom: 145px;
    }

    #TopView ul {
        display: flex;
        align-items: baseline;
        margin: -215px auto 0;
        justify-content: space-between;
    }

    #TopAbout h2 {
        margin-top: 2em;
    }

    #TopGroup p,
    #TopReason p,
    #TopItem p {
        margin: 2em 4em;
    }

    #TopAbout h2 img {

        margin-left: 0.8em;
    }

    #TopGroup {
        padding-bottom: 3em;
    }

    #TopGroup .GroupSite ul,
    #Items .GroupSite ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font-size: 0;
        padding: 0 15px;
    }

    #TopGroup .GroupSite ul li,
    #Items .GroupSite ul li {
        width: 32%;
        margin-bottom: 15px;
    }

    #TopGroup .GroupSite ul li img,
    #Items .GroupSite ul li img {
        transition: all 0.3s;
    }

    #TopGroup .GroupSite ul li a,
    #Items .GroupSite ul li a {
        transition: all 0.3s;
    }

    #TopGroup .GroupSite ul li:hover img,
    #Items .GroupSite ul li:hover img {
        opacity: 0.8;
    }

    #TopGroup .GroupSite ul li:hover a,
    #Items .GroupSite ul li:hover a {
        color: #f7941f;
    }

    #TopGroup nav.GroupSite ul li h3,
    #Items nav.GroupSite ul li h3 {
        display: none;
    }

    #TopGroup nav.GroupSite ul li h3 a,
    #Items nav.GroupSite ul li h3 a {
        font-size: 11px;
    }

    div.Line {
        background-image: url(https://trade-land.com/wp/wp-content/uploads/img/LINE-BG.jpg);
        background-repeat: no-repeat;
        background-size: 100% 88%;
        background-position: bottom;
    }

    #TopReason h2 {
        font-size: 20px;
    }

    #TopReason h2 img {
        margin: 0 0.6em 0 0;
        display: inline-block
    }

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

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

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

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

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

    #TopFlow ul.FlowList {
        display: flex;
        justify-content: space-between;
    }

    #TopFlow ul.FlowList li {
        width: 30%;
        padding: 0.4em;
        margin: 2em 0 1em;
        position: relative
    }

    #TopFlow ul.FlowList li:not(:last-child):after {
        transform: rotate(270deg);
        position: absolute;
        top: 40%;
        right: -35%;
    }

    #TopFlow p.pc {
        margin: 1em 4em 2em;
    }

    a.more {
        display: inline-block;
        padding: 0.8em 4em;
    }

    #TopItem {
        margin-bottom: 3em;
    }

    #TopItem>h3 {
        display: inline-block;
        padding: 0.8em 4em;
    }

    #TopItem .GroupSite {
        padding: 0 1em 2em;
    }

    #TopItem .GroupSite ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        font-size: 0;
    }

    #TopItem .GroupSite ul li {
        width: 31%;
        margin: 1em 0;
        font-size: 16px;
    }

    #TopItem .GroupSite ul li img {
        transition: all 0.3s;
    }

    #TopItem .GroupSite ul li img:hover {
        opacity: 0.8;
    }

    #TopItem .GroupSite ul li h3 {
        display: none;
    }

    #TopItem .items>ul,
    #Items ul#ItemsList {
        justify-content: left
    }

    #TopItem .items>ul>li,
    #Items ul#ItemsList>li {
        width: 32%;
    }

    #TopItem .items>ul>li:not(:nth-child(3n)),
    #Items ul#ItemsList>li:not(:nth-child(3n)) {
        margin-right: 15px;
    }

    #TopItem .items>ul>li a,
    #Items ul#ItemsList>li a {
        display: flex;
    }

    #TopItem .items>ul>li a picture,
    #Items ul#ItemsList>li a picture {
        width: 40%;
        order: 2
    }

    #TopItem .items>ul>li a div,
    #Items ul#ItemsList>li a div {
        width: 80%;
        order: 1;
        text-align: left;
    }

    #TopItem .items>ul>li div h4:before,
    #Items ul#ItemsList>li div h4:before {
        content: none;
    }

    #TopItem .items>ul>li div h4,
    #Items ul#ItemsList>li div h4 {
        border-bottom: 3px solid #fbb03b;
        position: relative;
        padding-bottom: 0.2em;
    }

    #TopItem .items>ul>li div h4:after,
    #Items ul#ItemsList>li div h4:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -3px;
        width: 70%;
        border-bottom: 3px solid #ccc;
    }

    #Genres>.NewItemsList {
        display: flex;
        flex-wrap: wrap;
    }

    #Genres>.NewItemsList li {
        width: 49%;
        margin-right: 2%;
    }

    #Genres>.NewItemsList li:nth-child(2n) {
        margin-right: 0;
    }

    #Genres>.NewItemsList li:nth-child(2) {
        margin-top: 0;
    }

    div.Results {
        padding: 4em 0;
    }

    div.Results a.more {
        margin-top: 3em;
    }

    div.Assessment {
        padding: 3em 0;
    }

    div.Assessment nav {
        padding: 0 1em;
    }

    div.Assessment ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        font-size: 0;
        align-items: baseline;
    }

    div.Assessment ul li {
        width: 31%;
        margin: 1em 0;
        font-size: 16px;
    }

    div.Assessment ul li img {
        box-shadow: 0px 20px 15px -15px #dedede;
    }

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

    footer .wrap {
        display: flex;
        flex-wrap: wrap;
        padding: 3em 0 0;
    }

    footer .FooterSitemap {
        width: 36%;
        box-sizing: border-box;
        order: 2;
        padding: 0 0 0 2.5em;
        font-size: 14px;
    }

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

    footer .FooterGroup h2 {
        display: none;
    }

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

    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 h3 {
        display: none;
    }

    footer .Copyright {
        margin-top: 2em;
    }

    .flow #Flow>p,
    .faq #FAQ>p,
    .contact #Contact>p {
        text-align: center;
        line-height: 2;
        margin: 2em;
    }

    .flow #Flow {
        padding: 0 1em;
    }

    .flow #Flow>nav ul {
        display: flex;
    }

    .archive #Content ul li {
        width: 32%;
    }

    .wrapC {
        max-width: 640px;
        margin: 0 auto;
    }

    .company #Tradeland .GroupSite ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .company #Tradeland .GroupSite ul li {
        width: 49%;
        margin: 0 0 1em;
    }

    .company #Tradeland .GroupSite ul li p {
        margin: 0 2em;
    }

    .company #CompanyInfo dl {
        width: 80%;
        margin: 1em auto 2em;
    }

    .faq #FAQ .bg3 .FAQ {
        margin: 1em;
    }

    .contact #Content .Form {
        padding: 3em 3em 1em;
    }

    body.contact #Content #ContactList {
        margin: 1em 3em;
    }

    .assessment #Content {
        margin: 0 2em;
    }

    #Content span.wpcf7-radio {
        justify-content: left;
    }

    .privacy #Content,
    .phone_notes #Content {
        padding: 1em 3em 2em;
    }

    .Genre .box1 ul li {
        width: 24%;
    }

    .Genre .box1:not(:first-child) {
        margin-top: 100px;
    }

    .Genre .box1>p:not(.notes) {
        text-align: center;
    }

    .Results .swiper-slide.swiper-slide-prev,
    .Results .swiper-slide.swiper-slide-next {
        opacity: 1;
    }

    /*出張・宅配買取の流れ*/
    .Flow {
        margin: 60px auto;
        max-width: 1100px;
    }

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

    .Flow>div>div h2 {
        text-align: left
    }

    .Flow>div>img {
        width: 45%;
    }

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

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

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

    /*宅配買取の流れ*/
    .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;
        line-height: 1.4;
    }

    .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: 0px auto 60px;
    }

    .form #Content .Form .danbox ul li,
    .form-outer #Content .Form .danbox ul li {
        width: 23.5%;
        margin: 2em 0;
    }

    /*買取ブログ一覧*/
    .BlogPost .BlogPostText h2 {
        font-size: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .BlogPost .BlogPostText .BlogPostExcerpt {
        display: block;
        line-height: 1.2;
        margin: 0;
        font-size: 14px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    /*トップページ買取ブログ一覧*/
    #TopBlog ul {
        display: flex;
        flex-wrap: wrap;
    }

    #TopBlog .BlogPost {
        width: 32%;
        display: block;
        margin-right: 2%;
        margin-top: 0;
        margin-bottom: 1em;
    }

    #TopBlog .BlogPost:nth-child(3n) {
        margin-right: 0;
    }

    #TopBlog .BlogPost .BlogPostImage {
        width: 100%;
    }

    #TopBlog .BlogPost .BlogPostText {
        width: 100%;
        padding: 0;
    }

    #TopBlog .BlogPost .BlogPostText .BlogPostDate {
        position: relative;
        margin: 5px 0 0;
        text-align: right;
    }

    #TopBlog .more {
        max-width: 360px;
        margin: 0 auto;
    }

    /*買取ブログ*/
    .Blog {
        display: flex;
        flex-wrap: wrap;
    }

    .Blog #BlogHeader {
        width: 100%;
        margin-bottom: 1em;
    }

    .Blog .contents {
        width: 68%;
        margin: 0 0.5% 0 1%;
        padding: 1em;
    }

    .Blog .sidebar {
        width: 29%;
        margin: 0 1% 0 0.5%;
    }

    .GroupSiteLink {
        display: flex;
    }

    .GroupSiteLink .GroupSiteImage {
        width: 35%;
    }

    .GroupSiteLink .GroupSiteText {
        width: 65%;
        padding-left: 1em;
        box-sizing: border-box;
        margin: 0;
    }
}


/*PC*/

@media screen and (min-width: 980px) {
    header #header-top #Logo {
        width: 250px;
    }

    a.more {
        transition: all 0.3s;
    }

    a.more:hover {
        background: #F23A29;
        color: #fff;
        opacity: 1 !important;
    }

    header ul.ContactMenu li:first-child a,
    header ul.ContactMenu li:nth-child(2) a {
        transition: all 0.3s;
    }

    header ul.ContactMenu li:first-child a:hover,
    header ul.ContactMenu li:nth-child(2) a:hover {
        color: #fff;
        /* background: #000; */
    }

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

    header .GlNav nav ul li a {
        transition: all 0.3s;
    }

    header .GlNav nav ul li a:hover {
        background: #fff;
        color: #F23A29;
    }

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

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

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

    footer .FooterSitemap ul li a {
        transition: all 0.3s;
    }

    footer .FooterSitemap ul li a:hover {
        color: #f7941f;
    }

    footer .FooterGroup .GroupSite ul li img {
        transition: all 0.3s;
    }

    footer .FooterGroup .GroupSite ul li:hover img {
        opacity: 0.8;
    }

    #TopView h1 img {
        margin-bottom: -10px;
    }

    #TopView ul {
        max-width: 800px;
    }

    #TopView ul li a img {
        transition: all 0.3s;
    }

    #TopView ul li a img:hover {
        opacity: 0.9;
    }

    #TopFlow nav ul li img {
        transition: all 0.3s;
    }

    #TopFlow nav ul li:hover img {
        opacity: 0.8;
    }

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

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

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

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

    .flow #Flow li {
        margin: 0;
    }

    .flow #Flow #MethodList>li {
        padding: 3em 6em;
        box-sizing: border-box;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .items #Items ul#ItemsList {
        max-width: 980px;
        margin: 2em auto;
    }

    .items #Items .GroupSite ul {
        margin: 40px auto 30px
    }

    .faq #FAQ .bg3 {

        padding: 3em;

        box-sizing: border-box;
    }

    .faq #FAQ .bg3 .FAQ {
        max-width: 980px;
        padding: 3em 4em;
        margin: 1em auto 3em;
    }

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

    .archive #Content {
        padding-top: 1em;
    }

    .archive #Content ul {
        max-width: 980px;
        margin: 0 auto;
        justify-content: left
    }

    .archive #Content ul li {
        width: 24%;
        transition: all 0.3s;
    }

    .archive #Content ul li:hover {
        border: 1px solid #fbb03b;
    }

    .archive #Content ul li:not(:nth-child(4n)) {
        margin-right: 1%;
    }

    .archive #Content ul li img {
        transition: all 0.3s;
    }

    .archive #Content ul li img:hover {
        opacity: 0.8;
    }

    .company #Tradeland .GroupSite ul {
        max-width: 980px;
        margin: 0 auto;
    }

    .company #Tradeland .GroupSite ul li {
        width: 31%;
    }

    .company #Tradeland .GroupSite ul li img {
        transition: all 0.3s;
    }

    .company #Tradeland .GroupSite ul li img:hover {
        opacity: 0.8;
    }

    .company #Tradeland .GroupSite ul li p {
        margin: 0;
    }

    .company #CompanyInfo dl {
        max-width: 50%;
    }

    .company #CompanyInfo dl+iframe {
        max-width: 50%;
    }

    body.contact #Content .Form {
        max-width: 980px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    body.contact #Content #ContactList {
        display: flex;
        max-width: 980px;
        margin: 2em auto;
    }

    body.contact #Content #ContactList li {
        width: 50%;
    }

    body.contact #Content #ContactList li.Mail {
        margin: 0;
    }

    .privacy #Content,
    .phone_notes #Content {
        width: 60%;
        margin: 2em auto;
    }

    .assessment #MethodList>li {
        max-width: 1100px;
        margin: 1em auto;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap
    }

    .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%;
    }

    .assessment #MethodList>li a img {
        transition: all 0.3s;
    }

    .assessment #MethodList>li a img:hover {
        opacity: 0.8;
    }

    .assessment #MethodList #mail .bg2 a {
        transition: all 0.3s;
    }

    .assessment #MethodList #mail .bg2 a:hover {
        color: #fbb03b;
    }

    #TopItem .items>ul>li div h4.fs14,
    #Items ul#ItemsList>li div h4.fs14 {
        font-size: 18px;
    }

    #GenrePageHeader h1 {
        margin: 0 auto;
    }

    #genre-text {
        max-width: 980px;
        margin: 2em auto;
        text-align: center;
    }

    .Genre .box1 {
        max-width: 980px;
        margin: 0 auto 2em;
    }

    #TopItem .items>ul>li,
    #TopItem .items>ul>li img,
    #TopItem .items>ul>li div h4,
    #TopItem .items>ul>li div h4:after,
    #Items ul#ItemsList>li,
    #Items ul#ItemsList>li img,
    #Items ul#ItemsList>li div h4,
    #Items ul#ItemsList>li div h4:after {
        transition: all 0.3s;
    }

    #TopItem .items>ul>li:hover,
    #Items ul#ItemsList>li:hover {
        border-color: #fbb03b;
        background: #fefefe;
    }

    #TopItem .items>ul>li:hover img,
    #Items ul#ItemsList>li:hover img {
        opacity: 0.8;
    }

    #TopItem .items>ul>li:hover div h4,
    #Items ul#ItemsList>li:hover div h4 {
        color: #fbb03b;
    }

    #TopItem .items>ul>li:hover div h4:after,
    #Items ul#ItemsList>li:hover div h4:after {
        width: 0;
    }

    #Genres {
        padding: 0;
        max-width: 1100px;
        margin: 20px auto;
    }

    #Genres>nav ul li {
        width: 32%;
        margin-right: 2%;
    }

    #Genres>nav ul li:nth-child(2n) {
        margin-right: 2%;
    }

    #Genres>nav ul li:nth-child(3n) {
        margin-right: 0;
    }

    #Genres>nav ul li a {
        font-size: 16px;
    }

    #Genres>h2 {
        font-size: 32px;
        margin-top: 2em;
    }

    #Genres>h2#outdoor {
        margin-top: 1em;
    }

    #Genres>.NewItemsList li {
        padding: 0;
    }

    #Genres>.NewItemsList li:not(:first-child) {
        margin-top: 1.5em;
    }

    #Genres>.NewItemsList li:nth-child(2) {
        margin-top: 0;
    }

    #Genres>.NewItemsList a {
        align-items: normal;
    }

    #Genres>.NewItemsList a img {
        width: 40%;
    }

    #Genres>.NewItemsList a div {
        padding: 10px 15px 0;
    }

    #Genres>.NewItemsList a div h3 {
        font-size: 20px;
    }

    #Genres>.NewItemsList a div p {
        font-size: 16px;
    }

    .home #Genres>.NewItemsList a div p {
        font-size: 14px;
    }

    #Genres>.NewItemsList a div span {
        font-size: 14px;
        bottom: 5px;
        right: 10px;
    }

    div.Assessment ul li img {
        transition: all 0.3s;
    }

    div.Assessment ul li:hover img {
        opacity: 0.75;
    }

    .Genre .box1 a,
    #genre-text a {
        transition: all 0.3s;
    }

    .Genre .box1 a:hover,
    #genre-text a:hover {
        color: #fbb03b;
    }

    #Content .contact-forms+p input[type=submit] {
        transition: all 0.3s;
    }

    #Content .contact-forms+p input[type=submit]:hover {
        background: #ef8863;
    }

    body.contact #Content #ContactList li.Mail a {
        transition: all 0.3s;
    }

    body.contact #Content #ContactList li.Mail a:hover {
        background: #eee;
    }

    #BoxOpen {
        transition: .3s;
    }

    #BoxOpen:hover {
        background: #ffbc00;
    }

    /*買取ブログ一覧*/
    .BlogPost {
        margin-top: 2em;
    }

    .BlogPost .BlogPostImage {
        max-height: 140px;
        overflow: hidden;
    }

    .BlogPost .BlogPostText .BlogPostExcerpt {
        -webkit-line-clamp: 4;
    }

    /*買取ブログ*/
    .Blog {
        justify-content: center
    }

    .Blog .contents {
        max-width: 760px;
        padding: 2em;
    }

    .Blog .sidebar {
        max-width: 340px;
    }

    .Blog .contents #BlogDate {
        font-size: 14px;
    }
}


/*PC*/

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




    #TopAbout {
        margin: 0 auto 2em;
    }

    #TopAbout p,
    #TopGroup p {
        margin: 2em auto;
        max-width: 850px
    }

    #TopGroup {
        max-width: 980px;
        margin: 3em auto;
    }

    #TopGroup .GroupSite ul,
    #Item .GroupSite ul {
        padding: 0;
    }

    #TopReason {
        padding: 5em 0;
    }

    #TopReason p {
        margin: 4em auto;
        max-width: 850px
    }

    #TopReason h2 {
        font-size: 28px;
        line-height: 0.8;
    }

    #TopReason ul {
        max-width: 980px;
        margin: 3em auto;
    }

    #TopReason ul li {
        width: 31.5%;
        margin: 0;
        padding: 1em;
        box-sizing: border-box;
    }

    #TopReason ul li p {
        margin: 1em;
        line-height: 1.8;
    }

    #TopFlow {
        max-width: 980px;
        margin: 0em auto;
        border: 5px solid #f2f2f2;
        padding: 4em;
    }

    #TopFlow nav ul li {
        box-shadow: none;
    }

    #TopFlow h2 {
        font-size: 36px;
    }

    #TopFlow ul.FlowList {
        margin-top: 2.4em;
    }

    #TopFlow p.pc {
        margin: 1em 0 2em;
    }

    #TopItem {
        max-width: 1100px;
        margin: 3em auto;
        padding: 4em;
    }

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

    #TopItem .short-border+p {
        margin-top: 2em;
    }

    #TopItem>h3 {
        margin-top: 0em;
    }

    #TopItem .GroupSite {
        padding: 0 0 2em;
    }

    #TopItem .items>ul {
        padding: 0;
    }

    div.Assessment nav {
        padding: 0;
        margin: 1em auto;
        max-width: 850px;
    }

    footer .wrap {
        padding: 6em 0 0;
        margin: 0 auto;
        max-width: 1200px;
    }

    div.Line {
        background-size: 100% 88.2%;
    }

    .result-template-default #ItemHeader,
    .result-template-default #Content {
        max-width: 980px;
        margin: 0 auto;
    }

    .result-template-default #Content #result-detail {
        display: flex;

    }

    .result-template-default #Content #result-detail .item-photo {
        width: 50%;
    }

    .result-template-default #Content #result-detail .item-info {
        width: 50%;
        padding-left: 2em;
        padding-top: 0;
        box-sizing: border-box
    }

    .result-template-default #Content>p {
        text-align: center
    }

    /* .page #PageHeader {height: 240px;} */
    .page.items #PageHeader {
        height: auto;
    }


    .page #PageHeader h1 {
        font-size: 2.4em;
    }

    .single-result h1 {
        font-size: 24px;
        margin-top: 100px;
    }

    .form .tabs,
    .form-outer .tabs {
        max-width: 980px;
        margin: 0 auto;
    }

    .form #Content .Form,
    .form-outer #Content .Form {
        padding: 3em
    }

    .form #Content .Form .danbox div,
    .form-outer #Content .Form .danbox div {
        width: 25%;
    }

    .form #Content .Form p.notes,
    .form-outer #Content .Form p.notes {
        width: 100%;
    }
}

/*LP*/

.page-template-page-speed #Content {
    background: #fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.page-template-page-speed #lp-TopView {
    background: rgb(255, 255, 255);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
}

.page-template-page-speed #lp-TopView h1 {
    padding: 0 1em;
}

.page-template-page-speed #Content section h2 {
    color: #fff;
    padding: 1.5em 0;
    font-size: 20px;
}

.page-template-page-speed #Content section h2.blue {
    background-color: #3d62b4;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #4370c3), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #4370c3), color-stop(.75, #4370c3), color-stop(.75, transparent), to(transparent));
    -webkit-background-size: 7px 7px;
}

.page-template-page-speed #Content section h2.orange {
    background-color: #ff6600;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #ff9f5f), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #ff9f5f), color-stop(.75, #ff9f5f), color-stop(.75, transparent), to(transparent));
    -webkit-background-size: 7px 7px;
}

.page-template-page-speed #Content section {
    padding-bottom: 1em;
}

.page-template-page-speed #Merit h3 {
    margin: 2.2em auto 1em;
}

.page-template-page-speed #Merit>div {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 3em auto 0;
}

.page-template-page-speed #Merit>div div {
    width: 100%;
    padding: 0 1em;
}

.page-template-page-speed #Merit p {
    margin: 0 0 1.4em;
}

.page-template-page-speed #Merit p span {
    background: linear-gradient(transparent 50%, #ffec3d 50%);
}

.page-template-page-speed #Worry ul {
    text-align: left;
    padding-left: 3em;
    margin: 2em auto 1em
}

.page-template-page-speed #Worry ul li {
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    position: relative;
    margin-bottom: 1em;
}

.page-template-page-speed #Worry ul li:nth-child(5) {
    display: none;
}

.page-template-page-speed #Worry ul li:before {
    content: "";
    display: inline-block;
    background-image: url(https://trade-land.com/wp/wp-content/uploads/lp/LP-icon-check.png);
    background-size: cover;
    width: 22px;
    height: 20px;
    position: absolute;
    top: -3px;
    left: -25px;
}

.page-template-page-speed #AboutUs h3 {
    line-height: 1.4;
    margin: 3em auto;
}

.page-template-page-speed #AboutUs h3 img {
    width: 200px;
    margin-left: 10px;
}

.page-template-page-speed #AboutUs p {
    text-align: left;
    margin: 0 1em 2em;
}

.page-template-page-speed #Items dl {
    max-width: 820px;
    margin: 3em auto 2em;
    display: flex;
    flex-wrap: wrap;
}

.page-template-page-speed #Items dl dt {
    width: 20%;
    margin-bottom: 1em;
    font-weight: bold;
}

.page-template-page-speed #Items dl dd {
    width: 80%;
    text-align: left;
    margin-bottom: 1em;
}

.page-template-page-speed #Items dl+p {
    text-align: center;
}

.page-template-page-speed div.lp-contact {
    background-color: #3d62b4;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #4370c3), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #4370c3), color-stop(.75, #4370c3), color-stop(.75, transparent), to(transparent));
    -webkit-background-size: 7px 7px;
    margin: 0 1em 2em;
    padding: 2em;
}

.page-template-page-speed div.lp-contact div {
    width: 100%;
}

.page-template-page-speed div.lp-contact div:first-child {
    margin-bottom: 1em;
}

.page-template-page-speed div.lp-contact div:last-child {
    display: none;
}

.page-template-page-speed #FAQ h2 {
    margin-bottom: 0;
}

.page-template-page-speed #FAQ dl {
    margin: 0 auto 3em;
    background: #f6f6f6;
    text-align: left;
    padding: 1em;
}

.page-template-page-speed #FAQ dl dt {
    color: #e82b38;
    font-size: 16px;
    padding-bottom: 0.4em;
    border-bottom: 1px solid #666;
    line-height: 1.4;
}

.page-template-page-speed #FAQ dl dt:before {
    content: "Q.";
}

.page-template-page-speed #FAQ dl dd {
    margin: 0.6em 0 2em;
    line-height: 1.4;
}

.page-template-page-speed #FAQ dl dd:before {
    content: "A.";
}

.page-template-page-speed #FAQ dl+p {
    text-align: center;
}

.page-template-page-speed #Voice .voice {
    margin: 1em;
}

.page-template-page-speed #Voice .voice div:first-child {
    margin-bottom: 1em;
}

.page-template-page-speed #Voice .voice div:last-child h3 {
    text-align: left;
    color: #e82b38;
    font-size: 18px;
    padding-bottom: 0.4em;
    border-bottom: 1px solid #666;
}

.page-template-page-speed #Voice .voice div:last-child p {
    margin: 0.6em 0 2em;
}

@media screen and (min-width: 980px) {
    .page-template-page-speed #lp-TopView h1 {
        padding: 0
    }

    .page-template-page-speed #Content section h2 {
        font-size: 24px;
    }

    .page-template-page-speed #Content section {
        padding-bottom: 4em;
    }

    .page-template-page-speed #Merit p {
        margin: 0 0 2em;
    }

    .page-template-page-speed #Merit h3 {
        margin: 4em auto 1em;
    }

    .page-template-page-speed #Merit>div div {
        width: 50%;
        padding: 0;
    }

    .page-template-page-speed #Worry {
        background: url("https://trade-land.com/wp/wp-content/uploads/lp/LP-Worry-bg.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .page-template-page-speed #Worry ul {
        max-width: 900px;
        margin: 8em auto 6em;
        text-align: left;
        padding-left: 3em;
    }

    .page-template-page-speed #Worry ul li {
        font-size: 20px;
    }

    .page-template-page-speed #Worry ul li:nth-child(5) {
        display: block;
    }

    .page-template-page-speed #Worry ul li:before {
        top: 0px;
    }

    .page-template-page-speed #AboutUs p {
        text-align: center;
        max-width: 820px;
        margin: 0 auto 3em;
    }

    .page-template-page-speed div.lp-contact {
        max-width: 1200px;
        display: flex;
        align-items: center;
        margin: 0 auto 60px;
        padding: 20px;
    }

    .page-template-page-speed div.lp-contact div {
        width: 33%;
    }

    .page-template-page-speed div.lp-contact div:first-child {
        margin-bottom: 0;
    }

    .page-template-page-speed div.lp-contact div:last-child {
        display: block
    }

    .page-template-page-speed div.lp-contact div:last-child a img {
        margin: 5px auto;
    }

    .page-template-page-speed #FAQ dl {
        max-width: 960px;
        margin: 3em auto;
        padding: 3em;
    }

    .page-template-page-speed #FAQ dl dt {
        font-size: 22px;
        padding-bottom: 0.4em;
    }

    .page-template-page-speed #FAQ dl dd {
        line-height: 1.8;
    }

    .page-template-page-speed #FAQ dl dd:before {
        font-size: 22px;
    }

    .page-template-page-speed #Voice .voice {
        max-width: 1200px;
        display: flex;
        margin: 3em auto 0;
    }

    .page-template-page-speed #Voice .voice div:first-child {
        width: 30%;
        margin-bottom: 0;
    }

    .page-template-page-speed #Voice .voice div:last-child {
        width: 70%;
        padding-left: 4em;
        margin: 3em auto;
    }

    .page-template-page-speed #Voice .voice div:last-child h3 {
        font-size: 24px;
    }
}

.contact footer div.wrap,
.contact div.Results,
.contact div.Line,
.contact div.Assessment {
    display: none;
}

.assessment footer div.wrap,
.assessment div.Results,
.assessment div.Line,
.assessment div.Assessment {
    display: none;
}

.page-id-177 footer div.wrap,
.page-id-177 div.Results,
.page-id-177 div.Line,
.page-id-177 div.Assessment {
    display: none;
}

.contact footer .Copyright,
.assessment footer .Copyright {
    margin-top: 0;
}

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

.thanksText a {
    color: #47b39d;
}

.thanksText span {
    font-weight: bold;
}

.thanks .thanksText {
    text-align: center;
    line-height: 2;
}

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

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

.boxes {
    display: flex;
    flex-wrap: wrap;
    max-width: 1100px;
    margin: 0 auto;
}

.boxes li {
    width: 50%;
    text-align: center;
    margin: 2em 0;
}

.boxes li p {
    text-align: center;
    font-size: 14px;
}

@media screen and (min-width: 768px) {
    .boxes li {
        width: 25%;
    }
}


/* お友達紹介キャンペーンページ */

section#campaignTop {
    background-color: #fefff1;
    padding-bottom: 0 !important;
}

.campaignContainer {
    max-width: 1100px;
    margin: auto;
}

.campaignText h2 {
    text-align: center;
    font-weight: bold;
    color: #4D4D4D !important;
    font-size: 36px !important;
    padding: 1em 0 !important;
}

.campaignAbout {
    background-color: #fefff1;
}

.campaignContent {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.campaignImg-pc {
    width: 50%;
}

.campaignImg-sp {
    display: none;
}

.campaignText {
    margin: 0 auto 50px;
    max-width: 1000px;
}

.campaignCheck {
    padding: 0 15px 30px;
    background-color: #ffffcd;
}

.campaignCheck h2 {
    color: #4d4d4d !important;
    margin: 0 !important;
}

.campaignCheck p {
    background-color: #fff;
    max-width: 1000px;
    margin: auto;
    padding: 30px 15px;
}

.campaignContainer p span {
    color: red;
}

.campaignContainer h2 {
    color: #4d4d4d !important;
}


/* スマホ */

@media only screen and (max-width: 767px) {
    .campaignText h2 {
        padding: 15px 0 !important;
        font-size: 20px !important;
    }

    .campaignContent {
        display: block;
        margin-bottom: 0;
    }

    .campaignImg-pc {
        display: none;
    }

    .campaignImg-sp {
        display: block;
        margin-bottom: 20px;
    }

    .campaignContainer h2 {
        padding: 1em 0 !important;
    }

    .campaignContainer section ul li a div h4 {
        font-size: 14px !important;
    }
}

p.items-detail a {
    word-break: break-all;
    color: blue;
}

ul.kaden li p {
    text-align: center;
}

.form-outer .trade {
    display: none !important;
}

.form-outer #Content .Form {
    background: #f3f3f3;
}

.form-outer #Content .Form h2 {
    font-size: 24px;
}

.form-outer #Content .tabs>ul>li a.active {
    background: #f3f3f3;
}

.form-outer #Content .Form .danbox ul li {
    width: 49%;
}

.form-outer #Content .Form #BoxOpen {
    background: #4370c3;
}

@media screen and (min-width: 768px) {
    .form-outer #Content .Form .danbox ul li {
        width: 24%;
    }
}

.archive #Content ul li .post-time-p {
    margin-top: 10px;
    font-size: 12px;
    color: #262626;
}

/* 店頭買取の流れ */

section#Shops {
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    margin: auto;
}

.ShopImage {
    padding: 0.6em;
}

.Shop {
    width: 48%;
}

.Shop h2.title {
    background: #FFE500;
    padding: 0.6em;
    color: #000;
    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: #F23A29;
    padding: 0.6em;
    color: #000;
    font-size: 24px;
    margin-bottom: 30px;
}

.way-to-photo-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

#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: #FFE500;
    color: #000;
    padding: 4px 20px;
}

.city-name-box {
    border: 3px solid #FFE500;
    padding: 15px 15px 0px 15px;
    margin: 0px 0px 30px 0px;
}

.way-to-photo-container-a {
    width: 32%;
}

.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: 768px) {
    .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 p {
    line-height: 1.5;
}

.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;
    line-height: 1.2;
}

#ShopPageHeader {
    background: url(/img/Item-h1-BG.jpg);
    background-position: center;
    background-size: cover;
    padding: 5em 0;
}

#ShopPageHeader h1 {
    font-size: 50px !important;
    line-height: 1.4;
    color: #FFE500;
    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;
    line-height: 1.5;
}

.page section .support-area h2 {
    box-sizing: border-box;
    max-width: 1100px;
    background: #F23A29;
    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;
    font-size: 12px;
}

.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%;
    }

    .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-lists {
    margin-top: 20px;
    max-width: 1100px;
    margin: auto;
}

.shop-lists-container {
    display: block;
    margin-bottom: 40px;
    padding-bottom: 20px;
}

.shop-lists h2 {
    font-size: 30px;
    margin-bottom: 30px;
}

.page section .shop-list-h2,
.packing-h2 {
    text-align: left;
    background: #b50c0c;
    color: #fff;
    font-size: 26px;
    padding: 0.6em;
    text-align: center;
    margin-bottom: 40px;
}

.shop-lists-box {
    display: flex;
    padding: 0px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
}

.shop-lists-img-box {
    width: 28%;
    margin-right: 2%;
    padding: 0px;
}

.shop-lists-address {
    text-align: left;
    padding: 0px;
    line-height: 1.5;
}

.shop-lists-address h3 {
    font-size: 24px;
    font-weight: bold;
}

.shop-lists-btn-box {
    margin: auto;
    margin-bottom: 0;
    margin-right: 0;
    padding: 0px;
    width: 30%;
}

.shop-lists-btn {
    display: inline-block;
    background: #fff;
    color: #F23A29 !important;
    font-weight: bold;
    font-size: 20px;
    /* border: 1px solid #A00000; */
    position: absolute;
    right: 0;
    bottom: 0;
    width: 70%;
    padding: 10px 0px 7px;
    border: #F23A29 solid;
    border-radius: 25px;
}

.shop-lists-btn:hover {
    color: #fff !important;
    background: #F23A29;
    opacity: 1 !important;
}

.shop-list-top-container {
    max-width: 1100px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.shop-list-top-container h2 {
    margin-bottom: 30px;
}

.shop-lists-top {
    max-width: 1100px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.top-shop-lists-container {
    width: 48%;
    margin-bottom: 40px;
}

.top-shop-list-btn {
    max-width: 400px;
    padding: 15px;
    background: #911b1b;
    display: block;
    color: #fff;
    margin: auto;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}

.shop-lists-address-top {
    margin-top: 20px;
    text-align: left;
    line-height: 1.5;
}

.shop-lists-address-top h3 {
    font-size: 24px;
}

@media only screen and (max-width:1100px) {
    .shop-lists {
        padding: 0px 15px;
    }
}

@media only screen and (max-width:767px) {
    .shop-lists-box {
        display: block;
    }

    .shop-lists-img-box {
        width: 100%;
        margin-right: 0%;
        padding: 0px;
    }

    .shop-lists-btn-box {
        margin-top: 30px;
    }

    .shop-lists-address {
        margin-top: 30px;
    }

    .shop-lists-btn-box {
        width: 100%;
    }

    .shop-lists-btn {
        margin: auto;
        width: 70%;
    }

}

/* 店舗一覧終わり */

/* 店舗情報 */

.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 p {
    line-height: 1.5;
}

.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;
    line-height: 1.2;
}


#ShopPageHeader h1 {
    font-size: 50px !important;
    line-height: 1.4;
    color: #FFE500;
    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;
    line-height: 1.5;
}

.support-area h2 {
    box-sizing: border-box;
    max-width: 1100px;
    background: #F23A29;
    color: #fff;
    font-size: 20px;
    margin: 0 auto 40px;
    padding: 15px 0px 10px !important;
}

.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%;
    }

    .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-lists {
    margin-top: 20px;
    max-width: 1100px;
    margin: auto;
}

.shop-lists-container {

    display: block;
    margin-bottom: 40px;
    padding-bottom: 20px;
}

.shop-lists h2 {
    font-size: 30px;
    margin-bottom: 30px;
}

.page section .shop-list-h2,
.packing-h2 {
    text-align: left;
    background: #F23A29;
    color: #fff;
    font-size: 26px;
    padding: 0.6em;
    margin-bottom: 40px;
}

.shop-lists-box {
    display: flex;

}

.shop-lists-img-box {
    width: 28%;
    margin-right: 2%;
    padding: 0px;
}

.shop-lists-address {
    text-align: left;
    padding: 0px;
    line-height: 1.5;
}

.shop-lists-address h3 {
    font-size: 24px;
    font-weight: bold;
}

.shop-lists-btn-box {
    margin: auto;
    margin-bottom: 0;
    margin-right: 0;
    padding: 0px;
    width: 30%;
}

/* .shop-lists-btn {
    display: block;
    margin-left: auto;
    background: #A00000;
    color: #fff !important;
    font-weight: bold;
    padding: 10px 0px;
    font-size: 20px;
    width: 90%;
    border: 1px solid #A00000;
    text-decoration: none;
}

.shop-lists-btn:hover {
    color: #A00000 !important;
    background: #fff;
} */

.shop-list-top-container {
    max-width: 1100px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.shop-list-top-container h2 {
    margin-bottom: 30px;
}

.shop-lists-top {
    max-width: 1100px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.top-shop-lists-container {
    width: 48%;
    margin-bottom: 40px;
}

.top-shop-list-btn {
    max-width: 400px;
    padding: 15px;
    background: #911b1b;
    display: block;
    color: #fff;
    margin: auto;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}

.shop-lists-address-top {
    margin-top: 20px;
    text-align: left;
    line-height: 1.5;
}

.shop-lists-address-top h3 {
    font-size: 24px;
}

@media only screen and (max-width:1100px) {
    .shop-lists {
        padding: 0px 15px;
    }
}

@media only screen and (max-width:767px) {
    .shop-lists-box {
        display: block;
    }

    .shop-lists-img-box {
        width: 100%;
        margin-right: 0%;
        padding: 0px;
    }

    .shop-lists-btn-box {
        margin-top: 30px;
    }

    .shop-lists-address {
        margin-top: 30px;
    }

    .shop-lists-btn-box {
        width: 100%;
    }

    .shop-lists-btn {
        margin: auto;
        width: 70%;
    }

}

.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;
    }
}


/* 店舗一覧終わり */
/* 道案内 */
#how-to-go {
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 40px;
}

#how-to-go h2 {
    background: #F23A29;
    padding: 0.6em;
    color: #fff;
    font-size: 24px;
    margin-bottom: 30px;
}

.way-to-photo-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

#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: #F23A29;
    color: #fff;
    padding: 4px 20px;
}

.city-name-box {
    border: 3px solid #F23A29;
    padding: 15px 15px 0px 15px;
    margin: 0px 0px 30px 0px;
}

.way-to-photo-container-a {
    width: 32%;
}

.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%);
}

/* 道案内終了 */

/* 新店舗一覧 */
.shops-lists {
    max-width: 1100px;
    margin: auto;
}

.shop-list-h2 {
    text-align: left;
    background: #007cd1;
    color: #fff;
    font-size: 26px;
    padding: 0.1em 0.3em;
    margin-bottom: 10px !important;
}

.shop-lists-container {

    display: block;
    margin-bottom: 40px;
    padding-bottom: 20px;
}


.shop-lists-box {
    display: flex;

}

.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;
    line-height: 1.6;
}

.shops-lists-address p {
    margin: 0px;
}

.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: #F23A29;
    color: #fff !important;
    font-size: 22px;
    font-weight: bold;
    border: solid 1px #F23A29;
    display: block;
    width: 10%;
    margin: 0px 10px;
    line-height: 1.6;
    border-radius: 5px;
    padding: 5px 10px 0px;
}

.shops-jump-btn:hover {
    color: #000 !important;
    background: #fff;
}

.shops-lead-p {
    margin-bottom: 20px !important;
    margin-top: 10px;
    text-align: center;
    padding: 2em 0;
}

@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: 10px;
    }

    .shops-lists-address p {
        margin-left: 0px;
    }

    .shops-jump-btn {
        width: 20%;
    }
}

/* 店舗一覧終わり */

#Method div#Method-Shop {
    background: #fff;
    color: #160e04
}

#Method-Shop {
    padding: 60px 0
}

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

#Method div#Method-Shop {
    padding: 3em 2em;
}


/* 都道府県ページ */

.prefectures-seek {
    padding: 30px 0 60px;
}

.prefectures-seek,
.prefectures-strength {
    max-width: 1100px;
    margin: auto;
}

.prefectures-seek h2 {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 20px;
    letter-spacing: 1.5px;
    padding: 0.4em 0.8em;
}

.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 {
    background: #fff;
    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;
}

@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;
    }
}

/* 都道府県ページ 終了*/
/* トップ店舗メニュー */
.top-shops-menu {
    max-width: 1100px;
    margin: auto;
}

.top-shops-menu .tabnav {
    display: flex;
    margin-bottom: 10px;
    border-bottom: 3px solid #F23A29;
}

.top-shops-menu .active {
    background: #F23A29;
    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;
    line-height: 2;
}

@media only screen and (max-width:1100px) {
    .top-shops-menu {
        padding: 0px 10px;
        margin-top: 20px;
    }

    .top-shops-menu ul li {
        width: 25%;
    }

}

/* トップ店舗メニュー 終了*/

/* NewMethod 買取方法 */

.NewMethod {
    padding: 2em 1em;
    background: #fff;
    color: #333;
}

.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;
    border: solid 1px lightgrey;
}

.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: #A00000;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
}

.NewMethod ul li div a:hover {
    opacity: 0.7;
}

.NewMethod ul li div img {
    max-width: 340px;
    width: 80%;
    margin-bottom: 1em;
}

@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%;
    }
}



/* ライン査定の流れ */

.flow-line-what ul li p,
.flow-line-3step ul p,
.flow-line-photo p,
.flow-line-friend p.flow-line-3step div p {
    margin: 0;
}

.fld {
    margin-bottom: 50px;
    text-align: left;
}

.fld h2 {
    background: #F23A29;
    color: #fff;
    margin-bottom: 0 !important;
    text-align: center;
    font-size: 24px !important;
    padding: 0.5em !important;
}

.fld ul {
    border: solid lightgray 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: #ffe500;
    padding: 0.5em 1em;
    color: #000;
    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: 50px 0;
    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: #ffe500;
    color: #000;
    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: #000;
    display: inline-block;
    width: 40px;
    height: 40px;
    /* border-radius: 50%; */
    background: #ffe500;
    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 #ffe500;
    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;
    }
}

/* ブログ目次 */
#ez-toc-container {
    text-align: left;
    margin-bottom: 2em;
    width: 95%;
}

.blog-susume-p {
    text-align: center !important;
    font-weight: bold;
    background: #5f646b;
    display: inline-block;
    padding: 10px 20px;
    color: #fff !important;
    margin-bottom: -15px !important;
}

.blog-susume {
    width: 70%;
    margin: auto;
    padding: 40px 20px 35px 50px;
    margin-bottom: 30px;
    font-weight: bold;
    line-height: 2;
    background-color: #f3f9fc;
}

.blog-susume li {
    list-style: disc;
    text-align: left;
}

.blog-link-color {
    text-align: left;
    color: #4287a9 !important;
    text-decoration: underline;
}

.media-sidebar-container h3 {
    text-align: left;
    line-height: 1.4;
    font-size: 16px;
    margin: 0px 0px 0px 0px;
}

.media-sidebar-container {
    margin-bottom: 20px;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 5px;
}

.media-sidebar-container .sidebar h2 {
    padding-bottom: 9px;
    padding-top: 10px;
    background: #F23A29;
    color: #fff;
}

.media-sidebar-container .BlogPostDate {
    margin: 5px 0px 0px 0px;
    font-size: 14px;
}

@media only screen and (max-width:767px) {
    #ez-toc-container {

        width: 90%;
    }

    .blog-susume {
        width: 78%;
    }

    .blog-h2 {
        font-size: 20px;
    }
}

.blog-table {
    width: 100%;
    margin-bottom: 20px;
}

.blog-table th {
    border: 2px solid #dbdbdb;
    padding: 10px 0px;
}

.blog-table td {
    border: 2px solid #dbdbdb;
    padding: 10px 0px;
}

.blog-bold {
    font-weight: bold;
    color: #d16161;
}

.blog-table-color {
    color: #c51010;
    font-weight: bold;
}

.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;
}

.bluetea-p {
    font-weight: bold;
    text-align: center;
}

.blog-img-left {
    text-align: left;
    margin-bottom: 30px;
}

.cv-bottom {
    margin-bottom: 30px;
}


/* NEWフッター */

.test {
    display: none !important;
}

/* .new-footer {
    display: none;
} */

.new-footer h2 {
    font-size: 16px;
}

.footer-wrap {
    max-width: 1100px;
    margin: auto;
    text-align: left;
    line-height: 1.5;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    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: #fff;
    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 h2 {
    margin-bottom: 10px;
}

.footer-left h3 {
    margin-bottom: 10px;
    font-size: 16px;
    border-left: solid;
    padding: 3px 0 3px 5px;
}

.footer-shoplist p {
    font-size: 14px;
    margin-bottom: 15px;
}

.footer-right {
    width: 60%;
    padding-left: 50px;
    box-sizing: border-box;
}

.footer-right h2 {
    border-bottom: 1px solid;
    margin-bottom: 20px;
}

.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;
}

@media only screen and (max-width:1100px) {
    .footer-wrap {
        padding: 3em 10px 2em;
    }
}

@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;
    }
}

/* リニューアル */

#item-main {
    overflow: hidden;
    padding-top: 30px;
}

.top-visual {
    background: url(/img/tpbck.jpg);
    background-position: center;
    /* background-size: cover; */
    margin-top: 82px;
    padding: 40px 0;
}

/* アイテム トップ */
.itempage-top {
    max-width: 1100px;
    margin: 30px auto;
}

.itempage-top .bg-gray {
    background: #F6F6F6;
    padding: 50px 30px 20px;
    position: relative;
}

.itempage-top .bg-gray::before {
    content: "";
    display: block;
    width: 900vw;
    height: 100%;
    background-color: #F23A29;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0px;
}

.itempage-top .bg-gray::after {
    content: "";
    display: block;
    width: 96vw;
    height: 100%;
    background-color: #F6F6F6;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0px;
}


.itempage-top h1 {
    border-bottom: solid 2px #A00000;
    display: table;
    text-align: left;
    font-size: 30px;
    line-height: 1.2;
}

.itempage-top h1 span {
    color: #A00000;
    font-size: 36px;
}

.itempage-top-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.itempage-top-inner p {
    width: 65%;
    margin: 1em 0;
    font-size: 18px;
}

.itempage-top-inner img {
    width: 30%;
    height: 100%;
    margin-top: -40px;
}

@media only screen and (max-width:767px) {
    .top-visual {
        padding: 0;
    }

    .itempage-top .bg-gray {
        padding: 60px 10px 30px;
    }

    .itempage-top h1 {
        display: inline-block;
        text-align: center;
        margin-bottom: 10px;
    }

    .itempage-top-inner {
        flex-wrap: wrap;
    }

    .itempage-top-inner p {
        width: 100%;
        order: 2;
    }

    .itempage-top-inner img {
        width: 100%;
        order: 1;
        margin-top: 0;
    }
}

/* パンくずリスト */
#breadcrumb {
    background-color: #F23A29;
    position: relative;
    width: 100%;
}

#breadcrumb a {
    color: #fff;
}

#breadcrumb::before {
    content: "";
    display: block;
    width: 900vw;
    height: 100%;
    background-color: #F23A29;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0px;
}

#breadcrumb ul {
    display: flex;
    padding: 15px 0;
    color: #fff;
}

#breadcrumb ul li:not(:first-child) {
    margin: 1px 0 0 5px;
}

@media only screen and (max-width:1100px) {
    #breadcrumb ul {
        padding-left: 30px;
    }
}

@media only screen and (max-width:767px) {
    #breadcrumb {
        width: 100%;
    }

    #breadcrumb ul {
        padding: 15px 15px 15px 10px !important;
        /* padding:15px; */
        font-size: 14px;
    }
}

/* アイテム flex */
#item-main .short-border {
    margin-bottom: 35px;
}

.home .item-list {
    padding: 100px 10px;
    background: #f8f8f8;
}

.home .item-list ul li {
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 12%), 0 5px 7px 0 rgb(0 0 0 / 22%);
}

.item-list {
    padding: 20px 10px 50px;
}

.item-list p {
    text-align: center;
}

.item-list ul {
    max-width: 1100px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

.item-list ul li {
    width: 18.5%;
    margin-right: 1.875%;
    margin-bottom: 1.875%;
    background: #fff;
    box-sizing: border-box;
    border: solid 1px #ebebeb;
}

.item-list ul li a {
    display: block;
    padding: 10px;
}

.item-list ul li a:hover {
    color: #ff0000;
}

.item-list ul li a p {
    text-align: center;
    margin-bottom: 0;
    margin: 1em 0 0;
}

.item-list ul li:nth-child(5n) {
    margin-right: 0;
}

@media only screen and (max-width:767px) {
    .item-list ul li {
        width: 31.5%;
        margin-right: 2.75%;
        padding: 10px 5px;
    }

    .item-list ul li:nth-child(5n) {
        margin-right: 2.75%;
    }

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

    .item-list ul li a p {
        font-size: 13px;
    }

    .item-list p {
        text-align: left;
    }
}

/* アイテム スライダー */
.buy-item-list,
.buy-brand-list {
    max-width: 1100px;
    margin: auto;
    padding: 0 10px;
    box-sizing: border-box;
	margin-bottom: 80px;
}

.buy-item-list h2,
.buy-brand-list h2 {
    text-align: left;
    border-bottom: solid 1px #dddddd;
    padding-bottom: 10px;
}

.buy-item-list ul li {
    margin: 10px;
}

.buy-item-list ul li p {
    user-select: text
}

.slick-dots li {
    margin: 0 !important;
}

.slick-dots li.slick-active button:before {
    color: #636363 !important;
}

.buy-item-list .item-price {
    color: #dd2626;
    font-weight: bold;
    font-size: 17px;
}

.buy-brand-list ul {
    display: flex;
    flex-wrap: wrap
}

.buy-brand-list ul li {
    width: 32%;
    margin-right: 2%;
}

.buy-brand-list ul li:nth-child(3n) {
    margin-right: 0;
    margin-bottom: 10px;
}

.buy-brand-list ul li p {
    font-size: 12px;
    margin: 5px 0 0;
    text-align: center
}


/* 買取実績 */

#ResultShort {
    padding: 60px 0;
}

.Result-list {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    max-width: 1100px;
    margin: auto;
    padding: 0 10px;
}

.Result-list li {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    border: solid 1px #d5d5d5;
    box-sizing: border-box;
}

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

.Result-list li a {
    color: #666;
}

.Result-list li a h3 {
    background: #FFD70F;
    padding: 7px;
    font-size: 16px;
    color: #000;
}

.Result-list li div {
    position: relative;
}

.Result-list li div h3 {
    color: #fff;
    font-size: 12px;
    padding: 0.4em 0.2em;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(218, 21, 30, 0.75);
}

.Result-list li p.result-subtext {
    font-size: 14px;
    line-height: 1.2;
}

.Result-list li p.result-subtext span {
    font-weight: bold
}

.Result-list li p.result-price {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0
}

.Result-list li p.result-price span {
    font-size: 16px;
    color: #dd2626;
}

.Result-list p {
    margin: 5px;
}

.post-time-p {
    font-size: 13px;
}

@media only screen and (max-width:767px) {
    .Result-list li {
        width: 49%;
    }

    .Result-list li:nth-child(2n) {
        margin-right: 0;
    }
}

/* 画角調整コード */


#ResultShort li a {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#ResultShort 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) {

    #ResultShort ul li a img {
        width: auto;
        height: auto;
    }

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


.result-price {
    margin-top: auto;
}


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

    #ResultShort {
        padding-right: 16px;
        padding-left: 16px;
    }

}

/* 画角調整コード ここまで*/



















/* 買取方法 */
#buy-method {
    padding: 30px 0;
    color: #fff;
}

h2.LP-h2-BG {
    background: url(/img/lp/wind/Method-h2-BG.jpg)no-repeat;
    padding: 30px 0;
    background-position: center;
}

h2.LP-h2-BG span {
    background: #00000065;
    padding: 0.4em 1.2em;
}

#buy-method h2+p {
    font-size: 16px;
    line-height: 1.4;
    padding: 1em;
    color: #333;
    margin: 0 auto 1.5em;
}

#buy-method .tabs-shop>ul {
    display: flex;
    justify-content: space-around;
    padding: 0 20px;
}

#buy-method .tabs-shop>ul li {
    width: 30%;
}

#buy-method .tabs-shop>ul li a {
    font-size: 20px;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
    background: #FFF0EB;
    padding: 10px 0;
    display: block;
    text-align: center;
    color: #4d4d4d;
}

#buy-method .tabs-shop>ul li a.active {
    background: #F23A29;
    color: #fff;
    font-weight: bold;
}

#buy-method .tabs-shop>ul+div {
    margin: 0 10px;
}

#buy-method .tabs-shop>ul+div .panel-shop {
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    border: solid #F23A29;
}

#buy-method .tabs-shop>ul+div .panel-shop h4 {
    font-size: 20px;
    margin-bottom: 1.4em;
    color: #F23A29;
    text-align: left;
}

#buy-method .tabs-shop>ul+div .panel-shop p {
    line-height: 1.4;
    margin-top: 1em;
    color: #333;
}

#buy-method .tabs-shop>ul+div .panel-shop li {
    margin-top: 10px;
    position: relative;
    padding: 30px 10px;
    background: #fff;
    margin-bottom: 60px;
}

#buy-method .tabs-shop>ul+div .panel-shop li:after {
    content: "";
    display: block;
    background: url(/img/Method-tri.png)no-repeat;
    background-size: cover;
    width: 52px;
    height: 33px;
    bottom: -43px;
    left: calc(50% - 26px);
    position: absolute;
}

#buy-method .tabs-shop>ul+div .panel-shop li:last-child {
    margin-bottom: 0;
}

#buy-method .tabs-shop>ul+div .panel-shop li:last-child:after {
    content: none;
}

#buy-method .tabs-shop>ul+div .panel-shop li a {
    color: #e32020;
    text-decoration: underline;
    font-weight: bold;
}

.tabs-shop-p {
    margin: 0px;
    text-align: center;
    font-weight: bold;
}

@media only screen and (min-width:768px) {
    #buy-method h2+p {
        text-align: left;
        max-width: 640px;
    }

    #buy-method .tabs-shop>ul li a {
        padding: 20px 0;
    }

    #buy-method .tabs-shop>ul+div .panel {
        padding: 20px;
    }

    #buy-method .tabs-shop .panel-shop ul li>div {
        display: grid;
    }


    #buy-method .tabs-shop>ul+div .panel-shop li {
        display: block;
        grid-template-rows: 40px auto;
        grid-template-columns: 320px auto;
        padding: 30px;
        margin-bottom: 60px;
    }

    #buy-method .tabs-shop>ul+div .panel-shop li h4 {
        grid-row: 1 / 2;
        grid-column: 2 / 3;
    }

    #buy-method .tabs-shop>ul+div .panel-shop li div.Method-img {
        grid-row: 1 / 3;
        grid-column: 1 / 2;
        padding-right: 20px;
    }

    #buy-method .tabs-shop>ul+div .panel-shop li h4.Method-tx {
        grid-row: 2 / 3;
        grid-column: 2 / 3;

    }

    #buy-method .tabs-shop>ul+div .panel-shop li:after {
        bottom: -43px;
    }
}

@media only screen and (min-width:950px) {
    #buy-method h2+p {
        text-align: center;
        max-width: 840px;
    }

    #buy-method .tabs-shop {
        max-width: 1100px;
        margin: 0 auto;
    }

    #buy-method .tabs-shop>ul+div .panel-shop {
        padding: 40px;
    }

    #buy-method .tabs-shop>ul+div .panel-shop h4 {
        margin-bottom: 0;
    }

    #buy-method .tabs-shop>ul+div .panel-shop p {
        margin-top: 0;
    }

    .buy-brand-list ul li {
        width: 19%;
        margin-right: 1.25%;
        margin-bottom: 15px;
    }

    .buy-brand-list ul li:nth-child(3n) {
        margin-right: 1.25%;
    }

    .buy-brand-list ul li:nth-child(5n) {
        margin-right: 0;
    }

    .buy-brand-list ul li p {
        font-size: 14px;
        margin: 5px 0 0;
    }
}

/* お客様の声・口コミ */
.review {
    background: #F8F8F8;
    padding: 50px 0;
    color: #fff;
    position: relative;
}

.review .slick-arrow {
    position: absolute;
    top: 60px;
}

.review .prev-arrow {
    left: 35px;
    width: 28px;
    height: 32px;
}

.review .next-arrow {
    right: 35px;
    width: 27px;
    height: 32px;
}

.review ul {
    max-width: 1100px;
    margin: auto;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
}

.review ul li {
    width: 27%;
    padding: 40px 25px 15px;
    margin: 10px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 12%), 0 5px 7px 0 rgb(0 0 0 / 22%);
}

.review ul li dt {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #333;
}

.review ul li dd {
    line-height: 1.6;
    color: #333;
    text-align: left;
}

.review ul li dd.star {
    text-align: center;
}

.review ul li dd.star img {
    max-width: 120px;
    margin: 15px auto;
}

.review .slide-items__wrap {
    width: 100%;
    height: 100%;
    margin: auto;
}

.slick-prev {
    left: 0 !important;
}

.slick-next {
    right: 0 !important;
}

.slide-arrow {
    z-index: 1;
}

/* キャンペーン */
.matome-campaign {
    padding: 50px 10px;
}

/* よくある質問 */
.faq-list {
    padding: 50px 0;
    color: #333;
}

.faq-list dl {
    padding: 0 15px;
}

.faq-list dl dt::before,
.faq-list dl dt::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.faq-list dl dt::after {
    right: 20px;
    width: 8px;
    height: 8px;
    border-top: 3px solid #303030;
    border-right: 3px solid #303030;
    transform: rotate(45deg);
    transition: 0.2s;
}

.faq-list dl dt.opened::after {
    transform: rotate(135deg);
}

.faq-list dl>div {
    margin-top: 15px;
    border: 1px solid #fff;
    line-height: 1.4;
}

.faq-list dl>div dt {
    padding: 0.8em 2em 0.8em 0.8em;
    position: relative;
    background: #F3F6F7;
    text-align: left;
}

.faq-list dl>div dt>span {
    display: inline;
    width: calc(100% - 30px);
    color: #09C;
}

.faq-list dl>div dd {
    padding: 0.8em;
    background: #fff;
    color: #000;
    text-align: left;
    line-height: 1.7;
}

.faq-list dl>div dd span {
    color: #F2200D;
}

@media only screen and (min-width:768px) {
    .faq-list dl {
        padding: 20px;
    }
}

@media only screen and (min-width:950px) {
    .faq-list dl {
        max-width: 1100px;
        margin: 0 auto;
    }

    .faq-list dl>div dt {
        cursor: pointer;
    }
}

/* まとめ売りキャンペーン */
.matome-campaign picture {
    display: block;
    margin-top: 30px;
}

/* CVエリア */
.AppBox-b {
    padding: 60px 0;
    line-height: 1.6;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}

.AppBox-b-txt {
    max-width: 580px;
    width: 95%;
    margin: auto;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    letter-spacing: .01em;
    color: #323232;
    margin-bottom: 9px;
}

.AppBox-b h3 {
    box-sizing: border-box;
    max-width: 580px;
    width: 95%;
    background-color: #fff;
    border-radius: 7px;
    padding: 9px 1%;
    color: #323232;
    display: block;
    font-size: 25px;
    letter-spacing: .11em;
    font-weight: 700;
    text-align: center;
    margin: 0px auto 20px;
    position: relative;
    border: solid 3px #6698f5;
}

.AppBox-b h3::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    border-top: 9px solid #6698f5;
}

.AppBox-b ul {
    max-width: 1040px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.AppBox-b ul li {
    position: relative;
}

.AppBox-b ul li:hover {
    opacity: 0.7;
}

.AppBox-b ul li::before {
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 10px;
    font-size: 30px;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
}

.AppBox-b a {
    color: #fff;
    display: flex;
    justify-content: center;
    text-decoration: none;
}

.AppBox-b ul li div {
    margin-left: 14px;
}

.AppBox-b img {
    position: absolute;
    width: 50px;
    margin-right: 20px;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.AppBox-b span {
    font-size: 12px;
    font-weight: 700;
}

.tel-soudan,
.line-soudan,
.mail-soudan {
    border-radius: 3px;
    width: 320px;
    box-sizing: border-box;
    padding: 7px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .3);
}

.tel-soudan {
    background: linear-gradient(0deg, rgba(7, 110, 198, 1) 0%, rgba(51, 155, 244, 1) 100%);
}

.line-soudan {
    background: linear-gradient(0deg, rgba(45, 153, 6, 1) 0%, rgba(84, 199, 42, 1) 100%);
}

.mail-soudan {
    background: linear-gradient(0deg, rgba(173, 0, 0, 1) 0%, rgba(221, 38, 38, 1) 100%);
}

.AppBox-b-innnerTxt {
    letter-spacing: .05em;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    margin: 0;
}

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

    .AppBox-b img {
        display: none;
    }

    .AppBox-b ul li::before {
        display: none;
    }

    .AppBox-b ul {
        padding: 15px;
    }

    .AppBox-b ul li {
        width: 31.5%;
        box-sizing: border-box;
    }

    .AppBox-b ul li div {
        margin-left: 0;
    }
}

@media only screen and (max-width:767px) {
    .AppBox-b ul li {
        position: relative;
        margin: 0 auto 16px;
        width: 90%;
    }

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

    .item-bottom-h2 {
        line-height: 1.2;
    }
}

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

    .AppBox-b h3 {
        font-size: 18px;
    }

    .AppBox-b-txt {
        font-size: 15px;
    }

    .AppBox-b ul li div {
        margin-left: 9px;
    }

    .AppBox-b img {
        width: 35px;
    }

    .AppBox-b ul li::before {
        font-size: 25px;
    }

    .AppBox-b-innnerTxt {
        font-size: 18px;
    }

    .AppBox-b h3 {
        padding: 6px;
    }
}

/* 新買取実績 */
.buy-flow-fv {
    background-image: url(/img/purchase-flow/business-trip/syutyo-fv.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: #F23A29;
    max-width: 1100px;
    margin: 0 auto;
    padding: 5px 10px;
}

.buy-flow-pankuzu-container p {
    margin: 5px 0px;
}

.buy-flow-pankuzu-container a {
    color: #fff;
}

.buy-flow-a-container {
    max-width: 1100px;
    margin: 0 auto;
}

.buy-flow-a {
    background: #F5F5F5;
    padding: 40px 20px 60px;
    position: relative;
}

.buy-flow-a-flex {
    display: flex;
    justify-content: space-between;
}

.buy-flow-a-flex-box {
    background: #fff;
    width: 32%;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);
}

.buy-flow-a-flex-box img {
    width: 100%;
}

.buy-flow-a-flex-box h3 {
    text-align: center;
    color: #F23A29;
    margin: 20px 0px 10px;
}

.buy-flow-a-container h2 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 28px;
    display: inline-block;

}

.buy-flow-a-flex-box p {
    margin: 0px 10px 30px;
}

.buy-flow-b {
    padding: 60px 20px;
}

.buy-flow-b-container {
    max-width: 1100px;
    margin: 0 auto;

}

.buy-flow-b-container h2 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 28px;
    display: inline-block;
}


.buy-flow-b-in-flex {
    display: flex;
}

.buy-flow-b-in-flex p {
    margin: 0px;
}

.buy-flow-b-out-box h3 {
    margin-bottom: 10px;
    color: #F23A29;
}

.buy-flow-b-out-box {
    border: 1px solid #F23A29;
    padding: 30px 20px 20px;
    position: relative;
}

.buy-flow-b-out-box::before {
    background-color: #fff;
    color: #F23A29;
    font-weight: bold;
    position: absolute;
    padding: 0px 20px 10px 20px;
    font-size: 20px;
    left: 10px;
    top: -10px;
}

.buy-flow-b-in-img-box img {
    width: 100%;
}

.buy-flow-b-in-img-box {
    width: 25%;
}

.buy-flow-b-in-left {
    margin-left: 20px;
    width: 75%;
}

.yazirushi-box {
    text-align: center;
    margin: 20px 0px 15px;
}

.text-omoushikomi::before {
    content: "1.お申込み";
}

.text-kiboubi::before {
    content: "2.ご希望日に訪問";
}

.text-genkin::before {
    content: "3.その場で現金払い";
}

.text-omotikomi::before {
    content: "2.店舗にお持ち込み";
}

.text-konpou::before {
    content: "2.商品の梱包";
}

.text-hassou::before {
    content: "3.商品の発送";
}

.text-kakunin::before {
    content: "4.本査定金額の確認";
}

.buy-flow-a-container-p {
    margin-bottom: 30px;
}

.line-a-color {
    color: #5079ed !important;
    text-decoration: underline;
}

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

.flow-p-center {
    text-align: center;
}

@media screen and (max-width:767px) {
    .buy-flow-a-flex {
        display: block;
    }

    .buy-flow-a-flex-box {
        width: 100%;
    }

    .buy-flow-a-flex-box {
        padding: 0px 0px 10px;
    }

    .buy-flow-a-flex-box {
        margin-bottom: 30px;
    }

    .buy-flow-a-flex-box p {
        margin: 0px 10px 10px;
    }

    .buy-flow-a {
        background: #F5F5F5;
        padding: 30px 20px 50px;
    }

    .buy-flow-b-in-flex {
        display: block;
    }

    .buy-flow-b-in-img-box img {
        width: 100%;
    }

    .buy-flow-b-in-left {
        margin-left: 0px;
        margin-top: 20px;
        width: 100%;
    }

    .buy-flow-b-out-box {
        padding: 30px 15px 20px;
    }

    .buy-flow-b {
        padding: 30px 15px;
    }

    .buy-flow-a {
        background: #F5F5F5;
        padding: 40px 15px 60px;
    }

    .buy-flow-fv-container {
        padding: 0px 15px 30px;
    }

    .buy-flow-a-container-p {
        margin-bottom: 30px;
    }

    .buy-flow-b-in-img-box {
        width: 100%;
    }

    .yazirushi-box {
        margin: 20px 0px 30px;
    }
}

/* 新買取実績終わり */

/* ジャンルリスト */
.genre-list {
    padding: 0 10px;
    box-sizing: border-box;
    padding: 60px 0 0;
}

.genre-list p {
    text-align: center;
}

.genre-list ul {
    display: flex;
    max-width: 1100px;
    margin: auto;
    flex-wrap: wrap;
    margin-top: 40px;
    padding: 10px;
}

.genre-list ul li {
    width: 15%;
    margin-right: 2%;
    margin-bottom: 2%;
}

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

@media only screen and (max-width:767px) {
    .genre-list ul li {
        width: 23.5%;
    }

    .genre-list ul li:nth-child(6n) {
        margin-right: 2%;
    }

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

@media only screen and (max-width:480px) {
    .genre-list ul li {
        width: 32%;
    }

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

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

    .genre-list p {
        text-align: left;
    }
}

.bg-y {
    background: #FFD70F;
    padding: 60px 10px;
}

.bg-y h2.short-border {
    border-bottom: solid 3px #fff;
    padding-bottom: 7px;
    line-height: 1.4;
}

.bg-y h2.short-border::before {
    display: none;
}

.bg-b {
    background: url(/img/matome-campaign.bg.jpg) no-repeat center center / cover;
}

.bg-b img {
    border-radius: 5px;
}

.bg-b h2.short-border {
    border-bottom: solid 3px #fff;
    padding-bottom: 7px;
    line-height: 1.4;
    color: #fff;
}

.bg-b h2.short-border::before {
    display: none;
}

/* 選ばれる理由 */
.reason h3 {
    margin-bottom: 10px;
    color: #F23A29;
    line-height: 1.6;
    text-align: left;
}

.reason h3 span {
    background: #F23A29;
    color: #fff;
    padding: 10px 11px 12px 11px;
    border-radius: 100%;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 8px;
    line-height: 1;
}

.reason ul {
    max-width: 1100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
    margin-top: 40px;
}

.reason ul li {
    background: #fafafa;
    width: 32%;
    margin-bottom: 2%;
    border-radius: 8px;
    padding: 15px;
    box-sizing: border-box;
}

.reason ul li p {
    margin: 1em 1em 0.5em;
}

.reason p span {
    font-size: 80%;
    color: #666;
}

@media only screen and (max-width:767px) {
    .reason ul li {
        width: 49%;
    }

    .reason h3 {
        text-align: center;
        font-size: 15px;
    }

    .reason h3 span {
        padding: 8px 12px 13px 9px;
        width: 5px;
        height: 5px;
        font-size: 12px;
        margin-bottom: 5px;
    }

    .reason ul li {
        padding: 10px;
    }

    .reason ul li p {
        margin: 1em 0.5em;
    }
}

/* @media only screen and (max-width:480px) {
    .reason ul li {
        width: 100%;
    }
} */

/* 手軽 */
.tegaru p {
    text-align: center;
}

@media only screen and (max-width:767px) {
    .tegaru img {
        padding: 10px;
        box-sizing: border-box;
        background: #fff;
        border-radius: 10px;
    }
}

/* おまかせ */
.omakase-inner {
    max-width: 990px;
    margin: 40px auto 0;
}

.omakase-img {
    width: 42%;
}

.omakase-txt {
    background: #fff;
    width: 62%;
    padding: 20px 15px 20px 80px;
    border-radius: 8px;
    margin-left: auto;
    box-sizing: border-box;
    margin-top: -200px;
}

@media only screen and (max-width:767px) {
    .omakase-img {
        width: 90%;
    }

    .omakase-txt {
        width: 90%;
        padding: 15px;
        border-radius: 8px;
        margin-left: auto;
        box-sizing: border-box;
        margin-top: -10px;
    }
}

/* 買取実績スライダー */
.swiper-slide {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .12), 0 2px 3px 0 rgba(0, 0, 0, .22);
    /* padding: 10px; */
    box-sizing: border-box;
    border-radius: 10px;
    margin: 10px 0;
    height: auto;
}

.swiper-slide a {
    display: block;
}

.swiper-slide a img {
    width: 100%;
}


p.result-price {
    text-align: right;
    border-top: solid 2px #dbdbdb;
    padding-top: 10px !important;
    margin-top: 10px !important;
}

p.result-maker {
    color: #808080;
    padding-top: 5px !important;
}

.Results>p {
    text-align: center;
}

.Results>span {
    color: #606060;
    font-size: 12px;
    margin-bottom: 20px;
    display: block;
    line-height: 1.4;
}

@media only screen and (max-width:767px) {
    .Results>span {
        padding: 10px;
        line-height: 1.4;
        text-align: left;
    }
}

.swiper-button-next {
    background-image: url(/img/n-next.png);
}

.swiper-button-prev {
    background-image: url(/img/n-prev.png);
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 44px !important;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 44px 44px !important;
    background-position: center;
    background-repeat: no-repeat;
}

/* .swiper-slide {
    height: 312px!important;
}

@media only screen and (max-width:767) {
    .swiper-slide {
        height: 289px!important;
    }
    
} */

.swiper-wrapper {
    align-items: stretch;
}

/* eKYC */
body.e-body {
    margin: 0;
    padding: 0 !important;
    position: relative;
    width: 100%;
    height: 100vh;
}

body.e-body img {
    max-width: 100%;
}

body.e-body header {
    position: unset;
    margin-bottom: 50px;
}

body.e-body .e-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.e-h-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.e-container {
    max-width: 1100px;
    margin: auto;
    padding: 0 10px;
}

.e-box {
    border: solid 1px #999;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 50px;
}

.e-box-txt {
    max-width: 800px;
    margin: auto;
}

.e-box-txt span {
    display: block;
    text-align: left;
    color: #F23A29;
    font-size: 14px;
    margin: 0 16px;
}

.e-flex {
    max-width: 800px;
    display: flex;
    margin: auto;
    justify-content: space-between;
    padding: 20px 0;
}

.e-flex li {
    width: 23.5%;
}

.e-flex li p {
    text-align: center;
    margin: 0;
}

.e-pc p {
    text-align: center;
}

.e-pc img {
    width: 200px;
    margin: 20px 0 30px;
}

.e-thanks-wrap img {
    width: 100px;
}

.e-thanks-wrap a {
    background: #F23A29;
    padding: 16px 24px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    border-radius: 4px;
    margin-bottom: 30px;
    display: inline-block;
}

.e-sp span {
    color: #F23A29;
}

.e-sp p {
    text-align: center;
}

body.e-body .Kyc-method-btn {
    display: block;
    width: fit-content;
    margin: 40px auto 50px;
}

@media only screen and (max-width:767px) {
    .e-flex {
        flex-wrap: wrap;
    }

    .e-flex li {
        width: 46.5%;
        margin-bottom: 10px;
    }

    .e-h-flex {
        display: block;
        box-shadow: 0px 3px 8px -4px #28221b;
    }

    .e-box p {
        margin: 0;
    }

    .e-h-flex p {
        text-align: center;
        margin: 0;
    }

    .e-h-flex img {
        width: 200px;
    }

    body.e-body header {
        margin-bottom: 35px;
    }

    body.e-body h2.short-border {
        font-size: 20px;
    }

    .e-box-txt span {
        margin: 16px 0 0;
    }

    body.e-body .e-footer {
        position: unset;
    }

    .e-sp span {
        display: block;
        margin-bottom: 30px;
        color: #F23A29;
        font-size: 14px;
    }

    a.e-btn {
        background: #F23A29;
        padding: 16px 24px;
        color: #fff;
        font-weight: bold;
        font-size: 18px;
        border-radius: 4px;
        margin-bottom: 30px;
        display: inline-block;
    }

    .e-flex li p {
        font-size: 14px;
    }
}

/* 買取アイテム一覧テンプレート*/
#buy-items-list {
    max-width: 1100px;
    margin: 40px auto;
}

.bil-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 10px;
}

.bil-box {
    width: 49%;
    cursor: pointer;
}

.bil-box-left {}

.bil-box-right {}

.bil-accordion {
    box-shadow: 0px 0px 10px -5px rgb(0 0 0 / 80%);
    border-bottom: 2px solid #fafafa;
}

.bil-accordion:first-of-type {
    margin-top: 0;
}

.bil-accordion:last-of-type {
    border-bottom: none;
}

.bil-accordion summary {
    display: flex;
    align-items: center;
    background: #F23A29;
    color: #fff;
    font-size: 18px;
    padding: 20px;
    position: relative;
    font-weight: bold;
    text-align: center;
    border-top: 2px solid #F23A29;
    border-left: 2px solid #F23A29;
    border-right: 2px solid #F23A29;
}

.bil-accordion summary::-webkit-details-marker {
    display: none;
}

.bil-accordion summary::before,
.bil-accordion summary::after {
    content: "";
    position: absolute;
    right: 5%;
    background: #fff;
    transform: translate(50%, 100%);
}

.bil-accordion summary::before {
    width: 4px;
    height: 20px;
    top: 0%;
}

.bil-accordion summary::after {
    width: 20px;
    height: 4px;
    top: 40%;
}

.bil-accordion summary.is-active {}

.bil-accordion summary.is-active::before {
    transform: rotate(-90deg);
    top: 33%;
}

.bil-accordion summary.is-active:after {}

.bil-icon {
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 10px;
}

.bil-icon-outdoor {
    background: url(/img/icon/outdoor.png) no-repeat center center / contain;
}

.bil-icon-camp {
    background: url(/img/icon/camp.png) no-repeat center center / contain;
}

.bil-icon-sports {
    background: url(/img/icon/sports.png) no-repeat center center / contain;
}

.bil-icon-diving {
    background: url(/img/icon/diving.png) no-repeat center center / contain;
}

.bil-icon-machine {
    background: url(/img/icon/machine.png) no-repeat center center / contain;
}

.bil-icon-kitchen {
    background: url(/img/icon/kitchen.png) no-repeat center center / contain;
}

.bil-icon-construction {
    background: url(/img/icon/construction.png) no-repeat center center / contain;
}

.bil-icon-tools {
    background: url(/img/icon/tools.png) no-repeat center center / contain;
}

.bil-icon-fa {
    background: url(/img/icon/fa.png) no-repeat center center / contain;
}

.bil-icon-measure {
    background: url(/img/icon/measure.png) no-repeat center center / contain;
}

.bil-icon-survey {
    background: url(/img/icon/survey.png) no-repeat center center / contain;
}

.bil-icon-others {
    background: url(/img/icon/others.png) no-repeat center center / contain;
}

.bil-icon-gakki {
    background: url(/img/icon/gakki.png) no-repeat center center / contain;
}

.bil-icon-hobby {
    background: url(/img/icon/hobby.png) no-repeat center center / contain;
}

.bil-icon-power-tools {
    background: url(/img/icon/power-tools.png) no-repeat center center / contain;
}

.bil-icon-bicycle {
    background: url(/img/icon/bicycle.png) no-repeat center center / contain;
}

.bil-icon-camera {
    background: url(/img/icon/camera.png) no-repeat center center / contain;
}

.bil-icon-audio {
    background: url(/img/icon/audio.png) no-repeat center center / contain;
}

.bil-box-list {
    padding: 0 20px 32px;
}

.bil-box-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: dotted 1px #666666;
    padding: 18px 0 12px;
}

.bil-box-list a:last-of-type {
    border-bottom: none
}

.bil-box-list a::after {
    content: '\f105';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #34C6C6;
    font-size: 24px;
}

.bil-box-btn {
    border: solid 2px #4d4d4d;
    padding: 0 16px;
    margin-top: 32px;
}

.bil-box-btn a {}

.bil-box-btn a::after {
    color: #4d4d4d;
}

@media only screen and (max-width:767px) {
    .bil-container {
        display: block;
    }

    .bil-box {
        width: 100%;
    }

    .bil-box-left .bil-accordion:last-of-type {
        border-bottom: 2px solid #fafafa;
    }

    .bil-box-right .bil-accordion:last-of-type {
        border-bottom: none;
    }
}

/* 本人確認の流れ */
/* common */
.Content-inner {
    padding: 0;
    max-width: 1100px;
    margin: 0px auto;
}

.section-heading-h2 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 28px;
    display: inline-block;
}

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

/* 背景画像の変更 */
.kyc .buy-flow-fv {
    background-image: url(/img/purchase-flow/business-trip/kyc-fv.jpg);
    background-position: center;
    background-size: cover;
}

/* コンバージョンエリアの削除 */
.kyc .AppBox-b {
    display: none !important;
}

/* ご利用可能な本人確認書類 */
#Kyc-documents {
    margin-top: 100px;
}

/* ul */
.Kyc-documents-list {
    display: flex;
    justify-content: space-between;
    margin-top: 32px;
}

/* li */
.Kyc-documents-item-wrapper {
    width: 49%;
    display: flex;
    justify-content: space-between;
    padding: 46px 10px 7px;
}

.osusume-box {
    position: relative;
    border: solid 2px #f23a29;
}

.osusume-box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 2px 32px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    background: #f23a29;
    color: #ffffff;
    font-weight: bold;
}

/* 中身 */
.Kyc-documents-item-box {
    width: 49%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.Kyc-documents-item-text {
    text-align: center;
}

/* こちらの書類もご利用いただけます */
.Kyc-documents-others {
    text-align: left;
    background: #fffae2;
    padding: 40px;
    margin-top: 70px;
}

.Kyc-documents-others-title {
    font-size: 24px;
}

/* ul */
.Kyc-documents-others-list {
    margin-top: 20px;
}

/* li */
.Kyc-documents-others-item+.Kyc-documents-others-item {
    margin-top: 16px;
}

.Kyc-documents-others-red-point {
    color: #f23a29;
    font-size: 24px;
}

/* 本人確認方法 */
#Kyc-method {
    margin-top: 100px;
}

/* ul */
.Kyc-method-list {
    margin-top: 32px;
    display: flex;
    justify-content: space-between;
}

/* li */
.Kyc-method-item {
    width: 46%;
}

.Kyc-method-img-box {
    margin-top: 16px;
}

.Kyc-method-img {
    border: 1px solid #f23a29;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.Kyc-method-text {
    margin: 1em 0;
}

/* button */
.Kyc-method-btn {
    display: inline-block;
    background: #00b900;
    margin-top: 30px;
    padding: 30px 36px;
    color: #fff !important;
    font-size: 24px;
    font-weight: 700;
    border-radius: 15px;
    box-shadow: 0 6px 0 0 rgb(6 99 65 /1);
    transition: 0.3s;
}

.Kyc-method-btn:hover {
    box-shadow: 0 0px 0 0 rgb(6 99 65 / 1);
}

/* 保険証コピーを同梱する際のお願い */
.card-copy-contents {
    margin: 80px 0 100px;
    border: 4px solid #f23a29;
    padding: 40px;
}

.card-copy-inner {
    max-width: 735px;
    margin: 0 auto;
}

.card-copy-title {
    font-size: 24px;
    margin-bottom: 20px;
}

.card-copy-text {
    margin: 1em 0;
}

/* flex-box */
.card-copy-wrapper {
    display: flex;
    gap: 54px;
    justify-content: space-between;
    margin-top: 20px;
}

.card-copy-img-box {
    width: 80%;
}

.card-copy-img-box img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.card-copy-text-box p {
    margin: 0;
}

/* ul */
.card-copy-text-list {
    margin-top: 20px;
    text-align: left;
}

/* li */
.card-copy-text-item+.card-copy-text-item {
    margin-top: 16px;
}

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

    /* common */
    .Content-inner {
        padding: 0 16px;
        max-width: 1100px;
        margin: 0px auto;
    }
}

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

    /* ご利用可能な本人確認書類 */
    /* 中身 */
    .Kyc-documents-item-text {
        margin: 1em 0;
    }

    /* こちらの書類もご利用いただけます */
    .Kyc-documents-others {
        padding: 40px 20px;
    }

    /* button */
    .Kyc-method-btn {
        font-size: 20px;
    }

    /* 保険証コピーを同梱する際のお願い */
    .card-copy-contents {
        padding: 40px 20px;
    }
}

@media screen and (max-width: 767px) {
    .section-text-p-center {
        text-align: left;
    }

    .Content-inner {
        font-size: 14px;
    }

    /* ご利用可能な本人確認書類 */

    /* ul */
    .Kyc-documents-list {
        display: block;
    }

    /* li */
    .Kyc-documents-item-wrapper {
        width: 94%;
    }

    /* 中身 */
    .Kyc-documents-item-text {
        margin: 1em 0;
    }

    /* こちらの書類もご利用いただけます */
    .Kyc-documents-others {
        margin-top: 40px;
    }

    .Kyc-documents-others-title {
        font-size: 18px;
        text-align: center;
    }

    /* 本人確認方法 */
    /* ul */
    .Kyc-method-list {
        display: block;
    }

    /* li */
    .Kyc-method-item {
        width: 100%;
    }

    .Kyc-method-item+.Kyc-method-item {
        margin-top: 80px;
    }

    .Kyc-method-name {
        font-size: 16px;
    }

    /* button */
    .Kyc-method-btn {
        font-size: 20px;
    }

    /* 保険証コピーを同梱する際のお願い */
    .card-copy-contents {
        margin-top: 40px;
    }

    /* flex-box */
    .card-copy-wrapper {
        display: block;
    }

    .card-copy-title {
        font-size: 18px;
    }

    .card-copy-img-box {
        width: 100%;
    }

    .card-copy-text-box {
        margin-top: 16px;
    }
}

.blog-cv {
    max-width: 600px;
    margin: auto;
    padding: 50px 0;
}

.blog-cv-t {
    text-align: center !important;
    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;
}

.blog-innner a {
    padding: 10px;
    text-align: center;
    width: 48%;
    box-sizing: border-box;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
}

.blog-innner a:hover {
    opacity: 0.7;
}

.blog-innner a p {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 2.2px;
    color: #fff;
    margin: 0;
    text-align: center;
}

.blog-innner a p {
    margin: 0 !important;
}

.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;
    }
}

/* 店舗ページ 店舗への行き方 アコーディオンあり */
/* 全体に余白調整 */
.access-contents {
    padding: 0px 15px;
    margin-bottom: 50px;
}

/* クリックする部分の実装 */
.access-name {
    background: #F23A29;
    padding: 0.6em;
    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;
}

.access-list {
    overflow: hidden;
    border: 3px solid #F23A29;
}

.access-item {
    padding: 24px 15px;
    max-width: 619px;
    margin: 0 auto;
}

.access-text {
    margin: 5px 0;
}

@media screen and (min-width:768px) {
    .access-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .access-item {
        width: 28%;
    }
}

@media screen and (min-width:950px) {
    .access-name {
        pointer-events: none;
    }

    .chevron-down {
        display: none;
    }

    .access-content {
        display: block;
    }
}

/* 買取対応地域 余白 */
.support-area {
    margin: 50px 0px;
}

/* ブランド一覧 */
.brand-list {
    max-width: 1100px;
    margin: auto;
    margin-top: 50px;
}

.brand-list-container {
    padding: 0px 15px;
}

.brand-list ul {
    padding: 0px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    /* 5列均等 */
    border-left: 1px solid #d1d1d1;
}

/* ブランドカテゴリの見出し */
.brand-category {
    margin-top: 50px;
    font-size: 22px;
    font-weight: normal;
    /* 細いフォント */
    text-align: left;
    /* 左揃え */
    color: #F23A29;
}

/* ジャンプボタンのデザイン */
.brand-navigation {
    display: flex;
    width: 100%;
    /* 横幅100% */
    gap: 10px;
    /* ボタン間のスキマ */
    margin-bottom: 20px;
    margin-top: 40px;
}

.brand-navigation a {
    flex: 1;
    max-width: 10%;
    text-align: center;
    padding: 15px 0 13px;
    background: #FFF0EB;
    border-radius: 7px;
    color: #F23A29;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #F23A29;
    transition: all 0.15s ease;
    display: flex;
    align-items: flex-end;
    /* 「ア」と「行」を下揃え */
    justify-content: center;
    gap: 3px;
    /* 「ア」と「行」の間のスキマ */
}

.brand-navigation a:hover {
    background: #F23A29;
    color: #FFF0EB;
}

/* フォントサイズ調整 */
.brand-navigation a span.large {
    font-size: 22px;
    /* 「ア」部分を大きく */
    font-weight: bold;
    line-height: 1;
    /* 行間を詰める */
}

.brand-navigation a span.small {
    font-size: 16px;
    /* 「行」部分を小さく */
    font-weight: normal;
    line-height: 1;
    /* 行間を詰める */
    margin-bottom: 1px;
}


/* ブランド名のリスト（5列グリッド表示） */
.brand-list li {

    text-align: center;
    font-size: 16px;
    border-right: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    margin-bottom: -1px;
    border-bottom: 1px solid #d1d1d1;
    padding: 10px;
    box-sizing: border-box;
    background: white;
    color: black;
    font-weight: normal;
    transition: all 0.15s ease;
    cursor: pointer;
}

/* ホバー時のデザイン（背景色と文字色を完全同期） */
.brand-list li:hover {
    background: #FFF0EB;
    /* 背景を変更 */
    color: #F23A29;
    /* 文字色を変更 */
}

/* ブランド名リンク（aタグを拡張） */
.brand-list li a {
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
    font-weight: normal;
    transition: all 0.15s ease;
    padding: 10px;
    box-sizing: border-box;
    line-height: 1.2;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

/* 人気ブランド一覧のスタイル */
.brand-popular-list {
    max-width: 1100px;
    margin: auto;
    margin-top: 50px;
    text-align: center;
}

.popular-navigation {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    /* 5列グリッド */
    gap: 15px;
    /* アイテム間のスペース */
    padding: 0;
    list-style: none;
    margin-top: 20px;
}

.popular-navigation li {
    background: none;
    /* ボーダーなし */
    padding: 10px;
    box-sizing: border-box;
    transition: background 0.2s ease, transform 0.2s ease;
}

.popular-navigation li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: black;
    transition: color 0.2s ease;
}

.popular-navigation li img {
    width: 100%;
    max-width: 188px;
    /* 画像の最大幅 */
    height: auto;
    transition: transform 0.2s ease;
}

.popular-navigation li p {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    color: #333;
}

/* ホバー時のデザイン */


.popular-navigation li:hover a {
    opacity: 0.7;
}


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

    /* ここにレスポンシブ用のCSSを書く */
    .brand-navigation {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }

    .brand-navigation a {
        max-width: 100%;
    }

    .brand-list ul {
        grid-template-columns: repeat(2, 1fr);
    }


    .popular-navigation {

        grid-template-columns: repeat(2, 1fr);
    }



}

/* ブランド一覧終わり */

/* ブログ */
.blog-shop-lists {
    display: flex;
}

.blog-shops-lists-img-box {
    width: 40%;
}

.blog-shops-lists-address {
    width: 60%;
    padding-left: 15px;

    position: relative;
}

.blog-shops-lists-address h3 {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.Blog .contents main .blog-shops-lists-address p {
    margin: 0px;
    line-height: 1.5;
}

.blog-shop-lists-btn-box {
    text-align: right;
    margin-top: 50px;

}

.blog-shop-lists-btn-box a {
    color: #f23a29;
    padding: 8px 60px 5px;
    border-radius: 100px;
    border: 2px solid #f23a29;
    font-weight: bold;
}


/* 各ページよくある質問 */
.accordion-container {
    margin-bottom: 40px;
    border-radius: 8px;
    margin-top: 30px;
}

.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: #6698F5;
    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: #F56668;
    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-icon {
    margin-left: auto;
    font-size: 25px;
}

.q_and_a {
    margin-top: 50px;
}
.q_and_a_item{
	padding: 0px 15px;
	padding-top: 50px;
}
/* 各ページよくある質問 終了 */


.custom-content {
    background-color: #f3f9fc;
    padding: 20px;
    padding-bottom: 8px;
    margin-bottom: 40px;
}

.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;
    margin-right: 2px;
    background: #F5F5F5;
    border-radius: 5px;
    font-weight: bold;
    border-bottom: 3px solid #d3d3d3;
}

.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-top: 10px;
    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;
}

.blog-item-list .slick-slide {
    padding: 5px;
}

.Blog .contents main .blog-item-name {
    margin-bottom: 0px;
}

.Blog .contents main .blog-item-price {
    margin: 0px;
}

.Blog .contents main .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%;

    }
}



/* ブログ終わり */
/* 目次 */
.media-pagination {
    text-align: center;
    margin: 40px 0;
    font-size: 16px;
}

.media-pagination .page-numbers {
    display: inline-block;
    margin: 0 6px;
    padding: 8px 14px;
    text-decoration: none;
    border: 1px solid #ccc;
    color: #333;
    border-radius: 4px;
    transition: background 0.2s, color 0.2s;
}

.media-pagination .page-numbers:hover {
    background-color: #f5f5f5;
    color: #000;
    border-color: #999;
}

.media-pagination .page-numbers.current {
    background-color: #333;
    color: #fff;
    border-color: #333;
    pointer-events: none;
}

.media-pagination .page-numbers.prev,
.media-pagination .page-numbers.next {
    font-weight: bold;
}

.media-pagination .page-numbers.dots {
    border: none;
    background: none;
    color: #999;
    padding: 8px 14px;
}

/* ブログ目次 終わり*/

/* 各ページよくある質問 */
.accordion-container {
    max-width: 1100px;
    margin: auto;
    padding: 15px 0px;
    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: #6698F5;
    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: #F56668;
    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-icon {
    margin-left: auto;
    font-size: 25px;
}

.q_and_a {
    margin-top: 50px;
}

/* 各ページよくある質問 終了 */

/* 新査定のポイント */
.satei-container {
    max-width: 1100px;
    margin: 60px auto;
}



.tabs-satei {
    padding: 0 15px;
    margin-top: 50px;
}

.tabs-nav {
    height: 50px;
    display: flex;
    background: #efefef;
    border-radius: 50px;
    margin: 20px 0 40px;
    font-size: 12px;
    line-height: 1.2;
}

.tabs-nav li {
    width: 50%;
    display: table;
    height: 50px;
}

.tabs-nav li a {
    border-radius: 50px;
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    color: #F23A29;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.4;
}

.tabs-satei>ul li a.active {
    background: #F23A29;
    color: #fff;
    font-weight: bold;
}



.panel-satei h3 {
    font-size: 24px;
    color: #F23A29;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.panel-satei h3::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 50px;
    /* 下線の長さ */
    height: 3px;
    /* 下線の太さ */
    background-color: #F23A29;
    /* 下線の色 */
    transform: translateX(-50%);
    /* 中央寄せ */
}

.panel-satei p {
    text-align: left;
    line-height: 1.5;
    margin-bottom: 30px;
    color: #333;
}

.panel-satei span {
    background: #F23A29;
    color: #fff;
    padding: 4px 10px 1px;
    border-radius: 5px;
    margin-right: 10px;
}

.panel-satei h4 {
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
    color: #F23A29;
}

.custom-content-right {
    width: 50%;

}

@media only screen and (min-width: 768px) {
    .tabs-nav li a {
        font-size: 16px;
    }


}



.custom-container {
    display: flex;
    background: white;
    border-radius: 10px;
    justify-content: space-around;
}

.custom-photo {
    width: 40%;
}

.custom-photo img {
    width: 100%;
}

.custom-content {
    background-color: #fbdddd;
    padding: 20px;
    padding-bottom: 8px;
    margin-bottom: 40px;
}

.custom-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.custom-item-number {
    width: 30px;
    height: 30px;
    background-color: #F23A29;
    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: 80%;
}





@media screen and (max-width: 767px) {
    .custom-container {
        display: block;
    }

    .custom-photo {
        width: 100%;
    }


    .custom-content-right {
        width: 100%;
        padding-left: 0px;

    }

    .custom-content {
        margin-top: 40px;
    }

}

/* 新査定のポイント終了 */

.highlight {
    background: linear-gradient(to top, yellow 50%, transparent 50%);
}


/* ブログスタイル */
: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: 1px solid var(--blogitem-border);
    border-radius: 14px;
    padding: 15px;
    max-width: 900px;
    margin: auto;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
    margin-bottom: 15px;
}

.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 6px;
    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;
    border: 1px solid var(--blogitem-border);
    background: #fff;
}

@media (max-width: 720px) {
    .blogitem-card {
        grid-template-columns: 1fr;
    }

    .blogitem-media {
        order: -1;
    }
}

/* ブログスタイル */

/* パンくず */
/* ベース（共通） */
.breadcrumb {
    font-size: .875rem;
    color: #666;
    margin: 8px 0 16px;
    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 */
}

.breadcrumb::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera */
}

/* スマホ時の上書き */
@media (max-width: 768px) {
    .breadcrumb {
        padding-bottom: 12px;
        /* scrollbar-gutter は不要 */
    }
}

/* リスト表示 */
.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;
    color: #aaa;
}

.breadcrumb a {
    text-decoration: none;
    color: #1a73e8;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

/* パンくず */

/* 記事監修 */
.author {
    background: #f5f5f5;
    padding: 25px 30px;
    max-width: 710px;
    margin-bottom: 60px;
}

.author-top {
    border-bottom: solid 1px gray;
    font-weight: 600;
}

.author-info {
    display: flex;
    align-items: center;
}


.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;
}

@media only screen and (max-width:767px) {
    .author-top {
        margin-bottom: 18px !important;
    }

    .author-info img {
        width: 75px;
    }

    .author {
        padding: 20px 25px;
    }
}

/* 記事監修 */

/* 記事CV */
.media-contact-box {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
    padding: 0px 0px 10px 0px;
    margin: 40px auto;
    text-align: center;
    font-family: "Hiragino Sans", "Helvetica Neue", Arial, sans-serif;
}

.media-contact-title {
    background-color: #10225D;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding: 10px 0;
    border-radius: 20px 20px 0px 0px;
    margin-bottom: 20px;
    text-align: center;
}

.media-contact-tel {
    margin: 25px auto 10px;
    display: block;
}

.media-contact-info {
    color: #333;
    margin-bottom: 25px;
    font-size: 14px;
    text-align: center;
}

/* ▼ 緑・赤ボタンエリア ▼ */
.media-contact-buttons {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 25px;
    padding: 0px 15px;
}

/* ▼ ボタン全体設定 ▼ */
.media-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 10px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    transition: transform 0.2s ease;
}

/* 押しても黒くならない＆下線出さない */
.media-btn:link,
.media-btn:visited,
.media-btn:hover,
.media-btn:active,
.media-btn:focus {
    color: #fff;
    text-decoration: none;
}

.media-btn img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.media-btn-text {
    text-align: left;
    line-height: 1.3;
}

.media-btn-main {
    display: block;
    font-size: 22px;
}

.media-btn-sub {
    display: block;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
}

/* 各ボタンの色設定 */
.media-btn-line {
    background-color: #2DBE61;
    border-bottom: 5px solid #175B2F;
}

.media-btn-mail {
    background-color: #B32815;
    border-bottom: 5px solid #69170C;
}

.media-btn-tel {
    display: none;
    /* デフォルト非表示（PC） */
    background-color: #1E63D0;
    border-bottom: 4px solid #0E326B;
    margin: 0 15px 15px;
}

.media-btn:hover {
    transform: translateY(-3px);
}

.media-contact-footer {
    font-size: 15px;
    color: #333;
    font-weight: bold;
    text-align: center;
}

/* ▼ スマホ表示（767px以下）のとき縦並びに変更＋電話ボタン切替＋左揃え ▼ */
@media screen and (max-width: 767px) {

    /* 電話画像＋受付時間を非表示 */
    .media-contact-tel-wrap {
        display: none;
    }

    /* 電話ボタンを表示 */
    .media-btn-tel {
        display: flex;
    }

    /* LINE・メールボタンを縦並びに */
    .media-contact-buttons {
        flex-direction: column;
        gap: 15px;
    }


    .media-btn-text {
        text-align: left;
        /* テキストも左寄せ */
    }

    .media-btn img {
        width: 36px;
        height: 36px;
        margin-right: 10px;
    }

    .media-btn-main {
        font-size: 20px;
    }

    .media-btn-sub {
        font-size: 13px;
    }
}

/* 記事CV 終わり */




/* ----------------------------------店舗個別ページ CV 始まり-------------------------------------- */
.cv__value {
    padding: 40px 16px 48px;
    max-width: 1020px;
    margin: 0 auto;
    text-align: center;

}

.cv__value-title {
    color: #333;
    font-size: 20px;
    letter-spacing: 1px;
    background: #fff;
    border: solid 3px #F7931E;
    border-radius: 7px;
    max-width: 480px;
    margin: 0 auto;
    padding: 9px 1%;
    position: relative;
    text-align: center;
    font-weight: bold;
    line-height: 1;
}

.cv__value-title::before {
    content: "";
    display: block;
    width: 3%;
    padding-top: 3%;
    background-color: #F7931E;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    position: absolute;
    top: 100%;
    right: 50%;
}


.cv__value-title::after {
    content: "";
    display: block;
    width: calc(3% - 3px);
    padding-top: calc(3% - 3px);
    background-color: #fff;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    position: absolute;
    top: 97%;
    right: 50.2%;
}



.cv__value-text {
    display: inline-block;
    margin: 30px auto 0;
    line-height: 1.4;
    font-size: 16px;
}

.cv__value-list {
    display: flex;
    justify-content: space-between;
    margin-top: 32px;
}

.cv__value-item {
    width: 32%;
}

.cv__value-btn {
    padding: 28px 0 10px;
    color: #333;
    position: relative;
    text-decoration: none;
    display: block;
}

.cv__value-btn:hover {
    opacity: .7;
}




.cv__value-tel {
    background: #217FD6;
    box-shadow: 0px 5px 0px #1D67AB;
}

.cv__value-line {
    background: #2DBE61;
    box-shadow: 0px 5px 0px #2AA757;
}

.cv__value-mail {
    background: #CC4836;
    box-shadow: 0px 5px 0px #AD3D2E;
}


.cv__value-tp {
    display: block;
    background: #fff;
    color: #333;
    padding: 6px 0px 6px 0px;
    border-radius: 25px;
    margin: -12px auto 0;
    width: 85%;
    font-weight: 600;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    line-height: 1;
}

.cv__value-tel span.cv__value-tp {
    border: solid 3px #217FD6;
}

.cv__value-line span.cv__value-tp {
    border: solid 3px #2DBE61;
}

.cv__value-mail span.cv__value-tp {
    border: solid 3px #CC4836;
}


.cv__value-btn-text-box {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.cv__value-tel .cv__value-btn-text-box::before {
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: url(/img/icon/tel.png) no-repeat center center / contain;
}

.cv__value-tel .cv__value-btn-text-box::after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: url(/img/icon/cv-next.png) no-repeat center center / contain;
}


.cv__value-line .cv__value-btn-text-box::before {
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: url(/img/icon/line.png) no-repeat center center / contain;
}

.cv__value-line .cv__value-btn-text-box::after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: url(/img/icon/cv-next.png) no-repeat center center / contain;
}

.cv__value-mail .cv__value-btn-text-box::before {
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: url(/img/icon/web.png) no-repeat center center / contain;
}

.cv__value-mail .cv__value-btn-text-box::after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: url(/img/icon/cv-next.png) no-repeat center center / contain;
}

.cv__value-btn-text {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    margin: 0;
}

.cv-span-btn-text {
    display: block;
    font-size: 14px;
}

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

    .cv__value-tel .cv__value-btn-text-box::before,
    .cv__value-tel .cv__value-btn-text-box::after,
    .cv__value-line .cv__value-btn-text-box::before,
    .cv__value-line .cv__value-btn-text-box::after,
    .cv__value-mail .cv__value-btn-text-box::before,
    .cv__value-mail .cv__value-btn-text-box::after {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .cv__value {
        padding: 40px 16px 48px;
    }

    .cv__value-list {
        flex-wrap: wrap;
        gap: 10px 0;
    }

    .cv__value-item {
        width: 100%;
        max-width: 320px;
        margin: 0 auto 30px;
    }

    .cv__value-tel .cv__value-btn-text-box::before,
    .cv__value-tel .cv__value-btn-text-box::after,
    .cv__value-line .cv__value-btn-text-box::before,
    .cv__value-line .cv__value-btn-text-box::after,
    .cv__value-mail .cv__value-btn-text-box::before,
    .cv__value-mail .cv__value-btn-text-box::after {
        display: block;
    }
}


/* ----------------------------------店舗個別ページ CV 終わり-------------------------------------- */