@charset "utf-8";

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------
サポート
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.PageBody.-support .layout { overflow:hidden; padding:16px; }
.PageBody.-support .layout > ul { display:flex; flex-wrap:wrap; align-items:stretch; margin-right:-1px; }
.PageBody.-support .layout > ul > li { width:25%; box-sizing:border-box; padding-right:1px; }
.PageBody.-support .layout > ul > li > .inner { display:block; padding-top:56.25%; position:relative; }
.PageBody.-support .layout > ul > li > .inner > a { position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:14px; font-weight:bold; line-height:2; font-feature-settings:"palt"; letter-spacing:.04em; text-decoration:none; }

/* normal */
.hover .PageBody.-support .layout > ul > li > .inner > a:hover { opacity:.9; }

/* normal */
.normal .PageBody.-support .layout > ul > li > .inner > a { background:rgba(34, 58, 95, 1); color:rgba(255,255,255,.9); }

/* dark */
.dark .PageBody.-support .layout > ul > li > .inner > a { background:#333; color:rgba(255,255,255,.9); }


@media screen and (max-width:1600px) {
	.PageBody.-support .layout > ul > li { width:33.33%; }
}
@media screen and (max-width:1199px) {
	.PageBody.-support .layout > ul > li { width:50%; }
}
@media screen and (max-width:1023px) {}
@media screen and (max-width:767px) {
	.PageBody.-support > .inner { min-height:0; }
	.PageBody.-support .layout { overflow:hidden; padding:0 16px; }
	.PageBody.-support .layout > ul { display:block; margin-right:0; }
	.PageBody.-support .layout > ul > li { width:100%; padding-right:0; }
	.PageBody.-support .layout > ul > li > .inner { padding-top:0; }
	.PageBody.-support .layout > ul > li > .inner > a { position:static; display:block; width:100%; height:auto; font-size:14px; font-weight:normal; line-height:1.5; letter-spacing:0; padding:24px 42px 24px 0; box-sizing:border-box; }
	.PageBody.-support .layout > ul > li > .inner > a::after {
		content:''; display:block; width:10.5px; height:10.5px; border-top:1px solid rgba(0,0,0,.7); border-right:1px solid rgba(0,0,0,.7); -webkit-transform:rotate(45deg) translateY(-50%); transform:rotate(45deg) translateY(-50%); transform-origin:center center; box-sizing:border-box; 
		position:absolute; top:50%; right:23px;
	}
	/* normal */
	.normal .PageBody.-support .layout > ul { /*border-top:1px solid rgba(0,0,0,.1);*/ }
	.normal .PageBody.-support .layout > ul > li { border-bottom:1px solid rgba(0,0,0,.1); }
	.normal .PageBody.-support .layout > ul > li:last-child { border-bottom:none; }
	.normal .PageBody.-support .layout > ul > li > .inner > a { background:none; color:#333; }
	.normal .PageBody.-support .layout > ul > li > .inner > a:after { border-color:rgba(0,0,0,.7); }

	/* dark */
	.dark .PageBody.-support .layout > ul { /*border-top:1px solid rgba(255,255,255,.1);*/ }
	.dark .PageBody.-support .layout > ul > li { border-bottom:1px solid rgba(255,255,255,.1); }
	.dark .PageBody.-support .layout > ul > li:last-child { border-bottom:none; }
	.dark .PageBody.-support .layout > ul > li > .inner > a { background:none; color: #DEDEDE; }
	.dark .PageBody.-support .layout > ul > li > .inner > a:after { border-color:rgba(255,255,255,.7); }

}





/*----------------------------------------------------
サポート　詳細
----------------------------------------------------*/
.PageBody.-support_detail {}
.PageBody.-support_detail > .inner { min-height:auto; }


.PageBody.-support_detail .Layout2Colum.-support_detail .Layout2Colum__nav { width:284px; } /* 追従エリアの横幅 */
@media screen and (max-width:1199px) { /* pc_s */
	.PageBody.-support_detail .Layout2Colum.-support_detail .Layout2Colum__nav { width:136px; }
}
@media screen and (max-width:1023px) {
	.PageBody.-support_detail .Layout2Colum.-support_detail .Layout2Colum__nav { width:100%; }
}


.PageBody.-support_detail .SupportDetail__body { padding:120px; width:100%; box-sizing:border-box; }
@media screen and (max-width:1600px) { /* macbookpro15 */ }
@media screen and (max-width:1400px) { /* macbookpro13 */
	.PageBody.-support_detail .SupportDetail__body { padding:80px; }
}
@media screen and (max-width:1199px) { /* pc_s */ }
@media screen and (max-width:1023px) { /* tablet */
	.PageBody.-support_detail .SupportDetail__body { padding:80px 40px; }
}
@media screen and (max-width:767px) { /* 6Plus */
	.PageBody.-support_detail .SupportDetail__body { padding:40px 16px; }
}
















.PageBody.-support_detail .SupportDetail__body > .inner { max-width:860px; width:100%; margin:auto; }

.PageBody.-support_detail .contents {}
.PageBody.-support_detail .contents .lead { margin-bottom:40px; }
.PageBody.-support_detail .contents .ttl { font-size:32px; font-weight:bold; margin-bottom:66px; line-height:1.5; }
.PageBody.-support_detail .contents .ttl2 { min-height:32px; display:flex; align-items:center; font-size:14px; line-height:1.3; padding:8px; box-sizing:border-box; margin-bottom:40px; }
.PageBody.-support_detail .contents .ttl3 { font-size:16px; font-weight:bold; margin-bottom:24px; padding:8px; }
.PageBody.-support_detail .contents .ttl4 { font-size:14px; font-weight:bold; margin-bottom:16px; }
.PageBody.-support_detail .contents .text { line-height:2; font-size:14px; }
.PageBody.-support_detail .contents .text.-red { font-size:14px; }
.PageBody.-support_detail .contents .text2 { padding:16px; line-height:2; font-size:14px; }
.PageBody.-support_detail .contents .text .check { font-size:12px; }
.PageBody.-support_detail .contents p { margin-bottom:16px; }
.PageBody.-support_detail .contents ul { margin-bottom:24px; }
.PageBody.-support_detail .contents ul li { font-size:14px; line-height:1.8; padding-left:14px; margin-bottom:8px; }
.PageBody.-support_detail .contents ul li .mark { display:inline-block; width:14px; margin-left:-14px; }

.PageBody.-support_detail .contents .section1 { padding:0; margin-bottom:120px; }
.PageBody.-support_detail .contents .section1:last-child { margin-bottom:0; }
.PageBody.-support_detail .contents .section2 { padding:0; margin-bottom:40px; }
.PageBody.-support_detail .contents .section2:last-child { margin-bottom:0; }
.PageBody.-support_detail .contents .section3 { padding:0; margin-bottom:40px; }
.PageBody.-support_detail .contents .section4 { padding:0; margin-bottom:40px; }
.PageBody.-support_detail .contents .section4.-pt { padding-top:16px; }

.PageBody.-support_detail .contents a {}


/* normal */
.normal .PageBody.-support_detail .contents .ttl2 { background:#223A5F; color:rgba(255,255,255,.9); }
.normal .PageBody.-support_detail .contents .ttl3 { border-bottom:1px solid #223A5F; color:#223A5F; border-left:4px solid #223A5F; }
.normal .PageBody.-support_detail .contents .ttl4 { color:#223A5F; }
.normal .PageBody.-support_detail .contents .text {}
.normal .PageBody.-support_detail .contents .text.-red { color:#cc0000; }
.normal .PageBody.-support_detail .contents .text2 { background:rgba(0,0,0,.1); color:rgba(0,0,0,.7); }
.normal .PageBody.-support_detail .contents ul li {}
.normal .PageBody.-support_detail .contents a { color:#223A5F; }

/* dark */
.dark .PageBody.-support_detail .contents .ttl { color:#AA8B5D; }
.dark .PageBody.-support_detail .contents .ttl2 { background:#AA8B5D; color:rgba(0,0,0,.9); }
.dark .PageBody.-support_detail .contents .ttl3 { border-bottom:1px solid #AA8B5D; color:#AA8B5D; border-left:4px solid #AA8B5D; }
.dark .PageBody.-support_detail .contents .ttl4 { color:#AA8B5D; }
.dark .PageBody.-support_detail .contents .text {}
.dark .PageBody.-support_detail .contents .text.-red { color:#ffff00; opacity:.9; }
.dark .PageBody.-support_detail .contents .text2 { background:rgba(0,0,0,.3); color:rgba(255, 255, 255, .7); }
.dark .PageBody.-support_detail .contents ul li { color:#fff; }
.dark .PageBody.-support_detail .contents a { color:#AA8B5D; }
@media screen and (max-width:767px) { /* 6Plus */
	.PageBody.-support_detail .contents .ttl { line-height:1.3; margin-bottom:32px; }
	.PageBody.-support_detail .contents .text { line-height:1.5; }
	.PageBody.-support_detail .contents .text2 { line-height:1.5; }
	.PageBody.-support_detail .contents ul { margin-bottom:0; }
	.PageBody.-support_detail .contents ul li { line-height:1.5; }
	.PageBody.-support_detail .contents ul li:last-child { margin-bottom:0; }
	.PageBody.-support_detail .contents .ttl4 { line-height:1.5; }
	.PageBody.-support_detail .contents .ttl2 { margin:0 -16px 16px; padding:8px 16px; }
}








.PageBody.-support_detail .contents .PullDownContents { display:none; }


.PageBody.-support_detail .contents .PullDownBottun { display:flex; align-items:center; justify-content:center; width:100px; height:35px; margin:auto; cursor:pointer; border-radius:40px; font-size:11px; margin-top:24px; font-feature-settings:"palt"; letter-spacing:.1em; }
.PageBody.-support_detail .contents .PullDownBottun:hover { opacity:.7; }
.PageBody.-support_detail .contents .PullDownBottun.-active {}
/* normal */
.normal .PageBody.-support_detail .contents .PullDownBottun { color: #333; background: rgba(0,0,0,.1); }
/* dark */
.dark .PageBody.-support_detail .contents .PullDownBottun { color: rgba(255,255,255,.9); background: #111; }


.PageBody.-support_detail .contents .PullDownEllipsis { text-align:center; line-height:1.1; position:relative; width:4px; height:24px; margin:24px auto; }
.PageBody.-support_detail .contents .PullDownEllipsis::after { content:""; display:block; width:4px; height:4px; border-radius:4px; background:#333; position:absolute; top:0; left:0; } 
.PageBody.-support_detail .contents .PullDownEllipsis div { display:block; width:4px; height:4px; border-radius:4px; background:#333; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.PageBody.-support_detail .contents .PullDownEllipsis::before { content:""; display:block; width:4px; height:4px; border-radius:4px; background:#333; position:absolute; bottom:0; left:0; } 
.PageBody.-support_detail .contents .PullDownEllipsis.-active { display:none; }

/* normal */
.normal .PageBody.-support_detail .contents .PullDownEllipsis::after { background:#999; } 
.normal .PageBody.-support_detail .contents .PullDownEllipsis div { background:#999; }
.normal .PageBody.-support_detail .contents .PullDownEllipsis::before { background:#999; } 
/* dark */
.dark .PageBody.-support_detail .contents .PullDownEllipsis::after { background:rgba(255,255,255,.7); } 
.dark .PageBody.-support_detail .contents .PullDownEllipsis div { background:rgba(255,255,255,.7); }
.dark .PageBody.-support_detail .contents .PullDownEllipsis::before { background:rgba(255,255,255,.7); } 






.PageBody.-support_detail .contents .table {}
.PageBody.-support_detail .contents .table .tbody {}
.PageBody.-support_detail .contents .table .tbody .tr { display:table; width:100%; }
.PageBody.-support_detail .contents .table .tbody .tr .th { display:table-cell; font-size:12px; padding:8px; line-height:1.5; vertical-align:middle; }
.PageBody.-support_detail .contents .table .tbody .tr .td { display:table-cell; font-size:12px; padding:8px; line-height:1.5; vertical-align:middle; box-sizing:border-box; }
.PageBody.-support_detail .contents .table .tbody .tr .td:nth-child(1) { width:45%; }
.PageBody.-support_detail .contents .table .tbody .tr .td:nth-child(2) { width:20%; }
.PageBody.-support_detail .contents .table .tbody .tr .td:nth-child(3) { width:35%; }
/* normal */
.normal .PageBody.-support_detail .contents .table .tbody .tr { border-bottom:1px solid rgba(0,0,0,.1); }
/* .normal .PageBody.-support_detail .contents .table .tbody .tr:first-child { border-bottom:none; } */ /*【コード削除　2020/07/16　[トム]】*/
.normal .PageBody.-support_detail .contents .table .tbody .tr .th { background:#223A5F; color:rgba(255,255,255,.9); }
.normal .PageBody.-support_detail .contents .table .tbody .tr .td {}
/* dark */
.dark .PageBody.-support_detail .contents .table .tbody .tr { border-bottom:1px solid rgba(255,255,255,.1); }
/* .dark .PageBody.-support_detail .contents .table .tbody .tr:first-child { border-bottom:none; } */ /*【コード削除　2020/07/22　[トム]】*/
.dark .PageBody.-support_detail .contents .table .tbody .tr .th { background:#AA8B5D; color:rgba(0,0,0,.9); }
.dark .PageBody.-support_detail .contents .table .tbody .tr .td { color:#fff; }
@media screen and (max-width:767px) { /* 6Plus */

	.PageBody.-support_detail .contents .table { display:block; width:100%; }
	.PageBody.-support_detail .contents .table .tbody { display:block; width:100%; }
	.PageBody.-support_detail .contents .table .tbody .tr { display:block; width:100%; padding:8px 0; }
	.PageBody.-support_detail .contents .table .tbody .tr.remove-on-smartphone { display:none; } /*【追加コード　2020/07/16　「:first-child」→「.remove-on-smartphone」　[トム]】*/
	.PageBody.-support_detail .contents .table .tbody .tr .th { display:block; width:100%; }
	.PageBody.-support_detail .contents .table .tbody .tr .td { display:block; }
	.PageBody.-support_detail .contents .table .tbody .tr .td:nth-child(1) { width:100%; padding:0; font-size:12px; margin-bottom:4px; line-height:1.3; }
	.PageBody.-support_detail .contents .table .tbody .tr .td:nth-child(2) { width:100%; padding:0; font-size:12px; margin-bottom:4px; line-height:1.3; }
	.PageBody.-support_detail .contents .table .tbody .tr .td:nth-child(3) { width:100%; padding:0; font-size:12px; line-height:1.3; }
	.PageBody.-support_detail .contents .table .tbody .tr .td:nth-child(1)::before { content:"作品名（CDタイトル）"; display:block; font-size:10px; font-weight:bold; color:#999; line-height:1.3; }
	.PageBody.-support_detail .contents .table .tbody .tr .td:nth-child(2)::before { content:"著作権者"; display:block; font-size:10px; font-weight:bold; color:#999; line-height:1.3; }
	.PageBody.-support_detail .contents .table .tbody .tr .td:nth-child(3)::before { content:"著作権管理者"; display:block; font-size:10px; font-weight:bold; color:#999; line-height:1.3; }
	/* normal */
	.normal .PageBody.-support_detail .contents .table { border-top:1px solid rgba(0,0,0,.1); }
	/* dark */
	.dark .PageBody.-support_detail .contents .table { border-top:1px solid rgba(255,255,255,.1); }
}