html {
font-size: 62.5%;
}
body {
font-size: 1.2rem;
}
@media (min-width: 768px) {
html {
font-size: 87.5%;
}
body {
font-size: 1rem;
}
}
@media (min-width: 992px) {
html {
font-size: 100%;
}
}
img, svg {
border: 0;
height: auto;
max-height: 100%;
max-width: 100%;
vertical-align: bottom;
width: auto;
}
small {
font-size: 1em;
}
a[href^="mailto"] {
color: #0000ff;
}
/* =========================
== header ==
========================= */
.header__main {
padding-left: min(4%, 1.6rem);
padding-right: min(4%, 1.6rem);
}
.header__line__description,.header__line__nav__item a {
font-size: 12px;
}
@media (min-width: 768px) {
.header__nav__list .nav__item a {
font-size: calc(1rem * 14 / 14);
}
.header__nav__list .nav__item a .nav__item__description {
font-size: calc(1rem * 10 / 14);
}
}
@media (min-width: 992px) {
.header__nav__list .nav__item a .nav__item__description {
font-size: calc(1rem * 10 / 16);
}
}
/* —– stores —– */
.store__container {
padding-left: min(4%, 1.6rem);
padding-right: min(4%, 1.6rem);
}
@media (min-width: 768px) {
.store__caption {
font-size: calc(1rem * 18/ 14);
}
.store__name, .store__tel {
font-size: calc(1rem * 28 / 14);
}
.store__name__en {
font-size: 12px;
}
}
.store__tel a[href^="mailto"] {
color: inherit;
}
@media (min-width: 1200px) {
.store__tel {
font-size: calc(1rem * 30 / 16);
}
}
.store__link a {
font-size: 10px;
}
/* —– twitter —– */
.twitter__caption {
font-size: 24px;
}
.twitter__title {
font-size: 14px;
}
/* =========================
== page ==
========================= */
.page .contents {
padding-left: min(4%, 1.6rem);
padding-right: min(4%, 1.6rem);
}
/*—————————————————-
delivery-purchase
—————————————————-*/
.delivery-purchase {
}
.delivery-purchase .site-main {
font-size: calc(1rem * 12/ 10);
}
.delivery-purchase.page-parent .site-main {
font-size: 1.6rem;
}
.delivery-purchase .site-main > *:not([id],footer) {
margin-bottom: 2.4rem;
}
@media (min-width: 992px) {
.delivery-purchase:not(.page-parent) .site-main > *:not([id],footer) {
margin-bottom: 4rem;
}
}
.delivery-purchase .site-main > div:not([id]) {
text-align: center;
}
.delivery-purchase .site-main a {
display: inline-block;
}
.delivery-purchase .site-main img {
display: inline;
}
.delivery-purchase .site-main p {
margin-bottom: 2.4rem;
}
.delivery-purchase .site-main .content__title {
height: auto;
margin-bottom: 1.5rem;
overflow: hidden;
}
.delivery-purchase .site-main .content__title__inner {
font-weight: normal;
line-height: normal;
padding-right: 6rem;
}
.delivery-purchase .site-main .content__title__sub {
display: block;
padding-right: 4rem;
}
.delivery-purchase .site-main .content__title__sub::before {
border-width: 4rem;
}
.delivery-purchase .page-title {
text-align: center;
}
@media (min-width: 768px) {
.delivery-purchase .page-title {
margin-top: -2.4rem;
position: relative;
z-index: -1;
}
}
.delivery-purchase .large-headline {
background-color: var(--gray9);
border-radius: 2rem;
font-size: calc(1rem * 14/ 10);
font-weight: 700;
line-height: 1;
margin-bottom: 1rem;
overflow: hidden;
padding: 0.5rem;
padding-left: 1.6rem;
position: relative;
}
.delivery-purchase .large-headline::before {
background-color: var(--white);
content: "";
height: 4px;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 10px;
}
.delivery-purchase .site-main__footer {
margin-left: auto;
margin-right: auto;
width: min(1100px, 100%);
}
@media (min-width: 1200px) {
.delivery-purchase .site-main__footer {
padding: 0;
}
}
.delivery-purchase .site-main__footer button:hover {
opacity: 0.8;
}
.delivery-purchase .site-main__footer > div {
margin-bottom: 2.4rem;
text-align: center;
}
@media (min-width: 667px) {
.delivery-purchase .site-main__footer {
overflow: hidden;
}
.delivery-purchase:not(.attention) .site-main__footer > div:nth-child(odd) {
float: left;
width: 48%;
}
.delivery-purchase:not(.attention) .site-main__footer > div:nth-child(even) {
float: right;
width: 48%;
}
}
@media (min-width: 768px) {
.delivery-purchase:not(.attention) .site-main__footer > div:nth-child(odd) {
margin-bottom: 1rem;
}
.delivery-purchase:not(.attention) .site-main__footer > div:nth-child(even) {
margin-bottom: 1rem;
}
}
.delivery-purchase .footer-link:not(:first-child) {
clear: both;
margin-top: -1rem;
}
.delivery-purchase .footer-link li {
margin-bottom: 0.5rem;
}
.delivery-purchase .footer-link a {
color: #0000ff;
}
.delivery-purchase .footer-link a::before {
content: "▶";
display: inline;
}
.delivery-purchase .footer-link + h3 {
font-size: calc(1rem * 14/ 10);
margin-bottom: -0.25rem;
margin-top: 2rem;
}
.delivery-purchase .note-block {
font-size: calc(1rem * 12/ 10);
position: absolute;
transform: translate(0,-100%);
}
@media (min-width: 667px) {
.delivery-purchase .note-block {
font-size: calc(1rem * 16/ 10);
}
}
@media (min-width: 768px) {
.delivery-purchase .note-block {
font-size: calc(1rem * 14/ 10);
margin-bottom: 1.2rem;
position: static;
transform: none;
}
.delivery-purchase .note-block br {
display: none;
}
}
@media (min-width: 1200px) {
.delivery-purchase .note-block {
float: right;
margin-bottom: -3.2rem;
transform: translate(10%,-60%);
width: 80%;
}
.delivery-purchase .note-block br {
display: none;
}
.delivery-purchase .note-block ~ h3 {
clear: both;
float: left;
font-size: 2rem;
text-orientation: upright;
writing-mode: vertical-rl;
}
}
.delivery-purchase .note-block small {
display: flex;
flex-wrap: wrap;
-webkit-text-stroke: 4px #fff;
text-stroke: 4px #fff;
paint-order: stroke;
}
.delivery-purchase .note-block b:nth-child(odd) {
flex: 0 1 2em;
}
.delivery-purchase .note-block b:nth-child(even) {
flex:1 1 calc(100% - 2em);
}
.delivery-purchase .note-block + p {
clear: both;
margin-top: 1rem;
}
@media (min-width: 768px) {
.delivery-purchase .note-block + p {
font-size: 12px;
}
}
.delivery-purchase .sp-only {
display: block;
}
.delivery-purchase .pc-only {
display: none;
}
@media (min-width: 992px) {
.delivery-purchase .sp-only {
display: none;
}
.delivery-purchase .pc-only {
display: block;
}
}
/* —– 宅配買取のご案内ページ —– */
.delivery-purchase .site-main__overview::after {
content: "";
clear: both;
display: block;
}
.delivery-purchase .site-main__overview a {
color: #0000ff;
}
.delivery-purchase .site-main__overview h3 {
background: #f15a24;
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 0.8rem;
padding: 0.5rem;
text-align:center;
}
@media (min-width: 1200px) {
.delivery-purchase .site-main__overview h3 {
font-size: 2rem;
margin-bottom: 0;
}
}
.delivery-purchase .site-main__promotion h3 {
font-size: 3.2rem;
font-weight: bold;
margin: 2.4rem 0;
text-align: center;
}
.delivery-purchase .site-main__promotion__list {
font-size: 0;
line-height: 1.2;
text-align: center;
}
.delivery-purchase .site-main__promotion__list li {
background: #ff0000;
color: #fff;
display: inline-block;
font-size: 2.4rem;
margin-bottom: 2.0rem;
padding-bottom: 0.8rem;
padding-left: 0.4rem;
padding-right: 0.4rem;
text-align: center;
vertical-align: top;
}
@media (min-width: 667px) {
.delivery-purchase .site-main__promotion__list li {
margin-left: 2rem;
margin-right: 2rem;
}
}
.delivery-purchase .site-main__promotion__list small {
display: block;
font-size: 1.4rem;
font-weight: normal;
}
.delivery-purchase .site-main__promotion__list div {
display: inline-flex;
align-items: center;
justify-content: center;
}
.delivery-purchase .site-main__promotion__list div.limited-time__text {
display: block;
padding: 0.8rem;
padding-bottom: 1.2rem;
}
.delivery-purchase .site-main__promotion__list b {
font-weight: normal;
}
.delivery-purchase .site-main__promotion__list b:last-child {
font-size: 1.4rem;
}
.delivery-purchase .step-area {
overflow: hidden;
}
@media (min-width: 1200px) {
.delivery-purchase .step-area {
float: right;
margin-right: -65px;
width: 100%;
}
}
.delivery-purchase .step-area ol {
font-size: 0;
margin-bottom: -1.6rem;
margin-left: -1px;
margin-right: -1px;
}
.delivery-purchase .step-area li {
border-bottom: 2px solid #f15a24;
border-left: 1px solid #f15a24;
border-right: 1px solid #f15a24;
display: inline-block;
width: 50%;
}
@media (min-width: 667px) {
.delivery-purchase .step-area li {
padding-top: 1.6rem;
width: 25%;
}
}
@media (min-width: 768px) {
.delivery-purchase .step-area li {
padding-top: 0;
}
}
.delivery-purchase .step-area li:nth-child(n+3) {
border-bottom: none;
padding-top: 1.6rem;
}
@media (min-width: 768px) {
.delivery-purchase .step-area li:nth-child(n+3) {
padding-top: 0;
}
}
.delivery-purchase .step-area figure {
font-size: 1.6rem;
margin-top: 0.4rem;
text-align: center;
}
.delivery-purchase .step-area figcaption {
font-weight: bold;
margin-top: 1.2rem;
}
@media (min-width: 1200px) {
.delivery-purchase .step-area img {
max-height: 260px;
}
}
/* —– 宅配買取の詳細 —– */
.delivery-purchase .site-main__required a {
display: table;
margin: 0 auto;
margin-bottom: 2.4rem;
}
@media (min-width: 768px) {
.delivery-purchase .site-main__required a {
margin-bottom: 4rem;
margin-top: 2rem;
}
}
.delivery-purchase .site-main__required figcaption {
color: red;
font-size: calc(1rem * 12/ 10);
}
.delivery-purchase .site-main__required p b {
color: red;
font-weight: normal;
}
.delivery-purchase .site-main__process dl {
font-size: calc(1rem * 12/ 10);
}
.delivery-purchase .site-main__process dt {
font-weight: bold;
}
.delivery-purchase .site-main__process dt::before {
content: "●";
display: inline-block;
}
.delivery-purchase .site-main__process dt:nth-of-type(-n+3):before {
content: "●「";
display: inline-block;
letter-spacing: -0.5em;
margin-right: 0.5rem;
}
.delivery-purchase .site-main__process dt:nth-of-type(-n+3)::after {
content: "」";
display: inline-block;
letter-spacing: -0.5em;
margin-left: -0.125rem;
}
.delivery-purchase .site-main__process dd {
margin-bottom: 2.4rem;
}
.delivery-purchase .site-main__process figure {
margin-top: 1.2rem;
}
.delivery-purchase .site-main__process img {
max-height: 160px;
}
@media (min-width: 768px) {
.delivery-purchase .site-main__process img {
max-height: 240px;
}
}
@media (min-width: 768px) {
.delivery-purchase .site-main__process img {
max-height: 320px;
}
}
.delivery-purchase .site-main__process img.floated {
max-height: 120px;
}
@media (min-width: 768px) {
.delivery-purchase .site-main__process img.floated {
max-height: 240px;
}
}
@media (min-width: 992px) {
.delivery-purchase .site-main__process img.floated {
max-height: inherit;
}
}
.delivery-purchase .site-main__process__step1 {
margin-top: 2.4rem;
}
@media (min-width: 992px) {
.delivery-purchase .site-main__process__step1,
.delivery-purchase .site-main__process__step2,
.delivery-purchase .site-main__process__step3,
.delivery-purchase .site-main__process__step4 {
margin-bottom: 4rem;
}
}
.delivery-purchase .site-main__process__step2 b,
.delivery-purchase .site-main__process__step3 b,
.delivery-purchase .site-main__process__step4 b {
color: red;
font-weight: normal;
}
.delivery-purchase .site-main__process__step1 small {
color: red;
}
.delivery-purchase .site-main__process__step1 figure,
.delivery-purchase .site-main__process__step4 figure {
float: right;
margin-top: 0;
padding-left: 1rem;
}
.delivery-purchase .site-main__process__step2 dt:nth-of-type(2) {
clear: both;
}
.delivery-purchase .site-main__process__step2 figure {
float: right;
padding-left: 1rem;
}
.delivery-purchase .site-main__process__step2 > figure {
margin-top: 0;
}
.delivery-purchase .site-main__process__step3 figure {
text-align: center;
}
@media (min-width: 992px) {
.delivery-purchase .site-main__process__step1 figure,
.delivery-purchase .site-main__process__step2 figure,
.delivery-purchase .site-main__process__step4 figure {
padding-left: 2rem;
width: 50%;
}
.delivery-purchase .site-main__process__step4 figure {
width: auto;
}
}
@media (min-width: 1200px) {
.delivery-purchase .site-main__process__step1 figure,
.delivery-purchase .site-main__process__step2 figure {
width: 40%;
}
}
/* —– 始めにお読みください —– */
.delivery-purchase.readme section[class^="site-main__"] li::before {
content: "・";
display: inline-block;
}
.delivery-purchase .site-main__notice li {
font-weight: bold;
margin-bottom: 2.4rem;
}
.delivery-purchase .site-main__exception p {
margin-bottom: 0;
}
.delivery-purchase .site-main__exception ul {
margin-bottom: 2.4rem;
}
.delivery-purchase .site-main__treatment figure {
margin-top: -2rem;
text-align: right;
}
.delivery-purchase .site-main__treatment img {
max-height: 160px;
}
@media (min-width: 768px) {
.delivery-purchase .site-main__treatment img {
max-height: 240px;
}
}
@media (min-width: 992px) {
.delivery-purchase .site-main__treatment img {
max-height: 400px;
}
}
.delivery-purchase.readme a + .footer-link {
margin: 0 auto;
margin-top: 1rem;
max-width: 786px;
text-align: left;
}
/* —– 宅配買取の注意事項 —– */
.delivery-purchase.attention .site-main .large-headline:first-of-type {
margin-top: 2.4rem;
}
@media (min-width: 992px) {
.delivery-purchase.attention .site-main .large-headline {
margin-top: 4rem;
}
}
.delivery-purchase.attention .site-main__precautions figure {
margin-bottom: 2.4rem;
margin-top: -2rem;
}
@media (min-width: 768px) {
.delivery-purchase.attention .site-main__precautions figure {
margin-top: 0;
}
}
.delivery-purchase.attention .site-main__precautions figure:last-of-type {
margin-bottom: 3.2rem;
margin-top: -1.2rem;
}
@media (min-width: 768px) {
.delivery-purchase.attention .site-main__precautions figure:last-of-type {
display: table;
margin: 0 auto;
margin-bottom: 3.2rem;
width: 80%;
}
.delivery-purchase.attention .site-main__footer div {
margin-left: auto;
margin-right: auto;
width: 80%;
}
.delivery-purchase.attention .footer-link {
margin-left: auto;
margin-right: auto;
width: 80%;
}
}
/* —– キャンペーンと送料無料サービスについて —– */
.delivery-purchase.campaign .site-main dt {
margin-top: 1.5rem;
}
.delivery-purchase.campaign .site-main dt:first-child {
margin-top: 0;
}
.delivery-purchase.campaign .site-main dt::before {
content: "・";
display: inline;
}
@media (min-width: 992px) {
.delivery-purchase.campaign .site-main small {
margin-bottom: 2rem;
}
}
/* —– 宅配買取のよくあるご質問 —– */
.delivery-purchase .site-main__faq .large-headline {
margin: 1.25rem 0;
}
@media (min-width: 768px) {
.delivery-purchase .site-main__faq .large-headline {
margin: 2rem 0;
}
}
.delivery-purchase .site-main__faq dl {
font-size: calc(1rem * 14/ 10);
}
.delivery-purchase .site-main__faq dt {
align-items: center;
background: url('/wp-content/themes/akiba_x/images/delivery-purchase/faq/icon-question.png') left center/20px 20px no-repeat scroll;
display: flex;
font-weight: bold;
margin-bottom: 0.5rem;
min-height: 20px;
padding-left: calc(20px + 1rem * 4/ 10);
}
@media (min-width: 768px) {
.delivery-purchase .site-main__faq dt {
background-size: 32px 32px;
min-height: 32px;
padding-left: calc(32px + 1rem * 4/ 10);
}
}
.delivery-purchase .site-main__faq dd {
margin-bottom: 1rem;
}
/* —– 店舗と買取アップキャンペーン共通化対応 —– */
.delivery-purchase .site-main__promotion {
margin: 0 auto;
width: min(1100px, 100%);
}
@media (min-width: 1200px) {
.delivery-purchase .site-main__promotion {
padding: 0;
}
}
.delivery-purchase .site-main__promotion__list li {
padding-top: 0.8rem;
padding-bottom: 1.6rem;
}
@media (min-width: 992px) {
.delivery-purchase .site-main__promotion__list li {
display: block;
margin: 0;
padding-bottom: 0.8rem;
}
}
.delivery-purchase .site-main__promotion__list li:nth-child(2) {
padding: 1.6rem 0.8rem;
}
@media (min-width: 992px) {
.delivery-purchase .site-main__promotion__list li {
margin-bottom: 0.8rem;
}
.delivery-purchase .site-main__promotion__list li:nth-child(2) {
padding: 0.8rem;
}
}
.delivery-purchase .site-main__promotion__list li.limited-time {
background: transparent;
color: #000;
font-size: 1.6rem;
padding: 0;
text-align: left;
}
@media (min-width: 992px) {
.delivery-purchase .site-main__promotion__list li.limited-time {
margin-top: 1rem;
}
}
.delivery-purchase .site-main__promotion__list div.limited-time__box {
background: #ff0000;
color: #fff;
display: block;
font-size: 2.4rem;
text-align: center;
}
@media (min-width: 992px) {
.delivery-purchase .site-main__promotion__list div.limited-time__box {
display: flex;
align-items: normal;
}
}
.delivery-purchase .site-main__promotion__list small.limited-time__title {
background: #000;
color: #ff0;
font-size: inherit;
padding: 0.2rem;
padding-bottom: 0.4rem;
}
@media (min-width: 992px) {
.delivery-purchase .site-main__promotion__list small.limited-time__title {
align-items: center;
display: flex;
flex: 0 0 auto;
padding: 0.2rem 0.8rem;
padding-bottom: 0.4rem;
}
}
.delivery-purchase.campaign dl + .large-headline {
margin-top: 2rem
}
@media (min-width: 992px) {
.delivery-purchase .site-main__promotion__list div.limited-time__text {
flex: 0 1 100%;
padding: 0.4rem 0.8rem;
text-align: left;
}
.delivery-purchase .site-main__promotion__list br.limited-time__break {
display: none;
}
}
@media (min-width: 1200px) {
.delivery-purchase .site-main__promotion__list div.limited-time__text {
font-size: 3.2rem;
}
}
/* // 店舗と買取アップキャンペーン共通化対応 —– */
/* ===============================================================
旧宅配買取のご案内ページ
===============================================================
.return-top {
background: url('data:image/svg+xml;charset=UTF-8,') #f4f4f4 no-repeat center center / contain;
border-radius: 40px 40px 0 0;
bottom: 0;
display: block;
height: 40px;
position: absolute;
right: 0;
transform: translate(0,12.5%);
width: 80px;
z-index: 10;
}
.return-top::before {
content: "";
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.site-footer {
}
.site-footer__inner {
background-color: #f4f4f4;
color: #5f5f5f;
}
.site-footer small {
background-color: #5f5f5f;
color: #fff;
display: block;
padding: 1.6rem 3.2rem;
text-align: center;
}
.arrange-head {
display: flex;
padding-left: 1em;
}
.arrange-head small {
display: flex;
margin-left: -1em;
color: var(--bs-red);
}
.arrange-head:not(figure)::before, .arrange-head small::before {
content: "・";
font-family: 'Noto Sans Mono CJK JP', 'Source Han Code JP', 'Ricty Diminished', 'Ricty', 'Myrica M', 'MyricaM M', 'Rounded M+ 1m regular', 'Rounded M+ 2m regular', 'Rounded Mgen+ 1m regular', 'Rounded Mgen+ 2m regular', 'Migu 1M', 'Migu 2M', 'M+ 1m', 'M+ 2m', SFMono-Regular, Consolas, 'Roboto Mono', 'Courier New', Meiryo, monospace;
}
.arrange-head small::before {
content: "※";
}
.page-header {
}
@media (min-width: 667px) {
.page-header li {
font-size: 1.6rem;
}
.page-header b {
font-size: calc(1.325rem + .9vw);
}
}
@media (min-width: 768px) {
.page-header b {
font-size: 1.6rem;
}
}
@media (min-width: 1200px) {
.page-header b {
font-size: calc(1.325rem + .9vw);
}
}
.page-header__strengths {
background: linear-gradient(0deg, #f4ffff,#e4ffff 30%,#99ffff);
text-align: center;
}
.use-flow {
}
.use-flow__overview {
margin-bottom: 1.5rem;
}
.use-flow__overview li::after {
content: "↓";
display: block;
margin-left: -1.25em;
}
.use-flow__overview li:last-child::after {
display: none;
}
.use-flow__detail li::marker {
font-size: calc(1.3rem + .6vw);
font-weight: bold;
}
@media (min-width: 667px) {
.use-flow__overview li {
font-size: 1.4rem;
}
}
.use-flow__detail .position-relative > .position-absolute {
transform: translate(0,-100%);
}
.use-flow__detail__apply figure {
}
@media (min-width: 1200px) {
.use-flow__detail__apply figure {
margin-top: -6rem;
}
}
.reduction-rule .damage-sample {
left: 50%;
position: absolute;
top: 1rem;
transform: translate(-50%,0);
}
.reduction-rule .damage-sample p {
background-color: #ff0;
}
============================================================== */