@charset "UTF-8";

*{
	margin: 0px;
	padding: 0px;
	border:0px;
}


:root{
	--main-moji: #454545; /*  デフォルト文字用 */
	--haikei-hiro: #fefefe; /*  背景色 */
	--link-iro: #6bad94; /*  リンク色 */
	--line-iro: #676767; /*  線の色 */
}

html,body{
	background-color: var(--haikei-hiro);
	font-family: 'Montserrat','M PLUS 1',sans-serif;
	font-size: 17px;
	line-height: 1.8;
	color: var(--main-moji);
}

ul,li{
	list-style-type: none;
}

h1,h2,h3,h4,h5{
	font-weight: normal;
}

a{
	color: var(--link-iro);
	text-decoration: none;
}

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

.title{
	float: left;
	padding:10px 0 10px;
	text-align: center;
	font-size: 24px;
}

.memu{
	padding:10px;
	position: sticky;
	top: 0;
	z-index:98;
	background-color: var(--haikei-hiro);

}
.memu ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.memu li{
	font-size: 24px;
	padding:0 18px;
}

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

main{
	margin: 0 auto;
	max-width: 900px;
}

.top{
	margin: 10px 0 0;
}
.topimg{
	max-width: 100%;
}

@media screen and (min-height: 640px) {
}

.memo{
	margin:5px 0 25px;
	padding: 0 10px;
}

.update, .link{
	padding: 25px 10px;
}
.update li, span.update_day{
	padding-right:10px;
}

.memo a, .link a{
	margin: 1px 8px 1px 1px;
}

.link h2{
	padding-top:10px;
	font-size: 17px;
	line-height: normal;
}

.pagetitle{
	padding: 24px 0 10px;
	font-size: 28px;
	text-align: center;
}

.pagetitle_m{
	margin-bottom; 10px;
	padding: 34px 10px 0;
	font-size: 24px;
	border-bottom: 1px solid var(--line-iro);
}

.category{
	margin: 0;
	font-size: 18px;

}
.category ul{
	display: flex;
	 flex-wrap: wrap;
	justify-content: center;
}
.category li{
	padding: 0 8px;
}
.category li a{
}

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

footer{
	padding: 30px 0 10px;
	text-align: center;
}

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

.cm-12{font-size: 12px;}
.cm-14{font-size: 14px;}
.cm-16{font-size: 16px;}
.cm-20{font-size: 20px;}