@charset "UTF-8";

/*お客様コメント*/
.revBox .r-title {
	width: 90%;
	font-weight: bold;
	margin: 25px auto;
	padding: 8px 15px;
	color: #532C2A;
	border-top: solid #b28850 3px;
	border-bottom: dotted #b28850 1px;
	font-size: 140%;
	text-align: left;
}
.revBox .combtn01{width: 50%; margin-left: auto; margin-right: auto;}
.revBox .itemBox{border: none!important; background: none!important;}
.revBox .itemBox .rvw{
	/* margin-left: -40px;
	margin-right: -40px; */
	padding: 20px 40px;
	background: #e8e2d1;
}
.revBox .itemBox .rvw h4{ width: 100%; }
.revBox .itemBox .rvw dl{ margin-bottom: 20px; padding: 12px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; background: #fff; border-radius: 10px;}
.revBox .itemBox .rvw dt{ width: 7%;}
.revBox .itemBox .rvw dt img{ width: 100%;}
.revBox .itemBox .rvw dd{ width: 90%; font-size: 1.4rem; text-align: left; margin-right: auto;margin-left: auto;}
.revBox .itemBox .rvw a dd:after{
content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 6px 2px 6px;
    padding: 0;
    border-top: 2px solid;
    border-right: 2px solid;
    color: inherit;
    transform: rotate(45deg);
}
.revBox .itemBox .rvw dd p.mgb10.pdb10{ font-size: 90%; color: #666; padding-bottom: 0;}

/*スタッフコメント*/
.revBox .itemBox .staffvoice h4{ font-size: 120%; margin: 20px 0 0; padding: 6px 5%; color: #fff; background: #a5a393; font-weight: bold;}
.revBox .itemBox .staffvoice p{ color: #504e37; text-align: left; padding: 10px 5%; font-weight: bold;}


.revBox .stf_rev{display: flex;justify-content: center;}
.revBox .stf_rev li{width: 36%; padding: 1% 2%;}
.revBox .stf_rev li img{width: 100%;}

/*
.revBox .staffvoice h3{
	margin: 20px 0 0;
	padding: 6px 5%;
	color: #fff;
	background: #a5a393;
	font-weight: bold;
	font-size: 100%;
}*/

.revBox .r_frame {
	color: #504e37;
	padding: 30px 2%;
	font-size: 90%;
	font-weight: bold;
	/*border: 1px solid #8e8c78;*/
}

.revBox .g_conts{width: 80%;margin-left: auto;margin-right: auto;display: flex;justify-content: center;}

.revBox .g_conts .stf_r_img{ width: 40%; margin-right: 20px;}
.revBox .g_conts .stars{line-height: 2.0; width: 40%; display: inline-block;vertical-align: middle;border: 1px solid #8e8c78;}
.revBox .g_conts .stars li{padding: 0 10px 5px;}
.revBox .g_conts .stars li:first-child{border-bottom: 1px dotted #333; padding-top: 5px; margin-bottom: 3px;}
.revBox .g_conts .stars span {width: 50%; display: inline-block;}

.revBox .r_spec{display: flex;justify-content: space-between;}
.revBox .thumbnail{width: 30%; margin-right: 10px;}
.r_frame .r_spec span{ width: 68%;}

.revBox .r-conts {border: none !important; }
.revBox .r-conts .r-price {border: none !important; text-align: center;}
.revBox .r-conts .r-price span:first-child {
	display: block;
	padding: 6px 10px;
	color: #FFF;
	text-align: center;
	background: #666 none repeat scroll 0% 0%;
	font-weight: bold;
	vertical-align: middle;
}

.revBox .r-conts .r-price span:nth-child(3) cite{font-family: Roboto;
	font-size: 200%;
	color: #c00;
	font-weight: bold;
	font-style: normal;}

.revBox .r-conts .bttn_01 {width: 60%;}
.revBox .r-conts .r-price .del_line {text-decoration: line-through;}


@media screen and (min-width: 750px) {
.revBox .itemBox .staffvoice .hdng_05{font-size: 1.6rem !important;}
}
@media screen and (max-width: 750px) {
	/*お客様コメント*/
	.revBox .r-title {
		width: 100%;
		font-weight: bold;
		margin: 0;
		padding: 8px 15px;
		color: #532C2A;
		border-top: solid #b28850 3px;
		border-bottom: none;
		font-size: 1.6rem;
		text-align: left;
	}
	.revBox .r-title img {height: 25px; vertical-align: middle;}
	.revBox .itemBox .rvw dl{position: relative;}
	.revBox .itemBox .rvw dt {width: 15%;position: absolute;bottom: -12px;right: 2px;}

	/*スタッフコメント*/
	.revBox .stf_rev li{width: 42%; padding: 1% 2%;}
	.revBox .stf_rev li .txt{font-size: 90%;}

	.revBox .r-conts .bttn_01 {width: 80%;}
	.revBox .r-conts span {text-align: center!important;display: block !important;}

	.revBox .g_conts{width: 100%;display: block;}
	.revBox .stf_r_img {display: block; width: 88%;margin-left: auto !important;margin-right: auto !important; margin-bottom: 20px;}
	.revBox .g_conts .stars{width: 88%; margin-left: auto !important;margin-right: auto !important; display: block;}

	.revBox .r_spec{display: block;}
	.revBox .thumbnail{width: 100%; display:block; margin-left: auto; margin-right: auto; margin-bottom: 10px;}
	.revBox .combtn01{width: 70%;}

	#catArea .catConBox .itemBox{ width: 100%; margin: 0 0 40px;}
	.revBox .itemBox .rvw{ margin: 0; padding: 20px 5%;}
	}