@charset "utf-8";
/*------------------ based on 19/06/27 */
/* > 1%, last 4 versions, Firefox ESR */
/*------------------------------------ */

/*------------------------------------- 
 カラムレイアウト
-------------------------------------*/







/*------------------------- デスクトップ用 ---------------------------*/
@media print, screen and (min-width: 768px) {


	/*------------------------------------- 
	 グリットレイアウト
	-------------------------------------*/
	#html1 {
	}

	/*-- コンテンツエリア --*/
	#wrapper-2 {
		width: calc(1000px + 40px);
		padding: 0 20px;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#nav {
		margin: 0;
	}

	#wrapper-3 {
		padding-top: 60px;
		width: 100%;
		float: none;
		clear: both;
		margin: 0;
	}



	/*-- コンテンツ下エリア --*/
	#promos3 {
	}


	/*-- ローカルナビエリア --*/
	#promos1 {
	}

	#nav {
	}

	#promos2 {
	}


	/*------------------------------------- 
	 カラムレイアウト
	 body IDにindexを設定するとインデックスモード
	 body IDにwideを設定するとワイドモード
	 ----
	 コンテンツエリア幅を変更する場合は1000pxを全置換する事。
	 1000px + n * 60px以外の場合は、px以下の端数が出るので注意。
	-------------------------------------*/
	.multiColumn1 ,
	.multiColumn2 ,
	.multiColumn3 ,
	.multiColumn4 ,
	.multiColumn5 {
		display: block;
		clear: both;
	}

	.column1 ,
	.column2 ,
	.column3 ,
	.column4 ,
	.column5 {
		margin-bottom: 5px;
	}


	.multiColumn1 > .column1 {
		width: 100%;
	}

	.multiColumn2 > .column1 ,
	.multiColumn2 > .column2 {
		width: calc((100% - 20px * 1) / 2);
	}
	.multiColumn2 > .column1 {
		margin-right: 20px;
	}

	.multiColumn3 > .column1 ,
	.multiColumn3 > .column2 ,
	.multiColumn3 > .column3 {
		width: calc((100% - 20px * 2) / 3);
	}
	.multiColumn3 > .column1 ,
	.multiColumn3 > .column2 {
		margin-right: 20px;
	}

	.multiColumn4 > .column1 ,
	.multiColumn4 > .column2 ,
	.multiColumn4 > .column3 ,
	.multiColumn4 > .column4 {
		width: calc((100% - 20px * 3) / 4);
	}
	.multiColumn4 > .column1 ,
	.multiColumn4 > .column2 ,
	.multiColumn4 > .column3 {
		margin-right: 20px;
	}

	.multiColumn5 > .column1 ,
	.multiColumn5 > .column2 ,
	.multiColumn5 > .column3 ,
	.multiColumn5 > .column4 ,
	.multiColumn5 > .column5 {
		width: calc((100% - 20px * 4) / 5);
	}
	.multiColumn5 > .column1 ,
	.multiColumn5 > .column2 ,
	.multiColumn5 > .column3 ,
	.multiColumn5 > .column4 {
		margin-right: 20px;
	}


	/*-- インデックスモード --*/
	body[id=index] #wrapper-3 {
		width: 1000px;
	}

	body[id=index] #sharewithmain {
		width: calc(1000px + 20px);
		margin: auto;
	}

	body[id=index] [role="main"] > .multiColumn1 ,
	body[id=index] [role="main"] > .multiColumn2 ,
	body[id=index] [role="main"] > .multiColumn3 ,
	body[id=index] [role="main"] > .multiColumn4 ,
	body[id=index] [role="main"] > .multiColumn5 {
		clear: none;
		display: inline-block;
		vertical-align: top;
	}

	body[id=index] [role="main"] > * > .column1 {
		width: 100%;
		margin-right: 0;
	}


	/*-- ワイドモード --*/
	body[id=wide] #wrapper-2 {
		padding-right: 0;
		padding-left: 0;
	}

	body[id=wide] #wrapper-2 ,
	body[id=wide] #wrapper-3 {
		width: auto;
		min-width: calc(1000px + 40px);
	}

	body[id=wide] #page-intro {
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}

	body[id=wide] [role="main"] > .multiColumn1 ,
	body[id=wide] [role="main"] > .multiColumn2 ,
	body[id=wide] [role="main"] > .multiColumn3 ,
	body[id=wide] [role="main"] > .multiColumn4 ,
	body[id=wide] [role="main"] > .multiColumn5 {
		display: block;
		width: 100%;
		text-align: center;
	}


	/*-- インデックスモード/ワイドモード カラム幅 --*/
	body[id=wide] [role="main"] > .multiColumn1 > .column1 ,
	body[id=index] [role="main"] > .multiColumn1 {
		width: 1000px;
	}

	body[id=wide] [role="main"] > .multiColumn2 > .column1 ,
	body[id=wide] [role="main"] > .multiColumn2 > .column2 ,
	body[id=index] [role="main"] > .multiColumn2 {
		width: 490px;
		width: calc((1000px - 20px * 1) / 2);
	}
	body[id=index] [role="main"] > .multiColumn2 {
		margin-right: 20px;
	}

	body[id=wide] [role="main"] > .multiColumn3 > .column1 ,
	body[id=wide] [role="main"] > .multiColumn3 > .column2 ,
	body[id=wide] [role="main"] > .multiColumn3 > .column3 ,
	body[id=index] [role="main"] > .multiColumn3 {
		width: 320px;
		width: calc((1000px - 20px * 2) / 3);
	}
	body[id=index] [role="main"] > .multiColumn3 {
		margin-right: 20px;
	}

	body[id=wide] [role="main"] > .multiColumn4 > .column1 ,
	body[id=wide] [role="main"] > .multiColumn4 > .column2 ,
	body[id=wide] [role="main"] > .multiColumn4 > .column3 ,
	body[id=wide] [role="main"] > .multiColumn4 > .column4 ,
	body[id=index] [role="main"] > .multiColumn4 {
		width: 235px;
		width: calc((1000px - 20px * 3) / 4);
	}
	body[id=index] [role="main"] > .multiColumn4 {
		margin-right: 20px;
	}

	body[id=wide] [role="main"] > .multiColumn5 > .column1 ,
	body[id=wide] [role="main"] > .multiColumn5 > .column2 ,
	body[id=wide] [role="main"] > .multiColumn5 > .column3 ,
	body[id=wide] [role="main"] > .multiColumn5 > .column4 ,
	body[id=wide] [role="main"] > .multiColumn5 > .column5 ,
	body[id=index] [role="main"] > .multiColumn5 {
		width: 184px;
		width: calc((1000px - 20px * 4) / 5);
	}
	body[id=index] [role="main"] > .multiColumn5 {
		margin-right: 20px;
	}


	/*------------------------------------- 
	 スペシャルコンテンツのテンプレート
	 インデックスモード・ワイドモードは通常ページと異なる。
	-------------------------------------*/
	body.special > * {
		max-width: 1000px;
		margin: auto;
	}

	body[id=index].special #sharewithmain {
		width: calc(100% + 20px);
		margin: auto;
	}

	body[id=wide].special #sharewithmain {
		max-width: none;
		margin: auto;
	}


	/*------------------------------------- 
	 ローカルナビをサイドに配置するレイアウト
	 コンテンツエリア幅を変更する場合は760pxを全置換する事。
	 1000px + n * 60px以外の場合は、px以下の端数が出るので注意。
	 ※ ワイドモードはサイドナビと共存できない
	-------------------------------------*/
	/*
	body:not(.col-subcol) #nav {
		clear: none;
		float: left;
		margin: 0;
		width: 220px;
	}

	body.col-subcol #nav {
		display: none;
	}

	body:not(.col-subcol) #nav-box {
		margin-bottom: 40px;
	}

	body:not(.col-subcol) #wrapper-3 {
		clear: none;
		float: right;
		margin: 0;
		width: 760px;
	}


	body[id=index]:not(.col-subcol) [role="main"] > .multiColumn1 {
		width: 760px;
	}

	body[id=index]:not(.col-subcol) [role="main"] > .multiColumn2 {
		width: 370px;
		width: calc((760px - 20px * 1) / 2);
	}

	body[id=index]:not(.col-subcol) [role="main"] > .multiColumn3 {
		width: 240px;
		width: calc((760px - 20px * 2) / 3);
	}

	body[id=index]:not(.col-subcol) [role="main"] > .multiColumn4 {
		width: 175px;
		width: calc((790px - 20px * 3) / 4);
	}

	body[id=index]:not(.col-subcol) [role="main"] > .multiColumn5 {
		width: 136px;
		width: calc((790px - 20px * 4) / 5);
	}
	*/


	/*-- インデックスモード --*/
	/*
	body[id=index]:not(.col-subcol) #sharewithmain {
		width: calc(760px + 20px);
		margin-left: 0;
		text-align: left;
	}
	*/


	/* ４カラムのみ、カラム幅マージン調整する例 */
	/*
	body:not(.col-subcol) >* >* >* > .multiColumn4 > .column1 ,
	body:not(.col-subcol) >* >* >* > .multiColumn4 > .column2 ,
	body:not(.col-subcol) >* >* >* > .multiColumn4 > .column3 ,
	body:not(.col-subcol) >* >* >* > .multiColumn4 > .column4 {
		width: 184px;
		width: calc((100% - 18px * 3) / 4);
	}
	body:not(.col-subcol) >* >* >* > .multiColumn4 > .column1 ,
	body:not(.col-subcol) >* >* >* > .multiColumn4 > .column2 ,
	body:not(.col-subcol) >* >* >* > .multiColumn4 > .column3 ,
	body[id=index]:not(.col-subcol) [role="main"] > .multiColumn4 {
		margin-right: 18px;
	}
	*/


	/*------------------------------------- 
	 カラム分割比率変更レイアウト
	-------------------------------------*/
	/*-- カラム分割比率 --*/
	.layout_multi2_column82.multiColumn2 > .column1 {
		width: 78.8%;
		width: calc((100% - 20px * 1) * 0.8);
	}
	.layout_multi2_column82.multiColumn2 > .column2 {
		width: 18.8%;
		width: calc((100% - 20px * 1) * 0.2);
	}

	.layout_multi2_column73.multiColumn2 > .column1 {
		width: 68.8%;
		width: calc((100% - 20px * 1) * 0.7);
	}
	.layout_multi2_column73.multiColumn2 > .column2 {
		width: 28.8%;
		width: calc((100% - 20px * 1) * 0.3);
	}

	.layout_multi2_column64.multiColumn2 > .column1 {
		width: 58.8%;
		width: calc((100% - 20px * 1) * 0.6);
	}
	.layout_multi2_column64.multiColumn2 > .column2 {
		width: 38.8%;
		width: calc((100% - 20px * 1) * 0.4);
	}

	.layout_multi2_column46.multiColumn2 > .column1 {
		width: 38.8%;
		width: calc((100% - 20px * 1) * 0.4);
	}
	.layout_multi2_column46.multiColumn2 > .column2 {
		width: 58.8%;
		width: calc((100% - 20px * 1) * 0.6);
	}

	.layout_multi2_column37.multiColumn2 > .column1 {
		width: 28.8%;
		width: calc((100% - 20px * 1) * 0.3);
	}
	.layout_multi2_column37.multiColumn2 > .column2 {
		width: 68.8%;
		width: calc((100% - 20px * 1) * 0.7);
	}

	.layout_multi2_column28.multiColumn2 > .column1 {
		width: 18.8%;
		width: calc((100% - 20px * 1) * 0.2);
	}
	.layout_multi2_column28.multiColumn2 > .column2 {
		width: 78.8%;
		width: calc((100% - 20px * 1) * 0.8);
	}


	/*-- カラム詰め --*/
	.layout_no_side_margin.multiColumn1 > .column1 ,
	body[id=wide] [role="main"] > .layout_full_column.layout_no_side_margin.multiColumn1 > .column1 {
		width: 100%;
	}

	.layout_no_side_margin.multiColumn2 > .column1 ,
	.layout_no_side_margin.multiColumn2 > .column2 ,
	body[id=wide] [role="main"] > .layout_full_column.layout_no_side_margin.multiColumn2 > .column1 ,
	body[id=wide] [role="main"] > .layout_full_column.layout_no_side_margin.multiColumn2 > .column2 {
		width: 50%;
		margin-right: 0;
	}

	.layout_no_side_margin.multiColumn3 > .column1 ,
	.layout_no_side_margin.multiColumn3 > .column2 ,
	.layout_no_side_margin.multiColumn3 > .column3 ,
	body[id=wide] [role="main"] > .layout_full_column.layout_no_side_margin.multiColumn3 > .column1 ,
	body[id=wide] [role="main"] > .layout_full_column.layout_no_side_margin.multiColumn3 > .column2 ,
	body[id=wide] [role="main"] > .layout_full_column.layout_no_side_margin.multiColumn3 > .column3 {
		width: 33.333%;
		margin-right: 0;
	}

	.layout_no_side_margin.multiColumn4 > .column1 ,
	.layout_no_side_margin.multiColumn4 > .column2 ,
	.layout_no_side_margin.multiColumn4 > .column3 ,
	.layout_no_side_margin.multiColumn4 > .column4 ,
	body[id=wide] [role="main"] > .layout_full_column.layout_no_side_margin.multiColumn4 > .column1 ,
	body[id=wide] [role="main"] > .layout_full_column.layout_no_side_margin.multiColumn4 > .column2 ,
	body[id=wide] [role="main"] > .layout_full_column.layout_no_side_margin.multiColumn4 > .column3 ,
	body[id=wide] [role="main"] > .layout_full_column.layout_no_side_margin.multiColumn4 > .column4 {
		width: 25%;
		margin-right: 0;
	}

	.layout_no_side_margin.multiColumn5 > .column1 ,
	.layout_no_side_margin.multiColumn5 > .column2 ,
	.layout_no_side_margin.multiColumn5 > .column3 ,
	.layout_no_side_margin.multiColumn5 > .column4 ,
	.layout_no_side_margin.multiColumn5 > .column5 ,
	body[id=wide] [role="main"] > .layout_full_column.layout_no_side_margin.multiColumn5 > .column1 ,
	body[id=wide] [role="main"] > .layout_full_column.layout_no_side_margin.multiColumn5 > .column2 ,
	body[id=wide] [role="main"] > .layout_full_column.layout_no_side_margin.multiColumn5 > .column3 ,
	body[id=wide] [role="main"] > .layout_full_column.layout_no_side_margin.multiColumn5 > .column4 ,
	body[id=wide] [role="main"] > .layout_full_column.layout_no_side_margin.multiColumn5 > .column5 {
		width: 20%;
		margin-right: 0;
	}


	/*-- カラム詰め --*/
	body[id=wide] [role="main"] > .layout_full_column.multiColumn1 > .column1 {
		width: 100%;
		margin-right: 0;
	}

	body[id=wide] [role="main"] > .layout_full_column.multiColumn2 > .column1 ,
	body[id=wide] [role="main"] > .layout_full_column.multiColumn2 > .column2 {
		width: calc((100% - 20px * 1) / 2);
		margin-right: 0;
	}

	body[id=wide] [role="main"] > .layout_full_column.multiColumn3 > .column1 ,
	body[id=wide] [role="main"] > .layout_full_column.multiColumn3 > .column2 ,
	body[id=wide] [role="main"] > .layout_full_column.multiColumn3 > .column3 {
		width: calc((100% - 20px * 2) / 3);
		margin-right: 0;
	}

	body[id=wide] [role="main"] > .layout_full_column.multiColumn4 > .column1 ,
	body[id=wide] [role="main"] > .layout_full_column.multiColumn4 > .column2 ,
	body[id=wide] [role="main"] > .layout_full_column.multiColumn4 > .column3 ,
	body[id=wide] [role="main"] > .layout_full_column.multiColumn4 > .column4 {
		width: 25%;
		width: calc((100% - 20px * 3) / 4);
	}

	body[id=wide] [role="main"] > .layout_full_column.multiColumn5 > .column1 ,
	body[id=wide] [role="main"] > .layout_full_column.multiColumn5 > .column2 ,
	body[id=wide] [role="main"] > .layout_full_column.multiColumn5 > .column3 ,
	body[id=wide] [role="main"] > .layout_full_column.multiColumn5 > .column4 ,
	body[id=wide] [role="main"] > .layout_full_column.multiColumn5 > .column5 {
		width: 20%;
		width: calc((100% - 20px * 4) / 5);
	}

	/* 下マージン無し */
	.layout_no_bottom_margin > .column1 ,
	.layout_no_bottom_margin > .column2 ,
	.layout_no_bottom_margin > .column3 ,
	.layout_no_bottom_margin > .column4 ,
	.layout_no_bottom_margin > .column5 {
		margin-bottom: 0;
	}


	/*------------------------------------- 
	 フッターエリア
	-------------------------------------*/
	/*-- セクションフッター --*/
	#section-site-info {
	}

	#section-site-info-box {
	}

	/*-- フッター --*/
	#site-info {
		min-width: calc(1000px + 40px);
		margin-top: 50px;
	}

	#site-info-box {
		margin: auto;
	}


	/*------------------------------------- 
	 ヘッダエリア
	-------------------------------------*/
	/*-- 画像とテキストの場合のみ --*/
	#branding ,
	#logo ,
	#nav-meta {
		display: none;
	}

	/*-- 更新日表示 --*/
	#pub-date {
		width: 1000px;
		margin: auto;
	}

	#pub-date p {
		text-align: right;
	}

	/*-- セクションヘッダー（総合トップ・スペシャル以外） --*/
	#section-header {
		margin: 30px auto 20px auto;
		width: 1000px;
		background: #0d8ccc;
		border-radius: 5px;
		overflow: hidden;
	}

	#section-header h5 {
	}

	#section-header p {
	}


	/*------------------------------------- 
	 特殊設定
	-------------------------------------*/
	/*-- ＰＣ／ＳＰ切り替え --*/
	.layout_sp_flip .reuse-main-area {
		display: block;
	}

	.layout_sp_flip .reuse-main-area .multiColumn2 .column1 {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.layout_sp_flip .reuse-main-area .multiColumn2 .column2 {
		display: none;
	}


}
/*--------------------------- スマホ用 -----------------------------*/
@media handheld, only screen and (max-width: 767px) {


	/*------------------------------------- 
	 グリットレイアウト
	-------------------------------------*/
	#html1 {
	}

	/*-- コンテンツエリア --*/

	/* -- ナビ表示位置順 -- */
	#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;

		padding: 8px 5px;
	}

	/*-- コンテンツ下エリア --*/
	#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;
	}

	#promos2 > .promos {
		padding: 0 10px;
	}


	/* PC表示でサイドナビが非表示になる状況は、SP表示でも非表示にするべき */
	body.col-subcol #nav {
		display: none;
	}


	/*------------------------------------- 
	 カラムレイアウト
	 body IDにindexを設定するとインデックスモード
	 body IDにwideを設定するとワイドモード
	-------------------------------------*/
	.multiColumn1 ,
	.multiColumn2 ,
	.multiColumn3 ,
	.multiColumn4 ,
	.multiColumn5 {
		display: inline;
		clear: none;
	}

	.column1 ,
	.column2 ,
	.column3 ,
	.column4 ,
	.column5 {
		margin-bottom: 5px;
	}

	/* 3カラムと4カラムと5カラムが混ざらない様に */
	.multiColumn3 + .multiColumn5:before ,
	.multiColumn5 + .multiColumn3:before ,
	.multiColumn1:before ,
	.multiColumn2:before ,
	.multiColumn4:before {
		content: "";
		display: block;
		clear: both;
	}

	/* -- 1～3カラムは1カラムに -- */
	.multiColumn1 > .column1 ,
	.multiColumn2 > .column1 ,
	.multiColumn2 > .column2 ,
	.multiColumn3 > .column1 ,
	.multiColumn3 > .column2 ,
	.multiColumn3 > .column3 ,
	body[id=index] [role="main"] > .multiColumn1 ,
	body[id=index] [role="main"] > .multiColumn2 ,
	body[id=index] [role="main"] > .multiColumn3 {
		width: calc(100% - 10px);
		margin: 0 5px;
	}

	/* -- 4～5は2カラムに -- */
	.multiColumn4 > .column1 ,
	.multiColumn4 > .column2 ,
	.multiColumn4 > .column3 ,
	.multiColumn4 > .column4 ,
	.multiColumn5 > .column1 ,
	.multiColumn5 > .column2 ,
	.multiColumn5 > .column3 ,
	.multiColumn5 > .column4 ,
	.multiColumn5 > .column5 ,
	body[id=index] [role="main"] > .multiColumn4 ,
	body[id=index] [role="main"] > .multiColumn5 {
		width: calc(50% - 10px);
		margin: 0 5px;
	}


	/*-- インデックスモード --*/
	body[id=index] #sharewithmain {
		margin-left: 0;
		text-align: left;
	}

	body[id=index] [role="main"] > .multiColumn1 ,
	body[id=index] [role="main"] > .multiColumn2 ,
	body[id=index] [role="main"] > .multiColumn3 ,
	body[id=index] [role="main"] > .multiColumn4 ,
	body[id=index] [role="main"] > .multiColumn5 {
		clear: none;
		display: inline-block;
		vertical-align: top;
	}

	body[id=index] [role="main"] > * > .column1 {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}


	/*-- ワイドモード --*/
	body[id=wide] #wrapper-3 {
		padding-left: 0;
		padding-right: 0;
	}

	body[id=wide] [role="main"] > .multiColumn1 ,
	body[id=wide] [role="main"] > .multiColumn2 ,
	body[id=wide] [role="main"] > .multiColumn3 ,
	body[id=wide] [role="main"] > .multiColumn4 ,
	body[id=wide] [role="main"] > .multiColumn5 {
		display: block;
		padding: 0 5px;
		text-align: center;
	}

	body[id=wide] [role="main"] > * > .column1 ,
	body[id=wide] [role="main"] > * > .column2 ,
	body[id=wide] [role="main"] > * > .column3 ,
	body[id=wide] [role="main"] > * > .column4 ,
	body[id=wide] [role="main"] > * > .column5 {
		text-align: left;
	}



	/*------------------------------------- 
	 フッターエリア
	-------------------------------------*/
	/*-- セクションフッター --*/
	#section-site-info {
	}

	#section-site-info-box {
	}

	/*-- フッター --*/
	#site-info {
	}

	#site-info-box {
	}

	p#copyright {
	/*	padding: 10px 0; */
		font-size: 10px;
	}



	/*------------------------------------- 
	 ヘッダエリア
	-------------------------------------*/
	/*-- 画像とテキストの場合のみ --*/
	#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 {
	}



	/*------------------------------------- 
	 特殊設定
	-------------------------------------*/
	/* 強制的に1カラムに */
	.layout_column_sp100 > .column1 ,
	.layout_column_sp100 > .column2 ,
	.layout_column_sp100 > .column3 ,
	.layout_column_sp100 > .column4 ,
	.layout_column_sp100 > .column5 ,
	body[id=index] [role="main"] > .layout_column_sp100 {
		width: calc(100% - 10px);
	}

	/*-- ＰＣ／ＳＰ切り替え --*/
	.layout_sp_flip .reuse-main-area {
		display: block;
	}

	.layout_sp_flip .reuse-main-area .multiColumn2 .column1 {
		display: none;
	}
	.layout_sp_flip .reuse-main-area .multiColumn2 .column2 {
	}

	/* テーブル縦横 横スクロール設定 */
	.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 {
		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 {
		width: 1000px;
	}

	.layout_sp_scrolltable table.icell ,
	.lx_table_sp_swipable table.icell ,
	.ux_table_sp_swipable table.icell {
		min-width: 1000px;
	}
}





/* -- 印刷用 -- */
@media print {
	/* 改ページ抑止 */
	.multiColumn1 > .column1 {
		display: block;
	}
	body[id=wide] [role="main"] > .multiColumn1 > .column1 {
		display: inline-block;
	}

	/* サイドナビ無し */
	#nav {
		display: none;
	}

	#wrapper-3 {
		width: 100% !important;
		float: none !important;
		clear: both !important;
		margin: 0;
	}

	/*-- インデックスモード --*/
	body[id=index] #wrapper-3 {
		width: 1000px !important;
	}

	/*-- ワイドモード --*/
	body[id=wide] #wrapper-2 ,
	body[id=wide] #wrapper-3 {
		width: 1000px !important;
	}


}
