@charset "Shift_JIS";

/***********************************************
　共通
***********************************************/
.Special_main div,.Special_main span,.Special_main applet,.Special_main object,.Special_main iframe,.Special_main h1,.Special_main h2,.Special_main h3,.Special_main h4,.Special_main h5,.Special_main h6,.Special_main p,.Special_main blockquote,.Special_main pre,.Special_main a,.Special_main abbr,.Special_main acronym,.Special_main address,.Special_main big,.Special_main cite,.Special_main code,.Special_main del,.Special_main dfn,.Special_main em,.Special_main img,.Special_main ins,.Special_main kbd,.Special_main q,.Special_main s,.Special_main samp,.Special_main small,.Special_main strike,.Special_main strong,.Special_main sub,.Special_main sup,.Special_main tt,.Special_main var,.Special_main b,.Special_main u,.Special_main i,.Special_main center,.Special_main dl,.Special_main dt,.Special_main dd,.Special_main ol,.Special_main ul,.Special_main li,.Special_main fieldset,.Special_main form,.Special_main label,.Special_main legend,.Special_main table,.Special_main caption,.Special_main tbody,.Special_main tfoot,.Special_main thead,.Special_main tr,.Special_main th,.Special_main td,.Special_main article,.Special_main aside,.Special_main canvas,.Special_main details,.Special_main embed,.Special_main figure,.Special_main figcaption,.Special_main footer,.Special_main header,.Special_main hgroup,.Special_main menu,.Special_main nav,.Special_main output,.Special_main ruby,.Special_main section,.Special_main summary,.Special_main time,.Special_main mark,.Special_main audio,.Special_main video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	line-height: 1;
	font-weight: normal;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.Special_main img{
	max-width: 100%;
	width: 100%;
	vertical-align: bottom;
}
.Special_main a:hover img{
	opacity: 1.0;
}


/***********************************************
　ページ設定
***********************************************/
.page_review{
	margin: 0 0 10%;
	padding: 0;
	background: #ffffff;
}


/***********************************************
　画像マウスオーバーで透過
***********************************************/
.page_review a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	filter: progid: DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
}


/***********************************************
　コンテンツ
***********************************************/
/* タイトル */
.page_review .cont_review_title{
	width: 100%;
	text-align: center;
	background: linear-gradient(-5deg, rgb(0, 0, 0), rgb(30, 30, 30), rgb(0, 0, 0));
}
.page_review .cont_review_title img{
	max-width: 500px;
	width:90%;
	margin: 2% auto;
}

/* 商品リスト */
.page_review .cont_review_box{
	padding: 5% 2% 3%;
}
.page_review .cont_review_box .cont_review_list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.page_review .cont_review_box .cont_review_list li{
	width: calc((100% - 6%) / 3);
	margin: 0 1% 2%;
	background: #ffffff;
	list-style: none;
	word-break: break-all;
	overflow-wrap: break-word;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);
	border-radius: 5px;
}
.page_review .cont_review_box .cont_review_list li a{
	display: block;
	padding: 2%;
	text-decoration: none;
	text-align: center;
}
.page_review .cont_review_box .cont_review_list li dt{
	margin: 2% 0;
}
.page_review .cont_review_box .cont_review_list li .name{
	font-size: 13px;
	line-height: 1.6;
	color: #000000;
}
.page_review .cont_review_box .cont_review_list li .price{
	color: #e51022;
	font-size: 20px;
	display: block;
	font-weight: bold;
	margin: 2% 0;
}
.page_review .cont_review_box .cont_review_list li .price span{
	font-weight: bold;
	font-size: 16px;
}

/* 背景 */
.page_review #cont_review_pickup{background: linear-gradient(-45deg, rgb(192, 140, 33), rgb(250, 203, 19));}
.page_review #cont_review_best{background: linear-gradient(-45deg, rgb(125, 0, 0), rgb(195, 0, 9));}
.page_review #cont_review_review5{background: linear-gradient(-45deg, rgb(0, 43, 97) ,rgb(0, 125, 220));}
.page_review #cont_review_review4{background: linear-gradient(-45deg, rgb(0, 71, 20) ,rgb(0, 142, 59));}


/***********************************************
　レスポンシブ
***********************************************/
@media screen and (max-width:768px){

	.page_review .cont_review_box .cont_review_list li{
		width: calc((100% - 8%) / 2);
		margin: 0 2% 5%;
	}
	.page_review .cont_review_box .cont_review_list li .name{
		font-size: 14px;
		line-height: 1.4;
	}
	.page_review .cont_review_box .cont_review_list li .price{
		font-size: 16px;
		margin: 4% 0;
	}
	.page_review .cont_review_box .cont_review_list li .price span{
		font-size: 14px;
	}
}