@charset "Shift_JIS";

/* -----------------------------------------
	/otona/shiryo/ディレクトリ用CSS
----------------------------------------- */


/* -----------------------------------------
	/otona/shiryo/index.html
----------------------------------------- */
.contentsWrapper #pamph_box {
	background: #eeeeee;
	width: 90%;
	margin: 0 auto;
	padding: 20px;
	display: flex;
	justify-content: space-between;
}


.contentsWrapper #pamph_box .img {
	background: #f7f7f7;
	width: 30%;
	text-align: center;
}

.contentsWrapper #pamph_box .text {
	width: 65%;
}

.contentsWrapper #pamph_box .text .pamph_title {
	font-weight: bold;
	font-size: 130%;
}

.contentsWrapper #pamph_box .text .pamph_btn a {
	width: 300px;
	margin: 0 auto;
	display: block;
	background: linear-gradient(#F7F7F7, #E8E8E8);
	border-bottom: 1px solid #333333;
	position: relative;
	padding: 18px 20px 18px 50px;
	text-align: center;
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.contentsWrapper #pamph_box .text .pamph_btn a:hover {
	opacity: 0.5;
}

.contentsWrapper #pamph_box .text .pamph_btn a:before {
	content: "";
	display: inline-block;
	background: url(/otona/common/img/ico-pdf.gif) no-repeat;
	background-size: contain;
	width: 21px;
	height: 14px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 20px;
}


@media screen and (max-width: 640px) {
	.contentsWrapper #pamph_box {
		width: 100%;
		margin: 0 auto;
		padding: 5%;
		display: block;
	}

	.contentsWrapper #pamph_box .img {
		width: 100%;
		margin-bottom: 5%;
	}

	.contentsWrapper #pamph_box .text {
		width: 100%;
	}

	.contentsWrapper #pamph_box .text .pamph_title {
		font-weight: bold;
		font-size: 130%;
	}

	.contentsWrapper #pamph_box .text .pamph_btn a {
		width: 90%;
		margin: 0 auto;
		padding: 8%;
	}

}

.btn_yellow {
	border-bottom: 1px solid #614c00;
	background-image: linear-gradient(to bottom, #ffe79d, #f6c007);
}

.btn_yellow a {
	display: flex;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #000;
	text-shadow: 0 1px 1px #fff;
	justify-content: center;
	align-items: center;
}