@charset "euc-jp";
/* ///////////////////////////////


夏寝具特集

PC用

///////////////////////////////
*/
body,html{
min-width:1150;
}
#pageContents.sumfabCnt{width: 950px !important;float: none !important;padding-bottom: 0; background:#fff}
#pageContents.sumfabCnt a{color:#333}
#pageContents.sumfabCnt p {margin: 0 0 50px 0;line-height:2.2em;text-align: center;font-feature-setting:"palt"}
#pageContents .ttlCnt{margin:0;/* text-align:center */}
.ttlCnt p{ padding: 30px 4% 20px!important; text-align:center; font-weight:500; font-size:16px}
.ctgttl p {text-align:center}

.ttlCnt{position:relative}
.ttlCnt .ttl{
 font-size: 23px;
 font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 line-height: 42px;
 font-weight: 500;
 text-align: center;
 margin: 15px auto 0;
 color:#333
 }
.ttlCnt .ttl span.txt1 {font-size: 50px;padding: 10px 4px 5px;border-bottom: 1px solid #666;}
.ttlCnt .ttl span.txt2 {font-size: 20px;margin: 11px 4px 0;padding: 0 4px;letter-spacing: 6px;display: block;}
.ttlCnt .ttl small{display: block;font-size: 27px!important;margin: 0 5px 10px;padding: 4px 0;line-height: 1.5em;}

#pageContents .ttlCnt img{/* width: 100%; *//* height: 450px; */object-fit: cover;}
#menuCnt{text-align:center;margin: 0px auto;}
#menuCnt ul{overflow:hidden;width: 870px;margin: 0 auto;text-align: center;}
#menuCnt ul li{margin: 0px 5px 20px;text-align: center;display: inline-block;width: 420px;}
#menuCnt ul li img{width:100%;/* filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2)); */}




.smf-news {text-align: center;margin: 0 auto 50px;}
.smf-news img{height: 70px!important; text-align: center!important; ;}
.smf-news p{padding: 15px 0 5px 0; border-bottom: 1px solid #96a6ad; text-align: center!important; width: 80%; margin: 0 auto !important;}

.qmaxabout dl{margin: 30px auto;background:#fff;/* padding:30px 20px; */border:1px solid #67adde;width: 98%;}
.qmaxabout dt{background:#67adde;padding: 10px 20px;display: inline-block;}
.qmaxabout dd{overflow:hidden;padding: 0 20px 0;display: inline-block;font-size: 14px;line-height: 1.6em;}



.ctgCnt{overflow:hidden;margin-top: 120px;text-align: center; padding-bottom: 50px;}
.ctgCnt .ttlbox{display:block;}

.ctgCnt h2{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 44px!important;line-height: 1.5em!important;margin: 15px 0!important;line-height: 64px!important;}
.ctgCnt p.catch{font-size: 46px!important;/* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */line-height: 1.5em!important;margin: 5px 0 5px 0!important;letter-spacing: 3px;text-align: center;}
.ctgCnt p.com{margin: 1% 5% 3%!important;text-align:left;}



.itembox-l{background-color:white; padding-top: 50px;}
.itembox{background-color: fff;  overflow:hidden;display: inline-block;  /*border-bottom: 1px solid #dee1e2;*/ background-color: white;}
.itembox h3{text-align:left}
.itembox a.imgbox{padding:0;float:left;position:relative;/* line-height:0; */}
.itembox .imgbox{padding:0; float:left; position:relative; line-height:0}
.itembox .infobox{ overflow:hidden;  color:#000}
.itembox .infobox .Catch{/* float:left; *//*font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight:500;*/font-size: 13px;line-height: 23px;padding: 0px 0 20px 0px;/* width: 70%; */display: block;}
.itembox .infobox .Color{float:right;margin-top: 10px;}
.itembox .sceneimg{width: 100%; object-fit: cover; margin-bottom: 10px;}/*トリミング　高さ固定img*/
.itembox a.imgbox mark.newicon{position:absolute;right: 10px;top: -30px;background:none!important;z-index: 9999;}
.itembox a.imgbox mark.newicon img{border-radius:50%;}

#ctg02 mark.flag{position:absolute;right: 10px;top: 10px;background:none!important;z-index: 9999;}
#ctg02 mark.flag img{border-radius:50%;}
.ctgCnt .ctgic{width: 540px;/* margin: 10px 0 20px 0; */display: block;text-align: center;margin: 0 auto 20px;}


.ctgCnt .ctgic{width: 80%!important;margin: 0 auto 5px;display: block;}
.ctgCnt .ctgic{width: auto!important;height: 110px;display: block;}
.varia{margin: 10px auto; display: block; }
.varia img{height: 14px;}

mark.shipping{background:#949ea7;padding:3px 5px;font-size: 11px;color:#fff;letter-spacing: 2px;}


.itembox a p.icon{position:absolute;bottom: 0px;left: 0;z-index:9999999;}
.itembox a p.icon img{/*! border-radius:5px; *//* margin: 0px!important; */width: 110px;opacity: 0.9;}


.itembox ul{width: 100%;overflow:hidden;padding: 20px 0 10px;}
.itembox ul li{width: 31%;overflow:hidden;font-size: 11px;background: #f0f0f0;border-radius: 3px;margin: 0 5px 10px 0;display: inline-block;}

.itembox ul li a{display:block;padding: 10px 0px 10px;display: block;height: 2em;line-height: 2.8em;}

.itembox ul li .size{float:left;/* width: 74px; */padding-left: 10px;margin-bottom:5px;font-size: 12px;font-weight:bold;color:#334762;}
.itembox ul li .price{float:right;width: 55%;margin-top:3px;text-align:right;font-size: 15px;color:#334762;}
.itembox ul li .price small{font-size:10px}

.itembox-right{width: 100%; padding-left: 10px;}

.infobox ul li .size {
  position: relative; display: inline-block; color: #334762;  text-decoration: none;}
.infobox ul li .size:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #334762;
  position: absolute;
  top: 50%;
  left: 13px;
  margin-top: -6px;
  }

.dryint{text-align:center;margin-top: 50px;}
.dryint a{width: 43%;margin: 2% 1% 0%;display:inline-block}
.dryint a img{ width:100%}

.itembox .priceSize{text-align: center;display: block;font-size: 18px;padding: 0px 10px 20px;clear: both; color:#ae4e4e;}

#ctg01{ background:#e8e5d8;}
#ctg02{ background:#d8e3e8;}
#ctg03{ background:#deebdd;}
#ctg04{ background:#e3e8e8;}

#ctg02 .itembox ul li{width:100%}





#ctg03 .itembox ul li {background:#f0f0f0}
#ctg02 .itembox ul li span.size,
#ctg02 .itembox ul li span.price{color: #605373;}
#ctg03 .itembox ul li span.size,
#ctg03 .itembox ul li span.price{color:#55626d}




.itembox ul.btnclm1{}
.itembox ul.btnclm1 li{width: 100%!important; border-radius: 5px;}
.itembox ul.btnclm2{}
.itembox ul.btnclm2 li,


/*横1*/
.itembox.clm1{margin:0 20px;}
.itembox.clm1 .infobox{float:left; width:408px;padding:40px 20px 0}
.itembox.clm1 .sceneimg{width: 454px; height: 300px;}
.itembox.clm1 h3{background:#dbdbdb; display:block}


/*横2*/
.itembox.clm2{width: 430px;margin: 10px; vertical-align: top;line-height: 0; padding: 10px;}
.itembox.clm2 .infobox{padding:10px 20px 0;text-align: left;}
.itembox.clm2 ul{padding-top:0px;text-align: center; border-radius: 5px;}
.itembox.clm2 h3{display:block; font-weight: bold;font-size: 18px;text-align: center;letter-spacing: 3px;}

/*動画*/
.smfvideo {  width: 800px;}


/*スライダー*/


.slider {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
     height: 400px;
margin-bottom: 100px;} 
/*.slick-list{
    overflow: visible;
}*/
.slide {
    width: 300px!important; /* スライドの幅 */
	height:  auto;
    margin: 0 10px;
    text-align: center;
    font-size: 24px;
    /*animation: slide 12s linear infinite;*/
}
.slide img{width: 300px!important;}
.slide-p{font-size: 20px; font-weight: bold; padding: 10px 0 : color:#333333;}
.slide-ps{font-size: 15px; line-height: 1.7; padding: 10px 0 : color:#333333;}

@keyframes slide {
    0% {
        transform: translateX(100%);
    }
    40% {
        transform: translateX(0);
    }
    60% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}




/*ブロックごとに現れる 用*/
.animate_item{position: absolute; top: 0; left: 0;z-index:996;opacity:0;}
.animate_item.fadeIn{-webkit-animation-duration: 2.4s; animation-duration: 2.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
-webkit-animation-name: fadeIn; animation-name: fadeIn; z-index:997;}
.animate_item.fadeOut{ -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
-webkit-animation-name: fadeOut; animation-name: fadeOut; z-index:996;}

@-webkit-keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@-webkit-keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}
@keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}
.movebox{transition: 0.8s; opacity: 0; transform: translate(0,60px); -webkit-transform: translate(0,60px); }
.moveboxon{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0);}

@keyframes fadein {
from {opacity:0;}
to {}
}