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


冬寝具特集2026

PC用

/////////////////////////////// */

/*全体*/
body,html{min-width:1150;}
#pageContents{background:#f5f2f0;}
#pageContents .ttlCnt p{padding: 20px 4% 100px!important;text-align:center;font-weight:500;font-size: 16px;}

#pageContents.blanketCnt{width: 950px !important;float: none !important;padding-bottom: 0;/*overflow: hidden;*/background:#f5f2f0;}
#pageContents.blanketCnt a{/* color:#333; */}
#pageContents.blanketCnt p {margin: 0px 0;line-height:2.0em;font-feature-setting:"palt"; color: #333;}

/*メイン画像*/
.slick-slide img {display: block;}
#ttlCnt {position: relative;}
.frame-overlay {position: absolute;top: 0px;left: 0px;width: 100%; height: 100%;pointer-events: none;}

/* タイトル */
#pageContents #ttlCnt h1{color:#684b3e;font-size: 44px;font-feature-settings: "palt";letter-spacing: 7px;}

/* メインテキスト */
#pageContents #ttlCnt p.ttl_txt{padding: 20px 60px 60px;  text-align: center;}

/* news*/
#newsCnt {padding: 20px 20px 40px; margin-bottom: 30px; background-color: #fff;}
#newsCnt h2 {font-size: 30px; font-weight: bold; color: #684b3e; text-align: center; padding: 16px 0;}
#newsCnt p {border-top:  #7d7d7d 1px dashed; text-align: center;padding: 10px 0;}
#newsCnt p:last-child {border-bottom:  #7d7d7d 1px dashed; }
#newsCnt p a {color: #333;}

/* メニュー */

#menuCnt {
  text-align: center;
  margin: 30px auto !important;
  padding-bottom: 60px;
}

#menuCnt h2 {
  font-size: 30px !important;
  font-weight: bold;
  color: #684b3e;
  text-align: center;
  padding: 18px 0 30px !important;
  background-color: #f5f2f0;
}

#menuCnt ul.menu-list {
  width: 80% !important;
  margin: 10px auto !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 30px;
  justify-content: center;
}

#menuCnt ul.menu-list li {
  box-sizing: border-box;
  margin: 0 !important;
  border: 2px solid #f5f2f0;
  border-radius: 4px;
  box-shadow: 2px 2px 4px #ccc;
}

/* 1段目：2つ */
#menuCnt ul.menu-list li:nth-child(1),
#menuCnt ul.menu-list li:nth-child(2) {
  width: calc((100% - 30px) / 2);
}

/* 2段目：3つ */
#menuCnt ul.menu-list li:nth-child(3),
#menuCnt ul.menu-list li:nth-child(4),
#menuCnt ul.menu-list li:nth-child(5) {
  width: calc((84% - 60px) / 3);
}

#menuCnt ul.menu-list li img {
  display: block;
  width: 100% !important;
  height: auto;
}

/*#menuCnt ul li:nth-child(2){margin-bottom: 40px;}*/
#menuCnt a.text-button { display: inline-block; padding: 14px 34px; background: #664e44; color: #fff; text-decoration: none; font-size: 18px; border-radius: 8px; transition: 0.3s; margin: 20px;}
#menuCnt a.text-button:hover { filter: brightness(1.2);}

/*カテゴリー全体*/

.ctgCnt{overflow:hidden; text-align: center; margin:0!important;padding-bottom: 70px; position: relative;}
.ctgCnt p {padding: 50px 20px 50px; text-align: center;}
.ctgCnt p.catch{font-size: 28px;line-height: 1.5em!important;margin-bottom:10px!important;letter-spacing: 2px;}
.ctgCnt h2 {padding: 0; background: none;}
.ctgCnt h2 span{font-size: 28px;}

.ctgttl{margin: 90px 16% 30px;}
.ctgttl p{position: relative;padding: 0.8rem 0;margin-bottom: 0.2rem;border-bottom: 2px solid;color: #655f5f;font-weight: 500;font-size: 40px!important;text-align: center;line-height: 1.5em!important;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho";}
.ctgttl p:before,
.ctgttl p:after {position: absolute; top: 100%; left: 50%; content: ""; height: 0; width: 0;}
.ctgttl p:before {border: 15px solid;border-color: transparent;border-top-color: #333333;margin-left: -15px;}
.ctgttl p:after {border: 12px solid;border-color: transparent;border-top-color: #b3ab9d;margin-left: -12px;}
.ctgttl p small{display: block;font-size: 30px;font-weight: normal;}
.ctgttl  img{width: 480px;margin: 30px auto;text-align: center;display: block;}

#ctg07,
#ctg08,
#ctg09,
#ctg10 {
	margin:  20px 95px 60px;
}

#ctg01.ctgCnt h2.numberImg img{width: 100%;}
#ctg01{background: #e6e1d1; padding-bottom: 0px;}
#ctg02{background: #ded4d2;}
#ctg03{background: #e0e0e0;}
#ctg04{background: #d3cbc7;}
#ctg05{background: #f5f2f0;}
#ctg06{background: #e5dedc;}
#ctg07{background: #dfdac1;}




/*カテゴリー01*/
#ctg01 h2.ctgttl{font-size: 44px; color:#716543; font-weight: bold; letter-spacing: 3px; text-align: center; line-height: 0.7em; margin: 40px 0 50px;}
#ctg01.ctgCnt h2.ctgttl small {font-size: 28px; color:#716543; margin-bottom: 4px;}
#ctg01 h3.ctgtxt{font-size: 36px; color:#716543; font-weight: bold; text-align: center; line-height: 1.5em; margin: 30px 0 0;}
#ctg01 h3.ctgtxt p{padding: 24px 0 40px;}
.ctgCnt h3.ctgtxt small {font-size: 25px;}
#ctg01 h3.ctgtxt1{font-size: 36px; color:#473229; font-weight: bold; text-align: center; line-height: 1.5em; margin: 30px 0 0;}
.ctgCnt h3.ctgtxt1 small {font-size: 25px; color:#333;}
#ctg01 .banaBox {margin : 80px 10px 20px; padding-bottom: 5px;}

#ctg01 .chiffon {background: #ebe6d8; margin: 20px 90px; padding-bottom:  70px; box-shadow: 0px 4px 4px -2px #999; border-radius: 0 0 10px 10px;}
#ctg01 .usagi,#ctg01 .neko { background: #d0cbcb; margin: 60px 90px; padding-bottom: 70px; box-shadow: 0px 4px 4px -2px #999; border-radius: 0 0 10px 10px;}
#ctg01 .tasou { background: #dacfb6; margin: 70px 90px 100px; padding-bottom: 70px; box-shadow: 0px 4px 4px -2px #999; border-radius: 0 0 10px 10px;}
#ctg01 .chiffon p,
#ctg01 .neko p,
#ctg01 .usagi p,
#ctg01 .tasou p{padding: 20px 25px 36px; line-height: 1.8em;}

#ctg01 .banaBox {margin: 80px 95px 0;　padding-bottom : 30px;}
#ctg01 h3 img,
#ctg01 .banaBox img{width: 100%;}



/*カテゴリー02*/
#ctg02 h2.ctgttl{font-size: 44px; color:#625151; font-weight: bold; letter-spacing: 3px; text-align: center; line-height: 0.7em; margin: 40px 0 50px;}
#ctg02.ctgCnt h2.ctgttl small {font-size: 28px; margin: 0;}

/*カテゴリー03*/
#ctg03 h2.ctgttl{font-size: 40px; color:#666; font-weight: bold; letter-spacing: 3px; text-align: center; line-height: 0.7em; margin: 40px 0 50px;}
#ctg03.ctgCnt h2.ctgttl small {font-size: 28px; color:#666; margin-bottom: 4px;}

/*カテゴリー04*/
#ctg04{position: relative; 	padding-bottom: 70px; text-align:center;}
#ctg04 h2.ctgttl{position: absolute; margin: 0!important; padding: 40px 0 0 52px; display: inherit; border:none!important; writing-mode: vertical-rl; color: #684b3e; text-align: start; font-size: 30px; font-weight: bold; line-height: 2.6em;}
#ctg04 h2.ctgttl span{ background: #fff; padding: 8px; font-size: 32px;}
#ctg04 h2.kuruImg{width:88%; margin: 58px 0 0 auto; text-align: right;}
#ctg04 p{text-align: center;}

/*カテゴリー05*/
#ctg05{position: relative; 	padding-bottom: 60px; text-align:center;}
#ctg05 h2.ctgttl{position: absolute; margin: 0!important; padding: 40px 0 0 16px; display: inherit; border:none!important; writing-mode: vertical-rl; color: #684b3e; text-align: start; font-size: 22px; font-weight: bold; line-height: 2.6em;}
#ctg05 h2.ctgttl span{ background: #fff; padding: 8px; font-size: 22px;}
#ctg05 h2.kiruImg{width:88%; margin: 58px 0 0 auto;}
#ctg05 p{text-align: left;}
#ctg05 ul {	padding: 0 20px;}
#ctg05 ul li {width: 348px;	overflow:hidden;　float: left;　margin: 0 20px 20px 0;}
#ctg05 ul li img {width: 100%;}
#ctg05 ul li:nth-child(2),
#ctg05 ul li:nth-child(3),
#ctg05 ul li:nth-child(5){margin-right: 0;}
#ctg05 ul li:nth-child(3){float: none;margin: 0 auto 20px; text-align: center;}
#ctg05 ul li:nth-child(4){clear: both;}

/*カテゴリー06*/
#ctg06 h2.ctgttl{font-size: 40px; color:#8c7c77; font-weight: bold; letter-spacing: 3px; text-align: center; line-height: 0.5em; margin: 40px 0 50px;}
#ctg06.ctgCnt h2.ctgttl small {font-size: 28px; color:#333;}

/*カテゴリー07*/
#ctg07 h2.ctgttl{font-size: 40px; color:#6d6a5b; font-weight: bold; text-align: center; line-height: 0.5em; margin: 50px 0 50px;}
#ctg07.ctgCnt h2.ctgttl small {font-size: 28px; color:#333;}

#ctg08,#ctg09 {margin:  30px 0;}

/*カテゴリー08*/
#ctg08 ul.itemMn {
	overflow: hidden;
	margin: 20px 95px;
}
#ctg08 ul.itemMn li {
	float: left;
	width: 48%;
	margin: 0 2% 4% 0;
	position: relative;
	box-sizing: border-box;
	background:  #fff;
	border-radius: 15px;
}
#ctg08 ul.itemMn li a {
	display:block;
	padding:  10px 10px 10px 20px;
	height:4em;
	display: flex;
  justify-content: center;
  align-items: center;

}
#ctg08 ul.itemMn li:last-child  a{
}
#ctg08 ul.itemMn li: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: 80px;
  margin-top: -6px;
}


/*商品リンクボタン*/
.itembox{background: #fff; overflow:hidden; display: inline-block; margin: 10px 20px 40px; text-align: left; padding-bottom: 10px; box-shadow: 2px 2px 4px #999;}
.itembox a{color:#333; text-decoration: none;}
.itembox ul {width: 100%; display: flex; gap: 0; align-items: center; justify-content: center; margin-bottom: 8px;}
.itembox ul li {display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 30px; padding: 0 6px; box-sizing: border-box; background: #999; color: #fff; text-decoration: none; font-size: 16px; border-radius: 4px; margin: 0 2px;}
.itembox ul li a{ display:block;padding: 5px 0px 10px;display: block;height: 2em;}
.itembox ul li.linkbtn {background-color: #8e7e74; text-decoration: none; font-size: 11px; letter-spacing: 1px; padding: 0 10px; border-radius: 0px; transition: filter 0.3s ease;}
.itembox ul li.linkbtn:hover{filter: brightness(1.20);}
.itembox ul li.linkbtn a {color:#fff;}
.itembox ul li span.triangle{font-size: 7px; padding: 0 4px 0;}

.itembox h3{color: #333;text-align: center;font-size: 18px;font-weight: bold;margin: 0;display: block;letter-spacing: 2px;overflow: hidden;width: 100%;background-color: transparent;}
.itembox .priceSize{text-align: center;display: block;font-size: 18px;padding: 0 0 10px;clear: both;margin: 0 0 2px; color:#8a501c;}
.itembox .priceSize small{font-size: 11px;}

.itembox .infobox{ overflow:hidden;  color:#000}
.itembox .infobox .Catch{float: left!important;font-size: 14px;line-height:24px;/* font-weight: bold; */width: 100%;text-align: center;}
.itembox .infobox .Catch .Cno1{background-color: #b8a629; color: #fff; padding: 2px 2px 2px 6px;}
.itembox .infobox ul{ text-align: center;}
.itembox .infobox{width: 90%!important;overflow:hidden;margin: 0 auto;}

.itembox .infobox .Catchs{float: left!important;font-size: 14px;line-height:24px;padding: 0 0 6px;/* font-weight: bold; */width: 100%;text-align: left;}
.itembox .infobox .Color{display:none}
.itembox .infobox .Color img{height: 51px;}

.itembox ul li a .infobox{color: #333; text-decoration: none}
.itembox ul li .price{float: right!important;width: 80%!important;margin-top:3px;text-align:left;color:#334762;}
.itembox ul li .price small{font-size: 10px;}

.itembox  img {width: 100%}

.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: -10px;
  margin-top: -6px;
  }

.itembox ul.btnclm1{}
.itembox ul.btnclm1 li{width: 100%!important;}
.itembox ul.btnclm2{}
.itembox ul.btnclm2 li{width: 48%!important;}
.itembox ul.btnclm2 li:first-child(){margin-right:10px;}


/*横2*/
.itembox.clm2{width: 348px;margin: 10px;vertical-align: top;}
.itembox.clm2 .infobox{padding: 4px 0px 10px;text-align: left;}
.itembox.clm2 ul{padding-top:0px;text-align: center;}
.itembox.clm2 h3{display:block;padding: 4px 0;font-weight: bold;font-size: 18px;text-align: center;letter-spacing: 2px;background: none;}



/*商品タイトル coming soon */
.itembox h3.cmgsn {padding: 4px 0 16p;}

/*point紹介*/
div.swiper{margin: -80px auto 40px;}
div.swiper-wrapper{margin: 70px auto 50px;}
div.swiper-slide img{width: 50% ;display: block; margin: 0 auto;}
.swiper-pagination-bullet {background-color: #684b3e;}


/*SEO枠*/
#seo_block{background:#fff;}
#seo_block .seo_box a p { color: #0004E1;}

/*比較表*/
#ctg01 .hikaku {
	margin:  20px 95px 60px;

}
#ctg01 .hikaku .hikakuBox {
	height: 800px;
	overflow: auto;
	display: block;
}
#ctg01 .hikaku table {
	background: #fff;
	border-collapse: collapse;	
}

#ctg01 .hikaku tr:first-child td,
#ctg01 .hikaku tr:first-child th{background:#eee; font-weight:bold; border-bottom:3px solid #333}
#ctg01 .hikaku table th,
#ctg01 .hikaku table td {
	padding: 10px;
	border: solid 1px #333;
	white-space: nowrap;
	text-align: center;
	line-height: 1.5em;
	font-size: 12px;
}
#ctg01 .hikaku table th {
	font-size: 11px;
	font-weight: bold;
	/* background: #eee; */
	line-height: 1.7em;
}
#ctg01 .hikaku table th img {
	width: 180px;
}
#ctg01 .hikaku table th a {
	text-decoration: underline;
}
#ctg01 .hikaku table .moufu1 {
	font-size: 16px;
	color: #9d7371;
	margin: 8px 0 0;
	display: inline-block;
}
#ctg01 .hikaku table .moufuNR {
	font-size: 16px;
	margin: 8px 0 0;
    display: inline-block;
	color: #86837e;
}
#ctg01 .hikaku table .moufuTS {
	font-size: 16px;
	margin: 8px 0 0;
    display: inline-block;
	color: #370909;
}
#ctg01 .hikaku table .star {
	color: #7a4e4c;
	font-weight: bold;
	font-size: 16px;
}
#ctg01 .hikaku table .cfn {
	padding: 2px 10px;
	background: #7a4e4c;
	color: #fff;
	margin: 5px 0;
	display: inline-block;
	font-size: 10px;
}
#ctg01 .hikaku table .grf {
	padding: 2px 10px;
	background: #333;
	color: #fff;
	margin: 0;
	display: inline-block;
	font-size: 10px;
}
/* スクロールバー全体を対象にする */
#ctg01 .hikaku .hikakuBox::-webkit-scrollbar {
    width: 10px; /* スクロールバーの幅 */
    height: 10px; /* スクロールバーの高さ */
}

/* スクロールバーの背景部分をカスタマイズ */
#ctg01 .hikaku .hikakuBox::-webkit-scrollbar-track {
    background: #f1f1f1; /* スクロールバーの背景色 */
    border-radius: 5px; /* 角丸にする */
}

/* スクロールバーの操作部分をカスタマイズ */
#ctg01 .hikaku .hikakuBox::-webkit-scrollbar-thumb {
    background: #888; /* スクロールバーの操作部分の背景色 */
    border-radius: 5px; /* 角丸にする */
}

/* スクロールバーの操作部分にホバーした時のスタイル */
#ctg01 .hikaku .hikakuBox::-webkit-scrollbar-thumb:hover {
    background: #555; /* ホバー時のスクロールバーの操作部分の背景色 */
}

/*クーポン*/
#pageContents .couponBox {width: 100%; background-color: #fff;}
#pageContents .couponBox img {width: 80%; text-align: center; display: block; margin: 0 auto;}

/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}


@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}

}
@-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 {}
}


.seo_block {
    float: left;
}