@charset "utf-8";

/* ===================================================
base
*  =================================================== */

html {
	color: #698536;
	font-size: 62.5%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	font-size: 4.8vw;
	font-family: "Quicksand", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "Roboto", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
	position: relative;
}

@media screen and (min-width: 767px) {
	body {
		font-size: 1.6rem;
	}
}

body img {
	height: auto;
	vertical-align: middle;
	width: 100%;
}

/* ===================================================
detail-wrap
*  =================================================== */

.detail-wrap {
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 4vh;
	padding-top: 4vh;
	position: relative;
	width: 90vw;
}

@media screen and (min-width: 767px) {
	.detail-wrap {
		width: 50vw;
	}
}

.detail-wrap .pNav,
.detail-wrap .pNav a {
	font-size: 3.2vw;
	color: #698536;
}

@media screen and (min-width: 767px) {
	.detail-wrap .pNav,
	.detail-wrap .pNav a {
		font-size: 1.2rem;
	}
}

.detail-wrap .ttl {
	font-size: 6.4vw;
	font-weight: bold;
	padding-top: 8vh;
}

@media screen and (min-width: 767px) {
	.detail-wrap .ttl {
		font-size: 2.4rem;
		padding-top: 40px;
	}
}

.detail-wrap .detail-ymd {
	font-size: 3.2vw;
}

@media screen and (min-width: 767px) {
	.detail-wrap .detail-ymd {
		font-size: 1.2rem;
	}
}

.detail-wrap #detail {
	padding-bottom: 6.4vh;
}

.detail-wrap #detail .detailText {
	color: #333;
	font-size: 4.4vw;
	padding-top: 6.4vh;
}

.detail-wrap #detail .detailUpfile {
	padding-top: 6.4vh;
}

@media screen and (min-width: 767px) {
	.detail-wrap #detail {
		padding-bottom: 40px;
	}
	.detail-wrap #detail .detailText {
		font-size: 1.5rem;
		padding-top: 32px;
	}
	.detail-wrap #detail .detailUpfile {
		padding-top: 32px;
	}
}