* { top: 0; } #header-right > a { width: auto; position: absolute; padding: 0px 16px; font-size: 1.8em; line-height: 1; } a#menu-icon { left: 0; } a#search-icon { right: 0; } #header-menu { display: flex; align-items: center; width: 100%; font-size: 85%; } #header-menu>* { height: auto; } #header-menu .nav-scroll { width: 100%; display: flex; padding: 0; justify-content: space-evenly; align-items: center; } #header-menu .nav-scroll a { line-height: 1; position: relative; margin-bottom: 2px; padding: 12px .5em; } #header-menu .nav-scroll a + a { margin-left: 1em; } #header-menu .nav-scroll a:hover:after, #header-menu .nav-scroll a.active:after { content: ""; display: block; position: absolute; top: 100%; left: 0; right: 0; border-bottom: 2px solid; } #header-menu .nav-scroll a.active { font-weight: bold; } #header-menu .nav-scroll a[target="_blank"] span::after { content: '\f08e'; font-family: 'FontAwesome'; display: inline-block; padding-left: .5em; } .spiral-header-bgs, #header-bgs { bottom: 0; } #header-container, .spiral-header-container { height: auto; } #main { padding-top: 172px!important; } @media (max-width: 767px) { #header-menu { padding: 0 8px; } #header-menu .nav-scroll { overflow-x: scroll; -webkit-overflow-scrolling: touch; justify-content: flex-start; } #header-right { top: calc(97px / 2 - 1em); } #main { padding-top: 145px!important; } } #left-menu.opened #left-menu-container { -webkit-transform: translateY(92px); -moz-transform: translateY(92px); -ms-transform: translateY(92px); transform: translateY(92px); } #left-menu-container { max-height: -webkit-calc(100vh - 92px); max-height: calc(100vh - 92px); } @media (min-width: 768px) { #left-menu-container { right: auto; left: calc( 100vw / 2 - 1048px / 2); } } /* ヘッダまわり ここまで */ /* カード型調整 */ @media (min-width: 768px) { .newsfeed-all-display-type-card .newsfeed-container { margin-right: -15px; } .newsfeed-all-display-type-card .wfcontent { width: calc( 100% / 3 - 16px); margin: 0 15px 15px 0 !important; } .newsfeed-all-display-type-card .wfcontent .wfcontent-container::after { content: ''; display: block; position: absolute; width: calc(100% + 2px); height: 3px; left: -1px; bottom: -1px; background-position: right bottom; background-size: 201% 200%; transition: background .3s; } .newsfeed-all-display-type-card .wfcontent:hover .wfcontent-container::after { background-position: left bottom; } } .newsfeed-all-display-type-card .wfcontent .wfcontent-container { padding: 0!important; border: 1px solid #ccc; } .newsfeed-all-display-type-card .wfcontent-container.flex-container > .flex-item + .flex-item { padding: 0 8px 8px; } .newsfeed-all-display-type-card .wfcontent .content-link { padding-bottom: 10px; } #newsfeed.newsfeed-all-display-type-card .wfcontent .content-title, .newsfeed-all-display-type-card .wfcontent .content-title { height: 4em; font-size: 120%; font-weight: bold; line-height: 1.4; margin-bottom: 3px; padding-bottom: 0; } .newsfeed-all-display-type-card .content-author-avater { display: none; } #newsfeed.newsfeed-all-display-type-card .content-info, .newsfeed-all-display-type-card .content-info { text-align: right; margin-right: 8px; margin-top: 10px; } @media (max-width: 767px) { #newsfeed.newsfeed-all-display-type-card { padding: 0 10px; } #newsfeed.newsfeed-all-display-type-card .wfcontent { width: calc( 100% / 2 - 5px * 2); margin: 0 5px 10px!important; } #newsfeed .wfcontent .content-info { font-size: 75%; } } .main-contents >.newsfeed:first-child { padding-top: 20px; } #newsfeed.newsfeed-all-display-type-card .top-gam-newsfeed { margin: 0 0 15px; } /* サイドカラムCSS */ #newsfeed .widget { padding: 20px 5px; } #newsfeed .for-mobile .side-sns { display:flex; flex-wrap:wrap; justify-content: space-between; height: 2.4em; margin: 20px 30px 30px; padding: 0; } #newsfeed .for-mobile .side-sns>a { font-size: 160%; color:#fff; width: 32%; display: flex; align-items: center; justify-content: center; } #newsfeed .for-mobile .side-sns>a:hover { text-decoration: none; } a#facebook-banner { background:#3b5998; } a#twitter-banner { background: #4c9feb; } a#youtube-banner { background: #be351c; } .widgets { width: 300px; border:none; } .widget, .widget.banners { padding: 20px 0px; } .widget.banners + .widget.banners { margin-top: 15px; } .banners>*+* { margin-top: 8px; } ul.widget-tags-list > li { display: inline-block; width: 100%; background: #f4f4f4; margin: 0; padding: 0; font-weight: bold; line-height: 1.3; transition: .15s; } ul.widget-tags-list > li + li { margin-top: 0.3em; } ul.widget-tags-list > li > a { display: flex; padding: .6em .6em .6em .8em; white-space: normal; } ul.widget-tags-list > li:hover > a { text-decoration: none; } .widget.keywords ul.widget-tags-list > li > a::before { content: '#'; margin-right: 0.2em; } .widget.store_item, #newsfeed .widget.store_item { border:1px solid #ccc; } .widget.store_item { margin: 20px 0px; padding: 15px 12px; } .widget.store_item h3 { font-size:119%; } .widget.store_item > ul { padding-left: 0; font-size: 120%; } .store_item .widget-content-leading { width: 30%; } .store_item .widget-content-text { width: 70%; } .store_item .widget-content-author { display: none; } .store_item .widget-content-title { max-height: 4em; font-size: 85%; font-weight: bold; -webkit-line-clamp: 3; } /* 作品個別ページ */ film-info .top-block { border-bottom: 1px solid #eee; margin-bottom: 35px; } film-info .film-title { font-size: 200%; letter-spacing: .05em; margin-bottom: 0; } film-info .film-data { font-size: 85%; margin: .5em 0 1em; color: #333; } .film-info h3 { font-size: 100%; margin: 2em 0 .5em; } .film-info h3 + * { margin-top: 0; } .cast-list { padding: 0; list-style: none; color: #333; } .character-name { padding-left: 1em; position: relative; } .character-name::before { content: "https://screenonline.jp/"; display: inline-block; margin-right: 1em; } .film-info .film-credit { font-size: 85%; margin-top: 32px; } .film-info #expand-detail { display: none; } .film-info .expand-wrapper { display: none; } .film-info .expand-detail-label span::before { content: '\f078'; font-family: 'FontAwesome'; font-size: 75%; position: absolute; right: 2.5em; } .film-info .expand-detail-label span { display: flex; border-radius: 5em; justify-content: center; align-items: center; margin: 25px auto 0; cursor: pointer; background: #f4f4f4; color: #515151; width: 23em; max-width: 100%; height: 4em; font-size: 85%; position: relative; } .film-info #expand-detail:checked ~.expand-wrapper { display: block; } .film-info #expand-detail:checked ~.expand-detail-label { display: none; } .film-info .expand-detail-label span:hover { opacity: .8; } .film-info .feed-headtitle { margin: 60px 0 -15px; } @media (max-width: 767px) { .film-info .film-title { font-size: 155%; } .film-info .feed-headtitle { margin-bottom: 0; } } /* 記事内css調整 */ .font-color-center{ display: block; text-align: center; } /* 目次番号改行 bug workaround */ .article .toc-item::before { white-space:nowrap; } /* あわせて読みたい */ .lbox[data-lbox="more-content"] { position: relative; padding-top: 1.8em; } .lbox[data-lbox="more-content"]::before { content: "\f016\00a0\00a0あわせて読みたい"; background: #333; color: #fff; position: absolute; top: 0; padding: 0.75em 2em; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 80%; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lbox[data-lbox="more-content"] .lbox-child { /* padding: 0; */ border: 3px solid #333; } .lbox[data-lbox="more-content"] .cite-box>a {border: none;} @media (max-width: 767px){ .lbox[data-lbox="more-content"] .cite-box .thumb {float: none;width: 100%;} .lbox[data-lbox="more-content"] .cite-box:not(.text-full) .thumb+.description {position:relative;padding: 1em 0 0;} .lbox[data-lbox="more-content"] .cite-box:not(.text-full) .description>.container p {display: none;} } /* ディズニープラス用ボタン */ .disney-btn { max-width:550px; height:55px; line-height:55px; margin: 0 auto; } .disney-btn a { display:block; width:100%; height:100%; text-decoration: none!important; background:#000; text-align:center; color:#fff!important; font-size:22px; font-weight:bold; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; } .disney-btn a:hover{ background:#000; color:#ffa500!important; margin-left:0px; margin-top:0px; box-shadow:none; } @media (max-width: 550px) { .disney-btn a { font-size: 90%; padding: 0 1.5em; } } ]]> ドラマ「オビ＝ワン・ケノービ」で注目度UPのユアン・マクレガーの復刻号発売中！ /*** combinestatic: generated:dinoportal_base_bottom.js ***/ /*** combinestatic: from:lib/js/modernizr-2.6.2.min.js ***/ ;window.Modernizr=(function(window,document,undefined){var version='2.6.2',Modernizr={},enableClasses=true,docElement=document.documentElement,mod='modernizr',modElem=document.createElement(mod),mStyle=modElem.style,inputElem=document.createElement('input'),smile=":)",toString={}.toString,prefixes=" -webkit- -moz- -o- -ms- ".split(' '),omPrefixes="Webkit Moz O ms",cssomPrefixes=omPrefixes.split(' '),domPrefixes=omPrefixes.toLowerCase().split(' '),ns={'svg':'http://www.w3.org/2000/svg'},tests={},inputs={},attrs={},classes=[],slice=classes.slice,featureName,injectElementWithStyles=function(rule,callback,nodes,testnames){var style,ret,node,docOverflow,div=document.createElement('div'),body=document.body,fakeBody=body||document.createElement('body');if(parseInt(nodes,10)){while(nodes--){node=document.createElement('div');node.id=testnames?testnames[nodes]:mod+(nodes+1);div.appendChild(node);}} style=['­','',rule,''].join('');div.id=mod;(body?div:fakeBody).innerHTML+=style;fakeBody.appendChild(div);if(!body){fakeBody.style.background='';fakeBody.style.overflow='hidden';docOverflow=docElement.style.overflow;docElement.style.overflow='hidden';docElement.appendChild(fakeBody);} ret=callback(div,rule);if(!body){fakeBody.parentNode.removeChild(fakeBody);docElement.style.overflow=docOverflow;}else{div.parentNode.removeChild(div);} return!!ret;},testMediaQuery=function(mq){var matchMedia=window.matchMedia||window.msMatchMedia;if(matchMedia){return matchMedia(mq).matches;} var bool;injectElementWithStyles('@media '+mq+' { #'+mod+' { position: absolute; } }',function(node){bool=(window.getComputedStyle?getComputedStyle(node,null):node.currentStyle)['position']=='absolute';});return bool;},isEventSupported=(function(){var TAGNAMES={'select':'input','change':'input','submit':'form','reset':'form','error':'img','load':'img','abort':'img'};function isEventSupported(eventName,element){element=element||document.createElement(TAGNAMES[eventName]||'div');eventName="on"+eventName;var isSupported=eventName in element;if(!isSupported){if(!element.setAttribute){element=document.createElement('div');} if(element.setAttribute&&element.removeAttribute){element.setAttribute(eventName,'');isSupported=is(element[eventName],'function');if(!is(element[eventName],'undefined')){element[eventName]=undefined;} element.removeAttribute(eventName);}} element=null;return isSupported;} return isEventSupported;})(),_hasOwnProperty=({}).hasOwnProperty,hasOwnProp;if(!is(_hasOwnProperty,'undefined')&&!is(_hasOwnProperty.call,'undefined')){hasOwnProp=function(object,property){return _hasOwnProperty.call(object,property);};} else{hasOwnProp=function(object,property){return((property in object)&&is(object.constructor.prototype[property],'undefined'));};} if(!Function.prototype.bind){Function.prototype.bind=function bind(that){var target=this;if(typeof target!="function"){throw new TypeError();} var args=slice.call(arguments,1),bound=function(){if(this instanceof bound){var F=function(){};F.prototype=target.prototype;var self=new F();var result=target.apply(self,args.concat(slice.call(arguments)));if(Object(result)===result){return result;} return self;}else{return target.apply(that,args.concat(slice.call(arguments)));}};return bound;};} function setCss(str){mStyle.cssText=str;} function setCssAll(str1,str2){return setCss(prefixes.join(str1+';')+(str2||''));} function is(obj,type){return typeof obj===type;} function contains(str,substr){return!!~(''+str).indexOf(substr);} function testProps(props,prefixed){for(var i in props){var prop=props[i];if(!contains(prop,"-")&&mStyle[prop]!==undefined){return prefixed=='pfx'?prop:true;}} return false;} function testDOMProps(props,obj,elem){for(var i in props){var item=obj[props[i]];if(item!==undefined){if(elem===false)return props[i];if(is(item,'function')){return item.bind(elem||obj);} return item;}} return false;} function testPropsAll(prop,prefixed,elem){var ucProp=prop.charAt(0).toUpperCase()+prop.slice(1),props=(prop+' '+cssomPrefixes.join(ucProp+' ')+ucProp).split(' ');if(is(prefixed,"string")||is(prefixed,"undefined")){return testProps(props,prefixed);}else{props=(prop+' '+(domPrefixes).join(ucProp+' ')+ucProp).split(' ');return testDOMProps(props,prefixed,elem);}}tests['flexbox']=function(){return testPropsAll('flexWrap');};tests['canvas']=function(){var elem=document.createElement('canvas');return!!(elem.getContext&&elem.getContext('2d'));};tests['canvastext']=function(){return!!(Modernizr['canvas']&&is(document.createElement('canvas').getContext('2d').fillText,'function'));};tests['webgl']=function(){return!!window.WebGLRenderingContext;};tests['touch']=function(){var bool;if(('ontouchstart'in window)||window.DocumentTouch&&document instanceof DocumentTouch){bool=true;}else{injectElementWithStyles(['@media (',prefixes.join('touch-enabled),('),mod,')','{#modernizr{top:9px;position:absolute}}'].join(''),function(node){bool=node.offsetTop===9;});} return bool;};tests['geolocation']=function(){return'geolocation'in navigator;};tests['postmessage']=function(){return!!window.postMessage;};tests['websqldatabase']=function(){return!!window.openDatabase;};tests['indexedDB']=function(){return!!testPropsAll("indexedDB",window);};tests['hashchange']=function(){return isEventSupported('hashchange',window)&&(document.documentMode===undefined||document.documentMode>7);};tests['history']=function(){return!!(window.history&&history.pushState);};tests['draganddrop']=function(){var div=document.createElement('div');return('draggable'in div)||('ondragstart'in div&&'ondrop'in div);};tests['websockets']=function(){return'WebSocket'in window||'MozWebSocket'in window;};tests['rgba']=function(){setCss('background-color:rgba(150,255,150,.5)');return contains(mStyle.backgroundColor,'rgba');};tests['hsla']=function(){setCss('background-color:hsla(120,40%,100%,.5)');return contains(mStyle.backgroundColor,'rgba')||contains(mStyle.backgroundColor,'hsla');};tests['multiplebgs']=function(){setCss('background:url(https://),url(https://),red url(https://)');return(/(url\s*\(.*?){3}/).test(mStyle.background);};tests['backgroundsize']=function(){return testPropsAll('backgroundSize');};tests['borderimage']=function(){return testPropsAll('borderImage');};tests['borderradius']=function(){return testPropsAll('borderRadius');};tests['boxshadow']=function(){return testPropsAll('boxShadow');};tests['textshadow']=function(){return document.createElement('div').style.textShadow==='';};tests['opacity']=function(){setCssAll('opacity:.55');return(/^0.55$/).test(mStyle.opacity);};tests['cssanimations']=function(){return testPropsAll('animationName');};tests['csscolumns']=function(){return testPropsAll('columnCount');};tests['cssgradients']=function(){var str1='background-image:',str2='gradient(linear,left top,right bottom,from(#9f9),to(white));',str3='linear-gradient(left top,#9f9, white);';setCss((str1+'-webkit- '.split(' ').join(str2+str1)+ prefixes.join(str3+str1)).slice(0,-str1.length));return contains(mStyle.backgroundImage,'gradient');};tests['cssreflections']=function(){return testPropsAll('boxReflect');};tests['csstransforms']=function(){return!!testPropsAll('transform');};tests['csstransforms3d']=function(){var ret=!!testPropsAll('perspective');if(ret&&'webkitPerspective'in docElement.style){injectElementWithStyles('@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}',function(node,rule){ret=node.offsetLeft===9&&node.offsetHeight===3;});} return ret;};tests['csstransitions']=function(){return testPropsAll('transition');};tests['fontface']=function(){var bool;injectElementWithStyles('@font-face {font-family:"font";src:url("https://")}',function(node,rule){var style=document.getElementById('smodernizr'),sheet=style.sheet||style.styleSheet,cssText=sheet?(sheet.cssRules&&sheet.cssRules[0]?sheet.cssRules[0].cssText:sheet.cssText||''):'';bool=/src/i.test(cssText)&&cssText.indexOf(rule.split(' ')[0])===0;});return bool;};tests['generatedcontent']=function(){var bool;injectElementWithStyles(['#',mod,'{font:0/0 a}#',mod,':after{content:"',smile,'";visibility:hidden;font:3px/1 a}'].join(''),function(node){bool=node.offsetHeight>=3;});return bool;};tests['video']=function(){var elem=document.createElement('video'),bool=false;try{if(bool=!!elem.canPlayType){bool=new Boolean(bool);bool.ogg=elem.canPlayType('video/ogg; codecs="theora"').replace(/^no$/,'');bool.h264=elem.canPlayType('video/mp4; codecs="avc1.42E01E"').replace(/^no$/,'');bool.webm=elem.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,'');}}catch(e){} return bool;};tests['audio']=function(){var elem=document.createElement('audio'),bool=false;try{if(bool=!!elem.canPlayType){bool=new Boolean(bool);bool.ogg=elem.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,'');bool.mp3=elem.canPlayType('audio/mpeg;').replace(/^no$/,'');bool.wav=elem.canPlayType('audio/wav; codecs="1"').replace(/^no$/,'');bool.m4a=(elem.canPlayType('audio/x-m4a;')||elem.canPlayType('audio/aac;')).replace(/^no$/,'');}}catch(e){} return bool;};tests['localstorage']=function(){try{localStorage.setItem(mod,mod);localStorage.removeItem(mod);return true;}catch(e){return false;}};tests['sessionstorage']=function(){try{sessionStorage.setItem(mod,mod);sessionStorage.removeItem(mod);return true;}catch(e){return false;}};tests['webworkers']=function(){return!!window.Worker;};tests['applicationcache']=function(){return!!window.applicationCache;};tests['svg']=function(){return!!document.createElementNS&&!!document.createElementNS(ns.svg,'svg').createSVGRect;};tests['inlinesvg']=function(){var div=document.createElement('div');div.innerHTML='';return(div.firstChild&&div.firstChild.namespaceURI)==ns.svg;};tests['smil']=function(){return!!document.createElementNS&&/SVGAnimate/.test(toString.call(document.createElementNS(ns.svg,'animate')));};tests['svgclippaths']=function(){return!!document.createElementNS&&/SVGClipPath/.test(toString.call(document.createElementNS(ns.svg,'clipPath')));};function webforms(){Modernizr['input']=(function(props){for(var i=0,len=props.length;i input[name^=carousel-]:nth-of-type('+(i+1)+'):checked ~ .carousel-contents {','-webkit-transform:translate3d('+(-1)*(i*content_percent)+'%,0,0);','transform:translateX('+(-1)*(i*content_percent)+'%);','}'].join('\n'));});styles.push(syncSelectors.join(',\n')+' { -moz-opacity:1; opacity:1 }');styles.push(['#'+top_id+'.carousel > input[name^='+top_id+'-]:first-of-type:checked',' ~ .carousel-contents.loop-forward > .carousel-content:first-child {','-webkit-transform:translate3d('+(contents_cnt*100)+'%,0,0);','transform:translateX('+(contents_cnt*100)+'%);','}','#'+top_id+'.carousel > input[name^='+top_id+'-]:first-of-type:checked',' ~ .carousel-contents.loop-forward {','-webkit-transform:translate3d(-100%,0,0);','transform:translateX(-100%);','}','#'+top_id+'.carousel > input[name^='+top_id+'-]:last-of-type:checked',' ~ .carousel-contents.loop-backward > .carousel-content:last-child {','-webkit-transform:translate3d('+(-1)*(contents_cnt*100)+'%,0,0);','transform:translateX('+(-1)*(contents_cnt*100)+'%);','}','#'+top_id+'.carousel > input[name^='+top_id+'-]:last-of-type:checked',' ~ .carousel-contents.loop-backward {','-webkit-transform:translate3d('+content_percent+'%,0,0);','transform:translateX('+content_percent+'%);','}',].join(''));$('#style-'+top_id).remove();_this.$styles=$(''+styles.join('\n')+'').attr('id','style-'+top_id).appendTo(_this.$top);this.initEvents();return true;},initEvents:function(){var _this=this,top_id=_this.$top.attr('id');var is_tap=false;_this.$top.find('label[for^='+top_id+'-]').on('touchstart.carousel',function(ev){is_tap=true;}).on('touchmove.carousel',function(ev){is_tap=false;}).on('touchend.carousel',function(ev){if(is_tap){ev.preventDefault();var $input=$('#'+$(this).attr('for'));$input.trigger('click',['from_touchend']);$input.one('click',function(ev,from){if(from=='from_touchend'){$(this).one('click',function(ev){ev.preventDefault();ev.stopPropagation();});}else{ev.preventDefault();ev.stopPropagation();}});}else{}});var _t_restart=null;_this.$top.find('label[for^='+top_id+'-]').on('touchstart.carousel_h click.carousel_h',function(ev){_this.restartanim(10000);});_this.$top.on('mouseenter',function(ev){_this.stopanim();}).on('mouseleave',function(ev){_this.restartanim(1000);});var s=null,sdx=0;var dx=0,odx=0,dt,odt;_this.$contents.find('*').on('dragstart.carousel',function(ev){ev.preventDefault();});_this.$contents.on('touchstart.carousel mousedown.carousel',function(ev){var t=ev.originalEvent.touches?ev.originalEvent.touches[0]:ev;s={sx:t.pageX,sy:t.pageY};sdx=parseInt(_this.$contents.css(TRANSFORM).split(',')[4],10);_this.$contents.addClass('touching');}).on('touchmove.carousel mousemove.carousel',function(ev){if(s){var t=ev.originalEvent.touches?ev.originalEvent.touches[0]:ev;s.dx=t.pageX-s.sx;s.dy=t.pageY-s.sy;odx=dx;odt=dt;dx=sdx+s.dx;_this.$contents.css('margin-left',s.dx+'px');if(Math.abs(s.dx)>100){_this.$contents.removeClass('touching');_this.stopanim();if(s.dx1){console.error('assureUniqId:duplicated id is found:'+org_id,$ids);$(this).attr('data-duplicated-id',org_id);}else{return;}} $(this).attr('id',prefix+$.generateUUID4(62));});},});$.extend({toBase:function(num,base){var chars,type=$.type(base),use_chars=false;if(type=='number'){chars="01234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";}else if(type=='string'){chars=base;base=chars.length;use_chars=true;}else{throw new Error('invalid base (number or string):'+base);} if(baseLAST_ST;SCROLLING_UP=STTHRESHOLD){if(_o.anim.direction=='down'||_o.anim.direction=='right'){to_next=[to_prev,to_prev=to_next][0];} to_next&&_o.toNext(true);to_prev&&_o.toPrev(true);_o=null;}}).on('mouseup.carousel2 touchend.carousel2',function(ev){_o=null;});$(document).on('mouseenter.carousel2 mouseleave.carousel2','.carousel2.carousel-valid',function(ev){$(this).toggleClass('hover',ev.type=='mouseenter');});function doPlayCmd($c,cmd){var stat=$c.attr('data-carousel-autoanim-stat')||'';function play(stat){$c.attr('data-carousel-autoanim-stat','playing');var intervals=($c.attr('data-carousel-autoanim')||'7000,3000').split(',');var delay=parseInt(intervals[0],10),interval=parseInt(intervals[1],10)||delay||3000,_t=$c.data('carousel-t');clearTimeout(_t);clearInterval(_t);if(stat!='pausing'){var _t=setTimeout(function(){var _t=$c.data('carousel-t');clearTimeout(_t);clearInterval(_t);if(!$c.is('.hover')&&$c.isInView()){getNextPrevLoop($c).toNext(true);} _t=setInterval(function(){if(!$c.is('.hover')&&$c.isInView()){getNextPrevLoop($c).toNext(true);}},interval);$c.data('carousel-t',_t);},delay);$c.data('carousel-t',_t);}else{_t=setInterval(function(){if(!$c.is('.hover')&&$c.isInView()){getNextPrevLoop($c).toNext(true);}},interval);$c.data('carousel-t',_t);}} function pause(stat){$c.attr('data-carousel-autoanim-stat','pausing');var _t=$c.data('carousel-t');clearTimeout(_t);clearInterval(_t);$c.removeData('carousel-t');} function stop(stat){$c.attr('data-carousel-autoanim-stat','stopped');var _t=$c.data('carousel-t');clearTimeout(_t);clearInterval(_t);$c.removeData('carousel-t');} function rewind(stat){$c.children('input[type="radio"]').removeClass('prev-checked').first().prop('checked',true).trigger('change').end().end().carousel2('reset',stat!='playing');} function noeffect(stat){} var func={'':{'play':play,'stop':stop,'pause':pause,'rewind':rewind,},'playing':{'play':noeffect,'stop':stop,'pause':pause,'rewind':rewind,},'pausing':{'play':play,'stop':stop,'pause':noeffect,'rewind':rewind,},'stopped':{'play':play,'stop':noeffect,'pause':noeffect,'rewind':rewind,}}[stat][cmd];if(func){func(stat);}else{console.error('carousel2:invalid stat and cmd:stat="+stat+":cmd='+cmd);}} $(document).on('click.carousel2','.carousel-valid [data-carousel-cmd]',function(ev){ev.preventDefault();doPlayCmd($(this).closest('.carousel-valid'),$(this).attr('data-carousel-cmd'));});var OPT={anim:'roll-horiz',autoanim:'7000,3000',duration:'500',nav:'under',navrel:true,};var ATTRS=['anim','duration','autoanim','nav','navrel'];$.fn.carousel2=function(opt,arg,args){opt=opt||{};var cmd;if($.type(opt)!='object'){cmd=opt;opt=null;} return $(this).each(function(){var $c=$(this);if(cmd){console.log('carousel2():cmd:'+cmd,$c);if(['play','stop','pause','rewind'].indexOf(cmd)>=0){doPlayCmd($c,cmd);}else if(cmd=='destroy'||cmd=='reset'){$c.carousel2('stop').removeClass('carousel-valid hover prevent-anim prevent-anim-rev anim-rev').removeAttr('data-carouse-autoanim-stat').addClass('prevent-anim').find('>input[type="radio"]').removeClass('prev-checked').first().prop('checked',true).trigger('change').end().end();if(cmd=='reset'){setTimeout(function(){$c.carousel2();if(arg&&!$c.is('[data-carousel-autoanim="none"]')){setTimeout(function(){$c.carousel2('pause');});}});}}else if(cmd=='next'){getNextPrevLoop($c).toNext();}else if(cmd=='prev'){getNextPrevLoop($c).toPrev();}else if(cmd=='settings'){if($.type(arg)=='string'){arg={arg:arg2};}}else if(cmd=='connectsettings'){if($.type(arg)=='string'){arg={arg:arg2};} console.log('carousel2():connectsettings:',$c[0]);$.each(arg,function(attr,$input){if(!ATTRS.indexOf(attr)=0){console.log('carousel2():connectsettings:$input is already connected to .carousel2',$input[0],$c[0]);return;} connected.push($c[0]);$input.data('caroselsetting',connected);$input.on('change.carousel2setting',function(ev){$c.attr('data-carousel-'+attr,$(this).val()).carousel2('reset');var attrs={};$.each(ATTRS,function(attr,val){attrs[attr]=val;});$c.addClass('setting-changed').trigger('changesetting',[attrs]);setTimeout(function(){$c.removeClass('setting-changed');},1000);}).on('focus blur',function(ev){var is_focus=(ev.type=='focus'),$this=$(this),target_selector={anim:'.carousel-contents',duration:'.carousel-contents',autoanim:'.carousel-contents',nav:'.carousel-nav',navrel:'.carousel-nav-rel .carousel-nav-prev, .carousel-nav-rel .carousel-nav-next',}[attr];$c.toggleClass('setting-focused',is_focus);if(target_selector){$c.find(target_selector).toggleClass('setting-focused',is_focus);}});});}else{console.error('carousel2():invalid cmd:'+cmd);}}else{if($c.is('.carousel-invalid')){return;} var _opt=$.extend({},OPT,opt);Object.keys(OPT).forEach(function(key){var opt_attr=$c.attr('data-carousel-'+key);if(opt_attr!==undefined){_opt[key]=opt_attr;}});var $contents=$c.children('.carousel-contents'),$content=$contents.children('.carousel-content'),$nav=$contents.next('.carousel-nav'),$navrel=$contents.children('.carousel-nav-rel');function hasValidStructure(){return $content.length>=2;} if(!hasValidStructure()){console.error('.carousel2 is not valid structure',$c);$c.addClass('carousel-invalid');return;} $c.addClass('carousel-valid').addClass('prevent-anim').assureUniqId('carousel-').children('.carousel-contents').spaceless();var cid=$c.attr('id');console.log('$.carousel2():init:',_opt,$c);var _waits_d=$.Deferred(),_waits_l=0,$waits=$c.find('img[src]:visible').filter(function(){var has_size=!!($(this).height());if(!has_size){_waits_l++;return true;} return false;}).on('load error',function(ev){_waits_l--;if(_waits_l==0){_waits_d.resolve('all images are loaded');}});if(!_waits_l){_waits_d.resolve('all images are already loaded');}else{$c.addClass('carousel-loading');_waits_d.then(function(){$c.removeClass('carousel-loading');});setTimeout(function(){_waits_d.resolve('timeout');},5000);} if($content.length>=min_dynamic_css_contents_num){max_dynamic_css_contents_num=$content.length;makeDynamicCssForContents(min_dynamic_css_contents_num,max_dynamic_css_contents_num);min_dynamic_css_contents_num=max_dynamic_css_contents_num+1;} $('#style-'+cid+'-duration').remove();if(parseInt(duration,10)!=500){$('').attr('id','style-'+cid+'-duration').html('#'+cid+' > .carousel-contents > .carousel-content { animation-duration:'+_opt.duration+'ms; ').appendTo('head');} var $i=$c.children('input[type="radio"]');if(!_opt.nav){$nav.remove();}else{if(!($nav[0])){$nav=$('').insertAfter($contents);} if(!($nav.children('.carousel-nav-manip')[0])){$('').appendTo($nav);}} if(!_opt.navrel){$navrel.remove();}else if(!($navrel[0])){$navrel=$('').appendTo($contents);} var checked_idx=Math.max(0,$i.index($i.filter(':checked')));$i.remove();$i=$();$nav.children('label').remove();for(var i=$contents.children('.carousel-content').length;i;i--){var rid=cid+'-radio-'+i;$i=$i.add($('').attr({id:rid,name:cid+'-radio'}).css({position:'absolute',zIndex:-1,width:'1px',height:'1px',overflow:'hidden',opacity:0,}).prependTo($c));$('').attr('for',rid).prependTo($nav);} var duration=$c.attr('data-carousel-anim-duration');if(duration){$('').attr('id','style-duration-'+cid).html('#'+cid+' .carousel-content { animation-duration:'+duration+'ms; }').appendTo('head');}else{$('#style-duration-'+cid).remove();} $i.one('change',function(){$c.removeClass('prevent-anim');});$i[checked_idx].checked=true;if(_opt.autoanim!='none'){_waits_d.then(function(res){console.log('carousel2:auto animation start:'+res);$c.carousel2('play');});}}});};var min_dynamic_css_contents_num=13,max_dynamic_css_contents_num=20,tmpls,_template_loading_d;if(!window._jquery_carousel2_tmpls){window_jquery_carousel2_tmpls="loading";_template_loading_d=$.Deferred();$('script[src]').filter(function(){return $(this).attr('src').indexOf('/jquery-carousel.js')>=0}).each(function(){var url=$(this).attr('src').replace('/jquery-carousel.js','/jquery-carousel.css');$.ajax({type:'get',url:url,dataType:'text'}).then(function(res){if(res.substring(0,'.this-is-carousel2-stylesheet'.length)!='.this-is-carousel2-stylesheet'){return;} window._jquery_carousel2_tmpls=res.match(/\.carousel-template ([\u0000-\uffff]+?){([\u0000-\uffff]+?)}/mg).map(function(tmpl){tmpl=tmpl.match(/^\.carousel-template ([\u0000-\uffff]+?){([\u0000-\uffff]+?)}$/m);tmpl.shift();return tmpl;});_template_loading_d.resolve();});});} function makeDynamicCssForContents(min_contents_num,max_contents_num){var i,l,s,r,t,c,rules=[],rules_dict={} var min_contents_num=min_contents_num==undefined?min_dynamic_css_contents_num:min_contents_num;var max_contents_num=max_contents_num==undefined?max_dynamic_css_contents_num:max_contents_num;if(!window._jquery_carousel2_tmpls||window._jquery_carousel2_tmpls=='loading'){return _template_loading_d.then(function(){makeDynamicCssForContents(min_contents_num,max_contents_num);});} var cssText=[];window._jquery_carousel2_tmpls.forEach(function(tmpl){for(var t=[],i=min_contents_num,l=max_contents_num;iLAST_ST;SCROLLING_UP=ST0&&!this.paused&&!this.ended&&this.readyState>2);}});HTMLMediaElement.prototype.fadeout=function(opts){var video=this;if(!video.playing){return;} var org_vol=video.volume;opts=$.extend({startVolume:org_vol,endVolume:0,duration:1000,steps:10,done:function(){},},opts);var vol=opts.startVolume;var delta_vol=(opts.startVolume-opts.endVolume)/opts.steps;var _t=setInterval(function(){if(vol>0){vol=vol-delta_vol;video.volume=vol;}else{clearInterval(_t);video.pause();video.volume=org_vol;opts.done.call(video);}},opts.duration/opts.steps);}} function checkVideoElement($target){$target.each(function(){var $video=$(this),video=$video[0],autoplay=$video.data('autoplay');if(autoplay){return;} $video.data('autoplay',{notinitialized:true});function startAutoPlay($video){if(stop_autoplay){return;} var player=$video[0],autoplay=$video.data('autoplay');if(!autoplay||autoplay.notinitialized){autoplay={muted:player.muted,controls:player.controls,loop:player.loop,canceled:false,cursor:$video.css('cursor')};$video.data('autoplay',autoplay);} if(!autoplay.canceled){player.muted=true;player.controls=false;$video.css('cursor','pointer');$video.data('autoplay',autoplay);if(allow_autoplay){player.play();}else{makeAutoplayGif($video,function($video){var autoplay=$video.data('autoplay'),video=$video[0];video.currentTime=0;video.muted=autoplay.muted;video.controls=autoplay.controls;video.play();autoplay.canceled=true;$video.data('autoplay',autoplay);});}}} function stopAutoPlay($video,cue,clear_autoplay){if(stop_autoplay){return;} var player=$video[0],autoplay=$video.data('autoplay');if(allow_autoplay){player.pause();} player.muted=autoplay.muted;if(cue){player.currentTime=0;} if(clear_autoplay){player.controls=autoplay.controls;$video.css('cursor',autoplay.cursor);player.loop=autoplay.loop;autoplay.canceled=true;$video.data('autoplay',autoplay);}} $video.on('click.autoplaying',function(ev){var $video=$(this),autoplay=$video.data('autoplay'),video=$video[0];if(autoplay&&!autoplay.canceled&&$video.isInView()){stopAutoPlay($video,true,true);video.play();}}).on('ended.autoplaying',function(ev){var $video=$(this),autoplay=$video.data('autoplay'),video=$video[0];if(autoplay.loop&&!autoplay.canceled&&$video.isInView()){video.currentTime=0;video.play();}}).on('scrolledintoview',function(ev){var $video=$(this),autoplay=$video.data('autoplay'),video=$video[0];if(!autoplay||!autoplay.canceled){startAutoPlay($video);}}).on('scrolledoutofview',function(ev){var $video=$(this),autoplay=$video.data('autoplay'),video=$video[0];if(video.playing){if(video.muted){$video[0].pause();}else{$video[0].fadeout({done:function(){}});}}});if($video.isInView()){startAutoPlay($video);}});} var YT_ST_REV={};function correctYoutubeIframeParams($target){$target.each(function(){var $ifr=$(this),src=$ifr.attr('src'),src=src.split('?'),params=parseQuery(src[1]);params.origin=location.href.match(/^https?:\/\/[^\/]+/)[0];params.playsinline=1;params.modestbranding=1;$ifr.attr('src',src[0]+'?'+buildQuery(params));})} correctYoutubeIframeParams($('iframe[src*="youtube.com/embed"]')) function checkYouTubeIframe($target){function startAutoPlay($ifr){if(stop_autoplay){return;} var autoplay=$ifr.data('autoplay');var player=$ifr.data('ytplayer');if(!autoplay){autoplay={muted:allow_autoplay&&player.isMuted(),canceled:false,qs:$ifr.data('org_qs'),params:$ifr.data('org_params'),};$ifr.data('autoplay',autoplay);} if(!autoplay.canceled){if(allow_autoplay){player.mute();player.playVideo();}else{makeAutoplayGif($ifr,function($ifr){var player=$ifr.data('ytplayer');var autoplay=$ifr.data('autoplay');autoplay.canceled=true;$ifr.data('autoplay',autoplay);if(allow_autoplay){player.seekTo(0);if(!autoplay.muted){player.unMute();} console.log('YouTube:playVideo()',$ifr);player.playVideo();}});}}} function stopAutoPlay($ifr,cue,clear_autoplay){if(stop_autoplay){return;} var autoplay=$ifr.data('autoplay');var player=$ifr.data('ytplayer');if(allow_autoplay){if(cue){player.seekTo(0);} player.pauseVideo();if(!autoplay.muted){player.unMute();}} if(clear_autoplay){autoplay.canceled=true;$ifr.data('autoplay',autoplay);}} function onReady(player,$ifr){$ifr.data('ytplayer',player).on('scrolledintoview',function(){var $ifr=$(this),autoplay=$ifr.data('autoplay');var player=$ifr.data('ytplayer');if(!autoplay||!autoplay.canceled){var s=player.getPlayerState&&player.getPlayerState();if(!allow_autoplay||s===YT.PlayerState.UNSTARTED||s===YT.PlayerState.BUFFERING||s===YT.PlayerState.CUED||s===YT.PlayerState.PAUSED){startAutoPlay($ifr);}}}).on('scrolledoutofview',function(){var $ifr=$(this),autoplay=$ifr.data('autoplay');var player=$ifr.data('ytplayer');var s=player.getPlayerState&&player.getPlayerState();if(s==YT.PlayerState.PLAYING){if(allow_autoplay){if(player.isMuted()){player.pauseVideo();}else{ytplayerFadeoutVideo(player);}}}});if($ifr.isInView()){startAutoPlay($ifr);}} $target.each(function(){var $ifr=$(this),src=$ifr.attr('src');var player=$ifr.data('ytplayer');if(player){}else{if(src.indexOf(location.protocol)!=0){console.log('checkYouTubeIframe:bad protocol. waiting:'+src);return;} console.log('checkYouTubeIframe:process:'+src);var m=src.match(/\/embed\/(.+?)(\?(.+?))?$/);var video_id=m[1],qs=m[3]||'',params;params=parseQuery(qs);if(params.loop=='1'&&!params.playlist){params.playlist=video_id;} delete params.autoplay;params.enablejsapi='1';params.origin=location.href.split("https://screenonline.jp/").splice(0,3).join("https://screenonline.jp/");params.playsinline=1;params.modestbranding=1;var org_params=$.extend({},params);var org_qs=buildQuery(org_params);$ifr.data('org_qs',org_qs);$ifr.data('org_params',org_params);params.loop='1';qs=buildQuery(params);src=src.replace(/^https?:/,location.protocol).replace(/\/embed\/([^\?]+)(\?.*)?$/,'/embed/$1?') +qs;console.log('checkYouTubeIframe:processed:'+src);if(!allow_autoplay){console.log('dummy YTPlayer');player={not_allow_autoplay:true,getIframe:function(){return $ifr;},};setTimeout(function(){onReady(player,$ifr);},10);}else{var cnt=0;player={initializing:true,getIframe:function(){return $ifr;},};$ifr.attr('src',src).on('load',function(){var $ifr=$(this),ifr_id=$ifr.attr('id')||('ifr-yt-'+cnt);$ifr.attr('id',ifr_id) console.log('youtube iframe',this);player=new YT.Player(ifr_id,{events:{onReady:function(ev){var player=ev.target;var $ifr=$(ev.target.getIframe());console.log('youtube Player onReady',$ifr[0]);return onReady(player,$ifr);},onStateChange:function(ev){var player=ev.target,s=ev.data,$ifr=$(player.getIframe()),autoplay=$ifr.data('autoplay');if(autoplay&&!autoplay.canceled&&$ifr.isInView()){if(s==YT.PlayerState.PAUSED){stopAutoPlay($ifr,true,true);setTimeout(function(){allow_autoplay&&player.playVideo();},10);}else if(s==YT.PlayerState.ENDED){if(autoplay.params.loop!='1'){allow_autoplay&&player.seekTo(0);}}}},onError:function(ev){console.error('YoutubeIframe:error:',ev.data);},}});$ifr.data('ytplayer',player);});} $ifr.data('ytplayer',player);} if(!player){console.error('cannot get ytplayer',$ifr[0]);return;}});} function ytplayerFadeoutVideo(player,opts){if(player.getPlayerState()!=YT.PlayerState.PLAYING){return;} var org_vol=player.getVolume();opts=$.extend({startVolume:org_vol,endVolume:0,duration:1000,steps:10,done:function(){},},opts);var vol=opts.startVolume;var delta_vol=(opts.startVolume-opts.endVolume)/opts.steps;var _t=setInterval(function(){if(vol>0){vol=vol-delta_vol;player.setVolume(vol);}else{clearInterval(_t);player.pauseVideo();player.setVolume(org_vol);opts.done.call(player);}},opts.duration/opts.steps);} function fadeoutVimeo(player,opts){var player=this;if(!player.playing){return;} player.api('getVolume',function(org_vol){opts=$.extend({startVolume:org_vol,endVolume:0,duration:1000,steps:10,done:function(){},},opts);var vol=opts.startVolume;var delta_vol=(opts.startVolume-opts.endVolume)/opts.steps;var _t=setInterval(function(){if(vol>0){vol=vol-delta_vol;player.api('setVolume',vol);}else{clearInterval(_t);player.api('pause');player.api('setVolume',org_vol);opts.done.call(player);}},opts.duration/opts.steps);});} var vimeo_cnt=0;$(document).one('scrolledintoview',VIMEO_SELECTOR,function(){if(!window.$f){$('').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){if(settings.type=='POST'){xhr.setRequestHeader('X-CSRFToken',$.cookie('csrftoken'));} if(_NO_CACHE){if(settings.url.indexOf('_no_cache=")0){_autoshow_t=setTimeout(function(){_autoshow_t=null;$notifies_box.find('.user-notify:not(.user-read) .user-notify-overview').addClass('opened');showNotifies(true);},2000);}} function clearUnread(){$toggle.removeClass('has-unread');$.cookie(cookie_name,new Date().getTime(),{path:data.cookie_path,expires:'never',});} function showNotifies(is_auto){var is_shown=$notifies_box.is('.shown');if(!is_shown){var rect=$toggle[0].getBoundingClientRect();$.setStyle('#user-notifies.shown > .user-notifies-content { margin-top:'+(rect.bottom+5)+'px; }','style-notifies').appendTo('body');$notifies_box.addClass('shown');$toggle.addClass('shown');if(is_auto){$notifies_box.addClass('auto-shown');}else{$notifies_box.removeClass('auto-shown');} if(is_auto){_autohide_t=setTimeout(function(){if(data.auto_clear_unread){clearUnread();} hideNotifies();},7000);}}else{$notifies_box.removeClass('shown');$toggle.removeClass('shown');}} function hideNotifies(){$notifies_box.removeClass('shown').removeClass('auto-shown');} $toggle.on('click',function(ev){ev.preventDefault();ev.stopPropagation();showNotifies();clearTimeout(_autohide_t);setTimeout(clearUnread,100);});$notifies_box.one('mouseenter',function(ev){console.log('mouseenter notfies_box');clearTimeout(_autohide_t);if(data.auto_clear_unread){clearUnread();}}).on('click',function(ev){ev.stopPropagation();clearUnread();}).on('click','.user-notify.has-detail > .user-notify-overview',function(ev){ev.preventDefault();$(this).toggleClass('opened');});$('#user-notifies-close').on('click',function(ev){ev.preventDefault();ev.stopPropagation();$notifies_box.removeClass('shown');$toggle.removeClass('shown');clearUnread();});$(document).on('click',function(ev){$notifies_box.removeClass('shown');$toggle.removeClass('shown');});$(document).on('addnotifies',function(ev,notifies,user_key,user_read_at){console.log('addnotifies',arguments);if(user_key){cookie_name=RSNTFY_COOKIE_NAME+(user_key||'');} if(user_read_at){var user_read_dt=new Date(user_read_at);if(isNaN(user_read_dt)){console.error('addnotifies:invalid user_read_at:'+user_read_at);}else{$.cookie(cookie_name,user_read_dt.getTime());checkUserReadAt();}} notifies.forEach(function(notify){addNotify(notify);});sortNotifies();});}); クレジットソースリンク
