@charset "UTF-8";

 html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
template {
display: none
}
[hidden] {
display: none
}
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
src: local("Noto Sans CJK JP Regular"), local("NotoSansCJKjp-Regular"), local("NotoSansJP-Regular"), url(//www.bungei.shueisha.co.jp/app/themes/bungei/static/fonts/NotoSansJP-Regular.woff2) format("woff2"), url(//www.bungei.shueisha.co.jp/app/themes/bungei/static/fonts/NotoSansJP-Regular.woff) format("woff"), url(//www.bungei.shueisha.co.jp/app/themes/bungei/static/fonts/NotoSansJP-Regular.ttf) format("truetype")
}
@font-face {
font-family: 'Noto Sans';
font-style: bold;
font-weight: 700;
src: local("Noto Sans CJK JP Bold"), local("NotoSansCJKjp-Bold"), local("NotoSansJP-Bold"), url(//www.bungei.shueisha.co.jp/app/themes/bungei/static/fonts/NotoSansJP-Bold.woff2) format("woff2"), url(//www.bungei.shueisha.co.jp/app/themes/bungei/static/fonts/NotoSansJP-Bold.woff) format("woff"), url(//www.bungei.shueisha.co.jp/app/themes/bungei/static/fonts/NotoSansJP-Bold.ttf) format("truetype")
}
@font-face {
font-family: icon;
src: url(//www.bungei.shueisha.co.jp/app/themes/bungei/static/fonts/icon.ttf?fm02ci) format("truetype"), url(//www.bungei.shueisha.co.jp/app/themes/bungei/static/fonts/icon.woff?fm02ci) format("woff"), url(//www.bungei.shueisha.co.jp/app/themes/bungei/static/fonts/icon.svg?fm02ci#icon) format("svg");
font-weight: 400;
font-style: normal;
font-display: block
}
i.icon {
font-family: icon !important;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon--arrowSelectbox::before {
content: "\e900"
}
.icon--arrowLeft::before {
content: "\e901"
}
.icon--arrowRight::before {
content: "\e902"
}
.icon--arrowUp::before {
content: "\e90a"
}
.icon--error::before {
content: "\e903"
}
.icon--facebook::before {
content: "\e904"
}
.icon--instagram::before {
content: "\e905"
}
.icon--note::before {
content: "\e906"
} .icon--twitter::before {
content: '';
display: inline-block;
background-image: url(//www.bungei.shueisha.co.jp/app/themes/bungei/static/images/sns_logo-x.png);
background-size: contain;
width: 14px;
height: 14px;
}
.article__body .icon--twitter::before {
content: '';
display: inline-block;
background-image: url(//www.bungei.shueisha.co.jp/app/themes/bungei/static/images/sns_logo-x.png);
background-size: contain;
width: 26px;
height: 26px;
}
.icon--line::before {
content: "\e908"
}
.icon--search::before {
content: "\e909"
}
.icon--externallink::before {
content: " ";
background-image: url(/app/themes/bungei/static/images/icon-externallink.svg);
width: 12px;
height: 12px;
position: relative;
top: -20%;
}
*,
::after,
::before {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
blockquote,
dd,
dl,
dt,
figure,
li,
ul {
padding: 0;
margin: 0
}
dl,
ul {
list-style: none
}
a,
button,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p {
outline: 0
}
body,
html {
width: 100%
}
html {
font-size: 62.5%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
-webkit-text-size-adjust: 100%
} body:not(.wp-admin) {
color: #3b4043;
font-family: YakuHanJP, Poppins, "Noto Sans", sans-serif;
line-height: 1.5;
font-size: 1.6rem;
margin: 0
}
body:not(.wp-admin) #content {
background-color: #142850
}
@media screen and (max-width:767px) {
main {
padding-top: 70px
}
}
@media screen and (max-width:767px) {
.pageTitle {
margin-top: 30px !important
}
}
@media screen and (min-width:768px) {
body.page .pageTitle {
margin-top: 80px !important
}
}
.article__body {
padding-bottom: 120px
}
.section {
margin-bottom: 80px;
width: 100%
}
.section__item {
margin-bottom: 40px;
width: 100%
}
.disabled {
display: none !important;
visibility: hidden !important
}
.spacer {
display: block
}
.spacer--delimite {
padding-bottom: 120px
}
.spacer--xxxl {
padding-bottom: 80px
}
.spacer--xxl {
padding-bottom: 70px
}
.spacer--xl {
padding-bottom: 60px
}
.spacer--lg {
padding-bottom: 50px
}
.spacer--md {
padding-bottom: 40px
}
.spacer--sm {
padding-bottom: 30px
}
.spacer--xs {
padding-bottom: 20px
}
.spacer--xxs {
padding-bottom: 10px
}
.spacer--xxxs {
padding-bottom: 5px
}
.validateArea__text {
margin: 5px 0 0;
text-align: right;
color: #c00;
width: 100%
}
@media screen and (max-width:767px) {
.validateArea__text {
font-size: 1rem
}
}
@media screen and (min-width:768px) {
.validateArea__text {
font-size: 1.2rem
}
}
.tns-outer {
position: relative
}
.tns-item {
vertical-align: top !important
}
.tns-autowidth {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
#tns1.js-heroTopSlider {
display: block
}
.recommend .tns-inner {
padding-bottom: 1px
}
.gsc-above-wrapper-area {
border: none !important
}
.gsc-control-cse {
border: none !important;
background-color: transparent !important;
padding: 0 !important
}
.gsc-webResult .gsc-result {
border: none !important;
background-color: #fff !important;
padding: 30px 5% !important;
margin: 0 0 20px !important
}
.gsc .gsc-url-top,
.gsc-promotion-image-cell,
.gsc-table-cell-thumbnail,
.gsc-table-result,
.gsc-thumbnail-inside,
.gsc-url-top {
padding: 0 !important
}
.gsc-url-top {
margin-bottom: 20px
}
.gsc-results {
width: 100% !important
}
.gsc-cursor-box {
border: none !important
}
.gs-imageResult a.gs-title,
.gs-imageResult a.gs-title b,
.gs-webResult.gs-result a.gs-title,
.gs-webResult.gs-result a.gs-title b {
font-family: YakuHanJP, Poppins, "Noto Sans", sans-serif !important;
letter-spacing: .05em !important;
margin: 0 0 10px 0 !important;
color: #142850 !important;
text-decoration: none !important
}
@media screen and (max-width:767px) {
.gs-imageResult a.gs-title,
.gs-imageResult a.gs-title b,
.gs-webResult.gs-result a.gs-title,
.gs-webResult.gs-result a.gs-title b {
line-height: 1.47 !important;
font-size: 1.7rem !important
}
}
@media screen and (min-width:768px) {
.gs-imageResult a.gs-title,
.gs-imageResult a.gs-title b,
.gs-webResult.gs-result a.gs-title,
.gs-webResult.gs-result a.gs-title b {
line-height: 1.5 !important;
font-size: 2rem !important
}
}
.gs-result .gs-title,
.gs-result .gs-title * {
text-decoration: none !important
}
.gs-promotion-image-box,
.gs-web-image-box {
float: left !important;
width: auto !important;
height: auto !important;
margin: 0 10px 0 0 !important;
padding: 0 !important
}
.gs-no-results-result .gs-snippet {
background-color: transparent !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
text-align: center
}
.gs-snippet {
color: #3b4043 !important
}
@media screen and (max-width:767px) {
.gs-snippet {
line-height: 1.85 !important;
font-size: 1.4rem !important
}
}
@media screen and (min-width:768px) {
.gs-snippet {
line-height: 1.87 !important;
font-size: 1.6rem !important
}
}
.gsc-result .gs-title {
overflow: unset !important;
margin-bottom: 10px
}
html.no-touchevents .gs-imageResult a.gs-title,
html.no-touchevents .gs-imageResult a.gs-title b,
html.no-touchevents .gs-webResult.gs-result a.gs-title,
html.no-touchevents .gs-webResult.gs-result a.gs-title b {
color: #142850;
text-decoration: none;
border-bottom: 1px solid transparent;
-webkit-transition: border-bottom .3s;
-o-transition: border-bottom .3s;
transition: border-bottom .3s
}
html.no-touchevents .gs-imageResult a.gs-title b:hover,
html.no-touchevents .gs-imageResult a.gs-title:hover,
html.no-touchevents .gs-webResult.gs-result a.gs-title b:hover,
html.no-touchevents .gs-webResult.gs-result a.gs-title:hover {
border-bottom: 1px solid #142850
}
.controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 30px
}
.controls__control {
font-size: 1rem;
width: 40px;
height: 40px;
cursor: pointer;
color: #142850;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
outline: 0
}
.controls__navs {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.controls__dot {
width: 12px;
height: 12px;
cursor: pointer;
border-radius: 100%;
display: block;
background-color: #cdd7dd
}
@media screen and (min-width:600px) {
.controls__dot {
margin: 0 7.5px
}
}
@media screen and (max-width:599px) {
.controls__dot {
margin: 0 5px
}
}
.controls__dot.tns-nav-active {
background-color: #142850
}
.postContent {
overflow-wrap: break-word;
word-wrap: break-word;
line-break: strict
}
.postContent dl,
.postContent ul {
margin-top: 1em;
margin-bottom: 1em;
padding-left: 40px
}
.postContent blockquote p {
color: #98aabc
}
.postContent hr {
background-color: #cdd7dd;
border: 0;
display: block;
width: 100%;
height: 1px
}
.postContent .wp-block-embed.is-type-video .wp-block-embed__wrapper {
position: relative;
padding-bottom: 56.2%;
background-color: transparent;
overflow: hidden
}
.postContent .wp-block-embed.is-type-video iframe {
position: absolute;
display: block;
width: 100%;
max-width: 100%;
height: 100%
}
.lineBreakRule {
line-break: strict;
overflow-wrap: break-word;
word-wrap: break-word
}
.wp-block-audio figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-audio audio {
width: 100%;
min-width: 300px
}
.wp-block-button {
color: #fff
}
.wp-block-button.aligncenter {
text-align: center
}
.wp-block-button.alignright {
text-align: right
}
.wp-block-button__link {
background-color: #32373c;
border: none;
border-radius: 28px;
-webkit-box-shadow: none;
box-shadow: none;
color: inherit;
cursor: pointer;
display: inline-block;
font-size: 18px;
margin: 0;
padding: 12px 24px;
text-align: center;
text-decoration: none;
overflow-wrap: break-word
}
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:visited {
color: inherit
}
.is-style-squared .wp-block-button__link {
border-radius: 0
}
.no-border-radius.wp-block-button__link {
border-radius: 0 !important
}
.is-style-outline {
color: #32373c
}
.is-style-outline .wp-block-button__link {
background-color: transparent;
border: 2px solid
}
.wp-block-calendar {
text-align: center
}
.wp-block-calendar tbody td,
.wp-block-calendar th {
padding: 4px;
border: 1px solid #e2e4e7
}
.wp-block-calendar tfoot td {
border: none
}
.wp-block-calendar table {
width: 100%;
border-collapse: collapse;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}
.wp-block-calendar table th {
font-weight: 400;
background: #edeff0
}
.wp-block-calendar a {
text-decoration: underline
}
.wp-block-calendar tfoot a {
color: #00739c
}
.wp-block-calendar table caption,
.wp-block-calendar table tbody {
color: #40464d
}
.wp-block-categories.alignleft {
margin-right: 2em
}
.wp-block-categories.alignright {
margin-left: 2em
}
.wp-block-columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 28px;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media screen and (min-width:768px) {
.wp-block-columns {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
}
.wp-block-column {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word
}
@media screen and (max-width:767px) {
.wp-block-column {
-ms-flex-preferred-size: 100% !important;
flex-basis: 100% !important
}
}
@media screen and (min-width:768px) {
.wp-block-column {
-ms-flex-preferred-size: calc(50% - 16px);
flex-basis: calc(50% - 16px);
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0
}
.wp-block-column:not(:first-child) {
margin-left: 32px
}
.wp-block-column:nth-child(even) {
margin-left: 32px
}
}
.wp-block-columns.are-vertically-aligned-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.wp-block-columns.are-vertically-aligned-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.wp-block-columns.are-vertically-aligned-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.wp-block-column.is-vertically-aligned-top {
-ms-flex-item-align: start;
align-self: flex-start
}
.wp-block-column.is-vertically-aligned-center {
-ms-grid-row-align: center;
-ms-flex-item-align: center;
align-self: center
}
.wp-block-column.is-vertically-aligned-bottom {
-ms-flex-item-align: end;
align-self: flex-end
}
.wp-block-cover,
.wp-block-cover-image {
position: relative;
background-color: #000;
background-size: cover;
background-position: center center;
min-height: 430px;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden
}
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: fixed
}
@supports (-webkit-overflow-scrolling:touch) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: scroll
}
}
@media (prefers-reduced-motion:reduce) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: scroll
}
}
.wp-block-cover-image.has-background-dim::before,
.wp-block-cover.has-background-dim::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: inherit;
opacity: .5;
z-index: 1
}
.wp-block-cover-image.has-background-dim.has-background-dim-10::before,
.wp-block-cover.has-background-dim.has-background-dim-10::before {
opacity: .1
}
.wp-block-cover-image.has-background-dim.has-background-dim-20::before,
.wp-block-cover.has-background-dim.has-background-dim-20::before {
opacity: .2
}
.wp-block-cover-image.has-background-dim.has-background-dim-30::before,
.wp-block-cover.has-background-dim.has-background-dim-30::before {
opacity: .3
}
.wp-block-cover-image.has-background-dim.has-background-dim-40::before,
.wp-block-cover.has-background-dim.has-background-dim-40::before {
opacity: .4
}
.wp-block-cover-image.has-background-dim.has-background-dim-50::before,
.wp-block-cover.has-background-dim.has-background-dim-50::before {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-60::before,
.wp-block-cover.has-background-dim.has-background-dim-60::before {
opacity: .6
}
.wp-block-cover-image.has-background-dim.has-background-dim-70::before,
.wp-block-cover.has-background-dim.has-background-dim-70::before {
opacity: .7
}
.wp-block-cover-image.has-background-dim.has-background-dim-80::before,
.wp-block-cover.has-background-dim.has-background-dim-80::before {
opacity: .8
}
.wp-block-cover-image.has-background-dim.has-background-dim-90::before,
.wp-block-cover.has-background-dim.has-background-dim-90::before {
opacity: .9
}
.wp-block-cover-image.has-background-dim.has-background-dim-100::before,
.wp-block-cover.has-background-dim.has-background-dim-100::before {
opacity: 1
}
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
max-width: 305px;
width: 100%
}
.wp-block-cover-image::after,
.wp-block-cover::after {
display: block;
content: "";
font-size: 0;
min-height: inherit
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.wp-block-cover-image::after,
.wp-block-cover::after {
content: none
}
}
.wp-block-cover-image.aligncenter,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.aligncenter,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
width: calc(100% - 70px);
z-index: 1;
color: #f8f9f9
}
.wp-block-cover .wp-block-subhead:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color),
.wp-block-cover-image .wp-block-subhead:not(.has-text-color),
.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover-image p:not(.has-text-color) {
color: inherit
}
.wp-block-cover__video-background {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 100%;
height: 100%;
z-index: 0;
-o-object-fit: cover;
object-fit: cover
}
.wp-block-cover-image-text,
.wp-block-cover-text,
section.wp-block-cover-image h2 {
color: #fff
}
.wp-block-cover-image-text a,
.wp-block-cover-image-text a:active,
.wp-block-cover-image-text a:focus,
.wp-block-cover-image-text a:hover,
.wp-block-cover-text a,
.wp-block-cover-text a:active,
.wp-block-cover-text a:focus,
.wp-block-cover-text a:hover,
section.wp-block-cover-image h2 a,
section.wp-block-cover-image h2 a:active,
section.wp-block-cover-image h2 a:focus,
section.wp-block-cover-image h2 a:hover {
color: #fff
}
.wp-block-cover-image .wp-block-cover.has-left-content {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.wp-block-cover-image .wp-block-cover.has-right-content {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.wp-block-cover-image.has-left-content .wp-block-cover-image-text,
.wp-block-cover.has-left-content .wp-block-cover-text,
section.wp-block-cover-image.has-left-content>h2 {
margin-left: 0;
text-align: left
}
.wp-block-cover-image.has-right-content .wp-block-cover-image-text,
.wp-block-cover.has-right-content .wp-block-cover-text,
section.wp-block-cover-image.has-right-content>h2 {
margin-right: 0;
text-align: right
}
.wp-block-cover .wp-block-cover-text,
.wp-block-cover-image .wp-block-cover-image-text,
section.wp-block-cover-image>h2 {
font-size: 2em;
line-height: 1.25;
z-index: 1;
margin-bottom: 0;
max-width: 610px;
padding: 14px;
text-align: center
}
.block-editor-block-list__block[data-type="core/embed"][data-align=left] .block-editor-block-list__block-edit,
.block-editor-block-list__block[data-type="core/embed"][data-align=right] .block-editor-block-list__block-edit,
.wp-block-embed.alignleft,
.wp-block-embed.alignright {
max-width: 360px;
width: 100%
}
.wp-block-embed iframe {
width: 100%;
max-width: 100%
}
.wp-block-embed {
margin-bottom: 1em
}
.wp-block-embed figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-embed__wrapper {
position: relative
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper {
position: relative
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper::before {
content: "";
display: block;
padding-top: 50%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {
padding-top: 42.85%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {
padding-top: 50%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
padding-top: 56.25%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {
padding-top: 75%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {
padding-top: 100%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper::before {
padding-top: 177.78%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {
padding-top: 200%
}
.wp-block-file {
margin-bottom: 1.5em
}
.wp-block-file.aligncenter {
text-align: center
}
.wp-block-file.alignright {
text-align: right
}
.wp-block-file .wp-block-file__button {
background: #32373c;
border-radius: 2em;
color: #fff;
font-size: 13px;
padding: .5em 1em
}
.wp-block-file a.wp-block-file__button {
text-decoration: none
}
.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:visited {
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
opacity: .85;
text-decoration: none
}
.wp-block-file *+.wp-block-file__button {
margin-left: .75em
}
.blocks-gallery-grid,
.wp-block-gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0
}
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
margin: 0 16px 16px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative
}
.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure,
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
margin: 0;
height: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure,
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img,
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
display: block;
max-width: 100%;
height: auto
}
.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img,
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img,
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
width: auto
}
}
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 40px 10px 9px;
color: #fff;
text-align: center;
font-size: 13px;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .7)), color-stop(70%, rgba(0, 0, 0, .3)), to(transparent));
background: -o-linear-gradient(bottom, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .3) 70%, transparent);
background: linear-gradient(0deg, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .3) 70%, transparent)
}
.blocks-gallery-grid .blocks-gallery-image figcaption img,
.blocks-gallery-grid .blocks-gallery-item figcaption img,
.wp-block-gallery .blocks-gallery-image figcaption img,
.wp-block-gallery .blocks-gallery-item figcaption img {
display: inline
}
.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blocks-gallery-grid.is-cropped .blocks-gallery-item img,
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img,
.wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img {
width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blocks-gallery-grid.is-cropped .blocks-gallery-item img,
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img,
.wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img {
height: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-o-object-fit: cover;
object-fit: cover
}
}
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
width: calc((100% - 16px)/ 2)
}
.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even),
.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even),
.wp-block-gallery .blocks-gallery-image:nth-of-type(even),
.wp-block-gallery .blocks-gallery-item:nth-of-type(even) {
margin-right: 0
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image,
.blocks-gallery-grid.columns-1 .blocks-gallery-item,
.wp-block-gallery.columns-1 .blocks-gallery-image,
.wp-block-gallery.columns-1 .blocks-gallery-item {
width: 100%;
margin-right: 0
}
@media (min-width:600px) {
.blocks-gallery-grid.columns-3 .blocks-gallery-image,
.blocks-gallery-grid.columns-3 .blocks-gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-image,
.wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc((100% - 16px * 2)/ 3);
margin-right: 16px
}
@supports (-ms-ime-align:auto) {
.blocks-gallery-grid.columns-3 .blocks-gallery-image,
.blocks-gallery-grid.columns-3 .blocks-gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-image,
.wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc((100% - 16px * 2)/ 3 - 1px)
}
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image,
.blocks-gallery-grid.columns-4 .blocks-gallery-item,
.wp-block-gallery.columns-4 .blocks-gallery-image,
.wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc((100% - 16px * 3)/ 4);
margin-right: 16px
}
@supports (-ms-ime-align:auto) {
.blocks-gallery-grid.columns-4 .blocks-gallery-image,
.blocks-gallery-grid.columns-4 .blocks-gallery-item,
.wp-block-gallery.columns-4 .blocks-gallery-image,
.wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc((100% - 16px * 3)/ 4 - 1px)
}
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image,
.blocks-gallery-grid.columns-5 .blocks-gallery-item,
.wp-block-gallery.columns-5 .blocks-gallery-image,
.wp-block-gallery.columns-5 .blocks-gallery-item {
width: calc((100% - 16px * 4)/ 5);
margin-right: 16px
}
@supports (-ms-ime-align:auto) {
.blocks-gallery-grid.columns-5 .blocks-gallery-image,
.blocks-gallery-grid.columns-5 .blocks-gallery-item,
.wp-block-gallery.columns-5 .blocks-gallery-image,
.wp-block-gallery.columns-5 .blocks-gallery-item {
width: calc((100% - 16px * 4)/ 5 - 1px)
}
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image,
.blocks-gallery-grid.columns-6 .blocks-gallery-item,
.wp-block-gallery.columns-6 .blocks-gallery-image,
.wp-block-gallery.columns-6 .blocks-gallery-item {
width: calc((100% - 16px * 5)/ 6);
margin-right: 16px
}
@supports (-ms-ime-align:auto) {
.blocks-gallery-grid.columns-6 .blocks-gallery-image,
.blocks-gallery-grid.columns-6 .blocks-gallery-item,
.wp-block-gallery.columns-6 .blocks-gallery-image,
.wp-block-gallery.columns-6 .blocks-gallery-item {
width: calc((100% - 16px * 5)/ 6 - 1px)
}
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image,
.blocks-gallery-grid.columns-7 .blocks-gallery-item,
.wp-block-gallery.columns-7 .blocks-gallery-image,
.wp-block-gallery.columns-7 .blocks-gallery-item {
width: calc((100% - 16px * 6)/ 7);
margin-right: 16px
}
@supports (-ms-ime-align:auto) {
.blocks-gallery-grid.columns-7 .blocks-gallery-image,
.blocks-gallery-grid.columns-7 .blocks-gallery-item,
.wp-block-gallery.columns-7 .blocks-gallery-image,
.wp-block-gallery.columns-7 .blocks-gallery-item {
width: calc((100% - 16px * 6)/ 7 - 1px)
}
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image,
.blocks-gallery-grid.columns-8 .blocks-gallery-item,
.wp-block-gallery.columns-8 .blocks-gallery-image,
.wp-block-gallery.columns-8 .blocks-gallery-item {
width: calc((100% - 16px * 7)/ 8);
margin-right: 16px
}
@supports (-ms-ime-align:auto) {
.blocks-gallery-grid.columns-8 .blocks-gallery-image,
.blocks-gallery-grid.columns-8 .blocks-gallery-item,
.wp-block-gallery.columns-8 .blocks-gallery-image,
.wp-block-gallery.columns-8 .blocks-gallery-item {
width: calc((100% - 16px * 7)/ 8 - 1px)
}
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),
.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),
.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),
.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n) {
margin-right: 0
}
.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),
.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),
.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),
.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) {
margin-right: 0
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),
.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),
.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),
.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n) {
margin-right: 0
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),
.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),
.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),
.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n) {
margin-right: 0
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),
.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),
.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),
.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n) {
margin-right: 0
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),
.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),
.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),
.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n) {
margin-right: 0
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),
.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),
.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),
.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
margin-right: 0
}
}
.blocks-gallery-grid .blocks-gallery-image:last-child,
.blocks-gallery-grid .blocks-gallery-item:last-child,
.wp-block-gallery .blocks-gallery-image:last-child,
.wp-block-gallery .blocks-gallery-item:last-child {
margin-right: 0
}
.blocks-gallery-grid.alignleft,
.blocks-gallery-grid.alignright,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {
max-width: 305px;
width: 100%
}
.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,
.wp-block-gallery.aligncenter .blocks-gallery-item figure {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.wp-block-image {
max-width: 100%;
margin-bottom: 1em
}
.wp-block-image img {
height: auto;
max-width: 100%
}
.wp-block-image.aligncenter {
text-align: center
}
.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
width: 100%
}
.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image.is-resized {
display: table;
margin-left: 0;
margin-right: 0
}
.wp-block-image .aligncenter>figcaption,
.wp-block-image .alignleft>figcaption,
.wp-block-image .alignright>figcaption,
.wp-block-image.is-resized>figcaption {
display: table-caption;
caption-side: bottom
}
.wp-block-image .alignleft {
float: left;
margin-right: 1em
}
.wp-block-image .alignright {
float: right;
margin-left: 1em
}
.wp-block-image .aligncenter {
margin-left: auto;
margin-right: auto
}
.wp-block-image .alignleft figcaption {
text-align: left
}
.wp-block-image .alignright figcaption {
text-align: right
}
.wp-block-image .aligncenter figcaption {
text-align: center
}
.wp-block-image figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.is-style-circle-mask img {
border-radius: 9999px
}
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
.is-style-circle-mask img {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
mask-mode: alpha;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
border-radius: none
}
}
.wp-block-latest-comments__comment {
font-size: 15px;
line-height: 1.1;
list-style: none;
margin-bottom: 1em
}
.has-avatars .wp-block-latest-comments__comment {
min-height: 36px;
list-style: none
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left: 52px
}
.has-dates .wp-block-latest-comments__comment,
.has-excerpts .wp-block-latest-comments__comment {
line-height: 1.5
}
.wp-block-latest-comments__comment-excerpt p {
font-size: 14px;
line-height: 1.8;
margin: 5px 0 20px
}
.wp-block-latest-comments__comment-date {
color: #8f98a1;
display: block;
font-size: 12px
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 24px;
display: block;
float: left;
height: 40px;
margin-right: 12px;
width: 40px
}
.wp-block-latest-posts.alignleft {
margin-right: 2em
}
.wp-block-latest-posts.alignright {
margin-left: 2em
}
.wp-block-latest-posts.wp-block-latest-posts__list {
list-style: none
}
.wp-block-latest-posts.is-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0
}
.wp-block-latest-posts.is-grid li {
margin: 0 16px 16px 0;
width: 100%
}
@media (min-width:600px) {
.wp-block-latest-posts.columns-2 li {
width: calc((100% / 2) - 16px)
}
.wp-block-latest-posts.columns-3 li {
width: calc((100% / 3) - 16px)
}
.wp-block-latest-posts.columns-4 li {
width: calc((100% / 4) - 16px)
}
.wp-block-latest-posts.columns-5 li {
width: calc((100% / 5) - 16px)
}
.wp-block-latest-posts.columns-6 li {
width: calc((100% / 6) - 16px)
}
}
.wp-block-latest-posts__post-date {
display: block;
color: #6c7781;
font-size: 13px
}
.wp-block-latest-posts__post-excerpt {
margin-top: 8px;
margin-bottom: 16px
}
.wp-block-media-text {
display: -ms-grid;
display: grid;
-ms-grid-rows: auto;
grid-template-rows: auto;
-ms-grid-columns: 50% 1fr;
grid-template-columns: 50% 1fr
}
.wp-block-media-text .has-media-on-the-right {
-ms-grid-columns: 1fr 50%;
grid-template-columns: 1fr 50%
}
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
-ms-grid-row-align: start;
-ms-flex-item-align: start;
align-self: start
}
.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__media,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media {
-ms-grid-row-align: center;
-ms-flex-item-align: center;
align-self: center
}
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
-ms-grid-row-align: end;
-ms-flex-item-align: end;
align-self: end
}
.wp-block-media-text .wp-block-media-text__media {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
margin: 0
}
.wp-block-media-text .wp-block-media-text__content {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
word-break: break-word;
padding: 0 8% 0 8%
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
.wp-block-media-text>figure>img,
.wp-block-media-text>figure>video {
max-width: unset;
width: 100%;
vertical-align: middle
}
.wp-block-media-text.is-image-fill figure {
height: 100%;
min-height: 250px;
background-size: cover
}
.wp-block-media-text.is-image-fill figure>img {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
@media (max-width:600px) {
.wp-block-media-text.is-stacked-on-mobile {
-ms-grid-columns: 100% !important;
grid-template-columns: 100% !important
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2
}
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2
}
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
}
.is-small-text {
font-size: 14px
}
.is-regular-text {
font-size: 16px
}
.is-large-text {
font-size: 36px
}
.is-larger-text {
font-size: 48px
}
.has-drop-cap:not(:focus)::first-letter {
float: left;
font-size: 8.4em;
line-height: .68;
font-weight: 100;
margin: .05em .1em 0 0;
text-transform: uppercase;
font-style: normal
}
.has-drop-cap:not(:focus)::after {
content: "";
display: table;
clear: both;
padding-top: 14px
}
p.has-background {
padding: 10px 30px
}
p.has-text-color a {
color: inherit
}
.wp-block-pullquote {
padding: 3em 0;
margin-left: 0;
margin-right: 0;
text-align: center
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
max-width: 305px
}
.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
font-size: 20px
}
.wp-block-pullquote p {
font-size: 28px;
line-height: 1.6
}
.wp-block-pullquote cite,
.wp-block-pullquote footer {
position: relative
}
.wp-block-pullquote .has-text-color a {
color: inherit
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: 0 0
}
.wp-block-pullquote.is-style-solid-color {
border: none
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
text-align: left;
max-width: 60%
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 32px
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal
}
.wp-block-pullquote cite {
color: inherit
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin: 0 0 16px;
padding: 0 1em
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 24px;
font-style: italic;
line-height: 1.6
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-size: 18px;
text-align: right
}
.wp-block-rss.alignleft {
margin-right: 2em
}
.wp-block-rss.alignright {
margin-left: 2em
}
.wp-block-rss.is-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
list-style: none
}
.wp-block-rss.is-grid li {
margin: 0 16px 16px 0;
width: 100%
}
@media (min-width:600px) {
.wp-block-rss.columns-2 li {
width: calc((100% / 2) - 16px)
}
.wp-block-rss.columns-3 li {
width: calc((100% / 3) - 16px)
}
.wp-block-rss.columns-4 li {
width: calc((100% / 4) - 16px)
}
.wp-block-rss.columns-5 li {
width: calc((100% / 5) - 16px)
}
.wp-block-rss.columns-6 li {
width: calc((100% / 6) - 16px)
}
}
.wp-block-rss__item-author,
.wp-block-rss__item-publish-date {
display: block;
color: #6c7781;
font-size: 13px
}
.wp-block-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.wp-block-search .wp-block-search__label {
width: 100%
}
.wp-block-search .wp-block-search__input {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.wp-block-search .wp-block-search__button {
margin-left: 10px
}
.wp-block-separator.is-style-wide {
border-bottom-width: 1px
}
.wp-block-separator.is-style-dots {
background: 0 0 !important;
border: none;
text-align: center;
max-width: none;
line-height: 1;
height: auto
}
.wp-block-separator.is-style-dots::before {
content: "\00b7 \00b7 \00b7";
color: currentColor;
font-size: 20px;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif
}
.wp-block-social-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
margin-left: 0
}
.wp-social-link {
display: block;
width: 36px;
height: 36px;
border-radius: 36px;
margin-right: 8px;
-webkit-transition: -webkit-transform .1s ease;
transition: -webkit-transform .1s ease;
-o-transition: transform .1s ease;
transition: transform .1s ease;
transition: transform .1s ease, -webkit-transform .1s ease
}
.wp-social-link a {
padding: 6px;
display: block;
line-height: 0;
-webkit-transition: -webkit-transform .1s ease;
transition: -webkit-transform .1s ease;
-o-transition: transform .1s ease;
transition: transform .1s ease;
transition: transform .1s ease, -webkit-transform .1s ease
}
.wp-social-link a,
.wp-social-link a:active,
.wp-social-link a:hover,
.wp-social-link a:visited,
.wp-social-link svg {
color: currentColor;
fill: currentColor
}
.wp-social-link:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.wp-block-social-links.aligncenter {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
background-color: #f0f0f0;
color: #444
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
background-color: #f90;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
background-color: #1ea0c3;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
background-color: #0757fe;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
background-color: #1e1f26;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
background-color: #02e49b;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
background-color: #e94c89;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
background-color: #4280ff;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
background-color: #f45800;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
background-color: #1977f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
background-color: #000;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
background-color: #0461dd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
background-color: #e65678;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
background-color: #24292d;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
background-color: #eceadd;
color: #382110
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
background-color: #ea4434;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
background-color: #f00075;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
background-color: #e21b24;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
background-color: #0577b5;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
background-color: #3288d4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
background-color: #02ab6c;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
background-color: #f6405f;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
background-color: #e60122;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
background-color: #ef4155;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
background-color: #fe4500;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
background-color: #0478d7;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
background-color: #fefc00;
color: #fff;
stroke: #000
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
background-color: #ff5600;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
background-color: #1bd760;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
background-color: #011835;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
background-color: #6440a4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
background-color: #21a1f3;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
background-color: #1eb7ea;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
background-color: #4680c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
background-color: #3499cd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
background-color: #ff0100;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link {
background: 0 0;
padding: 4px
}
.wp-block-social-links.is-style-logos-only .wp-social-link svg {
width: 28px;
height: 28px
}
.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
color: #f90
}
.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
color: #1ea0c3
}
.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
color: #0757fe
}
.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
color: #1e1f26
}
.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
color: #02e49b
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
color: #e94c89
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
color: #4280ff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
color: #f45800
}
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
color: #1977f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
color: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
color: #0461dd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
color: #e65678
}
.wp-block-social-links.is-style-logos-only .wp-social-link-github {
color: #24292d
}
.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
color: #382110
}
.wp-block-social-links.is-style-logos-only .wp-social-link-google {
color: #ea4434
}
.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
color: #f00075
}
.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
color: #e21b24
}
.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
color: #0577b5
}
.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
color: #3288d4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
color: #02ab6c
}
.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
color: #f6405f
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
color: #e60122
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
color: #ef4155
}
.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
color: #fe4500
}
.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
color: #0478d7
}
.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
color: #fff;
stroke: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
color: #ff5600
}
.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
color: #1bd760
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
color: #011835
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
color: #6440a4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
color: #21a1f3
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
color: #1eb7ea
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
color: #4680c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
color: #3499cd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
color: #ff0100
}
.wp-block-social-links.is-style-pill-shape .wp-social-link {
width: auto
}
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
padding-left: 16px;
padding-right: 16px
}
.wp-block-spacer {
clear: both
}
p.wp-block-subhead {
font-size: 1.1em;
font-style: italic;
opacity: .75
}
.wp-block-table {
overflow-x: auto
}
.wp-block-table table {
border-spacing: 0;
border-collapse: collapse;
empty-cells: show;
width: 100%
}
.wp-block-table table tr {
border: none
}
.wp-block-table table td {
border: 1px solid #98aabc;
padding: 10px
}
.wp-block-table .has-fixed-layout {
table-layout: fixed;
width: 100%
}
.wp-block-table .has-fixed-layout td,
.wp-block-table .has-fixed-layout th {
word-break: break-word
}
.wp-block-table.aligncenter {
margin-left: auto;
margin-right: auto
}
.wp-block-table.alignleft {
margin-right: auto
}
.wp-block-table.alignright {
margin-left: auto
}
.wp-block-table.aligncenter,
.wp-block-table.alignleft,
.wp-block-table.alignright {
display: table;
width: auto
}
.wp-block-table.aligncenter td,
.wp-block-table.aligncenter th,
.wp-block-table.alignleft td,
.wp-block-table.alignleft th,
.wp-block-table.alignright td,
.wp-block-table.alignright th {
word-break: break-word
}
.wp-block-table .has-subtle-light-gray-background-color {
background-color: #f3f4f5
}
.wp-block-table .has-subtle-pale-green-background-color {
background-color: #e9fbe5
}
.wp-block-table .has-subtle-pale-blue-background-color {
background-color: #e7f5fe
}
.wp-block-table .has-subtle-pale-pink-background-color {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes {
border-spacing: 0;
border-collapse: inherit;
background-color: transparent;
border-bottom: 1px solid #f3f4f5
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f3f4f5
}
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
background-color: #f3f4f5
}
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
background-color: #e9fbe5
}
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
background-color: #e7f5fe
}
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
border-color: transparent
}
.wp-block-text-columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.wp-block-text-columns.aligncenter {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.wp-block-text-columns .wp-block-column {
margin: 0 16px;
padding: 0
}
.wp-block-text-columns .wp-block-column:first-child {
margin-left: 0
}
.wp-block-text-columns .wp-block-column:last-child {
margin-right: 0
}
.wp-block-text-columns.columns-2 .wp-block-column {
width: calc(100% / 2)
}
.wp-block-text-columns.columns-3 .wp-block-column {
width: calc(100% / 3)
}
.wp-block-text-columns.columns-4 .wp-block-column {
width: calc(100% / 4)
}
pre.wp-block-verse {
white-space: nowrap;
overflow: auto
}
.wp-block-video {
margin-left: 0;
margin-right: 0
}
.wp-block-video video {
max-width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.wp-block-video [poster] {
-o-object-fit: cover;
object-fit: cover
}
}
.wp-block-video.aligncenter {
text-align: center
}
.wp-block-video figcaption {
margin-top: .5em;
margin-bottom: 1em
}
:root .has-pale-pink-background-color {
background-color: #f78da7
}
:root .has-vivid-red-background-color {
background-color: #cf2e2e
}
:root .has-luminous-vivid-orange-background-color {
background-color: #ff6900
}
:root .has-luminous-vivid-amber-background-color {
background-color: #fcb900
}
:root .has-light-green-cyan-background-color {
background-color: #7bdcb5
}
:root .has-vivid-green-cyan-background-color {
background-color: #00d084
}
:root .has-pale-cyan-blue-background-color {
background-color: #8ed1fc
}
:root .has-vivid-cyan-blue-background-color {
background-color: #0693e3
}
:root .has-vivid-purple-background-color {
background-color: #9b51e0
}
:root .has-very-light-gray-background-color {
background-color: #eee
}
:root .has-cyan-bluish-gray-background-color {
background-color: #abb8c3
}
:root .has-very-dark-gray-background-color {
background-color: #313131
}
:root .has-pale-pink-color {
color: #f78da7
}
:root .has-vivid-red-color {
color: #cf2e2e
}
:root .has-luminous-vivid-orange-color {
color: #ff6900
}
:root .has-luminous-vivid-amber-color {
color: #fcb900
}
:root .has-light-green-cyan-color {
color: #7bdcb5
}
:root .has-vivid-green-cyan-color {
color: #00d084
}
:root .has-pale-cyan-blue-color {
color: #8ed1fc
}
:root .has-vivid-cyan-blue-color {
color: #0693e3
}
:root .has-vivid-purple-color {
color: #9b51e0
}
:root .has-very-light-gray-color {
color: #eee
}
:root .has-cyan-bluish-gray-color {
color: #abb8c3
}
:root .has-very-dark-gray-color {
color: #313131
}
.has-small-font-size {
font-size: 13px
}
.has-normal-font-size,
.has-regular-font-size {
font-size: 16px
}
.has-medium-font-size {
font-size: 20px
}
.has-large-font-size {
font-size: 36px
}
.has-huge-font-size,
.has-larger-font-size {
font-size: 42px
}
.has-text-align-center {
text-align: center
}
.has-text-align-left {
text-align: left
}
.has-text-align-right {
text-align: right
}
.wp-admin .edit-post-layout__content .edit-post-visual-editor {
font-family: YakuHanJP, Poppins, "Noto Sans", sans-serif;
color: #3b4043;
font-size: 1.6rem;
letter-spacing: -.015em;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased
}
.editor-styles-wrapper>* {
font-size: 1.4rem
}
.block-editor-default-block-appender textarea.block-editor-default-block-appender__content {
color: inherit;
font-family: inherit;
font-size: inherit
}
.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle:not(:hover):not(:focus),
.block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle:not(:hover):not(:focus) {
color: inherit
}
.wp-block {
max-width: 1000px
}
.wp-block[data-align=full] .wp-block[data-align=wide],
.wp-block[data-align=wide] .wp-block[data-align=wide] {
max-width: 1200px
}
.wp-block .wp-block[data-type="core/cover"]:not([data-align=full]):not([data-align=wide]):not([data-align=left]):not([data-align=right]),
.wp-block .wp-block[data-type="core/group"]:not([data-align=full]):not([data-align=wide]):not([data-align=left]):not([data-align=right]) {
margin-left: auto;
margin-right: auto;
max-width: 610px
}
.wp-block .wp-block[data-align=full] {
margin-left: 0;
margin-right: 0
}
[data-align=left] .wp-block-edit,
[data-align=right] .wp-block-edit {
max-width: 50%
}
.wp-block[data-align=wide] {
max-width: 1200px
}
.wp-block[data-align=full] {
max-width: none
}
.editor-styles-wrapper .editor-rich-text__tinymce,
.editor-styles-wrapper .editor-rich-text__tinymce.mce-content-body {
line-height: 1.5
}
:root .has-accent-color {
color: #cd2653
}
:root .has-accent-background-color {
background-color: #cd2653;
color: #fff
}
:root .has-primary-color {
color: #000
}
:root .has-primary-background-color {
background-color: #000;
color: #f5efe0
}
:root .has-secondary-color {
color: #6d6d6d
}
:root .has-secondary-background-color {
background-color: #6d6d6d;
color: #fff
}
:root .has-subtle-background-color {
color: #dcd7ca
}
:root .has-subtle-background-background-color {
background-color: #dcd7ca;
color: #000
}
:root .has-background-color {
color: #f5efe0
}
:root .has-background-background-color {
background-color: #f5efe0;
color: #000
}
.has-black-background-color {
background-color: #000;
color: #fff
}
.has-white-background-color {
background-color: #fff;
color: #000
}
.has-black-color {
color: #000
}
.has-white-color {
color: #fff
}
.editor-styles-wrapper .editor-block-list__layout a {
color: #cd2653;
text-decoration: underline
}
.editor-styles-wrapper a:focus,
.editor-styles-wrapper a:hover {
text-decoration: none
}
.editor-post-title__block .editor-post-title__input {
font-family: YakuHanJP, Poppins, "Noto Sans", sans-serif
}
.editor-post-title__block .editor-post-title__input,
.editor-styles-wrapper .wp-block h1,
.editor-styles-wrapper .wp-block h2,
.editor-styles-wrapper .wp-block h3,
.editor-styles-wrapper .wp-block h4,
.editor-styles-wrapper .wp-block h5,
.editor-styles-wrapper .wp-block h6 {
-webkit-font-feature-settings: "lnum";
font-feature-settings: "lnum";
font-variant-numeric: lining-nums;
font-weight: 600
}
.wp-block.editor-post-title__block {
max-width: 1000px
}
.editor-styles-wrapper .editor-post-title__block .editor-post-title__input {
margin: 0;
text-align: center
}
.editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter {
color: #cd2653;
font-size: 5.1em;
font-weight: 800;
margin: .05em .1em 0 0
}
.editor-styles-wrapper code,
.editor-styles-wrapper kbd,
.editor-styles-wrapper pre,
.editor-styles-wrapper samp {
font-family: monospace
}
.editor-styles-wrapper kbd,
.editor-styles-wrapper pre,
.editor-styles-wrapper samp {
border-radius: 0;
font-size: .75em;
padding: 4px 6px
}
.editor-styles-wrapper pre {
border-color: #dcd7ca;
border-radius: 0;
line-height: 1.5;
padding: 1em
}
.editor-styles-wrapper p.has-large-font-size.editor-rich-text__tinymce,
.editor-styles-wrapper p.has-large-font-size.editor-rich-text__tinymce.mce-content-body,
.editor-styles-wrapper p.has-larger-font-size.editor-rich-text__tinymce,
.editor-styles-wrapper p.has-larger-font-size.editor-rich-text__tinymce.mce-content-body {
line-height: 1.4
}
.editor-styles-wrapper p.has-small-font-size {
font-size: .842em
}
.editor-styles-wrapper p.has-normal-font-size,
.editor-styles-wrapper p.has-regular-font-size {
font-size: 1em
}
.editor-styles-wrapper p.has-medium-font-size {
font-size: 1.1em
}
.editor-styles-wrapper p.has-large-font-size {
font-size: 1.25em
}
.editor-styles-wrapper p.has-larger-font-size {
font-size: 1.5em
}
.editor-styles-wrapper figure {
margin: 0
}
.editor-styles-wrapper .alignleft,
.editor-styles-wrapper .alignright {
margin-bottom: 1.2em;
max-width: 260px
}
.editor-styles-wrapper .wp-caption .alignleft,
.editor-styles-wrapper .wp-caption .alignright {
margin-bottom: 0
}
.editor-styles-wrapper .alignleft {
margin-right: 1em
}
.editor-styles-wrapper .alignright {
margin-left: 1em
}
.editor-styles-wrapper figcaption {
color: #6d6d6d;
font-size: 15px;
font-weight: 500;
line-height: 1.2;
margin-top: 5px;
text-align: inherit
}
.editor-styles-wrapper fieldset {
border: 2px solid #dcd7ca;
padding: 20px
}
.editor-styles-wrapper legend {
font-size: .85em;
font-weight: 700;
padding: 0 10px
}
.editor-styles-wrapper label {
font-size: 15px;
font-weight: 600
}
.editor-styles-wrapper ul.wp-block-archives,
.editor-styles-wrapper ul.wp-block-categories,
.editor-styles-wrapper ul.wp-block-categories__list,
.editor-styles-wrapper ul.wp-block-latest-posts {
font-family: inherit;
list-style: none;
margin: 40px 0;
padding-left: 0
}
.editor-styles-wrapper ul.wp-block-categories__list ul {
margin: 0
}
.editor-styles-wrapper ul.wp-block-archives li,
.editor-styles-wrapper ul.wp-block-categories li,
.editor-styles-wrapper ul.wp-block-categories__list li,
.editor-styles-wrapper ul.wp-block-latest-posts li {
color: #6d6d6d;
line-height: 1.476;
margin: 5px 0 0 0
}
.editor-styles-wrapper ul.wp-block-archives li li,
.editor-styles-wrapper ul.wp-block-categories li li,
.editor-styles-wrapper ul.wp-block-categories__list li li,
.editor-styles-wrapper ul.wp-block-latest-posts li li {
margin-left: 20px
}
.editor-styles-wrapper .wp-block-archives li>a,
.editor-styles-wrapper .wp-block-categories li>a,
.editor-styles-wrapper .wp-block-latest-posts li>a {
font-weight: 700;
text-decoration: none
}
.editor-styles-wrapper .wp-block-archives li>a:focus,
.editor-styles-wrapper .wp-block-archives li>a:hover,
.editor-styles-wrapper .wp-block-categories li>a:focus,
.editor-styles-wrapper .wp-block-categories li>a:hover,
.editor-styles-wrapper .wp-block-latest-posts li>a:focus,
.editor-styles-wrapper .wp-block-latest-posts li>a:hover {
font-weight: 700;
text-decoration: none
}
.editor-styles-wrapper .wp-block-archives.aligncenter,
.editor-styles-wrapper .wp-block-categories.aligncenter {
text-align: center
}
.editor-styles-wrapper .wp-block-latest-comments time,
.editor-styles-wrapper .wp-block-latest-posts time {
color: #6d6d6d;
font-size: .7em;
font-weight: 600;
letter-spacing: normal;
line-height: 1.476;
margin-top: .15em
}
.editor-styles-wrapper .wp-block-table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
margin-bottom: 10px;
width: 100%
}
.editor-styles-wrapper .wp-block-table,
.editor-styles-wrapper .wp-block-table * {
border-color: #98aabc
}
.editor-styles-wrapper .wp-block-table tr {
border: none
}
.editor-styles-wrapper .wp-block-table caption {
text-align: center
}
.editor-styles-wrapper .wp-block-table td,
.editor-styles-wrapper .wp-block-table th {
margin: 0;
overflow: visible;
padding: 0
}
.editor-styles-wrapper .wp-block-table .wp-block-table__cell-content {
padding: 10px
}
.editor-styles-wrapper .wp-block-table thead {
vertical-align: bottom;
white-space: nowrap;
text-align: inherit
}
.editor-styles-wrapper .wp-block-table th {
font-weight: 700;
text-align: inherit
}
.editor-styles-wrapper .wp-block-table th.has-text-align-center {
text-align: center
}
.editor-styles-wrapper .wp-block-table th.has-text-align-right {
text-align: right
}
.editor-styles-wrapper .wp-block-table th.has-text-align-left {
text-align: left
}
.editor-styles-wrapper .wp-block-table.is-style-stripes {
border: 1px solid #dcd7ca
}
.editor-styles-wrapper .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background: #dcd7ca
}
hr.wp-block-separator {
border-top: 1px solid #6d6d6d;
color: #6d6d6d;
margin: 30px 0
}
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100%
}
hr.wp-block-separator:not(.is-style-dots) {
background: -o-linear-gradient(right, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px));
background: linear-gradient(to left, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px));
background-color: transparent !important;
border: none;
height: 1px;
overflow: visible;
position: relative
}
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
height: 1px
}
hr.wp-block-separator:not(.is-style-dots)::after,
hr.wp-block-separator:not(.is-style-dots)::before {
background: currentColor;
content: "";
display: block;
height: 16px;
position: absolute;
top: calc(50% - 8px);
-webkit-transform: rotate(22.5deg);
-ms-transform: rotate(22.5deg);
transform: rotate(22.5deg);
width: 1px
}
hr.wp-block-separator::before {
left: calc(50% - 5px)
}
hr.wp-block-separator::after {
right: calc(50% - 5px)
}
hr.wp-block-separator.is-style-dots::before {
font-size: 32px;
font-weight: 700;
letter-spacing: 1em;
padding-left: 1em
}
.editor-styles-wrapper blockquote {
margin: 0
}
.editor-styles-wrapper .wp-block-quote {
border-color: #cd2653;
border-style: solid;
border-width: 0 0 0 2px;
margin: 20px 0;
padding: 5px 0 5px 20px
}
.editor-styles-wrapper .wp-block-quote.has-text-align-center,
.editor-styles-wrapper .wp-block-quote[style*="text-align: center"],
.editor-styles-wrapper .wp-block-quote[style*="text-align:center"] {
border-width: 0;
padding: 5px 0
}
.editor-styles-wrapper .wp-block-quote.has-text-align-right,
.editor-styles-wrapper .wp-block-quote[style*="text-align: right"],
.editor-styles-wrapper .wp-block-quote[style*="text-align:right"] {
border-width: 0 2px 0 0;
padding: 5px 20px 5px 0
}
.editor-styles-wrapper .wp-block-quote cite,
.editor-styles-wrapper .wp-block-quote footer,
.editor-styles-wrapper .wp-block-quote__citation,
.editor-styles-wrapper cite {
color: #6d6d6d;
font-size: 14px;
font-weight: 600;
line-height: 1.25
}
.editor-styles-wrapper .wp-block-quote p {
color: inherit;
font-weight: 400;
margin: 0 0 20px 0
}
.editor-styles-wrapper .wp-block-quote.is-style-large {
border: none;
padding: 0
}
.editor-styles-wrapper .wp-block-quote.is-style-large p {
font-family: inherit;
font-size: 24px;
font-style: normal;
font-weight: 700;
letter-spacing: -.035714286em;
line-height: 1.285714286
}
.editor-styles-wrapper .wp-block-quote.is-style-large .wp-block-quote__citation,
.editor-styles-wrapper .wp-block-quote.is-style-large cite,
.editor-styles-wrapper .wp-block-quote.is-style-large footer {
font-size: 16px
}
.editor-styles-wrapper .wp-block-code {
color: inherit
}
.editor-styles-wrapper .wp-block-code,
.editor-styles-wrapper .wp-block-preformatted pre,
.editor-styles-wrapper .wp-block-verse pre {
border: 1px solid #dcd7ca;
border-radius: 0;
padding: 30px
}
.editor-styles-wrapper .wp-block-code .block-editor-plain-text,
.editor-styles-wrapper .wp-block-freeform.block-library-rich-text__tinymce pre,
.editor-styles-wrapper .wp-block-preformatted pre,
.editor-styles-wrapper .wp-block-verse pre {
background: 0 0;
color: inherit;
font-family: monospace;
font-size: 14px
}
.editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container,
.editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container {
margin: 0 auto;
width: calc(100% - 40px)
}
.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align=left],
.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align=right] {
height: auto;
max-height: none
}
.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align=left] .wp-block-cover {
text-align: left
}
.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align=right] .wp-block-cover {
text-align: right
}
.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align=left] .block-editor-block-list__block-edit,
.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align=right] .block-editor-block-list__block-edit {
float: none;
margin-left: 0;
margin-right: 0;
max-width: 100%
}
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover h2,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2 {
max-width: 100%
}
.editor-styles-wrapper .wp-block-cover a {
color: inherit
}
.wp-block[data-type*=core-embed][data-align=full] figcaption,
.wp-block[data-type="core/gallery"][data-align=full] .blocks-gallery-caption,
.wp-block[data-type="core/image"][data-align=full] figcaption {
padding: 0 14px
}
.editor-styles-wrapper .wp-block-pullquote {
border: none;
color: inherit;
padding: 0;
position: relative;
text-align: center
}
.editor-styles-wrapper .wp-block-pullquote::before {
background: #fff;
border-radius: 50%;
color: #cd2653;
content: "”";
display: block;
font-size: 62px;
font-weight: 500;
line-height: 1.2;
margin: 0 auto 15px auto;
text-align: center;
height: 44px;
width: 44px
}
.editor-styles-wrapper .wp-block .wp-block-pullquote p {
font-family: inherit;
font-size: 28px;
font-weight: 700;
line-height: 1.178571429;
letter-spacing: -.041785714em;
margin-bottom: 20px
}
.editor-styles-wrapper .wp-block .wp-block-pullquote p:last-child {
margin-bottom: 0
}
.editor-styles-wrapper .wp-block .wp-block-pullquote p,
.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote>.block-editor-rich-text p,
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=left] .editor-rich-text p,
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=right] .editor-rich-text p {
font-size: 28px
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=left],
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=right] {
height: auto;
max-height: none
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=left] .wp-block-pullquote,
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=left] .wp-block-pullquote.is-style-solid-color blockquote {
text-align: left
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=right] .wp-block-pullquote,
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=right] .wp-block-pullquote.is-style-solid-color blockquote {
text-align: right
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=left] .block-editor-block-list__block-edit,
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=right] .block-editor-block-list__block-edit {
float: none;
margin-left: 0;
margin-right: 0;
max-width: 100%
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=right] .block-editor-block-list__block-edit .wp-block-pullquote::before {
margin-right: 0
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=left] .block-editor-block-list__block-edit .wp-block-pullquote::before {
margin-left: 0
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=right] .is-style-solid-color::before {
right: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=left] .is-style-solid-color::before {
left: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.editor-styles-wrapper .wp-block-pullquote cite,
.editor-styles-wrapper .wp-block-pullquote footer,
.editor-styles-wrapper .wp-block-pullquote__citation {
color: #6d6d6d;
font-size: 16px;
font-weight: 500;
margin-top: 12px;
text-transform: none
}
.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color {
padding: 30px 20px;
position: relative
}
.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color::before {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%)
}
.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
text-align: center
}
.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote cite,
.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote footer,
.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation {
color: inherit
}
.editor-styles-wrapper .wp-block-verse pre,
.editor-styles-wrapper pre.wp-block-verse {
font-size: .75em
}
.editor-styles-wrapper .wp-block-button__link,
.editor-styles-wrapper .wp-block-file__button {
background: #cd2653;
border-radius: 0;
color: #fff;
font-size: 15px;
font-weight: 600;
letter-spacing: .0333em;
line-height: 1.25;
padding: 1.1em 1.44em;
text-transform: uppercase
}
.editor-styles-wrapper .wp-block-button .wp-block-button__link.mce-content-body {
line-height: 1.1
}
.editor-styles-wrapper .is-style-outline .wp-block-button__link {
background: 0 0;
border-color: currentColor;
color: #cd2653;
padding: calc(1.1em - 2px) calc(1.44em - 2px)
}
.editor-styles-wrapper .is-style-squared .wp-block-button__link {
border-radius: 0
}
.editor-styles-wrapper .wp-block-latest-comments {
font-family: inherit;
margin-left: 0
}
.editor-styles-wrapper .wp-block-latest-comments li.wp-block-latest-comments__comment {
font-size: inherit;
margin-bottom: 20px
}
.editor-styles-wrapper .wp-block-latest-comments li.wp-block-latest-comments__comment:last-child {
margin-bottom: 0
}
.editor-styles-wrapper .wp-block-latest-comments__comment-excerpt,
.editor-styles-wrapper .wp-block-latest-comments__comment-meta {
margin-left: 0 !important
}
.editor-styles-wrapper .wp-block-latest-comments__comment-meta {
font-weight: 700
}
.editor-styles-wrapper .wp-block-latest-comments__comment-meta a {
text-decoration: none
}
.editor-styles-wrapper .wp-block-latest-comments__comment-meta a:focus,
.editor-styles-wrapper .wp-block-latest-comments__comment-meta a:hover {
text-decoration: none
}
.editor-styles-wrapper .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.editor-styles-wrapper .wp-block-latest-comments.has-avatars img.avatar {
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 5px 15px 0 0
}
.editor-styles-wrapper .wp-block-latest-comments__comment-excerpt {
margin: 0
}
.editor-styles-wrapper .wp-block-latest-comments__comment-excerpt p {
font-family: inherit;
font-size: .7em;
margin: 10px 0 0
}
.editor-styles-wrapper ul.wp-block-latest-posts:not(.is-grid) li {
margin-top: 15px
}
.editor-styles-wrapper .wp-block-latest-posts.is-grid li {
border-color: #dcd7ca
}
.editor-styles-wrapper ul.wp-block-latest-posts.is-grid li {
border-style: solid;
border-width: 2px 0 0;
line-height: 1.25;
margin: 20px 16px 16px 0;
padding-top: 12px
}
.editor-styles-wrapper .wp-block-latest-posts__post-excerpt {
font-size: .95em;
line-height: 1.4;
margin-top: 15px
}
.editor-styles-wrapper .wp-block-shortcode textarea {
color: #191e23
}
.editor-styles-wrapper .wp-block-embed {
margin-bottom: 30px;
margin-top: 30px
}
.editor-styles-wrapper .wp-block[data-type*=core-embed][data-align=center] * {
margin-left: auto;
margin-right: auto
}
.editor-styles-wrapper .wp-block-file {
background: 0 0;
padding: 0
}
.editor-styles-wrapper .wp-block-file__content-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.editor-styles-wrapper .wp-block-file .wp-block-file__textlink {
color: #cd2653;
font-weight: 700;
text-decoration: none
}
.editor-styles-wrapper .wp-block-file .wp-block-file__textlink:focus,
.editor-styles-wrapper .wp-block-file .wp-block-file__textlink:hover {
text-decoration: underline
}
.editor-styles-wrapper .wp-block-file .wp-block-file__button {
font-size: 14px;
padding: 1em 1.25em
}
.editor-styles-wrapper .wp-block-image {
margin-bottom: 30px;
margin-top: 30px
}
.editor-styles-wrapper .wp-block-image.is-resized {
margin-left: auto;
margin-right: auto
}
.editor-styles-wrapper .wp-block-group.has-background {
padding: 20px
}
.wp-block-group .wp-block[data-type="core/heading"]:first-child * {
margin-top: 0
}
.wp-block[data-type="core/group"]>.editor-block-list__block-edit>div>.wp-block-group.has-background>.wp-block-group__inner-container>.editor-inner-blocks>.editor-block-list__layout>.wp-block[data-align=full],
.wp-block[data-type="core/group"][data-align=full]>.editor-block-list__block-edit>div>.wp-block-group.has-background>.wp-block-group__inner-container>.editor-inner-blocks>.editor-block-list__layout>.wp-block[data-align=full] {
margin-left: 0;
width: 100%
}
.wp-block[data-type="tadv/classic-paragraph"] .mce-btn i {
font-family: dashicons !important
}
@media (min-width:480px) {
.editor-styles-wrapper .wp-block[data-align=right] {
margin-right: 0
}
.editor-styles-wrapper .wp-block[data-align=left] {
margin: 0
}
.wp-block[data-type="core/cover"][data-align=left] [data-block],
.wp-block[data-type="core/cover"][data-align=right] [data-block] {
margin-top: 0
}
.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align=right] .block-editor-block-list__block-edit {
float: right;
margin-left: 20px;
max-width: 260px
}
.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align=left] .block-editor-block-list__block-edit {
float: left;
margin-right: 20px;
max-width: 260px
}
.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align=right] .wp-block-pullquote::before {
margin-right: 0
}
.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align=left] .wp-block-pullquote::before {
margin-left: 0
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=left],
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=right] {
height: 0;
max-width: 260px
}
.wp-block[data-type="core/pullquote"][data-align=left] [data-block],
.wp-block[data-type="core/pullquote"][data-align=right] [data-block] {
margin-top: 0
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=right] .block-editor-block-list__block-edit {
float: right;
margin-left: 20px;
max-width: 260px
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=left] .block-editor-block-list__block-edit {
float: left;
margin-right: 20px;
max-width: 260px
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=right] .wp-block-pullquote::before {
margin-right: 0
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=left] .wp-block-pullquote::before {
margin-left: 0
}
}
@media (min-width:600px) {
.wp-block[data-type*=core-embed][data-align=full] figcaption,
.wp-block[data-type="core/gallery"][data-align=full] .blocks-gallery-caption,
.wp-block[data-type="core/image"][data-align=full] figcaption {
padding: 0 45px
}
.editor-styles-wrapper .wp-block[data-type="core/column"] h1,
.editor-styles-wrapper .wp-block[data-type="core/column"] h2,
.editor-styles-wrapper .wp-block[data-type="core/column"] h3,
.editor-styles-wrapper .wp-block[data-type="core/column"] h4,
.editor-styles-wrapper .wp-block[data-type="core/column"] h5,
.editor-styles-wrapper .wp-block[data-type="core/column"] h6 {
margin: 35px 0 20px 0
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=right] .block-editor-block-list__block-edit {
margin-right: -30px
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=left] .block-editor-block-list__block-edit {
margin-left: -30px
}
}
@media (min-width:768px) {
.editor-styles-wrapper>* {
font-size: 1.6rem
}
.editor-styles-wrapper fieldset {
padding: 30px
}
.editor-styles-wrapper legend {
padding: 0 15px
}
.editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container,
.editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container {
width: calc(100% - 80px)
}
.editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align=full] .wp-block-group.has-background,
.editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align=wide] .wp-block-group.has-background,
.editor-styles-wrapper .wp-block:not([data-align=wide]):not([data-align=full]) div:not([class*="__inner-container"]) .wp-block-group.has-background {
padding: 40px
}
.editor-styles-wrapper .wp-block[data-align=full] .wp-block-group.has-background,
.editor-styles-wrapper .wp-block[data-align=wide] .wp-block-group.has-background {
padding: 80px
}
.editor-styles-wrapper .wp-block-pullquote cite,
.editor-styles-wrapper .wp-block-pullquote footer,
.editor-styles-wrapper .wp-block-pullquote__citation {
margin-top: 20px
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=full] .wp-block-pullquote::before,
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=wide] .wp-block-pullquote::before {
font-size: 113px;
height: 80px;
margin-bottom: 20px;
width: 80px
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=full] .wp-block-pullquote.is-style-solid-color,
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=wide] .wp-block-pullquote.is-style-solid-color {
padding: 60px 40px 40px
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=full] .wp-block-pullquote:not(.is-style-solid-color) {
padding-left: 10px;
padding-right: 10px
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=full] blockquote p,
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=wide] blockquote p {
font-size: 48px;
line-height: 1.203125
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=left] p,
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=right] p {
font-size: 32px;
line-height: 1.1875
}
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=left] .is-style-solid-color p,
.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align=right] .is-style-solid-color p {
font-size: 26px
}
hr.wp-block-separator {
margin-bottom: 60px;
margin-top: 60px
}
}
@media (min-width:1000px) {
hr.wp-block-separator {
margin-bottom: 80px;
margin-top: 80px
}
hr.wp-block-separator.is-style-wide {
margin-left: -70px;
margin-right: -70px
}
}
.wysiwyg-editor-smartnews .mce-menubar>div>div:nth-child(4),
.wysiwyg-editor-smartnews .mce-menubar>div>div:nth-child(5) {
display: none
}
body.wysiwyg-editor-smartnews {
font-family: YakuHanJP, Poppins, "Noto Sans", sans-serif !important
}
@font-face {
font-family: NonBreakingSpaceOverride;
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff")
}
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-style: normal;
src: url(/app/themes/bungei/static/fonts/inter/Inter-upright-var.woff2) format("woff2")
}
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-style: italic;
src: url(/app/themes/bungei/static/fonts/inter/Inter-italic-var.woff2) format("woff2")
}
body#tinymce.wp-editor.content {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif
}
@supports (font-variation-settings:normal) {
body#tinymce.wp-editor.content {
font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif
}
}
body#tinymce.wp-editor.content {
background: #f5efe0;
color: #000;
font-size: 21px;
letter-spacing: -.015em;
margin: 0 auto;
max-width: calc(100% - 40px);
width: 580px
}
body#tinymce.wp-editor.content * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased
}
body#tinymce.wp-editor.content dl,
body#tinymce.wp-editor.content dt,
body#tinymce.wp-editor.content ol,
body#tinymce.wp-editor.content p,
body#tinymce.wp-editor.content ul {
font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
letter-spacing: normal
}
body#tinymce.wp-editor.content blockquote,
body#tinymce.wp-editor.content ol,
body#tinymce.wp-editor.content p,
body#tinymce.wp-editor.content ul {
line-height: 1.5;
margin-bottom: 1.5em
}
body#tinymce.wp-editor.content code,
body#tinymce.wp-editor.content kbd,
body#tinymce.wp-editor.content samp {
background: rgba(0, 0, 0, .075)
}
body#tinymce.wp-editor.content code,
body#tinymce.wp-editor.content kbd,
body#tinymce.wp-editor.content pre,
body#tinymce.wp-editor.content samp {
font-family: monospace;
color: inherit;
font-size: 15px
}
body#tinymce.wp-editor.content pre {
border: 1px solid #dcd7ca;
line-height: 1.5;
margin: 40px 0;
overflow: auto;
padding: 30px;
text-align: left
}
body#tinymce.wp-editor.content a,
body#tinymce.wp-editor.content a:focus,
body#tinymce.wp-editor.content a:hover {
color: #cd2653;
text-decoration: underline
}
body#tinymce.wp-editor.content img {
height: auto;
max-width: 100%
}
body#tinymce.wp-editor.content img[data-wp-more] {
height: 16px
}
body#tinymce.wp-editor.content hr {
border: none;
border-top: 1px solid #dcd7ca;
margin: 2em auto;
width: 100%
}
body#tinymce.wp-editor.content hr:not(.is-style-dots) {
background: -o-linear-gradient(right, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px));
background: linear-gradient(to left, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px));
border: none;
color: #6d6d6d;
height: 1px;
margin: 80px 0;
overflow: visible;
position: relative
}
body#tinymce.wp-editor.content hr:not(.is-style-dots)::after,
body#tinymce.wp-editor.content hr:not(.is-style-dots)::before {
background: currentColor;
content: "";
display: block;
height: 16px;
position: absolute;
top: calc(50% - 8px);
-webkit-transform: rotate(22.5deg);
-ms-transform: rotate(22.5deg);
transform: rotate(22.5deg);
width: 1px
}
body#tinymce.wp-editor.content hr::before {
left: calc(50% - 5px)
}
body#tinymce.wp-editor.content hr::after {
right: calc(50% - 5px)
}
body#tinymce.wp-editor.content dt {
font-weight: 600
}
body#tinymce.wp-editor.content dd {
line-height: 1.5
}
body#tinymce.wp-editor.content dd+dt {
margin-top: 1.5rem
}
body#tinymce.wp-editor.content .wp-caption-dd,
body#tinymce.wp-editor.content .wp-caption-text,
body#tinymce.wp-editor.content cite,
body#tinymce.wp-editor.content figcaption,
body#tinymce.wp-editor.content table {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
line-height: 1
}
@supports (font-variation-settings:normal) {
body#tinymce.wp-editor.content .wp-caption-dd,
body#tinymce.wp-editor.content .wp-caption-text,
body#tinymce.wp-editor.content cite,
body#tinymce.wp-editor.content figcaption,
body#tinymce.wp-editor.content table {
font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif
}
}
body#tinymce.wp-editor.content h1,
body#tinymce.wp-editor.content h2,
body#tinymce.wp-editor.content h3,
body#tinymce.wp-editor.content h4,
body#tinymce.wp-editor.content h5,
body#tinymce.wp-editor.content h6 {
-webkit-font-feature-settings: "lnum";
font-feature-settings: "lnum";
font-variant-numeric: lining-nums;
font-weight: 700;
letter-spacing: -.0415625em;
line-height: 1.25;
margin: 40px 0 25px
}
body#tinymce.wp-editor.content h1 {
font-size: 84px;
font-weight: 800;
line-height: 1.138888889
}
body#tinymce.wp-editor.content h2 {
font-size: 48px
}
body#tinymce.wp-editor.content h3 {
font-size: 40px
}
body#tinymce.wp-editor.content h4 {
font-size: 32px
}
body#tinymce.wp-editor.content h5 {
font-size: 24px
}
body#tinymce.wp-editor.content h6 {
font-size: 18px;
letter-spacing: .03125em;
text-transform: uppercase
}
body#tinymce.wp-editor.content blockquote {
border-style: solid;
border: none;
border-left: 2px solid #cd2653;
margin: 0 0 1.6em 0;
padding: .25em 0 .25em 1em
}
body#tinymce.wp-editor.content blockquote p {
font-style: normal;
font-weight: 400;
margin: 0
}
body#tinymce.wp-editor.content cite {
color: #6d6d6d;
font-size: 16px;
font-weight: 500;
font-style: normal
}
body#tinymce.wp-editor.content blockquote cite {
display: block;
margin-top: 20px
}
body#tinymce.wp-editor.content ul {
margin-left: 1.5em;
padding-left: 0;
list-style: disc
}
body#tinymce.wp-editor.content ol {
margin-left: 1.5em;
padding-left: 0;
list-style: square
}
body#tinymce.wp-editor.content ul ul {
list-style: circle
}
body#tinymce.wp-editor.content ul ul ul {
list-style: square
}
body#tinymce.wp-editor.content ol ol {
list-style: lower-alpha
}
body#tinymce.wp-editor.content ol ol ol {
list-style: lower-roman
}
body#tinymce.wp-editor.content ol ol,
body#tinymce.wp-editor.content ol ul,
body#tinymce.wp-editor.content ul ol,
body#tinymce.wp-editor.content ul ul {
margin-bottom: 0
}
body#tinymce.wp-editor.content li {
line-height: 1.5;
margin-bottom: .5em
}
body#tinymce.wp-editor.content ol>li:last-child,
body#tinymce.wp-editor.content ul>li:last-child {
margin-bottom: 0
}
body#tinymce.wp-editor.content ol>li:first-child,
body#tinymce.wp-editor.content ul>li:first-child {
margin-top: .5em
}
body#tinymce.wp-editor.content figure,
body#tinymce.wp-editor.content video {
display: block;
margin: 0
}
body#tinymce.wp-editor.content .wp-caption {
margin-bottom: 1.5em
}
body#tinymce.wp-editor.content .aligncenter img,
body#tinymce.wp-editor.content .alignleft img,
body#tinymce.wp-editor.content .alignnone img,
body#tinymce.wp-editor.content .alignright img,
body#tinymce.wp-editor.content img.aligncenter,
body#tinymce.wp-editor.content img.alignleft,
body#tinymce.wp-editor.content img.alignnone,
body#tinymce.wp-editor.content img.alignright {
display: block
}
body#tinymce.wp-editor.content .aligncenter,
body#tinymce.wp-editor.content .alignfull,
body#tinymce.wp-editor.content .alignnone,
body#tinymce.wp-editor.content .alignwide {
margin: 50px auto
}
body#tinymce.wp-editor.content .alignleft,
body#tinymce.wp-editor.content .alignright {
margin-bottom: 25px;
max-width: 50%
}
body#tinymce.wp-editor.content .wp-caption img {
display: block
}
body#tinymce.wp-editor.content .wp-caption .alignleft,
body#tinymce.wp-editor.content .wp-caption .alignright {
margin-bottom: 0
}
body#tinymce.wp-editor.content .alignleft {
float: left;
margin-right: 25px;
max-width: 260px
}
body#tinymce.wp-editor.content .alignright {
float: right;
margin-left: 25px;
max-width: 260px
}
body#tinymce.wp-editor.content .wpview[data-wpview-type=gallery]+.wpview[data-wpview-type=gallery] {
margin-top: -34px
}
body#tinymce.wp-editor.content .gallery-caption,
body#tinymce.wp-editor.content .wp-caption-dd,
body#tinymce.wp-editor.content .wp-caption-text,
body#tinymce.wp-editor.content figcaption {
color: #6d6d6d;
display: block;
font-size: 15px;
font-weight: 500;
line-height: 1.2;
margin: 18px 0 0
}
body#tinymce.wp-editor.content .gallery-caption a,
body#tinymce.wp-editor.content .wp-caption-dd a,
body#tinymce.wp-editor.content .wp-caption-text a,
body#tinymce.wp-editor.content figcaption a {
color: inherit
}
body#tinymce.wp-editor.content table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
font-size: 18px;
width: 100%
}
body#tinymce.wp-editor.content td,
body#tinymce.wp-editor.content th {
line-height: 1.2;
margin: 0;
overflow: visible;
padding: .5em
}
body#tinymce.wp-editor.content caption {
text-align: center;
padding: .5em
}
body#tinymce.wp-editor.content thead {
vertical-align: bottom;
white-space: nowrap
}
body#tinymce.wp-editor.content th {
text-align: left
}
body#tinymce.wp-editor.content fieldset {
border: 2px solid #dcd7ca;
padding: 30px
}
body#tinymce.wp-editor.content fieldset legend {
font-size: .85em;
font-weight: 700;
padding: 0 15px
}
body#tinymce.wp-editor.content label {
display: block;
font-size: 15px;
font-weight: 600;
margin: 0 0 5px 0
}
body#tinymce.wp-editor.content input,
body#tinymce.wp-editor.content textarea {
border-color: #dcd7ca;
color: inherit;
font-family: inherit;
font-size: inherit
}
body#tinymce.wp-editor.content input[type=color],
body#tinymce.wp-editor.content input[type=date],
body#tinymce.wp-editor.content input[type=datetime-local],
body#tinymce.wp-editor.content input[type=datetime],
body#tinymce.wp-editor.content input[type=email],
body#tinymce.wp-editor.content input[type=month],
body#tinymce.wp-editor.content input[type=number],
body#tinymce.wp-editor.content input[type=password],
body#tinymce.wp-editor.content input[type=search],
body#tinymce.wp-editor.content input[type=tel],
body#tinymce.wp-editor.content input[type=text],
body#tinymce.wp-editor.content input[type=time],
body#tinymce.wp-editor.content input[type=url],
body#tinymce.wp-editor.content input[type=week],
body#tinymce.wp-editor.content textarea {
-webkit-appearance: none;
-moz-appearance: none;
background: 0 0;
border-radius: 3px;
border-style: solid;
border-width: .1rem;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
font-size: inherit;
font-weight: 400;
margin: 0;
max-width: 100%;
padding: 13.5px 18px;
width: 100%;
word-break: normal
}
body#tinymce.wp-editor.content textarea {
height: 200px;
line-height: 1.5;
width: 100%
}
body#tinymce.wp-editor.content .faux-button,
body#tinymce.wp-editor.content .wp-block-button__link,
body#tinymce.wp-editor.content .wp-block-file__button,
body#tinymce.wp-editor.content button,
body#tinymce.wp-editor.content input[type=button],
body#tinymce.wp-editor.content input[type=reset],
body#tinymce.wp-editor.content input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
background: #cd2653;
border: none;
border-radius: 0;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 17px;
font-weight: 600;
letter-spacing: .0333em;
line-height: 1.25;
margin: 0;
padding: 1.1em 1.44em;
text-align: center;
text-decoration: none;
text-transform: uppercase
}
body#tinymce.wp-editor.content .faux-button:focus,
body#tinymce.wp-editor.content .faux-button:hover,
body#tinymce.wp-editor.content .wp-block-button__link:focus,
body#tinymce.wp-editor.content .wp-block-button__link:hover,
body#tinymce.wp-editor.content .wp-block-file__button:focus,
body#tinymce.wp-editor.content .wp-block-file__button:hover,
body#tinymce.wp-editor.content button:focus,
body#tinymce.wp-editor.content button:hover,
body#tinymce.wp-editor.content input[type=button]:focus,
body#tinymce.wp-editor.content input[type=button]:hover,
body#tinymce.wp-editor.content input[type=reset]:focus,
body#tinymce.wp-editor.content input[type=reset]:hover,
body#tinymce.wp-editor.content input[type=submit]:focus,
body#tinymce.wp-editor.content input[type=submit]:hover {
color: #fff;
text-decoration: underline
}
.wp-block-button:not(.alignleft):not(.alignright) {
margin-bottom: 30px;
margin-top: 30px
}
.wp-block-button.aligncenter {
text-align: center
}
body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link,
body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link:focus,
body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link:hover {
color: #cd2653
}
body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link {
background: 0 0;
border: 2px solid currentColor;
padding: calc(1.1em - 2px) calc(1.44em - 2px)
}
body#tinymce.wp-editor.content .is-style-squared .wp-block-button__link {
border-radius: 0
}
body#tinymce.wp-editor.content .has-background {
padding: 20px
}
body#tinymce.wp-editor.content ul.wp-block-gallery {
list-style: none;
margin-left: 0
}
body#tinymce.wp-editor.content ul.wp-block-gallery li {
margin-left: 0
}
.tns-outer {
padding: 0 !important
}
.tns-outer [hidden] {
display: none !important
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
cursor: pointer
}
.tns-slider {
-webkit-transition: all 0s;
-o-transition: all 0s;
transition: all 0s
}
.tns-slider>.tns-item {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.tns-horizontal.tns-subpixel {
white-space: nowrap
}
.tns-horizontal.tns-subpixel>.tns-item {
display: inline-block;
vertical-align: top;
white-space: normal
}
.tns-horizontal.tns-no-subpixel::after {
content: '';
display: table;
clear: both
}
.tns-horizontal.tns-no-subpixel>.tns-item {
float: left
}
.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
margin-right: -100%
}
.tns-no-calc {
position: relative;
left: 0
}
.tns-gallery {
position: relative;
left: 0;
min-height: 1px
}
.tns-gallery>.tns-item {
position: absolute;
left: -100%;
-webkit-transition: transform 0s, opacity 0s;
-webkit-transition: opacity 0s, -webkit-transform 0s;
transition: opacity 0s, -webkit-transform 0s;
-o-transition: transform 0s, opacity 0s;
transition: transform 0s, opacity 0s;
transition: transform 0s, opacity 0s, -webkit-transform 0s
}
.tns-gallery>.tns-slide-active {
position: relative;
left: auto !important
}
.tns-gallery>.tns-moving {
-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s
}
.tns-autowidth {
display: inline-block
}
.tns-lazy-img {
-webkit-transition: opacity .6s;
-o-transition: opacity .6s;
transition: opacity .6s;
opacity: .6
}
.tns-lazy-img.tns-complete {
opacity: 1
}
.tns-ah {
-webkit-transition: height 0s;
-o-transition: height 0s;
transition: height 0s
}
.tns-ovh {
overflow: hidden
}
.tns-visually-hidden {
position: absolute;
left: -10000em
}
.tns-transparent {
opacity: 0;
visibility: hidden
}
.tns-fadeIn {
opacity: 1;
z-index: 0
}
.tns-fadeOut,
.tns-normal {
opacity: 0;
z-index: -1
}
.tns-vpfix {
white-space: nowrap
}
.tns-vpfix>div,
.tns-vpfix>li {
display: inline-block
}
.tns-t-subp2 {
margin: 0 auto;
width: 310px;
position: relative;
height: 10px;
overflow: hidden
}
.tns-t-ct {
width: 2333.33333%;
width: calc(100% * 70 / 3);
position: absolute;
right: 0
}
.tns-t-ct::after {
content: '';
display: table;
clear: both
}
.tns-t-ct>div {
width: 1.42857%;
width: calc(100% / 70);
height: 10px;
float: left
}
@media screen and (min-width:768px) {
.pageContainer {
overflow: hidden;
margin-left: 60px
}
}
.pageContainer__inner {
background-color: #f8f9fa
}
@media screen and (min-width:768px) {
.pageContainer__inner {
margin-left: -60px;
padding: 0 0 0 60px
}
}
.contentContainer,
.contentContainer--min {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media screen and (min-width:1280px) {
.contentContainer,
.contentContainer--min {
margin-left: -60px
}
}
.contentContainer__inner {
width: 100%;
margin: 0 4vw;
}
@media screen and (min-width:768px) {
.contentContainer__inner {
margin: 0 2vw;
max-width: 1000px;
}
}
@media screen and (min-width:768px) {
.contentContainer--min .contentContainer__inner {
max-width: 880px
}
}
.contentContainer--full {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden
}
@media screen and (min-width:768px) {
.contentContainer--full .contentContainer__inner {
margin: 0 0 0 -60px;
max-width: 100vw;
width: 100vw
}
}
@media screen and (max-width:1279px) {
.contentContainer--full .contentContainer__inner {
margin: 0;
width: 100%
}
}
.formContainer {
width: 100%;
max-width: 680px;
margin: 0 auto
}
@media screen and (max-width:767px) {
.formContainer__row {
margin-bottom: 45px
}
}
@media screen and (min-width:768px) {
.formContainer__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 25px
}
}
.formContainer__label {
font-weight: 700
}
@media screen and (max-width:767px) {
.formContainer__label {
width: 100%;
margin-bottom: 10px
}
}
@media screen and (min-width:768px) {
.formContainer__label {
width: 220px
}
}
.formContainer__label--short {
line-height: 30px
}
.formContainer__label--default {
line-height: 50px
}
@media screen and (max-width:767px) {
.formContainer__control {
width: 100%;
max-width: 100%
}
}
@media screen and (min-width:768px) {
.formContainer__control {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 460px
}
}
.formContainer__disables {
visibility: hidden;
display: none
}
.formContainer__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media screen and (min-width:768px) {
.formContainer__buttons {
margin-top: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media screen and (max-width:767px) {
.formContainer__buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
@media screen and (min-width:768px) {
.formContainer__buttons>.button:not(:first-child) {
margin-left: 10px
}
}
@media screen and (max-width:767px) {
.formContainer__buttons>.button:not(:last-child) {
margin-bottom: 20px
}
}
.heading--1,
.postContent h1 {
font-weight: 700;
letter-spacing: .1em;
line-height: 1.5;
margin: 0 0 40px 0;
text-align: center
}
@media screen and (max-width:767px) {
.heading--1,
.postContent h1 {
font-size: 2.8rem
}
}
@media screen and (min-width:768px) {
.heading--1,
.postContent h1 {
font-size: 3.2rem
}
}
.heading--2,
.postContent h2 {
font-weight: 700;
letter-spacing: .1em;
line-height: 1.5;
margin: 0 0 40px 0;
text-align: center
}
@media screen and (max-width:767px) {
.heading--2,
.postContent h2 {
font-size: 2.6rem
}
}
@media screen and (min-width:768px) {
.heading--2,
.postContent h2 {
font-size: 3rem
}
}
.heading--3,
.postContent h3 {
font-weight: 700;
letter-spacing: .1em;
line-height: 1.5;
margin: 0 0 30px 0
}
@media screen and (max-width:767px) {
.heading--3,
.postContent h3 {
font-size: 2.2rem
}
}
@media screen and (min-width:768px) {
.heading--3,
.postContent h3 {
font-size: 2.6rem
}
}
.heading--4,
.postContent h4 {
font-weight: 700;
letter-spacing: .05em;
margin: 0 0 10px 0
}
@media screen and (max-width:767px) {
.heading--4,
.postContent h4 {
line-height: 1.47;
font-size: 1.7rem
}
}
@media screen and (min-width:768px) {
.heading--4,
.postContent h4 {
line-height: 1.5;
font-size: 2rem
}
}
.heading--5,
.heading--6,
.postContent h5,
.postContent h6 {
font-weight: 400;
margin: 0 0 10px 0
}
@media screen and (max-width:767px) {
.heading--5,
.heading--6,
.postContent h5,
.postContent h6 {
line-height: 1.75;
font-size: 1.6rem
}
}
@media screen and (min-width:768px) {
.heading--5,
.heading--6,
.postContent h5,
.postContent h6 {
line-height: 1.88;
font-size: 1.8rem
}
}
.heading--marginTop40 {
margin-top: 40px !important
}
p {
font-weight: 400;
margin: 0 0 10px
}
@media screen and (max-width:767px) {
p {
line-height: 1.47;
font-size: 1.4rem
}
}
@media screen and (min-width:768px) {
p {
line-height: 1.67;
font-size: 1.6rem
}
}
strong {
font-weight: 700
}
small {
font-weight: 400;
display: inline-block
}
@media screen and (max-width:767px) {
small {
line-height: 1.5;
font-size: 1rem
}
}
@media screen and (min-width:768px) {
small {
line-height: 2;
font-size: 1.2rem
}
}
.text--left {
text-align: left
}
.text--center {
text-align: center
}
.text--right {
text-align: right
}
.text--bold {
font-weight: 700
}
.text--normal {
font-weight: 400
}
.text--indent {
text-indent: 1em
}
.text--annotation {
padding-left: 1em;
text-indent: -1em
}
.text--truncate::after {
font-weight: 400;
content: "…"
}
.text--white {
color: #fff
}
.text--primary {
color: #142850
}
.text--lightGray {
color: #f8f9fa
}
.text--gray {
color: #cdd7dd
}
.text--midGray {
color: #98aabc
}
.text--attention {
color: #fff450
}
.text--warning {
color: #c00
}
.text--dark {
color: #3b4043
}
.text--bold {
font-weight: 700
}
.linkText,
.postContent a:not(.button) {
color: #142850;
text-decoration: none
}
.linkText--inversion {
color: #fff
}
html.no-touchevents .linkText,
html.no-touchevents .postContent a:not(.button):not(.linkCard__anchor) {
color: #142850;
text-decoration: none;
border-bottom: 1px solid transparent;
-webkit-transition: border-bottom .3s;
-o-transition: border-bottom .3s;
transition: border-bottom .3s
}
html.no-touchevents .linkText:hover,
html.no-touchevents .postContent a:not(.button):not(.linkCard__anchor):hover {
border-bottom: 1px solid #142850
}
html.no-touchevents .linkText--inversion {
color: #fff;
text-decoration: none;
border-bottom: 1px solid transparent;
-webkit-transition: border-bottom .3s;
-o-transition: border-bottom .3s;
transition: border-bottom .3s
}
html.no-touchevents .linkText--inversion:hover {
border-bottom: 1px solid #fff
}
img {
vertical-align: middle
}
.imgResponsive {
width: 100%;
max-width: 100%;
height: auto
}
.imgPlaceHolder {
padding-bottom: 100%;
position: relative;
background-color: transparent;
overflow: hidden
}
.imgPlaceHolder__image {
position: absolute;
display: block;
width: 100%;
max-width: 100%;
height: auto
}
.imgPlaceHolder--hero {
padding-bottom: 67.10526%;
position: relative;
background-color: transparent;
overflow: hidden
}
.imgPlaceHolder--hero__image {
position: absolute;
display: block;
width: 100%;
max-width: 100%;
height: auto
}
.imgPlaceHolder--logoVertical {
padding-bottom: 59.28854%;
position: relative;
background-color: transparent;
overflow: hidden
}
.imgPlaceHolder--logoVertical__image {
position: absolute;
display: block;
width: 100%;
max-width: 100%;
height: auto
}
.imgPlaceHolder--logoHorizontal {
padding-bottom: 30%;
position: relative;
background-color: transparent;
overflow: hidden
}
.imgPlaceHolder--logoHorizontal__image {
position: absolute;
display: block;
width: 100%;
max-width: 100%;
height: auto
} .imgPlaceHolder--footerBanner {
padding-bottom: 40%;
position: relative;
background-color: transparent;
overflow: hidden
}
.imgPlaceHolder--footerBanner__image {
position: absolute;
display: block;
width: 100%;
max-width: 100%;
height: auto
}
.is-style-rounded img {
border-radius: 9999px
}
.button {
display: inline-block;
font-size: 1.6rem;
border-radius: 10px;
text-align: center;
text-decoration: none;
line-height: 1.45;
width: 100%;
padding: 15px 40px;
position: relative;
cursor: pointer;
font-weight: 700
}
.button__arrowIcon,
.button__blankIcon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 1rem;
right: 20px
}
.button__arrowIcon {
width: 10px;
height: 10px
}
.button__blankIcon {
width: 12px;
height: 12px
}
.button--primary {
color: #3b4043;
background: #fff450;
border: 2px solid #fff450
}
.button--primary .button__arrowIcon {
color: #3b4043
}
.button--darkblue {
color: #fff;
background: #142850;
border: 2px solid #142850;
}
.button--darkblue .button__arrowIcon {
color: #fff;
}
.button--secondary {
color: #3b4043;
border: 2px solid #fff450
}
.button--secondary .button__arrowIcon {
color: #3b4043
}
.button--inversion {
color: #fff;
background: #142850;
border: 2px solid #fff
}
html.no-touchevents .button--inversion {
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
html.no-touchevents .button--inversion:hover {
background-color: #142850;
border-color: #142850;
opacity: 1;
color: #fff;
}
.button--inversion .button__arrowIcon {
color: #fff
}
.button--inversion .button__blankIcon {
fill: #fff
}
.button--inversion:hover .button__arrowIcon {
color: #142850
}
.button--inversion:hover .button__blankIcon {
fill: #142850
}
html.no-touchevents .button--inversion-sec {
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
html.no-touchevents .button--inversion-sec:hover {
background-color: #142850;
border-color: #142850;
opacity: 1;
color: #fff;
}
html.no-touchevents .button--inversion-sec:hover .button__arrowIcon {
color: #fff
}
html.no-touchevents .button--inversion-sec:hover .button__blankIcon {
fill: #fff
}
.button--inversion-sec {
color: #142850;
background: #fff;
border: 2px solid #142850;
}
.button--inversion-sec .button__arrowIcon {
color: #142850;
}
.button--inversion-sec .button__blankIcon {
color: #142850;
}
.button--md {
width: 220px
}
.button--fluid {
width: auto
}
.button--shorter {
padding: 10px 40px
}
@media screen and (max-width:767px) {
.buttonGroup {
width: 220px;
margin: 0 auto
}
}
@media screen and (min-width:768px) {
.buttonGroup {
width: 100%;
overflow: hidden
}
}
@media screen and (min-width:768px) {
.buttonGroup__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -10px;
margin-right: -10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.buttonGroup__item {
margin-bottom: 20px
}
@media screen and (min-width:768px) {
.buttonGroup__item {
padding-left: 10px;
padding-right: 10px
}
}
@media screen and (max-width:767px) {
.buttonGroup__item:last-child {
margin-bottom: 0
}
}
@media screen and (min-width:768px) {
.buttonGroup--4col .buttonGroup__item {
width: 25%
}
}
.buttonContainer {
margin-top: 40px;
text-align: center
}
html.no-touchevents .button--primary {
opacity: 1;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s
}
html.no-touchevents .button--primary:hover {
opacity: .8
}
html.no-touchevents .button--secondary {
-webkit-transition: background-color .3s;
-o-transition: background-color .3s;
transition: background-color .3s
}
html.no-touchevents .button--secondary:hover {
background-color: #fff450
}
html.no-touchevents .button--inversion {
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
html.no-touchevents .button--inversion:hover {
background-color: #fff;
border-color: #142850;
opacity: 1;
color: #142850
}
html.no-touchevents .button--inversion:hover .button__arrowIcon {
color: #142850
}
html.no-touchevents .button--inversion:hover .button__blankIcon {
fill: #142850
}
.breadCrumbs {
display: block;
width: 100%;
padding: 20px 0;
background-color: #fff;
font-size: 1.2rem
}
.breadCrumbs__item {
display: inline
}
.breadCrumbs__item:not(:last-child)::after {
content: '/';
margin: 0 .5rem
}
.breadCrumbs a {
color: #142850;
text-decoration: none
}
html.no-touchevents .breadCrumbs a {
color: #142850;
text-decoration: none;
border-bottom: 1px solid transparent;
-webkit-transition: border-bottom .3s;
-o-transition: border-bottom .3s;
transition: border-bottom .3s
}
html.no-touchevents .breadCrumbs a:hover {
border-bottom: 1px solid #142850
}
.formGroup>.formCheck {
margin-right: 30px
}
.card {
display: block;
color: #3b4043;
background: #fff;
text-decoration: none;
width: 100%;
overflow: hidden;
border: 1px solid #cdd7dd
}
.card__thumbnail {
display: block;
width: 100%
}
.card__body {
overflow-wrap: break-word;
word-wrap: break-word;
line-break: strict
}
@media screen and (max-width:767px) {
.card__body {
padding: 20px 4vw 0;
margin-bottom: 20px
}
}
@media screen and (min-width:768px) {
.card__body {
padding: 20px 20px 0;
margin-bottom: 30px
}
}
.card__title {
margin-bottom: 20px
}
html.no-touchevents .card {
opacity: 1;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
html.no-touchevents .card:hover {
opacity: .8;
border: 1px solid #fff450
}
.label {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
.label__item {
color: #fff;
border-radius: 20px;
padding: 2px 20px;
text-align: center;
list-style-type: none;
white-space: nowrap;
font-weight: 700;
font-size: 1.4rem
}
.label--md .label__item {
font-size: 1.4rem;
padding: 2px 20px
}
@media screen and (max-width:767px) {
.label--sm .label__item {
font-size: 1.1rem;
padding: 2px 10px
}
}
@media screen and (min-width:768px) {
.label--sm .label__item {
font-size: 1.4rem;
padding: 2px 20px
}
}
.label--white .label__item {
color: #3b4043;
background: #fff
}
.label--primary .label__item {
background: #142850
}
.label--lightGray .label__item {
color: #3b4043;
background: #f8f9fa
}
.label--gray .label__item {
color: #3b4043;
background: #cdd7dd
}
.label--midGray .label__item {
color: #fff;
background: #98aabc;
margin-right: 10px;
}
.label--midGray .label__minutes {
color: #3b4043;
background: #fff450;
}
.label--attention .label__item {
background: #fff450
}
.label--dark .label__item {
background: #3b4043
}
.labelGroup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.labelGroup>.label.label--md {
margin-bottom: 10px
}
.labelGroup>.label.label--md:not(:last-child) {
margin-right: 10px
}
.labelGroup>.label.label--sm {
margin-bottom: 5px
}
.labelGroup>.label.label--sm:not(:last-child) {
margin-right: 5px
}
.formControl {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
border-radius: 0;
background: none transparent;
vertical-align: middle;
display: block;
width: 100%;
height: 50px;
color: #3b4043;
padding: 1rem 2rem;
background-color: #fff;
border: 1px solid #cdd7dd;
-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
-o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}
.formControl::-ms-clear {
display: none
}
.formControl::-ms-reveal {
display: none
}
.formControl::-ms-expand {
display: none
}
.formControl::-webkit-input-placeholder {
color: #cdd7dd
}
.formControl::-moz-placeholder {
color: #cdd7dd
}
.formControl:-ms-input-placeholder {
color: #cdd7dd
}
.formControl::-ms-input-placeholder {
color: #cdd7dd
}
.formControl::placeholder {
color: #cdd7dd
}
.formControl:-ms-input-placeholder {
color: #cdd7dd
}
.formControl::-ms-input-placeholder {
color: #cdd7dd
}
@media screen and (max-width:767px) {
.formControl {
font-size: 1.4rem
}
}
@media screen and (min-width:768px) {
.formControl {
font-size: 1.6rem
}
}
.formControl:focus {
outline: 0;
border-color: #98aabc;
-webkit-box-shadow: 0 0 0 .2rem rgba(152, 170, 188, .6);
box-shadow: 0 0 0 .2rem rgba(152, 170, 188, .6)
}
.formControl--error {
border-color: #c00
}
.formControl--error:focus {
border-color: #c00;
-webkit-box-shadow: 0 0 0 .2rem rgba(204, 0, 0, .4);
box-shadow: 0 0 0 .2rem rgba(204, 0, 0, .4)
}
textarea.formControl {
height: auto
}
select.formControl {
background-image: url(//www.bungei.shueisha.co.jp/app/themes/bungei/static/images/arrow_bottom.svg);
background-repeat: no-repeat;
background-position: right 20px center;
background-size: 9.4px 6.1px
}
.inputGroup {
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%
}
.inputGroup .formControl {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
min-width: 0;
position: relative
}
.inputGroup__append {
margin-left: -1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.inputGroup__button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
border-radius: 0;
background: none transparent;
vertical-align: middle;
position: relative;
z-index: 2;
border: 1px solid #cdd7dd;
width: 55px;
text-align: center;
padding: 0;
cursor: pointer;
-webkit-transition: background-color .3s;
-o-transition: background-color .3s;
transition: background-color .3s
}
.inputGroup__button::-ms-clear {
display: none
}
.inputGroup__button::-ms-reveal {
display: none
}
.inputGroup__button::-ms-expand {
display: none
}
.inputGroup__button::-webkit-input-placeholder {
color: #cdd7dd
}
.inputGroup__button::-moz-placeholder {
color: #cdd7dd
}
.inputGroup__button:-ms-input-placeholder {
color: #cdd7dd
}
.inputGroup__button::-ms-input-placeholder {
color: #cdd7dd
}
.inputGroup__button::placeholder {
color: #cdd7dd
}
.inputGroup__button:-ms-input-placeholder {
color: #cdd7dd
}
.inputGroup__button::-ms-input-placeholder {
color: #cdd7dd
}
.inputGroup__button>.icon {
color: #98aabc
}
.inputGroup__button:focus {
background-color: #cdd7dd
}
.inputGroup__button:focus>.icon {
color: #fff
}
.inputGroup__iconContainer {
width: 100%;
height: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
html.no-touchevents .inputGroup__button:hover {
background-color: #cdd7dd
}
html.no-touchevents .inputGroup__button:hover>.icon {
color: #fff
}
.formCheck {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding-left: 0;
margin-left: 0 !important;
margin-right: 10px;
margin-bottom: 10px
}
.formCheck__input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
border-radius: 0;
background: none transparent;
vertical-align: middle;
position: absolute;
opacity: 0
}
.formCheck__input::-ms-clear {
display: none
}
.formCheck__input::-ms-reveal {
display: none
}
.formCheck__input::-ms-expand {
display: none
}
.formCheck__input::-webkit-input-placeholder {
color: #cdd7dd
}
.formCheck__input::-moz-placeholder {
color: #cdd7dd
}
.formCheck__input:-ms-input-placeholder {
color: #cdd7dd
}
.formCheck__input::-ms-input-placeholder {
color: #cdd7dd
}
.formCheck__input::placeholder {
color: #cdd7dd
}
.formCheck__input:-ms-input-placeholder {
color: #cdd7dd
}
.formCheck__input::-ms-input-placeholder {
color: #cdd7dd
}
.formCheck__input:checked+.formCheck__label::before {
background-color: #142850;
-webkit-box-shadow: inset 0 0 0 5px #fff;
box-shadow: inset 0 0 0 5px #fff
}
.formCheck__label {
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width:767px) {
.formCheck__label {
font-size: 1.4rem
}
}
@media screen and (min-width:768px) {
.formCheck__label {
font-size: 1.6rem
}
}
.formCheck__label::before {
content: '';
display: inline-block;
background: #fff;
border: 1px solid #98aabc;
border-radius: 100%;
width: 30px;
height: 30px;
position: relative;
top: 0;
margin-right: 1rem;
vertical-align: top;
cursor: pointer;
text-align: center
}
.icon {
color: #142850
}
.icon--inversion {
color: #fff
}
.icon::before {
display: inline-block;
text-decoration: none
}
.icon {
cursor: pointer
}
.icon--inversion path {
fill: #fff
}
.humburgerButton {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.humburgerButton__inner {
position: relative;
width: 20px;
height: 14px
}
.humburgerButton__inner,
.humburgerButton__inner span {
display: inline-block;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.humburgerButton__inner span {
position: absolute;
left: 0;
height: 2px;
background-color: #142850
}
.humburgerButton__inner span:nth-of-type(1) {
width: 100%;
top: 0
}
.humburgerButton__inner span:nth-of-type(2) {
width: 100%;
top: 6px
}
.humburgerButton__inner span:nth-of-type(3) {
width: 65%;
bottom: 0
}
input#drawer-state:checked~.header .humburgerButton__inner span {
width: 100%
}
input#drawer-state:checked~.header .humburgerButton__inner span:nth-of-type(1) {
-webkit-transform: translateY(6px) rotate(-45deg);
-ms-transform: translateY(6px) rotate(-45deg);
transform: translateY(6px) rotate(-45deg)
}
input#drawer-state:checked~.header .humburgerButton__inner span:nth-of-type(2) {
opacity: 0
}
input#drawer-state:checked~.header .humburgerButton__inner span:nth-of-type(3) {
-webkit-transform: translateY(-6px) rotate(45deg);
-ms-transform: translateY(-6px) rotate(45deg);
transform: translateY(-6px) rotate(45deg)
}
.pagetop {
bottom: 0;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
position: relative
}
.pagetop__button {
position: absolute;
right: 0;
top: -40px;
width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
pointer-events: visible;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 2px solid #142850;
cursor: pointer
}
@media screen and (max-width:1279px) {
.pagetop {
width: 100%
}
}
@media screen and (min-width:1280px) {
.pagetop {
width: 1080px;
margin-left: auto;
margin-right: auto
}
}
.pagetop>.icon {
font-size: 1.6rem;
color: #142850
}
.pagetop--enable {
opacity: 1
}
.pagetop--fixed {
position: fixed
}
html.no-touchevents .pagetop__button {
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
html.no-touchevents .pagetop__button:hover {
background-color: #142850;
color: #fff
}
html.no-touchevents .pagetop__button:hover .icon {
color: #fff
}
html.csspositionsticky .pagetop {
position: -webkit-sticky;
position: sticky
}
.header {
width: 100%
}
@media screen and (max-width:767px) {
.header {
position: fixed;
width: 100%;
z-index: 100;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
height: 70px;
left: 0;
right: 0;
top: 0;
padding: 0 4vw;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #f8f9fa
}
}
@media screen and (min-width:768px) {
.header {
margin-top: 30px;
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.header__firstArea {
display: flex;
justify-content: space-between;
width: 100%;
}
@media screen and (max-width:767px) {
.header__logoArea {
margin: 10px 0 0;
width: 100%;
max-width: 160px;
position: relative;
z-index: 1
}
}
@media screen and (min-width:768px) {
.header__logoArea {
margin: 0;
width: 100%;
min-width: 135px;
max-width: 20%
}
}
@media screen and (min-width:1280px) {
.header__logoArea {
max-width: 230px
}
}
@media screen and (max-width:767px) {
.header__navArea {
margin: 0;
height: 100%;
width: 100vw;
top: 0;
left: 0;
position: fixed;
z-index: 3;
overflow: auto;
background-color: #fff450;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility .3s, opacity .3s;
-o-transition: visibility .3s, opacity .3s;
transition: visibility .3s, opacity .3s
}
}
@media screen and (min-width:768px) {
.header__navArea {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 40px;
justify-content: center;
}
}
.header__subArea {
margin-top: 40px;
width: 100%;
}
@media screen and (max-width:767px) {
.header__subArea {
display: none
}
}
.header__subArea ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
@media screen and (max-width:767px) {
.header__humburger {
position: absolute;
top: 0;
bottom: 0;
right: 4vw;
z-index: 5;
width: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
@media screen and (min-width:768px) {
.header__humburger {
display: none
}
}
.header__heading01 {
margin: 0
}
.header.clonedHeader {
display: none
}
@media screen and (min-width:768px) {
.header.isFixed {
position: fixed;
z-index: 999;
padding: 10px 60px;
background-color: #f8f9fa;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
left: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px)
}
.header.isFixed .header__logoArea {
margin: 0
}
.header.isFixed .header__navArea {
max-width: 800px
}
}
@media screen and (min-width:768px) {
.header.isTransition {
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
-o-transition: transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s
}
}
@media screen and (min-width:768px) {
.header.isShow {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.headerPlaceholder {
display: none
}
.headerPlaceholder.isFixed {
display: block
}
@media screen and (max-width:767px) {
input#drawer-state:checked~.header .header__navArea {
visibility: visible;
opacity: 1
}
}
.logo {
display: block
}
.logo .logo__default {
display: block
}
@media screen and (max-width:767px) {
.logo .logo__default {
padding-bottom: 30%;
position: relative;
background-color: transparent;
overflow: hidden
}
.logo .logo__default__image {
position: absolute;
display: block;
width: 100%;
max-width: 100%;
height: auto
}
}
@media screen and (min-width:768px) {
.logo .logo__default {
padding-bottom: 59.28854%;
position: relative;
background-color: transparent;
overflow: hidden
}
.logo .logo__default__image {
position: absolute;
display: block;
width: 100%;
max-width: 100%;
height: auto
}
}
.logo .logo__fixed {
display: none
}
.logo__image {
width: 100%;
max-width: 100%;
height: auto
}
.header.isFixed .logo__default {
display: none
}
.header.isFixed .logo__fixed {
max-width: 230px;
display: block
}
html.no-touchevents .logo {
opacity: 1;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s
}
html.no-touchevents .logo:hover {
opacity: .8
}
.navigation {
padding: 0;
list-style-type: none;
margin: 0
}
@media screen and (max-width:767px) {
.navigation {
padding-top: 40px;
-webkit-overflow-scrolling: touch
}
}
@media screen and (min-width:768px) {
.navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: flex-end;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
}
@media screen and (max-width:767px) {
.navigation__item {
text-align: center;
display: block
}
.navigation__item:not(:first-child) {
margin: 25px 0
}
}
@media screen and (min-width:768px) {
.navigation__item {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
@media screen and (max-width:767px) {
.navigation__item--logo {
width: 200px;
margin: 0 auto
}
}
@media screen and (min-width:768px) {
.navigation__item--logo {
display: none
}
}
@media screen and (min-width:768px) {
.navigation__item--search {}
}
@media screen and (max-width:1023px) {
.navigation__item--search {}
}
@media screen and (max-width:767px) {
.navigation__item--search {
width: 100%
}
}
@media screen and (max-width:767px) {
.navigation__form {
margin: 0 8%
}
}
@media screen and (min-width:768px) {
.navigation__form {
width: 100%
}
}
.navigation__anchor {
display: inline-block;
color: #142850;
text-decoration: none
}
@media screen and (min-width:768px) {
.header__page-link {
display: none
}
}
@media screen and (max-width:767px) {
.header__page-link {
display: block
}
}
.navigation__logo {
width: 100%;
max-width: 100%;
height: auto
}
html.no-touchevents .navigation__logo {
opacity: 1;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s
}
html.no-touchevents .navigation__logo:hover {
opacity: .8
}
html.no-touchevents .navigation__anchor {
color: #142850;
text-decoration: none;
border-bottom: 1px solid transparent;
-webkit-transition: border-bottom .3s;
-o-transition: border-bottom .3s;
transition: border-bottom .3s
}
html.no-touchevents .navigation__anchor:hover {
border-bottom: 1px solid #142850
}
.header:not(.clonedHeader) .navigation {
padding-bottom: 3.289473684210526%
}
@media screen and (max-width:767px) {
.snsIcons {
text-align: center;
margin: 0 0 40px
}
}
@media screen and (min-width:768px) {
.snsIcons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
.snsIcons__list {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
list-style-type: none;
margin: 0
}
@media screen and (max-width:767px) {
.snsIcons__item {
margin: 0 8px
}
}
@media screen and (min-width:768px) {
.snsIcons__item {
margin-left: 20px
}
}
@media screen and (max-width:767px) {
.snsIcons__anchor {
display: inline-block
}
}
@media screen and (min-width:768px) {
.snsIcons__anchor {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 18px;
height: 18px
}
}
.snsIcons__anchor>.icon {
vertical-align: middle
}
@media screen and (min-width:768px) {
.snsIcons__anchor>.icon {
width: 16px;
height: 16px
}
}
@media screen and (max-width:767px) {
.snsIcons__anchor>.icon::before {
width: 30px;
height: 30px;
font-size: 3rem
}
}
.header.isFixed .snsIcons {
display: none
}
html.no-touchevents .snsIcons__anchor {
opacity: 1;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s
}
html.no-touchevents .snsIcons__anchor:hover {
opacity: .8
}
.footer {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.footer__inner {
width: 100%
}
@media screen and (max-width:767px) {
.footer__inner {
padding: 60px 8vw
}
}
@media screen and (min-width:768px) {
.footer__inner {
max-width: 1000px;
margin: 0 4vw;
padding: 60px 0
}
}
.footer__item {
margin-bottom: 40px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media screen and (max-width:767px) {
.footer__item--centered {
display: block;
max-width: 265px;
margin-left: auto;
margin-right: auto
}
}
.footer__logo {
width: 200px;
position: relative
}
.footer__description {
color: #fff;
overflow-wrap: break-word;
word-wrap: break-word;
line-break: strict
}
@media screen and (min-width:768px) {
.footer__description {
width: 720px
}
}
@media screen and (max-width:767px) {
.footer__navigation {
width: 100%
}
}
@media screen and (min-width:768px) {
.footer__navigation {
width: 530px;
margin: 0 -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.footer__navigationItem {
width: 100%
}
@media screen and (max-width:767px) {
.footer__navigationItem:not(:last-child) {
margin-bottom: 10px
}
}
@media screen and (min-width:768px) {
.footer__navigationItem {
padding: 0 10px
}
}
.footer__abj {
width: 530px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.footer__abjThumbnail {
width: 72px;
margin-right: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.footer__abjBody {
overflow-wrap: break-word;
word-wrap: break-word;
line-break: strict;
color: #fff;
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%
}
.footer__copyright {
color: #fff
}
.heroTop {
width: 100%
}
@media screen and (max-width:767px) {
.heroTop {
margin-bottom: 30px
}
}
@media screen and (min-width:768px) {
.heroTop {
margin-bottom: 40px
}
}
.heroTop__group {
visibility: hidden;
padding-bottom: 60px
}
.heroTop__group.sliderInitialized {
visibility: visible;
padding-bottom: 0
}
.heroTop__item {
width: 760px
}
@media screen and (max-width:1023px) {
.heroTop__item {
width: 74.21875vw
}
}
@media screen and (max-width:767px) {
.heroTop__item {
width: 100vw
}
}
.heroTop__anchor {
display: block;
position: relative;
text-decoration: none;
color: #3b4043
}
.heroTop__hero {
z-index: 1
}
.heroTop__caption {
position: relative;
z-index: 2;
width: 100%;
left: 0;
bottom: 0
}
.heroTop__captionInner {
background-color: #fff
}
@media screen and (max-width:767px) {
.heroTop__captionInner {
margin: -20px 4vw 0;
padding: 15px 4vw
}
}
@media screen and (min-width:768px) {
.heroTop__captionInner {
margin: -20px 50px 0;
padding: 20px
}
}
.heroTop__text {
margin: 0;
font-weight: 700
}
html.no-touchevents a.heroTop__anchor {
opacity: 1;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s
}
html.no-touchevents a.heroTop__anchor:hover {
opacity: .8
}
.sharePosts {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.sharePosts--center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media screen and (max-width:767px) {
.sharePosts--left {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media screen and (min-width:768px) {
.sharePosts--left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
.sharePosts__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.sharePosts__label {
margin-right: 30px;
font-size: 1.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.sharePosts__group {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.sharePosts__item:not(:last-child) {
margin-right: 20px
}
.sharePosts__anchor {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 1;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s
}
.sharePosts__anchor:hover {
opacity: .8
}
.sharePosts__anchor>.icon {
font-size: 3rem;
color: #142850
}
.newsTop {
background-color: #fff450;
padding: 30px 40px
}
.newsTop__item:not(:last-child) {
margin-bottom: 15px
}
html.no-touchevents a.interviewTop__inner {
opacity: 1;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
border: 1px solid transparent;
}
html.no-touchevents a.interviewTop__inner:hover {
opacity: .8;
border: 1px solid #fff450;
}
@media screen and (max-width:767px) {
.interviewTop {
margin: auto -4vw;
padding: 40px 4vw;
background-color: #FFF;
}
}
.interviewTop__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
text-decoration: none;
color: #3b4043;
}
@media screen and (max-width:767px) {
.interviewTop__inner {
display: block;
}
}
.interviewTop__thumbnail img {
object-fit: cover;
width: 100%;
height: 220px;
}
@media screen and (max-width:767px) {
.interviewTop__thumbnail img {
height: auto;
}
}
.interviewTop__content {
display: flex;
align-items: center;
max-width: 600px;
width: 100%;
height: 220px;
padding: 20px 50px;
background-color: #FFFFFF;
}
@media screen and (max-width:767px) {
.interviewTop__content {
max-width: 100%;
height: auto;
padding: 10px 20px 0;
}
}
.interviewTop__body {
text-decoration: none;
}
.archiveList__group {
display: block
}
.archiveList__footer {
margin-top: 40px;
text-align: center
}
.archiveList__item:not(:last-child) {
margin-bottom: 20px
}
.archiveList__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative
}
.archiveList__anchor {
display: block;
color: #3b4043;
background-color: #fff;
text-decoration: none;
border: 1px solid transparent
}
@media screen and (max-width:767px) {
.archiveList__anchor {
padding: 20px 4vw 40px
}
}
@media screen and (max-width:767px) {
.archiveList__thumbnail {
width: 25%;
margin-right: 4.761904761904762%
}
}
@media screen and (min-width:768px) {
.archiveList__thumbnail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 20%;
max-width: 200px
}
}
.archiveList__content {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow-wrap: break-word;
word-wrap: break-word;
line-break: strict
}
@media screen and (max-width:767px) {
.archiveList__content {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
@media screen and (min-width:768px) {
.archiveList__content {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 5%
}
}
@media screen and (max-width:767px) {
.archiveList__top {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media screen and (min-width:768px) {
.archiveList__top {
display: none
}
}
@media screen and (max-width:767px) {
.archiveList__head {
display: none
}
}
@media screen and (min-width:768px) {
.archiveList__head {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
.archiveList__date {
font-size: 1.4rem
}
.archiveList__title {
margin-bottom: 10px;
overflow-wrap: break-word;
word-wrap: break-word;
line-break: strict
}
.archiveList__title>.heading--4 {
margin-bottom: 0
}
.archiveList__subTitle {
font-weight: 700;
margin-bottom: 10px;
overflow-wrap: break-word;
word-wrap: break-word;
line-break: strict
}
.archiveList__body {
margin-bottom: 0;
overflow-wrap: break-word;
word-wrap: break-word;
line-break: strict
}
.archiveList__body--rowLimit {
overflow: hidden;
position: relative;
z-index: 1
}
@media screen and (max-width:767px) {
.archiveList__body--rowLimit {
max-height: calc(14px * 1.85 * 8);
padding-top: .2em
}
}
@media screen and (min-width:768px) {
.archiveList__body--rowLimit {
height: 59.84px
}
}
body.post-type-archive-interview .archiveList__title {
margin-bottom: 0
}
body.post-type-archive-interview .archiveList__title * {
margin-bottom: 0
}
html.no-touchevents .archiveList__anchor {
opacity: 1;
border: 1px solid transparent;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
html.no-touchevents .archiveList__anchor:hover {
opacity: .8;
border: 1px solid #fff450
}
.columnList__group {
overflow: hidden
}
@media screen and (max-width:767px) {
.columnList__footer:not(:last-child) {
margin-bottom: 30px
}
}
@media screen and (min-width:768px) {
.columnList__footer:not(:last-child) {
margin-bottom: 10px
}
}
.columnList__row {
display: grid;
gap: 25px;
grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width:767px) {
.columnList__row {
gap: 0;
grid-template-columns: 50% 50%;
}
}
.columnList__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media screen and (max-width:767px) {
.columnList__item {
padding-left: 1vw;
padding-right: 1vw;
}
} @media screen and (min-width:1024px) {
.columnList__item .bookDetailButton__item {
width: 100%;
padding: 0;
}
}
.columnList__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
background-color: #fff;
padding: 15px;
}
@media screen and (max-width:767px) {
.columnList__inner {
margin: 10px auto;
padding: 10px;
}
}
@media screen and (min-width:768px) {
.columnList__inner {
margin: 0;
}
}
.columnList__anchor {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
color: #3b4043;
background-color: #fff;
text-decoration: none;
border: 1px solid transparent
}
.columnList__thumbnail {
margin: 0 auto 20px
}
@media screen and (max-width:767px) {
.columnList__thumbnail {
width: 100%;
max-width: 120px
}
}
@media screen and (min-width:768px) {
.columnList__thumbnail {
width: 100%;
max-width: 220px
}
}
.columnList__thumbnail a {
transition: opacity .3s;
}
.no-touchevents .columnList__thumbnail a:hover {
opacity: .8;
}
.columnList__date {
text-align: center
}
@media screen and (max-width:767px) {
.columnList__date {
font-size: 1rem
}
}
@media screen and (min-width:768px) {
.columnList__date {
font-size: 1.2rem
}
}
.columnList__title {
overflow-wrap: break-word;
word-wrap: break-word;
line-break: strict
}
@media screen and (max-width:767px) {
.columnList__title>.heading--4 {
margin-bottom: 20px
}
}
.columnList__writerArea {
margin-bottom: 10px;
overflow-wrap: break-word;
word-wrap: break-word;
line-break: strict
}
.columnList__writer {
margin-bottom: 0
}
.columnList__back {
margin-top: 30px
}
.columnList__bottom {
margin-top: 10px;
}
.columnList__bottom > .bookDetailButton__item a {
padding: 12px 20px;
font-size: 1.4rem;
line-height: 1;
}
.columnList__bottom-wrap {
display: flex;
gap: 10px;
margin-top: 10px;
}
@media screen and (max-width:767px) {
.columnList__bottom-wrap {
display: block;
}
}
.columnList__bottom-wrap .bookDetailButton__item {
width: 50%;
}
@media screen and (max-width:767px) {
.columnList__bottom-wrap .bookDetailButton__item {
width: 100%;
}
}
.columnList__bottom-wrap .button {
font-size: 1.2rem;
line-height: 1;
padding: 15px 14px 15px 8px;
}
@media screen and (max-width:767px) {
.columnList__bottom-wrap .button {
padding: 12px 15px;
font-size: 1.4rem;
}
}
.columnList__item .button__arrowIcon {
right: 7px;
}
html.no-touchevents .columnList__anchor {
opacity: 1;
border: 1px solid transparent;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
html.no-touchevents .columnList__anchor:hover {
opacity: .8;
border: 1px solid #fff450
}
.recommend {
background-color: #fff
}
@media screen and (max-width:767px) {
.recommend {
padding-top: 60px;
padding-bottom: 50px
}
}
@media screen and (min-width:768px) {
.recommend {
padding: 60px 7% 0
}
}
@media screen and (min-width:768px) {
.recommend__group {
margin: 0 -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media screen and (max-width:767px) {
.recommend__item {
width: 60vw
}
}
@media screen and (min-width:768px) {
.recommend__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 10px;
width: 50%;
margin-bottom: 20px
}
}
@media screen and (min-width:768px) {
.recommend .controls {
display: none
}
}
.pagination {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media screen and (max-width:767px) {
.pagination__item {
width: 12.418300653594771vw;
max-width: 47px;
margin-left: 4px;
margin-right: 4px
}
}
@media screen and (min-width:768px) {
.pagination__item {
margin-left: 4px;
margin-right: 4px;
width: 57px
}
}
.pagination__button {
display: block;
width: 100%;
padding-top: 100%;
position: relative
}
.pagination__anchor {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
border: 2px solid #142850;
color: #142850;
text-decoration: none;
font-weight: 700
}
@media screen and (max-width:767px) {
.pagination__anchor {
border-radius: 6px
}
}
@media screen and (min-width:768px) {
.pagination__anchor {
border-radius: 10px
}
}
.pagination__anchor .icon {
font-size: 1rem;
color: #142850
}
@media screen and (max-width:767px) {
.pagination__anchor {
font-size: 1.6rem
}
}
@media screen and (min-width:768px) {
.pagination__anchor {
font-size: 1.8rem
}
}
.pagination__anchor--active {
background-color: #142850;
color: #fff
}
html.no-touchevents .pagination__anchor {
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
html.no-touchevents .pagination__anchor:hover {
background-color: #142850;
color: #fff
}
html.no-touchevents .pagination__anchor:hover .icon {
color: #fff
}
.cover {
margin-bottom: 40px
}
@media screen and (max-width:767px) {
.cover {
margin-left: -4vw;
margin-right: -4vw
}
}
@media screen and (max-width:767px) {
.cover__modifiedDate {
margin-bottom: 40px;
margin-left: 4vw;
margin-right: 4vw
}
}
@media screen and (min-width:768px) {
.cover__modifiedDate {
margin-bottom: 50px
}
}
.cover__hero {
width: 100%;
max-width: 620px;
margin: 0 auto 20px
}
.linkList {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
@media screen and (max-width:767px) {
.linkList {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:767px) {
.linkList:not(:last-child) {
margin-bottom: 20px
}
}
.linkList__item {
padding: 0 10px
}
.linkList__anchor {
display: block;
position: relative;
text-decoration: none;
opacity: 1;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s
}
.linkList__anchor:hover {
opacity: .8
}
.linkList__banner {
display: block;
width: 75px;
background-color: #fff;
margin: 0 auto 5px
}
.linkList__caption {
color: #fff;
display: block;
text-align: center;
font-size: 1.1rem
}
html.no-touchevents .linkList__caption {
-webkit-transition: border-bottom .3s;
-o-transition: border-bottom .3s;
transition: border-bottom .3s
}
.profile {
width: 100%;
border: 10px solid #cdd7dd;
background: #fff
}
@media screen and (max-width:767px) {
.profile {
padding: 30px 4vw
}
}
@media screen and (min-width:768px) {
.profile {
padding: 30px 60px
}
}
@media screen and (min-width:768px) {
.profile__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.profile__item:not(:last-child) {
margin-bottom: 40px
}
.profile__thumbnail {
width: 160px
}
@media screen and (max-width:767px) {
.profile__thumbnail {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px
}
}
@media screen and (min-width:768px) {
.profile__thumbnail {
margin-right: 30px
}
}
.profile__body {
overflow-wrap: break-word;
word-wrap: break-word;
line-break: strict
}
@media screen and (min-width:768px) {
.profile__body {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%
}
.profile__body p:last-child {
font-size: 1.4rem;
}
}
.relatedBooks {
background-color: #fff;
overflow: hidden
}
@media screen and (max-width:767px) {
.relatedBooks {
padding: 40px 4vw
}
}
@media screen and (min-width:768px) {
.relatedBooks {
padding: 40px 25px 0
}
}
.relatedBooks__group--1 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media screen and (min-width:768px) {
.relatedBooks__group {
margin: 0 -25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media screen and (max-width:767px) {
.relatedBooks__item {
width: 100%;
max-width: 285px;
margin: 0 auto
}
}
@media screen and (min-width:768px) {
.relatedBooks__item {
width: 50%;
padding-left: 25px;
padding-right: 25px;
margin-bottom: 40px
}
}
@media screen and (max-width:767px) {
.relatedBooks__item:not(:last-child) {
margin-bottom: 20px
}
}
.relatedBooks__anchor {
display: block;
color: #3b4043;
text-decoration: none
}
@media screen and (min-width:768px) {
.relatedBooks__anchor {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.relatedBooks__thumb {
width: 120px
}
@media screen and (max-width:767px) {
.relatedBooks__thumb {
margin: 0 auto 20px auto
}
}
@media screen and (min-width:768px) {
.relatedBooks__thumb {
margin-right: 20px
}
}
@media screen and (min-width:768px) {
.relatedBooks__body {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
padding: 5px 0
}
}
.relatedBooks__title {
font-weight: 700;
margin-bottom: 5px;
overflow-wrap: break-word;
word-wrap: break-word;
line-break: strict
}
.relatedBooks__text {
margin-bottom: 0
}
html.no-touchevents .relatedBooks__anchor--hasLink {
opacity: 1;
border: 1px solid transparent;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
html.no-touchevents .relatedBooks__anchor--hasLink:hover {
opacity: .8;
border: 1px solid #fff450
}
.bookDetail {
width: 100%;
background-color: #fff;
}
.bookDetail .button {
padding: 15px 20px;
}
.bookDetail .button__arrowIcon {
right: 15px;
}
@media screen and (min-width:1024px) {
.bookDetail {
display: flex;
align-items: center;
width: 100%;
height: 300px;
}
}
@media screen and (max-width:767px) {
.bookDetail__inner {
margin-left: 4vw;
margin-right: 4vw;
padding: 20px 0;
}
}
@media screen and (min-width:768px) {
.bookDetail__inner {
width: 100%;
max-width: 1000px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 25px 2vw;
}
}
@media screen and (min-width:1024px) {
.bookDetail__inner {
padding-left: 30px;
padding-right: 30px;
}
}
@media screen and (max-width:767px) {
.bookDetail__thumbnail {
max-width: 220px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px
}
}
@media screen and (min-width:768px) {
.bookDetail__thumbnail {
width: 170px;
margin-right: 20px
}
}
@media screen and (min-width:768px) {
.bookDetail__body {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%
}
}
.bookDetail__booknameArea {
overflow-wrap: break-word;
word-wrap: break-word;
line-break: strict;
}
@media screen and (min-width:768px) {
.bookDetail__booknameArea h2{
font-size: 2.4rem;
}
.bookDetail__booknameArea p{
font-size: 1.4rem;
}
}
.bookDetail__booknameArea>.heading--2 {
margin-bottom: 0
}
.bookDetail__metaArea,
.bookDetail__writerArea {
overflow-wrap: break-word;
word-wrap: break-word;
line-break: strict;
margin-bottom: 20px
}
.bookDetailButton {
margin-bottom: 20px
}
@media screen and (max-width:1023px) {
.bookDetailButton {
width: 220px;
margin-left: initial;
margin-right: initial
}
}
@media screen and (max-width:767px) {
.bookDetailButton {
margin-left: auto;
margin-right: auto
}
}
@media screen and (min-width:1024px) {
.bookDetailButton {
width: 100%;
overflow: hidden
}
}
@media screen and (min-width:1024px) {
.bookDetailButton__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -5px;
margin-right: -5px
}
}
@media screen and (max-width:1023px) {
.bookDetailButton__item {
margin-bottom: 10px
}
}
@media screen and (min-width:1024px) {
.bookDetailButton__item {
width: 33.333333333333%;
padding-left: 5px;
padding-right: 5px
} }
@media screen and (max-width:1023px) {
.bookDetailButton__item:last-child {
margin-bottom: 0
}
}
@media screen and (max-width:767px) {
.recommendedBooks {
margin: 0 -4vw
}
}
@media screen and (max-width:1023px) {
.recommendedBooks {
padding: 60px 4vw
}
}
@media screen and (min-width:1024px) {
.recommendedBooks {
padding: 60px 6%
}
}
@media screen and (min-width:768px) {
.recommendedBooks {
background-color: #fff
}
.recommendedBooks__group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media screen and (max-width:767px) {
.recommendedBooks {
padding: 0 4vw 60px;
}
.recommendedBooks__group {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.recommendedBooks__item {
width: calc(50% - 5px);
padding: 15px 10px;
background-color: #FFF;
}
}
@media screen and (min-width:768px) {
.recommendedBooks__item {
width: 33.333333333333%;
padding: 10px
}
}
@media screen and (max-width:767px) {
.recommendedBooks__item:not(:last-child) {
padding-bottom: 20px;
}
}
@media screen and (min-width:768px) {
.recommendedBooks__item:not(:last-child) {
border-right: 1px solid #f8f9fa
}
} @media screen and (max-width:767px) {
.recommendedBooks__body { margin-bottom: 20px
}
}
@media screen and (max-width:767px) {
.recommendedBooks__thumbnail {
width: 100%;
max-width: 120px;
margin: 0 auto;
}
}
@media screen and (min-width:768px) {
.recommendedBooks__thumbnail {
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px
}
}
@media screen and (min-width:768px) {
.recommendedBooks__thumbnail::before {
content: "";
display: block;
padding-top: 100%
}
}
.recommendedBooks__thumbnail img {
max-width: 100%
}
@media screen and (min-width:768px) {
.recommendedBooks__thumbnail img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: auto;
max-height: 100%;
margin: auto
}
}
.recommendedBooks__thumbnail a {
transition: opacity 0.3s;
}
.no-touchevents .recommendedBooks__thumbnail a:hover {
opacity: .8;
}
@media screen and (max-width:767px) {
.recommendedBooks__content {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
margin-bottom: 0;
text-align: center;
margin-top: 15px;
}
}
@media screen and (min-width:768px) {
.recommendedBooks__content {
margin-bottom: 15px;
text-align: center
}
}
.recommendedBooks__titleArea {
margin-bottom: 5px;
overflow-wrap: break-word;
word-wrap: break-word;
line-break: strict
}
.recommendedBooks__footer,
.recommendedBooks__writerArea {
overflow-wrap: break-word;
word-wrap: break-word;
line-break: strict
}
.recommendedBooks__writer {
margin-bottom: 0
}
.recommendedBooks__textArea {
margin-bottom: 20px
}
.recommendedBooks__textArea p {
margin-bottom: 0
}
.recommendedBooks__buttonArea {
text-align: center
}
@media screen and (min-width:1024px) {
.recommendedBooks__buttonArea {
width: 100%
}
}
@media screen and (max-width:767px) {
.recommendedBooks__buttonArea {
max-width: 220px;
width: 100%;
margin-left: auto;
margin-right: auto
}
}
.recommendedBooks__buttonArea .button {
font-size: 1.4rem;
padding: 12px 15px;
}
.recommendedBooks__buttonArea .button + .button {
margin-top: 12px;
}
@media screen and (max-width:767px) {
.recommendedBooks__buttonArea .button__arrowIcon {
right: 7px;
}
}
.recommend-article {
margin: 50px auto;
}
.recommend-article__group {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
@media screen and (max-width:767px) {
.recommend-article__group {
grid-template-columns: 1fr;
gap: 20px;
}
}
.recommend-article__list {
background-color: #FFFFFF;
padding: 15px 0 15px 5px;
}
.recommend-article__link {
display: flex;
align-items: center;
max-height: 220px;
text-decoration: none;
border: 1px solid transparent;
transition: all .3s;
}
.recommend-article__link:hover {
opacity: .8;
border: 1px solid #fff450;
}
@media screen and (max-width:767px) {
.recommend-article__link {
min-height: 130px;
}
}
.recommend-article__img {
max-width: 120px;
height: 100%;
}
.recommend-article__img img {
max-width: 120px;
height: 100%;
object-fit: contain;
}
@media screen and (max-width:767px) {
.recommend-article__img img {
max-width: 85px;
}
}
.recommend-article__wrap {
padding: 0 10px;
}
.recommend-article__wrap-title {
color: #3B4043;
margin: 10px 0 0;
}
@media screen and (max-width:767px) {
.recommend-article__wrap-title {
font-size: 1.6rem;
}
}
.linkCard {
width: 100%;
margin-bottom: 20px
}
@media screen and (max-width:767px) {
.linkCard {
height: 150px
}
}
@media screen and (min-width:768px) {
.linkCard {
height: 180px
}
}
.linkCard__anchor {
display: block;
border: 1px solid #cdd7dd;
text-decoration: none
}
.linkCard__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
background: #fff;
height: 100%
}
.linkCard__thumbnail {
height: 100%;
border-right: 1px solid #cdd7dd
}
@media screen and (max-width:767px) {
.linkCard__thumbnail {
width: 24vw
}
}
@media screen and (min-width:768px) {
.linkCard__thumbnail {
width: 300px
}
}
.linkCard__image {
-o-object-fit: contain;
object-fit: contain;
font-family: 'object-fit: contain;'
}
@media screen and (max-width:767px) {
.linkCard__image {
height: 150px;
width: 100%
}
}
@media screen and (min-width:768px) {
.linkCard__image {
height: 180px;
width: 100%
}
}
.linkCard__body {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media screen and (max-width:767px) {
.linkCard__body {
padding-left: 15px;
padding-right: 15px
}
}
@media screen and (min-width:768px) {
.linkCard__body {
padding-left: 40px;
padding-right: 40px
}
}
.linkCard__description,
.linkCard__pageName,
.linkCard__url {
word-break: break-all
}
.linkCard__pageName {
font-weight: 700;
overflow: hidden;
color: #3b4043
}
@media screen and (max-width:767px) {
.linkCard__pageName {
margin-bottom: 0;
max-height: calc(14px * 1.85 * 2)
}
}
@media screen and (min-width:768px) {
.linkCard__pageName {
max-height: calc(16px * 1.87 * 2)
}
}
.linkCard__description {
color: #98aabc;
overflow: hidden
}
@media screen and (max-width:767px) {
.linkCard__description {
margin-bottom: 0;
max-height: calc(10px * 1.5 * 2)
}
}
@media screen and (min-width:768px) {
.linkCard__description {
max-height: calc(12px * 2 * 2)
}
}
.linkCard__description small {
display: block
}
.linkCard__url {
overflow: hidden;
margin-bottom: 0;
color: #3b4043
}
@media screen and (max-width:767px) {
.linkCard__url {
max-height: calc(10px * 1.5 * 1)
}
}
@media screen and (min-width:768px) {
.linkCard__url {
max-height: calc(12px * 2 * 1)
}
}
.linkCard__url small {
display: block
}
html.no-touchevents .postContent .linkCard__anchor {
opacity: 1;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
html.no-touchevents .postContent .linkCard__anchor:hover {
opacity: .8;
border: 1px solid #fff450
}
.single-interview .postContent img {
max-width: 100%;
height: auto
}
.heroTop__captionInner {
margin: 0;
padding: 15px 4vw
}
.footer__item_add_link {
margin-right: 25px;
font-size: 12px;
color: #fff;
text-decoration: none;
margin-bottom: 7px;
display: block
}
.footer__item_add {
align-items: center
}
@media all and (max-width:767px) {
.footer__item_add {
display: block;
text-align: center
}
.footer__item_add_link {
margin-right: 0;
margin-bottom: 12px
}
}
@media screen and (min-width:1024px) {
.top__news .contentContainer__inner{
max-width: 1000px;
}
.top__news .archiveList__group {
display: flex;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px;
}
.top__news .archiveList__item {
width: 50%;
padding: 0 10px;
}
.top__news .archiveList__item .archiveList__inner {
height: 230px;
}
.top__news .archiveList__thumbnail {
width: 25%;
}
.top__news .archiveList__thumbnail img {
height: 230px;
object-fit: contain;
}
.top__news .archiveList__title,.top__news .archiveList__head { margin-bottom: 10px; }
.top__news .archiveList__item h3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 1.8rem;
}
.top__news .archiveList__item h4 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
font-size: 1.6rem;
}
.top__news .archiveList__item p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 1.4rem;
}
.recentPost .archiveList__item .archiveList__inner {
height: 230px;
}
.recentPost .archiveList__title,.recentPost .archiveList__head { margin-bottom: 10px; }
.recentPost .archiveList__item h3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 1.8rem;
}
.recentPost .archiveList__item h4 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
font-size: 1.6rem;
}
.recentPost .archiveList__item p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 1.4rem;
}
}
@media screen and (max-width: 767px) {
.top__news .archiveList__anchor {
padding-bottom: 20px;
}
.top__news .archiveList__thumbnail {
width: 25%;
}
.top__news .archiveList__title, .top__news .archiveList__top { margin-bottom: 10px; }
.top__news .archiveList__item h3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.recentPost .archiveList__anchor {
padding-bottom: 20px;
}
.recentPost .archiveList__top {
margin-bottom: 10px;
}
}
.shinkanTop .columnList__item:nth-child(4) {
display: none;
}
@media screen and (max-width: 767px) {
.shinkanTop .columnList__item:nth-child(4) {
display: flex;
}
}
.shinkanTop__button,.interviewTop__button {
max-width: 350px;
margin: 30px auto;
}
@media screen and (max-width: 767px) {
.shinkanTop__button,.interviewTop__button {
max-width: 350px;
margin: 15px auto;
}
}
.contentContainer.recentPost {
margin-top: 60px;
}
.contentContainer.recentPost > div {
padding-top: 60px;
border-top: 1px solid #909090;
}
@media screen and (max-width: 767px) {
.contentContainer.recentPost {
margin-top: 30px;
}
.contentContainer.recentPost > div {
padding-top: 30px;
margin: 0 -4vw;
}
}
@media screen and (min-width:1024px) {
.list__group.recentPost {
display: flex;
flex-wrap: wrap;
}
.list__group.recentPost .archiveList__item {
width: 50%;
padding: 0 15px;
}
.list__group.recentPost .archiveList__item:nth-child(odd){
padding-left: 0;
}
.list__group.recentPost .archiveList__item:nth-child(even){
padding-right: 0;
}
.list__group.recentPost .section__item {
margin-bottom: 20px;
}
.list__group.recentPost .archiveList__item a {
height: 100%; }
}
#anchorTrial {
max-width: 1000px;
width: 100%;
margin: 0 auto 15px;
padding: 15px 0;
font-size: 2.4rem;
color: #fff;
font-weight: bold;
background-color: #142850;
}
@media screen and (max-width: 767px) {
#anchorTrial {
font-size: 2rem;
margin-bottom: 0;
padding: 10px 0;
}
} #js-modal {
max-width: 1000px;
max-height: 80vh;
width: 100%;
height: auto;
padding: 50px;
background: #F8F9FA;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
transition: .3s;
overscroll-behavior: contain;
overflow-y: scroll;
z-index: 1000;
display: none;
}
#js-modal.is-show {
display: block;
opacity: 1;
visibility: visible;
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.6);  
opacity: 0;
visibility: hidden;
transition: .3s;
z-index: 999;
}
.overlay.is-show {
opacity: 1;
visibility: visible;
overscroll-behavior: contain;
overflow-y: scroll;
}
.nonScroll.is-show {
height:calc(100vh + 1px) ;
width: 1px;
background-color: transparent;
}
.js-modalClose {
max-width: 1000px;
width: 100%;
height: 20px;
position: fixed;
top: 15%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
z-index: 1000;
display: none;
}
.js-modalClose.is-show {
display: block;
opacity: 1;
visibility: visible;
}
.modalClose {
position: absolute;
top: 0;
right: 25px;
display: block;
width: 20px;
height: 20px;
transition: opacity .3s;
}
.modalClose:hover {
cursor: pointer;
opacity: .8;
}
.modalClose span::before, .modalClose span::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background-color: #909090;
transform: rotate(45deg);
}
.modalClose span::after {
transform: rotate(-45deg);
}
.bookDetail__shareArea {
margin-bottom: 40px;
}
.section.interview {
margin: 0 auto 50px;
}
.interview .bookDetail {
padding: 25px 20px;
margin-bottom: 20px;
}
.interview .bookDetail:last-of-type {
margin-bottom: 0;
}
.interview .button {
padding: 15px 20px;
}
.interview .contentContainer--full {
overflow: initial;
}
.section.interview:last-child {
margin-top: 50px;
}
@media screen and (max-width: 767px) {
.section.interview:last-child {
margin-top: 30px;
}
} #onetrust-banner-sdk #onetrust-button-group-parent {
font-size: 16px;
padding-top: 10px;
}
div#onetrust-group-container {
font-size: 16px;
}.archiveList-rensai .archiveList__thumbnail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
max-width: 200px;
max-height: 260px; height: 260px;
}
.archiveList-rensai .archiveList__thumbnail img {
max-height: 260px;
object-fit: contain;
}
@media screen and (max-width:767px) {
.archiveList-rensai .archiveList__thumbnail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
max-width: 120px; height: 100%;
}
.archiveList-rensai .archiveList__content p{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
}   .section{
margin-bottom: 80px;
} .concept__box{
width: 100%;
max-width: 620px;
margin: 0 auto 20px;
background: #fff;
padding: 30px;
}
@media screen and (min-width:1280px) {
.concept__box{
transform: translateX(30px);
}
} .heading--3-center, .heading--4-center{
text-align: center;
}
.heading--4-rensai{
font-size: 2.2rem;
}
.single-sukimabooks .heading--4-rensai{
line-height: 1.87;
font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
.heading--4-rensai{
font-size: 2.0rem;
}
.single-sukimabooks .heading--4-rensai{
line-height: 1.85;
font-size: 1.4rem;
}
}
.cover__hero_add{
margin-bottom: 0;
} .postContent.postContent-rensai .caption_box{
display: block;
margin: 0 auto;
text-align: center;
}
.postContent.postContent-rensai img{
display: block;
margin: 0 auto 10px;
}
.postContent.postContent-rensai a{  border-bottom: 1px solid #142850!important; }
.postContent.postContent-rensai a:hover{ border-bottom: 1px solid transparent!important;
}
.postContent.postContent-rensai .caption_box p{
margin: 0 0 20px;
}
.postContent figcaption,
.postContent.postContent-rensai figcaption {
font-size: 1.4rem;
}
.postContent figure.wp-caption.aligncenter,
.postContent.postContent-rensai figure.wp-caption.aligncenter {
margin: 0 auto;
} .btn__group{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
justify-content: space-evenly;
}
.btn__group_item{
width: 47%;
}
.btn__group_item.btn__group_item-prev{
}
.btn__group_item.btn__group_item-next{
}
.btn-prev, .btn-next{
border: 2px solid #fff450;
display: flex;
font-size: 1.6rem;
border-radius: 10px;
text-align: center;
text-decoration: none;
line-height: 1.45;
position: relative;
cursor: pointer;
font-weight: 700;
width: 100%;
color: #3b4043;
transition: background-color .3s;
}
.btn-prev p, .btn-next p{
font-weight: 700;
}
.btn-prev:hover {
background-color: #fff450;
}
.btn-next:hover {
background-color: #fff450;
}
.article__prev, .article__next{
width: 25%;
margin: 0 auto;
}
.article__prev_ttl, .article__next_ttl{
max-width: 160px;
width: 60%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
margin: 0 auto;
}
.btn-prev {
padding: 15px 20px 15px 30px;
}
.btn-next {
padding: 15px 30px 15px 20px;
}
.btn__group_item.btn__group_item-prev .icon--arrowLeft::before {
content: "";
transform: rotate(180deg);
}
.btn__group_item.btn__group_item-prev .icon--arrowLeft {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 1rem;
left: 20px;
width: 10px;
height: 10px;
} .linkcard__article_list{
width: 100%;
max-width: 350px;
margin-left: auto;
margin-right: auto;
background: #fff;
opacity: 1;
border: 1px solid transparent;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.linkcard__article_list:hover{
opacity: .8;
border: 1px solid #fff450;
}
.linkcard__article_list h4{
text-align: center;
margin: 20px auto;
}
.linkcard__article_list .imgPlaceHolder__image{
position: unset;
}
.linkcard__article_list .imgPlaceHolder{
padding-bottom: unset;
}
.linkcard__article_list .cover__hero {
width: 100%;
max-width: unset;
}
.linkcard__article_list img{
width: 90%;
max-width: 90%;
margin-left: auto;
margin-right: auto;
height: auto;
}
@media screen and (max-width:767px) {
.article__prev_ttl, .article__next_ttl {
display: none;
}
.article__prev, .article__next {
width: 100%;
margin: 0 auto;
}
} .sharePosts--right {
justify-content: flex-end;
}