@charset "UTF-8";

/**********************************************************************
 *
 * Voice category
 * Version 2017.11.15
 *
 **********************************************************************/

/* hero
----------------------------------------------------------------------*/

body#voice .pageHeroBox {
    background-image: url(../images/heroarea/heroimg_voice.jpg);
}
body#voice .pageHeroBox h1{
	text-align: center;
	padding-top:60px;
}

/* read
----------------------------------------------------------------------*/
body#voice h1.main_ttl{
	color: #6c5931;
	text-align: center;
	font-size:2.0rem;
	line-height: 1.5;
	border-bottom: 1px solid #dbcebd;
	padding:2.5rem 0;
}
body#voice .entryBox{
	padding-top:1rem;
	margin-bottom:1rem;
}

/* title
----------------------------------------------------------------------*/
body#voice .entryBox h2{
	color: #6c5931;
}
body#voice .entryBox h2:before{ content: none; }


/* voice original
----------------------------------------------------------------------*/
.voice-box{
	margin:2rem 0;
	background:#fcf7e4;
	padding:1rem;
}
.voice-box .inner{
	background:#fff;
	padding:1rem;
}
.voice-box .inner table, .voice-box .inner table th, .voice-box .inner table tr{
	background:none;
	border:none;
	margin: 1rem 0 0;
}
.voice-box .inner table.main_table tr{
	border-bottom: 1px solid #dbcebd;
}
.voice-box .inner table.main_table tr:last-child{ border-bottom:none; }

.voice-box .inner table.sub_table{
	background:#f6f5f3;
	margin-top: 0;
}
.voice-box .inner table.sub_table th{
	width:8rem;
	border-right:2px solid #fff;
}
p.date_txt{
	font-size:0.8rem;
	line-height: 1.2;
	text-align: center;
	margin-top:0.5rem;
}
body#voice .jumpBtn{ margin:2rem 0; }


@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
	body#voice .pageHeroBox h1{
		text-align: center;
		padding:50px 0 0 0;
		margin: 0 auto;
		width: 60%;
	}

	body#voice .entryBox h2, body#voice .entryBox .read_txt{ padding:0 1rem; }
}

@media screen and (max-width: 591px) {
		body#voice .pageHeroBox h1 img{
		width: 90%;
		position: absolute;
		top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
	}

	body#voice h1.main_ttl{
		padding:0 1rem 2.5rem;
		font-size:1.8rem;
		line-height: 1.4;
	}
	body#voice .entryBox h2, body#voice .entryBox .read_txt{ padding:0 1rem; }
	
	.voice-box{ padding:0.5rem; }
	.voice-box .inner{ padding:0.5rem; }
	
	.voice-box .inner table.sub_table th{
		width:7rem;
		white-space: normal;
	}
	.voice-box .inner table th{ padding:0.4rem; }
	.voice-box .inner table th img{ width:80%; }
}