@charset "UTF-8";
@media screen and (max-width: 769px) {
    /* =====================コラム詳細ページ========================*/
	.freepage-content-column .block-topic-path--list {
		padding: 0 4vw 2.67vw;
	}
	.column--articleContents .pagetitle_columntitle {
		margin: 0 4vw 10px;
		font-size: 20px;
		padding-top: 0;
	}
	.column-author-inner {
		flex-direction: column;
	}
	.column-authortxt {
		width: 100%;
	}
	.column-authorbox {
		padding: 40px 4vw 0;
	}
	.column--articleContents .column-indexBox {
		padding: 20px 4vw;
		margin: 60px 4vw;
	}
	.column--articleContents .hl02-column {
		font-size: 20px;
		padding: 0 0 10px;
		margin: 2em 4vw 1em;
	}
	.column--articleContents .hl03-column {
		font-size: 18px;
		border-left: var(--main--color) solid 4px;
		padding-left: 10px;
		margin: 2em 4vw 0;
		line-height: 1.4;
	}
	.column--articleContents .imgbox {
		margin: 20px 4vw;
	}
	.column--articleContents .txt {
		padding: 0 4vw;
	}
	.column--articleContents .column--memoBox {
		margin: 2em 4vw;
		padding: 40px 30px 20px;
	}
	.column--articleWraper {
		margin: 0 auto 0;
		padding: 0 4vw;
		flex-direction: column;
	}
	.column--articleItem {
		width: 100%;
	}
	.column--articleItem:nth-of-type(2n) {
		margin-left: 0;
	}
	.column--article .column--articleTtl {
		padding: 0 0 30px;
	}
	/* 商品誘導エリア */
	.column--articleContents .column-productbox {
		padding: 30px 20px;
		margin: 40px 0;
	}
	.column--articleContents .column-productbox-inner .column-productimg figure img {
		max-height: 200px;
	}
	.column--articleContents .column-productbox-inner {
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}
	.column--articleContents .column-productbox-inner .column-producttxt {
		width: 100%;
	}
	.column-productBtnBox a.column-productBtn {
		min-width: 100%;
	}
	/* 併せて読む */
	.column--readMoreBox dl {
		gap: 20px;
		flex-direction: column;
		align-items: flex-start;
	}
	.column--readMoreBox dd {
		padding-left: 0;
		margin-left: 0;
		border-left: 0;
	}

	/* =====================コラム一覧ページ========================*/
	/* イントロ */
	/* 新着記事 */
	.block-column-category-new {
		padding: 10.67vw 0;
	}
	.block-column-category-new .block-column-category-section--fig img {
		height: 50.27vw;
	}
	/* 記事共通 */
	.block-column-category .block-column-category-section--icon {
		padding: 1.06vw 2.67vw 0.53vw;
		margin-top: 2.73vw;
		font-size: var(--txt-ss-base);
	}
	.block-column-category-section--title {
		font-size: var(--ttl-s-base);
		margin-top: 1.33vw;
	}
	.block-column-category-section--data {
		font-size: var(--txt-ss-base);
		margin-top: 1.33vw;
	}
	/* トピック別記事 */
	.block-column-category-topic {
		padding-top: 10.67vw;
	}
	.block-column-category-topic .block-column-category-topic-item {
		padding-bottom: 10.67vw;
	}
	.block-column-category-topic h2 {
		margin-bottom: 5.39vw;
		padding-bottom: 1.33vw;
	}
	.block-column-category-topic .block-column-category-section--box {
		row-gap: 8vw;
		grid-template-columns: 1fr;
	}
	.block-column-category-topic .block-column-category-section--fig {
		display: flex;
		justify-content: space-between;
		column-gap: 2.67vw;
	}
	.block-column-category-topic .block-column-category-section--fig img {
		width: 32vw;
		height: 32vw;
	}
	.block-column-category-topic-item .block-column-category-section--icon {
		margin-top: 0;
		font-size: var(--note-s-base);
		padding: 0.8vw 2.13vw 0.53vw;
	}
	.block-column-category-topic .block-column-category-section--data {
		font-size: var(--txt-s-base);
		line-height: 1;
	}
	.block-column-category-section--txtwrap {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.block-column-category-topic .block-column-category-section--title {
		font-size: var(--txt-ss-base);
		flex-grow: 1;
	}
	/* カテゴリアイコンエリア */
	.block-column-category-category {
		padding: 10.67vw 4vw;
	}
	div.block-column-category-category h2 {
		margin-bottom: 5.33vw;
	}
	.block-column-category-category--nav {
		/* grid-template-columns: 1fr 1fr;
		*/
		column-gap: 12.67vw;
		row-gap: 5.33vw;
	}
	li.block-column-category-category--list {
		width: 21.33vw;
	}
	.block-column-category-category--item {
		padding-bottom: 4.8vw;
	}
	.block-column-category-category--item img {
		width: 21.33vw;
		height: auto;
	}
	.block-column-category-category--txt {
		font-size: var(--ttl-s-base);
		margin-top: 1.33vw;
	}
	.block-column-category-category--item:after {
		width: 2.93vw;
		height: 2.93vw;
	}

    /* 固定バナーとTOPへボタンがかぶるので位置調整 */
    .block-column-category + .pane-footer .block-page-top,
    .freepage-content-column + .pane-footer .block-page-top  {
        bottom: 110px;
    }


	/* ここまで */
}