.template-name {
color:#bbb;
margin-left:1em;
margin-right:1em;
position: absolute;
right: 0;
background: rgba(255, 255, 255, 0.85)
}
.template-name +.template-name,
.template-name:nth-of-type(2) {
margin-top:1.5em;
}
.admin-dump,
.template-name {
font-size: 12px; } .has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
height: calc( 40vh - 44px );
min-height: 8em;
}
.home.has-header-image .custom-header-media img,
.home.has-header-video .custom-header-media video,
.home.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
top: -22%;
height: 50%;
}
.site-header .navigation-top .menu-scroll-down { }
.site-branding {
position: relative;
margin-bottom: 0 !important;
}
.home .site-branding {
padding: 2em 0 0 1em;
position: absolute;
bottom: 0;
margin-bottom: 0 !important;
}
.site-branding .site-description {
text-indent: 1.6em;
}
.site-branding a,
.site-branding a img {
max-width: 55px;
}
.site-header .navigation-top .menu-scroll-down {
top:-50px !important;
position: absolute;
display: block;
background: rgba(58, 145, 226, 0.5);
color: #fff;
width: 120px !important;
right: 1em;
border-radius: 3px;
text-align: center;
border: 2px solid #fff;
opacity: .7
}
.site-header .navigation-top .menu-scroll-down:before {
content: "ENTER ";
}
.site-header .navigation-top .menu-scroll-down:hover {
background: rgba(84, 153, 217, 0.8);
}
.site-header .navigation-top .menu-scroll-down {
display: none;
} .wrap,
.site-content .wrap,
.navigation-top .wrap {
max-width: 1280px;
}  .site-title,
h5,
.entry-meta,
.entry-footer .cat-links,
.entry-footer .tags-links,
entry-footer .cat-links a,
.entry-footer .tags-links a,
entry-footer .cat-links a:hover,
.entry-footer .tags-links a:hover,
.nav-subtitle,
.nav-subtitle,
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title,
.comment-metadata,
h2.widget-title,
.widget_rss .rss-date,
.widget_rss li cite,
.site-content .wp-playlist-current-item .wp-playlist-item-artist,
.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
text-transform: none ;
}  dfn,
cite,
em,
i,
blockquote,
.no-comments,
.comment-awaiting-moderation,
.wp-caption,
.gallery-caption {
font-style: normal;
}   body {
font-size: 16px;
font-size: 1rem;
}
button,
input,
select {
font-size: 12px;
font-size: 0.75rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.3
}
h1 {
font-size: 22px;
font-size: 1.375rem;
font-weight: 300;
} .single .entry-content h2 {
box-shadow: 0 2px 0 #be1919;
margin: 2em 0;
line-height: 1.5;
}
.single .entry-content h3 {
font-size: 1.25rem;
box-shadow: 0px 1px 0px #1c8e25;
}
h4 {
font-size: 1rem;
box-shadow: 0px 1px 0px #d5d9c1;
}
h5 {
font-size: 0.875rem;
letter-spacing: 0.15em;
}
.dashicons {
font-family:"dashicons";
display: inline-block;
vertical-align: middle;
}
blockquote {
background: rgba(238, 241, 244, 0.4);
border-left:6px solid #8da0b1;
border-radius: 3px;
color: #444;
font-size: 15px;
font-style:normal;
font-weight: 500;
line-height: 1.7;
margin: 1em 0 2em 0.5em;
padding: 1.5em 1em 2em 1.5em;
position: relative;
}
blockquote cite,
blockquote+cite {
bottom:12px;
bottom:0 ;
color: #777;
display:block;
font-size:11px;
font-weight:600;
line-height: 1.4;
position:absolute; height: 30px;
width: 100%;
}
cite .eyecatch_caption {
position: absolute;
bottom: 0 ;
background: rgba(191, 191, 191, 0.8);
display: block;
padding-left: .5em;
padding-right: .5em ;
}
blockquote cite:before {
content: " —— ";
font-weight: 300;
color: #bbb;
}
code,
kbd,
tt,
var {
font-size: 13px;	
}  html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3 {
font-weight: 400;
}
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
font-weight: 700;
}
sup {
font-size: 70%;
vertical-align: top;
position: relative;
top: -0.1em;
} .px11{font-size:11px;line-height: 1.25}.px12{font-size:12px;line-height: 1.3}.px13{font-size:13px;line-height: 1.5}.px14{font-size:14px}.px15{font-size:15px}.px16{font-size:16px}.px17{font-size:17px}.px18{font-size:18px}.px19{font-size:19px}.px20{font-size:20px}.px21{font-size:21px}.px22{font-size:22px}.px23{font-size:23px}.px24{font-size:24px}.px25{font-size:25px}.px26{font-size:26px}.px27{font-size:27px}.px28{font-size:28px}.px29{font-size:29px}.px30{font-size:30px}.px31{font-size:31px}.px32{font-size:32px}.px33{font-size:33px}.px34{font-size:34px}.px35{font-size:35px}.px36{font-size:36px}.px37{font-size:37px}.px38{font-size:38px}.px39{font-size:39px}.px40{font-size:40px}.px42{font-size:42px}.px44{font-size:44px}.px46{font-size:46px}.px48{font-size:48px}  .inlineblock {display: inline-block}
.block {display: block}
.hide {display: none} stylenone {list-style: none} .flol { float: left }
.flor { float: right }
.aligncenter {
text-align: center;
margin: 0 auto;
}
.mini-none {
display: none;
}
.big-none {
display: block;
} .km {
border-radius: 3px;
padding: 0.5em 1em;
border:1px solid #ccc;
display: inline-block
}
.note {
background:rgba(240, 239, 202, 0.4);
border:1px solid #eee;
border-radius: 5px;
color:#444;
font-size: 0.8em;
margin:1rem 0 1.5rem 1rem;
padding:1.2em;
}
.note2 {
background:rgba(226, 226, 216, 0.4);
border:1px solid #eee;
border-radius: 5px;
color:#555;
font-size: 0.8em;
margin:1rem 0 1.5rem 1rem;
padding:1.2em;
}
.flexbox {
display: flex;
flex-wrap: wrap;
}
.flexbox-nowrap {
display: flex;
}  .ads,
.adsens_border {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font-size: 11px;
color: #888;
padding: .5em;
margin-top: 1em;
} div.google-auto-placed.ap_container,
div.google-auto-placed {
width: 100% !important;
overflow: hidden !important;
margin:3em 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd; 
padding: 1em 0;
} .logged-in div.google-auto-placed.ap_container,
.logged-in div.google-auto-placed {
content: "自動広告";
font-size: 11px;
color: #767676;
} div.ads:before,
div.adsens_border:before,
div.google-auto-placed.ap_container:before,
div.google-auto-placed:before {
content: "広告";
font-size: 11px;
color: #767676;
margin-bottom: 1em;
} button,
input[type="button"],
input[type="submit"] {
background-color: #41576b;
}
:not( .mejs-button ) > button:hover,
:not( .mejs-button ) > button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #687ea3;
}
button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
background: #bbb;
}
select {
height: 2.2em;
}
label {
cursor: pointer;
} .entry-content ul,
.entry-content ol {
margin: 0 0 1.25em 1.25em
}
.widget ul {
margin: 0 0 0 1.25em;
}
.textwidget ul,
.widget-global ul,
.sub-navigation ul,
.entry-header ul,
.entry-footer ul,
.meta ul,
.widget_text ul,
.widget ul,
.flexbox ul {
list-style: none;
}
.widget_text ul li,
.widget_text ol li {
border-bottom: 1px solid #ddd;
padding: .5em 0;
}
.widget_text .post-filter ul li,
.widget_text .post-filter ol li {
border-bottom: 0;
border-top: 0;
}
.meta ul li {
display: inline-block;
} a {
color:#0c4e8a;
box-shadow: none;
transition: all 0.2s;
}
a:hover {
color:#2073c0;
}
a:active {
color:#172c41;
}  .entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, .1);
box-shadow: inset 0 -1px 0 rgba(15, 15, 15, .1);
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
} .entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover {
color: #2073c0;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 rgba(0, 0, 0, .1);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 rgba(0, 0, 0, .1);
transition: all .2s;
background: rgba(200, 220, 230, 0.3);
border-radius: 3px;
} .meta a,
.meta span,
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
a.button,
ul.pickup .title a,
ul.recent-diary a,
.pagination a,
.comments-pagination a,
.site-info a,
.widget form a,
.widget .widget-title a,
.widget ul li a,
.widget .buttonBox a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
} .meta a:hover,
.meta span a:hover,
.reloted-links ul li a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
a.button:hover,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
color: #2073c0;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(36, 116, 189, 0);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(36, 116, 189, 0);
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: all .2s;
background: rgba(200, 220, 230, 0.3);
border-radius: 3px;
} .entry-title a {
padding: 3px 4px;
}
.widget ul li a {
display: block;
padding: 0.5em 0.5em 0.5em 0.5em;
}
.entry-content > p > a {
padding: 2px;
} .posts-navigation a:focus,
.posts-navigation a:hover,
a:focus .nav-title,
a:hover .nav-title,
.footernavi.widget a:hover,
footer .site-info a:hover {
background: transparent !important;
border-color: transparent;
color: rgba(36, 149, 255, 1);
box-shadow: none;
}
a.more-link {
box-shadow: none;
padding: 0.3em 1.5em;
background: #f7f8f9;
border: 1px solid #f1f2f3;
border-radius: 7px;
font-size: 0.875rem;
display: block;
width: 10em;
text-align: center;
margin: 1em auto;
}
a.more-link:hover {
box-shadow: none;
border: 1px solid #cad4db;
border-radius: 7px;
} .entry-content .more-link:before {
display: none;
} .entry-content a img,
.comment-content a img,
.widget a img {
-webkit-box-shadow: rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
} a[class="external"],
.entry-content p a[target="_blank"] {
}
a[class="external"]:after,
.entry-content p a[target="_blank"]:after {
content: "\f504";
font-family: "dashicons";
color: rgba(32, 115, 192, 0.3);
font-size: 12px;
vertical-align: 2px;
margin-left: 1px;
box-shadow: none;
} a.btn,
.btn {
font-size: 12px;
font-weight: 600;
color: #fff !important;
padding: 0.75em 1.5em;
margin: 1em;
background:rgba(74, 147, 215, 0.8);
border-radius: 3px;
display: inline-block;
transition: all 0.3s;
}
a.btn2,
.btn2 {
font-size: 11px;
font-weight: 600;
color: #fff !important;
padding: 0.5em 1em;
margin: 0 .75em;
background:rgba(74, 147, 215, 0.8);
border-radius: 3px;
display: inline-block;
transition: all 0.3s;
}
a.btn:hover,
.btn:hover,
a.btn2:hover,
.btn2:hover {
color: #fff;
background:#4992d7;
}
a.btn:active,
.btn:active,
a.btn2:active,
.btn2:active {
color: #fff;
background:rgba(42, 94, 142, 1);
} img.newplus {
position: absolute;
top:-3px;
left: -11px;
filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, .3));
}
#panel1 .entry-header {
position: relative;
} .navigation-top .wrap {
padding:  0 2em;
}
.navigation-top {
font-size:12px;
font-size:0.75rem;
}
.navigation-top {
display: none;
} main.site-main {
position: relative;
} .open1 {
position: fixed;
top:2px;
right: 2px;
width: 44px;
height: 44px;
z-index: 999999;
cursor: pointer;
background: #42576b;
color: #fff;
margin: 0 0 0 auto;
text-align: center;
padding: 8px;
border-radius: 2px;
border: 1px solid rgba(255, 255, 255, 0.2);
box-sizing: border-box;
}
.open1:hover {
background: #5882a8;
}
.open1:active {
background: #152c41
}
.open1:before {
content: "\f228";
font-family: dashicons;
transition: all .3s;
}
.open1 span {
vertical-align: middle;
}
#fixed_back.opn{
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(121, 121, 121, 0.5);
z-index: 4;
cursor: pointer;
}
.open1.opn:before {
content: "\f335";
transition: all .3s;
}
#secondary {
background: #fff;
box-shadow: none;
height: 100vh;
max-width: 512px;
overflow-x: hidden;
overflow-y: auto;
padding: 0 1em 0 1em;
position: fixed;
right: -80%;
top: 0;
width: 80%;
z-index: 9;
}
#secondary.opn {
box-shadow: 0px 0px 37px black;
} .widget-global:before {
content: "Menu";
display: block;
height: 1.5em;
text-align: center;
}
.widget-global {
background: #666;
margin: -1em -1em 0 ;
}
.widget-global ul li {
padding: 0.5rem 1rem;
border-bottom: 1px solid #999;
}
.widget-global ul li a {
color: #fff;
display: block;
width: 100%;
height: 100%;
font-size: 14px;
font-size: 0.9375rem;
}
.widget-global ul li:hover {
background: #888;
}
.widget-global ul li a:hover {
display: block;
width: 100%;
height: 100%;
}
.widget-global ul li:active {
background:#444;
} #secondary .widget_nav_menu li.menu-item-has-children>a:before {
content: "\f139";
font-family: 'dashicons';
font-size: 20px;
line-height: 0;
vertical-align: -.2em;
}
#secondary .widget_nav_menu li.menu-item-has-children.open>a:before {
content: "\f140";
font-family: 'dashicons';
}
#secondary .widget_nav_menu li.menu-item-has-children > ul.sub-menu {
display: none;
} details[open]{
height: auto ;
max-height: 70vh;
opacity: 1;
transition: max-height .5s;
}
details {
margin: 2em 0 2em 0;
max-height: 40px;
height:40px;
overflow: hidden;
transition: all .3s;
opacity: 0.8;
width: 100%;
transition: max-height .5s;
}
details[open] summary {
border-radius: 3px 3px 0 0;	
}
summary {
cursor: pointer;
opacity: 1;
background: #e6eaee;
padding: 5px 0 5px 0.2em;
border-bottom: 1px solid rgba(37, 108, 176, 0.25);
border-left:1px solid rgba(37, 108, 176, 0.25);
border-radius: 3px;
border-right: 1px solid rgba(37, 108, 176, 0.25);
border-top: 1px solid rgba(37, 108, 176, 0.25);
box-sizing: border-box; }
summary:hover {
background:rgba(232, 241, 244, 1);
border-left-color: rgba(73, 100, 189, 0.28);
}
summary::-webkit-details-marker {
width:0.8em !important;
height:0.8em !important;
margin: auto 0.4em auto !important;
}
summary h2,
summary h3,
summary h4 {
display: inline-block;
font-size: 13px;
margin-bottom: 0;
}
.details-container,
.details_container {
height: auto;
max-height: calc( 70vh - 50px );
overflow-y: auto;
padding:1em;
background: inherit;
border-radius: 0 0 3px 3px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
box-sizing: border-box;
}
.entry-content details ul {
list-style: none;
}
.entry-content details>ul.details-container {
margin: 0;
} .js-details{
display: block;
}
.js-details a:hover {
background: #d5e3ec
}
.js-summary,
.js-click {
cursor: pointer;
}
.js-summary:hover,
.js-click:hover {
background: #eee;
}
.js-click {
display: inline-block;
}
.js-summary {
display: block;
}
.js-click:before,
.js-summary:before {
content: "\f139";
font-family: "dashicons";
font-size: 28px;
vertical-align: bottom;
line-height: 1;
color: #0c4e8a
}
.js-click.open:before,
.js-summary.open:before {
content: "\f140";
}
.js-click:hover:before,
.js-summary:hover:before {
color: #5fa5e7;
}
.js-click:active:before,
.js-summary:active:before {
color: #42576b;
}
.js-click + .summary {
display: inline-block;
min-height: 23px; padding-right: 1em;
padding-left: .5em;
line-height: 1.5;
position: relative;
left: -6px;
}
.js-click + .summary a {
display: block;
height: 100%;
width: 100%;
padding-right: 1em;
padding-left: 0.5em;
}
.js-click ul li {
padding: 0.1em 0;
border: 0;
}
div.js-details-container {
padding-left: 1em;
margin-bottom: 2em;
}
.js-details-container {
display: none;
}
.widget .js-details ul li,
.widget .js-click ul li,
.widget ul.js-details-container > li {
border-bottom: 0;
color: #222;
padding: 0.2em 1em;
}  .has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding {
height: auto;
}
body[class*='front-page'] #page {
}
body[class*='front-page'] .site-header {
}
body[class*='front-page'] .site-content-contain {
}
body[class*='front-page'] .site-content {
}
body[class*='front-page'] main.site-main {
}
.twentyseventeen-panel:first-child:before {
}
body[class*='front-page'] main.site-main > article {
}
body[class*='front-page'] article {
}
body[class*='front-page'] article[id^="panel"] { }
body[class*='front-page'] .entry-header {
}
body[class*='front-page'] article .panel-image {  }
body[class*='front-page'] .panel-content { }
body[class*='front-page'] .panel-content .wrap {
} .single .entry-content>p {
line-height: 1.75
} .sub-navigation ul {
display: flex;
justify-content: space-around;
border-radius: 4px;
background: rgba(253, 254, 255, 0.3);
overflow: hidden;
border: 1px solid #ddd;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
margin-bottom: 2em;
}
.sub-navigation ul li {
width: 100%;
text-align: center;
}
.sub-navigation ul li {
border-right: 1px solid #ddd;
}
.sub-navigation ul li:last-child {
border-right: 0;
}
.sub-navigation ul li a {
font-size: 11px;
width: 100%;
height: 100%;
display: block;
padding: 0.5em 0;
}
.sub-navigation ul li a:hover {
background: rgba(218,237,245,0.78);
color: #0c4e8a;
}
.sub-navigation ul li a:active {
background: rgba(12, 78, 138, 0.5);
color:#fff;
}
.sub-navigation ul li.current-menu-item {
background: rgba(32, 115, 192, 0.2);
color: #333;
} .gsc-adBlock {
background: #eee;
}
.gsc-adBlock iframe {
opacity: 0.8;
} h2.widget-title {
position: sticky;
position: -webkit-sticky;
top: 0;
height: 43px;
margin-bottom: 2em;
font-weight: 700 !important;
padding-top: 0;
z-index: 3;
display: flex;
align-items: flex-end;
}
h2.widget-title.fixed {
z-index: 3;
}  .snsbox {
flex-wrap: wrap;
display: flex;
justify-content: flex-end;
margin: 1em 0 1em;
}
.sns {
padding: 0 3px;
height: 26px;
overflow: hidden;
} .fb-like.fb_iframe_widget>span {
width: 136px !important;
}
button.inlineBlock _2tga _89n_ _8j9v,
button.inlineBlock {
width: 74px !important;
}
.fb_iframe_widget iframe {
width: 148px !important;
} .nav-title-icon-wrapper {
position: relative;
padding: 0 .5em;
}
.post-navigation .nav-links {
display: flex;
justify-content: space-between;
}
.nav-previous,
.nav-next {
width: 46%;
margin: 1.5em 0;
padding: 0 0.5em 0;
border-radius: 5px;
transition: background .3s;
border: 1px solid rgba(32, 115, 192, 0.1);
}
.nav-next {
text-align: right;
}
.nav-previous:hover,
.nav-next:hover {
background: rgba(32, 115, 192, 0.15);
transition: background .3s;
}
span.nav-subtitle {
margin-bottom: 0;
}
span.nav-title {
display: block;
width: 100%;
padding: 1em 0 1em 0;
font-size: 13px;
line-height: 1.25;
} #secondary .post-navigation .nav-links {
flex-direction: column;
justify-content: space-around;
}
#secondary .nav-previous,
#secondary .nav-next {
width: 100%;
} .shortlink:before {
content:"このページの短いURL";
font-size: 11px;
color: #777;
display: inline;
vertical-align: 0.25rem;
}
.shortlink {
text-align:right;
margin:10px 4px auto auto;
}
textarea.short-link {
background: #fcfcfc;
border: 0;
color: #686868;
display: inline-block;
font-size: 11px;
height: 2.2em;
margin: 0 0 0 0;
overflow: hidden;
max-width: 23em;
} div.post-info {
display: block;
font-size: 11px;
text-align: right;
}
span.post-info {
display: inline-block;
padding: 0;
margin: auto 0 0 auto;
}
.post-info img {
margin: 0 4px 0 8px;
vertical-align: -25%;
}
.post-info span.date,
.post-info span.author {
display: inline-block;
}
.post-info a {
padding:0 0.2em;
margin:0;
} #cookie_reset:before {
color:#888;
}
#cookie_reset:before:hover {
background: #fff;
}
#cookie_reset:before:active {
background: #ccc;
} div.meta {
font-size: 12px;
display: block;
margin-bottom: 7px;
color: #767676;
}
.meta:before {
display: table-cell;
width: 3.2em;
color:#666;
}
.meta ul {
display: table-cell;
}
.meta ul li {
margin-right: .4em;
display: inline-block;
}
.meta ul li:after {
content: "/";
}
.meta ul li:last-child:after {
content: "";
}
.meta a,
.meta ul li a,
.meta span a {
border-radius: 3px;
padding: 3px 5px;
font-weight: 600;
}
.meta a:hover {
background: #eee;
} .meta.rating-links a img,
div.face label img {
background:rgba(32, 115, 192, 0);
border: 1px solid rgba(32, 115, 192, 0);
border-radius: 3px;
padding: 4px;
box-sizing: content-box;
vertical-align: middle;
}
.meta.tags-links li {
margin-bottom: 4px;
} .meta:before {
vertical-align: top;
}
.meta.cat-links:before {
content:"公開 ";
}
.cat-links a:after {
content:"年"
}
.country-links:before {
content:"製作国 ";
}
.meta.director:before {
content: "監督 ";
}
.meta.cast:before {
content: "出演 ";
}
.meta.rating-links {
text-align: right;
}
.meta.rating-links a {
display: inline-block;
}
div.genre-tags-links {
margin-right: 0;
margin-left: auto;
}
.meta.genre-links ul li:after,
.meta.tags-links ul li:after {
content: "";
}
.meta.tags-links:before {
content: "\f323";
font-family: "dashicons";
width: 1.5em;
}
.meta.tags-links a {
font-size: 11px;
border: 1px solid #ccc;
}
.meta.genre-links a {
font-size: 11px;
color: #fff;
border: 1px solid #888;
background: #aaa;
}
.meta.genre-links a:hover {
background: rgba(12, 78, 138, 0.5);
}
.meta.genre-links:before {
content: "\f318";
font-family: "dashicons";
width: 1.5em;
}  .single .entry-header {
position: relative;
}
.single .entry-header .header-background {
position: absolute;
top:0;
width: 100%;
height: 100%;
background-size: cover;
background-position:50% 50%;
opacity: 0.2;
filter: blur(6px);
}
.entry-header .header-background::before {
content: '';
position: absolute; background: inherit;
filter: blur(4px);
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
} .headline {
font-size: 18px;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
color: #666;
line-height: 1.75;
background: #fafafd;
margin-top: 3em;
margin-bottom: 2em;
position: relative;
padding: 1.5em;
border-radius: 0 5px 5px 5px;
}
.headline:before {
content: " Headline ";
background: #dcdfe4;
color: #fff;
margin: 0;
padding: 0 1em;
font-size: 14px;
position: absolute;
top: -1.5em;
left: 0;
border-radius: 7px 7px 0 0;
height: 1.5em;
} .single .alternative_name {
margin: 0 0 1.5em auto;
color: #666;
} .main-content.entry-content {
margin-top: 3em;
} .single-post .entry-content .post-thumbnail,
.single.posttype_diary .entry-content .post-thumbnail,
.page-template.page .post-thumbnail {
display: block;    
height: 0;
margin: 0 auto;
overflow: hidden;
position: relative;
top: 0;
background: #f1f1f3;
}
.single-post .entry-content .post-thumbnail {
width: 80%;
padding-bottom: 116.8%;
}
.single-posttype_diary .entry-content > .post-thumbnail {
width: 100%;
padding-bottom: 56.25%;
}
.single-page .post-thumbnail,
.page-id-857 .post-thumbnail,
.parent-pageid-857 .post-thumbnail {
width: 100%;
padding-bottom: 26%;
}
.page-template.page .post-thumbnail img {
position: absolute;
}
.single .entry-header + div.post-thumbnail img {
object-fit: contain;
position: absolute;
height: auto;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.post-thumbnail blockquote {
border: 0;
margin: 0;
padding: 3px;
background: transparent;	
}
.post-thumbnail blockquote:before {
content: "“" ;
position: absolute;	
top: -12px;
left: -12px;
}
.post-thumbnail blockquote:after {
content: "”";
position: absolute;
right: -12px;
bottom: -12px;
}
.single-post .post-thumbnail img {
background: #fff;
box-shadow: none;
height: auto;
width: 100%;
}
.post-thumbnail img.oneself {
bottom: 0;
height: 20px;
left: 0;
opacity: .8;
position: absolute;
width: 20px;
} cite .eye_caption,
cite .eye_caption.amp_ad {
background: rgba(255, 255, 255, 1) ;
margin: 1em auto 0 auto ;
width: 100% ;
max-width: 400px;
}
.eye_caption,
.eye_caption.amp_ad {
background: #fff;
border: 0;
font-size: 10px;
height: 2.5em;
margin: 1em auto 2em auto;
position: relative;
text-align: right;
min-width: 250px;
width: 70%
}
.eye_caption .dashicons {
font-size: 15px;
vertical-align: text-top;
}
.eye_caption a {
box-shadow: none;
display: block;
font-size: 10px !important;
font-weight: 500 !important;
width: 100%;
}
.eye_caption a:hover {
background: rgba(32, 115, 192, 0.15)
}  .content-bottom-widgets {
margin: 2em 0 3em;
font-size: 12px;
}
.content-bottom-widgets section div{
margin-bottom: 1em;
}
p.widget-title {
margin-top: 2em;
font-size: 12px;
font-weight: 600;
margin-bottom: 1em;
}
.content-bottom-widgets a {
font-size: 12px;
}
.content-bottom-widgets:before {
content: " ";
display: table;
}
section { margin-bottom: 1em;}
.its_ad,
.amp_ad {
border: 1px solid #ccc;
border-radius: 3px;
min-height: 3em;
margin: 0 0 1.5em;
text-align: center;
}
.its_ad a, .amp_ad a {
text-indent: 0;
text-decoration: none;
box-shadow: none;
}
.its_ad a:hover, .amp_ad a:hover {
box-shadow: none;
}
img.its_badge, img.ad_badge, amp-img.ad_badge {
display: block;
margin: 10px;
float: right;
}
div.its_ad:after, div.amp_ad:after {
content: ".";
color: rgba(255, 255, 255, 0);
height: 0;
display: block;
clear: both;
}
.amp_ad img {
vertical-align: middle;
}
.amp_ad a img:hover {
opacity: 0.85;
}
.amp_ad a {
display: table;
width: 100%;
height: 100%;
padding: 6px;
letter-spacing: inherit;
font-size: 12px;
font-weight: 600;
}
.amp_ad img.alignleft {
float: left;
transform: scale(0.8);
}
.amp_ad a:hover {
background: rgba(177, 226, 245, 0.29) !important;
}
.amp_ad a:hover img {
opacity: 0.8;
} section.shien {
border-radius: 4px;
padding: 0;
border: 1px solid #ccc;
margin: 3em 0 ;
position: relative;
z-index: 3;
background: #fff;
position: sticky;
position: -webkit-sticky;
}
.shien .header {
border-radius: 4px 4px 0 0;
background: #f5f6f7;
display: block;
font-size: 12px;
padding:0.5em;
margin:0;
z-index: 3;
}
.shien .header a,
.shien .header a:hover {
box-shadow: none;
}
.shien .header h1 {
color:#333;
font-size: 14px;
font-weight: 600;
margin:0;
padding:0;
}
.shien img {
vertical-align:middle;
}
section.shien blockquote {
background:none;
border-left:0;
border-radius: 0;
font-size:inherit;
font-style:normal;
font-weight: 500;
line-height: 1.7;
margin: 0;
padding: 0;
position: relative;
}
.shien .entry-content {
color: #444;
font-size:15px;
padding: 2em 0.75em;
z-index: 4;
position: relative;
}
.shien .entry-meta {
color: #666;
display: block;
font-size: 12px;
padding-right:0.5em;
padding-left: 0.5em;
}
.shien .entry-meta span {
}   .blog .site-main > article,
.archive .site-main > article {  position: relative;
}
.blog .site-main > article.excerpt:after,
.archive .site-main > article.excerpt:after {
padding: .5em 0 .5em;
} .excerpt-box-right {
flex-grow: 4;
padding: 0 0 0 12px;
margin:0;
box-sizing: border-box;
display: table-cell;
vertical-align: top;
width: 100%;
transition:all .5s;	
}
.excerpt-inner {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.excerpt-box-right .entry-header {
display: block;
padding-bottom: 0 !important;
}
.excerpt-box-right .entry-header .entry-title {
font-size: 18px;
padding-top: 0.5em;
min-width: 10em;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.excerpt-box-right .entry-header .entry-title a span {
display: inline-block;
width: -webkit-fill-available;
text-align: right;
color:#ccc;
font-size: 70%;
}
.excerpt-box-right .alternative_name {
margin: 0 0 0 auto;
color: #888;
font-size: 14px;
text-align: right;
line-height: 1.2;
}
.excerpt-box-right .director.meta a {
border: 0;
}
.excerpt-box-right .entry-summary {
width: -webkit-fill-available;
margin-top:1em;
margin-bottom:1em;
}
.excerpt-box-right .entry-summary p {
font-size: 14px;
margin-bottom: 0;
word-break: normal;
color:#666;
}
.excerpt-box-right .meta {
width: 100%;
width: -webkit-fill-available;
} .width_fill {
width: -webkit-fill-available;
display: flex !important;
transition: all .5s;
}
.excerpt-box-right .entry-meta {
position: relative;
text-align: right;
display: block;
margin: auto 0 0 auto;
background: #fff;
}
.excerpt-box-right .entry-meta:before {
content: " ";
position: relative;
height: 2em;
}
.excerpt-box-right .entry-meta:after {
content: "";
} .excerpt .post-thumbnail { margin-bottom: 0;
display: table-cell;
}
.blog .post-thumbnail img,
.twentyseventeen-panel .post-thumbnail img,
.archive .post-thumbnail img {
position: relative;
}
.excerpt .post-thumbnail img {
width: 100%;
}
.width55 {
width: 55px;
}
.thumb-view div.post-thumbnail:after {
content:" ";
height: 0;
display: block;
position: relative;
}
.width_fill div.post-thumbnail:after {
content:" ";
height: 0;
display: none;
position: absolute;
}  .display-control {
background: #f4f5f6;
display: flex;
flex-wrap: wrap;
font-size: 11px;
justify-content: space-between;
margin: 1em -2rem 2rem -2rem;
padding: 4px 40px 4px 2px;
top: 0;
z-index: 3;
box-sizing: border-box;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 3;
}
.display-control .view-btn,
.display-control .list-parts {
display: flex;
justify-content: space-around;
}
.view-btn input[type="radio"], input[type="checkbox"] {
display: none;
}
.view-btn,
.list-parts {
display: inline-block;
}
.view-btn {
margin-left: 1em;
}
.list-parts {
margin: 0 auto;
} .view-btn input + label {
font-family: "dashicons";
font-size: 14px;
display: inline-block;
padding: 0;
margin: 0 2px 0 0;
color: #ccc;
}
.view-btn input[type=radio]:checked + label {
color: #6f8d97;
}
.view-btn input:hover + label {
color:#7dbdd8;
}
.view-btn input:active + label {
color:#2e6d89;
} .view-btn select {
font-size: 11px;
margin-left: 6px;
} .list-parts > div {
color:#666;
display: flex;
justify-content: center;
margin: 0 0 0;
} .list-parts input[id^="toggle-"] + label {
background:rgba(209, 209, 209, .5);
border-radius:4px;
border:1px solid rgba(0,0,0,0.2);
box-shadow:0 0 3px rgba(0,0,0,0.09);
box-sizing: border-box;
color:#b5b5b5;
display: inline;
font-size:11px;
font-weight:400;
line-height:1;
margin:2px;
min-width: 31px;
padding:4px 0 0;
text-align: center;
text-transform:none;
opacity: .7;
}
.list-parts .dashicons {
font-size: 15px;
}
.list-parts input[id^="toggle-"]:checked + label {
color:#6c7779;
background: #fff;
opacity: 1;
}
.list-parts input[id^="toggle-"]:hover + label {
background: #f1f8ff;
border-color: rgba(12, 78, 138, 0.37);
opacity: .8;
color: #777;
}
.list-parts input[id^="toggle-"]:active + label {
background: rgba(151, 161, 170, 0.87);
} main.site-main.list-view,
main.site-main.table-view { }
main.site-main.thumb-view {
justify-content: space-between;
} .excerpt > article,
.list-view > article {
padding: 1em 0 ;
border-bottom: 1px solid #ccc;
}
.excerpt div.post-thumbnail,
.list-view div.post-thumbnail {
width: 25%;	
}
.excerpt .entry-summary p,
.list-view .entry-summary p {
color: #333;
font-size: 15px;
} .table-view > article {
border-bottom: 1px solid #ccc;
padding:0.5em 0 0 !important;
}
.table-view > article:first-child {
border-top: 1px solid #ccc;
}
.table-view div.post-thumbnail {
max-width: 55px;
}
.table-view .excerpt-box-right .entry-header .entry-title {
font-size: 0.875rem;
padding:0;
margin:0;
}
.table-view .excerpt-box-right .entry-header .entry-title a {
display: block;
padding: 0.2em 0
}   .site-main.thumb-view > article {
padding-bottom: 1.5em !important;
margin: 0;
width: 120px;
padding: 3px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.tile-title {
display: block;
display: none;
font-size: 12px;
line-height: 1.25;
max-width: 120px;
padding:0 3px;
max-height: 3.8em;
overflow: hidden;
}
.site-main.thumb-view > article .default-meta,
.site-main.thumb-view > article .excerpt-inner {
display: none;
}  .meta.credit span {
padding: 2px;
margin-right: 1em;
color: #222;
font-size: 14px;
display: inline-block;
}
.single .person .post-thumbnail {
margin-right: 8px;
}
.single .person .entry-meta {
min-width: 50%;
}
.single .person-meta tr td {
font-size: 13px;
text-align: left;
}
.single .person-meta tr td:first-child {
font-size: 11px;
max-width: 5em;
line-height: 1.25;
} ul.main-table li > article {
}
.tabletop,
.section-header {
display: block;
padding:4px;
margin: 3em 0 0 0;
border: 1px solid #ccc;
border-radius: 3px 3px 0 0;
font-size: 13px;
text-align: center;
}
.section-header .section-title {
text-align: center;
font-weight: 600;
box-shadow: none !important;
margin: 1em 0;
display: block;
}
ul.main_table .entry-title {
font-size: 14px !important;
box-shadow: none !important;
display: block;
}
ul.main_table .entry-title a {
display: block;
}
ul.main_table {
list-style: none;
margin:0;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
ul.main_table li article {
border-bottom: 1px solid #ccc;
display: flex;
}
ul.main_table article > .post-thumbnail {
width: 61px;
height: 75px;
margin: 0;
}
ul.main_table .post-thumbnail a {
line-height: 0;
}
ul.main_table .post-thumbnail img {
padding: 3px 3px 0 3px;
box-sizing: border-box;
}
ul.main_table li .excerpt-box-right .meta {
}
ul.main_table li .excerpt-box-right .meta.credit {
width: auto;
float: right;
}
ul.main_table .meta.cat-links a,
.entry-content ul.main_table ul li,
.entry-content ul.main_table ul li a {
margin: 0;
line-height: 1.25;
}
.main_table .meta.cat-links:before {
content: "";
} .people.page-header {
padding-bottom: 0;
}
.people h1.page-title {
font-weight: 600;
font-size: 18px;
margin-bottom: 0;
}
.people.page-header .org_title {
margin: 0.5em 0 0.5em 1em;
}
.people.page-header .duties {
margin: 0 0 0 1em;
font-size: 14px;
}
.people-entry-meta,
.people.entry-meta {
font-size: 14px;
min-width: 50%;
}
.people-thumb-box {
display: flex;
justify-content: space-between;
margin:0 0 1.5em 0;
position: relative;
}
.people blockquote cite,
.people blockquote+cite {
bottom: -1em;
background: rgba(255, 255, 255, 0.5);
padding-left: 1em;
}
.people.post-thumbnail,
.people-thumbnail {
width: 130px;
height: 180px;
margin-right: 8px;
overflow: hidden;
}
.people-thumbnail blockquote {
background: rgba(238, 241, 244, 0.4);
border: none;
color: #444;
line-height: 1.7;
margin: 0em 0 1em 0;
padding: 0;
position: relative;
}
.archive-thumbnail {
width:55px;
height:79px;
box-sizing: content-box;
padding: 2px 10px 0 2px;
display: inline-block;
vertical-align: top;
}
.archive-excerpt {
display: inline-block;
width: calc( 99% - 76px);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.archive-excerpt header.entry-header {
padding: 0;
width: 100%;
}
.archive-excerpt h3.entry-title {
font-weight: 600;
}
.archive-excerpt h3.entry-title a {
color: #185a94;
padding: 1em;
}
.archive-excerpt .meta a{
font-size: 12px;
font-weight: 400;
}
.tabletop li article {
display: flex;
}
.archive-excerpt div {
margin:0;	
}
.archive-excerpt .meta.credit span {
font-size:13px;
} h2.nf {
font-size: 14px;
box-shadow: none !important;
margin-right: 70px;
margin-bottom: 2em;
display: inline-block;
padding: 7px 9px 5px;
background: #ccc;
color: #fff;
border-radius: 3px;
width: 30px;
}
ul.people.director-list {
list-style: none;	
}
ul.people.director-list li h3 {
border-bottom: 1px solid #d01010;
font-weight: 600 !important;
padding: 1em 0 1em;
box-shadow: none;
font-size: 15px;
height: 40px;
}
ul.people.director-list li h3 a,
ul.people.director-list li h3 a:hover {
box-shadow: none;
}
ul.people.director-list li ul {
list-style: none;
font-size: 14px;
padding: 0.2em;
margin: 1em 1em 1em 1em;
font-weight: 500;
}
ul.people.director-list li ul li {
display: flex;
justify-content: space-between;
align-content: center;
}
ul.people.director-list li ul li:nth-child(even){
background:#fafafa;
}
ul.people.director-list li ul li a,
ul.people.director-list li ul li span {
box-shadow: none;
color: #333;
padding:5px;
display: block;
align-self: center;
line-height: 1.4;
width: 100%;
}
ul.people.director-list li ul li a:hover {
}
ul.people.director-list li ul li span {
font-size: 12px;
color: #666;
width: 4em;
}
ul.urls {
list-style: none;
} .reloted-links {
margin: 2em 0 1em 10%;
}
.reloted-links dt {
font-size: 14px;
padding: 0.5em 0 0; margin-bottom: 0.5em;
}
.reloted-links dd {
margin: 1em 0 2em;
}
.reloted-links ul li,
.reloted-links ul li a {
padding: 0.5em 0.5em 0.5em 0;
font-size: 14px;
} .archive .meta.diary-links {
}
.archive .meta.diary-links a {
border: 0;
padding: 2px 16px;
background: #f3f4f5;
}
.archive .meta.diary-links a:hover {
background: rgba(0, 0, 0, 0.5);
color:#fff;
}
.archive.posttype_diary article {
border-bottom: 1px solid #ccc;
padding:0.5em 0;
}
.archive.posttype_diary article div.post-thumbnail {
}
.archive.posttype_diary .post-thumbnail img {
position: relative;
}
.archive.posttype_diary article .entry-title  {
} h2 img {
vertical-align: middle;
max-width: 32px;
max-height: 32px;
object-fit: cover;
}
h2.fixed img {
max-width: 20px;
max-height: 20px;
} .archive.post-type-person .toggle.display-control {
line-height: 1;
}
.archive.post-type-person .toggle.display-control select {
font-size: 11px;
} .site-main > article.person_list {
background-color: #fdfdfd;
position: relative;
border-bottom: 1px solid #ccc;
padding: 0;
font-size: 12px;
line-height: 1.25;
min-height: 3em;
flex-direction: column; margin-bottom: 0;
}
.site-main > article.person_list:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
.site-main > article.person_list .post-thumbnail {
width: 36px;
position: absolute;
top: 3px;
}
.site-main > article.person_list .post-thumbnail a {
color: #888;
}
.person_list .entry-title {
font-size: 13px;
margin: 0 0 0 36px;
font-weight: 600;
padding: 4px 0;
}
.person_list .alternative_name {
text-align: right;
padding: 2px 0;
margin-top: -6px;
color: #666;
}
.person_list .entry-meta {
display: flex;
flex-wrap: wrap;
font-size: 11px;
margin: auto 60px 0 auto;
align-items:flex-end;
justify-content: flex-end;
line-height: 1.2;
padding-bottom: .5em;
}
.person_list div.meta {
color: #ccc;
font-size: 11px;
}
.person_list .entry-meta a {
color: #42576b
}
.person_list .entry-meta div + div:before {
content: "|";
display: inline;
font-weight: 300;
color: #ddd;
}
.person_list .list-count {
position: absolute;
right: 0;
bottom: 0;
font-size: 11px;
color:#aaa;
}
.person_list .edit-link {
position: absolute;
font-size: 11px;
left: -2em;
}  .sticky_area {
position: -webkit-sticky;
position: sticky;
top: 0;
left:15%;
}
.sticky_area.name_filter section {
position: relative;
}
.sticky_area.name_filter select {
min-width: 100px;
font-size: 12px;
margin-left: 8em;
}
.sticky_area.name_filter select option {
text-align: center;
}
.sticky_area.name_filter {
max-width: 4em; 
z-index: 1000;
}
.list-parent {
display: inline-block;
width: 4em;
font-weight: 600 !important;
font-size: 15px;
padding: 1em 0 1em;
height: 40px;
}
.list-parent a {
box-shadow: none;
}
.list-parent.director {
width: auto;
}
.jump-arrow {
display: inline-flex;
width: 170px;
justify-content: space-between;
position: relative;
bottom: -10px;
}
.jump-arrow a {
width: 40px;
height: 30px;
text-align: center;
display: inline-flex;
background: rgba(32, 68, 131, 0.04);
box-shadow: none;
align-items: center;
position: relative;
border-radius: 3px;
opacity: 0.8;
}
.jump-arrow a:hover {
background: rgba(32, 68, 131, 0.12);
opacity: 1;
}
.jump-arrow a:active {
background: rgba(32, 68, 131, 0.2);
opacity: 1;
}
.jump-arrow .dashicons {
font-size:12px;
}
.jump-arrow .dashicons {
display: block;
margin: auto;
padding-top: 3px
}
a.go-to .dashicons:first-child {
position: absolute;
left: 0.42em;
}
a.go-to .dashicons:last-child {
position: absolute;
right: 0.42em;
}
ul.titlelist {
list-style: none;
font-size: 14px;
padding:0.2em;
margin: 0.2em -0.3em 0.5em;
}
.titlelist li {
display: flex;
flex-wrap: wrap;
padding: 0.3em;
margin: 0.3em 0 0.3em 0;
}
.titlelist li:nth-child(odd){
background: #fafafa;
}
.titlelist li div {
display: inline-block;
min-width: 240px;
width: 100%;
box-sizing: border-box;
vertical-align: middle;
}
.titlelist li div:last-child {
display: flex;
justify-content: space-between;
width: 100%;
}
.titlelist li span {
font-size:12px;
color: #666;
line-height: 1.3;
display: inline;
}
.titlelist li .meta span,
.titlelist li span.cat {
display: inline-block;
padding: 0 1em 0 0;
vertical-align: middle;
color: #888;
font-size: 11px;
border: 0;
}
.titlelist .title a {
box-shadow: none;
color: #56636e
}
.titlelist li .meta span a {
border: 0;
box-shadow: none;
}
.titlelist li a:hover {
background: rgba(104, 126, 163, 0.1)
}	
.director {
display: inline-block;
margin: 0 0 0 auto;
}
.director_name:after {
content:", ";
}
.director_name:last-child:after {
content:" ";
}
.jump-target {
position: relative;
top:0;
display: table;
visibility: hidden;
}
.jump-target span {
display: inline-block;
padding-bottom: 20px;
visibility: hidden;
}
.jump-target.director span {
padding-bottom: 0;
}
.admin-bar .jump-target span {
padding-bottom: 20px;
visibility: hidden;
}
.admin-bar .jump-target.director span {
padding-bottom: 0;
}
.page-id-4006 .titlelist li {
flex-wrap: nowrap;
}
.page-id-4006 ul.titlelist li div.title {
min-width: 150px !important;
width: calc( 100% - 4.1em); 
}
.page-id-4006 ul.titlelist li div.meta.cat,
.page-id-4006 ul.titlelist li div:last-child {
width: 4em !important;
display: inline-block;
min-width: 4em !important;
max-width: 4em !important;
text-align: right;
vertical-align: middle;
}
.page-id-4005 .titlelist li div:last-child {
width: 100%;
} #comments {
font-size: 0.92em;
padding: 0;
}
#comments p {
margin: 0 1em 1em 1em;  
}
h3.comment-reply-title,
h2.comments-title {
margin: 0;
padding: 1em;
font-size: 1em;
visibility: hidden;
}
.reply {
text-align: right;
margin: .5em 1em 0.75em 0;
font-size: .86em;
}
textarea#comment { }
div.comment-content {
margin: 0 1em;
background: #fff;
}
#respond.comment-respond p {
font-size: 12px;
}
#respond.comment-respond p a {
color: #0c4e8a;
}
#comments button,
#comments input[type="button"],
input[type="submit"] {
font-size:12px;
}
#respond form { }
#comment-form-comment {
padding:0 1em;
}
#comments textarea {
font-size: 13px;
}
.comment-form-comment label {
font-size: 12px;
}
.comment_summary {
font-size: 12px;
line-height: 3;
height: 3em;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
border: 0
}
footer.comment-meta {
margin: 0 auto 0.5em 0;
display: flex;
align-items:baseline;
}
.comment-author.vcard,
.comment-metadata {
width: 49%;
}
.comment-author .avatar {
position: relative;
left:0;
height: 44px;
width: 44px;
}
.comment-author.vcard {
font-size: 14px;
padding:0 1em 0 0;
box-sizing: border-box;
}
.comment-metadata {
text-align: right;
padding:0 0 0 1em;
box-sizing: border-box;
}
.comment-body {
margin-bottom: 0.75em;
margin-left: 1.2em;
border-bottom: 1px solid #eee;
}
.comment-body:last-child {
border-bottom: 0;
}
div.comment-content {
font-size: 13px;
padding: 0 1em;
}
ol.comment-list li {
border-bottom: 1px solid #ccc;
margin-bottom: 1em;
}
ol.comment-list ol.children li {
border: 0;
}
.children .comment-author .avatar {
left: 0;
position: relative;
}
.children .comment-body {
margin-left: 1.2em;
}
.comment-respond{
padding: 1em 0 1em 0;
margin-top: -1em; } #secondary:before {
background: #eee;
color: #ccc;
content: "SECONDARY";
display: block;
height: 44px;
line-height: 1.7;
margin:0 -2em 1em -2em;
padding: 0.2em 0 0.75em 0;
position: -webkit-sticky;
position: sticky;
text-align: center;
top: 0;
z-index: 2;
} .buttonBox {
} .widget ul {
list-style: none;
margin: 0;
}
.widget ul li,
.widget ol li {
padding: 0;
font-size: 13px;
} dl.widget-movie-info dd {
padding: 0.5em 1em 0.5em 0;
}
.widget-movie-info ul li {
padding: 0;
font-size: 12px;
}
.widget-movie-info ul li:first-child {
border-top: 1px solid #eee;
}  .post-filter label input {
display: none;
}
.post-filter label input+span {
display: block;
font-size: 12px;
padding: .3em 1em .3em .2em;
}
.post-filter label input+span:hover {
cursor: pointer;
}
.js-click + label.summary:hover,
ul.level2 li label:hover {
background: rgba(32, 115, 192, 0.12);
}
.post-filter label input[type="checkbox"]:checked+span {
background:rgba(32, 115, 192, 0.25);
}
.post-filter label input[type="checkbox"]:checked+span:before {
content: "✓";
background: #fff;
border-radius: 12px;
margin-right: 3px;
position: absolute;
left:-12px;
border:1px solid #2073c0;
font-weight: 600;
}
#tab1.contents {
padding-top: 1.5em;
} div.face {
display: flex;
justify-content: space-around;
margin: 0 auto;
max-width: 320px;
padding: 0;
}
details select {
margin-bottom: 1em;
}
div.face label:hover {
background: none;
}
div.face label img:hover {
background:rgba(32, 115, 192, 0.19);
border: 1px solid rgba(32, 115, 192, 0);
}
.face label input[type=checkbox]:checked+img{
background: #ddd;
border: 1px solid #ccc;
} ul.genre,
ul.genre li ul.level2 {
margin-left:0 !important;
}
.post-filter .details-container ul.genre li ul.level2 {
display: flex;
flex-wrap: wrap;
margin-left: 0;
justify-content: space-between;
}
.post-filter .details-container ul.genre li ul.level2 li {
display: inline-block;
width: 48%;
} .post-filter details.top-details { background:transparent;
height: 28px;
margin-top: 0;
margin-bottom: .2em;
border-radius: 3px;
}
.post-filter details.top-details[open] { background:#f4f6f7;
background:transparent;
max-height:900vh;
height: auto;
transition: max-height 4s;
} .post-filter details.top-details summary {
border:0;
background: transparent;
overflow: hidden;
position: relative;
height: 28px;
}
summary::-webkit-details-marker {
color: #0c4e8a;
}
.post-filter details.top-details summary:hover {
background: #e7eef5;
}
.post-filter details.top-details[open] suumary {
background:#f4f6f7;
}
summary:hover::-webkit-details-marker {
color: #2073c0;
}
.post-filter details.top-details summary:active {
background: #c3d4e2;
}
.post-filter details summary span { font-size: 13px;
font-weight: 600;
display: inline-block;
vertical-align: middle;	
line-height: 1;
} div.filter-echo {
font-size: 11px;
font-weight: 600;
font-size: 10px;
margin-left: 4px;
opacity: .8;
line-height: 1.25;
max-height: 7em;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
} .post-filter details.top-details summary .filter-echo {
color: #bbb;
position: absolute;
right: 2px;
top: 4px;
width: 65%;
max-height: 1.4em;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.widget .filter-echo ul,
.filter-echo ul {
display:inline;
color:#0b725c;
margin: 0.5em 0;
}
.filter-echo > ul.seg + ul.seg:before {
content: " and ";
color: #999;
font-size: 10px;
padding-left: 0.5em;
padding-right: 0.5em;
font-weight: 600;
}
.widget .filter-echo ul li:after,
.filter-echo ul li:after {
content: " or ";
color: #999;
font-size: 10px;
padding-right: 0.5em;
}
.widget .filter-echo ul li:last-child:after,
.filter-echo ul li:last-child:after {
content: "";
}
.filter-echo ul li {
display: inline-block;
padding:0;
font-weight: 700;
border: 0;
font-size: 10px;
}
.filter-echo img {
vertical-align: middle;
} .post-filter .details-container { border: 0;
max-height: calc(900vh - 40px);
overflow: auto;
box-shadow: inset 0px 2px 6px rgba(35, 66, 74, 0.1);
-ms-overflow-style: none;   }
.post-filter .details-container::-webkit-scrollbar { display:none;
}
.post-filter .details-container ul li,
.post-filter .details-container ul li ul li,
.widget:not(.widget_tag_cloud) .tab-content ul li + li { margin:0.2em 0;
padding: 0;
}
.post-filter .details-container ul li label { font-size: 14px;
line-height: 1.15;
} .post-filter .details-container ul.level1 { margin-left: 0
}
.post-filter .details-container ul.level1 > li { min-width: 7em;
}
.post-filter .details-container ul.level1>li>label { pading: .3em 1em 0 .5em;
}
.post-filter .details-container ul.level1>li>label:hover {
background: rgba(32, 115, 192, 0.25)
}
.post-filter .details-container ul li ul { margin: 0 0 .75em .75em;
}
.post-filter .details-container ul li ul li { } .post-filter .details-container>ul:first-child { padding-top: 1em;
}
.post-filter .details-container ul li ul li:last-child { padding-bottom: 2em;
}
.post-filter .details-container ul li ul li label { font-weight: 500;
} .var_dump {
display: none;
}
body.logged-in .var_dump {
display: block;
font-size: 12px;
line-height: 1.2;
padding: 1em;
margin: 1em auto;
border: 1px solid #ccc;
} .home ul.recent-diary,
ul.pickup {
margin: 1em auto 1em auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.home ul.recent-diary li,
ul.pickup li {
align-items: center;
border: 0;
display: flex;
justify-content: flex-start;
margin: 0 1em 3px 0 ;
width: 174px;
}
ul.pickup li div {
display: inline-block;
margin-left: 9px;
}
#secondary ul.pickup li {
width: auto;
}
.home ul.recent-diary li span,
ul.pickup .title,
ul.pickup li div span {
display: inline-block;
font-size: 14px;
}
.home ul.recent-diary li a,
ul.pickup .title a {
display: inline-block;
}
.pickup .post-thumbnail {
flex-shrink: 0;
height: 75px;
width: 55px;
margin:0;
} .infinite-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style: none;
}
#responsive-menu-button.is-active + #responsive-menu-container {
box-shadow: 0px 0px 24px rgba(0, 0, 0, 1);
}
.breadcrumb.breadcrumb_plus {
font-size: 11px;
padding: 0.25em 1.5em 0.25em 1.5em;
background: rgba(0, 0, 0, 0.03);
color: #767676;
}
.breadcrumb.breadcrumb_plus a {
color: #666;
}
.breadcrumb.breadcrumb_plus a:hover {
background: rgba(104, 126, 163, 0.2);
}
.yarpp {
margin-top: 3em;
}
.yarpp>h2 {
font-size: 14px;
position: sticky;
position: -webkit-sticky;
top: 0;
background: #fff;
height: 49px;
padding-top: 4px;
z-index: 2;
}
.yarpp ul {
list-style: none;
line-height: 1.3;
display: flex;
flex-wrap: wrap;
margin-left:0 !important;
justify-content: space-between;
}
.yarpp ul li {
padding:1em 0.2em 1em 0.2em;
margin:0;
width: 120px;
box-sizing: border-box;
}
.yarpp ul li h3 {
font-size: 13px;
padding-top:0.5em;
}
.single .yarpp .entry-meta {
margin: 0;
text-align: left;
display: block;
}
.single .yarpp .entry-meta span {
display: inline;
font-size: 11px;
line-height: 1.3;
font-weight: 500;
}
.yarpp .entry-meta span.director:after {
content: ", ";
}
.yarpp .entry-meta span.director:last-child:after {
content: "";
}
.single-post .yarpp .post-thumbnail {
width: 100px;
height: 130px;
overflow: hidden;
padding-bottom:100%;
margin: 0 auto;
}
.entry-content .yarpp a,
.entry-content .yarpp a:hover {
box-shadow: none;
}
.entry-content .yarpp a img {
box-shadow: none;
width: 100%;
text-align: center;
}
.yarpp h4,
.yarpp h4 a {
font-size: 13px;
font-weight: 600;
padding:0;
margin:0 0 4px 0 ;
}
.yarpp ul li ul,
.yarpp ul li ul li {
margin:0;
padding:0;
display: inline;
font-size: 11px;
color: #888;
}
.yarpp ul li ul li a{
margin:0;
padding:0;
display: inline;
} .wp-caption,
.gallery-caption {
color: #666;
font-size: 12px;
margin-bottom: 1.8em;
line-height: 1.25;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
} .icon {
display: inline-block;
fill: currentColor;
height: 2em;
position: relative; top: -0.0625em;
vertical-align: middle;
width: 1em;font-size: 13px;
} #attach_list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
#attach_list article {
width: 120px;
padding: 6px;
align-self: stretch;
margin-bottom: 1em;
}
#attach_list article .entry-content {
display:flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
#attach_list article .entry-content p {
display: block;
margin: auto;
}
#attach_list p.attachment,
.post-type-archive-attachment p.attachment {
padding: 0px;
margin: 0; 
}
#attach_list a, #attach_list a:hover,
.post-type-archive-attachment a,
.post-type-archive-attachment a:hover {
box-shadow: none;
color: #147;
}
#attach_list .entry-title,
.post-type-archive-attachment .entry-title span {
font-size: 12px;
line-height: 1.25;
align-self: flex-end;
padding: 2px;
display: block;
margin: auto auto 0 auto;
}
#attach_list a:hover img {
opacity: 0.75
}
#attach_list .entry-title a {
}
#attach_list .entry-title a:hover {
background: #f4f5f6;
color: #2073c0
} @media screen and (max-width: 24em) { article.excerpt,
main.list-view > article {
flex-direction: column;
margin-bottom: 2em;
}
main.table-view > article {
flex-direction: row;
margin-bottom: 0;
}
.excerpt .post-thumbnail {
max-width: 120px;
min-width: 55px;
}
.list-view .post-thumbnail {
width: 120px;
}
.table-view .post-thumbnail {
width: 55px;
}
.excerpt-box-right .entry-meta.post-info {
left: 1em;
margin-right: 0;
width: calc(100vw - 4em);
font-size: 11px;
position: absolute;
bottom: 0;
white-space: nowrap;
overflow: hidden;
transform: scale(0.8);
right: 1em;
text-align: right;
}
}
@media screen and (min-width: 30em) { .panel-content .wrap {
} #attach_list article {
width: 134px;
}
#attach_list article img {
max-width: 130px;
}
.single-post .entry-content .post-thumbnail {
width: 50%;
padding-bottom: 71%;
}
}
@media screen and  (min-width: 48em) { .site-branding {
padding: 5em 0 42px 0 !important;
} .big-none {
display: none;
}
.mini-none {
display: block;
} .navigation-top {
display: block;
}
.site-navigation-fixed .top_nav_logo a.site_title { } .site-title {
font-size: 24px;
font-size: 1.5rem;
} .twentyseventeen-panel:first-child .panel-content {
min-height: 100vh;
}
.panel-image {
min-height: 5rem;
height: 15vh;
}
.panel-image:before {
content: "";
text-align: center;
font-size: 1.5rem;
color: #fff;
opacity: .7;
top: 50%;
}
#panel1 .panel-image:before {
content: "New Posts";
}
#panel2 .panel-image:before {
content: "Pickup";
}
#panel3 .panel-image:before {
content: "別枠日誌";
font-size: 1.25rem;
} .has-sidebar:not(.error404) #primary {
width: 60%;
margin-left: 1em;
}
.has-sidebar #secondary {
width: 34%;
border-radius: 3px;
border: 1px solid #ddd;
margin-right:-1em;
position: static;
} .open1 {
display: none
}
#secondary {
display: block;
background: #fff;
height: auto;
padding: 1em 0 2em;
top: inherit;
box-shadow: none;
} .single .entry-meta {
margin-left: 3rem;
}  .post-navigation .nav-previous,
.post-navigation .nav-next {
float: none;
width: 47%;
margin-top: 0;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
left: 0;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
right:0
} .content-bottom-widgets{
width: 90%;
margin-left:auto;
margin-right:auto;
}
cite .amp_ad a,
.amp_ad a {
align-items: center;		
}
.amp_ad a {
display: flex !important;
justify-content: space-between;
}
cite .amp_ad a,
.amp_ad cite>a {
justify-content: center;
} .toggle.display-control {
position: -webkit-sticky;
position: sticky;
top: 43px;
margin-left: 0;
z-index: 3;
display: flex;
justify-content: space-around;
padding: .5em 0;
}
.admin-bar .toggle.display-control {
position: -webkit-sticky;
position: sticky;
top: 75px;
margin-left: 0;
z-index: 3;
display: flex;
justify-content: flex-start;
padding: .5em 0;
} section.widget {
padding-left: 1em;
padding-right: 1em;
} #attach_list article {
width: 142px;
}
#attach_list article img {
max-width: 130px;
} .list-view div.post-thumbnail { }
.site-main.thumb-view > article {
min-width: 142px;
}
.excerpt .thumb-view div.post-thumbnail {
}
.thumb-view .post-thumbnail img {
max-width: 130px;
width: 130px;
} .titlelist li div {
width: 59%;
}
.titlelist li div:last-child {
width: 40%;
}
.titlelist li {
flex-wrap: nowrap;
}
.jump-arrow {
margin-left: auto;
margin-right: 0;
}
.jump-target span {
display: inline-block;
padding-bottom: 10px;
visibility: hidden;
}
.jump-target.director {
padding-bottom: 0;
}
.admin-bar .jump-target span {
padding-bottom: 40px;
visibility: hidden;
}
.admin-bar .jump-target.director span {
padding-bottom: 0;
}
.list-parent.director {
width: calc( 100% - 200px );
border-bottom: 1px solid #d01010;
}
.sticky_area {
top:10px;
z-index: 1000;
}
.admin-bar .sticky_area {
top:42px;
}
.jump-target,
.admin-bar .jump-target {
top: -32px;
} .site-main > article.person_list {
padding-bottom: 0;
flex-direction: inherit;
align-items: center;
}
.person_list .entry-title {
display: table-cell;
margin: 0;
width: 40%;
max-width: 175px;
}
.person_list .alternative_name {
font-size: 12px;
margin: 0 ;
color: #666;
font-weight: 300;
padding: 0;
display: table-cell;
min-width: 120px;
max-width: 150px;
width: 40%;
text-align: left;
}
.person_list .entry-meta {
display: flex;
margin-right: 65px;
flex-wrap: wrap;
justify-content: flex-end;
}
.site-main > article.person_list .post-thumbnail {
margin: 3px;
padding: 0;
box-shadow: none;
width: 50px;
display: inline-block;
float: left;
position: static;
}
.person_list .post-thumbnail span:hover {
opacity: .7;
transition: all .3s;
}
.dashicons-admin-users {
color: #ccc;
font-size: 38px;
width: 49px;
height: 49px;
background: #eee;
padding-top: 10px;
}
.person_list div.meta {
display: flex;
flex-wrap: wrap;
font-size: 11px;
}
.person_list .meta a {
border: 0;
}
.person_list div.meta.person_home-country-links {
white-space: nowrap;
display: block;
}
.person_list span.edit-link {
}
.person_list .list-count {
bottom:6px;
width: 60px;
}
}
@media screen and ( min-width: 67em ) {
.site-navigation-fixed .top_nav_logo a.site_title {
display: block;
}
.comment-author .avatar {
position: relative;
left: 0;
}
.excerpt-box-right {
}
}
@media screen and ( min-width: 79em ) {
.post-filter.post-list .details-container ul.level1>li { width: 47%; 
margin: 0 1%;
box-sizing: border-box;
position: relative;
}
.excerpt-box-right {
}
} @media screen and (max-width:782px) { .logged-in.admin-bar #secondary.opn {
top:46px
} 
}
@media screen and (max-width:600px) {
#wpadminbar {
}
.admin-bar .sticky_area,
.admin-bar .toggle.display-control {
top:0;
}
}
@media screen and (max-width:400px) {
#wpadminbar li#wp-admin-bar-comments {
}
}