h4 {
color: #444;
margin-top: 4px;
margin-bottom: 16px;
text-align: left;
}
.about_widget > h4 + p {
margin-top: -12px;
}
.about_widget > p:last-of-type {
margin-bottom: 22px;
}
div.dj_box {
padding-bottom: 20px;
min-height: 136px;
}
div.dj_img {
width: 120px;
left :16px;
}
div.dj_img img {
width: 120px;
}
div.dj_text {
margin-top: -120px;
margin-left: 140px;
text-align: left;
}
.dj_text p {
margin-top: 0;
margin-bottom: .6em;
line-height: 1.4;
}
div.text_button {
width: 100%;
background-color: #EC6D74;
border: 2px solid #EC6D74;
border-radius: 4px;
margin-top: 12px;
margin-bottom: 12px;
}
div.text_button > a {
display: block;
padding: 10px 12px;
color: #fff;
text-decoration: none;
text-align: center;
font-weight: bold;
}
div.text_button > a:hover {
opacity: 0.8;
}
div.podcast_info {
background-color: #fafafa;
padding: 14px;
margin-top:12px;
margin-bottom: 12px;
}
div.podcast_info img {
display: block;
margin-left: auto;
margin-right: auto;
}
ul.widget-tags-list {
margin-top: 20px;
margin-bottom: 12px;
}
ul.widget-tags-list > li {
display:inline-block; width:100%; white-space:normal; overflow:hidden; text-overflow:ellipsis;
border:1px solid #eee; background:#fefefe; padding:0.8em; line-height:1.3em;
}
ul.widget-tags-list > li:hover {
border-color:#d8d8d8; background:#f4f4f4; text-decoration:none;
}
ul.widget-tags-list > li > a {
text-decoration:none;
display:block
}
ul.widget-tags-list > li:hover > a {
text-decoration:none;
display:block
}
@media (max-width:767px) {
ul.widget-tags-list {
font-size: 120%;
}
}
/* DJプロフィール */
div#user-heading {
background-color: #fafafa;
}
table.dj_profile {
color: #444;
}
table.dj_profile th {
width: 12em;
vertical-align: top;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 18px;
font-weight: bold;
}
@media (max-width: 767px) {
table.dj_profile th { width: 8em;}
}
table.dj_profile td {
vertical-align: top;
text-align: left;
padding: 4px 0;
}
table.dj_profile td ul {
margin: 0;
padding-left: 0;
list-style: none;
}
table.dj_profile td ul li {
margin-bottom: .8em;
}
table.dj_profile + h2 {
margin-top: 48px;
}
]]>
.content a.content-tag[data-tag *=”prevent-click”] {
display:none;
}
.content[data-tags *=”prevent-click”] .content-region .content-body-body.article {
user-select: none; /* CSS3 */
-moz-user-select: none; /* Firefox */
-webkit-user-select: none; /* Safari,Chrome */
-ms-user-select: none; /* IE10 */
}
.content[data-tags *=”prevent-click”] .content-region .content-body-body.article .image-box {
position: relative;
}
.content[data-tags *=”prevent-click”] .content-region .content-body-body.article .image-box::after {
position: absolute;
display: block;
content: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==);
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 767px){
.content[data-tags *=”prevent-click”] .content-region .content-body-body.article .image-box {
pointer-events : none;
}
}
@media print {
.content[data-tags *=”prevent-click”] .content-region .content-body-body.article {
display:none;
}
.content[data-tags *=”prevent-click”] .content-info.flex-container.flex-mobile::before {
content: “この記事は印刷できません”;
}
}
]]>
This article is a sponsored article by
”.
‘).attr({‘id’:’script-vimeo-api’,’src’:’https://f.vimeocdn.com/js/froogaloop2.min.js’}).appendTo(‘body’);console.log(‘vimeo js api loading’);}});var $vimeo_need_replace=$();function checkVimeo($target){if(!window.$f){$vimeo_need_replace=$vimeo_need_replace.add($target);$target.data(‘need_replace’,true);return;}
$target.each(function(){var $ifr=$(this),ifr=$ifr[0],autoplay=$ifr.data(‘autoplay’);var src=$ifr.attr(‘src’).split(‘?’);var q=parseQuery(src[1]);if(!q.api){var id=$ifr.attr(‘id’)||(‘vimeo-‘+(++vimeo_cnt));$.extend(q,{api:’1′,player_id:id});var $new_ifr=$ifr.clone().attr({id:id,src:src[0]+’?’+buildQuery(q)});$ifr.replaceWith($new_ifr);console.log(‘vimeo iframe src replaced:’+$new_ifr.attr(‘src’));return;}
if($ifr.data(‘need_replace’)){$ifr.replaceWith($ifr.clone().data(‘need_replace’,false));return;}
if(autoplay){return;}
var player=$f($ifr[0]);player.addEvent(‘ready’,function(){console.info(‘vimeo:ready’,player);$ifr.data(‘autoplay’,{notinitialized:true,player:player});function startAutoPlay($ifr){if(stop_autoplay){return;}
var autoplay=$ifr.data(‘autoplay’);if(!autoplay||autoplay.notinitialized){var player=autoplay&&autoplay.player||$f($ifr[0]);autoplay={player:player,canceled:false,cursor:$ifr.css(‘cursor’)};player.api(‘getVolume’,function(vol){autoplay.muted=vol;});player.api(‘getLoop’,function(loop){autoplay.loop=loop;});$ifr.data(‘autoplay’,autoplay);}
var player=autoplay.player;if(!autoplay.canceled){player.api(‘setVolume’,0);$ifr.css(‘cursor’,’pointer’);$ifr.data(‘autoplay’,autoplay);if(allow_autoplay){player.api(‘play’);}else{makeAutoplayGif($ifr,function($ifr){var autoplay=$ifr.data(‘autoplay’),player=autoplay.player;player.api(‘seekTo’,0);player.api(‘setVolume’,autoplay.muted);player.api(‘play’);autoplay.canceled=true;$ifr.data(‘autoplay’,autoplay);});}}}
function stopAutoPlay($ifr,cue,clear_autoplay){if(stop_autoplay){return;}
var autoplay=$ifr.data(‘autoplay’),player=autoplay.player;if(allow_autoplay){player.api(‘pause’);}
player.api(‘setVolume’,autoplay.muted);if(cue){player.api(‘setCurrentTime’,0);}
if(clear_autoplay){$ifr.css(‘cursor’,autoplay.cursor);player.api(‘setLoop’,autoplay.loop);autoplay.canceled=true;$ifr.data(‘autoplay’,autoplay);}}
player.addEvent(‘play’,function(){player.playing=true;});player.addEvent(‘finish’,function(){player.playing=false;$ifr.trigger(‘ended.autoplaying’);});player.addEvent(‘pause’,function(){player.playing=false;$ifr.trigger(‘click.autoplaying’)});$ifr.on(‘click.autoplaying’,function(ev){var autoplay=$ifr.data(‘autoplay’),player=autoplay.player;if(autoplay&&!autoplay.canceled&&$ifr.isInView()){stopAutoPlay($ifr,true,true);player.api(‘play’);}}).on(‘ended.autoplaying’,function(ev){var $ifr=$(this),autoplay=$ifr.data(‘autoplay’),player=autoplay.player;player.api(‘seekTo’,0);if(!autoplay.canceled||autoplay.loop){player.api(‘play’);}}).on(‘scrolledintoview’,function(ev){var $ifr=$(this),autoplay=$ifr.data(‘autoplay’),player=autoplay.player;if(!autoplay||!autoplay.canceled){startAutoPlay($ifr);}}).on(‘scrolledoutofview’,function(ev){var $ifr=$(this),autoplay=$ifr.data(‘autoplay’),player=autoplay.player;if(player.playing){if(autoplay.muted){player.api(‘pause’);}else{fadeoutVimeo(player);}}});if($ifr.isInView()){startAutoPlay($ifr);}});});}
if(window._disable_autoplay_onscrolledintoview){return;}
setInterval(function(){checkAll();},WATCH_INTERVAL);var youtube_initialized=false;function youtubeInit(){if(youtube_initialized){return;}
youtube_initialized=true;console.log(‘youtubeInit()’);var _t=setInterval(function(){if(window.YT&&window.YT.Player){console.log(‘youtubeInit():window.YT.Player enabled’);clearInterval(_t);youtube_iframe_api_initialized=true;[‘ENDED’,’PLAYING’,’PAUSED’,’BUFFERING’,’CUED’].forEach(function(s){YT_ST_REV[YT.PlayerState[s]]=s;});}},100);}
var _onYouTubeIframeAPIReady=window.onYouTubeIframeAPIReady;if(_onYouTubeIframeAPIReady){window.onYouTubeIframeAPIReady=function(){_onYouTubeIframeAPIReady();youtubeInit();};}else{window.onYouTubeIframeAPIReady=youtubeInit;}
$(document).one(‘scrolledintoview’,YOUTUBE_SELECTOR,function(){if(!window.YT){$(”).attr(‘src’,’https://www.youtube.com/iframe_api’).appendTo(‘body’);}else{youtubeInit();}});});
/*** combinestatic: from:lib/js/enquire.js ***/
;(function(name,context,factory){var matchMedia=window.matchMedia;if(typeof module!==’undefined’&&module.exports){module.exports=factory(matchMedia);}
else if(typeof define===’function’&&define.amd){define(function(){return(context[name]=factory(matchMedia));});}
else{context[name]=factory(matchMedia);}}(‘enquire’,this,function(matchMedia){‘use strict’;function each(collection,fn){var i=0,length=collection.length,cont;for(i;i=0;$.alert=(function(){$(”).html([‘#commonjs-alert {‘,’position:fixed; bottom:0; right:0;’,’background:rgba(255,255,255,.5); color:black;’,’border:1px solid #ccc;’,’font-size:12px; line-height:1.1;’,’max-width:50vw;’,’}’,’#commonjs-alert:empty { display:none; }’,’#commonjs-alert > div { padding:.25em .5em; display:flex; }’,’#commonjs-alert > div + div { border-top:1px solid #ccc; }’,’#commonjs-alert > div > :first-child { padding-right:.25em; }’,’#commonjs-alert > div > :first-child::before { font-family:FontAwesome; content:”\\f071″; margin-right:.5em; color:darkred; }’,’#commonjs-alert > div > :last-child { margin-left:auto; padding-left:.25em; }’,’#commonjs-alert > div > :last-child:not(:empty)::before { content:”(” }’,’#commonjs-alert > div > :last-child:not(:empty)::after { content:”)” }’,].join(”)).appendTo(‘body’);var $alert=$(‘
‘).appendTo(‘body’);function msg(msg,timeout){timeout=timeout===undefined?5000:timeout;var $msg_hit=$alert.children().filter(function(){return $(this).data(‘msg’)==msg;});if(!$msg_hit[0]){var $msg=$(‘
‘).append($(”).text(msg),$(”)).data(‘msg’,msg).data(‘cnt’,0);$alert.prepend($msg);$msg.data(‘_t’,setTimeout(function(){this.remove()}.bind($msg),timeout));}else{clearTimeout($msg_hit.data(‘_t’));var cnt=$msg_hit.data(‘cnt’);$msg_hit.data(‘cnt’,++cnt);$msg_hit.children(‘:last-child’).text(cnt);$msg_hit.data(‘_t’,setTimeout(function(){this.remove()}.bind($msg_hit),timeout));}}
return msg;})();$(document).on(‘ajaxSend’,function(ev,xhr,settings){var loc=$(‘‘).attr(‘href’,settings.url)[0];loc.protocol=loc.href.split(‘:’)[0];if(loc.hostname==location.hostname){xhr.setRequestHeader(‘X-Requested-With’,’XMLHttpRequest’);if(settings.type==’POST’){xhr.setRequestHeader(‘X-CSRFToken’,$.cookie(‘csrftoken’));}
if(_NO_CACHE){if(settings.url.indexOf(‘_no_cache=”)