@charset "utf-8";

.unit {
	width: 80%;
	display:flex;
	flex-wrap:wrap;
	margin-bottom: 14px;/*30*/
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0px;/*30*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 6px;
}

.thumbnail {
	width: 18%;/*30*/
	padding-top: 4px;
}

.thumbnail img {
	height: auto;
	width: 100%;
	vertical-align: bottom;
}

.rightArea {
	width: 79%;
	margin-left: 3%;
	padding-bottom: 0px;
}

.title {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	flex-wrap:wrap;
	margin-bottom: 8px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}

.titleLeft {
	font-size: 1.22vw;
	line-height: 120%;
	font-weight: bold;
	width: 50%;
}

.titleRight {
	font-size: 0.9vw;
	line-height: 140%;
	text-align: right;
	width: 50%;
}

.unitTitle a,
.unitTitle a:visited {
	font-family: "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1.4vw;/*1.6*/
	line-height: 130%;
	text-decoration: none;
	color: #000;
	padding-bottom: 4px;/*14*/
	display: block;
}

.unitTitleSmall a,
.unitTitleSmall a:visited {
	font-family: "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1.25vw;/*1.3*/
	line-height: 130%;
	text-decoration: none;
	color: #000;
	padding-bottom: 4px;
	display: block;
}

.unitTitleSmall {
	font-family: "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1.25vw;
	line-height: 130%;
	color: #000;
}


.unitTitleSmall:hover {
	color: #C00;
}

.unitTitle a:hover,
.unitTitleSmall a:hover {
	color: #C00;
	text-decoration: underline;
}

.unitTxt {
	font-size: 0.86vw;/*1*/
	line-height: 150%;/*170*/
	padding-bottom: 14px;/*28*/
}

.linkArea {
}

.linkArea .linkTxt {
	font-size: 0.95vw;
	line-height: 120%;
	margin-bottom: 0px;
}

.linkTxt a,
.linkTxt a:visited {
	background-color: #A4A4A4;
	color: #FFF;
	padding-top: 3px;
	padding-left: 3em;
	letter-spacing: 0.2em;
	padding-bottom: 3px;
	text-decoration: none;
	padding-right: 3em;
	border-radius: 4px;
}

.linkTxt a:hover {
	text-decoration: none;
	background-color: #C00;
}

.txtCenter {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (max-width: 992px){ /*768*/


}