h1,h2,h3,h4,ul,li{margin: 0;padding: 0; list-style: none;}
h2,h3{font-weight: 600; }
#cm-top{width:100%; margin:0;}

a:hover{text-decoration:none;}
a:hover img{opacity: 0.5; transition: 0.3s;transition-timing-function : linear;}
.fs-c-productThumbnail{width:890px; margin: 0 auto;}
.fs-l-productLayout__item{margin-top:-30px;}
.cm-txt-08{font-size:0.8em;}.cm-txt-09{font-size:0.9em;}
.cm-txt-bold { font-weight: 900;}
.cm-space-20l{margin-left:20px;} .cm-space-15l{margin-left:15px;} .cm-space-10l{margin-left:10px;} .cm-space-5l{margin-left:5px;}
.cm-space-20r{margin-right:20px;} .cm-space-15r{margin-right:15px;} .cm-space-10r{margin-right:10px;} .cm-space-5r{margin-right:5px;}
.cm-txt-center {text-align: center;} .cm-txt-left {text-align: left;} .cm-txt-right {text-align: right;}
.cm-txt-special{text-align:center; color:red; font-size:21px; font-weight: bold;}
.fs-p-announcement{width:65%; margin:40px auto; padding:40px; border:2px solid #6CC4BC; border-radius: 5px;}

.cm-link-text01{text-align: center; text-decoration: underline; margin: 10px;}
.cm-link-text01 a{font-size:16px;text-align: center; text-decoration: underline; color: blue;}
.cm-bottun-other01 {text-align: center; margin: 20px;}
.cm-bottun-other01 a{  display: inline-block; border: 2px solid #3CAA9D; font-size: 16px; color: #3CAA9D; text-decoration: none;  font-weight: bold; padding: 8px 16px;  border-radius: 4px; transition: .4s;}
.cm-bottun-other01 a:hover{ background-color: #3CAA9D; border-color: #dcf4f2; color: #FFF;}
.cm-separate01{border-top: 3px solid #A4D8D4; margin: 30px 0;}
.fs-c-productMainImage img {height:640px;}



.cm-common-flex{display:flex; flex-wrap: wrap; justify-content:space-between; margin:10px 0; padding:5px 0;}
.cm-common-flex-around{display:flex; flex-wrap: wrap; justify-content:space-around; margin:10px 0; padding:5px 0;}
.cm-common-flex-center{display:flex; flex-wrap: wrap; justify-content:center;}
.cm-common-flex-2{flex-basis: 48%;}
.cm-common-flex-3{flex-basis: 31%;}
.cm-common-flex-4{flex-basis: 23%;}

.cm-common-flex-3-2{flex-basis: 64%;}
.cm-common-flex-banner{ margin: 5px; }

.cm-common-flex-2 img{width: 454px; margin: 5px 0;}
.cm-common-flex-3 img{width: 296px; margin: 5px 0;}
.cm-common-flex-4 img{width: 217px; margin: 5px 0;}


/*セクションflexbox*/
.cm-fbox{display: flex; margin-top: 20px; padding:0 20px;} 
.cm-fbox-a,.cm-fbox-b,.cm-fbox-c,.cm-fbox-d{border: 1px solid #fff; border-radius: 10px; flex: 1;padding: 10px 10px;}
.cm-fbox h4{;margin: 0; padding-bottom: 5px; text-align: center; font-size: 16px; font-weight: bold;}
.cm-fbox p{border-top: 2px solid #C7E2E1; margin: 0; padding: 10px;}
/*Fbox*/

.cm-fbox-wrap{display: flex; flex-wrap:wrap; justify-content: flex-start; align-items: flex-start;}
.cm-fbox-wrap-c{display: flex; flex-wrap:wrap; justify-content: center; align-items: flex-start;}

.cm-fbox-wrap a{margin:0; padding: 0;}

.cm-fbox-sp1pc2-m-c{flex-basis: 45%; margin: 0.5% 1%; padding: 0; text-align: center;}
.cm-fbox-sp1pc2-m-c img{width: 100%;}
.cm-fbox-sp1pc2-m-l{flex-basis: 40%; margin: 0 1%; padding: 0; text-align: left; }
.cm-fbox-sp1pc2-m-l img{width: 100%;}
.cm-fbox-sp2pc4-m-l{flex-basis: 23%; margin: 0 1%; padding: 0; text-align: left;}
.cm-fbox-sp2pc5-m-c{flex-basis: 18%; margin: 0 1%; padding: 0; text-align: center;}
.cm-fbox-sp3pc5-m-c{flex-basis: 18%; margin: 0 1%; padding: 0; text-align: center;}

.cm-fbox-sp1pc2-m-c-empty{flex-basis: 45%; margin: 0.5% 1%; padding: 0;}
.cm-fbox-sp1pc2-m-l-empty{flex-basis: 40%; margin: 0 1%; padding: 0; }
.cm-fbox-sp2pc4-m-l-empty{flex-basis: 23%; margin: 0 1%; padding: 0; }
.cm-fbox-sp2pc5-m-c-empty{flex-basis: 18%; margin: 0 1%; padding: 0; }
.cm-fbox-sp3pc5-m-c-empty{flex-basis: 18%; margin: 0 1%; padding: 0; }

.cm-fbox2{flex-basis: 48%; margin: 0; padding: 0; text-align: center;}
.cm-fbox2 img{width:420px;}
.cm-fbox5{flex-basis: 18%; margin: 0; padding: 0; text-align: center;}
.cm-fbox2-empty{flex-basis: 48%; margin: 0; padding: 0; }
.cm-fbox5-empty{flex-basis: 18%; margin: 0; padding: 0; }

/*ヘッダー*/
.fs-p-headerUtilityMenu{padding:10px;}
.fs-preview-header { display: none; }
.fs-p-logo img{width:280px;}
/*ヘッダーナビ*/
#cm-navimenu{border-bottom: 1px solid #A4D8D4; margin-top: 10px; padding: 10px;}
#cm-navimenu-container{text-align: center;}
#cm-navimenu-container ul{font-weight: 600;font-style: normal; font-size:15px; margin:40px 0 0 0 ;padding: 0 ;}
#cm-navimenu-container li{text-decoration: none; list-style: none; display: inline-block; padding:0 20px; width: 14%; min-width: 160px; }
#cm-navimenu-container li:not(:last-child){ border-right:2px solid #ddd;}

#cm-navimenu-container a { padding:0 20px;  position: relative;  display: inline-block;  text-decoration: none;}
#cm-navimenu-container a::after {  position: absolute;  bottom: -6px;  left: 0;
  content: '';  width: 100%;  height: 4px;  background: #A4D8D4;
  transform: scale(0, 1);  transform-origin: center top;  transition: transform .3s;}
#cm-navimenu-container a:hover{color:#3c3c3c;}
#cm-navimenu-container a:hover::after {  transform: scale(1, 1);}

.cm-header-yasumi{text-align:center; margin:0 auto; padding:10px; border-bottom:1px solid #A4D8D4;}
.cm-header-yasumi h3{font-size: 14px; color:#f25c48;; font-weight: normal; margin: 6px; padding:0;}
.cm-header-yasumi p{width:928px; font-size: 14px; margin: 0 auto; padding:0;}

.cm-header-info{text-align:center; margin:0 auto; padding:0; 
background-image: url(https://curpetmarche.itembox.design/item/cm-header-info-bg.jpg);
background-repeat: repeat-x;}

/*ヘッダーナビTOP*/
.fs-l-header__logo{margin-top:30px;}
#cm-header-box{display:flex; flex-direction: row-reverse;}
.cm-header-box1{flex:1;}.cm-header-box2{flex:3;}.cm-header-box3{flex:1;}
#cm-header-top01{display:flex; justify-content: flex-end; align-items: center; margin: 0; padding: 6px 15px; background-color:#C7E2E1;}
#cm-header-top01 ul{display:flex; margin: 0;}
#cm-header-top01 li{list-style: none; font-size: 13px; margin-right: 10px; border-radius: 5px; padding: 2px 5px; background: #fff; }
#cm-header-top01 li a{text-decoration: none; color:#3CAA9D;} #cm-header-top01 li a:hover{ color:#F95746;}
#cm-header-top02{margin:10px 20px 40px 0;}

#cm-header-top02 ul{display:flex; justify-content:flex-end; margin: 0;}
#cm-header-top02 li{flex:none; list-style: none; font-size: 13px; text-align: center; padding: 0; margin: 0 10px;}
#cm-header-top02 li a{text-decoration: none; color:#3c3c3c;} 
#cm-header-top02 li a:hover{text-decoration: none; color:#F95746;}
#cm-header-top02 img{width:28px; padding: 0; margin: 0;}




/*パンくず*/
.fs-c-breadcrumb{width:1192px; margin:10px auto 0 auto; padding: 0;} .fs-c-breadcrumb ol{margin:0 10px; padding: 0;}




/*--------------------------------------------------------ヘッダーナビ*/
/*==ナビゲーション全体の設定*/
#cm-navimenu02{ border-bottom: 1px solid #A4D8D4; margin-top: 60px; padding: 10px;
background:#fff; color:#3c3c3c; text-align: center;
}
/*ナビゲーションを横並びに*/
#cm-navimenu02 ul{ list-style: none; display: flex; justify-content: center;
}
/*2階層目以降は横並びにしない*/
#cm-navimenu02 ul ul{ display: block;
}
/*下の階層のulや矢印の基点にするためliにrelativeを指定*/
#cm-navimenu02 ul li{  position: relative; 
}
#cm-navimenu02 ul li:not(:last-child){ border-right:2px solid #eee;}
#cm-navimenu02 ul li li{ border-right:2px solid #ddd;}
#cm-navimenu02 ul li li:not(:last-child){ border-right:2px solid #ddd;}
/*ナビゲーションのリンク設定*/
#cm-navimenu02 ul li a{ display: block; text-decoration: none; font-size:0.9em;
 color: #3c3c3c; padding:10px 35px 10px 45px; transition:all .3s; font-weight: 600;
}
#cm-navimenu02 ul li li a{ padding:10px 35px;
}
#cm-navimenu02 ul li a:hover{ color:#FF4D00; 
}

/*==矢印の設定*/
/*2階層目を持つliの矢印の設定*/
#cm-navimenu02 ul li.has-child::before{ content:''; position: absolute;
 left:15px; top:15px; width:6px; height:6px;
 border-top: 2px solid #FF4D00; border-right:2px solid #FF4D00; transform: rotate(135deg);
}
/*3階層目を持つliの矢印の設定*/
#cm-navimenu02 ul ul li.has-child::before{ content:''; position: absolute;
 left:6px; top:17px; width:6px; height:6px;
 border-top: 2px solid #fff; border-right:2px solid #fff; transform: rotate(45deg);
}

/*== 2・3階層目の共通設定 */
/*下の階層を持っているulの指定*/
#cm-navimenu02 li.has-child ul{
    /*絶対配置で位置を指定*/
  position: absolute; left:0; top:50px; z-index: 4;
    /*形状を指定*/
  background:#efefef; width:240px;
    /*はじめは非表示*/
  visibility: hidden; opacity: 0;
    /*アニメーション設定*/
  transition: all .3s;
}
/*hoverしたら表示*/
#cm-navimenu02 li.has-child:hover > ul,
#cm-navimenu02 li.has-child ul li:hover > ul,
#cm-navimenu02 li.has-child:active > ul,
#cm-navimenu02 li.has-child ul li:active > ul{ visibility: visible; opacity: 1;
}
/*ナビゲーションaタグの形状*/
#cm-navimenu02 li.has-child ul li a{ font-size:0.8em; color: #3c3c3c; border-bottom:dashed 1px #999;
}
#cm-navimenu02 li.has-child ul li:last-child a{ border-bottom:none;
}
#cm-navimenu02 li.has-child ul li a:hover,
#cm-navimenu02 li.has-child ul li a:active{ background:#ddd; 
}

/*==3階層目*/
/*3階層目の位置*/
#cm-navimenu02 li.has-child ul ul{ top:0; left:182px; background:#66ADF5;
}
#cm-navimenu02 li.has-child ul ul li a:hover,
#cm-navimenu02 li.has-child ul ul li a:active{ background:#448ED3;
}
/*矢印の位置と向き*/
#cm-navimenu02 ul li.has-child::before{ left:20px;  
}
#cm-navimenu02 ul ul li.has-child::before{ transform: rotate(135deg); left:20px;
}
#cm-navimenu02 ul li.has-child.active::before{ transform: rotate(-45deg);
}






/*--------------------------------------------------------サイドナビ-common*/

/*サイドナビ*/
#cm-sidenavi h3 a{color:#3c3c3c; text-decoration: none;}
#cm-sidenavi h3 a:hover{color:#f95746;}
#cm-sidenavi h4{font-size: 14px !important;}
.cm-navi-home{height:30px; background: url(https://curpetmarche.itembox.design/item/cm-icon-home.svg) no-repeat; background-size: contain; background-origin: content-box; padding:0 45px;}
.cm-navi-home h2{font-size: 16px; font-weight: 600; text-align: center; padding-top:8px; }
.cm-navi-home a{color:#3c3c3c; text-decoration: none;}
.cm-navi-home a:hover{color:#f95746; }

/*サイドナビ-お買い物ガイド*/
.cm-navi-guide_btn{text-align: center; border:1px solid #6CC4BC; border-radius: 5px; margin:10px 5px 0 5px; padding: 2px 0}
.cm-navi-guide_btn a{color:#3c3c3c; text-decoration: none; font-size:15px; }
.cm-navi-guide_btn a:hover{color:orangered;}

/*カラーで選ぶ*/
.list-color{ display: flex; flex-wrap: wrap; justify-content: flex-start; text-align: center; width:100%; margin: 0 5px;}
.list-color a{font-weight:bold; font-size: 11px; padding: 9px; color:#fff; text-align: center; margin:4px; text-decoration: none; flex-basis: auto; border-radius: 5px; }
.list-color a:hover{ color:#fff; background-color:#6CC4BC; }
.list-color-bk{background-color:#3C3C3C; }
.list-color .list-color-iv{background-color:#F4F3ED; color:#706E5F; }
.list-color .list-color-be{background-color:#D3C2A3; color:#674F31; }
.list-color-gy{background-color:#B6B3BA; }
.list-color-br{background-color:#5B4223; }
.list-color-re{background-color:#A32F2F; }
.list-color-bl{background-color:#2F50A5; }
.list-color-gn{background-color:#2FA33A; }
.list-color-ye{background-color:#CEB121; }
.list-color-ot{background-color:#FFFFFF; font-size: 11px; padding: 10px; color:#fff; text-align: center; margin:1px; text-decoration: none; }

/*サイドナビ-carpet*/
#cm-navi-carpet ul{list-style: none; text-align: left; margin: 10px 0 0 0; padding:0 auto;}
#cm-navi-carpet li{padding: 3px;}
#cm-navi-cpt-en{display: block; color: #fff; background-color: #6CC4BC; padding: 2px 0;}
#cm-navi-cpt-ja{display: block; padding-top: 8px;}
#cm-navi-carpet h2{font-size: 16px; font-weight: 600; text-align: center; padding:10px 0 0 0; margin-top: 10px;}
#cm-navi-carpet h3::before{ content: ''; display: inline-block; width: 25px; height: 25px; background-image: url(https://curpetmarche.itembox.design/item/cm-logo-mark.svg); background-size: contain;  vertical-align: middle; margin-top:-5px;}
#cm-navi-carpet h3{clear: both;font-size: 16px; text-align: center;  border-top:5px solid #6CC4BC; border-bottom:2px solid #6CC4BC; margin:5px 0 5px 0; padding:10px 0 8px 0;}
#cm-navi-carpet h4{font-weight:bold; color:#3c3c3c; font-size: 15px; text-align: left; border-bottom: 2px solid #6CC4BC; margin: 0; padding:8px 0 8px 10px;}
#cm-navi-carpet h5{ font-size:14px; font-weight: normal; border-bottom: 1px solid #6CC4BC; margin: 0; padding:5px 0 6px 20px;}
#cm-navi-carpet h5 a{color:#3c3c3c;}
#cm-navi-carpet h5 a:hover{color:#f95746;}
#cm-navi-acm a:hover{color:#f95746;}


/*サイドナビ - アコーディオン*/
.cm-accbox-carpet{ margin: 0; padding: 0;}
.cm-accbox-carpet h5 a{text-decoration: none; margin: 0; padding: 0;}
.cm-accbox-carpet ul{margin: 0; padding: 0;}
.cm-accbox-carpet li{text-align: left; border-bottom: 1px dashed #6CC4BC; padding-left: 20px;}
.cm-accbox-carpet li a{color:#3c3c3c; font-size:14px; text-decoration: none; padding-left: 20px;}
.cm-accbox-carpet li a:hover{color:#f95746;}

/*ボックス全体*/
.cm-accbox-carpet { margin: 5px 0; padding: 0; max-width: 400px;/*最大幅*/}
/*ラベル*/




.cm-accbox-carpet label { display: block; font-weight:bold; color:#3c3c3c; font-size: 15px; margin: 0; padding:2px 0 4px 0; cursor :pointer; transition: all 0.5s;position: relative;}
/*アイコンを表示*/
.cm-accbox-carpet label:after {position: absolute; content: '\f067'; font-family: 'Font Awesome 5 Free'; color:#6CC4BC;
top:9px; right:10px}
/*ラベルホバー時*/
.cm-accbox-carpet label:hover {color:#f95746;}
/*チェックは隠す*/
.cm-accbox-carpet input { display: none;}
/*中身を非表示にしておく*/
.cm-accbox-carpet .accshow-cpt { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s;}
/*クリックで中身表示*/
.cm-accbox-carpet .cssacc-cpt:checked + label + .accshow-cpt { height: auto; padding:0 5px 15px 5px; opacity: 1; transition: 0.8s;}
/*アイコンを入れ替える*/
.cm-accbox-carpet .cssacc-cpt:checked + label:after { content: '\f068';}
/*開いた時*/
.cm-accbox-carpet .cssacc-cpt:checked + label {font-weight: bold; padding:0; margin:0; color:#3caa9d; background-color: #e8f9f8;}


/*サイドナビ-オーダーカット*/
.cm-sidenv-ordercut {text-align: center;}
.cm-sidenv-ordercut a{display:block; width:96%; margin: 0 auto; background-color: #3a466c; color:#fff; font-size: 15px; text-decoration: none; padding:8px 0; }
.cm-sidenv-ordercut a:hover{display:block;background-color: #F95746; }

/*サイドナビ-carpet-function*/
.list-function {display: flex; flex-wrap: wrap;}
.list-function a{flex-basis: auto; border:1px solid #999; color:#3c3c3c; padding: 2px 5px; margin: 3px 2px; text-decoration: none; flex-grow: 2; text-align: center;}
.list-function a:hover{ border:1px solid #F95746; color:#fff; background-color:#F95746; padding: 2px 5px; margin: 3px 2px; text-decoration: none; transition: 0.6s;}



/*サイドナビ-curtain*/
#cm-navi-curtain ul{list-style: none; text-align: left; margin: 10px 0 0 0; padding:0 auto;}
#cm-navi-curtain li{padding: 3px;}
#cm-navi-ctn-en{display: block; color: #fff; background-color: #657eca; padding: 2px 0;}
#cm-navi-ctn-ja{display: block; padding-top: 8px;}
#cm-navi-curtain h2{font-size: 16px; font-weight: 600; text-align: center; padding:10px 0 0 0; margin-top: 10px;}
#cm-navi-curtain h3::before{ content: ''; display: inline-block; width: 25px; height: 25px; background-image: url(https://curpetmarche.itembox.design/item/cm-logo-mark.svg); background-size: contain;  vertical-align: middle; margin-top:-5px;}
#cm-navi-curtain h3{clear: both;font-size: 16px; text-align: center;  border-top:5px solid #657eca; border-bottom:2px solid #657eca; margin:5px 0 5px 0; padding:10px 0 8px 0;}
#cm-navi-curtain h4{font-weight:bold; color:#3c3c3c; font-size: 15px; text-align: left; border-bottom: 2px solid #657eca; margin: 0; padding:8px 0 8px 10px;}
#cm-navi-curtain h5{ font-size:14px; font-weight: normal; border-bottom: 1px solid #657eca; margin: 0; padding:5px 0 6px 20px;}
#cm-navi-curtain h5 a{color:#3c3c3c;}

.cm-accbox-curtain a:hover{color:#f95746;}
.cm-txt-ctn{color:#8da5e2;}

/*サイドナビ - アコーディオン*/
.cm-accbox-curtain{ margin: 0; padding: 0;}
.cm-accbox-curtain h5 a{text-decoration: none; margin: 0; padding: 0;}
.cm-accbox-curtain ul{margin: 0; padding: 0;}
.cm-accbox-curtain li{text-align: left; border-bottom: 1px dashed #657eca; padding-left: 20px;}

.cm-accbox-curtain li a{color:#3c3c3c; font-size:14px; text-decoration: none; padding-left: 20px;}

/*ボックス全体*/
.cm-accbox-curtain { margin: 5px 0; padding: 0; max-width: 400px;/*最大幅*/}
/*ラベル*/
.cm-accbox-curtain label { display: block; font-weight:bold; color:#3c3c3c; font-size: 15px; margin: 0; padding:2px 0 4px 0; cursor :pointer; transition: all 0.5s;position: relative;}
/*アイコンを表示*/
.cm-accbox-curtain label:after {position: absolute; content: '\f067'; font-family: 'Font Awesome 5 Free'; color:#657eca;
top:9px; right:10px}
/*ラベルホバー時*/
.cm-accbox-curtain label:hover {color:#f95746;}
/*チェックは隠す*/
.cm-accbox-curtain input { display: none;}
/*中身を非表示にしておく*/
.cm-accbox-curtain .accshow-ctn { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s;}
/*クリックで中身表示*/
.cm-accbox-curtain .cssacc-ctn:checked + label + .accshow-ctn { height: auto; padding:0 5px 15px 5px; opacity: 1; transition: 0.8s;}
/*アイコンを入れ替える*/
.cm-accbox-curtain .cssacc-ctn:checked + label:after { content: '\f068';}
/*開いた時*/
.cm-accbox-curtain .cssacc-ctn:checked + label {font-weight: bold; padding:0; margin:0; color:#657eca; background-color: #dce9ff;}



/*サイドナビ-catalogue*/
#cm-navi-catalogue ul{list-style: none; text-align: center;margin: 10px 0 0 0; padding:0 auto;} 
#cm-navi-catalogue li{padding: 3px;}
#cm-navi-ctl-en{display: block; color: #fff; background-color: #666; padding: 2px 0;}
#cm-navi-ctl-ja{display: block; padding-top: 8px;}
#cm-navi-catalogue h2{font-size: 16px; font-weight: 600; text-align: center; padding:10px 0 0 0; margin-top: 10px;}
#cm-navi-catalogue h3{ font-size:16px; text-align: center; border-top:5px solid #666; border-bottom:2px solid #666; margin:5px 0 5px 0; padding:10px 0 8px 0;}
#cm-navi-catalogue h3::before{ content: ''; display: inline-block; width: 25px; height: 25px; background-image: url(https://curpetmarche.itembox.design/item/cm-logo-mark.svg); background-size: contain;  vertical-align: middle; margin-top:-5px;}
#cm-navi-catalogue li{margin: 2px 0; border-bottom: 1px solid #666; font-size:16px; font-weight:600; text-decoration: none;}
#cm-navi-catalogue li ul{margin:0;}
#cm-navi-catalogue li li{border:none; font-size:14px; font-weight:normal; border-top:1px dashed #666; text-decoration: none;}
#cm-navi-catalogue a{color:#3c3c3c; text-decoration: none;}
#cm-navi-catalogue a:hover{color:#f95746;}


/*サイドナビ リニューアル*/
#cm-sidenavi2{overflow: hidden; text-align: center; margin-top: 20px;}
#cm-sidenavi2 img{width:224px;}
#cm-sidenavi3{overflow: hidden; text-align: center; margin-top: 20px;}
.cm-main-ctgry h2{font-size: 16px; margin: 40px 0 10px 0 ; padding-bottom: 5px; border-bottom: 3px solid #3c3c3c;}
.cm-main-ctgry {text-align: center; margin-bottom: 20px;}
.cm-main-ctgry a{color:#3c3c3c; text-decoration: none;}
.cm-main-ctgry a:hover{color:#f95746;}
.sidenavi-banner{margin:8px 0 ; padding:0;}


.sidenavi-box-dashed{display:flex; justify-content:center; align-items:center;
 border-bottom: 1px dashed #3c3c3c; padding:4px 0; margin: 0 calc(50% - 50vw); height:45px;}
 .sidenavi-box-dashed2{display:flex; justify-content:center; align-items:center;
 border-top: 1px dashed #3c3c3c; border-bottom: 1px dashed #3c3c3c; padding:4px 0; margin: 0 calc(50% - 50vw); height:50px;}
 .sidenavi-box-solid{display:flex; justify-content:center; align-items:center;
 border-bottom: 1px solid #3c3c3c; padding:4px 0; margin: 0 calc(50% - 50vw);  height:45px;}
.sidenavi-box-icon {flex-basis: 34px;} .sidenavi-box-icon img{width: 28px;}
.sidenavi-box-text {flex-basis: 190px; color:#3c3c3c; font-size:14px; text-decoration: none;}
.sidenavi-box-text a{color:#3c3c3c; font-size:12px; text-decoration: none;}



.cm-navi-common ul{list-style: none; margin: 10px 0 0 0; padding:0 auto;}
.cm-navi-common li{padding: 3px; text-align: center;}
.cm-navi-common h2{font-size: 14px; font-weight: 600; text-align: center; padding: 10px 0 0 0; margin-top: 10px;}
.cm-navi-sidenavi-en{display: block; color: #fff; background-color: #3c3c3c; padding: 10px 0;}
.cm-navi-sidenavi-ja{display: block; font-size:14px; padding-top: 8px;}

.cm-navi-common h3{clear: both; color: #3c3c3c; font-size: 14px; text-align: center;  border-top:3px solid #3c3c3c; margin:20px 0 0 0; padding:10px 0 4px 0;}
.cm-navi-common h3::before{ content: ''; display: inline-block; width: 25px; height: 25px; background-image: url(https://curpetmarche.itembox.design/item/cm-logo-mark.svg); background-size: contain;  vertical-align: middle; margin-top:-5px;}

.cm-navi-common h4{font-weight:bold; color:#3c3c3c; font-size: 14px; text-align: left; border-top:2px solid #3c3c3c; border-bottom: 2px solid #3c3c3c; margin: 0; padding:8px 0 8px 10px;}
.cm-navi-common h5{ font-size:14px; font-weight: normal; border-bottom: 1px solid #3c3c3c; margin: 0; padding:5px 10 6px 0;}

.cm-navi-common a{color:#3c3c3c; text-decoration: none;}
.cm-navi-common a:hover{color:#f95746;}

.cm-navi-acm2{ text-align: center;}
.cm-navi-acm2 h3{ text-align: center; border-bottom: 3px solid #3c3c3c; margin:10px 0 0 0; padding: 10px 0;}
.cm-navi-acm2 h4{ text-align: center;}
.cm-navi-acm2 p{ text-align: center; font-size: 14px;}
.cm-navi-acm2 a{color:#3c3c3c; text-decoration: none;}
.cm-navi-acm2 a:hover{color:#f95746;}

/*サイドナビ-送料無料*/
#cm-side-deiv{background: #6cc4bc; margin: 10px 0; text-align: center;}
.cm-side-deiv1{color: #FFF; font-size: 12px; padding:8px 0;}
.cm-side-deiv2{color: #2c9fb1; background: #FFF; font-size: 14px; font-weight: 600; padding:4px 0;}
.cm-side-deiv3{color: #FFF; background: #2c9fb1; font-size: 24px; font-weight: 600; padding:4px 0;}
.cm-side-deiv4{color: #333; background: #FFF; font-size: 11px; padding:4px 0;}


/*サイドナビ - アコーディオン*/
.cm-accbox-sidenavi h4{ text-decoration: none; margin: 20px calc(50% - 50vw) 0 calc(50% - 50vw); padding: 8px;}
.cm-accbox-sidenavi h5{text-decoration: none; margin: 0 calc(50% - 50vw); padding: 8px;}
.cm-accbox-sidenavi h4 a{text-decoration: none; margin: 0 ; padding: 0;}
.cm-accbox-sidenavi ul{ margin: 0; padding: 0; text-align: center; }
.cm-accbox-sidenavi li{text-align: center; border-bottom: 1px dashed #3c3c3c; margin: 0 calc(50% - 50vw); padding: 8px 0;}
.cm-accbox-sidenavi li a{color:#3c3c3c; font-size:14px; text-decoration: none; }
.cm-accbox-sidenavi li a:hover{color:#f95746;}
/*ボックス全体*/
.cm-accbox-sidenavi {width:224px; margin: 0 auto; }
.accshow-sidenavi {text-decoration: none; margin: 0 calc(50% - 50vw); padding-bottom: 5px;}
/*ラベル*/
.cm-accbox-sidenavi label { display: block; font-weight:bold; color:#3c3c3c; font-size: 15px; margin: 0; padding:2px 0 4px 0; cursor :pointer; transition: all 0.5s; position: relative;}
/*アイコンを表示*/
.cm-accbox-sidenavi label:after {position: absolute; content: '\f067'; font-family: 'Font Awesome 5 Free'; color:#3c3c3c; top:10px; right:10px}
/*ラベルホバー時*/
.cm-accbox-sidenavi label:hover {color:#f95746;}
/*チェックは隠す*/
.cm-accbox-sidenavi input { display: none;}
/*中身を非表示にしておく*/
.cm-accbox-sidenavi .accshow-sidenavi { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s;}
/*クリックで中身表示*/
.cm-accbox-sidenavi .cssacc-sidenavi:checked + label + .accshow-sidenavi { height: auto; padding:0 5px 0px 5px; opacity: 1; transition: 0.8s;}
/*アイコンを入れ替える*/
.cm-accbox-sidenavi .cssacc-sidenavi:checked + label:after { content: '\f068'; color:#fff;}
/*開いた時*/
.cm-accbox-sidenavi .cssacc-sidenavi:checked + label {font-weight: bold; padding:0; margin:0; color:#fff; background-color: #666;}



/*カラーで選ぶ*/
.list-color{ display: flex; flex-wrap: wrap; justify-content: flex-start; text-align: center; width:100%; margin: 0 5px;}
.list-color a{font-weight:bold; font-size: 11px; padding: 9px; color:#fff; text-align: center; margin:4px; text-decoration: none; flex-basis: auto; border-radius: 5px; }
.list-color a:hover{ color:#fff; background-color:#6CC4BC; }
.list-color-bk{background-color:#3C3C3C; }
.list-color .list-color-iv{background-color:#F4F3ED; color:#706E5F; }
.list-color .list-color-be{background-color:#D3C2A3; color:#674F31; }
.list-color-gy{background-color:#B6B3BA; }
.list-color-br{background-color:#5B4223; }
.list-color-re{background-color:#A32F2F; }
.list-color-bl{background-color:#2F50A5; }
.list-color-gn{background-color:#2FA33A; }
.list-color-ye{background-color:#CEB121; }
.list-color-ot{background-color:#FFFFFF; font-size: 11px; padding: 10px; color:#fff; text-align: center; margin:1px; text-decoration: none; }


/*サイドナビ-オーダーカット*/
.cm-sidenv-ordercut {text-align: center;}
.cm-sidenv-ordercut a{display:block; width:96%; margin: 0 auto; background-color: #888; color:#fff; font-size: 15px; text-decoration: none; padding:8px 0; }
.cm-sidenv-ordercut a:hover{display:block; color:#fff; background-color: #F95746; }

/*サイドナビ-carpet-function*/
.list-function {display: flex; flex-wrap: wrap;}
.list-function a{flex-basis: auto; border:1px solid #999; color:#3c3c3c; padding: 2px 5px; margin: 3px 2px; text-decoration: none; flex-grow: 2; text-align: center;}
.list-function a:hover{ border:1px solid #F95746; color:#fff; background-color:#F95746; padding: 2px 5px; margin: 3px 2px; text-decoration: none; transition: 0.6s;}




/*--------------------------------------------------------フッター*/
/*フッター前　説明*/
.cm-footer-exp {background-color:#FFF; padding-bottom: 10px; text-align: center;}
.cm-footer-exp h2{text-align: center; font-size: 14px; letter-spacing: 0.3em; color: #66645C; background-color: #DDDBD3; padding:6px 0;}
.cm-footer-exp h3{font-size:15px; border-top:2px solid #C1BFB8; border-bottom:2px solid #C1BFB8; background-color: #F4F3ED;
margin:0 0 10px 0; padding: 5px 0;}
.cm-footer-exp h4{font-size:14px; border-top:1px dashed #66645C; border-bottom:1px dashed #66645C; background-color: #FFF;

margin: 10px 0; padding: 5px 0;}
.cm-footer-exp p{font-size:14px; text-align: center; margin: 0; padding: 0 20px;}
.cm-footer-exp a{text-decoration:underline;}

.cm-footer-exp-wrap{display: flex; justify-content: center;}
.cm-footer-exp-box{flex-basis: auto; margin:0 10px 10px 10px ;}
.cm-footer-exp_ol-box{flex-basis: 40%; margin:0 10px 10px 10px ;}
.cm-footer-exp-box img{height:50px;}

.cm-footer-exp .cm-item-delivery{display: flex; justify-content: center;}
.cm-footer-exp .cm-item-delivery img{}
.cm-footer-exp .cm-item-delivery p{ align-self: flex-end;font-size:14px; color:#F95746;  margin:2px 0;}


/*フッターバナー*/
#cm-footer-banner{background-color: #FFF; border-top:1px solid #ccc; padding: 20px 0; text-align: center; display: flex; justify-content: center;}
#cm-footer-banner a{text-align: center; flex-basis: 200px; padding:5px;}
#cm-footer-banner img{width: 200px;}
/*フッター コンテンツ*/
#cm-footer{background-color: #F4F3ED; padding:0;}
#cm-footer h3{ text-align: center; font-size: 14px; letter-spacing: 0.3em; color: #66645C; background-color: #DDDBD3; padding:6px 0;}
.cm-fbox-footer{display: flex; margin:20px auto; max-width: 750px; padding:0 20px;} 
.cm-fbox-fa,.cm-fbox-fb,.cm-fbox-fc{flex: 1;padding: 10px 10px;}
.fs-l-footer{background-color: #F4F3ED; padding: 0; margin: 0; border: none;}
.fs-p-footerCopyright{color: #66645C; background-color: #DDDBD3;}
.fs-l-footer__contents { margin: auto; max-width: 100%;}
.fs-p-footerCopyright__text{padding: 4px;}
.cm-footer-logo img{display: block; width:250px; margin: 40px auto;}
.cm-footer-sns{text-align:center;margin: 20px auto;}.cm-footer-sns img{width:40px;}


.cm-footer-contact{display: flex; margin:20px auto; max-width: 950px; padding:0 20px;}
.cm-footer-contact-mail{flex: 1;padding: 10px 10px; text-align: left;}
.cm-footer-contact-tel{flex: 1;padding: 10px 10px; text-align: left;}
#cm-footer hr{	background-color: #F4F3ED; border-top: 2px dotted #ccc;}

.cm-footer-contact address{ color:#3c3c3c; }
.cm-footer-contact a{text-decoration: none; color:#3c3c3c; font-size: 18px; font-weight: bold; font-style: normal;}

.cm-footer-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-footer-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-footer-contact p{font-size: 14px; font-style: normal;}





/*original CSS*/
.fs-c-variationAndActions__variationLabel .fs-c-variationLabel .fs-c-variationLabel__label{font-size: 24px; font-weight: bold; text-align: center; margin: 20px 0 10px 0; padding: 0;}
.fs-c-productNumber {border:1px solid #999; display: inline-block; font-size: 1.2rem; margin:10px 0; padding:2px 8px;}
.fs-c-returnedSpecialContract,.fs-c-inquiryAboutProduct,.fs-c-productReview__addReview{padding: 0 10px;}
.fs-c-button--primary:hover { background-color: #F95746; border: 1px solid #F95746;  border-radius: 3px;}
/*text*/
.cm-mark-tokushu{font-size: 8px;}
.cm-txt-nml{color:#3c3c3c; font-weight: normal; font-size: 15px; }

.cm-color01{color:#C7E2E1;}.cm-color02{color:#A4D8D4;}.cm-color03{color:#6CC4BC;}.cm-color04{color:#3CAA9D;}

/*ページタイトルH1*/
.fs-l-pageMain h1{font-weight: 600; font-style: normal; margin: 0; padding:20px;}

body {color: #3c3c3c;}

/* 円マークを消す */
span.fs-c-price__currencyMark {display: none;}
/* 円をつける */
span.fs-c-price__value:after {font-size:80%; content: "円";}



/*ページトップへ*/
.cm-pagetop {width: 50px;height: 50px; position: fixed;  right: 15px;  bottom: 9%;  z-index: 100; opacity: 0.9;}


/*カートボタン*/
.fs-p-scrollingCartButton__button {background: none;width:80px; position: fixed; right: 0; bottom: 0.5%;}
.fs-p-cartItemNumber { background: #F95746; border-radius: 50%; font-size: 1.2rem; top: 10px; right: 5px; padding: 0.25em 0.5em; }
.fs-p-cartItemNumber2 {background: #F95746; border-radius: 50%; color: #ffffff;
display: none; font-size: 1.2rem; line-height: 1; padding: 0.25em 0.5em; position: absolute; top: 110px; right: 40px;}
.fs-p-cartItemNumber2.fs-client-cart-count--0, .fs-p-cartItemNumber.fs-client-subscriptionCart-count--0 { display: none;}












/*PC用スタイルシート　カーペットマルシェ*/