@charset "UTF-8";


.common-mainTxt-area h3 {
	margin-top: 60px;
 }

 .common-table-comparison {
	width: 96%;
	margin-left: 2.0em;
	margin-right: 2.0em;
 }

 .common-table-comparison th {
	font-weight: 700;
 }

 table.common-table-comparison td {
	vertical-align: middle;
	padding: 8px 16px 2px;
	text-align: left;
 }

 table.common-table-comparison td img {
	width: 26px;
	height: 26px;
 }

 .common-table-comparison td:nth-of-type(1) {
	font-weight: 400;
	/* width: 860px; */
	word-break: break-all;
	vertical-align: top;
 }

 .common-table-comparison td[rowspan] {
	background-color: #fafafa;
	padding-top: 14px;
	border-right: 1px solid #eee;
	max-width: 200px;
	min-width: 6em;
 }


 tr td:nth-last-of-type(1),
 tr td:nth-last-of-type(2),
 tr td:nth-last-of-type(3){
	width: 160px;
	line-height: 1.4em;
	text-align: center;
	position: relative;
 }

 tr td:nth-last-of-type(1) sup,
 tr td:nth-last-of-type(2) sup,
 tr td:nth-last-of-type(3) sup{
	z-index: 2;
	position: absolute;

 }

 table td {
	background: #fafafa;
 }

 table tr:nth-child(odd) td {
	background: #fff;
 }


 /* 脚注表示 */
 #footnote_box {
	font-size: 15px;
	line-height: 1.6em;
	background: #ffffee;
	padding: 1.5em;
	margin: 2.0em;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-shadow: 0px 0px 5px #888;
	z-index: 11;
	word-break: break-all;
 }

 #footnote_box a {
	text-decoration: none;
	color: #06c;
 }

 #footnote_box a:hover {
	color: #f60;
 }

 #footnote_box dt {
	font-weight: bold;
	font-size: 13px;
	color: #666;
 }

 #footnote_box dt a {
	display: none;
 }

 .ptl-footnote {
	margin: 24px;
	width: auto;
 }

 .ptl-footnote dl {
	display: flex;

 }

 .ptl-footnote dt {
	padding: 5px;
 }

 .ptl-footnote dd {
	padding: 5px;
 }

 .common-option-red a {
	color: red;
	text-decoration: underline;
 }


/*  説明用　*/

 #details {
	position: fixed;
	width:500px;
	right: -530px;
	top:0;
	background-color: #fff;
	border: 1px solid #eee;
	z-index: 100;
	height: 100%;
	padding:0px;
	box-shadow: 0 0 8px 4px rgba(0,0,0,0.3);
 }
 #details-h2 {
	margin:0;
	height:100%;
 }
 #details-h2 iframe {
	margin:0;
	height:100%;
	width:100%;
 }

 .icon_help {
	display: inline-block;
	color: #ccc;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	line-height: 1.2em;
	cursor: pointer;
 }
 a.icon_help {
	color: #bcd;
 }



.icon_help_close {
 display: block;
 width:100%;
 padding:10px 10px 4px;
 background-color: #333;
 color: #fff;
 vertical-align: middle;
 text-align: center;
 cursor: pointer;
}
.icon_help_close:hover {
 background-color: #666;
 color: #fff;

}


a.icon_help:hover {
color:#f60 !important;

}
.toc-wrap {
display: none;
}


/* google icon用 */
.material-symbols-outlined {
	font-variation-settings:
	'FILL' 0,
	'wght' 400,
	'GRAD' 0,
	'opsz' 24
  }

/*-------------------------- レスポンシブ用CSS ここから ----------------------*/
@media screen and (max-width:640px) {
/* ↓ここに個別のスマホ用スタイルを指定 */


.common-mainTxt-area h3 {
	margin-left: 4px;
	padding-left: 10px;
	margin-top: 50px;
 }

 .common-table-comparison {
	margin-left: 4px;
	margin-right: 4px;
	width: 98%;
 }

 table.common-table-comparison td {
	vertical-align: middle;
	padding: 8px 6px 2px;
	line-height: 1.3em;
 }

 table.common-table-comparison td img {
	width: 26px;
	height: 26px;
 }

 .common-table-comparison td:nth-of-type(1) {
	font-weight: 400;
	width: auto;
 }

 tr td:nth-last-of-type(1),
 tr td:nth-last-of-type(2),
 tr td:nth-last-of-type(3){
	width: auto;
	line-height: 1.4em;
 }

 .ptl-compare-table-fix tr td:nth-last-of-type(1),
 .ptl-compare-table-fix tr td:nth-last-of-type(2),
 .ptl-compare-table-fix tr td:nth-last-of-type(3)	{
	width: auto;
	line-height: 1.4em;
	word-break: break-all;
 }

 .option-nowrap {
	white-space: nowrap
 }

 .ptl-footnote {
	margin: 16px 0;
	width: auto;
 }

 .common-option-red {
	line-height: 1.0em;
 }

 .common-option-red a {
	color: red;
	text-decoration: underline;
	font-size: 12px;
	line-height: 1.0em;
 }




/* 続きを見る */
.accordion {
 position: relative;
 padding-bottom: 40px;
}

/* ボタン */
.accordion-btn {
 /* background-color: #006; */
 background-color: rgb(55,56,48);     
 border: 0;
 border-radius: 9999px;
 bottom: 20px;
 color: #fff;
 cursor: pointer;
 display: inline-block;
 font-size: 1.5rem;
 left: 0;
 margin: auto;
 padding: 10px;
 position: absolute;
 right: 0;
 text-align: center;
 transition: all .2s;
 width: 300px;
 z-index: 12;
}

/* 続きを読むボタンの表記 */
.accordion-btn::after {
 content: "続きを見る";
}

/* ボタンhover時のスタイル */
.accordion-btn:hover {
 /* background-color: #fff;
 color: #6495ed; */
}

.accordion-text {
 overflow: hidden;
 /* テキストを隠す */
 position: relative;
}

/* 最初に見えてるテキストエリアの高さ */
.accordion-text.is-hide {
 height: 340px;
 margin-bottom: 20px;
}

/* テキストをグラデーションで隠す */
.accordion-text::before {
 background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 50%, #fff 100%);
 background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 50%, #fff 100%);
 bottom: 0;
 content: "";
 height: 150px;
 /* グラデーションで隠す高さ */
 position: absolute;
 width: 100%;
 left:0;
 z-index: 11;
}

/* 閉じるボタンの位置 */
.accordion-btn.is-show {
 bottom: -5px;
}

/* 閉じるボタンの表記 */
.accordion-btn.is-show::after {
 content: "閉じる";
}

/* 続きを見るボタンをクリックしたらテキストを隠しているグラデーションを消す */
.accordion-btn.is-show+.accordion-text::before {
 display: none;
}

/* 詳細説明 */
#details {
 position: fixed;
 width:300px;
 right: -300px;
 top:0;
 background-color: #fff;
 border: 1px solid #eee;
 z-index: 100;
 height: 100%;
 padding:0px;
 box-shadow: 0 0 8px 4px rgba(0,0,0,0.3);
}

/* ↑ここまでに個別のスマホ用スタイルを指定 */
}
/*-------------------------- レスポンシブ用CSS ここまで ----------------------*/