
/*====================================================
////id archive
====================================================*/
#archive .item {
	border: none;
	padding: 0;
}
#archive .item a {
	grid-template-columns: 1fr;
	padding-right: 0;
}
#archive .date_cate {
	display: none;
}
#archive .item .imgBox {
	grid-column: 1;
	grid-row: 1 / 2;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	#archive .itemBox {
		grid-gap: 1.5em 1em;
		grid-template-columns: repeat(2, 1fr);
	}
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#archive .itemBox {
		grid-gap: 1.5em 1em;
		grid-template-columns: repeat(3, 1fr);
	}
	#archive .item a::after {
		display: none;
	}
	#archive .title {
	  font-size: 1.8rem;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1280px) {
}

/*====================================================
////id single
====================================================*/
.head-question, .bodyText.default_deco h3.head-question {
	background: transparent;
	border-bottom: solid 2px var(--l_blue);
	padding: 0 0 .2em 1.5em;
	position: relative;
}
.head-question::before {
	color: var(--blue);
	content: 'Q.';
	display: block;
	font-size: 1.2em;
	font-family: 'Oswald';
	margin: auto;
	position: absolute;
		top: -.2em;
		left: 0;
	width: 1em;
	height: 1em;
}
.color-green .head-question, .color-green .bodyText.default_deco h3.head-question {
	border-bottom-color: var(--l_green);
}
.color-green .head-question::before {
	color: var(--blue);
}
#information .itemBox {
	grid-gap: 1.5em 2em;
}
#information table a {
	word-break: break-all;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#information .itemBox .img {
		width: 30%;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1280px) {
}
