*{
	margin: 0;
	padding: 0;
}
:root {
	/*-----size-----*/
	--main-wrap-space: 0;
	--main-inner-space: 5%;
	--side-space: 16px;		
	--under-space: 24px;
	--under-h2: 16px;
	--contents-space: 16px;
	--contents-size: 120px;

	/*-----color ライトモード-----*/
	--renta-green: #8FC31F;
	--background-high: #DDDDDD;
	--background-medium: #F5F5F6;
	--background-low: #FAFAFA;
	--background-ui-green-low: #F2F8E6;
	--background-ui-orange-low: #FEF2EC;
	--background-ui-red-low: #FCEDED;
	--text-headline: #202020;
	--text-body: #303030;
	--text-caption-high: #646464;
	--text-caption-medium: #747474;
	--text-caption-low: #848484;
	--ui-green: #7EB802;
	--ui-orange: #F97942;
	--ui-red: #E34D4D;
	--text-link-high: #545454;
	--text-link-medium: #646464;
	--text-link-low: #848484;
	--text-link-blue: #2861D4;
	--border-highest: #C8C8C8;
	--border-high: #DEDEDE;
	--border-medium: #EAEAEA;
	--border-low: #F0F0F0;

	/*-----font-size-----*/
	--size-headline-large: 18px;
	--size-headline-medium: 16px;
	--size-headline-small: 14px;
	--size-body-large: 13px;
	--size-body-small: 12px;
	--size-caption-large: 11px;
	--size-caption-small: 10px;

	/*-----box-shadow-----*/
	--box-shadow-low: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
	--box-shadow-high: 0px 2px 12px 0px rgba(0, 0, 0, 0.12);
	--sheet-shadow-top: 0px -4px 8px 0px rgba(0, 0, 0, 0.04);
	--sheet-shadow-bottom: 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
}

/* ----- 記事共通 ----- */
.article-main_wrap {
	background: var(--background-medium);
	color: var(--text-body);
	line-height: 1.6;
	padding: var(--main-wrap-space) 0;
}
.article-main_wrap a {
	color: var(--text-link-blue);
}
.article-main_inner {
	background: #fff;
	text-align: left;
	line-height: 1.6;
	border-radius: 4px;
	padding: var(--main-inner-space) var(--side-space);
}

.article-top,
.article-top_type,
.article-top h1 {
	margin-bottom: 16px;
}
.article-top {
	font-size: var(--size-headline-small);
}
.article-top h1 {
	font-size: var(--size-headline-large);
	line-height: 1.4;
}
/*時計*/
.article-top time {
	color: var(--text-caption-high);
	font-size: var(--size-headline-small);
}
.article-top time .clock {
	display: inline-block;
	width: 18px;
	height: 18px;
	position: relative;
	margin-right: 8px;
	background: #98A6B5;
	border: solid 1px currentColor;
	border-radius: 10px;
	color: #fff;
	vertical-align: middle;
}
.article-top time .clock:before {
	content: '';
	position: absolute;
	top: 9px;
	left: 7.5px;
	width: 4.5px;
	height: 2px;
	background-color: currentColor;
	transform: rotate(45deg);
}
.article-top time .clock:before {
	content: '';
	position: absolute;
	top: 9px;
	left: 7.5px;
	width: 4.5px;
	height: 2px;
	background-color: currentColor;
	transform: rotate(45deg);
}

.article-top time .clock:after {
	content: '';
	position: absolute;
	top: 2px;
	left: 7px;
	width: 2px;
	height: 7px;
	background-color: currentColor;
}
.article-top_label {
	margin-top: 16px;
	background: var(--background-high);
	text-align: center;
}
.article-top_label img {
    width: 100%;
}
.article-top_label img {
	max-width: max-content;
}
.tate.article-top_label img {
	max-width: 400px!important;
}
.article-top_text {
	margin-bottom: var(--under-space);
	padding: 16px;
	background: var(--background-medium);
	font-size: var(--size-headline-small);
}

/* 記事部分 */
.article-illust_list,
.article-item_p {
	margin-bottom: var(--under-space);
}
.article-item_h2 {
	font-size: var(--size-headline-medium)!important;
	margin-bottom: var(--under-h2);
}
.article-item_contents {
	display: flex;
	align-items: flex-start;
	gap: 0 var(--contents-space);
	margin-bottom: 16px;
}
.article-item_contents_cover {
	width: var(--contents-size);
}
.article-item_contents_cover a {
	display: block;
}
.article-item_contents_cover img {
	width: 100%;
	border-radius: 4px;
	box-sizing: border-box;
	filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 12%));
}
.article-item_contents_desc {
	width: calc(100% - (var(--contents-size) + var(--contents-space)));
}
.article-item_contents_desc h3 {
	margin-bottom: 8px;
	font-size: var(--size-headline-small);
}
.article-item_contents_desc h3 a {
	display: inline;
}
.article-item_contents_list {
	overflow: hidden;
	line-height: 2;
	font-size: var(--size-headline-small);
}
.article-item_contents_list span {

}
.article-item_contents_list span:nth-child(odd){
	font-weight: bold;
}
.article-item_contents_list a {
	display: inline;
	word-break: break-all;
	line-height: 1.2;
}
.link {
	margin-top: 16px;
}
.article-item_contents_story {
	font-size: var(--size-headline-small);
	margin-bottom: var(--under-space);
}

/* イラスト */
.article-illust_list {
	display: flex;
	align-items: flex-start;
	gap: 0 8px;
}
.article-illust_list li {
	width: calc(100% / 2 - 8px);
	text-align: center;
}
.article-illust_list img {
	width: 100%;
	border-radius: 4px;
	box-sizing: border-box;
	filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 12%));
}
.small.article-illust_list img {
	max-width: 260px;
}
.article-illust_list p {
	padding-top: 8px;
	text-align: left;
	font-size: var(--size-body-large);
}
.article-item_sns {
	margin-top: 6px;
	font-size: var(--size-headline-small);
}
.underspace.article-item_sns {
	margin-bottom: var(--under-space);
}
.article-item_sns span {
	padding-right: 8px;
	font-weight: bold;
}
.article-item_sns a {
	display: inline;
	font-size: var(--size-headline-small);
	word-break: break-all;
}
.article-item_text {
	font-size: var(--size-headline-small);
	margin-bottom: var(--under-space);
}
.article-item_text_nospace {
	font-size: var(--size-headline-small);
}
.article-item_text_nospace,
.article-item_text a {
	display: inline;
}
.article-item_text_nospace,
.article-item_text img {
	max-width: 500px;
	width: 100%;
}


/* box */
.article-item_box {
	padding: 16px;
	border-radius: 4px;
	border: 1px solid var(--border-high);
	box-sizing: border-box;
}

/* youtube */
.article-youtube {
	margin-bottom: var(--under-space);
}
.article-youtube iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
}

/* フッター */
.article-footer {
	margin-top: 48px;
	text-align: left;
}
.article-footer img {
	width: 160px;
}
.article-footer a {
	display: inline;
	font-size: var(--size-body-small);
}
.article-footer p {
	padding-top: 24px;
	font-size: var(--size-headline-small);
}
.info_wrap {
	border-top: 2px solid #ccc;
	margin-top: 32px;
	padding-top: 32px;
}
.info_wrap ul {
	margin-bottom: 24px;
}
.info_wrap li {
	margin-bottom: 8px;
}
.info_wrap li:first-of-type {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 8px;
}
.info_wrap span {
	font-size: 12px;
	display: inline-block;
	width: 76%;
	vertical-align: top;
}
.info_wrap span:first-of-type {
	font-size: 12px;
	width: 18%;
	border-right: 1px solid #ccc;
	margin-right: 5%;
}
@media screen and (min-width: 600px){
	:root {
		/*-----size-----*/
		--main-inner-space: 64px;
		--under-space: 32px;
		--side-space: 24px;
		--contents-space: 32px;

		/*-----font-size-----*/
		--size-headline-large: 20px;
		--size-headline-medium: 18px;
		--size-headline-small: 16px;
		--size-body-large: 15px;
		--size-body-small: 14px;
		--size-caption-large: 13px;
		--size-caption-small: 12px;
	}
	.article-illust_list {
		gap: 0 16px;
	}
	.article-illust_list p {
		text-align: center;
	}
	.article-illust_list li {
		width: calc(100% / 2 - 16px);
	}

	.info_wrap ul {
		display: inline-block;
		width: 35%;
		vertical-align: top;
		margin-top: 24px;
	}
	.info_wrap ul:first-of-type {
		margin-right: 5%;
		width: 60%;
	}

	.info_wrap li:first-of-type {
		font-weight: bold;
		font-size: 16px;
		margin-bottom: 24px;
	}
}
@media screen and (min-width: 1048px){
	:root {
		/*-----size-----*/
		--main-wrap-space: 75px;
		--under-space: 48px;
		--contents-size: 226px;
		--side-space: 48px;

		--size-headline-large: 28px;
	}
	.article-main_inner {
		max-width: calc(1000px - var(--side-space));
		margin: 0 auto;
	}
	.article-item_contents_desc h3 a {
		font-size: 17px;
	}
}