/*☆☆☆☆☆☆☆☆☆☆☆☆PC用 カテゴリーCSS 2 ☆☆☆☆☆☆☆☆☆☆☆☆*/

/* カテゴリー アウトレット*/
/*削除可*/
#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;}

.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;}

/*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;}

/* 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%;}


/* カテゴリー　ウール */
#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;}
.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:74px; line-height: 0.6; margin:60px 0!important; padding:40px auto 20px auto!important;}
.ctgly-ttl-wool h1::before{ content: ''; width:0!important; }
.ctgly-ttl-sub{font-size:21px;}
.ctgly-ttl-wool p{text-align: center; font-size:20px; margin: 0; line-height: 2.0;}
.arrow_box p{font-size:16px; margin: 0 0 20px 0; line-height: 2.0;}
#ctgly-wool .expl{width:80%; margin: 20px auto;font-size:16px; text-align: left;line-height: 2.0;}
.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 th,
.ctgly-exp-wool td{padding: 2px 6px; line-height: 1.2;}
.ctgly-exp-wool td{color:#e7455d; font-size:18px;}

.arrow_box {
position: relative; background: #FFFFFF; border: 2px solid #a3a3a3; border-radius: 15px; padding: 20px 20px 40px 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;}

/*ヘッダーナビ ↑↑↑↑　*/

.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;}

/*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; }

/*オーダーカーテンの測り方 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;}

/*商品詳細-商品詳細(大)*/
#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-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;}



/*カテゴリー　ネコマット*/
#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;}


/*カテゴリー-------洗えるカーペット*/
#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;}


/*カーテン専用洗濯ネット*/
.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;}


/*　サイドナビ　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;}

/*素材で選ぶ*/
#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;}
 

/*　商品紹介 独自(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;}

/*カーペットのお手入れ*/
#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;}


/* 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;}


/* 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;
  }
}













