@charset "utf-8";
/*------------------------------------------------------------
　共通
-------------------------------------------------------------*/
#interview_wrap{
	clear:both;
	color:#333;
	margin:0 20px;
}
#interview_contents05 a:hover,#btn_prevShop:hover{
	opacity:.8;
}
/*------------------------------------------------------------
　詳細
-------------------------------------------------------------*/
#interview_details,#interview_list{
	background:#fff;
	border-radius:10px;
	padding-top:20px;
}
#interview_details #interview_contents{
	color:#333;
	margin:20px 20px 0;
}
#interview_details #interview_contents section{
	padding-bottom:30px;
}
#interview_contents01~section h4{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	height:66px;
	line-height:66px;
	border-top:2px solid #b88f79;
	border-bottom:2px solid #b88f79;
	margin-bottom:20px;
}
#interview_contents01~section h4:before{
	display:inline-block;
	overflow: hidden;
	width:41px;
	height:41px;
	margin:-4px 15px 0 0;
	background-image:url(../images/interview/ttl-icon.png);
	background-repeat: no-repeat;
	vertical-align:middle;
	content:"";
}
#interview_contents02 h4:before{
	background-position: 0 0;
}
#interview_contents03 h4:before{
	background-position: 0 -41px;
}
#interview_contents04 h4:before{
	background-position: 0 -82px;
}
#interview_contents05 h4:before{
	background-position: 0 -123px;
}
#interview_contents06 h4:before{
	background-position: 0 -164px;
}
#interview_contents01{
	overflow:hidden;
}
#interview_contents01 .img_box{
	float:left;
	position:relative;
	margin-top:20px;
}
#interview_contents01 .img_box img{
	display:block;
}
#interview_contents01 .right_box{
	float:right;
	width:527px;
	margin-top:20px;
}
#interview_contents01 .right_box h4{
	color:#a02200;
	font-size:24px;
	line-height:30px;
}
#interview_contents01 .right_box h4 span{
	font-size:18px;
}
.to{
	border-radius:10px;
	border:3px solid #e7e7e7;
	position:relative;
	padding:20px;
}
.to:before{
	content:"";
	width:21px;
	height:23px;
	background:url(../images/interview/comment_parts.gif) no-repeat;
	position:absolute;
	top:17px;
	left:-21px;
}
#interview_contents01 .to{
	margin:15px 0 20px;
}
#date_box{
	display:table;
}
#date_box #date_l,#date_box #date_r{
	display:table-cell;
	max-width:50%;
	vertical-align:top;
}
#date_box #date_l{
	padding-right:20px;
}
#date_box dl{
	overflow:hidden;
}
#date_box dl dt,#date_box dl dd{
	float:left;
}
#date_box dl dt{
	margin-right:5px;
}
#date_box dl dd{
	max-width:206px;
}
#date03{
	max-width:228px !important;
	text-indent:-34px;
	padding-left:34px;
}
#date06{
	width:206px !important;
	text-indent:-70px;
	padding-left:70px;
}

#date_box dl dd+dt,#date_box dl dd+dt+dd{
	margin-top:15px;
}
#date_box dl dd+dt+dd{
	margin-top:18px;
}
#date_box dl dt img{
	display:block;
}
#date_box dl dd+dt{
	clear:both;
}
#interview_contents05 .left_box{
	float:left;
	width:127px;
	margin-bottom:20px;
}
#interview_contents05 img{
	display:block;
	margin-bottom:10px;
}
#interview_contents05 h5{
	color:#a02200;
	font-size:18px;
}
#interview_contents05 h5 span{
	font-size:14px;
	margin-left:2px;
}
#interview_contents05 h5 .nenrei{
	display:block;
}
#interview_contents05 .to{
	float:right;
	width:574px;
	margin-bottom:20px;
}
#interview_contents05 a{
	clear:both;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	width:373px;
	height:70px;
	line-height:70px;
	background:#ff5e8f;
	border-radius:10px;
	display:block;
	margin:0 auto;
}
/*------------------------------------------------------------
　詳細
-------------------------------------------------------------*/
.qa_box{
	overflow:hidden;
}
.qa_box+.qa_box{
	margin-top:5px;
}
.qa_box .qa{
	float:left;
	width:227px;
	border:3px solid #e7e7e7;
	border-radius:10px;
	padding:21px 11px 11px;
}
.qa_box .qa+.qa{
	margin-left:5px;
}
.qa_box .qa dl{
	display:table;
}
.q dd{
	font-size:15px;
	font-weight:bold;
	width:180px;
	height:45px;
	display:table-cell;
	vertical-align:top;
	padding-left:10px;
}
.a{
	background:#ffe3f2;
	border-radius:10px;
	border-spacing:3px 6px;
	position:relative;
	margin:20px 0 0;
}
.a:before{
	content:"";
	width:0;
	height:0;
	border:8px solid transparent;
	border-bottom: 8px solid #ffe3f2;
	position:absolute;
	top:-16px;
	left:50%;
	margin-left:-8px;
}
.a:after{
	content:"";
	width:1px;
	height:100%;
	border-left:1px dashed #ff87c8;
	position:absolute;
	top:0;
	left:37px;
}
.a dt{
	text-align:center;
	width:25px;
	background:#fff;
	border-radius:9px 0 0 9px;
	display:table-cell;
	vertical-align:middle;
}
.a dd{
	width:176px;
	display:table-cell;
	padding:10px 2px 10px 12px;
}
#interview_contents06 ul{
	overflow:hidden;
}
#interview_contents06 ul li{
	float:left;
	cursor:pointer;
	width:224px;
	position:relative;
	padding:10px;
}
#interview_contents06 li+li{
	margin-left:21px;
}
#interview_contents06 ul li:hover{
	background:#fffcd6;
}
#interview_contents06 li+li:before{
	content:"";
	width:1px;
	height:100%;
	background:#d1cbc5;
	position:absolute;
	top:0;
	left:-11px;
}
#interview_contents06 ul li .date{
	font-size:12px;
	margin-bottom:10px;
}
#interview_contents06 div[class^="img_box"]{
	float:left;
	width:65px;
	height:86px;
	position:relative;
	margin-bottom:10px;
}
#interview_contents06 .beginner:before{
	content:"未経験";
	color:#fff;
	font-size:12px;
	text-align:center;
	width:100%;
	background:rgba(0,0,0,.7);
	height:20px;
	line-height:20px;
	position:absolute;
	bottom:0;
	left:0;
}
#interview_contents06 .img_box img{
	display:block;
}
#interview_contents06 .right_box{
	float:left;
	width: 100%;
	margin-bottom:10px;
}
#interview_contents06 div[class^="img_box"] + .right_box{
	width:145px;
	padding-left: 10px;
}
#interview_contents06 .right_box h5 a{
	color:#a02200;
}
#interview_contents06 li:hover a{
	text-decoration:none;
}
#interview_contents06 .right_box h5 span{
	font-size:12px;
	margin-left:2px;
}
#interview_contents06 .right_box dl{
	overflow:hidden;
	margin-top:5px;
}
#interview_contents06 .right_box dl dt img{
	display:block;
	margin:1px 4px 0 0;
}
#interview_contents06 .right_box dl dt{
	float:left;
}
#interview_contents06 .right_box dl dd{
	float:left;
	font-size:12px;
	width:125px;
}
#interview_contents06 .right_box dl dd+dt{
	clear:both;
}
#interview_contents06 ul li p{
	clear:both;
	font-size:12px;
	background:#fff;
	border:2px solid #e7e7e7;
	position:relative;
	padding:9px;
}
#interview_contents06 ul li p:before{
	content:"";
	width:13px;
	height:9px;
	background:url(../images/interview/commentOther_parts.png) no-repeat;
	position:absolute;
	top:-9px;
	left:29px;
}
/*------------------------------------------------------------
　リスト
-------------------------------------------------------------*/
#interview_list #interview_contents{
	color:#333;
	padding-bottom:30px;
}
.interview_box{
	border-bottom:4px dotted #d6d6d6;
	overflow: hidden;
	padding:0 10px 20px;
	margin-bottom:20px;
}
.interview_box:first-child{
	margin-top:20px;
}
.interview_item{
	float:left;
	cursor:pointer;
	width:231px;
	position:relative;
	padding:10px;
}
.interview_item+.interview_item{
	margin-left:21px;
}
.interview_item+.interview_item:before{
	content:"";
	width:1px;
	height:100%;
	background:#d9d9d9;
	position:absolute;
	top:0;
	left:-11px;
}
.interview_item:hover{
	background:#fffcd6;
}
.interview_box .date{
  font-size:12px;
	margin-bottom:10px;
}
.interview_box .img_box{
	width:150px;
	position:relative;
	margin:0 auto 20px;
}
.interview_box .img_box img{
	display:block;
}
#interview_contents01 .beginner:before,.interview_box .beginner:before{
	content:"未経験で入店";
	color:#fff;
	font-weight:bold;
	text-indent:22px;
	text-align:center;
	width:100%;
	background: rgba(0, 0, 0, .5) url(../images/interview/beginner_list.png) no-repeat;
	position:absolute;
	bottom:0;
}
.interview_box .beginner:before{
	height:28px;
	line-height:30px;
	background-position:22px center;
}
#interview_contents01 .beginner:before{
	font-size:15px;
	height:40px;
	line-height:40px;
	background-position:47px center;
}
#interview_list .date_box h4{
	font-size:16px;
	border-bottom:1px dashed #c1c1c1;
	padding-bottom:10px;
}
#interview_list .date_box h4 a{
	color:#a02200;
}
#interview_list .date_box h4 a span{
	font-size:14px;
}
#interview_list .interview_item:hover a{
	text-decoration:none;
}
#interview_list .date_box dl{
	padding:10px 0;
	border-bottom:1px dashed #c1c1c1;
	overflow:hidden;
}
#interview_list .date_box dt img{
	float:left;
	display:block;
	margin-right:5px;
}
#interview_list .date_box dt{
	float:left;
}
#interview_list .date_box dd{
	float:left;
	width:168px;
}
#interview_list .date_box dl dd+dt{
	clear:both;
	margin-top:5px;
}
#interview_list .date_box dl dd+dt+dd{
	margin-top:5px;
}
#interview_list .date_box p{
	background:#fff;
	border:3px solid #e7e7e7;
	border-radius:5px;
	position:relative;
	padding:15px;
	margin-top:20px;
}
#interview_list .date_box p:before{
	content:"";
	width:12px;
	height:15px;
	background:url(../images/interview/commentList_parts.png) no-repeat;
	position:absolute;
	top:-15px;
	left:50%;
	margin-left:-12px;
}
#pager{
	color:#fff;
	text-align:center;
	display:table;
	border-collapse:separate;
	border-spacing:10px;
	margin:0 auto 20px;
}
#pager li{
	width:46px;
	height:35px;
	line-height:35px;
	background:#fff;
	border:1px solid #d3c6af;
	border-radius:3px;
	display:table-cell;
}
#pager .prev,#pager .next{
	width:103px;
}
#pager li a{
	color:#924226;
	display:block;
}
.santen{
	color:#924226;
}
#btn_prevShop{
	color:#fff;
	font-size:18px;
	text-align:center;
	width:373px;
	height:70px;
	line-height:70px;
	background:#ff5e8f;
	border-radius:10px;
	display:block;
	margin:0 auto;
}