@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.2rem;
	}
}

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

/* ===================================================
umekomi-sty
*  =================================================== */

.umekomi-sty {
	display: block;
	height: 100%;
	width: 100%;
}

.umekomi-sty a {
	color: #698536;
	display: block;
	height: 100%;
}

.umekomi-sty a .title {
	font-size: 8vw;
	font-weight: bold;
}

@media screen and (min-width: 767px) {
	.umekomi-sty a .title {
		font-size: 2.0rem;
	}
}

.umekomi-sty .commentThumbNailWrap {
	width: 100%;
}

.umekomi-sty .commentThumbNailWrap .txt {
	color: #000;
	font-size: 6.4vw;
	padding-bottom: 4vh;
	padding-top: 4vh;
}

.umekomi-sty .commentThumbNailWrap img {
	height: 240px;
	display: block;
	object-fit: cover;
	vertical-align: top;
}

@media screen and (min-width: 767px) {
	.umekomi-sty .commentThumbNailWrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.umekomi-sty .commentThumbNailWrap .txt {
		font-size: 1.5rem;
		padding-top: 12px;
	}
	.umekomi-sty .commentThumbNailWrap img {
		height: auto;
		margin-left: 32px;
		margin-top: 15px;
		width: 180px;
	}
}