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

冬家電

PC用

///////////////////////////////
*/
#pageContents.wkadenCnt{width: 950px !important;float: none !important;background:#dbdbdb;}
#pageContents.wkadenCnt p {
	margin: 0;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 15px;
	font-weight:500;
	line-height:1.8em;
	color:#fff;
}
#pageContents.wkadenCnt a:hover{text-decoration:none;}

/*メイン*/
.ttlCnt h1{font-weight:500;color: #333;background-color: rgba(255,255,255,1);ms-writing-mode: tb-rl;writing-mode: vertical-rl;align-items: flex-end;margin: 25px;padding: 40px 20px 20px 40px;text-align:right;position: absolute;top: 0;right: 0;font-size: 46px;letter-spacing: 3px;}
.ttlCnt span{font-weight: normal;display:block;color: #333;font-size: 25px;padding: 0px 0 100px 10px;vertical-align: text-top;text-align: justify;line-height: 36px;}
.ttlCnt span b{color:#9d4911; font-size: 25px!important}
.ttlCnt span b:last-child{color:#989621;}
#pageContents .ttlCnt p{padding: 20px;text-align: center;color: #333;margin: 0 100px;font-size: 16px;}
.ttlCnt{overflow:hidden;_zoom:1; position: relative;}
.ttlCnt br{ display:block!important}
.slider img{width: 100%;height: 430px;object-fit: cover;}

/*ランキング*/
#pickup_wrap {width: 100%;padding: 20px 0;margin-bottom: 20px;}
#pageContents .ttlCnt #pickup_wrap p {text-align:center!important;font-weight:bold;font-size: 22px;color: #6a4c2f;letter-spacing: 6px;padding: 5px 0;}
#pickup_wrap ul.itemCnt{overflow:hidden;padding: 0% 40px 1%;}
#pickup_wrap ul.itemCnt li{width: 208px!important;float:left;padding:0 0.5%;font-size:10px;position: relative; margin:0!important;}

/*メニュー*/
.menu_wrap{overflow:hidden;_zoom:1;margin: 0px 170px 60px;padding-top:10px;padding-bottom: 60px;}
.menu_wrap ul{width: 100%;}
.menu_wrap ul li{float:left;width: 44%;margin: 1% 3%;}
.menu_wrap ul li:nth-child(3),
.menu_wrap ul li:nth-child(4){float:left;width: 94%;}
.menu_wrap ul li img{width:100%;}

/*ラインナップ共通*/
.ctgCnt{text-align:center;margin-top: -100px;padding-top: 40px;padding-bottom: 100px;}
.ctgCnt h2{padding: 50px 0 20px;border:none;font-weight: 500;font-size: 48px;color: #fff;display: block;letter-spacing: 8px;text-align: center; line-height: 0.8em;}
.ctgCnt h2 span {font-size: 24px;}
.ctgCnt h2 img{height: 14px!important;width:auto!important;display: block;margin: 0 auto;margin-top: 28px;}
.ctgCnt .ctgimg{padding-top:  20px;}
.ctgCnt .ctgimg img{width: 100%;height: 430px;object-fit: cover;}
.ctgCnt h3{color: #fff;font-size: 25px;letter-spacing: 2px;line-height: 1.5em;margin: 20px auto 17px;text-align: center;}
.ctgCnt h3 img{margin: 0 5%;width: 60%!important;}
.ctgCnt h3 small{display: block;letter-spacing: 3px;margin: 0 0 15px;padding: 0;}
.ctgCnt p {text-align: center;}


.itemCnt.item3col{padding-bottom:30px;margin: 0% 2% 0%;}
.itemCnt.item3col li{background: #fff;margin: 1%!important;padding: 0 0 10px!important;width: 23%!important;border-radius: 10px;position:relative;}
.itemCnt.item3col li:nth-child(even){margin-right:0}
.itemCnt.item3col li img.itemImg{border-radius: 10px 10px 0 0; margin-bottom: 0;}
.itemCnt.item3col .itemCatch{font-size: 12px;padding: 5px 0px;line-height: 1.6em;/* letter-spacing: 1px; */color: #36709c!important;font-weight: bold!important;text-align: center;}

.itemCnt .itemInfo p.Price{text-align: center!important;color: #999!important;font-size: 12px;}
.itemCnt .itemInfo p.Price small{font-size: 8px;/* display: block;*/ } 
.itemCnt .Name{font-size: 11px;display: block;line-height: 1.7em!important; min-height: inherit!important;text-align: center;} 

mark.newicon{position:absolute;top: 5px;left:0;width: 100px;background: none; z-index:100}
mark.point{position:absolute;top: 160px;left:0;background: none;width: 50px; z-index:100}
mark.newicon img,
mark.point img{width:100%!important}
span.free{position:absolute;bottom: 15px;right: 5px;z-index:100;font-size: 11px;color: #fff;display: inline-block;line-height: 16px;background: #5f5754;padding: 0 3px;}

/*ラインナップ-加湿器*/
#ctg_hum{background: #646348;}
#ctg_hum.ctgCnt .ctgimg p{background-color:rgba(132,125,121,0.8);color:#fff;}
#ctg_hum.ctgCnt h3 small{color:#fff}
#ctg_hum.ctgCnt .itemCnt.item3col .itemCatch{color: #2d2f3c!important;font-weight: bold;}

/*ラインナップ-暖房*/
#ctg_hea{background: #6a4542;}
#ctg_hea.ctgCnt .ctgimg p{background-color:rgba(132,125,121,0.8);color:#fff;top: 0;left: 0;right: auto;}
#ctg_hea.ctgCnt h3 small{color:#fff}
#ctg_hea.ctgCnt .itemCnt.item3col .itemCatch{color: #93450a!important;font-weight: bold;}

/*ラインナップ-サーキュレーター*/
#ctg_cir{background: #545151;}
#ctg_cir.ctgCnt .ctgimg p{background-color:rgba(132,125,121,0.8);color:#fff;}
#ctg_cir.ctgCnt .itemCnt.item3col .itemCatch{color: #333333!important;font-weight: bold;}
#ctg_cir.ctgCnt .itemCnt.item3col li{ background: #fff;margin: 1%!important; padding: 5px 5px 10px!important; width: 23%!important; position:relative;border-radius: 0; }
#ctg_cir.ctgCnt .itemCnt.item3col li:nth-child(even){margin-right:0}
#ctg_cir.ctgCnt .itemCnt.item3col li img.itemImg{border-radius: 0; margin-bottom: 0;}
 

/* スライダー */
.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: 10px;line-height: 20px;osition: absolute;top: 0;left: 0;width: 20px;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: 20px;}


/*ブロックごとに現れる 用*/
.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 {}
}


@media screen and (orientation: landscape) {
}

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

}

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