@charset "utf-8";
/* CSS Document */
/* sub */

@import url("audio.css");

/* common */
#content{padding-bottom:40px;}
.entry-content .list_category{display:none;}
.entry-footer{padding:1rem 0 2rem 0;}
.edit-link{display:none;}/* 「"○○○"を編集」のリンク */
h2.comments-title{font-size:1rem;padding:0 0 10px 0;}
.entry-title a{color:#979797;}
.entry-date{font-size:0.88rem;color:#979797;}
#search-wrapper article{border-bottom:1px solid #CCC;padding:1rem 0 2rem 0;}
.thmbnail_article{padding-bottom:10px;}
#comments{padding:2rem 0;}
.snippet a+a:before{content:" \03e ";}

#page-wrapper ,#single-wrapper ,#cat_news ,#cat_works{padding-bottom:5.6rem !important;}
nav[aria-label="Posts navigation"],#main{clear:both;width:100%;margin-top:0;}
nav[aria-label="Posts navigation"] .pagination{margin-top:0;padding-top:0;}

/* header */
.hr_dot{border-bottom:1px dotted #000;border-top:0;border-left:0;}
.h2_page{text-align:center;padding:50px 0 40px 0;}

/* category */
#archive-wrapper article{/*text-align:justify;*/}

/* composers 固定ページ */
#composers h1.entry-title{padding:2rem 0;font-size:1.73rem;font-weight:700;color:#000;text-align:left;}
#composers .entry-header{padding-bottom:0 !important;position:relative;}
#composers h2{padding-top:3.8rem;margin:0;font-size:1.38rem;font-weight:700;display:none;}
#composers h3 ,#inhouse h3{padding:2rem 0 0.2rem;margin:0;font-size:1rem;font-weight:700;}
.bt_print input /*,.bt_print:after*/{display:block;width:36px;height:36px;position:absolute;right:0;top:2rem;border:none;
background:url(../../img/composers/bt_print.jpg) no-repeat left top;background-size:contain;}
/*.bt_print:after{content:"\f02f";font-family:"FontAwesome";font-weight:400;font-size:1.8rem;line-height:1;color:#444444;}*/
.bt_en{position:absolute;right:3rem;top:2.1rem;}

.bt_en:has(a[href*="#natsumi-tabuchi"]),.bt_en:has(a[href*="#hanae-nakamura"]),.bt_en:has(a[href*="#miki-sakurai"]),
.bt_en:has(a[href*="#junko-nakajima"]),.bt_en:has(a[href*="#kanade-sakuma"]),.bt_en:has(a[href*="#tsugumi-tanaka"]),
.bt_en:has(a[href*="#misaki-tsuchida"]),.bt_en:has(a[href*="#reiko-abe"]),.bt_en:has(a[href*="#kaho-sawada"])
{display:none !important; visibility:hidden;}

.bt_to_works ,.bt_to_pastworks{display:block;width:13rem;margin:2rem 0;padding:0.4rem 0;border-radius:6px;box-shadow:#666 1px 1px 5px;background-color:#6B79B3;text-align:center;color:#FFF !important;font-size:1.2rem;font-weight:bold;}
.bt_to_works:after{content:" > ";}
#sounds_player ol{counter-reset: item;list-style-type: none;padding:0 0 2rem 0;font-weight:700;/*visibility: hidden;display:none;*/}
#sounds_player ol ol{/* 入れ子の場合 */padding-left: 1em;}
#sounds_player ol li{border:1px solid #000;margin:0 0 -1px 0;padding:1rem 4rem 0.6rem 5.6rem;position:relative;font-size:1rem;line-height:1.4;min-height:3.6rem;}
#sounds_player ol li+li{border-top:none;}
#sounds_player > ol > li:before {counter-increment: item;content: counter(item, decimal-leading-zero);position:absolute;left:1rem;top:0.6rem;
padding-right:1rem;margin-right:1rem;font-size:1.8rem;line-height:1.3em;font-weight: bold;border-right:3px double #000;}
.bt_musicsite{padding:0;}
.bt_musicsite img{margin:0 0 0.5rem 0;max-width:159px;height:auto;}

	/* 再生プレーヤーのCSS全般は、audio.css に記述 */
#sounds_player > ol > li > a{display:block;}
#sounds_player > ol > li > a::after{display:block;position:absolute;right:1rem;top:0.6rem;width:36px;height:36px;content:"";
background:#6B79B3 url(../../img/composers/bt_link.png?date=20200408) no-repeat 10px 8px;background-size:50%,50%;
/*content:url(../../img/composers/bt_link.png);padding:8px 0 0 10px;
content:'\f0c1';content:"\f35d";font-family:"FontAwesome";font-weight:900;font-size:1.3rem;color:#FFFFFF;padding:4px 0 0 8px;
*/}
#sounds_player > ol > li > a:hover{filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
#sounds_player > ol > li > a:hover:after{content:"";background:#FFFFFF url(../../img/composers/bt_link_ov.png?date=20200408) no-repeat 10px 8px;
width:37px;height:37px;background-size:50%,50%;}
#sounds_player > ol > li > a::after, .audiojs > .play-pause{border:1px solid #6B79B3;}
.audiojs:hover > .play-pause,
#sounds_player > ol > li > a:hover:after{background-color:#FFFFFF;}
.audiojs:hover  > .play-pause > .pause:before,
.audiojs:hover > .play-pause > .play:before{color:#6B79B3;}
#sounds_player .audiojs {/*display:none !important;*/}/* ←音源の再生ボタンを表示/非表示 */

/* in-house & associate composers */
#inhouse h1 ,#creatives h1 ,#recruit h1 ,.h1_dotunderline{padding:3.4rem 0 2.0rem;margin:0 0 1.6rem;font-size:2.18rem;font-weight:700;border-bottom:1px dashed #000;}
#inhouse h2 ,#creatives h2{padding:0 0 1rem;margin:0;font-size:1.7rem;font-weight:700;}
#inhouse .bt_to_works{margin:2rem 0 0;}
#inhouse hr ,#creatives hr ,#aboutus hr{border-top:1px dashed #666;clear:both;}
.associate_scroll{height:36rem;overflow-y:scroll;margin-top:1rem/*3.4rem;*/}
.associate_scroll h3:first-child{padding-top:0 !important;margin-top:0;}

.associate_scroll::-webkit-scrollbar{width:16px;/* スマホでもスクロールバーを表示させる */}
.associate_scroll::-webkit-scrollbar-thumb{ background: #CCC;border-radius:4px;}
.associate_scroll::-webkit-scrollbar-track-piece:start{background: #f2f2f2;}
.associate_scroll::-webkit-scrollbar-track-piece:end{background: #f2f2f2;}


/* creatives */
#creatives_staffs h2{font-size:1.37rem;}
.bt_to_pastworks{width:13rem;margin:1rem 0;background-color:#B93200;}
#creatives_staffs h2{grid-columns:12 ;}

/* creatives > past works */
body.page-template-nichion_pastworks #wrapper-navbar ,
body.page-template-nichion_pastworks #wrapper-footer-full ,body.page-template-nichion_pastworks #wrapper-footer ,
body.page-template-nichion_pastworks #side_composers ,body.page-template-nichion_pastworks .slider_wrapper{display:none;}
#pastworks h1 ,#pastworks h2 ,#pastworks h3 ,#pastworks h4 ,#pastworks h5{font-weight:700;}
#pastworks h1{background-color:#AF3523;font-size:1.8rem;color:#FFF;padding:0.2rem 0 0.2rem 2rem;}
#pastworks h2.entry-title{font-size:1.72rem;padding:2.6rem 0 1.6rem 0;}
#pastworks .entry-content{padding:0;}
#pastworks h3{font-size:1.125rem;padding-top:2rem;}
#pastworks h4{font-size:1.125rem;padding-top:1rem;}
#pastworks h5{font-size:1rem;padding-top:1rem;}
.bt_close{display:block;width:10rem;margin:2rem auto;padding:0.1rem 0;background-color:#000;text-align:center;color:#FFF !important;font-size:1.2rem;font-weight:bold;}
#pastworks .container{max-width:100% !important;}
ul.ul_pastworks{list-style: disc;padding:1rem 0 0 1rem;margin:0;}
ul.ul_pastworks li{padding-bottom:1rem;}

/* recruit & audition */
#recruit > section{/*display:none;*/}
/*#recruit h1:after{content:"現在募集しておりません。";display:block;text-align:center;padding:3rem 0;position:absolute;font-size:1rem;left:50%; transform:translateX(-50%);}*/
#recruit ,#aboutus ,#soundlibrary{max-width:820px;margin:auto;}
#recruit h1{font-size:2.6rem !important;padding:1.6rem 0 0.5rem;display:inline-block;margin:0 auto 2.6rem auto;}
.bdr_recruit{border:1px dashed #000;margin-top:2rem;}
.bdr_recruit h2{font-size:1.25rem;background-color:#DEDEF3;border-bottom:1px dashed #000;font-weight:700;text-align:center;padding:0.4rem;margin:0;}
.bdr_recruit h3 ,.recruit_plologue h3{font-size:1.125rem;padding:1.5rem 0 0.5rem;font-weight:700;}
.bdr_recruit > div h3:first-child ,.recruit_plologue .bk_ppurple + h3{padding-top:0 !important;}
.bdr_recruit ul{margin:0 0 1rem 1.4rem;}
.bdr_recruit ul li{padding:0.3rem 0;list-style: disc;}

/* about us */
#access ,#contact{padding-top:3rem;}
#access .w-100{border-top:1px solid #000;}
#aboutus h1 ,#aboutus h2{font-weight:700;}
#aboutus h2{font-size:1.125rem;padding:2rem 0 0.5rem;}
.contactform{border:1px dashed #000;padding:2.6rem 1rem;text-align:center;}
.contactlabel{font-weight:bold;line-height:1.2;}
.required{background-color:#CC1200;color:#FFFFFF;padding:2px 0.8em;white-space:nowrap;font-size:0.9em;}
input[type="submit"].wpcf7-submit{display:block;background-color:#BFB7DB;width:9rem;height:auto;margin:2rem auto !important;padding:0.8rem;color:#000;border:none;border-radius:0;font-weight:bold;}
div.wpcf7-validation-errors{height:auto !important;}

/* archive */
#archive-wrapper h1.page-title{font-size:2.5rem;margin:0rem auto 1.7rem auto;padding:0;text-align:center;}

/* Youtube */
.video_container{position: relative;padding-bottom:56.25%;	/*YouTube プレーヤーのアスペクト比は 16:9 */
height: 0;overflow: hidden;}
.video_container iframe {margin:0;position: absolute;top: 0;left: 0;width: 100%;height:100%;}

/* search */

/* widget */
.widget{padding-bottom:40px;}
h3.widget-title ,#wp-calendar caption{font-size:1rem;font-weight:bold;padding:0 0 10px 0;}
#wp-calendar{width:100%;}
#wp-calendar thead,#wp-calendar tbody{/*border:1px solid #CCC;*/text-align:center;}
#wp-calendar caption {caption-side: top;}
#prev{text-align:left;}
#next{text-align:right}

/* entry */
/*.entry-header{padding-top:40px;} */
.thmbnail_content-single{min-height:60px;}/* 投稿や固定ページでアイキャッチがないときに余白にする。メニューに重ならないように。 */
.entry-header{padding-bottom:1rem;}
.snippet{padding:0 0 3rem 0;font-weight:bold;}
.snippet a{color:#333;}

/* News */
/* category */
#cat_news h1.page-title{font-size:2.5rem;margin:0rem auto 1.7rem auto;padding:0;font-family: kozuka-gothic-pr6n, sans-serif;font-weight:700;}
#cat_news .entry-title ,#cat_works .entry-title{font-size:1rem;line-height:1.38 !important;font-weight:700;margin-top:0.5rem;margin-bottom:0.5rem;padding:0;}
#cat_news .entry-title a ,#cat_works .entry-title a ,.works_composers a{color:#000;}
#cat_news .entry-content{display:none;}
#cat_news .entry-thumbnail{text-align:center;}
/*#cat_news .entry-thumbnail a img[src*="noimage.gif"]{border:1px solid #000 !important;}*/
@media (min-width:1308px){
	#cat_news .entry-thumbnail{height:313px !important;}
}
@media (min-width:768px){ /* col-md-4 */
	#cat_news .entry-thumbnail{height:calc( ( 100vw - 300px - 60px - 17px ) * 0.33 );/* -300pxは両asideの合計。60pxはgutter-30 の余白分, -17pxはスクロールバーの幅 */
		/*overflow:hidden;*/background-color:#000000;position:relative;}
	#cat_news .entry-thumbnail img{display:block;margin:auto;position:absolute;top: 50%;left: 50%;/**/ transform: translate(-50%, -50%);max-width:100%;max-height:100%;}
	#cat_news .entry-thumbnail img[src*="noimage.gif"]{top:0;left:0;margin:0;transform:translate(0,0);width:100%;height:100%;}
}
/* entry */
#news_entry .snippet{display:none;}
#news_entry .wp-post-image{/*width:708px;*/max-height:320px;width:auto;display:block;margin-left:auto;margin-right:auto;margin-bottom:2rem;}
#news_entry h1.entry-title{text-align:left;font-size:1.25rem;color:#000;font-weight:700;padding:/*4.4rem*/0 0 2rem 0;}
#news_entry .entry-meta ,#works_entry .entry-meta ,
#news_entry .entry-footer ,#works_entry .entry-footer ,.post-navigation{display:none;}


/* works */
#cat_works h1.page-title{font-size:2.8rem;border-bottom:1px dashed #000;display:inline-block;padding:0 0 0.4rem 0;margin:0 auto 0.8rem auto;min-width:320px;}
h2.child-title ,.works_composers{text-align:center;font-size:1.75rem;font-weight:700;padding-bottom:1.4rem;}
#cat_works .entry-title{margin-bottom:0;padding-top:0.6rem;padding-bottom:0.2rem;}
#cat_works .entry-header{padding-bottom:0 !important;}
#cat_works .entry-content{/*height:1.6rem;overflow:hidden;*/margin:0;padding:0;}
#cat_works .snippet{padding:0 0 0.6rem 0;}
#cat_works article.post{padding-top:3.6rem;}
#cat_works .entry-thumbnail{text-align:center;}
@media (min-width:1308px){ /* 1008px + 300px (300pxは両asideの幅の合計） */
	#cat_works .entry-thumbnail{height:204px !important;}
}
@media (min-width:992px){ /* col-lg-3 */
	#cat_works .entry-thumbnail{height:calc( ( 100vw - 300px - 180px ) * 0.25 );/* -300pxは両asideの合計。180pxはgutter-60 の余白分。 */
		/*overflow:hidden;background-color:#000000;*/position:relative;}
	#cat_works .entry-thumbnail img{display:block;margin:auto;position:absolute;left:50%;/* top:50%; transform:translate(-50%, -50%);*/transform:translateX(-50%); }
	#cat_works .entry-thumbnail img{width:auto;height:auto;max-width:100%;max-height:100%;}
}
.cat_works_buttons{padding-top:5.6rem;}
.cat_works_buttons img{margin-bottom:10px;}
.works_composers{font-size:1.4rem;display:inline-block;max-width:640px;margin:atuo;}
.works_composers.hide{display:none;}
/*.works_composers a+a:before,.works_composers_genre a+a:before{content:"｜";font-weight:400;}*/
.works_composers,.works_composers_genre{letter-spacing:-7px;}
.works_composers a,.works_composers_genre a{display:inline-block;letter-spacing:normal;border-left:1px solid #000;border-right:1px solid #000;margin:0 -1px 10px 0;padding:0 0.6rem;}
.works_composers a[href*="works/others"] ,.works_composers a[href$="works/genre"] ,.works_composers a[href*="works/genre"]{display:none;}
.works_composers a[href*="/movie"]:before{content:"\a";white-space: pre;display:block;height:1.3rem;}
.works_composers_genre{padding:1rem;}
#works_entry h1.entry-title{font-size:1.625rem;font-weight:700;color:#000;padding:0 0 1.1rem 0;margin:0;}
#works_entry .snippet a+a:before{content:" , ";}
#works_entry .snippet a:first-child+a:before ,#works_entry .snippet a:nth-child(2)+a:before{content:"\03e";padding:0 0.2rem;}
#works_entry .snippet ,#works_entry .snippet a[href*="works/genre/"]{font-size:0;}
#works_entry .snippet a/*:first-child,#works_entry .snippet a:nth-child(2)*/{font-size:1rem;}
#works_entry .entry-content{line-height:2.2;}
.works_buttons{padding:1rem 0;/* inline-block の余白対策 */}
.works_buttons img{/*margin:0 1rem 1rem 0;*/height:52px;}
.works_buttons a[class*="bt_"],
#works_entry a[href*="beta.music.apple.com"],#works_entry a[href*="//music.apple.com"],
#works_entry a[href*="//www.amazon.co.jp"],#works_entry a[href*="music.amazon.co.jp"],
#works_entry a[href*="tower.jp"],#works_entry a[href*="mora.jp"],
#works_entry a[href*="spotify.com"]{display:inline-block;height:52px;width:162px;border-radius:4px;margin:0 0.9rem 1.4rem 0;background-repeat:no-repeat;background-position:left top;background-size: contain;white-space:nowrap;position:relative;font-size:0;vertical-align:bottom;/*text-indent:100%;overflow:hidden;*//* font-size:0;なのでリンクテキストは見えない。 */}
.bt_apple_music ,#works_entry a[href*="beta.music.apple.com"]{background-image:url(../../img/works/button/bt_apple.png);}
.bt_amazon_store ,#works_entry a[href*="//www.amazon.co.jp"]{background-image:url(../../img/works/button/bt_amazon_store.png);
	background-color:#000000;background-position:center !important;}
.bt_amazon_music ,#works_entry a[href*="music.amazon.co.jp"]{background-image:url(../../img/works/button/bt_amazon.png);}
.bt_itunes ,#works_entry a[href*="//music.apple.com"]{background-image:url(../../img/works/button/bt_itunes.png);}
.bt_tower_records ,#works_entry a[href*="tower.jp"]{background-image:url(../../img/works/button/bt_tower.png);}
.bt_mora ,#works_entry a[href*="mora.jp"]{background-image:url(../../img/works/button/bt_mora.png);}
.bt_spotify ,#works_entry a[href*="spotify.com"]{background-image:url(../../img/works/button/bt_spotify.png);}
.bt_mp3:after{content:"※MP3での販売のみ";display:block;position:absolute;top:52px;left:0;font-size:0.8rem;line-height:1.2;}
.news_recphotos img{margin-bottom:10px;}

.category-aoki main{visibility:hidden;}	/* 青木沙也果さん非表示 */

/* slick（未使用） */
.slick_fade{text-align:center;padding:1rem;background-color:black;}
.slick_fade img{margin-left:auto;margin-right:auto;max-height:600px;}
.slick-prev{left:5%;}
.slick-next{right:5%;}
.slick-prev,.slick-next{z-index: 10000;height:2.2rem;width:2.2rem;background-color:black;top:45%;}
.slick-prev:before,.slick-next:before{color:;font-size:2rem;line-height:0.4;}
.slick-prev:before{content:"<";}
.slick-next:before{content:">";}

/* error , search */
#error-404-wrapper h1,.no-results h1.page-title ,#search-wrapper h1{font-size:1.8rem;text-align:center;padding:2rem 0;font-weight:700;}
#error-404-wrapper h2{font-size:1.4rem;padding:2rem 0 0.5rem;font-weight:700;}
#error-404-wrapper .widget{display:none;}


@media (max-width: 1307px){
}
@media (min-width: 768px) {
	#composers .hentry{padding-top:2rem;position:relative;}/* 「Biography」のテキストが入るため上部に余白 */
	#composers .hentry:before{content:"Biography";font-size:3.3rem;color:#E6E6E6;position:absolute;left:15px;top:0;line-height:1;}

	#works_entry .wp-post-image{max-width:38%;height:auto;float:left;margin-right:2.25rem;}
}
@media (max-width:767px){
	.works_buttons img{margin:0rem 0.5rem 1rem 0;max-width:160px;}
	.bt_print input{top:0.5rem;}
	.bt_en{top:0.5rem;}
	#news_entry h1.entry-title{padding:1rem 0;}
	#works_entry .wp-post-image{display:blcok;margin:0 auto 1rem auto;}
	#inhouse img+h2{clear:both;padding-top:1rem;} 
	#inhouse img+h2 .ts_0_8em{display:block;} 
	.associate_scroll{height:24rem;margin-right:0.5rem;}

}
@media (min-width: 576px) {
	#creatives div[class*="col-sm-2"] img:first-child{border-right:10px solid #FFFFFF;}
	#creatives_producers div[class*="col-sm-10"]{padding-left:30px !important;}

	.contactform .wpcf7{display:inline-block;text-align:left;}
	.contactform label{letter-spacing:-7px;}
	.contactform label > span{display:inline-block;letter-spacing:0;vertical-align:top;}
	.contactform .contactlabel{width:25%;}
	.contactform .wpcf7-form-control-wrap{width:75%;}
	.contactemail .required{margin-left:3.2rem;}
}
@media (max-width: 575px) {
	#creatives div[class*="col-sm-2"] img:first-child{margin-top:40px ;}
}

@media (min-width:768px){
	.slidetxt .only_sp{display:none;}
}