@charset "UTF-8";
/* ///////////////////////////////

エコバック特集
PC用

///////////////////////////////
*/
#page {
	width: 100%!important;
}
#pageContents.ecobagCnt{
	width: 950px;
	float: none;
	text-align:center;
	margin: 0 auto!important;
	font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Verdana,Helvetica,Arial;
	font-weight:500;
}

#pageContents .ttlCnt p{
text-align:center}

#pageContents.ecobagCnt a:hover{color:inherit;}
#pageContents #ttlBox{text-align: center;width:950px;margin: 0 auto;}
#pageContents #ttlBox img.ttl_img{}
#pageContents #ttlCnt h1{font-size: 53px;margin: 43px 0 40px;letter-spacing: 3px;}
#pageContents #ttlCnt p.ttl_txt{padding: 0% 5% 5%;text-align: center;}
#pageContents #ttlBox h1 small{font-size: 30px;display: block;margin-bottom: 35px;/* line-height: 0; */}

.slider img {
  width: 100%;
  height: 600px;
  object-fit: cover;
}

#pageContents.ecobagCnt #ttlBox h1{font-size: 28px;margin: 20px 0 20px;text-align: center;}
#pageContents.ecobagCnt #ttlBox h1 small{display: block;letter-spacing: 4px;margin-bottom: 19px;}
#pageContents #ttlBox p.ttl_txt{padding: 1% 5% 5%; text-align: left;}

#pageContents.ecobagCnt a{
color:#333;
text-decoration: none;}
}
.ttlCnt P{padding:0 5% 5%}
.ttlCnt P strong{color:#36709c}

.ctgttl{    text-align: center;
    margin: 20px 0;}
/*メニュー*/
#menuCnt{}
#menuCnt h2{}
#menuCnt h2 img{height: 30px;width: auto;}
#menuCnt { margin-bottom: 30px;}
#menuCnt ul{text-align: center;padding: 0 0%;}
#menuCnt ul li{display: inline-block;width: 30%;margin-bottom: 2%;margin: 1% 2% 2%;}
#menuCnt ul li img{width: 100%;}

/*ctg*/
.ctgCnt .ctgttl mark{background: none;text-align: center;margin:0 auto;display: inherit;width: 11%;}
.ctgCnt .ctgttl h2{font-size: 44px;margin: 10px 0 10px;text-align: center;background: none;color: #333;}
.ctgCnt .ctgttl h2 small{display: block;letter-spacing: 4px;margin-bottom: 34px;display: block;}

ul.itemCnt{background: none;padding-bottom: 50px;margin: 0;/* box-sizing: border-box; *//* width: 950px; */}
ul.itemCnt li{background: #d1e0e5;/* box-shadow: 3px 3px 3px #eee; */margin-bottom: 20px;}
#ctg02 ul.itemCnt li{background: #d0dae7;/* box-shadow: 3px 3px 3px #eee; */margin-bottom: 20px;}

img.itemImg{border:5px solid #fafaed; box-sizing:border-box;}

ul.itemCnt li.widecol img.itemimg{border: 20px solid #d1e0e5;box-sizing:border-box;margin-bottom: 0;border-bottom: 10px;}
#ctg02 ul.itemCnt li.widecol img.itemimg{border: 20px solid #d0dae7;box-sizing:border-box;margin-bottom: 0;border-bottom: 10px;}

.itemInfo p.itemCatch{margin-top: 0;font-size: 15px!important;font-weight: bold;padding: 0 0 0px!important;text-align: center!important;margin-bottom: 5px;}
.itemInfo h3.itemName{color: #333;/* font-size: 16px; *//* height: 52px; */text-align: center;margin: 0 0 0px;flex-grow: 1;padding: 10px 5px 0;line-height: 1.8em;font-weight: 500;background: none;}
.itemInfo mark{float:left; margin:0 5px 0 0; background:#f60; padding:3px; color:#FFF; font-size:0.8rem;font-style: normal;}
.itemInfo mark.newicon{background:#F64426; padding:2px 7px; line-height:1.0em; font-weight:bold; color:#fff}

.itemInfo p.Price{text-align: center;color: #333;font-size: 15px;margin: 0 auto 0px;}
.itemInfo p.Price small{font-size:0.6rem;}


/*--比較表*/
#ctg01 .table-area {width: 950px;padding: 6px;overflow-x: scroll;border: 20px solid  #d1e0e5;margin-bottom: 14px;/* max-width: -webkit-fill-available; */margin: 30px auto;box-sizing: border-box;}
#ctg02 .table-area {width: 950px;padding: 6px;overflow-x: scroll;border: 20px solid  #d0dae7;margin-bottom: 14px;/* max-width: -webkit-fill-available; */margin: 30px auto;box-sizing: border-box;}

table.sp-table {width: 100%;margin: 0em auto 0em;table-layout: fixed;text-align:center;padding: 0;}
table.sp-table td, 
table.sp-table th { text-align:center;  border-collapse: collapse;  width: 120px;  overflow-wrap: anywhere;  font-size: 14px;  }
table.sp-table tr {/* border-bottom: 3px solid #ccc; */}
table.sp-table th.subttl,table.sp-table td.subttl {width: 60px;text-align:right!important;font-size: 11px;padding: 10px 5px 10px 0;font-weight: bold;line-height: 1.5em;}

table.sp-table td, 
table.sp-table th {font-size: 12px;box-sizing: border-box;padding: 10px 5px;color: #333;/* background-color: #DEE1E6; */vertical-align: top;margin: 0;border: none;vertical-align: middle;}
table.sp-table th {vertical-align: top;}


#itemD1 td{}
#ctg01 table.sp-table td span.itemdtl_txt1{background: #519fa9;color: #FFF;padding: 5px 8px;border-radius: 5px;}
#ctg02 table.sp-table td span.itemdtl_txt1{background: #728fb3;color: #FFF;padding: 5px 8px;border-radius: 5px;}


#pageContents.ecobagCnt table.sp-table p.itemCatch{padding: 0;font-size: 14px;text-align: center;color: #3b6675;/* margin-bottom: 10px; */line-height: 1.7em;font-weight: bold;margin: 20px 0;}
#pageContents.ecobagCnt table.sp-table p.itemName{padding: 0;font-size: 12px;text-align: center;line-height: 1.4em;}
#pageContents.ecobagCnt #ctg02　table.sp-table p.itemCatch{padding: 0;font-size: 12px;text-align: center;color: #d0dae7;/* margin-bottom: 10px; */line-height: 1.5em;font-weight: 500;}

a.bnrimg{margin: 0 2% 0;display: inline-block;width: 43%;}


/*--↓ ボタン--*/
table.sp-table td.more-btn a {color: #fff;display: block;width: 100%;padding: 1em 0;text-align: center;background-color: #FD4E4F;border-radius: 30px;}
table.sp-table tr:nth-child(2n){background: #eee}

mark.newicon{color: #e6aa0a;font-size: 11px;border-bottom:1px #e6aa0a solid;letter-spacing: 2px;background: none;position: absolute;top: 40px;left: 55%;font-weight: bold;}
ul.iconBox{width: 44%!important;float:right;text-align: right;margin: 2% 2% 2% 0;}
ul.iconBox li{display: inline-block;width: 36px!important;text-align: right;margin: 0;}
ul.iconBox li img{border-radius:5px}

/* スライダー */

.slidebox{position: relative;/* top: -30px; */}
.slick-dots li button:before {font-size: 15px;}
.slick-dots li button:before {color: #fff;opacity: 1;}
.slick-wrapper img {  max-width: 607px;  width: 100%;  height: auto;}

.slick-dots{bottom: 5px;}
@media screen and (min-width: 630px) {
.slick-wrapper img {    margin: 0 10px;  }}

.slick-dots li button:before{font-family: 'slick'; font-size: 13px; line-height: 20px;osition: absolute; top: 0; left: 0; width: 20px!important; height: 20px;
content: '●'; text-align: center; opacity: .25; color: #fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dotted.slick-slider {margin-bottom: -10px;}