* {
top: 0;
}
#header-right > a {
width: auto;
position: absolute;
padding: 0px 16px;
font-size: 1.5em;
line-height: 1;
}
a#menu-icon {
left: 0;
}
a#search-icon {
right: 0;
}
#header-sns-icon {
position: absolute;
right: calc(1em + 16px * 3);
display: flex;
}
#header-sns-icon>a {
display: block;
}
#header-sns-icon .fa {
padding: 0px 16px;
font-size: 1.65em;
line-height: 1;
}
#header-menu {
display: flex;
align-items: center;
width: 100%;
font-size: 13.5px;
background: #eee;
}
#header-menu>* {
height: auto;
}
#header-menu .nav-scroll {
display: flex;
align-items: center;
padding: 6px 15px;
margin: 0 auto;
}
@media (min-width: 768px) {
#header-menu {
width: 100vw;
margin: 0 calc(50% – 50vw);
}
#header-menu .nav-scroll {
justify-content: center;
max-width: 1078px;
margin: 0 auto;
}
}
#header-menu .nav-scroll a {
line-height: 1;
padding: .65em .5em .63em;
border-radius: 2em;
transition: .2s;
}
#header-menu .nav-scroll a + a {
margin-left: .3em;
}
#header-menu .nav-scroll a.active {
background: #000;
color: #fff;
padding: .65em 1.2em .63em;
}
#header-menu .nav-scroll a:hover {
background: #000;
color: #fff;
padding: .65em 1.2em .63em;
}
#header-menu .nav-scroll a[target=”_blank”] span::after {
content: ‘\f08e’;
font-family: ‘FontAwesome’;
display: inline-block;
padding-left: .5em;
}
#header-container, .spiral-header-container {
height: auto;
}
#main {
padding-top: 177px!important;
}
@media (max-width: 767px) {
#header-right {
top: calc(97px / 2 – 1em);
}
#header.slide-up #header-right {
top: calc(58px / 2 – 1em + 4px);
}
#header-sns-icon { display: none; }
#header-menu {
position: relative;
padding: 0;
}
#header-menu::after {
content: ”;
display: block;
width: 40px;
height: 100%;
top: 0;
right: 0;
background: linear-gradient(90deg,hsla(0,0%,100%,0),#eee);
position: absolute;
}
#header-menu .nav-scroll {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
justify-content: flex-start;
padding-right: 25px;
}
#main {
padding-top: 145px!important;
}
}
#left-menu.opened #left-menu-container {
-webkit-transform: translateY(123px);
-moz-transform: translateY(123px);
-ms-transform: translateY(123px);
transform: translateY(123px);
}
#left-menu-container {
max-height: -webkit-calc(100vh – 123px);
max-height: calc(100vh – 123px);
}
@media (min-width: 768px) {
#left-menu-container {
right: auto;
left: calc( 100vw / 2 – 1048px / 2);
}
}
@media (max-width: 767px) {
#left-menu.opened #left-menu-container {
-webkit-transform: translateY(94px);
-moz-transform: translateY(94px);
-ms-transform: translateY(94px);
transform: translateY(94px);
}
#left-menu-container {
max-height: -webkit-calc(100vh – 94px);
max-height: calc(100vh – 94px);
}
}
/* ヘッダまわり ここまで */
/* カード型調整 */
@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;
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: ‘/’;
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;
}
#index-link {
display: block;
width: min(18em, 100%);
font-size: 85%;
padding: 0 1em;
margin: 15px auto 0;
text-align: center;
position: relative;
text-decoration: none;
transition: .3s;
}
#index-link:hover {
opacity: .7;
}
#index-link::after {
content: ‘\f105’;
font-family: fontAwesome;
margin-left: .6em;
position: absolute;
}
#expand-detail:checked ~ #index-link {
margin-top: 20px;
margin-right: 15px;
text-align: right;
}
.film-info .feed-headtitle {
margin: 60px 0 -15px;
}
.custom-feed-card-mobile-2cols .film-info .feed-headtitle {
margin: 60px 0 0;
}
@media (max-width: 767px) {
.film-info .film-title {
font-size: 155%;
}
#expand-detail:checked ~ #index-link {
margin-right: 0;
}
.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;
}
}
]]>
SCREEN ONLINEのツィターをフォローしよう！
‘).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=”)
WACOCA: People, Life, Style.