img {image-rendering: -webkit-optimize-contrast;} p,blockquote {font-size: 130%;line-height: 1.8} figcaption .rating img.stars {width: 20px} figure {text-align: left;} .btn-white {background: #fff;color: #e00;border: solid 1px #e00} .btn-white:hover {background: #e00} .blockquote { position: relative; color: #2d374b; margin-top: 20px; } .blockquote::before { position: absolute; top: -2rem; left: -1.5rem; width: 4rem; height: 4rem; background-image: url("data:image/svg+xml,%3csvg width='5' height='4' viewBox='0 0 5 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.244 2.84803C2.244 3.08003 2.168 3.26803 2.016 3.41203C1.864 3.54803 1.672 3.61603 1.44 3.61603C1.16 3.61603 0.927996 3.52403 0.743996 3.34003C0.567996 3.15603 0.479996 2.89203 0.479996 2.54803C0.479996 2.18003 0.583996 1.82003 0.791996 1.46803C1.008 1.10803 1.308 0.824028 1.692 0.616028L1.968 1.03603C1.76 1.18003 1.592 1.34003 1.464 1.51603C1.344 1.69203 1.264 1.89603 1.224 2.12803C1.296 2.09603 1.38 2.08003 1.476 2.08003C1.7 2.08003 1.884 2.15203 2.028 2.29603C2.172 2.44003 2.244 2.62403 2.244 2.84803ZM4.452 2.84803C4.452 3.08003 4.376 3.26803 4.224 3.41203C4.072 3.54803 3.88 3.61603 3.648 3.61603C3.368 3.61603 3.136 3.52403 2.952 3.34003C2.776 3.15603 2.688 2.89203 2.688 2.54803C2.688 2.18003 2.792 1.82003 3 1.46803C3.216 1.10803 3.516 0.824028 3.9 0.616028L4.176 1.03603C3.968 1.18003 3.8 1.34003 3.672 1.51603C3.552 1.69203 3.472 1.89603 3.432 2.12803C3.504 2.09603 3.588 2.08003 3.684 2.08003C3.908 2.08003 4.092 2.15203 4.236 2.29603C4.38 2.44003 4.452 2.62403 4.452 2.84803Z' fill='%232d374b' fill-opacity='.125'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center center; background-size: contain; content: '' } /* 店舗別カラー　*/ .shop-tag {font-size: 100%;color: #fff;background: #ee0000;position: absolute;top: 0;left: 0;padding: 0.5em 0;line-height: 1rem;width: 100px;text-align: center;} .shop-ohashi {background: #f45c8f!important} .shop-hara {background: #53c0e9!important} .shop-itoshima {background: #1e89b3!important} .shop-onojyou {background: #eb591a!important} .shop-shime {background: #74b807!important} .shop-kurume {background: #b60169!important} .shop-wajiro {background: #e90089!important} .shop-katae {background: #e61312!important} .shop-net {background: #97cc07!important} .shop-ohashi {background: #f45c8f!important} .syuccyou {background: #5aa184!important} .intro .text p, .intro .text ul {margin-bottom: .75em;line-height: 1.8} .intro .text ul {list-style-type: disc;margin-left: 2em} .intro .text ul li {font-size: 130%} .shop-block .body a {text-decoration: none;color: #000;margin-bottom: 30px} .shop-block .body a .img {width: 100%;overflow: hidden} .shop-block .body a .img img { transition: .4s;} .shop-block .body a .img img:hover { transform: scale(1.1);} /* TOPページ */ .mainVisual .mainVisual-block {display: flex;justify-content: space-between;} .mainVisual .mainVisual-block .mainVisual-inner {width: 55%;} .mainVisual .mainVisual-block .slide {width: 42%;} /* よくあるご質問 */ .faq-answer {padding: 10px 0 20px 40px;font-size: 140%} .faq-answer p {font-size: inherit} .faq-answer::before { top: 0} /* 店舗一覧 */ .shoplist .inner {display: flex;justify-content: space-between;flex-wrap: wrap} .shoplist .inner .detail {border-bottom:solid 1px #ddd;padding:20px 0;display:flex;text-decoration: none;color: #000;width: 48%;position: relative;background: #fff;margin-bottom: 20px} .shoplist .inner .detail::before {content: "";position: absolute;height: 12px;width: 12px;display: block;border-top: 2px solid #e00;border-right: 2px solid #e00;right: 0;top: 50%;transform: rotate(45deg) translateY(-50%);} .shoplist .inner .detail:hover {opacity: .8} .shoplist .inner .detail .img {width: 30%;} .shoplist .inner .detail .info {width: 70%;padding-left:20px} .shoplist .inner .detail .info h3 {font-size:160%;margin-bottom: 8px} .shoplist .inner .detail .info h3 span {font-size:70%} .shoplist .inner .detail .info dl {display:flex; font-size: 105%;line-height: 1.5} .shoplist .inner .detail .info dl dt {width: 90px;} .shoplist .inner .detail .info dl.job {line-height: 1;margin-top: 4px} .shoplist .inner .detail .info dl dd.bosyu, .shopdetail .info .inner dl dd.bosyu {font-size: 80%;background: #f45a50;color: #fff;padding: 2px 15px} .shoplist .inner .detail.close:before {content: none} .shoplist .inner .detail.close:hover {opacity: 1} /* 店舗詳細 **********************************************************************************/ .shopdetail .detail-header {display:flex;justify-content:space-between} .shopdetail .detail-header .img {width:40%} .shopdetail .detail-header .info {width:58%} .shopdetail .detail-header .info .inner {padding-left:20px} .shopdetail .detail-header .info .inner h2 {font-size:220%;margin-bottom: 15px;font-weight:500} .shopdetail .detail-header .info .inner h2 span {font-size:65%;letter-spacing: 0} .shopdetail .detail-header .info .inner dl {display: flex;font-size: 120%;margin-bottom: 10px;font-weight: 500;width: 100%;} .shopdetail .detail-header .info .inner dt {width: 170px} .shopdetail .detail-header .info .inner dd i {margin-right: 6px} .shopdetail .detail-header .info .inner .btn-area {display:flex;position:absolute;bottom:0;right: 0;width:100%;justify-content:space-between} .shopdetail .detail-header .info .inner .btn-area .in {width: 24%} .shopdetail .detail-header .info .inner .btn-area .in a.btn {min-width:100%;max-width: 100%;padding:12px 0;font-size:105%;display: flex;align-items: center;padding-left: 1.5em;} .shopdetail .detail-header .info .inner .btn-area .in a.btn.comment {background:#0abf53} .shopdetail .detail-header .info .inner .btn-area .in a.btn.jisseki {background:#334ac0} .shopdetail .detail-header .info .inner .btn-area .in a.btn.twitter {background: #1da1f2} .shopdetail .detail-header .info .inner .btn-area .in a.btn i {margin-right: 8px;font-size:100%} .shopdetail .detail-header .info .map {margin-top:40px} .shopdetail .comment .in {display: flex;justify-content: space-between} .shopdetail .comment .in .img {width:25%} .shopdetail .comment .in .info {width:72%} .shopdetail .comment .in .info p { margin-bottom: 1em;} .shopdetail .comment .in .info p:last-of-type { margin-bottom: 0} .shopdetail .blog {} .shopdetail .blog .l-block {padding:20px 0 80px} .shopdetail .blog .l-block .in {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap} .shopdetail .blog .l-block .in h2 {width: 100%} .shopdetail .blog .l-block .in .block {width:48%;display:flex;align-items:center;border-bottom: dotted 1px #bbb;padding:10px 0;border-bottom:dotted 1px #bbb} .shopdetail .blog .l-block .in .block .img {width: 120px} .shopdetail .blog .l-block .in .block .img img {width:100px;max-width: 100px;height:75px;object-fit: cover;margin-right:15px} .shopdetail .blog .l-block .in .block .title {line-height:1.6;max-height: 75px;overflow:hidden;text-overflow: ellipsis;} .shopdetail .blog .l-block .in .block .title .date {font-size:110%;font-weight:700;} .shopdetail .blog .l-block .in .block a {font-size: 120%;text-decoration: none;color: #000} .shopdetail .blog .l-block .in .block a:hover {text-decoration: underline;color: #e00} .shopdetail .toMap a, .shopdetail .toMap a.tel, .shopdetail a.recruitLink {font-size:95%} .shopdetail a.recruitLink {margin-left: 10px;} /* 買取商品 **********************************************************************************/ .item .header h2 {font-size: 220%;margin-bottom: 15px;text-align: center;color: #e00} .item .header h2 span {font-size: 65%;letter-spacing: 0;color: #000} .item .header p {margin-bottom: 1em} .item .header p:last-of-type {margin-bottom: 0} .item .item-list section {background: #fff!important} .item .item-list .inner {display:flex;justify-content:space-between;flex-wrap:wrap} .item .item-list .inner:after {content: "";width: calc(100%/5);height: 0;background:none} .item .item-list .inner a {width:calc(100%/5.4);text-align:center;text-decoration:none;color:#000;margin-bottom: 25px; border: solid 1px #ccc;background: #fff;} .item .item-list .inner a img {width:100%;height:150px;object-fit:cover} .item .item-list .inner a h3 {font-size:110%;font-weight:700;letter-spacing:0;margin:.5em 0} .item .item-list .inner a:hover {opacity: .8;} /* 買取商品（詳細） **********************************************************************************/ .item.detail .header .heading-title {letter-spacing:0;font-size:260%;padding-bottom:60px;font-weight: 700;transform: rotate(0.05deg);} .item.detail .header .heading-title span {font-weight: 500;display: block;padding:2px 0} .item.detail .header .in {display:flex;justify-content:space-between;margin-bottom:20px;} .item.detail .header .in .img {width:40%;} .item.detail .header .in .img img {width:100%;border-right:solid 1px #fff;border-bottom:solid 1px #fff;max-height: 260px;object-fit: cover} .item.detail .header .in .info {width: 58%} .item.detail .header .in .info h3 {font-size:140%;font-weight:700;margin-bottom:20px;line-height:1.8;letter-spacing: 0;} .item.detail .header .in .info h3 span {font-weight: normal;} .item.detail .header .about {background-color:beige;padding:1.5em;border-radius:4px;background:#ebf8e7} /* ブログ一覧（blog） **********************************************************************************/ .blog .select {display: flex;justify-content: space-between;flex-wrap:wrap} .blog .select a {width:calc(100%/4.2);min-width:auto;margin-bottom:10px} .blog .select a.ohashi {color: #f45c8f;border-color: #f45c8f} .blog .select a.ohashi:hover {background: #f45c8f;color: #fff} .blog .select a.hara {color: #53c0e9;border-color: #53c0e9} .blog .select a.hara:hover {background: #53c0e9;color: #fff} .blog .select a.itoshima {color: #1e89b3;border-color: #1e89b3} .blog .select a.itoshima:hover {background: #1e89b3;color: #fff} .blog .select a.onojyou {color: #eb591a;border-color: #eb591a} .blog .select a.onojyou:hover {background: #eb591a;color: #fff} .blog .select a.shime {color: #74b807;border-color: #74b807} .blog .select a.shime:hover {background: #74b807;color: #fff} .blog .select a.wajiro {color: #e90089;border-color: #e90089} .blog .select a.wajiro:hover {background: #e90089;color: #fff} .blog .select a.katae {color: #e61312;border-color: #e61312} .blog .select a.katae:hover {background: #e61312;color: #fff} .blog .select a.net {color: #97cc07;border-color: #97cc07} .blog .select a.net:hover {background: #97cc07;color: #fff} .blog .list .in {width:100%;display:flex;align-items:center;border-bottom: dotted 1px #bbb;padding:10px 0;} .blog .list .in .img {width: 100px} .blog .list .in .img img {width:80px;max-width: 80px;height:60px;object-fit: cover;margin-right:15px} .blog .list .in .title {line-height:1.6;position: relative} .blog .list .in .title .date-and-tenpo {display:flex;align-items:center;margin-bottom:.5em} .blog .list .in .title .date-and-tenpo .shop-tag {font-size: 85%;} .blog .list .in .title .date-and-tenpo .date {font-size:110%;font-weight:700;margin-left: 110px} .blog .list .in .title a {font-size:120%;text-decoration: none; color: #000} .blog .list .in .title a:hover {text-decoration: underline;color: #e00} /* ブログ詳細 **********************************************************************************/ .blog .blog-content.detail {padding-top: 60px;} .blog .blog-content.detail .blog-content-main h2 {font-size: 160%;font-weight: 700;letter-spacing: 0;padding-bottom: 5px;} .blog .blog-content.detail .blog-content-main .date {text-align: right;border-bottom: dotted 1px #ccc;padding-bottom: 10px;} .blog .blog-content.detail .blog-content-main .img {text-align: center;margin:20px 0} .blog .blog-content.detail .blog-content-main .img img {max-height: 300px;} .blog .blog-content.detail .blog-content-main .prev-and-next {margin: 40px auto;font-size: 130%} .blog .blog-content.detail .blog-content-main .prev-and-next {display: flex;justify-content: center;} .blog .blog-content.detail .blog-content-main .prev-and-next .left a , .blog .blog-content.detail .blog-content-main .prev-and-next .right a {border: solid 1px #e00;text-decoration: none;padding: 10px 30px;background: #e00; color: #fff;margin: 0 20px} .blog .blog-content.detail .blog-content-main .prev-and-next .left a:hover, .blog .blog-content.detail .blog-content-main .prev-and-next .right a:hover {background: rgba(238,8,0, .8);} .blog .blog-content .blog-content-main h2.ohashi, .blog .blog-content .blog-content-main h2.blog_ohashi {border-bottom:solid 2px #ee0000;background: rgba(238,8,0,.05);padding:10px 6px} .blog .blog-content .blog-content-main h2.net, .blog .blog-content .blog-content-main h2.blog_net{border-bottom:solid 2px #97cc07;background: rgba(51,204,7,.05);padding:10px 6px} .blog .blog-content .blog-content-main h2.hara,.blog .blog-content .blog-content-main h2.blog_hara {border-bottom:solid 2px #53c0e9;background: rgba(83,192,233,.05);padding:10px 6px} .blog .blog-content .blog-content-main h2.itoshima, .blog .blog-content .blog-content-main h2.blog_itoshima {border-bottom:solid 2px #1e89b3;background: rgba(30,137,179,.05);padding:10px 6px} .blog .blog-content .blog-content-main h2.onojyou, .blog .blog-content .blog-content-main h2.blog_onojyou{border-bottom:solid 2px #eb591a;background: rgba(235,89,26,.05);padding:10px 6px} .blog .blog-content .blog-content-main h2.shime, .blog .blog-content .blog-content-main h2.blog_shime {border-bottom:solid 2px #74b807;background: rgba(116,184,7,.05);padding:10px 6px} .blog .blog-content .blog-content-main h2.wajiro, .blog .blog-content .blog-content-main h2.blog_wajiro {border-bottom:solid 2px #e90089;background: rgba(233,0,137,.05);padding:10px 6px} .blog .blog-content .blog-content-main h2.katae, .blog .blog-content .blog-content-main h2.blog_katae {border-bottom:solid 2px #e61312;background: rgba(230,19,18,.05);padding:10px 6px} .blog .blog-content .blog-content-main h2.kasuga, .blog .blog-content .blog-content-main h2.blog_kasuga {border-bottom: solid 2px rgb(201 203 3);background: rgb(230 233 0 / 10%);padding:10px 6px} .blog .blog-content .blog-content-main h2.ptn2 span {font-size: 200%} /* 店舗別ブログ一覧 **********************************************************************************/ .blog .form {margin-top: -40px;background: #fff;border-radius: 4px;} .blog .form .in {padding:30px 0} .blog .shopdetail.blog-header .detail-header {border-bottom: solid 1px #ddd;padding-bottom: 10px;justify-content: left;} .blog .shopdetail.blog-header .detail-header .img {width: 25%} .blog .shopdetail.blog-header .detail-header .info {width: 70%;} .blog .shopdetail.blog-header .detail-header .info .inner h2 {padding-top: 10px;font-size: 190%;font-weight:500} .blog .shopdetail.blog-header .detail-header .info .inner dl dt {width: 90px;} .blog .blog-content {display: flex;justify-content: space-between;padding-top: 40px} .blog .blog-content .blog-content-main {width: 70%} .blog .blog-content .blog-content-side {width: 26%;} .blog .blog-content .blog-content-side .in {margin-bottom: 10px;} .pagination-wrapper {margin: 40px auto 0 auto} .blog-content .blog-content {display: block;padding: 0} .blog-content p, .blog-detail {font-size: 16px;} /* 売りたい（sell） **********************************************************************************/ .sell .method {display:flex;justify-content:space-between} .sell .method a {width: calc(100% / 2.2);border: solid 1px #000;padding:30px 20px 20px 20px;color:#000;text-decoration:none;background:#fff} .sell .method a .icon {text-align:center;margin-bottom:20px} .sell .method a .icon span {font-size: 300%;font-weight:lighter;} .sell .method a .heading {padding-bottom: 20px} .sell .method a .heading h2.heading-title {font-size: 160%} .sell .method a p {font-size:116%;font-weight:700;letter-spacing:0} .sell .method a .btn-area {text-align:center;margin-top:20px} .sell .method a .btn-area .btn:hover {background: #e00} .sell .method a:hover {opacity: .8} .sell .item .item-list .inner a {width: calc(100%/5.4)} .sell .item .item-list .inner a h3 {font-size: 115%;margin: .5em 0} .sell .item .item-list .inner a img {height: 130px} .sell .shoplist .inner .detail {width: 49%} .sell .shoplist .inner .detail .img {width: 25%} .sell .shoplist .inner .detail .info {width: 75%;padding-left: 10px} .sell .shoplist .inner .detail .info h3 {margin-bottom: 0;font-size: 130%;font-weight:500;margin-bottom:5px} .sell .shoplist .inner .detail.close p {font-size:110%;color:#e00;font-weight:700;line-height: 1.5;letter-spacing: 0;} /*売りたい > 店頭買取（store） */ .sell .steps {display:flex;justify-content:space-between;border-bottom: solid 1px #000;padding-bottom:40px;margin-bottom:40px;flex-wrap: wrap} .sell .steps .no {width: 15%;text-align:center} .sell .steps .no .circle { background: #fff;border-radius: 50%;width: 80px;height: 80px;color: #e00;text-align: center;display: flex;justify-content: center;align-items: center; flex-wrap: wrap;font-weight:700;border: solid 2px #e00} .sell .steps .no .circle h3 {font-size:120%;font-weight:500;margin-bottom: 4px;display:block;width:100%;font-weight:700} .sell .steps .no .circle i {font-size:130%;font-weight:700} .sell .steps .info {width:85%;margin-top:10px} .sell .steps .info .in {display:flex;justify-content:space-between} .sell .steps .info .in .text { width: 64%} .sell .steps .info .in .text h4 {font-size:160%;color: #e00;margin-bottom: 10px;} .sell .steps .info .in .text p {margin-bottom:1em} .sell .steps .info .in .text ul {font-size:130%} .sell .steps .info .in .text ul li {margin-bottom: 15px} .sell .steps .info .in .text ul li:last-child; {margin-bottom: 0} .sell .steps .info .in .text ul li span {font-weight:700;} .sell .steps .info .in .text ul li ul {font-size:98%;list-style-type: disc;display:flex;flex-wrap:wrap;padding-left:2em;margin-top:10px} .sell .steps .info .in .text ul li ul li {min-width:100px;margin:5px 0} .sell .steps .info .in .img {width: 36%} .sell .steps .info .in .img>div {padding-left: 15px} .sell .steps .info .in .text p:last-of-type {margin-bottom: 0} .sell .steps .info .in .text p:first-of-type {margin-bottom: 1em} /*売りたい > 出張買取（visit） */ .sell.visit .icon {display:flex;align-items:center;justify-content:center;margin-bottom:10px;margin-top:1em} .sell.visit i {font-size:300%} .sell.visit i.small {font-size:200%;padding:0 .25em} .sell.visit .heading-title .in {font-size:.8em;letter-spacing:0} .sell.visit .shop-lead {margin-top:2em;border:0;padding:2em 1em!important;border-radius:1em;background:#f7f7f7;} .sell.visit .shop-lead h3 {font-size:180%;margin-bottom:20px;font-weight:400;font-family:'M PLUS 2';} .sell.visit .step-btn-area {text-align:center;margin-top:30px;width:100%} .sell.visit .steps {text-align:center;font-weight:600;} .sell.visit .notice {display: inline-block;position: relative;padding: .5em 1.3em .5em 1em;background-color: #ffffaa;color: #333333;} .sell.visit .notice:before {position: absolute;bottom: -1px;right: 9px;z-index: -1;transform: rotate(5deg);width: 70%;height: 50%;background-color: #d0d0d0;content: "";filter: blur(4px); } .sell.visit .notice h4 {font-size:140%;color:#e00;font-weight:600} .sell.visit .notice h4 i {font-size:90%;margin-right:6px} .sell.visit .notice p {font-weight:600} .sell.visit .notice ol {font-size:130%;list-style-type: decimal;padding-left: 2em;line-height: 1.6;margin-top: 10px} .sell.visit .notice ol li {font-weight:500!important} .sell.visit .notice ol li:last-child {margin-bottom:0} /* 買いたい（buy） **********************************************************************************/ .buy .method {display:flex;justify-content:space-between} .buy .method .in {width: 48%;border: solid 1px #000;padding:20px 0;color:#000;text-decoration:none;padding: 40px} .buy .method .in .icon {text-align:center;margin-bottom:20px} .buy .method .in .icon span {font-size: 300%;font-weight:lighter;} .buy .method .in .heading {padding-bottom: 20px} .buy .method .in .heading h2.heading-title {font-size: 180%} .buy .method .in p {font-size:116%;font-weight:700;letter-spacing:0} .buy .method .in .btn-area {text-align:center;margin-top:20px} .buy .method .in .btn-area .btn:hover {background: #e00} .buy .method .in:hover {opacity: .8} .shop-ohashi {background: #f45c8f!important} .shop-hara {background: #53c0e9!important} .shop-itoshima {background: #1e89b3!important} .shop-onojyou {background: #eb591a!important} .shop-shime {background: #74b807!important} .shop-kurume {background: #b60169!important} .shop-wajiro {background: #e90089!important} .shop-katae {background: #e61312!important} .shop-net {background: #97cc07!important} .shop-kasuga {background: #c9cb03!important} .heading-title.small {font-size: 260%} /*買取実績リスト*/ .jisseki-list h2.heading-title.item {line-height:1;margin-bottom:10px;transform: rotate(0.05deg);} .jisseki-list h2.heading-title.item span {font-size:60%;} .jisseki-list ul {display: flex;justify-content: center;overflow: hidden;margin: 10px auto 30px;flex-wrap: wrap;margin-bottom: 10px;} .jisseki-list ul li {width: 19%;margin-bottom: 30px;max-width: 500px; padding: 0 10px} .jisseki-list ul li .in {display: block; text-decoration: none;background: #fff;color: #000;border: solid 1px #ccc} .jisseki-list ul li .in figure {position: relative} .jisseki-list ul li .in figure img { height: 150px;object-fit: cover;width: 100%} .jisseki-list ul li .in figure+div {padding: 5px 10px; height: 140px} .jisseki-list ul li .in figure+div .date {border: none;font-size: 90%;font-weight: bold;} .jisseki-list ul li .in figure+div .info {font-size: 105%;overflow: hidden;text-overflow: ellipsis;height: 100px;letter-spacing: 0;padding-top: 5px; font-weight:400;line-height: 1.4;word-break: break-all;} h2.ptn2 {border-bottom:1px solid #ccc;margin-bottom:15px} h2.ptn2 span {display: inline-block;font-family: "M PLUS Rounded 1c";font-weight: lighter;font-size: 210%} h2.ptn2 small {display: inline-block;font-family: 'Roboto Mono', monospace; font-size: 116%;font-weight: 500;color: #fc1414;padding-left: 10px} .ptb-40 {padding-top: 40px;padding-bottom: 40px} .ptb-60 {padding-top: 60px;padding-bottom: 60px} .pt-40 {padding-top: 40px} .pb-80 {padding-bottom: 80px} .pb-60 {padding-bottom: 60px} .pb-40 {padding-bottom: 40px} .pb-20 {padding-bottom: 20px} .pb-10 {padding-bottom: 10px} .text-center {text-align: center} /*nav */ nav ul.navi-list {position: relative;} nav ul.navi-list li a {padding: 5px 18px} .navi-list li:not(:last-child)::after {content: none} nav ul.navi-list ul {position: absolute;top: 100%;} nav ul.navi-list ul { visibility: hidden; opacity: 0; transition: .3s ease-in-out; } nav ul.navi-list li:hover > ul {visibility: visible; opacity: 1;z-index: 10} nav ul.navi-list ul li {background: #e00;color: #fff} nav ul.navi-list ul li:after {background-color: rgba(255,255,255, .5)!important} nav ul.navi-list ul li a {color: #fff!important;font-size: 100%;padding: 1.25em;text-align: left;display: flex;align-items: center} nav ul.navi-list ul li a:before {font-family: "Font Awesome 6 pro";font-weight: 900;content: "\f105"; font-size: 70%;margin-right: 4px} nav ul.navi-list ul li a:hover {background: #ff2424} nav ul.navi-list ul li a:hover::after {transform: scale(0)!important} nav ul.navi-list li a .icon {margin:12px 0 2px 0} nav ul.navi-list li a .icon i {font-size: 180%;color:#e00} nav ul.navi-list li a span {font-size:98%;letter-spacing:0} .pagination>li>a,.pagination>li>span { padding: 10px 22px !important } .pagination li.current a { background: #e00 !important; color: #fff } .pagination { list-style-type: none; padding-left: 0; margin: 20px 0 } .pagination,.pagination li a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center } .pagination a { font-weight: 300; padding-top: 1px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; min-width: 26px; min-height: 26px } .pagination li:not([class*="current"]) a:hover { background-color: #eee } .pagination li:first-of-type a { border-left-width: 1px } .pagination li.first span,.pagination li.last span,.pagination li.previous span,.pagination li.next span { position: absolute; top: -9999px; left: -9999px } .pagination li.first a::before,.pagination li.last a::after,.pagination li.previous a::before,.pagination li.next a::after { display: inline-block; font-family: Fontawesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0) } .pagination li.first a::before { content: "\f100" } .pagination li.last a::after { content: "\f101" } .pagination li.previous a::before { content: "\f104" } .pagination li.next a::after { content: "\f105" } .pagination li.current a { background-color: #ddd; cursor: default; pointer-events: none } .pagination>li:first-child>a { border-bottom-left-radius: 4px; border-top-left-radius: 4px } .pagination>li:last-child>a { border-bottom-right-radius: 4px; border-top-right-radius: 4px } .pagination>li>a,.pagination>li>span { color: #e00; font-size: 130%; font-weight: 500; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; cursor: pointer; } .sidenav .form-control {height: auto!important;padding: 10px!important} .faq .heading-title {font-size: 220%} .navi-list li.on {background: #e00;} .navi-list li.on a, nav ul.navi-list li.on a .icon i {color: #fff} .lowerLink-list a {padding: 15px 0} .lowerLink {padding: 20px 0;margin-top: 60px;} .main-banner {display: flex;justify-content: space-between;padding:20px 0} .main-banner div {width: calc(100% / 6.2);overflow: hidden;} .main-banner div a img {width: 100%;height: auto;object-fit: cover;} .main-banner div a:hover img {opacity: .85;transition: .2s;} @media screen and (min-width:768px) and (max-width:1060px) { .mainVisual .mainVisual-block {display: flex;justify-content: space-between;padding: 0 40px} .mainVisual .mainVisual-block .mainVisual-inner {width: 48%;margin-left: 0;} .mainVisual-caseTitle {font-size: 160%;white-space: normal;} .mainVisual-caseText {font-size: 200%;white-space: normal;text-align: left;} .mainVisual .mainVisual-block .slide {width: 48%;} .main-banner {padding: 20px;} .main-banner div a img {height: auto;object-fit: contain;} .shopdetail .detail-header .info .inner .btn-area {flex-wrap: wrap;} .shopdetail .detail-header .info .inner .btn-area .in {width: 48%;margin-bottom: 5px} .shopdetail .detail-header .info .inner .btn-area .in a.btn {padding:10px} } @media screen and (max-width:767px) { .blog .blog-content.detail .blog-content-main h2 {font-size: 130%;} .pageHeading {padding-top: 30px;} .heading {padding-bottom: 0;} .mainVisual {height: auto;padding: 20px;} /* .mainVisual {background: url(../img/bkg-sp.jpg)!important ;} */ .mainVisual-caseText {text-align: left;} .mainVisual .mainVisual-block {display: flex;justify-content: space-between;flex-wrap: wrap} .mainVisual .mainVisual-block .mainVisual-inner {width: 100%} .mainVisual .mainVisual-block .slide {width: 100%;margin: 20px auto 0 auto} .mainVisual .mainVisual-block .slide .slider {width: 80%;margin: 0 auto} .main-banner {display: flex;justify-content: space-between;padding:20px 0;flex-wrap: wrap;} .main-banner div {width: 49%;margin-bottom: 10px;} .main-banner div a img {width: 100%;height: auto;} p, blockquote, ul {font-size: 110%!important} .mainVisual-box figure .blockquote {font-size: 110%;} .mainVisual-inner {margin-left: 0;padding: 0 20px} .mainVisual-caseText {font-size: 180%;} .home.hajimete {padding: 20px!important} .home.hajimete .in {flex-wrap: wrap;} .home.hajimete .in .img, .home.hajimete .in .text {width: 100%!important;} .home.hajimete .in .img img {/*max-height: 200px;*/width: 100%;object-fit: contain;margin-bottom: 30px;} .sell .shoplist .inner .detail {width: 100%;margin-left: auto;margin-right: auto;flex-wrap: wrap;} .sell .shoplist .inner .detail .img {width: 25%;} .sell .shoplist .inner .detail .img img {object-fit: cover} .sell .shoplist .inner .detail .info {width: 75%;} .sell .shoplist .inner .detail .info h3 {font-size: 120%;} .shoplist .inner .detail .info dl {font-size: 100%;} .shoplist .inner .detail {padding: 0 0 10px 0} .blog .list .in {flex-wrap: wrap;align-items: flex-start;} .blog .list .in .img {width: 25%;} .blog .list .in .img img{width: 100%;max-width: 100%;} .blog .list .in .title {width: 75%;padding-left: 10px;} .blog .list .in .title a {font-size: 110%;line-height: 1;} .blog .list .in .title .date-and-tenpo .shop-tag {font-size: 80%;margin-left: 10px;} .blog .list .in .title .date-and-tenpo .date {font-size: 90%;} .jisseki-list ul {justify-content: space-between;} .jisseki-list ul li {width: 48%;padding: 0;margin-bottom: 15px;} .shop-tag {font-size: 70%} .jisseki-list ul li .in figure+div p{font-size: 90%!important;} .jisseki-list ul li .in figure+div .info {height: 90px;} .sell .method {flex-wrap: wrap;} .sell .method a {padding: 20px;width: 100%;margin-bottom: 20px;} .fa-3x {font-size: 200%!important} .sell .method a .icon {margin-bottom: 10px;} .sell .method a .heading h2.heading-title {font-size: 140%} .sell .method a .heading {line-height: 1;} .l-block {padding: 20px 0} .sell .item .item-list .inner a, .item .item-list .inner a {width: calc(100%/2.1);margin-bottom: 10px;} .item .item-list .inner:after {width: calc(100%/3.1); content: ''} .sell .item .item-list .inner a img, .item .item-list .inner a img {height: 120px;} .sell .item .item-list .inner a h3, .item .item-list .inner a h3{font-size: 86%;line-height: 1.4;padding: 0 10px} .item.detail .header .heading-title {font-size: 180%;padding-bottom: 20px;} .item.detail .header .in {flex-wrap: wrap;} .item.detail .header .in .img, .item.detail .header .in .info {width: 100%;} .item.detail .header .in .info h3 {font-size:110%;letter-spacing: 0;margin-top: 10px;} .ptb-40 {padding: 20px 0} p.homeNews-list-title {font-size: 98%!important;line-height: 1.2;padding-top: 0;} .homeNews-list a {padding: 10px 0} .shoplist .inner .detail:hover {opacity: 1;} .shoplist .inner .detail::before {width: 8px;height: 8px;} .shoplist .inner .detail .info dl dt {width: 70px;} .sell .shoplist .inner .detail.close p, a.hosyo {font-size: 90%!important;} .shopdetail .detail-header .info .inner dl:last-of-type dt {width: auto;margin-right: 10px;} .shopdetail .detail-header {flex-wrap: wrap!important;} .shopdetail .detail-header .img {width: 100%;} .shopdetail .detail-header .info {width: 100%;padding-left: 0;} .shopdetail .detail-header .info .inner {padding-left: 0;} .shopdetail .detail-header .info .inner h2 {font-size: 140%;margin-top: 10px;margin-bottom: 0;margin-bottom: 15px;} .shopdetail .detail-header .info .inner dl {font-size: 100%;margin-bottom: 15px;} .shopdetail .detail-header .info .inner dt {width: 80px;} .shopdetail .detail-header .info .inner .btn-area {position: inherit;flex-wrap: wrap;} .shopdetail .detail-header .info .inner .btn-area .in {width: 49%;margin-bottom: 8px;} h2.ptn2 span {font-size: 140%} .shopdetail .comment .in {flex-wrap: wrap;align-items: center;} .shopdetail .comment .in .img {width: 100%;text-align: center;} .shopdetail .comment .in .img img {max-height: 260px;text-align: center;margin-bottom: 20px;} .shopdetail .comment .in .info {width: 100%;} .shopdetail .blog .l-block .in .block {width: 100%;} .shopdetail .blog .l-block .in .block .img {width: auto;} .shopdetail .blog .l-block .in .block .img img {width: 80px;max-width: 80px;height: 60px;margin-right: 10px;} .shopdetail .blog .l-block .in .block .title {height: auto;max-height: inherit;overflow: inherit;} .shopdetail .blog .l-block .in .block .title .date {font-size: 90%} .shopdetail .blog .l-block .in .block a {font-size: 110%;line-height: 1.6;} .shop-lead {padding: 10px!important} .shop-lead h3{font-size: 140%!important;margin-bottom: 0!important;} .shop-lead p {padding: 10px;font-size: 110%!important;} .sell .steps {flex-wrap: wrap;align-items: center;padding-bottom: 20px;margin-bottom: 20px;} .sell .steps .no {width: 100%;} .sell .steps .no .circle {margin: 0 auto; width: 65px;height: 65px;} .sell .steps .no .circle h3 {font-size: 100%} .sell .steps .no .circle i {font-size: 100%;} .sell .steps .info {width: 100%;} .sell .steps .info .in {flex-wrap: wrap;justify-content: center;} .sell .steps .info .in .text h4 {font-size: 140%;} .sell .steps .info .in .text p:first-of-type {margin-bottom: 10px;} .sell .steps .info .in .text {width: 100%;} .sell .steps .info .in .img {width: 100%;margin: 10px 0;text-align: center;} .sell .steps .info .in .img img {max-width: 80%;} .sell .steps .info .in .text ul li ul {padding-top: 0} .step-btn-area {display: flex;justify-content: space-between;} .step-btn-area a{width: 49%;max-width: inherit;min-width: inherit;} .sell .notice {padding: 15px!important} .sell .notice h4 {font-size: 140%!important} .sell .notice p {font-size: 100%!important} .sell .notice ol {font-size: 105%!important;line-height: 1.6;} .sell .notice ol li {margin-bottom: 10px;font-weight: 700;} .item .header h2 {font-size: 160%} .blog .shopdetail.blog-header .detail-header .img {width: 30%;} .blog .shopdetail.blog-header .detail-header .info {width: 70%;} .blog .shopdetail.blog-header .detail-header .info .inner {padding-left: 10px;} .blog .shopdetail.blog-header .detail-header .info .inner h2 {font-size: 130%;margin: 0 0 5px;padding-top: 0;line-height: 1;} .blog .shopdetail.blog-header .detail-header .info .inner dl dt {width: 80px;} .blog .shopdetail .detail-header .info .inner dl {margin-bottom:5px;} .blog .shopdetail .detail-header .info .inner dl dt {width: 70px;margin-right: 0;} .blog .shopdetail.blog-header .detail-header .info .inner dl:first-of-type dt {display: none;} .blog .blog-content {flex-wrap: wrap;} .blog .blog-content .blog-content-main {width: 100%;} .blog .blog-content .blog-content-main h2.ptn2 span {font-size: 130%;} .blog .blog-content .blog-content-main h2.ptn2 small {font-size: 110%;} .pagination>li>a, .pagination>li>span {font-size: 80%;} .pagination>li>a, .pagination>li>span {padding:10px 15px!important} .pagination {margin-top: 10px;} .blog .blog-content .blog-content-side {width: 100%;} .blog .blog-content .blog-content-side .in {max-width: 80%;margin-left: auto;margin-right: auto;} .footer {padding: 30px 0} .footer-box {width: 100%;} .footer-title {font-size: 110%;margin-bottom: 10px;} .footer-navi {padding-bottom: 0;display: flex;flex-wrap: wrap;} .footer-navi li {width: 50%;} .footer-box {padding-bottom: 20px;} .footer-navi li a {font-size: 90%} .about-festa {display: none;} .online table tr th img {max-height: 50px;padding: 0} .online table tr td:first-child {white-space: nowrap;padding: 10px; } .online table tr td:first-child h3 {font-size: 100%;} .faq .heading-title {font-size: 160%;margin-top: 40px;} .faq-answer {font-size: 110%!important;padding: 5px 0 10px 30px} .faq-answer p {font-size: 100%!important} .footer_area { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.6); z-index: 2; } .footer_area .footer_area_inner { position: relative; margin: 0 auto; padding: 10px 0; display: flex; justify-content: space-around; width: 85%; } .footer_area .footer_area_inner a { width: 46%; text-decoration: none; background-color: #1b95e0; color: #fff; text-align: center; border-radius: 3px; box-shadow: 1px 2px 6px #0a3b59; font-size: 100%; padding: .5em 0; line-height: 1.4; } .footer_area .footer_area_inner a.footer-line { background-color: #27BC00; } .footer_area .footer_area_inner a i { font-size: 120%; margin-right: 6px; line-height: 1; } } #contact dt,#confirm dt,#complete dt,#estimate dt { background: #ddd; color: blue; padding: 12px 0; font-weight: normal; text-decoration: underline; cursor: pointer } #contact dd,#confirm dd,#complete dd,#estimate dd { text-align: left; padding: 15px; border: solid 1px #ddd; font-size: 1.4rem } #contact dd li,#confirm dd li,#complete dd li,#estimate dd li { margin-bottom: 10px } #contact p,#confirm p,#complete p,#estimate p { margin: 0 } #contact .main-img,#confirm .main-img,#complete .main-img,#estimate .main-img { background: url(../img/bg/contact.jpg); background-size: cover } #contact i.contact-icon,#confirm i.contact-icon,#complete i.contact-icon,#estimate i.contact-icon { font-size: 16px; color: #e00; margin-right: 6px; vertical-align: middle } #contact .contact-icon-left,#confirm .contact-icon-left,#complete .contact-icon-left,#estimate .contact-icon-left { font-size: 30px; position: absolute; left: 0 } #contact .mw_wp_form_confirm.mw_wp_form_preview p,#confirm .mw_wp_form_confirm.mw_wp_form_preview p,#complete .mw_wp_form_confirm.mw_wp_form_preview p,#estimate .mw_wp_form_confirm.mw_wp_form_preview p { border-bottom: dotted 1px #008f4b; padding: 10px 0; margin: 0 0 10px 0; font-weight: 600 } #contact .mw_wp_form_confirm.mw_wp_form_preview .form-full,#confirm .mw_wp_form_confirm.mw_wp_form_preview .form-full,#complete .mw_wp_form_confirm.mw_wp_form_preview .form-full,#estimate .mw_wp_form_confirm.mw_wp_form_preview .form-full { width: 49% } #contact .mw_wp_form_confirm.mw_wp_form_preview .form-full:fist-child,#confirm .mw_wp_form_confirm.mw_wp_form_preview .form-full:fist-child,#complete .mw_wp_form_confirm.mw_wp_form_preview .form-full:fist-child,#estimate .mw_wp_form_confirm.mw_wp_form_preview .form-full:fist-child { margin-right: 10px } #contact input[type="text"],#contact input[type="email"],#contact input[type="tel"],#contact input[type="number"],#contact input[type="password"],#contact input[type="radio"],#contact input[type="checkbox"],#contact textarea,#confirm input[type="text"],#confirm input[type="email"],#confirm input[type="tel"],#confirm input[type="number"],#confirm input[type="password"],#confirm input[type="radio"],#confirm input[type="checkbox"],#confirm textarea,#complete input[type="text"],#complete input[type="email"],#complete input[type="tel"],#complete input[type="number"],#complete input[type="password"],#complete input[type="radio"],#complete input[type="checkbox"],#complete textarea,#estimate input[type="text"],#estimate input[type="email"],#estimate input[type="tel"],#estimate input[type="number"],#estimate input[type="password"],#estimate input[type="radio"],#estimate input[type="checkbox"],#estimate textarea { -webkit-appearance: none; border: 1px solid #aaa; -webkit-border-radius: 0px; border-radius: 0px; color: #333; outline: none; font-weight: 400; letter-spacing: 1px; padding: 10px 15px; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; display: inline-block; padding: 20px; } .btn.btn-conform {border: none;font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;padding: 15px 0} #contact select,#confirm select,#complete select,#estimate select { border: 1px solid #aaa; padding: 15px } #contact input[type="text"]:focus,#contact input[type="email"]:focus,#contact input[type="tel"]:focus,#contact input[type="number"]:focus,#contact input[type="radio"]:focus,#contact input[type="checkbox"]:focus,#contact input[type="select"]:focus,#contact input[type="password"]:focus,#contact textarea:focus,#confirm input[type="text"]:focus,#confirm input[type="email"]:focus,#confirm input[type="tel"]:focus,#confirm input[type="number"]:focus,#confirm input[type="radio"]:focus,#confirm input[type="checkbox"]:focus,#confirm input[type="select"]:focus,#confirm input[type="password"]:focus,#confirm textarea:focus,#complete input[type="text"]:focus,#complete input[type="email"]:focus,#complete input[type="tel"]:focus,#complete input[type="number"]:focus,#complete input[type="radio"]:focus,#complete input[type="checkbox"]:focus,#complete input[type="select"]:focus,#complete input[type="password"]:focus,#complete textarea:focus,#estimate input[type="text"]:focus,#estimate input[type="email"]:focus,#estimate input[type="tel"]:focus,#estimate input[type="number"]:focus,#estimate input[type="radio"]:focus,#estimate input[type="checkbox"]:focus,#estimate input[type="select"]:focus,#estimate input[type="password"]:focus,#estimate textarea:focus { border-color: #0080cb; color: #323232 } #contact input,#contact textarea,#contact select,#confirm input,#confirm textarea,#confirm select,#complete input,#complete textarea,#complete select,#estimate input,#estimate textarea,#estimate select { margin-bottom: 20px } #contact input.input-sm,#contact .input-sm,#confirm input.input-sm,#confirm .input-sm,#complete input.input-sm,#complete .input-sm,#estimate input.input-sm,#estimate .input-sm { padding: 8px 15px } #contact textarea,#confirm textarea,#complete textarea,#estimate textarea { height: 120px } #contact .form-full,#confirm .form-full,#complete .form-full,#estimate .form-full { width: 100%; font-size: 120%; } #contact .btn.btn-back.form-full,#contact .btn.btn-conform.form-full,#confirm .btn.btn-back.form-full,#confirm .btn.btn-conform.form-full,#complete .btn.btn-back.form-full,#complete .btn.btn-conform.form-full,#estimate .btn.btn-back.form-full,#estimate .btn.btn-conform.form-full { padding-top: 20px; padding-bottom: 20px } #contact .form-field-wrapper,#confirm .form-field-wrapper,#complete .form-field-wrapper,#estimate .form-field-wrapper { margin-bottom: 20px } #contact .form-field-wrapper input,#contact .form-field-wrapper textarea,#contact .form-field-wrapper select,#confirm .form-field-wrapper input,#confirm .form-field-wrapper textarea,#confirm .form-field-wrapper select,#complete .form-field-wrapper input,#complete .form-field-wrapper textarea,#complete .form-field-wrapper select,#estimate .form-field-wrapper input,#estimate .form-field-wrapper textarea,#estimate .form-field-wrapper select { margin-bottom: 0px } #contact .form-field-wrapper,#confirm .form-field-wrapper,#complete .form-field-wrapper,#estimate .form-field-wrapper { border-bottom: solid 1px #ccc; padding-bottom: 10px } #contact form .error,#confirm form .error,#complete form .error,#estimate form .error { border-color: #e1534f } #contact form label.error,#confirm form label.error,#complete form label.error,#estimate form label.error { margin-bottom: 0px; margin-top: 3px; color: #e1534f; font-size: 14px; font-weight: 400 } #contact .contact-box-left,#confirm .contact-box-left,#complete .contact-box-left,#estimate .contact-box-left { display: block; position: relative; padding-left: 45px; text-align: left } #contact .mw_wp_form_confirm p,#confirm .mw_wp_form_confirm p,#complete .mw_wp_form_confirm p,#estimate .mw_wp_form_confirm p { border-bottom: dotted 1px #0080cb; padding: 5px 0; margin: 0 0 10px 0; font-weight: 600 } #contact .mw_wp_form_confirm .form-field-wrapper,#confirm .mw_wp_form_confirm .form-field-wrapper,#complete .mw_wp_form_confirm .form-field-wrapper,#estimate .mw_wp_form_confirm .form-field-wrapper { border-bottom: dotted 1px #ccc !important } .stepBar { position: relative; list-style: none; margin-top: 1.4em; padding: 0; text-align: center; width: 100%; overflow: hidden; *zoom: 1 } .stepBar .step { position: relative; float: left; display: inline-block; line-height: 45px; padding: 0 40px 0 20px; background-color: #eee; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .stepBar .step:before,.stepBar .step:after { position: absolute; left: -6px; display: block; content: ''; background-color: #eee; /*border-left: 4px solid #FFF;*/ width: 20px; height: 20px } .stepBar .step:after { top: 0; -moz-transform: skew(30deg); -ms-transform: skew(30deg); -webkit-transform: skew(30deg); transform: skew(30deg) } .stepBar .step:before { bottom: 0; -moz-transform: skew(-30deg); -ms-transform: skew(-30deg); -webkit-transform: skew(-30deg); transform: skew(-30deg) } .stepBar .step:first-child { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px } .stepBar .step:first-child:before,.stepBar .step:first-child:after { content: none } .stepBar .step:last-child { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px } .stepBar .step.current { color: #FFF; background-color: #e00 } .stepBar .step.current:before,.stepBar .step.current:after { background-color: #e00 } .stepBar.step2 .step { width: 50% } .stepBar.step3 .step {font-size: 120%} .valuation .form {border:solid 1px #ccc;padding:20px;margin-bottom:120px;background: #fff;box-shadow: 0 1px 3px 1px rgb(0 0 0 / 15%)} .valuation h4 {font-size: 160%;margin-top: 40px;} .conf .form-field-wrapper {font-size: 140%;} .conf .form-field-wrapper p {font-size: 90%} .btn-back {background: #999} .btn-back:hover {background: #aaa} .mainVisual {position: relative;border-top: solid 1px #eee;} .mainVisual::after {content: '';background: rgba(255,255,255,.9);position: absolute;left: 0;right: 0;top: 0;bottom: 0} .mainVisual .mainVisual-block {z-index: 1;} .wpcf7-select.form-full {font-size: 100%!important} @media screen and (min-width:1000px) and (max-width:1200x) { .jisseki-list ul li {width: 24%;} } @media screen and (min-width:768px) and (max-width:1000px) { .jisseki-list ul li {width: 33%;} } .form-area {background: #f7f7f7;padding:20px 0;margin-bottom: 30px;border:solid 1px #eee} .form-area .form {padding: 0;margin: 0 auto;max-width: 90%;display: flex;justify-content: space-between;background: #f7f7f7;} .form-area .form form {width: 48%;} .form-area .form .form-group {margin-bottom: 0} .form-area .form .form-group h3 {font-size: 120%;margin-bottom: 5px;} .form-area .form .form-group h3 i {margin-right: 6px;color:#fc1414} .form-area .form .form-group select {height: 50px;font-size: 110%;font-family: inherit;padding: 5px;color:#000;font-weight: 700;} .blog-content-side.jisseki a.btn {min-width: 100%;max-width: 100%;padding: 1em;display: flex;align-items: center;background: #0abf53;margin-bottom: 10px;font-size: 120%;text-align: left;height: 80px;} .blog-content-side.jisseki a.btn:after{content: none;} .blog-content-side.jisseki a.btn i {font-size: 120%;margin-right: 10px;} .blog-content-side.jisseki h3.shop-list {font-size: 120%;background: #fc1414;color: #fff;padding: 1em .75em;line-height: 1;} .blog-content-side.jisseki h3.shop-list i {margin-right: 10px;} .blog-content-side.jisseki ul.side-shop-list {border: solid 1px #fc1414;border-radius: 0 2px 2px 0;} .blog-content-side.jisseki ul.side-shop-list li {border-bottom: dotted 1px #bbb;} .blog-content-side.jisseki ul.side-shop-list li:last-child {border-bottom: 0} .blog-content-side.jisseki ul.side-shop-list li a {display: flex;align-items: center;padding:.5em;text-decoration: none;color: #000;font-weight: 600;} .blog-content-side.jisseki ul.side-shop-list li a div {font-size: 90%;} .blog-content-side.jisseki ul.side-shop-list li a div span {font-size: 120%;} .blog-content-side.jisseki ul.side-shop-list li a img {width: 80px;margin-right: 10px;} .jisseki-detail-no-text {font-size: 120%;margin-top: 1em;} .toback {margin: 3em auto 0 auto;text-align: center;} .toback a.btn{height: auto;padding: 1em} .toback a.btn i {margin-right: 10px;} .toback a:after{content: none} /*　買取品目のリスト表示対応　*/ .itemCategory {border-top: solid 1px #eee;background: #f7f7f7} .itemCategory .title {text-align: center;margin-bottom: 20px} .itemCategory .list {display: flex;width: 100%;justify-content: space-between;} .itemCategory .list .wrapper {width: calc(100% / 3.2);border:solid 1px #eee;border-radius: 4px;box-shadow: -1px 4px 13px 5px rgba(230, 230, 243, 0.35)} .itemCategory .list .wrapper img {width: 100%} .itemCategory .list .wrapper .desc {padding:1.25em .75em 1em .75em;background: #fff} .itemCategory .list .wrapper .desc h3 {font-size:125%;letter-spacing: 0;line-height: 1;} .itemCategory .list .wrapper .desc p {font-size:110%} .itemCategory .list:after {content:""; width: calc(100% / 3.2);} @media screen and (max-width:767px) { .form-area .form { display: block;} .form-area .form form {width: 100%;} .form-area .form .form-group {margin-bottom: 10px;} .form-area .form .form-group.shop {margin-bottom: 0} .blog .blog-content.detail.jisseki {padding-top: 20px;} .blog .blog-content.detail.jisseki h2 {font-size: 115%} .jisseki-detail-no-text {font-size: 110%;margin-top: 1em;} .blog-content-side.jisseki a.btn {height: auto;margin-top: 30px;min-width: auto;width: 240px;font-size: 110%;padding: 1em;text-align: center;margin: 2em auto;} .side-shop-list .no-sp {display: none;} .stepBar.step3 .step {font-size: inherit;} .step-btn-area .btn {font-size: 98%;} .step-btn-area .btn:after {content: none;} .no-sp {display:none} .blog .blog-content.detail .blog-content-main .prev-and-next {justify-content:space-around;font-size:inherit} .blog .blog-content.detail .blog-content-main .prev-and-next .left a , .blog .blog-content.detail .blog-content-main .prev-and-next .right a {padding: 10px 2em;font-size:1em;margin:0} /*　買取品目のリスト表示対応　*/ .itemCategory .title h2.heading-title {margin-bottom: .25em;font-weight: normal} .itemCategory .list:after {content: none} .itemCategory .list .wrapper {width: calc(100% / 2.05)} .itemCategory .list .wrapper .desc {padding:1em .75em} .itemCategory .list .wrapper .desc h3 {font-size:100%;line-height: 1.6} .itemCategory .list .wrapper .desc p {line-height: 1.4;font-size:95%!important} } @media screen and (max-width: 767px) { .sell.visit .shop-lead p {text-align:left} .sell.visit .steps {border:solid 1px #eee;padding:0;border-radius:1em;margin-bottom:0; box-shadow:-1px 6px 11px 6px rgba(0, 0, 0, 0.1);letter-spacing:0} .sell.visit .steps:last-of-type {margin-bottom:2em} .sell.visit .steps .no .circle h3 {font-size:80%;font-weight:500;margin-bottom:0;line-height:1} .sell.visit .steps .no .circle i {font-weight:500;line-height:1} .sell.visit .steps .no .circle {width:55px;height:55px} .sell.visit .steps .info {margin-top:0;padding-bottom:10px} .sell.visit .steps .info .in .text h4 {font-size:120%;font-weight: 500;letter-spacing:0;margin-bottom:10px;line-height:1.4} .sell.visit .steps .info .in .text p {font-size:100%!important;font-weight:400;line-height: 1.6;text-align:left;margin-left:auto;margin-right:auto} .sell.visit .steps .info .in .text p a {display:inline-block} .sell.visit .steps .info .in .img>div {padding:0} .sell.visit .steps .info .in .img img {width:100%;max-width:100%;border-radius:1em 1em 0 0;max-height:140px;object-fit:cover} .sell.visit .step-btn-area {justify-content:center;margin-top:10px;margin-bottom:10px} .sell.visit .step-btn-area .btn {width:80%;border-radius:.5em;font-size:100%;padding:.85em 0;background:#1b95e0;font-weight:400;} .sell.visit .step-btn-area .btn i {font-size:110%;margin-right:.5em;} .sell.visit .arrow {display:flex!important;justify-content:center;padding:10px 0;} .sell.visit .arrow {color:#e00!important} .sell.visit .sell .steps .no .circle {border:0;} .sell.visit .steps .info .in .img {margin:0 0 10px} .sell.visit .steps .info .in .text {max-width:90%;margin-left:auto;margin-right: auto} .sell.visit .faq.heading-title {margin-top:0} .sell.visit .faq-block dt {font-size:110%;font-weight: 500} .heading {padding:1em 0 0!important;margin:0} h2.heading-title {font-size:160%!important;font-weight:500} .pageHeading .heading {padding-bottom:1em!important} .pageHeading .heading h1.heading-title {font-size:180%;font-weight:500} .stepBar .step { padding:0; } #contact .form-field-wrapper, #confirm .form-field-wrapper, #complete .form-field-wrapper, #estimate .form-field-wrapper { font-size:1.2em; } #contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="number"], #contact input[type="password"], #contact input[type="radio"], #contact input[type="checkbox"], #contact textarea, #confirm input[type="text"], #confirm input[type="email"], #confirm input[type="tel"], #confirm input[type="number"], #confirm input[type="password"], #confirm input[type="radio"], #confirm input[type="checkbox"], #confirm textarea, #complete input[type="text"], #complete input[type="email"], #complete input[type="tel"], #complete input[type="number"], #complete input[type="password"], #complete input[type="radio"], #complete input[type="checkbox"], #complete textarea, #estimate input[type="text"], #estimate input[type="email"], #estimate input[type="tel"], #estimate input[type="number"], #estimate input[type="password"], #estimate input[type="radio"], #estimate input[type="checkbox"], #estimate textarea { padding:.75em; font-size: inherit; margin-top: .25em; } #contact .form-full, #confirm .form-full, #complete .form-full, #estimate .form-full { font-size:inherit; line-height:1.4; } .btn.btn-back, .btn.btn-conform {font-size:1.2em!important;font-family:inherit!important;padding:1em 0!important} }