@charset "utf-8";

#webmagazine{color: #000;}
#webmagazine .t_center {text-align: center;}
#webmagazine .t_center p {text-align: center;}
#webmagazine .text01 {
	font-weight: bold;
	color: #E46C0A;
}

/* SP */
@media screen and (max-width: 750px) {
	#webmagazine .pc {display: none;}
	#webmagazine {padding: 30px 10px 60px 10px;}
	#webmagazine .text01 {font-size: 16px;}
}

/* PCのみ */
@media screen and (min-width: 751px) {
	#webmagazine .sp {display: none;}
	.container_ {
		max-width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}

	#webmagazine {
		padding: 80px 0 150px 0;

	}

	#webmagazine .text01 {font-size: 20px;}
}

/*=============================
		common
=============================*/
#webmagazine .main-txt {margin-bottom: 30px;}

@media screen and (max-width: 750px) {
	#webmagazine .ttl-h1 {
		display: block;
		margin: 0 0 20px 0;
		border: solid 1px #000;
		text-align: center;
	}

	#webmagazine .ttl-h1 h1 {
		padding: 4px 4px;
		position: relative;
		font-size: 17px;
		font-weight: bold;
		margin: 0;
	}

	#webmagazine .ttl-h1 h1:before {
		position: absolute;
		content: "";
		left: 5%;
		top: -5px;
		width: 90%;
		height: 10px;
		margin: 0 auto;
		background: #fff;
		z-index: 1;
	}

	#webmagazine .ttl-h1 h1:after {
		position: absolute;
		content: "";
		left: 5%;
		bottom: -5px;
		width: 90%;
		height: 10px;
		margin: 0 auto;
		background: #fff;
		z-index: 1;
	}

	#webmagazine .main-txt .rt-name {
		text-align: right;
		font-size: 12px;
	}

	#webmagazine h2 {
		font-size: 16px;
		font-weight: bold;
		border-top: solid 1px #000;
		padding: 12px 10px 12px 10px;
		background: #f0f0f0;
		margin: 0 0 25px 0;
		text-align: left;
	}

	#webmagazine h2.ttl-style {
		background: transparent;
		border-top: none;
	}

	#webmagazine h3 {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 10px;
		padding: 10px 0;
	}

	#webmagazine p {
		font-size: 13px;
		line-height: 1.8;
		margin-bottom: 20px;
		text-align: left;
	}

	#webmagazine p.rt_txt {
		text-align: right;
		margin-bottom: 40px;
	}

	#webmagazine .btn {
		display: block;
		width: 80%;
		margin: 40px auto 0 auto;
		padding: 0;
	}
	
	#webmagazine .btn a {
		display: block;
		width: 100%;
		padding: 12px 0;
		font-size: 13px;
		border: solid 1px #ccc;
		text-decoration: none;
	}

	/* layout */
	#webmagazine .menu-box {margin: 30px 0;}
	#webmagazine .content,
	#webmagazine .point .point-details {margin: 0 10px;}
	#webmagazine .box {
		border: 1px solid #000;
		padding: 10px;
	}
}	


@media screen and (min-width: 751px) {
	#webmagazine .main-txt {margin-bottom: 80px;}
	#webmagazine .main-txt .ttl-h1 {
		width: 723px;
		display: block;
		margin: 0 auto 30px auto;
		border: solid 2px #000;
		text-align: center;
	}

	#webmagazine .main-txt .ttl-h1 h1 {
		padding: 10px 0;
		position: relative;
		font-size: 26px;
		font-weight: bold;
		margin: 0;
	}

	#webmagazine .main-txt .ttl-h1 h1:before {
		position: absolute;
		content: "";
		left: 10px;
		top: -5px;
		width: 700px;
		height: 10px;
		margin: 0 auto;
		background: #fff;
		z-index: 1;
	}

	#webmagazine .main-txt .ttl-h1 h1:after {
		position: absolute;
		content: "";
		left: 10px;
		bottom: -5px;
		width: 700px;
		height: 10px;
		margin: 0 auto;
		background: #fff;
		z-index: 1;
	}

	#webmagazine .main-txt .rt-name {
		text-align: right;
		font-size: 14px;
	}

	#webmagazine .main-img img {
		margin: 0 auto;
		display: block;
	}

	#webmagazine h2 {
		font-size: 22px;
		font-weight: bold;
		border-top: solid 2px #000;
		padding: 18px 0 18px 50px;
		background: #f0f0f0;
		margin: 0 0 45px 0;
		text-align: left;
	}
	#webmagazine h2.ttl-style {
		background: transparent;
		border-top: none;
	}

	#webmagazine h3 {
		font-size: 20px;
		font-weight: bold;
		margin-top: 40px;
		margin-bottom: 20px;
	}

	#webmagazine p {
		font-size: 14px;
		line-height: 2.5;
		margin-bottom: 45px;
		text-align: left;
	}

	#webmagazine p.rt_txt {
		text-align: right;
		margin-bottom: 60px;
	}

	#webmagazine .btn {
		display: block;
		width: 320px;
		text-align: center;
		margin: 80px auto 0 auto;
		padding: 0;
	}

	#webmagazine .btn a {
		display: block;
		width: 100%;
		padding: 20px 0;
		font-size: 13px;
		border: solid 1px #ccc;
		text-decoration: none;
	}

	#webmagazine .btn a:hover {text-decoration: underline;}

	/* layout */
	#webmagazine .menu-box {margin-top: 50px !important;}
	#webmagazine .menu-box,
	#webmagazine .content {
		max-width: 1000px;
		margin: 0 auto;
	}

	#webmagazine .point .point-details {
		width: 800px;
		margin: 0 auto;
	}

	#webmagazine .box {
		border: 1px solid #000;
		padding: 20px;
	}
}

/*=============================
		table
=============================*/
#webmagazine table {
	width: 100%;
	margin-bottom: 30px;
}

#webmagazine table th,
#webmagazine table td {
	padding: 10px 8px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-align: center;
}

#webmagazine table th {background: #f0f0f0;}
#webmagazine table li {
	padding-left: 1em;
	text-indent: -1em;
	text-align: left;
}

#webmagazine table li:before {content: "・";}

@media screen and (max-width: 750px) {
	#webmagazine table th,
	#webmagazine table td {font-size: 13px;}
	#webmagazine table.tbl-3td th {width: 15%;}
	#webmagazine table.tbl-3td td {width: 28%;}
	#webmagazine table.tbl-3td th, #webmagazine table.tbl-3td td {padding: 10px 6px 10px 4px;}
	#webmagazine .tbl-2col table th {
		width: 30%;
		border-right: none;
		padding: 10px 6px;
		text-align: left;
		font-weight: normal;
	}

	#webmagazine .tbl-2col table td {
		border-left: none;
		padding: 10px 6px;
		text-align: left;
	}

	#webmagazine .tbl-3col table th,
	#webmagazine .tbl-3col table td {
		border-left: none;
		border-right: none;
		font-weight: normal;
		vertical-align: middle;
	}

	#webmagazine .tbl-3col table td {
		text-align: center;
		width: 350px;
	}

	#webmagazine .tbl-3col table th {
		width: 200px;
		text-align: center;
	}	
}

@media screen and (min-width: 751px) {
	#webmagazine table {margin-bottom: 50px;}
	#webmagazine table th,
	#webmagazine table td {padding: 14px 10px;}
	#webmagazine table th,
	#webmagazine table td {font-size: 14px;}
	#webmagazine table th {font-weight: bold;}
	#webmagazine table .w05 {	width: 5%; }
	#webmagazine table .w10 {	width: 10%; }
	#webmagazine table .w20 {	width: 20%; }
	#webmagazine table .w30 {	width: 30%; }
	#webmagazine table .w40 {	width: 40%; }
	#webmagazine table .w50 {	width: 50%; }

	#webmagazine .tbl-2col table th {
		width: 160px;
		border-right: none;
		padding: 14px 30px;
	}

	#webmagazine .tbl-2col table td {
		border-left: none;
		padding: 14px 30px;
	}

	#webmagazine .tbl-3col table th,
	#webmagazine .tbl-3col table td {
		border-left: none;
		border-right: none;
	}

	#webmagazine .tbl-3col table td {
		text-align: center;
		width: 350px;
	}

	#webmagazine .tbl-3col table th {
		width: 200px;
		text-align: center;
	}
}

/*=============================
		content
=============================*/
@media screen and (max-width: 750px) {
	#webmagazine .content .img {
		text-align: center;
		margin-bottom: 15px;
		display: flex;
		justify-content: center;
	}

	#webmagazine .main-img {margin: 20px 0 20px 0;}
	#webmagazine .menu-list .ttl {
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 15px;
	}

	#webmagazine .menu-list {margin-bottom: 60px;}
	#webmagazine .menu-list nav ul {margin-left: 30px;}
	#webmagazine .menu-list nav ul li {margin-bottom: 15px;}
	#webmagazine .menu-list nav ul li.lst_lv02 {text-indent: 2em;}
	#webmagazine .menu-list nav ul li a {
		position: relative;
		font-size: 13px;
		padding: 5px 0 5px 0;
		text-decoration: underline;
	}

	#webmagazine .menu-list nav ul li a:after {
		position: absolute;
		content: "";
		top: 0;
		left: -30px;
		width: 23px;
		height: 23px;
		background: url('../../../img/usr/webmagazine/common/arrow.png') no-repeat left center;
		background-size: 23px 23px;
	}

	/* point */
	#webmagazine .point .ttl {
		padding-top: 10px;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 30px;
	}

	#webmagazine .point .img {margin-bottom: 25px;}
	#webmagazine .point .point-list {margin-bottom: 25px;}
	#webmagazine .point .point-list ul {
		border: solid 1px #ccc;
		padding: 20px 20px 10px 20px;
		margin-bottom: 15px;
	}

	#webmagazine .point .point-list ul li {
		position: relative;
		margin-bottom: 12px;
	}

	#webmagazine .point .point-list ul li span {font-size: 14px;}
	#webmagazine .point .point-list ul li::before {content: '・';}
	#webmagazine .point .point-list ul li.point-list-ttl {
	font-size: 1.2em;
	margin-top: 30px;
	}

	#webmagazine .point .point-list ul li.point-list-ttl:first-child {margin-top: 0;}
	#webmagazine .point .point-list ul li.point-list-ttl:before {content: "";}

	/* item */
	#webmagazine h4 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 8px;
	}

	#webmagazine .goods-item-inner {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	/* goods list */
	#webmagazine .goods-btn-inner {display: block;}
	#webmagazine .goods-btn {
		display: block;
		width: 100%;
		text-align: center;
		margin: 0 auto 15px auto;
	}

	#webmagazine .goods-btn a {
		display: block;
		width: 100%;
		padding: 12px 10px;
		font-size: 13px;
		border: solid 1px #ccc;
		text-decoration: none;
	}

	/* menu list sub */
	#webmagazine .menu-list-sub {
		border: 1px solid #000;
		padding: 10px;
		margin-bottom: 10px;
	}

	#webmagazine .menu-list nav ul li {margin-bottom: 20px;}
	#webmagazine .menu-list-sub nav ul li {
		margin-bottom: 10px;
		background: none;
	}

	#webmagazine .menu-list-sub nav ul li:last-of-type {margin-bottom: 0;}
	#webmagazine .menu-list-sub nav ul li a,
	#webmagazine .menu-list-sub nav ol li a {
		background: none;
		text-decoration: underline;
	}

	#webmagazine .menu-list-sub.dot nav ul {padding-left: 1.5em;}
	#webmagazine .menu-list-sub.number nav ol {padding-left: 1.25em;}
	#webmagazine .menu-list-sub.dot nav ul li {list-style-type: disc;}
	#webmagazine .menu-list-sub.number nav ol li {
		margin-bottom: 10px;
		text-indent: -1.25em;
	}

	#webmagazine .menu-list-sub.number nav ol li:last-of-type {margin-bottom: 0;}

	/* search */
	#webmagazine .item-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 5px;
	}
	
	#webmagazine .item-list > * {width: 45%;}
	#webmagazine .u-item {margin-bottom: 20px;}
	#webmagazine .u-item p {
	margin-bottom: 0;
	font: 400 12px / 1.4 "Noto Sans JP", sans-serif;
	}

	#webmagazine .u-item .u-item-gender,
	#webmagazine .u-item .u-item-colors {display: none;}
	#webmagazine .u-item .u-text16 {font-size: 16px;}

	/* 共通ボタン ページ先頭へ*/
	.mg-btn-top a {z-index: 1;}
	.mg-btn-all a {z-index: 1;}
	.mg-btn-all a {
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		right: calc(15 * (100vw / 375));
		bottom: calc(75 * (100vw / 375));
		width: calc(60 * (100vw / 375));
		height: calc(60 * (100vw / 375));
		border-radius: calc(30 * (100vw / 375));
		color: #FFF;
		text-decoration: none;
		background-color: rgba(46, 46, 46, 0.5);
		font-size: calc(10 * (100vw / 375));
		line-height: 1.2;
		text-align: center;
	}

	.mg-btn-top a {
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		right: calc(85 * (100vw / 375));
		bottom: calc(75 * (100vw / 375));
		width: calc(60 * (100vw / 375));
		height: calc(60 * (100vw / 375));
		border-radius: calc(30 * (100vw / 375));
		color: #FFF;
		text-decoration: none;
		background-color: rgba(46, 46, 46, 0.5);
		font-size: calc(10 * (100vw / 375));
		line-height: 1.2;
		text-align: center;
	}
}

@media screen and (min-width: 751px) {
	#webmagazine .content .img {
		text-align: center;
		padding-top: 30px;
		margin-bottom: 30px;
		display: flex;
		justify-content: center;
	}

	#webmagazine .main-img {
		margin-bottom: 45px;
		margin-top: 45px;
	}

	#webmagazine .menu-list .ttl {
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 15px;
	}

	#webmagazine .menu-list {margin-bottom: 140px;}
	#webmagazine .menu-list nav ul {padding-top: 15px;}
	#webmagazine .menu-list nav ul li {margin-bottom: 15px;}
	#webmagazine .menu-list nav ul li.lst_lv02 {text-indent: 2em;}
	#webmagazine .menu-list nav ul li:last-of-type {margin-bottom: 0;}
	#webmagazine .menu-list nav ul li a {
		position: relative;
		font-size: 14px;
		padding-left: 35px;
		background: url('../../../img/usr/webmagazine/common/arrow.png') no-repeat left center;
		text-decoration: underline;
	}

	#webmagazine .menu-list nav ul li a:hover {text-decoration: underline;}

	/* point */
	#webmagazine .point .ttl {
		padding-top: 25px;
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 56px;
	}

	#webmagazine .point .img {margin-bottom: 56px;}
	#webmagazine .point .point-list {margin-bottom: 45px;}
	#webmagazine .point .point-list ul {
		border: solid 1px #ccc;
		padding: 30px 0 10px;
		margin-bottom: 30px;
		width: 100%;
	}

	#webmagazine .point .point-list ul li {
		position: relative;
		padding-left: 35px;
		margin-bottom: 20px;
	}

	#webmagazine .point .point-list ul li span {font-size: 14px;}
	#webmagazine .point .point-list ul li::before {content: '・';}
	#webmagazine .point .point-list ul li.point-list-ttl {
		font-size: 1.2em;
		margin-top: 40px;
	}
	#webmagazine .point .point-list ul li.point-list-ttl:first-child {margin-top: 0;}
	#webmagazine .point .point-list ul li.point-list-ttl:before {content: "";}

	/* item */
	#webmagazine h4 {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 8px;
	}

	#webmagazine .goods-item-inner {
		margin-bottom: 50px;
		padding-bottom: 30px;
	}

	/* goods list */
	#webmagazine .goods-btn-inner {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#webmagazine .goods-btn {
		display: block;
		width: 60%;
		text-align: center;
		margin: 0 auto 30px auto;
	}

	#webmagazine .goods-btn a {
		display: block;
		width: 100%;
		padding: 20px 0;
		font-size: 13px;
		border: solid 1px #ccc;
		text-decoration: none;
	}

	#webmagazine .goods-btn a:hover {text-decoration: underline;}

	/* menu list sub */
	#webmagazine .menu-list-sub {
		border: 1px solid #000;
		padding: 20px;
		margin-bottom: 30px;
	}

	#webmagazine .menu-list-sub nav ul li {
		margin-bottom: 15px;
		background: none;
	}

	#webmagazine .menu-list-sub nav ul li:last-of-type {margin-bottom: 0;}
	#webmagazine .menu-list-sub.dot nav ul {padding-left: 1.5em;}
	#webmagazine .menu-list-sub.number nav ol {padding-left: 1.25em;}
	#webmagazine .menu-list-sub.dot nav ul li {list-style-type: disc;}
	#webmagazine .menu-list-sub.number nav ol li {
		margin-bottom: 15px;
		text-indent: -1.25em;
	}

	#webmagazine .menu-list-sub.number nav ol li:last-of-type {margin-bottom: 0;}
	#webmagazine .list_number nav ul li {list-style-type:decimal !important;}

	/* search */
	#webmagazine .item-list {
		display: flex;
		/* justify-content: space-between; */
		margin-bottom: 30px;
		justify-content: center;
	}

	#webmagazine .u-item {width: 19%;padding: 0 20px;}
	#webmagazine .u-item p {
		margin-bottom: 0;
		font: 400 12px / 1.4 "Noto Sans JP", sans-serif;
	}

	#webmagazine .u-item .u-item-gender {display: none;}
	#webmagazine .u-item .u-text16 {font-size: 16px;}

	.mg-btn-top a {
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		right: 30px;
		bottom: 120px;
		width: 70px;
		height: 70px;
		border-radius: 35px;
		color: #FFF;
		text-decoration: none;
		background-color: rgba(46, 46, 46, 0.5);
		font-size: 11px;
		line-height: 1.2;
		text-align: center;
	}

	.mg-btn-all a {
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		right: 30px;
		bottom: 30px;
		width: 70px;
		height: 70px;
		border-radius: 35px;
		color: #FFF;
		text-decoration: none;
		background-color: rgba(46, 46, 46, 0.5);
		font-size: 11px;
		line-height: 1.2;
		text-align: center;
	}

}


/*=============================
		template CSS
=============================*/

/* アンカーリンク */
.wm-anchor {
	margin-bottom: 50px;
}
#webmagazine .wm-anchor p,
.wm-anchor p {
	font-size: 20px;
	line-height: 1.65;
}
.wm-anchor-trigger {
	border: 1px solid #000000;
	padding: 25px 40px;
	margin-bottom: 30px;
}
.wm-anchor-trigger li + li {
	margin-top: 8px;
}
.wm-anchor-trigger li {
	text-indent: -1em;
	padding-left: 1em;
}
.wm-anchor-trigger a {
	text-decoration: underline;
	font-size: 23px;
}
.wm-anchor-trigger a:before {
	display: inline-block;
	vertical-align: middle;
	content: "・";
}
.wm-anchor-trigger a:hover {
	text-decoration: none;
}
#webmagazine .wm-anchor-ttl,
.wm-anchor-ttl {
	font-size: 25px;
	font-weight: 700;
	padding: 0;
	margin-block: 0 35px;
}
/* 用語説明 */
.wm-definition {
	border: 1px solid #000000;
	margin-bottom: 50px;
	padding: 25px 16px;
}
.wm-definition dt {
	font-size: 18px;
	margin-bottom: 20px;
}
.wm-definition dd {
	font-size: 15px;
}
.wm-definition dd + dt {
	margin-top: 40px;
}
/* QA */
.wm-qa {
	margin-bottom: 50px;
}
#webmagazine .wm-qa *,
.wm-qa * {
	line-height: 1.6;
}
.wm-qa dt {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.wm-qa dd {
	background: #F0F0F0;
	padding: 15px 20px;
	font-size: 18px;
	font-weight: bold;
}
#webmagazine .wm-qa-notes,
.wm-qa-notes {
	display: block;
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
/* ボタン */
.wm-btn {
	width: fit-content;
	min-width: 510px;
	margin-inline: auto;
	border: 1px solid #000000;
	margin-bottom: 50px;
}
.wm-btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-inline: auto;
	font-size: 15px;
	transition: 0.3s;
	width: 100%;
	min-height: 62px;
	padding: 10px 15px;
}
.wm-btn a:hover {
	opacity: 0.7;
}
/* h3 */
#webmagazine .wm-headeline,
.wm-headeline {
	font-size: 37px;
	font-weight: bold;
}
/* 画像とテキスト */
.wm-column {
	display: flex;
	align-items: center;
	gap: calc( 25 / 900 * 100%);
	margin-bottom: 50px;
}
.wm-column-img {
	width: calc( 500 / 900 * 100%);
}
.wm-column-img img {
	width: 100%;
}
.wm-column-desc {
	width: calc( 375 / 900 * 100%);
}
#webmagazine .wm-column-desc p {
	padding: 0;
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
}
#webmagazine p.wm-column-lead,
.wm-column-lead {
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin-block: 0 15px;
}
/* 表（画像） */
#webmagazine .wm-simple-table,
.wm-simple-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #707070;
	text-align: center;
	margin-bottom: 50px;
}
#webmagazine .wm-simple-table th,
#webmagazine .wm-simple-table td,
.wm-simple-table th,
.wm-simple-table td {
	border: 1px solid #707070;
}
#webmagazine .wm-simple-table th,
.wm-simple-table th {
	padding: 20px 10px;
	font-weight: 400;
	font-size: 15px;
	background: #F0F0F0;
}
#webmagazine .wm-simple-table td,
.wm-simple-table td {
	padding: 10px 15px;
}
.wm-simple-table td span:has(img) {
	display: block;
}
.wm-simple-table td img {
	width: 100%;
}
/* 表（特徴/メリット/デメリット） */
#webmagazine .wm-table,
.wm-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #707070;
	margin-bottom: 50px;
}
#webmagazine .wm-table th,
#webmagazine .wm-table td,
.wm-table th,
.wm-table td {
	border: 1px solid #707070;
}
#webmagazine .wm-table-header,
.wm-table-header {
	background-color: #F0F0F0;
	border: 1px solid #707070;
	font-weight: bold;
	text-align: center;
}
#webmagazine .wm-table-header th,
.wm-table-header th {
	padding: 12px;
	font-size: 15px;
	font-weight: 400;
}
#webmagazine .wm-table-body td,
.wm-table-body td {
	padding: 15px 12px;
}
#webmagazine .wm-table-label,
.wm-table-label {
	margin-bottom: 15px;
}
#webmagazine .wm-table p,
.wm-table p {
	padding: 0;
	margin: 0;
	line-height: 1.7;
}

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

	/* アンカーリンク */
	.wm-anchor {
		margin-bottom: 30px;
	}
	#webmagazine .wm-anchor p,
	.wm-anchor p {
		font-size: 13px;
	}
	.wm-anchor-trigger {
		padding: 10px 25px;
		margin-bottom: 15px;
	}
	.wm-anchor-trigger li + li {
		margin-top: 5px;
	}
	.wm-anchor-trigger a {
		font-size: 15px;
	}
	#webmagazine .wm-anchor-ttl,
	.wm-anchor-ttl {
		font-size: 16px;
		margin-bottom: 10px;
	}
	/* 用語説明 */
	.wm-definition {
		padding: 15px;
		margin-bottom: 30px;
	}
	.wm-definition dt {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.wm-definition dd {
		font-size: 12px;
	}
	.wm-definition dd + dt {
		margin-top: 20px;
	}
	/* QA */
	.wm-qa {
		margin-bottom: 30px;
	}
	.wm-qa dt {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.wm-qa dd {
		padding: 15px 20px;
		font-size: 13px;
	}
	#webmagazine .wm-qa-notes,
	.wm-qa-notes {
		font-size: 12px;
	}
	/* ボタン */
	.wm-btn {
		display: block;
		min-width: auto;
		margin-bottom: 30px;
	}
	.wm-btn a {
		font-size: 12px;
		width: auto;
		min-height: auto;
		padding: 10px 15px;
	}
	/* h3 */
	#webmagazine .wm-headeline,
	.wm-headeline {
		font-size: 20px;
	}
	/* 画像とテキスト */
	.wm-column {
		flex-direction: column;
		gap: 10px;
		margin-bottom: 30px;
	}
	.wm-column-img,
	.wm-column-desc {
		width: 100%;
	}
	#webmagazine .wm-column-desc p {
		font-size: 12px;
	}
	#webmagazine p.wm-column-lead,
	.wm-column-lead {
		font-size: 14px;
		margin-bottom: 5px;
	}
	/* 表（画像） */
	#webmagazine .wm-simple-table,
	.wm-simple-table {
		width: 900px;
	}
	/* 表（特徴/メリット/デメリット） */
	#webmagazine .wm-table,
	.wm-table {
		width: 900px;
	}
	/* SP時横スクロール */
	.wm-sp-scroll {
		overflow: auto;
		margin-bottom: 30px;
	}
	#webmagazine .wm-sp-scroll > * {
		margin-bottom: 0;
	}
}

/*=============================
		aireco
=============================*/

#webmagazine .block-common-lightningrecommend--list .block-thumbnail-t {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 5px;
}

#webmagazine .block-common-lightningrecommend--list .block-thumbnail-t {
    padding-inline: 0px;
}