@charset "UTF-8";
/*===================================================== */
/* hotel PAGE
======================================================= */


@import url(https://fonts.googleapis.com/earlyhotel/notoserifjapanese.css);

@font-face {
	font-family: BASKVILL;
	src: url(../font/BASKVILL.TTF) format('truetype');
}
@font-face {
  font-family: Meiryo;
  src: local('Meiryo'), local('メイリオ');
}

.contents{ 
	max-width:100%;
}




/* layout
-------------------------------------------------------- */
#contentsContainer{
	width:100%;
	margin:0 auto 60px;
}
#review section{
	width:100%;
	margin: 0 auto 30px;
}
#review section section{
	width:80%;
	margin: 0 auto 30px;
}

@media (max-width: 1020px) and (min-width: 768px) { /*タブレット*/

	#contentsContainer{
		width:100%;
		margin:0 auto 60px;
	}
}


#review h3,#review h4{
	width:670px;
	margin: 0 auto 26px;
	text-align: center;
}
#review h3 strong,#review h4 strong{
	display: block;
	margin: 0 0 8px;
	font-size: 30px;
	line-height: 1;
}
#review h4 strong{
	font-size: 30px;
}
#review h3 span,#review h4 span{
	display: block;
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 100;
	line-height: 1;
	font-family: 'Noto Serif Japanese',serif;
}

#review h3::after,#review h4::after{
	content:url(../images/spacer.gif);
	display: block;
	width:100%;
	height: 1px;

background: rgba(68,57,31,1);
background: -moz-linear-gradient(left, rgba(68,57,31,1) 0%, rgba(226,200,136,1) 53%, rgba(68,57,31,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(68,57,31,1)), color-stop(53%, rgba(226,200,136,1)), color-stop(100%, rgba(68,57,31,1)));
background: -webkit-linear-gradient(left, rgba(68,57,31,1) 0%, rgba(226,200,136,1) 53%, rgba(68,57,31,1) 100%);
background: -o-linear-gradient(left, rgba(68,57,31,1) 0%, rgba(226,200,136,1) 53%, rgba(68,57,31,1) 100%);
background: -ms-linear-gradient(left, rgba(68,57,31,1) 0%, rgba(226,200,136,1) 53%, rgba(68,57,31,1) 100%);
background: linear-gradient(to right, rgba(68,57,31,1) 0%, rgba(226,200,136,1) 53%, rgba(68,57,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44391f', endColorstr='#44391f', GradientType=1 );


}



/* form
-------------------------------------------------------- */
/**/
#review #guideline{
	font-size: 16px;
	line-height: 1.6;
	color:#151515;
}

/**/
#addmessage{
	padding:3%;
	text-align: center;
	color: #D10C0F;
}

/**/
.postArea{
	width:84%;
	margin: auto;
	padding:1.8rem;
	background:rgba(253,230,231,0.77);
	border:1px solid #f0b4b9;
	border-radius:5px;
	box-shadow:2px 2px 2px 2px rgba(0,0,0,0.06);
}

/**/
#reviewTbl{
	width:100%;
}
#reviewTbl th,#reviewTbl td{
	padding:2% 1%;
	font-size:0.8rem;
	font-weight: 100;
	vertical-align: top;
	color:#151515;
}

#reviewTbl tr:nth-child(odd) th,#reviewTbl tr:nth-child(odd) td{
	background:rgba(255,255,255,0.3);
}


#reviewTbl th{
	width:25%;
}
#reviewTbl td{}
#reviewTbl td .star{
	font-size: 20px;
}
#reviewTbl td .starrr a {
	font-size: 30px;
	color:#fbd11b !important;
	text-decoration: none;
}
#reviewTbl td input[type="text"]{
	padding:3px;
	font-size: 15px;
}
#reviewTbl td input[type="text"].size_s{
	width:40%;
}
#reviewTbl td input[type="text"].size_m{
	width:70%;
}
#reviewTbl td input[type="text"].size_l{

	width:100%;
}
#reviewTbl td textarea{
	width:100%;
	height: 500px;
}
#reviewTbl td select{}

#reviewTbl .must{
	display: inline-block;
	margin-left:20px;
	color: red;
	font-size: 14px;
}
.postArea .submitArea{}
.postArea .submitArea input[type="submit"]{
	display: block;
	width:280px;
	margin: auto;
	padding:10px;
	text-align: center;
	cursor: pointer;
}


/**/


/* remodal 
-------------------------------------------------------- */

.remodal .section{
	margin:0 0 6px;
	padding:10px 10px 3px;
	border:1px dotted #f172a8;
	background:#FFF;
	color:#003;
	text-align:left;
}
.remodal .day{
	float:left;
	margin:0 0 3px;
	font-size:11px;
	font-weight: 100;
}
.remodal .username{
	float:right;
	margin:0 0 3px;
	font-size:11px;
	color:#fff;
}
.remodal h4.title{
	padding:3px 10px;
	margin:0 0 6px;
	background:#f172a8;
	color:#fff;
}
.remodal .img{
	float:left;
	min-width:100px;
	
	margin:0 2% 0 0;
	padding:0;
}
.remodal .name{
	padding:0;
	margin:0;
}
.remodal .name a{
	color:#ed589b;
	font-size:12px;
}
.remodal .text{
	float:left;
	width:83%;
	font-size: 13px;
	color:#353535;
	text-align:left;
}




/* review list
-------------------------------------------------------- */
#review_list{}
#review_list .inner{
	padding:2rem;
	background:rgba(255,255,255,0.6);
	border-radius:15px;
}
#review_list article.review{
	margin: 0 auto 1rem;
	padding:1rem;
	background:rgba(255,255,255,0.89);
	border-radius:8px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.06);
}

/*  */

#review_list .dateArea{
	margin: 0 0 0rem;
	padding:0.8rem 0;
	font-size: 0.86rem;
	color:#666;
}
#review_list .dateArea .user{}
#review_list .dateArea .user strong{
	color:#E48688
}
#review_list .dateArea .date{}


/*  */

#review_list .itemArea{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 0 1.2rem;
	padding:1rem 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
#review_list .itemArea .img{
	position: relative;
	width:100px;
}
#review_list .img .new{
	position: absolute;
	top:0;
	right:0;
	z-index:90;
	width:40px;
}
#review_list .img .new img{
	width:100%;
}
#review_list .itemArea .cont{
	width:84%;
}
#review_list .itemArea .cont p{
	padding:0.4rem 0;
	font-size: 0.75rem;
	color: #666;
}
#review_list .itemArea .cont .name{
	font-size:1.1rem;	
}
#review_list .itemArea .cont .size{
	font-size:0.94rem;	
}
#review_list .itemArea .cont .toProf {
}
#review_list .itemArea .cont .toProf a{
}


/*  */

#review_list .star{}
#review_list .star img{}

/*  */

#review_list .text{}

#review_list h4{}


/*  */
.toReview{
	width:80%;
	margin: auto;
}
.toReview a{
	display: block;
	background:rgba(29,169,83,0.8);
	padding:1.8rem;
	text-align: center;
	color: #fff;
	font-size: 1.8rem;
}
.toReview a:hover{
	color: #fff;
	text-decoration: none;
	background:rgba(29,169,83,1);
}