.vsblty-all { display: none;} .vsblty-pc { visibility: visible;} .vsblty-sp { display: none;} .pc-c_sp-l{text-align: center;} /* ディズニー11 */ /*カテゴリー DISNEY 共通*/ .curtain-type-a {display:flex;flex-wrap:wrap;justify-content:center;gap:60px;box-sizing:border-box; margin: 40px 0;} .curtain-type-a figure {width:230px;margin:0;text-align:center;} .curtain-type-a figure a {color:#3c3c3c; } .curtain-type-a img {width:200px;margin:0 auto;} .curtain-type-a figcaption {font-size:0.9em;margin:0 0 10px 0;padding:0;} .curtain-type-a h3 {text-align:center;font-size:1.0em;color:#666; margin-bottom: 6px;} .curtain-type-a-solo {width:100%; margin: 40px 0;} .curtain-type-a-solo figure {width:430px;margin:0 auto;text-align:center;} .curtain-type-a-solo figure a {color:#3c3c3c; } .curtain-type-a-solo img {width:200px;margin:0 auto;} .curtain-type-a-solo figcaption {font-size:0.9em;margin:0 0 10px 0;padding:0;} /*カテゴリー DISNEY カーテン*/ #ctg2-disney11 {text-align:center;border-bottom:1px solid #3c3c3c;margin-bottom:20px;} body #ctg2-disney11 h1 {text-align:center;font-size:0.8em!important;font-weight:600;color:#373e5d; background: #eee; padding:0.2em 0;} #ctg2-disney11 h2 {text-align:center;font-size:1.0em;color:#666;font-weight:bold!important;border:none;margin:40px 0;} .disneyhs_ctg-logo{width:250px;margin-top:60px;} .disney_sereis-logo{width:250px;margin-top:20px;} .disneyhs_ctg-topimg{width:600px;margin: 0 0 20px 0;} .disneyhs_ctg-topimg-solo{width:600px;margin: 0 0 60px 0;} .disneyhs_ctg-topimg-square{width:400px;margin: 0;} /*カテゴリー　DISNEY*/ #ctg-disney11 {text-align:center;border-bottom:1px solid #3c3c3c;margin-bottom:20px;} body #ctg-disney11 h1 {text-align:center;font-size:0.8em!important;font-weight:600;color:#373e5d; background: #eee; padding:0.2em 0;} #ctg-disney11 h2 {text-align:center;font-size:1.0em;color:#666;font-weight:bold!important;border:none;margin:80px 0 40px 0;text-decoration:underline;} #ctg-disney11 h3 {text-align:center;font-size:0.9em;color:#666;margin:20px 0;} .disney11-kv {width:100%;max-width:928px;margin:0 auto;padding:40px 0 40px;position:relative;overflow:hidden;min-height:500px;background-color:#f0f0f0;text-align:center;} .disney11-kv::before {content:'';position:absolute;top:50%;left:50%;width:1500px;height:1500px;margin-left:-750px;margin-top:-750px;background-image:url('https://curpetmarche.itembox.design/item/bg-disney11s.webp');background-repeat:no-repeat;background-position:center center;background-size:cover;transform-origin:center center;animation:rotate-bg 20s linear infinite;z-index:0;} @keyframes rotate-bg {from {transform:rotate(0deg);}to {transform:rotate(360deg);}} .disney11-kv img {display:block;margin:0 auto;opacity:0;position:relative;z-index:1;animation:fade-in 1.2s ease-in-out forwards;} .disney11-kv .disney11-logo-mickey {width:280px;animation-delay:1s;} .disney11-kv .disney11-ednum {width:160px;margin-top:30px;animation-delay:2.5s;} @keyframes fade-in {0% {opacity:0;transform:translateY(-20px);}100% {opacity:1;transform:translateY(0);}} .disney11-concept{width:500px;margin:0 auto 80px auto; } .disney11-concept img {width:280px;margin:60px auto 20px auto;} .disney11-concept-txt p {text-align:left;line-height:1.8;} #ctg-disney11 .disney11-titleunit {width:100%;text-align:center;margin:60px 0 20px 0;} #ctg-disney11 .disney11-titleunit h3 {font-size:1.2em;} #ctg-disney11 .disney11-titleunit p {font-size:0.9em;text-align:center;margin:0 auto;max-width:90%;} #ctg-disney11 {text-align:center;} #ctg-disney11 h4 {font-size:0.9em;font-weight:normal;margin:10px 0 10px 0;} .disney11-new-wrap {display:flex;justify-content:center;flex-wrap:wrap;width:928px;padding:0;margin:0 auto;} .disney11-new-box {width:380px;border-top:2px solid #ddd;margin:20px;padding-top:20px;} .disney11-new-main {margin:0 auto;} .disney11-new-main p {text-align:center;font-weight:normal;font-size:14px;} .disney11-new-main .catch {text-align:left;width:80%;margin:10px auto;} .disney11-new-main img {width:300px;padding:0;} .disney11-new {display:flex;justify-content:center;flex-wrap:wrap;width:380px;padding:0;margin:0 auto;} .disney11-new figure {display:flex;flex-direction:column;align-items:center;width:145px;padding:0;margin:5px;} .disney11-new figure img {width:145px;padding:0;margin:0;} .disney11-new figcaption {font-size:0.8em;margin:0 0 8px 0;} .disney11-new figure.hidden-figcaption figcaption {opacity:0;} /*ラグ・マット、カーテンバナー*/ .disney11-banner {margin:40px 0;border-top:1px dashed #c1c7e5;} .disney11-banner .disneyhs_lineup-logo{width:250px;; margin: 30px 0 30px 0;} .disney11-banner-wrap {max-width:928px;display:flex;flex-wrap:wrap;justify-content:center;gap:18px;box-sizing:border-box;} .disney11-banner figure {width:360px;margin:0;text-align:center;} .disney11-banner figure a {color:#3c3c3c} .disney11-banner img {width:360px;margin:0 auto;} .disney11-banner figcaption {font-size:0.8em;margin:0;padding:0;} /*各シリーズへのリンク*/ .disney11-type {width:100%;background:#c1c7e5;padding:20px 20px;box-sizing:border-box;background-image:url('https://curpetmarche.itembox.design/item/bg-disney11s.webp');background-repeat:no-repeat;background-position:center center;background-size:cover;} .disney11-type-wrap {max-width:928px;margin:0 auto;background:#fff;border-radius:10px;padding:20px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;box-sizing:border-box;} .disney11-type figure {width:160px;margin:0;text-align:center;} .disney11-type figure a {color:#3c3c3c} .disney11-type img {width:130px;margin:0 auto;} .disney11-type figcaption {font-size:0.8em;margin:0;padding:0;} /*コピーライト*/ .cm-copyright-disney11{padding:5px;font-size:0.8em;text-align: center;} /* ランキング(タブ) */ .top-tabs input[type="radio"] { display: none;} .top-tabs label { display: inline-block; padding: 10px 20px; cursor: pointer; background: #ecebe5; color:#2b2b2b; margin-left: 3px;} .top-tabs label:first-of-type { margin-left: 20px;} .top-tabs input[type="radio"]:checked + label { background: #515151; color:#fff; transition: all 0.5s ease;} .top-tab_content { display: none; padding: 20px 0; border-top: 1px solid #ccc;} #tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5 { display: block;} .top-tabs .cm-ranking-box5{flex-basis: 19%; margin: 0 0.5%; padding: 0;} .top-tabs .cm-ranking-box5 p{ text-align: left; font-size: 14px; color:#666; margin: 5px 0; padding: 0 5px;} .top-tabs .cm-ranking-box5 img{ width: 100%!important; height: 125px; object-fit: cover; padding: 0;} /* TOPICS */ .label-box { display: inline-block; width: 6px; height: 12px; margin-right: 0.5em; vertical-align: middle;} .label-marche { background-color: #91d0c5;} .label-suminoe { background-color: #6993cd;} .legend { display: flex; justify-content: center; gap: 2.5em; align-items: center; font-size: 0.85em; margin-bottom: 1em; flex-wrap: wrap;} .legend-item { display: flex; align-items: center; gap: 0.2em;} /*BLACK OUT +*/ #ctgly-blackout{text-align: center; padding-bottom: 20px;} #ctgly-blackout h1{padding: 10px 0; font-size:12px;} .blackout-concept h2{ margin:20px 0 40px 0; font-size:18px; line-height:2.0;} .blackout-function h2{padding: 6px 0; margin-top: 60px; font-size:16px; background: #DADEEA;} #ctgly-blackout h3{padding: 6px 0; font-size:16px; } .atntn{font-size:12px;} .atntn2{font-size:12px; padding:0 80px;} #ctgly-blackout hr{border:1px dashed #ccc; margin:40px 0;} .ttl-blackout{background: #070404;} .blackout-concept{padding:40px 80px 0 80px;} .blackout-concept span{font-weight:normal; font-size:14px;} .blackout-concept-c p{padding:40px 80px; text-align: center;} .wrap-blackout{display: flex; justify-content:space-around; margin: 0; padding: 0;} .wrap-blackout h4{padding: 3px 20px; margin: 60px 0 0 25px; font-size:14px; background: #7881A8; color:#fff; width: fit-content;} .box-blackout{flex-basis:45%;} .box-blackout img{width:100%;} .wrap-blackout1{display: flex; justify-content:space-around; align-items: center; margin: 0; padding: 0;} .box-blackout-2{flex-basis:45%;} .box-blackout-2 p{padding:20px 20px 0 20px ; margin: 0; font-size:14px; background: #EEF3F3;} .box-blackout-2 img{width:100%;} .wrap-blackout3{display: flex; justify-content:space-around; margin: 0; padding: 0;} .box-blackout-3{flex-basis: 31%; } .box-blackout-3 img{width:100%; height:auto;} .box-blackout-3 h4{margin:10px 0;} .box-blackout-3 p{text-align: center; background: #fff; padding: 0!important;} .box-blackout-3 span{font-weight:bold;} .blackout-shakousei{width:60%; margin: 40px auto;} .blackout-shakousei img{width:450px;} /*PEANUTS ed4*/ #ctg-peanuts4{ text-align: center;} #ctg-peanuts4 h2{ text-align: center; font-size:14px!important; font-weight: 100!important; border-top:1px solid #666; border-bottom:1px solid #666; padding:2px 0!important; margin: 40px 0;} .peanuts4-new-main{ width:440px; margin:40px auto 0 auto;} .peanuts4-new-main h3{ font-size:15px; line-height: 1.4; margin-bottom: 20px;} .peanuts4-new-main p{text-align: center; font-weight:normal; font-size: 14px;} .peanuts4-new-ja{font-weight:normal; font-size: 14px;} .peanuts4-new-main img{width:440px; padding: 0;} .peanuts4-new{ display:flex; justify-content: space-between; flex-wrap: wrap; width:440px; padding: 0; margin: 0 auto;} .peanuts4-new-item{ width:215px; padding: 0; margin: 5px 0;} .peanuts4-new-item h4{font-size:14px; margin: 10px 0 10px 0;} .peanuts4-new-item img{width:215px; padding: 0; margin: 0;} .cp-link2-box {display: flex; flex-wrap: wrap;} .cp-link2-box a{flex-basis: auto; border:1px solid #999; color:#3c3c3c; padding: 4px 5px; margin: 3px 2px; text-decoration: none; flex-grow: 2; text-align: center; font-size: 14px;} .cp-link2-box a:hover{ border:1px solid #999; background:#aaa; color:#fff;} .peanuts4-banner{width:440px; margin: 40px auto; padding:10px 0;} .peanuts4-banner img{width:440px; margin: 5px auto;} .chara-copy{font-size: 11px; text-align: center;} /* フッター リニューアル202501 */ .cm-footer-s{border-top:10px solid #DDDBD3; margin-top:-20px;} #cm-footer .cm-footer-fbox-ttl h3{font-weight:bold; background:#F4F3ED; text-align: left;} .cm-fbox-footer li a{font-weight:normal; color:#3c3c3c; text-align: left; text-decoration: none; line-height: 1.8;} /*3つの安心*/ .cm-footer-suminoe-catch{background: #f4f3ed; font-size: 18px; font-weight:bold; padding:5px; text-align: center; margin-top:60px;} .cm-footer-suminoe{background: #fff; text-align: center; padding: 20px 0;} .cm-footer-suminoe-wrap{display: flex; justify-content: center; margin: 20px 0; } .cm-footer-suminoe-img{flex-basis: 300px; margin:0;} .cm-footer-suminoe-img img{width:300px!important; height:auto;} .cm-footer-suminoe-txt{flex-basis: 450px; align-self:flex-start; margin-left:20px; text-align: left;} .cm-footer-suminoe h2{font-size: 16px; font-weight:bold; margin: 0; padding: 0;} .cm-footer-suminoe ul{text-align: left; margin: 0; padding: 0;} .cm-footer-suminoe li{border-bottom: 1px dashed #666; margin-bottom: 20px; color:#000; font-size:15px; padding-left: 0.5em;} .cm-footer-suminoe-history a{font-size:14px; color:#333;} .cm-txt-b-b{color:#2ca0b1; font-weight: bold;} /*フッター-ショッピングガイド*/ .cm-footer-guide{margin: 0 auto; max-width: 100vw; background: #fff; } .cm-footer-guide h2{background: #dddbd3; text-align: center; font-size:16px; font-weight:bold; padding:5px 0;} .cm-footer-guide h3{background: #fff; text-align: center; font-size:16px; font-weight:bold; padding:5px 0; border-top:#c1beb0 solid 2px; border-bottom:#c1beb0 solid 2px;} .cm-footer-guide p{font-size:15px; font-weight:normal;} .cm-footer-guide-guide{background: #f4f3ed; text-align: center; margin:20px 0; padding:20px 0;} .cm-footer-guide-guide h3{font-size:15px; background: #f4f3ed; font-weight:bold; border:none; margin: 0; padding:0;} .cm-footer-guide-icon{} .cm-footer-guide-icon img{width:120px; margin: 5px;} /*フッター-送料無料*/ .cm-footer-deliv-s{text-align: center; margin: 20px 0;} .cm-footer-deliv-s img{width:400px; height:auto; margin:0 auto;} .cm-footer-deliv-s p{font-size:14px; color:#3c3c3c!important; text-align: center; margin:5px 0 20px 0!important;} /*フッター-支払い*/ .cm-footer-pay-s{text-align: center; margin: 20px 0;} .cm-footer-pay-s h4{margin-bottom: 10px; font-weight: bold;} .cm-footer-pay-s p{text-align: center;} .cm-footer-pay-wrap{display: flex; justify-content: center;} .cm-footer-pay-box{flex-basis: auto; margin:0 30px 10px 30px ;} .cm-footer-pay-box img{height:40px;} /* フッター コピーライト */ .cm-footerCopyright{background-color: #DDDBD3;} .cm-footerCopyright p{color: #66645C; font-size:12px; text-align: center; padding: 4px;} /* 社名変更 */ .header-info-name { background: #edeee9; text-align: center!important; margin: 0 auto; max-width: 100vw; padding:20px 0 10px 0;} .header-info-name h2{font-size:16px; font-weight:bold; margin: 0;} .header-info-name p{ text-align: center!important; font-size:14px; margin:10px auto; } /* カルーセル 2412 */ .carousel-top4 { margin-inline: auto; max-width: 100%; width: 100%; padding:10px 0; margin:0 auto} .slider-img { margin: 0 5px;} .slider-img img { height: auto; width: 640px; max-width:640px; margin:0 5px;} .carousel-top2 .slick-arrow{z-index:2!important; width:50px!important; height:50px!important; color:#000!important;} .slick-prev:before, .slick-next:before {content:""!important;} .carousel-top2 .slick-next{right:25px!important; background: url(https://curpetmarche.itembox.design/item/crsl-arrow_right-g.png)!important;} .carousel-top2 .slick-prev{left:25px!important; background: url(https://curpetmarche.itembox.design/item/crsl-arrow_left-g.png)!important;} /* カテゴリー基本*/ #ctgly-base{width:80%; margin: 40px auto;} #ctgly-base h2{text-align: center; font-size:18px; margin: 40px 0;} #ctgly-base h3{font-size:16px; margin: 40px 0 0 0;} #ctgly-base p{font-size:14px;} .ctgly-base-ttl{margin: 40px 0;} .ctgly-base-exp{margin: 60px 0;} /* カテゴリー アウトレット*/ #ctg-outlet2{margin: 0 0 40px 0; padding:0; font-family: 'YuGothic', 'Hiragino Maru Gothic Pro', 'Hiragino Maru Gothic ProN', 'Noto Sans JP', 'Arial', sans-serif;} #ctg-outlet2 h1{font-size:12px; padding:5px 0; text-align: center;} #ctg-outlet2 h2{font-size:24px; font-weight:900; padding:10px 0; color:#d82323; line-height: 1.8;} .ttl-outlet2{ background: #b23b5e; width:100%; text-align: center;} .ttl-outlet2 img{width:400px; margin: 0; padding: 0;} .ttl-outlet2-cpt{ background: #5c6e87; width:100%; text-align: center;} .ttl-outlet2-cpt img{width:400px; margin: 0; padding: 0;} .ttl-outlet2-ctn{ background: #87936c; width:100%; text-align: center;} .ttl-outlet2-ctn img{width:400px; margin: 0; padding: 0;} .logo-outlet2 {text-align: center; margin: 0; padding: 0;} .logo-outlet2 img{width: 300px; } .expln-outlet2{width:450px; margin:20px auto 40px auto;} .expln-outlet2-wrap{background: #f7f4f0; padding:30px;} .expln-outlet2-wrap p{font-size:18px; color:#3c3c3c; line-height: 1.8; font-weight: bold;} .expln-outlet2-sub{ font-size:14px;padding: 0 20px;} .link-outlet2{background: #caddda; padding: 20px 0;} .link-outlet2-wrap{display: flex; justify-content: center; align-items: center;} .link-outlet2-wrap img{width: 250px; margin: 0 10px;} /* SAANA*/ .ctgry-saana{ margin-bottom:40px; max-width:100%;} .ctgry-saana-logo{width:480px; margin: 40px auto;} .ctgry-saana-catch{width:50%; margin: 40px auto!important;} .ctgry-saana-catch h2{text-align: center; margin: 80px 0 10px 0!important; font-size: 12px!important; } .ctgry-saana-catch p{text-align: left; line-height: 1.8; font-size:15px!important;} .img-saana{display: flex; width:100%;} .img-saana img{width:50%;} /* U Lide 11*/ .ctgry-ulife{ margin-bottom:40px; max-width:100%;} .ctgry-ulife-logo{width:200px; margin: 40px 0;} .ctgry-ulife-catch{text-align: center; line-height: 2.5; margin: 0 0 40px 0;} .ctgry-coordinate{} .ctgry-coordinate h3{ font-size: 14px; font-weight:bold; color:#333; text-align: center; background: #eff2f1; padding:6px 0;} .ctgry-coordinate h4{ font-size: 20px; font-weight:bold; text-align: center; color:#000; margin: 40px 0; padding-top:40px; } .ctgry-coodi-wrap{display:flex; justify-content: space-around; width:85%; margin: 0 auto 40px auto;} .ctgry-coodi-img{flex-basis: 55%;} .ctgry-coodi-img img{width:95%;} .ctgry-coodi-txt{flex-basis: 40%; align-self: flex-start; text-align: left;} .ctgry-coodi-txt h5{font-size:15px; display: inline-block; font-weight: bold; background: #ececec; color:#000; padding:3px 10px; margin: 5px 0 10px 0;} .ctgry-coodi-txt p{ font-size:14px;} .ctgry-coodi-txt ul{border-left: 4px solid #ddd; padding-left:6px; margin-top:20px;} .ctgry-coodi-txt li{margin: 10px 0; font-size:14px;} .ctgry-coodi-txt a{color:#000; text-decoration: underline;} /*アコーディオン*/ .accordion-coodi { max-width: 100%; margin-bottom: 7px; border-bottom: 2px solid #d0d0d0; } .accordion-coodi summary { display: flex; justify-content: space-between; align-items: center; position: relative; padding: 1em 2em; color: #333333; font-size:14px; font-weight: 100; cursor: pointer; width:150px; margin: 0 auto; } .accordion-coodi summary::-webkit-details-marker {display: none; } .accordion-coodi summary::after { transform: translateY(-25%) rotate(45deg); width: 7px; height: 7px; margin-left: 10px; border-bottom: 3px solid #c6a846; border-right: 3px solid #c6a846; content: ''; transition: transform .3s; } .accordion-coodi[open] summary::after {transform: rotate(225deg); } .accordion-coodi .coodi-acc-open { transform: translateY(-10px); opacity: 0; margin: 0; padding: .3em 0 1.5em; color: #333333; transition: transform .5s, opacity .5s;} .accordion-coodi[open] .coodi-acc-open { transform: none; opacity: 1;} /*TOP 既製・オーダー*/ #top-kiseiorder{display: flex; flex-wrap: wrap; justify-content: center; width:100%; border-bottom: 2px solid #ccc; padding-bottom: 20px;} .top-kiseiorder-wrap{ flex-basis:47%; border:1px dashed #aaa; margin: 5px; padding:10px 0; text-align: center;} .top-kiseiorder-wrap-empty{ flex-basis:47%; margin: 5px; padding:10px 0; text-align: center;} .top-kiseiorder-wrap h3{font-size:14px; padding:10px 0;} .top-kiseiorder-box-all{display: flex; flex-wrap: wrap; justify-content:center;} .top-kiseiorder-box{flex-basis: 44%; text-align: center; margin:5px; padding: 0px;} .top-kiseiorder-box img{width:100%; height:130px; object-fit: cover;} .sankakuarrow{ position: relative; padding: 0 0 0 16px;} .sankakuarrow::before{ content: ""; position: absolute; top: 45%; left: 0; transform: translateY(-50%); border: 5px solid transparent; border-left: 8px solid #666;} a:hover .sankakuarrow::before{border-left: 8px solid #ccc;} .top-kiseiorder-link{width:100%;} .top-kiseiorder-link a{display: block; text-decoration: none; background: #eeefea; color:#000; font-size:14px; padding: 2px 0;} .top-kiseiorder-link a:hover{background: #999; color:#fff; } /*TOP 既製・オーダー 2*/ #top-kiseiorder2{display: flex; flex-wrap: wrap; justify-content: center; width:100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom:20px;} .top-kiseiorder2-wrap{ flex-basis:32%; margin: 5px 3px; padding:10px 0; text-align: center;} .top-kiseiorder2-wrap-empty{ flex-basis:32%; margin: 5px 3px; padding:10px 0; text-align: center;} .top-kiseiorder2-wrap h3{font-size:14px; font-weight:bold; padding:10px 0; line-height:1.5; letter-spacing:0.14em;} .top-kiseiorder2-wrap h3 span{font-size:11px; font-weight:normal; } .top-kiseiorder2-box{flex-basis: 100%; text-align: center; margin:5px 0; padding: 0px;} .top-kiseiorder2-box img{width:100%; height:150px; object-fit: cover;} .top-kiseiorder2-link{text-align: left;} .top-kiseiorder2-link i{margin-right:10px; width:20px; text-align: center;} .top-kiseiorder2-link a{display: block; text-decoration: none; color:#666; font-size:15px; padding:2px 10px;} .top-kiseiorder2-link a:hover{color:orangered; } /*インスタフォトギャラリー*/ #sp-insta{text-align: center;} .sp-insta-ttl{background: #efefea; padding-bottom: 40px;} .sp-insta-ttl h1{font-size:18px; margin: 40px 0;} .instaphoto-catch { font-weight:bold;} .instaphoto-catch p{ font-size:18px; margin: 40px 0 0 0; text-align: center;} .instaphoto-catch h2{font-size:28px; margin: 20px 0 40px 0; text-align: center; } .instaphoto-logo img{width:340px; margin: 0 auto;} .instaphoto-photo img{width:380px; margin: 0 auto; padding:10px; background: #fff;} .instaphoto-txt{ width:70%; background: #fff; margin: 20px auto; padding:20px;} .instaphoto-txt p{text-align: center; font-size:15px; line-height: 2.0;} .sp-insta-exp{background: #fff; padding: 60px 0;} .sp-insta-exp-box{text-align: left; width:80%; margin: 0 auto; padding:20px 40px; border:2px dashed #bfbea6;} .sp-insta-exp-box h2{ text-align: center; font-size:18px; margin: 30px 0;} .sp-insta-exp-box h3{font-size:16px; margin: 20px 0 5px 0;} .sp-insta-exp-box p{text-align: left; font-size:15px; line-height: 1.4;} .sp-insta-exp-box ul{margin: 40px 0 20px 0; padding-top:40px; border-top:1px solid #999;} .sp-insta-exp-box li{text-align: left; font-size:15px; line-height: 1.4;} /*ヘッダーナビ*/ #cm-hdnv3 { position: relative; z-index: 99 !important; margin: 0 0 10px 0 !important; padding: 0 !important; border-bottom: 5px solid #f4f3ef; } #cm-hdnv3-box-b { width: 100%; max-width: 1192px; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; background: #fff; margin: 0 auto; padding: 0; } #cm-hdnv3-top { width: 100%; background: #e2e1de; } #cm-hdnv3-top-box { width: 100%; max-width: 1192px; margin: 0 auto; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } #cm-hdnv3 #cm-hdnv3-box-logo { flex-basis: 240px; background: #fff; } #cm-hdnv3 #cm-hdnv3-box-main { flex-basis: calc(100% - 240px); background: #fff; } #cm-hdnv3-txt { flex-basis: auto; color: #555; } #cm-hdnv3-txt p { font-size: 0.9em; text-align: center; margin: 0; padding: 5px 0; } #cm-hdnv3-serch { flex-basis: auto; padding: 5px 0 5px 20px; } #cm-hdnv3-logo h1 { width: 240px; margin: 0 20px; } /*ヘッダーナビ サブ*/ #cm-hdnv3-sub { display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center; width: 100%; max-width: 1192px; margin: 5px auto 0 auto; padding: 0; } #cm-hdnv3-sub a { text-decoration: none; color: #666; font-size: 0.8em; } #cm-hdnv3-sub a:hover { color: orangered; } .cm-hdnv3-sub-box { flex-basis: auto; display: flex; flex-wrap: nowrap; justify-content: flex-end; margin: 3px 0; padding: 0 10px; } .cm-hdnv3-sub-img { flex-basis: 25px; align-self: center; margin-right: 5px; } .cm-hdnv3-sub-img img { width: 25px; } .cm-hdnv3-sub-txt { flex-basis: auto; align-self: center; } .cm-hdnv3-guide { color: #3c3c3c; padding: 0.15em; margin: 0 0 8px 0; } /*ヘッダーナビ メイン*/ .header-list { display: flex; justify-content: flex-end; } .header-item { border-left: 1px dashed #999; transition: background-color 0.3s; } .header-item:last-child { border-right: 1px dashed #999; } .header-item:hover { background-color: #f4f3ef; } .header-item a { align-content: center; display: block; width: auto; text-decoration: none; color: #3c3c3c; padding: 20px 20px; } /* サブメニュー調整 */ .mm-link-common { text-align: right; margin-right: 20px; } .mm-link-common ul { display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center; width: 100%; max-width: 1192px; margin: 5px auto; padding: 0; box-sizing: border-box; } .mm-link-common li {} .mm-link-common li a { margin: 15px 0 0 30px; padding: 10px 0; text-decoration: none; color: #666; } .mm-link-common li a:hover { color: coral; } .mm-link-common li i { margin-right: 10px; color: #777; } /*ヘッダーナビ メガメニュー　*/ .megaMenu { background-color: #f4f3ef; height: 0; left: 0; opacity: 0; position: absolute; text-align: center; transition: opacity .3s, visibility .3s; visibility: hidden; width: 100%; } .header-item:hover .megaMenu { height: auto; } .megaMenu-list { padding-bottom: 30px; padding-top: 30px; } .megaMenu-item { display: inline-block;} .header-item:hover .megaMenu { opacity: 1; visibility: visible;} .mm-wrap{display: flex; background: #fff; width:1192px; height: auto; padding: 20px 0; margin:10px auto;} .mm-ttl{background: #fff; flex-basis: 20%; align-content: center; border-right:2px solid #ccc;} .mm-ttl h2{font-size:16px; margin: 0; padding: 0; line-height:1.5;} .mm-ttl a{display: flex; justify-content: center; align-self: center;} .mm-ttl a:hover{color:orangered;} .mm-ttl-arrw{width:15px; height:15px; padding-top: 4px; margin-right: 5px;} .mm-ttl-img{height:80px; width:120px; object-fit: cover;} .mm-link-ichiran-wrap{display: flex; justify-content: center;} .mm-link-ichiran{margin: 20px 0 0 0; align-self: center;} .mm-link-ichiran .fa-solid{ font-size:12px!important; align-self: center;} .mm-link-ichiran p{margin: 0 0 0 10px; font-size:14px!important; align-self: center;} .mm-link-ichiran a{border:1px solid #666; border-radius: 5px; text-decoration: none; padding: 2px 10px; font-size:15px; color:#fff; background: #666; } .mm-link-ichiran a:hover{ color:#000; background: #fff;} .mm-link{background: #fff; flex-basis: 60%; align-content: flex-start; text-align: left; padding: 0 20px 0 40px;} .mm-link h3{font-size:15px!important; color:#3c3c3c; margin-top: 25px!important;} .mm-link h3:before {content:'●'; font-size:10px;; margin-right: 5px; color:#ccc; vertical-align:middle; } .mm-link h3 span{color:coral; font-size:12px; margin-left: 10px;} .mm-link a{margin: 0; padding:0; } .mm-link a:hover h3{color:orangered;} .mm-link-exp {border-bottom: 1px dashed #999; margin: 0; padding: 5px 0;} .mm-link i{margin-right: 10px; color:#888;} .mm-link a:hover i{color:#ddd;} .mm-link-type1 ul{display: flex;} .mm-link-type1 li{margin:10px 10px 0 0; text-align: center;} .mm-link-type1 li a{font-size: 14px; margin: 0; padding:5px 8px!important; border:1px solid #ccc; border-radius: 5px; text-decoration: none!important;} .mm-link-type1 li a:hover{text-decoration: none; color:#fff; background: #666;} .mm-link-type2-wrap{display: flex; flex-wrap: wrap;} .mm-link-type2-wrap a{width:30%; margin:5px 10px 0 0; text-align: left; border:1px solid #ccc; border-radius: 5px;} .mm-link-type2-wrap a:hover{ color:#fff; background: #666;} .mm-link-type2-wrap a:hover img{ opacity: 100!important;} .mm-link-type2-box{display: flex; align-items: center;} .mm-link-thumb{width:30px; height: 30px; margin:5px 10px;} .mm-link-thumb img{width:32px; height: 30px;} .type2-txt{font-size: 14px; margin: 0; padding:0.8px 10px!important; } .mm-link-thumb-m{ margin: 3px 0; display:flex; justify-content: space-around; align-items: center; width:170px;} .mm-link-thumb-m img{width:80px; height:30px;} .mm-link-thumb-m p{width:auto; margin: 0 ; padding: 0;} .mm-cls{background: #f4f3ef; border-radius: 10px; flex-basis: 20%; align-content: center; padding:10px; margin:0 20px; border:2px solid #eee;} /*トップページ カルーセル3*/ .cm-top-carousel3 { padding:0; margin:0 auto; width:200px; height:auto;} .cm-top-carousel3 p{ color:#3c3c3c; width:145px; margin: 5px auto; text-align: center; font-size:13px;} .cm-top-carousel3 .slick-prev:before, .cm-top-carousel3 .slick-next:before { color: #3c3c3c;} .cm-top-carousel3 .slick-next {top:45%; right: -5px; z-index: 100;} .cm-top-carousel3 .slick-prev {top:45%; left: -5px; z-index: 100;} .cm-top-carousel3 .slick-dots li.slick-active button:before, .cm-top-carousel3 .slick-dots li button:before { color: #666;} .cm-top-carousel3 img { height: auto; margin: auto; object-fit: cover; width: 150px;} .cm-top-carousel3 .slick-dots{ bottom: -5px;} .cm-top-carousel3 .slick-dots li button:before{ font-size: 9px;} /*ヘッダーナビ ↑↑↑↑　*/ /*カーペットのお手入れ*/ #cpt-otir h1{margin: 40px 0;} #cpt-otir p{font-size:15px;} .cpt-otir-cnt{margin: 40px auto; text-align: center; border-top: 5px solid #a3e5c6; } .otir-wrap80{padding:0 80px ;} #cpt-otir .cpt-otir-cnt h2{font-size:21px; margin: 20px 0; padding-top: 20px;} .cpt-otir-cncpt-ex{display: flex; flex-wrap: wrap; justify-content:flex-start; margin: 40px auto;} .cpt-otir-ex-box{ flex-basis: 28%; border: 4px solid #a3e5c6; padding:20px 10px 0 10px; margin:5px; text-align: center;} .cpt-otir-ex-box h3{margin-bottom: 20px;} /*シミ取り*/ .simi-1{width:150px; margin: 20px auto;} .simi-2{width:180px; margin:0 20px;} .simi h3{ color:#ef4b53; font-size:18px; margin: 20px 0; padding-top:40px; border-top:2px dashed #a3e5c6;} .simi h4{ color:#038c93; font-weight:600; font-size:16px; text-align: left; margin-top: 40px;} .simiexp{border-left: 6px solid #f9c73d; padding-left: 10px;} .otir-txt-img{display: flex; justify-content: space-around;} .otir-txt-img p{flex-basis: 80%;} .otir-txt-img img{flex-basis: 20%;} .simi table{margin-top:40px;} .simi th,td {padding:15px 10px; border:3px solid #fff;} .simi th {width:200px; font-size:15px; background:#e2eff2;} /*その他*/ .cpt-otir-otr{background: #f2efe7; padding:10px 20px; margin: 20px 0;} .cpt-otir-otr h3{font-size:16px; color:#827ab7; background: #fff; border-radius: 10px; padding:3px 0;} /* ペット特集*/ #sp-pet{ padding-bottom: 20px; text-align: center;} .sp-pet-ttl { background: #fff; padding: 0; } .sp-pet-ttl h1{font-size:20px; margin: 40px 0;} .sp-pet-ttl p{ text-align: center; font-size:15px;} .cm-pet-link{display: flex; justify-content: center; padding: 20px 0;} .cm-pet-link a{flex-basis: 15%; text-align: center; color:#433E2B;} .cm-pet-link img{width:100px;} /* スミノエファミリー*/ .cm-pet-furmily{text-align: center; padding:0; color:#333;} .cm-pet-furmily-ttl{border:1px solid #ccc08d; width:60%; margin: 40px auto; padding:20px 0;} .cm-pet-furmily-ttl h2{text-align: center; font-size:13px; line-height:1.0; margin:10px 0 20px 0;} .cm-pet-furmily-ttl img{width:120px;} .cm-pet-furmily-ttl p{text-align: center; font-size:15px;line-height:1.50; } /* タイトル*/ .pet-title { display: flex; justify-content: center; align-items: center; color:#333; width:80%; margin:80px auto 40px auto;} .pet-title::before,.pet-title::after { content: ""; height: 2px; flex-grow: 1; background-color: #ccc08d; border-radius: 5px;} .pet-title::before { margin-right: 15px;} .pet-title::after { margin-left: 15px;} .pet-exp{width:46%; margin: 40px auto; line-height: 1.8; color:#333; text-align:left;} .cm-pet-furmily .pet-exp{font-size:15px; font-weight: normal;} .pet-container{display: flex; justify-content: center; width:80%; margin: auto;} .pet-box1{flex-basis: 99%; border:1px solid #ccc08d; border-radius: 10px; padding:40px 20px; margin: 20px 1%;} .pet-box2{flex-basis: 49%; border:1px solid #ccc08d; border-radius: 10px; padding:40px 20px; margin: 20px 1%;} .pet-box2 p{text-align: left;} .pet-container h4{ color:#433E2B; line-height: 1.4; margin-bottom: 20px; font-size:1.2em; font-weight:bold;} .pet-container h4 img{width:90px; margin: 0; padding: 0;} .pet-container h5{font-size:1.0em; color:#433E2B;} .pet-container p{font-size:1.0em; text-align: center; color:#433E2B;} .pet-box-link {margin-top:20px;} .pet-box-link a{background: #433E2B; border-radius: 20px; color:#fff; padding: 0.4em 1em; text-decoration: none; } .pet-box-link a:hover{background: #ccc08d; } .pet-box-link-b {margin:20px;} .pet-box-link-b a{background: #fff; font-weight:bold; border:2px solid #433E2B; color:#433E2B; border-radius: 20px; padding: 0.2em 1em; text-decoration: none; } .pet-box-link-b a:hover{background: #433E2B; color:#fff;} .pet-box-logo{width:120px;} .pet-box-img-a{width:100%;} .pet-box-img-b{width:49%;} .pet-box-kao-wrap{display: flex; justify-content: center; flex-wrap: wrap;} .pet-box-kao{flex-basis: 16%; color:#433E2B; font-size:14px; font-weight: bold; margin-top: 20px;} .pet-box-kao img{width:100%;} .pet-box-kao2{flex-basis: 16%; color:#433E2B; font-size:14px; font-weight: bold; margin-top: 20px;} .pet-box-kao2 img{width:90%;} .pet-box-kao a{color:#433E2B; line-height: 2.8; text-decoration: underline;} .pet-box-kao2 a{color:#433E2B; line-height: 2.8; text-decoration: underline;} .pet-box-kao a:hover{text-decoration: none;} .pet-box-kao2 a:hober{text-decoration: none;} .pet-box-kao-empty{flex-basis: 16%; color:#433E2B; font-size:14px; font-weight: bold;} .pet-container hr{border-top: 3px dotted #433E2B; margin: 40px 0;} /* バルコニラグ*/ #item-barkoni{text-align: center; border-top:1px solid #666; margin:20px 0; padding:20px 0;} .barkoni-ttl{width:90%; margin: 0 auto;} .barkoni-ttl p{font-size:15px; text-align: center; margin: 0 0 20px 0;} .barkoni-ttl .cm-common-flex-2 img{width:360px;} .barkoni-kinou{display: flex; justify-content: center; flex-wrap: nowrap;} .barkoni-kinou img{ width:188px;} .barkoni-concept{width:80%; margin: 60px auto 40px auto;} .barkoni-concept p{font-size:15px; margin: 40px 20px;} .barkoni-concept .flex_wrap-c{margin: 40px 0;} .barkoni-concept .flex40 img{width:360px;} .barkoni-concept .flex60 p{margin: 20px;} .barkoni-explain{width:70%; border:1px solid #999; margin: 40px auto; padding:10px 20px;} .barkoni-explain p{margin: 0;} .photo100 img{width:100%;} .photo95 img{width:95%;} .photo90 img{width:90%;} .photo80 img{width:80%;} .photo70 img{width:70%;} .photo60 img{width:60%;} .photo50 img{width:50%;} .photo40 img{width:40%;} /* アコーディオン ヘッダーインフォ*/ .header-info-ac .accordion { background: #fafbf5; margin: 0 auto; max-width: 100vw; border-bottom: solid 2px #cbbf8c; } .header-info-ac .toggle {display: none;} .header-info-ac .option {position: relative;margin-bottom: 0;} .header-info-ac .title, .header-info-ac .content { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; } .header-info-ac .title {border-top: solid 1px #cbbf8c; padding: 0.5em 0; display: block; text-align: center; } .header-info-ac h2{color: #3c3c3c; font-size:14px!important; font-weight: normal;} .header-info-ac h3{text-align: center; color: orangered; font-size:14px; font-weight:bold;} .header-info-ac .cm-txt-bold{font-size:0.9em;} .header-info-ac .title::after, .header-info-ac .title::before { content: ""; position: absolute; right: 1.25em; top: 1.0em; width: 2px; height: 0.75em; background-color: #3c3c3c; transition: all 0.3s;} .header-info-ac .title::after { transform: rotate(90deg);} .header-info-ac .content { max-height: 0; overflow: hidden;} .header-info-ac .content p { width:720px;; font-size: 14px; line-height: 1.5; margin: 0 auto; padding: 0.5em 1em 1em; } .header-info-ac .toggle:checked + .title + .content { max-height: 1200px; transition: all 1.5s; } .header-info-ac .toggle:checked + .title::before { transform: rotate(90deg) !important; } /* 特集　ランキング */ .cm-ranking-ctgry .cm-ranking-box5 {position: relative; z-index: 0; margin-top:28px; } .cm-ranking-ctgry .cm-ranking-box5 a{ text-decoration: none;} .cm-ranking-ctgry .cm-ranking-box5 a:hover{ text-decoration: underline; color:#666;} .cm-ranking-ctgry { padding: 0 10px;} .cm-ranking-ctgry.slick-dotted.slick-slider {margin-bottom: 6rem;} .cm-ranking-ctgry .slick-dots {width: 95%;} .cm-ranking-ctgry .cate_rank_ttl { text-align: left; font-size: 14px; color: #666; margin: 5px 0; padding: 0 5px; font-weight: normal; line-height: 1.6; border: none; } .cm-ranking-ctgry .rank_num { position: absolute; top: -27px; left: 45%; z-index: 1; width: 24px; height: 24px; background: #dedede; color: #333; text-align: center; line-height: 24px; border-radius: 50%; } .cm-ranking-ctgry .r_num01 { background: #a49660; color: #FFF;} .cm-ranking-ctgry .r_num02 { background: #959595; color: #FFF;} .cm-ranking-ctgry .r_num03 { background: #bf835e; color: #FFF;} .cm-rank-lineup{text-align: center;} .cm-rank-lineup h3{font-size:18px; margin: 40px 0; padding-top: 40px; border-top:1px solid #666;} .cm-rank-lineup h3 img{width:60px;} #sp-rank{ background: #fbfcf6; padding-bottom: 20px;} .cm-ttl-mark {width:250px;} .cm-ttl-mark-sp img{width:100px; margin: 0; padding: 0;} .cm-ttl-mark-sp p {font-size:16px!important; font-weight: bold!important; color:#404e4e;} .ctgly-ttl-rank {text-align: center; color:#433E2B; font-size:21px; font-weight: 600; padding:40px 0;} .ctgly-ttl-rank h1{display: inline-block; color:#2b2921; font-weight:600; font-size:46px; line-height: 1.4; margin:10px 0 40px 0!important; padding:20px 30px!important; border-top:6px solid #ccc08d; border-bottom:6px solid #ccc08d;} .ctgly-ttl-rank h1::before{ content: ''; width:0!important; } .ctgly-ttl-rank p{width:560px; text-align: center; font-size:24px; margin: 0 auto; line-height: 2.0;} .ctgly-ttl-sp img{width:380px;} .ctgly-ttl-sp p{width:600px; text-align: center; font-size:20px!important; margin: 40px auto 0 auto; line-height: 2.0;} .ctgly-ttl-rank .txt-att{font-size:16px; font-weight: 100; margin: 20px auto;} .cm-rank-link {display: flex; justify-content: center; align-items: flex-start; margin: 0; padding: 0;} .cm-rank-wrap a {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 130px; height: 130px; text-align: center; border: 3px solid #404e4e; margin: 3px; padding: 4px; font-size: 16px; font-weight: 600; text-decoration: none; color: #404e4e; line-height: 1.3; box-sizing: border-box;} .cm-rank-wrap a .arrow {margin-top: auto;} .cm-rank-wrap a:hover{border:3px solid #347a97; color:#347a97;} .cm-rank-wrap img{width:40px; margin-top:5px;} .cm-rank-wrap p{ line-height: 1.0; text-align: center; margin: 5px 0;} /* カテゴリー　ウール */ #ctgly-wool h2{font-size:18px; color:#347a97; text-align: center; margin:60px 0 40px 0;} #ctgly-wool h3{font-size:16px; text-align: center; margin:10px 0 10px 0;} .ctgly-ttl-wool { background: #fbfcf6; text-align: center; color:#433E2B; font-size:21px; font-weight: 600; padding:40px 0;} .ctgly-ttl-wool h1{display: inline-block; font-weight:600; font-size:86px; line-height: 0.6; margin:10px 0 60px 0!important; padding:40px 30px 20px 30px!important; border-top:6px solid #ccc08d; border-bottom:6px solid #ccc08d;} .ctgly-ttl-wool h1::before{ content: ''; width:0!important; } .ctgly-ttl-sub{font-size:28px;} .ctgly-ttl-wool p{text-align: center; font-size:24px; margin: 0; line-height: 2.0;} #ctgly-wool .expl{width:70%; margin: 20px auto; text-align: center;} .ctgly-exp-wool{margin: 20px 0; padding: 0 40px;} .ctgly-exp-wool .flex40{ margin: 0 2%;} .ctgly-exp-wool img{width:50%; margin: 0 0 0 60px;} .ctgly-exp-wool p{margin: 0; font-weight: 600;} .ctgly-exp-wool table{margin: 0 auto;} .ctgly-exp-wool tr{margin: 0; padding: 0;} .ctgly-exp-wool td{color:#e7455d; font-size:18px;} .arrow_box { position: relative; background: #FFFFFF; border: 2px solid #a3a3a3; border-radius: 15px; padding: 20px;} .arrow_box:after, .arrow_box:before {top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none;} .arrow_box:after {border-color: rgba(255, 255, 255, 0); border-top-color: #FFF; border-width: 10px; margin-left: -10px;} .arrow_box:before { border-color: rgba(102, 102, 102, 0); border-top-color: #a3a3a3; border-width: 13px; margin-left: -13px;} .ctgly-pop-wool {margin: 20px 0; padding: 0 40px;} .ctgly-pop-wool img{width:100%;} .ctgly-pop-wool a{text-decoration: none; color: #3c3c3c;} .ctgly-pop-wool h3{font-size: 0.9em!important; text-align:left!important; margin-bottom: 20px!important;} .ctgly-pop-wool p{font-size: 0.9em;} /* 共通 */ .flex_wrap{ display: flex; justify-content: space-between; align-items:flex-start; margin: 0; padding: 0;} .flex_wrap-a{ display: flex; flex-wrap: wrap; justify-content: space-around; align-items:flex-start; margin: 0; padding: 0;} .flex_wrap-c{ display: flex; justify-content: center; align-items:flex-start; margin: 0; padding: 0;} .flex70{flex-basis: 70%; align-self: flex-start;} .flex60{flex-basis: 60%; align-self: flex-start;} .flex50{flex-basis: 50%; align-self: flex-start;} .flex40{flex-basis: 40%; align-self: flex-start;} .flex30{flex-basis: 30%; align-self: flex-start;} .cm-item-sozai_sp{visibility: hidden; height:0;} .cm-footer-suminoe_group{margin:-20px 0 20px 0; text-align:center;} .cm-footer-suminoe_group img{width:200px;} .fs-l-header__drawerOpener{margin:0 0 0 40px!important;} .fs-p-cartItemNumber4 {display: inline-block; width: 18px; height: 18px; border-radius: 50%; color:#fff; background: #F95746; text-align:center; line-height: 20px; margin:0 0 0 0;} .fs-p-cartItemNumber4.fs-client-cart-count--0, .fs-p-cartItemNumber.fs-client-subscriptionCart-count--0 { display: none;} .ttl-link-bnnr-c img{width:400px; margin: 40px auto;} /*ヘッダーナビ*/ #cm-hdnv2{position:relative; border-bottom: 2px solid #e2e1de; z-index:99!important; margin: 0 0 10px 0!important; padding:0!important;} #cm-hdnv2-box-b{width:auto; display: flex; flex-wrap: nowrap; justify-content:center; align-items: center; background: #fff; margin:0 auto!important; padding: 0!important;} #cm-hdnv2-top{width:100%; background: #e2e1de; } #cm-hdnv2-top-box{width:928px; margin: 0 auto; display: flex; flex-wrap: nowrap; justify-content:space-around; align-items: center;} #cm-hdnv2-box-logo{flex-basis: 300px!important; background: #fff; } #cm-hdnv2-box-main{flex-basis: auto!important;} #cm-hdnv2-txt{flex-basis: auto; color:#555;} #cm-hdnv2-txt p{font-size: 0.9em; text-align: center; margin: 0; padding: 5px 0;} #cm-hdnv2-serch{flex-basis: auto; padding:5px 0 5px 20px;} #cm-hdnv2-logo h1{width:240px; margin: 0 25px;} /*ヘッダーナビ サブ　*/ #cm-hdnv2-sub{display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items:center; width:928px; margin:5px auto 0 auto; padding: 0;} #cm-hdnv2-sub a{text-decoration:none; color:#666; font-size: 0.8em;} #cm-hdnv2-sub a:hover{color:orangered; } .cm-hdnv2-sub-box{flex-basis: auto; display: flex; flex-wrap: nowrap; justify-content:flex-end; margin: 3px 0; padding:0 10px;} .cm-hdnv2-sub-img{flex-basis: 25px; align-self:center; margin-right: 5px; } .cm-hdnv2-sub-img img{width:25px!important;} .cm-hdnv2-sub-txt{ flex-basis:auto; align-self:center;} .cm-hdnv2-guide{color:#3c3c3c;padding:0.15em ; margin:0 0 8px 0;} /*ヘッダーナビ メイン　*/ .gnavi__wrap { width: auto; margin: 0; } .gnavi__lists { display: flex; margin: 0; justify-content:center; } .gnavi__list { width: 130px; height: 100px; background-color: #fff; border:2px solid #fff; position: relative; transition: all .3s;} #list-cpt{background: url(https://curpetmarche.itembox.design/item/h-mnbg-cpt.png) center no-repeat;} #list-mat{background: url(https://curpetmarche.itembox.design/item/h-mnbg-mat.png) center no-repeat;} #list-tlc{background: url(https://curpetmarche.itembox.design/item/h-mnbg-tlc.png) center no-repeat;} #list-ctn{background: url(https://curpetmarche.itembox.design/item/h-mnbg-ctn.png) center no-repeat;} #list-chr{background: url(https://curpetmarche.itembox.design/item/h-mnbg-chr.png) center no-repeat;} #list-otr{background: url(https://curpetmarche.itembox.design/item/h-mnbg-otr.png) center no-repeat;} .gnavi__list:hover { background-color: #f4f3ef; border:2px solid #f4f3ef; border-radius: 5px;} .gnavi__list:hover::before {background-color: #fff;} .gnavi__list a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; text-decoration: none; color: #3c3c3c; font-size: 0.9em; letter-spacing: 0.05em; font-weight: 600; transition: all .3s;} .gnavi__list:hover a { color: #666; } .gnavi__lists li{padding-top:1.0em;} .dropdown__lists { display: hidden; opacity: 0; transition: all .3s; transform: scaleY(0); transform-origin: center top; width: 150%; position: absolute; top: 100px; left: -25%;} .gnavi__list:hover .dropdown__lists { visibility: visible; opacity: 1; transform: scaleY(1);} .dropdown__list { background-color: #6e6e6e; transition: all .3s; position: relative;} .dropdown__list:not(:first-child)::before{ content: ""; width: 100%; height: 1px; background-color: #ccc; position: absolute; top: 0; left: 0;} .dropdown__list:hover { background-color: #668fa3;} .dropdown__list a { display: flex; justify-content: center; align-items: center; color: #fff!important; text-decoration: none; position: relative; padding:0 0 10px 0;} /*ヘッダーナビ ↑↑↑↑　*/ .mrgn010{margin:0 10px; } .mrgn020{margin:0 20px; } .mrgn030{margin:0 30px; } .mrgn040{margin:0 40px; } .mrgn050{margin:0 50px; } .mrgn060{margin:0 60px; } .mrgn080{margin:0 80px; } .mrgn0100{margin:0 100px; } .mrgn0120{margin:0 120px; } .mrgn10_0{margin:10px 0; } .mrgn20_0{margin:20px 0; } .mrgn30_0{margin:30px 0; } .mrgn40_0{margin:40px 0; } .mrgn50_0{margin:50px 0; } .mrgn60_0{margin:60px 0; } .mrgn80_0{margin:80px 0; } .mrgn100_0{margin:100px 0; } .mrgn120_0{margin:120px 0; } .mrgn-top60{margin:60px 0 20px 0; } .cm-h-sub1c{fint-size:16px; font-weight: 100; text-align: center;} .cm-bg-fff{background: #fff;} .hr-blank{margin-bottom: 10px; border:none;} /*素材で選ぶ*/ #cm-cpt-sozai{font-size:0.9em; width:90%; margin: 20px auto; text-align: center;} #cm-cpt-sozai h1{font-size:1.6em; margin: 1em;} #cm-cpt-sozai h2{font-size:1.0em; margin:0 0 1em 0; padding-bottom:0.2em; text-align: left; font-weight: 600; border-bottom: solid 2px #a2edd8;} #cm-cpt-sozai img{width:100%;} .cpt-spzai-ttl-s{ font-size:80%; color:#333; margin-bottom: 120px;} .cpt-sozai-all{display: flex; flex-wrap: wrap; justify-content: center;} .cpt-sozai-a{flex-basis: 30%; margin: 2%;} .cpt-sozai-a img{width:100%;} .cpt-sozai-star{border:solid 1px orangered; margin: 10px 0; } .cpt-sozai-a table{width:auto; margin: 10px auto;} .cpt-sozai-a th{ font-weight: 600; font-size: 1.1em; margin: 0; padding: 0;} .cpt-sozai-a td{ font-weight: 600; color:orangered; font-size: 1.3em; margin: 0; padding: 0;} .cpt-sozai-b{flex-basis: 50%; margin: 2%;} .cpt-sozai-b p{ text-align: left; font-size:1.0em; padding: 0 0.5em;} .cpt-sozai-b li{ text-align: left; font-size:1.0em; color:red; margin: 0.5em 0; padding: 0 0.5em; border-bottom: 1px dashed #999;} .cpt-sozai-b .txt-bl li{color:blue;} #cm-cpt-sozai-othr{width:90%; margin: 20px auto; text-align: center; border-top:1px dotted #666; padding-top:20px; } /*イヌカオ・ネコカオ*/ #cm-inuneko h1::before{width:0;} #head-inuneko h1::before{width:0;} #head-inuneko{text-align: center; background: url(https://curpetmarche.itembox.design/item/bg-relaxwith.gif); padding-bottom: 40px;} #head-inuneko p{text-align: center; font-size:1.1em; font-weight: 600; color:#ed1c24; margin: 0 0 20px 0;} .inuneko-banner{background: #fff; margin: 0 20px; padding:20px 0 0 0; display: flex; flex-wrap: wrap; justify-content: center; } .inu-banner a h1{background: url(https://curpetmarche.itembox.design/item/banner-inukao01.jpg) no-repeat ; background-size: 90%; font-size:0; width:360px; height:225px; } .inu-banner a:hover h1{background: url(https://curpetmarche.itembox.design/item/banner-inukao01on.jpg) no-repeat ; background-size: 90%;} .neko-banner a h1{background: url(https://curpetmarche.itembox.design/item/banner-nekokao01.jpg) no-repeat ; background-size: 90%; font-size:0; width:360px; height:225px; } .neko-banner a:hover h1{background: url(https://curpetmarche.itembox.design/item/banner-nekokao01on.jpg) no-repeat ; background-size: 90%;} #cm-inukao,#cm-nekokao{margin: 40px 0;} .ttl-inuneko{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center;} .ttl-ctc1{font-size: 0.4em;} .ttl-ctc2{font-size: 0.5em; padding-left: 1em;} .ttl-inuneko img{height:140px;} #cm-inukao h2{color:#4168a1; font-size:48px; line-height: 1.2;} #cm-inukao h3{color:#4168a1; font-size:1.2em;} #cm-nekokao h2{color:#60660c; font-size:48px; line-height: 1.2;} #cm-nekokao h3{color:#60660c; font-size:1.2em;} .ttl-inuneko h2{font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; font-weight: 600;} .inukao-lineup h3{color:#4168a1; font-size:1.2em; margin-bottom: 20px; text-align: center;} .nekokao-lineup h3{color:#60660c; font-size:1.2em; margin-bottom: 20px; text-align: center;} .inukao-exp{background: #cdeaf3;} .nekokao-exp{background: #f3efd6;} .inukao-exp h4{font-size:1.2em; color:#4168a0;} .nekokao-exp h4{font-size:1.2em; color:#60660c;} .inuneko-num{font-size: 1.8em; margin-right: 0.5em;} .inuneko-exp-wrap p{font-size: 1.0em; } .inuneko-cncpt{width:750px; margin: 40px auto;} .inuneko-cncpt p{font-size: 1.0em;} .inuneko-exp-wrap{display: flex; flex-wrap: wrap; justify-content: center; align-items: top; padding: 40px 20px;} .inuneko-exp-a{flex-basis:350px;} .inuneko-exp-b{flex-basis:480px; margin-left: 20px;} .inuneko-exp-b_all{display: flex; flex-wrap: wrap; justify-content:flex-start; align-items: top; } .inuneko-exp-b_txt{flex-basis:220px;} .inuneko-exp-b_img{flex-basis:260px;} .inukao-newcolor{display: inline-block; font-size:14px; background: #EE4E56; color:#fff; margin: 0!important; padding:1px 5px 0px 10px; border-radius: 5px; line-height: 1.8;} #inukao-item-a{ display: flex; flex-wrap: wrap; justify-content:center; text-align:center;} #inukao-item-a .inuneko-item{border-top: 8px solid #cdeaf3;} #inukao-item-b{ display: flex; flex-wrap: wrap; justify-content:center; text-align:center;} #inukao-item-b .inuneko-item{border-top: 8px solid #d0eaca;} #nekokao-item-a{ display: flex; flex-wrap: wrap; justify-content:center; text-align:center;} #nekokao-item-a .inuneko-item{border-top: 8px solid #f3efd6;} #inukao-item-a .inuneko-item-ttl{flex-basis: 200px; margin: 0 10px 10px 10px; background:#cdeaf3; } #inukao-item-b .inuneko-item-ttl{flex-basis: 200px; margin: 0 10px 10px 10px; background:#d0eaca; } #nekokao-item-a .inuneko-item-ttl{flex-basis: 200px; margin: 0 10px 10px 10px; background:#f3efd6; } .inuneko-item{flex-basis: 200px; margin: 0 10px 10px 10px;; background:#fff;} .inuneko-item-empty{flex-basis: 200px; margin: 0 10px 10px 10px;; background:#fff;} .inuneko-item img{height: 100px; margin: 0; padding:0;} .inuneko-item-ttl{} .inuneko-item-ttl h4{ margin: 30px;} .inuneko-item-ttl a{background: #fff; font-size:0.9em; padding: 0.2em 0.5em;} #inukao-item figure{} #inukao-item-a figcaption{ font-weight: 600;} #inukao-item-a p{font-size:0.9em; text-align:left;} #inukao-item-b figcaption{ font-weight: 600;} #inukao-item-b p{font-size:0.9em; text-align:left;} #nekokao-item-a figcaption{ font-weight: 600;} #nekokao-item-a p{font-size:0.9em; text-align:left;} .inuneko-pagelink{border:2px solid #999; text-align: center; width:80%; padding: 0.2em; margin: 40px 0;} .inuneko-pagelink a{text-decoration: none; color:#666;} .inuneko-pagelink a:hover{text-decoration: none; color:orangered; } /*洗えるオーダーカーペット*/ .sp-ttl-a{text-align: center; margin: 0 15%;} .sp-ttl-a h1{font-size:2.0em; margin: 60px 0; line-height:1.5;} .sp-ttl-a h1::before{ content: ''; width:0!important; height: 0!important;} .sp-ttl-a h2{font-size:1.0em; margin-top: 20px;} .sp-ttl-sub1{font-size: 0.5em; font-weight:100;} .sp-ttl-a p{font-size:0.9em; line-height:1.5;} .sp-ttl-b{text-align: center; margin: 0 15%; } .sp-ttl-b h1{font-size:2.0em; margin: 20px 0; line-height:1.5;} .sp-ttl-b h1::before{ content: ''; width:0!important; height: 0!important;} .sp-ttl-b h2{font-size:1.2em; margin: 30px 0 20px 0;} .sp-ttl-b p{font-size:0.9em; line-height:1.5;} .sp-ttl-c{text-align: center; margin:40px 0 20px 0; padding: 40px 15%; background: #f7f7f7;} .sp-ttl-c h1{font-size:2.0em; margin: 20px 0; line-height:1.5;} .sp-ttl-c h1::before{ content: ''; width:0!important; height: 0!important;} .sp-ttl-c h2{font-size:1.4em; margin: 20px 0;} .sp-ttl-c h3{font-size:1.2em; margin: 20px 0;} .sp-ttl-c p{font-size:0.9em; line-height:1.5;} .mrgn060{margin:0 60px; } .sp-1-bdr-a{ margin:40px 0; padding:30px; border:2px solid #999; border-radius:5px;} .sp-1-bdr-a p{margin:0 20px; } .sp-2-bdr-a{ margin:40px 0; padding:30px; border:2px solid #999; border-radius:5px; display: flex; justify-content: space-between;} .sp-2-bdr-a-1{flex-basis: 25%; text-align: center!important;} .sp-2-bdr-a-2{flex-basis: 65%; text-align: left;} .sp-3{margin-bottom:40px; padding:0; font-size:0.9em; display: flex; flex-wrap: wrap; justify-content: center;} .sp-3 p{ text-align: center;} .sp-3 img{ width:100%;} .sp-3-1{flex-basis: 30%; margin: 1%; text-align: center!important;} .sp-3-1l h3{ text-align: center; font-size:1.0em; margin-bottom: 0.5em;} .sp-3-1c h3{ text-align: center; font-size:1.0em; margin-bottom: 0.5em;} .sp-3-1l p{ text-align: left; margin: 0.5em 0;} .sp-3-1c p{ text-align: center; margin: 0.5em 0;} .sp-3-1l img{ width:100%;} .sp-3-1c img{ width:100%;} .sp-3-1l{flex-basis: 30%; margin: 1%; text-align: left;} .sp-3-1c{flex-basis: 30%; margin: 1%; text-align: center;} .cm-bg-efefef{background: #f7f7f7; padding: 20px;} .wash-oc-a{ background: linear-gradient(90deg, #f1f2da 0%, #f1f2da 30%, #fff 30%, #fff 100%); display: flex; justify-content: center; width: 100%; } .wash-oc-b{ background: linear-gradient(90deg, #d6ede7 0%, #d6ede7 30%, #fff 30%, #fff 100%); display: flex; justify-content: center; width: 100%; } .wash-oc-c{ background: linear-gradient(90deg, #f2e7dd 0%, #f2e7dd 30%, #fff 30%, #fff 100%); display: flex; justify-content: center; width: 100%; } .wash-oc-wrap{margin:0 10%; padding:40px 0;} .wash-oc-ttl{display: flex; width:100%; color:#3c3c3c; align-items: center; margin-bottom: 20px;} .wash-oc-ttl-1{flex-basis: 20%; text-align: center;} .wash-oc-ttl-2{flex-basis: 70%; margin-left: 10%;} .wash-oc-ttl h2{font-size:1.2em; word-break: break-all; line-height: 1.0em; margin: 1em 0;} .wash-oc-ttl h3{font-size:1.0em; word-break: break-all; line-height: 0.9em;} .wash-oc-ttl p{word-break: break-all; font-size:0.9em; line-height: 1.5em;} .wash-oc-cnt{display: flex; width:100%; color:#3c3c3c; align-items:flex-start; margin-top:40px;} .wash-oc-cnt h2{font-size:1.0em; word-break: break-all; background: #fff; padding: 0.2em 0;} .wash-oc-cnt p{word-break: break-all; font-size:0.9em; line-height: 1.5em;} .wash-oc-cnt-1{flex-basis: 20%; text-align: center;} .wash-oc-cnt-2{flex-basis: 70%; margin-left: 10%;} .wash-oc-img{display: flex; flex-wrap: wrap; justify-content:space-between; align-items: center; } .wash-oc-img img{margin: 5px 0;} .wash-oc-clr{flex-basis: 40%; text-align: center;} .wash-oc-img1{width:100%;} .wash-oc-img1b{width:60%; margin-top: 40px!important;} .wash-oc-img2{width:49.5%;} .wash-oc-img3{width:32.5%;} .wash-oc-fnctn{display: flex; flex-wrap: wrap; justify-content:space-between; } .wash-oc-fnctn-box{flex-basis: 32%;} .wash-oc-fnctn-box img{width:100%;} .free-sp-link{text-align:center; margin: 4em 0; } .free-sp-link a{text-decoration: none; font-size:1em; border:1px solid #666; padding: 0.5em 2em; background: #666; color:#fff; border-radius: 5px;} .free-sp-link a:hover{background: #fff; color:#3c3c3c;} .free-sp-link-wh{text-align:center; margin: 1em 0; } .free-sp-link-wh a{text-decoration: none; font-size:1em; border:1px solid #666; padding: 0.5em 2em; background: #fff; color:#3c3c3c; border-radius: 5px;} .free-sp-link-wh a:hover{background: #666; color:#fff;} /*　サイドナビ　2022　*/ #cm-side2022{background: #efefef; margin: 0; padding:5px 0;} /*サイドナビ-検索窓*/ .cm-side-serch{ width:90%; margin: 10px auto;} /*サイドナビ-お買い物ガイド*/ .cm-side-guide{text-align: center; border:1px solid #6CC4BC; border-radius: 5px; margin:10px 5px 0 5px; padding:0.2em 0;} .cm-side-guide a{color:#3c3c3c; text-decoration: none!important; font-size:0.8em; display: block;} .cm-side-guide a:hover{color:orangered!important;} /*ホームボタン*/ .side-home{display: flex; flex-wrap: wrap; justify-content: center;} .side-home-icon{flex-basis: 1.8em;} .side-home-txt{flex-basis: auto; align-self:center;} .side-home img{width:1.2em; height:1.2em; margin: 0; padding: 0; } .side-home-txt h2{font-size:0.9em;} /*送料無料*/ .cm-side-deliv p{color:#7c7c7c; font-weight:100; font-size: 1em; text-align: center; border-top:3px solid #dfdfdf; border-bottom:3px solid #dfdfdf; margin:10px 5px 0 5px; padding:0.5em 0; line-height: 1.4;} .side-deliv-s{font-size:0.5em;} /*　h1　*/ #cm-side2022 h1 {font-size:14px; color:#494949; text-align: center; position: relative; padding: 0 5px; margin-bottom: 10px; } #cm-side2022 h1:before { position: absolute; top: calc(50% - 1px); left: 0; width: 100%; height: 2px; content: ''; background: #6e6e6e;} #cm-side2022 h1 span { position: relative; padding: 0 1em; background: #fff;} /*　txt　*/ #cm-side2022 a{text-decoration: none; color:#3c3c3c; } #cm-side2022 a:hover{color:orangered!important; text-decoration: underline; } #cm-side2022 .txt-pt01{color:#d3d3d3; font-size: 1.0em; margin-right: 0.6em;} #cm-side2022 .txt-pt02{color:#9e9e9e; font-size: 0.9em; margin-right: 0.3em;} #cm-side2022 .txt-pt03 {display:flex;} #cm-side2022 .txt-pt03 img{ flex-basis: 0.8em; width:0.8em; height:1.2em; margin:0 0.8em 0.2em 0; align-self:center;} #cm-side2022 .txt-pt03 a{ flex-basis: auto; align-self:center;} #cm-side2022 .txt-pt04{color:#d3d3d3; font-size: 1.0em; margin-right: 0.6em;} /*　wap　*/ .cm-side-wrap00,.cm-side-wrap03{background: #fff; margin:5% 3%; padding: 5% 0;} .cm-side-wrap01,.cm-side-wrap02{background: #fff; margin:5% 3%; padding: 5%; border-radius: 8px;} .cm-side-wrap01 ul{display: flex; flex-wrap: wrap;} .cm-side-wrap01 li{font-size:0.9em; margin:0.2em 0.5em 0.2em 0;} .cm-side-wrap02 li{ font-size:0.9em; margin: 0.8em 0; padding-bottom: 0.1em; border-bottom: 1px dashed #9c9c9c;} .cm-side-wrap02 li ul li{font-size:1.0em; border: none; margin:0.2em 0 0.2em 0.8em; padding:0;} .cm-side-wrap02 .list-type02 {display: flex; flex-wrap: wrap;} .cm-side-wrap02 .list-type02 a{ font-size:0.9em; flex-basis: auto; border:1px solid #ccc; color:#3c3c3c; padding: 0.2em 0.4em; margin: 0.2em 0; text-decoration: none; flex-grow: 2; text-align: center;} .cm-side-wrap02 .list-type02 a:hover{ color:orangered; border:1px solid orangered; background-color:#fff; text-decoration: none!important; transition: 0.6s;} .cm-side-wrap02 .pc-hddn{display:none;} .cm-side-wrap03 ul{display: flex; flex-wrap: wrap; justify-content: wrap;} .cm-side-wrap03 li{ font-size:0.9em; margin: 0.2em 0.5em; padding:0 1em; } .cm-side-flex{display: flex; flex-wrap: wrap;} /*　商品紹介 独自(8)　*/ .item-var{text-align: center; color:#3c3c3c; margin: 20px 0; padding-bottom:20px; border-bottom:1px dashed #A4D8D4;} .item-var h3{font-size:0.9em; margin:20px 0 0.5em 0; line-height:1.5;} .item-var p{font-size:0.9em;} .item-var-box{display: flex;} .item-var-img{flex-basis:40%;} .item-var-txt{flex-basis:50%; margin:0 0 0 3%;} /*アコーディオン*/ #cm-side2022 .content ul{display: flex; flex-wrap: wrap; margin:0.8em 0 0 0; padding:0; } #cm-side2022 .content li{border: none; margin:0.4em 0 0 0; padding:0;} #cm-side2022 .accordion {margin: 0.2em auto; max-width: 100%; border-bottom: solid 1px #ccc; } #cm-side2022 .toggle {display: none;} #cm-side2022 .option {position: relative; margin-bottom: 0;} #cm-side2022 .title, #cm-side2022 .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.5s;} #cm-side2022 .title h2{font-size:0.9em; font-weight: 100; padding: 0.3em 0; display: block;} #cm-side2022 h3{font-size:0.8em; font-weight: 100; text-align: center; padding:0.4em 0; margin: 0.8em 0 ; border-top:2px solid #ccc; border-bottom:2px solid #ccc;} #cm-side2022 .title::after, #cm-side2022 .title::before {content: ""; position: absolute; right: 1em; top: 0.4em; width: 2px; height: 0.75em; background-color: #6cc4bc; transition: all 0.3s;} #cm-side2022 .title::after {transform: rotate(90deg);} #cm-side2022 .content {max-height: 0; overflow: hidden;} #cm-side2022 .toggle:checked + .title + .content { max-height:1200px; transition: 2.5s;} #cm-side2022 .toggle:checked + .title::before {transform: rotate(90deg);} .cm-side-bnnr{display: flex; flex-wrap: wrap; justify-content: center;} .cm-side-bnnr img{margin: 0 3px;} /*クーポン*/ .cm-coupn-all{display: flex; justify-content: center; flex-wrap: wrap; } .cm-coupn-box {flex-basis: 30%; text-align: center;} .cm-coupn-box img{width:80%!important;} .cm-coupn-box ul{padding:10px; } .cm-coupn-box li{text-align: left;} /*リンクBOX*/ .cm-link-box {display: flex; flex-wrap: wrap;} .cm-link-box a{flex-basis: auto; border:1px solid #666; background:#fff; color:#3c3c3c; padding: 4px 5px; margin: 3px 2px; text-decoration: none; flex-grow: 2; text-align: center; font-size: 14px;} .cm-link-box a:hover{ border:1px solid #666; background:#666; color:#fff!important; text-decoration: none!important;} .cm-link-box2 {display: flex; flex-wrap: wrap;} .cm-link-box2 a{flex-basis: auto; border:1px solid #777; background:#777; color:#fff; padding: 4px 5px; margin: 3px 2px; text-decoration: none; flex-grow: 2; text-align: center; font-size: 14px;} .cm-link-box2 a:hover{ border:1px solid #666; background:#fff; color:#3c3c3c; text-decoration: none!important;} /*カーテン専用洗濯ネット*/ .cu_net{ text-align: center; font-size: 1.0em; margin: 20px 0 40px 0; border-top:1px solid #999;} .cu_net-catch {font-weight:600;font-size: 1.2em; text-align: left;width:500px; margin:40px auto 20px auto; line-height: 2.0;} .cu_net h2{font-size:16px; margin:40px 0 20px 0;} .cu_net .cu_net-fbox2{background: #eff2f1;} .cu_net-fbox2{flex-basis: 400px; margin:0.5%; display: flex;} .cu_net-fbox2-l{flex-basis: 160px;} .cu_net-fbox2-l img{width:160px;} .cu_net-fbox2-r{flex-basis: 240px;} .cu_net-fbox2-r p{text-align: left; font-size:14px; margin: 0 10px; line-height: 1.5;} .cu_net-fbox2-r h3{color:#6f9ab6; font-size:36px; text-align: center; margin: 10px;} .cu_net-txt-att{font-size:10px!important; margin: 10px!important; line-height: 0.5;} .cm-ctgry-2clm-wrap{flex-basis: 30%;} .cm-fbox-2clm-box img{width:135px; margin-bottom: 10px;} .cm-fbox-120,.cm-fbox-150,.cm-fbox-180,.cm-fbox-200{text-align: center!important; font-size:1em!important;} .cm-fbox-120 img{ width:120px; margin: 5px 2px 0 2px;} .cm-fbox-120-empty{ width:120px; margin: 5px 2px;} .cm-fbox-120 a{color:#3c3c3c; text-decoration: none; font-size: 0.8em; margin-bottom: 1em;} .cm-fbox-120 a:hover{color:orangered;} .cm-fbox-130 img{ width:130px; margin: 5px 5px 0 5px;} .cm-fbox-130-empty{ width:130px; margin: 5px 5px 0 5px;;} .cm-fbox-130 a{color:#3c3c3c; text-decoration: none; font-size: 0.8em; margin-bottom: 1em;} .cm-fbox-130 a:hover{color:orangered;} .cm-fbox-150 img{ width:150px; margin: 5px 5px 0 5px;} .cm-fbox-150-empty{ width:150px; margin: 5px 5px 0 5px;;} .cm-fbox-150 a{color:#3c3c3c; text-decoration: none; font-size: 0.8em; margin-bottom: 1em;} .cm-fbox-150 a:hover{color:orangered;} .cm-fbox-150s img{ width:150px; margin: 5px 5px 0 5px;} .cm-fbox-150s-empty{ width:150px; margin: 5px 5px 0 5px;;} .cm-fbox-150s a{color:#3c3c3c; text-decoration: none; font-size: 0.8em; margin-bottom: 1em;} .cm-fbox-150s a:hover{color:orangered;} .cm-fbox-180 img{ width:180px; margin: 5px 5px 0 5px;} .cm-fbox-180-empty{ width:180px; margin: 5px 5px 0 5px;;} .cm-fbox-180 a{color:#3c3c3c; text-decoration: none; font-size: 0.8em; margin-bottom: 1em;} .cm-fbox-180 a:hover{color:orangered;} .cm-fbox-200 img{ width:200px!important; margin: 5px 5px 0 5px;} .cm-fbox-200-empty{ width:200px; margin: 5px 5px 0 5px;;} .cm-fbox-200 a{color:#3c3c3c; text-decoration: none; font-size: 0.8em; margin-bottom: 1em;} .cm-fbox-200 a:hover{color:orangered;} .cm-fbox-200-2{text-align: center;} .cm-fbox-200-2 img{ width:200px!important; margin: 5px 5px 0 5px;} .cm-fbox-200-2-empty{ width:200px; margin: 5px 5px 0 5px;;} .cm-fbox-200-2 a{color:#3c3c3c; text-decoration: none; font-size: 0.8em; margin-bottom: 1em;} .cm-fbox-200-2 a:hover{color:orangered;} .cm-txt-ttl-tb{font-size:1em; text-align: center; border-top:1px solid #999; border-bottom:1px solid #999; padding: 0.5em 0;} #cm-ctgly-cu .cm-ctgry-box{display: flex; flex-wrap: wrap; justify-content:center;} #cm-ctgly-cu .cm-ctgry-box4{flex-basis: 23%; background: #fff; padding:10px 5px 5px 5px; margin:3px; text-align: center;} #cm-ctgly-cu .cm-ctgry-box4 img{ width: 200px; height: 200px; object-fit: cover; margin: 0;} #cm-ctgly-cu .cm-ctgry-box4 h3{font-size:0.9em!important; margin: 1em 0 0 0; color:#3c3c3c; text-align: center; } #cm-ctgly-cu .cm-ctgry-box4 p{font-size:0.9em!important; line-height:1.5; margin:1em; padding:0; text-decoration: none; color:#3c3c3c; text-align: left;} #cm-ctgly-cu .cm-ctgry-box4 a{text-decoration: none;} #cm-ctgly-cu .cm-ctgry-box4 a:hover{text-decoration: underline; color:#3c3c3c;} /*HGOC*/ .ctgry-cu-hgoclogo img{ width:200px; margin: 0 auto 30px auto;} /*ハイグレードオーダーカーテン*/ .ctgry-hgoc-logo-ttl {text-align: left;} .ctgry-hgoc-logo-ttl img{width:220px; margin: 10px 0;} #cm-item-catch01-2 .ctgry-hgoc-logo-ttl img{width:180px; margin: 10px 0 5px 0;} .ctgry-hgoc-logo-ttl-c {text-align: center;} .ctgry-hgoc-logo-ttl-c img{width:220px; margin: 10px 0;} #hgcu-tassel { border: 1px solid #C7E2E1; border-radius: 5px; padding: 0 20px} #hgcu-tassel h4{ text-align: center; background: #e5e1df; padding:4px; margin: 0;} #hgcu-tassel h5{text-align: center; font-size: 16px; padding: 8px 0; border:solid 1px #ccc; width:90%;} #hgcu-tassel p{font-size:0.9em; font-weight: normal; margin:20px 20px 0 20px;} .cm-kabu-fbox{display: flex;} .cm-kabu-fb2{flex-basis: 50%; align-self: center;} .cm-kabu-fb2 p{ margin:10px 0!important;} .cm-fbox-tassel2{flex-basis: 50%; } .cm-fbox-tassel2 p{margin:10px 0 0 0!important; padding:0; position: relative; z-index: 99;} .cm-fbox-tassel2 img{margin-top: -10px; z-index: 1;} .cm-fbox-tassel3{text-align: center; flex-basis: 33%; margin: 10px 0 15px 0; } .cm-fbox-tassel3 p{line-height: 1.2; margin:5px!important;} /*HGオーダーカーテン　縫製仕様*/ .cm-item-att-hgoc{margin: 20px 10px; } .cm-item-att-hgoc h3{clear: both; font-size: 16px; text-align: center; padding:20px 0 6px 0; border-bottom: 2px solid #C7E2E1;} .cm-item-att-hgoc h4 { font-size:1em; font-weight:600; color:#494949; text-align: center; position: relative; padding: 0 5px; margin:2em 1.5em 1.5em 1.5em; text-align: center;} .cm-item-att-hgoc h4:before { position: absolute; top: calc(50% - 1px); left: 0; width: 100%; height: 2px; content: ''; background: #ccc;} .cm-item-att-hgoc h4 span { position: relative; padding: 0 1em; background: #fff;} .cm-item-att-hgoc p{font-size:1em; margin: 0.8em 1.5em; } .cm-item-att-hgoc img{width:80%; margin: 0 10%;} .cm-item-flex{display: flex; flex-wrap: wrap; justify-content: center;} .cm-item-box4{flex-basis: 23%; padding: 0.5%; margin-bottom: 10px;} .cm-item-flex a{text-decoration: none; color:#3c3c3c} .cm-item-flex a:hover{color:orangered;} .cm-item-box4 img{width:100%; height:150px; object-fit: cover;} .cm-item-box4 p{font-size:0.9em; margin: 0; padding:0 0.5em;} /*タイルカーペット 機能アイコン*/ .tile-ecos{display:flex; flex-wrap: wrap; justify-content:center; margin:20px; border-bottom:1px solid #999;} .tile-icn{display:flex; flex-wrap: wrap; justify-content:flex-start; margin:20px;} .tile-icn-box{margin:10px 5px;} .tile-icn-eco{width:90px; font-size:6px; padding: 5px 0; line-height:1;} .tile-icn-fstar{width:75px; font-size:6px; paddin:5px 0; margin:0 10px;} .tile-icn-fstar #noneed{font-size:8px; margin:0 ; paddin:0; } /*タイルカーペット その他のシリーズ*/ .cm-tilec-series {text-align: center; margin: 20px 10px; } .cm-tilec-series h3{clear: both; font-size: 16px; text-align: center; margin:10px -10px; padding:20px 0 6px 0; border-bottom: 2px solid #C7E2E1;} .cm-tilec-series h4{margin:20px 0 0 0; font-weight:600; font-size:16px;} .cm-tilec-series li{margin: 10px 0;} .cm-tilec-series a{ display: block; padding: 8px 0; font-size: 14px; border:1px solid #999; color:#3c3c3c; text-decoration: none; font-weight:600;} .cm-tilec-series a:hover{ border:1px solid #999; background:#999; color:#fff;} /*カテゴリー　タイルカーペット*/ #cm-ctgry-tilec h1{font-size:14px; text-align: center;} .cm-ctgry-tilec{background: #eee; padding:20px 0; margin-top: 10px;} .cm-ctgry-tilec-exp {padding:0 40px;} .fs-l-pageMain .cm-ctgry-tilec-exp h1{font-size:21px; border-bottom:2px solid #999; padding:10px 0; margin:0;} .fs-l-pageMain .cm-ctgry-tilec-exp h1::before{content: ''; display: inline-block; width: 0; padding: 0; margin:0;} .fs-l-pageMain .cm-ctgry-tilec-exp h2{font-size:21px; border-bottom:2px solid #999; padding:10px 0; margin:0;} .cm-ctgry-tilec-exp p{font-size:15px; margin:20px 0;} .cm-ctgry-box{display: flex; flex-wrap: wrap; justify-content:center;} .cm-ctgry-box3{flex-basis: 30%; background: #fff; padding:10px 10px; margin:5px; text-align: center;} .cm-ctgry-box3-empty{flex-basis: 30%; background: #eee; padding:10px 5px; margin: 0 5px;} .cm-ctgry-box3 img{ width: 278px; height: 278px; object-fit: cover; margin: 0;} .cm-ctgry-box3 h2{font-size:16px; margin: 10px;; color:#3c3c3c; border-bottom: 1px solid #999; text-align: left; } .cm-ctgry-box3 p{font-size:14px; margin: 10px; text-decoration: none; color:#3c3c3c; text-align: left;} .cm-ctgry-box3 a{text-decoration: none;} .cm-ctgry-box3 a:hover{text-decoration: underline; color:#3c3c3c;} /*フリーページド リスト*/ .cm-page-list {display:flex; flex-wrap: wrap; align-content:flex-start; width:928px; margin:20px 0; padding: 10px;} .cm-page-list-box{flex-basis: 300px; padding:10px;} .cm-page-list a{text-decoration: none; color:#3c3c3c;} .cm-page-list a:hover{ color:orangered;} .cm-page-list ul{margin:0; padding:0; } .cm-page-list ul li{ padding:10px 5px 2px 5px; border-bottom: 1px solid #A4D8D4;} .cm-page-list ul li::before { content: "● "; color: #A4D8D4;} .cm-page-list ul ul{ padding:5px 0;} .cm-page-list ul ul li{padding:4px 10px 2px 15px; list-style: none; border-bottom: 1px dotted #A4D8D4;} .cm-page-list ul ul li::before { content: "・"; color: #A4D8D4;} /*フリー サイズで選ぶ　*/ #cm-f-size{text-align: center; } #cm-f-size h1{font-size:1.4em; color:#3c3c3c; padding: 20px 0;} #cm-f-size h2{font-size:1.2em!important; color:#fff; margin:40px 0 40px 0!important; padding: 0.4em 0;} #cm-f-size-carpet h2{ background: #4aa56f;} #cm-f-size-curtain h2{background: #4b6fa3;} #cm-f-size-order h2{background: #666;} #cm-f-size h3{font-size:1.1em!important; color:#3c3c3c; background: #edebe2; margin: 20px 0; padding: 0.3em} #cm-f-size h4{font-size:1.1em!important; color:#3c3c3c; border-top:1px dashed #666; margin: 20px 0 0 0; padding:2em 0 0 0;} .cm-f-5box h4{border:none!important; padding:1.0em 0 0 0!important; margin: 0!important; border-top:6px solid #edebe2!important; } #cm-f-size p{font-size:1.0em!important; color:#3c3c3c;} .f-size-link{display: flex; justify-content:center; align-items: center; margin: 20px 0;} .f-size-link-box{font-size:1.0em!important; border:#666 1px solid; width:32%; margin: 0.5%; padding:0.3em 0;} .f-size-link-box a{text-decoration: none; color: #3c3c3c;} .f-size-link-box a:hover{color: orangered;} .f-size-ttl-img{width:280px; height:200px; object-fit: cover;} .cm-f-size-concpt{width:60%; margin: 30px auto 20px auto;} .cm-f-size-ninki a{display:inline-block; font-size:1.0em!important; border:1px solid #666; padding:0.2em 1em; margin:0 auto 30px auto; color:#fff; background: #666; text-decoration: none;} .cm-f-size-ninki a:hover{display:inline-block; border:1px solid #666; color:#666; background: #fff;} .cm-f-5wrap{display: flex; justify-content:center; align-items: center; margin: 20px 0;} .cm-f-5box{ align-self: flex-start; text-align: center; flex-basis:24%; margin:0 0.5%;} .cm-f-5box img{width:140px; height:140px; object-fit: cover; margin: 0; } .f-5box-link{border:1px solid #666; padding:0.2em 0; margin: 0.5em 0;} .f-5box-link a{ font-size:1.0em!important; text-decoration: none; color:#3c3c3c; ;} .f-5box-link a:hover{color: orangered; } .bnr-hakarikata img{width:350px; margin: 30px 0;} /* フリー FAQ */ .cm-f-faq-ttl{text-align: center; margin: 20px 0;} .cm-f-faq-ttl img{width:100px;} .cm-f-faq-ttl h2{font-size:18px; color:#66645c;} .cm-f-faq-bnr{background: #f4f3ed; display: flex; flex-wrap: wrap; justify-content: center; padding:40px 0;} .cm-f-faq-bnr img{width:140px; margin: 0 5px;} /*フリーページ キャンペーン*/ #cm-f-cmpgn .cm-common-flex-2{margin-bottom: 20px;} #cm-f-cmpgn .cm-common-flex-2 img{width: 90%; margin: 0 5%;} #cm-f-cmpgn h2{text-align: center; font-size: 18px; border-top:1px dashed #999; margin:20px 0 0 0; padding: 20px 0 0 0;} .cm-f-cmpgn-exp {margin:0 10px;} .cm-f-cmpgn-exp p{font-size:14px; margin-top: 5px; padding:0 10px;} .cm-f-cmpgn-exp-box{font-size:14px; padding:5px 10px; margin: 0 10px 0 10px; border:1px solid #999;} .cm-f-cmpgn-point{margin: 0 40px; text-align: center;} .cm-f-cmpgn-point img{width:70%;} /*フリーページ　その他スミノエ商品*/ #cm-free-other{text-align:center;} .cm-free-other-expln{margin: 20px 10%;} .cm-free-other-expln p{text-align: left; font-size: 14px; padding: 20px 20px; margin:20px 0 40px 0; line-height: 1.8; border:1px solid #ccc; border-radius: 10px;} .cm-free-other-link{ font-size: 16px; border:2px solid #344166; margin: 20px 100px; padding: 5px 10px;} .cm-free-other-ordercu-list{width:60%; margin:10px auto;} .cm-free-other-cnt{margin:40px 10% 0 10%; padding:20px 40px 40px 40px; border:2px solid #344166; border-radius: 10px; } .cm-free-other-cnt h2{text-align:center; color:#344166; font-size:20px; font-weight: 600; margin: 20px 0; padding: 40px 0 20px 0;} .cm-free-other-cnt h3{text-align:center; color:#344166; font-size:18px; font-weight: 600; margin: 20px 0; border-top:dashed 2px #344166; margin-top: 40px; padding: 40px 0 20px 0;} .cm-free-other-cnt li{text-align: left; font-size: 16px; margin: 10px 0;} .cm-free-other-cnt ul ul {margin: 20px 0;} .cm-free-other-cnt ul ul li{margin: 10px 0 10px 20px; list-style-type:circle; list-style-position: inside;} .cm-free-other-cnt p{text-align: left; font-size: 16px;} .cm-free-other-cnt ul ul ul li{margin: 10px 0 10px 20px; list-style-type:disc; ist-style-position: inside;} .cm-free-other-cnt p{text-align: left; font-size: 16px;} .cm-other-exp-cm{margin:10px 10%; border:3px solid #28CCC9; border-radius:10px; } .cm-other-exp-cm p{text-align: left; padding:5px 40px;} .cm-common-flex-s2{flex-basis: 48%;} .cm-common-flex-s2 img{width: 90%; margin: 5px 0;} /*お問い合わせ*/ #cm-mailform{margin:20px 10%; padding:40px 10%; border:1px solid #A4D8D4; border-radius: 10px; background: #fefefe;} #cm-mailform h2{text-align: center; font-size: 18px ; color:#3c3c3c; font-weight: 600; margin-bottom:20px; padding: 0;} #cm-mailform p,li{font-size: 14px; } .cm-mail-ttl h3{ text-align: center; margin:40px 0 20px 0; padding:5px 10px; color:#344166; font-size: 14px; font-weight: 600; border-top: 1px dashed #344166; border-bottom: 1px dashed #344166; } .cm-mail-attention{ background: #f9f9f9; border: 1px solid #eaeaea; border-radius: 5px; order-radius: 5px; padding: 20px 20px;} .cm-mail-attention h3{text-align: center; font-size: 12px ; font-weight: 600; margin-bottom:10px; padding: 0;} .cm-mail-attention li{ font-size:12px; list-style-type:decimal; list-style-position: outside; padding-left: 4px; margin-left: 12px;} .cm-mail-flex-cnt dd,ol{margin-left:10px; padding:0;} .cm-common-flex-around{display:flex; flex-wrap: wrap; justify-content:space-around; margin:10px 0; padding:5px 0;} .cm-mail-flex-ttl{margin: 10px 0 5px 0 ; font-size: 14px ; font-weight: 200; } .cm-mail-flex-cnt{margin: 0;} #cm-mailform-info{margin:20px 10%; padding:20px 8%; background: #f9f9f9; border: 1px solid #eaeaea; border-radius: 10px;} #cm-mailform-info p{color:#3c3c3c; font-size: 14px; } .cm-mail-flex-cnt ul ul{margin-left: 12px; padding-left: 10px; border-left: 3px solid #C7E2E1; } /*カテゴリー-------洗えるカーペット*/ #ctgry-washable{ text-align: center;} #ctgry-washable h1{margin: 20px; font-size:36px;} #ctgry-washable a img{margin: 10px;} .ctgry-washable-link{display:flex; flex-wrap: wrap; justify-content:center;} .ctgry-washable-link img{width:220px;} .ctgry-washable-link-a img{ width:510px;} /*カテゴリー-------遮熱*/ #ctgry-shanetsu{ text-align: center;} #ctgry-shanetsu h1{margin: 20px; font-size:2.0em; line-height: 2.0;} #ctgry-shanetsu h1::before{width:0;} #ctgry-shanetsu h2{ display:inline-flex; margin: 20px auto; font-size:1.2em; color:#fff; background: #6bb72d; border-radius: 5px; padding: 0.8em 1.5em;} .syanetsu-summer{color:#fff; background: #50b5d8; padding:0.1em 0.3em 0em 0.3em; margin-right: 0.2em; border-radius: 50%;} .syanetsu-winter{color:#fff; background: #c4491c; padding:0.1em 0.3em 0em 0.3em; margin-right: 0.2em; border-radius: 50%;} .shanetu-li{width: fit-content; margin: auto;} .shanetu-li-txt{display: flex;} .shanetu-img{display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px;} .shanetu-img h4{font-size: 0.9em; font-weight:600!important;} .shanetu-img-a{flex-basis: 40%;} .shanetu-img-a img{width: 100%;} .shanetu-ecpt p{font-size:1.0em!important; width:60%; margin: 30px auto 0 auto;} /*カテゴリー-------オーダーカーペット*/ #cm-ctgry-ordercarpet{text-align: center; color: #3c3c3c;} #cm-ctgry-ordercarpet h1{font-size:2.0em;} #cm-ctgry-ordercarpet p{text-align: center; font-size:0.9em; line-height: 1.8;} .odrcpt_icon-wrap{display:flex; flex-wrap: wrap; justify-content:center;} .odrcpt_icon-wrap img{width:150px; height:150px; margin:5px;} .odrcpt_odercut{border-top:1px dashed #666; margin: 20px; padding:20px;} .odrcpt_odercut-ticket{border:1px solid #666; border-radius: 5px; margin: 20px; padding:20px;} .odrcpt_ctlg-wrap{display:flex; flex-wrap: wrap; justify-content:center;} .odrcpt_ctlg{flex-basis: 30%;} .odrcpt_ctlg img{width:260px; height:auto; margin:5px;} .odrcpt_ctlg p{ text-align: left; font-size:0.9em!important; line-height: 1.5!important; margin: 0; padding:0 10px;} .cm-button-border a{ font-weight:600; color:#fff; background:#3c3c3c; text-decoration: none;display: inline-block; padding: 4px 30px; border:2px solid #3c3c3c; margin: 20px 0;} .cm-button-border a:hover{ color:#3C3C3C; background:#fff; } .cm-button-border-w a{ font-weight:600; color:#3C3C3C; background:#fff; text-decoration: none;display: inline-block; padding: 4px 30px; border:2px solid #3c3c3c; margin: 20px 0;} .cm-button-border-w a:hover{ color:#fff; background:#3C3C3C; } .clm2_wrap{display: flex; flex-wrap: wrap; justify-content:space-between; width:700px; margin: 20px auto; } .clm2_box-txt{flex-basis: 340px;} .clm2_box-img{flex-basis: 340px;} .clm2_box-img img{width:100%;} .clm2_box-txt h3{font-size:1.0em;} .clm2_box-txt p{font-size:0.9em;} /*カテゴリー-------オーダーキッチンマット*/ .odr-k_wrap{display: flex; flex-wrap: wrap; justify-content:space-between; width:95%; margin: 40px auto; } .odr-k-txt{flex-basis: 65%;} .odr-k-img{flex-basis: 35%;} .odr-k-img img{width:100%;} .odr-k-txt h3{display: inline-block; color:#3c3c3c; font-size:1.0em; background: #f2f0ed; border:solid 2px #dbdad9; margin-left: 20px; padding:1em 2em;} .odr-k-txt p{font-size:0.9em; padding:0 20px;} .border-bold{width:50%; text-align: center; border:2px solid #3c3c3c; margin: 10px auto; padding:1em;} .border-bold a{text-decoration: none; color:#3c3c3c; font-weight:600; font-size:1.0em;} /*カテゴリー　ネコマット*/ #ctgry-nekomat{margin:0 20px; text-align:center;} #ctgry-nekomat h1{font-size: 14px;} #ctgry-nekomat hr{border-top: 2px dotted #cb5249; border-right: none; border-bottom: none; border-left: none;} .nekomat-logo img{width:300px; margin: 10px 0;} .nekomat-item{display:flex; flex-wrap: wrap; justify-content:center;} .nekomat-item-box{flex-basis: 46%; margin: 10px; text-align:left;} .nekomat-item-box5{flex-basis: 17%; margin: 0; text-align:center; font-size:14px;} .nekomat-item-box5 p{text-align:center!important; font-size:14px;} .nekomat-item-box5 img{width:100px; margin: 10px 0 -10px 0;} .nekomat-item-box3{flex-basis: 22%; margin: 0; text-align:center; font-size:14px;} .nekomat-item-box3 img{width:180px; margin: 10px 0 -10px 0;} .nekomat-item-box2{flex-basis: 22%; margin: 0; text-align:center; font-size:14px;} .nekomat-item-box2 img{width:180px; margin: 10px 0 -10px 0;} .nekomat-item h2{font-size:16px; margin: 20px 0;} .nekomat-item h2::before{ content: ''; display: inline-block; width: 25px; height: 25px; background-image: url(https://curpetmarche.itembox.design/item/mark-nekomat.jpg); background-size: contain; vertical-align: middle; margin-top:-5px; margin-right:10px;} .nekomat-item-box h3{font-size:15px;} .nekomat-item-box p{font-size:14px; line-height: 1.5;} .cm-button-neko a{ display:block; width:350px;margin: 10px auto 20px auto; text-decoration: none; border:2px solid #cb5249; color: #fff; background: #cb5249; padding:5px 20px; } .cm-button-neko a:hover{ border:2px solid #cb5249; background: #fff; color: #cb5249; } .nekomat-kadomarubox{border:2px solid #cb5249; border-radius: 10px; margin-top: 40px; padding: 10px 0 0 0;} .nekomat-petrug .flex_wrap{flex-wrap: wrap;} .nekomat-petrug .flex_wrap img{width:100%;} .nekomat-petrug .flex_wrap p{margin:0 0 0 1em;} .nekomat-petrug h1{text-align: center; font-size: 1.1em!important; line-height: 1.8; margin: 1em 0;} .petrug-tokucyou{width:90%; margin: 0 auto;} .petrug-tokucyou h3{color:#3c3c3c; text-align: left; font-size:1.0em; margin: 0 0 0.2em 1em!important;} .petrug-tokucyou p{color:#cb5249; text-align: left; font-weight: 600; font-size:1.0em!important; margin: 0 0 0 1em!important;} /*ショールーム*/ #cm-page-showroom h2{text-align: center; font-size: 18px; margin: 40px 0 20px 0; padding-top:20px; border-top: 1px dashed #3c3c3c;} #cm-page-showroom h3{text-align: center; font-size: 16px; font-weight: 600; margin: 10px 0 0 0 ;} #cm-page-showroom iframe{width:100%; height:300px; } .cm-showroom-logo{text-align: center; margin-top:20px;} .cm-showroom-logo img{width:40%;} .cm-showroom-exp01{font-size: 15px; margin:20px; padding:20px 60px;; border: 1px solid #ccc;} .cm-showroom-exp02 {text-align: center;} .cm-showroom-exp02 img{ width:95%; margin: 0 auto;} .cm-showroom-exp02 p{text-align: left; font-size:14px; margin:10px 0 20px 0; padding:0 10px;} .cm-page-showroom-at p{ font-size: 14px; line-height: 1.8; margin: 10px 60px;} .cm-page-showroom-at2 p{ font-size: 13px;text-align: center; line-height: 1.8; margin:40px 0 20px 0; } .cm-showroom-data{display:flex; flex-wrap: wrap; justify-content:space-between; margin:10px 0; padding:15px 0;} .cm-showroom-photo{flex-basis: 40%;} .cm-showroom-ad{flex-basis: 55%;} .cm-showroom-photo img{width:400px !important;} .cm-showroom-ad li{font-size: 13px; margin:0 10px 10px 0;} /*トップページリニューアル*/ /*トップページリニューアル 上部*/ #cm-top-aisatsu{ margin-bottom:20px; padding:20px 0; } #cm-top-aisatsu h2{text-align: center; padding-top:5px;} #cm-top-aisatsu img{width:200px;} #cm-top-aisatsu p{font-size: 15px; line-height: 1.8; text-align: center;} /*トップページリニューアル バナースペース*/ .cm-top-select-banner-a{display:flex; flex-wrap: wrap; justify-content:center; align-items: center; margin: 0; padding:15px 0; background: #fff; background-image: linear-gradient(to right, #666 2px, transparent 2px); background-size: 6px 1px; background-repeat: repeat-x; background-position: left bottom;} .cm-top-select-banner-b{display:flex; flex-wrap: wrap; justify-content:center; align-items: center; margin: 0; padding:15px 0; background: #fff; background-image: linear-gradient(to right, #666 2px, transparent 2px); background-size: 6px 1px; background-repeat: repeat-x; background-position: left bottom;} .cm-top-sp-banner-ttl{flex-basis: 25%; text-align: center;} .cm-top-sp-banner{flex-basis: 17%; text-align: center;} .cm-top-sp-banner a{text-decoration: none; color:#3c3c3c;} .cm-top-sp-banner a:hover{color:#d36e4a;} .cm-top-sp-banner-ttl h3{font-size:15px; font-weight:600;} .cm-top-sp-banner h4{font-size:12px; font-weight:600; margin:5px 0;} .cm-top-sp-banner img{width: 40%; margin: 5px 0;} .tooltip { /* 補足説明するテキストのスタイル */ position: relative; cursor: pointer; padding: 0 5px; } .description_top { /* ツールチップのスタイル */ width: 180px; font-size:14px; text-align: left!important; position: absolute; left: 50%; bottom: 80%; transform: translateX(-50%); margin-bottom: 82px; /* テキストとの距離 */ padding: 8px; border-radius: 5px; background-color: #666; color: #fff; text-align: center; visibility: hidden; opacity: 0; z-index: 1; transition: 0.5s all; } .description_top::before { content: ""; width: 0; height: 0; border: 8px solid transparent; border-top: 12px solid #666; position: absolute; top: 99%; left: 50%; transform: translateX(-50%); } .tooltip:hover .description_top { bottom: 100%; visibility: visible; opacity: 1; } /*トップページリニューアル H2タイトル*/ .section-heading{text-align:center; padding:40px 0;}.section-heading .heading-box h2{font-size:16px;margin:0;}.section-heading .line{display:block;height:0;border-bottom:1px solid #666;width:0;margin:8px auto;transition:width 0.6s ease-out;}.section-heading .line.animate{width:8em;}.section-heading .sub{display:block;font-size:12px;color:#666;margin-top:8px;opacity:0;transform:translateY(8px);transition:opacity 0.5s ease-out 0.4s,transform 0.5s ease-out 0.4s;}.section-heading.animated .sub{opacity:1;transform:translateY(0);} /* トップページリニューアル H3タイトル */ .split-fade:not(.animated){visibility:hidden;} .split-fade.animated span{display:inline-block;opacity:0;transform:translateY(10px);animation:fadeInChar 0.6s ease forwards;} @keyframes fadeInChar{to{opacity:1;transform:translateY(0);}} /*トップページリニューアル 新着情報*/ #cm-top-newarrival{text-align: center; margin:0; border-top:1px solid #ccc; padding-top:20px; margin-top:40px;} .newarrival-mark{color:#fff; background: #ce152c; font-weight:600; font-size:0.7em; padding:0.1em 0.6em; margin:0 1em 0 0; } /*トップページリニューアル 特集*/ #cm-top-feature{border-top:1px solid #ccc; padding:20px 0; margin-top:60px;} #cm-free-feature p{text-align: center; padding: 14px;} #cm-top-feature h3 {font-size:15px; margin:50px 0; padding:10px; text-align: center;} .cm-feature-wrap{display:flex; flex-wrap: wrap; justify-content:space-around; margin:10px; padding:5px 0;} .cm-feature-2{flex-basis: 48%;} .cm-feature-4{flex-basis: 23%; margin: 0 0.5%;} .cm-feature-5{flex-basis: 19%; margin: 0 0.5%;} .cm-txt-cap p{font-size:0.8em; padding:0 0.5em 1em 0.5em; margin: 0;line-height:1.5;} .pagetop-image{text-align: center;} .pagetop-image h1{font-size:20px; margin: 40px 0;} #cm-top-feature img{width: 90%; margin: 5px 5%;} .cm-spfeature-wrap{display:flex; flex-wrap: wrap; align-content: flex-start; margin:10px 10px; padding:0;} .cm-spfeature-2{flex-basis: 49%; padding:0; margin: 0 0.5%;} .cm-spfeature-2 a{ text-decoration: none; color:#666; } .cm-spfeature-2 a:hover{ text-decoration: underline;} .cm-spfeature-4{flex-basis: 23%; padding:0; margin: 0 0.5%;} .cm-spfeature-4 a{ text-decoration: none; color:#666; } .cm-spfeature-4 a:hover{ text-decoration: underline;} .cm-spfeature-cap{font-size:14px; padding:0 0 20px 0; margin: 0;line-height:1.5;} #cm-top-feature .cm-spfeature-2 img{width: 100%; margin: 0; } /*フリーページ 特集*/ #cm-free-feature h2{ text-align: center; font-size:1.1em; margin:30px 0; padding:2em 0 0 0; border-top: 1px dashed #3c3c3c;} .cm-feature-wrap-l{display:flex; flex-wrap: wrap; justify-content:flex-start; margin:10px; padding:5px 0;} #cm-free-feature img{width: 100%; margin: 5px 0;} /*フリーページ ペット用マール*/ #cm-pet_merle{widyh:100%; margin: 0; padding:0;} .cm-pet_merle-txt{margin: 0; padding:0;} .cm-pet_merle-txt h2{color:#fff; font-size:1.5em; margin: 0!important; padding:40px 140px 10px 140px;} .cm-pet_merle-txt p{color:#fff; font-size:1.2em; line-height:1.6; margin: 0!important; padding:0 140px 60px 140px ;} .cm-pet_merle-txt-bk h2{color:#000; font-size:1.5em; margin: 0!important; padding:40px 140px 10px 140px;} .cm-pet_merle-txt-bk p{color:#000; font-size:1.2em; line-height:1.6; margin: 0!important; padding:0 140px 60px 140px ;} /*シリーズ紹介*/ .free-series{text-align: center; margin: 80px 0 40px 0;} .free-series h2{font-size:1.2em!important; margin: 40px 0;} .free-series p{text-align: center; font-size:1.0em!important; line-height: 1.8; margin: 20px 0;} .free-series-logo{width:30%!important;} /*トップページリニューアル おすすめ商品*/ #cm-top-newarrival h3{font-size:15px; padding: 40px 0 20px 0; letter-spacing: 0.16em;} .cm-top-pickupitems{display:flex; flex-wrap: wrap; justify-content:center; width:98%; margin:10px auto; padding:5px 0;} .cm-pu-box{flex-basis: 23%; margin:5px auto;} .cm-pu-box p{ text-align: left; font-size:14px; margin: 0 auto; padding: 0; } .cm-pu-box img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; margin: 0 auto;} .cm-ctgry-carpet-size{width:100%; margin:10px 0;} .cm-ctgry-carpet-size h3{text-align: center; color:#fff; background: #6cc4bc; font-size:18px; font-weight: 600; margin: 10px 0; padding: 5px;} .cm-ctgry-carpet-size a img{width:100%; border:2px solid #C7E2E1; margin:10px 0 2px 0;} .cm-ctgry-carpet-size a:hover img{ border:2px solid #F95746;} /*ランキングページ*/ .cm-ranking-page{ text-align: center; margin: 0; padding: 0; } .cm-ranking-page h2{ margin: 0; padding: 0; } .cm-ranking-page p{ margin: 0; padding: 0; } .cm-ranking-page h3{ font-size: 16px; border-top: 2px #999 solid; border-bottom: 2px #999 solid; padding:3px 0; margin: 40px 0 5px 0;} .cm-ranking-ttl-ja{border-bottom:1px solid #666; padding:0 0 2px 0;} .cm-ranking-ttl-ja p{ text-align: center!important; } .cm-ranking-link{ display: flex; justify-content:center; } .cm-ranking-link-wrap { margin:40px 0 0 0;} .cm-ranking-link-wrap a{ color:#3c3c3c; margin:0 20px; border-bottom:8px solid #ccc; text-decoration: none;} .cm-ranking-link-wrap a:hover{ color:#3c3c3c; border-bottom:8px solid #3c3c3c; } .cm-ranking-ctgry{display: flex; flex-wrap: wrap; justify-content:space-around; margin:10px; padding:5px 0;} .cm-ranking-box{ flex-basis: 23%; margin: 0 0.5%;} .cm-ranking-box h3{ text-align: center; font-weight: 600; font-size: 12px; color:#3c3c3c; margin: 10px 0;} .cm-ranking-box h4{ text-align: center; font-weight: 600; font-size: 18px; color:#3c3c3c; margin: 20px 0 10px 0;} .cm-ranking-box p{ text-align: left; font-size: 14px; color:#666; margin: 5px 0; padding: 0 5px;} .cm-ranking-box img{ width: 100%; height: 156px; object-fit: cover;} .cm-ranking-box5{flex-basis: 19%; margin: 0 0.5%;} .cm-ranking-box5 h4{ text-align: center; font-weight: 600; font-size: 18px; color:#3c3c3c; margin: 20px 0 10px 0;} .cm-ranking-box5 p{ text-align: left; font-size: 14px; color:#666; margin: 5px 0; padding: 0 5px;} .cm-ranking-box5 img{ width: 100%; height: 125px; object-fit: cover;} /*キャンペーン告知*/ .cm-campaign-info{font-weight:600; color:#fff; background: #e8626a; border:double 7px #FFC5C6;} /* blink */ .blink01,.blink02 { margin: 10px 0; padding: 4px 10px; text-align: center; font-size: 16px; animation: blink-flicker 1.4s infinite alternate; } @keyframes blink-flicker {0% { color: #ffffff } 85% { color: #ffffff } 100% { color: #e8626a }} .blink02 {animation: blink-flicker2 1.4s ease-in-out infinite alternate;} @keyframes blink-flicker2 {0% { opacity: 0.2;} 100% { opacity: 1;}} /*カテゴリー オーダーカット加工-------*/ .cm-ctgry-ordercut{margin:20px 40px; text-align: center;} .cm-ctgry-ordercut h3{ text-align: left;} .cm-ctgry-ordercut p{ text-align: left;} .cm-ctgry-ordercut-s P{ text-align: center; color: #fff; background: #ed1c24; padding: 10px;} .cm-ctgry-ordercut-campaign p{ text-align: center; font-size: 18px; font-weight: 600; color: #ed1c24; background: #ffdb5c; margin: 0; padding: 10px;} .cm-ctgry-ordercut-campaign a{ text-decoration: none;} .cm-ctgry-ordercut a{text-decoration: underline;} /*カテゴリー-------カーペット*/ .cm-ctgry-carpet-exp{ margin:10px 0 20px 0;} .cm-ctgry-carpet-exp p{ font-size:15px; margin:10px 20px;} /*カテゴリー-------ラグ*/ .cm-ctgry-rug-size{display: flex; justify-content:space-between; padding: 0;} .cm-ctgry-rug-size-box_l{ width:460px; margin:0 4px 0 0; background-color: #eae5e3;} .cm-ctgry-rug-size-box_r{ width:460px; margin-left:0 0 0 4px; background-color: #eae5e3;} .cm-ctgry-rug-size-wrap{display: flex; justify-content:space-between; padding:7px 14px ; } .cm-ctgry-rug-size-wrap_a{ flex-basis: 209px; margin: 0; padding: 0; } .cm-ctgry-rug-size-wrap_a img{ margin: 4px 0; padding: 0; } .ctgry-rug-bunner {width:928px; display: flex; flex-wrap: wrap; justify-content:space-between; margin:10px 0;} .ctgry-rug-bunner img{flex-basis: 304px;} .cm-ctgry-rug-exp{border-bottom: 1px solid #6cc4bc; margin-bottom: 20px;} .cm-ctgry-rug-exp h3{text-align: left; color:#3c3c3c; border-left: 8px solid #6cc4bc; border-bottom: 1px solid #3c3c3c; font-size:16px; font-weight: 600; margin: 10px; padding:2px 20px;} .cm-ctgry-rug-exp h4{text-align: left; color:#666; background: #dcf4f2; font-size:15px; font-weight: 600; margin: 10px 0; padding:2px 40px;} .cm-ctgry-rug-exp ul{ margin:20px} .cm-ctgry-rug-exp li{ font-size:15px; padding:0 5px;} .cm-ctgry-rug-exp p{ font-size:15px; padding:0 10px;} /*商品ページ　RUGRUG------*/ .cm-item-var{display:flex; flex-wrap: wrap; justify-content:center; text-align: center; margin: 0; padding: 0;} .cm-item-var-box{flex-basis: 30%; align-items:flex-start;} .cm-item-var-box h4{ text-align: center; margin:0 ; padding:0; font-size:16px; font-weight: 600;} .cm-item-var-box img{margin-top:0!important; } .cm-item-var a{ text-decoration: none; color:#3c3c3c;} .cm-item-dai{display:flex;} .cm-item-dai-left{flex-basis: 50%;} .cm-item-dai-right{flex-basis: 50%;} #cm-item-rugrug{ text-align: center;} #cm-item-rugrug h3{ text-align: center; margin: 20px; padding-top: 20px; font-size:16px; border-top:1px solid #999;} #cm-item-rugrug h4{ text-align: center; margin:20px 20px 0 20px; padding:0 20px; font-size:16px; font-weight: 600;} #cm-item-rugrug p{text-align: left; margin:0 20px 40px 20px!important; padding:0 20px!important; font-size:14px;} #cm-item-rugrug img{width:300px; margin:10px 0 10px 0; } /*商品ページ カタログ*/ .cm-item-logo {display:flex; flex-wrap: wrap; justify-content:space-between; margin:10px 0; padding:15px 0 5px 0; text-align: center; border-top: 1px solid #999;} .cm-item-logo-left{flex-basis: 50%;} .cm-item-logo-right{flex-basis: 50%;} .cm-item-logo img{width:450px; margin:0 5px;} .cm-item-logo p{text-align:left; margin:15px;} .cm-item-logo-right a{text-decoration: none; background-color:#3CAA9D; color:#fff; padding:4px 20px; } .cm-item-logo-right a:hover{ background-color:#F95746;} /*商品ページ(大)共通-------A*/ .cm-copyright-top{text-align: center; font-size:12px;} .cm-copyright{text-align: right; margin-right: 20px;} .cm-itembox-a{margin:0px 0; padding: 0;} .cm-itembox-a h3{font-weight: 900; font-style: normal; font-size: 24px; margin: 20px; padding: 0;} .cm-itembox-a p{margin: 1.0em 20px; font-size: 16px; line-height: 1.6;} .cm-itembox-a ul{margin: 20px 0;} .cm-itembox-a li{margin: 0.4em 20px; font-size: 16px; line-height: 1.6; } .cm-itembox-a img{width:100%;margin: 0 0 20px 0;} /*商品ページ(大)共通-------A*/ .cm-itembox-b{display: flex;margin:20px 0; padding: 0;} .cm-itembox-b1,.cm-itembox-b1,.cm-itembox-b2,.cm-itembox-b3{flex: 1;} .cm-itembox-1{flex: 1;} .cm-itembox-2{flex: 2;} .cm-itembox-3{flex: 3;}.cm-itembox-4{flex: 4;}.cm-itembox-5{flex: 5;} .cm-itembox-b h3{ font-weight: 900; font-style: normal; font-size: 24px; margin: 20px ; padding: 0;} .cm-itembox-b h4{font-weight: 900; font-style: normal; font-size: 18px; margin: 20px 20px 5px 20px; padding: 0;} .cm-itembox-b p{margin: 10px 20px; font-size: 15px; line-height: 1.6;} .cm-itembox-b ul{margin: 20px 0;} .cm-itembox-b li{margin: 0.4em 20px; font-size: 15px; line-height: 1.5; } .cm-itembox-b img{width:100%; margin: 0 0 20px 0;} .cm-itembox-b hr{margin: 0 20px; border-bottom: 2px solid #A4D8D4;} .function-mark{ width:140px; margin: 0 auto; } .cm-itembox-c{display: flex; justify-content:center; margin:0; padding: 0;} .cm-itembox-c1{flex: 1;} .cm-itembox-c img{width:95%; margin: 0; padding: 0;} /*商品ページ(大)共通-------ディズニー*/ .cm-item-disney{display: flex; justify-content: center; width:100%; padding:0; margin:40px 20px; border-top:#3c3c3c solid 3px; border-bottom:#3c3c3c solid 3px;} .cm-itembox-disney-logo{flex:auto; align-self: center; } .cm-itembox-disney-txt{flex:auto; align-self: center; margin: 0; padding: 0; } .cm-item-disney img{margin: 0; padding: 0;} .cm-item-disney p{font-size: 15px; margin: 0; line-height: 1.8;} /*商品ページ 説明*/ .cm-item-explain hr{border-top:20px solid #c8c9ca;} .cm-item-explain h3{padding:0 20px; margin:40px 0 10px 0; color:#e8626a; font-size: 16px; font-weight: 400;} .cm-item-explain p{background-color: #fff; margin:10px 20px 30px 20px; padding:5px 10px; border:1px solid #504c48;} .cm-item-explain-logo{text-align: center!important; margin: 0 0 40px 0;} .cm-item-explain-logo img{width:180px;} .cm-item-explain-logo p{ text-align: center; margin: 0; padding: 0; font-size:0.8em;} .cm-item-explain-dai{background-color: #fff; margin:20px 10% 40px 10%; padding:20px 30px; border:2px solid #ddd;} .cm-item-explain-dai h3{text-align:center; margin:1em 0; font-size:1.1em;} .cm-item-explain01{background-color: #fff; margin:20px 10px; padding:5px 10px; border:2px solid #ddd;} .cm-item-explain02{background-color: #fff; margin:0 20px; padding:5px; } .cm-item-explain03{background-color: #fff; margin:20px 84px; padding:10px 20px; border:5px solid #ddd;} .cm-item-explain01 hr { border-top: 1px dashed #999; border-right: none; border-bottom: none; border-left: none;} /*商品ページ オーダーカット加工-------A*/ .cm-ordercut{text-align: center;} .cm-ordercut .cm-itembox-b1{padding: 20px ; } .cm-ordercut img{margin: 0; padding: 0;} .cm-ordercut h3{color: #F95746; font-size: 24px; font-weight: bold; margin: 40px; padding: 0;} .cm-ordercut p{color: #3c3c3c; font-size: 18px; padding: 0 ;} .cm-ordercut ul{padding:0 60px;} .cm-ordercut li{list-style:decimal; list-style-position:inherit; color: #F95746; font-size: 21px; font-weight: bold; padding: 15px; } .cm-ordercut li::before{display: none; } .cm-ordercut h4{margin: 20px; font-size: 20px; font-weight: bold; line-height: 1.5;} .cm-txt-lgy{color:#ccc; } .cm-txt-nv{color:#37456c; font-size: 15px; font-weight: bold;} .cm-txt-or{color:#F95746; font-size: 15px; font-weight: bold;} .cm-txt-ul {text-decoration: underline;} .cm-txt-nl {font-weight: normal;} .cm-ordercut hr{ border-top: solid 2px #A4D8D4; margin: 0 20px;} .cm-column-4{display: flex; margin: 20px 0; padding: 0;} .cm-column-5{display: flex; width:920px; margin: 20px 0; padding: 0 20px;} .section-5{flex:auto; text-align: center; margin: 0; padding: 0 5px;} .cm-ordercut h2{margin: 20px 0;} .yoko-line {color: #3c3c3c; font-size: 24px; display: flex; align-items: center;} .yoko-line:before, .yoko-line:after {content: ""; flex-grow: 1; height: 3px; background: #3c3c3c; display: block;} .yoko-line:before { margin-right: .4em;} .yoko-line:after { margin-left: .4em;} .cm-download-btn a{ margin: 20px 0; letter-spacing: 0.1em; position: relative; display: inline-block; padding: 0.25em 2em; text-decoration: none; color: #FFF; background: #fd9535; border-bottom: solid 2px #d27d00; border-radius: 4px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19); font-size:18px; font-weight: bold;} .cm-download-btn a:active { border-bottom: solid 2px #fd9535; box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);} .cm-howtoorder ul{text-align: left;} .cm-howtoorder li{ margin: 0.5em; padding: 0; list-style: none; font-size:16px; color:#3c3c3c;} .cm-howto-box{display: flex; margin: 20px; padding: 0 40px;} .cm-howto-box-fax{flex:1; align-self: center; margin: 0; padding: 0;} .cm-howto-box-mail{flex:1; align-self: center; margin: 0; padding: 0;} .howto-fax{color:#fff; background:#3c3c3c; padding: 10px;} .howto-fax strong{font-size:21px; color: #fff;} /*トップページ*/ #cm-top .fs-c-productListItem__control{display: none!important;} /*トップページ カルーセル*/ .cm-top-carousel {padding:0 0 10px 0; margin:0 auto 0 auto; width:1200px;} /*トップページ カルーセル2*/ .cm-top-carousel2 {padding:10px 0; margin:0 auto 0 auto; width:100%; } .cm-top-carousel2 img{max-width:640px; margin:0 5px;} /*トップページ*/ #cm-top-s .fs-c-productListItem__control{display: none!important;} /*トップページ カルーセル*/ .cm-top-carousel-s {padding:0 0 10px 0; margin:0 auto 0 auto; width:900px;} /*トップページ ランキング*/ .top-ttl-ranking h2{clear: both; font-size: 16px; text-align: center; margin: 20px calc(50% - 50vw) 10px calc(50% - 50vw); padding:15px 0 6px 0; border-top: 2px solid #C7E2E1;} /*トップページ メッセージ*/ #cm-top-message{margin:20px 0 20px 0; text-align:center; border-top:2px solid #A4D8D4; border-bottom:2px solid #A4D8D4;} #cm-top-message p{font-size:15px; color:#3c3c3c; margin:20px; line-height:1.8;} /*トップページ スミノエの歴史*/ .btn,a.btn,button.btn { font-weight: 700; line-height: 1.5; position: relative; display: inline-block; padding: 0.8rem 2rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; vertical-align: middle; text-decoration: none; letter-spacing: 0.1em; color: #212529; border-radius: 0.5rem;} a.btn-border {margin-bottom:20px; color:#fff; font-size: 1.6rem; border: 1px solid orange; border-radius: 0; background: #AA0000; } a.btn-border:before { position: absolute; top: 4px; left: 4px; width: calc(100% - 10px); height: calc(100% - 10px); content: ''; -webkit-transition: all .3s; transition: all .3s; border: 1px solid orange; } a.btn-border:hover:before { top: 0; left: 0; width: 100%; height: 100%; content: '';} /*トップページ コラム*/ .cm-top-clm-1{display:flex; justify-content: center; background-color: #f4f3ed; margin: 0 calc(50% - 50vw); padding:30px 40px 0 40px;} .cm-top-clm-2{display:flex; justify-content: center; background-color: #f4f3ed; margin: 0 calc(50% - 50vw); padding:10px 40px 0 40px; } .cm-top-clm-3{display:flex; justify-content: center; background-color: #f4f3ed; margin: 0 calc(50% - 50vw); padding:15px 40px 30px 40px; margin-bottom:10px;} .cm-top-clm-1 .fs-pt-column__item{flex-basis: 270px;} .cm-top-clm-2 .fs-pt-column__item{flex-basis: 270px;} .cm-top-clm-3 .fs-pt-column__item{flex-basis: 270px;} .fs-pt-column__heading{color:#333021; font-size:16px; margin-top:10px; text-align:center;} .fs-pt-column__image{margin:0 auto;} .fs-pt-column__description{padding:0 ;} .fs-p-messageBoard{background-color: #FFF; border:1px solid #F95746; padding: 20px; text-align: center;} .fs-p-messageBoard__heading{font-size:15px;} /*トップページ ttl*/ .cm-top-ttl h2{clear: both; font-size: 16px; text-align: center; margin: 20px calc(50% - 50vw) 10px calc(50% - 50vw); padding:15px 0 6px 0; border-top: 2px solid #C7E2E1;} .cm-top-ttl-b h2{clear: both; font-size: 16px; text-align: center; margin: 10px; padding:15px 0 6px 0; border-bottom: 3px solid #C7E2E1;} /*トップページ type*/ .cm-top-type{display: flex; width:100%; margin: 20px 0; padding:15px 50px; background-color: #F4F3ED;} .cm-top-type h3{color:#3C3C3C; margin-bottom: 5px;} .section-5{flex:auto; text-align: center; margin: 0; padding: 0 5px;} /*トップページ topics*/ .cm-top-topics li {margin: 10px; padding: 4px 20px; border-bottom: 1px dashed #999;} /*トップページ pickup item*/ @media screen and (min-width: 600px) { .fs-c-productListCarousel__list__item {flex-basis: 230px; max-width: 230px; min-width: 230px; margin: 0 5px;} } .fs-c-button--carousel--prev::before { content: ''; display: inline-block; width: 35px; height: 35px; background-image: url(https://curpetmarche.itembox.design/item/cm-arrow-left.svg); background-size: contain; vertical-align: middle; } .fs-c-button--carousel--next::before { content: ''; display: inline-block; width: 35px; height: 35px; background-image: url(https://curpetmarche.itembox.design/item/cm-arrow-right.svg); background-size: contain; vertical-align: middle; } .cm-top-pickup h3{text-align: center; font-size:15px; padding: 5px 0; margin: 20px calc(50% - 50vw) 10px calc(50% - 50vw); background-color: #F4F3ED;} .cm-top-pickup-ttl{text-align: center; margin: 0 20px; font-size: 16px; font-weight: 600; color: #635753;} .cm-wrap-pickup{display: flex; flex-wrap: wrap; justify-content:center; width:98%; margin:0 auto 20px auto;} .box-pickup{flex-basis: 23%; margin:1%; height:100%; font-size:14px; color:#3c3c3c; text-decoration: none;} .box-pickup img{width: 100%; height: 180px; object-fit: cover;} /*商品詳細*/ .fs-c-productNameHeading{margin-left:20px;} #cm-item-catch01 h3{font-weight: 600; font-style: normal; padding:40px 0 0 20px; font-size:18px; line-height:1.6;} /*商品詳細- 休日など*/ .cm-item-break p{color:#D40000; border: 1px solid #d40000; width:370px; margin:20px auto 10px auto; padding:10px 20px; } /*商品詳細- クーポン*/ .cm-item-coupon {margin:20px 0 20px 0;} .cm-item-coupon p{ margin:5px 20px; font-size:14px;} /*商品詳細- 安心ポイント*/ .cm-item-ansin-cnt {display:flex; margin-top: 10px;} .cm-item-ansin-box-left {flex-basis: 60%;} .cm-item-ansin-box-right {flex-basis: 40%;} .cm-item-ansin-box-right img{width:300px;} .cm-item-ansin {text-align: center; padding: 0; margin-bottom: 20px;} .cm-item-ansin h4{ font-weight:bold; margin:5px 0; font-size:15px; color:#3c3c3c; padding: 4px 0; background-color: #F4F3ED;} .cm-item-ansin ul{} .cm-item-ansin li{text-align: left; font-weight:bold; padding:0 0 5px 80px; margin:12px 5px 0 5px; font-size:17px; color:#3c3c3c; border-bottom: 1px dotted #666;} .cm-item-ansin-box-left a{display: block; font-size: 15px; text-decoration: none; color:#3c3c3c; padding:4px; margin: 20px 80px 0 80px; border:1px solid #999; background: #fff;} .cm-item-ansin-box-left a:hover{color:#fff; border:1px solid #666; background: #666;} /*商品詳細-送料無料*/ .cm-item-delivery-s{width:90%; margin: 0 auto;} .cm-item-delivery-s img{width:400px; height:auto; margin:0;} .cm-item-delivery-s p{font-size:14px; color:#3c3c3c!important; text-align: center; margin:5px 0 20px 0!important;} /*フッター SNS*/ .cm-footer-sns{display: flex; width:120px; margin: 0 auto; padding: 0;} .cm-footer-sns img{width:30px; margin:0 10px; padding: 0;} /*商品詳細-商品詳細(大)*/ #cm-item-except{border-bottom: 4px solid #C7E2E1;margin-bottom:20px; padding:10px 20px;} #cm-item-name{border-bottom: 4px solid #C7E2E1; padding:0 0 20px 20px;} #cm-item-name h2{width:100%; font-weight: 600; font-style: normal; font-size:16px; line-height:1.6;} #cm-item-catch01-2 h3{font-weight: 600; font-style: normal; margin:20px 0 0 0; font-size:16px; line-height:1.6;} .cm-catch_txt{font-weight:600; font-size:16px; margin:0 20px;} .cm-item-wrap{margin: 20px 10px; } .cm-item-wrap h3{clear: both; font-size: 16px; font-weight:600; text-align: center; margin:10px 0 20px 0; padding:20px 0 6px 0; border-bottom: 2px solid #C7E2E1;} .cm-item-wrap h4{color: #3c3c3c; padding:10px 10px 20px 10px; margin: 0; font-size: 14px;} .cm-item-wrap .cm-item-othersize{display: block; text-align: center; font-size:14px; font-weight:100; background-color: #fff; color:#3c3c3c; margin: 10px 0; padding: 4px 0;} .cm-item-ttl{border-top:1px solid #666666; margin: 20px;} .cm-item-ttl h3{clear: both; font-size: 16px; text-align: center; margin:10px 0 ; padding:20px 0 0 0;} .cm-item-wrap table{width:100%;border-collapse: collapse;border: none;} .cm-item-wrap th,td{font-size: 14px; text-align: left; padding:5px 18px;} .cm-item-wrap th{width:30%; text-align:center;} .cm-item-wrap td{width:70%;} .cm-item-wrap .bg01{background-color: #F2F2F2; } .cm-item-wrap .bg02{background-color: #ffffff;} .cm-item-wrap dd{font-weight: bold; margin: 0; padding: 2px 0; font-size:16px;} .cm-item-antron{width:560px; margin:10px auto;} .cm-item-antron-exp{width:680px; margin:10px auto;} .cm-item-wrap li{margin: 10px 10px; padding:2px 10px;} /*商品詳細-商品詳細(大)-movie*/ #cm-item-movie01{display:flex; align-items: center; justify-content: space-between; width:840px; margin: 20px auto 50px auto;} .cm-item-movie01-ttl{flex:280px; } .cm-item-movie01-ttl img{width:250px;} .cm-item-movie01-movie{flex:560px;} /*商品詳細-機能性*/ #cm-item-function {display: flex; flex-wrap: wrap; justify-content: flex-start; width: 95%; margin: 0 auto; padding: 0; box-sizing: border-box;} .cm-item-kinou-box {flex-basis: 47%; margin: 1.0% 1.25%; box-sizing: border-box;} .cm-item-kinou-box img{display: block; width: 100%; max-width: 200px; height: auto;} @media (max-width:1023px){ #cm-item-function{ justify-content: flex-start; width: 90%; margin: 0 auto;} .cm-item-kinou-box{flex-basis: 30%; margin: 1.0% 1.25%; box-sizing: border-box;} } /*商品詳細-その他のサイズ*/ .cm-item-sizelink-wrap{padding:10px 20px;} .cm-item-sizelink-wrap dd{margin:6px 0;} .cm-item-sizelink-box{padding:10px 20px; display:flex;} .cm-item-sizelink-data{flex-basis: 60%; margin: 0;} .cm-item-sizelink-img {flex-basis: auto; } .cm-item-sizelink-img img{width: 150px; } /*商品詳細-プライス*/ #cm-item-price{width:370px; margin:20px auto 10px auto; padding:10px 20px; border:1px solid #6CC4BC;} .fs-c-price__currencyMark{font-size:18px; margin-left: 5px;} .fs-c-productPrices--productDetail .fs-c-price__value{font-size:16px;} .fs-c-productPrice--listed .fs-c-productPrice__main__label{font-size:12px;font-weight:400; } .fs-c-productPrice--selling .fs-c-productPrice__main__label{font-weight:400; } .fs-c-productPrice--selling .fs-c-price__value{font-size:24px;} .fs-c-productName__name{font-weight:normal; line-height: 1.5; padding-bottom: 3px; border-bottom: 1px solid #6CC4BC;} .fs-c-productListItem__prices .fs-c-price__value{font-weight:normal; font-size:18px;} .fs-c-productPrice__addon__label{font-size: 14px;} .fs-c-productPrice__addon:not(.fs-c-productPrice__addon--listed)::before {content: "("; font-size: 14px; } .fs-c-productPrice__addon:not(.fs-c-productPrice__addon--listed)::after {content: ")"; font-size: 14px; } /*商品詳細-item-select*/ .cm-itemselect-wrap { margin: 20px 10px 0 10px; padding:0; background-color: #fff;} .cm-itemselect-wrap h3{clear: both; padding:15px 0 10px 0; font-size: 16px; text-align: center; color:#000; background-color: #fff; border-top: 5px solid #A4D8D4;} .cm-itemselect-arrow{width:61px; padding:0; margin:-10px auto 0 auto;} .fs-c-variationList__item__body li{margin:0 20px;} /*商品詳細-コーディネートアイテム*/ .cm-item-coordinate{text-align: center;} .cm-item-coordinate img{width:180px;} /*商品詳細-コーディネートアイテム2*/ .cm-coordinate{} .cm-coordinate h3{clear: both; font-size: 16px; text-align: center; margin:10px; padding:20px 0 6px 0; border-bottom: 2px solid #C7E2E1;} .cm-coordinate p{font-size: 14px; text-decoration: none; color:#3c3c3c; width:90%; margin: 10px auto;} .cm-coordinate-flex{display:flex; flex-wrap: wrap; justify-content:center;} .cm-coordinate-box{flex-basis: 48%; } .cm-coordinate-box img{width: 200px; height: 200px; object-fit: cover;} .cm-coordinate-box h3{font-size: 14px!important; color:#3c3c3c; margin: 20px 0; padding:0;} .cm-coordinate-box p a{font-size: 14px; text-decoration: underline; color:#3c3c3c; width:90%; margin: 0; padding:0;} .cm-coordinate-box p a:hover{text-decoration: none;} /*商品詳細-注意事項*/ .cm-item-attention{margin: 20px 10px; } .cm-item-attention li{margin: 10px 0; } .cm-item-attention h3{clear: both; font-size: 16px; text-align: center; padding:20px 0 6px 0; border-bottom: 2px solid #C7E2E1;} .cm-item-attention h4{ font-size:15px; margin:20px 10px 10px 10px; font-weight: 600; } .cm-item-attention ul{margin:10px 0; padding:0 10px;} .cm-item-attention li{list-style-type: square; list-style-position: outside; font-size:14px; margin:5px 0 5px 20px; } .cm-item-attention-ordr{border:1px solid #A4D8D4; border-radius:3px; padding:10px;} .cm-atntn-exp{font-size:14px; margin:10px;} #cm-item-att-dai{ border:2px solid #C7E2E1; border-radius: 5px; margin:40px 4px; padding:10px 5px 30px 5px;} .cm-item-att-odrcarpet img{width:100%;} .cm-item-att-odrcarpet h4{font-size:16px; color:#3c3c3c; text-align: center; margin: 20px 0; padding: 8px 0 0 0; border-top: 1px dashed #3c3c3c; } .cm-item-att-odrcarpet p{font-size: 14px; margin: 10px;} .cm-item-att-odrcarpet li{font-size: 14px; margin: 10px;} .cm-item-att-odrcarpet hr{ height:1px; background-color:#6cc4bc; border: none; color: #6cc4bc;} .cm-flex-att{display:flex;} .cm-flex-att-p1{flex-basis:120px;} .cm-flex-att-p2{flex-basis:200px;} .cm-flex-att-txt1{flex-basis:500px;} .cm-flex-att-txt2{flex-basis:200px;} .cm-flex-att-p1 img{height:80px; width:auto; margin: 0;} .cm-flex-att-p2 img{height:80px; width:auto; margin: 0;} .cm-flex-att-txt{margin:-5px 0 0 10px ;} /*商品詳細-オーダーカット*/ #cm-item-ordercut01{width:400px; margin:20px auto; padding-bottom:10px; border-bottom:1px solid #C7E2E1;} .cm-item-ordercut01 p{margin:10px 0; padding:10px; font-weight :600; color:#F95746; border: 2px solid #F95746;} .cm-item-ordercut01 img{width:400px; margin: 0 auto;} .cm-item-orderdeliv p{margin:10px 0; padding:10px; color:#F95746; border: 1px solid #F95746;} /*商品詳細-関連商品*/ .cm-item-kanren{text-align: center;} /*カテゴリー　共通*/ #cm-ctgry{text-align: center;} .wrap-cm-ctgry{display: flex; }.box-cm-ctgry{flex:1; text-align: center;} /*アコーディオン*/ .usb-acc .accordion { } .usb-acc .toggle {display: none;} .usb-acc .option {position: relative;margin-bottom: 0;} .usb-acc .title, .usb-acc .content {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);transition: all 0.3s;} .usb-acc .title::after, .usb-acc .title::before { content: ""; position: absolute; right: 1.25em; top: 1em; width: 3px; height: 0.75em; background-color: #333; transition: all 0.3s; } .usb-acc .title::after {transform: rotate(90deg);} .usb-acc .content {max-height: 0;overflow: hidden;} .usb-acc .toggle:checked + .title + .content {max-height: 924px; transition: all 1.5s; } .usb-acc .toggle:checked + .title::before {transform: rotate(90deg) !important; } /*フリーページ---------お買い物ガイド*/ #cm-f-guide{text-align: center; } #cm-f-guide h2{margin: 60px 0 20px 0; padding:8px; text-align:center; border-top:4px solid #C7E2E1; border-bottom:4px solid #C7E2E1; background:#fff; color:#3c3c3c; font-size:16px; font-weight:600;} #cm-f-guide h3 { position: relative; padding: 0 65px; text-align: center; margin:40px 0 20px 0; font-size:16px; font-weight:600;} #cm-f-guide h3:before { position: absolute; top: calc(50% - 1px); left: 30%; width: 40%; height: 1px; content: ''; background: #666;} #cm-f-guide h3 span { position: relative; padding: 0 1em; background: #fff} #cm-f-guide h4{ margin-bottom: 20px; font-size:18px; font-weight:600; padding:20px; border-top: 1px dashed #666;} #cm-f-guide p{font-size:15px; line-height: 1.8;} #cm-f-guide ul{text-align: left; } .cm-f-guide-box{margin: 20px 60px; padding: 20px; border:1px solid #999; border-radius: 6px;} .cm-f-guide-box .cm-f-guide-mark{width:50px; margin-bottom: 0px;} .cm-f-guide-card img{height:60px;} /*休業*/ #cm-f-guide .cm-f-guide-kyugyou h4{ margin:40px 0 20px 0; font-size:21px; font-weight: 600; color:red; padding-top:40px;} #cm-f-guide .cm-f-guide-kyugyou h5{ margin:0 0 10px 0; font-size:16px; padding:0; font-weight:600;} .cm-f-guide-kyugyou-date{margin: 20px auto; width:80%; border:2px solid orange; border-radius: 5px; padding:20px;} .cm-f-guide-kyugyou-date li{text-align: center; margin:10px; font-size:16px; line-height: 1.5em;} #cm-f-guide .cm-f-guide-kyugyou p{text-align: left;} .fs-c-heading--page{border:0;} .fs-c-documentArticle__heading{padding:8px; text-align:center; border-top:4px solid #C7E2E1; border-bottom:4px solid #C7E2E1; background:#fff; color:#3c3c3c; font-size:16px; font-weight:600;} .fs-c-documentArticle__content{padding:10px 80px;} .fs-c-documentColumn__heading{border:0; padding:0; margin:20px 0 0 0 ; font-size:16px; font-weight:600;} .fs-c-documentColumn__content h3{color:#3c3c3c; font-weight:600; font-size:15px; padding: 2px 0; margin: 20px 0 10px 0; border-bottom:2px solid #C7E2E1; } .fs-c-documentColumn__content h4{color:#3c3c3c; font-weight:600; font-size:15px; padding: 2px 0; margin: 20px 0 10px 0; } .cm-payment-icon img{margin-right: 20px; height:60px;} /*お買い物ガイド 連絡先*/ .cm-guide-contact{margin:20px auto; padding:0;} .cm-guide-contact-mail{padding: 10px 10px; text-align: left;} .cm-guide-contact-tel{padding: 10px 10px; text-align: left;} .cm-guide-contact address{ color:#3c3c3c; } .cm-guide-contact a{text-decoration: none; color:#3c3c3c; font-size: 18px; font-weight: bold; font-style: normal;} .cm-guide-contact-mail address::before{ content: ''; display: inline-block; width: 30px; height: 30px; background-image: url(https://curpetmarche.itembox.design/item/cm-logo-mail.svg); background-size: contain; vertical-align: middle; margin-top:-5px;} .cm-guide-contact-tel address::before{ content: ''; display: inline-block; width: 30px; height: 30px; background-image: url(https://curpetmarche.itembox.design/item/cm-logo-tel.svg); background-size: contain; vertical-align: middle; margin-top:-5px;} .cm-guide-contact p{font-size: 14px; font-style: normal;} .cm-coupon-exp{display:flex; margin: 20px 0;} .cm-coupon-exp img{width:80%!important; margin:10px 10%!important;} .cm-coupon-exp-img{flex:1; height: auto;　} .cm-coupon-exp-img img{align-self: flex-start; border:1px solid #ccc;} .cm-coupon-exp ul{flex-basis: 600px; font-size:15px; margin-left: 20px;} .cm-txt-16{font-size: 16px;}.cm-txt-14{font-size: 14px;} .cm-txt-12{font-size: 12px;} .cm-txt-10{font-size: 10px;} .cm-txt-link{color:darkblue; text-decoration: underline;} /*もっと見るボタン*/ .cm-viewmore {text-align: center;} .cm-viewmore a { -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); display: block; margin: 20px auto; max-width: 80%; text-decoration: none; border-radius: 3px; padding: 10px 60px;} .cm-viewmore a.button { color: #3c3c3c; box-shadow: rgba(60, 60, 60, 0.4) 0 0px 0px 2px inset;} .cm-viewmore a.button:hover { color: #fff; box-shadow: rgba(60, 60, 60, 0.7) 0 0px 0px 40px inset;} .cm-viewmore-b {text-align: center;} .cm-viewmore-b a { -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); display: block; margin: 20px auto; max-width: 50%; text-decoration: none; border-radius: 3px; padding: 10px 30px;} .cm-viewmore-b a.button { color: #3c3c3c; box-shadow: rgba(60, 60, 60, 0.4) 0 0px 0px 2px inset;} .cm-viewmore-b a.button:hover { color: #fff; box-shadow: rgba(60, 60, 60, 0.7) 0 0px 0px 40px inset;} .cm-viewmore1 {text-align: center;} .cm-viewmore1 a { -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); display: block; margin: 20px auto; max-width: 40%; text-decoration: none; border-radius: 3px; padding: 10px 30px;} .cm-viewmore1 a.button {border:1px solid #5f657c; background-color: #5f657c; color: #fff; box-shadow: rgba(95, 101, 124, 0.4) 0 0px 0px 2px inset;} .cm-viewmore1 a.button:hover {border:1px solid #5f657c; background-color: #fff; color: #5f657c; box-shadow: rgba(255, 255, 255, 0.7) 0 0px 0px 40px inset;} .cm-viewmore-red a { text-align: center; -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); display: block; margin: 20px auto; max-width: 80%; text-decoration: none; border-radius: 3px; padding: 10px 60px;} .cm-viewmore-red a.button { color: red; box-shadow: rgba(230, 48, 0, 0.4) 0 0px 0px 2px inset;} .cm-viewmore-red a.button:hover { color: #FFFFFF; box-shadow: rgba(230, 48, 0, 0.7) 0 0px 0px 40px inset;} .cm-viewmore2 {text-align: center;} .cm-viewmore2 a { -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); display: block; margin: 20px auto; max-width: 280px; text-decoration: none; border-radius: 3px; padding: 10px 20px;} .cm-viewmore2 a.button { background-color: #3CAA9D; color: #fff; box-shadow: rgba(164, 216, 212, 0.4) 0 0px 0px 2px inset;} .cm-viewmore2 a.button:hover { background-color: #A4D8D4; color: #3CAA9D; box-shadow: rgba(256, 256, 256, 0.2) 0 0px 0px 40px inset;} .cm-viewmore3 {text-align: center;} .cm-viewmore3 a { font-size:15px; -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); display: block; margin: 20px auto; max-width: 98%; text-decoration: none; border-radius: 3px; padding: 6px 20px;} .cm-viewmore3 a.button { background-color: #3CAA9D; color: #fff; box-shadow: rgba(164, 216, 212, 0.4) 0 0px 0px 2px inset;} .cm-viewmore3 a.button:hover { background-color: #A4D8D4; color: #3CAA9D; box-shadow: rgba(256, 256, 256, 0.2) 0 0px 0px 40px inset;} .cm-viewmore1r {text-align: center;} .cm-viewmore1r a { -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); display: block; margin: 20px auto; max-width: 60%; text-decoration: none; border-radius: 3px; padding: 10px 30px;} .cm-viewmore1r a.button {border:1px solid #5f657c; background-color: #fff; color: #5f657c;} .cm-viewmore1r a.button:hover {border:1px solid #5f657c; background-color: #5f657c; color: #fff; box-shadow: rgba(52, 65, 102, 0.7) 0 0px 0px 40px inset;} .cm-viewmore-cu {text-align: center;} .cm-viewmore-cu a { -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); display: block; margin: 20px auto; max-width: 360px; text-decoration: none; border-radius: 3px; padding: 10px 20px;} .cm-viewmore-cu a.button { background-color: #657eca; color: #fff; box-shadow: rgba(187, 202, 239, 0.4) 0 0px 0px 2px inset;} .cm-viewmore-cu a.button:hover { background-color: #bbcaef; color: #657eca; box-shadow: rgba(187, 202, 239, 0.2) 0 0px 0px 40px inset;} .cm-viewmore-sp {text-align: center; margin:40px 0 20px 0;} .cm-viewmore-sp a{text-decoration: none; color:#3c3c3c; font-size:1.0em; border:1px solid #666; border-radius: 3px; padding:0.5em 4em;} .cm-viewmore-sp a:hover{ color:#fff; background: #666;} /*オーダーカーペット　システム　測り方*/ .order_carpet-header .accordion{text-align: center; margin:0; padding:0; border:1px solid #ccc; border-radius:5px;} .order_carpet-header h3 img{margin-left:6px;} .order_carpet-header h4{text-align: center; font-size:18px!important; font-weight:600;} .order_carpet-header p{ margin:0 20px; font-size:16px!important;} .order_carpet-header .header_other{ margin:20px 0;} .ordrcrpt-howto-order-systm p{text-align: left;} .order_carpet-header .accordion img{width:80%;} .ordrcrpt-howto-order-systm{ border-top: 1px dashed #3c3c3c; border-bottom: 1px dashed #3c3c3c; margin: 20px 0;} .ordrcrpt-howto-order-systm h5{ width:7em; margin:20px auto; font-size: 0.9em; background: #3c3c3c; color:#fff; padding:0.2em 0.4em;} .ordrcrpt-howto-order-systm p{margin: 20px 10px;} .ordrcrpt-howto-order-systm ul{margin: 20px 20px;} .ordrcrpt-howto-order-systm li{margin: 5px; text-align: left; } .ordrcrpt-howto-download-systm {width:85%; margin: 0 auto 20px auto;} .ordrcrpt-howto-download-systm a{ border:1px solid #3c3c3c; padding:4px 10px; font-size:16px; font-weight:100; text-decoration: none; color:#3c3c3c;} .ordrcrpt-howto-download-systm a:hover{ border:1px solid orangered; color:orangered;} .ordrcrpt-howto-check-systm{ width:80%; border:3px solid orange; border-radius: 5px; margin: 20px auto; padding:0 10px;} .ordrcrpt-howto-check-systm h5{ width:5em; margin:10px auto; font-size: 0.9em; background: orangered; color:#fff; padding:0.2em 0.4em;} .ordrcrpt-howto-check-systm p{text-align: left; font-size:16px; font-weight:600; line-height: 1.5;} body[class*="fs-body-product-order_"] .fs-l-productLayout .fs-c-productPrice__main__price.fs-c-price span.fs-c-price__value:after { content: "円〜"; } .cm-henpinhuka{color:#fff; background:#d40000; font-size:15px; font-weight:600; display: inline-block; padding:4px 10px 2px 10px; margin: 5px 30px;} /*オーダーカーテンの測り方 202312*/ .ctgly-ttl-odrcurtain {text-align: center; color:#433E2B; font-size:21px; font-weight: 600; padding:40px 0;} .ctgly-ttl-odrcurtain h1{display: inline-block; font-weight:600; font-size:36px; line-height: 1.4; margin:10px 0 40px 0!important; padding:20px 30px!important; border-top:6px solid #ccc08d; border-bottom:6px solid #ccc08d;} .ctgly-ttl-odrcurtain p{width:560px; text-align: center; font-size:18px; margin: 0 auto; line-height: 2.0;} #cm-odrcurtain-link{width:55%; margin: 20px auto;} #cm-odrcurtain-link a{display: flex; justify-content:center; color: #404e4e; border-bottom: 1px dashed #404e4e; margin: 20px 0; padding-bottom: 5px; text-decoration: none;} #cm-odrcurtain-link a:hover{color: orangered;} #cm-odrcurtain-link h2{width:40%; font-size:18px; margin: 0; padding: 0;} #cm-odrcurtain-link p{width:60%; font-weight:bold; font-size:15px; margin: 0; padding: 0;} .marusuji { display: inline-block; background: #404e4e; border-radius: 50%; width: 24px; height: 24px; line-height: 25px; color: #dedede; font-size: 18px; font-family:Arial, Helvetica, "sans-serif"; text-align: center; margin-right: 10px;} #cm-f-measure{text-align: center; margin:0 0 40px 0;} .cm-odrcu-box{margin:0 0 20px 0; padding: 40px 60px; border-top:1px solid #999;} .cm-odrcu-box h2{text-align: center; font-size:18px; margin:0 0 40px 0; padding: 0; } .cm-odrcu-box h3{text-align: left; font-size: 16px;} .underline-g{border-bottom: 4px solid #c8deed;} .cm-odrcu-box h4{text-align: left; font-size: 16px; margin: 20px 0 0 0;} .cm-odrcu-box .flex_wrap{margin: 20px 0;} .cm-odrcu-att{border-left: 5px solid #c8deed; border-right: 5px solid #c8deed; margin-top: 40px; padding: 10px 40px;} .cm-odrcu-att h3{text-align: center; color:#3ca195;} .cm-odrcu-exp{width:75%; margin: 0 auto 40px auto;} .cm-odrcu-exp-box{flex-basis: 45%; border: 1px dashed #404e4e; padding: 20px; margin: 0 5px; } .cm-odrcu-exp-box h3{text-align:center;} .cm-odrcu-exp-box img{display: block; width:70%; margin: 20px auto;} .cm-odrcu-exp2 h4{ } .cm-odrcu-exp2 {margin: 0; padding: 0;} .underline-p{background: linear-gradient(transparent 80%, #ff99ab 70%);} .txt-cap-c h3{text-align: center!important; font-size:14px; margin-bottom: 4px;} .cm-odrcu-tassel{margin: 40px 0 0 0; text-align: center;} .cm-odrcu-tassel h3{ background: #eee; text-align: center; margin-bottom: 40px;} .cm-odrcu-tassel-box{display: flex; flex-wrap: wrap; justify-content:center;} .cm-odrcu-tassel-box .flex40{margin: 0 5px;} .cm-odrcu-tassel-box h4{border:1px solid #666; font-size: 16px; text-align: center; padding: 5px 0;} .cm-odrcu-tassel-box h5{margin:20px 0 0 0; padding: 0;} .cm-odrcu-tassel-box img {width:90%;} .cm-txt-orrd{color:orangered;} .cm-txt-or1em{font-size:1.0em; color:orangered; padding:0 0.2em;} .cm-txt-or09em{font-size:0.9em; color:orangered; padding:0 0.2em;} .cm-txt-or08em{font-size:0.8em; color:orangered; padding:0 0.2em;} .cm-img-90per{width:90%} .cm-img-80per{width:80%} .cm-img-70per{width:70%} .cm-img-60per{width:60%} .cm-img-50per{width:50%} .item-order1 { order: 1; } .item-order2 { order: 2; } .item-order3 { order: 3; } .cm-f-measure{margin:0; padding:0; text-align: center; font-size:0.9em; color:#3c3c3c;} .cm-f-measure h1{font-size:0.9em; color: #3c3c3c; background: #f4f4f4; padding:4px 0;} .cm-f-measure h2{font-size:1.2em; margin: 2em 0 0 0; padding: 2em 0 0 0 ; border-top:2px solid #ccc;} .cm-f-measure h3{font-size:1.0em; text-align: left; margin: 2em 0 1em 0; padding: 1em 1em 0 1em ; border-top:1px dashed #999;} .cm-f-measure p{text-align: center; } .cm-f-measure-ttl{margin: 40px 0;} .cm-f-measure-ttl img{width:520px;} .hakarikata-link{display: flex; flex-wrap: wrap; justify-content: center; border-top:2px solid #3c3c3c; border-bottom:2px solid #3c3c3c; margin: 30px 0; padding:10px 0;} .hakarikata-link-box ul{margin: 0; padding: 1em;} .hakarikata-link-box li{list-style: none; text-align: left; margin: 0.5em 0;} .hakarikata-link-box a{ font-size:1.0em; color:#3c3c3c; text-decoration: underline;} .hakarikata-link-box a:hover{ color:orangered;} .cm-f-measure-exp {width:60%; margin:0 20%; } .cm-f-measure-exp p{ font-size:1.0em; text-align: left; padding: 0.5em 1em;} .cm-f-measure-img{margin: 20px 0;} .cm-f-measure-imgx3 img{width:20%;} .cm-f-measure-order{border: 1px solid #a4d8d4; border-radius: 5px; margin: 20px 20%; padding: 20px;} .cm-f-measure-order h3{color:#3caa9d; font-weight: 600; border: none; font-size:1.0em; margin: 0; padding:0; text-align: center;} .cm-f-measure-order p{text-align:left;} .cm-f-measure-order-exm p{font-size:0.9em; text-align:left;} .cm-img-m5 img{margin:5px;} .cm-img-m10 img{margin:10px;} /*オーダーカーテンの測り方*/ #ordercurtain-hakarikata{margin:0 20px 20px 20px; padding:0 0 40px 0; border-bottom:1px dashed #666;} #ordercurtain-hakarikata h3{color:#3c3c3c; font-size:21px; margin:40px 0 20px 0; padding: 0;} #ordercurtain-hakarikata h4{color:#666; font-weight: 600; font-size:16px; margin: 0 0 10px 0; padding: 0;} #ordercurtain-hakarikata p{color:#3c3c3c; font-size:15px; line-height: 1.5; margin: 0; padding:0 0 20px 0;} .order_cu-hakarikata-exp{border-top:4px solid #3c3c3c; border-bottom:4px solid #3c3c3c; margin: 20px 0; padding:20px 0 0 0; text-align: center;} #ordercurtain-hakarikata .order_cu-hakarikata-exp p{ font-size: 18px; font-weight: 600; color:666;} #ordercurtain-hakarikata .order_cu-hakarikata-link{text-align: center; font-size: 18px; } .ordercurtain-box{background: #fff; margin: 0; padding:10px 20px ; border-left:10px solid #e0f5f4;} /*HOME*/ .cm-sidenavi-home{ display: block; width:224px; margin: 20px auto 0 auto; padding-left: 8px; background: url(https://curpetmarche.itembox.design/item/cm-icon-home.svg) no-repeat; background-size: 26px 36px; background-origin: content-box; } .cm-sidenavi-home h2{font-size: 16px; border-top: 1px dashed #3c3c3c; border-bottom: 1px dashed #3c3c3c; padding-top:8px; margin: 0 calc(50% - 50vw); padding: 8px;} .cm-sidenavi-home a{ color:#3c3c3c; text-decoration: none; } /*カーペット*/ .sidenavi-carpet{width:224px; margin: 0 auto; padding:4px 0 4px 8px; background: url(https://curpetmarche.itembox.design/item/icon-carpet.jpg) no-repeat; background-size: 26px 36px; background-origin: content-box; } .sidenavi-carpet h3{font-size: 14px; border-bottom: 1px dashed #3c3c3c; padding-top:8px; margin: 0 calc(50% - 50vw); padding: 8px 0 14px 0;} .sidenavi-carpet a{ color:#3c3c3c; text-decoration: none; } /*ラグ*/ .sidenavi-rug{width:224px; margin: 0 auto; padding:4px 0 4px 8px; background: url(https://curpetmarche.itembox.design/item/icon-rug.jpg) no-repeat; background-size: 26px 36px; background-origin: content-box; } .sidenavi-rug h3{font-size: 14px; border-bottom: 1px dashed #3c3c3c; margin: 0 calc(50% - 50vw); padding: 8px 0 14px 0;} .sidenavi-rug a{ color:#3c3c3c; text-decoration: none;} /*マット*/ .sidenavi-mat{width:224px; margin: 0 auto; padding:4px 0 4px 8px; background: url(https://curpetmarche.itembox.design/item/icon-mat.jpg) no-repeat; background-size: 26px 36px; background-origin: content-box; } .sidenavi-mat h3{font-size: 14px; border-bottom: 1px dashed #3c3c3c; padding-top:8px; margin: 0 calc(50% - 50vw); padding: 8px 0 14px 0;} .sidenavi-mat a{ color:#3c3c3c; text-decoration: none; } /*オーダーカット加工対応商品*/ .sidenavi-cut{width:224px; margin: 0 auto; padding:4px 0 4px 8px; background: url(https://curpetmarche.itembox.design/item/icon-cut.jpg) no-repeat; background-size: 26px 36px; background-origin: content-box; } .sidenavi-cut h3{font-size: 14px; border-bottom: 1px dashed #3c3c3c; padding-top:8px; margin: 0 calc(50% - 50vw); padding: 8px 0 14px 0;} .sidenavi-cut a{ color:#3c3c3c; text-decoration: none; } /*既製カーテン*/ .sidenavi-rm_cu{width:224px; margin: 0 auto; padding:4px 0 4px 8px; background: url(https://curpetmarche.itembox.design/item/icon-rm_cu.jpg) no-repeat; background-size: 26px 36px; background-origin: content-box; } .sidenavi-rm_cu h3{font-size: 14px; border-bottom: 1px dashed #3c3c3c; padding-top:8px; margin: 0 calc(50% - 50vw); padding: 8px 0 14px 0;} .sidenavi-rm_cu a{ color:#3c3c3c; text-decoration: none; } /*オーダーカーテン*/ .sidenavi-order_cu{width:224px; margin: 0 auto; padding:4px 0 4px 8px; background: url(https://curpetmarche.itembox.design/item/icon-order_cu.jpg) no-repeat; background-size: 26px 36px; background-origin: content-box; } .sidenavi-order_cu h3{font-size: 14px; border-bottom: 1px dashed #3c3c3c; padding-top:8px; margin: 0 calc(50% - 50vw); padding: 8px 0 14px 0;} .sidenavi-order_cu a{ color:#3c3c3c; text-decoration: none; } /*商品マーク*/ .cm-mark-item{margin:10px 20px -10px 20px;} .cm-copyright{text-align:right; margin:0 20px;} .cm-footer-exp .footer_tit { font-size: 14px; border-top: 1px dashed #66645C; border-bottom: 1px dashed #66645C; background-color: #FFF; margin: 10px 0; padding: 5px 0; } .fs-c-productPointDisplay { background:#e24773; color: #fff; margin:0 0 0 160px;} /*商品ページ　-----------------------　リュイール*/ .cm-item-design01{text-align: center; } .cm-item-design01 h2{font-size:26px; letter-spacing: 0.2em; margin: 20px 0;} .luire-item{display:flex; flex-wrap: wrap; justify-content:center;} .luire-item-box4{flex-basis: 15%; margin: 0; padding:0; text-align:center;} .luire-item-box4 img{width:130px; height:130px; object-fit: cover; margin: 10px 0 -10px 0;} .luire-item-box4 b{display: block; font-size:15px; margin:0.5em;} /*商品詳細-おすすめ商品*/ .fs-c-featuredProduct .fs-c-featuredProduct__header h2{clear: both; font-size: 16px; text-align: center; margin:10px; padding:20px 0 6px 0; border-bottom: 2px solid #C7E2E1;} .fs-c-featuredProduct .fs-c-productMarks{display: none;} #cm-osusume-suminoe_cm{margin:40px 0 0 0;} #cm-osusume-suminoe_cm h1{clear: both; font-size: 16px; text-align: center; margin:10px; padding:10px 0; border-top: 2px solid #C7E2E1; border-bottom: 2px solid #C7E2E1;} #cm-osusume-suminoe_cm img{ width: 230px; height: 165px; object-fit: cover;} /*オーダーシステム　カラーパレット*/ /*共通*/ .order_carpet .color-red{color:red;} .order_carpet .order-sizeOverText{font-size:16px; color: #3c3c3c; text-align:center; } .order-blink{font-size:16px; color: orangered; -webkit-animation: blink 1s ease infinite; animation: blink 2s ease infinite;} @-webkit-keyframes blink { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes blink { 0% {opacity: 0;} 100% {opacity: 1;} } .order_cp-header { text-align:center;} .order_cp-header h2{color:red;} /*ヘッダー*/ .order_carpet .link_area img{width:26%; margin:0 1%;} .order_carpet {text-align:center; color:#3c3c3c;} /*コンテンツ*/ .order_carpet-hissu{border-top:2px solid #3c3c3c; padding-top:10px;} .order_carpet .fs-c-productOption__name {background: #f2f2f2!important; margin:20px 20px 10px 20px!important;} .order_carpet-wide{border:1px solid #A4D8D4; border-radius:3px; margin:5px 20px; padding:10px 5px;} .order_carpet-long{border:1px solid #A4D8D4; border-radius:3px; margin:5px 20px; padding:10px 5px;} .order_carpet-wide .fs-c-productOption__name{margin:0!important; background:none!important;} .order_carpet-long .fs-c-productOption__name{margin:0!important; background:none!important;} .order_carpet-wide .fs-c-productOption__field {width: 150px; margin: 0 auto!important;} .order_carpet-long .fs-c-productOption__field {width: 150px; margin: 0 auto!important;} /*タイトル・テキスト*/ .order_carpet h2{color:#fff!important; background:#3c3c3c; font-size:18px; border-top:4px solid #999; border-bottom:4px solid #999; margin:20px 0; padding:6px 0;} .order_carpet .header_desc{font-size:17px; font-weight:600; text-align:center; color:orangered; border:3px solid orangered; padding:2px 0; margin:20px 20px 0 20px;} .order_carpet .fs-c-productOption__name{font-size:18px; font-weight:600; color:#3c3c3c; background: #fff; margin:10px 0 0 0; padding:0;} .order_carpet .fs-c-productOption__option{ text-align: left; background: #fff; margin: 0 20px; padding:0;} .order_carpet .fs-c-productOption__field{margin-left:20px;} .order_carpet .sub_list{ text-align:center; font-size:16px;} .order_carpet .arrow{font-size:2.0em; color:orange; border-top:2px dashed #3c3c3c; padding-top:10px;} .order_carpet .after_area p{font-size:16px; text-align:center;} .oprder-carpet-expln{color:orangered; font-weight:100; font-size:16px; margin:10px 20px; text-decoration: underline;} .order_carpet .tax{font-size:0.8em;} .order_carpet .fs-c-requiredMark{color:red;} .order_carpet .order-carpet-attn{text-align:left; color:#3c3c3c; font-size:14px; margin:0 10px;} .order-carpet-possize{text-align:center; color:orangered;} .after_area p{font-size:16px; text-align:center;} /*入力欄*/ .order-box-flex{display:flex; justify-content: center;} .order-box-flex-size{flex-basis:136px; margin-right:40px;} .order-box-flex-cm{flex-basis:40px; align-self:flex-end; font-size:15px;} .odr-carpet-txtbox{ width: 120px; margin: 0; padding: 4px 8px; border-radius: 4px; border: 3px solid #6CC4BC; background-color: #fff; font-size: 18px; font-weight:600; color:#3c3c3c;} /*ご注文サイズ*/ .order_carpet #optionWithPrice_3{font-size:18px; font-weight:600; color:red; text-align:center; border:1px solid orange; padding:4px 0; background: #fff;} /*お客様のオーダーラグ価格*/ .order_carpet #finish_price{font-size:18px; font-weight:600; color:red; text-align:center; border:1px solid orange; padding:4px 0; background:#ffffdc;} /*測り方*/ .order_carpet-header h3{border-top:2px solid #3c3c3c; margin:20px 0 0 0; padding:20px 0 0 0;} /*アコーディオン*/ .order_carpet .accordion { margin: 1em auto; max-width: 60vw; border-bottom: solid 1px #ccc; } .order_carpet .toggle { display: none; } .order_carpet .option { position: relative; margin-bottom: 0; } .order_carpet .title, .order_carpet .content { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; } .order_carpet .title { border-top: solid 1px #ccc; padding: 1em 0; display: block; color: #3c3c3c; font-weight: bold; } .order_carpet .title::after, .order_carpet .title::before { content: ""; position: absolute; right: 1.25em; top: 1.25em; width: 2px; height: 0.75em; background-color: #999; transition: all 0.3s; } .order_carpet .title::after { transform: rotate(90deg); } .order_carpet .content { max-height: 0; overflow: hidden; } .order_carpet .content p { margin: 0; padding: 0.5em 1em 1em; font-size: 0.9em; line-height: 1.5; } .order_carpet .toggle:checked + .title + .content { max-height: 1200px; transition: all 1.5s; } .order_carpet .toggle:checked + .title::before { transform: rotate(90deg) !important; } body[class*="fs-body-product-order-"] .fs-l-productLayout .order_header .link_area img{ margin:0 5px;} .fs-l-pageMain h1:empty { display: none;} /*スマホ用　詳細商品検索*/ .l-accordion{width:1200px; margin:0 auto;} .l-accordion input { display: none;} .l-accordion .l-accordion-inside {height: 0; opacity: 0; transition: 0.8s;} .l-accordion input:checked~.l-accordion-inside {height: auto; opacity: 1;} .l-accordion .l-accordion-switch {position: relative; display: block; cursor: pointer; background:#f4f4f4; height:30px;} .l-accordion-switch p{ font-size:0.8em; padding:0.5em 0 0em 1.5em;} .l-accordion .l-accordion-switch::before, .l-accordion .l-accordion-switch::after { content: ''; position: absolute; display: block; width: 18%; height: 30px; background:#e5e5e3; top: 50%; right: 0; transform: translateY(-50%); } .l-accordion .l-accordion-switch::after { content: ''; display: inline-block; width: 20px; height: 20px; background-image: url(https://curpetmarche.itembox.design/item/cm-icon-search.svg); background-size: contain; vertical-align: middle; right: 18px; } .l-accordion input:checked~.l-accordion-switch::after { content: ''; display: inline-block; width: 20px; height: 20px; background-image: url(https://curpetmarche.itembox.design/item/cm-icon-x.svg); background-size: contain; vertical-align: middle; } /*詳細商品検索*/ .l-accordion-inside{background:#fff;} .cm-hd-search-area{background:#f4f4f4; border:1px solid #ccc; margin:10px; padding:10px 5%; font-size:0.9em;} .cm-hd-search-area h3{font-size:1.0em; text-align:center; } .l-accordion-inside input[type=text] {display: block; border:1px solid #999; width:100%;} .cm-kensaku{display:flex; justify-content: space-between; align-items: center; margin-top:10px; padding:10px 20px; background:#fff; border:1px solid #e4e4e4; border-radius:5px;} .cm-kensaku-ttl{flex-basis: 40%;} .cm-kensaku-data{flex-basis: 50%;} .cm-kensaku-button button[type=submit] {margin-top:10px; display:inline-block; border-radius: 5px; font-size: 1.2em; text-align: center;cursor: pointer; padding: 0.2em 2em; border:1px solid #999; background: #fff; color: #3c3c3c; } .cm-hd-search-wrap{text-align:center!important;} .l-accordion-inside .my-checkbox { display: block; position: relative; margin: 1em 0; padding-left: 28px; cursor: pointer; user-select: none; /* テキストの選択を防ぐ */ } /* inputは非表示にする */ .l-accordion-inside .my-checkbox input { display: none; } /* □ */ .l-accordion-inside .checkmark { position: absolute; top: 0; /* 上からの位置 */ left: 0; height: 22px; /* 大きさ */ width: 22px; /* 大きさ */ border: solid 2px #d4dae2; /* 線 */ border-radius: 4px; box-sizing: border-box; } /* ✓ */ .l-accordion-inside .checkmark:after { content: ""; position: absolute; left: 5px; /* チェックの位置 */ top: 1px; /* チェックの位置 */ width: 6px; /* チェックの大きさ */ height: 10px; /* チェックの大きさ */ border: solid #FFF; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity: 0; /* 透明にしておく */ } /* チェックが入ったときの□ */ .l-accordion-inside .my-checkbox input:checked + .checkmark { background: #2e80ff; /* チェック時の色 */ border-color: #2e80ff; /* チェック時の色 */ } /* チェックが入ったときの✓ */ .l-accordion-inside .my-checkbox input:checked + .checkmark:after { opacity: 1; /* 透明を解除 */ } /* サイドメニュー PC */ #cm-side2024{ border-top: 8px solid #eee; font-size:16px; color:#3c3c3c; text-decoration: none; } #cm-side2024 a{text-decoration: none;} #cm-side2024 li{list-style: none; margin: 0; padding:0;} /*サイドメニュー------------------------------ヘッダー*/ #sm-head{margin-top:20px;} /*ホーム*/ .sm-home{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top:10px;} .sm-home-icon{flex-basis: 1.8em;} .sm-home-txt{flex-basis: auto; align-self:center;} .sm-home img{width:auto; height:20px;} .sm-home-txt h2{font-size:1.0em;} /*お買い物ガイド*/ .sm-guide{text-align: center; margin-top:10px;} .sm-guide a{ display:inline-block; text-align: center; border:1px solid #666; border-radius: 5px; padding:0.2em 1em; color:#3c3c3c; font-size:0.8em; } .sm-guide a:hover{color:orangered!important;} /*送料無料*/ .sm-deliv p{color:#7c7c7c; font-weight:600; font-size: 1.1em; text-align: center; border-top:3px solid #dfdfdf; border-bottom:3px solid #dfdfdf; margin:20px 0; padding:0.5em 0; line-height: 1.2;} .sm-deliv-s{font-size:0.6em; font-weight: 400;} /*検索窓*/ .sm-serch{ text-align: center; background: #eee; width:100%; margin: 10px auto; padding: 10px 0;} .sm-navitop{width:92%; margin:0 auto;} /*サイドメニュー------------------------------メイン*/ #sm-main{text-align: center; margin: 30px 0;} #sm-main h1{font-size:0.9em; margin: 0; padding: 0;} .sm-logomark{width:30px;} .sm-main1{margin: 10px 0; border-bottom: 2px solid #666;} .sm-main2{margin: 10px 0; border-bottom: 1px dashed #666;} .sm-main1 a{font-size:0.9em; color:#3c3c3c;} .sm-main1 a:hover{color:orangered;} .sm-main2 a{font-size:0.9em; color:#3c3c3c;} .sm-main2 a:hover{color:orangered;} .sm-main01 { border-top: 2px solid #666; padding: 0.3em 0;} .sm-main02 { border-top: 1px dashed #666; padding: 0.3em 0;} /*サイドメニュー------------------------------人気のコンテンツ*/ #sm-pop{background: #eee; padding:10px; border-radius: 5px;} #sm-pop h2{ text-align: center; font-size:0.9em; background: #fff; padding:2px 0;} .sm-pop01{ margin: 5px 0; background: #fff;} .sm-pop01 a{display: block; font-size:0.9em; color:#3c3c3c; border:1px solid #999;padding:5px 10px; background: url("https://curpetmarche.itembox.design/item/sm-arw01.jpg") no-repeat; background-position: right center;} .sm-pop01 a:hover{display: block; color:orangered; border:1px solid #3c3c3c; padding:5px 10px; background: url("https://curpetmarche.itembox.design/item/sm-arw01-on.jpg") no-repeat; background-position: right center;} /*サイドメニュー------------------------------サブコンテンツ*/ .sm-sub h2{text-align: center; font-weight: 400; font-size:0.9em; background: #777; color:#fff; padding:5px; margin-top:20px;} .sm-sub .accordion h4{text-align: center; font-weight: 400; font-size:0.9em!important; background: #eee; margin-bottom: 10px; padding:5px 0;} .sm-sub01 { border-top: 1px dashed #aaa; padding: 0.3em 0;} .sm-sub01 a::after {border-top: 1px dashed #aaa!important; padding: 0.3em 0;} .sm-sub01 a{font-size:0.8em; color:#3c3c3c; padding-left: 10px;} .sm-sub01 a:hover{color:orangered;} .sm-sub01 a::before {content: ">"; padding-right: 5px; color:#3D9F95; } .sm-sub02 { border-top: 1px dashed #aaa; padding: 0.3em 0;} .sm-sub02 a{font-size:0.8em; color:#3c3c3c; padding-left: 10px;} .sm-sub02 a:hover{color:orangered;} .sm-sub02 a::before {content: "〇"; padding-right: 5px; color:#999; } #cm-side2024 .accordion {margin: 5px auto; max-width: 100%; border-bottom: solid 1px #666; } #cm-side2024 .toggle {display: none;} #cm-side2024 .option {position: relative; margin-bottom: 0;} #cm-side2024 .title, #cm-side2024 .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.5s;} #cm-side2024 .title h2{font-size:1.0em; font-weight: 400; padding: 5px 0; display: block;} #cm-side2024 h3{font-size:0.9em; font-weight: 400; text-align: center; padding:5px 0; margin: 0; } #cm-side2024 .title::after, #cm-side2024 .title::before {content: ""; position: absolute; right: 1em; top: 0.4em; width: 3px; height: 0.75em; background-color: #bbb; transition: all 0.3s;} #cm-side2024 .title::after {transform: rotate(90deg);} #cm-side2024 .content {max-height: 0; overflow: hidden;} #cm-side2024 .toggle:checked + .title + .content { max-height:1200px; transition: 2.5s;} #cm-side2024 .toggle:checked + .title::before {transform: rotate(90deg);} .sm-accordion-list-b{display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 10px 0;} .sm-accordion-list-b a{ font-size:0.9em; flex-basis: auto; border:1px solid #ccc; color:#3c3c3c; padding: 2px 8px; margin: 2px; text-decoration: none; flex-grow: 2; text-align: center;} .sm-accordion-list-b a:hover{border-radius: 5px; border:1px solid orangered; color:orangered; transition: all 0.6s;} /*サイドメニュー------------------------------suminoe*/ #sm-suminoe{ text-align: center; background: #fff; padding:10px; border:8px solid #eee; border-radius: 5px; margin: 20px 0;} #sm-suminoe h2{ text-align: center; font-size:0.9em; background: #fff; margin: 0; padding:2px 0; } .link_blank{height:16px; width:auto; margin-left: 5px;} /* フッター 連絡先＆カレンダー✓ */ .wrap-footer-contact-s{display: flex; justify-content: center; width:1028px; margin:0 auto;} .wrap-footer-contact-s-address{flex-basis: 52%;} .wrap-footer-contact-s-calnder{flex-basis: 45%;} /* フッター 電話番号 */ .cm-footer-contact-s{display: flex; margin:20px auto; padding:0 20px;} .cm-footer-contact-mail-s{flex: 1;padding: 10px 10px; text-align: center;} .cm-footer-contact-s address{margin-top: 20px; color:#3c3c3c; text-align: left; } .cm-footer-contact-s a{text-decoration: none; color:#3c3c3c; font-size: 18px; font-weight: bold; font-style: normal;} .cm-footer-contact-mail-s address::before{ content: ''; display: inline-block; width: 30px; height: 30px; background-image: url(https://curpetmarche.itembox.design/item/cm-logo-mail.svg); background-size: contain; vertical-align: middle; margin-top:-5px;} .cm-footer-contact-s p{font-size: 14px; font-style: normal; text-align: left;} /* フッター コピーライト✓ */ .cm-footerCopyright{background-color: #DDDBD3;} .cm-footerCopyright p{color: #66645C; font-size:12px; text-align: center; padding: 4px;} /* USB2 */ .usb2-atntn-img01{text-align: center;} .usb2-atntn-img01 img{width:300px; margin: 10px 0;} /* 営業日カレンダー　*/ .cm-calendar{display: flex; justify-content: center; width:400px; margin: 40px auto; background: #fff;} div.cal_wrapper {margin: 0 5px; padding: 10px 0px; } div.schedule_wrapper { padding: 10px 0px; width: 310px; border: solid 1px #CCC; border-radius: 5px; box-shadow: 1px 1px 3px #666; } div.schedule_wrapper h3 { padding: 0px 10px; font-weight: normal; margin: 0px; font-size: 12px; color: #666; } div.schedule_wrapper div.schedule_list { padding: 0px 10px; margin: 0px; } div.schedule_wrapper div.schedule_list ol { padding: 0px; margin: 5px auto; border-top: solid 1px #CCC; } div.schedule_wrapper div.schedule_list ol li { padding: 5px 10px 0px 0px; margin: 0px 0px 0px 30px; font-size: 12px; line-height: 1.5em; } div.schedule_wrapper div.schedule_list ol li:hover { text-decoration: underline; } div.cal_wrapper table.cal tr th p { float: left; padding: 5px 5px 5px 15px; margin:0; color: #333; font-size: 14px; font-weight: normal; } div.cal_wrapper table.cal tr th div.cal_ui { float: right; } div.cal_wrapper table.cal tr th div.cal_ui input { border: solid 1px #fff; background-color: #FFF; font-size: 12px; margin: 0px 1px; padding: 1px 5px; border-radius: 3px; } div.cal_wrapper table.cal tr td { border-top: solid 1px #EEE; } div.cal_wrapper table.cal tr td { font-size: 10px; text-align: center; padding: 2px } div.cal_wrapper table.cal tr.headline td { padding: 5px 0px; color: #666; font-weight: bold; font-size: 12px; } div.cal_wrapper table.cal tr.headline { background-color: #f4f3ed; } div.cal_wrapper table.cal tr td div { position: relative; padding: 5px 15px; font-size: 12px; text-align: center; background-color: #FFF; border-radius: 3px; } div.cal_wrapper table.cal tr td div span { display: none; position: absolute; top: 20px; left: 0px; width: 180px; border: solid 1px #EEE; background-color: #FFF; text-align: left; padding: 5px; z-index: 10; color: #000; font-weight: normal; line-height: 1.5em; box-shadow: 1px 1px 3px #666; } /* 以下、クラス指定するときのアレ */ div.cal_wrapper table.cal tr td div.Sat { font-weight: 100; color: #6959E2; background-color: #ffe1ea; } div.cal_wrapper table.cal tr td div.Sun { font-weight: 100; color: #e0246c; background-color: #ffe1ea; } div.cal_wrapper table.cal tr td div.Today { font-weight: 600; background: #C7E2E1; color:#0A3F3E; } div.cal_wrapper table.cal tr td div.Deli { background-color: #EFE; } div.cal_wrapper table.cal tr td div.Holyday { font-weight: 100; color: #e0246c; background-color: #ffe1ea; } div.cal_wrapper table.cal tr td div.Campaign { font-weight: 600; color: #666; border-radius: 3px; } div.cal_wrapper table.cal tr td div.backward { color: #CCC!important; font-weight: normal; background-color: #FFF; border-radius: 3px; } div.cal_wrapper table.cal tr td div.pointer { cursor: pointer; } div.cal_wrapper table.cal tr td div.pointer:hover { background-color: #EEE; } /* タブレット用飛び出し制御 */ .fs-p-scrollingCartButton { position: fixed; bottom: 20px; right: 20px; max-width: 60px; width: 100%; z-index: 999; box-sizing: border-box; overflow: hidden; } html, body { overflow-x: hidden; } @media screen and (max-width: 1024px) { .fs-p-scrollingCartButton { right: 10px; bottom: 10px; max-width: 50px; } } .cm-pagetop, .fs-p-footerPageTop { position: fixed; bottom: 90px; right: 20px; z-index: 998; width: 40px; height: 40px; overflow: hidden; box-sizing: border-box; } /* PC・タブレット共通（既存を維持） */ .header-list { display: flex; justify-content: flex-end; flex-wrap: nowrap; overflow: hidden; } .header-item { flex-shrink: 0; white-space: nowrap; } .header-item a { display: inline-block; white-space: nowrap; padding: 20px 20px; /* PCではそのまま */ } /* タブレット専用（iPadなど） */ @media screen and (min-width: 768px) and (max-width: 1024px) { .header-item a { font-size: 1.0rem; /* ← ほんの少し小さく */ padding: 16px 14px; /* ← 横幅も少し絞る */ } } /* タブレット（iPadなど）専用のロゴサイズ調整 */ @media screen and (min-width: 768px) and (max-width: 1024px) { #cm-hdnv3-logo img, .fs-p-logo__image { width: 180px !important; /* ← 調整ライン①：通常は240px前後が多い */ height: auto; } #cm-hdnv3-logo h1 { margin: 0 12px !important; /* 左右の余白も少し詰めると自然です */ } } @media screen and (min-width: 768px) and (max-width: 1024px) { #cm-hdnv3-logo { margin-left: 70px !important; } } /*PC用スタイルシート　カーペットマルシェ*/