@charset "UTF-8";
/* ------------------------------
TAG 記事一覧
------------------------------ */
.tag #main {
	padding-bottom: 55px;
	background-color: #fafafa;
}
.tag #main .pageTTL {
	margin:90px auto 110px auto;
	text-align: center;
}
.tag #main .pageTTL h3{
	max-width: 900px;
	margin:30px auto 0px auto;
	font-size: 29px;
	font-size: 2.9rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 1;
	text-align: center;
}

.articleList {
	min-height: 400px;
	border-top: solid 1px #ececec;
}
.articleList li{
	padding:30px 70px 30px 15px;
	border-bottom: solid 1px #ececec;
	list-style: none;
	letter-spacing: 0.05em;

	background-image: url(../img/arrow_gray_right.png);
	background-repeat: no-repeat;
	background-size: auto 16px ;
	background-position: 99% 50%;
	transition: background-color 0.3s ease 0.1s;
}
.articleList a:hover{
	background-color: #fafafa;
}
.articleList h4{
	margin-bottom:5px;
	font-size:18px;
	font-size:1.8rem;
	color: #0fae78;
}
.articleList p{
	text-align: left;
	font-size:14px;
	font-size:1.4rem;
}
.articleList p.tag a{
	display: inline-block;
	margin-right: 0.5em;
}

/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ1170px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */
@media only screen and (max-width: 1170px) {




}



/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ768px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */

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

.articleList li{
	padding:15px 20px 15px 5px;
}
.articleList p{
	font-size:12px;
	font-size:1.2rem;
}



}