body{
	background-image:url(image/back.jpg);
	background-repeat:no-repeat;
	background-position:0 132px;
	background-size: contain;
}

#ContentsWrapper{ width: 100%; padding:10px 140px; }
#Contents{ color:black; width: 100%; border-collapse:collapse; }
#Contents td, #Contents th, #Contents tr{
	border: none;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	padding:1px;
}

#Contents hr{
	border: none;
	border-top: 1px #414141 solid;
	border-bottom: 1px #808080 solid;
	margin:0.5em 0;
}
#Contents .star, #ConfirmPopup .star{ display:inline-block; vertical-align: bottom;}
#Contents input, textarea{ font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" }
#Contents input[type="submit"], #Contents input[type="button"]{
	box-sizing: border-box;
	padding: 0.4em; background-color: rgb(220, 221, 221);
	border-radius: 2px; border:none; border-bottom: 1px rgb(180, 181, 181) solid; border-right: 1px rgb(180, 181, 181) solid;
}
#Contents .user_icon{ border:1px #E1E1E1 solid; width:104px; height:104px; }

@keyframes blink { 75% { opacity: 0.0; } }
@-webkit-keyframes blink { 75% { opacity: 0.0; } }
#Contents .error{ -webkit-animation: blink 1s steps(1,end) 0s infinite; animation: blink 1s step-end infinite; color:red; }

/* レビューバナー */
#Contents .top_banner{ padding:0 0 1em 0; }

/* レビューヘッダ */
#Contents .top_header{ background-color:rgb(0,91,172); color:white; padding:0.4em; font-size:150%; font-weight:bold; }

/* レビュー説明文 */
#Contents .description{ color:black; font-weight: bold; font-size:120%; line-height:1.2em; padding-bottom:0.3em; background-color:#FFF; }
#Contents .description p{ color:rgb(0,100,180); font-weight: bold; font-size:130%; line-height:1.9em; margin:0; }

/* 総合評価 */
#Contents .review_total{ background-color:#FFF; }
#Contents .review_total .all_average{ padding-top:1.3em; vertical-align:middle; }
#Contents .review_total .all_average>div{ white-space: nowrap; border: 1px #000 solid; padding:0.6em; font-size:120%; letter-spacing:0.2em; }
#Contents .review_total .all_average .star{ width: 180px; height:36px; }
#Contents .review_total .all_average .count{ font-size:70%; letter-spacing:0em;}

/* 評価平均グラフ */
#Contents .review_total .all_average_graph img{ height:260px; }

/* 各項目平均 */
#Contents .review_total .point_average{ padding-top:7px; font-size:120%; vertical-align:middle; }
#Contents .review_total .point_average table{ border-collapse: collapse; width:100%; }
#Contents .review_total .point_average th{
	background-color:rgb(247, 176, 48); color:#FFF;
	font-weight:normal; text-align:center; font-size:120%; line-height:1.5em; letter-spacing: 0.5em;
}
#Contents .review_total .point_average td{ white-space: nowrap; padding:0.25em 1em;  }
#Contents .review_total .point_average tr:nth-child(even){ background-color:rgb(255, 251, 198); }
#Contents .review_total .point_average tr:nth-child(odd){ background-color:rgb(253, 231, 175); }
#Contents .review_total .point_average .star{ width:90px; }

/* 投稿部 */
#Contents .review_post{ background-color:#FFF; }
#Contents .review_post .user_info{ text-align: center; vertical-align: top; padding:0; }
#Contents .review_post .user_info img{ display:block; }
#Contents .review_post .post_info{ border:1px #BFBFBF solid; width:100%; padding:0.5em; }
#Contents .review_post .post_info table{ border:1px #BFBFBF solid; width:100%; border-collapse: collapse; }
#Contents .review_post .post_info table input, textarea{ width:100%; box-sizing: border-box; }
#Contents .review_post .post_info table th{ white-space: nowrap; width:120px; padding: 0.5em; border: 1px #BFBFBF solid; border-right: none;
	text-align:center; background-color:rgb(255, 251, 198); }
#Contents .review_post .post_info table th.caution{ background-color:transparent; }
#Contents .review_post .post_info table td{ width:155px; border: 1px #BFBFBF solid; border-left: none; text-align:center; }
#Contents .review_post .post_info table .star{ width:120px; cursor: pointer; }
#Contents .review_post .post_info .caution{ color:red; }
#Contents .review_post .post_info textarea{ height:5em; }
#Contents .review_post .post_info td.no_centering{ text-align:left; }
#Contents .review_post .post_info .preview{ display:none; margin:0 auto; }
#Contents .review_post .post_info .picture_remove{ display: none; }
#Contents .review_post .post_info .icon label{ display:inline-block; padding:0; margin:0; width:80px; }
#Contents .review_post .post_info .icon img{ display:inline-block; width:80px; cursor:pointer; }
#Contents .review_post .post_info .icon input{ margin:0; }
#Contents .review_post .post_info .confirm input{ margin:0; display: inline-block; width: 20px; height: 20px; vertical-align: middle; }
#Contents .review_post .post_info .confirm label{ display: inline-block; }
#Contents .review_post .post_button{ text-align: center; padding-top:2em; }
#Contents .review_post .post_button input{ width:30%; }

/* 投稿確認ポップアップ */
#ConfirmPopup>div{ width:560px; height:480px; overflow:auto; }
#ConfirmPopup table{ 
	width:100%; border:1px #BFBFBF solid; border-collapse: collapse; margin:0;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
}
#ConfirmPopup table input, textarea{ width:100%; box-sizing: border-box; }
#ConfirmPopup th{ white-space: nowrap; width:120px; padding: 0.5em; border: 1px #BFBFBF solid; border-right: none;
	text-align:center; background-color:rgb(255, 251, 198); }
#ConfirmPopup td{ border: 1px #BFBFBF solid; border-left: none; text-align:center; word-break:break-all; }
#ConfirmPopup .star{ width:120px; }
#ConfirmPopup input{
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	width:45%; margin:0.2em 2%;
}
#ConfirmPopup .picture img{ max-width:120px; max-height:90px; }
#ConfirmPopup .icon img{ max-width:80px; max-height:80px; }
#ConfirmPopup .no_centering{ text-align:left; }
#ConfirmPopup p{ width:100%; text-align:center; font-weight:bold; margin:0; padding:0.5em; }

/*** リスト部 ***/
#Contents .review_list{ padding-top:3.5em; }

/* ソート */
#Contents .review_list .sort{ padding-bottom:2em; }
#Contents .review_list .sort input{ width:45%; margin: 0 2%; }

/* 各レビュー */
#Contents .review_list .review_item{ width: 100%; margin-bottom:2em; }
#Contents .review_list .review_item .user_info{ width:104px; text-align: center; word-break:break-all; vertical-align:top; }
#Contents .review_list .review_item .user_info img{ display:block; border:none; }
#Contents .review_list .review_item .review_data>table{ width:594px; border: 1px #BFBFBF solid; border-collapse: collapse; }
#Contents .review_list .review_item .review_average{ width:344px; font-size: 220%; padding:0.2em; }
#Contents .review_list .review_item .review_average .star{ width:120px; margin-right:0.3em; }
#Contents .review_list .review_item .review_at{ width:250px; text-align: right; vertical-align: top; font-size: 150%; line-height:2em;  }
#Contents .review_list .review_item .review_rate th{ text-align: center; font-weight: normal; width:50px; }
#Contents .review_list .review_item .review_rate td{ text-align: center; width:115px; }
#Contents .review_list .review_item .review_rate .star{ display:block; width:60px; margin:0 auto 0.3em; }
#Contents .review_list .review_item .review_text{ width:474px; border: 1px #BFBFBF solid; padding:0.3em; word-break:break-all; }
#Contents .review_list .review_item .review_text>div{
	background-image: url("image/underline.png"); line-height: 22px; margin: 0px; position: relative;
	overflow:hidden; /*  height:88px; */
}
#Contents .review_list .review_item .review_text>div>div{
	position:absolute; right:0; bottom:0; background: #FFF; box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 1); display:none;
	color:#0040FF; font-weight:bold; text-decoration:underline; cursor: pointer;
}
#Contents .review_list .review_item .review_img{ width: 120px; border: 1px #BFBFBF solid; padding: 0px; text-align: center; font-size:150%; }
#Contents .review_list .review_item .review_img img{ max-width: 120px; max-height:90px; cursor: pointer; }

/* ページ変更リンク */
#Contents .review_list .review_page{ text-align: center; }
#Contents .review_list .review_page .prev{ margin-right: 6em; }
#Contents .review_list .review_page{ color: #888; }
#Contents .review_list .review_page .clickable{ color: #000; cursor: pointer; }
	
input[type="button"],
input[type="submit"] {
	font-size:16px;
	font-weight:bold;
	padding:7px 10px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #017EFF 5%, #0033FF 100% );
	background:-ms-linear-gradient( top, #017EFF 5%, #0033FF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#017EFF', endColorstr='#0033FF');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #017EFF), color-stop(100%, #0033FF) );
	background-color:#017EFF;
	color:#FFFFFF;
	display:inline-block;
	text-shadow:6px 6px 3px #002CD4;
	border:none;
	border-radius:1px;
	cursor: pointer;
}
input[type="button"]:hover,
input[type="submit"]:hover {
	background:-moz-linear-gradient( center top, #098EFF 5%, #0843FF 100% );
	background:-ms-linear-gradient( top, #098EFF 5%, #0843FF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#098EFF', endColorstr='#0843FF');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #098EFF), color-stop(100%, #0843FF) );
	background-color:#098EFF;
}

#ConfirmPopup{ display:none; }