/* 印刷用のcss */

@media print {
	.@page pg01 {
    	size    : A4 portrait;
    	margin  : 0px;
	}
	.page1 {
   	 	page : pg01;
	}
}


/* 2022/01/20 DBG YOSHI */
/* 印刷のために 2way とニューアシストで body を分ける */

/* Chrome, Edge, Safari 										*/
/* Safariだけの設定が上手くいかないのでこちらにとりあえず記述 	*/ 
@media print and (-webkit-min-device-pixel-ratio: 0) {
	.body-2way {
		color				: #000;
		font-size			: 16px;
		font-family			: "Yugothic Bold", "Yugothic Medium", sans-serif, serif;
		line-height			: 30px;
		letter-spacing		: 0;
		background-color	: #fff;
		min-width			: inherit;
		min-height			: inherit;
		/* max-height		: 100%; */

		/* 背景を設定 */
		-webkit-print-color-adjust: exact;	
		
	    /* -webkit-transform	: scale(0.44); */
		zoom: 39%;
		transform-origin	: top center;
	}
}

@media print {
	/* IE11 */
	_:-ms-lang(x)::-ms-backdrop, .body-2way {
		color				: #000;
		font-size			: 16px;
		font-family			: "Yugothic Bold", "Yugothic Medium", sans-serif, serif;
		line-height			: 30px;
		letter-spacing		: 0;
		background-color	: #fff;
		min-width			: inherit;
		min-height			: inherit;
		/*
		max-height			: 100%;
		*/

	    -ms-transform		: scale( 0.97 );
		transform-origin	: top center;
	}


	/* Safari */
	_:lang(x)+_:-webkit-full-screen-document, .body-2way {
		color				: #000;
		font-size			: 16px;
		font-family			: "Yugothic Bold", "Yugothic Medium", sans-serif, serif;
		line-height			: 30px;
		letter-spacing		: 0;
		background-color	: #fff;
		min-width			: inherit;
		min-height			: inherit;
		/* max-height		: 100%; */

		/* 背景を設定 */
		-webkit-print-color-adjust: exact;	
	    /* transform		: scale(2.0); */
	    -webkit-transform	: scale(1.9) !important;
		transform-origin	: top center;
	}

	/* Chrome */
	_:lang(x)::-internal-media-controls-overlay-cast-button, body-2way {
		color				: #000;
		font-size			: 16px;
		font-family			: "Yugothic Bold", "Yugothic Medium", sans-serif, serif;
		line-height			: 30px;
		letter-spacing		: 0;
		background-color	: #fff;
		min-width			: inherit;
		min-height			: inherit;
		max-height			: 100%;

		/* 背景色を設定 */
		-webkit-print-color-adjust: exact;	
	    -webkit-transform	: scale(0.4);
		transform-origin	: top center;
	}

	/* Edge */
	_:lang(x)::-ms-, .body-2way {
		color				: #000;
		font-size			: 16px;
		font-family			: "Yugothic Bold", "Yugothic Medium", sans-serif, serif;
		line-height			: 30px;
		letter-spacing		: 0;
		background-color	: #fff;
		min-width			: inherit;
		min-height			: inherit;
		max-height			: 100%;

		/* 背景色を設定 */
		-webkit-print-color-adjust: exact;	
	    -webkit-transform	: scale(1.0);
		transform-origin	: top center;
	}
}


/* ニューアシストプラン用の body 	*/

/* Chrome, Edge, Safari 										*/
/* Safariだけの設定が上手くいかないのでこちらにとりあえず記述 	*/ 
@media print and (-webkit-min-device-pixel-ratio: 0) {
	.body-assist {
		color				: #000;
		font-size			: 16px;
		font-family			: "Yugothic Bold", "Yugothic Medium", sans-serif, serif;
		line-height			: 30px;
		letter-spacing		: 0;
		background-color	: #fff;
		min-width			: inherit;
		min-height			: inherit;
		/* max-height		: 100%; */
		max-height			: auto;

		-webkit-print-color-adjust: exact;	
	    /* -webkit-transform	: scale( 0.78, 0.75 ); */
 		zoom: 70%;
		transform-origin	: top center;
	}
}

@media print {

	/* Edge */
	/* こは作用していない可能性あり */
	_:lang(x)::-ms-, .body-assist {
		color				: #000;
		font-size			: 16px;
		font-family			: "Yugothic Bold", "Yugothic Medium", sans-serif, serif;
		line-height			: 30px;
		letter-spacing		: 0;
		background-color	: #fff;
		min-width			: inherit;
		min-height			: inherit;
		/* max-height		: 100%; */
		max-height			: auto;

		-webkit-print-color-adjust: exact;	
	    -webkit-transform	: scale(0.7);
		transform-origin	: top center;
	}

	/* Safari */
	_:lang(x)+_:-webkit-full-screen-document, .body-assist {
		color               : #000;
    	font-size           : 16px;
    	font-family         : "Yugothic Bold", "Yugothic Medium", sans-serif, serif;
    	line-height         : 30px;
    	letter-spacing      : 0;
    	background-color    : #fff;
    	min-width           : inherit;
    	min-height          : inherit;
    	max-height          : 100%;

    	/* 背景を設定 */
    	-webkit-print-color-adjust: exact;
    	-webkit-transform   : scale( 0.95, 0.98 );
    	transform-origin    : top center;
	}


}


@media print {
	/* ヘッダ・フッタ・ボタンの非表示 */

	.logo {
		display : none;
	}

	.button-2way {
		display : none;
	}

	footer {
		display : none;
	}

	.btn-submit {
		display : none;
	}

	/* ニューアシストラジオボタンラベルが縦になるのを回避 */
	.block-form-support {
    	width			: 100%;
    	padding			: 15px 30px;
    	border-radius	: 10px;
    	background-color: #f5f5f5;
    	font-size		: 16px;
	}


	.block-item-radio-support-label {
    	position	: relative;
    	padding		: 0 0 0 10px;
    	font-size	: 16px;
		width		: 45px !important;
	}

	.block-item-radio {
		text-align	: right;
		display		: flex;
		margin		: 0 10px 0px 0;
	}

	.block-item-radio .block-item-right {
		margin		: 0 5px 0 0;
	}


	/* 試算結果部分 */

	/* --------------------------------------------	*/
	/* 2Wayオートプラン 							*/

	/* 2Way の 条件部分と試算分の余白調整 */
	.block-result-2way {
		border-top	: 1px solid #d8d8d8;
		padding		: 0 0 0 0 !important;
	}

	/* 印刷ボタンの余白調整 */
	.block-submit-result {
		display : none;
	}


	/* 2022/02/01 ボーナス月・加算額 */
	/* Chrome  				*/
	_:lang(x)::-internal-media-controls-overlay-cast-button, .cell-large-2way {
		/*
    	height				: 61px;
		*/
    	height				: 58px !important;
	}


	/* Edge 作用してなさそう */
	_:lang(x)::-ms-, .cell-large-2way {
		/*
    	height				: 61px;
		*/
    	height				: 58px !important;
	}


	/* 2022/03/01 */
	/* 角のまるめ */
	.block-scroll-top-false table, .block-2way-content table {
    	border-spacing		: 0;
    	border-collapse		: separate !important;
	}

	/* ヘッダ分に罫線追加 */
	.block-2way-content td.col-title-false, .block-tb-left-th td.td-title {
	    background-color	: #707070;
	    padding				: 10px 30px;
	    color				: #fff;
	    text-align			: center;
		border-top			: 1px solid #d8d8d8;
	}

	/* クレジット残債の試算結果 トップの罫線 */
	.table-right-3 tr:first-child td {
		border-top				: 1px solid #d8d8d8;
		border-top-right-radius	: 10px;
	}


	/* Chrome対応 ---------------------------------- */

	/* 2022/02/08 Chrome						*/
	/* 試算結果が見切れるようになったので対応 	*/
	.chrome .main-wrap {
        /* A4縦のギリギリ */
        width       : 1105px !important;
        max-width   : 100%;

		/*
        font-size   : 12px !important;
        line-height : 9px !important;
        */
        margin      : 0 auto 0 auto;
    }

	/* ここから下が試算結果の値 */
    .chrome html.os-html, html.os-html > .os-host {
        display     : block;
        overflow    : visible;
        box-sizing  : border-box;
        height      : 100% !important;
        width       : 100% !important;
        min-width   : 100% !important;
        min-height  : 100% !important;
        margin      : 0 !important;

        /*
        position    : absolute !important;
        */
        position        : relative;

        /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
    }

    .chrome .os-host-flexbox {
        overflow    : visible !important;
        display     : -webkit-box;
        display     : -ms-flexbox;
        /*
        display     : flex;
        */
        display     : block;
    }

    .chrome .os-host-overflow > .os-padding {
        overflow: visible;
    }

    .chrome .os-viewport {
        direction   : inherit !important;
        box-sizing  : inherit !important;
        resize      : none !important;
        outline     : none !important;

        /*
        position    : absolute;
        */
        position    : relative;

        overflow    : visible;
        top         : 0;
        left        : 0;
        bottom      : 0;
        right       : 0;
        padding     : 0;
        margin      : 0;
        -webkit-overflow-scrolling: touch;
        /*
        width       : 920px;
        */
    }



	/* Edge対応 ---------------------------------- */
	/* 2022/02/08 Edge							*/
	/* 試算結果が見切れるようになったので対応 	*/
	_:host-context(x)::-ms-clear, .main-wrap {
        /* A4縦のギリギリ */
        width       : 1105px !important;
        max-width   : 100%;

		/*
        font-size   : 12px !important;
        line-height : 9px !important;
        */
        margin      : 0 auto 0 auto;
    }



	/* ここから下が試算結果の値 */
     _:host-context(x)::-ms-clear, html.os-html, html.os-html > .os-host {
        display     : block;
        overflow    : visible;
        box-sizing  : border-box;
        height      : 100% !important;
        width       : 100% !important;
        min-width   : 100% !important;
        min-height  : 100% !important;
        margin      : 0 !important;

        /*
        position    : absolute !important;
        */
        position        : relative;

        /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
    }

    _:host-context(x)::-ms-clear, .os-host-flexbox {
        overflow    : visible !important;
        display     : -webkit-box;
        display     : -ms-flexbox;
        /*
        display     : flex;
        */
        display     : block;
    }

    _:host-context(x)::-ms-clear, .os-host-overflow > .os-padding {
        overflow: visible;
    }

    _:host-context(x)::-ms-clear, .os-viewport {
        direction   : inherit !important;
        box-sizing  : inherit !important;
        resize      : none !important;
        outline     : none !important;

        /*
        position    : absolute;
        */
        position    : relative;

        overflow    : visible;
        top         : 0;
        left        : 0;
        bottom      : 0;
        right       : 0;
        padding     : 0;
        margin      : 0;
        -webkit-overflow-scrolling: touch;
        /*
        width       : 920px;
        */
    }

	/* 2022/03/02 */
    _:host-context(x)::-ms-clear, .table-right-3 tr:first-child td {
		border-top				: 1px solid #d8d8d8;
		border-top-right-radius	: 10px;
	}



	/* --------------------------------------------	*/
	/* ニューアシストプラン 						*/
	.block-content-result {
		margin			: 0;
		padding-top		: 1rem !important;
		border-top		: 1px solid #707070;
	}

	.content-result-support {
    	width			: 110%;
    	display			: block;
    	margin			: 30px 0 0 0;
	}

	.block-table-th {
    	width: 150px;
	}

	.block-table-large {
    	width: calc(100% - 150px);
	}

	.result-wrap {
    	max-width: 1192px;
    	/* margin: 0 0; */
	}


	/* 試算結果のフォント縮小 */
	.result-table-top {
    	width				: 480px;
    	font-size			: 15px;
    	line-height			: 16px;
    	font-weight			: 600;
	}

	.table-title-result tr td,
	.table-result tr td {
    	border-bottom		: 1px solid #d8d8d8;
    	border-right		: 1px solid #d8d8d8;
    	padding				: 4.2px 0 4.2px 0;
    	background-color	: #f5f5f5;
    	font-size			: 14px;
    	line-height			: 25px;
	}

	/* ボーナス月・加算額のラベル部分の高さ */
	.table-cell-large-text {
    	height: 63px;
	}

}