@charset "utf-8";

/* 遅延読み込み用フェードイン */
.LibraryArea .thum > .inner > .inner {
	transition:opacity .6s;
	opacity:0;
}
.LibraryArea .thum > .inner.lazyloaded > .inner {
	opacity:1;
}
 




/*--------------------------------------------------------------------------------------------------------------------------------------------------------------
ライブラリ
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.PageBody.-library .Layout2Colum.-library .Layout2Colum__nav { width:136px; } /* 追従エリアの横幅 */
@media screen and (max-width:1023px) { /* tablet tablet */
	.PageBody.-library .Layout2Colum.-library .Layout2Colum__nav { width:100%; padding:0; box-sizing:border-box; } /* 追従エリアの横幅 */
}

.LibraryArea { width:100%; padding:16px; box-sizing:border-box; }
.LibraryArea > .inner { overflow:hidden; }


.LibraryArea ul { display:flex; flex-wrap:wrap; align-items:stretch; margin-right:-1px; }
.LibraryArea li { width:20%; padding-right:1px; box-sizing:border-box; }
.LibraryArea a { display:block; text-decoration:none; height:100%; position:relative; padding-bottom:0; box-sizing:border-box; }
.LibraryArea a.noLink { pointer-events:none; }
.LibraryArea .detail {}
.LibraryArea .thum { overflow:hidden; display:block; position:relative; }
.LibraryArea .thum::after { content:""; display:block; padding-top:100%; }
.LibraryArea .thum > .inner { display:block; margin:-1px 0 0 -1px; width:calc(100% + 2px); height:calc(100% + 2px); position:absolute; top:0; left:0; }
.LibraryArea .thum > .inner > .inner { display:block; height:100%; }
.LibraryArea .thum > .inner > .inner > img { width:100%; height:100%; object-fit:contain; font-family:'object-fit:contain;'; }
.LibraryArea .thum > .inner > .inner > img.cover { object-fit:cover; font-family:'object-fit:cover;'; }
/* ホバーで画像拡大 */
.LibraryArea .thum > .inner > .inner > img { transform:scale(1); transition:transform .2s; }
.hover .LibraryArea a:hover .thum > .inner > .inner > img { transform:scale(1.05) rotate(0.1deg); -webkit-backface-visibility:hidden; backface-visibility:hidden; }

.LibraryArea .text { padding:16px 16px 0 0; font-size:0; }
.LibraryArea .label { display:inline-block; font-family:'Roboto', sans-serif; font-weight:400; letter-spacing:.04em; font-size:12px; line-height:1; }
.LibraryArea .label::after { content:"｜"; display:inline-block; font-size:12px; padding:0 4px;  }
.LibraryArea .date { display:inline-block; font-family:'Roboto', sans-serif; font-weight:400; letter-spacing:.04em; font-size:12px; line-height:1; }
.LibraryArea .ttl { font-size:14px; line-height:1.5; font-weight:bold; padding:13px 0 56px; font-feature-settings:"palt"; letter-spacing:.04em; }


/*Not Found */
.LibraryArea .notFound { display:none; width:100%; height:240px; background:#eee; }
.LibraryArea .notFound .txt { display:table-cell; vertical-align:middle; text-align:center; color:#cc0000; letter-spacing:.2em; text-indent:.2em; font-size:11px; }

.noraml .LibraryArea .notFound { background:#eee; }
.noraml .LibraryArea .notFound .txt { color:#cc0000; }

.dark .LibraryArea .notFound { background:#151515; }
.dark .LibraryArea .notFound .txt { background:#1A1A1A; color:#ffff00; }


@media screen and (max-width:1600px) { /* macbookpro15 */ 
	.LibraryArea li { width:25%; }
}
@media screen and (max-width:1400px) { /* macbookpro13 */
}
@media screen and (max-width:1199px) { /* tablet横表示 ＆ PC小 */ 
	.LibraryArea li { width:33.33%; }
}
@media screen and (max-width:1023px) { /* tablet */
	.LibraryArea li { width:50%; }
}
@media screen and (max-width:767px) { /* 6Plus */
	.LibraryArea ul { display:block; margin-right:0; }
	.LibraryArea li { width:100%; padding-right:0; margin-bottom:8px; }
	.LibraryArea .detail {}
	.LibraryArea .detail .layout {}
	.LibraryArea .detail .layout .row { display:flex; }
	.LibraryArea .detail .layout .row .col {}
	.LibraryArea .detail .layout .row .col:nth-child(1) { width:100px; }
	.LibraryArea .detail .layout .row .col:nth-child(2) { flex:1; }
	.LibraryArea .text { padding:0 0 0 8px; font-size:0; font-feature-settings:"palt"; }
	.LibraryArea .label { font-size:12px; letter-spacing:.04em; line-height:1.3; }
	.LibraryArea .label::after { padding:0 4px; font-size:12px; }
	.LibraryArea .date { font-size:12px; letter-spacing:.04em; line-height:1.3; }
	.LibraryArea .ttl { padding:4px 0 0 0; font-size:14px; line-height:1.3; font-feature-settings:"palt"; }
	.LibraryArea .thum {}
	.LibraryArea .thum::after {}
	.LibraryArea .thum > .inner {}
	.LibraryArea .thum > .inner > .inner {}
	.LibraryArea .thum > .inner > .inner > img {}
	.LibraryArea a { padding-right:42px; }
	.LibraryArea 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;
	}
	.LibraryArea a.noLink::before { display:none; }
	.normal .LibraryArea a::after { border-color:rgba(0,0,0,.7); }
	.dark .LibraryArea a::after { border-color:rgba(255,255,255,.7); }
}
@media screen and (max-width:374px) { /* 5 */
	.LibraryArea .text { padding:0 0 0 8px; font-size:0; }
	.LibraryArea .label { font-size:10px; }
	.LibraryArea .label::after { font-size:10px; }
	.LibraryArea .date { font-size:10px; }
	.LibraryArea .ttl { font-size:12px; }
}


/* normal */
.normal .LibraryArea .thum > .inner { background:#151515; }
.normal .LibraryArea .label { color:rgba(0,0,0,.7); }
.normal .LibraryArea .ttl { color:#333; }
.normal .LibraryArea .date { color:rgba(0,0,0,.7); }
.normal .LibraryArea .other { color:rgba(0,0,0,.7); }
.normal.hover .LibraryArea a:hover img {}
.normal.hover .LibraryArea a:hover { background:rgba(204, 204, 204, .2); }

/* dark */
.dark .LibraryArea .thum > .inner { background:#151515; }
.dark .LibraryArea .label { color:rgba(255, 255, 255, .7); }
.dark .LibraryArea .date { color:rgba(255, 255, 255, .7); }
.dark .LibraryArea .ttl { color:#AA8B5D; }
.dark.hover .LibraryArea a:hover img {}
.dark.hover .LibraryArea a:hover { background:rgba(0, 0, 0, .3); }






/*左メニュ*/
.is-hide { display:none; }

.LibraryMenu { padding:0 16px; }
.LibraryMenu .search-box { margin-bottom:24px; }
.LibraryMenu .search-box:last-child { margin-bottom:0; }
.LibraryMenu .search-box_label { display:block; margin-bottom:8px; font-size:10px; font-family:'Roboto',sans-serif; font-feature-settings:"palt"; font-weight:400; letter-spacing:.08em; }

/*選択中のアイテム*/
.LibraryMenu .display_selectedItem { display:flex; justify-content:left; align-items:center; width:100%; height:32px; box-sizing:border-box; padding:0 20px 0 8px; cursor:pointer; font-family:'Roboto',sans-serif; font-weight:500; font-feature-settings:"palt"; font-size:10px; line-height:1.1; position:relative; }
.LibraryMenu .display_selectedItem::after { content:""; display:block; width:5px; height:10px; position:absolute; top:50%; right:8px; transform:translateY(-50%); }

/*リスト*/
.LibraryMenu .select_box { overflow:hidden; width:100%; }
.LibraryMenu .select_box li { position:relative; }
.LibraryMenu .select_box li::after { content:""; display:block; width:calc(100% - 16px); height:1px; position:absolute; top:0; left:0; right:0; margin:auto; }
.LibraryMenu .select_box li:last-child { border-bottom:none; }

.LibraryMenu label { cursor:pointer; padding:5px 8px; min-height:28px; display:flex; justify-content:left; align-items:center; font-size:10px; line-height:1.1; font-family:'Roboto',sans-serif; font-feature-settings:"palt"; cursor:pointer; box-sizing:border-box; }
.LibraryMenu label input { display:none; }
.LibraryMenu .display_selectedArea { position:relative; }
.LibraryMenu .select_box { display:none; position:absolute; top:32px; left:0; z-index:1; }
.LibraryMenu .select_box > .inner { display:block; height:160px; overflow-y:auto; -webkit-overflow-scrolling:touch; }

/* normal */
.normal .LibraryMenu .search-box_label { color:rgba(255,255,255,.7); }
.normal .LibraryMenu .display_selectedItem { color:#223A5F; background:#fff; }
.normal .LibraryMenu .display_selectedItem::after { opacity:1; background:url(/static/img/library/arrow.png) 0 0 no-repeat; background-size:5px 10px; }
.normal .LibraryMenu label { color:rgba(0,0,0,.7); background:#fff; }
.normal .LibraryMenu .select_box li::after { background:rgba(0,0,0,.1); }
.normal .LibraryMenu .select_box li.-active label { background:#eee; }
.normal.hover .LibraryMenu .display_selectedItem:hover { background:#eee; }
.normal.hover .LibraryMenu label:hover { background:#eee; }

/* dark */
.dark .LibraryMenu .search-box_label { color:rgba(255,255,255,.7); }
.dark .LibraryMenu .display_selectedItem { color:rgba(255,255,255,.7); background:#222; }
.dark .LibraryMenu .display_selectedItem::after { opacity:.7; background:url(/static/img/library/arrow_white.png) 0 0 no-repeat; background-size:5px 10px; }
.dark .LibraryMenu label { color:rgba(255,255,255,.7); background:#222; }
.dark .LibraryMenu .select_box li::after { background:rgba(255,255,255,.1); }
.dark .LibraryMenu .select_box li.-active label { background:#111; }
.dark.hover .LibraryMenu .display_selectedItem:hover { background:#111; }
.dark.hover .LibraryMenu label:hover { background:#111; }



.LibraryMenuToggle { display:none; }
@media screen and (max-width:1023px) { /* tablet */
	.LibraryMenu { background:#333; position:fixed; top:0; left:0; width:136px; box-sizing:border-box; height:100vh; z-index:1000; display:flex; align-items:center; transform:translate3d(-136px,0,0); transition:transform .3s; }
	.LibraryMenu.-active { transform:translate3d(0,0,0); }
	.LibraryMenuCover { position:fixed; top:0; left:0; z-index:999; background:#000; width:0; height:0; opacity:0; transition:opacity .3s; }
	.LibraryMenu.-active + .LibraryMenuCover { width:100%; height:100vh; opacity:.3; }
	.LibraryMenu form { width:100%; }

	.PageBody.-library .Layout2Colum__contents { padding-top:56px; min-height:100vh; box-sizing:border-box; }

	.LibraryMenuToggle { display:flex; align-items:center; justify-content:center; width:40px; height:40px; cursor:pointer; position:absolute; top:16px; left:0; margin:0 0 16px 16px; z-index:998; box-sizing:border-box; }
	.LibraryMenuToggle i { font-size:12px; }
	.normal	.LibraryMenuToggle{ color:#333; border:1px solid rgba(0,0,0,.2); }
	.dark .LibraryMenuToggle { color:rgba(255, 255, 255, .9); border:1px solid rgba(255,255,255,.2); }

	.LibraryMenuToggle { position:absolute; top:16px; left:0; transition:all .2s; }
	.LibraryMenuToggle.-fixed { position:fixed; top:16px; left:0; z-index:999; }
	.normal .LibraryMenuToggle.-fixed { background:rgba(0,0,0,.3); border:none; color:rgba(255,255,255,1); }
	.dark .LibraryMenuToggle.-fixed { background:rgba(0,0,0,.3); border:1px solid rgba(255,255,255,.3); }

	.normal .LibraryMenu { background:#223A5F; }
	.dark .LibraryMenu { background:#333; }
}





/*----------------------------------------------------
ライブラリ詳細ページ
----------------------------------------------------*/
.PageBody.-library_detail .Layout2Colum.-library_detail .Layout2Colum__nav { width:284px; } /* 追従エリアの横幅 */
@media screen and (max-width:1600px) { /* pc3 macbookpro15 */ }
@media screen and (max-width:1400px) { /* pc2 macbookpro13 */ }
@media screen and (max-width:1199px) { /* pc1 tablet横表示 ＆ PC小 */
	.PageBody.-library_detail .Layout2Colum.-library_detail .Layout2Colum__nav { width:136px; }
}
@media screen and (max-width:1023px) { /* tablet tablet */
	.PageBody.-library_detail .Layout2Colum.-library_detail .Layout2Colum__nav  { width:100%; }
}
@media screen and (max-width:767px) { /* sp_3 6Plus */ }
@media screen and (max-width:413px) { /* sp_2 6 */ }
@media screen and (max-width:374px) { /* sp_1 5 */ }






/* libraryDetailAreaOuter */
.libraryDetailAreaOuter { width:100%; padding:120px; box-sizing:border-box; }







/* LibraryDetailNavi */
.LibraryDetailNaviOuter { max-width:800px; margin:0 auto 40px; overflow:hidden; }
.LibraryDetailNavi { display:flex; flex-wrap:wrap; justify-content:center; margin:0 -8px -8px 0; }
.LibraryDetailNavi li { padding:0 8px 8px 0; }
.LibraryDetailNavi li .LibraryDetailNavi__link { display:flex; justify-content:center; align-items:center; font-size:11px; font-feature-settings:"palt"; letter-spacing:.1em; text-indent:.1em; text-decoration:none; height:35px; padding:0 16px; box-sizing:border-box; background:#eee; color:#333; border-radius:100px; }
.LibraryDetailNavi li .LibraryDetailNavi__link.-active { background:#223A5F; color:#fff; pointer-events:none; }
.hover .LibraryDetailNavi li .LibraryDetailNavi__link:hover { opacity:.7; }

.normal .LibraryDetailNavi li .LibraryDetailNavi__link { background:#eee; color:#333; }
.normal .LibraryDetailNavi li .LibraryDetailNavi__link.-active { background:#223A5F; color:#fff;  }

.dark .LibraryDetailNavi li .LibraryDetailNavi__link { background:#111; color:rgba(255,255,255,.9); }
.dark .LibraryDetailNavi li .LibraryDetailNavi__link.-active { background:#AA8B5D; color:#151515; }


@media screen and (max-width:767px) {
	.LibraryDetailNaviOuter { margin-bottom:24px; }
	.LibraryDetailNavi { margin:0 -1px -1px 0; justify-content:left; }
	.LibraryDetailNavi li { padding:0 1px 1px 0; width:50%; box-sizing:border-box; }
	.LibraryDetailNavi li .LibraryDetailNavi__link { justify-content:left; border-radius:0px; letter-spacing:0; padding:0 8px; }
}


/* StreamingNavi */
.StreamingNaviOuter { max-width:800px; margin:0 auto 32px; overflow:hidden; }
.StreamingNavi { display:flex; flex-wrap:wrap; justify-content:center; margin:0 -8px -8px 0; }
.StreamingNavi li { padding:0 8px 8px 0; }
.StreamingNavi li .StreamingNavi__link { display:flex; justify-content:center; align-items:center; font-size:11px; font-feature-settings:"palt"; letter-spacing:.1em; text-indent:.1em; text-decoration:none; height:35px; padding:0 16px; box-sizing:border-box; background:#eee; color:#333; border-radius:100px; }
.StreamingNavi li .StreamingNavi__link.-active { background:#223A5F; color:#fff; pointer-events:none; }
.hover .StreamingNavi li .StreamingNavi__link:hover { opacity:.7; }

.normal .StreamingNavi li .StreamingNavi__link { background:#eee; color:#333; }
.normal .StreamingNavi li .StreamingNavi__link.-active { background:#223A5F; color:#fff;  }

.dark .StreamingNavi li .StreamingNavi__link { background:#111; color:rgba(255,255,255,.9); }
.dark .StreamingNavi li .StreamingNavi__link.-active { background:#AA8B5D; color:#151515; }


@media screen and (max-width:767px) {
	.StreamingNaviOuter { margin-bottom:20px; }
	.StreamingNavi { margin:0 -1px -1px 0; justify-content:left; }
	.StreamingNavi li { padding:0 1px 1px 0; width:50%; box-sizing:border-box; }
	.StreamingNavi li .StreamingNavi__link { justify-content:left; border-radius:0px; letter-spacing:0; padding:0 8px; }
}

/* Streaming Playlists */
#applepl, #applepl2, #appleplen { display: block; }
#spotifypl, #spotifypl2, #spotifyplen { display: none; }
#youtubepl, #youtubepl2, #youtubeplen { display: none; text-align: center; }

/* libraryDetailHead */
.libraryDetailHead { display:table; width:100%; margin:0 auto 80px; max-width:800px; }
.libraryDetailHead .thumArea { display:table-cell; vertical-align:top; width:40%; padding-right:16px; }
.libraryDetailHead .thumArea .thum {}
.libraryDetailHead .thumArea > .btn { width:100%; display:block; font-size:12px; margin-top:24px; }
.libraryDetailHead .thumArea > .btn a { display:block; text-align:center; text-decoration:none; position:relative; height:48px; font-family:'Roboto',sans-serif; font-feature-settings:"palt"; font-weight:400; letter-spacing:.08em;  }


.libraryDetailHead .thumArea > .btn a > .inner { display:block; text-align:center; width:100%; position:absolute; top:50%; transform:translateY(-50%); }
.libraryDetailHead .thumArea > .btn .bnr_special { display:block; height:100%; height:100%; }
.hover .libraryDetailHead .thumArea > .btn a:hover img { opacity:.8; }
.libraryDetailHead .textArea { display:table-cell; vertical-align:top; padding-left:16px; }
.libraryDetailHead .textArea .label { font-size:12px; line-height:2; margin-bottom:16px; }
.libraryDetailHead .textArea .ttl { font-size:16px; line-height:1.5; margin-bottom:24px; font-feature-settings:"palt"; font-weight:bold; }
.libraryDetailHead .textArea > .data {}
.libraryDetailHead .textArea > .data tr {}
.libraryDetailHead .textArea > .data th { width:104px; font-size:12px; line-height:1.5; padding-bottom:8px; vertical-align:top; }
.libraryDetailHead .textArea > .data td { font-size:12px; line-height:1.5; padding-bottom:8px; vertical-align:top; }

/* normal */
.normal .libraryDetailHead .thumArea > .btn a { color:rgba(0,0,0,.7); background:#eee; }
/*.normal .libraryDetailHead .thumArea > .btn a[target="_blank"]::after { background:url(/static/img/common/icon_blank_black.svg) 0 0 no-repeat; }*/
.normal.hover .libraryDetailHead .thumArea > .btn a:hover { background:#e6e6e6; }
.normal .libraryDetailHead .textArea .label { color:rgba(0,0,0,.7); }
.normal .libraryDetailHead .textArea .ttl {}
.normal .libraryDetailHead .textArea .text {}
.normal .libraryDetailHead .textArea > .data th { color:rgba(0,0,0,.5); }
.normal .libraryDetailHead .textArea > .data td { color:#333; }
.normal .libraryDetailHead .thumArea > .btn .bnr_special { background:#BDA795; }

/* dark */
.dark .libraryDetailHead .thumArea > .btn a { color:rgba(255,255,255,.7); background:#333; }
/*.dark .libraryDetailHead .thumArea > .btn a[target="_blank"]::after { background:url(/static/img/common/icon_blank_white.svg) 0 0 no-repeat; }*/
.dark.hover .libraryDetailHead .thumArea > .btn a:hover { background:#444; }
.dark .libraryDetailHead .textArea .label { color:rgba(255,255,255,.9); }
.dark .libraryDetailHead .textArea .ttl { color:#AA8B5D; }
.dark .libraryDetailHead .textArea .text {}
.dark .libraryDetailHead .textArea > .data th { color:rgba(255,255,255,.5); }
.dark .libraryDetailHead .textArea > .data td { color: #DEDEDE }
.normal .libraryDetailHead .thumArea > .btn .bnr_special { background:#BDA795; }




/* libraryDetailBody */
.libraryDetailBody { width:100%; margin:auto; max-width:800px; }
.libraryDetailBody .block { margin-bottom:72px; }
.libraryDetailBody .block:last-child { margin-bottom:0; }
.libraryDetailBody .block .Layout {}
.libraryDetailBody .block .Layout__row { display:table; width:100%; table-layout:fixed; }
.libraryDetailBody .block .Layout__col { display:table-cell; vertical-align:top; }
.libraryDetailBody .block .ttl { height:32px; line-height:32px; font-size:14px; padding-left:8px; margin-bottom:32px; font-family:'Roboto',sans-serif; font-feature-settings:"palt"; font-weight:400; letter-spacing:.08em; }
.libraryDetailBody .block .ttl2 { margin-bottom:8px; font-size:12px; }
.libraryDetailBody .block .text { font-size:14px; line-height:2; }
.libraryDetailBody .block .musicList { margin-bottom:24px; }
.libraryDetailBody .block .musicList:last-child { margin-bottom:0; }
.libraryDetailBody .block .musicList th { font-size:14px; line-height:2; padding-right:8px; vertical-align:top; }
.libraryDetailBody .block .musicList th::after { content:"."; }
.libraryDetailBody .block .musicList td { font-size:14px; line-height:2; vertical-align:top; }
/* .link */
.libraryDetailBody .linkOuter { overflow:hidden; margin-bottom:32px; }
.libraryDetailBody .link { margin:-4px; }
.libraryDetailBody .link::after { content:""; display:block; clear:both; }
.libraryDetailBody .link li { float:left; width:25%; display:block; font-size:12px; padding:4px; box-sizing:border-box; }
.libraryDetailBody .link a { display:block; text-align:center; text-decoration:none; position:relative; padding-top:25%; font-family:'Roboto',sans-serif; font-feature-settings:"palt"; font-weight:400; letter-spacing:.08em;  }
.libraryDetailBody .link a > .inner { display:block; text-align:center; width:100%; position:absolute; top:50%; transform:translateY(-50%); }
.hover .libraryDetailBody .link a:hover img { opacity:.8; }
/* .movie */
.libraryDetailBody .movie { overflow:hidden; width:100%; padding-top:56.25%; position:relative; cursor:pointer; margin-bottom:16px; }
.libraryDetailBody .movie:last-child { margin-bottom:0; }
.libraryDetailBody .movie .playicon { width:48px; height:48px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; }
.libraryDetailBody .movie .img { width:100%; position:absolute; top:0; right:0; transform:scale(1); width:calc(100% + 1px); transition-duration:0.2s; z-index:1; }
.hover .libraryDetailBody .movie:hover .img { transform:scale(1.05); opacity:.8; }
.hover .libraryDetailBody .movie .thumArea:hover .img { transform:scale(1.05); opacity:.8; }

/* normal */
.normal .libraryDetailBody .link a { color:rgba(0,0,0,.7); background:#eee; }
.normal.hover .libraryDetailBody .link a:hover { background:#e6e6e6; }
.normal .libraryDetailBody .block .musicList th { color: rgba(0,0,0,.7); }
.normal .libraryDetailBody .block .musicList td { color:#333; }
.normal .libraryDetailBody .block .ttl { background:#223A5F; color:rgba(255,255,255,.9); }
.normal .libraryDetailBody .block .ttl2 { color:rgba(0,0,0,.5); }
.normal .libraryDetailBody .block .text { }

/* dark */
.dark .libraryDetailBody .link a { color:rgba(255,255,255,.7); background:#333; }
.dark.hover .libraryDetailBody .link a:hover { background:#444; }
.dark .libraryDetailBody .block .musicList th { color:rgba(255,255,255,.7); }
.dark .libraryDetailBody .block .musicList td { color: rgba(255,255,255,.9); }
.dark .libraryDetailBody .block .ttl { background:#AA8B5D; color:#151515; }
.dark .libraryDetailBody .block .ttl2 { color:rgba(255,255,255,.5); }
.dark .libraryDetailBody .block .text {}





@media screen and (max-width:1400px) { /* pc_s */ 
	.libraryDetailAreaOuter { padding:80px; }
	.libraryDetailArea__body .section_head { margin-bottom:32px; }
	.libraryDetailArea__body .section_head .label { font-size:14px; }
	.libraryDetailArea__body .section_head .ttl { font-size:16px; margin-bottom:24px; }
	.libraryDetailArea__body .section_head .text { font-size:14px; }
	.libraryDetailArea__body .section_body { margin-bottom:32px; }
	.libraryDetailArea__body .section_body .ttl { height:32px; line-height:32px; font-size:14px; padding-left:8px; margin-bottom:24px; }
	.libraryDetailArea__body .section_body .text { font-size:14px; }
}
@media screen and (max-width:1199px) { /* pc_s */ 
	.libraryDetailAreaOuter { padding:80px; }
	.libraryDetailArea__head { width:280px; }
	.libraryDetailArea__body { padding-left:40px; }
	.libraryDetailArea__body .section_head { margin-bottom:24px; }
	.libraryDetailArea__body .section_head .label { font-size:12px; }
	.libraryDetailArea__body .section_head .ttl { font-size:16px; margin-bottom:16px; }
	.libraryDetailArea__body .section_head .text { font-size:12px; }
	.libraryDetailArea__body .section_body { margin-bottom:24px; }
	.libraryDetailArea__body .section_body .ttl { height:24px; line-height:24px; font-size:12px; padding-left:8px; margin-bottom:24px; }
	.libraryDetailArea__body .section_body .text { font-size:12px; }
}
@media screen and (max-width:1023px) { /* tablet */
	.libraryDetailAreaOuter { padding:80px 40px; }
}
@media screen and (max-width:767px) { /* sp_l */
	.libraryDetailAreaOuter { padding:16px 16px 40px; }

	.libraryDetailHead { display:block; max-width:none; margin-bottom:30px; }
	.libraryDetailHead .thumArea { display:block; width:100%; padding-right:0; margin-bottom:20px; }
	.libraryDetailHead .thumArea .thum {}

	.libraryDetailHead .textArea { display:block; padding-left:0; }
	.libraryDetailHead .textArea .label { font-size:14px; }
	.libraryDetailHead .textArea .ttl { font-size:16px; }
	.libraryDetailHead .textArea .ttl .sub { font-size:14px; }
	.libraryDetailHead .textArea .text { font-size:14px; }

	.libraryDetailHead .textArea > .data th { min-width:104px; font-size:14px; }
	.libraryDetailHead .textArea > .data td { font-size:14px; }


	.libraryDetailBody { width:100%; max-width:none; }

	.libraryDetailBody .block { margin-bottom:40px; }
	.libraryDetailBody .block .ttl { height:32px; line-height:32px; font-size:14px; padding:0 16px; margin:0 -16px 20px; }
	.libraryDetailBody .block .text { font-size:16px; line-height:1.5; }

	.libraryDetailBody .block .Layout {}
	.libraryDetailBody .block .Layout__row { display:block; }
	.libraryDetailBody .block .Layout__col { display:block; margin-bottom:20px; }
	.libraryDetailBody .block .Layout__col:last-child { margin-bottom:0; }
	.libraryDetailBody .block .Layout__col p { }

	.libraryDetailBody .block .musicList th { font-size:16px; line-height:1.5; }
	.libraryDetailBody .block .musicList td { font-size:16px; line-height:1.5; }

	.libraryDetailBody .linkOuter {}
	.libraryDetailBody .link {}
	.libraryDetailBody .link::after {}
	.libraryDetailBody .link li { width:50%; }
	.libraryDetailBody .link a {}
	.libraryDetailBody .link a[target="_blank"]::after {}
	.libraryDetailBody .link a > .inner {}

	.libraryDetailBody .link a .bnr_special { display:block; background:#BDA795; height:100%; height:100%; }


	.video {}
	.video__inner {}
	.video .playicon {}
	.video .img {}

}