@charset "shift_jis";
/* CSS Document */
@font-face {
	font-family: "sans-serif";
	font-weight: normal;
	src:local("sans-serif"), /* Postscript name */
		local("sans-serif"), /* for Chrome */
		local("sans-serif"); /* Medium�E��E��E�Ȃ��E�ꍁE*/
}
@font-face {
	font-family: "sans-serif";
	font-weight: bold;
	src: local("sans-serif"), /* Postscript name */
		local("sans-serif"); /* for Chrome */
}

/* -----------------------------------------
	style
--------------------------------------------*/
#hikaku img{
	border: 0;
	vertical-align: top;
	image-rendering: optimizeQuality; /* FF�E�̉摜�E�ڂ��E�΍� */
}
#hikaku .noto{
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 900;
}
#hikaku em{ font-style: normal;}
#hikaku ul,#hikaku  ol,#hikaku li{ list-style: none;}
#hikaku table{
	border-spacing: 0;
	empty-cells: show;
	border-collapse:collapse;
}
#hikaku a{
	color: #666;
	text-decoration:none;
}
#hikaku a:hover{
	filter:alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
#hikaku a.nh{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity:1;
}
#hikaku .bold{ font-weight: bold;}
#hikaku .red{ color: #ff0000;}

#hikaku .clear{ clear: both;}
#hikaku .clearfix{ min-height:1%;}
/* for modern browser */
#hikaku .clearfix:after{
	height: 0;
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}
/* for IE */
* html .clearfix{
	/*\*/height: 1%; /* for WinIE */
	display: inline-table; /* for MacIE */
}
body*.clearfix:after{ content:".";}

#hikaku .fltL{ float: left;}
#hikaku .fltR{ float: right;}
#hikaku .alnR{ text-align: right;}
#hikaku .alnC{ text-align: center;}
#hikaku .alnL{ text-align: left;}
#hikaku .vlnM{ vertical-align: middle;}

#hikaku .pc{ display: block;}
#hikaku .sp{ display: none;}

@media screen and (max-width: 736px){
	#hikaku .pc{ display: none;}
	#hikaku .sp{ display: block;}
}

/*-----------------------------------
	block
------------------------------------*/
#hikaku{
	width: auto;
	margin: 20px auto;
	font-family:
		MyYuGothicM, /* Windows �E��E��E�S�E�V�E�b�E�N */
		YuGothic, /* OS X �E��E��E�S�E�V�E�b�E�N */
		-apple-system, /* iOS San Francisco */
		BlinkMacSystemFont, /* iOS Chrome San Francisco */
		"Hiragino Kaku Gothic ProN", /* OS X, iOS �E�q�E��E��E�M�E�m */
		Meiryo, /* Windows �E��E��E�C�E��E��E�I */
		sans-serif;
	line-height: 1.4;
	color: #333;
}

#hikaku h1, h1:before{
	width: 100%;
	font-family:  "�E��E��E�C�E��E��E�I", Meiryo,sans-serif;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.4;
	color: rgb(255, 186, 186);
	text-align: center;
	position: relative;
}
#hikaku h1:before{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	content: attr(title);
	color: rgb(255, 103, 114);
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 32%, rgba(0, 0, 0, 0.6) 71%, rgb(0, 0, 0));
}
#hikaku h2{
	margin-top: 10px;
	padding: 3px 0;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #ff6772;
	border: 1px solid #aaa;
}
#hikaku p.leadtxt{
	padding: 0 10px;
	font-size: 18px;
	text-align: center;
}
#hikaku .tbwrap{
	overflow: auto;
	position: relative;
	-webkit-overflow-scrolling: touch;
}
#hikaku .tbwrap::-webkit-scrollbar-thumb:horizontal{
	background: #aaa;
}
#sptxt{
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50px;
	visibility: hidden;
}
#hikaku aside{ display: none; }

@media screen and (max-width: 736px){
	#hikaku{
		width: 100%;
		margin: 20px auto;
	}
	#hikaku h1{
		margin-bottom: 15px;
		padding: 0 15px;
		font-size: 28px;
		line-height: 1.4;
		color: rgb(255, 103, 114);
		box-sizing: border-box;
	}
	#hikaku h1:before{ content: ""; display: none;}
	#hikaku h2{ padding: 5px 0;}
	#hikaku p.leadtxt{ font-size: 14px;}
	#hikaku aside{ display: none !important; }
	#sptxt{
		visibility: hidden;
	}
}
@media screen and (max-width: 480px){
	#hikaku h1{
		font-size: 22px;
	}
	#hikaku aside{
		padding: 5px;
		font-size: 13px;
		text-align: center;
		display: block !important;
		background: #faf9ec;
	}
	#sptxt{
		visibility: visible;
	}
}

#hikaku table{
    width: 100%;
	border: 1px solid #aaa;
	border-collapse: collapse;
}
#hikaku tr.bgDG{ background: #d4d4d4;}
#hikaku tr.bgG{ background: #f9f9f9;}
#hikaku tr.bgP{ background: #ffeaea;}
#hikaku tr.bgO{ background: #ffeadf;}

#hikaku th{
	width: 16%;
	padding: 10px 5px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #aaa;
}
#hikaku th em{
	font-size: 18px;
	color: #ff0000;
	display: block;
}
#hikaku td{
	width: 21%;
	padding: 10px 8px;
	font-size: 12px;
	line-height: 1.65;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #aaa;
}

#hikaku td h3{
	font-size: 16px;
	font-weight: normal;
	line-height: 1.1;
	text-align: center;
}
#hikaku td img{
	max-width: 193px;
	height: auto;
}
#hikaku td em.mark{
	font-size: 24px;
	text-align: center;
	display: block;
}
#hikaku .hk_price td{
	font-size: 14px;
	font-family: Arial, Helvetica, "�E�q�E��E��E�M�E�m�E�p�E�S Pro W3", "Hiragino Kaku Gothic Pro","�E��E��E�C�E��E��E�I", Meiryo, Osaka, "�E�l�E�r �E�o�E�S�E�V�E�b�E�N", "MS PGothic", sans-serif;
}
#hikaku .hk_price td em{
	font-size: 18px;
	color: #ff0000;
	display: block;
}
#hikaku .hk_buy td{
	padding: 5px;
}
#hikaku .hk_rank td{
	font-size: 17px;
	vertical-align: middle;
}
#hikaku .hk_rank td.red{ color: #d70000;}

#hikaku a.btnG{
	padding: 7px 0;
	font-size: 14.5px;
	font-weight: bold;
	line-height: 1.3;
	color: #054905 !important;
	letter-spacing: -0.5px;
	display: block;
	border: 1px solid #097c25;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #5ee23f;
	background: -moz-linear-gradient(top,  #5ee23f 0%, #dfffd7 90%);
	background: -webkit-linear-gradient(top,  #5ee23f 0%,#dfffd7 90%);
	background: linear-gradient(to bottom,  #5ee23f 0%,#dfffd7 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ee23f', endColorstr='#dfffd7',GradientType=0 ); /* IE6-9 */
}
#hikaku a.btnG:hover{ text-decoration: none !important;}

/* sns */
#hikaku .sns_icn td{
	padding: 5px 5px;
	text-align: center;
}
#hikaku .sns_icn ul{ padding: 0;}
#hikaku .sns_icn li{
	display: block;
	margin: 5px auto;
}
#hikaku .sns_icn li img{
	max-width: 80px;
	height: auto;
}

@media screen and (max-width: 736px){
	#hikaku td img {
		max-width: 95px;
	}
	#hikaku .btnG{
		font-size: 11px;
		line-height: 1.6;
	}
	#hikaku td em.mark{
		font-size: 36px;
	}
	#hikaku .sns_icn li img{
		max-width: 80px;
		width: 40px;
		height: auto;
		margin: 2px 1px;
	}
}
@media screen and (max-width: 480px){
	#hikaku table{
		width: 220%;
	}
	#hikaku th{
		width: 15%;
	}
	#hikaku td{
		width: 200px;
	}
	#hikaku td img{
		max-width: 100%;
		height: auto;
	}
	#hikaku .sns_icn li img{
		max-width: 80px;
		width: 30px;
		height: auto;
		margin: 0 1px;
	}
}
/* popup */
.popimg:hover{ cursor: pointer;}
.modal-overlay{
	z-index: 90;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color:rgba(245,245,245,.5)
}
.modal-content{
	width: 100%;
	text-align: center;
	top: 50px;
	position:fixed;
	cursor: pointer;
}
.modal-content img{
	width:auto;
	max-width: 100%;
	height: auto;
	max-height:90vh;
}
#btnclose{
    position:absolute;
    top: 0;
    right: 0;
    color:#b29c33;
    font-size:35px;
    line-height:1;
    font-weight:bold;
    text-decoration:none;
	z-index: 999;
	display: none;
}
#btnclose:hover {cursor:pointer} /*�E�J�E�[�E�\�E��E��E��E��E�|�E�C�E��E��E�^�E��E�*/
@media screen and (max-width: 736px){
	.modal-content{
		top: 10px;
	}
}
@media screen and (max-width: 480px){
	.modal-content{
		top: 50px;
	}
}

/* sidebar */
.layout_menu{
	width: 180px;
	background: #fff;
	text-align: left;
	display: none;
	position: absolute;
	z-index: 2;
}
.layout_table .layout_content{
	width: 1000px;
	padding: 0;
}

/* btn__count */
#hikaku .btn__count {
	display: inline-block;
	color: #fff;
	text-align: center;
	padding: 0 5px;
	border-radius: 3px;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	white-space: nowrap;
}
#hikaku .btn__count .count_n {
	display: inline-block;
	min-width: 1.3em;
	margin-left: 1px;
}

#hikaku .btn__count__want {
	background: #ff6772;
}
#hikaku .btn__count__want .txt:after {
	content: "";
	display: inline-block;
	width: 11px;
	height: 14px;
  margin: 0 3px -2px 2px;
	background: url(https://tools.itembox.design/item/img/common/icon/ico_good_white.png) no-repeat center/contain;
}

#hikaku .btn__count__helpful {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	background: #55aa5b;
}
#hikaku .userreq {
	padding-bottom: 50px;
	position: relative;
}

/*�_�E�����[�h�{�^��*/
#hikaku a.btnD{
	padding: 7px 0;
	/*font-size: 14.5px;*/
	font-weight: bold;
	color: #ffffff;
	line-height: 1.3;
	letter-spacing: -0.5px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #0000aa;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #02107e;
}
#hikaku a.btnD:after {
	content: "";
	display: block;
	width: 10px;
	height: 11px;
	margin-left: 5px;
	background: url(https://tools.itembox.design/item/img/common/icon/ico_dl_white.png) no-repeat center/contain;
}

/* SNSシェアボタン */
.fs-p-snsArea {
	justify-content: flex-end;
}

.print-off {
  display: none;
}
.print-btn {
  cursor: pointer;
}
@media screen and (max-width: 767px){
	.fs-p-snsArea .print-btn {
		display: none;
	}
}