@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700&display=swap");

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

html {
	padding: 0 0 20px;
	scrollbar-color: rgba(251, 250, 236, 1) rgba(255, 255, 255, 0.35);
}

html,
body {
	min-height: 100%;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	line-height: 1.6;
	/*background: rgba(0, 0, 0, 0.9);
	color: #FFFFFF;*/
	background: rgb(251 250 236 / 98%);
	color: #595f88;
}

a {
	color: inherit;
}

img {
	max-width: 100%;
	height: auto;
}

.sp {
	display: none !important;
}

@media screen and (max-width:767px) {
	.sp {
		display: block !important;
	}
}

@media screen and (max-width:767px) {
	.pc {
		display: none !important;
	}
}


.meta {
	display: flex;
	align-items: center;
}

.meta .cat {
	display: flex;
	vertical-align: middle;
}

.meta .cat>* {
	display: block;
	background: #f16161;
	/*
	background: #D90000;
	color: #FFFFFF;
	*/
	color: #fbfaec;
	border-radius: 6px;
}

.meta time {}

.link a {
	display: block;
	color: inherit;
	/*text-decoration: none;*/
}

.link a::before {
	display: inline-block;
	content: "";
	vertical-align: middle;
	transform: rotate(45deg);
	margin-right: 0.5em;
}

.text_bold {
	font-weight: 1000;
}

/* PC */
@media screen and (min-width:768px) {
	body {
		/* display: flex;
		align-items: flex-start; */
		font-size: 18px;
		line-height: 1.6;
		padding: 30px;
		/* gap: 0 calc(100% / 1180 * 66); */
	}

	.img {
		width: calc(100% / 1180 * 549);
		float: right;
		margin: 0 0 10px 20px;
		flex-shrink: 0;
		/* margin: 70px 0 0; */
		/* margin-right: calc(100% / 1180 * 66); */
	}

	.img img {
		width: 100%;
		border: 6px solid #FFFFFF;
	}

	/* .body {
		width: calc(100% / 1180 * (1180 - 549 - 66));
	} */

	.noimage {
		width: 100%;
	}

	.meta {
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 35px;
	}

	.meta .cat>* {
		line-height: 1.0;
		padding: 5px 10px;
		margin-right: 15px;
	}

	h1 {
		font-size: 36px;
		line-height: 1.6;
		margin-bottom: 35px;
	}

	.text {
		margin-bottom: 80px;
		display: flex;
		flex-direction: row-reverse;
	}


	.link a {
		margin-bottom: 10px;
	}

	.link a::before {
		width: 6px;
		height: 6px;
		border-top: 2px solid #595f88;
		border-right: 2px solid #595f88;
		/*
		border-top: 2px solid #FFFFFF;
		border-right: 2px solid #FFFFFF;*/
		margin-bottom: 2px;
	}
}

/* SP */
@media screen and (max-width:767px) {
	body {
		padding: calc(50px / 2) calc(58px / 2) 30px;
	}

	.img {
		margin-bottom: calc(46px / 2);
	}

	.img img {
		width: 100%;
		border: calc(6px / 2) solid #FFFFFF;
	}

	.meta {
		font-size: calc(24px / 2);
		line-height: 1.6;
		margin-bottom: calc(30px / 2);
	}

	.meta .cat>* {
		line-height: 1.0;
		padding: calc(8px / 2) calc(14px / 2);
		margin-right: 15px;
	}

	h1 {
		font-size: calc(46px / 2);
		line-height: 1.6;
		margin-bottom: calc(30px / 2);
	}

	.text {
		margin-bottom: calc(70px / 2);
	}

	.link a {
		margin-bottom: 10px;
	}

	.link a::before {
		width: 6px;
		height: 6px;
		border-top: 2px solid #595f88;
		border-right: 2px solid #595f88;
		/*
		border-top: 2px solid #FFFFFF;
		border-right: 2px solid #FFFFFF;*/
		margin-bottom: 2px;
	}
}