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

/*-----------------------------------------------------	*/
/* Header
/*-----------------------------------------------------	*/

.pc {
	display: none;
}

/*-----------------------------------------------------	*/
/* Main
/*-----------------------------------------------------	*/

main section div.loop-card ul li {
	width: 95%;
}

main section div.loop-card ul li article a span.date {
	font-size: clamp(12px, 3vw, 13px);
	line-height: 1.5rem;
}

main section div.loop-card ul li article a span.title {
	font-size: clamp(16px, 4.2vw, 17px);
}

/*-----------------------------------------------------	*/
/* Footer
/*-----------------------------------------------------	*/

.menu-all div.container ul li {
	margin: 8px;
	width: calc(50% - 16px);
}

.menu-all div.container dl {
	display: block;
}

.menu-all div.container dl dt,
.menu-all div.container dl dd {
	display: block;
	width: 100%;
}

.menu-all div.container dl dt {
	text-align: center;
}

.menu-all div.container dl dd {
	padding: 8px;
}

.menu-all div.container div.wrapper,
.menu-all div.container div.wrapper div.left,
.menu-all div.container div.wrapper div.right {
	display: block;
}

.menu-all div.container div.wrapper div.left,
.menu-all div.container div.wrapper div.right {
	margin: 0px;
	text-align: left;
}

.menu-all div.container div.wrapper div.left ul li {
	margin: 8px;
}

}

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

	/*-----------------------------------------------------	*/
	/* Admin Bar
	/*-----------------------------------------------------	*/

	#wpadminbar {
		position: fixed;
	}

}