body[class*="front-page"] #main > article:first-child h2.entry-title {
font-size: 38px;
font-size: 2.375rem;
max-width: 600px;
margin: 0;
line-height: 1.2;
font-weight: 100;
color: #eee;
} .site-branding-text {
max-width: 226px !important;
}
.site-title {
font-size: 15px;
}
body:not(.home) .site-branding {
height: 0;
padding: 0 0 0 0;
opacity: 0;
}
body:not(.home) .top_nav_logo {
visibility: visible;
top:3px;
left:4px;
opacity: 1;
}
body:not(.home) .top_nav_logo a {
color: var(--navi-a);
} .page-one-column .panel-content .wrap {
max-width: 1024px;
} #front-content {
display: flex;
flex-wrap: wrap;
} .menu-front-left-types-container {
max-width: 270px;
}
#front-content ul,
#menu-front-left-types ul {
list-style: none;
}
#menu-front-left-types li a {
background: rgba(216, 216, 232, 0.9);
border-radius: 5px;
border: 1px solid #459;
padding:.6em 2em;
margin: 0 0 .6em 0;
font-size: 14px;
width: 240px;
display: block;
text-decoration: none;
transition:background .2s;
}
#menu-front-left-types li a:hover {
text-decoration: none;
background: rgba(196, 196, 227, 0.9);
color:#313f58
}
#menu-front-left-types li a:active {
background: rgba(143, 143, 186, 0.9);
} #rss-section .js-summary {
background: rgba(205, 205, 205, 0.08);
color: #eee;
font-size: 14px;
}
#rss-section .js-summary,
#rss-section .js-summary::before {
color:#eee;
}
#rss-section .js-summary:hover::before {
color:#fff;
}
#rss-section .js-summary + div {
padding: 0;
}
body[class*="front_page"] #main>article:first-child h2.entry-title {
display: inline;
color: rgb(200, 200, 204);
font-size: 36px;
font-weight: 200;
font-family: "Helvetica Neue", "Helvetica", sans-serif;
line-height: 1;
text-transform: uppercase;
}
#rss-section {
max-width: 500px;
width: 80%;
margin: 0 0 0 auto;
overflow-y: auto;
overflow-x: hidden;
min-width: 250px;
}
section.rss {
margin-bottom: 4px;
background: rgba(255, 255, 255, 0.7);
padding:8px;
}
section.rss article {
display: flex;
flex-wrap: wrap;
}
#rss-section a {
font-size: 14px;
}
.page section.rss .entry-title,
section.rss .entry-title {
font-size: 14px;
padding:8px;
flex: auto;
align-self: center;
letter-spacing: 0;
}
section.rss .posted-on {
align-self: flex-end;
flex:auto;
}
section.rss .post-thumbnail {
width: 50px;
height: 50px;
overflow: hidden;
margin: 4px 8px;
display: flex;
flex-direction: column;
justify-content: center;
flex:none;
display: none;
}
body[class*="front-page"] #main > article:first-child {
background-image: url(https://www.childrencoupdetat.com/artdump/wp-content/uploads/2016/06/child-artdump-top.jpg);
background-size:cover;
background-repeat: no-repeat;
} .post-type-archive-storytelling h1.page-title,
.post-type-archive-babanens h1.page-title,
.post-type-archive-comicshow h1.page-title {
background: rgba(255, 255, 255, 0);
font-size:36px;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-weight: 200;
letter-spacing: 0.01em;
}
.post-type-archive-babanens #main,
.post-type-archive-comicshow #main {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row;
position: relative;
}
.post-type-archive-babanens #primary,
.post-type-archive-comicshow #primary {
max-width: 800px;
} .babanens #secondary,
.storytelling #secondary {
background:linear-gradient(rgba(247, 247, 249, 0.65), 75%, rgba(255, 255, 255, 0))!important;
}
.babanens #secondary::before,
.storytelling #secondary::before { }
.post-type-archive-babanens article,
.post-type-archive-comicshow article {
max-width: 230px;
min-width: 220px;
min-height: 260px;
display: flex;
flex-direction: column-reverse;
background: #fff;
margin: 1em auto 1em auto ;
box-sizing: border-box;
border-radius: 3px;
box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.5);
}
.post-type-archive-babanens .post-thumbnail,
.post-type-archive-comicshow .post-thumbnail {
width: 94%;
display: flex;
align-items: center;
justify-content: center;
margin: 18px auto;
overflow: hidden;
position: relative;
box-shadow: none;
border: none;
}
.post-type-archive-babanens .post-thumbnail a,
.post-type-archive-comicshow .post-thumbnail a {
text-align: center;
line-height: 1.75;
}
.post-type-archive-babanens .entry-summary,
.post-type-archive-comicshow .entry-summary {
display: none;
}
.post-type-archive-babanens header,
.post-type-archive-storytelling header,
.post-type-archive-comicshow header {
background: rgba(255, 255, 255, 0);
}
.post-type-archive-babanens .entry-header .entry-title,
.post-type-archive-comicshow .entry-header .entry-title  {
font-size: 12px;
text-align: center;
} .single-babanens h1.entry-title,
.single-comicshow h1.entry-title,
.single-storytelling h1.entry-title {
text-align: center;
font-size: 36px;
font-weight: 300;
line-height: 1.0909090909;
margin: 20px 0 12px;
text-transform: uppercase;
}
.single-babanens .entry-meta,
.single-comicshow .entry-meta,
.single-storytelling .entry-meta {
display: none;
} body[class*="babanens"] .breadcrumb_box {
background: rgba(0, 0, 0, 0.64);
color: #c3c3c3;
}
body[class*="babanens"] .breadcrumb.breadcrumb_plus a {
color: #b9dae6;
}
.post-type-archive-babanens .site-content{
background-image: url(https://www.childrencoupdetat.com/artdump/wp-content/uploads/2016/06/grayS100_2875-t.png);
}
.post-type-archive-babanens h1.page-title {
color: #fff;
letter-spacing: 0.02em;
}
.post-type-archive-babanens .post-thumbnail img {
opacity: .7;
width: 63%;
transition: transform 2s, width 1.2s;
margin:auto;
}
.post-type-archive-babanens  .post-thumbnail img:hover {
opacity: 1;
width: 80%;
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
} .single-babanens .site-content {
background-image: url(https://www.childrencoupdetat.com/artdump/wp-content/uploads/2016/06/grayS100_2875-t.png);
}
.babanens #secondary:before {
background: #c1c1c1;
}
.single-babanens h1.entry-title {
color: #fff;
}
.single-babanens .entry-header + div.post-thumbnail {
background-image: url(https://www.childrencoupdetat.com/artdump/wp-content/uploads/2024/03/gakubuti1280背景白.png);
background-size:cover;
background-size: 100%;
background-repeat: no-repeat;
display: block;
height: 0;
margin: 0 auto;
overflow: hidden;
position: relative;
top: 0;
}
.single-babanens .entry-header + div.post-thumbnail {
width: 100%;
padding-bottom: 100%;
}
.single-babanens .entry-header + div.post-thumbnail img {
object-fit: contain;
position: absolute;
height: auto;
width: 72%;
top: 51%;
left: 50%;
transform: translate(-50%, -50%);
bottom: initial;
}
.single-babanens .entry-excerpt {
width:50%;
min-width: 250px;
margin: 1.5em auto 3em;
font-size: 18px;
color: #eee;
text-shadow: 0px 0px 6px rgba(0, 60, 120, 0.5);
text-align: center;
}
.single-babanens .entry-content{
margin-bottom: 3em;
}
.single-babanens .entry-content p {
font-size: 17px;
color:#fff;
margin: 1.5em 2em;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3)
}
.single-babanens .post-navigation {
margin: 0 0 4em 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.single-babanens .nav-links {
padding: 12px 0;
}
.single-babanens .nav-previous,
.single-babanens .nav-next{
align-self: center;
margin: 0;
}
.single-babanens .nav-previous:hover,
.single-babanens .nav-next:hover {
background: rgba(var(--rgb-blue), .5);
}
.single-babanens .page-links {
text-align: center;
}
.single-babanens .page-links a span:hover {
background:#ebf3ff;
color: #5c7ef8;
}
.single-babanens .nav-links a * {
font-size: 15px;
color: #eee;
}
.single-babanens .nav-links a *:hover {
color:#c3dbf6
}
.single-babanens .page-links .current .page-number {
background:#d7dbe1;
}
.single-babanens .entry-footer {
position: absolute;
bottom:0;
width: 100%;
margin: 0 auto;
border: none;
color: #eee;
left:0;
right:0;
bottom:0;
padding: 0 2em;
max-width: var(--content-width);
}
.single-babanens .entry-footer a {
color: #fff;
}
.single-babanens .entry-footer .posted-on {
font-size: 10px;
}
.single-babanens .entry-footer .edit-link {
display: none;
}
.single-babanens .entry-footer .cat-links {
font-size: 14px;
} .single-storytelling H2,
.single-storytelling H3,
.single-storytelling H4 {
border-bottom: none !important;
margin: 1em 1.6em !important;
}
.single-storytelling .entry-content p {
margin-bottom: 1em;
text-indent: 1em;
}
.single-storytelling ul {
list-style: none;
margin: 1em
}
.single-storytelling ul li {
margin-bottom: 0;
}
.post-type-archive-storytelling article {
margin-bottom: 1.5em;
border-bottom: 1px solid #bbb;
}
.post-type-archive-storytelling article .entry-header .entry-title {
font-size: 20px;
font-family: "ヒラギノ明朝 ProN W6", serif;
font-weight: 700;
}
body[class*="storytelling"] .breadcrumb_box {
background: rgba(133, 111, 70, 0.38);
}
.storytelling #secondary:before {
background:rgba(239, 235, 230, 1);
}
.single-storytelling .background {
background-image: url(https://www.childrencoupdetat.com/artdump/wp-content/uploads/2016/06/e86469f0c94b3bac49e04df4d940c13c.png);
background-size:cover;
background-repeat: no-repeat;
width: 100%;
height: 340px;
background-position-x: -100px;
overflow: hidden;
position: absolute;
opacity: .6;
background-position-y: 50%;
border-bottom: 3px solid rgba(255, 255, 255, 0.85);
}
.single-storytelling .background::before {
content:" ";
position: absolute;
width: 100%;
height: 100%;
background: rgba(113, 113, 113, 0.1);
}
.post-type-archive-storytelling .site-content,
.single-storytelling .site-content {
background: url(https://www.childrencoupdetat.com/images/paper2.jpg);
background-size:contain;
background-repeat: repeat-y;
}
.single-storytelling .post-thumbnail {
display: block;
height: 0;
margin: 1.5em auto;
overflow: hidden;
position: relative;
top: 0;
width: 80%;
min-width: 260px;
padding-bottom: 40%;
min-height: 260px;
max-height: 340px;
border-radius: 4px;
}
.single-storytelling .post-thumbnail img {
object-fit: contain;
position: absolute;
height: auto;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
filter:opacity(0.8) grayscale(.1);
}
.single-storytelling .entry-header {
position: relative;
width: 100% !important;
z-index: 2 !important;
margin-bottom: 4em;
margin-top: 2em;
}
.single-storytelling .entry-content {
line-height: 2;
} .sns {
margin-top: 3em;
text-align: right;
} button#tateBtn {
font-size: 12px;
padding:0.5em 1em;
margin:1.5em;
}
.single-storytelling .entry-content .honbun {
writing-mode: vertical-rl; text-orientation: upright;
column-rule: solid 1px #ccc;
height:85vh; column-height: 90%; column-width: 22em; column-gap: 2.5rem; column-fill: auto; width: 100%;
padding:20px;
font-size: 1.2em;
font-family: serif;
overflow-y: auto;
margin-bottom: 5em;
text-indent: 1em;
box-shadow: inset 0px 1px 24px rgba(62, 45, 0, 0.03);
} span.tcy { -webkit-text-combine: horizontal; text-combine-upright: all;
}
.single-storytelling .entry-content .honbun { writing-mode: vertical-rl;
text-orientation: upright; height: 85vh; max-height: calc( 22em * 3 + 5em ); column-count: 2; column-fill: auto; column-gap: 2.5rem; column-rule: solid 1px #ccc;
column-width: 22em;  max-width: 100%;
overflow-y: scroll;
overflow-x: hidden; padding: 20px;
font-size: 1.2em;
font-family: serif;
margin-bottom: 5em;
text-indent: 1em;
box-shadow: inset 0px 1px 24px rgba(62, 45, 0, 0.05);
} .single-comicshow .entry-header + .post-thumbnail {
display: block;
height: 0;
margin: 1em auto 3em;
overflow: hidden;
position: relative;
top: 0;
}
.single-comicshow .entry-header + .post-thumbnail::before {
content:" ";
width: 100%;
height: 100%;
position: absolute;
background: #eee;
display: block;
background: #eee;
background: -webkit-linear-gradient(rgba(255,255,255,1) 1%, rgba(255, 255, 255, 0) 15%,rgba(255, 255, 255, 0) 85%, rgba(255,255,255,1) 99%);
z-index: 2;
}
.single-comicshow .entry-header + .post-thumbnail {
width: 100%;
padding-bottom: 55%;
}
.single-cosmicshow .entry-header + .post-thumbnail img {
object-fit: contain;
position: absolute;
height: auto;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
filter:blur(1px) opacity(.75) grayscale(.1);
}
@media screen and (min-width: 601px) {
section.rss .post-thumbnail {
display: block;
}
}