@charset "utf-8";
/*---------------- based on 2023/08/07 */
/* > 1%, last 4 versions, Firefox ESR, not dead */
/*------------------------------------ */


/*------------------------------------- 
 グリッドレイアウト
-------------------------------------*/
/* ページプロパティで「サイドナビを表示しない」に設定した場合 */
/* promos1は非表示にはならない */
body.col-subcol #nav-box ,
body.col-subcol #promos2 {
	display: none;
}

/* コンテンツエリア幅 */
html {
	--width-content-area-pc: 1170px;
	--width-content-area-sp: 500px;
}

/*---------- デスクトップ用 ----------*/
/*------------------------------------- 
 基礎設定
 1,000px + n * 60px以外の場合は、px以下の端数が出るので注意。
-------------------------------------*/
@media print, screen and (min-width: 769px) {
	html {
	}

	body {
		position: relative;
		margin: auto;
		--width-content-base: 1.00;
		--width-content-area: var(--width-content-area-pc);
		--width-content-margin: 15px;

		/* コンテンツエリア幅の最大を設定する場合 */
/*		max-width: 1600px; */
		/* コンテンツエリア幅の最小を設定する場合 */
/*		min-width: calc(var(--width-content-area-pc) + 40px); */
	}


	/*------------------------------------- 
	 グリットレイアウト
	-------------------------------------*/
	#html1 {
	}

	/*-- コンテンツエリア --*/
	#wrapper-2 {
		width: 100%;
	}

	#nav {
		margin: 0;
	}

	#wrapper-3 {
		float: none;
		clear: both;
		margin: auto;
	}


	/*-- コンテンツ下エリア --*/
	#promos3 {
		clear: both;
	}


	/*-- ローカルナビエリア --*/
	#promos1 {
	}

	#nav {
	}

	#promos2 {
	}


	#page-intro {
	}

	/*------------------------------------- 
	 フッターエリア
	-------------------------------------*/
	/*-- セクションフッター --*/
	#section-site-info {
	}

	#section-site-info-box {
	}

	/*-- フッター --*/
	#site-info {
	}

	#site-info-box {
		margin: auto;
	}

	p#copyright {
		display: none;
	}

	/*------------------------------------- 
	 ヘッダエリア
	-------------------------------------*/
	/*-- 画像とテキストの場合のみ --*/
	#branding ,
	#logo ,
	#nav-meta {
		display: none;
	}

	/*-- 更新日表示 --*/
	#pub-date {
		max-width: var(--width-content-area);
		margin: auto;
	}

	#pub-date p {
		text-align: right;
	}

	/*-- セクションヘッダー（総合トップ・スペシャル以外） --*/
	#section-header {
		margin: 30px auto 20px;
		max-width: var(--width-content-area);
		background: #0d8ccc;
		border-radius: 5px;
		overflow: hidden;
	}

	#section-header h5 {
	}

	#section-header p {
	}


	/*------------------------------------- 
	 Promos
	-------------------------------------*/
	#promos3 .ax_content_on_promos {
		max-width: calc(var(--width-content-area));
		margin: 20px auto;
	}


	/*------------------------------------- 
	 ローカルナビをサイドに配置するレイアウト
	 ※ ワイドモードはサイドナビと共存できない為、自動的にオフ。
	-------------------------------------*/
	body:not(.col-subcol)[data-page-marker~="side-nav"] #wrapper-2 {
		max-width: calc(var(--width-content-area) + 40px);
		padding-left: 20px;
		padding-right: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	body:not(.col-subcol)[data-page-marker~="side-nav"] #nav {
		clear: none;
		float: left;
		margin: 0;
		width: calc(24% - 20px);
		max-width: calc(var(--width-content-area) * 0.24 - 20px);
		padding-top: 80px;
	}

	body:not(.col-subcol)[data-page-marker~="side-nav"] #nav-box {
		padding: 0;
	}

	body:not(.col-subcol)[data-page-marker~="side-nav"] #wrapper-3 {
		clear: none;
		float: right;
		margin: 0;
		padding-top: 60px;
		width: 76%;
		--width-content-area: calc(var(--width-content-area) * 0.76);
		max-width: calc(var(--width-content-area) * 0.76);
	}

	body:not(.col-subcol)[data-page-marker~="side-nav"] #page-intro {
		max-width: none;
	}

	body[id=wide][data-page-marker~="side-nav"]  #page-intro ,
	body[id=index][data-page-marker~="side-nav"]  #page-intro ,
	body:not(.col-subcol)[data-page-marker~="side-nav"] #page-intro {
		padding-left: 0;
		padding-right: 0;
	}

	body:not(.col-subcol)[data-page-marker~="side-nav"] [role="main"] > .multiColumn1 ,
	body:not(.col-subcol)[data-page-marker~="side-nav"] [role="main"] > .multiColumn2 ,
	body:not(.col-subcol)[data-page-marker~="side-nav"] [role="main"] > .multiColumn3 ,
	body:not(.col-subcol)[data-page-marker~="side-nav"] [role="main"] > .multiColumn4 ,
	body:not(.col-subcol)[data-page-marker~="side-nav"] [role="main"] > .multiColumn5 {
		padding-left: 0;
		padding-right: 0;
	}

	body[data-page-marker~="side-nav"][id=index]:not(.col-subcol) #wrapper-3 {
		padding-left: 0;
		padding-right: 0;
	}
}



/*---------- スマホ用 ----------*/
@media screen and (max-width: 768px) {
	html {
	}

	body {
		--width-content-base: 1.00;
		--width-content-area: var(--width-content-area-sp);
		--width-content-margin: 9px;
	}

	/*------------------------------------- 
	 グリットレイアウト
	-------------------------------------*/
	#html1 {
	}


	#wrapper-2 {
	}

	/*-- コンテンツエリア --*/
	#wrapper-3 {
		margin: auto;
	}

	#promos2 > .promos {
		padding: 0 10px;
	}

	/* デフォルトはローカルナビ非表示 */
	#nav-box ,
	#promos2 {
		display: none;
	}

/*-- 表示順を入れ替えて、ローカルナビをコンテンツエリアの下に設定 --*/
/*--
	#wrapper-2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	#wrapper-2 > * {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
	}

	#nav {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 3;
		order: 3;
	}

	#wrapper-3 {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 1;
		order: 1;
	}

	#promos3 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 2;
		order: 2;
	}

	#nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	#nav > * {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
	}

	#promos1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 2;
		order: 2;
	}

	#nav-box {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 3;
		order: 3;
	}

	#promos2 {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 1;
		order: 1;
	}
--*/


	/*------------------------------------- 
	 フッターエリア
	-------------------------------------*/
	/*-- セクションフッター --*/
	#section-site-info {
	}

	#section-site-info-box {
	}

	/*-- フッター --*/
	#site-info {
	}

	#site-info-box {
	}

	p#copyright {
		display: none;
	}



	/*------------------------------------- 
	 ヘッダエリア
	-------------------------------------*/
	/*-- 画像とテキストの場合のみ --*/
	#branding ,
	#logo ,
	#nav-meta {
		display: none;
	}

	/*-- 更新日表示 --*/
	#pub-date {
		margin: auto;
	}

	#pub-date p {
		text-align: right;
	}

	/*-- セクションヘッダー（総合トップ・スペシャル以外） --*/
	#section-header {
		background: #555;
		border: 1px solid #333;
		color: #fff;
	}

	#section-header h5 {
	}

	#section-header p {
	}


	/*------------------------------------- 
	 Promos
	-------------------------------------*/
	#promos3 .ax_content_on_promos {
		width: calc(100% - 20px);
		max-width: calc(var(--width-content-area));
		margin: 20px auto;
	}


}





/*------------------------------------- 
 カラムレイアウト
-------------------------------------*/
[role="main"] {
	overflow: hidden;
}

.multiColumn1 ,
.multiColumn2 ,
.multiColumn3 ,
.multiColumn4 ,
.multiColumn5 {
 	clear: both;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: center;
}


.column1 ,
.column2 ,
.column3 ,
.column4 ,
.column5 {
	flex: 0 0 auto;
}


/* 別エリア・別パーツ表示 */
.reuse-main-area ,
.reuse-component {
}


/*-- リダイレクト --*/
.redirect {
	margin-top: 30px;
}


/*---------- デスクトップ用 ----------*/
@media print, screen and (min-width: 769px) {

	.multiColumn1 ,
	.multiColumn2 ,
	.multiColumn3 ,
	.multiColumn4 ,
	.multiColumn5 {
		gap: 0 0;
	}

	.column1 ,
	.column2 ,
	.column3 ,
	.column4 ,
	.column5 {
		margin-left: var(--width-content-margin);
		margin-right: var(--width-content-margin);
	}

	.multiColumn1 > .column1 {
		width: calc(100% * var(--width-content-base));
		max-width: var(--width-content-area);
	}

	.multiColumn2 > .column1 ,
	.multiColumn2 > .column2 {
		width: calc((100% * var(--width-content-base) - 2 * var(--width-content-margin)) / 2);
		max-width: calc((var(--width-content-area) - 2 * var(--width-content-margin)) / 2);
	}

	.multiColumn3 > .column1 ,
	.multiColumn3 > .column2 ,
	.multiColumn3 > .column3 {
		width: calc((100% * var(--width-content-base) - 4 * var(--width-content-margin)) / 3);
		max-width: calc((var(--width-content-area) - 4 * var(--width-content-margin)) / 3);
	}

	.multiColumn4 > .column1 ,
	.multiColumn4 > .column2 ,
	.multiColumn4 > .column3 ,
	.multiColumn4 > .column4 {
		width: calc((100% * var(--width-content-base) - 6 * var(--width-content-margin)) / 4);
		max-width: calc((var(--width-content-area) - 6 * var(--width-content-margin)) / 4);
	}

	.multiColumn5 > .column1 ,
	.multiColumn5 > .column2 ,
	.multiColumn5 > .column3 ,
	.multiColumn5 > .column4 ,
	.multiColumn5 > .column5 {
		width: calc((100% * var(--width-content-base) - 8 * var(--width-content-margin)) / 5);
		max-width: calc((var(--width-content-area) - 8 * var(--width-content-margin)) / 5);
	}

	/* 左端右端マージン */
	.multiColumn1:not(.lx_mcol_rtl) > .column1 ,
	.multiColumn2:not(.lx_mcol_rtl) > .column1 ,
	.multiColumn3:not(.lx_mcol_rtl) > .column1 ,
	.multiColumn4:not(.lx_mcol_rtl) > .column1 ,
	.multiColumn5:not(.lx_mcol_rtl) > .column1 ,
	.multiColumn1.lx_mcol_rtl > .column1 ,
	.multiColumn2.lx_mcol_rtl > .column2 ,
	.multiColumn3.lx_mcol_rtl > .column3 ,
	.multiColumn4.lx_mcol_rtl > .column4 ,
	.multiColumn5.lx_mcol_rtl > .column5 {
		margin-left: 0;
	}
	.multiColumn1:not(.lx_mcol_rtl) > .column1 ,
	.multiColumn2:not(.lx_mcol_rtl) > .column2 ,
	.multiColumn3:not(.lx_mcol_rtl) > .column3 ,
	.multiColumn4:not(.lx_mcol_rtl) > .column4 ,
	.multiColumn5:not(.lx_mcol_rtl) > .column5 ,
	.multiColumn1.lx_mcol_rtl > .column1 ,
	.multiColumn2.lx_mcol_rtl > .column1 ,
	.multiColumn3.lx_mcol_rtl > .column1 ,
	.multiColumn4.lx_mcol_rtl > .column1 ,
	.multiColumn5.lx_mcol_rtl > .column1 {
		margin-right: 0;
	}

	/*---- カラムを逆順に並べる ----*/
	/* PC表示のみ、インデックスモード非対応 */
	/* SP表示はそのまま */
	.lx_mcol_rtl.multiColumn1 ,
	.lx_mcol_rtl.multiColumn2 ,
	.lx_mcol_rtl.multiColumn3 ,
	.lx_mcol_rtl.multiColumn4 ,
	.lx_mcol_rtl.multiColumn5 {
		flex-direction: row-reverse;
	}

	/*-- デフォルトワイド・センターワイドモード --*/
	/* 左右にパディングを入れる */
	[role="main"] > .multiColumn1 ,
	[role="main"] > .multiColumn2 ,
	[role="main"] > .multiColumn3 ,
	[role="main"] > .multiColumn4 ,
	[role="main"] > .multiColumn5 {
		padding-left: 20px;
		padding-right: 20px;
	}

	/*-- コンテンツエリア＝マルチカラム設定 --*/
	.lx_mcol_narrow {
		width: calc(100% - 40px);
		max-width: calc(var(--width-content-area));
		margin-left: auto;
		margin-right: auto;
	}
	[role="main"] > .lx_mcol_narrow {
		padding-left: 0;
		padding-right: 0;
	}

	/*-- フルワイドモード --*/
	/* 左右のパディングをなくし、カラムを画面幅いっぱいに */
	[role="main"] > div.lx_mcol_full_pc ,
	[role="main"] > div.lx_mcol_full {
		padding-left: 0;
		padding-right: 0;
	}

	[role="main"] > div.lx_mcol_full_pc > .column1 ,
	[role="main"] > div.lx_mcol_full_pc > .column2 ,
	[role="main"] > div.lx_mcol_full_pc > .column3 ,
	[role="main"] > div.lx_mcol_full_pc > .column4 ,
	[role="main"] > div.lx_mcol_full_pc > .column5 ,
	[role="main"] > div.lx_mcol_full > .column1 ,
	[role="main"] > div.lx_mcol_full > .column2 ,
	[role="main"] > div.lx_mcol_full > .column3 ,
	[role="main"] > div.lx_mcol_full > .column4 ,
	[role="main"] > div.lx_mcol_full > .column5 {
		max-width: none;
	}

	[role="main"] > .redirect {
		max-width: var(--width-content-area);
		padding-left: 20px;
		padding-right: 20px;
		margin-left: auto;
		margin-right: auto;
	}



	/*-----transformed-----*/
	/* 左右にパディングを入れる */
	:where(#sharewithmain) > .wrapCol {
		padding-left: 20px;
		padding-right: 20px;
	}
	:where(#sharewithmain) > .wrapCol > .multiCol {
		width: calc(100% * var(--width-content-base));
		max-width: var(--width-content-area);
	}

	:where(#sharewithmain) > div.lx_mcol_full_pc > .multiCol ,
	:where(#sharewithmain) > div.lx_mcol_full > .multiCol {
		max-width: none;
	}

	.wrapCol {
		display: block;
	}

	.multiCol {
		clear: both;
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		align-content: flex-start;
		justify-content: center;
		margin: 0 auto;
	}

	.col {
		flex: 0 0 auto;
		margin-left: var(--width-content-margin);
		margin-right: var(--width-content-margin);
	}

	/* デフォルトカラム幅 */
	.multiCol1 > .col {
		width: 100%;
	}
	.multiCol2 > .col {
		width: calc((100% - 2 * var(--width-content-margin)) / 2);
	}
	.multiCol3 > .col {
		width: calc((100% - 4 * var(--width-content-margin)) / 3);
	}
	.multiCol4 > .col {
		width: calc((100% - 6 * var(--width-content-margin)) / 4);
	}
	.multiCol5 > .col {
		width: calc((100% - 8 * var(--width-content-margin)) / 5);
	}

	/* 左端右端マージン */
	:where(.wrapCol:not(.lx_mcol_rtl)) > .multiCol > .colFirst ,
	:where(.wrapCol.lx_mcol_rtl) > .multiCol > .colLast {
		margin-left: 0;
	}
	:where(.wrapCol:not(.lx_mcol_rtl)) > .multiCol > .colLast ,
	:where(.wrapCol.lx_mcol_rtl) > .multiCol > .colFirst {
		margin-right: 0;
	}

	/*---- カラムを逆順に並べる ----*/
	/* PC表示のみ、インデックスモード非対応 */
	/* SP表示はそのまま */
	:where(.wrapCol.lx_mcol_rtl) > .multiCol {
		flex-direction: row-reverse;
	}

}

/*---------- スマホ用 ----------*/
@media screen and (max-width: 768px) {

	/*------------------------------------- 
	 カラムレイアウト
	 body IDにindexを設定するとインデックスモード
	 body IDにwideを設定するとワイドモード
	-------------------------------------*/
	.multiColumn1 ,
	.multiColumn2 ,
	.multiColumn3 ,
	.multiColumn4 ,
	.multiColumn5 {
		gap: 0 calc(var(--width-content-margin) * 2);
		max-width: calc(100vw + var(--width-content-margin) * 2);
	}

	/* 1～3カラムは1カラムに */
	.multiColumn1 > .column1 ,
	.multiColumn2 > .column1 ,
	.multiColumn2 > .column2 ,
	.multiColumn3 > .column1 ,
	.multiColumn3 > .column2 ,
	.multiColumn3 > .column3 {
		width: calc(100% * var(--width-content-base));
		max-width: calc(var(--width-content-area));
	}

	/* 4～5は2カラムに */
	.multiColumn4 > .column1 ,
	.multiColumn4 > .column2 ,
	.multiColumn4 > .column3 ,
	.multiColumn4 > .column4 ,
	.multiColumn5 > .column1 ,
	.multiColumn5 > .column2 ,
	.multiColumn5 > .column3 ,
	.multiColumn5 > .column4 ,
	.multiColumn5 > .column5 {
		width: calc((100% * var(--width-content-base) - 2 * var(--width-content-margin)) / 2);
		max-width: calc((var(--width-content-area) - 2 * var(--width-content-margin)) / 2);
	}


	/*-- デフォルトワイド・センターワイドモード --*/
	/* 左右にパディングを入れる */
	[role="main"] > .multiColumn1 ,
	[role="main"] > .multiColumn2 ,
	[role="main"] > .multiColumn3 ,
	[role="main"] > .multiColumn4 ,
	[role="main"] > .multiColumn5 {
		padding-left: 15px;
		padding-right: 15px;
	}


	/*-- コンテンツエリア＝マルチカラム設定 --*/
	.lx_mcol_narrow {
		width: calc(100% - 30px);
		max-width: calc(var(--width-content-area));
		margin-left: auto;
		margin-right: auto;
	}

	/*-- フルワイドモード --*/
	/* 左右のパディングをなくし、カラムを画面幅いっぱいに */
	[role="main"] > div.lx_mcol_full_sp ,
	[role="main"] > div.lx_mcol_full {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}

	[role="main"] > div.lx_mcol_full_sp > .column1 ,
	[role="main"] > div.lx_mcol_full_sp > .column2 ,
	[role="main"] > div.lx_mcol_full_sp > .column3 ,
	[role="main"] > div.lx_mcol_full_sp > .column4 ,
	[role="main"] > div.lx_mcol_full_sp > .column5 ,
	[role="main"] > div.lx_mcol_full > .column1 ,
	[role="main"] > div.lx_mcol_full > .column2 ,
	[role="main"] > div.lx_mcol_full > .column3 ,
	[role="main"] > div.lx_mcol_full > .column4 ,
	[role="main"] > div.lx_mcol_full > .column5 {
		max-width: none;
	}

	[role="main"] > .redirect {
		max-width: calc(var(--width-content-area));
		margin-left: auto;
		margin-right: auto;
	}


	/*-----transformed-----*/
	/* 左右にパディングを入れる */
	:where(#sharewithmain) > .wrapCol {
		max-width: 100vw;
		padding-left: 15px;
		padding-right: 15px;
	}
	:where(#sharewithmain) > .wrapCol > .multiCol {
		width: calc(100% * var(--width-content-base));
		max-width: var(--width-content-area);
		gap: 0 calc(var(--width-content-margin) * 2);
	}

	:where(#sharewithmain) > div.lx_mcol_full_sp > .multiCol ,
	:where(#sharewithmain) > div.lx_mcol_full > .multiCol {
		max-width: none;
	}

	.multiCol {
		clear: both;
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		align-content: flex-start;
		justify-content: center;
		margin: 0 auto;
	}

	.col {
		flex: 0 0 auto;
		margin-left: 0;
		margin-right: 0;
	}

	/* 1～3カラムは1カラムに */
	.multiCol1 > .col ,
	.multiCol2 > .col ,
	.multiCol3 > .col {
		width: 100%;
	}

	/* 4～5は2カラムに */
	.multiCol4 > .col ,
	.multiCol5 > .col {
		width: calc((100% - 2 * var(--width-content-margin)) / 2);
	}


}

/*-- 別エリア・別パーツ内は、カラムレイアウトをリセット --*/
.reuse-main-area div.column1 ,
.reuse-main-area div.column2 ,
.reuse-main-area div.column3 ,
.reuse-main-area div.column4 ,
.reuse-main-area div.column5 ,
.reuse-component div.column1 ,
.reuse-component div.column2 ,
.reuse-component div.column3 ,
.reuse-component div.column4 ,
.reuse-component div.column5 {
	max-width: none;
}


/*-- ユーティリティエリア --*/
/*-- フッターエリア --*/
[id=html1] .multiColumn1 ,
[id=html1] .multiColumn2 ,
[id=html1] .multiColumn3 ,
[id=html1] .multiColumn4 ,
[id=html1] .multiColumn5 ,
[id=site-info] .multiColumn1 ,
[id=site-info] .multiColumn2 ,
[id=site-info] .multiColumn3 ,
[id=site-info] .multiColumn4 ,
[id=site-info] .multiColumn5 {
	display: block;
	text-align: left;
}

[id=html1] .column1 ,
[id=html1] .column2 ,
[id=html1] .column3 ,
[id=html1] .column4 ,
[id=html1] .column5 ,
[id=site-info] .column1 ,
[id=site-info] .column2 ,
[id=site-info] .column3 ,
[id=site-info] .column4 ,
[id=site-info] .column5 {
	max-width: none;
}



/*------------------------------------- 
 通常モード カラム バリエーション
-------------------------------------*/
/*===== カラムを中央寄せにする =====*/
@media print, screen and (min-width: 769px) {
	.lx_mcol_center ,
	.lx_mcol_center_pc {
		text-align: center;
		justify-content: center;
	}

	.lx_mcol_center > .empty ,
	.lx_mcol_center_pc > .empty {
		display: none;
	}

}

@media screen and (max-width: 768px) {
	.lx_mcol_center ,
	.lx_mcol_center_sp {
		text-align: center;
		justify-content: center;
	}

	.lx_mcol_center > .empty ,
	.lx_mcol_center_sp > .empty {
		display: none;
	}

	/*-- SP表示で1カラムに --*/
	.lx_col_sp100 > .column1 ,
	.lx_col_sp100 > .column2 ,
	.lx_col_sp100 > .column3 ,
	.lx_col_sp100 > .column4 ,
	.lx_col_sp100 > .column5 ,
	.lx_col1_sp100 > .column1 ,
	.lx_col2_sp100 > .column2 ,
	.lx_col3_sp100 > .column3 ,
	.lx_col4_sp100 > .column4 ,
	.lx_col5_sp100 > .column5 ,
	[id=index] [role="main"] > div.lx_col_sp100 {
		width: calc(100% * var(--width-content-base));
		max-width: calc(var(--width-content-area));
	}

	/*-- SP表示で4/5カラムに --*/
	.lx_col1_sp80 > div.column1 ,
	.lx_col2_sp80 > div.column2 ,
	.lx_col3_sp80 > div.column3 ,
	.lx_col4_sp80 > div.column4 ,
	.lx_col5_sp80 > div.column5 ,
	[id=index] [role="main"] > div.lx_col_sp80 {
		width: calc(100% * var(--width-content-base) - ((100% * var(--width-content-base) - 8 * var(--width-content-margin)) / 5));
		max-width: calc(var(--width-content-area) - ((var(--width-content-area) - 8 * var(--width-content-margin)) / 5));
	}

	/*-- SP表示で3/4カラムに --*/
	.lx_col1_sp75 > div.column1 ,
	.lx_col2_sp75 > div.column2 ,
	.lx_col3_sp75 > div.column3 ,
	.lx_col4_sp75 > div.column4 ,
	.lx_col5_sp75 > div.column5 ,
	[id=index] [role="main"] > div.lx_col_sp75 {
		width: calc(100% * var(--width-content-base) - ((100% * var(--width-content-base) - 6 * var(--width-content-margin)) / 4));
		max-width: calc(var(--width-content-area) - ((var(--width-content-area) - 6 * var(--width-content-margin)) / 4));
	}

	/*-- SP表示で2/3カラムに --*/
	.lx_col1_sp66 > div.column1 ,
	.lx_col2_sp66 > div.column2 ,
	.lx_col3_sp66 > div.column3 ,
	.lx_col4_sp66 > div.column4 ,
	.lx_col5_sp66 > div.column5 ,
	[id=index] [role="main"] > div.lx_col_sp66 {
		width: calc(100% * var(--width-content-base) - ((100% * var(--width-content-base) - 4 * var(--width-content-margin)) / 3));
		max-width: calc(var(--width-content-area) - ((var(--width-content-area) - 4 * var(--width-content-margin)) / 3));
	}

	/*-- SP表示で3/5カラムに --*/
	.lx_col1_sp60 > div.column1 ,
	.lx_col2_sp60 > div.column2 ,
	.lx_col3_sp60 > div.column3 ,
	.lx_col4_sp60 > div.column4 ,
	.lx_col5_sp60 > div.column5 ,
	[id=index] [role="main"] > div.lx_col_sp60 {
		width: calc( (100% * var(--width-content-base) - 8 * var(--width-content-margin)) / 5 * 3 + 4 * var(--width-content-margin) );
		max-width: calc( (var(--width-content-area) - 8 * var(--width-content-margin)) / 5 * 3 + 4 * var(--width-content-margin) );
	}

	/*-- SP表示で2カラムに --*/
	.lx_col_sp50 > div.column1 ,
	.lx_col_sp50 > div.column2 ,
	.lx_col_sp50 > div.column3 ,
	.lx_col_sp50 > div.column4 ,
	.lx_col_sp50 > div.column5 ,
	.lx_col1_sp50 > div.column1 ,
	.lx_col2_sp50 > div.column2 ,
	.lx_col3_sp50 > div.column3 ,
	.lx_col4_sp50 > div.column4 ,
	.lx_col5_sp50 > div.column5 ,
	[id=index] [role="main"] > div.lx_col_sp50 {
		width: calc((100% * var(--width-content-base) - 2 * var(--width-content-margin)) / 2);
		max-width: calc((var(--width-content-area) - 2 * var(--width-content-margin)) / 2);
	}

	/*-- SP表示で3カラムに --*/
	.lx_col_sp33 > div.column1 ,
	.lx_col_sp33 > div.column2 ,
	.lx_col_sp33 > div.column3 ,
	.lx_col_sp33 > div.column4 ,
	.lx_col_sp33 > div.column5 ,
	.lx_col1_sp33 > div.column1 ,
	.lx_col2_sp33 > div.column2 ,
	.lx_col3_sp33 > div.column3 ,
	.lx_col4_sp33 > div.column4 ,
	.lx_col5_sp33 > div.column5 ,
	[id=index] [role="main"] > div.lx_col_sp33 {
		width: calc((100% * var(--width-content-base) - 4 * var(--width-content-margin)) / 3);
		max-width: calc((var(--width-content-area) - 4 * var(--width-content-margin)) / 3);
	}

	/*-- SP表示で4カラムに --*/
	.lx_col_sp25 > div.column1 ,
	.lx_col_sp25 > div.column2 ,
	.lx_col_sp25 > div.column3 ,
	.lx_col_sp25 > div.column4 ,
	.lx_col_sp25 > div.column5 ,
	.lx_col1_sp25 > div.column1 ,
	.lx_col2_sp25 > div.column2 ,
	.lx_col3_sp25 > div.column3 ,
	.lx_col4_sp25 > div.column4 ,
	.lx_col5_sp25 > div.column5 ,
	[id=index] [role="main"] > div.lx_col_sp25 {
		width: calc((100% * var(--width-content-base) - 6 * var(--width-content-margin)) / 4);
		max-width: calc((var(--width-content-area) - 6 * var(--width-content-margin)) / 4);
	}

	/*-- SP表示で5カラムに --*/
	.lx_col_sp20 > div.column1 ,
	.lx_col_sp20 > div.column2 ,
	.lx_col_sp20 > div.column3 ,
	.lx_col_sp20 > div.column4 ,
	.lx_col_sp20 > div.column5 ,
	.lx_col1_sp20 > div.column1 ,
	.lx_col2_sp20 > div.column2 ,
	.lx_col3_sp20 > div.column3 ,
	.lx_col4_sp20 > div.column4 ,
	.lx_col5_sp20 > div.column5 ,
	[id=index] [role="main"] > div.lx_col_sp20 {
		width: calc((100% * var(--width-content-base) - 8 * var(--width-content-margin)) / 5);
		max-width: calc((var(--width-content-area) - 8 * var(--width-content-margin)) / 5);
	}
}

/*===== カラムを下揃え・中央揃え =====*/
.lx_col_valign_bottom {
	align-items: flex-end;
}
.lx_col_valign_middle {
	align-items: center;
}


/*===== カラム間余白 =====*/
/* SPの場合は、PCに対して余白を3/5。 */
@media print, screen and (min-width: 769px) {
	.lx_col_mr0pc ,
	.lx_col_mr0 {
		--width-content-margin: 0px;
	}
	.lx_col_mr10pc ,
	.lx_col_mr10 {
		--width-content-margin: 5px;
	}
	.lx_col_mr20pc ,
	.lx_col_mr20 {
		--width-content-margin: 10px;
	}
	.lx_col_mr30pc ,
	.lx_col_mr30 {
		--width-content-margin: 15px;
	}
	.lx_col_mr40pc ,
	.lx_col_mr40 {
		--width-content-margin: 20px;
	}
	.lx_col_mr50pc ,
	.lx_col_mr50 {
		--width-content-margin: 25px;
	}
	.lx_col_mr60pc ,
	.lx_col_mr60 {
		--width-content-margin: 30px;
	}
	.lx_col_mr70pc ,
	.lx_col_mr70 {
		--width-content-margin: 35px;
	}
	.lx_col_mr80pc ,
	.lx_col_mr80 {
		--width-content-margin: 40px;
	}
	.lx_col_mr90pc ,
	.lx_col_mr90 {
		--width-content-margin: 45px;
	}
	.lx_col_mr100pc ,
	.lx_col_mr100 {
		--width-content-margin: 50px;
	}

	/* マイナスマージンにすると、カラムを重ねる事が出来る。 */
	/* PCのみ、SP不可 */
	.lx_col_mr-10pc {
		--width-content-margin: -5px;
	}
	.lx_col_mr-20pc {
		--width-content-margin: -10px;
	}
	.lx_col_mr-30pc {
		--width-content-margin: -15px;
	}
	.lx_col_mr-40pc {
		--width-content-margin: -20px;
	}
	.lx_col_mr-50pc {
		--width-content-margin: -25px;
	}
	.lx_col_mr-60pc {
		--width-content-margin: -30px;
	}
	.lx_col_mr-70pc {
		--width-content-margin: -35px;
	}
	.lx_col_mr-80pc {
		--width-content-margin: -40px;
	}
	.lx_col_mr-90pc {
		--width-content-margin: -45px;
	}
	.lx_col_mr-100pc {
		--width-content-margin: -50px;
	}
}
@media screen and (max-width: 768px) {
	.lx_col_mr0sp ,
	.lx_col_mr0 {
		--width-content-margin: 0px;
	}
	.lx_col_mr10sp ,
	.lx_col_mr10 {
		--width-content-margin: 3px;
	}
	.lx_col_mr20sp ,
	.lx_col_mr20 {
		--width-content-margin: 6px;
	}
	.lx_col_mr30sp ,
	.lx_col_mr30 {
		--width-content-margin: 9px;
	}
	.lx_col_mr40sp ,
	.lx_col_mr40 {
		--width-content-margin: 12px;
	}
	.lx_col_mr50sp ,
	.lx_col_mr50 {
		--width-content-margin: 15px;
	}
	.lx_col_mr60sp ,
	.lx_col_mr60 {
		--width-content-margin: 18px;
	}
	.lx_col_mr70sp ,
	.lx_col_mr70 {
		--width-content-margin: 21px;
	}
	.lx_col_mr80sp ,
	.lx_col_mr80 {
		--width-content-margin: 24px;
	}
	.lx_col_mr90sp ,
	.lx_col_mr90 {
		--width-content-margin: 27px;
	}
	.lx_col_mr100sp ,
	.lx_col_mr100 {
		--width-content-margin: 30px;
	}
}

/*===== カラムベース幅 =====*/
@media print, screen and (min-width: 769px) {
	.lx_mcol_w95pc {
		--width-content-base: 0.95;
		--width-content-area: calc(var(--width-content-area-pc) * 0.95);
	}
	.lx_mcol_w90pc {
		--width-content-base: 0.90;
		--width-content-area: calc(var(--width-content-area-pc) * 0.9);
	}
	.lx_mcol_w85pc {
		--width-content-base: 0.85;
		--width-content-area: calc(var(--width-content-area-pc) * 0.85);
	}
	.lx_mcol_w80pc {
		--width-content-base: 0.80;
		--width-content-area: calc(var(--width-content-area-pc) * 0.8);
	}
	.lx_mcol_w75pc {
		--width-content-base: 0.75;
		--width-content-area: calc(var(--width-content-area-pc) * 0.75);
	}
	.lx_mcol_w70pc {
		--width-content-base: 0.70;
		--width-content-area: calc(var(--width-content-area-pc) * 0.7);
	}
	.lx_mcol_w65pc {
		--width-content-base: 0.65;
		--width-content-area: calc(var(--width-content-area-pc) * 0.65);
	}
	.lx_mcol_w60pc {
		--width-content-base: 0.60;
		--width-content-area: calc(var(--width-content-area-pc) * 0.6);
	}
	.lx_mcol_w55pc {
		--width-content-base: 0.55;
		--width-content-area: calc(var(--width-content-area-pc) * 0.55);
	}
	.lx_mcol_w50pc {
		--width-content-base: 0.50;
		--width-content-area: calc(var(--width-content-area-pc) * 0.5);
	}
}
@media screen and (max-width: 768px) {
	.lx_mcol_w95sp {
		--width-content-base: 0.95;
		--width-content-area: calc(var(--width-content-area-sp) * 0.95);
	}
	.lx_mcol_w90sp {
		--width-content-base: 0.90;
		--width-content-area: calc(var(--width-content-area-sp) * 0.9);
	}
	.lx_mcol_w85sp {
		--width-content-base: 0.85;
		--width-content-area: calc(var(--width-content-area-sp) * 0.85);
	}
	.lx_mcol_w80sp {
		--width-content-base: 0.80;
		--width-content-area: calc(var(--width-content-area-sp) * 0.8);
	}
	.lx_mcol_w75sp {
		--width-content-base: 0.75;
		--width-content-area: calc(var(--width-content-area-sp) * 0.75);
	}
	.lx_mcol_w70sp {
		--width-content-base: 0.70;
		--width-content-area: calc(var(--width-content-area-sp) * 0.7);
	}
	.lx_mcol_w65sp {
		--width-content-base: 0.65;
		--width-content-area: calc(var(--width-content-area-sp) * 0.65);
	}
	.lx_mcol_w60sp {
		--width-content-base: 0.60;
		--width-content-area: calc(var(--width-content-area-sp) * 0.6);
	}
	.lx_mcol_w55sp {
		--width-content-base: 0.55;
		--width-content-area: calc(var(--width-content-area-sp) * 0.55);
	}
	.lx_mcol_w50sp {
		--width-content-base: 0.50;
		--width-content-area: calc(var(--width-content-area-sp) * 0.5);
	}
}


/*===== カラム分割比率 =====*/
/* PCで2:1等のカラム */
/* SPでは特に何もせず、通常通り上下に */
/* jsでスタイルを生成しています */
@media print, screen and (min-width: 769px) {
	/*-- カラム分割比率 1:2・2:1 --*/
/*
	.lx_mcol2_ratio12.multiColumn2 > .column1 ,
	.lx_mcol2_ratio21.multiColumn2 > .column2 {
		width: calc((100% * var(--width-content-base) - 4 * var(--width-content-margin)) / 3);
		max-width: calc((var(--width-content-area) - 4 * var(--width-content-margin)) / 3);
	}
	.lx_mcol2_ratio12.multiColumn2 > .column2 ,
	.lx_mcol2_ratio21.multiColumn2 > .column1 {
		width: calc((100% * var(--width-content-base) - 4 * var(--width-content-margin)) * 2 / 3 + 2 * var(--width-content-margin));
		max-width: calc((var(--width-content-area) - 4 * var(--width-content-margin)) * 2 / 3 + 2 * var(--width-content-margin));
	}
*/
}


/*===== カラム分割比率 ２段 =====*/
/* PCで２・３段のカラム */
/* SPでも上下に並ぶ */
/* ワイドモードで2段にする関係上、上段と下段をの間に区切りが必要なので、区切りとして使われるカラムは実質非表示になる */
/* アコーディオンはスタイル設定のエイリアスではなくなったので、jsで自動的にデフォルトスタイルコードが追加される */
.ux_accordion > .column1 > * {
	cursor: pointer;
}

@media print, screen and (min-width: 769px) {
	/*-- カラム分割比率 ２段 3カラム --*/
	/*-- カラム分割比率 ３段 5カラム --*/
	.lx_mcol3_ratio1on1.multiColumn3 > .column1 ,
	.lx_mcol3_ratio1on1.multiColumn3 > .column3 ,
	.lx_mcol5_ratio1on1on1.multiColumn5 > .column1 ,
	.lx_mcol5_ratio1on1on1.multiColumn5 > .column3 ,
	.lx_mcol5_ratio1on1on1.multiColumn5 > .column5 {
		width: calc(100% * var(--width-content-base));
		max-width: var(--width-content-area);
		margin-left: 0;
		margin-right: 0;
	}
}


@media screen and (max-width: 768px) {
	.lx_mcol3_ratio1on1.multiColumn3 > .column1 ,
	.lx_mcol3_ratio1on1.multiColumn3 > .column3 ,
	.lx_mcol5_ratio1on1on1.multiColumn5 > .column1 ,
	.lx_mcol5_ratio1on1on1.multiColumn5 > .column3 ,
	.lx_mcol5_ratio1on1on1.multiColumn5 > .column5 {
		width: calc(100% * var(--width-content-base));
		max-width: calc(var(--width-content-area));
		margin-left: 0;
		margin-right: 0;
	}
}


/* 区切りカラム */
.ux_accordion.h-multiColumn3 > .h-column2 ,
.ux_accordion.h-multiColumn4 > .h-column2 ,
.ux_accordion.h-multiColumn5 > .h-column2 ,
.ux_accordion.f-multiColumn4 > .f-column2 ,
.ux_accordion.f-multiColumn3 > .f-column2 ,
.ux_accordion.f-multiColumn5 > .f-column2 ,
.ux_accordion.o-multiColumn3 > .o-column2 ,
.ux_accordion.o-multiColumn4 > .o-column2 ,
.ux_accordion.o-multiColumn5 > .o-column2 ,
.lx_mcol3_ratio1on1.multiColumn3 > .column2 ,
.lx_mcol5_ratio1on1on1.multiColumn5 > .column2 ,
.lx_mcol5_ratio1on1on1.multiColumn5 > .column4 {
	display: block !important;
	width: 100%;
	max-width: none;
	height: 0;
	padding: 0 !important;
	margin: 0;
}

.ux_accordion.h-multiColumn3 > .h-column2 * ,
.ux_accordion.h-multiColumn4 > .h-column2 * ,
.ux_accordion.h-multiColumn5 > .h-column2 * ,
.ux_accordion.f-multiColumn4 > .f-column2 * ,
.ux_accordion.f-multiColumn3 > .f-column2 * ,
.ux_accordion.f-multiColumn5 > .f-column2 * ,
.ux_accordion.o-multiColumn3 > .o-column2 * ,
.ux_accordion.o-multiColumn4 > .o-column2 * ,
.ux_accordion.o-multiColumn5 > .o-column2 * ,
.lx_mcol3_ratio1on1.multiColumn3 > .column2 * ,
.lx_mcol5_ratio1on1on1.multiColumn5 > .column2 * ,
.lx_mcol5_ratio1on1on1.multiColumn5 > .column4 * {
	display: none !important;
	visibility: hidden !important;
}


/*---- 旧アコーディオン ---*/
.ux_accordion.multiColumn2 > .column1 ,
.ux_accordion.multiColumn2 > .column2 {
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

@media print, screen and (min-width: 769px) {
	/*-- コンテンツエリア＝マルチカラム設定 --*/
	.ux_accordion.multiColumn2 {
		width: calc(100% - 40px);
		max-width: calc(var(--width-content-area));
		margin-left: auto;
		margin-right: auto;
	}
	[role="main"] > .ux_accordion.multiColumn2 {
		padding-left: 0;
		padding-right: 0;
	}
}
@media screen and (max-width: 768px) {
	/*-- コンテンツエリア＝マルチカラム設定 --*/
	.ux_accordion.multiColumn2 {
		width: calc(100% - 30px);
		max-width: calc(var(--width-content-area));
		margin-left: auto;
		margin-right: auto;
	}
}


/*------------------------------------- 
 body IDにindexを設定するとインデックスモード
 body IDにwideを設定するとワイドモード
-------------------------------------*/

/*---------- ワイドモード ----------*/
/*-- 空カラム非表示 --*/
[id=wide] [role="main"] > * > div.empty {
	display: none;
}

@media print, screen and (min-width: 769px) {
	body[id=wide] #wrapper-2 {
		margin-top: 0;
		margin-bottom: 0;
		padding: 0;
		width: auto;
		max-width: none;
	}

	body[id=wide] #wrapper-3 {
		float: none;
		margin-top: 0;
		margin-bottom: 0;
		padding: 0;
		width: auto;
		max-width: none;
	}

	/* ワイドモードはデフォルトでローカルナビ非表示 */
	body[id=wide] #nav-box ,
	body[id=wide] #promos2 {
		display: none;
	}

	body[id=wide] #page-intro {
		max-width: var(--width-content-area);
		margin-left: auto;
		margin-right: auto;
	}

	body[id=wide] #site-info {
		margin-top: 0;
	}

}

@media screen and (max-width: 768px) {
	body[id=wide] #wrapper-2 {
		margin-top: 0;
		margin-bottom: 0;
		padding: 0;
	}

	body[id=wide] #wrapper-3 {
		margin-top: 0;
		margin-bottom: 0;
		padding: 0;
	}

	body[id=wide] #site-info {
		margin-top: 0;
	}

	/* ワイドモードはデフォルトでローカルナビ非表示 */
	body[id=wide] #nav-box ,
	body[id=wide] #promos2 {
		display: none;
	}

}


/*---------- インデックスモード ----------*/
/* カラム間マージンは30px固定 */
[id=index] [role="main"] > .multiColumn1 ,
[id=index] [role="main"] > .multiColumn2 ,
[id=index] [role="main"] > .multiColumn3 ,
[id=index] [role="main"] > .multiColumn4 ,
[id=index] [role="main"] > .multiColumn5 {
	clear: none;
/*	justify-content: normal; */
	padding-left: 0;
	padding-right: 0;
}

[id=index] [role="main"] > * > .column1 ,
[id=index] [role="main"] > * > .column2 ,
[id=index] [role="main"] > * > .column3 ,
[id=index] [role="main"] > * > .column4 ,
[id=index] [role="main"] > * > .column5 {
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}


/*-- 空カラム非表示 --*/
[id=index] [role="main"] > .multiColumn1.empty ,
[id=index] [role="main"] > .multiColumn2.empty ,
[id=index] [role="main"] > .multiColumn3.empty ,
[id=index] [role="main"] > .multiColumn4.empty ,
[id=index] [role="main"] > .multiColumn5.empty ,
[id=index] [role="main"] > * > .column1.empty ,
[id=index] [role="main"] > * > .column2 ,
[id=index] [role="main"] > * > .column3 ,
[id=index] [role="main"] > * > .column4 ,
[id=index] [role="main"] > * > .column5 {
	display: none;
}

/*---------- デスクトップ用 ----------*/
@media print, screen and (min-width: 769px) {
	[id=index] #wrapper-3 {
		overflow: hidden;

		max-width: calc(var(--width-content-area) + 40px);
		padding-left: 20px;
		padding-right: 20px;

/*		float: none; */
/*		clear: both; */
		margin: auto;
	}

	[id=index] #sharewithmain {
		width: 100%;
		margin: auto;
		display: flex;
		flex-flow: row wrap;
		gap: 0 calc(2 * var(--width-content-margin));
	}


	/*-- インデックスモード カラム幅 --*/
	[id=index] [role="main"] > .multiColumn1 {
		width: calc(100% * var(--width-content-base));
		max-width: var(--width-content-area);
	}

	[id=index] [role="main"] > .multiColumn2 {
		width: calc((100% * var(--width-content-base) - 2 * var(--width-content-margin)) / 2);
		max-width: calc((var(--width-content-area) - 2 * var(--width-content-margin)) / 2);
	}

	[id=index] [role="main"] > .multiColumn3 {
		width: calc((100% * var(--width-content-base) - 4 * var(--width-content-margin)) / 3);
		max-width: calc((var(--width-content-area) - 4 * var(--width-content-margin)) / 3);
	}

	[id=index] [role="main"] > .multiColumn4 {
		width: calc((100% * var(--width-content-base) - 6 * var(--width-content-margin)) / 4);
		max-width: calc((var(--width-content-area) - 6 * var(--width-content-margin)) / 4);
	}

	[id=index] [role="main"] > .multiColumn5 {
		width: calc((100% * var(--width-content-base) - 8 * var(--width-content-margin)) / 5);
		max-width: calc((var(--width-content-area) - 8 * var(--width-content-margin)) / 5);
	}

	[id=index] [role="main"] > .multiColumn1 ,
	[id=index] [role="main"] > .multiColumn2 ,
	[id=index] [role="main"] > .multiColumn3 ,
	[id=index] [role="main"] > .multiColumn4 ,
	[id=index] [role="main"] > .multiColumn5 {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		--width-content-margin: inherit;
	}


	/*------------------------------------- 
	 スペシャルコンテンツのテンプレート
	 インデックスモード・ワイドモードは通常ページと異なる。
	-------------------------------------*/
	body.special > * {
		max-width: var(--width-content-area);
		margin: auto;
	}

	[id=index].special #sharewithmain {
		margin: auto;
	}

	[id=wide].special #sharewithmain {
		max-width: none;
		margin: auto;
	}
}


/*---------- スマホ用 ----------*/
@media screen and (max-width: 768px) {
	[id=index] #wrapper-3 {
		overflow: hidden;
		padding: 0 15px;
		max-width: calc(40px + var(--width-content-area));
		margin: auto;
	}

	[id=index] #sharewithmain {
		width: calc(100%);
		display: flex;
		flex-flow: row wrap;
/*		gap: 0 calc(2 * var(--width-content-margin)); */
		gap: 0 18px;
	}

	/*-- インデックスモード カラム幅 --*/
	/* 1～3カラムは1カラムに */
	[id=index] [role="main"] > .multiColumn1 ,
	[id=index] [role="main"] > .multiColumn2 ,
	[id=index] [role="main"] > .multiColumn3 {
		width: calc(100%);
		margin-left: 0;
		margin-right: 0;
		--width-content-margin: 9px;
	}

	/* 4～5は2カラムに */
	[id=index] [role="main"] > .multiColumn4 ,
	[id=index] [role="main"] > .multiColumn5 {
/*		width: calc((100%) / 2 - 12px); */
		width: calc(100% / 2 - var(--width-content-margin));
		margin-left: 0;
		margin-right: 0;
		--width-content-margin: 9px;
	}
}



/*------------------------------------- 
 特殊設定カラムレイアウト インデックスモード専用
-------------------------------------*/

/*===== インデックスモード ツインカラムinカラム =====*/
/* カラムが空でも非表示になりません。 */
/*[id=index] [role="main"] >*/ .lx_mcol_twin_col {
	--width-twin-col-margin: 15px;
}

@media screen and (max-width: 768px) {
	/*[id=index] [role="main"] >*/ .lx_mcol_twin_col {
		--width-twin-col-margin: 9px;
	}
}

[id=index] [role="main"] > .lx_mcol_twin_col > .column1 ,
[id=index] [role="main"] > .lx_mcol_twin_col > .column2 {
	display: inline-block;
	width: calc((100% - 2 * var(--width-twin-col-margin)) / 2);
	max-width: none;
	margin-left: var(--width-twin-col-margin);
	margin-right: var(--width-twin-col-margin);
}

[id=index] [role="main"] > .lx_mcol_twin_col > .column1 {
	margin-left: 0;
}

[id=index] [role="main"] > .lx_mcol_twin_col > .column2 {
	margin-right: 0;
}

/*===== インデックスモード ツインカラムinカラム × カラム分割比率 =====*/
[id=index] [role="main"] > .lx_mcol_twin_col.lx_mcol2_twin_col_ratio28 > .column1 ,
[id=index] [role="main"] > .lx_mcol_twin_col.lx_mcol2_twin_col_ratio82 > .column2 {
	width: calc((100% - 2 * var(--width-twin-col-margin)) * 0.2);
}
[id=index] [role="main"] > .lx_mcol_twin_col.lx_mcol2_twin_col_ratio28 > .column2 ,
[id=index] [role="main"] > .lx_mcol_twin_col.lx_mcol2_twin_col_ratio82 > .column1 {
	width: calc((100% - 2 * var(--width-twin-col-margin)) * 0.8);
}

[id=index] [role="main"] > .lx_mcol_twin_col.lx_mcol2_twin_col_ratio37 > .column1 ,
[id=index] [role="main"] > .lx_mcol_twin_col.lx_mcol2_twin_col_ratio73 > .column2 {
	width: calc((100% - 2 * var(--width-twin-col-margin)) * 0.3);
}
[id=index] [role="main"] > .lx_mcol_twin_col.lx_mcol2_twin_col_ratio37 > .column2 ,
[id=index] [role="main"] > .lx_mcol_twin_col.lx_mcol2_twin_col_ratio73 > .column1 {
	width: calc((100% - 2 * var(--width-twin-col-margin)) * 0.7);
}

[id=index] [role="main"] > .lx_mcol_twin_col.lx_mcol2_twin_col_ratio46 > .column1 ,
[id=index] [role="main"] > .lx_mcol_twin_col.lx_mcol2_twin_col_ratio64 > .column2 {
	width: calc((100% - 2 * var(--width-twin-col-margin)) * 0.4);
}
[id=index] [role="main"] > .lx_mcol_twin_col.lx_mcol2_twin_col_ratio46 > .column2 ,
[id=index] [role="main"] > .lx_mcol_twin_col.lx_mcol2_twin_col_ratio64 > .column1 {
	width: calc((100% - 2 * var(--width-twin-col-margin)) * 0.6);
}

/* １カラムに対しては無効 */
[id=index] [role="main"] > .multiColumn1.lx_mcol_twin_col > .column1 {
	width: 100%;
	margin-right: 0;
}


/*------------------------------------- 
 特殊カラム設定
-------------------------------------*/
/*===== 簡易版PC/SP表示切り替え =====*/
/* ２カラム：第１カラムがPC用、第２カラムがSP用 */
/* ４カラム：第１・３カラムがPC用、第２・４カラムがSP用 */
/* ５カラム：第１・４カラムがPC用、第２・５カラムがSP用 */
@media print, screen and (min-width: 769px) {
	:is(#promos1,#promos2,#promos3,#html1,#site-info,[role="document"]) 
		:is(
			.lx_mcol2_flip.multiColumn2 > .column1 ,
			.lx_mcol4_flip12.multiColumn4 > .column1 ,
			.lx_mcol4_flip34.multiColumn4 > .column3 ,
			.lx_mcol5_flip12.multiColumn5 > .column1 ,
			.lx_mcol5_flip45.multiColumn5 > .column4 
		) ,
	#sharewithmain .lx_mcol2_flip.multiColumn2 > .column1 ,
	#sharewithmain .lx_mcol4_flip12.multiColumn4 > .column1 ,
	#sharewithmain .lx_mcol4_flip34.multiColumn4 > .column3 ,
	#sharewithmain .lx_mcol5_flip12.multiColumn5 > .column1 ,
	#sharewithmain .lx_mcol5_flip45.multiColumn5 > .column4 {
		width: calc(100% * var(--width-content-base));
		margin-right: 0;
	}

	#sharewithmain .lx_mcol2_flip.multiColumn2:not(.lx_mcol_full):not(.lx_mcol_full_pc) > .column1 ,
	#sharewithmain .lx_mcol4_flip12.multiColumn4:not(.lx_mcol_full):not(.lx_mcol_full_pc) > .column1 ,
	#sharewithmain .lx_mcol4_flip34.multiColumn4:not(.lx_mcol_full):not(.lx_mcol_full_pc) > .column3 ,
	#sharewithmain .lx_mcol5_flip12.multiColumn5:not(.lx_mcol_full):not(.lx_mcol_full_pc) > .column1 ,
	#sharewithmain .lx_mcol5_flip45.multiColumn5:not(.lx_mcol_full):not(.lx_mcol_full_pc) > .column4 {
		max-width: var(--width-content-area);
	}

	/* 公開・プレビューでは非表示 */
	:is(#promos1,#promos2,#promos3,#html1,#site-info,[role="document"]) 
		:is(
			.lx_mcol2_flip.multiColumn2 > .column2 ,
			.lx_mcol4_flip12.multiColumn4 > .column2 ,
			.lx_mcol4_flip34.multiColumn4 > .column4 ,
			.lx_mcol5_flip12.multiColumn5 > .column2 ,
			.lx_mcol5_flip45.multiColumn5 > .column5 
		) ,
	body:not(.in-editor) #sharewithmain .lx_mcol2_flip.multiColumn2 > .column2 ,
	body:not(.in-editor) #sharewithmain .lx_mcol4_flip12.multiColumn4 > .column2 ,
	body:not(.in-editor) #sharewithmain .lx_mcol4_flip34.multiColumn4 > .column4 ,
	body:not(.in-editor) #sharewithmain .lx_mcol5_flip12.multiColumn5 > .column2 ,
	body:not(.in-editor) #sharewithmain .lx_mcol5_flip45.multiColumn5 > .column5 {
		display: none;
	}

	/* 編集画面 */
	body.in-editor #sharewithmain .lx_mcol2_flip.multiColumn2 > .column1 ,
	body.in-editor #sharewithmain .lx_mcol4_flip12.multiColumn4 > .column1 ,
	body.in-editor #sharewithmain .lx_mcol4_flip34.multiColumn4 > .column3 ,
	body.in-editor #sharewithmain .lx_mcol5_flip12.multiColumn5 > .column1 ,
	body.in-editor #sharewithmain .lx_mcol5_flip45.multiColumn5 > .column4 {
		width: calc((100% * var(--width-content-base) - 2 * var(--width-content-margin)) * 0.6);
		margin-right: var(--width-content-margin);
	}

	body.in-editor #sharewithmain .lx_mcol2_flip.multiColumn2 > .column2 ,
	body.in-editor #sharewithmain .lx_mcol4_flip12.multiColumn4 > .column2 ,
	body.in-editor #sharewithmain .lx_mcol4_flip34.multiColumn4 > .column4 ,
	body.in-editor #sharewithmain .lx_mcol5_flip12.multiColumn5 > .column2 ,
	body.in-editor #sharewithmain .lx_mcol5_flip45.multiColumn5 > .column5 {
		width: calc((100% * var(--width-content-base) - 2 * var(--width-content-margin)) * 0.4);
		margin-left: var(--width-content-margin);
	}

	/* 編集画面(ワイドカラム以外) */
	body.in-editor #sharewithmain .lx_mcol2_flip.multiColumn2:not(.lx_mcol_full):not(.lx_mcol_full_pc) > .column1 ,
	body.in-editor #sharewithmain .lx_mcol4_flip12.multiColumn4:not(.lx_mcol_full):not(.lx_mcol_full_pc) > .column1 ,
	body.in-editor #sharewithmain .lx_mcol4_flip34.multiColumn4:not(.lx_mcol_full):not(.lx_mcol_full_pc) > .column3 ,
	body.in-editor #sharewithmain .lx_mcol5_flip12.multiColumn5:not(.lx_mcol_full):not(.lx_mcol_full_pc) > .column1 ,
	body.in-editor #sharewithmain .lx_mcol5_flip45.multiColumn5:not(.lx_mcol_full):not(.lx_mcol_full_pc) > .column4 {
		max-width: calc((var(--width-content-area) - 2 * var(--width-content-margin)) * 0.6);
	}

	body.in-editor #sharewithmain .lx_mcol2_flip.multiColumn2:not(.lx_mcol_full):not(.lx_mcol_full_pc) > .column2 ,
	body.in-editor #sharewithmain .lx_mcol4_flip12.multiColumn4:not(.lx_mcol_full):not(.lx_mcol_full_pc) > .column2 ,
	body.in-editor #sharewithmain .lx_mcol4_flip34.multiColumn4:not(.lx_mcol_full):not(.lx_mcol_full_pc) > .column4 ,
	body.in-editor #sharewithmain .lx_mcol5_flip12.multiColumn5:not(.lx_mcol_full):not(.lx_mcol_full_pc) > .column2 ,
	body.in-editor #sharewithmain .lx_mcol5_flip45.multiColumn5:not(.lx_mcol_full):not(.lx_mcol_full_pc) > .column5 {
		max-width: calc((var(--width-content-area) - 2 * var(--width-content-margin)) * 0.4);
	}
}

@media screen and (max-width: 768px) {
	/* 公開・プレビューでは非表示 */
	:is(#promos1,#promos2,#promos3,#html1,#site-info,[role="document"]) 
		:is(
			.lx_mcol2_flip.multiColumn2 > .column1 ,
			.lx_mcol4_flip12.multiColumn4 > .column1 ,
			.lx_mcol4_flip34.multiColumn4 > .column3 ,
			.lx_mcol5_flip12.multiColumn5 > .column1 ,
			.lx_mcol5_flip45.multiColumn5 > .column4 
		) ,
	body.in-editor #sharewithmain * .lx_mcol2_flip.multiColumn2 > .column1 ,
	body.in-editor #sharewithmain * .lx_mcol4_flip12.multiColumn4 > .column1 ,
	body.in-editor #sharewithmain * .lx_mcol4_flip34.multiColumn4 > .column3 ,
	body.in-editor #sharewithmain * .lx_mcol5_flip12.multiColumn5 > .column1 ,
	body.in-editor #sharewithmain * .lx_mcol5_flip45.multiColumn5 > .column4 ,
	body:not(.in-editor) #sharewithmain .lx_mcol2_flip.multiColumn2 > .column1 ,
	body:not(.in-editor) #sharewithmain .lx_mcol4_flip12.multiColumn4 > .column1 ,
	body:not(.in-editor) #sharewithmain .lx_mcol4_flip34.multiColumn4 > .column3 ,
	body:not(.in-editor) #sharewithmain .lx_mcol5_flip12.multiColumn5 > .column1 ,
	body:not(.in-editor) #sharewithmain .lx_mcol5_flip45.multiColumn5 > .column4 {
		display: none;
	}
}


/*===== カラム内中央寄せ・右寄せ（主にページ内リンク用） =====*/
@media print, screen and (min-width: 769px) {
	:is(.lx_col_pc_align_center, .lx_col_align_center, .lx_col_align_center_pc) > :is(.column1, .column2, .column3, .column4, .column5) ,
	.lx_col1_align_center_pc > .column1 ,
	.lx_col2_align_center_pc > .column2 ,
	.lx_col3_align_center_pc > .column3 ,
	.lx_col4_align_center_pc > .column4 ,
	.lx_col5_align_center_pc > .column5 {
		text-align: center;
	}

	:is(.lx_col_pc_align_right, .lx_col_align_right, .lx_col_align_right_pc) > :is(.column1, .column2, .column3, .column4, .column5) ,
	.lx_col1_align_right_pc > .column1 ,
	.lx_col2_align_right_pc > .column2 ,
	.lx_col3_align_right_pc > .column3 ,
	.lx_col4_align_right_pc > .column4 ,
	.lx_col5_align_right_pc > .column5 {
		text-align: right;
	}
}

@media screen and (max-width: 768px) {
	:is(.lx_col_sp_align_center, .lx_col_align_center, .lx_col_align_center_sp) > :is(.column1, .column2, .column3, .column4, .column5) ,
	.lx_col1_align_center_sp > .column1 ,
	.lx_col2_align_center_sp > .column2 ,
	.lx_col3_align_center_sp > .column3 ,
	.lx_col4_align_center_sp > .column4 ,
	.lx_col5_align_center_sp > .column5 {
		text-align: center;
	}

	:is(.lx_col_sp_align_right, .lx_col_align_right, .lx_col_align_right_sp) > :is(.column1, .column2, .column3, .column4, .column5) ,
	.lx_col1_align_right_sp > .column1 ,
	.lx_col2_align_right_sp > .column2 ,
	.lx_col3_align_right_sp > .column3 ,
	.lx_col4_align_right_sp > .column4 ,
	.lx_col5_align_right_sp > .column5 {
		text-align: right;
	}
}



/*------------------------------------- 
 その他の特殊設定
-------------------------------------*/
/*===== 固定幅横スクロール テーブル縦横 =====*/
@media print, screen and (min-width: 769px) {

	/* カラム内 横スクロール設定・パーツ幅設定 */
	.ux_col1_pc_swipable  > .column1 ,
	.ux_col2_pc_swipable  > .column2 ,
	.ux_col3_pc_swipable  > .column3 ,
	.ux_col4_pc_swipable  > .column4 ,
	.ux_col5_pc_swipable  > .column5 {
		overflow-x: scroll;
	}

	.ux_col1_pc_swipable  > .column1 > * ,
	.ux_col2_pc_swipable  > .column2 > * ,
	.ux_col3_pc_swipable  > .column3 > * ,
	.ux_col4_pc_swipable  > .column4 > * ,
	.ux_col5_pc_swipable  > .column5 > * {
		min-width: var(--width-content-area-pc);
	}

	.lx_parts1_pc_swipable_w200 > .column1 > * ,
	.lx_parts2_pc_swipable_w200 > .column2 > * ,
	.lx_parts3_pc_swipable_w200 > .column3 > * ,
	.lx_parts4_pc_swipable_w200 > .column4 > * ,
	.lx_parts5_pc_swipable_w200 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 2);
	}
	.lx_parts1_pc_swipable_w190 > .column1 > * ,
	.lx_parts2_pc_swipable_w190 > .column2 > * ,
	.lx_parts3_pc_swipable_w190 > .column3 > * ,
	.lx_parts4_pc_swipable_w190 > .column4 > * ,
	.lx_parts5_pc_swipable_w190 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.9);
	}
	.lx_parts1_pc_swipable_w180 > .column1 > * ,
	.lx_parts2_pc_swipable_w180 > .column2 > * ,
	.lx_parts3_pc_swipable_w180 > .column3 > * ,
	.lx_parts4_pc_swipable_w180 > .column4 > * ,
	.lx_parts5_pc_swipable_w180 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.8);
	}
	.lx_parts1_pc_swipable_w170 > .column1 > * ,
	.lx_parts2_pc_swipable_w170 > .column2 > * ,
	.lx_parts3_pc_swipable_w170 > .column3 > * ,
	.lx_parts4_pc_swipable_w170 > .column4 > * ,
	.lx_parts5_pc_swipable_w170 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.7);
	}
	.lx_parts1_pc_swipable_w160 > .column1 > * ,
	.lx_parts2_pc_swipable_w160 > .column2 > * ,
	.lx_parts3_pc_swipable_w160 > .column3 > * ,
	.lx_parts4_pc_swipable_w160 > .column4 > * ,
	.lx_parts5_pc_swipable_w160 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.6);
	}
	.lx_parts1_pc_swipable_w150 > .column1 > * ,
	.lx_parts2_pc_swipable_w150 > .column2 > * ,
	.lx_parts3_pc_swipable_w150 > .column3 > * ,
	.lx_parts4_pc_swipable_w150 > .column4 > * ,
	.lx_parts5_pc_swipable_w150 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.5);
	}
	.lx_parts1_pc_swipable_w140 > .column1 > * ,
	.lx_parts2_pc_swipable_w140 > .column2 > * ,
	.lx_parts3_pc_swipable_w140 > .column3 > * ,
	.lx_parts4_pc_swipable_w140 > .column4 > * ,
	.lx_parts5_pc_swipable_w140 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.4);
	}
	.lx_parts1_pc_swipable_w130 > .column1 > * ,
	.lx_parts2_pc_swipable_w130 > .column2 > * ,
	.lx_parts3_pc_swipable_w130 > .column3 > * ,
	.lx_parts4_pc_swipable_w130 > .column4 > * ,
	.lx_parts5_pc_swipable_w130 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.3);
	}
	.lx_parts1_pc_swipable_w125 > .column1 > * ,
	.lx_parts2_pc_swipable_w125 > .column2 > * ,
	.lx_parts3_pc_swipable_w125 > .column3 > * ,
	.lx_parts4_pc_swipable_w125 > .column4 > * ,
	.lx_parts5_pc_swipable_w125 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.25);
	}
	.lx_parts1_pc_swipable_w120 > .column1 > * ,
	.lx_parts2_pc_swipable_w120 > .column2 > * ,
	.lx_parts3_pc_swipable_w120 > .column3 > * ,
	.lx_parts4_pc_swipable_w120 > .column4 > * ,
	.lx_parts5_pc_swipable_w120 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.2);
	}
	.lx_parts1_pc_swipable_w115 > .column1 > * ,
	.lx_parts2_pc_swipable_w115 > .column2 > * ,
	.lx_parts3_pc_swipable_w115 > .column3 > * ,
	.lx_parts4_pc_swipable_w115 > .column4 > * ,
	.lx_parts5_pc_swipable_w115 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.15);
	}
	.lx_parts1_pc_swipable_w110 > .column1 > * ,
	.lx_parts2_pc_swipable_w110 > .column2 > * ,
	.lx_parts3_pc_swipable_w110 > .column3 > * ,
	.lx_parts4_pc_swipable_w110 > .column4 > * ,
	.lx_parts5_pc_swipable_w110 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.1);
	}
	.lx_parts1_pc_swipable_w105 > .column1 > * ,
	.lx_parts2_pc_swipable_w105 > .column2 > * ,
	.lx_parts3_pc_swipable_w105 > .column3 > * ,
	.lx_parts4_pc_swipable_w105 > .column4 > * ,
	.lx_parts5_pc_swipable_w105 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.05);
	}

	.lx_parts1_pc_swipable_w95 > .column1 > * ,
	.lx_parts2_pc_swipable_w95 > .column2 > * ,
	.lx_parts3_pc_swipable_w95 > .column3 > * ,
	.lx_parts4_pc_swipable_w95 > .column4 > * ,
	.lx_parts5_pc_swipable_w95 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 0.95);
	}
	.lx_parts1_pc_swipable_w90 > .column1 > * ,
	.lx_parts2_pc_swipable_w90 > .column2 > * ,
	.lx_parts3_pc_swipable_w90 > .column3 > * ,
	.lx_parts4_pc_swipable_w90 > .column4 > * ,
	.lx_parts5_pc_swipable_w90 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 0.9);
	}
	.lx_parts1_pc_swipable_w85 > .column1 > * ,
	.lx_parts2_pc_swipable_w85 > .column2 > * ,
	.lx_parts3_pc_swipable_w85 > .column3 > * ,
	.lx_parts4_pc_swipable_w85 > .column4 > * ,
	.lx_parts5_pc_swipable_w85 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 0.85);
	}
	.lx_parts1_pc_swipable_w80 > .column1 > * ,
	.lx_parts2_pc_swipable_w80 > .column2 > * ,
	.lx_parts3_pc_swipable_w80 > .column3 > * ,
	.lx_parts4_pc_swipable_w80 > .column4 > * ,
	.lx_parts5_pc_swipable_w80 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 0.8);
	}
	.lx_parts1_pc_swipable_w75 > .column1 > * ,
	.lx_parts2_pc_swipable_w75 > .column2 > * ,
	.lx_parts3_pc_swipable_w75 > .column3 > * ,
	.lx_parts4_pc_swipable_w75 > .column4 > * ,
	.lx_parts5_pc_swipable_w75 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 0.75);
	}
	.lx_parts1_pc_swipable_w70 > .column1 > * ,
	.lx_parts2_pc_swipable_w70 > .column2 > * ,
	.lx_parts3_pc_swipable_w70 > .column3 > * ,
	.lx_parts4_pc_swipable_w70 > .column4 > * ,
	.lx_parts5_pc_swipable_w70 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 0.7);
	}
	.lx_parts1_pc_swipable_w65 > .column1 > * ,
	.lx_parts2_pc_swipable_w65 > .column2 > * ,
	.lx_parts3_pc_swipable_w65 > .column3 > * ,
	.lx_parts4_pc_swipable_w65 > .column4 > * ,
	.lx_parts5_pc_swipable_w65 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 0.65);
	}
	.lx_parts1_pc_swipable_w60 > .column1 > * ,
	.lx_parts2_pc_swipable_w60 > .column2 > * ,
	.lx_parts3_pc_swipable_w60 > .column3 > * ,
	.lx_parts4_pc_swipable_w60 > .column4 > * ,
	.lx_parts5_pc_swipable_w60 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 0.6);
	}
	.lx_parts1_pc_swipable_w55 > .column1 > * ,
	.lx_parts2_pc_swipable_w55 > .column2 > * ,
	.lx_parts3_pc_swipable_w55 > .column3 > * ,
	.lx_parts4_pc_swipable_w55 > .column4 > * ,
	.lx_parts5_pc_swipable_w55 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 0.55);
	}
	.lx_parts1_pc_swipable_w50 > .column1 > * ,
	.lx_parts2_pc_swipable_w50 > .column2 > * ,
	.lx_parts3_pc_swipable_w50 > .column3 > * ,
	.lx_parts4_pc_swipable_w50 > .column4 > * ,
	.lx_parts5_pc_swipable_w50 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 0.5);
	}
}

@media screen and (max-width: 768px) {
	/* テーブル縦横 横スクロール設定 */
	.layout_sp_scrolltable .vertical-table ,
	.layout_sp_scrolltable .ircalendar ,
	.lx_table_sp_swipable .vertical-table ,
	.lx_table_sp_swipable .ircalendar ,
	.ux_table_sp_swipable .vertical-table ,
	.ux_table_sp_swipable .ircalendar ,
	.ux_table_sp_swipable .uni-table {
		overflow-x: scroll;
		padding-bottom: 1px;
	}

	.layout_sp_scrolltable .vertical-table > div ,
	.layout_sp_scrolltable .ircalendar > div ,
	.lx_table_sp_swipable .vertical-table > div ,
	.lx_table_sp_swipable .ircalendar > div ,
	.ux_table_sp_swipable .vertical-table > div ,
	.ux_table_sp_swipable .ircalendar > div ,
	.ux_table_sp_swipable .uni-table > table {
		width: var(--width-content-area-pc);
	}

	.layout_sp_scrolltable table.icell ,
	.lx_table_sp_swipable table.icell ,
	.ux_table_sp_swipable table.icell {
		min-width: var(--width-content-area-pc);
	}

	/* カラム内 横スクロール設定・パーツ幅設定 */
	.ux_col1_sp_swipable  > .column1 ,
	.ux_col2_sp_swipable  > .column2 ,
	.ux_col3_sp_swipable  > .column3 ,
	.ux_col4_sp_swipable  > .column4 ,
	.ux_col5_sp_swipable  > .column5 {
		overflow-x: scroll;
	}

	.ux_col1_sp_swipable  > .column1 > * ,
	.ux_col2_sp_swipable  > .column2 > * ,
	.ux_col3_sp_swipable  > .column3 > * ,
	.ux_col4_sp_swipable  > .column4 > * ,
	.ux_col5_sp_swipable  > .column5 > * {
		min-width: var(--width-content-area-pc);
	}

	.lx_parts1_sp_swipable_w200 > .column1 > * ,
	.lx_parts2_sp_swipable_w200 > .column2 > * ,
	.lx_parts3_sp_swipable_w200 > .column3 > * ,
	.lx_parts4_sp_swipable_w200 > .column4 > * ,
	.lx_parts5_sp_swipable_w200 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 2);
	}
	.lx_parts1_sp_swipable_w190 > .column1 > * ,
	.lx_parts2_sp_swipable_w190 > .column2 > * ,
	.lx_parts3_sp_swipable_w190 > .column3 > * ,
	.lx_parts4_sp_swipable_w190 > .column4 > * ,
	.lx_parts5_sp_swipable_w190 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.9);
	}
	.lx_parts1_sp_swipable_w180 > .column1 > * ,
	.lx_parts2_sp_swipable_w180 > .column2 > * ,
	.lx_parts3_sp_swipable_w180 > .column3 > * ,
	.lx_parts4_sp_swipable_w180 > .column4 > * ,
	.lx_parts5_sp_swipable_w180 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.8);
	}
	.lx_parts1_sp_swipable_w170 > .column1 > * ,
	.lx_parts2_sp_swipable_w170 > .column2 > * ,
	.lx_parts3_sp_swipable_w170 > .column3 > * ,
	.lx_parts4_sp_swipable_w170 > .column4 > * ,
	.lx_parts5_sp_swipable_w170 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.7);
	}
	.lx_parts1_sp_swipable_w160 > .column1 > * ,
	.lx_parts2_sp_swipable_w160 > .column2 > * ,
	.lx_parts3_sp_swipable_w160 > .column3 > * ,
	.lx_parts4_sp_swipable_w160 > .column4 > * ,
	.lx_parts5_sp_swipable_w160 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.6);
	}
	.lx_parts1_sp_swipable_w150 > .column1 > * ,
	.lx_parts2_sp_swipable_w150 > .column2 > * ,
	.lx_parts3_sp_swipable_w150 > .column3 > * ,
	.lx_parts4_sp_swipable_w150 > .column4 > * ,
	.lx_parts5_sp_swipable_w150 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.5);
	}
	.lx_parts1_sp_swipable_w140 > .column1 > * ,
	.lx_parts2_sp_swipable_w140 > .column2 > * ,
	.lx_parts3_sp_swipable_w140 > .column3 > * ,
	.lx_parts4_sp_swipable_w140 > .column4 > * ,
	.lx_parts5_sp_swipable_w140 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.4);
	}
	.lx_parts1_sp_swipable_w130 > .column1 > * ,
	.lx_parts2_sp_swipable_w130 > .column2 > * ,
	.lx_parts3_sp_swipable_w130 > .column3 > * ,
	.lx_parts4_sp_swipable_w130 > .column4 > * ,
	.lx_parts5_sp_swipable_w130 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.3);
	}
	.lx_parts1_sp_swipable_w125 > .column1 > * ,
	.lx_parts2_sp_swipable_w125 > .column2 > * ,
	.lx_parts3_sp_swipable_w125 > .column3 > * ,
	.lx_parts4_sp_swipable_w125 > .column4 > * ,
	.lx_parts5_sp_swipable_w125 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.25);
	}
	.lx_parts1_sp_swipable_w120 > .column1 > * ,
	.lx_parts2_sp_swipable_w120 > .column2 > * ,
	.lx_parts3_sp_swipable_w120 > .column3 > * ,
	.lx_parts4_sp_swipable_w120 > .column4 > * ,
	.lx_parts5_sp_swipable_w120 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.2);
	}
	.lx_parts1_sp_swipable_w115 > .column1 > * ,
	.lx_parts2_sp_swipable_w115 > .column2 > * ,
	.lx_parts3_sp_swipable_w115 > .column3 > * ,
	.lx_parts4_sp_swipable_w115 > .column4 > * ,
	.lx_parts5_sp_swipable_w115 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.15);
	}
	.lx_parts1_sp_swipable_w110 > .column1 > * ,
	.lx_parts2_sp_swipable_w110 > .column2 > * ,
	.lx_parts3_sp_swipable_w110 > .column3 > * ,
	.lx_parts4_sp_swipable_w110 > .column4 > * ,
	.lx_parts5_sp_swipable_w110 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.1);
	}
	.lx_parts1_sp_swipable_w105 > .column1 > * ,
	.lx_parts2_sp_swipable_w105 > .column2 > * ,
	.lx_parts3_sp_swipable_w105 > .column3 > * ,
	.lx_parts4_sp_swipable_w105 > .column4 > * ,
	.lx_parts5_sp_swipable_w105 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 1.05);
	}

	.lx_parts1_sp_swipable_w95 > .column1 > * ,
	.lx_parts2_sp_swipable_w95 > .column2 > * ,
	.lx_parts3_sp_swipable_w95 > .column3 > * ,
	.lx_parts4_sp_swipable_w95 > .column4 > * ,
	.lx_parts5_sp_swipable_w95 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 0.95);
	}
	.lx_parts1_sp_swipable_w90 > .column1 > * ,
	.lx_parts2_sp_swipable_w90 > .column2 > * ,
	.lx_parts3_sp_swipable_w90 > .column3 > * ,
	.lx_parts4_sp_swipable_w90 > .column4 > * ,
	.lx_parts5_sp_swipable_w90 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 0.9);
	}
	.lx_parts1_sp_swipable_w85 > .column1 > * ,
	.lx_parts2_sp_swipable_w85 > .column2 > * ,
	.lx_parts3_sp_swipable_w85 > .column3 > * ,
	.lx_parts4_sp_swipable_w85 > .column4 > * ,
	.lx_parts5_sp_swipable_w85 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 0.85);
	}
	.lx_parts1_sp_swipable_w80 > .column1 > * ,
	.lx_parts2_sp_swipable_w80 > .column2 > * ,
	.lx_parts3_sp_swipable_w80 > .column3 > * ,
	.lx_parts4_sp_swipable_w80 > .column4 > * ,
	.lx_parts5_sp_swipable_w80 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 0.8);
	}
	.lx_parts1_sp_swipable_w75 > .column1 > * ,
	.lx_parts2_sp_swipable_w75 > .column2 > * ,
	.lx_parts3_sp_swipable_w75 > .column3 > * ,
	.lx_parts4_sp_swipable_w75 > .column4 > * ,
	.lx_parts5_sp_swipable_w75 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 0.75);
	}
	.lx_parts1_sp_swipable_w70 > .column1 > * ,
	.lx_parts2_sp_swipable_w70 > .column2 > * ,
	.lx_parts3_sp_swipable_w70 > .column3 > * ,
	.lx_parts4_sp_swipable_w70 > .column4 > * ,
	.lx_parts5_sp_swipable_w70 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 0.7);
	}
	.lx_parts1_sp_swipable_w65 > .column1 > * ,
	.lx_parts2_sp_swipable_w65 > .column2 > * ,
	.lx_parts3_sp_swipable_w65 > .column3 > * ,
	.lx_parts4_sp_swipable_w65 > .column4 > * ,
	.lx_parts5_sp_swipable_w65 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 0.65);
	}
	.lx_parts1_sp_swipable_w60 > .column1 > * ,
	.lx_parts2_sp_swipable_w60 > .column2 > * ,
	.lx_parts3_sp_swipable_w60 > .column3 > * ,
	.lx_parts4_sp_swipable_w60 > .column4 > * ,
	.lx_parts5_sp_swipable_w60 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 0.6);
	}
	.lx_parts1_sp_swipable_w55 > .column1 > * ,
	.lx_parts2_sp_swipable_w55 > .column2 > * ,
	.lx_parts3_sp_swipable_w55 > .column3 > * ,
	.lx_parts4_sp_swipable_w55 > .column4 > * ,
	.lx_parts5_sp_swipable_w55 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 0.55);
	}
	.lx_parts1_sp_swipable_w50 > .column1 > * ,
	.lx_parts2_sp_swipable_w50 > .column2 > * ,
	.lx_parts3_sp_swipable_w50 > .column3 > * ,
	.lx_parts4_sp_swipable_w50 > .column4 > * ,
	.lx_parts5_sp_swipable_w50 > .column5 > * {
		min-width: calc(var(--width-content-area-pc) * 0.5);
	}
}


/*==== 素材ページ用設定 ====*/
/* 背景黒 素材ページ等で白いロゴを見える様にする */
body#bg-black {
	background: #000;
}

/* メインエリア幅を２～５カラム幅に */
@media print, screen and (min-width: 769px) {
	[data-page-marker~="index-col2pc"] #sharewithmain {
		max-width: calc((var(--width-content-area-pc) - 30px * 1) / 2 + 20px *2);
		margin: auto;
	}

	[data-page-marker~="index-col3pc"] #sharewithmain {
		max-width: calc((var(--width-content-area-pc) - 30px * 2) / 3 + 20px *2);
		margin: auto;
	}

	[data-page-marker~="index-col4pc"] #sharewithmain {
		max-width: calc((var(--width-content-area-pc) - 30px * 3) / 4 + 20px *2);
		margin: auto;
	}

	[data-page-marker~="index-col5pc"] #sharewithmain {
		max-width: calc((var(--width-content-area-pc) - 30px * 4) / 5 + 20px *2);
		margin: auto;
	}
}

@media screen and (max-width: 768px) {
	[data-page-marker~="index-col2sp"] #sharewithmain {
		max-width: calc((var(--width-content-area-sp) - 30px * 1) / 2 + 15px *2);
		margin: auto;
	}

	[data-page-marker~="index-col3sp"] #sharewithmain {
		max-width: calc((var(--width-content-area-sp) - 30px * 2) / 3 + 15px *2);
		margin: auto;
	}
}



/* -- 印刷用 -- */
@media print {
	html {
		zoom: 0.7;
		width: calc(var(--width-content-area-pc) + 40px);
		--vw: calc((var(--width-content-area-pc) + 40px) / 100);
		margin: 0 auto;
	}
}