@charset "utf-8";

:root {
	/* SPデザインカンプの横幅（375px） */
	--base-width: 375;
	/* 1pxあたりのvw単位を計算して変数化 */
	--vw-unit: calc(100vw / var(--base-width));

	--color-text: #333333;
	--color-link: #0F96B8;
	--color-white: #FFFFFF;
	--color-border: #A9D4DF;
	--color-border-footer: #88BCC9;
	--color-bg-smoke-light: #F1F4F6;
	--color-bg-smoke: #E4E9ED;
	--color-primary: #0066C0;
	--color-primary-hover: #00529A;
	--color-accent: #5BC2DC;
	--color-accent-hover: #ADE0EE;
	--color-placeholder: #888888;
	--color-new: #FF0000;
	--color-category-liquor: #AB8900;
	--color-category-foods: #549600;
	--color-category-others: #6600B7;
	--color-category-saji: #00B5AA;
	--color-category-torii: #15398B;
	--color-disabled-bg: #F0F0F0;
	--color-disabled-border: #DDDDDD;
	--color-disabled-text: #CCCCCC;

}

/*------------------------------------------------------------
[PC] Global MADO & Top Messages
BASE COMMON
.page_global_mado
.top_messages
------------------------------------------------------------ */

/*------------------------------------------------------------
[COMMON] reset
------------------------------------------------------------ */
form {
	font-family: Arial, sans-serif;
	color: var(--color-text);
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.glmado_contents,
.glmado_contents * {

	box-sizing: border-box;
}

.glmado_contents em,
.glmado_contents i {
	font-style: italic;
}

.glmado_contents img {
	vertical-align: bottom;
}

/*------------------------------------------------------------
[COMMON] breadcrumbs
------------------------------------------------------------ */
.glmado_contents .breadcrumbs ol {
	display: block;
	font-size: 0;
	line-height: 1.35;
	overflow-wrap: break-word;
}

.glmado_contents .breadcrumbs ol li {
	display: contents;
	list-style: none;
	margin: 0;
	padding: 0;
}

.glmado_contents .breadcrumbs ol li a {
	display: inline;
	margin-right: 21px;
	color: var(--color-link);
	text-decoration: none;
	position: relative;
}

.glmado_contents .breadcrumbs ol li a::after {
	content: '';
	position: absolute;
	background: url(../img/arrow_right.svg) no-repeat 0 center;
}

.glmado_header .contents_title .btn_submit_story a,
.glmado_header .contents_title .btn_submit_story a:hover,
.glmado_header .contents_title .btn_submit_story a span {
	text-decoration: none;
}

/*------------------------------------------------------------
[COMMON] by_keyword - open_input
------------------------------------------------------------ */
.glmado_contents .by_keyword .open_input {
	display: none;
}

/*------------------------------------------------------------
[COMMON] contents_list category color
------------------------------------------------------------ */
.glmado_contents .contents_list .category.category_liquor {
	color: var(--color-category-liquor);
}

.glmado_contents .contents_list .category.category_foods {
	color: var(--color-category-foods);
}

.glmado_contents .contents_list .category.category_others {
	color: var(--color-category-others);
}

.glmado_contents .contents_list .category.category_saji {
	color: var(--color-category-saji);
}

.glmado_contents .contents_list .category.category_torii {
	color: var(--color-category-torii);
}

.glmado_contents .contents_list .text_block {
	display: block;
}

.glmado_contents .detail_side .contents_list li a .text {
	font-weight: normal;
}

.glmado_contents aside.detail_side .contents_list .category {
	background: var(--color-white);
}

.glmado_contents section a {
	color: var(--color-text);
	text-decoration: none;
}

/*------------------------------------------------------------
[SP]glmado_contents
------------------------------------------------------------ */
@media screen and (max-width: 767px) {
	.glmado_contents {
		margin: 0 auto;
		padding-bottom: 12vw;
		width: 89.333333333333333vw;
	}

	.glmado_contents section h2 {
		font-size: calc(21 * var(--vw-unit));
		line-height: 1.3;
		width: 100%;
		margin: 0 0 calc(18 * var(--vw-unit));
		border-bottom: none;
	}

	/*------------------------------------------------------------
[SP]beradcrumbs
------------------------------------------------------------ */

	.glmado_contents .breadcrumbs {
		margin: 3.2vw 0 8vw;
	}

	.glmado_contents .breadcrumbs ol li,
	.glmado_contents .breadcrumbs ol li a {
		font-size: calc(12 * var(--vw-unit));
		line-height: 1.35;
	}

	.glmado_contents .breadcrumbs ol li a {
		margin-right: calc(21 * var(--vw-unit));
	}

	.glmado_contents .breadcrumbs ol li a::after {
		width: calc(21 * var(--vw-unit));
		height: calc(8 * var(--vw-unit));
		background-position: center center;
		background-size: calc(4 * var(--vw-unit)) auto;
		top: calc(50% - (4 * var(--vw-unit)));
		right: calc(-21 * var(--vw-unit));
	}

	.glmado_contents .glmado_header {
		width: calc(335 * var(--vw-unit));
		margin: 0 auto;
	}

	.glmado_contents .glmado_header .contents_title {
		margin: calc(30 * var(--vw-unit)) 0;
		width: calc(335 * var(--vw-unit));
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.glmado_header h1 a {
		font-size: calc(24 * var(--vw-unit));
		line-height: 1.2;
		color: var(--color-text);
		text-decoration: none;
	}

	.glmado_header .contents_title .btn_submit_story {
		margin: 0;
		padding: 0;
		flex-shrink: 0;
	}

	.glmado_header .contents_title .btn_submit_story a {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		width: calc(135 * var(--vw-unit));
		height: calc(45 * var(--vw-unit));
		padding: 0 0 0 calc(15 * var(--vw-unit));
		border: none;
		border-radius: calc(3 * var(--vw-unit));
		background-color: var(--color-primary);
		color: var(--color-white);
		font-weight: bold;
		font-size: calc(14 * var(--vw-unit));
		line-height: normal;
		flex-shrink: 0;
	}

	.glmado_header .contents_title .btn_submit_story a span {
		display: block;
		padding-left: calc(26 * var(--vw-unit));
		background: url(../img/icon_post_wh.svg) no-repeat left center;
		background-size: calc(14 * var(--vw-unit)) calc(14 * var(--vw-unit));
		line-height: normal;
		text-align: center;
	}

	.glmado_header .contents_title .btn_submit_story a:hover {
		background-color: var(--color-primary-hover);
	}

	.page_global_mado .sgc_bnr {
		margin: 0 0 calc(30 * var(--vw-unit));
	}

	.page_global_mado .sgc_bnr img {
		width: calc(335 * var(--vw-unit));
	}

	.page_global_mado .glmado_contents .glmado_header .search_area,
	.page_top_messages .glmado_contents .glmado_header .search_area {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin: 0;
		width: calc(335 * var(--vw-unit));
		height: calc(51 * var(--vw-unit));
		gap: 0;
	}

	.page_global_mado .glmado_header .search_area .pulldown.mado_category {
		flex-shrink: 0;
		transition: all .2s ease;
	}

	.page_global_mado .glmado_header .search_area .pulldown.hide {
		opacity: 0;
		visibility: hidden;
		width: 0;
		min-width: 0;
		overflow: hidden;
		margin: 0;
		transition: all .2s ease;
	}

	.page_global_mado .glmado_contents .pulldown.mado_category {
		min-width: 0;
		width: calc(293 * var(--vw-unit));
	}

	.page_global_mado .glmado_contents .pulldown select {
		appearance: none;
		background: var(--color-white) url(/assets/img/arrow_down.svg) no-repeat right calc(15 * var(--vw-unit)) center / calc(10 * var(--vw-unit)) auto;
		border: 1px solid var(--color-border);
		border-radius: calc(3 * var(--vw-unit));
		cursor: pointer;
		font-size: calc(14 * var(--vw-unit));
		line-height: 1.2;
		color: var(--color-text);
		padding: 0 calc(30 * var(--vw-unit)) 0 calc(21 * var(--vw-unit));
		width: 100%;
		height: calc(42 * var(--vw-unit));
		position: relative;
	}

	/*------------------------------------------------------------
	[SP] by_keyword - open_input（search_area）
	top_message / cate_* / message / nobuhiro_torii
	------------------------------------------------------------ */
	.glmado_contents .glmado_header .search_area .by_keyword {
		position: relative;
		width: calc(42 * var(--vw-unit));
		height: calc(51 * var(--vw-unit));
		flex-shrink: 0;
	}

	.glmado_contents .glmado_header .search_area .by_keyword .open_input {
		display: block;
		width: calc(42 * var(--vw-unit));
		height: calc(51 * var(--vw-unit));
		margin: 0;
		padding: 0 calc(3 * var(--vw-unit)) 0 0;
		color: transparent;
		font-size: 0;
		background: url(/assets/img/loupe.svg) no-repeat right calc(3 * var(--vw-unit)) center / calc(27 * var(--vw-unit));
		text-indent: 100%;
		border: none;
		cursor: pointer;
		overflow: hidden;
		box-sizing: border-box;
	}

	.glmado_contents .glmado_header .search_area .by_keyword .open_input.close {
		background: url(/assets/img/icon_close.svg) no-repeat right calc(6 * var(--vw-unit)) center / calc(21 * var(--vw-unit));
		padding: 0 calc(6 * var(--vw-unit)) 0 0;
	}

	.glmado_contents .glmado_header .search_area .by_keyword .input_box {
		display: block;
		position: absolute;
		right: calc(42 * var(--vw-unit));
		top: 0;
		width: 0;
		height: calc(51 * var(--vw-unit));
		overflow: hidden;
		opacity: 0;
		transition: all .2s ease;
	}

	.glmado_contents .glmado_header .search_area .by_keyword .input_box.show {
		width: calc(293 * var(--vw-unit));
		opacity: 1;
	}

	.glmado_contents .glmado_header .search_area .by_keyword .input_box form {
		height: 100%;
	}

	/*------------------------------------------------------------
	[SP] by_keyword - input（共通）
	top_message / cate_* / recent aside / search/* / message / nobuhiro_torii
	------------------------------------------------------------ */
	.glmado_contents .by_keyword form {
		position: relative;
	}

	.glmado_contents .by_keyword input[type="text"] {
		display: block;
		cursor: text;
		width: 100%;
		height: calc(51 * var(--vw-unit));
		padding: 0 calc(45 * var(--vw-unit)) 0 calc(15 * var(--vw-unit));
		border: none;
		outline: none;
		border-radius: calc(3 * var(--vw-unit));
		font-size: 16px;
		line-height: 1;
		color: var(--color-text);
		background: var(--color-bg-smoke);
		box-sizing: border-box;
		overflow: hidden;
	}

	.glmado_contents .by_keyword input::placeholder {
		font-size: 14px;
		color: var(--color-placeholder);
	}

	.glmado_contents .by_keyword input:focus::placeholder {
		color: transparent;
	}

	.glmado_contents .by_keyword input[type="submit"] {
		display: block;
		width: calc(45 * var(--vw-unit));
		height: calc(51 * var(--vw-unit));
		padding: 0;
		position: absolute;
		top: 0;
		right: 0;
		color: transparent;
		font-size: 0;
		background: url(/assets/img/loupe.svg) no-repeat center center / calc(21 * var(--vw-unit));
		text-indent: 100%;
		border: none;
		cursor: pointer;
		overflow: hidden;
	}

	.glmado_contents .by_keyword input[type="submit"]:hover {
		opacity: 0.6;
	}

	/*------------------------------------------------------------
	[SP] by_keyword - search_article_head
	search/article・search/message
	------------------------------------------------------------ */
	.glmado_contents .glmado_header .search_article_head {
		margin: calc(30 * var(--vw-unit)) 0 0;
		width: 100%;
		display: block;
	}

	.glmado_contents .glmado_header .search_article_head .by_keyword {
		width: 100%;
	}

	.page_global_mado #mado_top {
		width: calc(335 * var(--vw-unit));
		margin: calc(30 * var(--vw-unit)) auto 0;
	}

	.page_global_mado #mado_top .contents_list {
		display: flex;
		flex-wrap: wrap;
		column-gap: calc(15 * var(--vw-unit));
		row-gap: calc(24 * var(--vw-unit));
		/*padding-bottom: calc(25 * var(--vw-unit));*/
	}

	.page_global_mado #mado_top .contents_list li {
		width: calc(160 * var(--vw-unit));
		margin: 0;
		border: none;
		padding: 0;
		flex-shrink: 0;
	}

	.page_global_mado #mado_top .contents_list li a {
		display: flex;
		flex-direction: column;
		gap: calc(9 * var(--vw-unit));
		position: relative;
		text-decoration: none;
	}

	.page_global_mado #mado_top .contents_list li a:hover,
	.page_global_mado #mado_top .contents_list li a:focus {
		text-decoration: none;
	}

	.page_global_mado #mado_top .contents_list figure {
		position: relative;
		width: calc(160 * var(--vw-unit));
		height: calc(113 * var(--vw-unit));
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	.page_global_mado #mado_top .contents_list figure img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.page_global_mado #mado_top .contents_list .text_block {
		width: 100%;
		text-decoration: none;
	}

	.page_global_mado #mado_top .contents_list .text_block p {
		text-decoration: none;
	}

	.page_global_mado #mado_top .contents_list li a:hover p.text {
		text-decoration: none;
	}

	.page_global_mado #mado_top .contents_list li a p.text {
		margin: 0 0 calc(9 * var(--vw-unit));
		font-size: calc(14 * var(--vw-unit));
		line-height: 1.5;
		color: var(--color-text);
	}

	.page_global_mado #mado_top .contents_list .date {
		margin: 0;
		font-size: calc(12 * var(--vw-unit));
		line-height: 1.35;
		color: var(--color-text);
	}

	.page_global_mado #mado_top .contents_list li.new figure::after {
		content: "New";
		display: block;
		position: absolute;
		right: calc(3 * var(--vw-unit));
		top: calc(3 * var(--vw-unit));
		z-index: 2;
		padding: calc(1 * var(--vw-unit)) calc(6 * var(--vw-unit));
		color: var(--color-white);
		line-height: 1;
		font-size: calc(11 * var(--vw-unit));
		font-weight: bold;
		background: var(--color-new);
		border-radius: calc(3 * var(--vw-unit));
		pointer-events: none;
	}

	.page_global_mado #mado_top .contents_list li.new .date::after {
		content: none;
		display: none;
	}

	.page_global_mado #mado_top .contents_list .category {
		display: inline-block;
		margin: calc(6 * var(--vw-unit)) 0 0;
		padding: calc(2 * var(--vw-unit)) calc(9 * var(--vw-unit));
		background: var(--color-bg-smoke-light);
		border-radius: calc(3 * var(--vw-unit));
		font-size: calc(12 * var(--vw-unit));
		font-weight: normal;
		line-height: 1;
	}

	/*------------------------------------------------------------
[SP][COMMON] contents_list（#mado_top以外）
------------------------------------------------------------ */
	.glmado_contents .contents_list .date {
		display: inline-block;
		margin: 0;
		font-size: calc(12 * var(--vw-unit));
		line-height: 1.5;
		color: var(--color-text);
	}

	.glmado_contents .contents_list .category {
		display: inline-block;
		margin: calc(9 * var(--vw-unit)) 0 0;
		padding: calc(2 * var(--vw-unit)) calc(9 * var(--vw-unit));
		background: var(--color-bg-smoke-light);
		border-radius: calc(3 * var(--vw-unit));
		font-size: calc(12 * var(--vw-unit));
		font-weight: normal;
		line-height: 1;
	}

	.glmado_contents .contents_list li a .text {
		margin: calc(3 * var(--vw-unit)) 0 0;
		font-weight: bold;
		font-size: calc(13 * var(--vw-unit));
		line-height: 1.5;
		color: var(--color-text);
	}

	/*------------------------------------------------------------
[SP]mado_category
Figma: 61:1207
------------------------------------------------------------ */
	.page_global_mado #mado_category {
		width: calc(335 * var(--vw-unit));
		margin: calc(30 * var(--vw-unit)) auto 0;
	}

	.page_global_mado #mado_category .contents_list {
		display: block;
		width: 100%;
		margin: 0;
	}

	.page_global_mado #mado_category .contents_list li {
		display: block;
		width: 100%;
		margin: 0;
		padding: calc(15 * var(--vw-unit)) 0;
		border-top: 1px dashed var(--color-border);
		border-bottom: none;
	}

	.page_global_mado .glmado_contents #mado_category .contents_list li a {
		display: flex;
		flex-flow: row nowrap;
		align-items: flex-start;
		justify-content: flex-start;
		gap: calc(15 * var(--vw-unit));
		text-decoration: none;
	}

	.page_global_mado .glmado_contents #mado_category .contents_list li a:hover {
		text-decoration: none;
	}

	.page_global_mado .glmado_contents #mado_category .contents_list li a:hover figure {
		opacity: 0.8;
	}

	.page_global_mado .glmado_contents #mado_category .contents_list li a:hover .text {
		text-decoration: underline;
	}

	.page_global_mado .glmado_contents #mado_category .contents_list figure {
		display: block;
		margin: 0;
		padding: 0;
		width: calc(108 * var(--vw-unit));
		height: calc(77 * var(--vw-unit));
		flex-shrink: 0;
		overflow: hidden;
		text-align: center;
	}

	.page_global_mado .glmado_contents #mado_category .contents_list figure img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.page_global_mado .glmado_contents #mado_category .contents_list li.new .date::after {
		content: "New";
		display: inline-block;
		margin: 0 0 0 calc(6 * var(--vw-unit));
		padding: calc(1 * var(--vw-unit)) calc(6 * var(--vw-unit));
		color: var(--color-white);
		line-height: 1;
		font-size: calc(11 * var(--vw-unit));
		font-weight: bold;
		background: var(--color-new);
		border-radius: calc(3 * var(--vw-unit));
		vertical-align: middle;
	}

	/*------------------------------------------------------------
[SP]pagenation
------------------------------------------------------------ */
	.glmado_contents aside.pagenation {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: calc(12 * var(--vw-unit));
		margin: calc(15 * var(--vw-unit)) auto 0;
		padding: calc(30 * var(--vw-unit)) 0 0;
		border-top: 1px solid var(--color-border);
	}

	.glmado_contents #probo aside.pagenation ._navs {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: calc(3 * var(--vw-unit));
		margin: calc(15 * var(--vw-unit)) auto 0;
		padding: calc(30 * var(--vw-unit)) 0 0;
		border-top: 1px solid var(--color-border);
	}

	.glmado_contents #probo aside.pagenation {
		display: block;
		margin: 0;
		padding: 0;
		border-top: none;
	}

	.glmado_contents .probo {
		min-width: 0;
		max-width: none;
		width: 100%;
		margin: calc(30 * var(--vw-unit)) 0 0;
	}

	.glmado_contents .probo a {
		margin: calc(15 * var(--vw-unit)) 0 0 auto;
		width: calc(90 * var(--vw-unit));
		height: calc(90 * 33 / 106 * var(--vw-unit));
		display: block;
		background: url(../img/logo_probo.png) no-repeat 0 0;
		background-size: calc(90 * var(--vw-unit)) auto;
		text-indent: -9999px;
	}

	.glmado_contents aside.pagenation .pg_number {
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		min-width: 0;
		gap: calc(3 * var(--vw-unit));
		margin: 0;
	}

	.glmado_contents .pagenation .pg_number a,
	.glmado_contents .pagenation .pg_number button.link_page,
	.glmado_contents .pagenation .pg_number .current_page {
		display: block;
		height: calc(42 * var(--vw-unit));
		width: auto;
		min-width: 0;
		padding: 0 calc(11 * var(--vw-unit));
		margin: 0;
		background: var(--color-white);
		border: 1px solid var(--color-border);
		border-radius: calc(3 * var(--vw-unit));
		font-size: calc(14 * var(--vw-unit));
		line-height: calc(42 * var(--vw-unit));
		color: var(--color-text);
		text-align: center;
		text-decoration: none;
		box-sizing: border-box;
		cursor: pointer;
		appearance: none;
	}

	.glmado_contents .pagenation .pg_number .current_page {
		font-weight: bold;
		background: var(--color-bg-smoke-light);
		cursor: default;
	}

	.glmado_contents .pagenation .btn.prev,
	.glmado_contents .pagenation .btn.next {
		flex-shrink: 0;
		width: calc(66 * var(--vw-unit));
	}

	.glmado_contents .pagenation .btn.prev a,
	.glmado_contents .pagenation .btn.prev .link_before,
	.glmado_contents .pagenation .btn.next a,
	.glmado_contents .pagenation .btn.next .link_next {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: calc(6 * var(--vw-unit));
		width: calc(66 * var(--vw-unit));
		height: calc(42 * var(--vw-unit));
		margin: 0;
		padding: 0;
		background: var(--color-white);
		border: 1px solid var(--color-border);
		border-radius: calc(3 * var(--vw-unit));
		font: inherit;
		font-size: calc(14 * var(--vw-unit));
		line-height: 1;
		color: var(--color-text);
		text-decoration: none;
		box-sizing: border-box;
		cursor: pointer;
		appearance: none;
	}

	.glmado_contents .pagenation .btn.prev a::before,
	.glmado_contents .pagenation .btn.prev .link_before::before {
		content: '';
		display: block;
		width: calc(6 * var(--vw-unit));
		height: calc(12 * var(--vw-unit));
		flex-shrink: 0;
		background: url(/assets/img/arrow_left.svg) no-repeat center / contain;
	}

	.glmado_contents .pagenation .btn.next a::after,
	.glmado_contents .pagenation .btn.next .link_next::after {
		content: '';
		display: block;
		width: calc(6 * var(--vw-unit));
		height: calc(12 * var(--vw-unit));
		flex-shrink: 0;
		background: url(/assets/img/arrow_right.svg) no-repeat center / contain;
	}

	.page_global_mado .glmado_contents aside.footer_nav {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: calc(45 * var(--vw-unit));
		margin: calc(30 * var(--vw-unit)) auto 0;
		padding: calc(30 * var(--vw-unit)) 0 0;
		width: calc(335 * var(--vw-unit));
		border-top: 1px solid var(--color-border);
	}

	.page_global_mado .glmado_contents aside.footer_nav .btn.thisyear {
		margin: 0;
		width: 100%;
		text-align: center;
	}

	.page_global_mado .glmado_contents aside.footer_nav .btn.thisyear a {
		display: block;
		width: calc(300 * var(--vw-unit));
		height: calc(42 * var(--vw-unit));
		margin: 0 auto;
		padding: 0;
		background: var(--color-white);
		border: 1px solid var(--color-border);
		border-radius: calc(3 * var(--vw-unit));
		font-size: calc(14 * var(--vw-unit));
		line-height: calc(42 * var(--vw-unit));
		color: var(--color-text);
		text-align: center;
		text-decoration: none;
	}

	.page_global_mado .glmado_contents aside.footer_nav .btn.thisyear a:hover {
		background-color: var(--color-bg-smoke-light);
		text-decoration: none;
	}

	.page_global_mado .glmado_contents aside.footer_nav .search_area {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: calc(21 * var(--vw-unit));
		margin: 0;
		width: 100%;
	}

	.page_global_mado .glmado_contents aside.footer_nav .pulldown.mado_category {
		min-width: 0;
		width: calc(225 * var(--vw-unit));
	}

	.page_global_mado .glmado_contents aside.footer_nav .pulldown form {
		background: var(--color-bg-smoke-light);
	}

	.page_global_mado .glmado_contents aside.footer_nav .pulldown select {
		appearance: none;
		background: var(--color-white) url(/assets/img/arrow_down.svg) no-repeat right calc(15 * var(--vw-unit)) center / calc(10 * var(--vw-unit)) auto;
		border: 1px solid var(--color-border);
		border-radius: calc(3 * var(--vw-unit));
		cursor: pointer;
		font-size: calc(14 * var(--vw-unit));
		line-height: 1.2;
		color: var(--color-text);
		padding: 0 calc(30 * var(--vw-unit)) 0 calc(21 * var(--vw-unit));
		width: 100%;
		height: calc(42 * var(--vw-unit));
	}

	.glmado_contents aside.footer_nav .by_keyword {
		position: static;
		margin: 0;
		width: calc(335 * var(--vw-unit));
	}

	.glmado_contents aside.footer_nav .by_keyword .input_box {
		display: block;
		position: static;
		width: 100%;
		height: auto;
		opacity: 1;
		overflow: visible;
	}

	.page_global_mado .glmado_contents aside.footer_nav .btn.articles {
		display: none;
	}

	.page_global_mado .glmado_contents section,
	.page_global_mado .glmado_contents section#mado_top,
	.page_global_mado .glmado_contents section#search_article {
		min-width: 0;
		max-width: none;
	}

	/*------------------------------------------------------------
	[SP] top_message（Figma: 78:8067）
	------------------------------------------------------------ */
	.page_top_messages .glmado_contents .glmado_header {
		width: calc(335 * var(--vw-unit));
		margin: 0 auto;
	}

	.page_top_messages .glmado_contents .glmado_header .search_area .pulldown.executive {
		min-width: 0;
		flex-shrink: 0;
	}

	.page_top_messages .glmado_contents .glmado_header .search_area .pulldown.executive:first-of-type {
		width: calc(144 * var(--vw-unit));
		margin-right: calc(12 * var(--vw-unit));
	}

	.page_top_messages .glmado_contents .glmado_header .search_area .pulldown.executive:nth-of-type(2) {
		width: calc(137 * var(--vw-unit));
	}

	.page_top_messages .glmado_contents .pulldown.executive form {
		background: var(--color-bg-smoke-light);
	}

	.page_top_messages .glmado_contents .pulldown.executive select {
		appearance: none;
		background: var(--color-white) url(/assets/img/arrow_down.svg) no-repeat right calc(12 * var(--vw-unit)) center / calc(10 * var(--vw-unit)) auto;
		border: 1px solid var(--color-border);
		border-radius: calc(3 * var(--vw-unit));
		cursor: pointer;
		font-size: calc(14 * var(--vw-unit));
		line-height: 1.2;
		color: var(--color-text);
		padding: 0 calc(30 * var(--vw-unit)) 0 calc(12 * var(--vw-unit));
		width: 100%;
		height: calc(45 * var(--vw-unit));
		position: relative;
		white-space: normal;
		word-break: break-word;
		text-align: center;
	}

	.page_top_messages .glmado_contents>section,
	.page_top_messages .glmado_contents section#topmsg_top {
		min-width: 0;
		max-width: none;
		width: calc(335 * var(--vw-unit));
		margin: calc(30 * var(--vw-unit)) auto 0;
	}

	.page_top_messages #topmsg_top h1.contents_title {
		width: 100%;
		margin: 0;
		text-align: center;
	}

	.page_top_messages #topmsg_top h1.contents_title picture,
	.page_top_messages #topmsg_top h1.contents_title img {
		display: block;
		width: 100%;
		height: auto;
	}

	.glmado_contents .contents_list {
		display: block;
		width: 100%;
		margin: 0;
	}

	.glmado_contents .contents_list li {
		display: block;
		width: 100%;
		margin: 0;
		padding: calc(15 * var(--vw-unit)) 0;
		border-top: 1px dashed var(--color-border);
	}

	#topmsg_top .contents_list li:first-child {
		margin-top: calc(6 * var(--vw-unit));
		border-top: none;
	}

	.glmado_contents .contents_list li.new .date::after {
		content: "New";
		display: inline-block;
		margin: 0 0 0 calc(6 * var(--vw-unit));
		padding: calc(1 * var(--vw-unit)) calc(6 * var(--vw-unit));
		color: var(--color-white);
		line-height: 1;
		font-size: calc(11 * var(--vw-unit));
		font-weight: bold;
		background: var(--color-new);
		border-radius: calc(3 * var(--vw-unit));
		vertical-align: middle;
	}

	.page_top_messages .glmado_contents aside.footer_nav {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: calc(30 * var(--vw-unit)) auto 0;
		padding: calc(30 * var(--vw-unit)) 0 0;
		width: calc(335 * var(--vw-unit));
		border-top: 1px solid var(--color-border);
	}

	.page_top_messages .glmado_contents aside.footer_nav .search_area {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: center;
		gap: calc(21 * var(--vw-unit)) 0;
		margin: 0;
		width: 100%;
		height: auto;
	}

	.page_top_messages .glmado_contents aside.footer_nav .search_area .pulldown.executive {
		min-width: 0;
		flex-shrink: 0;
	}

	.page_top_messages .glmado_contents aside.footer_nav .search_area .pulldown.executive:first-of-type {
		width: calc(166 * var(--vw-unit));
	}

	.page_top_messages .glmado_contents aside.footer_nav .search_area .pulldown.executive:nth-of-type(2) {
		width: calc(160 * var(--vw-unit));
	}

	.page_top_messages .glmado_contents aside.footer_nav .pulldown.executive form {
		background: var(--color-bg-smoke-light);
	}

	.page_top_messages .glmado_contents aside.footer_nav .pulldown.executive select {
		appearance: none;
		background: var(--color-white) url(/assets/img/arrow_down.svg) no-repeat right calc(12 * var(--vw-unit)) center / calc(10 * var(--vw-unit)) auto;
		border: 1px solid var(--color-border);
		border-radius: calc(3 * var(--vw-unit));
		cursor: pointer;
		font-size: calc(14 * var(--vw-unit));
		line-height: 1.2;
		color: var(--color-text);
		padding: 0 calc(30 * var(--vw-unit)) 0 calc(12 * var(--vw-unit));
		width: 100%;
		height: calc(45 * var(--vw-unit));
		white-space: normal;
		word-break: break-word;
		text-align: center;
	}

	.page_top_messages .glmado_contents aside.footer_nav .search_area .by_keyword {
		flex-basis: 100%;
		width: 100%;
	}
}

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

	/*------------------------------------------------------------
[PC] breadcrumbs
------------------------------------------------------------ */
	.glmado_contents .breadcrumbs {
		margin: 15px 0 20px;
	}

	.glmado_contents .breadcrumbs ol li,
	.glmado_contents .breadcrumbs ol li a {
		font-size: 12px;
		line-height: 1.35;
	}

	.glmado_contents .breadcrumbs ol li a::after {
		width: 4px;
		height: 9px;
		background-size: 4px auto;
		top: calc(50% - 4.5px);
		right: -12px;
	}

	.glmado_contents .breadcrumbs ol li a:hover {
		text-decoration: underline;
	}

	/*------------------------------------------------------------
[PC] mado base
------------------------------------------------------------ */
	.glmado_contents {
		margin: 0 auto;
		padding: 0 40px 80px;
		width: auto;
		max-width: 1440px;
		box-sizing: border-box;
	}

	/* .glmado_contents section#search_article, */
	.glmado_contents section {
		max-width: 1360px;
		width: 100%;
		min-width: 960px;
		margin: 40px auto 0;
	}

	.glmado_contents section h2 {
		font-size: 26px;
		line-height: 1;
		width: 820px;
		margin: 0 auto 30px;
	}

	.glmado_contents section h2 .notes {
		font-size: 14px;
		margin-left: 15px;
		font-weight: normal;
	}

	.glmado_contents>section .inner {
		width: 820px;
		margin: 0 auto;
	}

	.glmado_contents section a:hover {
		text-decoration: underline;
	}

	.glmado_contents .btn a {
		display: block;
		height: 36px;
		padding: 0 20px;
		background: var(--color-white);
		border: 1px solid var(--color-border);
		border-radius: 4px;
		font-size: 14px;
		line-height: 36px;
		color: var(--color-text);
		text-align: center;
		text-decoration: none;
	}

	.glmado_contents .btn a:hover {
		background-color: var(--color-bg-smoke-light);
		text-decoration: none;
	}

	/*------------------------------------------------------------
[COMMON] search_area
------------------------------------------------------------ */
	.glmado_contents .glmado_header .search_area {
		margin: 20px auto 0;
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
		align-items: center;
		gap: 15px;
	}

	.glmado_contents aside.footer_nav .btn.articles {
		display: none;
	}

	/*Mado用*/
	.page_global_mado .glmado_contents .pulldown.mado_category {
		display: block;
		min-width: 210px;
	}

	/*Top Message用*/
	.page_top_messages .glmado_contents .pulldown.executive {
		display: block;
		min-width: 150px;
	}

	.page_top_messages .glmado_contents .pulldown.executive select {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/*共通プルダウン選択*/
	.glmado_contents .pulldown form {
		background: var(--color-bg-smoke-light);
	}

	.glmado_contents .pulldown select {
		appearance: none;
		background: var(--color-white) url(/assets/img/arrow_down.svg) no-repeat right 10px center / 10px;
		border: 1px solid var(--color-border);
		border-radius: 4px;
		cursor: pointer;
		font-size: 14px;
		line-height: 1.2;
		color: var(--color-text);
		padding: 0 30px 0 15px;
		width: 100%;
		height: 36px;
		position: relative;
	}

	.glmado_contents .pulldown select:hover {
		background-color: rgba(255, 255, 255, 0);
	}

	/*------------------------------------------------------------
[COMMON] by_keyword
対象: top_message / cate_* / recent aside / search/article / search / message / nobuhiro_torii
------------------------------------------------------------ */
	.glmado_contents .by_keyword form {
		position: relative;
	}

	.glmado_contents .by_keyword input[type="text"] {
		display: block;
		cursor: text;
		width: 100%;
		height: 36px;
		padding: 0 40px 0 15px;
		border: none;
		outline: none;
		font-size: 16px;
		line-height: 1;
		color: var(--color-text);
		background: var(--color-bg-smoke);
		border-radius: 4px;
		overflow: hidden;
		box-sizing: border-box;
	}

	.glmado_contents .by_keyword input::placeholder {
		color: var(--color-placeholder);
		font-size: 14px;
	}

	.glmado_contents .by_keyword input:focus::placeholder {
		color: transparent;
	}

	.glmado_contents .by_keyword input[type="submit"] {
		display: block;
		width: 40px;
		height: 36px;
		padding: 0;
		position: absolute;
		top: 0;
		right: 0;
		color: transparent;
		font-size: 0;
		background: url(/assets/img/loupe.svg) no-repeat center center / 20px;
		text-indent: 100%;
		border: none;
		cursor: pointer;
		overflow: hidden;
	}

	.glmado_contents .by_keyword input[type="submit"]:hover {
		opacity: 0.6;
	}

	/* PC: ヘッダー検索（input_box 常時表示）cate_* 等 */
	.glmado_header .search_area .pulldown.hide {
		opacity: 0;
	}

	.glmado_header .search_area .by_keyword {
		position: relative;
	}

	.glmado_header .search_area .by_keyword .input_box {
		display: block;
		overflow: hidden;
		width: 260px;
	}

	/* PC: Executive（open_input で input_box 表示）top_message / message / nobuhiro_torii */
	.glmado_header .search_area .by_keyword.executive {
		width: 36px;
	}

	.glmado_header .search_area .by_keyword.executive .open_input {
		display: block;
		width: 36px;
		height: 36px;
		color: transparent;
		font-size: 0;
		background: url(/assets/img/loupe.svg) no-repeat right center / 20px;
		text-indent: 100%;
		border: none;
		cursor: pointer;
		overflow: hidden;
	}

	.glmado_header .search_area .by_keyword.executive .open_input:hover {
		opacity: 0.7;
	}

	.glmado_header .search_area .by_keyword.executive .open_input.close {
		background: url(/assets/img/icon_close.svg) no-repeat right 2px center / 15px;
	}

	.glmado_header .search_area .by_keyword.executive .input_box {
		display: block;
		position: absolute;
		right: 36px;
		top: 0;
		width: 0;
		overflow: hidden;
		opacity: 0;
		transition: all .2s ease;
	}

	.glmado_header .search_area .by_keyword.executive .input_box.show {
		width: 472px;
		opacity: 1;
	}

	/* PC: 検索結果 search/article・search/message */
	.glmado_contents .glmado_header .search_article_head {
		margin: 20px auto 0;
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
		align-items: center;
	}

	.glmado_contents .glmado_header .search_article_head .by_keyword {
		width: 509px;
	}

	.glmado_contents .glmado_header .search_article_head .by_keyword .input_box {
		width: 100%;
	}

	/* PC: フッター top_message 等 */
	.glmado_contents aside.footer_nav .by_keyword {
		margin-left: 25px;
	}

	.glmado_contents aside.footer_nav .by_keyword .input_box {
		width: 500px;
	}

	/*------------------------------------------------------------
[COMMON] contents_list
------------------------------------------------------------ */
	.glmado_contents ul.contents_list {
		list-style: none;
		margin: 0 auto;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
	}

	.glmado_contents .contents_list li a {
		display: block;
		position: relative;
	}

	.glmado_contents .contents_list li a:hover {
		text-decoration: none;
	}

	.glmado_contents .contents_list li a:hover figure {
		opacity: .8;
	}

	.glmado_contents .contents_list li a:hover p.text {
		text-decoration: underline;
	}

	.glmado_contents .contents_list figure img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}

	.glmado_contents .contents_list .date {
		display: inline-block;
		margin: 0;
		font-size: 12px;
		line-height: 1.5;
		color: var(--color-text);
	}

	.glmado_contents .contents_list .category {
		display: inline-block;
		margin: 8px 0 0;
		background: var(--color-bg-smoke-light);
		border-radius: 4px;
		font-size: 12px;
		font-weight: normal;
		padding: 2px 8px;
		line-height: 1;
	}

	.glmado_contents .contents_list li a .text {
		margin: 5px 0 0;
		font-weight: bold;
		font-size: 16px;
		line-height: 1.5;
		color: var(--color-text);
	}

	.glmado_contents .contents_list li.new .date::after {
		content: "New";
		display: inline-block;
		padding: 1px 6px;
		margin: 0 0 0 8px;
		color: var(--color-white);
		line-height: 1;
		font-size: 12px;
		font-weight: bold;
		background: var(--color-new);
		border-radius: 4px;
	}

	/*------------------------------------------------------------
[mado_category] contents_list
------------------------------------------------------------ */
	.glmado_contents .contents_list {
		width: 820px;
		margin: 0 auto;
	}

	.glmado_contents .contents_list li {
		display: block;
		width: 100%;
		margin: 0;
		padding: 20px 0;
		border-top: 1px dashed var(--color-border);
	}

	.page_global_mado .glmado_contents #mado_category .contents_list li a {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	.page_global_mado .glmado_contents #mado_category .contents_list figure {
		display: block;
		margin: 0;
		padding: 0;
		width: 140px;
		text-align: center;
		overflow: hidden;
	}

	.page_global_mado .glmado_contents #mado_category .contents_list figure img {
		width: auto;
		height: 99px;
	}

	.page_global_mado .glmado_contents #mado_category .contents_list .text_block {
		width: calc(100% - 170px);
	}

	/*------------------------------------------------------------
[top_messages] contents_list
------------------------------------------------------------ */
	.page_top_messages .glmado_contents .contents_list {
		width: 820px;
		margin: 0 auto;
	}

	#topmsg_top .contents_list li:first-child {
		margin-top: 10px;
		border-top: none;
	}

	/*------------------------------------------------------------
[COMMON] footer_nav
------------------------------------------------------------ */
	.glmado_contents aside.footer_nav {
		margin-top: 40px;
		padding: 30px 0 0;
		border-top: 1px solid var(--color-border);
	}

	/*footer_nav*/
	.glmado_contents aside.footer_nav .btn.thisyear a {
		display: block;
		width: fit-content;
		margin: 0 auto 30px;
	}

	.glmado_contents aside.footer_nav .search_area {
		margin: 0 auto;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		gap: 15px;
	}

	/*------------------------------------------------------------
[PC]pagenation
------------------------------------------------------------ */
	.glmado_contents aside.pagenation {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 25px;
		width: 100%;
		margin-top: 40px;
		padding: 30px 0 0;
		border-top: 1px solid var(--color-border);
	}

	.glmado_contents #probo aside.pagenation ._navs {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 5px;
		width: 100%;
		margin-top: 40px;
		padding: 30px 0 0;
		border-top: 1px solid var(--color-border);
	}

	.glmado_contents #probo aside.pagenation {
		display: block;
		margin: 0;
		padding: 0;
		border-top: none;
	}

	.glmado_contents aside.pagenation .pg_number {
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		min-width: 0;
		gap: 10px;
		margin: 0;
	}

	.glmado_contents .pagenation .pg_number a,
	.glmado_contents .pagenation .pg_number button.link_page,
	.glmado_contents .pagenation .pg_number .current_page {
		display: block;
		height: 36px;
		width: auto;
		min-width: 0;
		padding: 0 10px;
		margin: 0;
		background: var(--color-white);
		border: 1px solid var(--color-border);
		border-radius: 3px;
		font-size: 14px;
		line-height: 36px;
		color: var(--color-text);
		text-align: center;
		text-decoration: none;
		box-sizing: border-box;
		cursor: pointer;
		appearance: none;
	}

	.glmado_contents .pagenation .pg_number a:hover,
	.glmado_contents .pagenation .pg_number button.link_page:hover {
		background: var(--color-bg-smoke-light);
	}

	.glmado_contents .pagenation .pg_number .current_page {
		font-weight: bold;
		background: var(--color-bg-smoke-light);
		cursor: default;
	}

	.glmado_contents .pagenation .btn.prev,
	.glmado_contents .pagenation .btn.next {
		flex-shrink: 0;
		width: 66px;
	}

	.glmado_contents .pagenation .btn.prev a,
	.glmado_contents .pagenation .btn.prev .link_before,
	.glmado_contents .pagenation .btn.next a,
	.glmado_contents .pagenation .btn.next .link_next {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		width: 66px;
		height: 36px;
		margin: 0;
		padding: 0;
		background: var(--color-white);
		border: 1px solid var(--color-border);
		border-radius: 3px;
		font: inherit;
		font-size: 14px;
		line-height: 1;
		color: var(--color-text);
		text-decoration: none;
		box-sizing: border-box;
		cursor: pointer;
		appearance: none;
	}

	.glmado_contents .pagenation .btn.prev a:hover,
	.glmado_contents .pagenation .btn.prev .link_before:hover,
	.glmado_contents .pagenation .btn.next a:hover,
	.glmado_contents .pagenation .btn.next .link_next:hover {
		background: var(--color-bg-smoke-light);
		text-decoration: none;
	}

	.glmado_contents .pagenation .btn.prev a::before,
	.glmado_contents .pagenation .btn.prev .link_before::before {
		content: '';
		display: block;
		width: 6px;
		height: 12px;
		flex-shrink: 0;
		background: url(/assets/img/arrow_left.svg) no-repeat center / contain;
	}

	.glmado_contents .pagenation .btn.next a::after,
	.glmado_contents .pagenation .btn.next .link_next::after {
		content: '';
		display: block;
		width: 6px;
		height: 12px;
		flex-shrink: 0;
		background: url(/assets/img/arrow_right.svg) no-repeat center / contain;
	}

	/*------------------------------------------------------------
[mado] contents title
------------------------------------------------------------ */
	.glmado_contents .glmado_header .contents_title {
		margin: 0 auto 40px;
		height: 60px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.glmado_header h1 a {
		display: block;
		margin: 0;
		color: var(--color-text);
		font-size: 32px;
		line-height: 1;
		text-decoration: none;
	}

	/* .glmado_header .contents_title .btn_submit_story {
	margin: 0;
	flex-shrink: 0;
} */

	.glmado_header .contents_title .btn_submit_story a {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 45px;
		height: 60px;
		border-radius: 4px;
		line-height: 1;
		font-size: 22px;
		background: var(--color-primary);
		color: var(--color-white);
		font-weight: bold;
		border: none;
	}

	.glmado_header .contents_title .btn_submit_story a span {
		background: url(../img/icon_post_wh.svg) no-repeat left center / 20px;
		padding: 0 0 0 30px
	}

	.glmado_header .contents_title .btn_submit_story a:hover {
		background: var(--color-primary-hover);
	}

	/*------------------------------------------------------------
[mado] top contents_list
------------------------------------------------------------ */
	.page_global_mado #mado_top {
		margin: 30px auto 0;
	}

	.glmado_contents #mado_top .contents_list {
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start;
		gap: 40px 1.764705882352941%;
	}

	#mado_top .contents_list li {
		width: 23.676470588235294%;
		margin: 0;
		border: none;
		padding: 0;
	}

	#mado_top .contents_list figure {
		margin: 0 0 8px;
		padding: 0;
		width: 100%;
		max-height: 227.38px;
		overflow: hidden;
	}

	#mado_top .contents_list .text_block {
		width: 100%;
	}

	#mado_top .contents_list li a p.text {
		margin: 8px 0;
		font-size: 14px;
		line-height: 1.5;
	}

	#mado_top .contents_list li.new .date::after {
		position: absolute;
		right: 8px;
		top: 8px;
		padding: 2px 6px;
	}

	#mado_top .contents_list .category {
		margin: 0;
	}

	/*------------------------------------------------------------
[top message] contents title
------------------------------------------------------------ */
	#topmsg_top h1.contents_title {
		width: 960px;
		margin: 0 auto;
		text-align: center;
	}

	#topmsg_top h1.contents_title img {
		width: 100%;

	}

	#topmsg_top h1.contents_title .txt_sub {
		display: block;
		color: var(--color-white);
		font-size: 24px;
		text-indent: -99999px;
	}

	/*------------------------------------------------------------
[mado] mado_articles
------------------------------------------------------------ */
	#mado_articles dl {
		width: 820px;
		margin: 0 auto;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		border-bottom: 1px dashed var(--color-border);
	}

	#mado_articles dt {
		width: 80px;
		padding: 25px 0;
		font-size: 24px;
		font-weight: bold;
		line-height: 1;
		border-top: 1px dashed var(--color-border);
	}

	#mado_articles dd {
		width: 740px;
		padding: 25px 0;
		border-top: 1px dashed var(--color-border);
	}

	#mado_articles dd ul {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		width: 100%;
		list-style: none;
	}

	#mado_articles dd li {
		display: block;
		margin: 18px 0 0;
		width: 49%;
		font-size: 16px;
		line-height: 1.5;
	}

	#mado_articles dd li:nth-child(-n+2) {
		margin: 0;
	}

	#mado_articles dd li:nth-child(2n) {
		width: 47%;
	}


	#mado_articles dd li .sub_txt {
		display: inline;
		font-size: 12px;
	}

	/*------------------------------------------------------------
[mado] mado_post
------------------------------------------------------------ */
	#mado_post .submit_area {
		background: var(--color-bg-smoke);
		border-radius: 4px;
		padding: 30px 20px;
		text-align: center;
	}

	#mado_post .submit_area p.from_team {
		font-size: 18px;
		line-height: 1.5;
		margin: 0 0 15px;
	}

	#mado_post .submit_area p.note {
		font-size: 13px;
		line-height: 1.5;
		margin: 15px 0 0;
	}

	#mado_post .submit_area .btn_submit a {
		display: block;
		width: 240px;
		height: 36px;
		margin: 0 auto;
		padding: 0 20px;
		background: var(--color-white);
		background: var(--color-accent);
		border: 1px solid var(--color-border);
		border-radius: 4px;
		font-size: 15px;
		font-weight: bold;
		line-height: 36px;
		color: var(--color-text);
		text-align: center;
		text-decoration: none;
	}

	#mado_post .submit_area .btn_submit a:hover {
		background-color: var(--color-accent-hover);
	}

	#mado_post h2 {
		margin-top: 40px;
	}

	#mado_post .block {
		display: block;
		position: relative;
		padding: 20px 30px 20px 60px;
		margin: 0 0 50px;
		border: 1px solid var(--color-disabled-text);
		border-radius: 4px;
	}

	#mado_post .block::before {
		content: "";
		display: block;
		position: absolute;
		width: 40px;
		height: 20px;
		bottom: -21px;
		left: 50px;
		background: var(--color-accent-hover);
	}

	#mado_post .block::after {
		content: "";
		display: block;
		position: absolute;
		width: 0;
		height: 0;
		bottom: -91px;
		left: 30px;
		border: 40px solid transparent;
		border-top: 30px solid var(--color-accent-hover);
	}

	#mado_post .block .num {
		display: block;
		position: absolute;
		margin: 0;
		top: 14px;
		left: 30px;
		font-size: 24px;
		font-weight: bold;
	}

	#mado_post .block h3 {
		font-size: 18px;
		font-weight: bold;
		line-height: 24px;
	}

	#mado_post .block p {
		margin: 5px 0 0;
		font-size: 14px;
		line-height: 1.5;
	}

	#mado_post a {
		color: var(--color-link);
	}

	#mado_post .bottomBlock {
		display: grid;
		grid-template-columns: 560px 260px;
		grid-template-rows: auto auto;
		grid-template-areas:
			"no4 arrow"
			"no5 arrow";
		padding: 50px 0 0;
		margin: -50px 0 60px;
		position: relative;
	}

	#mado_post .block.no4 {
		grid-area: no4;
		width: 560px;
	}

	#mado_post .block.no5 {
		grid-area: no5;
		width: 560px;
		margin: 0;
	}

	#mado_post .block.no5::before,
	#mado_post .block.no5::after {
		content: none;
		bottom: 0;
		left: 0;
		border: none;
	}

	#mado_post .arrow {
		grid-area: arrow;
		width: 260px;
		padding: 0 20px;
		text-align: center;
		position: relative;
		box-sizing: border-box;
	}

	#mado_post .arrow p.week {
		margin: 40px 0 0;
		font-size: 16px;
		line-height: 1.5;
	}

	#mado_post .arrow p.week strong {
		font-weight: bold;
		font-size: 18px;
	}

	/*#mado_post .arrow p.note {
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1.5;
}*/

	#mado_post .bottomBlock::before {
		content: "";
		display: block;
		position: absolute;
		width: 40px;
		height: calc(100% - 30px);
		top: 0;
		right: 110px;
		background: var(--color-accent-hover);
	}

	#mado_post .bottomBlock::after {
		content: "";
		display: block;
		position: absolute;
		width: 0;
		height: 0;
		bottom: -40px;
		right: 90px;
		border: 40px solid transparent;
		border-top: 30px solid var(--color-accent-hover);
	}

	/*------------------------------------------------------------
[mado] search_article
------------------------------------------------------------ */
	#search_article .resinfo {
		font-size: 22px;
		font-weight: bold;
		line-height: 1.5;
	}

	#search_article dl.doc {
		display: block;
		margin: 15px 0 0;
		padding: 20px 0;
		border-top: 1px dashed var(--color-border);
	}

	#search_article dl.doc dt {
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5;
	}

	#search_article dl.doc dd.doc_text {
		margin: 10px 0 0;
		font-size: 13px;
		line-height: 1.5;
	}

	#search_article dl.doc dd.doc_navi {
		display: none;
	}

	#search_article dl.doc dd.doc_text strong.key {
		font-weight: normal;
		background: var(--color-accent-hover);
		padding: 0 3px;
	}

	.glmado_contents .probo {
		max-width: 1360px;
		width: 100%;
		min-width: 960px;
		margin: 0 auto;
	}

	.glmado_contents .probo a {
		margin: 15px 0 0 auto;
		width: 106px;
		height: 33px;
		display: block;
		background: url(../img/logo_probo.png) no-repeat 0 0;
		background-size: 106px auto;
		text-indent: -9999px;
	}

	/*------------------------------------------------------------
[PC] sgc banner
	------------------------------------------------------------ */

	.sgc_bnr {
		margin-bottom: 25px;
	}

	.sgc_bnr img {
		width: 100%;
	}

	/* sgc banner */
}