@charset "UTF-8";

/* ------------------------------------------
2025.12.25時点
このcssは下記ページのPC版ページにリンクされています

▼厨房機器徹底比較ページ
https://www.tenpos.com/c/special-contents1/comp-machine
▼業務用冷蔵庫 比較
https://www.tenpos.com/c/special-contents1/comp-machine/comp-refrigerator-all
▼業務用コールドテーブル 比較
https://www.tenpos.com/c/special-contents1/comp-machine/comp-undercounter-all
▼業務用冷蔵ショーケースのおすすめ商品を比べてみました！
https://www.tenpos.com/c/special-contents1/comp-machine/comp-refrigeratedshowcase-all
▼業務用冷凍庫 比較
https://www.tenpos.com/c/special-contents1/comp-machine/comp-freezer-all
▼業務用冷凍ストッカー　比較
https://www.tenpos.com/c/special-contents1/comp-machine/comp-cabinet-all
▼業務用製氷機　比較
https://www.tenpos.com/c/special-contents1/comp-machine/comp-icemachine-all
▼業務用食器洗浄機　比較
⑦https://www.tenpos.com/c/special-contents1/comp-machine/comp-dishwasher-all

------------------------------------------ */


	#page-top {
		background-color: #a6a5a3;
		border-radius: 5px;
		bottom: 20px;
		padding: 20px;
		position: fixed;
		right: 20px;
	}

	#page-top:hover {
		background: #d9d8d6
	}

	#page-top a {
		text-decoration: none;
		text-align: center;
		display: block;
	}

	#page-top a:hover {
		text-decoration: none;
	}

	.comp01 {
		width: 100px;
		margin-right: auto;
		padding: 15px
	}

	.SideBySide p {
		display: inline-block;
		vertical-align: top;
		/*縦方向の揃え位置を指定*/
		margin: 0;
	}

	.SideBySide2 p {
		vertical-align: top;
		/*縦方向の揃え位置を指定*/
	}

	p.text {
		font-size: 13px
	}

	.ib-box {
		display: inline-block;
		width: 100px;
		height: 100px;
		margin: 8px;
		float: left;
	}

	.ib-box2 {
		display: inline-block;
		width: 295px;
		height: 30px;
		margin: 15px;
		float: left;
	}

	.ib-box3 {
		display: inline-block;
		width: 634px;
		height: 20px;
		margin: 5px;
		float: left;
		background-color: aquamarine;
	}

	.ib-box4 {
		display: inline-block;
		width: 634px;
		margin: 5px;
		float: left;
		background-color: #F9FDFF;
	}

	.item-comment-wrap,
	.group-comment-wrap {
		overflow: hidden;
	}

	.box_btn_02 li a span {
		padding: 1em 10px;
	}

	.box_btn_02 li {
		/* width: 49%; */
		/* 202512 change */
		width: calc((98% - 10px) / 2);
		margin: 0 0 2% 0;
	}

	.box_btn_02 li:nth-child(odd) {
		margin: 0 2% 2% 0;
	}

	.relation-item {
		width: 1000px;
		display: flex;
		flex-wrap: wrap;
		margin: -10px 0 0;
		padding: 0;
		box-sizing: border-box;
	}

	.relation-item li.item {
		width: 160px;
		height: auto;
		margin: 0 8px 8px 0;
		box-sizing: border-box;
		list-style-type: none;
		text-align: center;
		background-color: #fff;
		padding: 0;
		border: 1px solid #bbb;
		position: relative;
	}

	.relation-item li.item:nth-child(6n) {
		margin-right: 0;
	}

	.relation-item li.item img.photo {
		width: 80%;
		margin: 0 auto;
	}

	.cnt_01 a {
		color: #004b91;
		text-decoration: none;
	}

	.cnt_01 a:hover {
		color: #c45500;
		text-decoration: underline;
	}

	.btn-box,
	.btn-box_right {
		position: relative;
		padding: 5px 15px 5px 5px;
		width: 100%;
		border-radius: 2px;
		margin: 0;
		box-sizing: border-box;
		font-size: 13px;
		line-height: 1.4;
	}

	.btn-box::before {
		content: "";
		position: absolute;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #ff5803;
		top: 50%;
		right: 5px;
		margin-top: -5px;
	}

	.btn-box::after {
		content: "";
		position: absolute;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 4px;
		height: 3px;
		border-left: 3px solid transparent;
		border-right: 3px solid transparent;
		top: 50%;
		right: 7px;
		margin-top: -2px;
		border-top: 4px solid #fff;
	}

	.btn-box_right::before {
		content: "";
		position: absolute;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #ff5803;
		top: 50%;
		right: 5px;
		margin-top: -5px;
	}

	.btn-box_right::after {
		content: "";
		position: absolute;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 4px;
		height: 3px;
		border: 3px solid transparent;
		border-left: 4px solid #fff;
		top: 50%;
		right: 5px;
		margin-top: -3px;
	}