特徴

日本盤のみの特典も!『アメリカン・ユートピア』12月にブルーレイ&DVDリリース決定 – SCREEN ONLINE(スクリーンオンライン)

* {
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 {
padding: .6em .8em;
display: block;
}
ul.widget-tags-list > li:hover {

}
ul.widget-tags-list > li:hover > a {
text-decoration: none;
}

.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;
}

/* 記事内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: “f0160a00a0あわせて読みたい”;
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;}
}
]]>

リヴァー・フェニックス特別編集の復刻本がついに発売!色褪せることのない輝きが甦る!!

‘).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=’)

Source Link

もっと見せる

関連記事

Close
Close