@charset "UTF-8";

body {
	font-size: 16px;
	*font-size: small;
	*font: x-small;
	font-feature-settings: "palt";
	/* font-family: "Penpal", "Meiryo UI"; */
	font-family: "Noto Sans JP", "LINE Seed JP", system-ui, -apple-system, "Hiragino Sans", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, sans-serif;
	/* font-family: "Noto Sans JP", sans-serif, "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"; */
	/* font-weight: 400; */
}

.ttl {
	font-weight: 400;
	font-style: normal;
}

/* .sttl,
.marugo,
.btn a,
.btn p,
#about_area,
.img_list_03 li h2,
#next_area .text_box h2,
#next_area .text_box h3,
#archive_area .text_box h2,
#archive_area .text_box h3,
#entry_area h3 
{
	font-family: 'UD Shin Maru Go Bold JIS2004','tofu';
} */

table {
	font-size: inherit;
}

/* 72px */
.ttl {
	font-size: 450%;
}

/* 64px */
.ttl_entry {
	font-size: 325%;
}

/* 52px */
/*
{
	font-size: 325%;
}
*/

/* 48px */
#next_area .text_box h3,
#outline_area h3 {
	font-size: 300%;
}

/* 40px */
/*
{
	font-size: 250%;
}
*/

/* 32px */
.btn a,
.btn p,
#about_area h3,
#entry_area h3,
#archive_area .text_box h3 {
	/* font-family:  "Hiragino Maru Gothic W8 JIS2004","Meiryo UI"; */
	font-size: 200%;
}

/* 28px */
#next_area .text_box h2 {
	font-size: 175%;
}

/* 26px */
#archive_area .text_box h2 {
	font-size: 162.5%;
}

/* 24px */

/* 22px */
/*
{
	font-size: 137.5%;
}
*/

/* 20px */
.big,
table th,
.entry_box>p {
	font-size: 125%;
}

/* 18px */
table td,
.img_list_03 li h5,
#next_area .text_box p,
#archive_area .text_box p {
	font-size: 112.5%;
}

.text-large {
	font-size: 1.5rem;
}

/* 16px */
/*
{
	font-size: 100%;
}
*/

/* 14px */
/*
{
	font-size: 87.5%;
}
*/

/* 13px */
.small {
	font-size: 81.2%;
}

/* 12px */
#footer p {
	font-size: 120%;
}

/* 11px */
/*
{
	font-size: 69%;
}
*/

/* 10px */
/*
{
	font-size: 62.5%;
}
*/

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

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

	/* 40px */
	.ttl_entry,
	#next_area .text_box h3 {
		font-size: 250%;
	}
}

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

	/* 52px */
	.ttl {
		font-size: 325%;
	}
}