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

#contents-Allbox{ width: 100%; overflow: hidden; padding:0; }
#contents-Allbox #inline-box{ width:100%; max-width: 1000px; margin: 0rem auto;	color:#333333; text-align: center; font-size: 120%;	line-height: 2.5rem; padding:0.5em;}

#contents-Allbox #inline-box a{ text-decoration: none;}
#contents-Allbox #inline-box .menu{ font-size: 2.2rem; letter-spacing: 0.3rem; margin: 1rem auto 0.5rem; }
#contents-Allbox .fa-arrow-alt-circle-down{ margin: 0.2rem auto; color:#de0a00; font-size:120%;}
#contents-Allbox #inline-box img{ width:100%; border:none; }
#contents-Allbox #inline-box h1,h2,h3,h4,h5,h6,h7,h8{ margin: 0.2rem auto 1.6rem; font-size:130%; font-weight:bold; line-height: 3.3rem; }

#contents-Allbox 
/*リンク（全般）設定 */
a {
	color: #222525;		/*リンクテキストの色*/
	transition: 0.3s;	/*マウスオン時の移り変わるまでの時間設定。0.3秒。*/
	text-decoration: none;
}
a:hover {
	color: #666;		/*マウスオン時の文字色*/
	text-decoration: none;
}



.comment{ width:90%; padding: 1rem; margin: 1rem auto 1.5rem; font-size: 90%; text-align: left; }

.duvet_menu,.item_box2{width:99%; list-style: none; padding: 0; margin: 0 auto; display:flex; flex-wrap:wrap;}
.duvet_menu{ margin-bottom: 2em;}
.duvet_menu li{ width: calc(99% / 2 - 8px); text-align: center; font-weight:bold; border-radius: 0.6em; padding:0.3em; margin-bottom:10px; border:solid 1px #666666; position:relative;}
.duvet_menu li:nth-child(odd){ margin-right: 8px;}/*奇数要素*/
.duvet_menu li:nth-child(even){ margin-right: 0;}/*偶数要素*/
.duvet_menu li a{ display: block; width: 100%;}

.item_box2 li{ width: calc(99% / 2 - 10px); border:solid #CCCCCC 1px; padding: 5px; margin-bottom:1em; text-align: center;}
.item_box2 li:nth-child(odd){ margin-right: 10px;}/*奇数要素*/
.item_box2 li:nth-child(even){ margin-right: 0;}/*偶数要素*/

.duvet_text{ width:99%; margin: 1rem auto 1.5rem; font-size:1.1em; padding: 1rem;}
.txt_layout{ text-align: center;}
.duvet_rank,.standard_room_temperature{ text-align: center; margin: 10px auto 15px;}
.duvet_rank{ font-size: 2em; }
.standard_room_temperature{ font-size: 1.6em; border-bottom: dotted #333 2px;} /*おすすめ室温目安*/
.recommend_point{ margin: 0 auto; /*background: #f5deb3;*/ padding: 0.5em 0; font-weight:bold;} /*おすすめポイント*/
.recommend_point_li{ list-style: none; padding-left: 0; width:100%;}
.recommend_point_li li{ padding:0; margin: 0 auto 0.5em; width:100%; border:none; border-bottom: dotted 1px #cccccc; box-sizing:border-box;}
.duvet_price{ color: #990000; font-weight:bold;} /* 価格表示 */

/* サイズリンク */
.duvet_size,.more_link{ 
	display: block;
	width:90%;
	padding: 0.5em 0 0.2em;
	margin: 0 auto 0.5rem;
	text-decoration: none;
	text-align: center;
	border-radius: 5px;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 3px 2px 2px rgba(100, 10, 0, 0.19);
	font-weight: bold;
}
.duvet_size,.more_link a:link{ color: #333; }
.duvet_size,.more_link a:visited{ color: #333; }




/* →マーク */
.arrow-icon { 
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 0.9rem;
  height: 0.9rem;
  border-style: solid;
  border-width: 3px 3px 0 0;
  border-color: #333333;  
  transform: rotate(45deg);
  margin-left:0.5rem;}

/*もっと見るボタン*/
.more_link{ display: block; width:70%; position: relative; padding: 0.4em 0 0.3em; margin: 0 auto 5rem; text-align: center; border-radius: 4px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19); font-size: 1.1em; font-weight: bold; color: #333;}

/* ポイントカラー背景色 */
.duvet_size,.recommend_point,.more_link{background: #f5deb3;}

/* pc */ /*768px*/
@media screen and (min-width: 651px) {
	#contents-Allbox{ max-width: 1000px; margin: 0 auto;}
	.sp-only{ display:none;}
	.duvet_size,.more_link{ font-size: 1.1em; letter-spacing: 0.1em;}
	.icon_m { top:1.8em;}
}

/* sp */ /*767px*/
@media screen and (max-width: 650px) {
	#contents-Allbox{ max-width: 99%; margin: 0 auto;}
	.duvet_size,.more_link{ font-size: 1.0em; letter-spacing: -0.1em;}
	.icon_m { top:1.6em;}
}

/* PCで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/*.sentence { display: none !important; }*/

/* SPで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
    .pc { display: none !important; }
    .sp { display: block !important;}
    .sentence { display: block !important; }
}