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

エコバック特集
PC用

///////////////////////////////
*/
#page {
	width: 100%!important;
}
#pageContents.ecobagCnt{
	width: 100% !important;
	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;}
.ecobagCnt h1{}

.ttlspBox p{
    font-size: 16px}
}
.pcMain {
	position: relative;
}
#ttlBox {
	position: absolute;
	top: 680px;
	left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
	width: 620px;
	padding: 50px;
	background: #fff;
    border: #97a7b7 5px solid;
}
#ttlBox h1 {
	line-height: 1.8em;
	padding-bottom: 20px;
}
#ttlBox img {
	width: 20%!important;
}
#ttlspBox h1 {
	font-size: 48px;
	line-height: 1.8em;
	letter-spacing: 1px;
	text-align: center;
	margin-top: 25px;
}
#ttlspBox h1 span {
	font-size: 25px;
	line-height: 1.8em;
	/* color:#003366; */
	display: block;
}




#ecoBag {
	width: 950px;
	margin: 0 auto;
}

.ctgCnt h2 img{width:100%}

/*menuCnt*/
.menuCnt{margin-bottom: 60px;}
.menuCnt ul{overflow:hidden; margin: 2% 1%;}
.menuCnt ul li{
	display: initial;
    width : -webkit-calc(100% / 2) ;
    width : calc(100% / 2) ;
	margin-left: 10px;
	color:#fff;
	background: #97a7b7;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 3em;
	padding: 20px;
}
.menuCnt ul li a {
	color:#fff;
}
.menuCnt ul li:first-child {
	margin-left: 0;
	background: #003366;
}

table.ecobagSpec  {
	width: 428px!important;
}
table.ecobagSpec th {
	background: #CCC;
	border-right: 1px #fff solid;
	font-size: 13px;
	text-align: center;
	line-height: 1.4em;
	padding:1%
}
table.ecobagSpec th.ebspec1 {
	width:15%;
}
table.ecobagSpec th.ebspec2 {
	width:15%;
}
table.ecobagSpec th.ebspec3 {
	width:15%;
}
table.ecobagSpec th.ebspec4 {
	width: 45%;
}
.ecobagSpec table td {
	border: 1px #666 solid;
	font-size: 6px;
	text-align: center;
	line-height: 1.4em;
}
table.ecobagSpec td{border:1px solid #ccc;font-size: 15px;text-align: center;padding: 5px 0;}
table.ecobagSpec th:last-child{border-right:1px solid #ccc}


/*01-02*/
#ctg01.ctgCnt{ padding:0 1% 80px;  margin-bottom:0; background:#9da3b5; overflow: hidden;}
#ctg02.ctgCnt{ padding: 0 3% 80px;  margin-bottom:0; background:#97a7b7;overflow: hidden;}

.ctgCnt h2{padding: 40px 0 0px;margin-bottom: 0;text-align: center;font-size: 33px;color:#fff;line-height: 1.4em;width: 230px!important;margin: 0 auto;}

ul.itemCnt{ padding: 18px 0 5px 5px; font-size: 1.0em!important}
ul.itemCnt li{
	position:relative;
	width: 48.2%!important;
	box-sizing:border-box;
	margin-right: 1%!important;
	margin-bottom: 1.5%;
	padding: 9px 0px 15px 8px;
	vertical-align:top;
	background:#fff;
}
ul.itemCnt li img.itemimg{
	width: 50%!important;
	float:left;
	margin-bottom: 20px;
	}
ul.itemCnt li p.itemCatch {font-size: 17px;color: #333;font-weight: bold;padding-bottom: 20px;width: 46%;float: left;text-align: left!important;padding: 10px 0 0 3%!important; letter-spacing: -0.2px}
ul.itemCnt .itemInfo p.Price{text-align: left;color: #333 !important;font-size: 14px;padding: 0!important;}
ul.itemCnt .Name{display: block;margin-top: 10px;padding: 0px 0 15px;font-size: 12px;line-height: 1.5em;text-align: left;/* border-top: 1px #666 solid; */} 
ul.itemCnt li.comingsoon em {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 90%;
    z-index: 900;
    opacity: 0.5;
    top: 0;
    left: 0;
}

.ecobagSpec {
	font-size: 0.9em;
}
.ecobagSpec p {
	text-align: left;
}
.ecobagSpec table {
}
.ecobagSpec table th {
	background: #CCC;
}
.ecobagSpec table td {
	border: 1px #666 solid;
}

mark.newicon{color: #e6aa0a;font-size: 15px;border-bottom:1px #e6aa0a solid;letter-spacing: 2px;background: none;position: absolute;top: 30px;left: 53%;font-weight: bold;font-style: inherit;}
ul.iconBox{width: 44%!important;float:right;text-align: right;margin-right: 10px;}
ul.iconBox li{display: inline-block;width: 34px!important;text-align: right;margin: 0;padding: 0;}
ul.iconBox li img{border-radius:5px;width: 100% !important;}

.slick-slide img
{
    display: block;
    width: 100%;
/*    height: 430px;*/
	height: auto;
    object-fit: cover;
}



@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}
.itemInfo{
	padding: 0 0px 0px;
	width: 47%!important;
	margin-left: 3%;
	float: left;
	text-align: left;
}

@media screen and (orientation: landscape) {
}

@media (min-width: 480px) and (max-width:767px) {

}

@media (min-width: 768px){
}