@charset "UTF-8";
@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
   .jin_classic_editor #postContent img {
height: auto;
}  .blog-card-hl-box {
position: absolute;
border-radius: 2px;
background: #ccc;
}
@media (min-width: 768px) {
.blog-card-hl-box {
font-size: 12px;
font-weight: 500;
padding: 5px 10px;
top: -14px;
left: 20px;
width: 130px;
}
}
@media (max-width: 767px) {
.blog-card-hl-box {
font-weight: bold;
font-size: 11px;
padding: 4px 8px;
top: -12px;
left: 12px;
width: 120px;
}
}
.blog-card {
display: block;
position: relative;
border: 1px solid #aaa;
border-radius: 4px;
margin-top: 20px !important;
margin-bottom: 30px !important;
background: rgba(255, 255, 255, 0);
word-wrap: break-word;
box-sizing: border-box;
text-decoration: none !important;
transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
}
@media (max-width: 767px) {
.blog-card {
width: 100%;
padding: 12px;
margin: 10px 0px;
padding-top: 22px !important;
}
}
@media (min-width: 768px) {
.blog-card {
width: 90%;
margin: 10px auto;
padding: 20px;
padding-top: 30px !important;
}
}
.blog-card .blog-card-hl {
position: relative;
color: #fff;
letter-spacing: 0;
line-height: 0;
}
.blog-card .blog-card-hl:after {
position: absolute;
content: "あわせて読みたい";
color: #fff;
width: 100px;
top: 5px;
left: 1px;
letter-spacing: 0;
}
@media (max-width: 767px) {
.blog-card .blog-card-hl:after {
left: -2px;
}
}
.blog-card .jin-ifont-post {
color: #fff;
font-size: 0.7rem;
}
.blog-card:hover {
opacity: 0.8 !important;
}
.blog-card:hover .blog-card-thumbnail img {
transform: scale(1.1);
}
.blog-card-box {
display: flex;
}
.blog-card-content {
flex: 2.5;
}
.blog-card-thumbnail {
display: block;
overflow: hidden;
}
@media (max-width: 767px) {
.blog-card-thumbnail {
margin-right: 10px;
flex: 1.82;
}
}
@media (min-width: 768px) {
.blog-card-thumbnail {
margin-right: 20px;
flex: 1;
}
}
.blog-card-thumbnail img {
filter: opacity(1);
display: block;
padding: 0 !important;
margin: 0 !important;
vertical-align: baseline;
width: 100%;
height: auto;
background: #fff;
transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
}
.blog-card-title {
display: block;
letter-spacing: 1px;
color: #524e4d;
transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
}
@media (max-width: 767px) {
.blog-card-title {
font-size: 1.36rem;
line-height: 1.92rem;
font-weight: 700;
}
}
@media (min-width: 768px) {
.blog-card-title {
margin-bottom: 15px;
font-size: 1.76rem;
line-height: 2.4rem;
font-weight: 500;
}
}
.blog-card-excerpt {
color: #524e4d;
display: none;
}
@media (min-width: 768px) {
.blog-card-excerpt {
margin-top: 15px;
font-size: 1.2rem;
display: block;
}
}
.blog-card-footer {
display: flex;
justify-content: flex-end;
font-size: 70%;
color: #777;
margin-bottom: 0;
text-align: right;
}
@media (max-width: 767px) {
.blog-card-footer {
margin-top: 10px;
}
}
@media (min-width: 768px) {
.blog-card-footer {
margin-top: 15px;
}
}
.blog-card-footer .blog-card-logo {
margin-right: 5px;
}
.blog-card-footer .blog-card-logo img {
padding: 0 !important;
margin: 0 !important;
}
.blog-card-footer .blog-card-sitetitle {
display: block;
margin-top: 1px;
}  .simple-box1 {
border: 3px solid #eee;
border-radius: 4px;
}
.simple-box2 {
border: 3px dashed #eee;
border-radius: 4px;
}
.simple-box3 {
position: relative;
border: 3px double #eee;
border-radius: 4px;
}
.simple-box4 {
border: 1px solid #eee;
border-radius: 4px;
position: relative;
}
.simple-box4:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.05;
z-index: -1;
}
.simple-box5 {
position: relative;
border: 1px dashed #aaa;
border-radius: 4px;
}
.simple-box5:before {
position: absolute;
content: "";
display: block;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: #f7f7f7;
opacity: 0.05;
z-index: -1;
}
.simple-box6 {
background: #eee;
border-radius: 4px;
}
.simple-box7 {
border: 10px solid #aaa;
border-radius: 4px;
position: relative;
}
.simple-box7:before {
position: absolute;
content: "";
display: block;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: #f7f7f7;
opacity: 0.2;
z-index: -1;
}
.simple-box8 {
position: relative;
border-left: 5px solid #aaa;
}
.simple-box8:before {
position: absolute;
content: "";
display: block;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: #f7f7f7;
opacity: 0.1;
z-index: 0;
}
.simple-box9 {
position: relative;
}
.simple-box9:before {
position: absolute;
content: "";
display: block;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: #f7f7f7;
opacity: 0.2;
z-index: 0;
}
.simple-box9:after {
position: absolute;
content: "";
display: block;
right: 0;
top: 0;
border-color: #e3e3e3 #e3e3e3 #fff #fff;
border-width: 0 30px 30px 0;
border-style: solid;
width: 0;
transform: rotate(180deg);
}
.kaisetsu-box1 {
position: relative;
}
@media (min-width: 768px) {
.kaisetsu-box1 {
padding-top: 80px !important;
}
}
@media (max-width: 767px) {
.kaisetsu-box1 {
padding-top: 70px !important;
}
}
.kaisetsu-box1:before {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #f7f7f7;
opacity: 0.15;
border-radius: 4px;
z-index: 0;
}
.kaisetsu-box1-title {
position: absolute;
display: block;
left: 0;
top: 0;
color: #fff;
width: 100%;
padding: 12px 0;
text-align: center;
background: #aaa;
letter-spacing: 0px !important;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
@media (min-width: 768px) {
.kaisetsu-box1-title {
font-size: 21px;
font-weight: 500;
}
}
@media (max-width: 767px) {
.kaisetsu-box1-title {
font-size: 18px;
font-weight: 700;
}
}
.kaisetsu-box2 {
position: relative;
border: 1px solid #aaa;
border-radius: 4px;
}
@media (min-width: 768px) {
.kaisetsu-box2 {
padding-top: 80px !important;
}
}
@media (max-width: 767px) {
.kaisetsu-box2 {
padding-top: 70px !important;
}
}
.kaisetsu-box2 ol li,
.kaisetsu-box2 ul li {
border-bottom: 2px dashed #ccc;
padding-bottom: 9px;
}
.kaisetsu-box2:before {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #f7f7f7;
opacity: 0.15;
border-radius: 4px;
z-index: 0;
}
.kaisetsu-box2-title {
position: absolute;
display: block;
left: 0;
top: 0;
color: #fff;
width: 100%;
padding: 12px 0;
text-align: center;
background: #aaa;
letter-spacing: 0px !important;
}
@media (min-width: 768px) {
.kaisetsu-box2-title {
font-size: 21px;
font-weight: 500;
}
}
@media (max-width: 767px) {
.kaisetsu-box2-title {
font-size: 18px;
font-weight: 700;
}
}
.kaisetsu-box3 {
position: relative;
border: 10px solid #e3b66a;
background: #369377;
border-radius: 1px;
color: #fff !important;
}
@media (min-width: 768px) {
.kaisetsu-box3 {
padding-top: 80px !important;
}
}
@media (max-width: 767px) {
.kaisetsu-box3 {
padding-top: 70px !important;
}
}
.kaisetsu-box3 ol li,
.kaisetsu-box3 ul li {
border-bottom: 2px solid rgba(255, 255, 255, 0.21);
padding-bottom: 9px;
}
.kaisetsu-box3 p {
color: #fff;
}
.kaisetsu-box3:before {
position: absolute;
content: "";
right: 0;
bottom: 0;
width: 113px;
height: 27px;
background: url(//santenreader.com/wp-content/plugins/jin-to-jinr/img/bankeshi.png);
background-size: contain;
}
.kaisetsu-box3-title {
position: absolute;
display: block;
left: 0;
top: 15px;
color: #fff;
width: 100%;
padding: 15px 0;
text-align: center;
font-weight: bold;
letter-spacing: 0px !important;
}
@media (min-width: 768px) {
.kaisetsu-box3-title {
font-size: 21px;
font-weight: 500;
}
}
@media (max-width: 767px) {
.kaisetsu-box3-title {
font-size: 18px;
font-weight: 700;
}
}
.kaisetsu-box4 {
position: relative;
border: 1px solid #aaa;
border-radius: 4px;
border-top-left-radius: 0;
}
@media (max-width: 767px) {
.kaisetsu-box4 {
margin-top: 35px !important;
}
}
@media (min-width: 768px) {
.kaisetsu-box4 {
margin-top: 40px !important;
}
}
.kaisetsu-box4-title {
position: absolute;
line-height: 0;
font-size: 18px;
left: -1px;
top: -36px;
color: #fff;
padding: 18px 15px;
background: #aaa;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
letter-spacing: 0px !important;
}
@media (min-width: 768px) {
.kaisetsu-box4-title {
font-weight: 500;
}
}
@media (max-width: 767px) {
.kaisetsu-box4-title {
font-weight: 700;
}
}
.kaisetsu-box5 {
position: relative;
border-radius: 4px;
}
@media (max-width: 767px) {
.kaisetsu-box5 {
padding-top: 30px !important;
margin-top: 20px !important;
}
}
@media (min-width: 768px) {
.kaisetsu-box5 {
padding-top: 40px !important;
margin-top: 20px !important;
}
}
.kaisetsu-box5:before {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #aaa;
opacity: 0.12;
border-radius: 4px;
box-sizing: border-box;
z-index: 0;
}
.kaisetsu-box5-title {
position: absolute;
line-height: 0;
font-size: 18px;
left: 20px;
top: -18px;
color: #fff;
padding: 18px 15px;
background: #aaa;
border-radius: 2px;
letter-spacing: 0px !important;
}
@media (min-width: 768px) {
.kaisetsu-box5-title {
font-weight: 500;
}
}
@media (max-width: 767px) {
.kaisetsu-box5-title {
font-weight: 700;
}
}
.concept-box1,
.concept-box2,
.concept-box3,
.concept-box4,
.concept-box5,
.concept-box6 {
position: relative;
border: 1px solid #eee;
border-radius: 4px;
}
@media (max-width: 767px) {
.concept-box1,
.concept-box2,
.concept-box3,
.concept-box4,
.concept-box5,
.concept-box6 {
padding-top: 30px !important;
margin-top: 30px !important;
}
}
@media (min-width: 768px) {
.concept-box1,
.concept-box2,
.concept-box3,
.concept-box4,
.concept-box5,
.concept-box6 {
padding-top: 40px !important;
margin-top: 40px !important;
}
}
.concept-box1:before,
.concept-box2:before,
.concept-box3:before,
.concept-box4:before,
.concept-box5:before,
.concept-box6:before {
position: absolute;
font-weight: bold;
background: #fff;
color: #555;
line-height: 0;
letter-spacing: 0;
}
@media (min-width: 768px) {
.concept-box1:before,
.concept-box2:before,
.concept-box3:before,
.concept-box4:before,
.concept-box5:before,
.concept-box6:before {
font-size: 20px;
top: -21px;
padding: 20px 8px 20px 51px;
}
}
@media (max-width: 767px) {
.concept-box1:before,
.concept-box2:before,
.concept-box3:before,
.concept-box4:before,
.concept-box5:before,
.concept-box6:before {
font-size: 18px;
top: -21px;
padding: 20px 8px 20px 32px;
}
}
.concept-box1:after,
.concept-box2:after,
.concept-box3:after,
.concept-box4:after,
.concept-box5:after,
.concept-box6:after {
position: absolute;
background: #aaa;
color: #fff;
font-family: "jin-icons";
border: 5px solid #fff;
text-align: center;
width: 16px;
height: 16px; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
.concept-box1:after,
.concept-box2:after,
.concept-box3:after,
.concept-box4:after,
.concept-box5:after,
.concept-box6:after {
left: 20px;
top: -28px;
padding-left: 12px;
padding-right: 18px;
padding-top: 13px;
padding-bottom: 17px;
border-radius: 40px;
font-size: 2.24rem;
}
}
@media (max-width: 767px) {
.concept-box1:after,
.concept-box2:after,
.concept-box3:after,
.concept-box4:after,
.concept-box5:after,
.concept-box6:after {
left: 12px;
top: -23px;
padding-left: 9px;
padding-right: 11px;
padding-top: 8px;
padding-bottom: 12px;
border-radius: 28px;
font-size: 1.84rem;
}
}
.concept-box1:before {
content: "ポイント";
}
.concept-box1:after {
content: "\e90b";
line-height: 2rem;
}
.concept-box2:before {
content: "注意点";
}
.concept-box2:after {
content: "\e909";
line-height: 1.76rem;
}
.concept-box3:before {
content: "良い例";
}
.concept-box3:after {
content: "\e91d";
line-height: 2.08rem;
}
.concept-box4:before {
content: "悪い例";
}
.concept-box4:after {
content: "\e905";
line-height: 2.08rem;
}
.concept-box5:before {
content: "参考";
}
.concept-box5:after {
content: "\e906";
line-height: 2.08rem;
}
.concept-box6:before {
content: "メモ";
}
.concept-box6:after {
content: "\e921";
line-height: 2.08rem;
}
.innerlink-box1 {
position: relative;
padding-top: 40px !important;
border: 1px solid #aaa;
border-radius: 4px;
background: rgba(255, 255, 255, 0);
}
@media (max-width: 767px) {
.innerlink-box1 {
padding-top: 35px !important;
margin-top: 10px !important;
}
}
@media (min-width: 768px) {
.innerlink-box1 {
margin-top: 20px !important;
}
}
.innerlink-box1:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.04;
z-index: -1;
}
.innerlink-box1-title {
position: absolute;
background: red;
border: 3px solid #aaa;
line-height: 0;
color: #fff;
border-radius: 2px;
letter-spacing: 0;
}
@media (min-width: 768px) {
.innerlink-box1-title {
top: -14px;
padding: 5px 7px 5px 7px;
font-size: 12px;
font-weight: 500;
}
}
@media (max-width: 767px) {
.innerlink-box1-title {
top: -14px;
left: 15px;
padding: 5px 5px 5px 6px;
font-weight: bold;
font-size: 11px;
}
.innerlink-box1-title .jic:before {
padding-bottom: 0;
padding-right: 0;
vertical-align: inherit;
}
}
.innerlink-box1-title .jin-ifont-post {
color: #fff;
font-size: 0.65rem;
margin-right: -1px;
}
.innerlink-box1-title svg,
.innerlink-box1-title path {
fill: #fff !important;
}
.simple-box1,
.simple-box2,
.simple-box3,
.simple-box4,
.simple-box5,
.simple-box6,
.simple-box7,
.simple-box8,
.simple-box9,
.kaisetsu-box1,
.kaisetsu-box2,
.kaisetsu-box3,
.kaisetsu-box4,
.kaisetsu-box5,
.kaisetsu-box6,
.concept-box1,
.concept-box2,
.concept-box3,
.concept-box4,
.concept-box5,
.concept-box6,
.innerlink-box1 {
padding: 20px 25px;
padding-bottom: 0;
box-sizing: border-box;
}
@media (max-width: 767px) {
.simple-box1,
.simple-box2,
.simple-box3,
.simple-box4,
.simple-box5,
.simple-box6,
.simple-box7,
.simple-box8,
.simple-box9,
.kaisetsu-box1,
.kaisetsu-box2,
.kaisetsu-box3,
.kaisetsu-box4,
.kaisetsu-box5,
.kaisetsu-box6,
.concept-box1,
.concept-box2,
.concept-box3,
.concept-box4,
.concept-box5,
.concept-box6,
.innerlink-box1 {
margin-bottom: 30px;
}
}
@media (min-width: 768px) {
.simple-box1,
.simple-box2,
.simple-box3,
.simple-box4,
.simple-box5,
.simple-box6,
.simple-box7,
.simple-box8,
.simple-box9,
.kaisetsu-box1,
.kaisetsu-box2,
.kaisetsu-box3,
.kaisetsu-box4,
.kaisetsu-box5,
.kaisetsu-box6,
.concept-box1,
.concept-box2,
.concept-box3,
.concept-box4,
.concept-box5,
.concept-box6,
.innerlink-box1 {
margin-bottom: 40px;
width: 90%;
margin-left: auto;
margin-right: auto;
}
}
.simple-box1 p,
.simple-box2 p,
.simple-box3 p,
.simple-box4 p,
.simple-box5 p,
.simple-box6 p,
.simple-box7 p,
.simple-box8 p,
.simple-box9 p,
.kaisetsu-box1 p,
.kaisetsu-box2 p,
.kaisetsu-box3 p,
.kaisetsu-box4 p,
.kaisetsu-box5 p,
.kaisetsu-box6 p,
.concept-box1 p,
.concept-box2 p,
.concept-box3 p,
.concept-box4 p,
.concept-box5 p,
.concept-box6 p,
.innerlink-box1 p {
padding-bottom: 20px !important;
margin-bottom: 0 !important;
}
.simple-box1 p:not(:first-of-type),
.simple-box2 p:not(:first-of-type),
.simple-box3 p:not(:first-of-type),
.simple-box4 p:not(:first-of-type),
.simple-box5 p:not(:first-of-type),
.simple-box6 p:not(:first-of-type),
.simple-box7 p:not(:first-of-type),
.simple-box8 p:not(:first-of-type),
.simple-box9 p:not(:first-of-type),
.kaisetsu-box1 p:not(:first-of-type),
.kaisetsu-box2 p:not(:first-of-type),
.kaisetsu-box3 p:not(:first-of-type),
.kaisetsu-box4 p:not(:first-of-type),
.kaisetsu-box5 p:not(:first-of-type),
.kaisetsu-box6 p:not(:first-of-type),
.concept-box1 p:not(:first-of-type),
.concept-box2 p:not(:first-of-type),
.concept-box3 p:not(:first-of-type),
.concept-box4 p:not(:first-of-type),
.concept-box5 p:not(:first-of-type),
.concept-box6 p:not(:first-of-type),
.innerlink-box1 p:not(:first-of-type) {
margin-top: 0 !important;
}
.simple-box1 p:first-of-type,
.simple-box2 p:first-of-type,
.simple-box3 p:first-of-type,
.simple-box4 p:first-of-type,
.simple-box5 p:first-of-type,
.simple-box6 p:first-of-type,
.simple-box7 p:first-of-type,
.simple-box8 p:first-of-type,
.simple-box9 p:first-of-type,
.kaisetsu-box1 p:first-of-type,
.kaisetsu-box2 p:first-of-type,
.kaisetsu-box3 p:first-of-type,
.kaisetsu-box4 p:first-of-type,
.kaisetsu-box5 p:first-of-type,
.kaisetsu-box6 p:first-of-type,
.concept-box1 p:first-of-type,
.concept-box2 p:first-of-type,
.concept-box3 p:first-of-type,
.concept-box4 p:first-of-type,
.concept-box5 p:first-of-type,
.concept-box6 p:first-of-type,
.innerlink-box1 p:first-of-type {
margin-top: 0 !important;
}
.simple-box1 ol,
.simple-box1 ul,
.simple-box2 ol,
.simple-box2 ul,
.simple-box3 ol,
.simple-box3 ul,
.simple-box4 ol,
.simple-box4 ul,
.simple-box5 ol,
.simple-box5 ul,
.simple-box6 ol,
.simple-box6 ul,
.simple-box7 ol,
.simple-box7 ul,
.simple-box8 ol,
.simple-box8 ul,
.simple-box9 ol,
.simple-box9 ul,
.kaisetsu-box1 ol,
.kaisetsu-box1 ul,
.kaisetsu-box2 ol,
.kaisetsu-box2 ul,
.kaisetsu-box3 ol,
.kaisetsu-box3 ul,
.kaisetsu-box4 ol,
.kaisetsu-box4 ul,
.kaisetsu-box5 ol,
.kaisetsu-box5 ul,
.kaisetsu-box6 ol,
.kaisetsu-box6 ul,
.concept-box1 ol,
.concept-box1 ul,
.concept-box2 ol,
.concept-box2 ul,
.concept-box3 ol,
.concept-box3 ul,
.concept-box4 ol,
.concept-box4 ul,
.concept-box5 ol,
.concept-box5 ul,
.concept-box6 ol,
.concept-box6 ul,
.innerlink-box1 ol,
.innerlink-box1 ul {
padding-top: 0px;
padding-bottom: 30px !important;
padding-right: 20px;
}
@media (max-width: 767px) {
.simple-box1 ol,
.simple-box1 ul,
.simple-box2 ol,
.simple-box2 ul,
.simple-box3 ol,
.simple-box3 ul,
.simple-box4 ol,
.simple-box4 ul,
.simple-box5 ol,
.simple-box5 ul,
.simple-box6 ol,
.simple-box6 ul,
.simple-box7 ol,
.simple-box7 ul,
.simple-box8 ol,
.simple-box8 ul,
.simple-box9 ol,
.simple-box9 ul,
.kaisetsu-box1 ol,
.kaisetsu-box1 ul,
.kaisetsu-box2 ol,
.kaisetsu-box2 ul,
.kaisetsu-box3 ol,
.kaisetsu-box3 ul,
.kaisetsu-box4 ol,
.kaisetsu-box4 ul,
.kaisetsu-box5 ol,
.kaisetsu-box5 ul,
.kaisetsu-box6 ol,
.kaisetsu-box6 ul,
.concept-box1 ol,
.concept-box1 ul,
.concept-box2 ol,
.concept-box2 ul,
.concept-box3 ol,
.concept-box3 ul,
.concept-box4 ol,
.concept-box4 ul,
.concept-box5 ol,
.concept-box5 ul,
.concept-box6 ol,
.concept-box6 ul,
.innerlink-box1 ol,
.innerlink-box1 ul {
padding-left: 4px !important;
padding-right: 4px;
}
}
.simple-box1 a,
.simple-box2 a,
.simple-box3 a,
.simple-box4 a,
.simple-box5 a,
.simple-box6 a,
.simple-box7 a,
.simple-box8 a,
.simple-box9 a,
.kaisetsu-box1 a,
.kaisetsu-box2 a,
.kaisetsu-box3 a,
.kaisetsu-box4 a,
.kaisetsu-box5 a,
.kaisetsu-box6 a,
.concept-box1 a,
.concept-box2 a,
.concept-box3 a,
.concept-box4 a,
.concept-box5 a,
.concept-box6 a,
.innerlink-box1 a {
position: relative;
z-index: 2;
}
.simple-box1 img,
.simple-box2 img,
.simple-box3 img,
.simple-box4 img,
.simple-box5 img,
.simple-box6 img,
.simple-box7 img,
.simple-box8 img,
.simple-box9 img,
.kaisetsu-box1 img,
.kaisetsu-box2 img,
.kaisetsu-box3 img,
.kaisetsu-box4 img,
.kaisetsu-box5 img,
.kaisetsu-box6 img,
.concept-box1 img,
.concept-box2 img,
.concept-box3 img,
.concept-box4 img,
.concept-box5 img,
.concept-box6 img,
.innerlink-box1 img {
height: auto;
padding-bottom: 20px !important;
}
.simple-box1 ol,
.simple-box1 ul,
.simple-box2 ol,
.simple-box2 ul,
.simple-box3 ol,
.simple-box3 ul,
.simple-box4 ol,
.simple-box4 ul,
.simple-box5 ol,
.simple-box5 ul,
.simple-box6 ol,
.simple-box6 ul,
.simple-box7 ol,
.simple-box7 ul,
.simple-box8 ol,
.simple-box8 ul,
.simple-box9 ol,
.simple-box9 ul,
.kaisetsu-box1 ol,
.kaisetsu-box1 ul,
.kaisetsu-box2 ol,
.kaisetsu-box2 ul,
.kaisetsu-box3 ol,
.kaisetsu-box3 ul,
.kaisetsu-box4 ol,
.kaisetsu-box4 ul,
.kaisetsu-box5 ol,
.kaisetsu-box5 ul,
.kaisetsu-box6 ol,
.kaisetsu-box6 ul {
padding-top: 10px !important;
padding-bottom: 30px;
padding-right: 20px;
}
@media (max-width: 767px) {
.simple-box1 ol,
.simple-box1 ul,
.simple-box2 ol,
.simple-box2 ul,
.simple-box3 ol,
.simple-box3 ul,
.simple-box4 ol,
.simple-box4 ul,
.simple-box5 ol,
.simple-box5 ul,
.simple-box6 ol,
.simple-box6 ul,
.simple-box7 ol,
.simple-box7 ul,
.simple-box8 ol,
.simple-box8 ul,
.simple-box9 ol,
.simple-box9 ul,
.kaisetsu-box1 ol,
.kaisetsu-box1 ul,
.kaisetsu-box2 ol,
.kaisetsu-box2 ul,
.kaisetsu-box3 ol,
.kaisetsu-box3 ul,
.kaisetsu-box4 ol,
.kaisetsu-box4 ul,
.kaisetsu-box5 ol,
.kaisetsu-box5 ul,
.kaisetsu-box6 ol,
.kaisetsu-box6 ul {
padding-left: 4px !important;
padding-right: 4px;
}
}
#postContent [class^=simple-box] .jinr-list,
#postContent [class^=concept-box] .jinr-list,
#postContent [class^=kaisetsu-box] .jinr-list {
margin-bottom: 0;
margin-top: 0;
}
.concept-box1 ol,
.concept-box1 ul,
.concept-box2 ol,
.concept-box2 ul,
.concept-box3 ol,
.concept-box3 ul,
.concept-box4 ol,
.concept-box4 ul,
.concept-box5 ol,
.concept-box5 ul,
.concept-box6 ol,
.concept-box6 ul,
.innerlink-box1 ol,
.innerlink-box1 ul {
padding-top: 0px;
padding-bottom: 30px;
padding-right: 20px;
}
@media (max-width: 767px) {
.concept-box1 ol,
.concept-box1 ul,
.concept-box2 ol,
.concept-box2 ul,
.concept-box3 ol,
.concept-box3 ul,
.concept-box4 ol,
.concept-box4 ul,
.concept-box5 ol,
.concept-box5 ul,
.concept-box6 ol,
.concept-box6 ul,
.innerlink-box1 ol,
.innerlink-box1 ul {
padding-left: 4px !important;
padding-right: 4px;
}
}
#postContent .wp-block-jin-gb-block-box-with-headline .innerlink-box1-title {
padding: 13px;
left: 15px;
top: -15px;
}
#postContent .wp-block-jin-gb-block-box-with-headline ul.jinr-list, #postContent .wp-block-jin-gb-block-box-with-headline ol.jinr-list {
margin-top: 0;
margin-bottom: 0;
}
#postContent .wp-block-jin-gb-block-box ul.jinr-list, #postContent .wp-block-jin-gb-block-box ol.jinr-list {
margin-top: 0;
margin-bottom: 0;
}  .color-button01,
.color-button02,
.color-button01-big,
.color-button02-big {
margin-left: 5px;
margin-right: 5px;
letter-spacing: 0;
}
@media (max-width: 767px) {
.color-button01,
.color-button02,
.color-button01-big,
.color-button02-big {
margin-bottom: 10px;
}
}
.color-button01 a,
.color-button02 a,
.color-button01-big a,
.color-button02-big a {
color: #fff !important;
}
.color-button01-big,
.color-button02-big {
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
.spfull {
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
.top-image-btn-color a,
.color-button01 a,
.color-button02 a {
transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
border-radius: 6px;
text-align: center;
padding: 13px 80px;
padding-bottom: 12px;
display: inline-block;
text-decoration: none !important;
transform: perspective(0);
font-size: 1.76rem;
opacity: 1 !important;
}
@media (max-width: 767px) {
.top-image-btn-color a,
.color-button01 a,
.color-button02 a {
padding: 12px 80px;
padding-bottom: 11px;
font-weight: 700;
}
}
@media (min-width: 768px) {
.top-image-btn-color a,
.color-button01 a,
.color-button02 a {
font-weight: 400;
}
}
@media (max-width: 767px) {
.spfull.color-button01 a,
.spfull.color-button02 a {
width: 100%;
}
}
.color-button01-big a,
.color-button02-big a {
transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
border-radius: 4px;
text-align: center;
font-size: 1.92rem;
padding: 20px 30px;
max-width: 100% !important;
vertical-align: bottom;
display: block;
text-decoration: none !important;
transform: perspective(0);
}
@media (max-width: 767px) {
.color-button01-big a,
.color-button02-big a {
width: 100% !important;
font-weight: 700;
}
}
@media (min-width: 768px) {
.color-button01-big a,
.color-button02-big a {
font-weight: 400;
}
}
.color-button01 img,
.color-button02 img,
.color-button01-big img,
.color-button02-big img {
display: none;
}
.top-image-btn-color a:hover,
.color-button01 a:hover,
.color-button02 a:hover,
.color-button01-big a:hover,
.color-button02-big a:hover {
text-decoration: none !important;
opacity: 1;
}
.top-image-btn-color,
.color-button01,
.color-button02,
.color-button01-big,
.color-button02-big {
position: relative;
z-index: 1;
display: inline-block;
}
.color-button01-big,
.color-button02-big {
display: block;
}
.top-image-btn-color a,
.color-button01 a,
.color-button01-big a {
background-color: #0094c8;
color: #fff !important;
}
@media (max-width: 767px) {
.top-image-btn-color a {
font-weight: 700 !important;
}
}
@media (min-width: 768px) {
.top-image-btn-color a {
font-weight: 400 !important;
}
}
.color-button02 a,
.color-button02-big a {
background-color: #d9333f;
color: #fff !important;
}
.top-image-btn-color a:hover,
.color-button01 a:hover,
.color-button02 a:hover,
.color-button01-big a:hover,
.color-button02-big a:hover {
transform: translateY(4px);
filter: brightness(0.9);
}
.top-image-btn-color:before,
.color-button01:before,
.color-button02:before,
.color-button01-big:before,
.color-button02-big:before {
position: absolute;
bottom: -4px;
z-index: -1;
left: 0;
content: "";
width: 100%;
height: 24px;
border-radius: 4px;
filter: brightness(0.85);
}
.top-image-btn-color:before,
.color-button01:before,
.color-button02:before {
border-radius: 6px;
}
.color-button01-big:before,
.color-button02-big:before {
height: 100%;
}
.color-button01:before,
.color-button01-big:before {
background-color: #0094c8;
}
.color-button02:before,
.color-button02-big:before {
background-color: #d9333f;
}
.twobutton {
display: block;
text-align: center;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.twobutton .color-button01,
.twobutton .color-button02 {
margin-bottom: 10px;
}
}
.gb-simple-button-center {
display: block;
text-align: center;
}
.gb-two-button-box {
display: flex;
justify-content: center;
}  .h2-style01 h2 {
background-color: #2b2b2b;
color: #fff;
border-radius: 2px;
}
@media (max-width: 767px) {
.h2-style01 h2 {
font-size: 1.45rem;
line-height: 1.8rem;
padding: 13px;
padding-bottom: 12px;
margin-top: 1.4rem;
margin-bottom: 1rem;
font-weight: 700;
}
}
@media (min-width: 768px) {
.h2-style01 h2 {
font-size: 1.65rem;
line-height: 2rem;
padding: 15px;
padding-bottom: 16px;
margin-top: 2.6rem;
margin-bottom: 1.6rem;
}
} .h2-style02 h2 {
position: relative;
border-bottom: 1px solid #ddd;
border-left: 5px solid #2b2b2b;
}
@media (max-width: 767px) {
.h2-style02 h2 {
font-size: 1.45rem;
line-height: 1.8rem;
padding: 10px 10px;
margin-top: 1.4rem;
margin-bottom: 1rem;
font-weight: 700;
}
}
@media (min-width: 768px) {
.h2-style02 h2 {
font-size: 1.65rem;
line-height: 2rem;
padding: 15px 12px;
padding-top: 16px;
margin-top: 2.6rem;
margin-bottom: 1.6rem;
}
}
.h2-style02 h2:before {
position: absolute;
content: "";
top: 0;
left: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.05;
} .h2-style03 h2 {
background-color: #2b2b2b;
color: #fff;
border-radius: 4px;
position: relative;
}
@media (max-width: 767px) {
.h2-style03 h2 {
font-size: 1.45rem;
line-height: 1.8rem;
padding: 12px 13px;
margin-top: 1.4rem;
margin-bottom: 1rem;
font-weight: 700;
}
}
@media (min-width: 768px) {
.h2-style03 h2 {
font-size: 1.65rem;
line-height: 2rem;
padding: 13px 15px;
margin-top: 2.6rem;
margin-bottom: 1.6rem;
}
}
.h2-style03 h2:before {
position: absolute;
content: "";
height: 1px;
width: 98%;
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 60%, transparent 60%, transparent 100%);
background-size: 10px 3px;
top: 5px;
left: 1%;
z-index: 999;
}
@media (max-width: 767px) {
.h2-style03 h2:before {
width: 96%;
left: 2%;
}
}
.h2-style03 h2:after {
position: absolute;
content: "";
height: 1px;
width: 98%;
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 60%, transparent 60%, transparent 100%);
background-size: 10px 3px;
bottom: 5px;
left: 1%;
z-index: 999;
}
@media (max-width: 767px) {
.h2-style03 h2:after {
width: 96%;
left: 2%;
}
} .h2-style04 h2 {
position: relative;
}
@media (max-width: 767px) {
.h2-style04 h2 {
font-size: 1.4rem;
line-height: 1.8rem;
padding: 13px 0;
padding-bottom: 14px;
margin-top: 1.4rem;
margin-bottom: 1rem;
font-weight: 500;
}
}
@media (min-width: 768px) {
.h2-style04 h2 {
font-size: 1.8rem;
line-height: 2.2rem;
padding: 20px 0;
padding-bottom: 21px;
margin-top: 2.6rem;
margin-bottom: 1.6rem;
font-weight: 300;
}
}
.h2-style04 h2:before {
position: absolute;
content: "";
top: 0;
height: 100%;
background-color: #2b2b2b;
}
@media (max-width: 767px) {
.h2-style04 h2:before {
left: -15px;
width: 5px;
}
}
@media (min-width: 768px) {
.h2-style04 h2:before {
left: -30px;
width: 3px;
}
} .h2-style05 h2 {
position: relative;
background-color: #2b2b2b;
color: #fff;
border-bottom: none;
border-radius: 6px;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.h2-style05 h2 {
font-size: 1.3rem;
line-height: 1.7rem;
padding: 10px 14px;
font-weight: 700;
}
}
@media (min-width: 768px) {
.h2-style05 h2 {
font-size: 1.65rem;
line-height: 2rem;
padding: 12px 14px;
}
}
.h2-style05 h2:before {
position: absolute;
bottom: -12px;
left: 45px;
z-index: 90;
margin-left: -15px;
border-top: 12px solid;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 0;
border-top-color: #2b2b2b;
content: "";
} .h2-style06 h2 {
position: relative;
}
@media (max-width: 767px) {
.h2-style06 h2 {
font-size: 1.45rem;
line-height: 1.8rem;
padding: 13px;
padding-left: 6px;
padding-bottom: 8px;
margin-top: 1.4rem;
margin-bottom: 1rem;
font-weight: 700;
}
}
@media (min-width: 768px) {
.h2-style06 h2 {
font-size: 1.65rem;
line-height: 2rem;
padding: 15px;
padding-left: 8px;
padding-bottom: 10px;
margin-top: 2.6rem;
margin-bottom: 1.6rem;
}
}
.h2-style06 h2:before {
position: absolute;
content: "";
z-index: 0;
bottom: 0;
left: 0px;
width: 100%;
height: 6px;
border-radius: 5px;
background-image: linear-gradient(-45deg, transparent 25%, #f4e2de 25%, #f4e2de 50%, transparent 50%, transparent 75%, #f4e2de 75%, #f4e2de);
background-size: 6px 6px;
} .h2-style07 h2 {
position: relative;
}
@media (max-width: 767px) {
.h2-style07 h2 {
font-size: 1.45rem;
line-height: 1.8rem;
padding: 13px;
padding-left: 6px;
padding-bottom: 8px;
margin-top: 1.4rem;
margin-bottom: 1rem;
font-weight: 700;
}
}
@media (min-width: 768px) {
.h2-style07 h2 {
font-size: 1.65rem;
line-height: 2rem;
padding: 15px;
padding-left: 8px;
padding-bottom: 10px;
margin-top: 2.6rem;
margin-bottom: 1.6rem;
}
}
.h2-style07 h2:before {
position: absolute;
content: "";
z-index: 0;
bottom: 0;
left: 0px;
width: 100%;
height: 4px;
border-radius: 1px;
background: #ccc;
opacity: 0.5;
}
.h2-style07 h2:after {
position: absolute;
content: "";
z-index: 0;
bottom: 0;
left: 0px;
height: 4px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
background: red;
}
@media (max-width: 767px) {
.h2-style07 h2:after {
width: 80px;
}
}
@media (min-width: 768px) {
.h2-style07 h2:after {
width: 120px;
}
} .h2-style08 h2 {
position: relative;
border-bottom: 2px solid #ccc;
}
@media (max-width: 767px) {
.h2-style08 h2 {
font-size: 1.45rem;
line-height: 1.8rem;
padding: 13px;
padding-left: 24px;
padding-bottom: 4px;
margin-top: 1.4rem;
margin-bottom: 1rem;
font-weight: 700;
}
}
@media (min-width: 768px) {
.h2-style08 h2 {
font-size: 1.65rem;
line-height: 2rem;
padding: 15px;
padding-left: 24px;
padding-bottom: 6px;
margin-top: 2.6rem;
margin-bottom: 1.6rem;
}
}
.h2-style08 h2:before {
content: "";
position: absolute;
background: #fff;
border: 1px solid;
border-color: #0094c8;
top: 0;
left: 0.4em;
height: 12px;
width: 12px;
transform: rotate(45deg);
}
@media (max-width: 767px) {
.h2-style08 h2:before {
top: 0;
left: 0.4em;
}
}
.h2-style08 h2:after {
content: "";
position: absolute;
background-color: #0094c8;
top: 0.8em;
left: 0.1em;
height: 8px;
width: 8px;
transform: rotate(15deg);
}
@media (max-width: 767px) {
.h2-style08 h2:after {
top: 1em;
left: 0;
}
} .h2-style09 h2 {
position: relative;
border-bottom: 3px double #ccc;
}
@media (max-width: 767px) {
.h2-style09 h2 {
font-size: 1.45rem;
line-height: 1.8rem;
padding: 13px;
padding-left: 8px;
padding-bottom: 4px;
margin-top: 1.4rem;
margin-bottom: 1rem;
font-weight: 700;
}
}
@media (min-width: 768px) {
.h2-style09 h2 {
font-size: 1.65rem;
line-height: 2rem;
padding: 15px;
padding-left: 8px;
padding-bottom: 6px;
margin-top: 2.6rem;
margin-bottom: 1.6rem;
}
} .h2-style10 h2 {
position: relative;
}
@media (max-width: 767px) {
.h2-style10 h2 {
font-size: 1.45rem;
line-height: 1.8rem;
padding: 13px;
padding-left: 6px;
margin-top: 1.4rem;
margin-bottom: 1rem;
font-weight: 700;
}
}
@media (min-width: 768px) {
.h2-style10 h2 {
font-size: 1.65rem;
line-height: 2rem;
padding: 15px;
padding-left: 8px;
margin-top: 2.6rem;
margin-bottom: 1.6rem;
}
}
.h2-style10 h2:before {
position: absolute;
content: "";
z-index: 0;
bottom: 0;
left: 0px;
width: 100%;
height: 4px;
border-radius: 4px;
}
.h2-style10 h2:after {
position: absolute;
content: "";
z-index: 0;
top: 0;
left: 0px;
height: 4px;
border-radius: 4px;
width: 100%;
}  .h3-style01 h3 {
border-bottom: 3px solid #2b2b2b;
}
@media (max-width: 767px) {
.h3-style01 h3 {
font-size: 1.2rem;
line-height: 1.7rem;
padding: 5px 8px;
padding-top: 0;
margin-top: 1.4rem;
margin-bottom: 1rem;
font-weight: 700;
}
}
@media (min-width: 768px) {
.h3-style01 h3 {
font-size: 1.5rem;
line-height: 2rem;
padding: 4px 8px;
padding-top: 0;
margin-top: 2.3rem;
margin-bottom: 1.6rem;
}
} .h3-style02 h3 {
position: relative;
}
@media (max-width: 767px) {
.h3-style02 h3 {
font-size: 1.2rem;
line-height: 1.7rem;
padding: 8px 12px;
margin-top: 1.4rem;
margin-bottom: 1rem;
font-weight: 700;
}
}
@media (min-width: 768px) {
.h3-style02 h3 {
font-size: 1.5rem;
line-height: 2rem;
padding: 10px 15px;
margin-top: 2rem;
margin-bottom: 1.6rem;
}
}
.h3-style02 h3:before {
position: absolute;
content: "";
left: 0px;
width: 5px;
background: #000;
opacity: 0.5;
border-radius: 1px;
}
@media (max-width: 767px) {
.h3-style02 h3:before {
top: 3px;
height: 34px;
}
}
@media (min-width: 768px) {
.h3-style02 h3:before {
top: 5px;
height: 40px;
}
}
.h3-style02 h3:after {
position: absolute;
content: "";
left: 0px;
width: 5px;
background: red;
border-top-right-radius: 1px;
border-top-left-radius: 1px;
}
@media (max-width: 767px) {
.h3-style02 h3:after {
top: 3px;
height: 17px;
}
}
@media (min-width: 768px) {
.h3-style02 h3:after {
top: 5px;
height: 20px;
}
} .h3-style03 h3 {
position: relative;
}
@media (max-width: 767px) {
.h3-style03 h3 {
font-size: 1.2rem;
line-height: 1.7rem;
padding: 10px 15px;
margin-top: 1.4rem;
margin-bottom: 1rem;
font-weight: 700;
}
}
@media (min-width: 768px) {
.h3-style03 h3 {
font-size: 1.5rem;
line-height: 2rem;
padding: 12px 20px;
margin-top: 2.3rem;
margin-bottom: 1.6rem;
}
}
.h3-style03 h3:before {
position: absolute;
content: "";
width: 6px;
height: 100%;
left: 0;
bottom: 0;
background-color: #2b2b2b;
border-radius: 3.5px;
}
@media (max-width: 767px) {
.h3-style03 h3:before {
width: 6px;
border-radius: 3px;
}
} .h3-style04 h3 {
position: relative;
border-bottom: 1px dashed #ddd;
border-left: 5px solid #2b2b2b;
}
@media (max-width: 767px) {
.h3-style04 h3 {
font-size: 1.2rem;
line-height: 1.7rem;
padding: 4px 10px;
margin-top: 1.4rem;
margin-bottom: 1rem;
font-weight: 700;
}
}
@media (min-width: 768px) {
.h3-style04 h3 {
font-size: 1.5rem;
line-height: 2rem;
padding: 6px 12px;
margin-top: 2rem;
margin-bottom: 1.6rem;
}
} .h3-style05 h3 {
position: relative;
border-bottom: 3px double #ddd;
}
@media (max-width: 767px) {
.h3-style05 h3 {
font-size: 1.15rem;
line-height: 1.55rem;
padding: 4px 10px;
padding-top: 7px;
margin-top: 1.4rem;
margin-bottom: 1rem;
font-weight: 700;
}
}
@media (min-width: 768px) {
.h3-style05 h3 {
font-size: 1.5rem;
line-height: 2rem;
padding: 6px 12px;
padding-top: 8px;
margin-top: 2rem;
margin-bottom: 1.6rem;
}
}
.h3-style05 h3:before {
position: absolute;
content: "";
top: 0;
left: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.05;
} .h3-style06 h3 {
position: relative;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
@media (max-width: 767px) {
.h3-style06 h3 {
font-size: 1.15rem;
line-height: 1.55rem;
padding: 8px 10px;
margin-top: 1.4rem;
margin-bottom: 1rem;
font-weight: 700;
}
}
@media (min-width: 768px) {
.h3-style06 h3 {
font-size: 1.5rem;
line-height: 2rem;
padding: 8px 12px;
margin-top: 2rem;
margin-bottom: 1.6rem;
}
} .h3-style07 h3 {
position: relative;
}
@media (max-width: 767px) {
.h3-style07 h3 {
font-size: 1.15rem;
line-height: 1.55rem;
padding: 8px 10px;
margin-top: 1.4rem;
margin-bottom: 1rem;
font-weight: 700;
}
}
@media (min-width: 768px) {
.h3-style07 h3 {
font-size: 1.5rem;
line-height: 2rem;
padding: 8px 12px;
margin-top: 2rem;
margin-bottom: 1.6rem;
}
}
.h3-style07 h3:before {
position: absolute;
content: "";
top: 0;
left: 0px;
width: 100%;
height: 100%;
border-radius: 2px;
background: #000;
opacity: 0.2;
}  .h4-style01 h4 {
border-left: 2px solid #2b2b2b;
}
@media (max-width: 767px) {
.h4-style01 h4 {
font-size: 1.05rem;
line-height: 1.6rem;
padding: 2px 8px;
margin-top: 1rem;
margin-bottom: 0.8rem;
font-weight: 700;
}
}
@media (min-width: 768px) {
.h4-style01 h4 {
font-size: 1.3rem;
line-height: 1.8rem;
padding: 2px 12px;
margin-top: 1rem;
margin-bottom: 0.8rem;
}
} .h4-style02 h4 {
position: relative;
border-radius: 2px;
}
@media (max-width: 767px) {
.h4-style02 h4 {
font-size: 1.1rem;
line-height: 1.6rem;
padding: 6px 8px;
margin-top: 1rem;
margin-bottom: 0.8rem;
font-weight: 700;
}
}
@media (min-width: 768px) {
.h4-style02 h4 {
font-size: 1.3rem;
line-height: 1.8rem;
padding: 8px 15px;
margin-top: 1rem;
margin-bottom: 0.8rem;
}
}
.h4-style02 h4:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #f2f2f2;
border-radius: 2px;
filter: opacity(0.1);
} @media (max-width: 767px) {
.h4-style03 h4 {
font-size: 1.1rem;
line-height: 1.6rem;
padding: 5px 8px;
margin-top: 1rem;
margin-bottom: 0.8rem;
font-weight: 700;
border-bottom: 2px dotted #2b2b2b;
}
}
@media (min-width: 768px) {
.h4-style03 h4 {
font-size: 1.3rem;
line-height: 1.8rem;
padding: 4px 8px;
margin-top: 1rem;
margin-bottom: 0.8rem;
border-bottom: 4px dotted #2b2b2b;
}
} .h4-style04 h4 {
border-bottom: 1px dashed #ccc;
padding-bottom: 0.1em;
padding-left: 0.2em;
margin-top: 0.7em;
margin-bottom: 0.9em;
}
@media (max-width: 767px) {
.h4-style04 h4 {
font-size: 1.1rem;
}
}
@media (min-width: 768px) {
.h4-style04 h4 {
font-size: 1.3rem;
}
}  @media (max-width: 767px) {
.jin-h2-icons h2 {
padding-left: 10px !important;
}
}
@media (min-width: 768px) {
.jin-h2-icons h2 {
padding-left: 12px !important;
}
}
@media (max-width: 767px) {
.jin-h2-icons h2 .jic:before {
padding-right: 4px;
font-size: 1.5rem;
line-height: 1.4rem;
vertical-align: bottom;
}
}
@media (min-width: 768px) {
.jin-h2-icons h2 .jic:before {
padding-right: 2px;
font-size: 1.5rem;
line-height: 2rem;
vertical-align: bottom;
}
}
@media (max-width: 767px) {
.jin-h2-icons h2 .jin-ifont-check:before {
font-size: 1.25rem;
line-height: 1.5rem;
}
}
@media (min-width: 768px) {
.jin-h2-icons h2 .jin-ifont-check:before {
font-size: 1.4rem;
}
}
@media (max-width: 767px) {
.jin-h2-icons h2 .jin-ifont-checkcircle:before {
font-size: 1.25rem;
}
}
@media (min-width: 768px) {
.jin-h2-icons h2 .jin-ifont-checkcircle:before {
padding-right: 5px;
font-size: 1.4rem;
}
}
@media (max-width: 767px) {
.jin-h2-icons h2 .jin-ifont-clover:before {
font-size: 1.25rem;
}
}
@media (min-width: 768px) {
.jin-h2-icons h2 .jin-ifont-clover:before {
font-size: 1.4rem;
}
}
@media (max-width: 767px) {
.jin-h2-icons h2 .jin-ifont-bookmark:before {
font-size: 1.1rem;
}
}
@media (min-width: 768px) {
.jin-h2-icons h2 .jin-ifont-bookmark:before {
font-size: 1.2rem;
}
}
.jin-h2-icons.h2-style01 h2 .jic:before,
.jin-h2-icons.h2-style03 h2 .jic:before,
.jin-h2-icons.h2-style05 h2 .jic:before {
color: #fff;
}
.jin-h2-icons.h2-style04 h2 {
padding-left: 0px !important;
}
@media (max-width: 767px) {
.jin-h2-icons.h2-style01 h2 {
padding-left: 11px !important;
}
}
@media (max-width: 767px) {
.jin-h2-icons.h2-style06 h2,
.jin-h2-icons.h2-style07 h2,
.jin-h2-icons.h2-style09 h2 {
padding-left: 5px !important;
}
}
@media (min-width: 768px) {
.jin-h2-icons.h2-style06 h2,
.jin-h2-icons.h2-style07 h2,
.jin-h2-icons.h2-style09 h2 {
padding-left: 6px !important;
}
}
.jin-h2-icons.h2-style08 h2 {
padding-left: 22px !important;
}
.jin-h2-icons.h2-style10 h2 {
padding-left: 6px !important;
}
@media (max-width: 767px) {
.jin-h3-icons h3 {
padding-left: 8px !important;
}
}
@media (min-width: 768px) {
.jin-h3-icons h3 {
padding-left: 10px !important;
}
}
@media (max-width: 767px) {
.jin-h3-icons h3 .jic:before {
padding-right: 2px;
line-height: 1.1rem;
vertical-align: bottom;
font-size: 1.2rem;
}
}
@media (min-width: 768px) {
.jin-h3-icons h3 .jic:before {
padding-right: 2px;
line-height: 2rem;
vertical-align: bottom;
font-size: 1.4rem;
}
}
@media (max-width: 767px) {
.jin-h3-icons h3 .jin-ifont-check:before {
font-size: 1.1rem;
}
}
@media (min-width: 768px) {
.jin-h3-icons h3 .jin-ifont-check:before {
font-size: 1.25rem;
}
}
@media (max-width: 767px) {
.jin-h3-icons h3 .jin-ifont-checkcircle:before {
padding-right: 4px;
}
}
@media (min-width: 768px) {
.jin-h3-icons h3 .jin-ifont-checkcircle:before {
padding-right: 5px;
}
}
@media (max-width: 767px) {
.jin-h3-icons h3 .jin-ifont-clover:before {
font-size: 1.1rem;
}
}
@media (min-width: 768px) {
.jin-h3-icons h3 .jin-ifont-clover:before {
font-size: 1.25rem;
}
}
@media (max-width: 767px) {
.jin-h3-icons h3 .jin-ifont-bookmark:before {
font-size: 1.1rem;
}
}
@media (min-width: 768px) {
.jin-h3-icons h3 .jin-ifont-bookmark:before {
font-size: 1.2rem;
}
}
@media (max-width: 767px) {
.jin-h3-icons.h3-style01 h3,
.jin-h3-icons.h3-style04 h3 {
padding-left: 5px !important;
}
}
@media (min-width: 768px) {
.jin-h3-icons.h3-style01 h3,
.jin-h3-icons.h3-style04 h3 {
padding-left: 6px !important;
}
}
@media (max-width: 767px) {
.jin-h3-icons.h3-style01 h3 .jic:before,
.jin-h3-icons.h3-style04 h3 .jic:before {
line-height: 1.3rem;
}
}
@media (max-width: 767px) {
.jin-h3-icons.h3-style02 h3 {
padding-left: 12px !important;
}
}
@media (min-width: 768px) {
.jin-h3-icons.h3-style02 h3 {
padding-left: 14px !important;
}
}
@media (max-width: 767px) {
.jin-h3-icons.h3-style02 h3 .jic:before {
line-height: 1.3rem;
}
}
.jin-h3-icons.h3-style03 h3 {
padding-left: 14px !important;
}
@media (max-width: 767px) {
.jin-h3-icons.h3-style03 h3 .jic:before {
line-height: 1.3rem;
}
}
@media (max-width: 767px) {
.jin-h4-icons h4 {
padding-left: 8px !important;
}
}
@media (min-width: 768px) {
.jin-h4-icons h4 {
padding-left: 8px !important;
}
}
@media (max-width: 767px) {
.jin-h4-icons h4 .jic:before {
padding-right: 1px;
font-size: 1rem;
}
}
@media (min-width: 768px) {
.jin-h4-icons h4 .jic:before {
padding-right: 1px;
font-size: 1.3rem;
}
}
@media (max-width: 767px) {
.jin-h4-icons h4 .jin-ifont-check:before {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.jin-h4-icons h4 .jin-ifont-check:before {
font-size: 1.2rem;
}
}
@media (max-width: 767px) {
.jin-h4-icons h4 .jin-ifont-checkcircle:before {
padding-right: 3px;
}
}
@media (min-width: 768px) {
.jin-h4-icons h4 .jin-ifont-checkcircle:before {
padding-right: 5px;
}
}
@media (max-width: 767px) {
.jin-h4-icons h4 .jin-ifont-clover:before {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.jin-h4-icons h4 .jin-ifont-clover:before {
font-size: 1.1rem;
line-height: 2rem;
}
}
@media (max-width: 767px) {
.jin-h4-icons h4 .jin-ifont-bookmark:before {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.jin-h4-icons h4 .jin-ifont-bookmark:before {
font-size: 1.1rem;
line-height: 1.9rem;
}
}
.jin-h4-icons.h4-style01 h4 {
padding-left: 10px !important;
}
@media (max-width: 767px) {
.jin-h4-icons.h4-style01 h4 .jic:before {
line-height: 1.1rem;
}
}
.jin-h4-icons.h4-style02 h4 {
padding-left: 10px !important;
}
@media (max-width: 767px) {
.jin-h4-icons.h4-style02 h4 .jic:before {
line-height: 1.1rem;
}
}
.jin-h4-icons.h4-style03 h4,
.jin-h4-icons.h4-style04 h4 {
padding-left: 2px !important;
}
@media (max-width: 767px) {
.jin-h4-icons.h4-style03 h4 .jic:before {
line-height: 1.1rem;
}
}
@media (max-width: 767px) {
.jin-h4-icons.h4-style03 h4 .jin-ifont-clover:before {
line-height: 1.4rem;
}
}
@media (max-width: 767px) {
.jin-h4-icons.h4-style03 h4 .jin-ifont-bookmark:before {
line-height: 1.2rem;
}
}
@media (max-width: 767px) {
.jin-h4-icons.h4-style04 h4 .jic:before {
line-height: 1.4rem;
}
}   .jin-code {
position: relative;
}
.jin-code pre {
max-width: 100%;
border-radius: 4px;
border-top-left-radius: 0px;
border: 1px solid #ccc;
background-color: rgba(0, 0, 0, 0.05) !important;
margin-bottom: 30px;
overflow: scroll;
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
padding-top: 20px !important;
padding-bottom: 20px !important;
}
@media (max-width: 767px) {
.jin-code pre {
margin-top: 35px !important;
}
}
@media (min-width: 768px) {
.jin-code pre {
margin-top: 40px !important;
}
}
.jin-code code {
font-size: 0.9rem;
padding: 20px !important;
padding-left: 0 !important;
}
.jin-code p {
padding-bottom: 0;
}
.jin-code ol li:before {
display: none;
}
.jin-code ol li:after {
color: #888;
font-size: 0.75rem;
}
@media (max-width: 767px) {
.jin-code ol li:after {
left: -7px !important;
top: 12px;
}
}
@media (min-width: 768px) {
.jin-code ol li:after {
left: -5px !important;
top: 11px;
}
}
.jin-code ol li {
background-color: transparent !important;
margin-bottom: 2px;
}
pre[class*=language-].line-numbers > code {
padding-top: 1px;
}
.code-toolbar .toolbar {
right: 0.4em !important;
}
.code-toolbar .toolbar a {
text-decoration: none;
font-size: 0.75rem !important;
padding: 4px 9px 5px 9px !important;
border-radius: 10px !important;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) !important;
background-color: #c8c2be !important;
color: #fff !important;
}
.jin-code-title {
position: absolute;
line-height: 0;
font-size: 0.9rem;
left: 0px;
top: -28px;
color: #fff;
padding: 15px 15px;
padding-bottom: 13px;
background: #888;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
@media (min-width: 768px) {
.jin-code-title {
font-weight: 500;
}
}
@media (max-width: 767px) {
.jin-code-title {
font-weight: 700;
}
} .jin-icons {
font-size: 20px;
}
.jin-iconbox {
display: flex;
align-items: center;
padding: 20px;
margin: 20px;
border-radius: 5px;
}
@media (min-width: 768px) {
.jin-iconbox {
width: 90%;
margin-left: auto;
margin-right: auto;
}
}
p + .jin-iconbox {
margin-top: 0;
}
img + .jin-iconbox {
margin-top: 5px;
}
.jin-iconbox + p,
.jin-iconbox + img {
padding-top: 10px;
}
.jin-iconbox-icons {
padding-right: 14px;
padding-left: 2px;
}
.jin-iconbox-main {
padding-left: 15px;
font-size: 1.52rem;
line-height: 2.24rem;
}
.jin-iconbox-main img {
height: auto;
}
.jin-iconbox-main p:last-of-type {
margin-bottom: 0 !important;
}
.yellow-iconbox {
background-color: #fff9df;
}
.green-iconbox {
background-color: #e8f9e9;
}
.red-iconbox {
background-color: #fff0f2;
}
.blue-iconbox {
background-color: #eef0fa;
}
.yellow--border {
border-left: 2px dashed #ffe89b;
}
.green--border {
border-left: 2px dashed #a5edaf;
}
.red--border {
border-left: 2px dashed #ffd1d1;
}
.blue--border {
border-left: 2px dashed #d5d9f2;
}
.jin-icon-caution .jin-iconbox-main P,
.jin-icon-star .jin-iconbox-main P,
.jin-icon-bulb .jin-iconbox-main P,
.jin-icon-cart .jin-iconbox-main P,
.jin-icon-speaker .jin-iconbox-main P,
.jin-icon-comment .jin-iconbox-main P,
.jin-icon-checkcircle .jin-iconbox-main P,
.jin-icon-pencil .jin-iconbox-main P,
.jin-icon-like .jin-iconbox-main P,
.jin-icon-information .jin-iconbox-main P,
.jin-icon-gear .jin-iconbox-main P,
.jin-icon-clipboard .jin-iconbox-main P,
.jin-icon-heart .jin-iconbox-main P,
.jin-icon-unlike .jin-iconbox-main P,
.jin-icon-question .jin-iconbox-main P,
.jin-icon-flag .jin-iconbox-main P {
padding-bottom: 0;
}
.jin-icon-caution .jin-iconbox-main ul,
.jin-icon-caution .jin-iconbox-main ol,
.jin-icon-star .jin-iconbox-main ul,
.jin-icon-star .jin-iconbox-main ol,
.jin-icon-bulb .jin-iconbox-main ul,
.jin-icon-bulb .jin-iconbox-main ol,
.jin-icon-cart .jin-iconbox-main ul,
.jin-icon-cart .jin-iconbox-main ol,
.jin-icon-speaker .jin-iconbox-main ul,
.jin-icon-speaker .jin-iconbox-main ol,
.jin-icon-comment .jin-iconbox-main ul,
.jin-icon-comment .jin-iconbox-main ol,
.jin-icon-checkcircle .jin-iconbox-main ul,
.jin-icon-checkcircle .jin-iconbox-main ol,
.jin-icon-pencil .jin-iconbox-main ul,
.jin-icon-pencil .jin-iconbox-main ol,
.jin-icon-like .jin-iconbox-main ul,
.jin-icon-like .jin-iconbox-main ol,
.jin-icon-information .jin-iconbox-main ul,
.jin-icon-information .jin-iconbox-main ol,
.jin-icon-gear .jin-iconbox-main ul,
.jin-icon-gear .jin-iconbox-main ol,
.jin-icon-clipboard .jin-iconbox-main ul,
.jin-icon-clipboard .jin-iconbox-main ol,
.jin-icon-heart .jin-iconbox-main ul,
.jin-icon-heart .jin-iconbox-main ol,
.jin-icon-unlike .jin-iconbox-main ul,
.jin-icon-unlike .jin-iconbox-main ol,
.jin-icon-question .jin-iconbox-main ul,
.jin-icon-question .jin-iconbox-main ol,
.jin-icon-flag .jin-iconbox-main ul,
.jin-icon-flag .jin-iconbox-main ol {
padding: 15px 0;
}
.jin-icon-caution,
.jin-icon-star,
.jin-icon-bulb,
.jin-icon-cart {
background-color: #fff9df;
}
.jin-icon-caution .jin-iconbox-main,
.jin-icon-star .jin-iconbox-main,
.jin-icon-bulb .jin-iconbox-main,
.jin-icon-cart .jin-iconbox-main {
border-left: 2px dashed #ffe89b;
}
.jin-icon-speaker,
.jin-icon-comment,
.jin-icon-checkcircle,
.jin-icon-pencil {
background-color: #e8f9e9;
}
.jin-icon-speaker .jin-iconbox-main,
.jin-icon-comment .jin-iconbox-main,
.jin-icon-checkcircle .jin-iconbox-main,
.jin-icon-pencil .jin-iconbox-main {
border-left: 2px dashed #a5edaf;
}
.jin-icon-like,
.jin-icon-information,
.jin-icon-gear,
.jin-icon-clipboard {
background-color: #eef0fa;
}
.jin-icon-like .jin-iconbox-main,
.jin-icon-information .jin-iconbox-main,
.jin-icon-gear .jin-iconbox-main,
.jin-icon-clipboard .jin-iconbox-main {
border-left: 2px dashed #d5d9f2;
}
.jin-icon-heart,
.jin-icon-unlike,
.jin-icon-question,
.jin-icon-flag {
background-color: #fff0f2;
}
.jin-icon-heart .jin-iconbox-main,
.jin-icon-unlike .jin-iconbox-main,
.jin-icon-question .jin-iconbox-main,
.jin-icon-flag .jin-iconbox-main {
border-left: 2px dashed #ffd1d1;
}
@media (max-width: 767px) {
.jin-iconbox {
margin: 20px 0;
}
}
.jin-iconbox-icons {   }
.jin-iconbox-icons .jin-icons {
vertical-align: middle;
}
.jin-iconbox-icons .jin-icons:before {
padding-bottom: 3px;
}
@media (max-width: 767px) {
.jin-iconbox-icons .jin-icons:before {
padding-bottom: 1px;
}
}
.jin-iconbox-icons .jin-ifont-star.jin-icons,
.jin-iconbox-icons .jin-ifont-bulb.jin-icons,
.jin-iconbox-icons .jin-ifont-cart.jin-icons,
.jin-iconbox-icons .jin-ifont-caution.jin-icons {
color: #ffbf0e;
}
.jin-iconbox-icons .jin-ifont-checkcircle.jin-icons,
.jin-iconbox-icons .jin-ifont-comment.jin-icons,
.jin-iconbox-icons .jin-ifont-pencil.jin-icons,
.jin-iconbox-icons .jin-ifont-speaker.jin-icons {
color: #05b483;
}
.jin-iconbox-icons .jin-ifont-information.jin-icons,
.jin-iconbox-icons .jin-ifont-gear.jin-icons,
.jin-iconbox-icons .jin-ifont-clipboard.jin-icons,
.jin-iconbox-icons .jin-ifont-like.jin-icons {
color: #2f387c;
}
.jin-iconbox-icons .jin-ifont-question.jin-icons,
.jin-iconbox-icons .jin-ifont-flag.jin-icons,
.jin-iconbox-icons .jin-ifont-unlike.jin-icons,
.jin-iconbox-icons .jin-ifont-heart.jin-icons {
color: #f13d54;
}
.jin-iconbox-icons .fa-twitter.jin-icons {
color: #00acee;
}
.jin-iconbox-icons .fa-bitcoin.jin-icons,
.jin-iconbox-icons .fa-amazon.jin-icons {
color: #ff9902;
}
.jin-iconbox-icons .fa-facebook-square.jin-icons {
color: #3b469c;
}
.jin-iconbox-icons .fa-instagram.jin-icons {
color: #c92670;
}
.jin-iconbox-icons .fa-line.jin-icons {
color: #00b901;
} @media (max-width: 767px) {
.jin-2column,
.jin-3column {
display: block;
margin-bottom: 30px;
}
}
@media (min-width: 768px) {
.jin-2column,
.jin-3column {
display: block;
margin-bottom: 30px;
}
}
@media (min-width: 1200px) {
.jin-2column,
.jin-3column {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
}
.jin-2column p,
.jin-3column p {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.jin-2column img,
.jin-3column img {
height: auto;
}
.jin-2column .color-button01,
.jin-2column .color-button02 {
margin-top: 20px;
}
@media (min-width: 768px) {
.jin-2column .color-button01 a,
.jin-2column .color-button02 a {
padding-left: 40px !important;
padding-right: 40px !important;
}
}
.jin-3column .color-button01,
.jin-3column .color-button02 {
margin-top: 20px;
}
@media (min-width: 768px) {
.jin-3column .color-button01 a,
.jin-3column .color-button02 a {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media (max-width: 767px) {
.jin-2column-left,
.jin-2column-right {
width: 100%;
padding: 15px;
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.jin-2column-left,
.jin-2column-right {
width: 100%;
padding: 20px;
margin-bottom: 20px;
}
}
@media (min-width: 1200px) {
.jin-2column-left,
.jin-2column-right {
width: 49.2%;
padding: 20px;
}
}
@media (max-width: 767px) {
.jin-3column-left,
.jin-3column-center,
.jin-3column-right {
width: 100%;
padding: 15px;
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.jin-3column-left,
.jin-3column-center,
.jin-3column-right {
width: 100%;
padding: 20px;
margin-bottom: 20px;
}
}
@media (min-width: 1200px) {
.jin-3column-left,
.jin-3column-center,
.jin-3column-right {
width: 32.2%;
padding: 20px;
}
}
@media (min-width: 768px) {
.page-template-onecolumn .jin-2column,
.page-template-onecolumn .jin-3column,
.page-template-lp .jin-2column,
.page-template-lp .jin-3column {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
}
@media (min-width: 768px) {
.page-template-onecolumn .jin-2column .jin-2column-left,
.page-template-onecolumn .jin-2column .jin-2column-right,
.page-template-onecolumn .jin-3column .jin-2column-left,
.page-template-onecolumn .jin-3column .jin-2column-right,
.page-template-lp .jin-2column .jin-2column-left,
.page-template-lp .jin-2column .jin-2column-right,
.page-template-lp .jin-3column .jin-2column-left,
.page-template-lp .jin-3column .jin-2column-right {
width: 49.2%;
padding: 20px;
}
}
@media (min-width: 768px) {
.page-template-onecolumn .jin-2column .jin-3column-left,
.page-template-onecolumn .jin-2column .jin-3column-center,
.page-template-onecolumn .jin-2column .jin-3column-right,
.page-template-onecolumn .jin-3column .jin-3column-left,
.page-template-onecolumn .jin-3column .jin-3column-center,
.page-template-onecolumn .jin-3column .jin-3column-right,
.page-template-lp .jin-2column .jin-3column-left,
.page-template-lp .jin-2column .jin-3column-center,
.page-template-lp .jin-2column .jin-3column-right,
.page-template-lp .jin-3column .jin-3column-left,
.page-template-lp .jin-3column .jin-3column-center,
.page-template-lp .jin-3column .jin-3column-right {
width: 32.2%;
padding: 20px;
}
}
@media (min-width: 768px) {
.page-template-onecolumn .jin-2column-left,
.page-template-onecolumn .jin-2column-right,
.page-template-lp .jin-2column-left,
.page-template-lp .jin-2column-right,
.page-template-onecolumn .jin-3column-left,
.page-template-onecolumn .jin-3column-center,
.page-template-onecolumn .jin-3column-right,
.page-template-lp .jin-3column-left,
.page-template-lp .jin-3column-center,
.page-template-lp .jin-3column-right {
padding: 30px;
}
}
.jin-3column-left.col-nocolor,
.jin-3column-center.col-nocolor,
.jin-3column-right.col-nocolor,
.jin-2column-left.col-nocolor,
.jin-2column-right.col-nocolor {
background-color: transparent !important;
}
@media (max-width: 767px) {
.jin-3column-left.col-nocolor,
.jin-3column-center.col-nocolor,
.jin-3column-right.col-nocolor,
.jin-2column-left.col-nocolor,
.jin-2column-right.col-nocolor {
padding: 10px !important;
}
}
@media (min-width: 768px) {
.jin-3column-left.col-nocolor,
.jin-3column-center.col-nocolor,
.jin-3column-right.col-nocolor,
.jin-2column-left.col-nocolor,
.jin-2column-right.col-nocolor {
padding: 10px !important;
}
} .jin-img-shadow-on img {
box-shadow: 0px 0px 5px 3px #eee;
}
.jin-img-radius-on img {
border-radius: 500px;
}
.jin-img-border-on img {
border: 3px solid #eee;
}
.jin-img-shadow img {
box-shadow: 0px 3px 7px 1px #bbb;
}
.jin-img-kadomaru img {
box-shadow: 0px 3px 6px 1px #bbb;
border-radius: 10px;
}
.jin-img-waku img {
box-shadow: 0px 4px 6px 1px #ccc;
padding: 10px;
border-top: 1px solid #f3f3f3;
}
.jin-img-maruwaku img {
box-shadow: 0px 4px 6px 1px #ccc;
border-top: 1px solid #f3f3f3;
border-radius: 999px;
} .jin-lp-h2 h2:before,
.jin-lp-h2 h2:after {
display: none;
}
.jin-lp-h2 h2 {
border: none;
background-color: none !important;
padding: 0;
margin: 0;
border-radius: 0;
font-size: 1rem;
}
.jin-lp-h2 h2 {
display: block !important;
text-align: center;
}
@media (max-width: 767px) {
.jin-lp-h2 h2 {
font-size: 2.24rem;
line-height: 2.72rem;
padding-bottom: 10px;
padding-top: 20px;
margin-bottom: 25px;
text-align: center;
font-weight: 700 !important;
}
}
@media (min-width: 768px) {
.jin-lp-h2 h2 {
font-size: 2.56rem;
line-height: 3.04rem;
padding-bottom: 10px;
padding-top: 40px;
margin-bottom: 25px;
text-align: center;
}
}
@media (max-width: 767px) {
.jinlph2-style1 h2:first-letter {
font-size: 1.7rem;
}
}
@media (min-width: 768px) {
.jinlph2-style1 h2:first-letter {
font-size: 2.2rem;
}
}
.jinlph2-style2 h2 {
border-bottom: 2px solid #f7f7f7;
}
.jinlph2-style3 h2 {
border: 2px solid #f7f7f7;
}
@media (max-width: 767px) {
.jinlph2-style3 h2 {
margin-top: 20px;
padding: 15px !important;
font-weight: 500 !important;
}
}
@media (min-width: 768px) {
.jinlph2-style3 h2 {
margin-top: 30px;
padding: 20px !important;
}
} @media (max-width: 767px) {
.jincol-h3 {
font-size: 1.92rem;
line-height: 2.4rem;
padding-bottom: 5px;
padding-top: 10px;
margin-bottom: 20px;
text-align: center;
font-weight: 700;
}
}
@media (min-width: 768px) {
.jincol-h3 {
font-size: 1.92rem;
line-height: 2.4rem;
padding-bottom: 10px;
margin-bottom: 25px;
text-align: center;
font-weight: 500;
}
}
@media (max-width: 767px) {
.jincolumn-h3style1 {
padding-bottom: 0px !important;
}
}
@media (min-width: 768px) {
.jincolumn-h3style1 {
padding-bottom: 0px !important;
}
}
.jincolumn-h3style2 {
border-bottom: 2px solid #ccc;
} .jin-sen {
padding-top: 20px;
padding-bottom: 50px;
}
.jin-sen .jin-sen-solid,
.jin-sen .jin-sen-dashed,
.jin-sen .jin-sen-double {
width: 100%;
}
.jin-sen .jin-sen-solid {
border-top: 3px solid #f7f7f7;
border-radius: 20px;
}
.jin-sen .jin-sen-dashed {
border-top: 3px dashed #f7f7f7;
}
.jin-sen .jin-sen-double {
border-top: 3px double #f7f7f7;
} .jin-yohaku10,
.jin-yohaku15,
.jin-yohaku20,
.jin-yohaku25,
.jin-yohaku30,
.jin-yohaku35,
.jin-yohaku40,
.jin-yohaku45,
.jin-yohaku50 {
width: 100%;
}
.jin-yohaku10 {
height: 10px;
}
.jin-yohaku15 {
height: 15px;
}
.jin-yohaku20 {
height: 20px;
}
.jin-yohaku25 {
height: 25px;
}
.jin-yohaku30 {
height: 30px;
}
.jin-yohaku35 {
height: 35px;
}
.jin-yohaku40 {
height: 40px;
}
.jin-yohaku45 {
height: 45px;
}
.jin-yohaku50 {
height: 50px;
} .jin-photo-title .jin-fusen1-down,
.jin-photo-title .jin-fusen1-even,
.jin-photo-title .jin-fusen1-up {
display: inline-block;
background: #fff;
margin: 15px 0;
padding: 10px 25px 10px 15px;
border-left: 20px solid #3b4675;
box-shadow: 2px 2px 5px 1px #f3f3f3;
}
.jin-photo-title .jin-fusen1-down {
transform: rotate(2deg);
}
.jin-photo-title .jin-fusen1-up {
transform: rotate(-2deg);
}
.jin-photo-title .jin-fusen2,
.jin-photo-title .jin-fusen3 {
position: relative;
display: inline-block;
margin: 15px 0;
color: #fff;
background: #3b4675;
border-radius: 50px;
padding: 10px 20px;
z-index: 20;
}
.jin-photo-title .jin-fusen2 {
border-radius: 2px;
}
.jin-photo-title .jin-fusen2:before,
.jin-photo-title .jin-fusen3:before {
position: absolute;
content: "";
bottom: -9px;
margin-left: -15px;
border-top: 10px solid;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 0;
border-top-color: #3b4675;
}
.jin-photo-title .jin-fusen2:before {
left: 40px;
}
.jin-photo-title .jin-fusen3:before {
left: 45px;
}
.jin-photo-title .jin-fusen1-down,
.jin-photo-title .jin-fusen1-even,
.jin-photo-title .jin-fusen1-up,
.jin-photo-title .jin-fusen2,
.jin-photo-title .jin-fusen3 {
font-size: 1.52rem;
line-height: 2rem;
letter-spacing: 0;
}
.jic:before {
display: inline-block !important;
}
@media (max-width: 767px) {
.jic:before {
vertical-align: bottom;
padding-right: 3px;
padding-bottom: 3px;
}
}
.jic-sc {
margin-left: 3px;
margin-right: 3px;
line-height: 1.1rem;
}
.jin-code-icon-bulb,
.jin-code-icon-account,
.jin-code-icon-star,
.jin-code-icon-star-half,
.jin-code-icon-star-blank {
margin-left: 1px;
margin-right: 1px;
}
@-webkit-keyframes jin-shiny {
0% {
transform: translateX(-100px);
}
20% {
transform: translateX(300px);
}
100% {
transform: translateX(300px);
}
}
@keyframes jin-shiny {
0% {
transform: translateX(-100px);
}
20% {
transform: translateX(300px);
}
100% {
transform: translateX(300px);
}
}
@-webkit-keyframes jin-float {
50% {
transform: scale(1.07);
}
}
@keyframes jin-float {
50% {
transform: scale(1.07);
}
}
@-webkit-keyframes jin-bound {
0% {
transform: translateY(0px);
}
5% {
transform: translateY(-10px);
}
12% {
transform: translateY(0px);
}
18% {
transform: translateY(-10px);
}
24% {
transform: translateY(0px);
}
100% {
transform: translateY(0px);
}
}
@keyframes jin-bound {
0% {
transform: translateY(0px);
}
5% {
transform: translateY(-10px);
}
12% {
transform: translateY(0px);
}
18% {
transform: translateY(-10px);
}
24% {
transform: translateY(0px);
}
100% {
transform: translateY(0px);
}
} .cps-post-main p + .jin-flexbox {
margin-top: -40px;
}
.jin-flexbox {
display: flex;
justify-content: center;
}
@media (max-width: 767px) {
.jin-flexbox a {
font-weight: bold;
}
}
.jin-flexbox a:hover {
opacity: 1;
}
.jin-flexbox .jsb-visual-shiny {
position: relative;
}
.jin-flexbox .jsb-visual-shiny:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
background: rgba(255, 255, 255, 0.5);
width: 60px;
height: 130px;
opacity: 0.5;
filter: blur(30px);
transform: skewX(-15deg);
-webkit-animation: 3s jin-shiny ease infinite;
animation: 3s jin-shiny ease infinite;
z-index: 1;
}
.jin-flexbox .jsb-visual-float {
-webkit-animation: 2s jin-float ease infinite;
animation: 2s jin-float ease infinite;
}
.jin-flexbox .jsb-visual-bound {
-webkit-animation: 2s jin-bound ease infinite;
animation: 2s jin-bound ease infinite;
}
.jin-flexbox div:not(.jsb-visual-shiny).jsb-hover-down a,
.jin-flexbox div:not(.jsb-visual-shiny).jsb-hover-up a,
.jin-flexbox div:not(.jsb-visual-shiny).jsb-hover-hop a {
will-change: transform;
}
.jin-flexbox .jsb-hover-down a:hover {
transform: scale(0.95);
}
.jin-flexbox .jsb-hover-up a:hover {
transform: scale(1.05);
}
.jin-flexbox .jsb-hover-hop a:hover {
transform: translateY(-7px);
box-shadow: 0px 5px 15px -5px #ddd;
}
table.cps-table03 td.rankinginfo {
width: 70% !important;
}
table.cps-table03 {
width: 100%;
margin-bottom: 30px;
border: 1px solid #ccc;
border-collapse: collapse;
max-width: 100% !important;
word-break: break-all;
}
table.cps-table03 th,
table.cps-table03 td {
vertical-align: middle;
font-size: 1.5rem;
letter-spacing: 0;
line-height: 1.76rem;
padding: 8px;
border: 1px solid #ccc;
}
table.cps-table03 th {
background: #FFFAF0;
}
@media (max-width: 767px) {
table.cps-table03 th {
font-weight: 700;
}
}
@media (min-width: 768px) {
table.cps-table03 th {
font-weight: 500;
}
}
table.cps-table03 th.ranking-title {
padding: 12px;
font-size: 1.1em;
text-align: left;
}
@media (max-width: 767px) {
table.cps-table03 td {
padding: 10px 7px;
}
}
@media (min-width: 768px) {
table.cps-table03 td {
padding: 14px;
}
}
table.cps-table03 td.rankinginfo {
vertical-align: top;
text-align: left;
}
table.cps-table03 td img {
display: block;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 0 !important;
padding-top: 0;
padding-bottom: 0;
}
table.cps-table03 img.star {
display: block;
width: 130px;
height: auto;
}
table.cps-table03 td.rankinginfo {
width: 70% !important;
}
@media (max-width: 767px) {
.jsb-sp-2col-off {
display: block !important;
text-align: center;
}
.jsb-sp-2col-off .jin-shortcode-button a {
padding: 16px 80px;
margin: 6px 0;
}
.jsb-sp-2col-off p {
padding-bottom: 0;
}
.jsb-sp-2col-on .jin-shortcode-button a {
padding: 12px 24px;
font-size: 14px;
}
}
.jin-shortcode-button {
transition: all 0.3s ease 0s;
will-change: transform;
margin-left: 5px;
margin-right: 5px;
}
.jin-shortcode-button a {
display: inline-block;
font-size: 17px;
margin: 20px 0;
background: #54dcef;
border-radius: 50px;
color: #fff !important;
text-decoration: none !important;
box-shadow: 0px 5px 15px -5px #ccc;
text-align: center;
}
@media (max-width: 767px) {
.jin-shortcode-button a {
padding: 15px 40px;
}
}
@media (min-width: 768px) {
.jin-shortcode-button a {
padding: 15px 40px;
}
}
@media (min-width: 1024px) {
.jin-shortcode-button a {
padding: 19px 80px;
}
}
.gb-two-button-box {
text-align: center;
}
.gb-two-button-box .jin-flexbox {
display: inline-block;
}
.gb-two-button-box .jin-shortcode-button {
display: inline;
}
@media (max-width: 767px) {
.gb-two-button-box .jin-shortcode-button a {
padding: 12px 30px;
}
}
@media (min-width: 768px) {
.gb-two-button-box .jin-shortcode-button a {
padding: 15px 30px;
}
}
@media (min-width: 1024px) {
.gb-two-button-box .jin-shortcode-button a {
padding: 15px 60px;
}
}
.gb-two-button-box .color-button01,
.gb-two-button-box .color-button02 {
display: inline-block;
}
@media (max-width: 767px) {
.gb-two-button-box .color-button01 a,
.gb-two-button-box .color-button02 a {
padding: 15px 20px !important;
}
}
@media (min-width: 768px) {
.gb-two-button-box .color-button01 a,
.gb-two-button-box .color-button02 a {
padding: 15px 30px !important;
}
}
@media (min-width: 1024px) {
.gb-two-button-box .color-button01 a,
.gb-two-button-box .color-button02 a {
padding: 15px 60px !important;
}
} .balloon-box {
position: relative;
overflow: hidden;
padding-bottom: 3px;
}
.balloon-icon {
position: absolute;
top: 0;
overflow: hidden;
width: 80px;
height: 80px;
margin-bottom: 0;
}
@media (max-width: 767px) {
.balloon-icon {
width: 60px;
height: 60px;
}
}
.balloon-icon.maru {
border: 2px solid #eee;
border-radius: 40px;
}
.icon-name {
position: absolute;
text-align: center;
letter-spacing: 0;
line-height: 0.7rem !important;
color: #777;
}
@media (max-width: 767px) {
.icon-name {
width: 60px;
top: 62px;
font-size: 9px;
}
}
@media (min-width: 768px) {
.icon-name {
width: 80px;
top: 85px;
font-size: 10px;
}
}
.balloon-icon img {
width: 80px;
height: auto;
margin-bottom: 0 !important;
}
@media (max-width: 767px) {
.balloon-icon img {
width: 60px;
}
}
.balloon-serif .balloon-content img.star {
width: 24%;
padding-bottom: 1px;
margin-bottom: -3px !important;
}
@media (max-width: 767px) {
.balloon-serif .balloon-content img.star {
width: 38%;
padding-bottom: 2px;
}
}
.balloon-content p:last-of-type {
padding-bottom: 0 !important;
}
#postContent .balloon-content p {
margin-top: 0;
margin-bottom: 2.2rem;
}
#postContent .balloon-content p:first-of-type, #postContent .balloon-content p:last-of-type {
margin-top: 0;
margin-bottom: 0;
}
#postContent .balloon-content p:nth-last-child(2) {
margin-bottom: 0;
}
#postContent .balloon-content ul.jinr-list,
#postContent .balloon-content ol.jinr-list {
margin-top: 0;
margin-bottom: 2.2rem;
padding: 0 2.2rem;
}
#postContent .balloon-content ul.jinr-list:last-of-type,
#postContent .balloon-content ol.jinr-list:last-of-type {
margin-bottom: 0;
}
#postContent .balloon-content ol.jinr-list li {
padding-left: 2.8rem;
}
@media (max-width: 767px) {
#postContent .balloon-content ol.jinr-list {
padding: 0 1.6rem;
}
}
.balloon-left .balloon-icon {
left: 0;
}
.balloon-left .icon-name {
left: 0;
}
.balloon-left .balloon-serif {
position: relative;
float: left;
margin: 0 105px 40px 105px;
padding: 0;
}
@media (max-width: 767px) {
.balloon-left .balloon-serif {
margin: 0 0px 30px 78px;
}
}
.balloon-left .balloon-serif p:last-of-type {
margin-bottom: 0 !important;
}
.balloon-left .balloon-serif:before {
content: "";
position: absolute;
left: -7px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 7px 10px 7px 0;
z-index: 3;
}
@media (max-width: 767px) {
.balloon-left .balloon-serif:before {
top: 13px;
}
}
@media (min-width: 768px) {
.balloon-left .balloon-serif:before {
top: 16px;
}
}
.balloon-left .balloon-serif:after {
content: "";
position: absolute;
left: -10px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 8px 10px 8px 0;
z-index: 2;
}
@media (max-width: 767px) {
.balloon-left .balloon-serif:after {
top: 12px;
}
}
@media (min-width: 768px) {
.balloon-left .balloon-serif:after {
top: 15px;
}
}
.balloon-left .balloon-serif .balloon-content {
position: relative;
line-height: 2.4rem;
border: 2px solid #ccc;
background: #fff;
border-radius: 6px;
font-size: 0.95em;
z-index: 2;
}
@media (max-width: 767px) {
.balloon-left .balloon-serif .balloon-content {
padding: 1.28rem;
}
}
@media (min-width: 768px) {
.balloon-left .balloon-serif .balloon-content {
padding: 1.84rem;
}
}
.balloon-right .balloon-icon {
right: 0;
}
.balloon-right .icon-name {
right: 0;
}
.balloon-right .balloon-serif {
position: relative;
float: right;
margin: 0 105px 40px 105px;
padding: 0;
}
@media (max-width: 767px) {
.balloon-right .balloon-serif {
margin: 0 78px 30px 0px;
}
}
.balloon-right .balloon-serif:before {
content: "";
position: absolute;
right: -7px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 7px 0px 7px 10px;
z-index: 3;
}
@media (max-width: 767px) {
.balloon-right .balloon-serif:before {
top: 13px;
}
}
@media (min-width: 768px) {
.balloon-right .balloon-serif:before {
top: 16px;
}
}
.balloon-right .balloon-serif:after {
content: "";
position: absolute;
right: -10px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 8px 0px 8px 10px;
z-index: 2;
}
@media (max-width: 767px) {
.balloon-right .balloon-serif:after {
top: 12px;
}
}
@media (min-width: 768px) {
.balloon-right .balloon-serif:after {
top: 15px;
}
}
.balloon-right .balloon-serif .balloon-content {
position: relative;
line-height: 2.4rem;
border: 2px solid;
border-radius: 6px;
font-size: 0.95em;
z-index: 2;
}
@media (max-width: 767px) {
.balloon-right .balloon-serif .balloon-content {
padding: 1.28rem;
}
}
@media (min-width: 768px) {
.balloon-right .balloon-serif .balloon-content {
padding: 1.84rem;
}
}
.balloon-box ol li {
position: relative;
display: block;
padding: 1px 0px 5px 25px;
margin-bottom: 0.15em;
}
.balloon-box ol li:after {
counter-increment: li;
content: counter(li);
position: absolute;
left: 0px;
top: 1.2em;
padding: 0 0 0 0;
height: 20px;
width: 20px;
color: #fff;
text-align: center;
font-size: 0.65em;
border-radius: 11px;
}
.balloon-right.balloon-gray .balloon-serif:after,
.balloon-right.has-ccc-ballon .balloon-serif:after {
border-color: transparent transparent transparent #ccc;
}
.balloon-right.balloon-gray .balloon-content,
.balloon-right.has-ccc-ballon .balloon-content {
border-color: #ccc;
}
.balloon-left.balloon-gray .balloon-serif:after,
.balloon-left.has-ccc-ballon .balloon-serif:after {
border-color: transparent #ccc transparent transparent;
}
.balloon-left.balloon-gray .balloon-content,
.balloon-left.has-ccc-ballon .balloon-content {
border-color: #ccc;
}
.balloon-right.balloon-bg-gray .balloon-serif:before,
.balloon-right.has-efefef-bgballon .balloon-serif:before {
border-color: transparent transparent transparent #efefef;
}
.balloon-right.balloon-bg-gray .balloon-content,
.balloon-right.has-efefef-bgballon .balloon-content {
background: #efefef;
}
.balloon-left.balloon-bg-gray .balloon-serif:before,
.balloon-left.has-efefef-bgballon .balloon-serif:before {
border-color: transparent #efefef transparent transparent;
}
.balloon-left.balloon-bg-gray .balloon-content,
.balloon-left.has-efefef-bgballon .balloon-content {
background: #efefef;
}
.balloon-right.balloon-blue .balloon-serif:after,
.balloon-right.has-93-d-2-f-0-ballon .balloon-serif:after {
border-color: transparent transparent transparent #93d2f0;
}
.balloon-right.balloon-blue .balloon-content,
.balloon-right.has-93-d-2-f-0-ballon .balloon-content {
border-color: #93d2f0;
}
.balloon-left.balloon-blue .balloon-serif:after,
.balloon-left.has-93-d-2-f-0-ballon .balloon-serif:after {
border-color: transparent #93d2f0 transparent transparent;
}
.balloon-left.balloon-blue .balloon-content,
.balloon-left.has-93-d-2-f-0-ballon .balloon-content {
border-color: #93d2f0;
}
.balloon-right.balloon-bg-blue .balloon-serif:before,
.balloon-right.has-e-2-f-6-ff-bgballon .balloon-serif:before {
border-color: transparent transparent transparent #e2f6ff;
}
.balloon-right.balloon-bg-blue .balloon-content,
.balloon-right.has-e-2-f-6-ff-bgballon .balloon-content {
background: #e2f6ff;
}
.balloon-left.balloon-bg-blue .balloon-serif:before,
.balloon-left.has-e-2-f-6-ff-bgballon .balloon-serif:before {
border-color: transparent #e2f6ff transparent transparent;
}
.balloon-left.balloon-bg-blue .balloon-content,
.balloon-left.has-e-2-f-6-ff-bgballon .balloon-content {
background: #e2f6ff;
}
.balloon-right.balloon-red .balloon-serif:after,
.balloon-right.has-f-48789-ballon .balloon-serif:after {
border-color: transparent transparent transparent #f48789;
}
.balloon-right.balloon-red .balloon-content,
.balloon-right.has-f-48789-ballon .balloon-content {
border-color: #f48789;
}
.balloon-left.balloon-red .balloon-serif:after,
.balloon-left.has-f-48789-ballon .balloon-serif:after {
border-color: transparent #f48789 transparent transparent;
}
.balloon-left.balloon-red .balloon-content,
.balloon-left.has-f-48789-ballon .balloon-content {
border-color: #f48789;
}
.balloon-right.balloon-bg-red .balloon-serif:before,
.balloon-right.has-ffebeb-bgballon .balloon-serif:before {
border-color: transparent transparent transparent #ffebeb;
}
.balloon-right.balloon-bg-red .balloon-content,
.balloon-right.has-ffebeb-bgballon .balloon-content {
background: #ffebeb;
}
.balloon-left.balloon-bg-red .balloon-serif:before,
.balloon-left.has-ffebeb-bgballon .balloon-serif:before {
border-color: transparent #ffebeb transparent transparent;
}
.balloon-left.balloon-bg-red .balloon-content,
.balloon-left.has-ffebeb-bgballon .balloon-content {
background: #ffebeb;
}
.balloon-right.balloon-green .balloon-serif:after,
.balloon-right.has-9-ddd-93-ballon .balloon-serif:after {
border-color: transparent transparent transparent #9ddd93;
}
.balloon-right.balloon-green .balloon-content,
.balloon-right.has-9-ddd-93-ballon .balloon-content {
border-color: #9ddd93;
}
.balloon-left.balloon-green .balloon-serif:after,
.balloon-left.has-9-ddd-93-ballon .balloon-serif:after {
border-color: transparent #9ddd93 transparent transparent;
}
.balloon-left.balloon-green .balloon-content,
.balloon-left.has-9-ddd-93-ballon .balloon-content {
border-color: #9ddd93;
}
.balloon-right.balloon-bg-green .balloon-serif:before,
.balloon-right.has-d-1-f-8-c-2-bgballon .balloon-serif:before {
border-color: transparent transparent transparent #d1f8c2;
}
.balloon-right.balloon-bg-green .balloon-content,
.balloon-right.has-d-1-f-8-c-2-bgballon .balloon-content {
background: #d1f8c2;
}
.balloon-left.balloon-bg-green .balloon-serif:before,
.balloon-left.has-d-1-f-8-c-2-bgballon .balloon-serif:before {
border-color: transparent #d1f8c2 transparent transparent;
}
.balloon-left.balloon-bg-green .balloon-content,
.balloon-left.has-d-1-f-8-c-2-bgballon .balloon-content {
background: #d1f8c2;
}
.balloon-right.balloon-yellow .balloon-serif:after,
.balloon-right.has-ffd-75-e-ballon .balloon-serif:after {
border-color: transparent transparent transparent #ffd75e;
}
.balloon-right.balloon-yellow .balloon-content,
.balloon-right.has-ffd-75-e-ballon .balloon-content {
border-color: #ffd75e;
}
.balloon-left.balloon-yellow .balloon-serif:after,
.balloon-left.has-ffd-75-e-ballon .balloon-serif:after {
border-color: transparent #ffd75e transparent transparent;
}
.balloon-left.balloon-yellow .balloon-content,
.balloon-left.has-ffd-75-e-ballon .balloon-content {
border-color: #ffd75e;
}
.balloon-right.balloon-bg-yellow .balloon-serif:before,
.balloon-right.has-fff-8-d-1-bgballon .balloon-serif:before {
border-color: transparent transparent transparent #fff8d1;
}
.balloon-right.balloon-bg-yellow .balloon-content,
.balloon-right.has-fff-8-d-1-bgballon .balloon-content {
background: #fff8d1;
}
.balloon-left.balloon-bg-yellow .balloon-serif:before,
.balloon-left.has-fff-8-d-1-bgballon .balloon-serif:before {
border-color: transparent #fff8d1 transparent transparent;
}
.balloon-left.balloon-bg-yellow .balloon-content,
.balloon-left.has-fff-8-d-1-bgballon .balloon-content {
background: #fff8d1;
}
.balloon-right.balloon-bg-none .balloon-serif:before,
.balloon-right.has-fff-bgballon .balloon-serif:before {
border-color: transparent transparent transparent #fff;
}
.balloon-right.balloon-bg-none .balloon-content,
.balloon-right.has-fff-bgballon .balloon-content {
background: #fff;
}
.balloon-left.balloon-bg-none .balloon-serif:before,
.balloon-left.has-fff-bgballon .balloon-serif:before {
border-color: transparent #fff transparent transparent;
}
.balloon-left.balloon-bg-none .balloon-content,
.balloon-left.has-fff-bgballon .balloon-content {
background: #fff;
}
.balloon-left.balloon-none .balloon-serif:after,
.balloon-left.balloon-none .balloon-content,
.balloon-right.balloon-none .balloon-serif:after,
.balloon-right.balloon-none .balloon-content,
.balloon-left.has-fff-ballon .balloon-serif:after,
.balloon-left.has-fff-ballon .balloon-content,
.balloon-right.has-fff-ballon .balloon-serif:after,
.balloon-right.has-fff-ballon .balloon-content {
border-color: transparent;
}
.balloon-left.balloon-none .balloon-serif:before,
.balloon-left.has-fff-ballon .balloon-serif:before {
left: -9px;
}
.balloon-right.balloon-none .balloon-serif:before,
.balloon-right.has-fff-ballon .balloon-serif:before {
right: -9px;
} .ranking-number {
height: auto;
}
@media (max-width: 767px) {
.ranking-number {
width: 45px;
}
}
@media (min-width: 768px) {
.ranking-number {
width: 52px;
}
}
.ranking-number-girly {
height: auto;
}
@media (max-width: 767px) {
.ranking-number-girly {
width: 45px;
}
}
@media (min-width: 768px) {
.ranking-number-girly {
width: 50px;
}
}
.ranking-number-rich {
height: auto;
}
@media (max-width: 767px) {
.ranking-number-rich {
width: 35px;
}
}
@media (min-width: 768px) {
.ranking-number-rich {
width: 38px;
}
}
h2 .ranking-number,
h3 .ranking-number {
height: auto;
float: left;
position: relative;
margin-right: 3px;
margin-top: -3px;
}
@media (max-width: 767px) {
h2 .ranking-number,
h3 .ranking-number {
width: 45px;
}
}
@media (min-width: 768px) {
h2 .ranking-number,
h3 .ranking-number {
width: 52px;
}
}
h2 .ranking-number-rich,
h3 .ranking-number-rich {
height: auto;
float: left;
position: relative;
margin-right: 3px;
margin-top: -5px;
z-index: 1;
}
@media (max-width: 767px) {
h2 .ranking-number-rich,
h3 .ranking-number-rich {
width: 35px;
}
}
@media (min-width: 768px) {
h2 .ranking-number-rich,
h3 .ranking-number-rich {
width: 38px;
}
}
h2 .ranking-number-girly,
h3 .ranking-number-girly {
height: auto;
float: left;
position: relative;
margin-right: 3px;
margin-top: -7px;
z-index: 1;
}
@media (max-width: 767px) {
h2 .ranking-number-girly,
h3 .ranking-number-girly {
width: 45px;
}
}
@media (min-width: 768px) {
h2 .ranking-number-girly,
h3 .ranking-number-girly {
width: 50px;
}
}
h2 .ranking-number:after,
h3 .ranking-number:after,
h2 .ranking-number-rich:after,
h3 .ranking-number-rich:after,
h2 .ranking-number-girly:after,
h3 .ranking-number-girly:after {
content: "";
position: absolute;
clear: both;
}
.ranking01,
.ranking02,
.ranking03 {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
}
.ranking01 .ranking-title01,
.ranking01 .ranking-title02,
.ranking01 .ranking-title03,
.ranking01 .ranking-title04,
.ranking02 .ranking-title01,
.ranking02 .ranking-title02,
.ranking02 .ranking-title03,
.ranking02 .ranking-title04,
.ranking03 .ranking-title01,
.ranking03 .ranking-title02,
.ranking03 .ranking-title03,
.ranking03 .ranking-title04 {
width: 100%;
border-bottom: 1px solid;
letter-spacing: 0;
position: relative;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.ranking01 .ranking-title01,
.ranking01 .ranking-title02,
.ranking01 .ranking-title03,
.ranking01 .ranking-title04,
.ranking02 .ranking-title01,
.ranking02 .ranking-title02,
.ranking02 .ranking-title03,
.ranking02 .ranking-title04,
.ranking03 .ranking-title01,
.ranking03 .ranking-title02,
.ranking03 .ranking-title03,
.ranking03 .ranking-title04 {
font-size: 21px;
font-weight: 700;
padding-left: 60px;
}
}
@media (min-width: 768px) {
.ranking01 .ranking-title01,
.ranking01 .ranking-title02,
.ranking01 .ranking-title03,
.ranking01 .ranking-title04,
.ranking02 .ranking-title01,
.ranking02 .ranking-title02,
.ranking02 .ranking-title03,
.ranking02 .ranking-title04,
.ranking03 .ranking-title01,
.ranking03 .ranking-title02,
.ranking03 .ranking-title03,
.ranking03 .ranking-title04 {
font-size: 26px;
font-weight: 400;
padding-left: 75px;
}
}
.ranking01 .ranking-title01 img,
.ranking01 .ranking-title02 img,
.ranking01 .ranking-title03 img,
.ranking01 .ranking-title04 img,
.ranking02 .ranking-title01 img,
.ranking02 .ranking-title02 img,
.ranking02 .ranking-title03 img,
.ranking02 .ranking-title04 img,
.ranking03 .ranking-title01 img,
.ranking03 .ranking-title02 img,
.ranking03 .ranking-title03 img,
.ranking03 .ranking-title04 img {
position: absolute;
height: auto;
}
@media (max-width: 767px) {
.ranking01 .ranking-title01 img.ranking-number,
.ranking01 .ranking-title02 img.ranking-number,
.ranking01 .ranking-title03 img.ranking-number,
.ranking01 .ranking-title04 img.ranking-number,
.ranking02 .ranking-title01 img.ranking-number,
.ranking02 .ranking-title02 img.ranking-number,
.ranking02 .ranking-title03 img.ranking-number,
.ranking02 .ranking-title04 img.ranking-number,
.ranking03 .ranking-title01 img.ranking-number,
.ranking03 .ranking-title02 img.ranking-number,
.ranking03 .ranking-title03 img.ranking-number,
.ranking03 .ranking-title04 img.ranking-number {
width: 55px;
bottom: 5px;
left: 0;
}
}
@media (min-width: 768px) {
.ranking01 .ranking-title01 img.ranking-number,
.ranking01 .ranking-title02 img.ranking-number,
.ranking01 .ranking-title03 img.ranking-number,
.ranking01 .ranking-title04 img.ranking-number,
.ranking02 .ranking-title01 img.ranking-number,
.ranking02 .ranking-title02 img.ranking-number,
.ranking02 .ranking-title03 img.ranking-number,
.ranking02 .ranking-title04 img.ranking-number,
.ranking03 .ranking-title01 img.ranking-number,
.ranking03 .ranking-title02 img.ranking-number,
.ranking03 .ranking-title03 img.ranking-number,
.ranking03 .ranking-title04 img.ranking-number {
width: 65px;
bottom: 10px;
left: 5px;
}
}
@media (max-width: 767px) {
.ranking01 .ranking-title01 img.ranking-number-girly,
.ranking01 .ranking-title02 img.ranking-number-girly,
.ranking01 .ranking-title03 img.ranking-number-girly,
.ranking01 .ranking-title04 img.ranking-number-girly,
.ranking02 .ranking-title01 img.ranking-number-girly,
.ranking02 .ranking-title02 img.ranking-number-girly,
.ranking02 .ranking-title03 img.ranking-number-girly,
.ranking02 .ranking-title04 img.ranking-number-girly,
.ranking03 .ranking-title01 img.ranking-number-girly,
.ranking03 .ranking-title02 img.ranking-number-girly,
.ranking03 .ranking-title03 img.ranking-number-girly,
.ranking03 .ranking-title04 img.ranking-number-girly {
width: 55px;
bottom: -18px;
left: 2px;
}
}
@media (min-width: 768px) {
.ranking01 .ranking-title01 img.ranking-number-girly,
.ranking01 .ranking-title02 img.ranking-number-girly,
.ranking01 .ranking-title03 img.ranking-number-girly,
.ranking01 .ranking-title04 img.ranking-number-girly,
.ranking02 .ranking-title01 img.ranking-number-girly,
.ranking02 .ranking-title02 img.ranking-number-girly,
.ranking02 .ranking-title03 img.ranking-number-girly,
.ranking02 .ranking-title04 img.ranking-number-girly,
.ranking03 .ranking-title01 img.ranking-number-girly,
.ranking03 .ranking-title02 img.ranking-number-girly,
.ranking03 .ranking-title03 img.ranking-number-girly,
.ranking03 .ranking-title04 img.ranking-number-girly {
width: 65px;
bottom: -17px;
left: 5px;
}
}
@media (max-width: 767px) {
.ranking01 .ranking-title01 img.ranking-number-rich,
.ranking01 .ranking-title02 img.ranking-number-rich,
.ranking01 .ranking-title03 img.ranking-number-rich,
.ranking01 .ranking-title04 img.ranking-number-rich,
.ranking02 .ranking-title01 img.ranking-number-rich,
.ranking02 .ranking-title02 img.ranking-number-rich,
.ranking02 .ranking-title03 img.ranking-number-rich,
.ranking02 .ranking-title04 img.ranking-number-rich,
.ranking03 .ranking-title01 img.ranking-number-rich,
.ranking03 .ranking-title02 img.ranking-number-rich,
.ranking03 .ranking-title03 img.ranking-number-rich,
.ranking03 .ranking-title04 img.ranking-number-rich {
width: 44px;
bottom: -36px;
left: 8px;
}
}
@media (min-width: 768px) {
.ranking01 .ranking-title01 img.ranking-number-rich,
.ranking01 .ranking-title02 img.ranking-number-rich,
.ranking01 .ranking-title03 img.ranking-number-rich,
.ranking01 .ranking-title04 img.ranking-number-rich,
.ranking02 .ranking-title01 img.ranking-number-rich,
.ranking02 .ranking-title02 img.ranking-number-rich,
.ranking02 .ranking-title03 img.ranking-number-rich,
.ranking02 .ranking-title04 img.ranking-number-rich,
.ranking03 .ranking-title01 img.ranking-number-rich,
.ranking03 .ranking-title02 img.ranking-number-rich,
.ranking03 .ranking-title03 img.ranking-number-rich,
.ranking03 .ranking-title04 img.ranking-number-rich {
width: 50px;
bottom: -38px;
left: 10px;
}
}
.ranking01 .ranking-title01,
.ranking02 .ranking-title01,
.ranking03 .ranking-title01 {
border-color: #FFCF24;
}
.ranking01 .ranking-title02,
.ranking02 .ranking-title02,
.ranking03 .ranking-title02 {
border-color: #A0A9B1;
}
.ranking01 .ranking-title03,
.ranking02 .ranking-title03,
.ranking03 .ranking-title03 {
border-color: #B26A2B;
}
.ranking01 .ranking-title04,
.ranking02 .ranking-title04,
.ranking03 .ranking-title04 {
border-color: #acd7ea;
}
.ranking01 .ranking-img01,
.ranking01 .ranking-img02,
.ranking01 .ranking-img03,
.ranking01 .ranking-img04,
.ranking02 .ranking-img01,
.ranking02 .ranking-img02,
.ranking02 .ranking-img03,
.ranking02 .ranking-img04,
.ranking03 .ranking-img01,
.ranking03 .ranking-img02,
.ranking03 .ranking-img03,
.ranking03 .ranking-img04 {
width: 300px;
height: auto;
display: block;
}
@media (max-width: 767px) {
.ranking01 .ranking-img01,
.ranking01 .ranking-img02,
.ranking01 .ranking-img03,
.ranking01 .ranking-img04,
.ranking02 .ranking-img01,
.ranking02 .ranking-img02,
.ranking02 .ranking-img03,
.ranking02 .ranking-img04,
.ranking03 .ranking-img01,
.ranking03 .ranking-img02,
.ranking03 .ranking-img03,
.ranking03 .ranking-img04 {
margin: 0 auto;
}
}
@media (min-width: 768px) {
.ranking01 .ranking-img01,
.ranking01 .ranking-img02,
.ranking01 .ranking-img03,
.ranking01 .ranking-img04,
.ranking02 .ranking-img01,
.ranking02 .ranking-img02,
.ranking02 .ranking-img03,
.ranking02 .ranking-img04,
.ranking03 .ranking-img01,
.ranking03 .ranking-img02,
.ranking03 .ranking-img03,
.ranking03 .ranking-img04 {
margin-right: 20px;
}
}
.ranking01 .ranking-img01 img,
.ranking01 .ranking-img02 img,
.ranking01 .ranking-img03 img,
.ranking01 .ranking-img04 img,
.ranking02 .ranking-img01 img,
.ranking02 .ranking-img02 img,
.ranking02 .ranking-img03 img,
.ranking02 .ranking-img04 img,
.ranking03 .ranking-img01 img,
.ranking03 .ranking-img02 img,
.ranking03 .ranking-img03 img,
.ranking03 .ranking-img04 img {
max-width: 100%;
height: auto;
display: block;
}
.ranking01 .ranking-img01 br,
.ranking01 .ranking-img01 img[width="1"],
.ranking01 .ranking-img02 br,
.ranking01 .ranking-img02 img[width="1"],
.ranking01 .ranking-img03 br,
.ranking01 .ranking-img03 img[width="1"],
.ranking01 .ranking-img04 br,
.ranking01 .ranking-img04 img[width="1"],
.ranking02 .ranking-img01 br,
.ranking02 .ranking-img01 img[width="1"],
.ranking02 .ranking-img02 br,
.ranking02 .ranking-img02 img[width="1"],
.ranking02 .ranking-img03 br,
.ranking02 .ranking-img03 img[width="1"],
.ranking02 .ranking-img04 br,
.ranking02 .ranking-img04 img[width="1"],
.ranking03 .ranking-img01 br,
.ranking03 .ranking-img01 img[width="1"],
.ranking03 .ranking-img02 br,
.ranking03 .ranking-img02 img[width="1"],
.ranking03 .ranking-img03 br,
.ranking03 .ranking-img03 img[width="1"],
.ranking03 .ranking-img04 br,
.ranking03 .ranking-img04 img[width="1"] {
display: none;
}
.ranking01 .ranking-info01,
.ranking01 .ranking-info02,
.ranking01 .ranking-info03,
.ranking02 .ranking-info01,
.ranking02 .ranking-info02,
.ranking02 .ranking-info03,
.ranking03 .ranking-info01,
.ranking03 .ranking-info02,
.ranking03 .ranking-info03 {
width: 100%;
}
@media (min-width: 768px) {
.ranking01 .ranking-info01,
.ranking01 .ranking-info02,
.ranking01 .ranking-info03,
.ranking02 .ranking-info01,
.ranking02 .ranking-info02,
.ranking02 .ranking-info03,
.ranking03 .ranking-info01,
.ranking03 .ranking-info02,
.ranking03 .ranking-info03 {
width: calc(100% - 320px);
}
}
@media (max-width: 767px) {
.ranking01 .ranking-info01,
.ranking01 .ranking-info02,
.ranking01 .ranking-info03,
.ranking02 .ranking-info01,
.ranking02 .ranking-info02,
.ranking02 .ranking-info03,
.ranking03 .ranking-info01,
.ranking03 .ranking-info02,
.ranking03 .ranking-info03 {
margin-bottom: 20px;
margin-top: 20px;
}
}
.ranking01 .clearfix,
.ranking02 .clearfix,
.ranking03 .clearfix {
height: 5px;
}
#postContent .wp-block-jin-gb-block-ranking p {
margin: 0;
margin-bottom: 20px;
}
@media (min-width: 768px) {
#postContent .wp-block-jin-gb-block-ranking p {
margin-bottom: 3.3rem;
margin-top: 3.3rem;
}
}
#postContent .wp-block-jin-gb-block-ranking .jin-shortcode-button a {
margin: 5px 0 20px;
}
@media (min-width: 768px) {
#postContent .wp-block-jin-gb-block-ranking .jin-shortcode-button a {
margin: 20px 0;
}
}
.ranking02,
.ranking03 {
margin-top: 0px;
}
.jin-ac-box01,
.jin-ac-box02 {
margin-bottom: 20px;
}
.jin-ac-box01 img,
.jin-ac-box02 img {
height: auto;
}
.jin-ac-box01-title,
.jin-ac-box02-title {
padding: 15px 20px;
padding-right: 55px;
box-shadow: 0 2px 6px 0px #dedede;
font-weight: bold;
border-radius: 4px;
position: relative;
font-size: 1.76rem;
line-height: 2.5rem;
z-index: 1;
background: #fff;
}
@media (max-width: 767px) {
.jin-ac-box01-title,
.jin-ac-box02-title {
font-size: 1.6rem;
line-height: 2.24rem;
padding-right: 50px;
}
}
.jin-ac-box01-title::after,
.jin-ac-box02-title::after {
position: absolute;
content: "\e932";
font-family: "jin-icons";
right: 20px;
top: 17px;
transition: all 0.5s;
}
@media (max-width: 767px) {
.jin-ac-box01-title::after,
.jin-ac-box02-title::after {
right: 15px;
top: 15px;
}
}
.jin-ac-box02-title {
padding-left: 55px;
}
@media (max-width: 767px) {
.jin-ac-box02-title {
padding-left: 50px;
}
}
.jin-ac-box02-title::before {
position: absolute;
content: "\e99d";
font-family: "jin-icons";
left: 20px;
top: 16px;
font-size: 1.25em;
color: #4f5ed2;
}
.jin-ac-box02-title::after {
color: #4f5ed2;
}
.jin-ac-box01-inner,
.jin-ac-box02-inner {
border-radius: 4px;
margin-top: 15px;
}
.jin-ac-box01-inner p,
.jin-ac-box02-inner p {
font-size: 1.52rem;
margin-bottom: 0 !important;
padding-bottom: 3.2rem !important;
}
.jin-ac-box01-inner p:not(:first-of-type),
.jin-ac-box02-inner p:not(:first-of-type) {
margin-top: 0 !important;
}
@media (max-width: 767px) {
.jin-ac-box01-inner p,
.jin-ac-box02-inner p {
line-height: 2.32rem;
padding-bottom: 2.4rem !important;
}
}
.jin-ac-box01-inner {
padding: 30px 30px 0px 30px;
background: #f7f7f7;
}
@media (max-width: 767px) {
.jin-ac-box01-inner {
padding: 20px 20px 0px 20px;
}
}
.jin-ac-box02-inner {
position: relative;
padding: 30px 30px 0px 55px;
background: #fff5f4;
}
@media (max-width: 767px) {
.jin-ac-box02-inner {
padding: 25px 20px 0px 50px;
}
}
.jin-ac-box02-inner::before {
position: absolute;
content: "\e99c";
font-family: "jin-icons";
left: 20px;
top: 27px;
font-size: 1.25em;
color: #f1487c;
}
@media (max-width: 767px) {
.jin-ac-box02-inner::before {
top: 22px;
}
}
.jin-ac-box01-inner,
.jin-ac-box02-inner {
opacity: 0;
transition: all 0.1s;
transform: translateY(-20px);
position: absolute;
visibility: hidden;
}
.jin-ac-box01-inner.open,
.jin-ac-box02-inner.open {
opacity: 1;
transition: all 0.5s;
transform: translateY(0px);
position: relative;
visibility: visible;
}
.jin-ac-box01-title.open::after,
.jin-ac-box02-title.open::after {
transition: all 0.5s;
transform: rotate(180deg) translateY(3px);
}.pgc-sgb-cb{position:relative;min-height:240px}.pgc-sgb-cb img{pointer-events:none}.sgb-preloader{position:absolute;width:38px;height:38px;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.sgb-preloader .sgb-square{width:15px;height:15px;margin:2px;float:left;opacity:0;background:#d3d3d3;animation:sgb-focusfade 2.8s infinite}.sgb-preloader .sgb-square:nth-child(1){animation-delay:.7s}.sgb-preloader .sgb-square:nth-child(2){animation-delay:1.4s}.sgb-preloader .sgb-square:nth-child(3){animation-delay:2.8s}.sgb-preloader .sgb-square:nth-child(4){animation-delay:2.1s}@keyframes sgb-focusfade{0%{opacity:0}30%{opacity:0}60%{opacity:1}75%{opacity:1}}.no-js .sgb-preloader{display:none}.simply-gallery-amp,simpLy-gallery-freedom-block{position:relative}.simply-gallery-amp *,.simpLy-gallery-freedom-block *{box-sizing:border-box}.simply-gallery-amp .sgb-gallery,.simpLy-gallery-freedom-block .sgb-gallery{position:relative}.simply-gallery-amp .sgb-gallery .sgb-item,.simpLy-gallery-freedom-block .sgb-gallery .sgb-item{max-width:250px;margin:1em auto}.sgb-gallery .sgb-item figure{margin:0;height:100%;display:flex;flex-direction:column}.sgb-gallery .sgb-item-caption{background:#eaeaea;color:#000;font-size:.8em;padding:.5em .5em 1em;margin:0;text-align:center}.sgb-gallery .sgb-item img,.sgb-gallery .sgb-item video{height:100%;width:100%;flex:1;object-fit:cover;display:block}.sgb-gallery .sgb-item audio,.sgb-gallery .sgb-item video{outline:0}.sgb-gallery .sgb-item audio{width:100%}.sgb-gallery .sgb-item a{height:100%;flex:1;object-fit:cover}.pgc-rev-utils-preloader{min-height:inherit;position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;z-index:100}.pgc-rev-utils-preloader .pgc-rev-utils-static{position:absolute;left:50%;top:50%;border-radius:50%}.pgc-rev-utils-preloader .pgc-rev-utils-spinner{left:50%;top:50%;animation:1s pgc-rev-spinner linear infinite}.pgc-rev-utils-preloader .pgc-rev-utils-spinner .pgc-rev-utils-point{position:absolute;left:50%;top:50%;border-radius:100%}@keyframes pgc-rev-spinner{0%{transform:rotate(-360deg)}100%{transform:rotate(0deg)}}
.pgc-rev-item-menu-view{position:relative;overflow:hidden;float:left}.pgc-rev-item-menu-view.pgc-rev-item-menu-type-ultrabox{display:flex;flex-direction:row;flex-wrap:wrap;margin-right:5px}.pgc-rev-item-menu-view.pgc-rev-item-menu-type-ultrabox .pgc-rev-item-menu-button{padding:3px;width:43px;height:43px;margin:0 5px;border-radius:2px}.pgc-rev-item-menu-view.pgc-rev-item-menu-type-lightbox .pgc-rev-item-menu-button{margin:2px}.pgc-rev-item-menu-view.pgc-rev-item-menu-type-thumb{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.pgc-rev-item-menu-view.pgc-rev-item-menu-type-thumb .pgc-rev-item-menu-button{margin:1px}.pgc-rev-item-menu-view .pgc-rev-item-menu-button{position:relative;padding:9px;width:38px;height:38px;cursor:pointer;float:left;transition:background-color .2s,transform .4s ease-out;border-radius:2px}.pgc-rev-item-menu-view .pgc-rev-item-menu-button svg{width:100%;height:100%;fill:inherit;display:block;pointer-events:none;transition:fill .2s,transform .4s ease-out}.pgc-rev-item-menu-view .pgc-rev-item-menu-button svg path{transition:none}
.pgc-rev-scroller-ho-view{line-height:1;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;-ms-overflow-style:none;scrollbar-width:none}.pgc-rev-scroller-ho-view::-webkit-scrollbar{display:none}.pgc-rev-scroller-ho-view.pgc-block-pan-y{-ms-touch-action:pan-x;touch-action:pan-x}.pgc-rev-scroller-ho-grabbable{cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.pgc-rev-scroller-ho-grabbable:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}
.pgc-rev-scroll-bar-view{position:relative;overflow:hidden;max-width:100%}.pgc-rev-scroll-bar-view .pgc-rev-scroll-bar-slider-content-view{position:relative}.pgc-rev-scroll-bar-thumb-simple-border{position:absolute}.pgc-rev-scroll-bar-thumb-simple-border .pgc-rev-scroll-bar-thumb-main-wrap{position:relative;width:100%;height:100%;border-radius:inherit}.pgc-rev-scroll-bar-thumb-simple-border .pgc-rev-scroll-bar-thumb-item-wrap{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden}.pgc-rev-scroll-bar-thumb-simple-border .pgc-rev-scroll-bar-thumb-item-wrap img{object-fit:cover;display:block;border:0;margin:0;padding:0;width:100% !important;height:100% !important;-webkit-backface-visibility:hidden;backface-visibility:hidden;user-select:none}.pgc-rev-scroll-bar-thumb-simple-border .pgc-rev-scroll-bar-thumb-item-hover{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;transition:.4s}.pgc-rev-scroll-bar-thumb-simple-border .pgc-rev-scroll-bar-thumb-item-inner{position:absolute;top:0;left:0;width:100%;height:100%}.pgc-rev-scroll-bar-thumb-simple-border .pgc-rev-scroll-bar-thumb-item-link{position:absolute;width:34px;height:34px;padding:6px;border-radius:50%;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);pointer-events:none}.pgc-rev-scroll-bar-thumb-simple-border .pgc-rev-scroll-bar-thumb-item-link svg{width:100%;height:100%;fill:rgba(0,0,0,.58);display:block}.pgc-rev-scroll-bar-thumb-simple-border video{height:100%;width:100%;object-fit:contain}.pgc-rev-scroll-bar-thumb-simple-border.hover .pgc-rev-scroll-bar-thumb-hover,.pgc-rev-scroll-bar-thumb-simple-border.pgc-select .pgc-rev-scroll-bar-thumb-hover{opacity:0}.pgc-rev-scroll-bar-grabbable{cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.pgc-rev-scroll-bar-grabbable:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}
.pgc-rev-slider-view{position:absolute;overflow:hidden;left:0;right:0;top:0;bottom:0}.pgc-rev-slider-view *{box-sizing:border-box !important;line-height:1.4}.pgc-rev-slider-view.isDragging video{pointer-events:none}.pgc-rev-slider-view .pgc-rev-slider-hints{position:absolute;display:inline-block;padding:5px 10px;font-size:12px;line-height:normal;background-color:rgba(0,0,0,.8);color:#fff;transform:translateY(-100%);border-radius:2px;transition:.4s}.pgc-rev-slider-view.pgc-rev-slider-activate{pointer-events:auto;visibility:visible;opacity:1}.pgc-rev-slider-view .pgc-rev-slider-bg{width:100%;height:100%;transform:translateZ(0)}.pgc-rev-slider-view .pgc-rev-slider-wrap{position:absolute;user-select:none;width:100%;top:0;bottom:0}.pgc-rev-slider-view .miniScreen{margin-top:0;margin-bottom:0}.pgc-rev-slider-view .pgc-rev-slider-next-prev-button{position:absolute;width:45px;height:40px;top:50%;margin:0 10px;padding:0;cursor:pointer;transition:background-color .3s,transform .5s ease-out;border-radius:2px}.pgc-rev-slider-view .pgc-rev-slider-next-prev-button.next-prev-button-mini-screen{display:none}.pgc-rev-slider-view .pgc-rev-slider-next-prev-button svg{transition:fill .3s;width:100%;height:100%;vertical-align:baseline !important}.pgc-rev-slider-view.pgc-img-zoom-in .pgc-img{cursor:grab}.pgc-rev-slider-view.pgc-img-zoom-in .pgc-img:active{cursor:grabbing}.pgc-rev-slider-page-view{position:absolute;display:block;transform:translate3d(0, 0, 0);width:100%;top:0;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-moz-user-select:none;-ms-user-select:none;touch-action:none}.pgc-rev-slider-page-view .pgc-rev-slider-page-place-holder{position:absolute;transition:.35s ease-out;user-select:none}.pgc-rev-slider-page-view .pgc-rev-slider-page-place-holder.bg-mode{box-shadow:inset 0 0 100px rgba(0,0,0,.5),inset 0 0 0 1px rgba(0,0,0,.05);background:#eee}.pgc-rev-slider-page-view .pgc-rev-slider-page-place-holder video{max-width:100%;min-width:100%;max-height:100%;margin:auto;outline:none}.pgc-rev-slider-page-view .pgc-rev-slider-page-place-holder img{object-fit:cover;width:100%;height:100%}.pgc-rev-slider-page-view .pgc-rev-slider-page-place-holder img.onLoad{transition:.35s ease-out;opacity:1}.pgc-rev-slider-page-view .pgc-rev-slider-page-inner{position:absolute;display:block;left:0;top:0;bottom:0;width:100%;overflow:hidden;transform:translate3d(0, 0, 0);backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform-origin:left top;transform-origin:left top;user-select:none;touch-action:none;animation-duration:.6s;animation-play-state:running;animation-fill-mode:both;animation-timing-function:ease-out}.pgc-rev-slider-page-view .pgc-rev-slider-page-inner img{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute !important;display:block !important;border:none !important;max-width:none !important;opacity:0;padding:0 !important;margin:0 !important;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.pgc-rev-slider-page-view .pgc-rev-slider-page-inner img.iph-protect{-webkit-touch-callout:none}.pgc-rev-slider-page-view .pgc-rev-slider-page-inner img.onLoad{transition:.35s ease-out;opacity:1}.pgc-rev-slider-page-view .pgc-rev-slider-page-sub-content-holder{position:absolute;visibility:hidden;transition:.35s ease-out}.pgc-rev-slider-page-view .pgc-rev-slider-page-sub-content-holder .icon-holder{position:absolute;animation-name:pgc-rev-fade-in;animation-duration:.5s;animation-delay:250ms;animation-fill-mode:forwards;opacity:0;width:140px;height:140px;border-radius:50%;background-color:hsla(0,0%,100%,.6);transform:translateY(-50%) translateX(-50%);left:50%;top:50%;padding:30px;cursor:pointer}.pgc-rev-slider-page-view .pgc-rev-slider-page-sub-content-holder .icon-holder svg{width:100%;height:100%;fill:rgba(0,0,0,.4)}.pgc-rev-slider-page-view .pgc-rev-slider-page-sub-content-holder iframe{width:100% !important;height:100% !important;top:0;left:0}.pgc-rev-slider-page-view .pgc-rev-slider-page-sub-content-holder audio{outline:none;position:absolute;bottom:0;width:100%}.pgc-rev-slider-page-view.info-icon .pgc-rev-slider-page-sub-content-holder,.pgc-rev-slider-page-view.info-icon .pgc-rev-slider-page-icon-holder{visibility:visible}@keyframes pgc-rev-fade-in{from{opacity:0}to{opacity:1}}@keyframes pgc-rev-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.pgc-rev-wrap-rotate svg{animation-name:pgc-rev-rotate;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}.pgc-rev-slider-post-informer-view{position:absolute;height:100%;width:100%;opacity:0;transition-delay:.1s;transition-property:opacity;transition-duration:.2s;font-size:medium;line-height:1.4}.pgc-rev-slider-post-informer-view .pgc-rev-slider-post-informer-button,.pgc-rev-slider-post-informer-view .pgc-rev-slider-post-informer-price{position:relative;cursor:pointer;display:inline-block;left:0;top:0;color:#fff;margin:10px 0 0 0;padding:3px 20px;background-color:rgba(0,0,0,.8)}.pgc-rev-slider-post-informer-view .pgc-rev-slider-post-informer-price{cursor:auto;margin:5px 0 0 0}.pgc-rev-slider-post-informer-view .pgc-rev-slider-post-informer-button:hover{background-color:#fff;color:rgba(0,0,0,.8)}.pgc-show-controls .pgc-rev-slider-post-informer-view{pointer-events:all;opacity:1}
.pgc-rev-lb-b-view{position:fixed;direction:ltr;z-index:99999;left:0;right:0;top:0;bottom:0;visibility:hidden;opacity:0;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;font-family:Arial,Helvetica,sans-serif;-webkit-transition:opacity .4s ease;transition:opacity .4s ease,visibility .4s ease}.pgc-rev-lb-b-view *{box-sizing:border-box !important;line-height:1.4}.pgc-rev-lb-b-view.pgc-rev-lb-b-activate{pointer-events:auto;visibility:visible;opacity:1}.pgc-rev-lb-b-view .pgc-rev-lb-b-bg{width:100%;height:100%;will-change:opacity;transform:translateZ(0)}.pgc-rev-lb-b-view .pgc-rev-lb-b-bg.pgc-rev-lb-b-deactivate{transition:opacity 300ms}.pgc-rev-lb-b-view .pgc-rev-lb-b-content{position:absolute;top:0;left:0;width:100%;height:100%}.pgc-rev-lb-b-view .pgc-rev-lb-b-next-prev-button{position:absolute;width:55px;height:50px;top:50%;padding:0;margin:0 10px;cursor:pointer;transition:background-color .3s,transform .5s ease-out;border-radius:2px}.pgc-rev-lb-b-view .pgc-rev-lb-b-next-prev-button svg{display:block;fill:inherit;transition:fill .3s;width:100%;height:100%}.pgc-rev-lb-b-view .pgc-rev-lb-b-next-prev-button.next{right:0px;transform:translateY(-50%) translateX(150%)}.pgc-rev-lb-b-view .pgc-rev-lb-b-next-prev-button.prev{left:0px;transform:translateY(-50%) translateX(-150%)}.pgc-rev-lb-b-view.pgc-next-show .pgc-rev-lb-b-next-prev-button.next{transform:translateY(-50%) translateX(0)}.pgc-rev-lb-b-view.pgc-prev-show .pgc-rev-lb-b-next-prev-button.prev{transform:translateY(-50%) translateX(0)}.pgc-rev-lb-b-view.miniScreen .pgc-rev-lb-b-next-prev-button,.pgc-rev-lb-b-view.pgc-mini-screen .pgc-rev-lb-b-next-prev-button{display:none}.pgc-rev-lb-b-view .pgc-rev-lb-b-header{position:absolute;padding:5px;left:0;top:0;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;transform:translateY(-100%);transition:transform .4s ease-out}.pgc-rev-lb-b-view .pgc-rev-lb-b-header *{user-select:none;-moz-user-select:none;-webkit-user-select:none}.pgc-rev-lb-b-view .pgc-rev-lb-b-header.pgc-rev-lb-b-touch-device{flex-wrap:wrap}.pgc-rev-lb-b-view .pgc-rev-lb-b-header.pgc-rev-lb-b-show{transform:translateY(0%)}.pgc-rev-lb-b-view .pgc-rev-lb-b-header.pgc-rev-lb-b-touch-device{justify-content:flex-end}.pgc-rev-lb-b-view .pgc-rev-lb-b-footer{user-select:none;position:absolute;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;left:0;bottom:0;width:100%;transform:translateY(100%);transition:transform .4s ease-out}.pgc-rev-lb-b-view .pgc-rev-lb-b-footer.pgc-rev-lb-b-show{transform:translateY(0%)}.pgc-rev-lb-b-view .pgc-rev-lb-b-footer.pgc-rev-lb-b-touch-device .pgc-rev-lb-b-caption-wrap{border-radius:2px;padding:0}.pgc-rev-lb-b-view .pgc-rev-lb-b-footer.pgc-rev-lb-b-touch-device .pgc-rev-lb-b-caption-play-wrap{width:100%;justify-content:center;min-height:25px}.pgc-rev-lb-b-view .pgc-rev-lb-b-footer .pgc-rev-lb-b-caption-wrap{border-radius:2px;padding:3px 10px;margin:5px}.pgc-rev-lb-b-view .pgc-rev-lb-b-description-wrap{flex:none;width:400px;max-width:100%;padding:0 5px;height:100%}.pgc-rev-lb-b-view .pgc-rev-lb-b-description-wrap a{cursor:pointer}.pgc-rev-lb-b-view .pgc-rev-lb-b-description-wrap a:hover,.pgc-rev-lb-b-view .pgc-rev-lb-b-description-wrap a:visited,.pgc-rev-lb-b-view .pgc-rev-lb-b-description-wrap a:link,.pgc-rev-lb-b-view .pgc-rev-lb-b-description-wrap a:active{text-decoration:none;box-shadow:none}.pgc-rev-lb-b-view .pgc-rev-lb-b-item-title{text-rendering:auto;color:#fff;font-size:18px;width:100%;line-height:1.3;box-sizing:content-box;letter-spacing:0;margin-top:1px;margin-bottom:3px;text-decoration:none !important;box-shadow:none !important}.pgc-rev-lb-b-view .pgc-rev-lb-b-item-description{color:#969696;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.pgc-rev-lb-b-view .pgc-rev-lb-b-free-space{flex:auto}.pgc-rev-lb-b-view .pgc-rev-lb-b-caption-play-wrap{display:flex;align-items:center}.pgc-rev-lb-b-view .pgc-rev-lb-b-caption-wrap{position:relative;flex:none;font-size:13px;line-height:22px;font-weight:400;color:#fff;display:inline-block;margin-right:15px}.pgc-rev-lb-b-view .pgc-rev-lb-b-caption-wrap .pgc-rev-lb-b-caption-current{position:relative;display:inline-block}.pgc-rev-lb-b-view .pgc-rev-lb-b-caption-wrap .pgc-rev-lb-b-caption-delimiter{position:relative;display:inline-block;padding:0 3px}.pgc-rev-lb-b-view .pgc-rev-lb-b-caption-wrap .pgc-rev-lb-b-caption-all{position:relative;display:inline-block}.pgc-rev-lb-b-view .pgc-rev-lb-b-caption-wrap-nt.mini-screen{height:30px}.pgc-rev-lb-b-view .pgc-rev-lb-b-caption-wrap-nt{position:relative;flex:none;height:40px;word-wrap:normal;word-break:normal;font-size:15px;line-height:1;font-weight:400;font-family:serif;color:#fff;margin-right:5px}.pgc-rev-lb-b-view .pgc-rev-lb-b-caption-wrap-nt .pgc-rev-lb-b-caption-current{position:relative;display:inline-block;word-break:normal;word-wrap:normal;margin:0 8px}.pgc-rev-lb-b-view .pgc-rev-lb-b-caption-wrap-nt .pgc-rev-lb-b-caption-delimiter{position:relative;display:inline-block;transform:translate(-50%, 0) rotate(-58deg);width:20px;height:1.5px;background-color:#fff}.pgc-rev-lb-b-view .pgc-rev-lb-b-caption-wrap-nt .pgc-rev-lb-b-caption-all{position:relative;display:inline-block;top:11px;left:-15px;font-size:11px;word-break:normal;word-wrap:normal}.pgc-rev-lb-b-view .pgc-rev-lb-auto-play-wrap{position:relative;opacity:0;height:22px;transition:opacity .4s}.pgc-rev-lb-b-view .pgc-rev-lb-b-info-wrap{position:relative;min-height:20px;padding:0 10px;max-width:100%}.pgc-rev-lb-b-view .pgc-rev-lb-b-touch-device .pgc-rev-lb-b-info-wrap{flex:none}.pgc-rev-lb-b-view .pgc-rev-lb-b-item-menu-wrap{position:relative;flex:none;min-width:40px;overflow:hidden}.pgc-rev-lb-auto-play-wrap svg{width:22px;height:22px}.pgc-rev-lb-auto-play-wrap svg path{transition:unset}
.pgc-rev-share-bar-light-view{position:absolute;width:100%;height:100%;top:0;left:0;transition:opacity .4s;opacity:0;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;align-content:center}.pgc-rev-share-bar-light-view *{box-sizing:border-box}.pgc-rev-share-bar-light-view.pgc-rev-share-bar-light-fixed{position:fixed}.pgc-rev-share-bar-light-view .pgc-rev-share-bar-light-bg{position:absolute;width:100%;height:100%}.pgc-rev-share-bar-light-view .pgc-rev-share-bar-light-button{width:100px;height:100px;padding:20px;border-radius:20px;fill:inherit;transition:.3s;z-index:100;margin:10px;cursor:pointer}.pgc-rev-share-bar-light-view .pgc-rev-share-bar-light-button svg{pointer-events:none;display:block;width:100%;height:100%;fill:inherit}.pgc-rev-share-bar-light-view .pgc-rev-share-bar-light-button:hover{transform:translateY(-4px)}.pgc-rev-share-bar-light-view .pgc-rev-share-bar-light-button.disable{pointer-events:none;opacity:.3}.pgc-rev-share-bar-light-view.pgc-rev-share-bar-light-activate{opacity:1}@keyframes ppress-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.ppress-hint-wrap[class*=hint--]{position:relative;display:inline-block}.ppress-hint-wrap[class*=hint--]:after,.ppress-hint-wrap[class*=hint--]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}.ppress-hint-wrap[class*=hint--]:before{content:"";background:0 0;border:6px solid transparent;z-index:1000001}.ppress-hint-wrap[class*=hint--]:hover:after,.ppress-hint-wrap[class*=hint--]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}.ppress-hint-wrap[class*=hint--]:after{background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap;text-shadow:0-1px 0#000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}.ppress-hint-wrap[class*=hint--][aria-label]:after{content:attr(aria-label)}.ppress-hint-wrap[class*=hint--][data-hint]:after{content:attr(data-hint)}.ppress-hint-wrap[aria-label=""]:after,.ppress-hint-wrap[aria-label=""]:before,[data-hint=""]:after,[data-hint=""]:before{display:none!important}.ppress-hint-wrap.hint--top-left:before,.ppress-hint-wrap.hint--top-right:before,.ppress-hint-wrap.hint--top:before{border-top-color:#383838}.ppress-hint-wrap.hint--bottom-left:before,.ppress-hint-wrap.hint--bottom-right:before,.ppress-hint-wrap.hint--bottom:before{border-bottom-color:#383838}.ppress-hint-wrap.hint--top:after,.ppress-hint-wrap.hint--top:before{bottom:100%;left:50%}.ppress-hint-wrap.hint--top:before{margin-bottom:-11px;left:calc(50% - 6px)}.ppress-hint-wrap.hint--top:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.ppress-hint-wrap.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.ppress-hint-wrap.hint--top:hover:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.ppress-hint-wrap.hint--bottom:after,.ppress-hint-wrap.hint--bottom:before{top:100%;left:50%}.ppress-hint-wrap.hint--bottom:before{margin-top:-11px;left:calc(50% - 6px)}.ppress-hint-wrap.hint--bottom:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.ppress-hint-wrap.hint--bottom:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.ppress-hint-wrap.hint--bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.ppress-hint-wrap.hint--right:before{border-right-color:#383838;margin-left:-11px;margin-bottom:-6px}.ppress-hint-wrap.hint--right:after{margin-bottom:-14px;left:100%;bottom:50%}.ppress-hint-wrap.hint--right:before{left:100%;bottom:50%}.ppress-hint-wrap.hint--right:hover:after,.ppress-hint-wrap.hint--right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.ppress-hint-wrap.hint--left:before{border-left-color:#383838;margin-right:-11px;margin-bottom:-6px}.ppress-hint-wrap.hint--left:after{margin-bottom:-14px;right:100%;bottom:50%}.ppress-hint-wrap.hint--left:before{right:100%;bottom:50%}.ppress-hint-wrap.hint--left:hover:after,.ppress-hint-wrap.hint--left:hover:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.ppress-hint-wrap.hint--top-left:after,.ppress-hint-wrap.hint--top-left:before{bottom:100%;left:50%}.ppress-hint-wrap.hint--top-left:before{margin-bottom:-11px;left:calc(50% - 6px)}.ppress-hint-wrap.hint--top-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.ppress-hint-wrap.hint--top-left:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.ppress-hint-wrap.hint--top-left:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.ppress-hint-wrap.hint--top-right:after,.ppress-hint-wrap.hint--top-right:before{bottom:100%;left:50%}.ppress-hint-wrap.hint--top-right:before{margin-bottom:-11px;left:calc(50% - 6px)}.ppress-hint-wrap.hint--top-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.ppress-hint-wrap.hint--top-right:hover:after,.ppress-hint-wrap.hint--top-right:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.ppress-hint-wrap.hint--bottom-left:after,.ppress-hint-wrap.hint--bottom-left:before{top:100%;left:50%}.ppress-hint-wrap.hint--bottom-left:before{margin-top:-11px;left:calc(50% - 6px)}.ppress-hint-wrap.hint--bottom-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.ppress-hint-wrap.hint--bottom-left:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.ppress-hint-wrap.hint--bottom-left:hover:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.ppress-hint-wrap.hint--bottom-right:after,.ppress-hint-wrap.hint--bottom-right:before{top:100%;left:50%}.ppress-hint-wrap.hint--bottom-right:before{margin-top:-11px;left:calc(50% - 6px)}.ppress-hint-wrap.hint--bottom-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.ppress-hint-wrap.hint--bottom-right:hover:after,.ppress-hint-wrap.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.ppress-hint-wrap.hint--large:after,.ppress-hint-wrap.hint--medium:after,.ppress-hint-wrap.hint--small:after{white-space:normal;line-height:1.4em;word-wrap:break-word}.ppress-hint-wrap.hint--small:after{width:80px}.ppress-hint-wrap.hint--medium:after{width:150px}.ppress-hint-wrap.hint--large:after{width:300px}.ppress-hint-wrap.hint--error:after{background-color:#b34e4d;text-shadow:0-1px 0#592726}.ppress-hint-wrap.hint--error.ppress-hint-wrap.hint--top-left:before,.ppress-hint-wrap.hint--error.ppress-hint-wrap.hint--top-right:before,.ppress-hint-wrap.hint--error.ppress-hint-wrap.hint--top:before{border-top-color:#b34e4d}.ppress-hint-wrap.hint--error.ppress-hint-wrap.hint--bottom-left:before,.ppress-hint-wrap.hint--error.ppress-hint-wrap.hint--bottom-right:before,.ppress-hint-wrap.hint--error.ppress-hint-wrap.hint--bottom:before{border-bottom-color:#b34e4d}.ppress-hint-wrap.hint--error.ppress-hint-wrap.hint--left:before{border-left-color:#b34e4d}.ppress-hint-wrap.hint--error.ppress-hint-wrap.hint--right:before{border-right-color:#b34e4d}.ppress-hint-wrap.hint--warning:after{background-color:#c09854;text-shadow:0-1px 0#6c5328}.ppress-hint-wrap.hint--warning.ppress-hint-wrap.hint--top-left:before,.ppress-hint-wrap.hint--warning.ppress-hint-wrap.hint--top-right:before,.ppress-hint-wrap.hint--warning.ppress-hint-wrap.hint--top:before{border-top-color:#c09854}.ppress-hint-wrap.hint--warning.ppress-hint-wrap.hint--bottom-left:before,.ppress-hint-wrap.hint--warning.ppress-hint-wrap.hint--bottom-right:before,.ppress-hint-wrap.hint--warning.ppress-hint-wrap.hint--bottom:before{border-bottom-color:#c09854}.ppress-hint-wrap.hint--warning.ppress-hint-wrap.hint--left:before{border-left-color:#c09854}.ppress-hint-wrap.hint--warning.ppress-hint-wrap.hint--right:before{border-right-color:#c09854}.ppress-hint-wrap.hint--info:after{background-color:#3986ac;text-shadow:0-1px 0#1a3c4d}.ppress-hint-wrap.hint--info.ppress-hint-wrap.hint--top-left:before,.ppress-hint-wrap.hint--info.ppress-hint-wrap.hint--top-right:before,.ppress-hint-wrap.hint--info.ppress-hint-wrap.hint--top:before{border-top-color:#3986ac}.ppress-hint-wrap.hint--info.ppress-hint-wrap.hint--bottom-left:before,.ppress-hint-wrap.hint--info.ppress-hint-wrap.hint--bottom-right:before,.ppress-hint-wrap.hint--info.ppress-hint-wrap.hint--bottom:before{border-bottom-color:#3986ac}.ppress-hint-wrap.hint--info.ppress-hint-wrap.hint--left:before{border-left-color:#3986ac}.ppress-hint-wrap.hint--info.ppress-hint-wrap.hint--right:before{border-right-color:#3986ac}.ppress-hint-wrap.hint--success:after{background-color:#458746;text-shadow:0-1px 0#1a321a}.ppress-hint-wrap.hint--success.ppress-hint-wrap.hint--top-left:before,.ppress-hint-wrap.hint--success.ppress-hint-wrap.hint--top-right:before,.ppress-hint-wrap.hint--success.ppress-hint-wrap.hint--top:before{border-top-color:#458746}.ppress-hint-wrap.hint--success.ppress-hint-wrap.hint--bottom-left:before,.ppress-hint-wrap.hint--success.ppress-hint-wrap.hint--bottom-right:before,.ppress-hint-wrap.hint--success.ppress-hint-wrap.hint--bottom:before{border-bottom-color:#458746}.ppress-hint-wrap.hint--success.ppress-hint-wrap.hint--left:before{border-left-color:#458746}.ppress-hint-wrap.hint--success.ppress-hint-wrap.hint--right:before{border-right-color:#458746}.ppress-hint-wrap.hint--always:after,.ppress-hint-wrap.hint--always:before{opacity:1;visibility:visible}.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--top:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--top-left:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--top-left:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--top-right:after,.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--top-right:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--bottom:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--bottom-left:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--bottom-left:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--bottom-right:after,.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--bottom-right:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--left:after,.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--right:after,.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.ppress-hint-wrap.hint--rounded:after{border-radius:4px}.ppress-hint-wrap.hint--no-animate:after,.ppress-hint-wrap.hint--no-animate:before{-webkit-transition-duration:0s;-moz-transition-duration:0s;transition-duration:0s}.ppress-hint-wrap.hint--bounce:after,.ppress-hint-wrap.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}.ppress-hint-wrap.hint--no-shadow:after,.ppress-hint-wrap.hint--no-shadow:before{text-shadow:initial;box-shadow:initial}.ppress-checkout__form *{--ppress-heading-fs:22px;--ppress-body-fs:16px;--ppress-btn-color:#2563eb;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:var(--ppress-body-fs)}.ppress-checkout__form{margin:1px auto 10px;max-width:100%;width:100%;line-height:20px;position:relative}.ppress-checkout__form p{margin:0 0 5px;padding:0}.ppress-checkout__form .ppress-main-checkout-form__block .ppress-main-checkout-form__social_login_wrap{padding:5px}.ppress-checkout__form,.ppress-checkout__form .ppress-main-checkout-form__block .ppress-main-checkout-form__login_form_wrap{display:flex;flex-wrap:wrap}.ppress-checkout__form .ppress-main-checkout-form__block .ppress-main-checkout-form__logged_in_text_wrap{margin:5px 0 10px}.ppress-checkout__form .ppress-main-checkout-form__block .ppress-main-checkout-form__logged_in_text_wrap .ppress-main-checkout-form__block__item{border-radius:6px;background-color:#eff6ff;padding:14px 16px}.ppress-checkout__form .ppress-main-checkout-form__block .ppress-main-checkout-form__logged_in_text_wrap .ppress-main-checkout-form__block__item a,.ppress-checkout__form .ppress-main-checkout-form__block .ppress-main-checkout-form__logged_in_text_wrap .ppress-main-checkout-form__block__item p{font-size:14px;margin:0;line-height:20px}.ppress-checkout__form .ppress-main-checkout-form__block .ppress-main-checkout-form__login_form_wrap .ppress-main-checkout-form__block__item{margin-bottom:5px}.ppress-checkout__form .ppress-main-checkout-form__block .ppress-main-checkout-form__login_form_wrap .ppress-main-checkout-form__block__item:last-of-type{margin-bottom:15px}.ppress-checkout__form .ppress-main-checkout-form__block .ppress-main-checkout-form__login_form_wrap .ppress-main-checkout-form__block__item.ppress-login-submit-btn p{padding:0;margin:10px 0}.ppress-checkout__form .ppress-checkout-section.ppress-checkout_side_section{width:35%;order:2}.ppress-checkout__form .ppress-checkout-section.ppress-checkout_main{width:65%;order:1;padding:0 30px 0 0}.ppress-checkout__form .ppress-checkout_order_summary{border:1px solid #e5e7eb;border-radius:5px}.ppress-checkout__form .ppress-checkout_order_summary__plan_name{padding:10px 20px;font-size:var(--ppress-body-fs);font-weight:700;border-bottom:1px solid #e4e4e4}.ppress-checkout__form .ppress-checkout_order_summary__plan_price{font-weight:500;font-size:14px}.ppress-checkout__form .ppress-checkout_order_summary__bottom_details *{font-size:var(--ppress-body-fs)}.ppress-checkout__form .ppress-checkout_order_summary__bottom_details .checkout_order_summary__fee_structure__item dd a{font-size:14px;display:block;text-decoration:none;margin:0;padding:0}.ppress-checkout__form .checkout_order_summary__fee_structure__item dt .checkout_order_summary__fee_structure__item__trial_term{display:block;background:unset;margin-left:0;font-weight:600;padding-left:0}.ppress-checkout__form .ppress-checkout_order_summary__bottom_details{padding:10px 20px}.ppress-checkout__form .ppress-checkout_order_summary__plan_description{padding:20px;border-bottom:1px solid #e5e7eb;line-height:1.7;font-size:var(--ppress-body-fs)}.ppress-checkout__form .checkout_order_summary__fee_structure__item{display:flex;flex-wrap:nowrap;padding:5px 0;font-size:var(--ppress-body-fs)}.ppress-checkout__form .checkout_order_summary__fee_structure__item dt{width:60%;text-align:left}.ppress-checkout__form .checkout_order_summary__fee_structure__item dd{width:40%;text-align:right}.ppress-checkout__form .checkout_order_summary__fee_structure__item dt span{color:#4b5563;background-color:#e5e7eb;margin-left:5px;border-radius:9999px;letter-spacing:.35px;padding:2px 6px;font-size:12px}.ppress-checkout__form .ppress-main-checkout-form__block fieldset{margin:0;padding:0;border:0}.ppress-checkout__form .ppress-main-checkout-form__block .ppress-main-checkout-form__block__fieldset{border:0;margin:10px 0 0;padding:20px 0 0}.ppress-checkout__form .ppress-main-checkout-form__block .ppress-main-checkout-form__block__fieldset:first-of-type{border:0;margin-top:10px;padding-top:0}.ppress-checkout__form .ppress-main-checkout-form__block legend{border:0;color:#000;font-size:var(--ppress-heading-fs);font-weight:700;line-height:1.7;margin:0 0 15px;padding:0 5px;width:100%;background:0 0;position:static}.ppress-checkout__form .ppress-main-checkout-form__block legend span{font-size:var(--ppress-heading-fs)}.ppress-checkout__form .ppress-main-checkout-form__block a.ppress-checkout-show-login-form,.ppress-checkout__form a.ppress-checkout-show-login-form{cursor:pointer;float:right;font-size:14px;font-weight:400;line-height:35px;margin:0;padding:0;text-decoration:none;vertical-align:baseline}.ppress-checkout__form .ppress-checkout_order_summary__discount{margin:0 0 5px}.ppress-checkout__form .ppress-checkout_order_summary__discount p{font-size:14px}.ppress-checkout__form .ppress-checkout__link{cursor:pointer;font-size:14px;font-weight:400;line-height:35px;margin:10px 0;padding:0;text-decoration:none}.ppress-checkout__form .ppress-main-checkout-form__block .ppress-main-checkout-form__block__item{width:calc(100% - 5px);display:inline-block;padding:5px;margin-bottom:15px}.ppress-checkout__form .ppress-main-checkout-form__block__fieldset .ppress-main-checkout-form__login_form_wrap .ppress-main-checkout-form__block__item{margin-bottom:10px}.ppress-checkout-form__payment_method__content_wrap .ppress-main-checkout-form__block__item:first-of-type{margin-top:15px}.ppress-checkout__form .ppress-main-checkout-form__block__fieldset .ppress-main-checkout-form__block__item:last-of-type{margin-bottom:0}.ppress-checkout__form .ppress-required{color:rgb(239 68 68)}.ppress-checkout__form .ppress-main-checkout-form__block__item.ppress-co-half{width:calc(50% - 5px)}.ppress-checkout__form .ppress-main-checkout-form__block__item.ppress-two-third{width:calc(66.6666666667% - 5px)}.ppress-checkout__form .ppress-main-checkout-form__block__item.ppress-one-third{width:calc(33.3333333333% - 5px)}.ppress-checkout__form .ppress-main-checkout-form__block__item.ppress-expiry-date{width:calc(40% - 5px)}.ppress-checkout__form .ppress-main-checkout-form__block__item.ppress-cc-cvc{width:calc(60% - 5px)}.ppress-checkout__form .press-main-checkout-form__block__item__cc_expiry_date{display:flex;flex-wrap:wrap;width:100%}.ppress-checkout__form .press-main-checkout-form__block__item__cc_expiry_date select{width:calc(50% - 5px)!important;margin:0 5px 0 0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4MjgzNGQzMC03MmY4LTRkM2MtYTU4NC1lNzMzZDE1YjU2NzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzJGMzNGODgwRkI5MTFFN0E3NzQ5QUE3QTdEMENEQjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzJGMzNGODcwRkI5MTFFN0E3NzQ5QUE3QTdEMENEQjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMzAzN2MxMy01N2VhLTRiN2UtYjg3Yi04OGZhODk2NDYzZTgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMTI0MmMzNy1mZTljLTExNzktYWE3NC1kYzYxZWJhMDdhNDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ItaH1AAABFklEQVR42uzZuw3CMBAG4NhiAFiDAsahp0sqJOaghQ5mIkgwBmwQzlJAoLz8OCe29Z90urMb65MfjUVVVVkKIbNEAhBAAAEEEEAAoZjdyseG6olyEanhSZmL8npXzTzyDXnJRI6XVIhdApCdXK2XF2qKiBGFMojPiO5KTuUYIUI9VJn4nY0M80U0IBFh/hCtkAgwDUQnJGBMK6IXEiCmEzEICQjTi9CCBIAZRGhDJsRoIYwgE2C0EcaQETFGCCvICBhjhDXEI8YK4QTxgLFGOEMYMU4IFggDxhnBBnHAsCBYIRYYNgQ7xADDivAC0cCwI7xBejBeEF4hNWZL5VAP94Q4+1pL4FcXEEAAAQQQQAABxFu8BRgA2gaBhwO0rwAAAAAASUVORK5CYII=);background-position:right 20px center;background-repeat:no-repeat;background-size:10px auto}.ppress-checkout__form .press-main-checkout-form__block__item__cc_expiry_date select:last-of-type{margin-right:0}.ppress-checkout__form label.checkout_order_summary__discount__label{width:100%;line-height:20px}.ppress-checkout__form .checkout_order_summary__discount__field_wrap{margin-bottom:20px}.ppress-checkout__form .ppress-checkout-section .ppress-checkout-form__place_order_wrap{margin:20px 0 10px}.ppress-checkout__form .ppress-checkout-section #ppress-paypal-button-element{margin:16px 0 0}.ppress-checkout__form .ppress-checkout-section #ppress-stripe-card-element,.ppress-checkout__form .ppress-checkout-section input:not([type=checkbox]):not([type=radio]),.ppress-checkout__form .ppress-checkout-section select,.ppress-checkout__form .ppress-checkout-section textarea{width:100%;background-color:#fff;border:1px solid #d1d5db;padding:8px 12px;line-height:20px;border-radius:6px;box-shadow:0 0#0000,0 0#0000,0 1px 2px 0 rgba(0,0,0,.05);height:auto}.ppress-checkout__form .ppress-checkout-section #ppress-stripe-card-element{padding-top:10px;padding-bottom:10px}.ppress-checkout__form .ppress-checkout-section textarea{min-height:100px}.ppress-checkout__form .ppress-checkout-section.ppress-checkout_main input[type=submit]{padding:12px 16px;border-color:transparent;background:var(--ppress-btn-color);background-color:var(--ppress-btn-color);color:#fff;box-shadow:none;font-weight:500;text-align:center;-webkit-appearance:none;width:100%;height:auto;display:block}.ppress-checkout__form .ppress-checkout-section.ppress-checkout_main input[type=submit]:disabled{opacity:.65}.ppress-checkout__form .ppress-checkout-section input[type=checkbox],.ppress-checkout__form .ppress-checkout-section input[type=radio]{display:inline-block;vertical-align:middle;border:1px solid #d1d5db;height:16px;width:16px;color:#4f46e5;padding:0 5px;margin:0}.ppress-checkout__form .ppress-checkout-section input[type=radio]{border-radius:100%}.ppress-checkout__form .ppress-checkout-section input[type=checkbox]{border-radius:0;cursor:pointer}.ppress-checkout__form .ppress-checkout-section #ppress-stripe-card-element:focus,.ppress-checkout__form .ppress-checkout-section input:not([type=checkbox]):not([type=radio]):focus,.ppress-checkout__form .ppress-checkout-section textarea:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 0#fff,0 0 0 calc(1px + 0px) var(--ppress-btn-color),0 0#0000;border-color:#2563eb}.ppress-checkout__form .ppress-checkout-section input[type=submit]:hover{filter:brightness(85%)}.ppress-checkout__form .ppress-checkout-section label{font-weight:500;display:block;line-height:25px;vertical-align:baseline}.ppress-checkout__form .ppress-checkout-section .pp-checkbox-wrap label,.ppress-checkout__form .ppress-checkout-section .pp-radio-wrap label{display:inline-block}.ppress-checkout__form .ppress-checkout-section .pp-checkbox-wrap .ppress-checkout-field__input,.ppress-checkout__form .ppress-checkout-section .pp-radio-wrap .ppress-checkout-field__input{margin-right:5px}.ppress-checkout__form .checkout_order_summary__discount__field_wrap input[type=text].checkout_order_summary__discount__input{width:68%;display:inline-block}.ppress-checkout__form .ppress-checkout-section input[type=submit].ppress-apply-discount-btn{width:25%;margin-left:10px;border:0;border-radius:6px;padding:8px 15px;font-size:14px;line-height:20px;font-weight:500;display:inline-block;color:#4b5563;background-color:#d1d5db}.ppress-checkout__form .ppress-checkout_charge_details{padding:10px 20px}.ppress-checkout__form .ppress-checkout_charge_details span{font-weight:700}.ppress-checkout__form .ppress-checkout-form__payment_methods_wrap{border:1px solid #ddd;border-radius:5px;line-height:1;list-style:none;overflow:visible;padding:0;margin:5px 0 0}.ppress-checkout__form .ppress-checkout-form__payment_method{border-top:1px solid #ddd;padding:0}.ppress-checkout__form .ppress-checkout-form__payment_method:first-of-type{border-top:none;border-bottom:none}.ppress-checkout__form .ppress-checkout-form__payment_method__title_wrap{background:#fff;margin:0;padding:16px 8px}.ppress-checkout__form .ppress-checkout-form__payment_method__title_wrap:first-of-type{border-top-left-radius:5px;border-top-right-radius:5px}.ppress-checkout__form .ppress-checkout-form__payment_method:last-of-type .ppress-checkout-form__payment_method__content_wrap,.ppress-checkout__form .ppress-checkout-form__payment_method:last-of-type .ppress-checkout-form__payment_method__title_wrap{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.ppress-checkout__form .ppress-checkout-section .ppress-checkout-form__payment_method__title_wrap label{display:inline-block;padding-left:5px;padding-top:2px;position:relative;cursor:pointer;width:calc(100% - 30px);line-height:1;margin:0}.ppress-checkout__form .ppress-checkout-form__payment_method__icons{position:absolute;right:20px;top:-5px}.ppress-checkout__form .ppress-checkout-form__payment_method__icons img,.ppress-checkout__form .ppress-checkout-form__payment_method__icons svg{max-height:22px}.ppress-checkout__form .ppress-checkout-form__payment_method .ppress-checkout-form__payment_method__content_wrap p{padding:0 5px;font-size:14px;line-height:1.25;margin:0!important}.ppress-checkout__form .ppress-checkout-form__payment_method .ppress-checkout-form__payment_method__content_wrap{background:#f4f4f4;border-top:1px solid #ddd;margin:0!important;padding:20px 10px;display:none}.ppress-checkout__form .ppress-checkout-form__payment_method .ppress-checkout-form__payment_method__title_wrap input[type=radio]{vertical-align:bottom}.ppress-checkout__form .ppress-checkout-form__payment_method.ppress-active .ppress-checkout-form__payment_method__content_wrap{display:block}.pp-form-wrapper.ppress-default-profile .pp-user-post-item h3.pp-post-item-head,.ppress-checkout__form .ppress-checkout-form__payment_method__content_wrap label{line-height:20px}.ppress-checkout__form .ppress-checkout-form__payment_method__content_wrap .ppress-checkout-form__payment_method__heading{padding:10px 5px;margin:15px 0;font-size:var(--ppress-body-fs);font-weight:700;border-bottom:1px solid #e4e4e4}.ppress-checkout__form .ppress-checkout-form__before_button_wrap,.ppress-checkout__form .ppress-checkout-form__terms_condition_wrap{margin:0;border:0;padding:40px 0 0}.ppress-checkout__form .ppress-checkout-form__terms_condition_wrap+.ppress-checkout-form__before_button_wrap{padding-top:0}.ppress-checkout__form .ppress-checkout-form__before_button_wrap .ppress-checkout-form__before_button__checkbox__label span,.ppress-checkout__form .ppress-checkout-form__terms_condition_wrap .ppress-checkout-form__terms_condition__checkbox__label span{vertical-align:middle}.ppress-checkout__form .ppress-checkout-form__terms_condition__content{border:1px solid #e5e7eb;padding:20px;max-height:200px;overflow:auto;border-radius:6px;display:none;margin:0 0 20px}.ppress-checkout__form .ppress-checkout-form__before_button__checkbox_wrap,.ppress-checkout__form .ppress-checkout-form__terms_condition__checkbox_wrap{margin:0 0 20px}.ppress-checkout__form .ppress-checkout__form__preloader{position:absolute;top:0;width:100%;height:100%;background:rgba(250,250,250,.9);z-index:99995}.ppress-checkout__form .ppress-checkout__form__spinner{display:block;width:85px;height:85px;top:40%;right:50%;text-align:center;margin:auto;position:fixed}.ppress-checkout__form .ppress-checkout__form__spinner:after{content:" ";display:block;width:70px;height:70px;margin:8px;border-radius:50%;border:6px solid #212529;border-color:#212529 transparent;animation:ppress-dual-ring 1.2s linear infinite}.ppress-checkout__form .ppress-alert,.ppress-checkout__form .ppress-checkout-alert{width:100%;padding:12px 16px;border-radius:6px;margin:10px 0}.ppress-checkout__form .ppress-alert ul,.ppress-checkout__form .ppress-checkout-alert ul{margin:0 0 0 16px;padding:0;list-style-type:disc}.ppress-checkout__form .ppress-alert li,.ppress-checkout__form .ppress-checkout-alert li{font-size:var(--ppress-body-fs);font-weight:400;margin:0!important;padding:0!important;line-height:22px}.ppress-checkout__form .ppress-alert li strong,.ppress-checkout__form .ppress-alert p,.ppress-checkout__form .ppress-checkout-alert li strong,.ppress-checkout__form .ppress-checkout-alert p{font-size:var(--ppress-body-fs);margin:0!important;padding:0!important;line-height:22px}.ppress-checkout__form .ppress-alert li strong,.ppress-checkout__form .ppress-checkout-alert li strong{font-weight:700}.ppress-checkout__form .ppress-alert.ppress-error,.ppress-checkout__form .ppress-checkout-alert.ppress-error{background-color:#fef2f2;color:#b91c1c}.ppress-checkout__form .ppress-alert.ppress-success,.ppress-checkout__form .ppress-checkout-alert.ppress-success{background-color:#ecfdf5;color:#065f46}.ppress-alert.ppress-warning,.ppress-checkout-alert.ppress-warning{border-left:4px solid rgb(250 204 21);border-radius:0;background-color:rgb(254 252 232);color:rgb(161 98 7)}.ppress-checkout__form .ppress-alert p,.ppress-checkout__form .ppress-checkout-alert p{font-weight:500}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fda-reveal .pp-form-field-description,.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fda-reveal .ppress-hint-tooltip,.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fda-standard .ppress-hint-tooltip,.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fda-tooltip .pp-form-field-description,.ppress-checkout__form .ppress-checkout_order_summary #ppress-checkout-coupon-code-wrap{display:none}.ppress-main-checkout-form__block__fieldset .ppress-main-checkout-form__block__group_selector_label{display:flex!important;padding:24px;background-color:#fff;border-radius:8px;border:1px solid #e5e7eb;cursor:pointer;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.ppress-main-checkout-form__block__fieldset .ppress-main-checkout-form__block__group_selector__span_wrap{display:flex;align-items:center;padding-left:10px}.ppress-main-checkout-form__block__fieldset .ppress-main-checkout-form__block__group_selector__span{display:flex;font-size:1rem;line-height:20px;flex-direction:column}.ppress-main-checkout-form__block__fieldset .ppress-main-checkout-form__block__group_selector__title{font-weight:500}.ppress-main-checkout-form__block__fieldset .ppress-main-checkout-form__block__group_selector__price_wrap{display:flex;margin-top:0;font-size:1rem;line-height:20px;margin-left:auto;order:2}.ppress-main-checkout-form__block__fieldset .ppress-main-checkout-form__block__group_selector__price_amount{font-weight:500}.ppress-main-checkout-form__block__fieldset .ppress-main-checkout-form__block__group_selector__price_duration{margin-left:4px}.ppress-main-checkout-form__block__fieldset .ppress-main-checkout-form__block__group_selector_label:not(:first-child){margin-top:16px;margin-bottom:0}.ppress-main-checkout-form__block__fieldset .ppress-main-checkout-form__block__group_selector_label input[type=radio]{height:auto!important}.ppress-main-checkout-form__block__fieldset .ppress-main-checkout-form__block__group_selector_label:has(input[type=radio]:checked){border-width:2.5px}.ppress-checkout__form.ppressui340 .ppress-checkout-section.ppress-checkout_main,.ppress-checkout__form.ppressui340 .ppress-checkout-section.ppress-checkout_side_section,.ppress-checkout__form.ppressui500 .ppress-checkout-section.ppress-checkout_main,.ppress-checkout__form.ppressui500 .ppress-checkout-section.ppress-checkout_side_section,.ppress-checkout__form.ppressui768 .ppress-checkout-section.ppress-checkout_main,.ppress-checkout__form.ppressui768 .ppress-checkout-section.ppress-checkout_side_section,.ppress-checkout__form.ppressui800 .ppress-checkout-section.ppress-checkout_main,.ppress-checkout__form.ppressui800 .ppress-checkout-section.ppress-checkout_side_section,.ppress-checkout__form.ppressui960 .ppress-checkout-section.ppress-checkout_main,.ppress-checkout__form.ppressui960 .ppress-checkout-section.ppress-checkout_side_section{width:100%}.ppress-checkout__form.ppressui340 .ppress-checkout-section.ppress-checkout_side_section,.ppress-checkout__form.ppressui500 .ppress-checkout-section.ppress-checkout_side_section,.ppress-checkout__form.ppressui768 .ppress-checkout-section.ppress-checkout_side_section,.ppress-checkout__form.ppressui800 .ppress-checkout-section.ppress-checkout_side_section,.ppress-checkout__form.ppressui960 .ppress-checkout-section.ppress-checkout_side_section{order:1;margin-bottom:15px}.ppress-checkout__form.ppressui340 .ppress-checkout-section.ppress-checkout_main,.ppress-checkout__form.ppressui500 .ppress-checkout-section.ppress-checkout_main,.ppress-checkout__form.ppressui768 .ppress-checkout-section.ppress-checkout_main,.ppress-checkout__form.ppressui800 .ppress-checkout-section.ppress-checkout_main,.ppress-checkout__form.ppressui960 .ppress-checkout-section.ppress-checkout_main{order:2;padding-right:0}.ppress-checkout__form.ppressui340 .ppress-main-checkout-form__block .ppress-main-checkout-form__block__item,.ppress-checkout__form.ppressui500 .ppress-main-checkout-form__block .ppress-main-checkout-form__block__item,.ppress-checkout__form.ppressui768 .ppress-main-checkout-form__block .ppress-main-checkout-form__block__item{width:100%}.profilepress-myaccount-orders-subs,.profilepress-myaccount-orders-subs *{font-family:Inter var,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.profilepress-myaccount-orders-subs .ppress-my-account-order-sub-wrap{box-shadow:transparent 0 0 0 0,transparent 0 0 0 0,rgba(0,0,0,.05)0 1px 2px 0;border-radius:8px;border:1px solid rgb(229 231 235);margin-top:16px}.ppress-details-table p:first-child,.profilepress-myaccount-orders-subs .ppress-my-account-order-sub-wrap:first-child{margin-top:0}.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-body-content-header p{margin-bottom:8px}.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header-wrap{padding:16px;border-color:rgb(229 231 235);display:grid;column-gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid rgb(229 231 235)}.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--details{display:grid;column-gap:16px;margin:0;font-size:14px;line-height:20px;grid-template-columns:auto auto auto;grid-column:span 2/span 2}.profilepress-myaccount-orders-subs .ppress-my-account-order-sub-header--actions a:not(a:first-child){margin-left:8px}.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--details dt{margin:0;font-weight:500;font-size:14px}.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--details dd{margin:4px 0 0}.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--actions{justify-content:flex-end;display:flex;grid-column:span 2/span 2;align-items:center}.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--actions a,.profilepress-myaccount-orders-subs a.ppress-myac-action{box-shadow:transparent 0 0 0 0,transparent 0 0 0 0,rgba(0,0,0,.05)0 1px 2px 0;font-weight:500;font-size:14px;padding:6px 8px;border:1px solid rgb(209 213 219);border-radius:6px;justify-content:center;display:flex;align-items:center;text-decoration:inherit}.profilepress-myaccount-orders-subs a.ppress-myac-action{display:inline-block;margin-right:5px}.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-body-content{padding:16px;align-items:flex-start;flex:1 1 0%;font-size:14px;line-height:20px}.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-body-content-header{font-weight:500;display:flex;justify-content:space-between}.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-product-name{font-weight:500;font-size:14px}.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap p.ppress-my-account-order-sub-product-price{margin-top:0!important}.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-body-content p{margin:8px 0 0;display:block}.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-body-wrap{display:flex;align-items:flex-start}.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--details dd span{border-radius:6px;color:rgb(31 41 55);background-color:rgb(243 244 246);padding:4px 8px;margin:0;font-weight:500;font-size:12px}.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--details .active span,.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--details .completed span,.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--details .trialling span{background-color:rgb(220 252 231);color:rgb(22 101 52)}.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--details .cancelled span,.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--details .expired span,.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--details .refunded span{background-color:rgb(254 226 226);color:rgb(153 27 27)}.profilepress-myaccount-orders-subs .ppress-myac-pagination-wrap{padding:10px 0;text-align:right}.profilepress-myaccount-orders-subs .ppress-myac-pagination-wrap .page-numbers{border:1px solid rgb(209 213 219);padding:8px 16px;font-size:14px;line-height:20px}.profilepress-myaccount-orders-subs .ppress-myac-pagination-wrap .page-numbers.current{background-color:#eeeeec;color:rgb(107 114 128)}.profilepress-myaccount-orders-subs .ppress-myac-pagination-wrap .ppress-material-icons{vertical-align:middle;margin:0}table.ppress-details-table{text-indent:0;border-color:inherit;border-collapse:collapse;border-spacing:0;width:100%;table-layout:fixed;box-shadow:transparent 0 0 0 0,transparent 0 0 0 0,rgba(0,0,0,.05)0 1px 2px 0}.ppress-details-table thead{background-color:rgb(249 250 251)}.ppress-details-table thead tr th{padding:14px 12px;text-align:left;font-size:16px;line-height:20px;font-weight:600;background-color:rgb(249 250 251)}.ppress-details-table thead th,.ppress-details-table tr td{padding:16px;border:1px solid rgb(229 231 235)}.ppress-details-table thead th{text-align:left;background:rgb(229 231 235);vertical-align:bottom}.ppress-details-table-wrap .ppress-details-table tr:nth-of-type(odd){background-color:rgb(249 250 251)}.ppress-details-table tr td:first-child{font-weight:700}.ppress-details-table td:last-child{width:70%}.ppress-details-table p{margin:5px 0 0}.ppress-details-table .ppress-billing-title{font-weight:500}.ppress-details-table .ppress-sub-info{color:#4b5563;background-color:#e5e7eb;margin-left:5px;border-radius:9999px;padding:4px 8px;font-size:14px}@font-face{font-family:"Material Icons";font-style:normal;font-weight:400;src:local("Material Icons"),local("MaterialIcons-Regular"),url(https://santenreader.com/wp-content/plugins/wp-user-avatar/assets/css/material-icons/MaterialIcons-Regular.woff2)format("woff2"),url(https://santenreader.com/wp-content/plugins/wp-user-avatar/assets/css/material-icons/MaterialIcons-Regular.woff)format("woff")}#profilepress-myaccount-wrapper .ppmyac-icons,.pp-form-field-wrap .pp-form-material-icons,.ppress-material-icons{font-family:"Material Icons"!important;font-weight:400;font-style:normal;font-size:20px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.flatpickr-current-month .flatpickr-monthDropdown-months{display:inline-block!important}.pp-tab-widget-avatar img{display:block;border-radius:50%;height:190px;margin:0 auto 10px!important;padding:2px;text-align:center;width:190px;float:none!important}.pp-user-panel{border-radius:6px;text-align:center}.pp-user-panel-title{font-size:20px;margin:0}.pp-user-panel p{font-size:15px;margin-bottom:23px}.pp-tabbed-btn{border:0;font-size:15px;font-weight:400;line-height:1.4;border-radius:4px;padding:10px 15px;-webkit-font-smoothing:subpixel-antialiased;-webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;transition:border .25s linear,color .25s linear,background-color .25s linear}.pp-tabbed-btn-inverse{color:#fff!important;background-color:#34495e}.pp-password-reset-handler-wrap .pp-reset-password-form{padding:40px;max-width:500px;margin-top:5px;margin-bottom:5px}.pp-password-reset-handler-wrap .pp-reset-password-form h3{color:#444;font-weight:300;margin:0 auto 40px}.pp-password-reset-handler-wrap .pp-reset-password-form label{color:#444;font-size:15px}.pp-password-reset-handler-wrap .pp-reset-password-form label .req{margin:2px;color:red}.pp-password-reset-handler-wrap .pp-reset-password-form label.active .req{opacity:0}.pp-password-reset-handler-wrap .pp-reset-password-form input{font-size:22px;display:block;width:100%;box-sizing:border-box;height:auto;padding:5px 10px;background:0 0;margin-bottom:40px;border:1px solid #a0b3b0;border-radius:0;-webkit-transition:border-color .25s ease,box-shadow .25s ease;transition:border-color .25s ease,box-shadow .25s ease}.pp-password-reset-handler-wrap .pp-reset-password-form input:focus{outline:0;border-color:#1ab188}.pp-password-reset-handler-wrap .pp-reset-password-form .pp-reset-button{border:0;outline:0;border-radius:0;padding:15px 0;font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;background:#1ab188;color:#fff;-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-appearance:none;text-shadow:none;box-shadow:none}.pp-password-reset-handler-wrap .pp-reset-password-form .pp-reset-button:focus,.pp-password-reset-handler-wrap .pp-reset-password-form .pp-reset-button:hover{background:#179b77}.pp-password-reset-handler-wrap .pp-reset-password-form .pp-reset-button-block{display:block;width:100%}.pp-password-reset-handler-wrap .profilepress-reset-status{margin-left:40px;max-width:420px}#pp-pass-strength-result{background-color:#eee;border:1px solid #ddd;color:#23282d;padding:3px 5px;text-align:center;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#pp-pass-strength-result.short{background-color:#f1adad;border-color:#e35b5b;opacity:1}#pp-pass-strength-result.bad{background-color:#fbc5a9;border-color:#f78b53;opacity:1}#pp-pass-strength-result.good{background-color:#ffe399;border-color:#ffc733;opacity:1}#pp-pass-strength-result.strong{background-color:#c1e1b9;border-color:#83c373;opacity:1}.pp-form-wrapper .pp-form-label-wrap .pp-form-required-label{color:red;font-weight:400}.pp-form-wrapper input[type=checkbox],.pp-form-wrapper input[type=radio]{cursor:pointer}.pp-form-wrapper p{margin:0 0 5px!important;padding:0!important}.pp-form-wrapper input[type=datetime],.pp-form-wrapper input[type=email],.pp-form-wrapper input[type=number],.pp-form-wrapper input[type=password],.pp-form-wrapper input[type=search],.pp-form-wrapper input[type=tel],.pp-form-wrapper input[type=text],.pp-form-wrapper input[type=url],.pp-form-wrapper select,.pp-form-wrapper textarea{-webkit-appearance:none;width:100%;background:#fff;border:1px solid #dedee5;padding:13px 15px;outline:0;line-height:1}.pp-form-wrapper select{background-image:url(//santenreader.com/wp-content/plugins/wp-user-avatar/assets/images/frontend/arrow-down.png)!important;background-position:right 20px center!important;background-repeat:no-repeat!important;background-size:10px auto!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.pp-form-wrapper .pp-form-label-wrap{margin:0 0 4px;padding:0}.pp-form-wrapper .pp-form-label{font-size:14px;text-transform:none;text-align:left;font-weight:400;font-style:normal;float:none;line-height:1.3;margin:0;padding:0;width:auto;display:inline;cursor:pointer}.pp-form-wrapper .pp-checkbox-wrap,.pp-form-wrapper .pp-radio-wrap{display:block;text-align:left;line-height:normal;margin:5px 0;padding:0}.pp-form-wrapper .pp-checkbox-wrap label,.pp-form-wrapper .pp-radio-wrap label{margin-left:5px}.pp-form-wrapper input[type=checkbox],.pp-form-wrapper input[type=radio]{border:1px solid #ccc;background-color:#fff;width:14px!important;height:14px!important;display:inline-block;vertical-align:baseline}.pp-form-wrapper .ppress-pf-profile-connect{padding:5px 0 10px}.pp-form-wrapper a.ppress-pf-social-icon{width:100%;height:100%;display:inline}.pp-form-wrapper .ppress-pf-social-icon svg{vertical-align:middle;width:40px;height:40px}.pp-form-wrapper .ppress-pf-social-icon.dpf-bluesky svg,.pp-form-wrapper .ppress-pf-social-icon.dpf-github svg,.pp-form-wrapper .ppress-pf-social-icon.dpf-instagram svg,.pp-form-wrapper .ppress-pf-social-icon.dpf-pinterest svg,.pp-form-wrapper .ppress-pf-social-icon.dpf-threads svg{padding:3px}a.pp-button-social-login:focus{outline-color:transparent}a.pp-button-social-login:focus .ppsc,a.pp-button-social-login:hover .ppsc{background-color:rgba(255,255,255,.75)}a.pp-button-social-login:visited{color:#fff}a.pp-button-social-login,a.pp-button-social-login .ppsc{display:inline-block;font-size:100%;height:2.5em;padding:0}a.pp-button-social-login{position:relative;vertical-align:middle;line-height:2.5em;font-family:inherit;font-weight:700;overflow:hidden;white-space:nowrap;border:1px solid #333;color:#fff!important;background:#333;margin:6px 0;border-radius:2px;box-sizing:content-box;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.1);text-decoration:none!important;min-width:220px}a.pp-button-social-login .ppsc{font-style:normal;font-weight:400;text-decoration:none;text-transform:none;vertical-align:top;text-align:center;width:2.5em;background-color:#fff;background-repeat:no-repeat;background-position:50%;background-size:1.8em 1.8em;border-top-left-radius:1px;border-bottom-left-radius:1px;-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;position:absolute;left:0;margin:0}a.pp-button-social-login span.ppsc-text{margin-left:40px;padding:.5em;color:#fff!important}a.pp-button-social-login .ppsc-google{background-image:url(//santenreader.com/wp-content/plugins/wp-user-avatar/assets/images/social-login/google.svg)}a.pp-button-social-login.pp-button-social-login-google{background:#4285f4;border-color:#4285f4}a.pp-button-social-login.pp-button-social-login-facebook{background:#3b5998;border-color:#3b5998}a.pp-button-social-login.pp-button-social-login-twitter{background:#000;border-color:#000}a.pp-button-social-login.pp-button-social-login-linkedin{background:#0077b5;border-color:#0077b5}a.pp-button-social-login.pp-button-social-login-microsoft{background:#404040;border-color:#404040}a.pp-button-social-login.pp-button-social-login-amazon{background:#f9991d;border-color:#f9991d}a.pp-button-social-login.pp-button-social-login-vk{background:#4a76a8;border-color:#4a76a8}a.pp-button-social-login.pp-button-social-login-wordpresscom{background:#0675c4;border-color:#0675c4}a.pp-button-social-login.pp-button-social-login-yahoo{background:#430297;border-color:#430297}a.pp-button-social-login.pp-button-social-login-github{background:#24292e;border-color:#24292e}a.pp-button-social-login .ppsc-vk{background-image:url(//santenreader.com/wp-content/plugins/wp-user-avatar/assets/images/social-login/vk-fa.svg)}a.pp-button-social-login .ppsc-microsoft{background-image:url(//santenreader.com/wp-content/plugins/wp-user-avatar/assets/images/social-login/microsoft.svg)}a.pp-button-social-login .ppsc-amazon{background-image:url(//santenreader.com/wp-content/plugins/wp-user-avatar/assets/images/social-login/amazon.svg)}a.pp-button-social-login .ppsc-yahoo{background-image:url(//santenreader.com/wp-content/plugins/wp-user-avatar/assets/images/social-login/yahoo.svg)}a.pp-button-social-login .ppsc-wordpresscom{background-image:url(//santenreader.com/wp-content/plugins/wp-user-avatar/assets/images/social-login/wpcom.svg)}a.pp-button-social-login .ppsc-facebook{background-image:url(//santenreader.com/wp-content/plugins/wp-user-avatar/assets/images/social-login/facebook.svg)}a.pp-button-social-login .ppsc-twitter{background-image:url(//santenreader.com/wp-content/plugins/wp-user-avatar/assets/images/social-login/x.svg)}a.pp-button-social-login .ppsc-linkedin{background-image:url(//santenreader.com/wp-content/plugins/wp-user-avatar/assets/images/social-login/linkedin.svg)}a.pp-button-social-login .ppsc-github{background-image:url(//santenreader.com/wp-content/plugins/wp-user-avatar/assets/images/social-login/github-fa.svg)}#profilepress-myaccount-wrapper,#profilepress-myaccount-wrapper *,#profilepress-myaccount-wrapper ::after,#profilepress-myaccount-wrapper ::before,.pp-form-container *,.pp-form-container .pp-form-wrapper,.pp-form-container .pp-form-wrapper *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material .pp-form-field-wrap span.select2-selection.select2-selection--multiple,html .pp-form-container .select2 input.select2-search__field{border:0!important}.pp-form-container form input[type=submit]{-webkit-appearance:none!important;cursor:pointer;text-shadow:none}.pp-form-container form{margin:0;padding:0;background-color:transparent}.woocommerce .woocommerce-MyAccount-content .pp-form-container{margin-right:0!important;margin-left:0!important}.pp-form-container form input,.pp-form-container form select,.pp-form-container form textarea{outline:0;background-image:none;height:auto;float:none;position:static;box-shadow:none;text-shadow:none;text-transform:none;text-decoration:none;resize:vertical}.pp-form-container form p{margin:0 0 .5em}.pp-form-container form input[type=submit]:focus{outline:0}.pp-form-container .pp-user-avatar{border-radius:50%!important;display:block!important;margin:0 auto 10px!important;text-align:center!important}.pp-form-container img.pp-user-cover-image{width:100%!important;height:auto!important}#profilepress-myaccount-wrapper .profilepress-myaccount-content input[type=checkbox],#profilepress-myaccount-wrapper .profilepress-myaccount-content input[type=radio],.pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=checkbox],.pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=radio]{border:1px solid #7e8993!important;border-radius:4px!important;background:#fff!important;color:#555!important;clear:none!important;cursor:pointer!important;display:inline-block!important;line-height:0!important;margin:0!important;outline:0!important;padding:0!important;text-align:center!important;vertical-align:middle!important;-webkit-appearance:none!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)!important;transition:.05s border-color ease-in-out!important;width:16px!important;height:16px!important}#profilepress-myaccount-wrapper .profilepress-myaccount-content input[type=radio],.pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=checkbox],.pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=radio]{border-radius:50%!important}.pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=checkbox],.pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=radio]{border-radius:4px!important}.pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=radio]{border-radius:50%!important}#profilepress-myaccount-wrapper .profilepress-myaccount-content input[type=checkbox]:checked::before,.pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=checkbox]:checked::before{content:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E)!important;margin:-3px 0 0-4px!important;width:20px!important;height:20px!important;position:static}#profilepress-myaccount-wrapper .profilepress-myaccount-content input[type=radio]:checked::before,.pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=radio]:checked::before{content:"";border-radius:50%!important;margin:3px!important;background-color:#000!important;line-height:1.14285714!important;width:8px!important;height:8px!important}#profilepress-myaccount-wrapper .profilepress-myaccount-content input[type=checkbox]:checked::before,#profilepress-myaccount-wrapper .profilepress-myaccount-content input[type=radio]:checked::before,.pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=checkbox]:checked::before,.pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type=radio]:checked::before{float:left!important;display:inline-block!important;vertical-align:middle!important;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pp-form-container .pp-form-wrapper.ppBuildScratch,.pp-form-container .pp-form-wrapper.ppBuildScratch *{font-family:"Merriweather",sans-serif}.pp-form-container .pp-form-wrapper.ppBuildScratch .ppbs-headline{font-weight:700;font-size:20px;margin-bottom:1em;margin-top:0;text-align:center;margin-right:6.387%}.pp-form-container .pp-form-wrapper.ppBuildScratch h1,.pp-form-container .pp-form-wrapper.ppBuildScratch h2,.pp-form-container .pp-form-wrapper.ppBuildScratch h3,.pp-form-container .pp-form-wrapper.ppBuildScratch h4{font-weight:700;font-size:20px;margin-bottom:1em;margin-top:1em}.pp-form-container .pp-form-wrapper.ppBuildScratch input:disabled{opacity:.5}.pp-form-container .pp-form-wrapper.ppBuildScratch{max-width:100%;width:100%;padding:6%0 6% 6%;background:#fff;color:#222;font-size:14px;position:relative;box-shadow:0 0 0 .5px rgba(0,20,40,.1),0 2px 8px 0 rgba(50,55,90,.2);border-radius:3px;margin:0 auto}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppf-remove-frame{box-shadow:none;border-radius:0}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap{padding:0 6.387% 4%0;display:inline-block;width:100%;vertical-align:top}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-submit-button-wrap{display:inline-block;width:100%;vertical-align:top;padding:0 6.387%0 0}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap .pp-form-label-wrap{margin:0 0 5px;padding:0}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fda-reveal .pp-form-field-input-textarea-wrap .pp-form-field:focus~.pp-form-field-description{display:block}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fda-tooltip .ppress-hint-tooltip{display:inline;font-weight:400}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fda-tooltip .ppress-hint-tooltip .pp-form-material-icons{position:relative;margin:0;padding:0;font-size:110%;display:inline;vertical-align:top}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fld-inside{position:relative}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fld-inside .pp-form-label-wrap{position:absolute;top:5px;left:15px;z-index:2}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material .pp-form-field-wrap.fld-inside .pp-form-label-wrap{left:0!important}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fld-inside .pp-form-field-input-textarea-wrap .pp-form-field{padding-top:18px;padding-bottom:2px}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-medium .pp-form-field-wrap.fld-inside .pp-form-field-input-textarea-wrap .pp-form-field{padding-top:23px;padding-bottom:7px}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-large .pp-form-field-wrap.fld-inside .pp-form-field-input-textarea-wrap .pp-form-field{padding-top:30px;padding-bottom:10px}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fw-half{width:50%}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fw-third{width:33.3333333333%}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap input:not([type=radio]):not([type=checkbox]),.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap select,.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap textarea{border:1px solid #dbdbdb;font-size:14px;padding:10px 15px;-webkit-transition:all .35s;transition:all .35s;background:#fff;color:#69717a;width:100%;border-radius:0;line-height:1.3;min-height:40px;display:inline-block;margin:0}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap textarea{height:100px;overflow:auto}.pp-form-field-wrap .pp-form-material-icons{width:24px;height:24px;position:absolute;right:0;top:0;cursor:text;margin:8px 12px 0 0}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfia-right .pp-form-field-wrap.field-has-icon input,.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfia-right .pp-form-field-wrap.field-has-icon textarea{padding-right:40px}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfia-left .pp-form-field-wrap.field-has-icon input,.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfia-left .pp-form-field-wrap.field-has-icon textarea{padding-left:40px}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material.ppfia-left .pp-form-field-wrap.field-has-icon input,.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material.ppfia-left .pp-form-field-wrap.field-has-icon textarea{padding-left:30px!important}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material.ppfia-right .pp-form-field-wrap.field-has-icon input,.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material.ppfia-right .pp-form-field-wrap.field-has-icon textarea{padding-right:30px!important}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfia-left .pp-form-field-wrap .pp-form-material-icons{left:0;margin-left:12px}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material.ppfia-left .pp-form-field-wrap .pp-form-material-icons{left:0!important;margin-left:0!important}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material.ppfia-right .pp-form-field-wrap .pp-form-material-icons{margin-right:0!important}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-medium .pp-form-field-wrap .pp-form-material-icons{margin-top:10px}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-large .pp-form-field-wrap .pp-form-material-icons{margin-top:18px}.pp-form-container .pp-form-wrapper.ppBuildScratch .has-password-visibility-icon .pp-form-material-icons{cursor:pointer}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-pill .pp-form-field-wrap input:not([type=radio]):not([type=checkbox]),.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-pill .pp-form-field-wrap select,.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-pill .pp-form-field-wrap textarea{border-radius:25px!important}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-round .pp-form-field-wrap input:not([type=radio]):not([type=checkbox]),.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-round .pp-form-field-wrap select,.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-round .pp-form-field-wrap textarea{border-radius:6px!important}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material .pp-form-field-wrap .select2.select2-container,.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material .pp-form-field-wrap input:not([type=radio]):not([type=checkbox]),.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material .pp-form-field-wrap select,.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material .pp-form-field-wrap textarea{border:0!important;border-bottom:1px solid #dbdbdb!important;padding-left:0!important}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material .pp-form-field-wrap input[type=text]:focus,.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material .pp-form-field-wrap select:focus,.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-material .pp-form-field-wrap textarea:focus{border-top:0!important;border-right:0!important;border-left:0!important;box-shadow:none!important}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-flat .pp-form-field-wrap .select2-selection,.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-flat .pp-form-field-wrap input:not([type=radio]):not([type=checkbox]),.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-flat .pp-form-field-wrap select,.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfl-flat .pp-form-field-wrap textarea{border:0!important;background:#f7f7f7!important}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-medium .pp-form-field-wrap input,.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-medium .pp-form-field-wrap select{padding-top:15px;padding-bottom:15px}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-medium .pp-form-field-wrap textarea{height:150px}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-large .pp-form-field-wrap input,.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-large .pp-form-field-wrap select{padding-top:20px;padding-bottom:20px}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-large .pp-form-field-wrap textarea{height:200px}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap input[type=text]:focus,.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap select:focus,.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap textarea:focus{border:1px solid #999}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap .pp-form-label-wrap .pp-form-label,.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap .ppform-remember-label{font-style:normal;background-color:transparent;display:block;font-weight:700;font-size:14px;float:none;line-height:1.3;margin:0;padding:0;color:#444}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap .ppform-remember-label{display:inline-block}.pp-field-user-avatar-picture-wrap .pp-profile-avatar-overlay ins,.pp-field-user-cover-image-wrap .pp-cover-image-overlay ins,.pp-form-container .pp-form-wrapper.ppBuildScratch.ppf-hide-asterisk .pp-form-required-label{display:none}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-submit-button-wrap input[type=submit]{background:#000;border:0;color:#fff;font-weight:700;font-size:16px;line-height:1;padding:15px 10px;transition:.15s ease-in-out;width:auto;min-width:110px;text-align:center}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-large .pp-form-submit-button-wrap input[type=submit],.pp-form-container .pp-form-wrapper.ppBuildScratch.ppfs-medium .pp-form-submit-button-wrap input[type=submit]{padding-top:20px;padding-bottom:20px}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppsbl-pill .pp-form-submit-button-wrap input[type=submit]{border-radius:25px!important}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppsbl-round .pp-form-submit-button-wrap input[type=submit]{border-radius:6px!important}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-submit-button-wrap input[type=submit]:focus,.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-submit-button-wrap input[type=submit]:hover{background-color:#ededed;color:#000;text-decoration:none}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-checkbox-wrap,.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-radio-wrap{margin:0 0 5px}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-checkboxes-container,.ppressmd-new-dropdown ul{margin:0;padding:0}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-checkbox-wrap:last-of-type,.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-radio-wrap:last-of-type{margin-bottom:0}.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-description{font-size:12px;font-weight:400;color:#666;line-height:1.3;text-align:left;margin:4px 0 0}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppsbw-wide .pp-form-submit-button-wrap input[type=submit]{width:100%}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppsbw-full-width .pp-form-submit-button-wrap{margin-top:4%;margin-bottom:4%}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppsbw-full-width .pp-form-submit-button-wrap input[type=submit]{width:100%!important;position:absolute!important;bottom:0!important;right:0!important;left:0!important;display:block;margin:0;border-top-right-radius:0!important;border-top-left-radius:0!important}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppsbw-full-width.ppsbl-pill{border-bottom-right-radius:25px!important;border-bottom-left-radius:25px!important}.pp-form-container .pp-form-wrapper.ppBuildScratch.ppsbw-full-width.ppsbl-round{border-bottom-right-radius:6px!important;border-bottom-left-radius:6px!important}.pp-form-container .pp-form-wrapper.ppBuildScratch a.pp-button-social-login:last-of-type{margin-bottom:1.5em!important}#profilepress-myaccount-wrapper{font-size:16px}#profilepress-myaccount-wrapper .profilepress-myaccount-row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}#profilepress-myaccount-wrapper .profilepress-myaccount-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0}#profilepress-myaccount-wrapper .ppmyac-dashboard-item{text-decoration:none!important;position:relative;display:block;padding:.75em 1.25em;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125);width:100%;text-align:inherit;box-shadow:none}#profilepress-myaccount-wrapper .ppmyac-dashboard-item.isactive{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}#profilepress-myaccount-wrapper .ppmyac-dashboard-item:first-child{border-top-left-radius:.25em;border-top-right-radius:.25em}#profilepress-myaccount-wrapper .ppmyac-dashboard-item:last-child{margin-bottom:0;border-bottom-right-radius:.25em;border-bottom-left-radius:.25em}#profilepress-myaccount-wrapper .ppmyac-icons{margin-right:.5em;vertical-align:text-bottom}#profilepress-myaccount-wrapper .profilepress-myaccount-col-sm-3{position:relative;width:100%;padding-right:15px;padding-left:15px}@media (min-width:576px){#profilepress-myaccount-wrapper .profilepress-myaccount-col-sm-3{flex:0 0 25%;max-width:25%}}#profilepress-myaccount-wrapper .profilepress-myaccount-content{position:relative;width:100%;padding-top:30px;padding-right:15px;padding-left:15px}@media (min-width:576px){#profilepress-myaccount-wrapper .profilepress-myaccount-content{flex:0 0 75%;max-width:75%}}#profilepress-myaccount-wrapper .profilepress-myaccount-avatar-wrap{text-align:center;margin-bottom:20px}#profilepress-myaccount-wrapper .profilepress-myaccount-avatar-wrap .profilepress-myaccount-avatar img.pp-user-avatar{margin:0!important;position:static!important;float:none!important;display:inline-block;-moz-border-radius:999px;-webkit-border-radius:999px;border-radius:999px;width:120px;height:120px}#profilepress-myaccount-wrapper .profilepress-myaccount-nav a:focus{outline:0;text-shadow:none;box-shadow:none}#profilepress-myaccount-wrapper .profilepress-myaccount-content h2,#profilepress-myaccount-wrapper .profilepress-myaccount-content h3{margin-top:0!important;margin-bottom:1em!important;font-weight:700!important;line-height:1.2!important;font-size:2em!important}#profilepress-myaccount-wrapper .profilepress-myaccount-content h3{font-weight:500!important;font-size:1.2em!important}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-submenus-wrap{margin-bottom:2em}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-submenu-wrap{display:inline;padding-right:1em}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-submenu-item{color:inherit;padding:0 0 10px}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-submenu-item.ppsubmenu-active{border-bottom:3px solid #6c757d}.profilepress-myaccount-alert,.profilepress-myaccount-edit-profile .profilepress-edit-profile-status{position:relative;padding:.75em 1.25em!important;margin-bottom:1em!important;border:1px solid transparent!important;border-radius:.25em}.profilepress-myaccount-alert.pp-alert-danger,.profilepress-myaccount-edit-profile .profilepress-edit-profile-status{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.profilepress-myaccount-alert.pp-alert-success,.profilepress-myaccount-edit-profile .profilepress-edit-profile-status.success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field{margin-top:.5em;margin-bottom:1em}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-cover-image-empty{min-height:250px;background-color:#eee}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-delete-cover-image-wrap{padding:.75em;background-color:#fff;border:1px solid rgba(0,0,0,.125);margin-bottom:0;border-radius:.25em}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-delete-cover-image-wrap img{width:100%;height:auto}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-email-notifications-wrap .profilepress-myaccount-form-field{margin-top:.5em;margin-bottom:.5em}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-email-notifications-wrap{margin-bottom:2em}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field label{margin-bottom:.2em;font-weight:500;display:block}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field input[type=checkbox]+label,#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field input[type=radio]+label{display:inline}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .profilepress-myaccount-form-control:not([type=radio]):not([type=checkbox]),#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap input:not([type=radio]):not([type=checkbox]):not([type=submit]),#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap select,#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap textarea{display:block;width:100%;height:calc(1.5em + .75em + 2px);padding:.375em .75em;font-size:1em;font-weight:400;line-height:1.5;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25em;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;overflow:visible;box-shadow:inset 0 1px 1px rgba(0,0,0,.125)}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap textarea{height:auto!important;min-height:100px!important;resize:vertical!important}#profilepress-myaccount-wrapper .profilepress-myaccount-content input.profilepress-myaccount-form-control:focus,#profilepress-myaccount-wrapper .profilepress-myaccount-content select.profilepress-myaccount-form-control:focus,#profilepress-myaccount-wrapper .profilepress-myaccount-content textarea.profilepress-myaccount-form-control:focus{background-color:#fff;border-color:#bbb;outline:0;box-shadow:none}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .profilepress-myaccount-form-field input[type=submit]{display:inline-block;cursor:pointer;width:auto}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .profilepress-myaccount-form-field input[type=submit]:hover{color:#fff;background-color:#0069d9;border-color:#0062cc;text-decoration:none}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .ppmyac-custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75em + 2px);margin-bottom:0}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .ppmyac-custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75em + 2px);margin:0;opacity:0}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .ppmyac-custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75em + 2px);padding:.375em .75em;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25em}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .ppmyac-custom-file-label::after{position:absolute;top:0;right:0;box-sizing:border-box;bottom:0;z-index:3;display:block;height:calc(1.5em + .75em);padding:.375em .75em;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25em .25em 0}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .ppmyac-custom-file-input~.ppmyac-custom-file-label[data-browse]::after{content:attr(data-browse)}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field .pp-checkbox-wrap label.pp-form-label,#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field .pp-radio-wrap label.pp-form-label{display:inline-block;margin:0 0 0 .3819820591em}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-delete-avatar-wrap{display:flex;flex-direction:column;margin:1em 0 0;padding-left:0}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-delete-avatar{position:relative;padding:.75em 1.25em;background-color:#fff;border:1px solid rgba(0,0,0,.125);margin-bottom:0;border-radius:.25em;justify-content:space-between!important;display:flex!important}#profilepress-myaccount-wrapper .profilepress-myaccount-content .pp-user-avatar{width:70px;height:70px;min-height:100%;object-fit:cover;object-position:center;border-radius:50%}#profilepress-myaccount-wrapper .profilepress-myaccount-content .ppmyac-remove-avatar{margin-bottom:.5em!important;margin-top:.5em!important;padding:.25em .5em;font-size:.875em;line-height:1.5;border-radius:.2em;color:#fff;height:35px;background-color:#6c757d;display:inline-block;font-weight:400;text-align:center;vertical-align:middle;text-shadow:none;cursor:pointer;user-select:none;border:1px solid #6c757d;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-delete-cover-image-wrap .ppmyac-remove-avatar{margin-top:.75em!important;margin-bottom:0!important}#profilepress-myaccount-wrapper .profilepress-myaccount-content input.profilepress-myaccount-form-control::-webkit-file-upload-button{background:#fff;border-radius:6px;font-size:14px;border:1px solid #ddd}#profilepress-myaccount-wrapper .profilepress-myaccount-content .select2-selection{border-radius:.25em;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-shadow:inset 0 1px 1px rgba(0,0,0,.125)}.ppress-2fa-setup-wrap .ppmyac-2fa-recovery-codes-wrap{width:250px;text-align:center}.pp-form-container .pp-field-user-avatar-picture-wrap{width:250px;height:auto;margin:auto;position:relative}.pp-form-container .pp-field-user-cover-image-wrap{margin:auto;position:relative}.pp-field-user-avatar-picture-wrap:hover .pp-profile-avatar-overlay-wrap,.pp-field-user-cover-image-wrap:hover .pp-cover-image-overlay-wrap{position:absolute;top:0;left:0;background:rgba(0,0,0,.5);text-align:center;box-sizing:border-box;padding:0;color:#fff;text-shadow:0 1px #666;line-height:21px;font-size:16px;height:100%;width:100%;border-radius:50%}.pp-field-user-cover-image-wrap:hover .pp-cover-image-overlay-wrap{border-radius:0}.pp-field-user-avatar-picture-wrap:hover .pp-profile-avatar-overlay,.pp-field-user-cover-image-wrap:hover .pp-cover-image-overlay{display:table;height:100%;width:100%}.pp-field-user-avatar-picture-wrap:hover .pp-profile-avatar-overlay ins,.pp-field-user-cover-image-wrap:hover .pp-cover-image-overlay ins{display:table-cell;vertical-align:middle;height:100%;text-decoration:none!important;background:0 0!important;color:#fff!important;border-bottom:none!important}.pp-field-user-avatar-picture-wrap:hover .pp-profile-avatar-overlay-wrap .pp-profile-avatar-overlay .pp-form-material-icons,.pp-field-user-cover-image-wrap:hover .pp-cover-image-overlay-wrap .pp-cover-image-overlay .pp-form-material-icons{font-size:35px!important;display:block!important;position:static!important;right:auto!important;top:auto!important;color:#fff!important;margin:0!important;width:auto!important;height:auto!important;cursor:pointer}html .select2.select2-container .select2-selection.select2-selection--multiple input.select2-search__field{border:0!important;height:auto!important}.select2.select2-container .select2-selection.select2-selection--multiple input.select2-search__field{border:0!important;box-shadow:none!important}.select2.select2-container .select2-selection.select2-selection--multiple li.select2-selection__choice{height:auto;line-height:normal}.pp-form-wrapper.pp-member-directory{opacity:0}.pp-form-wrapper.ppress-default-profile{max-width:1000px;width:100%;box-sizing:border-box;font-size:15px;color:#666;margin-bottom:30px;opacity:0}.pp-form-wrapper.ppress-default-profile *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pp-form-wrapper.ppress-default-profile a,.pp-form-wrapper.ppress-default-profile a:hover{text-decoration:none!important}.pp-form-wrapper.ppress-default-profile .ppress-default-profile-cover{background-color:#eee;box-sizing:border-box;position:relative}.pp-form-wrapper.ppress-default-profile .ppress-default-profile-cover-e{text-align:center;overflow:hidden}.pp-form-wrapper.ppress-default-profile .ppress-default-profile-cover-e img{width:100%;display:block;overflow:hidden;border-radius:0;margin:0}.pp-form-wrapper.ppress-default-profile .ppress-dpf-header{position:relative;padding:0 0 25px;border-bottom:solid 2px #eee;min-height:85px;box-sizing:content-box}.pp-form-wrapper.ppress-default-profile .ppress-dpf-headericon{position:absolute;top:15px;right:0;vertical-align:middle;font-size:30px;height:30px;line-height:30px;z-index:66;margin-right:10px}.pp-form-wrapper.ppress-default-profile .ppress-dpf-headericon .ppress-dpf-edit-a .ppress-material-icons{font-size:30px}.pp-form-wrapper.ppress-default-profile a.ppress-dpf-edit-a{color:#aaa;text-decoration:none;border-bottom:0}.pp-form-wrapper.ppress-default-profile .ppress-dpf-headericon a:hover,.pp-form-wrapper.ppress-default-profile a.ppress-dpf-edit-a.active{color:#007bff}.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-photo{float:left;position:absolute;margin:0 0 0 30px;box-sizing:border-box;width:200px;height:200px}.pp-form-wrapper.ppress-default-profile.ppdf-nocover .ppress-dpf-profile-photo{position:relative}.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-photo img{width:100%;height:auto;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;display:block;overflow:hidden;margin:0;box-shadow:none;background:#fff;border:5px solid #fff}.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-meta{padding-right:30px;-ms-word-break:break-all;word-break:break-word;word-wrap:break-word}.pp-form-wrapper.ppress-default-profile .ppress-dpf-main-meta{padding:10px 0 0;color:#999}.pp-form-wrapper.ppress-default-profile .ppress-dpf-name{font-size:24px;font-weight:700;margin-right:30px;color:#555;line-height:1.7em}.pp-form-wrapper.ppress-default-profile .ppress-dpf-clear{clear:both}.pp-form-wrapper.ppress-default-profile .ppress-dpf-meta span{margin:0 5px;font-size:14px;display:inline-block;line-height:.1}.pp-form-wrapper.ppress-default-profile .ppress-dpf-meta span:first-child{margin:0 5px 0 0}.pp-form-wrapper.ppress-default-profile .ppress-dpf-meta-text{margin:5px 0 0;line-height:1.4em;font-size:13px}.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-nav{padding:10px;background:#444;text-align:center}.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-nav-item a{color:#fff;font-size:14px;font-weight:600;padding:6px 10px 6px 28px;display:block;float:left;border-radius:4px;margin-left:5px;position:relative;border-bottom:0;text-decoration:none!important}.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-nav-item a:hover{background:#555}.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-nav-item .ppress-material-icons{font-size:18px;height:18px;line-height:1.5;position:absolute;display:block;left:10px}.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-nav-item span.ppress-dpf-nav-title{padding-left:5px}.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-nav-item.ppress-dpf-active a{background:#007bff}.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-body{max-width:600px;padding-top:15px;padding-bottom:15px;margin:auto}.pp-form-wrapper.ppress-default-profile .pp-user-comment-no-item,.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-note{text-align:center;padding-top:20px;color:#666}.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-note .ppress-material-icons{display:inline-block;font-size:70px;height:70px;line-height:70px}.pp-form-wrapper.ppress-default-profile .pp-user-comment-no-item span,.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-note span{margin-top:10px;display:block;font-size:16px;color:#888}.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-note a{border:0!important}.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-body-items{margin:0 0 30px}.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-body-item{position:relative;padding:15px 0 0}.pp-form-wrapper.ppress-default-profile .ppress-dpf-item-label{display:block;margin:0 0 8px;border-bottom:solid 2px #eee;padding-bottom:4px;font-size:15px;line-height:22px;font-weight:700}.pp-form-wrapper.ppress-default-profile .ppress-dpf-field-label-icon{float:left;margin:0 8px 0 0;height:22px;line-height:18px;display:inline-block;width:24px;text-align:center}.pp-form-wrapper.ppress-default-profile .ppress-dpf-field-label-icon i{font-size:22px;position:relative;top:1px}.pp-form-wrapper.ppress-default-profile .ppdf-nocover .ppress-dpf-profile-photo{float:none;margin:0 auto;text-align:center;position:relative}.pp-form-wrapper.ppress-default-profile .ppdf-nocover .ppress-dpf-profile-meta{padding-left:0!important;padding-right:0!important;text-align:center!important}.ppress-default-profile.ppressui340 .ppress-dpf-profile-nav{padding:0!important}.ppress-default-profile.ppressui340 .ppress-dpf-profile-nav-item a,.ppress-default-profile.ppressui500 .ppress-dpf-profile-nav-item a{margin-left:0!important;border-radius:0!important}.ppress-dpf-profile-nav-item.ppressui340 .ppress-dpf-profile-body{padding-left:0!important;padding-right:0!important}.ppress-default-profile.ppressui340.ppdf-nocover .ppress-dpf-header .ppress-dpf-profile-photo{position:static!important;top:auto!important;left:auto!important}.ppress-default-profile.ppressui340 .ppress-dpf-header .ppress-dpf-profile-meta{text-align:center!important;padding:0!important;margin-top:-30px!important}.ppress-default-profile.ppressui340.ppdf-nocover .ppress-dpf-header .ppress-dpf-profile-meta{padding-top:0!important}.ppress-default-profile.ppressui340 .ppress-dpf-header .ppress-dpf-name{float:none!important;margin-right:0!important;font-size:18px!important}.ppress-default-profile.ppressui340 .ppress-dpf-header .ppress-dpf-meta-text{padding:0 20px!important}.ppress-default-profile.ppressui340 .ppress-dpf-profile-photo{position:relative!important;width:100px!important;height:100px!important;margin:0 auto!important;float:none!important;left:auto!important;text-align:center!important;top:-40px!important}.ppress-default-profile.ppressui340.ppdf-nocover .ppress-dpf-header .ppress-dpf-profile-photo{width:120px!important;height:120px!important}.ppress-default-profile.ppressui340 .ppress-dpf-nav-title{font-size:12px!important}.ppress-default-profile.ppressui340 .ppress-dpf-profile-nav-item .ppress-material-icons,.ppress-default-profile.ppressui500 .ppress-dpf-profile-nav-item i{display:block!important;position:static!important;top:auto!important;left:auto!important;height:20px!important;line-height:20px!important}.ppress-default-profile.ppressui340.ppdf-nocover .ppress-dpf-header .ppress-dpf-profile-meta{margin-top:0!important}.ppress-default-profile.ppressui500 .ppress-dpf-profile-nav{padding:0!important}.ppress-default-profile.ppressui500 .ppress-dpf-profile-nav-item i{font-size:22px!important;height:22px!important;line-height:22px!important}.ppress-default-profile.ppressui500 .ppress-dpf-profile-body{padding-left:0!important;padding-right:0!important}.ppress-default-profile.ppressui500.ppdf-nocover .ppress-dpf-header .ppress-dpf-profile-photo{position:static!important;top:auto!important;left:auto!important;width:120px!important;height:120px!important}.ppress-default-profile.ppressui500 .ppress-dpf-profile-photo{position:relative!important;width:100px!important;height:100px!important;margin:0 auto!important;float:none!important;display:block!important;top:-40px!important;left:0!important}.ppress-default-profile.ppressui500 .ppress-dpf-header .ppress-dpf-profile-meta{text-align:center!important;padding:0!important;margin-top:-30px!important}.ppress-default-profile.ppressui500 .ppress-dpf-header .ppress-dpf-name{float:none!important;margin-right:0!important;font-size:21px!important}.ppress-default-profile.ppressui500 .ppress-dpf-header .ppress-dpf-meta-text{padding-top:10px!important}.ppress-default-profile.ppressui500 .ppress-dpf-header .ppress-dpf-meta{padding:0 20px!important;display:block!important}.ppress-default-profile.ppressui500 .ppress-dpf-nav-title{font-size:12px!important}.ppress-default-profile.ppressui500 .ppress-dpf-profile-nav-item .ppress-material-icons{display:block!important;position:static!important;top:auto!important;left:auto!important;height:20px!important;line-height:20px!important}.ppress-default-profile.ppressui500.ppdf-nocover .ppress-dpf-header .ppress-dpf-profile-meta{margin-top:0!important}.ppress-default-profile.ppressui800 .ppress-dpf-profile-nav{padding:0!important}.ppress-default-profile.ppressui800 .ppress-dpf-profile-nav-item a{padding:10px 20px!important;margin-left:0!important;border-radius:0!important}.ppress-default-profile.ppressui800 .ppress-dpf-profile-photo{width:140px!important;height:140px!important;top:-70px!important}.ppress-default-profile.ppressui800.ppdf-nocover .ppress-dpf-header .ppress-dpf-profile-photo{top:auto!important}.ppress-default-profile.ppressui800 .ppress-dpf-header .ppress-dpf-meta-text{padding-top:10px!important}.ppress-default-profile.ppressui800 .ppress-dpf-nav-title{font-size:12px!important}.ppress-default-profile.ppressui800 .ppress-dpf-profile-nav-item .ppress-material-icons{display:block!important;position:static!important;top:auto!important;left:auto!important;font-size:20px!important;height:20px!important;line-height:20px!important}.ppress-default-profile.ppressui960 .ppress-dpf-profile-photo{width:140px!important;height:140px!important;top:-70px!important}.ppress-default-profile.ppressui960.ppdf-nocover .ppress-dpf-profile-meta{margin-top:-50px!important}.ppress-default-profile.ppressui340 .ppress-dpf-profile-nav-item a,.ppress-default-profile.ppressui500 .ppress-dpf-profile-nav-item a{padding:5px 11px!important;font-size:12px!important}.ppress-default-profile.ppressui340 .ppress-dpf-profile-nav-item .ppress-material-icons,.ppress-default-profile.ppressui500 .ppress-dpf-profile-nav-item .ppress-material-icons{font-size:14px!important}.ppress-default-profile.ppressui340 span.ppress-dpf-nav-title,.ppress-default-profile.ppressui500 span.ppress-dpf-nav-title{font-size:10px!important}.pp-form-wrapper.ppress-default-profile ul.pp-user-post-list{list-style:none;margin:0;padding:0}.pp-form-wrapper.ppress-default-profile li.pp-user-post-item{padding:20px 0;border-bottom:1px solid #eee}.pp-form-wrapper.ppress-default-profile .pp-user-post-item a,.pp-form-wrapper.ppress-default-profile .pp-user-post-item h3{font-size:16px;font-weight:400;margin:0;text-decoration:none}.pp-form-wrapper.ppress-default-profile .ppress-dpf-more-post-wrap{text-align:center;padding-top:30px}.pp-form-wrapper.ppress-default-profile a.ppress-dpf-more-post-btn{font-size:15px;border:0;display:block;width:100%;line-height:1em;padding:15px;text-decoration:none;text-align:center;text-transform:none;font-weight:400;transition:.25s;border-radius:4px;-webkit-box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);max-width:250px;margin:0 auto;color:#fff;background:#007bff}.pp-form-wrapper.ppress-default-profile .pp-user-comment-item{padding:20px 0;border-bottom:1px solid #eee}.pp-form-wrapper.ppress-default-profile .pp-user-comment-item-link a{color:inherit}.pp-form-wrapper.ppress-default-profile .pp-user-comment-no-item+.ppress-dpf-more-post-wrap{display:none}.pp-member-directory .ppressmd-member-directory-header.ppressmd-form{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;width:100%}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row:not(.ppressmd-member-directory-filters-bar){display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:nowrap;margin:0 0 10px}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row.ppressmd-member-directory-search-row{justify-content:flex-end}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-search-line{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;width:60%}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-search-line label{flex:1;margin:0 10px 0 0;min-width:90px;max-width:85%}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-search-line label .ppressmd-search-line{-webkit-appearance:textfield;width:100%;padding:0 12px!important;display:block!important;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;outline:0!important;cursor:text!important;font-size:15px!important;height:40px!important;box-sizing:border-box!important;box-shadow:none!important;margin:0!important;position:static}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-search-line .ppressmd-do-search{min-width:15%;width:auto}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;width:100%}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line .ppressmd-member-directory-sorting{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:nowrap;flex:5}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line .ppressmd-member-directory-sorting .ppressmd-member-directory-sorting-a{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:nowrap;position:relative;cursor:pointer}.pp-member-directory .ppressmd-member-directory-header a{text-decoration:none;border-bottom:none;box-shadow:none}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line .ppress-material-icons{display:inline;vertical-align:middle}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line .ppressmd-member-directory-filters{display:flex;flex-direction:row;justify-content:flex-end;align-items:baseline;flex-wrap:nowrap;flex:2;text-align:right}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line .ppressmd-member-directory-filters .ppressmd-member-directory-filters-a{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:nowrap;cursor:pointer}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line .ppressmd-member-directory-filters .ppressmd-member-directory-filters-a a{margin:0 5px 0 0}.ppressmd-member-directory-header:not(.ppmd-filters-expand) .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line .ppressmd-member-directory-filters .ppressmd-member-directory-filters-a .ppress-up{display:none}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-search.ppressmd-search-invisible,.ppressmd-member-directory-header.ppmd-filters-expand .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line .ppressmd-member-directory-filters .ppressmd-member-directory-filters-a .ppress-down{display:none}.ppressmd-new-dropdown{font-size:16px;margin:0;position:absolute;height:auto;background:#fff;z-index:10;display:none;border:1px solid #ddd;box-shadow:0 7px 14px 0 rgba(50,50,93,.1),0 3px 6px 0 rgba(0,0,0,.07);-webkit-box-shadow:0 7px 14px 0 rgba(50,50,93,.1),0 3px 6px 0 rgba(0,0,0,.07);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px}.ppressmd-new-dropdown ul li{list-style-type:none;padding:0;margin:0}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line .ppressmd-member-directory-sorting .ppressmd-member-directory-sorting-a .ppressmd-new-dropdown{top:24px;width:200px;left:-12px}.ppressmd-new-dropdown ul li a{display:block;padding:8px 12px;line-height:1}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row.ppressmd-member-directory-filters-bar{padding:0 0 10px}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row.ppressmd-header-row-invisible{margin:0}.ppressmd-member-directory-header.ppmd-filters-expand .ppressmd-member-directory-header-row .ppressmd-search.ppressmd-search-invisible{display:grid}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-search{margin:0;width:100%;display:grid;grid-template-rows:auto 1fr;grid-template-columns:repeat(3,1fr);grid-gap:10px;grid-auto-rows:minmax(max-content,auto);-ms-grid-template-rows:auto 1fr;-ms-grid-template-columns:repeat(3,1fr);-ms-grid-gap:10px;-ms-grid-auto-rows:minmax(max-content,auto);align-items:center}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-search .ppressmd-search-filter{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:nowrap;width:100%}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-search .ppressmd-search-filter.ppressmd-text-filter-type input{width:100%;padding:10px 30px}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-search-line label .ppressmd-search-line,.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-search .ppressmd-search-filter.ppressmd-text-filter-type input:not(.select2-search__field),.pp-member-directory .ppressmd-member-directory-header .select2.select2-container .select2-selection{background-color:transparent;border:1px solid #ddd!important}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-nav-line .ppress-material-icons,.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-member-directory-search-line label .ppressmd-search-line,.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row .ppressmd-search .ppressmd-search-filter.ppressmd-text-filter-type input,.pp-member-directory .ppressmd-member-directory-header .select2.select2-container .select2-selection__rendered{color:#666;background-color:transparent}.pp-member-directory .ppressmd-member-directory-header .ppressmd-member-directory-header-row input[type=search]:focus{border:1px solid #bbb!important}.pp-member-directory .ppressmd-member-directory-header .ppressmd-button{border:0!important;display:block;width:100%;line-height:1em!important;padding:16px 20px!important;text-decoration:none!important;text-align:center;text-transform:none!important;font-weight:400!important;overflow:hidden;position:relative;transition:.25s;box-sizing:border-box;-moz-border-radius:4px!important;-webkit-border-radius:4px!important;border-radius:4px!important;box-shadow:none;vertical-align:middle!important;height:auto!important;cursor:pointer!important;text-shadow:none;font-family:inherit;outline:0!important;margin:0;-webkit-appearance:none}.pp-member-directory .ppressmd-members-total-wrap{text-align:center;margin:0 0 10px}.pp-member-directory .ppressmd-members-total{font-size:20px;font-weight:300}.pp-member-directory .ppressmd-member-directory-header .select2.select2-container{width:100%!important}.pp-member-directory .ppressmd-member-directory-header .select2-search.select2-search--inline .select2-search__field{width:auto!important}.pp-member-directory .ppressmd-member-directory-header .select2.select2-container .select2-selection{display:block!important;height:40px;padding:0 0 0 12px!important;overflow:hidden!important;position:relative!important;white-space:nowrap!important;line-height:35px!important;font-size:15px!important;text-align:left!important;text-decoration:none!important;-moz-border-radius:2px!important;-webkit-border-radius:2px!important;border-radius:2px!important;background-clip:padding-box!important;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:0 0!important}.pp-member-directory .ppressmd-member-directory-header .select2.select2-container .select2-selection .select2-selection__arrow{display:inline-block!important;width:34px!important;height:100%!important;position:absolute!important;right:0!important;top:0!important;-moz-border-radius:0 2px 2px 0!important;-webkit-border-radius:0 2px 2px 0!important;border-radius:0 2px 2px 0!important;background-clip:padding-box!important;text-align:center!important;background:0 0!important;border-left:0!important}.pp-member-directory .ppressmd-member-directory-header .select2-container.select2-container--open .select2-dropdown{border:1px solid #ddd;border-top:0;border-radius:0}.pp-member-directory .ppressmd-member-directory-header .select2-container.select2-container--open .select2-dropdown .select2-results li{list-style:none;display:list-item;background-image:none;font-size:15px;margin:5px!important;color:#666!important;padding:3px 7px 4px!important;cursor:pointer;min-height:1em!important}.pp-member-directory .ppressmd-member-directory-header .select2.select2-container .select2-selection.select2-selection--multiple{height:auto!important;line-height:.8!important}.pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left:0!important;line-height:37px}.pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--multiple .select2-selection__rendered{line-height:37px;box-sizing:border-box;list-style:none;margin:0;padding-left:0!important;padding-right:30px;width:100%;font-size:13px}.pp-member-directory .ppressmd-member-directory-header .select2-results li.select2-results__option.select2-results__option--highlighted{background:0 0!important;background:#f4f4f4!important;color:#666!important}.pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--single .select2-selection__clear{right:10px;margin:0!important}.pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--multiple .select2-selection__clear{right:10px;font-size:30px;margin:0!important}.pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--multiple .select2-selection__clear,.pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--single .select2-selection__arrow b,.pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--single .select2-selection__clear{color:#888!important}.pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--multiple .select2-selection__clear{position:absolute}.pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--multiple .select2-selection__choice{padding:3px 3px 3px 5px}.pp-member-directory .ppressmd-member-directory-header .select2-container .select2-search.select2-search--inline>input{border:0!important;padding:0!important;border-radius:0!important}.pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--multiple .select2-selection__rendered li{overflow-x:hidden;text-overflow:ellipsis;max-width:100%;box-sizing:border-box}.pp-member-directory .ppressmd-member-directory-header .select2-container--default .select2-selection--single .select2-selection__clear{font-size:20px!important}.pp-member-directory .ppmd-pagination-wrap{font-size:16px;width:100%;margin:0 auto 10px;padding:0;text-align:center}.pp-member-directory .ppmd-pagination-wrap .page-numbers{display:inline-block;width:auto;height:34px;line-height:34px;transition:all .2s linear;padding:0 14px;color:#666;font-weight:400}.pp-member-directory .ppmd-pagination-wrap .page-numbers.current{background:#007bff;color:#fff}.pp-member-directory .ppmd-pagination-wrap .page-numbers .ppress-material-icons{vertical-align:middle}.ppress-paywall-message-wrap{position:relative;width:100%;margin:-5em auto 2em;padding:6em 0 0;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.5) .5em,#fff 5.5em,#fff 100%)}.ppress-paywall-message{box-shadow:0 0 .5em .25em rgba(0,0,0,.125);padding:1.375em;border:6px solid #fff;-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;background-color:#f4f4f4;color:#333}.ppress-paywall-message p:last-child{margin-bottom:0!important}p:has(+.ppress-paywall-message-wrap){margin-bottom:0}.ppress-main-container{width:100%}.ppress-container-div{margin:3em 0;padding:3em;background-color:#fff;width:100%;text-align:center}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.flatpickr-calendar{background:0 0;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;box-sizing:border-box;touch-action:manipulation;background:#fff;box-shadow:1px 0 0#e6e6e6,-1px 0 0#e6e6e6,0 1px 0#e6e6e6,0-1px 0#e6e6e6,0 3px 13px rgba(0,0,0,.08)}.flatpickr-calendar.inline,.flatpickr-calendar.open{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 0#e6e6e6,5px 0 0#e6e6e6}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:solid transparent;content:"";height:0;width:0;left:22px}.flatpickr-calendar.arrowRight:after,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before{left:auto;right:22px}.flatpickr-calendar.arrowCenter:after,.flatpickr-calendar.arrowCenter:before{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0-5px}.flatpickr-calendar:after{border-width:4px;margin:0-4px}.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus,.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month,.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:34px;color:rgba(0,0,0,.9);fill:rgba(0,0,0,.9)}.flatpickr-months .flatpickr-month{background:0 0;line-height:1;text-align:center;position:relative;overflow:hidden;flex:1}.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{text-decoration:none;cursor:pointer;position:absolute;top:0;padding:10px;z-index:3}.flatpickr-months .flatpickr-next-month.flatpickr-disabled,.flatpickr-months .flatpickr-prev-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-next-month i,.flatpickr-months .flatpickr-prev-month i,.numInputWrapper{position:relative}.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-next-month.flatpickr-next-month,.flatpickr-months .flatpickr-prev-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover{color:#959ea9}.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path{transition:fill .1s;fill:inherit}.numInputWrapper{height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,.1)}.numInputWrapper span:active{background:rgba(0,0,0,.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,.5)}.flatpickr-current-month span.cur-month:hover,.numInputWrapper:hover{background:rgba(0,0,0,.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,.9)}.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year{background:0 0;border:0;border-radius:0;box-sizing:border-box;color:inherit;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;padding:0 0 0 .5ch;vertical-align:initial}.flatpickr-current-month input.cur-year{cursor:text;margin:0;display:inline-block;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,.5);background:0 0;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;cursor:pointer;margin:-1px 0 0;outline:0;position:relative;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus{outline:0}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:0;padding:0}.flatpickr-weekdays{background:0 0;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:0 0;color:rgba(0,0,0,.54);line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:bolder}.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer,.flatpickr-day{box-sizing:border-box;display:inline-block}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer+.dayContainer{box-shadow:-1px 0 0#e6e6e6}.flatpickr-day{background:0 0;border:1px solid transparent;border-radius:150px;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;position:relative;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus,.flatpickr-day:hover{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:focus,.flatpickr-day.today:hover{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{background:#569ff7;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.endRange.startRange,.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.endRange.endRange,.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 0#569ff7}.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 0#e6e6e6,5px 0 0#e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{background:0 0;border-color:transparent}.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay{color:rgba(57,57,57,.3);background:0 0;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,.1)}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0#569ff7,5px 0 0#569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0#e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,.3);background:0 0;cursor:default;border:0}.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time,.flatpickr-time input{text-align:center;box-sizing:border-box}.flatpickr-time{outline:0;display:block;height:0;line-height:40px;max-height:40px;overflow:hidden;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:0 0;box-shadow:none;border:0;border-radius:0;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator{height:inherit;float:left;line-height:inherit;color:#393939;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-self:center}.flatpickr-time .flatpickr-time-separator{font-weight:700;width:2%}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover{background:#eee}.flatpickr-input[readonly]{cursor:pointer}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}div.yyi-rinker-contents {
margin: 2em 0;
padding: 0;
border: solid 1px #dbdbdb;
background-color: #fff;
box-shadow: 2px 3px 8px -5px rgba(0,0,0,.25);
position: relative;
overflow: visible;
}
div.yyi-rinker-contents a {
border: none;
}
div.yyi-rinker-contents div.yyi-rinker-box{
display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
box-sizing: border-box;
padding: 12px;
}
div.yyi-rinker-contents div.yyi-rinker-image {
padding: 0;
display: flex;
vertical-align: middle;
justify-content: center;
align-items: center;
}
.yyi-rinker-img-s .yyi-rinker-image {
width: 75px;
min-width: 75px;
}
.yyi-rinker-img-m .yyi-rinker-image {
width: 175px;
min-width: 175px;
}
.yyi-rinker-img-l div.yyi-rinker-image{
width: 200px;
min-width: 200px;
}
.yyi-rinker-images {
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin: 5px;
}
div.yyi-rinker-image img.yyi-rinker-main-img.hidden {
display: none;
}
.yyi-rinker-images-arrow {
cursor: pointer;
position: absolute;
top: 50%;
display: block;
margin-top: -11px;
opacity: 0.6;
width: 22px;
}
.yyi-rinker-images-arrow-left{
left: -10px;
}
.yyi-rinker-images-arrow-right{
right: -10px;
}
.yyi-rinker-images-arrow-left.hidden {
display: none;
}
.yyi-rinker-images-arrow-right.hidden {
display: none;
} div.yyi-rinker-contents.yyi-rinker-img-s div.yyi-rinker-info{
width: calc(100% - 75px);
}
div.yyi-rinker-contents div.yyi-rinker-info{
width: calc(100% - 175px);
}
div.yyi-rinker-contents.yyi-rinker-img-l div.yyi-rinker-info{
width: calc(100% - 200px);
}
div.yyi-rinker-contents div.yyi-rinker-title a {
color: #333;
text-decoration: none;
}
div.yyi-rinker-contents div.yyi-rinker-title p{
margin: 5px;
}
div.yyi-rinker-contents div.yyi-rinker-detail {
font-size: 0.8em;
color: #999;
padding-left: 15px;
}
div.yyi-rinker-contents div.yyi-rinker-detail a {
text-decoration: underline;
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box {
color: #aaa;
}
div.yyi-rinker-contents div.yyi-rinker-detail .free-text {
color: #aaa;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
border: none;
list-style-type: none;
display: inline-flex;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 10px auto;
padding: 0;
width: 100%;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
content: '';
position: static;
margin: 2px 5px;
padding: 0;
border-radius: 2px;
border: none;
box-shadow: 0 6px 12px -5px rgba(0, 0, 0, .30);
-ms-flex: 0 0 auto;
}
div.yyi-rinker-contents ul.yyi-rinker-links li:before {
content: '';
position: static;
}
div.yyi-rinker-contents ul.yyi-rinker-links li:hover {
box-shadow: 0 5px 8px -5px rgba(0, 0, 0, .30);
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
background: #f6a306;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a {
position: relative;
display: block;
color: #fff;
font-weight: bold;
text-decoration: none;
font-size: 0.9em;
height: 30px;
line-height: 30px;
padding: 0 18px;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
border: none;
opacity: 0.7;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:before {
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: white;
text-align: center;
border: none;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
order: 20;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:before{
content: '';
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink {
background: #666;
order: 15;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink a:before{
content: '';
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {
background: #cf4944;
order: 30;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:before{
content: '';
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
background: #51a7e8;
order: 40;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:before{
content: '';
}
div.yyi-rinker-contents ul.yyi-rinker-links li.mercarilink {
background-color: #ff0211;
order: 50;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.mercarilink a:before{
content: '';
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 {
background: #4072B3;
order: 10;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 {
background: #4DC0B2;
order: 50;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink3 {
background: #6f63ad;
order: 15;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink4 {
background: #63ad87;
order: 55;
}
div.yyi-rinker-contents ul.yyi-rinker-links img,
div.yyi-rinker-contents div.yyi-rinker-title img,
div.yyi-rinker-contents div.yyi-rinker-image a + img{
display: none;
}
div.yyi-rinker-detail .credit-box {
font-size: 75%;
}
ul.yyi-rinker-links li::before {
background-color: transparent;
}
@media all and (max-width: 420px) {
.yyi-rinker-images {
margin: auto;
}
}
@media all and (max-width: 420px) and (min-width: 321px) {
body div.yyi-rinker-contents ul.yyi-rinker-links li a {
padding: 0 0 0 15px;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
-webkit-flex-flow: column;
flex-direction: column;
}
.yyi-rinker-img-s .yyi-rinker-image {
width: 75px;
min-width: 75px;
}
.yyi-rinker-img-m .yyi-rinker-image {
width: 125px;
min-width: 125px;
}
.yyi-rinker-img-l div.yyi-rinker-image{
width: 150px;
min-width: 150px;
}
div.yyi-rinker-contents.yyi-rinker-img-s div.yyi-rinker-info{
width: calc(100% - 75px);
}
div.yyi-rinker-contents div.yyi-rinker-info {
width: calc(100% - 125px);
}
div.yyi-rinker-contents.yyi-rinker-img-l div.yyi-rinker-info{
width: calc(100% - 150px);
}
}
@media all and (max-width: 320px) {
div.yyi-rinker-contents ul.yyi-rinker-links li a {
padding: 0 0 0 7px;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
-webkit-flex-flow: column;
flex-direction: column;
}
.yyi-rinker-img-s .yyi-rinker-image {
width: 75px;
min-width: 75px;
}
.yyi-rinker-img-m .yyi-rinker-image {
width: 100px;
min-width: 100px;
}
.yyi-rinker-img-l div.yyi-rinker-image{
width: 125px;
min-width: 125px;
}
div.yyi-rinker-contents.yyi-rinker-img-s div.yyi-rinker-info{
width: calc(100% - 75px);
}
div.yyi-rinker-contents div.yyi-rinker-info {
width: calc(100% - 100px);
}
div.yyi-rinker-contents.yyi-rinker-img-l div.yyi-rinker-info{
width: calc(100% - 125px);
}
}
body div.yyi-rinker-contents ul.yyi-rinker-links li {
list-style: none;
}
body div.yyi-rinker-contents ul.yyi-rinker-links li:before {
position: absolute;
}
div.yyi-rinker-contents p{
padding: 0;
}
div.yyi-rinker-contents img{
margin-bottom: 0;
} div.yyi_rinker-gutenberg input.rinkerg-richtext{
width: 300px;
}
input.rinkerg-richtext {
width: 70%;
} div.yyi-rinker-contents div.yyi-rinker-detail .free-text .count-in{
color: #333;
} .editor-styles-wrapper div.yyi-rinker-contents .count-top p {
margin-top: 0;
}
div.yyi-rinker-contents.yyi-rinker-design-tate  div.yyi-rinker-box{
flex-direction: column;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box .yyi-rinker-links {
flex-direction: column;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info {
width: 100%;
}
div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-title {
text-align: center;
}
div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-links {
text-align: center;
}
div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-image {
margin: auto;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info ul.yyi-rinker-links li {
align-self: stretch;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box div.yyi-rinker-info {
padding: 0;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box {
flex-direction: column;
padding: 14px 5px 0;
}
.yyi-rinker-design-slim div.yyi-rinker-box div.yyi-rinker-info {
text-align: center;
}
.yyi-rinker-design-slim div.price-box span.price {
display: block;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info div.yyi-rinker-title a{
font-size:16px;
}
div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.amazonkindlelink:before,  div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.amazonlink:before,  div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.rakutenlink:before,  div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.yahoolink:before {
font-size:12px;
}
div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li a {
font-size: 13px;
} .yyi-rinker-contents .yyi-rinker-info {
padding-left: 10px;
}
.yyi-rinker-img-s .yyi-rinker-image .yyi-rinker-images img{
max-height: 75px;
}
.yyi-rinker-img-m .yyi-rinker-image .yyi-rinker-images img{
max-height: 175px;
}
.yyi-rinker-img-l .yyi-rinker-image .yyi-rinker-images img{
max-height: 200px;
}
div.yyi-rinker-contents div.yyi-rinker-image {
flex-direction: column;
align-items: center;
}
div.yyi-rinker-contents ul.yyi-rinker-thumbnails {
display: flex;
flex-direction: row;
flex-wrap : wrap;
list-style: none;
border:none;
padding: 0;
margin: 5px 0;
}
div.yyi-rinker-contents ul.yyi-rinker-thumbnails li{
cursor: pointer;
height: 32px;
text-align: center;
vertical-align: middle;
width: 32px;
border:none;
padding: 0;
margin: 0;
box-sizing: content-box;
}
div.yyi-rinker-contents ul.yyi-rinker-thumbnails li img {
vertical-align: middle;
}
div.yyi-rinker-contents ul.yyi-rinker-thumbnails li {
border: 1px solid #fff;
}
div.yyi-rinker-contents ul.yyi-rinker-thumbnails li.thumb-active {
border: 1px solid #eee;
} div.yyi-rinker-contents.yyi-rinker-design-mini {
border: none;
box-shadow: none;
background-color: transparent;
} .yyi-rinker-design-mini div.yyi-rinker-info ul.yyi-rinker-links,
.yyi-rinker-design-mini div.yyi-rinker-info .brand,
.yyi-rinker-design-mini div.yyi-rinker-info .price-box {
display: none;
}
div.yyi-rinker-contents.yyi-rinker-design-mini .credit-box{
text-align: right;
}
div.yyi-rinker-contents.yyi-rinker-design-mini div.yyi-rinker-info {
width:100%;
}
.yyi-rinker-design-mini div.yyi-rinker-info div.yyi-rinker-title {
line-height: 1.2;
min-height: 2.4em;
margin-bottom: 0;
}
.yyi-rinker-design-mini div.yyi-rinker-info div.yyi-rinker-title a {
font-size: 12px;
text-decoration: none;
text-decoration: underline;
}
div.yyi-rinker-contents.yyi-rinker-design-mini {
position: relative;
max-width: 100%;
border: none;
border-radius: 12px;
box-shadow: 0 1px 6px rgb(0 0 0 / 12%);
background-color: #fff;
}
div.yyi-rinker-contents.yyi-rinker-design-mini div.yyi-rinker-box {
border: none;
}
.yyi-rinker-design-mini div.yyi-rinker-image {
width: 60px;
min-width: 60px;
}
.yyi-rinker-design-mini div.yyi-rinker-image img{
max-height: 3.6em;
}
.yyi-rinker-design-mini div.yyi-rinker-detail div.credit-box {
font-size: 10px;
}
.yyi-rinker-design-mini div.yyi-rinker-detail div.brand,
.yyi-rinker-design-mini div.yyi-rinker-detail div.price-box {
font-size: 10px;
}
.yyi-rinker-design-mini div.yyi-rinker-info div.yyi-rinker-detail {
padding: 0;
}
.yyi-rinker-design-mini div.yyi-rinker-detail div:not(:last-child) {
padding-bottom: 0;
}
.yyi-rinker-design-mini div.yyi-rinker-box div.yyi-rinker-image a {
margin-bottom: 16px;
}
@media (min-width: 768px){
div.yyi-rinker-contents.yyi-rinker-design-mini div.yyi-rinker-box {
padding: 12px;
}
.yyi-rinker-design-mini div.yyi-rinker-box div.yyi-rinker-info {
justify-content: center;
padding-left: 24px;
}
}
@media (max-width: 767px){
div.yyi-rinker-contents.yyi-rinker-design-mini {
max-width:100%;
}
div.yyi-rinker-contents.yyi-rinker-design-mini div.yyi-rinker-box {
flex-direction: row;
padding: 12px;
}
.yyi-rinker-design-mini div.yyi-rinker-box div.yyi-rinker-info {
justify-content: center;
margin-bottom: 16px;
padding-left: 16px;
text-align: left;
}
}
div.yyi-rinker-contents .yyi-rinker-attention {
display: inline;
line-height: 30px;
position: absolute;
top: -10px;
left: -9px;
min-width: 60px;
padding: 0;
height: 30px;
text-align: center;
font-weight: 600;
color: #ffffff;
background: #fea724;
z-index: 10;
}
div.yyi-rinker-contents .yyi-rinker-attention span{
padding: 0 15px;
}
.yyi-rinker-attention-before, .yyi-rinker-attention-after {
display: inline;
position: absolute;
content: '';
}
.yyi-rinker-attention-before {
bottom: -8px;
left: 0.1px;
width: 0;
height: 0;
border-top: 9px solid;
border-top-color: inherit;
border-left: 9px solid transparent;
z-index: 1;
}
.yyi-rinker-attention-after {
top: 0;
right: -14.5px;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid;
border-left-color: inherit;
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle{
display: flex;
position: absolute;
top: -20px;
left: -20px;
width: 60px;
height: 60px;
min-width: auto;
min-height: auto;
justify-content: center;
align-items: center;
border-radius: 50%;
color: #fff;
background: #fea724;
font-weight: 600;
font-size: 17px;
}
div.yyi-rinker-contents.yyi-rinker-design-mini .yyi-rinker-attention.attention_desing_circle{
top: -14px;
left: -14px;
width: 36px;
height: 36px;
font-size: 12px;
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle{
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle span {
padding: 0;
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle .yyi-rinker-attention-after,
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle .yyi-rinker-attention-before{
display: none;
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_right_ribbon {
width: 89px;
height: 91px;
position: absolute;
top: -1px;
right: -1px;
left: auto;
overflow: hidden;
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_right_ribbon span {
display: inline-block;
width: 146px;
position: absolute;
padding: 4px 0;
left: -13px;
top: 12px;
text-align: center;
font-size: 12px;
line-height: 24px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_right_ribbon {
background: none;
}
.yyi-rinker-attention.attention_desing_right_ribbon .yyi-rinker-attention-after,
.yyi-rinker-attention.attention_desing_right_ribbon .yyi-rinker-attention-before{
display:none;
}
div.yyi-rinker-use-right_ribbon div.yyi-rinker-title {
margin-right: 2rem;
}
  html,
body,
h1,
h2,
h3,
h4,
h5,
ol,
ul,
dl,
dt,
dd,
div,
span,
img,
a,
article,
figure,
aside,
main,
section,
footer,
header {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
word-break: break-word;
}
html {
font-size: 62.5%;
}
@media (max-width: 551px) {
html {
height: -webkit-fill-available;
}
}
@media (max-width: 551px) {
body {
min-height: -webkit-fill-available;
}
}
ol,
ul {
list-style: none;
list-style-type: none;
}
p {
margin: 0;
}
a {
color: inherit;
}
img {
display: block;
} .d--transparent {
background: transparent;
}
.d--display-none {
display: none !important;
}
@media (min-width: 552px) {
.d--display-none-pc {
display: none !important;
}
}
@media (max-width: 551px) {
.d--display-none-sp {
display: none !important;
}
}
.t--main-width {
max-width: 1120px;
}
@media (max-width: 551px) {
.t--padding {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.t--padding {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.t--padding {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 961px) {
.t--padding {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1240px) {
.t--padding {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.t--padding {
padding-left: 0px;
padding-right: 0px;
}
}
.t--round-s .t--round {
border-radius: 4px;
}
.t--round-m .t--round {
border-radius: 8px;
}
.t--round-l .t--round {
border-radius: 12px;
}
.has-black-background-color {
background-color: #000000;
}
.has-cyan-bluish-gray-background-color {
background-color: #abb8c3;
}
.has-white-background-color {
background-color: #ffffff;
}
.has-pale-pink-background-color {
background-color: #F78DA7;
}
.has-vivid-red-background-color {
background-color: #cf2e2e;
}
.has-luminous-vivid-orange-background-color {
background-color: #FF6900;
}
.has-luminous-vivid-amber-background-color {
background-color: #FCB900;
}
.has-light-green-cyan-background-color {
background-color: #7BDCB5;
}
.has-vivid-green-cyan-background-color {
background-color: #00D084;
}
.has-pale-cyan-blue-background-color {
background-color: #8ED1FC;
}
.has-vivid-cyan-blue-background-color {
background-color: #0693E3;
}
.has-vivid-purple-background-color {
background-color: #9B51E0;
}
.has-black-color {
color: #000000;
}
.has-cyan-bluish-gray-color {
color: #abb8c3;
}
.has-white-color {
color: #ffffff;
}
.has-pale-pink-color {
color: #F78DA7;
}
.has-vivid-red-color {
color: #cf2e2e;
}
.has-luminous-vivid-orange-color {
color: #FF6900;
}
.has-luminous-vivid-amber-color {
color: #FCB900;
}
.has-light-green-cyan-color {
color: #7BDCB5;
}
.has-vivid-green-cyan-color {
color: #00D084;
}
.has-pale-cyan-blue-color {
color: #8ED1FC;
}
.has-vivid-cyan-blue-color {
color: #0693E3;
}
.has-vivid-purple-color {
color: #9B51E0;
}
.wp-block-quote {
border-left: 0.25em solid;
margin: 1.65rem 0;
padding-left: 1.8em;
box-sizing: border-box !important;
}
@media (min-width: 552px) {
.wp-block-quote {
margin: 3.3rem 0;
padding-left: 2.4em;
}
}
.wp-block-quote.is-style-plain {
border: none;
padding-bottom: 1.8em !important;
padding-right: 1.8em;
}
@media (min-width: 552px) {
.wp-block-quote.is-style-plain {
padding-right: 2.4em;
}
}
.wp-block-quote.has-background {
padding-top: 1.8em !important;
padding-bottom: 1.8em !important;
padding-right: 1.8em;
}
@media (min-width: 552px) {
.wp-block-quote.has-background {
padding-right: 2.4em;
}
}
.wp-block-quote > p:first-child {
margin-top: 0 !important;
}
.wp-block-quote cite {
font-size: 0.84em;
}
a.yyi-rinker-link {
text-decoration: none !important;
font-size: 0.8em !important;
font-weight: normal !important;
}
.jin-ifont-evaluation {
color: #FCB900;
}
body:not(.wp-admin) {
font-size: 1.6rem;
}
#wrapper.d--jpf-default,
.d--jpf-default .editor-styles-wrapper,
.d--jpf-default .edit-post-visual-editor,
.d--jpf-default + #JinrPaidPopUpRegisterWrapper,
.d--jpf-default + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper,
.d--jpf-default + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper {
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif, "Noto Sans Emoji", "Noto Sans", "Noto Sans CJK JP";
font-weight: 400;
}
#wrapper.d--jpf-default .d--bold,
#wrapper.d--jpf-default strong,
.d--jpf-default .editor-styles-wrapper .d--bold,
.d--jpf-default .editor-styles-wrapper strong,
.d--jpf-default .edit-post-visual-editor .d--bold,
.d--jpf-default .edit-post-visual-editor strong,
.d--jpf-default + #JinrPaidPopUpRegisterWrapper .d--bold,
.d--jpf-default + #JinrPaidPopUpRegisterWrapper strong,
.d--jpf-default + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold,
.d--jpf-default + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper strong,
.d--jpf-default + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold,
.d--jpf-default + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper strong {
font-weight: 600;
}
@media (max-width: 551px) {
#wrapper.d--jpf-default .d--bold-sp,
.d--jpf-default .editor-styles-wrapper .d--bold-sp,
.d--jpf-default .edit-post-visual-editor .d--bold-sp,
.d--jpf-default + #JinrPaidPopUpRegisterWrapper .d--bold-sp,
.d--jpf-default + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold-sp,
.d--jpf-default + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold-sp {
font-weight: 600;
}
}
@media (min-width: 552px) {
#wrapper.d--jpf-default .d--bold-pc,
.d--jpf-default .editor-styles-wrapper .d--bold-pc,
.d--jpf-default .edit-post-visual-editor .d--bold-pc,
.d--jpf-default + #JinrPaidPopUpRegisterWrapper .d--bold-pc,
.d--jpf-default + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold-pc,
.d--jpf-default + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold-pc {
font-weight: 600;
}
}
#wrapper.d--notosans-thin,
.d--notosans-thin .editor-styles-wrapper,
.d--notosans-thin .edit-post-visual-editor,
.d--notosans-thin + #JinrPaidPopUpRegisterWrapper,
.d--notosans-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper,
.d--notosans-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper {
font-family: "Noto Sans JP", sans-serif;
}
#wrapper.d--zenkakugothic,
.d--zenkakugothic .editor-styles-wrapper,
.d--zenkakugothic .edit-post-visual-editor,
.d--zenkakugothic + #JinrPaidPopUpRegisterWrapper,
.d--zenkakugothic + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper,
.d--zenkakugothic + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper {
font-family: "Zen Kaku Gothic New", sans-serif;
}
#wrapper.d--kiwimaru,
.d--kiwimaru .editor-styles-wrapper,
.d--kiwimaru .edit-post-visual-editor,
.d--kiwimaru + #JinrPaidPopUpRegisterWrapper,
.d--kiwimaru + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper,
.d--kiwimaru + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper {
font-family: "Kiwi Maru", sans-serif;
}
#wrapper.d--mpr-thin,
.d--mpr-thin .editor-styles-wrapper,
.d--mpr-thin .edit-post-visual-editor,
.d--mpr-thin + #JinrPaidPopUpRegisterWrapper,
.d--mpr-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper,
.d--mpr-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper {
font-family: "M PLUS Rounded 1c", sans-serif;
}
#wrapper.d--notoserif,
.d--notoserif .editor-styles-wrapper,
.d--notoserif .edit-post-visual-editor {
font-family: "Noto Serif JP", serif;
}
#wrapper.d--shipporimincho,
.d--shipporimincho .editor-styles-wrapper,
.d--shipporimincho .edit-post-visual-editor,
.d--shipporimincho + #JinrPaidPopUpRegisterWrapper,
.d--shipporimincho + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper,
.d--shipporimincho + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper {
font-family: "Shippori Mincho", serif;
}
#wrapper.d--zenkakugothic, #wrapper.d--shipporimincho, #wrapper.d--notoserif {
font-weight: 400;
}
#wrapper.d--zenkakugothic strong, #wrapper.d--shipporimincho strong, #wrapper.d--notoserif strong {
font-weight: 700;
}
#wrapper.d--zenkakugothic .d--bold, #wrapper.d--shipporimincho .d--bold, #wrapper.d--notoserif .d--bold {
font-weight: 700;
}
@media (max-width: 551px) {
#wrapper.d--zenkakugothic .d--bold-sp, #wrapper.d--shipporimincho .d--bold-sp, #wrapper.d--notoserif .d--bold-sp {
font-weight: 700;
}
}
@media (min-width: 552px) {
#wrapper.d--zenkakugothic .d--bold-pc, #wrapper.d--shipporimincho .d--bold-pc, #wrapper.d--notoserif .d--bold-pc {
font-weight: 700;
}
}
#wrapper.d--zenkakugothic + #JinrPaidPopUpRegisterWrapper, #wrapper.d--zenkakugothic + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper, #wrapper.d--zenkakugothic + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper, #wrapper.d--shipporimincho + #JinrPaidPopUpRegisterWrapper, #wrapper.d--shipporimincho + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper, #wrapper.d--shipporimincho + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper, #wrapper.d--notoserif + #JinrPaidPopUpRegisterWrapper, #wrapper.d--notoserif + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper, #wrapper.d--notoserif + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper {
font-weight: 400;
}
#wrapper.d--zenkakugothic + #JinrPaidPopUpRegisterWrapper strong, #wrapper.d--zenkakugothic + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper strong, #wrapper.d--zenkakugothic + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper strong, #wrapper.d--shipporimincho + #JinrPaidPopUpRegisterWrapper strong, #wrapper.d--shipporimincho + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper strong, #wrapper.d--shipporimincho + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper strong, #wrapper.d--notoserif + #JinrPaidPopUpRegisterWrapper strong, #wrapper.d--notoserif + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper strong, #wrapper.d--notoserif + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper strong {
font-weight: 700;
}
#wrapper.d--zenkakugothic + #JinrPaidPopUpRegisterWrapper .d--bold, #wrapper.d--zenkakugothic + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold, #wrapper.d--zenkakugothic + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold, #wrapper.d--shipporimincho + #JinrPaidPopUpRegisterWrapper .d--bold, #wrapper.d--shipporimincho + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold, #wrapper.d--shipporimincho + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold, #wrapper.d--notoserif + #JinrPaidPopUpRegisterWrapper .d--bold, #wrapper.d--notoserif + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold, #wrapper.d--notoserif + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold {
font-weight: 700;
}
@media (max-width: 551px) {
#wrapper.d--zenkakugothic + #JinrPaidPopUpRegisterWrapper .d--bold-sp, #wrapper.d--zenkakugothic + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold-sp, #wrapper.d--zenkakugothic + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold-sp, #wrapper.d--shipporimincho + #JinrPaidPopUpRegisterWrapper .d--bold-sp, #wrapper.d--shipporimincho + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold-sp, #wrapper.d--shipporimincho + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold-sp, #wrapper.d--notoserif + #JinrPaidPopUpRegisterWrapper .d--bold-sp, #wrapper.d--notoserif + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold-sp, #wrapper.d--notoserif + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold-sp {
font-weight: 700;
}
}
@media (min-width: 552px) {
#wrapper.d--zenkakugothic + #JinrPaidPopUpRegisterWrapper .d--bold-pc, #wrapper.d--zenkakugothic + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold-pc, #wrapper.d--zenkakugothic + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold-pc, #wrapper.d--shipporimincho + #JinrPaidPopUpRegisterWrapper .d--bold-pc, #wrapper.d--shipporimincho + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold-pc, #wrapper.d--shipporimincho + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold-pc, #wrapper.d--notoserif + #JinrPaidPopUpRegisterWrapper .d--bold-pc, #wrapper.d--notoserif + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold-pc, #wrapper.d--notoserif + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold-pc {
font-weight: 700;
}
}
#wrapper.d--notosans-thin, #wrapper.d--kiwimaru, #wrapper.d--mpr-thin {
font-weight: 300;
}
#wrapper.d--notosans-thin strong, #wrapper.d--kiwimaru strong, #wrapper.d--mpr-thin strong {
font-weight: 500;
}
#wrapper.d--notosans-thin .d--bold, #wrapper.d--kiwimaru .d--bold, #wrapper.d--mpr-thin .d--bold {
font-weight: 500;
}
@media (max-width: 551px) {
#wrapper.d--notosans-thin .d--bold-sp, #wrapper.d--kiwimaru .d--bold-sp, #wrapper.d--mpr-thin .d--bold-sp {
font-weight: 500;
}
}
@media (min-width: 552px) {
#wrapper.d--notosans-thin .d--bold-pc, #wrapper.d--kiwimaru .d--bold-pc, #wrapper.d--mpr-thin .d--bold-pc {
font-weight: 500;
}
}
#wrapper.d--notosans-thin + #JinrPaidPopUpRegisterWrapper, #wrapper.d--notosans-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper, #wrapper.d--notosans-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper, #wrapper.d--kiwimaru + #JinrPaidPopUpRegisterWrapper, #wrapper.d--kiwimaru + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper, #wrapper.d--kiwimaru + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper, #wrapper.d--mpr-thin + #JinrPaidPopUpRegisterWrapper, #wrapper.d--mpr-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper, #wrapper.d--mpr-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper {
font-weight: 300;
}
#wrapper.d--notosans-thin + #JinrPaidPopUpRegisterWrapper strong, #wrapper.d--notosans-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper strong, #wrapper.d--notosans-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper strong, #wrapper.d--kiwimaru + #JinrPaidPopUpRegisterWrapper strong, #wrapper.d--kiwimaru + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper strong, #wrapper.d--kiwimaru + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper strong, #wrapper.d--mpr-thin + #JinrPaidPopUpRegisterWrapper strong, #wrapper.d--mpr-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper strong, #wrapper.d--mpr-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper strong {
font-weight: 500;
}
#wrapper.d--notosans-thin + #JinrPaidPopUpRegisterWrapper .d--bold, #wrapper.d--notosans-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold, #wrapper.d--notosans-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold, #wrapper.d--kiwimaru + #JinrPaidPopUpRegisterWrapper .d--bold, #wrapper.d--kiwimaru + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold, #wrapper.d--kiwimaru + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold, #wrapper.d--mpr-thin + #JinrPaidPopUpRegisterWrapper .d--bold, #wrapper.d--mpr-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold, #wrapper.d--mpr-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold {
font-weight: 500;
}
@media (max-width: 551px) {
#wrapper.d--notosans-thin + #JinrPaidPopUpRegisterWrapper .d--bold-sp, #wrapper.d--notosans-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold-sp, #wrapper.d--notosans-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold-sp, #wrapper.d--kiwimaru + #JinrPaidPopUpRegisterWrapper .d--bold-sp, #wrapper.d--kiwimaru + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold-sp, #wrapper.d--kiwimaru + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold-sp, #wrapper.d--mpr-thin + #JinrPaidPopUpRegisterWrapper .d--bold-sp, #wrapper.d--mpr-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold-sp, #wrapper.d--mpr-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold-sp {
font-weight: 500;
}
}
@media (min-width: 552px) {
#wrapper.d--notosans-thin + #JinrPaidPopUpRegisterWrapper .d--bold-pc, #wrapper.d--notosans-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold-pc, #wrapper.d--notosans-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold-pc, #wrapper.d--kiwimaru + #JinrPaidPopUpRegisterWrapper .d--bold-pc, #wrapper.d--kiwimaru + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold-pc, #wrapper.d--kiwimaru + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold-pc, #wrapper.d--mpr-thin + #JinrPaidPopUpRegisterWrapper .d--bold-pc, #wrapper.d--mpr-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper .d--bold-pc, #wrapper.d--mpr-thin + #JinrPaidPopUpRegisterWrapper + #JinrPaidPopUpLoginWrapper + #JinrPaidPopUpLostpasswordWrapper .d--bold-pc {
font-weight: 500;
}
}
#wrapper.d--notosans-thin #postContent ul.is-style-jinr-checkmark li::before,
#wrapper.d--notosans-thin .o--widget-area ul.is-style-jinr-checkmark li::before, #wrapper.d--kiwimaru #postContent ul.is-style-jinr-checkmark li::before,
#wrapper.d--kiwimaru .o--widget-area ul.is-style-jinr-checkmark li::before, #wrapper.d--zenkakugothic #postContent ul.is-style-jinr-checkmark li::before,
#wrapper.d--zenkakugothic .o--widget-area ul.is-style-jinr-checkmark li::before, #wrapper.d--shipporimincho #postContent ul.is-style-jinr-checkmark li::before,
#wrapper.d--shipporimincho .o--widget-area ul.is-style-jinr-checkmark li::before, #wrapper.d--notoserif #postContent ul.is-style-jinr-checkmark li::before,
#wrapper.d--notoserif .o--widget-area ul.is-style-jinr-checkmark li::before {
top: 3px;
}
@media (min-width: 552px) {
#wrapper.d--notosans-thin #postContent ul.is-style-jinr-checkmark li::before,
#wrapper.d--notosans-thin .o--widget-area ul.is-style-jinr-checkmark li::before, #wrapper.d--kiwimaru #postContent ul.is-style-jinr-checkmark li::before,
#wrapper.d--kiwimaru .o--widget-area ul.is-style-jinr-checkmark li::before, #wrapper.d--zenkakugothic #postContent ul.is-style-jinr-checkmark li::before,
#wrapper.d--zenkakugothic .o--widget-area ul.is-style-jinr-checkmark li::before, #wrapper.d--shipporimincho #postContent ul.is-style-jinr-checkmark li::before,
#wrapper.d--shipporimincho .o--widget-area ul.is-style-jinr-checkmark li::before, #wrapper.d--notoserif #postContent ul.is-style-jinr-checkmark li::before,
#wrapper.d--notoserif .o--widget-area ul.is-style-jinr-checkmark li::before {
top: 6px;
}
}
#wrapper.d--notosans-thin #postContent ul.is-style-jinr-checkmark-square li::after,
#wrapper.d--notosans-thin .o--widget-area ul.is-style-jinr-checkmark-square li::after, #wrapper.d--kiwimaru #postContent ul.is-style-jinr-checkmark-square li::after,
#wrapper.d--kiwimaru .o--widget-area ul.is-style-jinr-checkmark-square li::after, #wrapper.d--zenkakugothic #postContent ul.is-style-jinr-checkmark-square li::after,
#wrapper.d--zenkakugothic .o--widget-area ul.is-style-jinr-checkmark-square li::after, #wrapper.d--shipporimincho #postContent ul.is-style-jinr-checkmark-square li::after,
#wrapper.d--shipporimincho .o--widget-area ul.is-style-jinr-checkmark-square li::after, #wrapper.d--notoserif #postContent ul.is-style-jinr-checkmark-square li::after,
#wrapper.d--notoserif .o--widget-area ul.is-style-jinr-checkmark-square li::after {
top: 7px !important;
}
@media (min-width: 552px) {
#wrapper.d--notosans-thin #postContent ul.is-style-jinr-checkmark-square li::after,
#wrapper.d--notosans-thin .o--widget-area ul.is-style-jinr-checkmark-square li::after, #wrapper.d--kiwimaru #postContent ul.is-style-jinr-checkmark-square li::after,
#wrapper.d--kiwimaru .o--widget-area ul.is-style-jinr-checkmark-square li::after, #wrapper.d--zenkakugothic #postContent ul.is-style-jinr-checkmark-square li::after,
#wrapper.d--zenkakugothic .o--widget-area ul.is-style-jinr-checkmark-square li::after, #wrapper.d--shipporimincho #postContent ul.is-style-jinr-checkmark-square li::after,
#wrapper.d--shipporimincho .o--widget-area ul.is-style-jinr-checkmark-square li::after, #wrapper.d--notoserif #postContent ul.is-style-jinr-checkmark-square li::after,
#wrapper.d--notoserif .o--widget-area ul.is-style-jinr-checkmark-square li::after {
top: 8px !important;
}
}
#wrapper.d--notosans-thin #postContent ul.is-style-jinr-checkmark-square li::before,
#wrapper.d--notosans-thin .o--widget-area ul.is-style-jinr-checkmark-square li::before, #wrapper.d--kiwimaru #postContent ul.is-style-jinr-checkmark-square li::before,
#wrapper.d--kiwimaru .o--widget-area ul.is-style-jinr-checkmark-square li::before, #wrapper.d--zenkakugothic #postContent ul.is-style-jinr-checkmark-square li::before,
#wrapper.d--zenkakugothic .o--widget-area ul.is-style-jinr-checkmark-square li::before, #wrapper.d--shipporimincho #postContent ul.is-style-jinr-checkmark-square li::before,
#wrapper.d--shipporimincho .o--widget-area ul.is-style-jinr-checkmark-square li::before, #wrapper.d--notoserif #postContent ul.is-style-jinr-checkmark-square li::before,
#wrapper.d--notoserif .o--widget-area ul.is-style-jinr-checkmark-square li::before {
top: 3px;
}
@media (min-width: 552px) {
#wrapper.d--notosans-thin #postContent ul.is-style-jinr-checkmark-square li::before,
#wrapper.d--notosans-thin .o--widget-area ul.is-style-jinr-checkmark-square li::before, #wrapper.d--kiwimaru #postContent ul.is-style-jinr-checkmark-square li::before,
#wrapper.d--kiwimaru .o--widget-area ul.is-style-jinr-checkmark-square li::before, #wrapper.d--zenkakugothic #postContent ul.is-style-jinr-checkmark-square li::before,
#wrapper.d--zenkakugothic .o--widget-area ul.is-style-jinr-checkmark-square li::before, #wrapper.d--shipporimincho #postContent ul.is-style-jinr-checkmark-square li::before,
#wrapper.d--shipporimincho .o--widget-area ul.is-style-jinr-checkmark-square li::before, #wrapper.d--notoserif #postContent ul.is-style-jinr-checkmark-square li::before,
#wrapper.d--notoserif .o--widget-area ul.is-style-jinr-checkmark-square li::before {
top: 5px;
}
}
.d--zenkakugothic .editor-styles-wrapper,
.d--zenkakugothic .edit-post-visual-editor,
.d--shipporimincho .editor-styles-wrapper,
.d--shipporimincho .edit-post-visual-editor,
.d--notoserif .editor-styles-wrapper,
.d--notoserif .edit-post-visual-editor {
font-weight: 400;
}
.d--zenkakugothic .editor-styles-wrapper strong,
.d--zenkakugothic .edit-post-visual-editor strong,
.d--shipporimincho .editor-styles-wrapper strong,
.d--shipporimincho .edit-post-visual-editor strong,
.d--notoserif .editor-styles-wrapper strong,
.d--notoserif .edit-post-visual-editor strong {
font-weight: 700;
}
.d--zenkakugothic .editor-styles-wrapper .d--bold,
.d--zenkakugothic .edit-post-visual-editor .d--bold,
.d--shipporimincho .editor-styles-wrapper .d--bold,
.d--shipporimincho .edit-post-visual-editor .d--bold,
.d--notoserif .editor-styles-wrapper .d--bold,
.d--notoserif .edit-post-visual-editor .d--bold {
font-weight: 700;
}
@media (max-width: 551px) {
.d--zenkakugothic .editor-styles-wrapper .d--bold-sp,
.d--zenkakugothic .edit-post-visual-editor .d--bold-sp,
.d--shipporimincho .editor-styles-wrapper .d--bold-sp,
.d--shipporimincho .edit-post-visual-editor .d--bold-sp,
.d--notoserif .editor-styles-wrapper .d--bold-sp,
.d--notoserif .edit-post-visual-editor .d--bold-sp {
font-weight: 700;
}
}
@media (min-width: 552px) {
.d--zenkakugothic .editor-styles-wrapper .d--bold-pc,
.d--zenkakugothic .edit-post-visual-editor .d--bold-pc,
.d--shipporimincho .editor-styles-wrapper .d--bold-pc,
.d--shipporimincho .edit-post-visual-editor .d--bold-pc,
.d--notoserif .editor-styles-wrapper .d--bold-pc,
.d--notoserif .edit-post-visual-editor .d--bold-pc {
font-weight: 700;
}
}
.d--notosans-thin .editor-styles-wrapper,
.d--notosans-thin .edit-post-visual-editor,
.d--kiwimaru .editor-styles-wrapper,
.d--kiwimaru .edit-post-visual-editor,
.d--mpr-thin .editor-styles-wrapper,
.d--mpr-thin .edit-post-visual-editor {
font-weight: 300;
}
.d--notosans-thin .editor-styles-wrapper strong,
.d--notosans-thin .edit-post-visual-editor strong,
.d--kiwimaru .editor-styles-wrapper strong,
.d--kiwimaru .edit-post-visual-editor strong,
.d--mpr-thin .editor-styles-wrapper strong,
.d--mpr-thin .edit-post-visual-editor strong {
font-weight: 500;
}
.d--notosans-thin .editor-styles-wrapper .d--bold,
.d--notosans-thin .edit-post-visual-editor .d--bold,
.d--kiwimaru .editor-styles-wrapper .d--bold,
.d--kiwimaru .edit-post-visual-editor .d--bold,
.d--mpr-thin .editor-styles-wrapper .d--bold,
.d--mpr-thin .edit-post-visual-editor .d--bold {
font-weight: 500;
}
@media (max-width: 551px) {
.d--notosans-thin .editor-styles-wrapper .d--bold-sp,
.d--notosans-thin .edit-post-visual-editor .d--bold-sp,
.d--kiwimaru .editor-styles-wrapper .d--bold-sp,
.d--kiwimaru .edit-post-visual-editor .d--bold-sp,
.d--mpr-thin .editor-styles-wrapper .d--bold-sp,
.d--mpr-thin .edit-post-visual-editor .d--bold-sp {
font-weight: 500;
}
}
@media (min-width: 552px) {
.d--notosans-thin .editor-styles-wrapper .d--bold-pc,
.d--notosans-thin .edit-post-visual-editor .d--bold-pc,
.d--kiwimaru .editor-styles-wrapper .d--bold-pc,
.d--kiwimaru .edit-post-visual-editor .d--bold-pc,
.d--mpr-thin .editor-styles-wrapper .d--bold-pc,
.d--mpr-thin .edit-post-visual-editor .d--bold-pc {
font-weight: 500;
}
}
.d--zenkakugothic .d--postlist-newstext .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--zenkakugothic .d--postlist-newstext .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--zenkakugothic .d--postlist-newstext .o--postlist-item:nth-of-type(3) .c--post-ranking:before,
.d--notoserif .d--postlist-newstext .o--postlist-item:nth-of-type(1) .c--post-ranking:before,
.d--notoserif .d--postlist-newstext .o--postlist-item:nth-of-type(2) .c--post-ranking:before,
.d--notoserif .d--postlist-newstext .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 6px;
}
.d--kiwimaru .d--postlist-newstext .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--kiwimaru .d--postlist-newstext .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--kiwimaru .d--postlist-newstext .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 3px;
}
.d--notosans-thin .d--postlist-square .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--notosans-thin .d--postlist-square .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--notosans-thin .d--postlist-square .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 6px;
}
.d--notosans-thin .d--postlist-square.d--postlist-column4 .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--notosans-thin .d--postlist-square.d--postlist-column4 .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--notosans-thin .d--postlist-square.d--postlist-column4 .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 6px;
}
@media (max-width: 551px) {
.d--notosans-thin.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--notosans-thin.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--notosans-thin.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 5px;
}
}
.d--notosans-thin .d--postlist-rectangle .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--notosans-thin .d--postlist-rectangle .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--notosans-thin .d--postlist-rectangle .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 5px;
}
@media (max-width: 551px) {
.d--notosans-thin.d--material-design .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--notosans-thin.d--material-design .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--notosans-thin.d--material-design .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(3) .c--post-ranking {
width: 17px;
height: 17px;
}
.d--notosans-thin.d--material-design .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--notosans-thin.d--material-design .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--notosans-thin.d--material-design .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 5px;
}
}
.d--notosans-thin .d--postlist-slider .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--notosans-thin .d--postlist-slider .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--notosans-thin .d--postlist-slider .o--postlist-item:nth-of-type(3) .c--post-ranking {
height: 19px;
}
.d--notosans-thin .d--postlist-slider .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--notosans-thin .d--postlist-slider .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--notosans-thin .d--postlist-slider .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 6px;
}
@media (max-width: 551px) {
.d--notosans-thin .d--postlist-slider-sp .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--notosans-thin .d--postlist-slider-sp .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--notosans-thin .d--postlist-slider-sp .o--postlist-item:nth-of-type(3) .c--post-ranking {
height: 17px;
}
}
@media (max-width: 551px) {
.d--notosans-thin .d--postlist-newstext-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--notosans-thin .d--postlist-newstext-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--notosans-thin .d--postlist-newstext-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 5px;
}
}
.d--zenkakugothic .d--postlist-square .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--zenkakugothic .d--postlist-square .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--zenkakugothic .d--postlist-square .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 7px;
}
.d--zenkakugothic .d--postlist-square.d--postlist-column4 .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--zenkakugothic .d--postlist-square.d--postlist-column4 .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--zenkakugothic .d--postlist-square.d--postlist-column4 .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 6px;
}
@media (max-width: 551px) {
.d--zenkakugothic.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--zenkakugothic.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--zenkakugothic.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 5px;
}
}
.d--zenkakugothic .d--postlist-rectangle .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--zenkakugothic .d--postlist-rectangle .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--zenkakugothic .d--postlist-rectangle .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.85em;
top: 1px;
left: 6px;
}
.d--zenkakugothic .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--zenkakugothic .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--zenkakugothic .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.75em;
top: 1px;
left: 5px;
}
@media (max-width: 551px) {
.d--zenkakugothic.d--material-design .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--zenkakugothic.d--material-design .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--zenkakugothic.d--material-design .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 5px;
}
}
.d--zenkakugothic .d--postlist-slider .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--zenkakugothic .d--postlist-slider .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--zenkakugothic .d--postlist-slider .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.9em;
top: 2px;
left: 6px;
}
@media (max-width: 551px) {
.d--zenkakugothic .d--postlist-slider-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--zenkakugothic .d--postlist-slider-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--zenkakugothic .d--postlist-slider-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 1px;
}
}
@media (max-width: 551px) {
.d--zenkakugothic .d--postlist-newstext-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--zenkakugothic .d--postlist-newstext-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--zenkakugothic .d--postlist-newstext-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.75em;
top: 2px;
left: 5px;
}
}
.d--mpr-thin .d--postlist-square .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--mpr-thin .d--postlist-square .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--mpr-thin .d--postlist-square .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.9em;
}
.d--mpr-thin .d--postlist-square.d--postlist-column4 .o--postlist-item .c--post-ranking:nth-of-type(1):before, .d--mpr-thin .d--postlist-square.d--postlist-column4 .o--postlist-item .c--post-ranking:nth-of-type(2):before, .d--mpr-thin .d--postlist-square.d--postlist-column4 .o--postlist-item .c--post-ranking:nth-of-type(3):before {
font-size: 0.85em;
}
@media (max-width: 551px) {
.d--mpr-thin.d--material-design .d--postlist-square-sp.d--postlist-column1-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--mpr-thin.d--material-design .d--postlist-square-sp.d--postlist-column1-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--mpr-thin.d--material-design .d--postlist-square-sp.d--postlist-column1-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 3px;
left: 5px;
}
}
.d--mpr-thin .d--postlist-rectangle .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--mpr-thin .d--postlist-rectangle .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--mpr-thin .d--postlist-rectangle .o--postlist-item:nth-of-type(3) .c--post-ranking {
width: 19px;
height: 19px;
}
.d--mpr-thin .d--postlist-rectangle .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--mpr-thin .d--postlist-rectangle .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--mpr-thin .d--postlist-rectangle .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.85em;
top: 3px;
}
.d--mpr-thin .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--mpr-thin .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--mpr-thin .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.75em;
top: 2px;
left: 4px;
}
@media (max-width: 551px) {
.d--mpr-thin.d--material-design .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--mpr-thin.d--material-design .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--mpr-thin.d--material-design .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 4px;
}
}
.d--mpr-thin .d--postlist-slider .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--mpr-thin .d--postlist-slider .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--mpr-thin .d--postlist-slider .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.9em;
top: 3px;
left: 5px;
}
@media (max-width: 551px) {
.d--mpr-thin .d--postlist-slider-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--mpr-thin .d--postlist-slider-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--mpr-thin .d--postlist-slider-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 3px;
font-size: 0.8em;
}
}
@media (max-width: 551px) {
.d--mpr-thin .d--postlist-newstext-sp .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--mpr-thin .d--postlist-newstext-sp .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--mpr-thin .d--postlist-newstext-sp .o--postlist-item:nth-of-type(3) .c--post-ranking {
width: 17px;
height: 17px;
}
.d--mpr-thin .d--postlist-newstext-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--mpr-thin .d--postlist-newstext-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--mpr-thin .d--postlist-newstext-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.75em;
top: 3px;
left: 5px;
}
}
.d--shipporimincho .d--postlist-square .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--shipporimincho .d--postlist-square .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--shipporimincho .d--postlist-square .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.9em;
top: 2px;
left: 6px;
}
.d--shipporimincho .d--postlist-square.d--postlist-column4 .o--postlist-item .c--post-ranking:nth-of-type(1):before, .d--shipporimincho .d--postlist-square.d--postlist-column4 .o--postlist-item .c--post-ranking:nth-of-type(2):before, .d--shipporimincho .d--postlist-square.d--postlist-column4 .o--postlist-item .c--post-ranking:nth-of-type(3):before {
top: 1px;
font-size: 0.85em;
}
@media (max-width: 551px) {
.d--shipporimincho.d--material-design .d--postlist-square-sp.d--postlist-column1-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--shipporimincho.d--material-design .d--postlist-square-sp.d--postlist-column1-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--shipporimincho.d--material-design .d--postlist-square-sp.d--postlist-column1-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 5px;
}
.d--shipporimincho.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--shipporimincho.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--shipporimincho.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 5px;
}
}
.d--shipporimincho .d--postlist-rectangle .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--shipporimincho .d--postlist-rectangle .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--shipporimincho .d--postlist-rectangle .o--postlist-item:nth-of-type(3) .c--post-ranking {
width: 20px;
height: 20px;
}
.d--shipporimincho .d--postlist-rectangle .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--shipporimincho .d--postlist-rectangle .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--shipporimincho .d--postlist-rectangle .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.9em;
top: 2px;
left: 6px;
}
.d--shipporimincho .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--shipporimincho .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--shipporimincho .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(3) .c--post-ranking {
width: 18px;
height: 18px;
}
.d--shipporimincho .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--shipporimincho .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--shipporimincho .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 1px;
left: 5px;
}
@media (max-width: 551px) {
.d--shipporimincho .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--shipporimincho .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--shipporimincho .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(3) .c--post-ranking {
width: 18px;
height: 18px;
}
.d--shipporimincho .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--shipporimincho .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--shipporimincho .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 5px;
font-size: 0.85em;
}
}
.d--shipporimincho .d--postlist-slider .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--shipporimincho .d--postlist-slider .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--shipporimincho .d--postlist-slider .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.9em;
top: 2px;
left: 6px;
}
@media (max-width: 551px) {
.d--shipporimincho .d--postlist-slider-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--shipporimincho .d--postlist-slider-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--shipporimincho .d--postlist-slider-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
font-size: 0.8em;
}
}
.d--shipporimincho .d--postlist-newstext .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--shipporimincho .d--postlist-newstext .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--shipporimincho .d--postlist-newstext .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 6px;
}
@media (max-width: 551px) {
.d--shipporimincho .d--postlist-newstext-sp .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--shipporimincho .d--postlist-newstext-sp .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--shipporimincho .d--postlist-newstext-sp .o--postlist-item:nth-of-type(3) .c--post-ranking {
width: 17px;
height: 17px;
}
.d--shipporimincho .d--postlist-newstext-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--shipporimincho .d--postlist-newstext-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--shipporimincho .d--postlist-newstext-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.75em;
top: 2px;
left: 5px;
}
}
.d--notoserif .d--postlist-square .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--notoserif .d--postlist-square .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--notoserif .d--postlist-square .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.9em;
top: 2px;
left: 6px;
}
.d--notoserif .d--postlist-square.d--postlist-column4 .o--postlist-item .c--post-ranking:nth-of-type(1):before, .d--notoserif .d--postlist-square.d--postlist-column4 .o--postlist-item .c--post-ranking:nth-of-type(2):before, .d--notoserif .d--postlist-square.d--postlist-column4 .o--postlist-item .c--post-ranking:nth-of-type(3):before {
top: 1px;
font-size: 0.85em;
}
@media (max-width: 551px) {
.d--notoserif.d--material-design .d--postlist-square-sp.d--postlist-column1-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--notoserif.d--material-design .d--postlist-square-sp.d--postlist-column1-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--notoserif.d--material-design .d--postlist-square-sp.d--postlist-column1-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 5px;
}
.d--notoserif.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--notoserif.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--notoserif.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 5px;
}
}
.d--notoserif .d--postlist-rectangle .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--notoserif .d--postlist-rectangle .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--notoserif .d--postlist-rectangle .o--postlist-item:nth-of-type(3) .c--post-ranking {
width: 20px;
height: 20px;
}
.d--notoserif .d--postlist-rectangle .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--notoserif .d--postlist-rectangle .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--notoserif .d--postlist-rectangle .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.9em;
top: 2px;
left: 6px;
}
.d--notoserif .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--notoserif .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--notoserif .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(3) .c--post-ranking {
width: 18px;
height: 18px;
}
.d--notoserif .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--notoserif .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--notoserif .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.8em;
top: 2px;
left: 5px;
}
@media (max-width: 551px) {
.d--notoserif .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--notoserif .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--notoserif .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(3) .c--post-ranking {
width: 18px;
height: 18px;
}
.d--notoserif .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--notoserif .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--notoserif .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 3px;
left: 5px;
font-size: 0.75em;
}
}
.d--notoserif .d--postlist-slider .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--notoserif .d--postlist-slider .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--notoserif .d--postlist-slider .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.9em;
top: 2px;
left: 6px;
}
@media (max-width: 551px) {
.d--notoserif .d--postlist-slider-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--notoserif .d--postlist-slider-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--notoserif .d--postlist-slider-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
font-size: 0.8em;
}
}
.d--notoserif .d--postlist-newstext .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--notoserif .d--postlist-newstext .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--notoserif .d--postlist-newstext .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 6px;
}
@media (max-width: 551px) {
.d--notoserif .d--postlist-newstext-sp .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--notoserif .d--postlist-newstext-sp .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--notoserif .d--postlist-newstext-sp .o--postlist-item:nth-of-type(3) .c--post-ranking {
width: 17px;
height: 17px;
}
.d--notoserif .d--postlist-newstext-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--notoserif .d--postlist-newstext-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--notoserif .d--postlist-newstext-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.75em;
top: 2px;
left: 5px;
}
}
.d--kiwimaru .d--postlist-square .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--kiwimaru .d--postlist-square .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--kiwimaru .d--postlist-square .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.9em;
top: 2px;
left: 6px;
}
.d--kiwimaru .d--postlist-square.d--postlist-column4 .o--postlist-item .c--post-ranking:nth-of-type(1):before, .d--kiwimaru .d--postlist-square.d--postlist-column4 .o--postlist-item .c--post-ranking:nth-of-type(2):before, .d--kiwimaru .d--postlist-square.d--postlist-column4 .o--postlist-item .c--post-ranking:nth-of-type(3):before {
top: 1px;
font-size: 0.85em;
}
@media (max-width: 551px) {
.d--kiwimaru.d--material-design .d--postlist-square-sp.d--postlist-column1-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--kiwimaru.d--material-design .d--postlist-square-sp.d--postlist-column1-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--kiwimaru.d--material-design .d--postlist-square-sp.d--postlist-column1-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 6px;
}
.d--kiwimaru.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--kiwimaru.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--kiwimaru.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 5px;
}
}
.d--kiwimaru .d--postlist-rectangle .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--kiwimaru .d--postlist-rectangle .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--kiwimaru .d--postlist-rectangle .o--postlist-item:nth-of-type(3) .c--post-ranking {
width: 20px;
height: 20px;
}
.d--kiwimaru .d--postlist-rectangle .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--kiwimaru .d--postlist-rectangle .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--kiwimaru .d--postlist-rectangle .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.9em;
top: 2px;
left: 6px;
}
.d--kiwimaru .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--kiwimaru .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--kiwimaru .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(3) .c--post-ranking {
width: 18px;
height: 18px;
}
.d--kiwimaru .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--kiwimaru .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--kiwimaru .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.8em;
top: 2px;
left: 5px;
}
@media (max-width: 551px) {
.d--kiwimaru .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--kiwimaru .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--kiwimaru .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(3) .c--post-ranking {
width: 18px;
height: 18px;
}
.d--kiwimaru .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--kiwimaru .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--kiwimaru .d--postlist-rectangle-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 3px;
left: 5px;
font-size: 0.75em;
}
}
.d--kiwimaru .d--postlist-slider .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--kiwimaru .d--postlist-slider .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--kiwimaru .d--postlist-slider .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.9em;
top: 2px;
left: 6px;
}
@media (max-width: 551px) {
.d--kiwimaru .d--postlist-slider-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--kiwimaru .d--postlist-slider-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--kiwimaru .d--postlist-slider-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 5px;
font-size: 0.8em;
}
}
.d--kiwimaru .d--postlist-newstext .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--kiwimaru .d--postlist-newstext .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--kiwimaru .d--postlist-newstext .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
top: 2px;
left: 5px;
}
@media (max-width: 551px) {
.d--kiwimaru .d--postlist-newstext-sp .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--kiwimaru .d--postlist-newstext-sp .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--kiwimaru .d--postlist-newstext-sp .o--postlist-item:nth-of-type(3) .c--post-ranking {
width: 17px;
height: 17px;
}
.d--kiwimaru .d--postlist-newstext-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--kiwimaru .d--postlist-newstext-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--kiwimaru .d--postlist-newstext-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.75em;
top: 2px;
left: 5px;
}
}
.ef {
font-feature-settings: "palt";
letter-spacing: 1px;
} @font-face {
font-family: "jin-icons";
src: url(//santenreader.com/wp-content/themes/jinr/lib/font/jin-icons/jin-icons.woff?c16tcv) format("woff"), url(//santenreader.com/wp-content/themes/jinr/lib/font/jin-icons/jin-icons.svg?c16tcv#jin-icons) format("svg");
font-weight: normal;
font-style: normal;
}
[class^=jin-ifont-], [class*=" jin-ifont-"] { font-family: "jin-icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
will-change: transform; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^=jin-ifont-]:before, [class*=" jin-ifont-"]:before {
font-size: 1em;
display: inline-block;
will-change: transform;
}
.jin-icons {
display: inline-block;
}
.jif {
font-size: 0.96em;
}
.in--p:before {
font-size: 0.9em;
}
.jin-ifont-account:before {
content: "\e900";
}
.jin-ifont-archive:before {
content: "\e901";
}
.jin-ifont-arrowcircle:before {
content: "\e902";
}
.jin-ifont-arrowtop:before {
content: "\e903";
}
.jin-ifont-arrow:before {
content: "\e904";
}
.jin-ifont-batu:before {
content: "\e905";
}
.jin-ifont-book:before {
content: "\e906";
}
.jin-ifont-bulb:before {
content: "\e907";
}
.jin-ifont-cart:before {
content: "\e908";
}
.jin-ifont-caution:before {
content: "\e909";
}
.jin-ifont-checkcircle:before {
content: "\e90a";
}
.jin-ifont-check:before {
content: "\e90b";
}
.jin-ifont-clipboard:before {
content: "\e90c";
}
.jin-ifont-comment:before {
content: "\e90d";
}
.jin-ifont-copy:before {
content: "\e90e";
}
.jin-ifont-crown:before {
content: "\e90f";
}
.jin-ifont-doublearrow:before {
content: "\e910";
}
.jin-ifont-droppin:before {
content: "\e911";
}
.jin-ifont-facebook:before {
content: "\e912";
}
.jin-ifont-flag:before {
content: "\e913";
}
.jin-ifont-folder:before {
content: "\e914";
}
.jin-ifont-gear:before {
content: "\e915";
}
.jin-ifont-heart:before {
content: "\e916";
}
.jin-ifont-home:before {
content: "\e917";
}
.jin-ifont-information:before {
content: "\e918";
}
.jin-ifont-instagram:before {
content: "\e919";
}
.jin-ifont-like:before {
content: "\e91a";
}
.jin-ifont-line:before {
content: "\e91b";
}
.jin-ifont-mail:before {
content: "\e91c";
}
.jin-ifont-maru:before {
content: "\e91d";
}
.jin-ifont-mobile:before {
content: "\e91e";
}
.jin-ifont-navi:before {
content: "\e91f";
}
.jin-ifont-pc:before {
content: "\e920";
}
.jin-ifont-pencil:before {
content: "\e921";
}
.jin-ifont-plus:before {
content: "\e922";
}
.jin-ifont-question:before {
content: "\e923";
}
.jin-ifont-quote:before {
content: "\e924";
}
.jin-ifont-relatedpost:before {
content: "\e925";
}
.jin-ifont-reload:before {
content: "\e926";
}
.jin-ifont-reply:before {
content: "\e927";
}
.jin-ifont-speaker:before {
content: "\e928";
}
.jin-ifont-starblank:before {
content: "\e929";
}
.jin-ifont-starhalf:before {
content: "\e92a";
}
.jin-ifont-star:before {
content: "\e92b";
}
.jin-ifont-tag:before {
content: "\e92c";
}
.jin-ifont-twitter:before {
content: "\e92d";
}
.jin-ifont-unlike:before {
content: "\e92e";
}
.jin-ifont-watch:before {
content: "\e92f";
}
.jin-ifont-youtube:before {
content: "\e930";
}
.jin-ifont-search:before {
content: "\e931";
}
.jin-ifont-arrowbottom:before {
content: "\e932";
}
.jin-ifont-arrowleft:before {
content: "\e933";
}
.jin-ifont-blogtext:before {
content: "\e934";
}
.jin-ifont-clover:before {
content: "\e935";
}
.jin-ifont-post:before {
content: "\e936";
}
.jin-ifont-facebookt:before {
content: "\e937";
}
.jin-ifont-pocket:before {
content: "\e938";
}
.jin-ifont-bookmark:before {
content: "\e939";
}
.jin-ifont-copyright:before {
content: "\e93a";
}
.jin-ifont-inazuma:before {
content: "\e93b";
}
.jin-ifont-share:before {
content: "\e93c";
}
.jin-ifont-spanner:before {
content: "\e93d";
}
.jin-ifont-books:before {
content: "\e93e";
}
.jin-ifont-calendar:before {
content: "\e93f";
}
.jin-ifont-coin:before {
content: "\e940";
}
.jin-ifont-illust:before {
content: "\e941";
}
.jin-ifont-lock:before {
content: "\e942";
}
.jin-ifont-mailsend:before {
content: "\e943";
}
.jin-ifont-movie:before {
content: "\e944";
}
.jin-ifont-photo:before {
content: "\e945";
}
.jin-ifont-program:before {
content: "\e946";
}
.jin-ifont-website:before {
content: "\e947";
}
.jin-ifont-writer:before {
content: "\e948";
}
.jin-ifont-coincover:before {
content: "\e949";
}
.jin-ifont-airline:before {
content: "\e94a";
}
.jin-ifont-arrowbcircle:before {
content: "\e94b";
}
.jin-ifont-arrowb:before {
content: "\e94c";
}
.jin-ifont-arrowclear:before {
content: "\e94d";
}
.jin-ifont-arrowrsquare:before {
content: "\e94e";
}
.jin-ifont-baby:before {
content: "\e94f";
}
.jin-ifont-bike:before {
content: "\e950";
}
.jin-ifont-birthdaycake:before {
content: "\e951";
}
.jin-ifont-bitcoin:before {
content: "\e952";
}
.jin-ifont-bitcoinwallet:before {
content: "\e953";
}
.jin-ifont-bookopen:before {
content: "\e954";
}
.jin-ifont-bottoms:before {
content: "\e955";
}
.jin-ifont-cafe:before {
content: "\e956";
}
.jin-ifont-camera:before {
content: "\e957";
}
.jin-ifont-car:before {
content: "\e958";
}
.jin-ifont-cardboadbox3:before {
content: "\e959";
}
.jin-ifont-cardboardbox:before {
content: "\e95a";
}
.jin-ifont-cat:before {
content: "\e95b";
}
.jin-ifont-chick:before {
content: "\e95c";
}
.jin-ifont-conditioner:before {
content: "\e95d";
}
.jin-ifont-cosme:before {
content: "\e95e";
}
.jin-ifont-couple:before {
content: "\e95f";
}
.jin-ifont-creditcard:before {
content: "\e960";
}
.jin-ifont-datsumou:before {
content: "\e961";
}
.jin-ifont-diamond:before {
content: "\e962";
}
.jin-ifont-dinner:before {
content: "\e963";
}
.jin-ifont-dog:before {
content: "\e964";
}
.jin-ifont-download:before {
content: "\e965";
}
.jin-ifont-drag:before {
content: "\e966";
}
.jin-ifont-dumbbell:before {
content: "\e967";
}
.jin-ifont-earphone:before {
content: "\e968";
}
.jin-ifont-female:before {
content: "\e969";
}
.jin-ifont-flower:before {
content: "\e96a";
}
.jin-ifont-folkspoon:before {
content: "\e96b";
}
.jin-ifont-game:before {
content: "\e96c";
}
.jin-ifont-girl:before {
content: "\e96d";
}
.jin-ifont-graph:before {
content: "\e96e";
}
.jin-ifont-handbag:before {
content: "\e96f";
}
.jin-ifont-headphone:before {
content: "\e970";
}
.jin-ifont-homewifi:before {
content: "\e971";
}
.jin-ifont-kid:before {
content: "\e972";
}
.jin-ifont-kirakira:before {
content: "\e973";
}
.jin-ifont-link:before {
content: "\e974";
}
.jin-ifont-lipstick:before {
content: "\e975";
}
.jin-ifont-makeup:before {
content: "\e976";
}
.jin-ifont-male:before {
content: "\e977";
}
.jin-ifont-malefemale:before {
content: "\e978";
}
.jin-ifont-moneybag:before {
content: "\e979";
}
.jin-ifont-moneywallet:before {
content: "\e97a";
}
.jin-ifont-nikukyu:before {
content: "\e97b";
}
.jin-ifont-onpu:before {
content: "\e97c";
}
.jin-ifont-paint:before {
content: "\e97d";
}
.jin-ifont-petfood:before {
content: "\e97e";
}
.jin-ifont-plant:before {
content: "\e97f";
}
.jin-ifont-pocketwifi:before {
content: "\e980";
}
.jin-ifont-prbadge:before {
content: "\e981";
}
.jin-ifont-present:before {
content: "\e982";
}
.jin-ifont-qrpay:before {
content: "\e983";
}
.jin-ifont-rice:before {
content: "\e984";
}
.jin-ifont-rpoint:before {
content: "\e985";
}
.jin-ifont-rucksack:before {
content: "\e986";
}
.jin-ifont-saving:before {
content: "\e987";
}
.jin-ifont-scooter:before {
content: "\e988";
}
.jin-ifont-seedleaf:before {
content: "\e989";
}
.jin-ifont-shoes:before {
content: "\e98a";
}
.jin-ifont-simcard:before {
content: "\e98b";
}
.jin-ifont-skirt:before {
content: "\e98c";
}
.jin-ifont-smartphone:before {
content: "\e98d";
}
.jin-ifont-smartspeaker:before {
content: "\e98e";
}
.jin-ifont-smile:before {
content: "\e98f";
}
.jin-ifont-sun:before {
content: "\e990";
}
.jin-ifont-supplement:before {
content: "\e991";
}
.jin-ifont-supplement2:before {
content: "\e992";
}
.jin-ifont-tapioka:before {
content: "\e993";
}
.jin-ifont-telephone:before {
content: "\e994";
}
.jin-ifont-tops:before {
content: "\e995";
}
.jin-ifont-trade:before {
content: "\e996";
}
.jin-ifont-video:before {
content: "\e997";
}
.jin-ifont-weddingring:before {
content: "\e998";
}
.jin-ifont-weightscale:before {
content: "\e999";
}
.jin-ifont-wifi:before {
content: "\e99a";
}
.jin-ifont-wirelessearphone:before {
content: "\e99b";
}
.jin-ifont-answertxt:before {
content: "\e99c";
}
.jin-ifont-questiontxt:before {
content: "\e99d";
}
.jin-ifont-starcircle:before {
content: "\e99e";
}
.jin-ifont-fire:before {
content: "\e99f";
}
.jin-ifont-hamburger:before {
content: "\e9a0";
}
.jin-ifont-fish:before {
content: "\e9a1";
}
.jin-ifont-heartcircle:before {
content: "\e9a2";
}
.jin-ifont-hourglass:before {
content: "\e9a3";
}
.jin-ifont-info:before {
content: "\e9a4";
}
.jin-ifont-leaf:before {
content: "\e9a5";
}
.jin-ifont-moon:before {
content: "\e9a6";
}
.jin-ifont-plug:before {
content: "\e9a7";
}
.jin-ifont-rocket:before {
content: "\e9a8";
}
.jin-ifont-sailing:before {
content: "\e9a9";
}
.jin-ifont-slash:before {
content: "\e9aa";
}
.jin-ifont-extlink:before {
content: "\e9ab";
}
.jin-ifont-timer:before {
content: "\e9ac";
}
.jin-ifont-tv:before {
content: "\e9ad";
}
.jin-ifont-videocamera:before {
content: "\e9ae";
}
.jin-ifont-wine:before {
content: "\e9af";
}
.jin-ifont-anchor:before {
content: "\e9b0";
}
.jin-ifont-aqua:before {
content: "\e9b1";
}
.jin-ifont-backslash:before {
content: "\e9b2";
}
.jin-ifont-badge:before {
content: "\e9b4";
}
.jin-ifont-baseball:before {
content: "\e9b5";
}
.jin-ifont-basket:before {
content: "\e9b6";
}
.jin-ifont-basketball:before {
content: "\e9b7";
}
.jin-ifont-beachparasol:before {
content: "\e9b8";
}
.jin-ifont-businessman:before {
content: "\e9b9";
}
.jin-ifont-cameraretro:before {
content: "\e9ba";
}
.jin-ifont-carrot:before {
content: "\e9bb";
}
.jin-ifont-compass:before {
content: "\e9bc";
}
.jin-ifont-dollar:before {
content: "\e9bd";
}
.jin-ifont-academic:before {
content: "\e9be";
}
.jin-ifont-bell:before {
content: "\e9bf";
}
.jin-ifont-circle:before {
content: "\e9c0";
}
.jin-ifont-camp:before {
content: "\e9c1";
}
.jin-ifont-drier:before {
content: "\e9c2";
}
.jin-ifont-fingerbottom:before {
content: "\e9c3";
}
.jin-ifont-fingerright:before {
content: "\e9c4";
}
.jin-ifont-key:before {
content: "\e9c5";
}
.jin-ifont-number1square:before {
content: "\e9c6";
}
.jin-ifont-number2square:before {
content: "\e9c7";
}
.jin-ifont-number3square:before {
content: "\e9c8";
}
.jin-ifont-number4square:before {
content: "\e9c9";
}
.jin-ifont-number5square:before {
content: "\e9ca";
}
.jin-ifont-number6square:before {
content: "\e9cb";
}
.jin-ifont-number7square:before {
content: "\e9cc";
}
.jin-ifont-number8square:before {
content: "\e9cd";
}
.jin-ifont-number9square:before {
content: "\e9ce";
}
.jin-ifont-number10square:before {
content: "\e9cf";
}
.jin-ifont-number1circle:before {
content: "\e9d0";
}
.jin-ifont-number2circle:before {
content: "\e9d1";
}
.jin-ifont-number3circle:before {
content: "\e9d2";
}
.jin-ifont-number4circle:before {
content: "\e9d3";
}
.jin-ifont-number5circle:before {
content: "\e9d4";
}
.jin-ifont-number6circle:before {
content: "\e9d5";
}
.jin-ifont-number7circle:before {
content: "\e9d6";
}
.jin-ifont-number8circle:before {
content: "\e9d7";
}
.jin-ifont-number9circle:before {
content: "\e9d8";
}
.jin-ifont-number10circle:before {
content: "\e9d9";
}
.jin-ifont-answerbox:before {
content: "\e9da";
}
.jin-ifont-questionbox:before {
content: "\e9db";
}
.jin-ifont-wordpress:before {
content: "\e9dc";
}
.jin-ifont-pinterest:before {
content: "\e9dd";
}
.jin-ifont-amazon:before {
content: "\e9de";
}
.jin-ifont-v2academic:before {
content: "\e9df";
}
.jin-ifont-v2account:before {
content: "\e9e0";
}
.jin-ifont-v2airline:before {
content: "\e9e1";
}
.jin-ifont-v2anchor:before {
content: "\e9e2";
}
.jin-ifont-v2aqua:before {
content: "\e9e3";
}
.jin-ifont-v2archive:before {
content: "\e9e4";
}
.jin-ifont-v2arrow:before {
content: "\e9e5";
}
.jin-ifont-v2arrowbcircle:before {
content: "\e9e7";
}
.jin-ifont-v2arrowbottom:before {
content: "\e9e8";
}
.jin-ifont-v2arrowcircle:before {
content: "\e9e9";
}
.jin-ifont-v2arrowdouble:before {
content: "\e9eb";
}
.jin-ifont-v2arrowleft:before {
content: "\e9ec";
}
.jin-ifont-v2arrowtop:before {
content: "\e9ee";
}
.jin-ifont-v2baby:before {
content: "\e9ef";
}
.jin-ifont-v2badge:before {
content: "\e9f0";
}
.jin-ifont-v2baseball:before {
content: "\e9f1";
}
.jin-ifont-v2basket:before {
content: "\e9f2";
}
.jin-ifont-v2basketball:before {
content: "\e9f3";
}
.jin-ifont-v2beachparasol:before {
content: "\e9f4";
}
.jin-ifont-v2bell:before {
content: "\e9f5";
}
.jin-ifont-v2bike:before {
content: "\e9f6";
}
.jin-ifont-v2birthdaycake:before {
content: "\e9f7";
}
.jin-ifont-v2bitcoin:before {
content: "\e9f8";
}
.jin-ifont-v2bitcoinwallet:before {
content: "\e9f9";
}
.jin-ifont-v2book:before {
content: "\e9fa";
}
.jin-ifont-v2bookmark:before {
content: "\e9fb";
}
.jin-ifont-v2bookopen:before {
content: "\e9fc";
}
.jin-ifont-v2books:before {
content: "\e9fd";
}
.jin-ifont-v2bottoms:before {
content: "\e9fe";
}
.jin-ifont-v2bulb:before {
content: "\e9ff";
}
.jin-ifont-v2businessman:before {
content: "\ea00";
}
.jin-ifont-v2cafe:before {
content: "\ea01";
}
.jin-ifont-v2calendar:before {
content: "\ea02";
}
.jin-ifont-v2camera:before {
content: "\ea03";
}
.jin-ifont-v2cameraretro:before {
content: "\ea04";
}
.jin-ifont-v2camp:before {
content: "\ea05";
}
.jin-ifont-v2car:before {
content: "\ea06";
}
.jin-ifont-v2cardboardbox:before {
content: "\ea07";
}
.jin-ifont-v2cardboardbox3:before {
content: "\ea08";
}
.jin-ifont-v2carrot:before {
content: "\ea09";
}
.jin-ifont-v2cart:before {
content: "\ea0a";
}
.jin-ifont-v2cat:before {
content: "\ea0b";
}
.jin-ifont-v2caution:before {
content: "\ea0c";
}
.jin-ifont-v2check:before {
content: "\ea0d";
}
.jin-ifont-v2checkcircle:before {
content: "\ea0e";
}
.jin-ifont-v2chick:before {
content: "\ea0f";
}
.jin-ifont-v2clipboard:before {
content: "\ea10";
}
.jin-ifont-v2clover:before {
content: "\ea11";
}
.jin-ifont-v2comment:before {
content: "\ea14";
}
.jin-ifont-v2compass:before {
content: "\ea15";
}
.jin-ifont-v2conditioner:before {
content: "\ea16";
}
.jin-ifont-v2copy:before {
content: "\ea17";
}
.jin-ifont-v2cosme:before {
content: "\ea18";
}
.jin-ifont-v2couple:before {
content: "\ea19";
}
.jin-ifont-v2couplefemeal:before {
content: "\ea1a";
}
.jin-ifont-v2couplemale:before {
content: "\ea1b";
}
.jin-ifont-v2creditcard:before {
content: "\ea1c";
}
.jin-ifont-v2crown:before {
content: "\ea1d";
}
.jin-ifont-v2datsumou:before {
content: "\ea1e";
}
.jin-ifont-v2dog:before {
content: "\ea1f";
}
.jin-ifont-v2dinner:before {
content: "\ea20";
}
.jin-ifont-v2dollar:before {
content: "\ea21";
}
.jin-ifont-v2diamond:before {
content: "\ea22";
}
.jin-ifont-v2drier:before {
content: "\ea23";
}
.jin-ifont-v2droppin:before {
content: "\ea24";
}
.jin-ifont-v2download:before {
content: "\ea25";
}
.jin-ifont-v2dumbbell:before {
content: "\ea26";
}
.jin-ifont-v2earphone:before {
content: "\ea27";
}
.jin-ifont-v2female:before {
content: "\ea28";
}
.jin-ifont-v2fingerbottom:before {
content: "\ea29";
}
.jin-ifont-v2fingerright:before {
content: "\ea2a";
}
.jin-ifont-v2fire:before {
content: "\ea2b";
}
.jin-ifont-v2fish:before {
content: "\ea2c";
}
.jin-ifont-v2flag:before {
content: "\ea2d";
}
.jin-ifont-v2flower:before {
content: "\ea2e";
}
.jin-ifont-v2folder:before {
content: "\ea2f";
}
.jin-ifont-v2folkspoon:before {
content: "\ea30";
}
.jin-ifont-v2game:before {
content: "\ea31";
}
.jin-ifont-v2gear:before {
content: "\ea32";
}
.jin-ifont-v2girl:before {
content: "\ea33";
}
.jin-ifont-v2graph:before {
content: "\ea34";
}
.jin-ifont-v2hamburger:before {
content: "\ea35";
}
.jin-ifont-v2handbag:before {
content: "\ea36";
}
.jin-ifont-v2headphone:before {
content: "\ea37";
}
.jin-ifont-v2heart:before {
content: "\ea38";
}
.jin-ifont-v2home:before {
content: "\ea39";
}
.jin-ifont-v2homewifi:before {
content: "\ea3a";
}
.jin-ifont-v2hourglass:before {
content: "\ea3b";
}
.jin-ifont-v2human:before {
content: "\ea3c";
}
.jin-ifont-v2illust:before {
content: "\ea3d";
}
.jin-ifont-v2inazuma:before {
content: "\ea3e";
}
.jin-ifont-v2information:before {
content: "\ea3f";
}
.jin-ifont-v2jin:before {
content: "\ea40";
}
.jin-ifont-v2key:before {
content: "\ea41";
}
.jin-ifont-v2kid:before {
content: "\ea42";
}
.jin-ifont-v2kirakira:before {
content: "\ea43";
}
.jin-ifont-v2leaf:before {
content: "\ea44";
}
.jin-ifont-v2like:before {
content: "\ea45";
}
.jin-ifont-v2link:before {
content: "\ea46";
}
.jin-ifont-v2lipstick:before {
content: "\ea47";
}
.jin-ifont-v2lock:before {
content: "\ea48";
}
.jin-ifont-v2mail:before {
content: "\ea49";
}
.jin-ifont-v2mailsend:before {
content: "\ea4a";
}
.jin-ifont-v2makeup:before {
content: "\ea4b";
}
.jin-ifont-v2male:before {
content: "\ea4c";
}
.jin-ifont-v2malefemale:before {
content: "\ea4d";
}
.jin-ifont-v2mobile:before {
content: "\ea4e";
}
.jin-ifont-v2moneybag:before {
content: "\ea4f";
}
.jin-ifont-v2moneywallet:before {
content: "\ea50";
}
.jin-ifont-v2moon:before {
content: "\ea51";
}
.jin-ifont-v2movie:before {
content: "\ea52";
}
.jin-ifont-v2navi:before {
content: "\ea53";
}
.jin-ifont-v2nikukyu:before {
content: "\ea54";
}
.jin-ifont-v2onpu:before {
content: "\ea55";
}
.jin-ifont-v2paint:before {
content: "\ea56";
}
.jin-ifont-v2pc:before {
content: "\ea57";
}
.jin-ifont-v2pencil:before {
content: "\ea58";
}
.jin-ifont-v2petfood:before {
content: "\ea59";
}
.jin-ifont-v2photo:before {
content: "\ea5a";
}
.jin-ifont-v2plant:before {
content: "\ea5b";
}
.jin-ifont-v2plug:before {
content: "\ea5c";
}
.jin-ifont-v2plus:before {
content: "\ea5d";
}
.jin-ifont-v2pocketwifi:before {
content: "\ea5e";
}
.jin-ifont-v2post:before {
content: "\ea5f";
}
.jin-ifont-v2prbadge:before {
content: "\ea60";
}
.jin-ifont-v2present:before {
content: "\ea61";
}
.jin-ifont-v2program:before {
content: "\ea62";
}
.jin-ifont-v2question:before {
content: "\ea63";
}
.jin-ifont-v2relatedpost:before {
content: "\ea64";
}
.jin-ifont-v2reload:before {
content: "\ea65";
}
.jin-ifont-v2reply:before {
content: "\ea66";
}
.jin-ifont-v2rice:before {
content: "\ea67";
}
.jin-ifont-v2rocket:before {
content: "\ea68";
}
.jin-ifont-v2rss:before {
content: "\ea69";
}
.jin-ifont-v2rucksack:before {
content: "\ea6a";
}
.jin-ifont-v2sailing:before {
content: "\ea6b";
}
.jin-ifont-v2saving:before {
content: "\ea6c";
}
.jin-ifont-v2scooter:before {
content: "\ea6d";
}
.jin-ifont-v2search:before {
content: "\ea6e";
}
.jin-ifont-v2seedleaf:before {
content: "\ea6f";
}
.jin-ifont-v2share:before {
content: "\ea70";
}
.jin-ifont-v2shoes:before {
content: "\ea71";
}
.jin-ifont-v2simcard:before {
content: "\ea72";
}
.jin-ifont-v2skirt:before {
content: "\ea73";
}
.jin-ifont-v2smartphone:before {
content: "\ea74";
}
.jin-ifont-v2smartspeaker:before {
content: "\ea75";
}
.jin-ifont-v2smile:before {
content: "\ea76";
}
.jin-ifont-v2spanner:before {
content: "\ea77";
}
.jin-ifont-v2speaker:before {
content: "\ea78";
}
.jin-ifont-v2sun:before {
content: "\ea7c";
}
.jin-ifont-v2supplement:before {
content: "\ea7d";
}
.jin-ifont-v2supplement2:before {
content: "\ea7e";
}
.jin-ifont-v2tag:before {
content: "\ea7f";
}
.jin-ifont-v2tapioka:before {
content: "\ea80";
}
.jin-ifont-v2telephone:before {
content: "\ea81";
}
.jin-ifont-v2timer:before {
content: "\ea82";
}
.jin-ifont-v2tops:before {
content: "\ea83";
}
.jin-ifont-v2tv:before {
content: "\ea85";
}
.jin-ifont-v2dislike:before {
content: "\ea86";
}
.jin-ifont-v2video:before {
content: "\ea87";
}
.jin-ifont-v2videocamera:before {
content: "\ea88";
}
.jin-ifont-v2watch:before {
content: "\ea89";
}
.jin-ifont-v2website:before {
content: "\ea8a";
}
.jin-ifont-v2weddingring:before {
content: "\ea8b";
}
.jin-ifont-v2weightscale:before {
content: "\ea8c";
}
.jin-ifont-v2wifi:before {
content: "\ea8d";
}
.jin-ifont-v2wine:before {
content: "\ea8e";
}
.jin-ifont-v2wirelessearphone:before {
content: "\ea8f";
}
.jin-ifont-v2writer:before {
content: "\ea90";
}
.jin-ifont-batuthin:before {
content: "\ea91";
}
.jin-ifont-searchthin:before {
content: "\ea92";
}
.jin-ifont-searchm:before {
content: "\ea93";
}
.jin-ifont-batum:before {
content: "\ea94";
}
.jin-ifont-beginer:before {
content: "\ea9c";
}
.jin-ifont-shoppingbag:before {
content: "\ea9d";
}
.jin-ifont-v2shoppingbag:before {
content: "\eaa3";
}
.jin-ifont-arrowleftthin:before {
content: "\e9b3";
}
.jin-ifont-arrowleftm:before {
content: "\e9e6";
}
.jin-ifont-arrowbottomthin:before {
content: "\e9ea";
}
.jin-ifont-doublearrowthin:before {
content: "\e9ed";
}
.jin-ifont-arrowbottomm:before {
content: "\ea12";
}
.jin-ifont-arrowtopm:before {
content: "\ea13";
}
.jin-ifont-arrowtopthin:before {
content: "\ea79";
}
.jin-ifont-arrowleftm1:before {
content: "\ea7a";
}
.jin-ifont-arrowm:before {
content: "\ea7b";
}
.jin-ifont-arrowthin:before {
content: "\ea84";
}
.jin-ifont-jin:before {
content: "\ea95";
}
.jin-ifont-playback:before {
content: "\ea96";
} a {
text-decoration: none;
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
.d--flat-design #postContent a:not([class]) img,
.d--flat-design .o--widget-area a:not([class]) img {
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
.d--flat-design #postContent a:not([class]):hover img,
.d--flat-design .o--widget-area a:not([class]):hover img {
transform: translateY(-4px);
filter: opacity(0.9);
}
.d--material-design #postContent a:not([class]) img,
.d--material-design .o--widget-area a:not([class]) img {
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
.d--material-design #postContent a:not([class]):hover img,
.d--material-design .o--widget-area a:not([class]):hover img {
transform: translateY(-4px) scale(1.001);
box-shadow: 0 2px 10px 0px rgba(170, 170, 170, 0.6);
}
img {
max-width: 100%;
height: auto;
display: block;
}
#postContent,
.o--widget-area {
letter-spacing: 0.12rem; }
#postContent p,
.o--widget-area p {
padding: 0;
margin-top: 3.3rem;
margin-bottom: 3.3rem;
}
#postContent p a,
#postContent li a,
#postContent table a,
.o--widget-area p a,
.o--widget-area li a,
.o--widget-area table a {
text-decoration: underline;
text-underline-offset: 0.36rem;
}
#postContent .jinr-list,
.o--widget-area .jinr-list {
box-sizing: border-box;
list-style-type: none;
padding: 0 2rem;
margin-top: 3.3rem;
margin-bottom: 3.3rem;
}
#postContent .jinr-list li,
.o--widget-area .jinr-list li {
position: relative;
margin: 9px 0;
line-height: 2.4rem;
}
@media (min-width: 552px) {
#postContent .jinr-list li,
.o--widget-area .jinr-list li {
line-height: 2.7rem;
}
}
#postContent .jinr-list ol,
#postContent .jinr-list ul,
.o--widget-area .jinr-list ol,
.o--widget-area .jinr-list ul {
list-style-type: none;
padding-left: 1.2rem;
margin-top: 0;
margin-bottom: 0;
}
#postContent .jinr-list .jinr-list,
.o--widget-area .jinr-list .jinr-list {
font-size: 0.95em;
}
#postContent .jinr-list .jinr-list li,
.o--widget-area .jinr-list .jinr-list li {
margin: 9px 0;
line-height: 2.1rem;
}
@media (min-width: 552px) {
#postContent .jinr-list .jinr-list li,
.o--widget-area .jinr-list .jinr-list li {
line-height: 2.4rem;
}
}
#postContent .jinr-list .jinr-list .jinr-list,
.o--widget-area .jinr-list .jinr-list .jinr-list {
font-size: 1em;
}
@media (min-width: 552px) {
#postContent ul.jinr-list,
.o--widget-area ul.jinr-list {
padding: 0 3rem;
}
}
#postContent ul.jinr-list li,
.o--widget-area ul.jinr-list li {
counter-reset: item;
padding-left: 1.65rem;
}
#postContent ul.jinr-list li::after,
.o--widget-area ul.jinr-list li::after {
position: absolute;
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
line-height: 0;
left: 0;
top: 0.85rem;
}
@media (min-width: 552px) {
#postContent ul.jinr-list li::after,
.o--widget-area ul.jinr-list li::after {
top: 1rem;
}
}
#postContent ul.jinr-list li ul,
.o--widget-area ul.jinr-list li ul {
padding: 0;
}
#postContent ul.jinr-list li li,
.o--widget-area ul.jinr-list li li {
padding-left: 1.7rem;
}
@media (min-width: 552px) {
#postContent ul.jinr-list li li,
.o--widget-area ul.jinr-list li li {
padding-left: 1.8rem;
}
}
#postContent ul.jinr-list li li::after,
.o--widget-area ul.jinr-list li li::after {
width: 8px;
height: 1px;
border-radius: 0;
top: 1rem;
left: 2px;
}
@media (min-width: 552px) {
#postContent ul.jinr-list li li::after,
.o--widget-area ul.jinr-list li li::after {
left: 3px;
top: 1.15rem;
}
}
#postContent ul.jinr-list ol,
.o--widget-area ul.jinr-list ol {
padding: 0;
margin-left: -4px;
}
#postContent ul.jinr-list ol li,
.o--widget-area ul.jinr-list ol li {
padding-left: 2.4rem;
}
#postContent ul.jinr-list ol li::after,
.o--widget-area ul.jinr-list ol li::after {
width: 20px;
background: transparent !important;
counter-increment: item2;
content: counter(item2) ".";
font-size: 0.95em;
line-height: 1;
top: 0.25em !important;
}
@media (min-width: 552px) {
#postContent ul.jinr-list ol li::after,
.o--widget-area ul.jinr-list ol li::after {
top: 0.35em !important;
}
}
#postContent ul.jinr-list ol li::before,
.o--widget-area ul.jinr-list ol li::before {
display: none;
}
#postContent ul.jinr-list ol ol li::after,
.o--widget-area ul.jinr-list ol ol li::after {
font-size: 0.95em;
counter-increment: item3;
content: counter(item3) ".";
}
#postContent ul.jinr-list ol.jinr-list,
.o--widget-area ul.jinr-list ol.jinr-list {
counter-reset: item2;
}
#postContent ul.jinr-list ol.jinr-list ol.jinr-list,
.o--widget-area ul.jinr-list ol.jinr-list ol.jinr-list {
counter-reset: item3;
}
#postContent ul.jinr-list > ul.jinr-list,
.o--widget-area ul.jinr-list > ul.jinr-list {
counter-reset: item;
}
#postContent ul.jinr-list > ul.jinr-list > ul.jinr-list,
.o--widget-area ul.jinr-list > ul.jinr-list > ul.jinr-list {
counter-reset: item;
}
#postContent ol.jinr-list,
.o--widget-area ol.jinr-list {
counter-reset: item;
}
@media (min-width: 552px) {
#postContent ol.jinr-list,
.o--widget-area ol.jinr-list {
padding: 0 2.4rem;
}
}
#postContent ol.jinr-list li,
.o--widget-area ol.jinr-list li {
padding-left: 2.85rem;
}
#postContent ol.jinr-list li::before,
.o--widget-area ol.jinr-list li::before {
position: absolute;
content: "";
width: 22px;
height: 22px;
border-radius: 50%;
left: 0;
top: 1px;
}
@media (min-width: 552px) {
#postContent ol.jinr-list li::before,
.o--widget-area ol.jinr-list li::before {
top: 3px;
width: 20px;
height: 20px;
}
}
#postContent ol.jinr-list li::after,
.o--widget-area ol.jinr-list li::after {
position: absolute;
z-index: 0;
width: 22px;
height: 22px;
text-align: center;
counter-increment: item;
content: counter(item);
color: #fff;
line-height: 0;
left: 0;
top: 12px !important;
font-size: 0.75rem;
letter-spacing: 0;
}
@media (min-width: 552px) {
#postContent ol.jinr-list li::after,
.o--widget-area ol.jinr-list li::after {
top: 13px !important;
width: 20px;
height: 20px;
}
}
#postContent ol.jinr-list ol,
.o--widget-area ol.jinr-list ol {
padding: 0;
margin-left: -1px;
}
#postContent ol.jinr-list ol li,
.o--widget-area ol.jinr-list ol li {
padding-left: 2.4rem;
}
#postContent ol.jinr-list ol li::after,
.o--widget-area ol.jinr-list ol li::after {
background: transparent !important;
counter-increment: item2;
content: counter(item2) ".";
font-size: 0.95em;
line-height: 1;
top: 0.25em !important;
}
@media (min-width: 552px) {
#postContent ol.jinr-list ol li::after,
.o--widget-area ol.jinr-list ol li::after {
top: 0.35em !important;
}
}
#postContent ol.jinr-list ol li::before,
.o--widget-area ol.jinr-list ol li::before {
background: transparent !important;
}
#postContent ol.jinr-list ol ol li::after,
.o--widget-area ol.jinr-list ol ol li::after {
font-size: 0.95em;
counter-increment: item3;
content: counter(item3) ".";
}
#postContent ol.jinr-list ul,
.o--widget-area ol.jinr-list ul {
padding-left: 0px;
}
@media (min-width: 552px) {
#postContent ol.jinr-list ul,
.o--widget-area ol.jinr-list ul {
padding-left: 1px;
}
}
#postContent ol.jinr-list ul li,
.o--widget-area ol.jinr-list ul li {
padding-left: 1.65rem;
}
#postContent ol.jinr-list ul li::after,
.o--widget-area ol.jinr-list ul li::after {
position: absolute;
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
line-height: 0;
left: 3px;
top: 8px !important;
}
@media (min-width: 552px) {
#postContent ol.jinr-list ul li::after,
.o--widget-area ol.jinr-list ul li::after {
top: 0.9rem !important;
}
}
#postContent ol.jinr-list ul li::before,
.o--widget-area ol.jinr-list ul li::before {
display: none;
}
#postContent ol.jinr-list ul li ul,
.o--widget-area ol.jinr-list ul li ul {
padding: 0 1.5rem;
}
@media (min-width: 552px) {
#postContent ol.jinr-list ul li ul,
.o--widget-area ol.jinr-list ul li ul {
padding: 0 1.45rem;
}
}
#postContent ol.jinr-list ul li ul li,
.o--widget-area ol.jinr-list ul li ul li {
padding-left: 1.8rem;
}
#postContent ol.jinr-list ul li ul li::after,
.o--widget-area ol.jinr-list ul li ul li::after {
width: 9px;
height: 1px;
border-radius: 0;
top: 1rem !important;
}
@media (min-width: 552px) {
#postContent ol.jinr-list ul li ul li::after,
.o--widget-area ol.jinr-list ul li ul li::after {
top: 1.15rem !important;
}
}
#postContent ol.jinr-list ol.jinr-list,
.o--widget-area ol.jinr-list ol.jinr-list {
counter-reset: item2;
}
#postContent ol.jinr-list ol.jinr-list ol.jinr-list,
.o--widget-area ol.jinr-list ol.jinr-list ol.jinr-list {
counter-reset: item3;
}
#postContent ol.jinr-list > ul.jinr-list,
.o--widget-area ol.jinr-list > ul.jinr-list {
counter-reset: item;
}
#postContent ol.jinr-list > ul.jinr-list > ul.jinr-list,
.o--widget-area ol.jinr-list > ul.jinr-list > ul.jinr-list {
counter-reset: item;
}
#postContent ul.is-style-jinr-checkmark li::after,
.o--widget-area ul.is-style-jinr-checkmark li::after {
display: none;
}
#postContent ul.is-style-jinr-checkmark li::before,
.o--widget-area ul.is-style-jinr-checkmark li::before {
content: "";
display: block;
position: absolute;
left: -3px;
top: 3px;
width: 5px;
height: 12px;
border-style: solid;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
@media (min-width: 552px) {
#postContent ul.is-style-jinr-checkmark li::before,
.o--widget-area ul.is-style-jinr-checkmark li::before {
top: 4px;
}
}
#postContent ul.is-style-jinr-checkmark-square li::after,
.o--widget-area ul.is-style-jinr-checkmark-square li::after {
content: "";
display: block;
position: absolute;
left: -7px;
top: 6px;
background-color: transparent !important;
border-style: solid;
border-width: 1px;
border-radius: 0;
width: 11px;
height: 11px;
}
@media (min-width: 552px) {
#postContent ul.is-style-jinr-checkmark-square li::after,
.o--widget-area ul.is-style-jinr-checkmark-square li::after {
top: 7px;
width: 12px;
height: 12px;
}
}
#postContent ul.is-style-jinr-checkmark-square li::before,
.o--widget-area ul.is-style-jinr-checkmark-square li::before {
content: "";
display: block;
position: absolute;
left: -1px;
top: 2px;
width: 4px;
height: 12px;
border-style: solid;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
@media (min-width: 552px) {
#postContent ul.is-style-jinr-checkmark-square li::before,
.o--widget-area ul.is-style-jinr-checkmark-square li::before {
top: 4px;
}
}
#postContent.d--font-pc-s-size p,
.o--widget-area.d--font-pc-s-size p {
letter-spacing: 0.07rem;
}
@media (min-width: 782px) {
#postContent.d--font-pc-s-size,
.o--widget-area.d--font-pc-s-size {
font-size: 1.45rem;
line-height: 2.1;
}
}
@media (min-width: 782px) {
#postContent.d--font-pc-m-size,
.o--widget-area.d--font-pc-m-size {
font-size: 1.6rem;
line-height: 1.95;
}
}
#postContent.d--font-pc-l-size p,
.o--widget-area.d--font-pc-l-size p {
letter-spacing: 0.07rem;
}
@media (min-width: 782px) {
#postContent.d--font-pc-l-size,
.o--widget-area.d--font-pc-l-size {
font-size: 1.7rem;
line-height: 1.95;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
#postContent.d--font-sp-s-size,
.o--widget-area.d--font-sp-s-size {
font-size: 1.5rem;
line-height: 1.8;
}
}
@media (max-width: 551px) {
#postContent.d--font-sp-s-size,
.o--widget-area.d--font-sp-s-size {
font-size: 1.45rem;
line-height: 1.75;
}
#postContent.d--font-sp-s-size .jinr-list li,
.o--widget-area.d--font-sp-s-size .jinr-list li {
line-height: 1.4;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
#postContent.d--font-sp-m-size,
.o--widget-area.d--font-sp-m-size {
font-size: 1.6rem;
line-height: 1.8;
}
}
@media (max-width: 551px) {
#postContent.d--font-sp-m-size,
.o--widget-area.d--font-sp-m-size {
font-size: 1.55rem;
line-height: 1.75;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
#postContent.d--font-sp-l-size,
.o--widget-area.d--font-sp-l-size {
font-size: 1.7rem;
line-height: 1.8;
}
}
@media (max-width: 551px) {
#postContent.d--font-sp-l-size,
.o--widget-area.d--font-sp-l-size {
font-size: 1.65rem;
line-height: 1.65;
}
}
#postContent iframe,
.o--widget-area iframe {
max-width: 100%;
}
#postContent .video,
.o--widget-area .video {
padding-top: 56.25%;
width: 100%;
position: relative;
}
#postContent .video iframe,
.o--widget-area .video iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
}
#postContent > iframe,
.o--widget-area > iframe {
margin-top: 1.65rem;
margin-bottom: 1.65rem;
}
@media (min-width: 552px) {
#postContent > iframe,
.o--widget-area > iframe {
margin-top: 3.3rem;
margin-bottom: 3.3rem;
}
}
#postContent .twitter-tweet,
.o--widget-area .twitter-tweet {
margin-left: auto;
margin-right: auto;
}
#postContent .instagram-media,
.o--widget-area .instagram-media {
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
@media (max-width: 551px) {
#postContent .instagram-media,
.o--widget-area .instagram-media {
min-width: 100% !important;
}
}
#postContent .wp-block-image,
#postContent .wp-block-video,
.o--widget-area .wp-block-image,
.o--widget-area .wp-block-video {
padding-top: 0;
padding-bottom: 0;
margin-top: 1.65rem;
margin-bottom: 1.65rem;
}
@media (min-width: 552px) {
#postContent .wp-block-image,
#postContent .wp-block-video,
.o--widget-area .wp-block-image,
.o--widget-area .wp-block-video {
margin-top: 3.3rem;
margin-bottom: 3.3rem;
}
}
#postContent .wp-block-image .wp-element-caption,
#postContent .wp-block-video .wp-element-caption,
.o--widget-area .wp-block-image .wp-element-caption,
.o--widget-area .wp-block-video .wp-element-caption {
text-align: center;
font-size: 1.35rem;
color: #aaa;
}
#postContent .wp-block-file,
.o--widget-area .wp-block-file {
display: flex;
align-items: center;
margin-top: 30px;
margin-bottom: 30px;
}
#postContent .b--jinr-iconbox .a--jinr-iconbox p,
#postContent .b--jinr-box .c--simple-box-inner p,
#postContent .b--jinr-fukidashi .o--fukidashi-inner p,
#postContent .b--jinr-background .c--background-inner p,
.o--widget-area .b--jinr-iconbox .a--jinr-iconbox p,
.o--widget-area .b--jinr-box .c--simple-box-inner p,
.o--widget-area .b--jinr-fukidashi .o--fukidashi-inner p,
.o--widget-area .b--jinr-background .c--background-inner p {
font-size: 0.95em;
line-height: 1.75em;
}
#postContent .b--jinr-iconbox .a--jinr-iconbox .jinr-list,
#postContent .b--jinr-box .c--simple-box-inner .jinr-list,
#postContent .b--jinr-fukidashi .o--fukidashi-inner .jinr-list,
#postContent .b--jinr-background .c--background-inner .jinr-list,
#postContent .b--jinr-tab .c--tab-contents .jinr-list,
#postContent .wp-block-column .jinr-list,
.o--widget-area .b--jinr-iconbox .a--jinr-iconbox .jinr-list,
.o--widget-area .b--jinr-box .c--simple-box-inner .jinr-list,
.o--widget-area .b--jinr-fukidashi .o--fukidashi-inner .jinr-list,
.o--widget-area .b--jinr-background .c--background-inner .jinr-list,
.o--widget-area .b--jinr-tab .c--tab-contents .jinr-list,
.o--widget-area .wp-block-column .jinr-list {
padding: 0 0.4rem;
margin-top: 1.8rem;
margin-bottom: 1.8rem;
font-size: 0.95em;
}
@media (min-width: 782px) {
#postContent .b--jinr-iconbox .a--jinr-iconbox .jinr-list,
#postContent .b--jinr-box .c--simple-box-inner .jinr-list,
#postContent .b--jinr-fukidashi .o--fukidashi-inner .jinr-list,
#postContent .b--jinr-background .c--background-inner .jinr-list,
#postContent .b--jinr-tab .c--tab-contents .jinr-list,
#postContent .wp-block-column .jinr-list,
.o--widget-area .b--jinr-iconbox .a--jinr-iconbox .jinr-list,
.o--widget-area .b--jinr-box .c--simple-box-inner .jinr-list,
.o--widget-area .b--jinr-fukidashi .o--fukidashi-inner .jinr-list,
.o--widget-area .b--jinr-background .c--background-inner .jinr-list,
.o--widget-area .b--jinr-tab .c--tab-contents .jinr-list,
.o--widget-area .wp-block-column .jinr-list {
margin-top: 2.4rem;
margin-bottom: 2.4rem;
}
}
#postContent .b--jinr-iconbox .a--jinr-iconbox .jinr-list .jinr-list,
#postContent .b--jinr-box .c--simple-box-inner .jinr-list .jinr-list,
#postContent .b--jinr-fukidashi .o--fukidashi-inner .jinr-list .jinr-list,
#postContent .b--jinr-background .c--background-inner .jinr-list .jinr-list,
#postContent .b--jinr-tab .c--tab-contents .jinr-list .jinr-list,
#postContent .wp-block-column .jinr-list .jinr-list,
.o--widget-area .b--jinr-iconbox .a--jinr-iconbox .jinr-list .jinr-list,
.o--widget-area .b--jinr-box .c--simple-box-inner .jinr-list .jinr-list,
.o--widget-area .b--jinr-fukidashi .o--fukidashi-inner .jinr-list .jinr-list,
.o--widget-area .b--jinr-background .c--background-inner .jinr-list .jinr-list,
.o--widget-area .b--jinr-tab .c--tab-contents .jinr-list .jinr-list,
.o--widget-area .wp-block-column .jinr-list .jinr-list {
margin-top: 0;
margin-bottom: 0;
}
#postContent .wp-block-tag-cloud,
.o--widget-area .wp-block-tag-cloud {
margin-top: 24px;
margin-bottom: 0;
}
#postContent .wp-block-tag-cloud a,
.o--widget-area .wp-block-tag-cloud a {
display: inline-block;
padding: 6px 11px 6px 12px;
font-size: 1.2rem !important;
text-decoration: none;
margin-right: 1px;
margin-bottom: 7px;
}
#postContent .wp-block-tag-cloud a::before,
.o--widget-area .wp-block-tag-cloud a::before {
content: "#";
}
#postContent .b--jinr-iconbox div[class*=d--simple-iconbox] .a--jinr-iconbox p,
.o--widget-area .b--jinr-iconbox div[class*=d--simple-iconbox] .a--jinr-iconbox p {
margin: 0;
line-height: 1.4em;
}
@media (min-width: 552px) {
#postContent .b--jinr-iconbox div[class*=d--simple-iconbox] .a--jinr-iconbox p,
.o--widget-area .b--jinr-iconbox div[class*=d--simple-iconbox] .a--jinr-iconbox p {
line-height: 1.5em;
}
}
#postContent .b--jinr-fukidashi .o--fukidashi-inner p,
#postContent .b--jinr-background p,
#postContent .wp-block-column p,
#postContent div[class^=d--heading-iconbox] p,
#postContent .b--jinr-box p,
.o--widget-area .b--jinr-fukidashi .o--fukidashi-inner p,
.o--widget-area .b--jinr-background p,
.o--widget-area .wp-block-column p,
.o--widget-area div[class^=d--heading-iconbox] p,
.o--widget-area .b--jinr-box p {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
line-height: 1.5em;
}
@media (min-width: 552px) {
#postContent .b--jinr-fukidashi .o--fukidashi-inner p,
#postContent .b--jinr-background p,
#postContent .wp-block-column p,
#postContent div[class^=d--heading-iconbox] p,
#postContent .b--jinr-box p,
.o--widget-area .b--jinr-fukidashi .o--fukidashi-inner p,
.o--widget-area .b--jinr-background p,
.o--widget-area .wp-block-column p,
.o--widget-area div[class^=d--heading-iconbox] p,
.o--widget-area .b--jinr-box p {
margin-top: 2.25rem;
margin-bottom: 2.25rem;
line-height: 1.7em;
}
}
@media (min-width: 552px) {
#postContent .wp-block-column p,
.o--widget-area .wp-block-column p {
margin-top: 2.25rem;
margin-bottom: 2.25rem;
line-height: 1.7em;
font-size: 0.95em;
}
}
#postContent .b--jinr-accordion .c--accordion-contents > p,
.o--widget-area .b--jinr-accordion .c--accordion-contents > p {
padding: 0;
}
#postContent .b--jinr-accordion .c--accordion-contents > p:first-of-type,
.o--widget-area .b--jinr-accordion .c--accordion-contents > p:first-of-type {
margin-top: 10px;
margin-bottom: 0;
}
@media (min-width: 552px) {
#postContent .b--jinr-accordion .c--accordion-contents > p:first-of-type,
.o--widget-area .b--jinr-accordion .c--accordion-contents > p:first-of-type {
margin-top: 20px;
}
}
#postContent .b--jinr-accordion .c--accordion-contents > p:last-of-type,
.o--widget-area .b--jinr-accordion .c--accordion-contents > p:last-of-type {
margin-bottom: 0;
}
#postContent .alignright,
.o--widget-area .alignright {
margin-right: 0;
margin-left: auto;
text-align: right;
}
#postContent .alignleft,
.o--widget-area .alignleft {
margin-right: auto;
margin-left: 0;
text-align: left;
}
#postContent .aligncenter,
.o--widget-area .aligncenter {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.t--round-s.d--article-image-r-on .wp-block-image img {
border-radius: 4px;
}
.t--round-m.d--article-image-r-on .wp-block-image img {
border-radius: 8px;
}
.t--round-l.d--article-image-r-on .wp-block-image img {
border-radius: 12px;
}
.wp-block-columns {
margin-top: 3.3rem;
margin-bottom: 3.3rem;
}
@media (max-width: 551px) {
.wp-block-columns[class^=wp-container] {
gap: 0em;
}
}
@media (max-width: 551px) {
.wp-block-columns.is-not-stacked-on-mobile {
gap: 0.9em;
}
}
@media (max-width: 551px) {
.wp-block-columns + .wp-block-columns {
margin-top: -20px;
}
}
@media (max-width: 551px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
margin-bottom: 18px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
margin-bottom: 18px;
}
}
@media (min-width: 552px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
margin-left: 3px;
}
}
@media (min-width: 552px) {
.page.page-template-default .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child),
.single.post-template-default .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
margin-left: 0;
}
}
.wp-block-column > p, .wp-block-column > ul, .wp-block-column > ol, .wp-block-column > .wp-block-image, .wp-block-column > .b--jinr-block, .wp-block-column > section[class^=wp-block-jinr-blocks], .wp-block-column > div[class^=wp-block-jinr-blocks] {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
@media (min-width: 552px) {
.wp-block-column > p, .wp-block-column > ul, .wp-block-column > ol, .wp-block-column > .wp-block-image, .wp-block-column > .b--jinr-block, .wp-block-column > section[class^=wp-block-jinr-blocks], .wp-block-column > div[class^=wp-block-jinr-blocks] {
margin-top: 2.25rem;
margin-bottom: 2.25rem;
}
}
.wp-block-column > p:first-child, .wp-block-column > ul:first-child, .wp-block-column > ol:first-child, .wp-block-column > .wp-block-image:first-child, .wp-block-column > .b--jinr-block:first-child, .wp-block-column > section[class^=wp-block-jinr-blocks]:first-child, .wp-block-column > div[class^=wp-block-jinr-blocks]:first-child {
margin-top: 0 !important;
}
.wp-block-column > p:last-child, .wp-block-column > ul:last-child, .wp-block-column > ol:last-child, .wp-block-column > .wp-block-image:last-child, .wp-block-column > .b--jinr-block:last-child, .wp-block-column > section[class^=wp-block-jinr-blocks]:last-child, .wp-block-column > div[class^=wp-block-jinr-blocks]:last-child {
margin-bottom: 0 !important;
}
.wp-block-column > section[class^=wp-block-jinr-blocks]:first-child > .b--jinr-block, .wp-block-column > div[class^=wp-block-jinr-blocks]:first-child > .b--jinr-block {
margin-top: 0 !important;
}
.wp-block-column > section[class^=wp-block-jinr-blocks]:last-child > .b--jinr-block, .wp-block-column > div[class^=wp-block-jinr-blocks]:last-child > .b--jinr-block {
margin-bottom: 0 !important;
}
.wp-block-column .b--jinr-block,
.wp-block-column .o--jinr-fukidashi {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}
.wp-block-column .wp-block-image {
margin-bottom: 0 !important;
}
.wp-block-column .b--jinr-h2rich.d--h2rich-left .c--h2rich-contents .a--h2rich-maincopy, .wp-block-column .b--jinr-h2rich.d--h2rich-center .c--h2rich-contents .a--h2rich-maincopy {
font-size: 2.1rem;
letter-spacing: 0.24rem;
}
.wp-block-column .b--jinr-h2rich.d--h2rich-left.d--h2rich-style1, .wp-block-column .b--jinr-h2rich.d--h2rich-center.d--h2rich-style1 {
padding-bottom: 0px;
}
@media (min-width: 552px) {
.wp-block-column .b--jinr-h2rich.d--h2rich-left.d--h2rich-style1, .wp-block-column .b--jinr-h2rich.d--h2rich-center.d--h2rich-style1 {
padding-top: 3px;
}
}
.wp-block-column .b--jinr-h2rich.d--h2rich-left.d--h2rich-style3, .wp-block-column .b--jinr-h2rich.d--h2rich-center.d--h2rich-style3 {
padding-bottom: 9px;
padding-top: 12px;
}
@media (min-width: 552px) {
.wp-block-column .b--jinr-h2rich.d--h2rich-left.d--h2rich-style3, .wp-block-column .b--jinr-h2rich.d--h2rich-center.d--h2rich-style3 {
padding-top: 6px;
padding-bottom: 6px;
}
}
@media (max-width: 551px) {
.wp-block-column .b--jinr-h2rich.d--h2rich-left.d--h2rich-none .c--h2rich-contents, .wp-block-column .b--jinr-h2rich.d--h2rich-center.d--h2rich-none .c--h2rich-contents {
margin-top: -9px;
}
}
.wp-block-column .b--jinr-h2rich.d--h2rich-left.d--h2rich-image .c--h2rich-contents, .wp-block-column .b--jinr-h2rich.d--h2rich-center.d--h2rich-image .c--h2rich-contents {
margin-top: -3px;
}
.wp-block-column .b--jinr-h2rich.d--h2rich-left .a--h2rich-number, .wp-block-column .b--jinr-h2rich.d--h2rich-center .a--h2rich-number {
font-size: 5.1rem;
}
@media (min-width: 552px) {
.wp-block-column .b--jinr-h2rich.d--h2rich-left .a--h2rich-number, .wp-block-column .b--jinr-h2rich.d--h2rich-center .a--h2rich-number {
font-size: 6rem;
}
}
@media (min-width: 552px) {
.wp-block-column .b--jinr-h2rich.d--h2rich-left .a--h2rich-icon .jin-icons::before, .wp-block-column .b--jinr-h2rich.d--h2rich-center .a--h2rich-icon .jin-icons::before {
font-size: 2.7em;
}
}
@media (min-width: 552px) {
.wp-block-column .b--jinr-h2rich.d--h2rich-left .a--h2rich-image, .wp-block-column .b--jinr-h2rich.d--h2rich-center .a--h2rich-image {
width: 54px;
height: 54px;
}
}
@media (min-width: 552px) {
.wp-block-column .b--jinr-h2rich.d--h2rich-left .a--h2rich-image img, .wp-block-column .b--jinr-h2rich.d--h2rich-center .a--h2rich-image img {
width: 54px;
height: 54px;
}
}
.wp-block-column .b--jinr-h2rich.d--h2rich-left {
padding-top: 0;
}
.wp-block-column .b--jinr-h2rich.d--h2rich-left.d--h2rich-style2 {
padding-bottom: 6px;
padding-top: 0px;
}
@media (max-width: 551px) {
.wp-block-column .b--jinr-h2rich.d--h2rich-left.d--h2rich-style3 {
padding-top: 6px;
padding-bottom: 6px;
}
}
.wp-block-column .b--jinr-h2rich.d--h2rich-left.d--h2rich-style3 .c--h2rich-contents {
margin-bottom: 0;
}
@media (max-width: 551px) {
.wp-block-column .b--jinr-h2rich.d--h2rich-left .c--h2rich-decoration + .c--h2rich-contents {
margin-left: 9px;
}
}
.wp-block-column .b--jinr-h2rich.d--h2rich-center.d--h2rich-style2 {
padding-bottom: 12px;
padding-top: 0px;
}
.wp-block-column .b--jinr-h2rich.d--h2rich-center.d--h2rich-style3 .c--h2rich-contents {
margin-top: 0 !important;
}
.wp-caption {
max-width: 100%;
}
p > img {
margin-top: 21px;
margin-bottom: 21px;
}
@media (min-width: 552px) {
p > img {
margin-top: 30px;
margin-bottom: 30px;
}
}
#rtoc-mokuji-wrapper a {
text-decoration: none !important;
}
.c--labeling-act {
display: flex;
justify-content: center;
margin: 24px auto 30px;
width: 100%;
padding: 9px;
}
@media (max-width: 551px) {
.c--labeling-act {
margin: 12px auto;
}
}
.c--labeling-act.d--labeling-act-border {
border-width: 1px;
border-style: solid;
}
.c--labeling-act .a--labeling-act {
font-size: 10px;
letter-spacing: 0.1rem;
}
@media (max-width: 551px) {
.c--labeling-act .a--labeling-act {
letter-spacing: 0.06rem;
}
}
.c--labeling-act.d--labeling-act-strong {
padding: 12px;
}
.c--labeling-act.d--labeling-act-strong .a--labeling-act {
font-size: 13.5px;
font-weight: 500;
}
.c--labeling-small-act {
padding: 4px 6px;
margin: 0 0 0 12px;
font-size: 1.05rem;
letter-spacing: 0.06rem;
}
.c--labeling-small-act.d--labeling-act-border {
border-width: 1px;
border-style: solid;
}
@media (max-width: 551px) {
.c--labeling-small-act {
padding: 4px 6px 2px;
margin: 0 0 0 10px;
font-size: 1rem;
}
}
.c--nextpage {
display: flex;
justify-content: center;
margin: 4.2rem 0;
flex-wrap: wrap;
}
.c--nextpage .a--nextpage-label {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
font-size: 1.15rem;
margin-bottom: 9px;
letter-spacing: 0.12rem;
}
.c--nextpage .a--nextpage-label::before, .c--nextpage .a--nextpage-label::after {
content: "";
display: inline-block;
width: 12px;
height: 1px;
background: #aaa;
}
.c--nextpage .a--nextpage-label::before {
margin-right: 9px;
}
.c--nextpage .a--nextpage-label::after {
margin-left: 8px;
}
.c--nextpage .post-page-numbers {
margin: 0 6px;
font-size: 1.35rem;
width: 33px;
height: 33px;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
font-weight: 300;
border-style: solid;
border-width: 1px;
}
@media (min-width: 552px) {
.c--nextpage .post-page-numbers {
width: 36px;
height: 36px;
}
}
.c--nextpage .post-page-numbers.current {
color: #fff;
border-color: transparent;
}
.c--nextpage .post-page-numbers span {
display: block;
letter-spacing: 0;
}
.c--nextpage a {
transition: all 0.25s;
will-change: transform;
transition-timing-function: ease;
}
.c--nextpage a:hover {
transform: translateY(-3px);
color: #fff;
border-color: transparent;
}
.d--material-design .c--nextpage .post-page-numbers {
box-shadow: 0 2px 6px -1px rgba(170, 170, 170, 0.48);
}
.d--material-design .c--nextpage a:hover {
box-shadow: 0 4px 7px -1px rgba(170, 170, 170, 0.36);
}
.d--material-design .c--pagenation-item a,
.d--material-design .c--pagenation-item span[class=page-numbers] {
box-shadow: 0 2px 6px -1px rgba(170, 170, 170, 0.48);
}
.d--material-design .c--pagenation-item a:hover,
.d--material-design .c--pagenation-item span[class=page-numbers]:hover {
box-shadow: 0 4px 7px -1px rgba(170, 170, 170, 0.36);
}
.t--round-s .c--nextpage .post-page-numbers {
border-radius: 4px;
}
.t--round-s .c--pagenation-item a,
.t--round-s .c--pagenation-item span {
border-radius: 4px;
}
.t--round-s .wp-element-button {
border-radius: 4px;
}
.t--round-m .c--nextpage .post-page-numbers {
border-radius: 8px;
}
.t--round-m .c--pagenation-item a,
.t--round-m .c--pagenation-item span {
border-radius: 8px;
}
.t--round-m .wp-element-button {
border-radius: 8px;
}
.t--round-l .c--nextpage .post-page-numbers {
border-radius: 50%;
}
.t--round-l .c--pagenation-item a,
.t--round-l .c--pagenation-item span {
border-radius: 50%;
}
.t--round-l .wp-element-button {
border-radius: 12px;
} .d--keyboard {
margin: 0 5px;
padding: 4px 6px;
border: 1px solid #dedede;
background: #f6f6f6;
border-radius: 3px;
font-size: 0.84em;
-webkit-box-shadow: 1px 1px 2px #eee;
box-shadow: 1px 1px 2px #eee;
}
.d--fontsize-11px {
font-size: 11px !important;
}
.d--fontsize-13px {
font-size: 13px !important;
}
.d--fontsize-15px {
font-size: 15px !important;
}
.d--fontsize-18px {
font-size: 18px !important;
line-height: 1.2;
}
.d--fontsize-21px {
font-size: 21px !important;
line-height: 1.3;
}
.d--fontsize-24px {
font-size: 24px !important;
line-height: 1.35;
}
@media (min-width: 552px) {
.d--fontsize-24px {
line-height: 1.4;
}
}
.d--fontsize-27px {
font-size: 24px !important;
line-height: 1.35;
}
@media (min-width: 552px) {
.d--fontsize-27px {
line-height: 1.45;
font-size: 27px !important;
}
}
.d--fontsize-30px {
font-size: 24px !important;
line-height: 1.35;
}
@media (min-width: 552px) {
.d--fontsize-30px {
line-height: 1.5;
font-size: 30px !important;
}
}
.d--fontsize-36px {
font-size: 24px !important;
line-height: 1.35;
}
@media (min-width: 552px) {
.d--fontsize-36px {
line-height: 1.5;
font-size: 36px !important;
}
}
.wp-block-column .d--fontsize-18px {
line-height: 1.8;
}
.wp-block-column .d--fontsize-21px {
line-height: 1.8;
}
.wp-block-column .d--fontsize-24px {
line-height: 1.8;
}
.wp-block-column .d--fontsize-27px {
line-height: 1.8;
}
.wp-block-column .d--fontsize-30px {
line-height: 1.65;
}
.wp-block-column .d--fontsize-36px {
line-height: 1.5;
} #commonHeader {
padding: 0;
margin: 0;
position: relative;
z-index: 300;
}
#commonHeader.d--commonheader-cover {
position: absolute;
width: 100%;
background: transparent !important;
}
#commonHeader.js--follow-header-display #headerSpMenu, #commonHeader.js--follow-header-display-off #headerSpMenu {
display: none;
}
#commonHeaderInner {
width: 100%;
display: flex;
margin: 0 auto;
align-items: center;
position: relative;
}
#headerLogoLink {
line-height: 1.1;
display: flex;
align-items: center;
}
#hamburgerTitle {
font-size: 3rem;
text-align: center;
margin-bottom: 16px;
}
#SiteSubCopy {
font-size: clamp(1rem, 1.6vw, 1.3rem);
line-height: 1.3;
letter-spacing: 0.18rem;
}
#globalMenu {
display: flex;
align-items: center;
}
@media (max-width: 551px) {
#globalMenu .o--nav-box {
display: none;
}
}
#globalMenuList {
display: flex;
flex-wrap: wrap;
align-items: center;
}
#globalMenuList > .menu-item {
padding: 10px 0;
}
#globalMenuList > .menu-item > a {
text-align: center;
}
#globalMenuList .menu-item {
position: relative;
}
#globalMenuList .menu-item > .sub-menu {
position: absolute;
z-index: -1;
top: 48px;
left: 4px;
height: 0;
width: 225px;
margin-left: -13px;
overflow: hidden;
border-radius: 3px;
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
#globalMenuList .menu-item > .sub-menu .a--menu-subtext {
display: none;
}
#globalMenuList .menu-item > .sub-menu .menu-item {
padding: 0px 15px;
}
#globalMenuList .menu-item > .sub-menu .menu-item a {
font-size: 12px;
padding: 12px 12px 12px 3px !important;
border-bottom: 1px solid #efefef;
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
#globalMenuList .menu-item > .sub-menu .menu-item a::after {
content: "\ea84";
font-family: "jin-icons";
transform: translateY(-50%);
position: absolute;
right: 0;
top: 50%;
font-size: 0.8rem;
background: none;
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
#globalMenuList .menu-item > .sub-menu .menu-item a:hover {
padding-left: 6px !important;
}
#globalMenuList .menu-item > .sub-menu .menu-item:first-child {
margin-top: 3px;
}
#globalMenuList .menu-item > .sub-menu .menu-item:last-child {
margin-bottom: 3px;
}
#globalMenuList .menu-item > .sub-menu .menu-item:last-child a {
border-bottom: none;
}
#globalMenuList .menu-item > .sub-menu .menu-item .sub-menu {
overflow: visible;
position: relative;
backdrop-filter: none;
background: none;
box-shadow: none;
height: auto;
top: 0;
left: 13px;
width: 100%;
border-bottom: 1px solid #efefef;
box-sizing: content-box;
border-radius: 0;
}
#globalMenuList .menu-item > .sub-menu .menu-item .sub-menu .menu-item {
padding-right: 0;
}
#globalMenuList .menu-item > .sub-menu .menu-item .sub-menu .menu-item a {
line-height: 1.25;
}
#globalMenuList .menu-item > .sub-menu .menu-item .sub-menu .menu-item:first-child {
margin-top: 3px;
}
#globalMenuList .menu-item > .sub-menu .menu-item .sub-menu .menu-item:last-child {
margin-bottom: 3px;
}
#globalMenuList .menu-item:hover > .sub-menu {
top: 42px;
height: auto;
overflow: visible;
z-index: 0;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
background: rgba(255, 255, 255, 0.75);
box-shadow: 0 4px 20px 1px rgba(170, 170, 170, 0.15);
}
#globalMenuList .menu-item a {
display: block;
font-size: 1em;
letter-spacing: 0.21rem;
transition: all 0.25s;
will-change: transform;
transition-timing-function: ease;
}
#globalMenuList .menu-item .jif::before {
display: inline-block;
padding-right: 4px;
}
@media (max-width: 1480px) {
#globalMenuList .menu-item:last-child > .sub-menu {
left: -112px;
}
}
#globalMenuList .a--menu-subtext {
display: block;
font-size: 0.9rem;
letter-spacing: 2px;
margin-top: 2px;
font-weight: normal;
text-align: center;
opacity: 0.75;
}
.d--button a {
padding: 12px 18px !important;
font-size: 0.9em;
border-radius: 30px;
line-height: 1;
color: #fff !important;
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
.d--button a:hover {
transform: scale(0.95);
}
.d--button a:hover::after, .d--button a:hover::before {
display: none;
}
.o--hamburger-menu-container #hamburgerMenuList .d--button {
display: flex;
justify-content: center;
align-items: center;
border-bottom: none;
margin-top: 18px;
}
.o--hamburger-menu-container #hamburgerMenuList .d--button a {
width: auto;
padding: 12px 42px !important;
text-align: center;
}
.d--header-menu-style1 #globalMenuList > .menu-item {
margin-left: 12px;
}
.d--header-menu-style1 #globalMenuList > .menu-item a {
padding: 4px 9px;
}
.d--header-menu-style1 #globalMenuList > .menu-item .sub-menu a {
padding: 12px 12px 12px 3px;
}
.d--header-menu-style1 #globalMenuList > .menu-item:first-of-type {
margin-left: 0;
}
.d--header-menu-style2 #globalMenuList > .menu-item:not(.d--button) a {
display: block;
border-right: 1px solid;
padding: 3px clamp(15px, 3vw, 24px);
}
.d--header-menu-style2 #globalMenuList .menu-item:first-of-type a {
border-left: 1px solid;
}
.d--header-menu-style2 #globalMenuList .menu-item .sub-menu a {
border-right: none;
border-left: none;
}
.d--header-menu-style2 #globalMenuList .d--button {
margin: 0 clamp(18px, 3vw, 24px);
}
.d--header-menu-style2 #globalMenuList .menu-item:last-of-type.d--button {
margin-right: 0;
}
@media (min-width: 782px) {
#hamburgerMenu.d--hamburger-display-off {
display: none;
}
}
#headerSearch {
z-index: 300;
position: relative;
}
@media (max-width: 551px) {
#headerSearch {
top: -1px;
}
}
#headerSearch #headerSearchIcon {
font-size: 1em;
}
#headerSearch .a--search-icon {
font-size: 2.1rem;
line-height: 0;
}
#headerSearch .a--search-label {
width: 52px;
font-size: 0.9rem;
letter-spacing: 0.18rem;
margin-left: 3px;
}
@media (min-width: 552px) {
#headerSearch .a--search-label {
left: 24px;
margin-left: 6px;
}
} .d--header-layout1 {
padding-top: 1px !important;
}
.d--header-layout1 #headerSearch {
display: flex;
align-items: center;
}
.d--header-layout1 #hamburgerMenu {
margin-left: 12px;
}
@media (min-width: 552px) {
.d--header-layout1 #hamburgerMenu {
margin-left: 15px;
}
}
.d--header-layout1 #headerSearch {
margin-left: 12px;
}
@media (min-width: 552px) {
.d--header-layout1 #headerSearch {
margin-left: 24px;
}
}
.d--header-layout1 #headerLogo {
display: flex;
max-width: calc(100% - 30px);
margin-right: auto;
}
@media (max-width: 551px) {
.d--header-layout1 #headerLogo {
flex-direction: column-reverse;
}
}
@media (min-width: 552px) {
.d--header-layout1 #headerLogo {
align-items: center;
padding-right: clamp(20px, 3vw, 30px);
margin-left: 3px;
}
}
@media (min-width: 782px) {
.d--header-layout1 #headerLogo {
max-width: clamp(550px, 50vw, 600px);
}
}
@media (min-width: 552px) {
.d--header-layout1 #headerLogoLink {
margin-right: clamp(20px, 3vw, 30px);
flex-shrink: 0;
}
}
.d--header-layout1 #headerLogoLink img {
width: 100%;
}
@media (max-width: 551px) {
.d--header-layout1 #SiteSubCopy {
position: absolute;
z-index: 300;
top: -12px;
left: 15px;
width: calc(100% - 27px);
}
}
@media (min-width: 552px) {
.d--header-layout1 #SiteSubCopy {
margin-top: 3px;
line-height: 1.3;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--header-layout1 #globalMenu .o--nav-box {
display: none;
}
}
@keyframes followHeaderIn {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
@keyframes followHeaderOut {
0% {
position: sticky;
opacity: 1;
visibility: visible;
}
100% {
position: relative;
opacity: 0;
visibility: hidden;
}
}
@keyframes followHeaderCoverOut {
0% {
position: fixed;
opacity: 1;
visibility: visible;
}
100% {
position: absolute;
opacity: 0;
visibility: hidden;
}
}
#commonHeader.d--header-layout1.d--header-style-default.d--header-tracking-on, #commonHeader.d--header-layout1.d--header-style-border.d--header-tracking-on {
top: 0;
}
#commonHeader.d--header-layout1.d--header-style-default.js--follow-header-display, #commonHeader.d--header-layout1.d--header-style-border.js--follow-header-display {
position: sticky;
position: -webkit-sticky;
opacity: 0;
visibility: hidden;
animation: followHeaderIn 0.3s ease-out forwards;
}
#commonHeader.d--header-layout1.d--header-style-default.js--follow-header-display-off, #commonHeader.d--header-layout1.d--header-style-border.js--follow-header-display-off {
opacity: 1;
visibility: visible;
animation: followHeaderOut 0.3s ease-out forwards;
}
#commonHeader.d--header-layout1.d--header-style-default.d--commonheader-cover.js--follow-header-display, #commonHeader.d--header-layout1.d--header-style-border.d--commonheader-cover.js--follow-header-display {
position: fixed;
backdrop-filter: blur(6px);
}
#commonHeader.d--header-layout1.d--header-style-default.d--commonheader-cover.js--follow-header-display-off, #commonHeader.d--header-layout1.d--header-style-border.d--commonheader-cover.js--follow-header-display-off {
animation: followHeaderCoverOut 0.3s ease-out forwards;
}
.a--header-style-parts.d--header-tracking-on {
z-index: 300;
will-change: opacity, visibility, animation;
}
.a--header-style-parts.js--follow-header-display {
position: fixed;
opacity: 0;
visibility: hidden;
}
.a--header-style-parts.js--follow-header-display-off {
opacity: 1;
visibility: visible;
animation: ollowHeaderCoverOut 0.3s ease-out forwards;
}
.a--header-style-parts.d--commonheader-cover.js--follow-header-display {
position: fixed;
backdrop-filter: blur(6px);
}
.a--header-style-parts.d--commonheader-cover.js--follow-header-display-off {
animation: followHeaderCoverOut 0.3s ease-out forwards;
}
.d--header-layout2 #headerSearch,
.d--header-layout2 #hamburgerMenu {
position: absolute;
}
@media (max-width: 551px) {
.d--header-layout2 #headerSearch,
.d--header-layout2 #hamburgerMenu {
margin-top: 18px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--header-layout2 #headerSearch,
.d--header-layout2 #hamburgerMenu {
margin-top: 6px;
}
}
@media (min-width: 782px) {
.d--header-layout2 #headerSearch,
.d--header-layout2 #hamburgerMenu {
margin-top: clamp(18px, 2.1vw, 33px);
}
}
@media (min-width: 1120px) {
.d--header-layout2 #headerSearch,
.d--header-layout2 #hamburgerMenu {
margin-top: clamp(24px, 2.1vw, 33px);
}
}
.d--header-layout2 #headerSearch {
left: 13px;
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--header-layout2 #headerSearch {
top: 12px;
}
}
@media (min-width: 552px) {
.d--header-layout2 #headerSearch {
left: auto;
}
.d--header-layout2 #headerSearch .a--search-icon {
font-size: 1.9rem;
}
}
@media (min-width: 782px) {
.d--header-layout2 #headerSearch .a--search-icon::before {
top: -10px;
left: -10px;
}
}
.d--header-layout2 #headerSearch .a--search-label {
display: none;
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--header-layout2 #headerSearch.d--hamburger-right {
right: 60px;
}
}
@media (min-width: 782px) {
.d--header-layout2 #headerSearch.d--hamburger-right {
right: 66px;
}
}
@media (min-width: 1240px) {
.d--header-layout2 #headerSearch.d--hamburger-right {
right: 36px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--header-layout2 #headerSearch.d--hamburger-none {
right: 60px;
}
}
@media (min-width: 782px) {
.d--header-layout2 #headerSearch.d--hamburger-none {
right: 30px;
}
}
@media (min-width: 1240px) {
.d--header-layout2 #headerSearch.d--hamburger-none {
right: 0;
}
}
.d--header-layout2 #hamburgerMenu {
right: 15px;
}
@media (max-width: 551px) {
.d--header-layout2 #hamburgerMenu {
top: 0;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--header-layout2 #hamburgerMenu {
right: 24px;
top: 12px;
}
}
@media (min-width: 782px) {
.d--header-layout2 #hamburgerMenu {
right: 30px;
}
}
@media (min-width: 1240px) {
.d--header-layout2 #hamburgerMenu {
right: 0;
}
}
.d--header-layout2 #hamburgerMenu .a--menu-label {
display: none;
}
@media (min-width: 552px) {
.d--header-layout2 #commonHeaderInner {
flex-direction: column;
}
}
.d--header-layout2 #headerLogo {
text-align: center;
margin: 0 auto;
}
.d--header-layout2 #headerLogoLink {
margin: 0 auto;
display: block;
}
.d--header-layout2 #headerLogoLink img {
width: 100%;
}
.d--header-layout2 #headerLogoImage {
margin: 0 auto;
}
.d--header-layout2 #SiteSubCopy {
padding-top: 20px;
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--header-layout2 #globalMenu {
display: none;
}
}
.d--header-layout2 #globalMenu .o--nav-box {
width: 100%;
}
.d--header-layout2 #globalMenuList {
margin-top: 16px;
padding-bottom: 6px;
justify-content: center;
}
.d--header-layout2 .d--header-menu-style1 #globalMenuList .menu-item a {
padding: 4px 12px;
}
.d--header-layout2 .d--header-menu-style2 #globalMenuList .menu-item:not(.d--button) a {
padding: 3px clamp(15px, 3vw, 30px);
}
#headerSpMenu {
width: 100%;
padding: 3px 0;
}
@media (min-width: 552px) {
#headerSpMenu {
display: none;
}
}
#headerSpMenuList {
display: flex;
}
.c--spmenu-item {
margin: 0 3px;
}
.c--spmenu-item:not(:first-child) {
position: relative;
}
.c--spmenu-item:not(:first-child)::before {
content: "";
position: absolute;
width: 1px;
height: 45%;
left: -3px;
top: 50%;
transform: translateY(-50%);
}
.a--spmenu-item-link {
display: flex;
flex-wrap: wrap;
padding: 6px 9px;
align-items: center;
justify-content: center;
position: relative;
min-height: 36px;
}
.a--spmenu-item-icon {
display: flex;
width: 100%;
font-size: 1.8rem;
justify-content: center;
align-items: center;
font-size: 1.7rem;
margin-bottom: 6px;
}
.a--spmenu-item-label {
display: block;
font-size: 0.9rem;
letter-spacing: 0.03rem;
}
#jinrInfobarLink {
width: 100%;
display: block;
padding: 10px 30px;
text-align: center;
font-size: 1.3rem;
color: #fff;
}
@media (min-width: 782px) {
.d--subcopy-none {
display: none;
}
}
@media (min-width: 961px) {
.d--subcopy-none {
display: block;
}
}
@media (min-width: 782px) {
.o--nav-box.d--globalmenu-tablet-off {
display: none;
}
}
@media (min-width: 961px) {
.o--nav-box.d--globalmenu-tablet-off {
display: flex;
}
}
.d--header-style-border {
position: relative;
}
.d--header-style-border + .a--header-style-parts {
bottom: 0;
width: 100%;
height: 3px;
}
.d--header-style-triangle,
.d--header-style-slope {
position: relative;
z-index: 0;
}
.d--header-style-triangle + .a--header-style-parts,
.d--header-style-slope + .a--header-style-parts {
position: absolute;
top: 0;
width: 100%;
height: 180px;
z-index: 100;
}
.d--header-style-triangle + .a--header-style-parts {
height: 360px;
}
@media (min-width: 552px) {
.d--header-style-triangle + .a--header-style-parts {
clip-path: polygon(100% 0, 100% 24%, 21% clamp(150px, 36vw, 360px), 0 24%, 0 0);
}
}
.d--header-style-slope + .a--header-style-parts {
height: 450px;
}
@media (min-width: 552px) {
.d--header-style-slope + .a--header-style-parts {
clip-path: polygon(100% 0, 100% 21%, 0 90%, 0 0);
}
}
.d--header-layout2.d--header-style-default.d--transparent #globalMenuList, .d--header-layout2.d--header-style-border.d--transparent #globalMenuList {
padding-bottom: 0px;
}
@media (min-width: 552px) {
.d--header-layout2.d--header-style-default.d--transparent + .d--main-style-transparent #mainContentInner, .d--header-layout2.d--header-style-border.d--transparent + .d--main-style-transparent #mainContentInner {
padding-top: 30px;
}
}
.home .d--header-layout2.d--header-style-default.d--transparent #globalMenuList, .home .d--header-layout2.d--header-style-border.d--transparent #globalMenuList {
padding-bottom: 9px;
} @keyframes jinr-info-icon-animate {
6% {
transform: translateX(0px);
@media (max-width: 551px) {
top: 50%;
transform: translate(0px, -50%);
}
opacity: 1;
}
100% {
transform: translateX(9px);
@media (max-width: 551px) {
top: 50%;
transform: translate(9px, -50%);
}
opacity: 0;
}
}
.o--informationbar {
position: relative;
z-index: 100;
}
.o--informationbar.d--information-type-textplusbutton {
padding: 9px 9px 9px 15px;
}
@media (min-width: 552px) {
.o--informationbar.d--information-type-textplusbutton {
padding: 9px 42px;
}
}
.o--informationbar.d--information-type-textonlywithlink {
padding: 9px 42px;
}
.o--informationbar.d--information-type-textonlywithlink a:hover {
opacity: 0.6;
}
.o--informationbar.d--information-type-textonlywithlink .c--informationbar {
position: relative;
flex-wrap: wrap;
text-align: center;
}
@media (min-width: 782px) {
.o--informationbar.d--information-type-textonlywithlink .c--informationbar {
flex-wrap: nowrap;
}
}
.o--informationbar.d--information-type-textonlywithlink .c--informationbar::after {
content: "\e9ed";
font-family: "jin-icons";
font-size: 1.35rem;
position: absolute;
right: -24px;
animation-name: jinr-info-icon-animate;
animation-duration: 1.65s;
animation-delay: 0.6s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1);
animation-iteration-count: infinite;
opacity: 1;
}
@media (min-width: 552px) {
.o--informationbar.d--information-type-textonlywithlink .c--informationbar::after {
position: relative;
font-size: 1.15rem;
}
}
.o--informationbar .b--jinr-button {
margin: 0 3px 0 12px;
flex-shrink: 0;
}
.o--informationbar .b--jinr-button .d--button-arrow {
margin-bottom: 0;
padding-top: 0;
line-height: 1;
}
.o--informationbar .b--jinr-button .d--button-arrow a::after {
height: 9px;
bottom: -2px;
right: 3px;
}
.o--informationbar .b--jinr-button .a--button-hover {
display: flex;
align-items: center;
}
.c--informationbar {
display: flex;
align-items: center;
justify-content: center;
letter-spacing: 0.06rem;
padding-bottom: 1px;
}
.d--information-text-small {
font-size: 1.1rem;
line-height: 1.3;
}
@media (min-width: 552px) {
.d--information-text-small {
font-size: 1.2rem;
}
}
.d--information-text-large {
line-height: 1.3;
}
.d--information-text-large,
.d--information-text-largewithunderline {
font-size: 1.35rem;
}
@media (min-width: 552px) {
.d--information-text-large,
.d--information-text-largewithunderline {
font-size: 1.5rem;
}
}
.d--information-text-largewithunderline {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0.42rem;
}
@media (max-width: 551px) {
.d--informationbar-display-none-sp {
display: none;
}
}
.a--infomationbar-text2 {
margin-left: 3px;
}
@media (max-width: 551px) {
.a--infomationbar-text2 {
padding-top: 3px;
}
}
@media (max-width: 551px) {
.d--transparent + .o--informationbar.d--information-position-bottom + .o--jinr-mainvisual .o--slider-contents-wrapper {
padding-top: 21px;
}
}
.d--transparent + .o--informationbar.d--information-position-bottom + .o--jinr-mainvisual .o--slider-contents {
margin-top: 0px;
}
@media (min-width: 552px) {
.d--transparent + .o--informationbar.d--information-position-bottom + .o--jinr-mainvisual .o--slider-contents {
margin-top: 30px;
}
}  @keyframes fadeInAnime {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeOutAnime {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes headerBackdrop {
0% {
height: auto;
}
100% {
height: 0;
}
}
@keyframes headerBackdrop100 {
0% {
height: auto;
}
100% {
height: 100vh;
background-color: #fff;
}
}
.c--menu-trigger {
position: relative;
display: flex;
align-items: center;
z-index: 600;
padding: 3px 0;
height: 24px;
width: 24px;
}
.c--menu-trigger:focus-visible, .c--menu-trigger:focus {
outline: none;
}
.c--menu-trigger:hover {
cursor: pointer;
}
.c--menu-trigger .c--menu-bar:focus-visible, .c--menu-trigger .c--menu-bar:focus {
outline: none;
}
.c--menu-trigger .a--menu-bar {
position: absolute;
left: 0;
height: 1px;
background-color: #fff;
width: 100%;
will-change: transform, opacity;
transition: all 0.4s;
will-change: transform;
transition-timing-function: cubic-bezier(0.4, 0.01, 0.07, 0.98);
}
.c--menu-trigger .a--menu-bar:nth-child(1) {
top: 2px;
}
.c--menu-trigger .a--menu-bar:nth-child(2) {
top: 11px;
opacity: 1;
}
.c--menu-trigger .a--menu-bar:nth-child(3) {
top: 20px;
}
.c--menu-trigger .a--menu-label {
margin-left: 24px;
color: #fff;
font-size: 0.9rem;
letter-spacing: 0.18rem;
width: 31px;
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
@media (min-width: 552px) {
.c--menu-trigger .a--menu-label {
margin-left: 32px;
width: 36px;
}
}
.a--hamburger-menu-title {
font-size: 1.95rem;
}
@media (min-width: 552px) {
.a--hamburger-menu-title {
font-size: 1.8rem;
margin: 0 auto;
}
}
.js--hamburger-active .a--menu-bar:nth-child(1) {
transform: translateY(9px) rotate(-45deg);
}
.js--hamburger-active .a--menu-bar:nth-child(2) {
left: 50%;
opacity: 0;
}
.js--hamburger-active .a--menu-bar:nth-child(3) {
transform: translateY(-9px) rotate(45deg);
}
.d--header-layout2 .js--hamburger-active .a--menu-bar:nth-child(1) {
transform: translateY(9px) rotate(-45deg);
}
.d--header-layout2 .js--hamburger-active .a--menu-bar:nth-child(3) {
transform: translateY(-9px) rotate(45deg);
}
#hamburgerMenu .o--nav-box {
margin: 24px 0 36px;
height: 72%;
}
@media (min-width: 552px) {
#hamburgerMenu .o--nav-box {
height: 66%;
}
}
#hamburgerMenuList {
height: 100%;
}
@media (min-width: 552px) {
#hamburgerMenuList {
overflow-y: scroll;
}
}
#hamburgerMenuList .menu-item {
width: 100%;
border-bottom-style: solid;
border-bottom-width: 1px;
padding-top: 9px;
padding-bottom: 9px;
}
#hamburgerMenuList .menu-item a {
width: 100%;
display: inline-block;
vertical-align: middle;
font-size: 1.5rem;
padding: 9px 33px 9px 3px;
letter-spacing: 0.15rem;
line-height: 1.3;
}
@media (min-width: 552px) {
#hamburgerMenuList .menu-item a {
font-size: 1.35rem;
padding: 12px 33px 12px 3px;
}
}
#hamburgerMenuList .menu-item a::after {
font-family: "jin-icons";
content: "\ea84";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 1.05rem;
}
#hamburgerMenuList .menu-item i::before {
display: inline-block;
padding: 0 8px 0 0;
}
#hamburgerMenuList .menu-item .a--menu-subtext {
position: absolute;
top: 50%;
transform: translateY(-50%);
line-height: 0;
padding-left: 18px;
opacity: 0.45;
font-size: 0.8em;
}
#hamburgerMenuList .menu-item ul {
padding-left: 27px;
}
#hamburgerMenuList .menu-item ul .menu-item {
border-bottom: none;
padding-top: 3px;
padding-bottom: 3px;
}
#hamburgerMenuList .menu-item ul .menu-item:last-child {
margin-bottom: 3px;
}
#hamburgerMenuList .menu-item ul .menu-item .menu-item {
padding-top: 0px;
padding-bottom: 0px;
}
#hamburgerMenuList .menu-item ul .menu-item .menu-item:first-child {
margin-top: 6px;
}
#hamburgerMenuList .menu-item ul .menu-item .menu-item a::before {
height: 45%;
}
#hamburgerMenuList .menu-item ul a {
padding-top: 6px;
padding-bottom: 6px;
font-size: 0.85em;
}
#hamburgerMenuList .menu-item ul a::before {
content: "";
position: absolute;
left: -8px;
top: 48%;
transform: translateY(-50%);
width: 1px;
height: 66%;
}
.o--hamburger-menu-container {
width: 100%;
transition: all 0.3s ease;
position: fixed;
pointer-events: none;
top: 0;
right: 0;
z-index: 400;
padding-top: 60px;
height: 100vh;
opacity: 0;
will-change: backdrop-filter, opacity;
}
@media (min-width: 552px) {
.o--hamburger-menu-container {
padding-top: 120px;
}
}
.o--hamburger-menu-container .o--hamburger-menu,
.o--hamburger-menu-container #hamburgerWidget,
.o--hamburger-menu-container .o--ham-follow-sns {
opacity: 0;
will-change: opacity;
}
@media (max-width: 551px) {
.o--hamburger-menu-container .o--hamburger-menu,
.o--hamburger-menu-container #hamburgerWidget,
.o--hamburger-menu-container .o--ham-follow-sns {
opacity: 1;
}
}
.o--hamburger-menu-container.js--hamburger-open {
background-color: rgba(255, 255, 255, 0.75);
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
pointer-events: all;
height: 100vh;
opacity: 1;
transition-duration: 0.1s;
}
.o--hamburger-menu-container.js--hamburger-open .o--hamburger-menu,
.o--hamburger-menu-container.js--hamburger-open #hamburgerWidget,
.o--hamburger-menu-container.js--hamburger-open .o--ham-follow-sns {
opacity: 1;
transition-delay: 0.21s;
transition-duration: 0.6s;
}
@media (min-width: 552px) {
.o--hamburger-menu-container.js--hamburger-open .o--hamburger-menu,
.o--hamburger-menu-container.js--hamburger-open #hamburgerWidget,
.o--hamburger-menu-container.js--hamburger-open .o--ham-follow-sns {
transition-delay: 0.18s;
transition-duration: 0.45s;
}
}
@media (min-width: 552px) {
.o--hamburger-menu-inner,
.o--hamburger-menu {
height: 100%;
}
}
.o--hamburger-menu-inner {
overflow-y: scroll;
overscroll-behavior-y: contain;
max-height: 100vh;
height: 80%;
position: relative;
padding-left: 24px !important;
padding-right: 24px !important;
}
@media (min-width: 552px) {
.o--hamburger-menu-inner {
height: 100%;
}
}
@media (min-width: 1120px) {
.d--hamburger-widget-off .o--hamburger-menu-inner {
max-width: 100% !important;
}
}
@media (min-width: 552px) {
.d--hamburger-widget-off #hamburgerMenuList {
max-width: 320px;
margin: 0 auto;
}
}
.d--hamburger-widget-off .a--hamburger-menu-title {
max-width: 320px;
}
@media (min-width: 782px) {
.d--hamburger-widget-on .o--hamburger-menu-inner {
display: flex;
margin: 0 auto;
}
}
.d--hamburger-widget-on #hamburgerWidget {
width: 100%;
overflow: visible;
margin-top: 42px;
}
@media (min-width: 782px) {
.d--hamburger-widget-on #hamburgerWidget {
height: 72%;
overflow-y: scroll;
margin-top: 0;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--hamburger-widget-on .o--hamburger-menu {
height: 100%;
}
}
@media (min-width: 782px) {
.d--hamburger-widget-on .o--hamburger-menu {
width: clamp(255px, 50%, 300px);
margin-right: clamp(36px, 4.5vw, 60px);
}
}
@media (min-width: 782px) {
.d--hamburger-widget-on .o--hamburger-menu + #hamburgerWidget {
width: calc(100% - clamp(255px, 50%, 300px));
}
}
@media (min-width: 782px) {
.d--hamburger-widget-on #hamburgerMenu .o--nav-box {
overflow-y: scroll;
}
}
.d--hamburger-widget-on #hamburgerMenuList {
width: 100%;
}
@media (min-width: 782px) {
.d--hamburger-widget-on .a--hamburger-menu-title {
margin: 0;
}
}
#hamburgerWidget .b--jinr-block.b--jinr-h2rich {
margin-top: 30px;
}
#hamburgerWidget .jinr-widget-area:first-of-type .b--jinr-block:first-child {
margin-top: 0;
}
#hamburgerWidget .jinr-widget-area:first-of-type .b--jinr-block.b--jinr-h2rich:first-of-type {
margin-top: -9px;
}
@media (min-width: 552px) {
#hamburgerWidget .b--jinr-h2rich.d--h2rich-left .a--h2rich-maincopy {
font-size: 1.65rem;
}
}
#hamburgerWidget .b--jinr-h2rich.d--h2rich-left .a--h2rich-subcopy {
margin-bottom: 6px;
}
@media (min-width: 552px) {
#hamburgerWidget .b--jinr-h2rich.d--h2rich-left .a--h2rich-subcopy {
font-size: 1.15rem;
margin-bottom: 0;
}
}
@media (min-width: 552px) {
#hamburgerWidget .b--jinr-h2rich.d--h2rich-left .a--h2rich-number {
font-size: 4.5rem;
}
}
@media (min-width: 552px) {
#hamburgerWidget .b--jinr-h2rich.d--h2rich-left .a--h2rich-icon .jin-icons::before {
font-size: 2.25em;
}
}
@media (min-width: 552px) {
#hamburgerWidget .b--jinr-h2rich.d--h2rich-left .a--h2rich-image {
width: 45px;
height: 45px;
}
}
html.js--hamburger-hidden {
overflow: hidden;
}
html.js--hamburger-hidden #commonHeader.js--follow-header-display {
height: 100vh;
background-color: #fff;
}
@media (min-width: 552px) {
#hamburgerMenu.d--hamburger-follow-on .o--hamburger-menu-container.js--hamburger-open {
padding-bottom: 21px;
}
}
@media (max-width: 551px) {
#hamburgerMenu.d--hamburger-follow-on .o--hamburger-menu-inner {
height: 63%;
}
}
#hamburgerMenu.d--hamburger-follow-on .o--ham-follow-sns {
pointer-events: none;
width: 100%;
margin: 0 auto;
}
#hamburgerMenu.d--hamburger-follow-on .o--ham-follow-sns .c--ham-follow-sns-item {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
overflow: hidden;
padding-top: 18px;
padding-bottom: 15px;
}
#hamburgerMenu.d--hamburger-follow-on .o--ham-follow-sns .a--sns-item-link {
pointer-events: none;
display: flex;
align-items: center;
padding: 9px;
background-color: rgba(255, 255, 255, 0.21);
margin: 0px 6px;
padding: 12px;
box-shadow: 0 3px 12px 1px rgba(170, 170, 170, 0.21);
}
#hamburgerMenu.d--hamburger-follow-on .o--ham-follow-sns .a--sns-item-link .jin-icons {
font-size: 2.1rem;
}
#hamburgerMenu.d--hamburger-follow-on .o--hamburger-menu-container.js--hamburger-open .o--ham-follow-sns .a--sns-item-link {
pointer-events: all;
}
#hamburgerMenu.d--hamburger-follow-on .a--ham-follow-label {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
letter-spacing: 0.24rem;
font-size: 1.35rem;
}
#hamburgerMenu.d--hamburger-follow-on .a--ham-follow-label::before, #hamburgerMenu.d--hamburger-follow-on .a--ham-follow-label::after {
content: "";
width: 18px;
height: 1px;
background-color: #aaa;
display: block;
}
#hamburgerMenu.d--hamburger-follow-on .a--ham-follow-label::before {
margin-right: 15px;
}
#hamburgerMenu.d--hamburger-follow-on .a--ham-follow-label::after {
margin-left: 15px;
}
#hamburgerMenu .d--menu-follow-sns .o--ham-follow-sns {
position: fixed;
bottom: 15px;
z-index: 600;
padding-top: 24px;
left: 50%;
width: 100%;
transform: translateX(-50%);
}
@media (min-width: 552px) {
#hamburgerMenu .d--menu-follow-sns .o--ham-follow-sns {
bottom: 30px;
}
}
#hamburgerMenu .d--nomenu-follow-sns {
position: fixed;
bottom: 30px;
z-index: 600;
padding-top: 24px;
left: 50%;
width: 100%;
transform: translateX(-50%);
}
@media (max-width: 551px) {
#hamburgerMenu .d--nomenu-follow-sns {
bottom: 0;
}
}
@media (max-width: 551px) {
#hamburgerMenu .d--nomenu-follow-sns .o--ham-follow-sns {
background: transparent;
width: 100%;
max-width: 100%;
margin: 0;
padding-top: 24px;
padding-bottom: 24px;
}
} .o--jinr-slider + #mainContent.d--main-style-outline {
margin-top: 15px;
}
@media (min-width: 552px) {
.o--jinr-slider + #mainContent.d--main-style-outline {
margin-top: 12px;
}
}
.o--jinr-slider + #mainContent.d--main-style-noframe {
margin-top: 15px;
}
@media (min-width: 552px) {
.o--jinr-slider + #mainContent.d--main-style-noframe {
margin-top: 12px;
}
}
.o--jinr-slider + #mainContent.d--main-style-transparent {
margin-top: 18px;
}
@media (min-width: 552px) {
.o--jinr-slider + #mainContent.d--main-style-transparent {
margin-top: 30px;
}
}
.o--jinr-slider .a--slider-item {
padding-bottom: 36px;
}
@media (min-width: 552px) {
.o--jinr-slider .a--slider-item {
padding-bottom: 21px;
}
}
.o--jinr-imageslider + #mainContent {
margin-top: 18px;
}
@media (min-width: 552px) {
.o--jinr-imageslider + #mainContent {
margin-top: 30px;
}
}
.o--jinr-imageslider + #mainContent.d--main-style-transparent {
margin-top: 18px;
}
@media (min-width: 552px) {
.o--jinr-imageslider + #mainContent.d--main-style-transparent {
margin-top: 42px;
}
}
.o--jinr-stillimage + #mainContent:not(.d--main-style-noframe) {
margin-top: 18px;
}
@media (min-width: 552px) {
.o--jinr-stillimage + #mainContent:not(.d--main-style-noframe) {
margin-top: 30px;
}
}
.o--jinr-movie + #mainContent:not(.d--main-style-noframe) {
margin-top: 0px;
}
@media (min-width: 552px) {
.o--jinr-movie + #mainContent:not(.d--main-style-noframe) {
margin-top: 0px;
}
}
.o--jinr-stillimage,
.o--jinr-movie {
position: relative;
z-index: 200;
padding-left: 0 !important;
padding-right: 0 !important;
max-width: 100%;
}
.o--jinr-stillimage + .d--main-style-outline,
.o--jinr-movie + .d--main-style-outline {
margin-top: 12px;
}
@media (min-width: 552px) {
.o--jinr-stillimage + .d--main-style-outline,
.o--jinr-movie + .d--main-style-outline {
margin-top: 30px;
}
}
.o--jinr-stillimage .d--stillimage-overlay-blur .a--stillimage-overlay + .a--stillimage,
.o--jinr-movie .d--stillimage-overlay-blur .a--stillimage-overlay + .a--stillimage {
transform: scale(1.05);
}
@media (max-width: 551px) {
.o--jinr-stillimage .d--stillimage-overlay-blur .a--stillimage-overlay + .a--stillimage,
.o--jinr-movie .d--stillimage-overlay-blur .a--stillimage-overlay + .a--stillimage {
transform: scale(1.15);
}
}
@media (max-width: 551px) {
.o--jinr-stillimage {
overflow: hidden;
}
}
.c--jinr-movie {
max-width: 100%;
width: 100%;
display: block;
}
@media (max-width: 551px) {
.c--jinr-movie {
object-fit: cover;
}
}
.c--stillimage-contents,
.c--movie-contents {
position: absolute;
transform: translate(-50%, -50%);
width: 100%;
max-width: 1120px;
}
@media (max-width: 551px) {
.c--stillimage-contents .b--jinr-button,
.c--movie-contents .b--jinr-button {
margin-top: 3.6rem;
}
}
.c--stillimage {
position: relative;
overflow: hidden;
}
.d--stillimage-overlay-blur.c--stillimage::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
z-index: 0;
}
.a--stillimage {
display: block;
margin: 0 auto;
height: 100vh;
max-height: 1200px;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
}
.a--stillimage-overlay {
position: absolute;
height: 100%;
width: 100%;
}
.d--stillimage-overlay-blur .a--stillimage-overlay + .a--stillimage {
position: relative;
filter: blur(6px);
}
.a--stillimage-button,
.a--movie-button {
margin-top: 30px;
margin-bottom: 0;
}
.a--stillimage-maincopy,
.a--movie-maincopy {
width: 100%;
font-feature-settings: "palt";
letter-spacing: 0.42rem;
line-height: 1.45;
}
.a--stillimage-subcopy,
.a--movie-subcopy {
width: 100%;
letter-spacing: 0.27rem;
}
@media (max-width: 551px) {
.a--stillimage-subcopy,
.a--movie-subcopy {
padding-top: 15px;
}
}
@media (min-width: 552px) {
.a--stillimage-subcopy,
.a--movie-subcopy {
padding-top: 30px;
line-height: 1.8;
}
}
@media (min-width: 961px) {
.a--stillimage-subcopy,
.a--movie-subcopy {
padding-bottom: 20px;
}
}
.d--stillimage-width100 {
width: 100%;
}
.d--stillimage-text-shadow-s,
.d--movie-text-shadow-s {
text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.24);
}
.d--stillimage-text-shadow-m,
.d--movie-text-shadow-m {
text-shadow: 0px 4px 9px rgba(0, 0, 0, 0.12);
}
.d--stillimage-text-shadow-l,
.d--movie-text-shadow-l {
text-shadow: 0px 9px 21px rgba(0, 0, 0, 0.12);
}
.d--stillimage-text-border-white,
.d--movie-text-border-white {
text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
}
.d--jpf-default .a--movie-maincopy,
.d--jpf-default .a--stillimage-maincopy {
font-weight: 400;
}
@media (min-width: 552px) {
.d--jpf-default .a--movie-maincopy,
.d--jpf-default .a--stillimage-maincopy {
font-weight: 300;
}
}
.d--zenkakugothic .a--stillimage-maincopy,
.d--zenkakugothic .a--movie-maincopy {
letter-spacing: 0.25rem;
}  .b--jinr-button {
position: relative;
z-index: 300;
margin: 3.3rem auto;
}
@media (max-width: 551px) {
.b--jinr-button {
margin: 1.65rem auto;
}
}
.b--jinr-button span {
display: inline-block;
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
.b--jinr-button a {
display: inline-block;
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
will-change: animation, transform, transition, background-color;
}
.b--jinr-button a::before, .b--jinr-button a::after {
will-change: animation, transform, transition, background-color;
}
.d--button-arrow {
margin-top: 0;
margin-bottom: 4rem;
margin-left: 6px !important;
}
.d--button-arrow a::after {
content: "";
position: absolute;
right: 4px;
bottom: -2px;
height: 12px;
transform: rotate(135deg);
}
@media (min-width: 552px) {
.d--button-arrow a::after {
right: 5px;
bottom: -3px;
height: 15px;
}
}
.a--button-microcopy {
font-size: 1.1rem;
line-height: 1.5;
text-align: center;
margin-bottom: 15px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 552px) {
.a--button-microcopy {
font-size: 1.15rem;
}
}
.a--button-microcopy.d--button-left {
justify-content: flex-start;
}
.a--button-microcopy.d--button-microcopy1 .a--microcopy-parts1,
.a--button-microcopy.d--button-microcopy1 .a--microcopy-parts2 {
width: 21px;
height: 1px;
}
.a--button-microcopy.d--button-microcopy1 .a--microcopy-parts1 {
margin-right: 9px;
transform: rotate(60deg);
}
.a--button-microcopy.d--button-microcopy1 .a--microcopy-parts2 {
margin-left: 9px;
transform: rotate(-60deg);
}
.a--button-microcopy.d--button-microcopy2 .a--microcopy-parts1,
.a--button-microcopy.d--button-microcopy2 .a--microcopy-parts2 {
width: 15px;
height: 1px;
}
.a--button-microcopy.d--button-microcopy2 .a--microcopy-parts1 {
margin-right: 15px;
}
.a--button-microcopy.d--button-microcopy2 .a--microcopy-parts2 {
margin-left: 15px;
}
.a--button-microcopy.d--button-microcopy3 .a--microcopy-parts1,
.a--button-microcopy.d--button-microcopy3 .a--microcopy-parts2 {
width: 21px;
height: 1px;
position: relative;
}
.a--button-microcopy.d--button-microcopy3 .a--microcopy-parts1 {
margin-right: 12px;
transform: rotate(60deg);
}
.a--button-microcopy.d--button-microcopy3 .a--microcopy-parts1::before {
content: "";
position: absolute;
width: 9px;
height: 1px;
top: 7px;
right: 2px;
transform: rotate(158deg);
}
.a--button-microcopy.d--button-microcopy3 .a--microcopy-parts2 {
margin-left: 12px;
transform: rotate(-60deg);
}
.a--button-microcopy.d--button-microcopy3 .a--microcopy-parts2::before {
content: "";
position: absolute;
width: 9px;
height: 1px;
top: 7px;
right: 10px;
transform: rotate(202deg);
}
.d--button-solid a::after,
.d--button-outline a::after {
font-family: "jin-icons";
position: absolute;
font-size: 0.87em;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
@media (min-width: 552px) {
.d--button-solid a::after,
.d--button-outline a::after {
right: 21px;
}
}
.d--button-center {
text-align: center;
}
.d--button-left {
text-align: left;
}
.d--button-right {
text-align: right;
} @keyframes slideInImage {
0% {
transform: translateX(24px);
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
}
@keyframes slideOutImage {
0% {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
100% {
opacity: 0;
visibility: hidden;
transform: translateX(24px);
}
}
@keyframes postSlideIn {
0% {
opacity: 0;
visibility: hidden;
transform: translateX(12px);
}
100% {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
}
.o--jinr-slider {
position: relative;
z-index: 100;
margin: 0px auto;
}
.o--slider-contents {
max-width: 1120px;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 100;
}
.o--slider-contents .c--jinr-slider {
position: relative;
display: flex;
z-index: 100;
}
.o--slider-contents .a--slider-item {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 100%;
flex-shrink: 0;
z-index: 100;
}
.o--slider-contents .a--slider-item.swiper-slide-active {
z-index: 200;
}
@media (max-width: 551px) {
.o--slider-contents {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media (min-width: 1340px) {
.o--slider-contents {
padding-left: 30px !important;
padding-right: 30px !important;
box-sizing: content-box;
}
}
@media (max-width: 551px) {
.d--imageslider-animation-parallax .o--slider-contents {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (min-width: 1340px) {
.d--imageslider-animation-parallax .o--slider-contents {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.o--slider-contents-wrapper {
padding-top: 21px;
padding-bottom: 15px;
}
@media (min-width: 552px) {
.o--slider-contents-wrapper {
padding-top: 15px;
}
}
.o--jinr-imageslider {
margin-bottom: 21px;
}
@media (min-width: 552px) {
.o--jinr-imageslider {
margin-bottom: 30px;
}
}
@media (max-width: 551px) {
.o--jinr-imageslider .a--slider-item {
padding-bottom: 21px;
}
}
.o--jinr-imageslider .a--slider-thumbnail {
overflow: hidden;
}
@media (max-width: 551px) {
.o--jinr-imageslider .o--slider-contents {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (min-width: 552px) {
.o--jinr-imageslider .o--slider-pagenation {
padding-top: 9px;
}
}
.d--slider-design1 .a--slider-item {
display: block;
width: 100%;
height: 100%;
perspective: 1000;
-webkit-transform: translateZ(0);
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
will-change: transform, opacity, visibility;
transform: translateX(24px);
opacity: 0;
visibility: hidden;
}
.d--slider-design1 .a--slider-item.d--slider-active {
z-index: 100;
position: relative;
visibility: visible;
}
.d--slider-design1 .a--slider-item.d--slider-nonactive {
z-index: 100;
position: relative;
opacity: 1;
visibility: visible;
}
.d--slider-design1 .o--slider-contents-wrapper {
width: 100%;
}
@media (min-width: 552px) {
.d--slider-design1 .o--slider-contents-wrapper {
display: flex;
justify-content: space-between;
}
}
.d--slider-design1 .c--slider-contents {
display: flex;
box-sizing: content-box;
align-items: center;
height: 100%;
padding-left: clamp(50px, 12vw, 62px);
}
@media (min-width: 552px) {
.d--slider-design1 .c--slider-contents {
padding-left: 4vw;
}
}
.d--slider-design1 .o--slider-wrapper {
position: relative;
width: 100%;
}
@media (max-width: 551px) {
.d--slider-design1 .o--slider-wrapper {
margin-top: 12px;
}
}
@media (min-width: 552px) {
.d--slider-design1 .o--slider-wrapper {
width: 50%;
}
}
.d--slider-design1 .c--slider-wrapper {
display: flex;
box-sizing: content-box;
align-items: flex-start;
height: 100%;
padding-left: clamp(49px, 12.5vw, 57px);
}
@media (max-width: 551px) {
.d--slider-design1 .c--slider-wrapper {
height: 45px;
}
}
@media (min-width: 552px) {
.d--slider-design1 .c--slider-wrapper {
align-items: center;
padding-left: clamp(27px, 4vw, 62px);
}
}
.d--slider-design1 .a--slider-thumbnail {
position: relative;
overflow: hidden;
width: 100%;
}
@media (min-width: 552px) {
.d--slider-design1 .a--slider-thumbnail {
width: 60%;
}
}
.d--slider-design1 .a--slider-thumbnail img {
width: 100%;
height: auto;
}
.d--slider-design1 .a--slider-thumbnail .a--slider-time {
position: absolute;
right: 12px;
bottom: 10px;
background: rgba(255, 255, 255, 0.75);
color: #666;
padding: 5px 7px;
line-height: 1;
border-radius: 2px;
font-size: 1.3rem;
box-shadow: 0 2px 6px -1px rgba(170, 170, 170, 0.24);
}
.d--slider-design1 .a--slider-thumbnail .a--slider-time i::before {
padding-right: 2px;
font-size: 0.8em;
transform: scale(0.9);
}
.d--slider-design1 .a--slider-title {
width: 99%;
line-height: 1.35;
font-size: clamp(1.6rem, 4vw, 2rem);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 4.05em;
overflow: hidden;
letter-spacing: 0.06rem;
margin-top: 3px;
}
@media (min-width: 552px) {
.d--slider-design1 .a--slider-title {
line-height: 1.35;
max-height: 7.2em;
-webkit-line-clamp: 3;
font-size: clamp(1.8rem, 2.3vw, 2.7rem);
margin-top: 0;
}
}
@media (min-width: 782px) {
.d--slider-design1 .a--slider-title {
line-height: 1.5;
}
}
.d--slider-design1 .a--slider-title a {
display: block;
}
.d--slider-design1 .a--slider-button {
text-align: left;
margin: 0;
display: flex;
align-items: center;
font-size: clamp(1.2rem, 1.5vw, 1.6rem);
opacity: 0;
letter-spacing: 0.06rem;
will-change: transform, opacity;
}
.d--slider-design1 .a--slider-button a {
line-height: 1;
}
.d--slider-design1 .a--slider-button .a--slider-button-deco {
display: block;
width: 15px;
height: 1px;
margin-right: 9px;
border-radius: 2px;
transition: all 0.4s;
will-change: transform;
transition-timing-function: cubic-bezier(0.4, 0.01, 0.07, 0.98);
}
@media (min-width: 552px) {
.d--slider-design1 .a--slider-button:hover .a--slider-button-deco {
width: 24px;
}
}
.d--slider-design1 .a--slider-item-count {
position: absolute;
text-align: right;
top: 0;
height: 41px;
line-height: 41px;
font-size: clamp(4.5rem, 13vw, 6.4rem);
color: transparent;
}
@media (max-width: 551px) {
.d--slider-design1 .a--slider-item-count {
left: 6px;
}
}
@media (min-width: 552px) {
.d--slider-design1 .a--slider-item-count {
height: auto;
line-height: 0;
right: 3px;
top: clamp(15px, 3.3vw, 39px);
font-size: clamp(4.2rem, 8vw, 9rem);
}
}
@media (min-width: 782px) {
.d--slider-design1 .a--slider-item-count {
right: 0px;
}
}
.d--slider-design1 .c--slider-wrapper-inner {
position: absolute;
bottom: 0;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
z-index: 300;
}
@media (max-width: 551px) {
.d--slider-design1 .c--slider-wrapper-inner {
left: 0;
bottom: -46px;
flex-direction: row-reverse;
padding: 0 2px 0 3px;
}
}
@media (min-width: 552px) {
.d--slider-design1 .c--slider-wrapper-inner {
width: 89%;
}
}
.d--slider-design1 .o--slider-pagenation {
position: absolute;
bottom: 0px;
z-index: 400;
}
@media (max-width: 551px) {
.d--slider-design1 .o--slider-pagenation {
padding-left: 3px;
padding-right: 3px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--slider-design1 .o--slider-pagenation {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.d--slider-design1 .o--slider-pagenation {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 961px) {
.d--slider-design1 .o--slider-pagenation {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 1240px) {
.d--slider-design1 .o--slider-pagenation {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.d--slider-design1 .o--slider-pagenation {
padding-left: 24px;
padding-right: 24px;
}
}
@media (min-width: 552px) {
.d--slider-design1 .o--slider-pagenation {
right: 6px;
bottom: 29px;
left: auto;
}
}
@media (min-width: 1340px) {
.d--slider-design1 .o--slider-pagenation {
right: 15px;
}
}
.d--slider-design1.d--slider-animation-slow .a--slider-item.d--slider-active {
animation: slideInImage 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards, slideOutImage 0.9s cubic-bezier(0.22, 1, 0.36, 1) 6.6s forwards;
}
.d--slider-design1.d--slider-animation-slow .a--slider-item.d--slider-active .a--slider-button {
animation: postSlideIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.5s forwards;
}
.d--slider-design1.d--slider-animation-normal .a--slider-item.d--slider-active {
animation: slideInImage 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards, slideOutImage 0.9s cubic-bezier(0.22, 1, 0.36, 1) 4.6s forwards;
}
.d--slider-design1.d--slider-animation-normal .a--slider-item.d--slider-active .a--slider-button {
animation: postSlideIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.5s forwards;
}
.d--slider-design1.d--slider-animation-high .a--slider-item.d--slider-active {
animation: slideInImage 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards, slideOutImage 0.9s cubic-bezier(0.22, 1, 0.36, 1) 3.1s forwards;
}
.d--slider-design1.d--slider-animation-high .a--slider-item.d--slider-active .a--slider-button {
animation: postSlideIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.5s forwards;
}
.d--slider-design2 {
overflow: hidden;
margin-top: 9px;
margin-bottom: -6px;
}
@media (min-width: 552px) {
.d--slider-design2 {
margin-bottom: 21px;
}
}
.d--slider-design2 .o--slider-contents {
padding-left: 0px !important;
padding-right: 0px !important;
box-sizing: border-box;
}
@media (min-width: 1340px) {
.d--slider-design2 .o--slider-contents {
padding-left: 10px !important;
padding-right: 10px !important;
max-width: 1140px;
}
}
.d--slider-design2 .c--jinr-slider {
padding-top: 12px;
}
.d--slider-design2 .a--slider-item {
display: block;
height: auto !important;
flex-shrink: 0;
transition: all 0.45s;
will-change: transform, opacity, box-shadow !important;
padding-bottom: 0;
}
.d--slider-design2 .a--slider-item:hover .a--slider-thumbnail {
transform: scale(1.02) translateY(-3px);
}
.d--slider-design2 .a--slider-item.swiper-slide {
width: calc((100% - 20px) / 2.15);
margin-right: 10px;
}
@media (min-width: 552px) {
.d--slider-design2 .a--slider-item.swiper-slide {
width: 266.5px;
margin-right: 18px;
}
}
.d--slider-design2 .o--slider-contents-wrapper {
width: 100%;
padding-top: 0;
display: flex;
flex-direction: column;
height: 100%;
padding-bottom: 0;
}
.d--slider-design2 .o--slider-wrapper {
position: relative;
margin-top: 6px;
height: 100%;
padding: 0 3px;
padding-bottom: 36px;
}
@media (min-width: 552px) {
.d--slider-design2 .o--slider-wrapper {
margin-top: 12px;
}
}
.d--slider-design2 .c--post-meta {
position: absolute;
bottom: 9px;
font-size: 0.8rem;
display: flex;
width: 97%;
font-weight: 200;
transform: scale(0.9);
transform-origin: 0 0;
}
.d--slider-design2 .c--post-meta .a--post-date {
letter-spacing: 0.12rem;
font-feature-settings: "palt";
flex-shrink: 0;
margin-right: 12px;
}
.d--slider-design2 .c--post-meta .a--post-date .jin-icons {
margin-right: 3px;
}
.d--slider-design2 .c--post-meta .a--post-category {
letter-spacing: clamp(0.06rem, 0.6vw, 0.09rem);
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
max-height: 2.4em;
overflow: hidden;
}
.d--slider-design2 .a--slider-thumbnail {
position: relative;
overflow: hidden;
width: 100%;
flex-shrink: 0;
will-change: transform, opacity, visibility, box-shadow;
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
.d--slider-design2 .a--slider-thumbnail img {
width: 100%;
height: auto;
}
.d--slider-design2 .a--slider-thumbnail .a--slider-time {
position: absolute;
right: 6px;
bottom: 6px;
background: rgba(255, 255, 255, 0.75);
color: #666;
padding: 4px 5px;
line-height: 1;
font-size: 0.9rem;
letter-spacing: 0.03rem;
box-shadow: 0 2px 6px -1px rgba(170, 170, 170, 0.24);
}
@media (min-width: 552px) {
.d--slider-design2 .a--slider-thumbnail .a--slider-time {
font-size: 1rem;
right: 9px;
bottom: 9px;
padding: 5px 6px;
}
}
.d--slider-design2 .a--slider-thumbnail .a--slider-time i::before {
font-size: 0.8em;
transform: scale(0.69);
transform-origin: center center;
}
@media (min-width: 552px) {
.d--slider-design2 .a--slider-thumbnail .a--slider-time i::before {
padding-right: 1px;
}
}
.d--slider-design2 .a--slider-title {
width: 99%;
line-height: 1.5;
font-size: 1.1rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 4.05em;
overflow: hidden;
letter-spacing: 0.09rem;
margin-top: 3px;
}
@media (min-width: 552px) {
.d--slider-design2 .a--slider-title {
max-height: 7.2em;
-webkit-line-clamp: 3;
margin-top: 0;
}
}
@media (min-width: 782px) {
.d--slider-design2 .a--slider-title {
font-size: 1.25rem;
}
}
.d--slider-design2 .a--slider-item-count {
position: absolute;
text-align: right;
top: 0;
height: 41px;
line-height: 41px;
font-size: clamp(4.5rem, 13vw, 6.4rem);
color: transparent;
}
@media (max-width: 551px) {
.d--slider-design2 .a--slider-item-count {
left: 6px;
}
}
@media (min-width: 552px) {
.d--slider-design2 .a--slider-item-count {
height: auto;
line-height: 0;
right: 3px;
top: clamp(15px, 3.3vw, 39px);
font-size: clamp(4.2rem, 8vw, 9rem);
}
}
@media (min-width: 782px) {
.d--slider-design2 .a--slider-item-count {
right: 0px;
}
}
.d--slider-design2 .o--slider-pagenation {
position: relative !important;
z-index: 400;
padding: 9px 0 21px 0;
bottom: 0 !important;
justify-content: flex-start;
margin-top: 15px;
margin-bottom: 9px;
}
@media (min-width: 552px) {
.d--slider-design2 .o--slider-pagenation {
margin-top: 36px;
}
}
.d--slider-design2 .swiper-pagination-bullet {
margin-left: 4px !important;
margin-right: 4px !important;
width: 18px !important;
height: 3px !important;
border-radius: 0 !important;
transition: all 0.48s ease !important;
will-change: transform, opacity, width;
}
@media (min-width: 552px) {
.d--slider-design2 .swiper-pagination-bullet {
width: 27px !important;
}
}
.d--slider-design2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
transform: scale(1) !important;
width: 36px !important;
}
@media (min-width: 552px) {
.d--slider-design2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 54px !important;
}
}
.d--slider-design2 .swiper-button-prev,
.d--slider-design2 .swiper-button-next {
z-index: 500;
top: auto;
cursor: pointer;
border-radius: 50px;
bottom: 3px;
width: 40px;
height: 40px;
overflow: hidden;
}
@media (min-width: 552px) {
.d--slider-design2 .swiper-button-prev,
.d--slider-design2 .swiper-button-next {
bottom: 0px;
width: 45px;
height: 45px;
}
}
.d--slider-design2 .swiper-button-prev::after,
.d--slider-design2 .swiper-button-next::after {
font-size: 13px;
transition: all 0.9s;
will-change: transform;
transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
@media (max-width: 551px) {
.d--slider-design2 .swiper-button-prev::after,
.d--slider-design2 .swiper-button-next::after {
padding-top: 1px;
}
}
.d--slider-design2 .swiper-button-prev::before,
.d--slider-design2 .swiper-button-next::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
transform: scale(0.1);
border-radius: 50px;
transition: all 0.9s;
will-change: transform;
transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
.d--slider-design2 .swiper-button-prev:hover::before,
.d--slider-design2 .swiper-button-next:hover::before {
opacity: 1;
transform: scale(1.1);
}
.d--slider-design2 .swiper-button-prev:hover::after,
.d--slider-design2 .swiper-button-next:hover::after {
color: #fff;
}
.d--slider-design2 .swiper-button-prev {
right: 66px;
left: auto !important;
}
@media (min-width: 552px) {
.d--slider-design2 .swiper-button-prev {
right: 75px;
}
}
.d--slider-design2 .swiper-button-next {
right: 15px;
}
@media (min-width: 552px) {
.d--slider-design2 .swiper-button-next {
right: 21px;
}
}
.d--slider-title-white .a--slider-title,
.d--slider-title-white .a--slider-title a,
.d--slider-title-white .a--slider-item-count,
.d--slider-title-white .a--slider-button a {
color: #fff !important;
}
.d--slider-title-white .a--slider-item-count {
opacity: 0.3;
}
.d--slider-title-white .a--slider-button-deco,
.d--slider-title-white .a--slider-pagenation {
background-color: #fff !important;
}
.d--slider-title-white.d--slider-design2 .a--post-date,
.d--slider-title-white.d--slider-design2 .a--post-category {
color: rgba(255, 255, 255, 0.75) !important;
}
.d--slider-title-white.d--slider-design2 .swiper-pagination-bullet {
background-color: rgba(255, 255, 255, 0.75) !important;
}
.o--slider-pagenation {
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 9px;
}
@media (min-width: 552px) {
.o--slider-pagenation {
padding: 9px 0;
}
}
.o--slider-pagenation .swiper-pagination-bullet,
.o--slider-pagenation .a--slider-pagenation {
width: 4px;
height: 4px;
border-radius: 50%;
transition: all 0.3s;
list-style-type: none;
transform: scale(1);
cursor: pointer;
opacity: 0.3;
}
@media (min-width: 782px) {
.o--slider-pagenation .swiper-pagination-bullet,
.o--slider-pagenation .a--slider-pagenation {
width: 6px;
height: 6px;
}
}
.o--slider-pagenation .swiper-pagination-bullet:not(:last-child),
.o--slider-pagenation .a--slider-pagenation:not(:last-child) {
margin-right: 12px;
}
@media (min-width: 782px) {
.o--slider-pagenation .swiper-pagination-bullet:not(:last-child),
.o--slider-pagenation .a--slider-pagenation:not(:last-child) {
margin-right: 18px;
}
}
.o--slider-pagenation .swiper-pagination-bullet.swiper-pagination-bullet-active, .o--slider-pagenation .swiper-pagination-bullet.d--pagenation-active,
.o--slider-pagenation .a--slider-pagenation.swiper-pagination-bullet-active,
.o--slider-pagenation .a--slider-pagenation.d--pagenation-active {
transform: scale(1.8);
opacity: 1;
}
.d--imageslider-animation-slidein .a--slider-item {
opacity: 0;
visibility: hidden;
}
.d--imageslider-animation-slidein .a--slider-item.d--slider-active {
opacity: 1;
visibility: visible;
}
.d--imageslider-animation-slidein .a--slider-item .a--slider-thumbnail {
overflow: hidden;
}
.d--imageslider-animation-slidein.d--imageslider-animation-slow .a--slider-item.d--slider-active {
animation: slideInImage 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards, slideOutImage 0.9s cubic-bezier(0.22, 1, 0.36, 1) 6.6s forwards;
}
.d--imageslider-animation-slidein.d--imageslider-animation-slow .a--slider-item.d--slider-active .a--slider-button {
animation: postSlideIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.5s forwards;
}
.d--imageslider-animation-slidein.d--imageslider-animation-normal .a--slider-item.d--slider-active {
animation: slideInImage 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards, slideOutImage 0.9s cubic-bezier(0.22, 1, 0.36, 1) 4.6s forwards;
}
.d--imageslider-animation-slidein.d--imageslider-animation-normal .a--slider-item.d--slider-active .a--slider-button {
animation: postSlideIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.5s forwards;
}
.d--imageslider-animation-slidein.d--imageslider-animation-high .a--slider-item.d--slider-active {
animation: slideInImage 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards, slideOutImage 0.9s cubic-bezier(0.22, 1, 0.36, 1) 3.1s forwards;
}
.d--imageslider-animation-slidein.d--imageslider-animation-high .a--slider-item.d--slider-active .a--slider-button {
animation: postSlideIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.5s forwards;
}
.d--imageslider-animation-parallax .o--slider-contents {
transition: opacity 0.3s ease-in-out;
}
.d--imageslider-animation-parallax .o--slider-contents.a--image-loading {
opacity: 0;
visibility: hidden;
}
.d--imageslider-animation-parallax .c--jinr-slider {
width: 100%;
transition-property: transform;
}
@media (max-width: 551px) {
.d--imageslider-animation-parallax .c--jinr-slider {
width: 100%;
}
}
.d--imageslider-animation-parallax .c--jinr-slider .a--slider-item {
width: 100%;
overflow: hidden;
backface-visibility: hidden;
flex-shrink: 0;
transition-property: transform;
}
.d--imageslider-animation-parallax .c--jinr-slider .a--slider-item .a--slider-thumbnail {
width: 100%;
}
.d--imageslider-animation-parallax .c--jinr-slider .a--slider-item img {
width: 100%;
}
.d--material-design .d--slider-design1 .a--slider-thumbnail {
box-shadow: 0 3px 12px 1px rgba(170, 170, 170, 0.45);
}
.d--material-design .d--slider-design2 .a--slider-item .a--slider-thumbnail {
box-shadow: 0 2px 6px -1px rgba(170, 170, 170, 0.48);
}
.d--material-design .d--slider-design2 .a--slider-item:hover .a--slider-thumbnail {
box-shadow: 0 6px 12px 0px rgba(170, 170, 170, 0.3);
}
.d--material-design .d--slider-design2 .swiper-button-prev,
.d--material-design .d--slider-design2 .swiper-button-next {
bottom: 3px;
width: 39px;
height: 39px;
}
@media (min-width: 552px) {
.d--material-design .d--slider-design2 .swiper-button-prev,
.d--material-design .d--slider-design2 .swiper-button-next {
bottom: 8px;
width: 42px;
height: 42px;
}
}
@media (min-width: 552px) {
.d--material-design .d--slider-design2 .swiper-button-prev {
right: 77px;
}
}
@media (max-width: 551px) {
.d--jpf-default.d--ef-none .d--slider-design1 .a--slider-item-count {
left: 3px;
height: 48px;
line-height: 48px;
font-size: clamp(4.5rem, 10vw, 5rem);
}
}
@media (max-width: 551px) {
.d--zenkakugothic.d--ef-none .d--slider-design1 .a--slider-item-count,
.d--notosans-thin.d--ef-none .d--slider-design1 .a--slider-item-count {
height: 36px;
line-height: 36px;
}
}
@media (max-width: 551px) {
.d--notoserif.d--ef-none .d--slider-design1 .a--slider-item-count,
.d--shipporimincho.d--ef-none .d--slider-design1 .a--slider-item-count {
height: 39px;
line-height: 39px;
}
}
@media (min-width: 552px) {
.t--round-s .o--jinr-imageslider .a--slider-thumbnail {
border-radius: 4px;
}
}
.t--round-s .d--slider-design2 .a--slider-time {
border-radius: 2px;
}
@media (min-width: 552px) {
.t--round-m .o--jinr-imageslider .a--slider-thumbnail {
border-radius: 8px;
}
}
.t--round-m .d--slider-design2 .a--slider-time {
border-radius: 2px;
}
@media (min-width: 552px) {
.t--round-l .o--jinr-imageslider .a--slider-thumbnail {
border-radius: 12px;
}
}
.t--round-l .d--slider-design2 .a--slider-time {
border-radius: 4px;
} @keyframes zoomIn {
0% {
transform: translate(-50%, -50%) scale(0.8);
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%) scale(1);
}
}
@keyframes paidBgOpen {
0% {
opacity: 0;
visibility: hidden;
background-color: transparent;
}
100% {
opacity: 1;
visibility: visible;
background-color: rgba(35, 35, 35, 0.27);
}
}
@keyframes paidBgClose {
0% {
opacity: 1;
visibility: visible;
background-color: rgba(35, 35, 35, 0.27);
}
100% {
opacity: 0;
visibility: hidden;
background-color: transparent;
}
}
@keyframes slideOpen {
0% {
transform: translate(0%, -50%);
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%);
}
}
@keyframes slideClose {
0% {
transform: translate(-50%, -50%);
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
transform: translate(-100%, -50%);
z-index: 100;
}
}
@keyframes check {
to {
stroke-dashoffset: 0;
}
}
.jinr-paidpost-id {
display: none;
}
.b--paidpost-more {
text-align: center;
}
.b--paidpost-remaining {
font-size: 1.1rem;
margin-top: 16px;
}
.b--paidpost-foradmin {
line-height: 1.75;
text-align: center;
font-size: 1.2rem;
font-weight: 600;
margin-top: 12px;
color: #ff5151;
}
.b--paidpost-more .b--jinr-block.b--jinr-button {
margin-top: 2rem;
}
#postContent p.a--paidpost-already {
text-align: center;
font-size: 1.2rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
#postContent p.a--paidpost-cancel {
text-align: center;
margin-top: 1rem;
margin-bottom: 1rem;
}
#postContent p.a--paidpost-cancel .a--paidpost-btn {
font-size: 1.3rem;
display: inline-block;
text-decoration: underline;
}
#postContent p.a--paidpost-cancel .a--paidpost-btn:hover {
cursor: pointer;
}
.b--jinr-paid-container {
position: relative;
text-align: center;
white-space: nowrap;
height: 40px;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 60px;
}
.b--jinr-paid-container:before {
content: "";
width: 100%;
height: 1px;
background-size: 12px 1px;
background-position: left bottom;
background-repeat: repeat-x;
}
.b--jinr-paid-container .b--jinr-paid-text {
position: absolute;
border: 1px solid #ccc;
padding: 6px 12px;
font-size: 1rem;
font-weight: bold;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
box-shadow: 0 0 0px 15px #fff;
}
span.b--jinr-price {
margin-left: 27px;
position: relative;
display: inline-block;
align-items: center;
flex-wrap: nowrap;
font-size: 0.9em;
font-weight: 300;
}
span.b--jinr-price::before {
content: "";
display: inline-block;
height: 18px;
width: 1px;
position: absolute;
top: 50%;
left: -14px;
transform: translateY(-50%);
opacity: 0.75;
}
.t--round-s .b--jinr-paid-text {
border-radius: 2px;
}
.t--round-m .b--jinr-paid-text {
border-radius: 3px;
}
.t--round-l .b--jinr-paid-text {
border-radius: 4px;
}
#JinrPaidContents .b--jinr-button {
margin-top: 2rem;
margin-bottom: 2rem;
}
#JinrPaidPopUpRegisterWrapper,
#JinrPaidpostCancelWrapper {
color: #555;
width: 90%;
position: fixed;
top: 50%;
left: 50%;
margin: auto;
transform: translate(-50%, -50%) scale(0.8);
background-color: #fff;
opacity: 0;
visibility: hidden;
border-radius: 8px;
will-change: opacity, transform;
}
#JinrPaidPopUpRegisterWrapper.a--paidpost-popup,
#JinrPaidpostCancelWrapper.a--paidpost-popup {
z-index: 400;
animation: zoomIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
}
#JinrPaidPopUpRegisterWrapper.a--paidpost-open,
#JinrPaidpostCancelWrapper.a--paidpost-open {
z-index: 400;
animation: slideOpen 0.4s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
}
#JinrPaidPopUpRegisterWrapper.a--paidpost-close,
#JinrPaidpostCancelWrapper.a--paidpost-close {
z-index: 400;
animation: slideClose 0.4s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
}
@media (min-width: 782px) {
#JinrPaidPopUpRegisterWrapper,
#JinrPaidpostCancelWrapper {
width: 420px;
}
}
#JinrPaidPopUpLoginWrapper,
#JinrPaidPopUpLostpasswordWrapper {
color: #555;
width: 90%;
position: fixed;
top: 50%;
left: 50%;
margin: auto;
transform: translate(-50%, -50%);
transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1), transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: 0.2s;
background-color: #fff;
z-index: 0;
opacity: 0;
visibility: hidden;
border-radius: 8px;
will-change: opacity, transform;
}
#JinrPaidPopUpLoginWrapper.a--paidpost-popup,
#JinrPaidPopUpLostpasswordWrapper.a--paidpost-popup {
z-index: 400;
animation: zoomIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
}
#JinrPaidPopUpLoginWrapper.a--paidpost-open,
#JinrPaidPopUpLostpasswordWrapper.a--paidpost-open {
z-index: 400;
animation: slideOpen 0.4s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
}
#JinrPaidPopUpLoginWrapper.a--paidpost-close,
#JinrPaidPopUpLostpasswordWrapper.a--paidpost-close {
z-index: 400;
animation: slideClose 0.4s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
}
@media (min-width: 782px) {
#JinrPaidPopUpLoginWrapper,
#JinrPaidPopUpLostpasswordWrapper {
width: 420px;
}
}
#JinrPaidPopupRegisterClose,
#JinrPaidPopupLoginClose,
#JinrPaidPopupLostClose,
#JinrPaidPopupCancelClose {
position: absolute;
width: 40px;
height: 40px;
border: none;
background-color: transparent;
padding: 0;
top: 0;
right: 0;
}
#JinrPaidPopupRegisterClose:before, #JinrPaidPopupRegisterClose:after,
#JinrPaidPopupLoginClose:before,
#JinrPaidPopupLoginClose:after,
#JinrPaidPopupLostClose:before,
#JinrPaidPopupLostClose:after,
#JinrPaidPopupCancelClose:before,
#JinrPaidPopupCancelClose:after {
position: absolute;
content: "";
width: 20px;
height: 1px;
background-color: #a1a1a1;
display: inline-block;
border-radius: 1px;
top: 24px;
right: 16px;
}
#JinrPaidPopupRegisterClose:before,
#JinrPaidPopupLoginClose:before,
#JinrPaidPopupLostClose:before,
#JinrPaidPopupCancelClose:before {
transform: rotate(45deg);
}
#JinrPaidPopupRegisterClose:after,
#JinrPaidPopupLoginClose:after,
#JinrPaidPopupLostClose:after,
#JinrPaidPopupCancelClose:after {
transform: rotate(-45deg);
}
#JinrPaidPopupRegisterClose:hover,
#JinrPaidPopupLoginClose:hover,
#JinrPaidPopupLostClose:hover,
#JinrPaidPopupCancelClose:hover {
cursor: pointer;
}
#JinrPopupBg {
position: fixed;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
background-color: transparent;
will-change: opacity;
}
#JinrPopupBg.a--paidpost-popup {
z-index: 300;
animation: paidBgOpen 0.4s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
}
.JinrPaidpostForm {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 10px;
overflow: hidden;
}
@media (min-width: 782px) {
.JinrPaidpostForm {
margin-bottom: 8px;
}
}
.JinrPaidpostForm input {
width: 117%;
min-width: 117%;
font-size: 16px;
transform: scale(85%);
transform-origin: left center;
border: none;
box-sizing: border-box;
padding: 12px;
letter-spacing: 0.1em;
background: #F1F1F1;
border-radius: 5px;
background-color: #F1F1F1;
transition: background-color 0.3s;
-webkit-appearance: none;
}
.JinrPaidpostForm input:focus-visible {
outline: 0;
}
.JinrPaidpostForm input.jinr-lack-input {
background-color: #ffeded;
}
.JinrPaidpostForm input.jinr-approval-input {
background-color: #f1ffec;
}
.JinrPaidpostForm input:-webkit-autofill {
box-shadow: 0 0 0px 999px #F1F1F1 inset;
}
.JinrPaidpostForm input:-webkit-autofill.jinr-approval-input {
box-shadow: 0 0 0px 999px #f1ffec inset;
}
@media (min-width: 782px) {
.JinrPaidpostForm input {
width: 100%;
}
}
.jinr-paidpost-popup-register {
padding: 32px 25px 24px;
}
@media (min-width: 782px) {
.jinr-paidpost-popup-register {
padding: 40px 40px 24px;
}
}
.jinr-paidpost-popup-register button {
position: relative;
width: 100%;
border: none;
background-color: #507EE5;
color: #fff;
padding: 14px 0;
font-size: 1.35rem;
letter-spacing: 0.1em;
border-radius: 4px;
transition: background-color 0.3s;
cursor: pointer;
}
.jinr-paidpost-popup-register button svg {
position: absolute;
top: 15px;
right: 15px;
}
.jinr-paidpost-popup-register button.a--register-complete {
background-color: rgb(36, 180, 126);
}
@media (min-width: 782px) {
.jinr-paidpost-popup-register button {
padding: 16px 0;
font-size: 1.5rem;
}
}
#JinrpaidLogo {
text-align: center;
font-size: 2.1rem;
}
#paidLogoImage {
width: 100px;
margin: 0 auto;
}
#JinrLostpasswordCancel {
display: inline-block;
text-decoration: underline;
border-radius: 5px;
padding: 6px 12px;
margin-top: 12px;
margin-right: 4px;
font-size: 1.25rem;
color: #939393;
cursor: pointer;
}
.jinr-paidpost-register {
font-size: 1.3rem;
margin: 12px 0 16px;
text-align: center;
letter-spacing: 0.15em;
}
@media (min-width: 782px) {
.jinr-paidpost-register {
font-size: 1.5rem;
margin: 16px 0 20px;
}
}
.jinr-paidpost-policy {
margin-bottom: 20px;
font-size: 1.15rem;
letter-spacing: 0.07em;
}
@media (min-width: 782px) {
.jinr-paidpost-policy {
font-size: 1.2rem;
letter-spacing: 0.04em;
}
}
.a--paidpost-scribe-check {
font-weight: bold;
color: #ff6464;
text-align: center;
margin-bottom: 10px;
font-size: 1.15rem;
letter-spacing: 0.07em;
}
@media (min-width: 782px) {
.a--paidpost-scribe-check {
font-size: 1.2rem;
letter-spacing: 0.04em;
}
}
.jinr-paidpost-popup-login {
padding: 20px 40px 24px;
border-top: 1px solid #f1f1f1;
text-align: center;
}
.jinr-already-member {
font-size: 1.3rem;
letter-spacing: 0.05em;
padding: 12px 24px;
display: inline-block;
background-color: #f1f1f1;
border-radius: 5px;
font-size: 1.2rem;
padding: 10px 20px;
}
@media (min-width: 782px) {
.jinr-already-member {
font-size: 1.3rem;
padding: 12px 24px;
}
}
.a--paidpost-lost-password {
display: block;
text-decoration: underline;
font-size: 1.2rem;
letter-spacing: 0.04em;
margin: 16px 0 0 0;
text-align: center;
}
.a--paidpost-text {
display: inline-block;
font-size: 1.2rem;
letter-spacing: 0.04em;
margin-bottom: 4px;
}
.a--pass-text {
font-size: 1.1rem;
letter-spacing: 0.04em;
display: block;
margin-top: 4px;
}
@media (min-width: 782px) {
.a--pass-text {
letter-spacing: 0.07em;
}
}
.JinrPaidpostFormInner {
position: relative;
width: 100%;
margin-bottom: 2px;
}
.jinr-lack-content {
width: 100%;
display: block;
margin: 4px 0 8px;
font-size: 1.15rem;
font-weight: bold;
color: #f77f7f;
line-height: 1;
letter-spacing: 0.02em;
}
@media (min-width: 782px) {
.jinr-lack-content {
margin: 6px 0 0;
}
}
#JinrRegisterPass + .jinr-lack-content {
margin-bottom: 6px;
}
.jinr-pass-text {
display: block;
font-size: 1.1rem;
letter-spacing: 0.04em;
line-height: 1.4rem;
}
button#JinrLoginButton + .jinr-lack-content {
margin-top: 12px;
}
.jinr-paidpost-link {
text-decoration: underline;
}
.jinr-paidpost-popup-lostpass {
text-align: center;
}
.jinr-paidpost-lostpass-text {
padding: 0 0 18px;
font-size: 1.3rem;
letter-spacing: 0.01em;
line-height: 1.65;
color: #767676;
}
.b--paidpost-help,
.b--paidpost-invalid {
display: inline-block;
font-size: 12px;
font-style: normal;
color: rgb(117, 117, 117);
letter-spacing: 0.01em;
line-height: 1.5;
}
.b--paidpost-invalid {
color: #f56d6d;
}
.a--paidpost-troubletext,
.a--paidpost-sendtext {
margin-top: 16px;
font-size: 1.3rem;
letter-spacing: 0.01em;
line-height: 1.65;
color: #767676;
text-align: left;
}
.a--paidpost-troubletext a,
.a--paidpost-sendtext a {
text-decoration: underline;
}
.a--paidpost-sendtext-invalid {
color: #767676;
}
.a--paidpost-innertext {
font-weight: bold;
display: block;
padding: 16px 0 0px;
margin: 0 0 4px;
border-top: 1px solid #b2b2b2;
}
.a--paidpost-check {
width: 32px;
height: 32px;
position: absolute;
top: 30px;
right: 8px;
transition: transform 0.5s;
transition-timing-function: cubic-bezier(0.99, -0.1, 0.01, 1.02);
transform: translateX(48px);
}
.a--paidpost-check.jinr-approval-svg {
transform: translateX(0);
}
.a--paidpost-check.jinr-approval-svg path {
stroke: #fff;
animation: check 2s cubic-bezier(0.99, -0.1, 0.01, 1.02) forwards;
}
.a--paidpost-check circle {
fill: #7ed191;
}
#JinrRegisterForm .a--paidpost-check {
top: 4px;
}
.jinr-no-scroll {
position: fixed;
left: 0;
right: 0;
overflow: hidden;
}
.page-template-template-thanks-page #commonHeader,
.page-template-template-thanks-page #commonFooter,
.page-template-template-resetting #commonHeader,
.page-template-template-resetting #commonFooter,
.page-template-template-thanks-page .o--informationbar {
display: none;
}
body:not(.wp-admin).page-template-template-thanks-page #wrapper {
background-color: #fff;
background-image: none;
}
#thanksContent {
color: #555;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
padding-top: 56px;
height: 100vh;
}
@media (min-width: 552px) {
#thanksContent {
padding-top: 0;
}
}
#thanksMessage {
position: relative;
z-index: 200;
width: 100%;
}
#thanksLogoImage {
margin: 0 auto 24px;
width: 160px;
}
@media (min-width: 782px) {
#thanksLogoImage {
margin: 0 auto 32px;
width: 200px;
}
}
.c--thanks-title {
font-size: 1.6rem;
letter-spacing: 0.04em;
text-align: center;
margin-bottom: 24px;
}
.a--thanks-subtitle {
display: block;
margin-top: 4px;
font-size: 1.25rem;
letter-spacing: 0.04em;
}
.o--paidpost-info {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
}
.o--paidpost-info:last-of-type {
border-bottom: 0;
}
.o--scribe-contents {
margin-top: 24px;
margin-bottom: 0px;
padding-bottom: 16px;
}
.o--scribe-contents:last-of-type {
margin-top: 20px;
}
.o--scribe-contents .c--info-text {
font-size: 1.35rem;
}
.o--paidpost-content {
max-width: 400px;
box-shadow: 0px 0 40px -20px rgba(64, 126, 253, 0.25);
padding: 24px;
margin: 0 auto 24px;
border-radius: 8px;
}
@media (min-width: 782px) {
.o--paidpost-content {
max-width: 480px;
padding: 32px;
}
}
.o--thanks-content {
height: 100svh;
}
@media (min-width: 552px) {
.o--thanks-content {
height: auto;
}
}
@media (min-width: 782px) {
.o--thanks-content {
width: 500px;
margin: 0 auto;
}
}
.c--info-title {
font-size: 1.45rem;
font-weight: 600;
letter-spacing: 0.06em;
margin-bottom: 8px;
}
@media (min-width: 782px) {
.c--info-title {
font-size: 1.4rem;
margin-bottom: 4px;
}
}
.c--info-text {
font-size: 1.6rem;
line-height: 1.6;
letter-spacing: 0.03em;
color: #707070;
}
@media (min-width: 782px) {
.c--info-text {
font-size: 1.65rem;
}
}
.c--info-confirm {
font-size: 1.35rem;
margin-bottom: 20px;
}
.c--info-register {
margin: 24px;
}
.a--info-detail {
font-size: 1.3rem;
letter-spacing: 0.04em;
color: #acacac;
margin-bottom: 4px;
}
.a--info-login {
font-size: 1.4rem;
letter-spacing: 0.04em;
}
@media (min-width: 782px) {
.a--info-login {
font-size: 1.6rem;
}
}
.a--info-attention {
font-size: 1.2rem;
line-height: 1.55;
letter-spacing: 0.04em;
}
.a--paidpost-link {
width: 100%;
display: block;
padding: 20px;
text-align: center;
background-color: #407efd;
color: #fff;
border-radius: 8px;
box-shadow: 0 2px 6px 2px rgba(170, 170, 170, 0.32);
font-size: 1.55rem;
letter-spacing: 0.1em;
margin-bottom: 8px;
}
@media (min-width: 552px) {
.a--paidpost-link {
max-width: 300px;
margin: 0 auto;
}
}
@media (min-width: 782px) {
.a--paidpost-link {
font-size: 1.7rem;
}
}
#paidpostLink {
opacity: 1;
transition: transform 0.3s, opacity 0.3s;
transform: translateY(0);
}
#paidpostLink:hover {
transform: translateY(-4px);
opacity: 0.9;
}
#paidpostLink:after {
content: "\e9ed";
font-family: "jin-icons";
font-size: 1.35rem;
position: absolute;
right: 24px;
top: 26px;
animation-name: jinr-info-icon-animate;
animation-duration: 1.65s;
animation-delay: 0.6s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1);
animation-iteration-count: infinite;
filter: opacity(1);
}
#wrapper.d--bgimage-repeat-off {
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 551px) {
#wrapper.d--bgimage-repeat-off {
background-size: 100%;
}
}
#mainContent {
position: relative;
z-index: 200;
margin-left: auto;
margin-right: auto;
}
.home .d--main-style-outline {
overflow: clip;
}
#mainContentInner {
margin: 0 auto;
}
@media (max-width: 551px) {
#mainContentInner {
overflow: hidden;
}
}
@media (min-width: 961px) {
#mainContentInner {
position: relative;
display: flex;
justify-content: center;
}
}
#jinrArticle {
width: 100%;
position: relative;
z-index: 1000;
}
#postHeader {
position: relative;
width: 100%;
display: flex;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
z-index: 1000;
}
#postHeaderInner {
width: 100%;
}
#postHeaderInner,
#postContent {
margin-left: auto;
margin-right: auto;
}
@media (max-width: 551px) {
#postHeaderInner,
#postContent {
max-width: 100% !important;
}
}
#jinrPostTitle {
width: 100%;
font-feature-settings: "palt";
letter-spacing: 0.1rem;
line-height: 1.4;
margin-top: clamp(12px, 2vw, 15px);
font-size: 1.96rem;
}
@media (min-width: 552px) {
#jinrPostTitle {
letter-spacing: 0.3rem;
font-size: clamp(2.4rem, 3vw, 2.85rem);
font-weight: 500;
}
}
@media (max-width: 551px) {
.d--jpf-default #jinrPostTitle {
font-weight: 600;
letter-spacing: 0.15rem;
}
}
.d--mpr-thin #jinrPostTitle,
.d--kiwimaru #jinrPostTitle {
font-weight: 300;
}
.d--notosans-thin #jinrPostTitle {
font-weight: 500;
}
@media (min-width: 552px) {
.d--notosans-thin #jinrPostTitle {
font-weight: 300;
}
}
.d--notoserif #jinrPostTitle,
.d--zenkakugothic #jinrPostTitle {
font-weight: 400;
}
.d--shipporimincho #jinrPostTitle,
.d--kiwimaru #jinrPostTitle,
.d--zenkakugothic #jinrPostTitle,
.d--mpr-thin #jinrPostTitle {
font-feature-settings: "palt";
letter-spacing: 0.09rem;
}
@media (min-width: 552px) {
.d--shipporimincho #jinrPostTitle,
.d--kiwimaru #jinrPostTitle,
.d--zenkakugothic #jinrPostTitle,
.d--mpr-thin #jinrPostTitle {
font-size: clamp(2.55rem, 3vw, 2.85rem);
}
}
.d--shipporimincho #jinrPostTitle {
font-weight: 700;
}
.d--notosans-thin #postContent {
letter-spacing: 0.18rem;
}
@media (max-width: 551px) {
.d--notosans-thin #postContent {
letter-spacing: 0.09rem;
line-height: 1.74;
}
}
.d--notosans-thin #jinrPostTitle {
letter-spacing: 0.45rem;
}
@media (max-width: 551px) {
.d--notosans-thin #jinrPostTitle {
letter-spacing: 0.24rem;
}
}
#jinrPostMeta {
width: 100%;
display: flex;
align-items: center;
font-size: 1rem;
line-height: 1;
font-weight: 200;
}
@media (min-width: 552px) {
#jinrPostMeta {
font-size: 1.2rem;
}
}
#jinrPostMeta .a--post-cat {
letter-spacing: clamp(0.06rem, 0.6vw, 0.09rem);
}
#jinrPostMeta .a--post-cat a {
display: inline-block;
}
#jinrPostMeta .c--jinr-post-date {
display: flex;
opacity: 0.5;
letter-spacing: 0.09rem;
font-size: 1.05rem;
align-items: center;
flex-shrink: 0;
}
@media (min-width: 552px) {
#jinrPostMeta .c--jinr-post-date {
letter-spacing: 0.12rem;
font-size: 1.2rem;
}
}
#jinrPostMeta .c--jinr-post-date + .a--post-cat {
margin-left: 12px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 1;
max-height: 2.4em;
}
@media (min-width: 552px) {
#jinrPostMeta .c--jinr-post-date + .a--post-cat {
margin-left: 18px;
}
}
#jinrPostMeta .a--time-separator {
width: 1px;
height: 12px;
margin: 0px 9px;
opacity: 0.3;
}
@media (min-width: 552px) {
#jinrPostMeta .a--time-separator {
height: 14px;
margin: 0px 12px;
}
}
#jinrPostMeta .jif {
margin-right: 3px;
}
@media (min-width: 552px) {
#jinrPostMeta .jif {
margin-right: 6px;
}
}
#jinrPostThumb {
overflow: hidden;
width: 100%;
position: relative;
margin: 0 auto;
}
#jinrPostThumb.a--youtube-pip::before, #jinrPostThumb.a--youtube-height::before {
content: "";
display: block;
padding-top: 56.25%;
}
#jinrPostThumb iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#jinrPostThumb .a--pip-stop {
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
}
@media (max-width: 551px) {
#jinrPostThumb.is-in .a--pip-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: calc((100vw - 78px + 66px) / 16 * 9);
display: none;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}
}
#jinrPostThumb.is-in iframe {
width: calc(100vw - 78px);
height: calc((100vw - 78px) / 16 * 9);
position: fixed;
left: 50%;
top: 15px;
animation: YoutubePIP 0.3s ease-out alternate;
z-index: 400;
box-shadow: 0 6px 9px 1px rgba(170, 170, 170, 0.45);
}
@media (min-width: 552px) {
#jinrPostThumb.is-in iframe {
width: calc(100vw - 30px);
height: calc((100vw - 30px) / 16 * 9);
}
}
@media (max-width: 551px) {
#jinrPostThumb.is-in iframe {
display: none;
transform: translateX(-50%);
}
}
@media (min-width: 782px) {
#jinrPostThumb.is-in iframe {
width: 280px;
height: auto;
top: auto;
left: auto;
right: 24px;
bottom: 24px;
}
}
#jinrPostThumb.is-in .a--pip-stop {
width: 30px;
height: 30px;
position: fixed;
background-color: #aaa;
border-radius: 50%;
top: auto;
left: auto;
top: calc((100vw - 78px) / 16 * 9);
right: 26px;
opacity: 1;
visibility: visible;
z-index: 400;
cursor: pointer;
}
@media (min-width: 552px) {
#jinrPostThumb.is-in .a--pip-stop {
top: 230px;
right: 5px;
}
}
#jinrPostThumb.is-in .a--pip-stop::before, #jinrPostThumb.is-in .a--pip-stop::after {
content: "";
position: absolute;
display: inline-block;
width: 1px;
height: 16px;
background-color: #fff;
top: 50%;
left: 50%;
}
#jinrPostThumb.is-in .a--pip-stop::before {
transform: translate(-50%, -50%) rotate(45deg);
}
#jinrPostThumb.is-in .a--pip-stop::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
@media (max-width: 551px) {
#jinrPostThumb.is-in .a--pip-stop {
display: none;
}
}
@media (min-width: 782px) {
#jinrPostThumb.is-in .a--pip-stop {
top: auto;
bottom: 158px;
right: 290px;
}
}
#jinrPostThumb img {
max-width: 100%;
display: block;
margin: 0 auto;
width: 100%;
}
.d--material-design #jinrPostThumb {
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
}
#postContent {
padding-bottom: 30px;
margin-top: clamp(24px, 3.9vw, 45px);
}
.d--article-width-680 {
max-width: 680px;
}
.d--article-width-740 {
max-width: 740px;
}
@media (max-width: 961px) {
.d--two-column #jinrArticle {
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 1059px) {
.d--two-column .d--article-width-740 + #mainSideBar {
display: none;
}
}
@media (min-width: 1060px) {
.d--two-column .d--article-width-740 + #mainSideBar {
margin-left: 40px;
position: initial;
width: 36%;
max-width: 330px;
padding-bottom: 60px;
}
}
@media (min-width: 1240px) {
.d--two-column .d--article-width-740 + #mainSideBar {
margin-left: 60px;
max-width: 380px;
}
}
@media (max-width: 1059px) {
.d--two-column .d--article-width-680 + #mainSideBar {
display: none;
}
}
@media (min-width: 1060px) {
.d--two-column .d--article-width-680 + #mainSideBar {
margin-left: 42px;
padding-left: 42px;
padding-bottom: 60px;
border-left-width: 1px;
border-left-style: solid;
position: initial;
width: 36%;
max-width: 330px;
box-sizing: content-box;
}
}
@media (min-width: 1240px) {
.d--two-column .d--article-width-680 + #mainSideBar {
margin-left: 55px;
padding-left: 55px;
}
}
@media (max-width: 551px) {
.search .d--main-style-outline,
.attachment .d--main-style-outline,
.error404 .d--main-style-outline,
.page.page-template-default .d--main-style-outline,
.single.post-template-default .d--main-style-outline,
.single[class*=-template-default] .d--main-style-outline,
.archive .d--main-style-outline {
margin-top: 12px;
margin-bottom: 18px;
}
}
@media (min-width: 552px) {
.search .d--main-style-outline,
.attachment .d--main-style-outline,
.error404 .d--main-style-outline,
.page.page-template-default .d--main-style-outline,
.single.post-template-default .d--main-style-outline,
.single[class*=-template-default] .d--main-style-outline,
.archive .d--main-style-outline {
margin-top: 30px;
margin-bottom: clamp(30px, 3.6vw, 45px);
}
}
@media (max-width: 551px) {
.search .d--main-style-outline.d--one-column,
.attachment .d--main-style-outline.d--one-column,
.error404 .d--main-style-outline.d--one-column,
.page.page-template-default .d--main-style-outline.d--one-column,
.single.post-template-default .d--main-style-outline.d--one-column,
.single[class*=-template-default] .d--main-style-outline.d--one-column,
.archive .d--main-style-outline.d--one-column {
width: calc(100% - 20px);
}
}
@media (min-width: 552px) {
.search .d--main-style-outline.d--one-column,
.attachment .d--main-style-outline.d--one-column,
.error404 .d--main-style-outline.d--one-column,
.page.page-template-default .d--main-style-outline.d--one-column,
.single.post-template-default .d--main-style-outline.d--one-column,
.single[class*=-template-default] .d--main-style-outline.d--one-column,
.archive .d--main-style-outline.d--one-column {
width: calc(100% - 60px);
}
}
@media (min-width: 1120px) {
.search .d--main-style-outline.d--one-column,
.attachment .d--main-style-outline.d--one-column,
.error404 .d--main-style-outline.d--one-column,
.page.page-template-default .d--main-style-outline.d--one-column,
.single.post-template-default .d--main-style-outline.d--one-column,
.single[class*=-template-default] .d--main-style-outline.d--one-column,
.archive .d--main-style-outline.d--one-column {
max-width: 1120px;
}
}
@media (max-width: 551px) {
.search .d--main-style-outline.d--one-column #postContent,
.attachment .d--main-style-outline.d--one-column #postContent,
.error404 .d--main-style-outline.d--one-column #postContent,
.page.page-template-default .d--main-style-outline.d--one-column #postContent,
.single.post-template-default .d--main-style-outline.d--one-column #postContent,
.single[class*=-template-default] .d--main-style-outline.d--one-column #postContent,
.archive .d--main-style-outline.d--one-column #postContent {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.search .d--main-style-outline.d--one-column #postContent,
.attachment .d--main-style-outline.d--one-column #postContent,
.error404 .d--main-style-outline.d--one-column #postContent,
.page.page-template-default .d--main-style-outline.d--one-column #postContent,
.single.post-template-default .d--main-style-outline.d--one-column #postContent,
.single[class*=-template-default] .d--main-style-outline.d--one-column #postContent,
.archive .d--main-style-outline.d--one-column #postContent {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.search .d--main-style-outline.d--one-column #postContent,
.attachment .d--main-style-outline.d--one-column #postContent,
.error404 .d--main-style-outline.d--one-column #postContent,
.page.page-template-default .d--main-style-outline.d--one-column #postContent,
.single.post-template-default .d--main-style-outline.d--one-column #postContent,
.single[class*=-template-default] .d--main-style-outline.d--one-column #postContent,
.archive .d--main-style-outline.d--one-column #postContent {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 961px) {
.search .d--main-style-outline.d--one-column #postContent,
.attachment .d--main-style-outline.d--one-column #postContent,
.error404 .d--main-style-outline.d--one-column #postContent,
.page.page-template-default .d--main-style-outline.d--one-column #postContent,
.single.post-template-default .d--main-style-outline.d--one-column #postContent,
.single[class*=-template-default] .d--main-style-outline.d--one-column #postContent,
.archive .d--main-style-outline.d--one-column #postContent {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1240px) {
.search .d--main-style-outline.d--one-column #postContent,
.attachment .d--main-style-outline.d--one-column #postContent,
.error404 .d--main-style-outline.d--one-column #postContent,
.page.page-template-default .d--main-style-outline.d--one-column #postContent,
.single.post-template-default .d--main-style-outline.d--one-column #postContent,
.single[class*=-template-default] .d--main-style-outline.d--one-column #postContent,
.archive .d--main-style-outline.d--one-column #postContent {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.search .d--main-style-outline.d--one-column #postContent,
.attachment .d--main-style-outline.d--one-column #postContent,
.error404 .d--main-style-outline.d--one-column #postContent,
.page.page-template-default .d--main-style-outline.d--one-column #postContent,
.single.post-template-default .d--main-style-outline.d--one-column #postContent,
.single[class*=-template-default] .d--main-style-outline.d--one-column #postContent,
.archive .d--main-style-outline.d--one-column #postContent {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 551px) {
.search .d--main-style-outline.d--one-column #postHeaderInner,
.attachment .d--main-style-outline.d--one-column #postHeaderInner,
.error404 .d--main-style-outline.d--one-column #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--one-column #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--one-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--one-column #postHeaderInner,
.archive .d--main-style-outline.d--one-column #postHeaderInner {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.search .d--main-style-outline.d--one-column #postHeaderInner,
.attachment .d--main-style-outline.d--one-column #postHeaderInner,
.error404 .d--main-style-outline.d--one-column #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--one-column #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--one-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--one-column #postHeaderInner,
.archive .d--main-style-outline.d--one-column #postHeaderInner {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.search .d--main-style-outline.d--one-column #postHeaderInner,
.attachment .d--main-style-outline.d--one-column #postHeaderInner,
.error404 .d--main-style-outline.d--one-column #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--one-column #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--one-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--one-column #postHeaderInner,
.archive .d--main-style-outline.d--one-column #postHeaderInner {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 961px) {
.search .d--main-style-outline.d--one-column #postHeaderInner,
.attachment .d--main-style-outline.d--one-column #postHeaderInner,
.error404 .d--main-style-outline.d--one-column #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--one-column #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--one-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--one-column #postHeaderInner,
.archive .d--main-style-outline.d--one-column #postHeaderInner {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1240px) {
.search .d--main-style-outline.d--one-column #postHeaderInner,
.attachment .d--main-style-outline.d--one-column #postHeaderInner,
.error404 .d--main-style-outline.d--one-column #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--one-column #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--one-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--one-column #postHeaderInner,
.archive .d--main-style-outline.d--one-column #postHeaderInner {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.search .d--main-style-outline.d--one-column #postHeaderInner,
.attachment .d--main-style-outline.d--one-column #postHeaderInner,
.error404 .d--main-style-outline.d--one-column #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--one-column #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--one-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--one-column #postHeaderInner,
.archive .d--main-style-outline.d--one-column #postHeaderInner {
padding-left: 0px;
padding-right: 0px;
}
}
.search .d--main-style-outline.d--one-column.d--article-style1 #jinrPostThumb,
.attachment .d--main-style-outline.d--one-column.d--article-style1 #jinrPostThumb,
.error404 .d--main-style-outline.d--one-column.d--article-style1 #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--one-column.d--article-style1 #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--one-column.d--article-style1 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--one-column.d--article-style1 #jinrPostThumb,
.archive .d--main-style-outline.d--one-column.d--article-style1 #jinrPostThumb {
margin-top: 15px;
}
@media (max-width: 551px) {
.search .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.attachment .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.error404 .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.page.page-template-default .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.single.post-template-default .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.single[class*=-template-default] .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.archive .d--main-style-outline.d--one-column.d--article-style1 #postHeader {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.search .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.attachment .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.error404 .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.page.page-template-default .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.single.post-template-default .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.single[class*=-template-default] .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.archive .d--main-style-outline.d--one-column.d--article-style1 #postHeader {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 782px) {
.search .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.attachment .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.error404 .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.page.page-template-default .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.single.post-template-default .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.single[class*=-template-default] .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.archive .d--main-style-outline.d--one-column.d--article-style1 #postHeader {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 961px) {
.search .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.attachment .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.error404 .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.page.page-template-default .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.single.post-template-default .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.single[class*=-template-default] .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.archive .d--main-style-outline.d--one-column.d--article-style1 #postHeader {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1240px) {
.search .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.attachment .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.error404 .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.page.page-template-default .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.single.post-template-default .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.single[class*=-template-default] .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.archive .d--main-style-outline.d--one-column.d--article-style1 #postHeader {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.search .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.attachment .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.error404 .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.page.page-template-default .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.single.post-template-default .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.single[class*=-template-default] .d--main-style-outline.d--one-column.d--article-style1 #postHeader,
.archive .d--main-style-outline.d--one-column.d--article-style1 #postHeader {
padding-left: 0px;
padding-right: 0px;
}
}
.search .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner,
.attachment .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner,
.error404 .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner,
.page.page-template-default .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner,
.single.post-template-default .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner,
.single[class*=-template-default] .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner,
.archive .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner {
padding-top: 21px;
}
@media (min-width: 552px) {
.search .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner,
.attachment .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner,
.error404 .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner,
.page.page-template-default .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner,
.single.post-template-default .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner,
.single[class*=-template-default] .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner,
.archive .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner {
padding-top: clamp(21px, 4.5vw, 45px);
}
}
@media (max-width: 551px) {
.search .d--main-style-outline.d--one-column.d--article-style1 #jinrPostMeta,
.attachment .d--main-style-outline.d--one-column.d--article-style1 #jinrPostMeta,
.error404 .d--main-style-outline.d--one-column.d--article-style1 #jinrPostMeta,
.page.page-template-default .d--main-style-outline.d--one-column.d--article-style1 #jinrPostMeta,
.single.post-template-default .d--main-style-outline.d--one-column.d--article-style1 #jinrPostMeta,
.single[class*=-template-default] .d--main-style-outline.d--one-column.d--article-style1 #jinrPostMeta,
.archive .d--main-style-outline.d--one-column.d--article-style1 #jinrPostMeta {
padding-bottom: 3px;
}
}
.search .d--main-style-outline.d--one-column.d--article-style2,
.attachment .d--main-style-outline.d--one-column.d--article-style2,
.error404 .d--main-style-outline.d--one-column.d--article-style2,
.page.page-template-default .d--main-style-outline.d--one-column.d--article-style2,
.single.post-template-default .d--main-style-outline.d--one-column.d--article-style2,
.single[class*=-template-default] .d--main-style-outline.d--one-column.d--article-style2,
.archive .d--main-style-outline.d--one-column.d--article-style2 {
padding: 0;
}
@media (min-width: 552px) {
.search .d--main-style-outline.d--one-column.d--article-style2,
.attachment .d--main-style-outline.d--one-column.d--article-style2,
.error404 .d--main-style-outline.d--one-column.d--article-style2,
.page.page-template-default .d--main-style-outline.d--one-column.d--article-style2,
.single.post-template-default .d--main-style-outline.d--one-column.d--article-style2,
.single[class*=-template-default] .d--main-style-outline.d--one-column.d--article-style2,
.archive .d--main-style-outline.d--one-column.d--article-style2 {
margin-top: clamp(21px, 3vw, 30px);
}
}
.search .d--main-style-outline.d--one-column.d--article-style2 #postHeader,
.attachment .d--main-style-outline.d--one-column.d--article-style2 #postHeader,
.error404 .d--main-style-outline.d--one-column.d--article-style2 #postHeader,
.page.page-template-default .d--main-style-outline.d--one-column.d--article-style2 #postHeader,
.single.post-template-default .d--main-style-outline.d--one-column.d--article-style2 #postHeader,
.single[class*=-template-default] .d--main-style-outline.d--one-column.d--article-style2 #postHeader,
.archive .d--main-style-outline.d--one-column.d--article-style2 #postHeader {
flex-direction: column-reverse;
padding: 0;
}
.search .d--main-style-outline.d--one-column.d--article-style2 #postHeaderInner,
.attachment .d--main-style-outline.d--one-column.d--article-style2 #postHeaderInner,
.error404 .d--main-style-outline.d--one-column.d--article-style2 #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--one-column.d--article-style2 #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--one-column.d--article-style2 #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--one-column.d--article-style2 #postHeaderInner,
.archive .d--main-style-outline.d--one-column.d--article-style2 #postHeaderInner {
margin-top: 15px;
}
@media (min-width: 552px) {
.search .d--main-style-outline.d--one-column.d--article-style2 #postHeaderInner,
.attachment .d--main-style-outline.d--one-column.d--article-style2 #postHeaderInner,
.error404 .d--main-style-outline.d--one-column.d--article-style2 #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--one-column.d--article-style2 #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--one-column.d--article-style2 #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--one-column.d--article-style2 #postHeaderInner,
.archive .d--main-style-outline.d--one-column.d--article-style2 #postHeaderInner {
margin-top: clamp(30px, 4vw, 45px);
}
}
@media (max-width: 551px) {
.search .d--main-style-outline.d--one-column.d--article-style2 #jinrPostMeta,
.attachment .d--main-style-outline.d--one-column.d--article-style2 #jinrPostMeta,
.error404 .d--main-style-outline.d--one-column.d--article-style2 #jinrPostMeta,
.page.page-template-default .d--main-style-outline.d--one-column.d--article-style2 #jinrPostMeta,
.single.post-template-default .d--main-style-outline.d--one-column.d--article-style2 #jinrPostMeta,
.single[class*=-template-default] .d--main-style-outline.d--one-column.d--article-style2 #jinrPostMeta,
.archive .d--main-style-outline.d--one-column.d--article-style2 #jinrPostMeta {
padding: 6px 0;
}
}
@media (max-width: 551px) {
.search .d--main-style-outline.d--two-column,
.attachment .d--main-style-outline.d--two-column,
.error404 .d--main-style-outline.d--two-column,
.page.page-template-default .d--main-style-outline.d--two-column,
.single.post-template-default .d--main-style-outline.d--two-column,
.single[class*=-template-default] .d--main-style-outline.d--two-column,
.archive .d--main-style-outline.d--two-column {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.search .d--main-style-outline.d--two-column,
.attachment .d--main-style-outline.d--two-column,
.error404 .d--main-style-outline.d--two-column,
.page.page-template-default .d--main-style-outline.d--two-column,
.single.post-template-default .d--main-style-outline.d--two-column,
.single[class*=-template-default] .d--main-style-outline.d--two-column,
.archive .d--main-style-outline.d--two-column {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.search .d--main-style-outline.d--two-column,
.attachment .d--main-style-outline.d--two-column,
.error404 .d--main-style-outline.d--two-column,
.page.page-template-default .d--main-style-outline.d--two-column,
.single.post-template-default .d--main-style-outline.d--two-column,
.single[class*=-template-default] .d--main-style-outline.d--two-column,
.archive .d--main-style-outline.d--two-column {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 961px) {
.search .d--main-style-outline.d--two-column,
.attachment .d--main-style-outline.d--two-column,
.error404 .d--main-style-outline.d--two-column,
.page.page-template-default .d--main-style-outline.d--two-column,
.single.post-template-default .d--main-style-outline.d--two-column,
.single[class*=-template-default] .d--main-style-outline.d--two-column,
.archive .d--main-style-outline.d--two-column {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1240px) {
.search .d--main-style-outline.d--two-column,
.attachment .d--main-style-outline.d--two-column,
.error404 .d--main-style-outline.d--two-column,
.page.page-template-default .d--main-style-outline.d--two-column,
.single.post-template-default .d--main-style-outline.d--two-column,
.single[class*=-template-default] .d--main-style-outline.d--two-column,
.archive .d--main-style-outline.d--two-column {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.search .d--main-style-outline.d--two-column,
.attachment .d--main-style-outline.d--two-column,
.error404 .d--main-style-outline.d--two-column,
.page.page-template-default .d--main-style-outline.d--two-column,
.single.post-template-default .d--main-style-outline.d--two-column,
.single[class*=-template-default] .d--main-style-outline.d--two-column,
.archive .d--main-style-outline.d--two-column {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 1059px) {
.search .d--main-style-outline.d--two-column,
.attachment .d--main-style-outline.d--two-column,
.error404 .d--main-style-outline.d--two-column,
.page.page-template-default .d--main-style-outline.d--two-column,
.single.post-template-default .d--main-style-outline.d--two-column,
.single[class*=-template-default] .d--main-style-outline.d--two-column,
.archive .d--main-style-outline.d--two-column {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1060px) {
.search .d--main-style-outline.d--two-column,
.attachment .d--main-style-outline.d--two-column,
.error404 .d--main-style-outline.d--two-column,
.page.page-template-default .d--main-style-outline.d--two-column,
.single.post-template-default .d--main-style-outline.d--two-column,
.single[class*=-template-default] .d--main-style-outline.d--two-column,
.archive .d--main-style-outline.d--two-column {
padding-bottom: clamp(30px, 3.3vw, 45px);
}
}
@media (max-width: 551px) {
.search .d--main-style-outline.d--two-column,
.attachment .d--main-style-outline.d--two-column,
.error404 .d--main-style-outline.d--two-column,
.page.page-template-default .d--main-style-outline.d--two-column,
.single.post-template-default .d--main-style-outline.d--two-column,
.single[class*=-template-default] .d--main-style-outline.d--two-column,
.archive .d--main-style-outline.d--two-column {
width: calc(100% - 20px);
padding: 0;
}
}
@media (min-width: 552px) {
.search .d--main-style-outline.d--two-column,
.attachment .d--main-style-outline.d--two-column,
.error404 .d--main-style-outline.d--two-column,
.page.page-template-default .d--main-style-outline.d--two-column,
.single.post-template-default .d--main-style-outline.d--two-column,
.single[class*=-template-default] .d--main-style-outline.d--two-column,
.archive .d--main-style-outline.d--two-column {
width: calc(100% - 50px);
}
}
@media (min-width: 782px) {
.search .d--main-style-outline.d--two-column,
.attachment .d--main-style-outline.d--two-column,
.error404 .d--main-style-outline.d--two-column,
.page.page-template-default .d--main-style-outline.d--two-column,
.single.post-template-default .d--main-style-outline.d--two-column,
.single[class*=-template-default] .d--main-style-outline.d--two-column,
.archive .d--main-style-outline.d--two-column {
width: calc(100% - 60px);
}
}
.search .d--main-style-outline.d--two-column #mainContentInner,
.attachment .d--main-style-outline.d--two-column #mainContentInner,
.error404 .d--main-style-outline.d--two-column #mainContentInner,
.page.page-template-default .d--main-style-outline.d--two-column #mainContentInner,
.single.post-template-default .d--main-style-outline.d--two-column #mainContentInner,
.single[class*=-template-default] .d--main-style-outline.d--two-column #mainContentInner,
.archive .d--main-style-outline.d--two-column #mainContentInner {
max-width: 1120px;
}
@media (max-width: 551px) {
.search .d--main-style-outline.d--two-column #postContent,
.search .d--main-style-outline.d--two-column #postHeaderInner,
.attachment .d--main-style-outline.d--two-column #postContent,
.attachment .d--main-style-outline.d--two-column #postHeaderInner,
.error404 .d--main-style-outline.d--two-column #postContent,
.error404 .d--main-style-outline.d--two-column #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--two-column #postContent,
.page.page-template-default .d--main-style-outline.d--two-column #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--two-column #postContent,
.single.post-template-default .d--main-style-outline.d--two-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postContent,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postHeaderInner,
.archive .d--main-style-outline.d--two-column #postContent,
.archive .d--main-style-outline.d--two-column #postHeaderInner {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.search .d--main-style-outline.d--two-column #postContent,
.search .d--main-style-outline.d--two-column #postHeaderInner,
.attachment .d--main-style-outline.d--two-column #postContent,
.attachment .d--main-style-outline.d--two-column #postHeaderInner,
.error404 .d--main-style-outline.d--two-column #postContent,
.error404 .d--main-style-outline.d--two-column #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--two-column #postContent,
.page.page-template-default .d--main-style-outline.d--two-column #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--two-column #postContent,
.single.post-template-default .d--main-style-outline.d--two-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postContent,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postHeaderInner,
.archive .d--main-style-outline.d--two-column #postContent,
.archive .d--main-style-outline.d--two-column #postHeaderInner {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.search .d--main-style-outline.d--two-column #postContent,
.search .d--main-style-outline.d--two-column #postHeaderInner,
.attachment .d--main-style-outline.d--two-column #postContent,
.attachment .d--main-style-outline.d--two-column #postHeaderInner,
.error404 .d--main-style-outline.d--two-column #postContent,
.error404 .d--main-style-outline.d--two-column #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--two-column #postContent,
.page.page-template-default .d--main-style-outline.d--two-column #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--two-column #postContent,
.single.post-template-default .d--main-style-outline.d--two-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postContent,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postHeaderInner,
.archive .d--main-style-outline.d--two-column #postContent,
.archive .d--main-style-outline.d--two-column #postHeaderInner {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 961px) {
.search .d--main-style-outline.d--two-column #postContent,
.search .d--main-style-outline.d--two-column #postHeaderInner,
.attachment .d--main-style-outline.d--two-column #postContent,
.attachment .d--main-style-outline.d--two-column #postHeaderInner,
.error404 .d--main-style-outline.d--two-column #postContent,
.error404 .d--main-style-outline.d--two-column #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--two-column #postContent,
.page.page-template-default .d--main-style-outline.d--two-column #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--two-column #postContent,
.single.post-template-default .d--main-style-outline.d--two-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postContent,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postHeaderInner,
.archive .d--main-style-outline.d--two-column #postContent,
.archive .d--main-style-outline.d--two-column #postHeaderInner {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1240px) {
.search .d--main-style-outline.d--two-column #postContent,
.search .d--main-style-outline.d--two-column #postHeaderInner,
.attachment .d--main-style-outline.d--two-column #postContent,
.attachment .d--main-style-outline.d--two-column #postHeaderInner,
.error404 .d--main-style-outline.d--two-column #postContent,
.error404 .d--main-style-outline.d--two-column #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--two-column #postContent,
.page.page-template-default .d--main-style-outline.d--two-column #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--two-column #postContent,
.single.post-template-default .d--main-style-outline.d--two-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postContent,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postHeaderInner,
.archive .d--main-style-outline.d--two-column #postContent,
.archive .d--main-style-outline.d--two-column #postHeaderInner {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.search .d--main-style-outline.d--two-column #postContent,
.search .d--main-style-outline.d--two-column #postHeaderInner,
.attachment .d--main-style-outline.d--two-column #postContent,
.attachment .d--main-style-outline.d--two-column #postHeaderInner,
.error404 .d--main-style-outline.d--two-column #postContent,
.error404 .d--main-style-outline.d--two-column #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--two-column #postContent,
.page.page-template-default .d--main-style-outline.d--two-column #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--two-column #postContent,
.single.post-template-default .d--main-style-outline.d--two-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postContent,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postHeaderInner,
.archive .d--main-style-outline.d--two-column #postContent,
.archive .d--main-style-outline.d--two-column #postHeaderInner {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 1059px) {
.search .d--main-style-outline.d--two-column #postContent,
.search .d--main-style-outline.d--two-column #postHeaderInner,
.search .d--main-style-outline.d--two-column .d--article-width-680,
.attachment .d--main-style-outline.d--two-column #postContent,
.attachment .d--main-style-outline.d--two-column #postHeaderInner,
.attachment .d--main-style-outline.d--two-column .d--article-width-680,
.error404 .d--main-style-outline.d--two-column #postContent,
.error404 .d--main-style-outline.d--two-column #postHeaderInner,
.error404 .d--main-style-outline.d--two-column .d--article-width-680,
.page.page-template-default .d--main-style-outline.d--two-column #postContent,
.page.page-template-default .d--main-style-outline.d--two-column #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--two-column .d--article-width-680,
.single.post-template-default .d--main-style-outline.d--two-column #postContent,
.single.post-template-default .d--main-style-outline.d--two-column #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--two-column .d--article-width-680,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postContent,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--two-column .d--article-width-680,
.archive .d--main-style-outline.d--two-column #postContent,
.archive .d--main-style-outline.d--two-column #postHeaderInner,
.archive .d--main-style-outline.d--two-column .d--article-width-680 {
max-width: 100%;
}
.search .d--main-style-outline.d--two-column #postContent #postContent,
.search .d--main-style-outline.d--two-column #postContent #postHeaderInner,
.search .d--main-style-outline.d--two-column #postHeaderInner #postContent,
.search .d--main-style-outline.d--two-column #postHeaderInner #postHeaderInner,
.search .d--main-style-outline.d--two-column .d--article-width-680 #postContent,
.search .d--main-style-outline.d--two-column .d--article-width-680 #postHeaderInner,
.attachment .d--main-style-outline.d--two-column #postContent #postContent,
.attachment .d--main-style-outline.d--two-column #postContent #postHeaderInner,
.attachment .d--main-style-outline.d--two-column #postHeaderInner #postContent,
.attachment .d--main-style-outline.d--two-column #postHeaderInner #postHeaderInner,
.attachment .d--main-style-outline.d--two-column .d--article-width-680 #postContent,
.attachment .d--main-style-outline.d--two-column .d--article-width-680 #postHeaderInner,
.error404 .d--main-style-outline.d--two-column #postContent #postContent,
.error404 .d--main-style-outline.d--two-column #postContent #postHeaderInner,
.error404 .d--main-style-outline.d--two-column #postHeaderInner #postContent,
.error404 .d--main-style-outline.d--two-column #postHeaderInner #postHeaderInner,
.error404 .d--main-style-outline.d--two-column .d--article-width-680 #postContent,
.error404 .d--main-style-outline.d--two-column .d--article-width-680 #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--two-column #postContent #postContent,
.page.page-template-default .d--main-style-outline.d--two-column #postContent #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--two-column #postHeaderInner #postContent,
.page.page-template-default .d--main-style-outline.d--two-column #postHeaderInner #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--two-column .d--article-width-680 #postContent,
.page.page-template-default .d--main-style-outline.d--two-column .d--article-width-680 #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--two-column #postContent #postContent,
.single.post-template-default .d--main-style-outline.d--two-column #postContent #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--two-column #postHeaderInner #postContent,
.single.post-template-default .d--main-style-outline.d--two-column #postHeaderInner #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--two-column .d--article-width-680 #postContent,
.single.post-template-default .d--main-style-outline.d--two-column .d--article-width-680 #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postContent #postContent,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postContent #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postHeaderInner #postContent,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postHeaderInner #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--two-column .d--article-width-680 #postContent,
.single[class*=-template-default] .d--main-style-outline.d--two-column .d--article-width-680 #postHeaderInner,
.archive .d--main-style-outline.d--two-column #postContent #postContent,
.archive .d--main-style-outline.d--two-column #postContent #postHeaderInner,
.archive .d--main-style-outline.d--two-column #postHeaderInner #postContent,
.archive .d--main-style-outline.d--two-column #postHeaderInner #postHeaderInner,
.archive .d--main-style-outline.d--two-column .d--article-width-680 #postContent,
.archive .d--main-style-outline.d--two-column .d--article-width-680 #postHeaderInner {
max-width: 680px;
}
}
@media (max-width: 551px) {
.search .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.search .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.search .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 961px) {
.search .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1240px) {
.search .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.search .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1059px) {
.search .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-outline.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-outline.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-outline.d--two-column .d--article-width-680 #jinrPostThumb {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1059px) {
.search .d--main-style-outline.d--two-column .d--article-width-740,
.attachment .d--main-style-outline.d--two-column .d--article-width-740,
.error404 .d--main-style-outline.d--two-column .d--article-width-740,
.page.page-template-default .d--main-style-outline.d--two-column .d--article-width-740,
.single.post-template-default .d--main-style-outline.d--two-column .d--article-width-740,
.single[class*=-template-default] .d--main-style-outline.d--two-column .d--article-width-740,
.archive .d--main-style-outline.d--two-column .d--article-width-740 {
max-width: 100%;
}
.search .d--main-style-outline.d--two-column .d--article-width-740 #postContent,
.search .d--main-style-outline.d--two-column .d--article-width-740 #postHeaderInner,
.attachment .d--main-style-outline.d--two-column .d--article-width-740 #postContent,
.attachment .d--main-style-outline.d--two-column .d--article-width-740 #postHeaderInner,
.error404 .d--main-style-outline.d--two-column .d--article-width-740 #postContent,
.error404 .d--main-style-outline.d--two-column .d--article-width-740 #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--two-column .d--article-width-740 #postContent,
.page.page-template-default .d--main-style-outline.d--two-column .d--article-width-740 #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--two-column .d--article-width-740 #postContent,
.single.post-template-default .d--main-style-outline.d--two-column .d--article-width-740 #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--two-column .d--article-width-740 #postContent,
.single[class*=-template-default] .d--main-style-outline.d--two-column .d--article-width-740 #postHeaderInner,
.archive .d--main-style-outline.d--two-column .d--article-width-740 #postContent,
.archive .d--main-style-outline.d--two-column .d--article-width-740 #postHeaderInner {
max-width: 740px;
}
}
@media (max-width: 551px) {
.search .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.search .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.search .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 961px) {
.search .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1240px) {
.search .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.search .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1059px) {
.search .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-outline.d--two-column .d--article-width-740 #jinrPostThumb {
padding-left: 0;
padding-right: 0;
}
}
.search .d--main-style-outline.d--two-column.d--article-style1 #jinrPostThumb,
.attachment .d--main-style-outline.d--two-column.d--article-style1 #jinrPostThumb,
.error404 .d--main-style-outline.d--two-column.d--article-style1 #jinrPostThumb,
.page.page-template-default .d--main-style-outline.d--two-column.d--article-style1 #jinrPostThumb,
.single.post-template-default .d--main-style-outline.d--two-column.d--article-style1 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-outline.d--two-column.d--article-style1 #jinrPostThumb,
.archive .d--main-style-outline.d--two-column.d--article-style1 #jinrPostThumb {
margin-top: 15px;
}
.search .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner,
.attachment .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner,
.error404 .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner,
.page.page-template-default .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner,
.single.post-template-default .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner,
.single[class*=-template-default] .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner,
.archive .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner {
padding-top: 21px;
}
@media (min-width: 552px) {
.search .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner,
.attachment .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner,
.error404 .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner,
.page.page-template-default .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner,
.single.post-template-default .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner,
.single[class*=-template-default] .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner,
.archive .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner {
padding-top: clamp(21px, 4.5vw, 45px);
}
}
@media (max-width: 551px) {
.search .d--main-style-outline.d--two-column.d--article-style1 #jinrPostMeta,
.attachment .d--main-style-outline.d--two-column.d--article-style1 #jinrPostMeta,
.error404 .d--main-style-outline.d--two-column.d--article-style1 #jinrPostMeta,
.page.page-template-default .d--main-style-outline.d--two-column.d--article-style1 #jinrPostMeta,
.single.post-template-default .d--main-style-outline.d--two-column.d--article-style1 #jinrPostMeta,
.single[class*=-template-default] .d--main-style-outline.d--two-column.d--article-style1 #jinrPostMeta,
.archive .d--main-style-outline.d--two-column.d--article-style1 #jinrPostMeta {
padding-bottom: 3px;
}
}
.search .d--main-style-outline.d--two-column.d--article-style2,
.attachment .d--main-style-outline.d--two-column.d--article-style2,
.error404 .d--main-style-outline.d--two-column.d--article-style2,
.page.page-template-default .d--main-style-outline.d--two-column.d--article-style2,
.single.post-template-default .d--main-style-outline.d--two-column.d--article-style2,
.single[class*=-template-default] .d--main-style-outline.d--two-column.d--article-style2,
.archive .d--main-style-outline.d--two-column.d--article-style2 {
padding-top: clamp(30px, 3vw, 45px);
}
@media (max-width: 1059px) {
.search .d--main-style-outline.d--two-column.d--article-style2,
.attachment .d--main-style-outline.d--two-column.d--article-style2,
.error404 .d--main-style-outline.d--two-column.d--article-style2,
.page.page-template-default .d--main-style-outline.d--two-column.d--article-style2,
.single.post-template-default .d--main-style-outline.d--two-column.d--article-style2,
.single[class*=-template-default] .d--main-style-outline.d--two-column.d--article-style2,
.archive .d--main-style-outline.d--two-column.d--article-style2 {
padding-top: 0;
}
}
@media (min-width: 552px) {
.search .d--main-style-outline.d--two-column.d--article-style2,
.attachment .d--main-style-outline.d--two-column.d--article-style2,
.error404 .d--main-style-outline.d--two-column.d--article-style2,
.page.page-template-default .d--main-style-outline.d--two-column.d--article-style2,
.single.post-template-default .d--main-style-outline.d--two-column.d--article-style2,
.single[class*=-template-default] .d--main-style-outline.d--two-column.d--article-style2,
.archive .d--main-style-outline.d--two-column.d--article-style2 {
margin-top: clamp(21px, 3vw, 30px);
}
}
@media (min-width: 552px) {
.search .d--main-style-outline.d--two-column.d--article-style2 #jinrPostTitle,
.attachment .d--main-style-outline.d--two-column.d--article-style2 #jinrPostTitle,
.error404 .d--main-style-outline.d--two-column.d--article-style2 #jinrPostTitle,
.page.page-template-default .d--main-style-outline.d--two-column.d--article-style2 #jinrPostTitle,
.single.post-template-default .d--main-style-outline.d--two-column.d--article-style2 #jinrPostTitle,
.single[class*=-template-default] .d--main-style-outline.d--two-column.d--article-style2 #jinrPostTitle,
.archive .d--main-style-outline.d--two-column.d--article-style2 #jinrPostTitle {
margin-top: clamp(12px, 2vw, 15px);
}
}
.search .d--main-style-outline.d--two-column.d--article-style2 #postHeaderInner,
.attachment .d--main-style-outline.d--two-column.d--article-style2 #postHeaderInner,
.error404 .d--main-style-outline.d--two-column.d--article-style2 #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--two-column.d--article-style2 #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--two-column.d--article-style2 #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--two-column.d--article-style2 #postHeaderInner,
.archive .d--main-style-outline.d--two-column.d--article-style2 #postHeaderInner {
margin-top: 15px;
}
@media (min-width: 552px) {
.search .d--main-style-outline.d--two-column.d--article-style2 #postHeaderInner,
.attachment .d--main-style-outline.d--two-column.d--article-style2 #postHeaderInner,
.error404 .d--main-style-outline.d--two-column.d--article-style2 #postHeaderInner,
.page.page-template-default .d--main-style-outline.d--two-column.d--article-style2 #postHeaderInner,
.single.post-template-default .d--main-style-outline.d--two-column.d--article-style2 #postHeaderInner,
.single[class*=-template-default] .d--main-style-outline.d--two-column.d--article-style2 #postHeaderInner,
.archive .d--main-style-outline.d--two-column.d--article-style2 #postHeaderInner {
margin-top: clamp(15px, 3vw, 27px);
}
}
.search .d--main-style-outline.d--two-column.d--article-style2 #postHeader,
.attachment .d--main-style-outline.d--two-column.d--article-style2 #postHeader,
.error404 .d--main-style-outline.d--two-column.d--article-style2 #postHeader,
.page.page-template-default .d--main-style-outline.d--two-column.d--article-style2 #postHeader,
.single.post-template-default .d--main-style-outline.d--two-column.d--article-style2 #postHeader,
.single[class*=-template-default] .d--main-style-outline.d--two-column.d--article-style2 #postHeader,
.archive .d--main-style-outline.d--two-column.d--article-style2 #postHeader {
flex-direction: column-reverse;
}
@media (max-width: 551px) {
.search .d--main-style-outline.d--two-column.d--article-style2 #jinrPostMeta,
.attachment .d--main-style-outline.d--two-column.d--article-style2 #jinrPostMeta,
.error404 .d--main-style-outline.d--two-column.d--article-style2 #jinrPostMeta,
.page.page-template-default .d--main-style-outline.d--two-column.d--article-style2 #jinrPostMeta,
.single.post-template-default .d--main-style-outline.d--two-column.d--article-style2 #jinrPostMeta,
.single[class*=-template-default] .d--main-style-outline.d--two-column.d--article-style2 #jinrPostMeta,
.archive .d--main-style-outline.d--two-column.d--article-style2 #jinrPostMeta {
padding: 6px 0;
}
}
.search .d--main-style-noframe #mainContentInner,
.search .d--main-style-transparent #mainContentInner,
.attachment .d--main-style-noframe #mainContentInner,
.attachment .d--main-style-transparent #mainContentInner,
.error404 .d--main-style-noframe #mainContentInner,
.error404 .d--main-style-transparent #mainContentInner,
.page.page-template-default .d--main-style-noframe #mainContentInner,
.page.page-template-default .d--main-style-transparent #mainContentInner,
.single.post-template-default .d--main-style-noframe #mainContentInner,
.single.post-template-default .d--main-style-transparent #mainContentInner,
.single[class*=-template-default] .d--main-style-noframe #mainContentInner,
.single[class*=-template-default] .d--main-style-transparent #mainContentInner,
.archive .d--main-style-noframe #mainContentInner,
.archive .d--main-style-transparent #mainContentInner {
padding-top: clamp(15px, 4vw, 45px);
padding-bottom: 18px;
}
@media (max-width: 551px) {
.search .d--main-style-noframe #mainContentInner,
.search .d--main-style-transparent #mainContentInner,
.attachment .d--main-style-noframe #mainContentInner,
.attachment .d--main-style-transparent #mainContentInner,
.error404 .d--main-style-noframe #mainContentInner,
.error404 .d--main-style-transparent #mainContentInner,
.page.page-template-default .d--main-style-noframe #mainContentInner,
.page.page-template-default .d--main-style-transparent #mainContentInner,
.single.post-template-default .d--main-style-noframe #mainContentInner,
.single.post-template-default .d--main-style-transparent #mainContentInner,
.single[class*=-template-default] .d--main-style-noframe #mainContentInner,
.single[class*=-template-default] .d--main-style-transparent #mainContentInner,
.archive .d--main-style-noframe #mainContentInner,
.archive .d--main-style-transparent #mainContentInner {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.search .d--main-style-noframe #mainContentInner,
.search .d--main-style-transparent #mainContentInner,
.attachment .d--main-style-noframe #mainContentInner,
.attachment .d--main-style-transparent #mainContentInner,
.error404 .d--main-style-noframe #mainContentInner,
.error404 .d--main-style-transparent #mainContentInner,
.page.page-template-default .d--main-style-noframe #mainContentInner,
.page.page-template-default .d--main-style-transparent #mainContentInner,
.single.post-template-default .d--main-style-noframe #mainContentInner,
.single.post-template-default .d--main-style-transparent #mainContentInner,
.single[class*=-template-default] .d--main-style-noframe #mainContentInner,
.single[class*=-template-default] .d--main-style-transparent #mainContentInner,
.archive .d--main-style-noframe #mainContentInner,
.archive .d--main-style-transparent #mainContentInner {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.search .d--main-style-noframe #mainContentInner,
.search .d--main-style-transparent #mainContentInner,
.attachment .d--main-style-noframe #mainContentInner,
.attachment .d--main-style-transparent #mainContentInner,
.error404 .d--main-style-noframe #mainContentInner,
.error404 .d--main-style-transparent #mainContentInner,
.page.page-template-default .d--main-style-noframe #mainContentInner,
.page.page-template-default .d--main-style-transparent #mainContentInner,
.single.post-template-default .d--main-style-noframe #mainContentInner,
.single.post-template-default .d--main-style-transparent #mainContentInner,
.single[class*=-template-default] .d--main-style-noframe #mainContentInner,
.single[class*=-template-default] .d--main-style-transparent #mainContentInner,
.archive .d--main-style-noframe #mainContentInner,
.archive .d--main-style-transparent #mainContentInner {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 961px) {
.search .d--main-style-noframe #mainContentInner,
.search .d--main-style-transparent #mainContentInner,
.attachment .d--main-style-noframe #mainContentInner,
.attachment .d--main-style-transparent #mainContentInner,
.error404 .d--main-style-noframe #mainContentInner,
.error404 .d--main-style-transparent #mainContentInner,
.page.page-template-default .d--main-style-noframe #mainContentInner,
.page.page-template-default .d--main-style-transparent #mainContentInner,
.single.post-template-default .d--main-style-noframe #mainContentInner,
.single.post-template-default .d--main-style-transparent #mainContentInner,
.single[class*=-template-default] .d--main-style-noframe #mainContentInner,
.single[class*=-template-default] .d--main-style-transparent #mainContentInner,
.archive .d--main-style-noframe #mainContentInner,
.archive .d--main-style-transparent #mainContentInner {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1240px) {
.search .d--main-style-noframe #mainContentInner,
.search .d--main-style-transparent #mainContentInner,
.attachment .d--main-style-noframe #mainContentInner,
.attachment .d--main-style-transparent #mainContentInner,
.error404 .d--main-style-noframe #mainContentInner,
.error404 .d--main-style-transparent #mainContentInner,
.page.page-template-default .d--main-style-noframe #mainContentInner,
.page.page-template-default .d--main-style-transparent #mainContentInner,
.single.post-template-default .d--main-style-noframe #mainContentInner,
.single.post-template-default .d--main-style-transparent #mainContentInner,
.single[class*=-template-default] .d--main-style-noframe #mainContentInner,
.single[class*=-template-default] .d--main-style-transparent #mainContentInner,
.archive .d--main-style-noframe #mainContentInner,
.archive .d--main-style-transparent #mainContentInner {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.search .d--main-style-noframe #mainContentInner,
.search .d--main-style-transparent #mainContentInner,
.attachment .d--main-style-noframe #mainContentInner,
.attachment .d--main-style-transparent #mainContentInner,
.error404 .d--main-style-noframe #mainContentInner,
.error404 .d--main-style-transparent #mainContentInner,
.page.page-template-default .d--main-style-noframe #mainContentInner,
.page.page-template-default .d--main-style-transparent #mainContentInner,
.single.post-template-default .d--main-style-noframe #mainContentInner,
.single.post-template-default .d--main-style-transparent #mainContentInner,
.single[class*=-template-default] .d--main-style-noframe #mainContentInner,
.single[class*=-template-default] .d--main-style-transparent #mainContentInner,
.archive .d--main-style-noframe #mainContentInner,
.archive .d--main-style-transparent #mainContentInner {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 552px) {
.search .d--main-style-noframe #mainContentInner,
.search .d--main-style-transparent #mainContentInner,
.attachment .d--main-style-noframe #mainContentInner,
.attachment .d--main-style-transparent #mainContentInner,
.error404 .d--main-style-noframe #mainContentInner,
.error404 .d--main-style-transparent #mainContentInner,
.page.page-template-default .d--main-style-noframe #mainContentInner,
.page.page-template-default .d--main-style-transparent #mainContentInner,
.single.post-template-default .d--main-style-noframe #mainContentInner,
.single.post-template-default .d--main-style-transparent #mainContentInner,
.single[class*=-template-default] .d--main-style-noframe #mainContentInner,
.single[class*=-template-default] .d--main-style-transparent #mainContentInner,
.archive .d--main-style-noframe #mainContentInner,
.archive .d--main-style-transparent #mainContentInner {
padding-bottom: clamp(24px, 6vw, 60px);
}
}
@media (max-width: 551px) {
.search .d--main-style-noframe.d--one-column #postContent,
.search .d--main-style-transparent.d--one-column #postContent,
.attachment .d--main-style-noframe.d--one-column #postContent,
.attachment .d--main-style-transparent.d--one-column #postContent,
.error404 .d--main-style-noframe.d--one-column #postContent,
.error404 .d--main-style-transparent.d--one-column #postContent,
.page.page-template-default .d--main-style-noframe.d--one-column #postContent,
.page.page-template-default .d--main-style-transparent.d--one-column #postContent,
.single.post-template-default .d--main-style-noframe.d--one-column #postContent,
.single.post-template-default .d--main-style-transparent.d--one-column #postContent,
.single[class*=-template-default] .d--main-style-noframe.d--one-column #postContent,
.single[class*=-template-default] .d--main-style-transparent.d--one-column #postContent,
.archive .d--main-style-noframe.d--one-column #postContent,
.archive .d--main-style-transparent.d--one-column #postContent {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.search .d--main-style-noframe.d--one-column #postContent,
.search .d--main-style-transparent.d--one-column #postContent,
.attachment .d--main-style-noframe.d--one-column #postContent,
.attachment .d--main-style-transparent.d--one-column #postContent,
.error404 .d--main-style-noframe.d--one-column #postContent,
.error404 .d--main-style-transparent.d--one-column #postContent,
.page.page-template-default .d--main-style-noframe.d--one-column #postContent,
.page.page-template-default .d--main-style-transparent.d--one-column #postContent,
.single.post-template-default .d--main-style-noframe.d--one-column #postContent,
.single.post-template-default .d--main-style-transparent.d--one-column #postContent,
.single[class*=-template-default] .d--main-style-noframe.d--one-column #postContent,
.single[class*=-template-default] .d--main-style-transparent.d--one-column #postContent,
.archive .d--main-style-noframe.d--one-column #postContent,
.archive .d--main-style-transparent.d--one-column #postContent {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 782px) {
.search .d--main-style-noframe.d--one-column #postContent,
.search .d--main-style-transparent.d--one-column #postContent,
.attachment .d--main-style-noframe.d--one-column #postContent,
.attachment .d--main-style-transparent.d--one-column #postContent,
.error404 .d--main-style-noframe.d--one-column #postContent,
.error404 .d--main-style-transparent.d--one-column #postContent,
.page.page-template-default .d--main-style-noframe.d--one-column #postContent,
.page.page-template-default .d--main-style-transparent.d--one-column #postContent,
.single.post-template-default .d--main-style-noframe.d--one-column #postContent,
.single.post-template-default .d--main-style-transparent.d--one-column #postContent,
.single[class*=-template-default] .d--main-style-noframe.d--one-column #postContent,
.single[class*=-template-default] .d--main-style-transparent.d--one-column #postContent,
.archive .d--main-style-noframe.d--one-column #postContent,
.archive .d--main-style-transparent.d--one-column #postContent {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 961px) {
.search .d--main-style-noframe.d--one-column #postContent,
.search .d--main-style-transparent.d--one-column #postContent,
.attachment .d--main-style-noframe.d--one-column #postContent,
.attachment .d--main-style-transparent.d--one-column #postContent,
.error404 .d--main-style-noframe.d--one-column #postContent,
.error404 .d--main-style-transparent.d--one-column #postContent,
.page.page-template-default .d--main-style-noframe.d--one-column #postContent,
.page.page-template-default .d--main-style-transparent.d--one-column #postContent,
.single.post-template-default .d--main-style-noframe.d--one-column #postContent,
.single.post-template-default .d--main-style-transparent.d--one-column #postContent,
.single[class*=-template-default] .d--main-style-noframe.d--one-column #postContent,
.single[class*=-template-default] .d--main-style-transparent.d--one-column #postContent,
.archive .d--main-style-noframe.d--one-column #postContent,
.archive .d--main-style-transparent.d--one-column #postContent {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1240px) {
.search .d--main-style-noframe.d--one-column #postContent,
.search .d--main-style-transparent.d--one-column #postContent,
.attachment .d--main-style-noframe.d--one-column #postContent,
.attachment .d--main-style-transparent.d--one-column #postContent,
.error404 .d--main-style-noframe.d--one-column #postContent,
.error404 .d--main-style-transparent.d--one-column #postContent,
.page.page-template-default .d--main-style-noframe.d--one-column #postContent,
.page.page-template-default .d--main-style-transparent.d--one-column #postContent,
.single.post-template-default .d--main-style-noframe.d--one-column #postContent,
.single.post-template-default .d--main-style-transparent.d--one-column #postContent,
.single[class*=-template-default] .d--main-style-noframe.d--one-column #postContent,
.single[class*=-template-default] .d--main-style-transparent.d--one-column #postContent,
.archive .d--main-style-noframe.d--one-column #postContent,
.archive .d--main-style-transparent.d--one-column #postContent {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.search .d--main-style-noframe.d--one-column #postContent,
.search .d--main-style-transparent.d--one-column #postContent,
.attachment .d--main-style-noframe.d--one-column #postContent,
.attachment .d--main-style-transparent.d--one-column #postContent,
.error404 .d--main-style-noframe.d--one-column #postContent,
.error404 .d--main-style-transparent.d--one-column #postContent,
.page.page-template-default .d--main-style-noframe.d--one-column #postContent,
.page.page-template-default .d--main-style-transparent.d--one-column #postContent,
.single.post-template-default .d--main-style-noframe.d--one-column #postContent,
.single.post-template-default .d--main-style-transparent.d--one-column #postContent,
.single[class*=-template-default] .d--main-style-noframe.d--one-column #postContent,
.single[class*=-template-default] .d--main-style-transparent.d--one-column #postContent,
.archive .d--main-style-noframe.d--one-column #postContent,
.archive .d--main-style-transparent.d--one-column #postContent {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 551px) {
.search .d--main-style-noframe.d--one-column #postHeaderInner,
.search .d--main-style-transparent.d--one-column #postHeaderInner,
.attachment .d--main-style-noframe.d--one-column #postHeaderInner,
.attachment .d--main-style-transparent.d--one-column #postHeaderInner,
.error404 .d--main-style-noframe.d--one-column #postHeaderInner,
.error404 .d--main-style-transparent.d--one-column #postHeaderInner,
.page.page-template-default .d--main-style-noframe.d--one-column #postHeaderInner,
.page.page-template-default .d--main-style-transparent.d--one-column #postHeaderInner,
.single.post-template-default .d--main-style-noframe.d--one-column #postHeaderInner,
.single.post-template-default .d--main-style-transparent.d--one-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-noframe.d--one-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-transparent.d--one-column #postHeaderInner,
.archive .d--main-style-noframe.d--one-column #postHeaderInner,
.archive .d--main-style-transparent.d--one-column #postHeaderInner {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.search .d--main-style-noframe.d--one-column #postHeaderInner,
.search .d--main-style-transparent.d--one-column #postHeaderInner,
.attachment .d--main-style-noframe.d--one-column #postHeaderInner,
.attachment .d--main-style-transparent.d--one-column #postHeaderInner,
.error404 .d--main-style-noframe.d--one-column #postHeaderInner,
.error404 .d--main-style-transparent.d--one-column #postHeaderInner,
.page.page-template-default .d--main-style-noframe.d--one-column #postHeaderInner,
.page.page-template-default .d--main-style-transparent.d--one-column #postHeaderInner,
.single.post-template-default .d--main-style-noframe.d--one-column #postHeaderInner,
.single.post-template-default .d--main-style-transparent.d--one-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-noframe.d--one-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-transparent.d--one-column #postHeaderInner,
.archive .d--main-style-noframe.d--one-column #postHeaderInner,
.archive .d--main-style-transparent.d--one-column #postHeaderInner {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 782px) {
.search .d--main-style-noframe.d--one-column #postHeaderInner,
.search .d--main-style-transparent.d--one-column #postHeaderInner,
.attachment .d--main-style-noframe.d--one-column #postHeaderInner,
.attachment .d--main-style-transparent.d--one-column #postHeaderInner,
.error404 .d--main-style-noframe.d--one-column #postHeaderInner,
.error404 .d--main-style-transparent.d--one-column #postHeaderInner,
.page.page-template-default .d--main-style-noframe.d--one-column #postHeaderInner,
.page.page-template-default .d--main-style-transparent.d--one-column #postHeaderInner,
.single.post-template-default .d--main-style-noframe.d--one-column #postHeaderInner,
.single.post-template-default .d--main-style-transparent.d--one-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-noframe.d--one-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-transparent.d--one-column #postHeaderInner,
.archive .d--main-style-noframe.d--one-column #postHeaderInner,
.archive .d--main-style-transparent.d--one-column #postHeaderInner {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 961px) {
.search .d--main-style-noframe.d--one-column #postHeaderInner,
.search .d--main-style-transparent.d--one-column #postHeaderInner,
.attachment .d--main-style-noframe.d--one-column #postHeaderInner,
.attachment .d--main-style-transparent.d--one-column #postHeaderInner,
.error404 .d--main-style-noframe.d--one-column #postHeaderInner,
.error404 .d--main-style-transparent.d--one-column #postHeaderInner,
.page.page-template-default .d--main-style-noframe.d--one-column #postHeaderInner,
.page.page-template-default .d--main-style-transparent.d--one-column #postHeaderInner,
.single.post-template-default .d--main-style-noframe.d--one-column #postHeaderInner,
.single.post-template-default .d--main-style-transparent.d--one-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-noframe.d--one-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-transparent.d--one-column #postHeaderInner,
.archive .d--main-style-noframe.d--one-column #postHeaderInner,
.archive .d--main-style-transparent.d--one-column #postHeaderInner {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1240px) {
.search .d--main-style-noframe.d--one-column #postHeaderInner,
.search .d--main-style-transparent.d--one-column #postHeaderInner,
.attachment .d--main-style-noframe.d--one-column #postHeaderInner,
.attachment .d--main-style-transparent.d--one-column #postHeaderInner,
.error404 .d--main-style-noframe.d--one-column #postHeaderInner,
.error404 .d--main-style-transparent.d--one-column #postHeaderInner,
.page.page-template-default .d--main-style-noframe.d--one-column #postHeaderInner,
.page.page-template-default .d--main-style-transparent.d--one-column #postHeaderInner,
.single.post-template-default .d--main-style-noframe.d--one-column #postHeaderInner,
.single.post-template-default .d--main-style-transparent.d--one-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-noframe.d--one-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-transparent.d--one-column #postHeaderInner,
.archive .d--main-style-noframe.d--one-column #postHeaderInner,
.archive .d--main-style-transparent.d--one-column #postHeaderInner {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.search .d--main-style-noframe.d--one-column #postHeaderInner,
.search .d--main-style-transparent.d--one-column #postHeaderInner,
.attachment .d--main-style-noframe.d--one-column #postHeaderInner,
.attachment .d--main-style-transparent.d--one-column #postHeaderInner,
.error404 .d--main-style-noframe.d--one-column #postHeaderInner,
.error404 .d--main-style-transparent.d--one-column #postHeaderInner,
.page.page-template-default .d--main-style-noframe.d--one-column #postHeaderInner,
.page.page-template-default .d--main-style-transparent.d--one-column #postHeaderInner,
.single.post-template-default .d--main-style-noframe.d--one-column #postHeaderInner,
.single.post-template-default .d--main-style-transparent.d--one-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-noframe.d--one-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-transparent.d--one-column #postHeaderInner,
.archive .d--main-style-noframe.d--one-column #postHeaderInner,
.archive .d--main-style-transparent.d--one-column #postHeaderInner {
padding-left: 0px;
padding-right: 0px;
}
}
.search .d--main-style-noframe.d--one-column.d--article-style1 #postHeaderInner,
.search .d--main-style-transparent.d--one-column.d--article-style1 #postHeaderInner,
.attachment .d--main-style-noframe.d--one-column.d--article-style1 #postHeaderInner,
.attachment .d--main-style-transparent.d--one-column.d--article-style1 #postHeaderInner,
.error404 .d--main-style-noframe.d--one-column.d--article-style1 #postHeaderInner,
.error404 .d--main-style-transparent.d--one-column.d--article-style1 #postHeaderInner,
.page.page-template-default .d--main-style-noframe.d--one-column.d--article-style1 #postHeaderInner,
.page.page-template-default .d--main-style-transparent.d--one-column.d--article-style1 #postHeaderInner,
.single.post-template-default .d--main-style-noframe.d--one-column.d--article-style1 #postHeaderInner,
.single.post-template-default .d--main-style-transparent.d--one-column.d--article-style1 #postHeaderInner,
.single[class*=-template-default] .d--main-style-noframe.d--one-column.d--article-style1 #postHeaderInner,
.single[class*=-template-default] .d--main-style-transparent.d--one-column.d--article-style1 #postHeaderInner,
.archive .d--main-style-noframe.d--one-column.d--article-style1 #postHeaderInner,
.archive .d--main-style-transparent.d--one-column.d--article-style1 #postHeaderInner {
padding-bottom: clamp(15px, 3vw, 21px);
}
@media (max-width: 551px) {
.search .d--main-style-noframe.d--one-column.d--article-style1 #jinrPostMeta,
.search .d--main-style-transparent.d--one-column.d--article-style1 #jinrPostMeta,
.attachment .d--main-style-noframe.d--one-column.d--article-style1 #jinrPostMeta,
.attachment .d--main-style-transparent.d--one-column.d--article-style1 #jinrPostMeta,
.error404 .d--main-style-noframe.d--one-column.d--article-style1 #jinrPostMeta,
.error404 .d--main-style-transparent.d--one-column.d--article-style1 #jinrPostMeta,
.page.page-template-default .d--main-style-noframe.d--one-column.d--article-style1 #jinrPostMeta,
.page.page-template-default .d--main-style-transparent.d--one-column.d--article-style1 #jinrPostMeta,
.single.post-template-default .d--main-style-noframe.d--one-column.d--article-style1 #jinrPostMeta,
.single.post-template-default .d--main-style-transparent.d--one-column.d--article-style1 #jinrPostMeta,
.single[class*=-template-default] .d--main-style-noframe.d--one-column.d--article-style1 #jinrPostMeta,
.single[class*=-template-default] .d--main-style-transparent.d--one-column.d--article-style1 #jinrPostMeta,
.archive .d--main-style-noframe.d--one-column.d--article-style1 #jinrPostMeta,
.archive .d--main-style-transparent.d--one-column.d--article-style1 #jinrPostMeta {
padding-bottom: 3px;
}
}
.search .d--main-style-noframe.d--one-column.d--article-style2 #postHeader,
.search .d--main-style-transparent.d--one-column.d--article-style2 #postHeader,
.attachment .d--main-style-noframe.d--one-column.d--article-style2 #postHeader,
.attachment .d--main-style-transparent.d--one-column.d--article-style2 #postHeader,
.error404 .d--main-style-noframe.d--one-column.d--article-style2 #postHeader,
.error404 .d--main-style-transparent.d--one-column.d--article-style2 #postHeader,
.page.page-template-default .d--main-style-noframe.d--one-column.d--article-style2 #postHeader,
.page.page-template-default .d--main-style-transparent.d--one-column.d--article-style2 #postHeader,
.single.post-template-default .d--main-style-noframe.d--one-column.d--article-style2 #postHeader,
.single.post-template-default .d--main-style-transparent.d--one-column.d--article-style2 #postHeader,
.single[class*=-template-default] .d--main-style-noframe.d--one-column.d--article-style2 #postHeader,
.single[class*=-template-default] .d--main-style-transparent.d--one-column.d--article-style2 #postHeader,
.archive .d--main-style-noframe.d--one-column.d--article-style2 #postHeader,
.archive .d--main-style-transparent.d--one-column.d--article-style2 #postHeader {
flex-direction: column-reverse;
}
@media (min-width: 552px) {
.search .d--main-style-noframe.d--one-column.d--article-style2 #postHeaderInner,
.search .d--main-style-transparent.d--one-column.d--article-style2 #postHeaderInner,
.attachment .d--main-style-noframe.d--one-column.d--article-style2 #postHeaderInner,
.attachment .d--main-style-transparent.d--one-column.d--article-style2 #postHeaderInner,
.error404 .d--main-style-noframe.d--one-column.d--article-style2 #postHeaderInner,
.error404 .d--main-style-transparent.d--one-column.d--article-style2 #postHeaderInner,
.page.page-template-default .d--main-style-noframe.d--one-column.d--article-style2 #postHeaderInner,
.page.page-template-default .d--main-style-transparent.d--one-column.d--article-style2 #postHeaderInner,
.single.post-template-default .d--main-style-noframe.d--one-column.d--article-style2 #postHeaderInner,
.single.post-template-default .d--main-style-transparent.d--one-column.d--article-style2 #postHeaderInner,
.single[class*=-template-default] .d--main-style-noframe.d--one-column.d--article-style2 #postHeaderInner,
.single[class*=-template-default] .d--main-style-transparent.d--one-column.d--article-style2 #postHeaderInner,
.archive .d--main-style-noframe.d--one-column.d--article-style2 #postHeaderInner,
.archive .d--main-style-transparent.d--one-column.d--article-style2 #postHeaderInner {
margin-top: clamp(15px, 3vw, 27px);
}
}
.search .d--main-style-noframe.d--one-column.d--article-style2 #jinrPostThumb,
.search .d--main-style-transparent.d--one-column.d--article-style2 #jinrPostThumb,
.attachment .d--main-style-noframe.d--one-column.d--article-style2 #jinrPostThumb,
.attachment .d--main-style-transparent.d--one-column.d--article-style2 #jinrPostThumb,
.error404 .d--main-style-noframe.d--one-column.d--article-style2 #jinrPostThumb,
.error404 .d--main-style-transparent.d--one-column.d--article-style2 #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--one-column.d--article-style2 #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--one-column.d--article-style2 #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--one-column.d--article-style2 #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--one-column.d--article-style2 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--one-column.d--article-style2 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--one-column.d--article-style2 #jinrPostThumb,
.archive .d--main-style-noframe.d--one-column.d--article-style2 #jinrPostThumb,
.archive .d--main-style-transparent.d--one-column.d--article-style2 #jinrPostThumb {
margin-bottom: clamp(15px, 3vw, 24px);
}
@media (max-width: 551px) {
.search .d--main-style-noframe.d--one-column.d--article-style2 #jinrPostMeta,
.search .d--main-style-transparent.d--one-column.d--article-style2 #jinrPostMeta,
.attachment .d--main-style-noframe.d--one-column.d--article-style2 #jinrPostMeta,
.attachment .d--main-style-transparent.d--one-column.d--article-style2 #jinrPostMeta,
.error404 .d--main-style-noframe.d--one-column.d--article-style2 #jinrPostMeta,
.error404 .d--main-style-transparent.d--one-column.d--article-style2 #jinrPostMeta,
.page.page-template-default .d--main-style-noframe.d--one-column.d--article-style2 #jinrPostMeta,
.page.page-template-default .d--main-style-transparent.d--one-column.d--article-style2 #jinrPostMeta,
.single.post-template-default .d--main-style-noframe.d--one-column.d--article-style2 #jinrPostMeta,
.single.post-template-default .d--main-style-transparent.d--one-column.d--article-style2 #jinrPostMeta,
.single[class*=-template-default] .d--main-style-noframe.d--one-column.d--article-style2 #jinrPostMeta,
.single[class*=-template-default] .d--main-style-transparent.d--one-column.d--article-style2 #jinrPostMeta,
.archive .d--main-style-noframe.d--one-column.d--article-style2 #jinrPostMeta,
.archive .d--main-style-transparent.d--one-column.d--article-style2 #jinrPostMeta {
padding: 6px 0;
}
}
@media (max-width: 551px) {
.search .d--main-style-noframe.d--two-column #postContent,
.search .d--main-style-transparent.d--two-column #postContent,
.attachment .d--main-style-noframe.d--two-column #postContent,
.attachment .d--main-style-transparent.d--two-column #postContent,
.error404 .d--main-style-noframe.d--two-column #postContent,
.error404 .d--main-style-transparent.d--two-column #postContent,
.page.page-template-default .d--main-style-noframe.d--two-column #postContent,
.page.page-template-default .d--main-style-transparent.d--two-column #postContent,
.single.post-template-default .d--main-style-noframe.d--two-column #postContent,
.single.post-template-default .d--main-style-transparent.d--two-column #postContent,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postContent,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postContent,
.archive .d--main-style-noframe.d--two-column #postContent,
.archive .d--main-style-transparent.d--two-column #postContent {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.search .d--main-style-noframe.d--two-column #postContent,
.search .d--main-style-transparent.d--two-column #postContent,
.attachment .d--main-style-noframe.d--two-column #postContent,
.attachment .d--main-style-transparent.d--two-column #postContent,
.error404 .d--main-style-noframe.d--two-column #postContent,
.error404 .d--main-style-transparent.d--two-column #postContent,
.page.page-template-default .d--main-style-noframe.d--two-column #postContent,
.page.page-template-default .d--main-style-transparent.d--two-column #postContent,
.single.post-template-default .d--main-style-noframe.d--two-column #postContent,
.single.post-template-default .d--main-style-transparent.d--two-column #postContent,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postContent,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postContent,
.archive .d--main-style-noframe.d--two-column #postContent,
.archive .d--main-style-transparent.d--two-column #postContent {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 782px) {
.search .d--main-style-noframe.d--two-column #postContent,
.search .d--main-style-transparent.d--two-column #postContent,
.attachment .d--main-style-noframe.d--two-column #postContent,
.attachment .d--main-style-transparent.d--two-column #postContent,
.error404 .d--main-style-noframe.d--two-column #postContent,
.error404 .d--main-style-transparent.d--two-column #postContent,
.page.page-template-default .d--main-style-noframe.d--two-column #postContent,
.page.page-template-default .d--main-style-transparent.d--two-column #postContent,
.single.post-template-default .d--main-style-noframe.d--two-column #postContent,
.single.post-template-default .d--main-style-transparent.d--two-column #postContent,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postContent,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postContent,
.archive .d--main-style-noframe.d--two-column #postContent,
.archive .d--main-style-transparent.d--two-column #postContent {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 961px) {
.search .d--main-style-noframe.d--two-column #postContent,
.search .d--main-style-transparent.d--two-column #postContent,
.attachment .d--main-style-noframe.d--two-column #postContent,
.attachment .d--main-style-transparent.d--two-column #postContent,
.error404 .d--main-style-noframe.d--two-column #postContent,
.error404 .d--main-style-transparent.d--two-column #postContent,
.page.page-template-default .d--main-style-noframe.d--two-column #postContent,
.page.page-template-default .d--main-style-transparent.d--two-column #postContent,
.single.post-template-default .d--main-style-noframe.d--two-column #postContent,
.single.post-template-default .d--main-style-transparent.d--two-column #postContent,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postContent,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postContent,
.archive .d--main-style-noframe.d--two-column #postContent,
.archive .d--main-style-transparent.d--two-column #postContent {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1240px) {
.search .d--main-style-noframe.d--two-column #postContent,
.search .d--main-style-transparent.d--two-column #postContent,
.attachment .d--main-style-noframe.d--two-column #postContent,
.attachment .d--main-style-transparent.d--two-column #postContent,
.error404 .d--main-style-noframe.d--two-column #postContent,
.error404 .d--main-style-transparent.d--two-column #postContent,
.page.page-template-default .d--main-style-noframe.d--two-column #postContent,
.page.page-template-default .d--main-style-transparent.d--two-column #postContent,
.single.post-template-default .d--main-style-noframe.d--two-column #postContent,
.single.post-template-default .d--main-style-transparent.d--two-column #postContent,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postContent,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postContent,
.archive .d--main-style-noframe.d--two-column #postContent,
.archive .d--main-style-transparent.d--two-column #postContent {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.search .d--main-style-noframe.d--two-column #postContent,
.search .d--main-style-transparent.d--two-column #postContent,
.attachment .d--main-style-noframe.d--two-column #postContent,
.attachment .d--main-style-transparent.d--two-column #postContent,
.error404 .d--main-style-noframe.d--two-column #postContent,
.error404 .d--main-style-transparent.d--two-column #postContent,
.page.page-template-default .d--main-style-noframe.d--two-column #postContent,
.page.page-template-default .d--main-style-transparent.d--two-column #postContent,
.single.post-template-default .d--main-style-noframe.d--two-column #postContent,
.single.post-template-default .d--main-style-transparent.d--two-column #postContent,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postContent,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postContent,
.archive .d--main-style-noframe.d--two-column #postContent,
.archive .d--main-style-transparent.d--two-column #postContent {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 551px) {
.search .d--main-style-noframe.d--two-column #postHeaderInner,
.search .d--main-style-transparent.d--two-column #postHeaderInner,
.attachment .d--main-style-noframe.d--two-column #postHeaderInner,
.attachment .d--main-style-transparent.d--two-column #postHeaderInner,
.error404 .d--main-style-noframe.d--two-column #postHeaderInner,
.error404 .d--main-style-transparent.d--two-column #postHeaderInner,
.page.page-template-default .d--main-style-noframe.d--two-column #postHeaderInner,
.page.page-template-default .d--main-style-transparent.d--two-column #postHeaderInner,
.single.post-template-default .d--main-style-noframe.d--two-column #postHeaderInner,
.single.post-template-default .d--main-style-transparent.d--two-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postHeaderInner,
.archive .d--main-style-noframe.d--two-column #postHeaderInner,
.archive .d--main-style-transparent.d--two-column #postHeaderInner {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.search .d--main-style-noframe.d--two-column #postHeaderInner,
.search .d--main-style-transparent.d--two-column #postHeaderInner,
.attachment .d--main-style-noframe.d--two-column #postHeaderInner,
.attachment .d--main-style-transparent.d--two-column #postHeaderInner,
.error404 .d--main-style-noframe.d--two-column #postHeaderInner,
.error404 .d--main-style-transparent.d--two-column #postHeaderInner,
.page.page-template-default .d--main-style-noframe.d--two-column #postHeaderInner,
.page.page-template-default .d--main-style-transparent.d--two-column #postHeaderInner,
.single.post-template-default .d--main-style-noframe.d--two-column #postHeaderInner,
.single.post-template-default .d--main-style-transparent.d--two-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postHeaderInner,
.archive .d--main-style-noframe.d--two-column #postHeaderInner,
.archive .d--main-style-transparent.d--two-column #postHeaderInner {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 782px) {
.search .d--main-style-noframe.d--two-column #postHeaderInner,
.search .d--main-style-transparent.d--two-column #postHeaderInner,
.attachment .d--main-style-noframe.d--two-column #postHeaderInner,
.attachment .d--main-style-transparent.d--two-column #postHeaderInner,
.error404 .d--main-style-noframe.d--two-column #postHeaderInner,
.error404 .d--main-style-transparent.d--two-column #postHeaderInner,
.page.page-template-default .d--main-style-noframe.d--two-column #postHeaderInner,
.page.page-template-default .d--main-style-transparent.d--two-column #postHeaderInner,
.single.post-template-default .d--main-style-noframe.d--two-column #postHeaderInner,
.single.post-template-default .d--main-style-transparent.d--two-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postHeaderInner,
.archive .d--main-style-noframe.d--two-column #postHeaderInner,
.archive .d--main-style-transparent.d--two-column #postHeaderInner {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 961px) {
.search .d--main-style-noframe.d--two-column #postHeaderInner,
.search .d--main-style-transparent.d--two-column #postHeaderInner,
.attachment .d--main-style-noframe.d--two-column #postHeaderInner,
.attachment .d--main-style-transparent.d--two-column #postHeaderInner,
.error404 .d--main-style-noframe.d--two-column #postHeaderInner,
.error404 .d--main-style-transparent.d--two-column #postHeaderInner,
.page.page-template-default .d--main-style-noframe.d--two-column #postHeaderInner,
.page.page-template-default .d--main-style-transparent.d--two-column #postHeaderInner,
.single.post-template-default .d--main-style-noframe.d--two-column #postHeaderInner,
.single.post-template-default .d--main-style-transparent.d--two-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postHeaderInner,
.archive .d--main-style-noframe.d--two-column #postHeaderInner,
.archive .d--main-style-transparent.d--two-column #postHeaderInner {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1240px) {
.search .d--main-style-noframe.d--two-column #postHeaderInner,
.search .d--main-style-transparent.d--two-column #postHeaderInner,
.attachment .d--main-style-noframe.d--two-column #postHeaderInner,
.attachment .d--main-style-transparent.d--two-column #postHeaderInner,
.error404 .d--main-style-noframe.d--two-column #postHeaderInner,
.error404 .d--main-style-transparent.d--two-column #postHeaderInner,
.page.page-template-default .d--main-style-noframe.d--two-column #postHeaderInner,
.page.page-template-default .d--main-style-transparent.d--two-column #postHeaderInner,
.single.post-template-default .d--main-style-noframe.d--two-column #postHeaderInner,
.single.post-template-default .d--main-style-transparent.d--two-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postHeaderInner,
.archive .d--main-style-noframe.d--two-column #postHeaderInner,
.archive .d--main-style-transparent.d--two-column #postHeaderInner {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.search .d--main-style-noframe.d--two-column #postHeaderInner,
.search .d--main-style-transparent.d--two-column #postHeaderInner,
.attachment .d--main-style-noframe.d--two-column #postHeaderInner,
.attachment .d--main-style-transparent.d--two-column #postHeaderInner,
.error404 .d--main-style-noframe.d--two-column #postHeaderInner,
.error404 .d--main-style-transparent.d--two-column #postHeaderInner,
.page.page-template-default .d--main-style-noframe.d--two-column #postHeaderInner,
.page.page-template-default .d--main-style-transparent.d--two-column #postHeaderInner,
.single.post-template-default .d--main-style-noframe.d--two-column #postHeaderInner,
.single.post-template-default .d--main-style-transparent.d--two-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postHeaderInner,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postHeaderInner,
.archive .d--main-style-noframe.d--two-column #postHeaderInner,
.archive .d--main-style-transparent.d--two-column #postHeaderInner {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 1059px) {
.search .d--main-style-noframe.d--two-column #postContent #postContent,
.search .d--main-style-noframe.d--two-column #postContent #postHeaderInner,
.search .d--main-style-noframe.d--two-column #postHeaderInner #postContent,
.search .d--main-style-noframe.d--two-column #postHeaderInner #postHeaderInner,
.search .d--main-style-noframe.d--two-column .d--article-width-680 #postContent,
.search .d--main-style-noframe.d--two-column .d--article-width-680 #postHeaderInner,
.search .d--main-style-transparent.d--two-column #postContent #postContent,
.search .d--main-style-transparent.d--two-column #postContent #postHeaderInner,
.search .d--main-style-transparent.d--two-column #postHeaderInner #postContent,
.search .d--main-style-transparent.d--two-column #postHeaderInner #postHeaderInner,
.search .d--main-style-transparent.d--two-column .d--article-width-680 #postContent,
.search .d--main-style-transparent.d--two-column .d--article-width-680 #postHeaderInner,
.attachment .d--main-style-noframe.d--two-column #postContent #postContent,
.attachment .d--main-style-noframe.d--two-column #postContent #postHeaderInner,
.attachment .d--main-style-noframe.d--two-column #postHeaderInner #postContent,
.attachment .d--main-style-noframe.d--two-column #postHeaderInner #postHeaderInner,
.attachment .d--main-style-noframe.d--two-column .d--article-width-680 #postContent,
.attachment .d--main-style-noframe.d--two-column .d--article-width-680 #postHeaderInner,
.attachment .d--main-style-transparent.d--two-column #postContent #postContent,
.attachment .d--main-style-transparent.d--two-column #postContent #postHeaderInner,
.attachment .d--main-style-transparent.d--two-column #postHeaderInner #postContent,
.attachment .d--main-style-transparent.d--two-column #postHeaderInner #postHeaderInner,
.attachment .d--main-style-transparent.d--two-column .d--article-width-680 #postContent,
.attachment .d--main-style-transparent.d--two-column .d--article-width-680 #postHeaderInner,
.error404 .d--main-style-noframe.d--two-column #postContent #postContent,
.error404 .d--main-style-noframe.d--two-column #postContent #postHeaderInner,
.error404 .d--main-style-noframe.d--two-column #postHeaderInner #postContent,
.error404 .d--main-style-noframe.d--two-column #postHeaderInner #postHeaderInner,
.error404 .d--main-style-noframe.d--two-column .d--article-width-680 #postContent,
.error404 .d--main-style-noframe.d--two-column .d--article-width-680 #postHeaderInner,
.error404 .d--main-style-transparent.d--two-column #postContent #postContent,
.error404 .d--main-style-transparent.d--two-column #postContent #postHeaderInner,
.error404 .d--main-style-transparent.d--two-column #postHeaderInner #postContent,
.error404 .d--main-style-transparent.d--two-column #postHeaderInner #postHeaderInner,
.error404 .d--main-style-transparent.d--two-column .d--article-width-680 #postContent,
.error404 .d--main-style-transparent.d--two-column .d--article-width-680 #postHeaderInner,
.page.page-template-default .d--main-style-noframe.d--two-column #postContent #postContent,
.page.page-template-default .d--main-style-noframe.d--two-column #postContent #postHeaderInner,
.page.page-template-default .d--main-style-noframe.d--two-column #postHeaderInner #postContent,
.page.page-template-default .d--main-style-noframe.d--two-column #postHeaderInner #postHeaderInner,
.page.page-template-default .d--main-style-noframe.d--two-column .d--article-width-680 #postContent,
.page.page-template-default .d--main-style-noframe.d--two-column .d--article-width-680 #postHeaderInner,
.page.page-template-default .d--main-style-transparent.d--two-column #postContent #postContent,
.page.page-template-default .d--main-style-transparent.d--two-column #postContent #postHeaderInner,
.page.page-template-default .d--main-style-transparent.d--two-column #postHeaderInner #postContent,
.page.page-template-default .d--main-style-transparent.d--two-column #postHeaderInner #postHeaderInner,
.page.page-template-default .d--main-style-transparent.d--two-column .d--article-width-680 #postContent,
.page.page-template-default .d--main-style-transparent.d--two-column .d--article-width-680 #postHeaderInner,
.single.post-template-default .d--main-style-noframe.d--two-column #postContent #postContent,
.single.post-template-default .d--main-style-noframe.d--two-column #postContent #postHeaderInner,
.single.post-template-default .d--main-style-noframe.d--two-column #postHeaderInner #postContent,
.single.post-template-default .d--main-style-noframe.d--two-column #postHeaderInner #postHeaderInner,
.single.post-template-default .d--main-style-noframe.d--two-column .d--article-width-680 #postContent,
.single.post-template-default .d--main-style-noframe.d--two-column .d--article-width-680 #postHeaderInner,
.single.post-template-default .d--main-style-transparent.d--two-column #postContent #postContent,
.single.post-template-default .d--main-style-transparent.d--two-column #postContent #postHeaderInner,
.single.post-template-default .d--main-style-transparent.d--two-column #postHeaderInner #postContent,
.single.post-template-default .d--main-style-transparent.d--two-column #postHeaderInner #postHeaderInner,
.single.post-template-default .d--main-style-transparent.d--two-column .d--article-width-680 #postContent,
.single.post-template-default .d--main-style-transparent.d--two-column .d--article-width-680 #postHeaderInner,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postContent #postContent,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postContent #postHeaderInner,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postHeaderInner #postContent,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postHeaderInner #postHeaderInner,
.single[class*=-template-default] .d--main-style-noframe.d--two-column .d--article-width-680 #postContent,
.single[class*=-template-default] .d--main-style-noframe.d--two-column .d--article-width-680 #postHeaderInner,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postContent #postContent,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postContent #postHeaderInner,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postHeaderInner #postContent,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postHeaderInner #postHeaderInner,
.single[class*=-template-default] .d--main-style-transparent.d--two-column .d--article-width-680 #postContent,
.single[class*=-template-default] .d--main-style-transparent.d--two-column .d--article-width-680 #postHeaderInner,
.archive .d--main-style-noframe.d--two-column #postContent #postContent,
.archive .d--main-style-noframe.d--two-column #postContent #postHeaderInner,
.archive .d--main-style-noframe.d--two-column #postHeaderInner #postContent,
.archive .d--main-style-noframe.d--two-column #postHeaderInner #postHeaderInner,
.archive .d--main-style-noframe.d--two-column .d--article-width-680 #postContent,
.archive .d--main-style-noframe.d--two-column .d--article-width-680 #postHeaderInner,
.archive .d--main-style-transparent.d--two-column #postContent #postContent,
.archive .d--main-style-transparent.d--two-column #postContent #postHeaderInner,
.archive .d--main-style-transparent.d--two-column #postHeaderInner #postContent,
.archive .d--main-style-transparent.d--two-column #postHeaderInner #postHeaderInner,
.archive .d--main-style-transparent.d--two-column .d--article-width-680 #postContent,
.archive .d--main-style-transparent.d--two-column .d--article-width-680 #postHeaderInner {
max-width: 680px;
}
}
.search .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.search .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb {
max-width: 100%;
}
@media (max-width: 551px) {
.search .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.search .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.search .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.search .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.search .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.search .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 961px) {
.search .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.search .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1240px) {
.search .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.search .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.search .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.search .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1059px) {
.search .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.search .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.search .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.search .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column .d--article-width-680 #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column #postContent #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column #postHeaderInner #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column .d--article-width-680 #jinrPostThumb {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1059px) {
.search .d--main-style-noframe.d--two-column .d--article-width-740 #postContent,
.search .d--main-style-noframe.d--two-column .d--article-width-740 #postHeaderInner,
.search .d--main-style-transparent.d--two-column .d--article-width-740 #postContent,
.search .d--main-style-transparent.d--two-column .d--article-width-740 #postHeaderInner,
.attachment .d--main-style-noframe.d--two-column .d--article-width-740 #postContent,
.attachment .d--main-style-noframe.d--two-column .d--article-width-740 #postHeaderInner,
.attachment .d--main-style-transparent.d--two-column .d--article-width-740 #postContent,
.attachment .d--main-style-transparent.d--two-column .d--article-width-740 #postHeaderInner,
.error404 .d--main-style-noframe.d--two-column .d--article-width-740 #postContent,
.error404 .d--main-style-noframe.d--two-column .d--article-width-740 #postHeaderInner,
.error404 .d--main-style-transparent.d--two-column .d--article-width-740 #postContent,
.error404 .d--main-style-transparent.d--two-column .d--article-width-740 #postHeaderInner,
.page.page-template-default .d--main-style-noframe.d--two-column .d--article-width-740 #postContent,
.page.page-template-default .d--main-style-noframe.d--two-column .d--article-width-740 #postHeaderInner,
.page.page-template-default .d--main-style-transparent.d--two-column .d--article-width-740 #postContent,
.page.page-template-default .d--main-style-transparent.d--two-column .d--article-width-740 #postHeaderInner,
.single.post-template-default .d--main-style-noframe.d--two-column .d--article-width-740 #postContent,
.single.post-template-default .d--main-style-noframe.d--two-column .d--article-width-740 #postHeaderInner,
.single.post-template-default .d--main-style-transparent.d--two-column .d--article-width-740 #postContent,
.single.post-template-default .d--main-style-transparent.d--two-column .d--article-width-740 #postHeaderInner,
.single[class*=-template-default] .d--main-style-noframe.d--two-column .d--article-width-740 #postContent,
.single[class*=-template-default] .d--main-style-noframe.d--two-column .d--article-width-740 #postHeaderInner,
.single[class*=-template-default] .d--main-style-transparent.d--two-column .d--article-width-740 #postContent,
.single[class*=-template-default] .d--main-style-transparent.d--two-column .d--article-width-740 #postHeaderInner,
.archive .d--main-style-noframe.d--two-column .d--article-width-740 #postContent,
.archive .d--main-style-noframe.d--two-column .d--article-width-740 #postHeaderInner,
.archive .d--main-style-transparent.d--two-column .d--article-width-740 #postContent,
.archive .d--main-style-transparent.d--two-column .d--article-width-740 #postHeaderInner {
max-width: 740px;
}
}
.search .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.search .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb {
max-width: 100%;
}
@media (max-width: 551px) {
.search .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.search .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.search .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.search .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.search .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.search .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 961px) {
.search .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.search .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1240px) {
.search .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.search .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.search .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.search .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1059px) {
.search .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.search .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column .d--article-width-740 #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column .d--article-width-740 #jinrPostThumb {
padding-left: 0;
padding-right: 0;
}
}
.search .d--main-style-noframe.d--two-column.d--article-style1 #postHeaderInner + #jinrPostThumb,
.search .d--main-style-transparent.d--two-column.d--article-style1 #postHeaderInner + #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column.d--article-style1 #postHeaderInner + #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column.d--article-style1 #postHeaderInner + #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column.d--article-style1 #postHeaderInner + #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column.d--article-style1 #postHeaderInner + #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column.d--article-style1 #postHeaderInner + #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column.d--article-style1 #postHeaderInner + #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column.d--article-style1 #postHeaderInner + #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column.d--article-style1 #postHeaderInner + #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column.d--article-style1 #postHeaderInner + #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column.d--article-style1 #postHeaderInner + #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column.d--article-style1 #postHeaderInner + #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column.d--article-style1 #postHeaderInner + #jinrPostThumb {
margin-top: clamp(15px, 3vw, 21px);
}
@media (max-width: 551px) {
.search .d--main-style-noframe.d--two-column.d--article-style1 #jinrPostMeta,
.search .d--main-style-transparent.d--two-column.d--article-style1 #jinrPostMeta,
.attachment .d--main-style-noframe.d--two-column.d--article-style1 #jinrPostMeta,
.attachment .d--main-style-transparent.d--two-column.d--article-style1 #jinrPostMeta,
.error404 .d--main-style-noframe.d--two-column.d--article-style1 #jinrPostMeta,
.error404 .d--main-style-transparent.d--two-column.d--article-style1 #jinrPostMeta,
.page.page-template-default .d--main-style-noframe.d--two-column.d--article-style1 #jinrPostMeta,
.page.page-template-default .d--main-style-transparent.d--two-column.d--article-style1 #jinrPostMeta,
.single.post-template-default .d--main-style-noframe.d--two-column.d--article-style1 #jinrPostMeta,
.single.post-template-default .d--main-style-transparent.d--two-column.d--article-style1 #jinrPostMeta,
.single[class*=-template-default] .d--main-style-noframe.d--two-column.d--article-style1 #jinrPostMeta,
.single[class*=-template-default] .d--main-style-transparent.d--two-column.d--article-style1 #jinrPostMeta,
.archive .d--main-style-noframe.d--two-column.d--article-style1 #jinrPostMeta,
.archive .d--main-style-transparent.d--two-column.d--article-style1 #jinrPostMeta {
padding-bottom: 3px;
}
}
.search .d--main-style-noframe.d--two-column.d--article-style2 #postHeader,
.search .d--main-style-transparent.d--two-column.d--article-style2 #postHeader,
.attachment .d--main-style-noframe.d--two-column.d--article-style2 #postHeader,
.attachment .d--main-style-transparent.d--two-column.d--article-style2 #postHeader,
.error404 .d--main-style-noframe.d--two-column.d--article-style2 #postHeader,
.error404 .d--main-style-transparent.d--two-column.d--article-style2 #postHeader,
.page.page-template-default .d--main-style-noframe.d--two-column.d--article-style2 #postHeader,
.page.page-template-default .d--main-style-transparent.d--two-column.d--article-style2 #postHeader,
.single.post-template-default .d--main-style-noframe.d--two-column.d--article-style2 #postHeader,
.single.post-template-default .d--main-style-transparent.d--two-column.d--article-style2 #postHeader,
.single[class*=-template-default] .d--main-style-noframe.d--two-column.d--article-style2 #postHeader,
.single[class*=-template-default] .d--main-style-transparent.d--two-column.d--article-style2 #postHeader,
.archive .d--main-style-noframe.d--two-column.d--article-style2 #postHeader,
.archive .d--main-style-transparent.d--two-column.d--article-style2 #postHeader {
flex-direction: column-reverse;
}
.search .d--main-style-noframe.d--two-column.d--article-style2 #jinrPostThumb,
.search .d--main-style-transparent.d--two-column.d--article-style2 #jinrPostThumb,
.attachment .d--main-style-noframe.d--two-column.d--article-style2 #jinrPostThumb,
.attachment .d--main-style-transparent.d--two-column.d--article-style2 #jinrPostThumb,
.error404 .d--main-style-noframe.d--two-column.d--article-style2 #jinrPostThumb,
.error404 .d--main-style-transparent.d--two-column.d--article-style2 #jinrPostThumb,
.page.page-template-default .d--main-style-noframe.d--two-column.d--article-style2 #jinrPostThumb,
.page.page-template-default .d--main-style-transparent.d--two-column.d--article-style2 #jinrPostThumb,
.single.post-template-default .d--main-style-noframe.d--two-column.d--article-style2 #jinrPostThumb,
.single.post-template-default .d--main-style-transparent.d--two-column.d--article-style2 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-noframe.d--two-column.d--article-style2 #jinrPostThumb,
.single[class*=-template-default] .d--main-style-transparent.d--two-column.d--article-style2 #jinrPostThumb,
.archive .d--main-style-noframe.d--two-column.d--article-style2 #jinrPostThumb,
.archive .d--main-style-transparent.d--two-column.d--article-style2 #jinrPostThumb {
margin-bottom: clamp(15px, 3vw, 24px);
}
@media (max-width: 551px) {
.search .d--main-style-noframe.d--two-column.d--article-style2 #jinrPostMeta,
.search .d--main-style-transparent.d--two-column.d--article-style2 #jinrPostMeta,
.attachment .d--main-style-noframe.d--two-column.d--article-style2 #jinrPostMeta,
.attachment .d--main-style-transparent.d--two-column.d--article-style2 #jinrPostMeta,
.error404 .d--main-style-noframe.d--two-column.d--article-style2 #jinrPostMeta,
.error404 .d--main-style-transparent.d--two-column.d--article-style2 #jinrPostMeta,
.page.page-template-default .d--main-style-noframe.d--two-column.d--article-style2 #jinrPostMeta,
.page.page-template-default .d--main-style-transparent.d--two-column.d--article-style2 #jinrPostMeta,
.single.post-template-default .d--main-style-noframe.d--two-column.d--article-style2 #jinrPostMeta,
.single.post-template-default .d--main-style-transparent.d--two-column.d--article-style2 #jinrPostMeta,
.single[class*=-template-default] .d--main-style-noframe.d--two-column.d--article-style2 #jinrPostMeta,
.single[class*=-template-default] .d--main-style-transparent.d--two-column.d--article-style2 #jinrPostMeta,
.archive .d--main-style-noframe.d--two-column.d--article-style2 #jinrPostMeta,
.archive .d--main-style-transparent.d--two-column.d--article-style2 #jinrPostMeta {
padding: 6px 0;
}
}
.page.page-template-default .d--main-style-outline.d--two-column.d--article-style1 #jinrPostTitle, .page.page-template-default .d--main-style-outline.d--two-column.d--article-style2 #jinrPostTitle, .page.page-template-default .d--main-style-outline.d--one-column.d--article-style1 #jinrPostTitle, .page.page-template-default .d--main-style-outline.d--one-column.d--article-style2 #jinrPostTitle {
margin-top: 0;
}
@media (max-width: 551px) {
.page.page-template-default .d--main-style-outline.d--two-column.d--article-style2 #jinrPostMeta, .page.page-template-default .d--main-style-outline.d--one-column.d--article-style2 #jinrPostMeta {
padding: 6px 0;
}
}
.page.page-template-default .d--main-style-noframe.d--two-column.d--article-style1 #jinrPostTitle, .page.page-template-default .d--main-style-noframe.d--two-column.d--article-style2 #jinrPostTitle, .page.page-template-default .d--main-style-noframe.d--one-column.d--article-style1 #jinrPostTitle, .page.page-template-default .d--main-style-noframe.d--one-column.d--article-style2 #jinrPostTitle,
.page.page-template-default .d--main-style-transparent.d--two-column.d--article-style1 #jinrPostTitle,
.page.page-template-default .d--main-style-transparent.d--two-column.d--article-style2 #jinrPostTitle,
.page.page-template-default .d--main-style-transparent.d--one-column.d--article-style1 #jinrPostTitle,
.page.page-template-default .d--main-style-transparent.d--one-column.d--article-style2 #jinrPostTitle {
margin-top: 0;
}
.page.page-template-default .d--main-style-noframe.d--two-column.d--article-style2 #postHeaderInner, .page.page-template-default .d--main-style-noframe.d--one-column.d--article-style2 #postHeaderInner,
.page.page-template-default .d--main-style-transparent.d--two-column.d--article-style2 #postHeaderInner,
.page.page-template-default .d--main-style-transparent.d--one-column.d--article-style2 #postHeaderInner {
margin-top: 0;
}
@media (max-width: 551px) {
.page.page-template-default .d--main-style-noframe.d--two-column.d--article-style2 #jinrPostMeta, .page.page-template-default .d--main-style-noframe.d--one-column.d--article-style2 #jinrPostMeta,
.page.page-template-default .d--main-style-transparent.d--two-column.d--article-style2 #jinrPostMeta,
.page.page-template-default .d--main-style-transparent.d--one-column.d--article-style2 #jinrPostMeta {
padding: 6px 0;
}
}
body.home #mainContentInner,
body.blog #mainContentInner {
max-width: 1120px;
}
@media (max-width: 551px) {
body.home #mainContentInner,
body.blog #mainContentInner {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
body.home #mainContentInner,
body.blog #mainContentInner {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
body.home #mainContentInner,
body.blog #mainContentInner {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 961px) {
body.home #mainContentInner,
body.blog #mainContentInner {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1240px) {
body.home #mainContentInner,
body.blog #mainContentInner {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
body.home #mainContentInner,
body.blog #mainContentInner {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 551px) {
body.home .d--main-style-outline,
body.blog .d--main-style-outline {
margin-top: 12px;
margin-bottom: 18px;
width: calc(100% - 20px);
}
}
@media (min-width: 552px) {
body.home .d--main-style-outline,
body.blog .d--main-style-outline {
margin-top: 30px;
margin-bottom: 30px;
width: calc(100% - 50px);
}
}
@media (min-width: 782px) {
body.home .d--main-style-outline,
body.blog .d--main-style-outline {
width: calc(100% - 60px);
}
}
body.home .d--main-style-outline #mainContentInner,
body.blog .d--main-style-outline #mainContentInner {
padding-top: clamp(30px, 3.6vw, 45px);
}
@media (max-width: 551px) {
body.home .d--main-style-outline #mainContentInner,
body.blog .d--main-style-outline #mainContentInner {
padding-top: 18px;
}
}
body.home .d--main-style-noframe #mainContentInner,
body.home .d--main-style-transparent #mainContentInner,
body.blog .d--main-style-noframe #mainContentInner,
body.blog .d--main-style-transparent #mainContentInner {
padding-top: 18px;
}
@media (min-width: 552px) {
body.home .d--main-style-noframe #mainContentInner,
body.home .d--main-style-transparent #mainContentInner,
body.blog .d--main-style-noframe #mainContentInner,
body.blog .d--main-style-transparent #mainContentInner {
padding-top: clamp(30px, 3.6vw, 45px);
}
}
body.home .o--jinr-slider + .d--main-style-transparent #mainContentInner,
body.blog .o--jinr-slider + .d--main-style-transparent #mainContentInner {
padding-top: 0px;
}
body.home .o--jinr-stillimage + #mainContent.d--main-style-transparent,
body.blog .o--jinr-stillimage + #mainContent.d--main-style-transparent {
margin-top: 0;
}
body.home .o--jinr-stillimage + #mainContent.d--main-style-transparent #mainContentInner,
body.blog .o--jinr-stillimage + #mainContent.d--main-style-transparent #mainContentInner {
padding-top: 18px;
}
@media (min-width: 552px) {
body.home .o--jinr-stillimage + #mainContent.d--main-style-transparent #mainContentInner,
body.blog .o--jinr-stillimage + #mainContent.d--main-style-transparent #mainContentInner {
padding-top: clamp(30px, 3.6vw, 45px);
}
}
body.home.page .d--main-style-outline,
body.blog.page .d--main-style-outline {
padding-top: 0;
}
body.home.page .d--main-style-noframe,
body.home.page .d--main-style-transparent,
body.blog.page .d--main-style-noframe,
body.blog.page .d--main-style-transparent {
padding-top: 0;
}
body.home.page .d--main-style-noframe.d--two-column.d--article-style1 #mainContentInner, body.home.page .d--main-style-noframe.d--two-column.d--article-style2 #mainContentInner, body.home.page .d--main-style-noframe.d--one-column.d--article-style1 #mainContentInner, body.home.page .d--main-style-noframe.d--one-column.d--article-style2 #mainContentInner,
body.home.page .d--main-style-transparent.d--two-column.d--article-style1 #mainContentInner,
body.home.page .d--main-style-transparent.d--two-column.d--article-style2 #mainContentInner,
body.home.page .d--main-style-transparent.d--one-column.d--article-style1 #mainContentInner,
body.home.page .d--main-style-transparent.d--one-column.d--article-style2 #mainContentInner,
body.blog.page .d--main-style-noframe.d--two-column.d--article-style1 #mainContentInner,
body.blog.page .d--main-style-noframe.d--two-column.d--article-style2 #mainContentInner,
body.blog.page .d--main-style-noframe.d--one-column.d--article-style1 #mainContentInner,
body.blog.page .d--main-style-noframe.d--one-column.d--article-style2 #mainContentInner,
body.blog.page .d--main-style-transparent.d--two-column.d--article-style1 #mainContentInner,
body.blog.page .d--main-style-transparent.d--two-column.d--article-style2 #mainContentInner,
body.blog.page .d--main-style-transparent.d--one-column.d--article-style1 #mainContentInner,
body.blog.page .d--main-style-transparent.d--one-column.d--article-style2 #mainContentInner {
padding-top: 18px;
}
@media (min-width: 552px) {
body.home.page .d--main-style-noframe.d--two-column.d--article-style1 #mainContentInner, body.home.page .d--main-style-noframe.d--two-column.d--article-style2 #mainContentInner, body.home.page .d--main-style-noframe.d--one-column.d--article-style1 #mainContentInner, body.home.page .d--main-style-noframe.d--one-column.d--article-style2 #mainContentInner,
body.home.page .d--main-style-transparent.d--two-column.d--article-style1 #mainContentInner,
body.home.page .d--main-style-transparent.d--two-column.d--article-style2 #mainContentInner,
body.home.page .d--main-style-transparent.d--one-column.d--article-style1 #mainContentInner,
body.home.page .d--main-style-transparent.d--one-column.d--article-style2 #mainContentInner,
body.blog.page .d--main-style-noframe.d--two-column.d--article-style1 #mainContentInner,
body.blog.page .d--main-style-noframe.d--two-column.d--article-style2 #mainContentInner,
body.blog.page .d--main-style-noframe.d--one-column.d--article-style1 #mainContentInner,
body.blog.page .d--main-style-noframe.d--one-column.d--article-style2 #mainContentInner,
body.blog.page .d--main-style-transparent.d--two-column.d--article-style1 #mainContentInner,
body.blog.page .d--main-style-transparent.d--two-column.d--article-style2 #mainContentInner,
body.blog.page .d--main-style-transparent.d--one-column.d--article-style1 #mainContentInner,
body.blog.page .d--main-style-transparent.d--one-column.d--article-style2 #mainContentInner {
padding-top: clamp(30px, 3.6vw, 45px);
}
}
body.home.page .d--main-style-noframe.d--two-column.d--article-style1 #postHeaderInner, body.home.page .d--main-style-noframe.d--one-column.d--article-style1 #postHeaderInner,
body.home.page .d--main-style-transparent.d--two-column.d--article-style1 #postHeaderInner,
body.home.page .d--main-style-transparent.d--one-column.d--article-style1 #postHeaderInner,
body.blog.page .d--main-style-noframe.d--two-column.d--article-style1 #postHeaderInner,
body.blog.page .d--main-style-noframe.d--one-column.d--article-style1 #postHeaderInner,
body.blog.page .d--main-style-transparent.d--two-column.d--article-style1 #postHeaderInner,
body.blog.page .d--main-style-transparent.d--one-column.d--article-style1 #postHeaderInner {
padding-bottom: 0;
}
@media (max-width: 551px) {
body.home.page .d--main-style-noframe.d--two-column.d--article-style1 #jinrPostMeta, body.home.page .d--main-style-noframe.d--one-column.d--article-style1 #jinrPostMeta,
body.home.page .d--main-style-transparent.d--two-column.d--article-style1 #jinrPostMeta,
body.home.page .d--main-style-transparent.d--one-column.d--article-style1 #jinrPostMeta,
body.blog.page .d--main-style-noframe.d--two-column.d--article-style1 #jinrPostMeta,
body.blog.page .d--main-style-noframe.d--one-column.d--article-style1 #jinrPostMeta,
body.blog.page .d--main-style-transparent.d--two-column.d--article-style1 #jinrPostMeta,
body.blog.page .d--main-style-transparent.d--one-column.d--article-style1 #jinrPostMeta {
padding-bottom: 3px;
}
}
body.home.page .d--main-style-noframe.d--two-column.d--article-style2 #postHeaderInner, body.home.page .d--main-style-noframe.d--one-column.d--article-style2 #postHeaderInner,
body.home.page .d--main-style-transparent.d--two-column.d--article-style2 #postHeaderInner,
body.home.page .d--main-style-transparent.d--one-column.d--article-style2 #postHeaderInner,
body.blog.page .d--main-style-noframe.d--two-column.d--article-style2 #postHeaderInner,
body.blog.page .d--main-style-noframe.d--one-column.d--article-style2 #postHeaderInner,
body.blog.page .d--main-style-transparent.d--two-column.d--article-style2 #postHeaderInner,
body.blog.page .d--main-style-transparent.d--one-column.d--article-style2 #postHeaderInner {
margin-top: 0;
padding-bottom: 0;
}
@media (max-width: 551px) {
body.home.page .d--main-style-noframe.d--two-column.d--article-style2 #jinrPostMeta, body.home.page .d--main-style-noframe.d--one-column.d--article-style2 #jinrPostMeta,
body.home.page .d--main-style-transparent.d--two-column.d--article-style2 #jinrPostMeta,
body.home.page .d--main-style-transparent.d--one-column.d--article-style2 #jinrPostMeta,
body.blog.page .d--main-style-noframe.d--two-column.d--article-style2 #jinrPostMeta,
body.blog.page .d--main-style-noframe.d--one-column.d--article-style2 #jinrPostMeta,
body.blog.page .d--main-style-transparent.d--two-column.d--article-style2 #jinrPostMeta,
body.blog.page .d--main-style-transparent.d--one-column.d--article-style2 #jinrPostMeta {
padding: 6px 0;
}
}
body.home.page.page-template-template-full-width .d--main-style-outline,
body.home.page.page-template-template-full-width .d--main-style-transparent, body.home.page.post-template-template-full-width .d--main-style-outline,
body.home.page.post-template-template-full-width .d--main-style-transparent, body.home.page.template-full-width .d--main-style-outline,
body.home.page.template-full-width .d--main-style-transparent,
body.blog.page.page-template-template-full-width .d--main-style-outline,
body.blog.page.page-template-template-full-width .d--main-style-transparent,
body.blog.page.post-template-template-full-width .d--main-style-outline,
body.blog.page.post-template-template-full-width .d--main-style-transparent,
body.blog.page.template-full-width .d--main-style-outline,
body.blog.page.template-full-width .d--main-style-transparent {
padding-top: 0;
}
body.home.page.page-template-template-full-width .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner, body.home.page.page-template-template-full-width .d--main-style-outline.d--two-column.d--article-style2 #mainContentInner, body.home.page.page-template-template-full-width .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner, body.home.page.page-template-template-full-width .d--main-style-outline.d--one-column.d--article-style2 #mainContentInner,
body.home.page.page-template-template-full-width .d--main-style-transparent.d--two-column.d--article-style1 #mainContentInner,
body.home.page.page-template-template-full-width .d--main-style-transparent.d--two-column.d--article-style2 #mainContentInner,
body.home.page.page-template-template-full-width .d--main-style-transparent.d--one-column.d--article-style1 #mainContentInner,
body.home.page.page-template-template-full-width .d--main-style-transparent.d--one-column.d--article-style2 #mainContentInner, body.home.page.post-template-template-full-width .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner, body.home.page.post-template-template-full-width .d--main-style-outline.d--two-column.d--article-style2 #mainContentInner, body.home.page.post-template-template-full-width .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner, body.home.page.post-template-template-full-width .d--main-style-outline.d--one-column.d--article-style2 #mainContentInner,
body.home.page.post-template-template-full-width .d--main-style-transparent.d--two-column.d--article-style1 #mainContentInner,
body.home.page.post-template-template-full-width .d--main-style-transparent.d--two-column.d--article-style2 #mainContentInner,
body.home.page.post-template-template-full-width .d--main-style-transparent.d--one-column.d--article-style1 #mainContentInner,
body.home.page.post-template-template-full-width .d--main-style-transparent.d--one-column.d--article-style2 #mainContentInner, body.home.page.template-full-width .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner, body.home.page.template-full-width .d--main-style-outline.d--two-column.d--article-style2 #mainContentInner, body.home.page.template-full-width .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner, body.home.page.template-full-width .d--main-style-outline.d--one-column.d--article-style2 #mainContentInner,
body.home.page.template-full-width .d--main-style-transparent.d--two-column.d--article-style1 #mainContentInner,
body.home.page.template-full-width .d--main-style-transparent.d--two-column.d--article-style2 #mainContentInner,
body.home.page.template-full-width .d--main-style-transparent.d--one-column.d--article-style1 #mainContentInner,
body.home.page.template-full-width .d--main-style-transparent.d--one-column.d--article-style2 #mainContentInner,
body.blog.page.page-template-template-full-width .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner,
body.blog.page.page-template-template-full-width .d--main-style-outline.d--two-column.d--article-style2 #mainContentInner,
body.blog.page.page-template-template-full-width .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner,
body.blog.page.page-template-template-full-width .d--main-style-outline.d--one-column.d--article-style2 #mainContentInner,
body.blog.page.page-template-template-full-width .d--main-style-transparent.d--two-column.d--article-style1 #mainContentInner,
body.blog.page.page-template-template-full-width .d--main-style-transparent.d--two-column.d--article-style2 #mainContentInner,
body.blog.page.page-template-template-full-width .d--main-style-transparent.d--one-column.d--article-style1 #mainContentInner,
body.blog.page.page-template-template-full-width .d--main-style-transparent.d--one-column.d--article-style2 #mainContentInner,
body.blog.page.post-template-template-full-width .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner,
body.blog.page.post-template-template-full-width .d--main-style-outline.d--two-column.d--article-style2 #mainContentInner,
body.blog.page.post-template-template-full-width .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner,
body.blog.page.post-template-template-full-width .d--main-style-outline.d--one-column.d--article-style2 #mainContentInner,
body.blog.page.post-template-template-full-width .d--main-style-transparent.d--two-column.d--article-style1 #mainContentInner,
body.blog.page.post-template-template-full-width .d--main-style-transparent.d--two-column.d--article-style2 #mainContentInner,
body.blog.page.post-template-template-full-width .d--main-style-transparent.d--one-column.d--article-style1 #mainContentInner,
body.blog.page.post-template-template-full-width .d--main-style-transparent.d--one-column.d--article-style2 #mainContentInner,
body.blog.page.template-full-width .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner,
body.blog.page.template-full-width .d--main-style-outline.d--two-column.d--article-style2 #mainContentInner,
body.blog.page.template-full-width .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner,
body.blog.page.template-full-width .d--main-style-outline.d--one-column.d--article-style2 #mainContentInner,
body.blog.page.template-full-width .d--main-style-transparent.d--two-column.d--article-style1 #mainContentInner,
body.blog.page.template-full-width .d--main-style-transparent.d--two-column.d--article-style2 #mainContentInner,
body.blog.page.template-full-width .d--main-style-transparent.d--one-column.d--article-style1 #mainContentInner,
body.blog.page.template-full-width .d--main-style-transparent.d--one-column.d--article-style2 #mainContentInner {
padding-top: 0;
padding-bottom: 0;
}
body.home.page.page-template-template-full-width .d--main-style-noframe, body.home.page.post-template-template-full-width .d--main-style-noframe, body.home.page.template-full-width .d--main-style-noframe,
body.blog.page.page-template-template-full-width .d--main-style-noframe,
body.blog.page.post-template-template-full-width .d--main-style-noframe,
body.blog.page.template-full-width .d--main-style-noframe {
padding-top: 0;
}
body.home.page.page-template-template-full-width .d--main-style-noframe.d--two-column.d--article-style1 #mainContentInner, body.home.page.page-template-template-full-width .d--main-style-noframe.d--two-column.d--article-style2 #mainContentInner, body.home.page.page-template-template-full-width .d--main-style-noframe.d--one-column.d--article-style1 #mainContentInner, body.home.page.page-template-template-full-width .d--main-style-noframe.d--one-column.d--article-style2 #mainContentInner, body.home.page.post-template-template-full-width .d--main-style-noframe.d--two-column.d--article-style1 #mainContentInner, body.home.page.post-template-template-full-width .d--main-style-noframe.d--two-column.d--article-style2 #mainContentInner, body.home.page.post-template-template-full-width .d--main-style-noframe.d--one-column.d--article-style1 #mainContentInner, body.home.page.post-template-template-full-width .d--main-style-noframe.d--one-column.d--article-style2 #mainContentInner, body.home.page.template-full-width .d--main-style-noframe.d--two-column.d--article-style1 #mainContentInner, body.home.page.template-full-width .d--main-style-noframe.d--two-column.d--article-style2 #mainContentInner, body.home.page.template-full-width .d--main-style-noframe.d--one-column.d--article-style1 #mainContentInner, body.home.page.template-full-width .d--main-style-noframe.d--one-column.d--article-style2 #mainContentInner,
body.blog.page.page-template-template-full-width .d--main-style-noframe.d--two-column.d--article-style1 #mainContentInner,
body.blog.page.page-template-template-full-width .d--main-style-noframe.d--two-column.d--article-style2 #mainContentInner,
body.blog.page.page-template-template-full-width .d--main-style-noframe.d--one-column.d--article-style1 #mainContentInner,
body.blog.page.page-template-template-full-width .d--main-style-noframe.d--one-column.d--article-style2 #mainContentInner,
body.blog.page.post-template-template-full-width .d--main-style-noframe.d--two-column.d--article-style1 #mainContentInner,
body.blog.page.post-template-template-full-width .d--main-style-noframe.d--two-column.d--article-style2 #mainContentInner,
body.blog.page.post-template-template-full-width .d--main-style-noframe.d--one-column.d--article-style1 #mainContentInner,
body.blog.page.post-template-template-full-width .d--main-style-noframe.d--one-column.d--article-style2 #mainContentInner,
body.blog.page.template-full-width .d--main-style-noframe.d--two-column.d--article-style1 #mainContentInner,
body.blog.page.template-full-width .d--main-style-noframe.d--two-column.d--article-style2 #mainContentInner,
body.blog.page.template-full-width .d--main-style-noframe.d--one-column.d--article-style1 #mainContentInner,
body.blog.page.template-full-width .d--main-style-noframe.d--one-column.d--article-style2 #mainContentInner {
padding-bottom: 0;
padding-top: 0;
}
@media (max-width: 551px) {
body.home.page.page-template-default .d--main-style-outline #mainContentInner,
body.blog.page.page-template-default .d--main-style-outline #mainContentInner {
padding-left: 0;
padding-right: 0;
}
}
body.home.page.page-template-default .d--main-style-outline.d--one-column #mainContentInner,
body.blog.page.page-template-default .d--main-style-outline.d--one-column #mainContentInner {
padding-left: 0;
padding-right: 0;
}
@media screen and (max-width: 1059px) {
body.home.page.page-template-default .d--main-style-outline.d--two-column #mainContentInner,
body.blog.page.page-template-default .d--main-style-outline.d--two-column #mainContentInner {
padding-left: 0;
padding-right: 0;
}
}
.page-template-template-full-width #jinrArticle,
.post-template-template-full-width #jinrArticle,
.template-full-width #jinrArticle {
max-width: 1120px;
}
.page-template-template-full-width .d--main-style-outline,
.post-template-template-full-width .d--main-style-outline,
.template-full-width .d--main-style-outline {
padding-bottom: 0;
width: calc(100% - 20px);
margin: 18px auto;
}
@media (min-width: 552px) {
.page-template-template-full-width .d--main-style-outline,
.post-template-template-full-width .d--main-style-outline,
.template-full-width .d--main-style-outline {
width: calc(100% - 40px);
margin: 30px auto;
}
}
@media (min-width: 782px) {
.page-template-template-full-width .d--main-style-outline,
.post-template-template-full-width .d--main-style-outline,
.template-full-width .d--main-style-outline {
width: calc(100% - 60px);
}
}
.page-template-template-full-width .d--main-style-outline #mainContentInner,
.post-template-template-full-width .d--main-style-outline #mainContentInner,
.template-full-width .d--main-style-outline #mainContentInner {
padding-top: 0;
}
@media (max-width: 551px) {
.page-template-template-full-width .d--main-style-outline #mainContentInner,
.post-template-template-full-width .d--main-style-outline #mainContentInner,
.template-full-width .d--main-style-outline #mainContentInner {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.page-template-template-full-width .d--main-style-outline #mainContentInner,
.post-template-template-full-width .d--main-style-outline #mainContentInner,
.template-full-width .d--main-style-outline #mainContentInner {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.page-template-template-full-width .d--main-style-outline #mainContentInner,
.post-template-template-full-width .d--main-style-outline #mainContentInner,
.template-full-width .d--main-style-outline #mainContentInner {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 961px) {
.page-template-template-full-width .d--main-style-outline #mainContentInner,
.post-template-template-full-width .d--main-style-outline #mainContentInner,
.template-full-width .d--main-style-outline #mainContentInner {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1240px) {
.page-template-template-full-width .d--main-style-outline #mainContentInner,
.post-template-template-full-width .d--main-style-outline #mainContentInner,
.template-full-width .d--main-style-outline #mainContentInner {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.page-template-template-full-width .d--main-style-outline #mainContentInner,
.post-template-template-full-width .d--main-style-outline #mainContentInner,
.template-full-width .d--main-style-outline #mainContentInner {
padding-left: 0px;
padding-right: 0px;
}
}
.page-template-template-full-width .d--main-style-outline.d--one-column.d--article-style1,
.post-template-template-full-width .d--main-style-outline.d--one-column.d--article-style1,
.template-full-width .d--main-style-outline.d--one-column.d--article-style1 {
padding: 0;
}
.page-template-template-full-width .d--main-style-noframe,
.post-template-template-full-width .d--main-style-noframe,
.template-full-width .d--main-style-noframe {
padding-top: 0px;
padding-bottom: 0;
}
.page-template-template-full-width .d--main-style-noframe #mainContentInner,
.post-template-template-full-width .d--main-style-noframe #mainContentInner,
.template-full-width .d--main-style-noframe #mainContentInner {
padding-top: 0;
}
.page-template-template-full-width .d--main-style-transparent,
.post-template-template-full-width .d--main-style-transparent,
.template-full-width .d--main-style-transparent {
padding-top: 0;
padding-bottom: 0;
}
.page-template-template-full-width #postContent,
.post-template-template-full-width #postContent,
.template-full-width #postContent {
margin-top: 0;
padding-bottom: 0;
max-width: 100% !important;
}
@media (min-width: 552px) {
.page-template-template-full-width #postContent,
.post-template-template-full-width #postContent,
.template-full-width #postContent {
padding-top: 1px;
}
}
.o--jinr-slider + .d--main-style-transparent {
padding-top: 0 !important;
}
.archive .d--two-column #postHeaderInner,
.archive .d--one-column #postHeaderInner,
.search .d--two-column #postHeaderInner,
.search .d--one-column #postHeaderInner,
.error404 .d--two-column #postHeaderInner,
.error404 .d--one-column #postHeaderInner {
padding-left: 0;
padding-right: 0;
margin-bottom: 15px;
padding-bottom: 0 !important;
}
@media (max-width: 551px) {
.archive .d--two-column #postHeaderInner,
.archive .d--one-column #postHeaderInner,
.search .d--two-column #postHeaderInner,
.search .d--one-column #postHeaderInner,
.error404 .d--two-column #postHeaderInner,
.error404 .d--one-column #postHeaderInner {
margin-top: 15px;
}
}
.archive .d--two-column #jinrPostTitle,
.archive .d--two-column .d--archive-subtitle,
.archive .d--one-column #jinrPostTitle,
.archive .d--one-column .d--archive-subtitle,
.search .d--two-column #jinrPostTitle,
.search .d--two-column .d--archive-subtitle,
.search .d--one-column #jinrPostTitle,
.search .d--one-column .d--archive-subtitle,
.error404 .d--two-column #jinrPostTitle,
.error404 .d--two-column .d--archive-subtitle,
.error404 .d--one-column #jinrPostTitle,
.error404 .d--one-column .d--archive-subtitle {
display: block;
text-align: center;
}
.archive .d--two-column #jinrPostTitle,
.archive .d--one-column #jinrPostTitle,
.search .d--two-column #jinrPostTitle,
.search .d--one-column #jinrPostTitle,
.error404 .d--two-column #jinrPostTitle,
.error404 .d--one-column #jinrPostTitle {
font-size: clamp(1.8rem, 3vw, 2.4rem);
letter-spacing: 0.36rem;
margin-bottom: 0 !important;
}
.archive .d--two-column .d--archive-subtitle,
.archive .d--one-column .d--archive-subtitle,
.search .d--two-column .d--archive-subtitle,
.search .d--one-column .d--archive-subtitle,
.error404 .d--two-column .d--archive-subtitle,
.error404 .d--one-column .d--archive-subtitle {
font-size: clamp(1.05rem, 2vw, 1.2rem);
letter-spacing: 0.24rem;
}
.archive .d--two-column .d--archive-subtitle::after,
.archive .d--one-column .d--archive-subtitle::after,
.search .d--two-column .d--archive-subtitle::after,
.search .d--one-column .d--archive-subtitle::after,
.error404 .d--two-column .d--archive-subtitle::after,
.error404 .d--one-column .d--archive-subtitle::after {
display: block;
content: "";
width: 39px;
height: 1px;
margin: 12px auto;
}
@media (min-width: 552px) {
.archive .d--two-column .d--archive-subtitle::after,
.archive .d--one-column .d--archive-subtitle::after,
.search .d--two-column .d--archive-subtitle::after,
.search .d--one-column .d--archive-subtitle::after,
.error404 .d--two-column .d--archive-subtitle::after,
.error404 .d--one-column .d--archive-subtitle::after {
margin: clamp(12px, 1.8vw, 18px) auto;
width: 48px;
}
}
.archive .d--one-column #jinrPostList,
.search .d--one-column #jinrPostList,
.error404 .d--one-column #jinrPostList {
display: flex;
justify-content: center;
}
.archive .d--one-column #jinrPostTitle,
.search .d--one-column #jinrPostTitle,
.error404 .d--one-column #jinrPostTitle {
margin-top: 6px;
margin-bottom: 30px;
}
@media (min-width: 552px) {
.archive .d--one-column #jinrPostTitle,
.search .d--one-column #jinrPostTitle,
.error404 .d--one-column #jinrPostTitle {
margin-top: 12px;
margin-bottom: clamp(42px, 5.4vw, 54px);
}
}
.archive .d--two-column #postHeaderInner,
.search .d--two-column #postHeaderInner,
.error404 .d--two-column #postHeaderInner {
margin: clamp(15px, 4.2vw, 42px) auto;
}
@media (min-width: 1060px) {
.archive .d--two-column #postHeaderInner,
.search .d--two-column #postHeaderInner,
.error404 .d--two-column #postHeaderInner {
margin: 0;
}
}
.archive .d--two-column #jinrPostTitle,
.search .d--two-column #jinrPostTitle,
.error404 .d--two-column #jinrPostTitle {
margin-top: 0;
}
@media (min-width: 1060px) {
.archive .d--two-column #jinrPostTitle,
.search .d--two-column #jinrPostTitle,
.error404 .d--two-column #jinrPostTitle {
margin-bottom: clamp(36px, 4.2vw, 42px);
}
}
@media (min-width: 1060px) {
.search .d--two-column #postHeaderInner,
.search .d--two-column #jinrPostTitle,
.error404 .d--two-column #postHeaderInner,
.error404 .d--two-column #jinrPostTitle {
margin-top: 0 !important;
}
}
.search .d--one-column #jinrPostTitle,
.error404 .d--one-column #jinrPostTitle {
margin-bottom: 24px;
}
.search .d--main-style-outline {
margin-bottom: 30px;
}
.search .d--main-style-noframe #mainContentInner,
.search .d--main-style-transparent #mainContentInner {
padding-bottom: 0;
}
.category .d--main-style-outline.d--two-column.d--article-style1 #jinrPostTitle, .category .d--main-style-outline.d--two-column.d--article-style2 #jinrPostTitle, .category .d--main-style-outline.d--one-column.d--article-style1 #jinrPostTitle, .category .d--main-style-outline.d--one-column.d--article-style2 #jinrPostTitle {
text-align: left;
font-size: 2.4rem;
font-weight: 500;
}
.category .d--main-style-outline.d--one-column.d--article-style1 .d--default-category #jinrPostTitle, .category .d--main-style-outline.d--one-column.d--article-style2 .d--default-category #jinrPostTitle, .category .d--main-style-outline.d--two-column.d--article-style1 .d--default-category #jinrPostTitle, .category .d--main-style-outline.d--two-column.d--article-style2 .d--default-category #jinrPostTitle {
text-align: center;
}
.category .d--main-style-noframe.d--two-column.d--article-style1 #jinrPostTitle,
.category .d--main-style-noframe.d--two-column.d--article-style1 #postHeaderInner, .category .d--main-style-noframe.d--two-column.d--article-style2 #jinrPostTitle,
.category .d--main-style-noframe.d--two-column.d--article-style2 #postHeaderInner, .category .d--main-style-noframe.d--one-column.d--article-style1 #jinrPostTitle,
.category .d--main-style-noframe.d--one-column.d--article-style1 #postHeaderInner, .category .d--main-style-noframe.d--one-column.d--article-style2 #jinrPostTitle,
.category .d--main-style-noframe.d--one-column.d--article-style2 #postHeaderInner,
.category .d--main-style-transparent.d--two-column.d--article-style1 #jinrPostTitle,
.category .d--main-style-transparent.d--two-column.d--article-style1 #postHeaderInner,
.category .d--main-style-transparent.d--two-column.d--article-style2 #jinrPostTitle,
.category .d--main-style-transparent.d--two-column.d--article-style2 #postHeaderInner,
.category .d--main-style-transparent.d--one-column.d--article-style1 #jinrPostTitle,
.category .d--main-style-transparent.d--one-column.d--article-style1 #postHeaderInner,
.category .d--main-style-transparent.d--one-column.d--article-style2 #jinrPostTitle,
.category .d--main-style-transparent.d--one-column.d--article-style2 #postHeaderInner {
margin-top: 0;
}
.category .d--main-style-noframe.d--two-column.d--article-style1 #jinrPostTitle, .category .d--main-style-noframe.d--two-column.d--article-style2 #jinrPostTitle, .category .d--main-style-noframe.d--one-column.d--article-style1 #jinrPostTitle, .category .d--main-style-noframe.d--one-column.d--article-style2 #jinrPostTitle,
.category .d--main-style-transparent.d--two-column.d--article-style1 #jinrPostTitle,
.category .d--main-style-transparent.d--two-column.d--article-style2 #jinrPostTitle,
.category .d--main-style-transparent.d--one-column.d--article-style1 #jinrPostTitle,
.category .d--main-style-transparent.d--one-column.d--article-style2 #jinrPostTitle {
text-align: left;
font-size: clamp(2.4rem, 3vw, 2.7rem);
font-weight: 500;
}
.category .d--main-style-noframe.d--one-column.d--article-style1 .d--default-category #jinrPostTitle, .category .d--main-style-noframe.d--one-column.d--article-style2 .d--default-category #jinrPostTitle, .category .d--main-style-noframe.d--two-column.d--article-style1 .d--default-category #jinrPostTitle, .category .d--main-style-noframe.d--two-column.d--article-style2 .d--default-category #jinrPostTitle,
.category .d--main-style-transparent.d--one-column.d--article-style1 .d--default-category #jinrPostTitle,
.category .d--main-style-transparent.d--one-column.d--article-style2 .d--default-category #jinrPostTitle,
.category .d--main-style-transparent.d--two-column.d--article-style1 .d--default-category #jinrPostTitle,
.category .d--main-style-transparent.d--two-column.d--article-style2 .d--default-category #jinrPostTitle {
text-align: center;
}
.category .template-full-width .d--main-style-outline.d--two-column #mainContentInner, .category .template-full-width .d--main-style-outline.d--one-column #mainContentInner {
padding-top: 0;
}
@media (max-width: 551px) {
.category .template-full-width .d--main-style-outline.d--two-column #mainContentInner, .category .template-full-width .d--main-style-outline.d--one-column #mainContentInner {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.category .template-full-width .d--main-style-outline.d--two-column #mainContentInner, .category .template-full-width .d--main-style-outline.d--one-column #mainContentInner {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 782px) {
.category .template-full-width .d--main-style-outline.d--two-column #mainContentInner, .category .template-full-width .d--main-style-outline.d--one-column #mainContentInner {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 961px) {
.category .template-full-width .d--main-style-outline.d--two-column #mainContentInner, .category .template-full-width .d--main-style-outline.d--one-column #mainContentInner {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1240px) {
.category .template-full-width .d--main-style-outline.d--two-column #mainContentInner, .category .template-full-width .d--main-style-outline.d--one-column #mainContentInner {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.category .template-full-width .d--main-style-outline.d--two-column #mainContentInner, .category .template-full-width .d--main-style-outline.d--one-column #mainContentInner {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1060px) {
.category .template-full-width .d--main-style-outline.d--two-column #mainContentInner, .category .template-full-width .d--main-style-outline.d--one-column #mainContentInner {
padding-left: 0;
padding-right: 0;
}
}
.category .template-full-width .d--main-style-outline.d--two-column.d--article-style1, .category .template-full-width .d--main-style-outline.d--two-column.d--article-style2, .category .template-full-width .d--main-style-outline.d--one-column.d--article-style1, .category .template-full-width .d--main-style-outline.d--one-column.d--article-style2 {
padding-top: 0;
}
.category .template-full-width .d--main-style-outline.d--two-column.d--article-style1 .d--default-category, .category .template-full-width .d--main-style-outline.d--two-column.d--article-style2 .d--default-category, .category .template-full-width .d--main-style-outline.d--one-column.d--article-style1 .d--default-category, .category .template-full-width .d--main-style-outline.d--one-column.d--article-style2 .d--default-category {
padding-top: clamp(30px, 3vw, 45px);
}
@media (max-width: 1059px) {
.category .template-full-width .d--main-style-outline.d--two-column.d--article-style1 .d--default-category, .category .template-full-width .d--main-style-outline.d--two-column.d--article-style2 .d--default-category, .category .template-full-width .d--main-style-outline.d--one-column.d--article-style1 .d--default-category, .category .template-full-width .d--main-style-outline.d--one-column.d--article-style2 .d--default-category {
padding-top: 0;
}
}
.category .template-full-width .d--main-style-outline.d--two-column.d--article-style1 #postHeaderInner, .category .template-full-width .d--main-style-outline.d--two-column.d--article-style2 #postHeaderInner, .category .template-full-width .d--main-style-outline.d--one-column.d--article-style1 #postHeaderInner, .category .template-full-width .d--main-style-outline.d--one-column.d--article-style2 #postHeaderInner {
margin-top: 0;
}
.category .template-full-width .d--main-style-noframe,
.category .template-full-width .d--main-style-transparent {
padding-top: 0;
}
.category .template-full-width .d--main-style-noframe #mainContentInner,
.category .template-full-width .d--main-style-transparent #mainContentInner {
padding-top: 0;
padding-bottom: 0;
}
#postTagBox {
margin-top: 24px;
margin-bottom: 0;
}
#postTagBox a {
display: inline-block;
padding: 6px 11px 6px 12px;
font-size: 1.2rem !important;
text-decoration: none;
margin-right: 6px;
margin-bottom: 6px;
}
#postTagBox.o--notfound-taglist {
margin-top: 0;
}
.t--round-s #postTagBox a {
border-radius: 2px;
}
.t--round-s .d--main-style-transparent #jinrPostThumb,
.t--round-s .d--main-style-noframe #jinrPostThumb {
border-radius: 4px;
}
.t--round-s .d--main-style-outline.d--one-column.d--article-style1 #jinrPostThumb {
border-radius: 0;
}
@media (min-width: 782px) {
.t--round-s .d--main-style-outline.d--one-column.d--article-style1 #jinrPostThumb {
border-radius: 4px;
}
}
.t--round-s .d--main-style-outline.d--one-column.d--article-style2 #jinrPostThumb {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.t--round-s .d--main-style-outline.d--two-column #jinrPostThumb {
border-radius: 0;
}
@media (min-width: 1060px) {
.t--round-s .d--main-style-outline.d--two-column #jinrPostThumb {
border-radius: 4px;
}
}
.t--round-m #postTagBox a {
border-radius: 3px;
}
.t--round-m .d--main-style-transparent #jinrPostThumb,
.t--round-m .d--main-style-noframe #jinrPostThumb {
border-radius: 8px;
}
.t--round-m .d--main-style-outline.d--one-column.d--article-style1 #jinrPostThumb {
border-radius: 0;
}
@media (min-width: 782px) {
.t--round-m .d--main-style-outline.d--one-column.d--article-style1 #jinrPostThumb {
border-radius: 8px;
}
}
.t--round-m .d--main-style-outline.d--one-column.d--article-style2 #jinrPostThumb {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.t--round-m .d--main-style-outline.d--two-column #jinrPostThumb {
border-radius: 0;
}
@media (min-width: 1060px) {
.t--round-m .d--main-style-outline.d--two-column #jinrPostThumb {
border-radius: 8px;
}
}
.t--round-l #postTagBox a {
border-radius: 4px;
}
.t--round-l .d--main-style-transparent #jinrPostThumb,
.t--round-l .d--main-style-noframe #jinrPostThumb {
border-radius: 12px;
}
.t--round-l .d--main-style-outline.d--one-column.d--article-style1 #jinrPostThumb {
border-radius: 0;
}
@media (min-width: 782px) {
.t--round-l .d--main-style-outline.d--one-column.d--article-style1 #jinrPostThumb {
border-radius: 12px;
}
}
.t--round-l .d--main-style-outline.d--one-column.d--article-style2 #jinrPostThumb {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.t--round-l .d--main-style-outline.d--two-column #jinrPostThumb {
border-radius: 0;
}
@media (min-width: 1060px) {
.t--round-l .d--main-style-outline.d--two-column #jinrPostThumb {
border-radius: 12px;
}
}
.t--round-s .d--main-style-noframe,
.t--round-m .d--main-style-noframe,
.t--round-l .d--main-style-noframe {
border-radius: 0px !important;
}
@media (min-width: 1060px) {
.t--round-s .d--main-style-outline.d--two-column #jinrArticle,
.t--round-m .d--main-style-outline.d--two-column #jinrArticle,
.t--round-l .d--main-style-outline.d--two-column #jinrArticle {
border-radius: 0px !important;
}
}
@keyframes YoutubePIP {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} .b--jinr-h2rich {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.b--jinr-h2rich .c--h2rich-contents {
width: 100%;
}
.b--jinr-h2rich .c--h2rich-contents .a--h2rich-subcopy {
display: inline-block;
font-size: 1.2rem;
letter-spacing: 0.09rem;
}
@media (min-width: 552px) {
.b--jinr-h2rich .c--h2rich-contents .a--h2rich-subcopy {
font-size: 1.3rem;
letter-spacing: 0.15rem;
}
}
.b--jinr-h2rich .c--h2rich-decoration + .c--h2rich-contents {
margin-left: 9px;
}
@media (min-width: 552px) {
.b--jinr-h2rich .c--h2rich-decoration + .c--h2rich-contents {
margin-left: 12px;
}
}
.b--jinr-h2rich .c--h2rich-decoration .a--h2rich-number {
display: flex;
font-size: 5rem;
justify-content: center;
align-items: center;
line-height: 1;
}
@media (min-width: 552px) {
.b--jinr-h2rich .c--h2rich-decoration .a--h2rich-number {
font-size: 6rem;
}
}
@media (min-width: 1340px) {
.b--jinr-h2rich .c--h2rich-decoration .a--h2rich-number {
font-size: 6.2rem;
}
}
.b--jinr-h2rich .c--h2rich-decoration .a--h2rich-image {
margin: 0 auto;
border: 5px solid transparent;
border-radius: 50%;
overflow: hidden;
box-sizing: content-box;
}
.b--jinr-h2rich .c--h2rich-decoration .a--h2rich-image img {
object-fit: cover;
}
.b--jinr-h2rich .c--h2rich-decoration .a--h2rich-icon {
display: flex;
justify-content: center;
align-items: center;
}
.b--jinr-h2rich .c--h2rich-decoration .a--h2rich-icon .jin-icons::before {
font-size: 2.5em;
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.b--jinr-h2rich .c--h2rich-decoration .a--h2rich-icon .jin-icons::before {
font-size: 2.8em;
}
}
@media (min-width: 782px) {
.b--jinr-h2rich .c--h2rich-decoration .a--h2rich-icon .jin-icons::before {
font-size: 3em;
}
}
.b--jinr-h2rich.d--h2rich-left {
text-align: left;
margin-top: 1.65rem;
margin-bottom: 1.65rem;
}
@media (min-width: 552px) {
.b--jinr-h2rich.d--h2rich-left {
margin-top: 3.3rem;
margin-bottom: 3.3rem;
}
}
.b--jinr-h2rich.d--h2rich-left .c--h2rich-contents .a--h2rich-maincopy {
font-size: 1.8rem;
line-height: 1.3;
letter-spacing: 0.36rem;
}
@media (max-width: 551px) {
.b--jinr-h2rich.d--h2rich-left .c--h2rich-contents .a--h2rich-maincopy {
line-height: 1.2;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.b--jinr-h2rich.d--h2rich-left .c--h2rich-contents .a--h2rich-maincopy {
font-size: 2.1rem;
}
}
@media (min-width: 782px) {
.b--jinr-h2rich.d--h2rich-left .c--h2rich-contents .a--h2rich-maincopy {
font-size: 2.4rem;
}
}
.b--jinr-h2rich.d--h2rich-left .c--h2rich-contents .a--h2rich-subcopy {
font-size: 1.1rem;
}
@media (min-width: 552px) {
.b--jinr-h2rich.d--h2rich-left .c--h2rich-contents .a--h2rich-subcopy {
font-size: 1.2rem;
}
}
.b--jinr-h2rich.d--h2rich-left .c--h2rich-contents .a--h2rich-subcopy + .a--h2rich-maincopy {
margin-bottom: 6px;
margin-top: -1px;
}
@media (min-width: 552px) {
.b--jinr-h2rich.d--h2rich-left .c--h2rich-contents .a--h2rich-subcopy + .a--h2rich-maincopy {
margin-bottom: 5px;
margin-top: -3px;
}
}
.b--jinr-h2rich.d--h2rich-left .c--h2rich-decoration {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.b--jinr-h2rich.d--h2rich-left .c--h2rich-decoration .a--h2rich-image {
width: 60px;
height: 60px;
}
@media (max-width: 551px) {
.b--jinr-h2rich.d--h2rich-left .c--h2rich-decoration .a--h2rich-image {
width: 50px;
height: 50px;
}
}
.b--jinr-h2rich.d--h2rich-left .c--h2rich-decoration .a--h2rich-image img {
width: 60px;
height: 60px;
}
@media (max-width: 551px) {
.b--jinr-h2rich.d--h2rich-left .c--h2rich-decoration .a--h2rich-image img {
width: 50px;
height: 50px;
}
}
.b--jinr-h2rich.d--h2rich-left .c--h2rich-decoration .a--h2rich-number {
width: 33px;
}
@media (min-width: 552px) {
.b--jinr-h2rich.d--h2rich-left .c--h2rich-decoration .a--h2rich-number {
width: 45px;
}
}
.b--jinr-h2rich.d--h2rich-left.d--h2rich-style2 {
padding-bottom: 6px;
}
.b--jinr-h2rich.d--h2rich-left.d--h2rich-style3 {
padding: 9px 6px;
}
.b--jinr-h2rich.d--h2rich-left.d--h2rich-style3.d--h2rich-image {
padding: 6px;
}
.b--jinr-h2rich.d--h2rich-center {
text-align: center;
flex-direction: column;
margin: 3.3rem 0 3.96rem 0;
}
@media (max-width: 551px) {
.b--jinr-h2rich.d--h2rich-center {
margin: 3.3rem 0;
}
}
.b--jinr-h2rich.d--h2rich-center .c--h2rich-contents {
margin-top: 6px;
}
@media (min-width: 552px) {
.b--jinr-h2rich.d--h2rich-center .c--h2rich-contents {
margin-top: 9px;
}
}
.b--jinr-h2rich.d--h2rich-center .c--h2rich-contents .a--h2rich-maincopy {
font-size: 2.1rem;
margin-top: 6px;
line-height: 1.2;
letter-spacing: 0.36rem;
}
@media (min-width: 552px) {
.b--jinr-h2rich.d--h2rich-center .c--h2rich-contents .a--h2rich-maincopy {
margin-bottom: 1px;
font-size: 2.4rem;
line-height: 1.3;
}
}
@media (min-width: 782px) {
.b--jinr-h2rich.d--h2rich-center .c--h2rich-contents .a--h2rich-maincopy {
font-size: 2.7rem;
}
}
.b--jinr-h2rich.d--h2rich-center .c--h2rich-decoration {
width: 100%;
max-width: 100%;
}
.b--jinr-h2rich.d--h2rich-center .c--h2rich-decoration .a--h2rich-icon {
margin-top: 9px;
margin-bottom: 3px;
}
.b--jinr-h2rich.d--h2rich-center .c--h2rich-decoration .a--h2rich-image {
width: 75px;
height: 75px;
margin-bottom: -6px;
}
@media (max-width: 551px) {
.b--jinr-h2rich.d--h2rich-center .c--h2rich-decoration .a--h2rich-image {
width: 60px;
height: 60px;
}
}
.b--jinr-h2rich.d--h2rich-center .c--h2rich-decoration .a--h2rich-image img {
width: 75px;
height: 75px;
}
@media (max-width: 551px) {
.b--jinr-h2rich.d--h2rich-center .c--h2rich-decoration .a--h2rich-image img {
width: 60px;
height: 60px;
}
}
.b--jinr-h2rich.d--h2rich-center .c--h2rich-decoration .a--h2rich-number {
margin-bottom: -6px;
}
.b--jinr-h2rich.d--h2rich-center .c--h2rich-decoration + .c--h2rich-contents {
width: 100%;
margin-left: auto;
}
@media (min-width: 961px) {
.b--jinr-h2rich.d--h2rich-center .c--h2rich-decoration + .c--h2rich-contents {
width: 100%;
margin-left: auto;
}
}
.b--jinr-h2rich.d--h2rich-center .c--h2rich-decoration + .c--h2rich-contents .a--h2rich-maincopy {
margin-top: 6px;
letter-spacing: 0.36rem;
margin-bottom: 3px;
}
.b--jinr-h2rich.d--h2rich-center.d--h2rich-style2 {
margin: 3.3rem 0;
padding-bottom: 18px;
}
@media (max-width: 551px) {
.b--jinr-h2rich.d--h2rich-center.d--h2rich-style2 {
margin: 3.3rem 0 1.65rem 0;
padding-bottom: 12px;
}
}
.b--jinr-h2rich.d--h2rich-center.d--h2rich-style3 {
margin: 3.3rem 0;
padding: 12px;
}
@media (max-width: 551px) {
.b--jinr-h2rich.d--h2rich-center.d--h2rich-style3 {
margin: 3.3rem 0 1.65rem 0;
padding: 9px 0 12px 0;
}
}
.d--h2rich-style2.d--titledesign-weight-thin {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.d--h2rich-style2.d--titledesign-weight-normal {
border-bottom-style: solid;
border-bottom-width: 2px;
}
.d--h2rich-style2.d--titledesign-weight-bold {
border-bottom-style: solid;
border-bottom-width: 4px;
}
.d--h2rich-style3.d--h2rich-left.d--titledesign-weight-thin {
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-style: solid;
border-top-width: 1px;
}
.d--h2rich-style3.d--h2rich-left.d--titledesign-weight-normal {
border-bottom-style: solid;
border-bottom-width: 2px;
border-top-style: solid;
border-top-width: 2px;
}
.d--h2rich-style3.d--h2rich-left.d--titledesign-weight-bold {
border-bottom-style: solid;
border-bottom-width: 4px;
border-top-style: solid;
border-top-width: 4px;
}
.d--h2rich-style3.d--h2rich-center {
position: relative;
}
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none) .a--h2rich-decoration-before {
position: absolute;
content: "";
width: calc((100% - 110px) / 2);
left: 0;
}
@media (max-width: 551px) {
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none) .a--h2rich-decoration-before {
width: calc((100% - 81px) / 2);
}
}
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none) .a--h2rich-decoration-after {
position: absolute;
content: "";
width: calc((100% - 110px) / 2);
right: 0;
}
@media (max-width: 551px) {
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none) .a--h2rich-decoration-after {
width: calc((100% - 81px) / 2);
}
}
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--h2rich-icon .a--h2rich-decoration-before,
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--h2rich-icon .a--h2rich-decoration-after {
top: 51px;
}
@media (max-width: 551px) {
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--h2rich-icon .a--h2rich-decoration-before,
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--h2rich-icon .a--h2rich-decoration-after {
top: 42px;
}
}
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--h2rich-image .a--h2rich-decoration-before,
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--h2rich-image .a--h2rich-decoration-after {
top: 63px;
}
@media (max-width: 551px) {
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--h2rich-image .a--h2rich-decoration-before,
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--h2rich-image .a--h2rich-decoration-after {
top: 51px;
}
}
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--h2rich-number .a--h2rich-decoration-before,
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--h2rich-number .a--h2rich-decoration-after {
top: 51px;
}
@media (max-width: 551px) {
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--h2rich-number .a--h2rich-decoration-before,
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--h2rich-number .a--h2rich-decoration-after {
top: 36px;
}
}
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--titledesign-weight-thin {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--titledesign-weight-thin .a--h2rich-decoration-before,
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--titledesign-weight-thin .a--h2rich-decoration-after {
height: 1px;
}
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--titledesign-weight-normal {
border-bottom-style: solid;
border-bottom-width: 2px;
}
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--titledesign-weight-normal .a--h2rich-decoration-before,
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--titledesign-weight-normal .a--h2rich-decoration-after {
height: 2px;
}
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--titledesign-weight-bold {
border-bottom-style: solid;
border-bottom-width: 4px;
}
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--titledesign-weight-bold .a--h2rich-decoration-before,
.d--h2rich-style3.d--h2rich-center:not(.d--h2rich-none).d--titledesign-weight-bold .a--h2rich-decoration-after {
height: 4px;
}
.d--h2rich-style3.d--h2rich-center.d--h2rich-none.d--titledesign-weight-thin {
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-style: solid;
border-top-width: 1px;
}
.d--h2rich-style3.d--h2rich-center.d--h2rich-none.d--titledesign-weight-normal {
border-bottom-style: solid;
border-bottom-width: 2px;
border-top-style: solid;
border-top-width: 2px;
}
.d--h2rich-style3.d--h2rich-center.d--h2rich-none.d--titledesign-weight-bold {
border-bottom-style: solid;
border-bottom-width: 4px;
border-top-style: solid;
border-top-width: 4px;
}  .d--flat-design .b--jinr-fullwidth .a--post-title,
.d--flat-design .b--jinr-fullwidth .a--post-date {
color: inherit;
}
.b--jinr-fullwidth {
position: relative;
overflow: hidden;
min-height: 93px;
}
.b--jinr-fullwidth .d--fullwidth-max {
position: relative;
z-index: 100;
margin: 0 auto;
width: 100%;
}
@media (min-width: 1060px) {
.b--jinr-fullwidth .d--fullwidth-max {
box-sizing: content-box;
}
}
.b--jinr-fullwidth .d--fullwidth-article {
position: relative;
z-index: 100;
margin: 0 auto;
}
@media (min-width: 1060px) {
.b--jinr-fullwidth .d--fullwidth-article {
box-sizing: content-box;
}
}
.b--jinr-fullwidth p,
.b--jinr-fullwidth ul,
.b--jinr-fullwidth ol {
color: inherit;
}
.b--jinr-fullwidth .a--jinr-fullwidth-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 100;
top: 0;
left: 0;
will-change: opacity;
}
.b--jinr-fullwidth .a--jinr-fullwidth-image {
position: absolute;
width: 100%;
height: 100%;
z-index: 100;
left: 0;
top: 0;
}
.b--jinr-fullwidth .a--jinr-fullwidth-image .a--jinr-fullwidth-image-clip {
position: relative;
width: inherit;
height: inherit;
}
.b--jinr-fullwidth .a--jinr-fullwidth-image .a--jinr-fullwidth-image-clip img {
position: absolute;
width: inherit;
height: inherit;
left: 0;
top: 0;
object-fit: cover;
}
.b--jinr-fullwidth.d--fullwidth-parallax-on .a--jinr-fullwidth-image .a--jinr-fullwidth-image-clip {
clip-path: inset(0 0 0 0);
overflow: hidden;
}
.b--jinr-fullwidth.d--fullwidth-parallax-on .a--jinr-fullwidth-image .a--jinr-fullwidth-image-clip img {
position: fixed;
height: 100vh;
pointer-events: none;
}
.b--jinr-fullwidth .d--fullwidth-100 {
max-width: 100% !important;
width: 100%;
position: relative;
z-index: 200;
}
.b--jinr-fullwidth .d--fullwidth-100 .wp-block-image {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.b--jinr-fullwidth .d--fullwidth-100 .wp-block-image img {
width: 100%;
border-radius: 0 !important;
}
.b--jinr-fullwidth .d--fullwidth-100 .wp-block[data-type^=core],
.b--jinr-fullwidth .d--fullwidth-100 .wp-block[data-type^=jinr-blocks] {
max-width: 100% !important;
}
@media (max-width: 551px) {
.page-template-default .d--fullwidth-max,
.post-template-default .d--fullwidth-max {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.page-template-default .d--fullwidth-max,
.post-template-default .d--fullwidth-max {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.page-template-default .d--fullwidth-max,
.post-template-default .d--fullwidth-max {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 961px) {
.page-template-default .d--fullwidth-max,
.post-template-default .d--fullwidth-max {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1240px) {
.page-template-default .d--fullwidth-max,
.post-template-default .d--fullwidth-max {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1340px) {
.page-template-default .d--fullwidth-max,
.post-template-default .d--fullwidth-max {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 551px) {
.page-template-default .d--article-width-680 .d--fullwidth-article,
.page-template-default .d--article-width-740 .d--fullwidth-article,
.post-template-default .d--article-width-680 .d--fullwidth-article,
.post-template-default .d--article-width-740 .d--fullwidth-article {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.page-template-default .d--article-width-680 .d--fullwidth-article,
.page-template-default .d--article-width-740 .d--fullwidth-article,
.post-template-default .d--article-width-680 .d--fullwidth-article,
.post-template-default .d--article-width-740 .d--fullwidth-article {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.page-template-default .d--article-width-680 .d--fullwidth-article,
.page-template-default .d--article-width-740 .d--fullwidth-article,
.post-template-default .d--article-width-680 .d--fullwidth-article,
.post-template-default .d--article-width-740 .d--fullwidth-article {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 961px) {
.page-template-default .d--article-width-680 .d--fullwidth-article,
.page-template-default .d--article-width-740 .d--fullwidth-article,
.post-template-default .d--article-width-680 .d--fullwidth-article,
.post-template-default .d--article-width-740 .d--fullwidth-article {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1240px) {
.page-template-default .d--article-width-680 .d--fullwidth-article,
.page-template-default .d--article-width-740 .d--fullwidth-article,
.post-template-default .d--article-width-680 .d--fullwidth-article,
.post-template-default .d--article-width-740 .d--fullwidth-article {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.page-template-default .d--article-width-680 .d--fullwidth-article,
.page-template-default .d--article-width-740 .d--fullwidth-article,
.post-template-default .d--article-width-680 .d--fullwidth-article,
.post-template-default .d--article-width-740 .d--fullwidth-article {
padding-left: 0px;
padding-right: 0px;
}
}
.page-template-default .d--article-width-740 .d--fullwidth-article,
.post-template-default .d--article-width-740 .d--fullwidth-article {
max-width: 740px;
}
.page-template-default .d--article-width-680 .d--fullwidth-article,
.post-template-default .d--article-width-680 .d--fullwidth-article {
max-width: 680px;
}
.page-template-default .d--main-style-transparent.d--one-column .b--jinr-fullwidth,
.page-template-default .d--main-style-noframe.d--one-column .b--jinr-fullwidth,
.post-template-default .d--main-style-transparent.d--one-column .b--jinr-fullwidth,
.post-template-default .d--main-style-noframe.d--one-column .b--jinr-fullwidth {
margin: 0 calc(50% - 50vw);
}
.page-template-default .d--main-style-transparent.d--one-column .d--fullwidth-article,
.page-template-default .d--main-style-noframe.d--one-column .d--fullwidth-article,
.post-template-default .d--main-style-transparent.d--one-column .d--fullwidth-article,
.post-template-default .d--main-style-noframe.d--one-column .d--fullwidth-article {
box-sizing: content-box;
}
@media (max-width: 551px) {
.page-template-default .d--main-style-transparent.d--one-column .d--fullwidth-article,
.page-template-default .d--main-style-noframe.d--one-column .d--fullwidth-article,
.post-template-default .d--main-style-transparent.d--one-column .d--fullwidth-article,
.post-template-default .d--main-style-noframe.d--one-column .d--fullwidth-article {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.page-template-default .d--main-style-transparent.d--one-column .d--fullwidth-article,
.page-template-default .d--main-style-noframe.d--one-column .d--fullwidth-article,
.post-template-default .d--main-style-transparent.d--one-column .d--fullwidth-article,
.post-template-default .d--main-style-noframe.d--one-column .d--fullwidth-article {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.page-template-default .d--main-style-transparent.d--one-column .d--fullwidth-article,
.page-template-default .d--main-style-noframe.d--one-column .d--fullwidth-article,
.post-template-default .d--main-style-transparent.d--one-column .d--fullwidth-article,
.post-template-default .d--main-style-noframe.d--one-column .d--fullwidth-article {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 961px) {
.page-template-default .d--main-style-transparent.d--one-column .d--fullwidth-article,
.page-template-default .d--main-style-noframe.d--one-column .d--fullwidth-article,
.post-template-default .d--main-style-transparent.d--one-column .d--fullwidth-article,
.post-template-default .d--main-style-noframe.d--one-column .d--fullwidth-article {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1240px) {
.page-template-default .d--main-style-transparent.d--one-column .d--fullwidth-article,
.page-template-default .d--main-style-noframe.d--one-column .d--fullwidth-article,
.post-template-default .d--main-style-transparent.d--one-column .d--fullwidth-article,
.post-template-default .d--main-style-noframe.d--one-column .d--fullwidth-article {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.page-template-default .d--main-style-transparent.d--one-column .d--fullwidth-article,
.page-template-default .d--main-style-noframe.d--one-column .d--fullwidth-article,
.post-template-default .d--main-style-transparent.d--one-column .d--fullwidth-article,
.post-template-default .d--main-style-noframe.d--one-column .d--fullwidth-article {
padding-left: 0px;
padding-right: 0px;
}
}
.page-template-default .d--main-style-transparent.d--two-column .b--jinr-fullwidth,
.page-template-default .d--main-style-noframe.d--two-column .b--jinr-fullwidth,
.post-template-default .d--main-style-transparent.d--two-column .b--jinr-fullwidth,
.post-template-default .d--main-style-noframe.d--two-column .b--jinr-fullwidth {
margin: 0 calc(50% - 50vw);
}
@media (min-width: 870) and (max-width: 1059px) {
.page-template-default .d--main-style-transparent.d--two-column .b--jinr-fullwidth,
.page-template-default .d--main-style-noframe.d--two-column .b--jinr-fullwidth,
.post-template-default .d--main-style-transparent.d--two-column .b--jinr-fullwidth,
.post-template-default .d--main-style-noframe.d--two-column .b--jinr-fullwidth {
margin: 0 calc(50% - 50vw);
}
}
@media (min-width: 1060px) {
.page-template-default .d--main-style-transparent.d--two-column .b--jinr-fullwidth,
.page-template-default .d--main-style-noframe.d--two-column .b--jinr-fullwidth,
.post-template-default .d--main-style-transparent.d--two-column .b--jinr-fullwidth,
.post-template-default .d--main-style-noframe.d--two-column .b--jinr-fullwidth {
margin: 0;
}
}
.page-template-default .d--main-style-transparent.d--two-column .d--fullwidth-article,
.page-template-default .d--main-style-noframe.d--two-column .d--fullwidth-article,
.post-template-default .d--main-style-transparent.d--two-column .d--fullwidth-article,
.post-template-default .d--main-style-noframe.d--two-column .d--fullwidth-article {
box-sizing: content-box;
}
@media (min-width: 1060px) {
.page-template-default .d--main-style-transparent.d--two-column .d--fullwidth-article,
.page-template-default .d--main-style-noframe.d--two-column .d--fullwidth-article,
.post-template-default .d--main-style-transparent.d--two-column .d--fullwidth-article,
.post-template-default .d--main-style-noframe.d--two-column .d--fullwidth-article {
padding-left: 30px;
padding-right: 30px;
}
}
.page-template-default .d--main-style-outline.d--one-column .b--jinr-fullwidth,
.post-template-default .d--main-style-outline.d--one-column .b--jinr-fullwidth {
margin: 0 calc(50% - 50vw + 10px);
}
@media (min-width: 552px) {
.page-template-default .d--main-style-outline.d--one-column .b--jinr-fullwidth,
.post-template-default .d--main-style-outline.d--one-column .b--jinr-fullwidth {
margin: 0 calc(50% - 50vw + 25px);
}
}
@media (min-width: 782px) {
.page-template-default .d--main-style-outline.d--one-column .b--jinr-fullwidth,
.post-template-default .d--main-style-outline.d--one-column .b--jinr-fullwidth {
margin: 0 calc(50% - 50vw + 30px);
}
}
@media (min-width: 1120px) {
.page-template-default .d--main-style-outline.d--one-column .b--jinr-fullwidth,
.post-template-default .d--main-style-outline.d--one-column .b--jinr-fullwidth {
margin: 0 calc(50% - 50vw + 30px);
}
}
@media (min-width: 1180px) {
.page-template-default .d--main-style-outline.d--one-column .b--jinr-fullwidth,
.post-template-default .d--main-style-outline.d--one-column .b--jinr-fullwidth {
margin: 0 calc(50% - 560px);
}
}
.page-template-default .d--main-style-outline.d--one-column .d--fullwidth-article,
.post-template-default .d--main-style-outline.d--one-column .d--fullwidth-article {
box-sizing: border-box;
}
@media (min-width: 861px) and (max-width: 961px) {
.page-template-default .d--main-style-outline.d--one-column .d--fullwidth-article,
.post-template-default .d--main-style-outline.d--one-column .d--fullwidth-article {
padding-left: 0;
padding-right: 0;
}
}
.page-template-default .d--main-style-outline.d--two-column .b--jinr-fullwidth,
.post-template-default .d--main-style-outline.d--two-column .b--jinr-fullwidth {
margin: 0 calc(50% - 50vw + 10px);
}
@media (min-width: 552px) {
.page-template-default .d--main-style-outline.d--two-column .b--jinr-fullwidth,
.post-template-default .d--main-style-outline.d--two-column .b--jinr-fullwidth {
margin: 0 calc(50% - 50vw + 25px);
}
}
@media (min-width: 782px) {
.page-template-default .d--main-style-outline.d--two-column .b--jinr-fullwidth,
.post-template-default .d--main-style-outline.d--two-column .b--jinr-fullwidth {
margin: 0 calc(50% - 50vw + 30px);
}
}
@media (min-width: 870) and (max-width: 1059px) {
.page-template-default .d--main-style-outline.d--two-column .b--jinr-fullwidth,
.post-template-default .d--main-style-outline.d--two-column .b--jinr-fullwidth {
margin: 0 calc(50% - 50vw);
}
}
@media (min-width: 1060px) {
.page-template-default .d--main-style-outline.d--two-column .b--jinr-fullwidth,
.post-template-default .d--main-style-outline.d--two-column .b--jinr-fullwidth {
margin: 0;
}
}
.page-template-default .d--main-style-outline.d--two-column .d--fullwidth-article,
.post-template-default .d--main-style-outline.d--two-column .d--fullwidth-article {
box-sizing: border-box;
}
@media (min-width: 1060px) {
.page-template-default .d--main-style-outline.d--two-column .d--fullwidth-article,
.post-template-default .d--main-style-outline.d--two-column .d--fullwidth-article {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 551px) {
.page-template-template-full-width .d--article-width-680 .d--fullwidth-article,
.page-template-template-full-width .d--article-width-740 .d--fullwidth-article,
.post-template-template-full-width .d--article-width-680 .d--fullwidth-article,
.post-template-template-full-width .d--article-width-740 .d--fullwidth-article,
.template-full-width .d--article-width-680 .d--fullwidth-article,
.template-full-width .d--article-width-740 .d--fullwidth-article {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.page-template-template-full-width .d--article-width-680 .d--fullwidth-article,
.page-template-template-full-width .d--article-width-740 .d--fullwidth-article,
.post-template-template-full-width .d--article-width-680 .d--fullwidth-article,
.post-template-template-full-width .d--article-width-740 .d--fullwidth-article,
.template-full-width .d--article-width-680 .d--fullwidth-article,
.template-full-width .d--article-width-740 .d--fullwidth-article {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.page-template-template-full-width .d--article-width-680 .d--fullwidth-article,
.page-template-template-full-width .d--article-width-740 .d--fullwidth-article,
.post-template-template-full-width .d--article-width-680 .d--fullwidth-article,
.post-template-template-full-width .d--article-width-740 .d--fullwidth-article,
.template-full-width .d--article-width-680 .d--fullwidth-article,
.template-full-width .d--article-width-740 .d--fullwidth-article {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 961px) {
.page-template-template-full-width .d--article-width-680 .d--fullwidth-article,
.page-template-template-full-width .d--article-width-740 .d--fullwidth-article,
.post-template-template-full-width .d--article-width-680 .d--fullwidth-article,
.post-template-template-full-width .d--article-width-740 .d--fullwidth-article,
.template-full-width .d--article-width-680 .d--fullwidth-article,
.template-full-width .d--article-width-740 .d--fullwidth-article {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1240px) {
.page-template-template-full-width .d--article-width-680 .d--fullwidth-article,
.page-template-template-full-width .d--article-width-740 .d--fullwidth-article,
.post-template-template-full-width .d--article-width-680 .d--fullwidth-article,
.post-template-template-full-width .d--article-width-740 .d--fullwidth-article,
.template-full-width .d--article-width-680 .d--fullwidth-article,
.template-full-width .d--article-width-740 .d--fullwidth-article {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.page-template-template-full-width .d--article-width-680 .d--fullwidth-article,
.page-template-template-full-width .d--article-width-740 .d--fullwidth-article,
.post-template-template-full-width .d--article-width-680 .d--fullwidth-article,
.post-template-template-full-width .d--article-width-740 .d--fullwidth-article,
.template-full-width .d--article-width-680 .d--fullwidth-article,
.template-full-width .d--article-width-740 .d--fullwidth-article {
padding-left: 0px;
padding-right: 0px;
}
}
.page-template-template-full-width .d--article-width-740 .d--fullwidth-article,
.post-template-template-full-width .d--article-width-740 .d--fullwidth-article,
.template-full-width .d--article-width-740 .d--fullwidth-article {
max-width: 740px;
}
.page-template-template-full-width .d--article-width-680 .d--fullwidth-article,
.post-template-template-full-width .d--article-width-680 .d--fullwidth-article,
.template-full-width .d--article-width-680 .d--fullwidth-article {
max-width: 680px;
}
.page-template-template-full-width .d--main-style-transparent .b--jinr-fullwidth,
.page-template-template-full-width .d--main-style-noframe .b--jinr-fullwidth,
.post-template-template-full-width .d--main-style-transparent .b--jinr-fullwidth,
.post-template-template-full-width .d--main-style-noframe .b--jinr-fullwidth,
.template-full-width .d--main-style-transparent .b--jinr-fullwidth,
.template-full-width .d--main-style-noframe .b--jinr-fullwidth {
margin: 0 calc(50% - 50vw);
}
@media (max-width: 551px) {
.page-template-template-full-width .d--main-style-transparent .d--fullwidth-max,
.page-template-template-full-width .d--main-style-noframe .d--fullwidth-max,
.post-template-template-full-width .d--main-style-transparent .d--fullwidth-max,
.post-template-template-full-width .d--main-style-noframe .d--fullwidth-max,
.template-full-width .d--main-style-transparent .d--fullwidth-max,
.template-full-width .d--main-style-noframe .d--fullwidth-max {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.page-template-template-full-width .d--main-style-transparent .d--fullwidth-max,
.page-template-template-full-width .d--main-style-noframe .d--fullwidth-max,
.post-template-template-full-width .d--main-style-transparent .d--fullwidth-max,
.post-template-template-full-width .d--main-style-noframe .d--fullwidth-max,
.template-full-width .d--main-style-transparent .d--fullwidth-max,
.template-full-width .d--main-style-noframe .d--fullwidth-max {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.page-template-template-full-width .d--main-style-transparent .d--fullwidth-max,
.page-template-template-full-width .d--main-style-noframe .d--fullwidth-max,
.post-template-template-full-width .d--main-style-transparent .d--fullwidth-max,
.post-template-template-full-width .d--main-style-noframe .d--fullwidth-max,
.template-full-width .d--main-style-transparent .d--fullwidth-max,
.template-full-width .d--main-style-noframe .d--fullwidth-max {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 961px) {
.page-template-template-full-width .d--main-style-transparent .d--fullwidth-max,
.page-template-template-full-width .d--main-style-noframe .d--fullwidth-max,
.post-template-template-full-width .d--main-style-transparent .d--fullwidth-max,
.post-template-template-full-width .d--main-style-noframe .d--fullwidth-max,
.template-full-width .d--main-style-transparent .d--fullwidth-max,
.template-full-width .d--main-style-noframe .d--fullwidth-max {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1240px) {
.page-template-template-full-width .d--main-style-transparent .d--fullwidth-max,
.page-template-template-full-width .d--main-style-noframe .d--fullwidth-max,
.post-template-template-full-width .d--main-style-transparent .d--fullwidth-max,
.post-template-template-full-width .d--main-style-noframe .d--fullwidth-max,
.template-full-width .d--main-style-transparent .d--fullwidth-max,
.template-full-width .d--main-style-noframe .d--fullwidth-max {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.page-template-template-full-width .d--main-style-transparent .d--fullwidth-max,
.page-template-template-full-width .d--main-style-noframe .d--fullwidth-max,
.post-template-template-full-width .d--main-style-transparent .d--fullwidth-max,
.post-template-template-full-width .d--main-style-noframe .d--fullwidth-max,
.template-full-width .d--main-style-transparent .d--fullwidth-max,
.template-full-width .d--main-style-noframe .d--fullwidth-max {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 551px) {
.page-template-template-full-width .d--main-style-transparent .d--fullwidth-article,
.page-template-template-full-width .d--main-style-noframe .d--fullwidth-article,
.post-template-template-full-width .d--main-style-transparent .d--fullwidth-article,
.post-template-template-full-width .d--main-style-noframe .d--fullwidth-article,
.template-full-width .d--main-style-transparent .d--fullwidth-article,
.template-full-width .d--main-style-noframe .d--fullwidth-article {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.page-template-template-full-width .d--main-style-transparent .d--fullwidth-article,
.page-template-template-full-width .d--main-style-noframe .d--fullwidth-article,
.post-template-template-full-width .d--main-style-transparent .d--fullwidth-article,
.post-template-template-full-width .d--main-style-noframe .d--fullwidth-article,
.template-full-width .d--main-style-transparent .d--fullwidth-article,
.template-full-width .d--main-style-noframe .d--fullwidth-article {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.page-template-template-full-width .d--main-style-transparent .d--fullwidth-article,
.page-template-template-full-width .d--main-style-noframe .d--fullwidth-article,
.post-template-template-full-width .d--main-style-transparent .d--fullwidth-article,
.post-template-template-full-width .d--main-style-noframe .d--fullwidth-article,
.template-full-width .d--main-style-transparent .d--fullwidth-article,
.template-full-width .d--main-style-noframe .d--fullwidth-article {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 961px) {
.page-template-template-full-width .d--main-style-transparent .d--fullwidth-article,
.page-template-template-full-width .d--main-style-noframe .d--fullwidth-article,
.post-template-template-full-width .d--main-style-transparent .d--fullwidth-article,
.post-template-template-full-width .d--main-style-noframe .d--fullwidth-article,
.template-full-width .d--main-style-transparent .d--fullwidth-article,
.template-full-width .d--main-style-noframe .d--fullwidth-article {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1240px) {
.page-template-template-full-width .d--main-style-transparent .d--fullwidth-article,
.page-template-template-full-width .d--main-style-noframe .d--fullwidth-article,
.post-template-template-full-width .d--main-style-transparent .d--fullwidth-article,
.post-template-template-full-width .d--main-style-noframe .d--fullwidth-article,
.template-full-width .d--main-style-transparent .d--fullwidth-article,
.template-full-width .d--main-style-noframe .d--fullwidth-article {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.page-template-template-full-width .d--main-style-transparent .d--fullwidth-article,
.page-template-template-full-width .d--main-style-noframe .d--fullwidth-article,
.post-template-template-full-width .d--main-style-transparent .d--fullwidth-article,
.post-template-template-full-width .d--main-style-noframe .d--fullwidth-article,
.template-full-width .d--main-style-transparent .d--fullwidth-article,
.template-full-width .d--main-style-noframe .d--fullwidth-article {
padding-left: 0px;
padding-right: 0px;
}
}
.page-template-template-full-width .d--main-style-outline .b--jinr-fullwidth,
.post-template-template-full-width .d--main-style-outline .b--jinr-fullwidth,
.template-full-width .d--main-style-outline .b--jinr-fullwidth {
margin: 0 calc(50% - 50vw + 10px);
}
@media (min-width: 552px) {
.page-template-template-full-width .d--main-style-outline .b--jinr-fullwidth,
.post-template-template-full-width .d--main-style-outline .b--jinr-fullwidth,
.template-full-width .d--main-style-outline .b--jinr-fullwidth {
margin: 0 calc(50% - 50vw + 25px);
}
}
@media (min-width: 782px) {
.page-template-template-full-width .d--main-style-outline .b--jinr-fullwidth,
.post-template-template-full-width .d--main-style-outline .b--jinr-fullwidth,
.template-full-width .d--main-style-outline .b--jinr-fullwidth {
margin: 0 calc(50% - 50vw + 30px);
}
}
@media (min-width: 1120px) {
.page-template-template-full-width .d--main-style-outline .b--jinr-fullwidth,
.post-template-template-full-width .d--main-style-outline .b--jinr-fullwidth,
.template-full-width .d--main-style-outline .b--jinr-fullwidth {
margin: 0 calc(50% - 50vw + 30px);
}
}
@media (max-width: 551px) {
.page-template-template-full-width .d--main-style-outline .d--fullwidth-max,
.post-template-template-full-width .d--main-style-outline .d--fullwidth-max,
.template-full-width .d--main-style-outline .d--fullwidth-max {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.page-template-template-full-width .d--main-style-outline .d--fullwidth-max,
.post-template-template-full-width .d--main-style-outline .d--fullwidth-max,
.template-full-width .d--main-style-outline .d--fullwidth-max {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.page-template-template-full-width .d--main-style-outline .d--fullwidth-max,
.post-template-template-full-width .d--main-style-outline .d--fullwidth-max,
.template-full-width .d--main-style-outline .d--fullwidth-max {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 961px) {
.page-template-template-full-width .d--main-style-outline .d--fullwidth-max,
.post-template-template-full-width .d--main-style-outline .d--fullwidth-max,
.template-full-width .d--main-style-outline .d--fullwidth-max {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1240px) {
.page-template-template-full-width .d--main-style-outline .d--fullwidth-max,
.post-template-template-full-width .d--main-style-outline .d--fullwidth-max,
.template-full-width .d--main-style-outline .d--fullwidth-max {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.page-template-template-full-width .d--main-style-outline .d--fullwidth-max,
.post-template-template-full-width .d--main-style-outline .d--fullwidth-max,
.template-full-width .d--main-style-outline .d--fullwidth-max {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 551px) {
.page-template-template-full-width .d--main-style-outline .d--fullwidth-article,
.post-template-template-full-width .d--main-style-outline .d--fullwidth-article,
.template-full-width .d--main-style-outline .d--fullwidth-article {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.page-template-template-full-width .d--main-style-outline .d--fullwidth-article,
.post-template-template-full-width .d--main-style-outline .d--fullwidth-article,
.template-full-width .d--main-style-outline .d--fullwidth-article {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.page-template-template-full-width .d--main-style-outline .d--fullwidth-article,
.post-template-template-full-width .d--main-style-outline .d--fullwidth-article,
.template-full-width .d--main-style-outline .d--fullwidth-article {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 961px) {
.page-template-template-full-width .d--main-style-outline .d--fullwidth-article,
.post-template-template-full-width .d--main-style-outline .d--fullwidth-article,
.template-full-width .d--main-style-outline .d--fullwidth-article {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1240px) {
.page-template-template-full-width .d--main-style-outline .d--fullwidth-article,
.post-template-template-full-width .d--main-style-outline .d--fullwidth-article,
.template-full-width .d--main-style-outline .d--fullwidth-article {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.page-template-template-full-width .d--main-style-outline .d--fullwidth-article,
.post-template-template-full-width .d--main-style-outline .d--fullwidth-article,
.template-full-width .d--main-style-outline .d--fullwidth-article {
padding-left: 0px;
padding-right: 0px;
}
}
@media screen and (min-width: 782px) and (max-width: 800px) {
.page-template-template-full-width .d--main-style-outline .d--fullwidth-article,
.post-template-template-full-width .d--main-style-outline .d--fullwidth-article,
.template-full-width .d--main-style-outline .d--fullwidth-article {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 552px) {
.d--fullwidth-pad20 {
padding-top: 20px;
padding-bottom: 20px;
}
.d--fullwidth-pad30 {
padding-top: 30px;
padding-bottom: 30px;
}
.d--fullwidth-pad40 {
padding-top: 40px;
padding-bottom: 40px;
}
.d--fullwidth-pad50 {
padding-top: 50px;
padding-bottom: 50px;
}
.d--fullwidth-pad60 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (max-width: 551px) {
.d--fullwidth-pad20-sp {
padding-top: 20px;
padding-bottom: 20px;
}
.d--fullwidth-pad30-sp {
padding-top: 30px;
padding-bottom: 30px;
}
.d--fullwidth-pad40-sp {
padding-top: 40px;
padding-bottom: 40px;
}
.d--fullwidth-pad50-sp {
padding-top: 50px;
padding-bottom: 50px;
}
.d--fullwidth-pad60-sp {
padding-top: 60px;
padding-bottom: 60px;
}
} .b--jinr-background {
margin: 3.3rem auto;
position: relative;
z-index: 0;
}
@media (min-width: 552px) {
.b--jinr-background .b--jinr-timeline {
padding-left: 45px;
padding-right: 45px;
padding-bottom: 12px;
}
}
.o--background-container {
display: block;
overflow: hidden;
position: relative;
z-index: 300;
height: 100%;
border-color: red;
}
.o--background-container.d--border-inset {
padding: 6px;
}
.c--background-inner {
padding: 24px 21px;
height: 100%;
}
@media (min-width: 552px) {
.c--background-inner {
padding: 27px 30px 33px;
}
}
.c--background-inner.d--border-solid {
border-style: solid;
}
.c--background-inner.d--border-dotted {
border-style: dotted;
}
.c--background-inner.d--border-dashed {
border-style: dashed;
}
.c--background-inner.d--border-double {
border-style: double;
}
.c--background-inner.d--border-1px {
border-width: 1px;
}
.c--background-inner.d--border-2px {
border-width: 2px;
}
.c--background-inner.d--border-3px {
border-width: 3px;
}
.c--background-inner.d--border-4px {
border-width: 4px;
}
.c--background-inner.d--border-5px {
border-width: 5px;
}
.a--background-color {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 100;
}
.a--background-float-item-top {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 90%;
height: 45px;
margin-top: 6px;
border-radius: 50%;
z-index: 0;
box-shadow: 0 -12px 9px 1px rgba(170, 170, 170, 0.06);
}
.a--background-float-item-bottom {
position: absolute;
top: auto;
left: 50%;
transform: translateX(-50%);
width: 90%;
height: 33px;
margin-top: -34px;
border-radius: 50%;
z-index: 0;
box-shadow: 0 6px 12px 1px rgba(170, 170, 170, 0.3);
}
.d--background-design-shadow.d--background-shadow-s {
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
}
.d--background-design-shadow.d--background-shadow-m {
box-shadow: 0 2px 8px 0px rgba(170, 170, 170, 0.3);
}
.d--background-design-shadow.d--background-shadow-l {
box-shadow: 0 4px 20px 1px rgba(170, 170, 170, 0.15);
}
.d--background-design-shadow.d--background-shadow-float {
box-shadow: 0 1px 3px 0px rgba(170, 170, 170, 0.18);
}
.d--background-repeat-off {
background-repeat: no-repeat;
}
.b--jinr-background .c--background-inner > *:first-child {
margin-top: 0 !important;
}
.b--jinr-background .c--background-inner > *:last-child {
margin-bottom: 0 !important;
}
.b--jinr-background .d--postlist-newstext .o--postlist-item {
border: none;
padding: 7px 0;
}
.b--jinr-background .d--postlist-newstext .o--postlist-item:first-child {
padding-top: 0;
}
.b--jinr-background .d--postlist-newstext .o--postlist-item:last-child {
padding-bottom: 0;
}
.page.page-template-default #postContent .wp-block-column .b--jinr-background .c--background-inner,
.page.page-template-default .o--widget-area .wp-block-column .b--jinr-background .c--background-inner,
.single.post-template-default #postContent .wp-block-column .b--jinr-background .c--background-inner,
.single.post-template-default .o--widget-area .wp-block-column .b--jinr-background .c--background-inner,
.post-type-post #postContent .wp-block-column .b--jinr-background .c--background-inner,
.post-type-post .o--widget-area .wp-block-column .b--jinr-background .c--background-inner {
padding: 24px 21px;
}
.page.page-template-default #postContent .wp-block-column .b--jinr-background .b--jinr-h2rich.d--h2rich-left.d--h2rich-style2, .page.page-template-default #postContent .wp-block-column .b--jinr-background .b--jinr-h2rich.d--h2rich-center.d--h2rich-style2,
.page.page-template-default .o--widget-area .wp-block-column .b--jinr-background .b--jinr-h2rich.d--h2rich-left.d--h2rich-style2,
.page.page-template-default .o--widget-area .wp-block-column .b--jinr-background .b--jinr-h2rich.d--h2rich-center.d--h2rich-style2,
.single.post-template-default #postContent .wp-block-column .b--jinr-background .b--jinr-h2rich.d--h2rich-left.d--h2rich-style2,
.single.post-template-default #postContent .wp-block-column .b--jinr-background .b--jinr-h2rich.d--h2rich-center.d--h2rich-style2,
.single.post-template-default .o--widget-area .wp-block-column .b--jinr-background .b--jinr-h2rich.d--h2rich-left.d--h2rich-style2,
.single.post-template-default .o--widget-area .wp-block-column .b--jinr-background .b--jinr-h2rich.d--h2rich-center.d--h2rich-style2,
.post-type-post #postContent .wp-block-column .b--jinr-background .b--jinr-h2rich.d--h2rich-left.d--h2rich-style2,
.post-type-post #postContent .wp-block-column .b--jinr-background .b--jinr-h2rich.d--h2rich-center.d--h2rich-style2,
.post-type-post .o--widget-area .wp-block-column .b--jinr-background .b--jinr-h2rich.d--h2rich-left.d--h2rich-style2,
.post-type-post .o--widget-area .wp-block-column .b--jinr-background .b--jinr-h2rich.d--h2rich-center.d--h2rich-style2 {
padding-bottom: 6px;
padding-top: 0px;
}
#postContent .wp-block-column .b--jinr-background,
.o--widget-area .wp-block-column .b--jinr-background {
margin-top: 0;
margin-bottom: 0;
height: 100%;
}
#postContent .wp-block-column .c--background-inner,
.o--widget-area .wp-block-column .c--background-inner {
padding: 24px 21px;
}
@media (min-width: 552px) {
#postContent .wp-block-column .c--background-inner,
.o--widget-area .wp-block-column .c--background-inner {
padding: 27px 30px;
}
}
#postContent .wp-block-column .c--background-inner > *,
.o--widget-area .wp-block-column .c--background-inner > * {
margin-top: 2.1rem;
margin-bottom: 2.1rem;
}
@media (min-width: 552px) {
#postContent .wp-block-column .c--background-inner > *,
.o--widget-area .wp-block-column .c--background-inner > * {
margin-top: 2.7rem;
margin-bottom: 2.7rem;
}
}
.a--background-image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 200;
}
.d--background-pattern2 {
background-size: 5px;
background-image: url(//santenreader.com/wp-content/themes/jinr/lib/img/dot.png);
}
.d--background-pattern3 {
background-size: 5px;
background-image: url(//santenreader.com/wp-content/themes/jinr/lib/img/border.png);
}
.d--background-pattern4 {
background-size: 24px;
background-image: url(//santenreader.com/wp-content/themes/jinr/lib/img/stripe.png);
}
.d--background-pattern5 {
background-size: 66px;
background-image: url(//santenreader.com/wp-content/themes/jinr/lib/img/jigsaw.png);
}
.d--background-pattern6 {
background-size: 60px;
background-image: url(//santenreader.com/wp-content/themes/jinr/lib/img/grid.png);
}
.t--round-s .o--background-container,
.t--round-s .a--background-color {
border-radius: 4px;
}
.t--round-s .b--jinr-background .c--background-inner .wp-block-image img {
border-radius: 2px;
}
.t--round-m .o--background-container,
.t--round-m .a--background-color {
border-radius: 8px;
}
.t--round-m .b--jinr-background .c--background-inner .wp-block-image img {
border-radius: 3px;
}
.t--round-l .o--background-container,
.t--round-l .a--background-color {
border-radius: 12px;
}
.t--round-l .b--jinr-background .c--background-inner .wp-block-image img {
border-radius: 3px;
} .b--jinr-richmenu {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin: 1.65rem auto;
}
@media (min-width: 552px) {
.b--jinr-richmenu {
margin: 3.3rem auto;
}
}
.o--richmenu-item {
width: 100%;
display: block;
}
.o--richmenu-item-inner {
position: relative;
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
.c--richmenu-contents {
z-index: 200;
text-align: center;
position: absolute;
overflow-wrap: break-word;
padding: 6px;
width: 100%;
}
.a--richmenu-image {
position: relative;
overflow: hidden;
}
.a--richmenu-image::before {
content: "";
display: block;
}
.a--richmenu-image img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
object-fit: cover;
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
.a--richmenu-image .a--richmenu-filter {
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: 100;
}
.a--richmenu-subtext {
font-size: 1rem;
line-height: 1;
padding: 3px 0;
font-feature-settings: "palt";
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.a--richmenu-subtext {
font-size: 0.9rem;
}
}
.a--richmenu-text {
line-height: 1.2;
padding: 3px 0;
letter-spacing: 0.12rem;
font-feature-settings: "palt";
}
@media (min-width: 552px) {
.a--richmenu-text {
letter-spacing: 0.21rem;
}
}
.d--richmenu-ratio1-1 .a--richmenu-image::before {
padding-top: 100%;
}
.d--richmenu-ratio4-3 .a--richmenu-image::before {
padding-top: 75%;
}
.d--richmenu-ratio16-9 .a--richmenu-image::before {
padding-top: 56.25%;
}
.d--richmenu-ratio5-2 .a--richmenu-image::before {
padding-top: 40%;
}
.d--richmenu-ratio2-3 .a--richmenu-image::before {
padding-top: 150%;
}
.d--richmenu-ratio-unique1-1 .o--richmenu-item-inner {
display: flex;
}
.d--richmenu-ratio-unique1-1 .a--richmenu-image {
overflow: hidden;
}
.d--richmenu-ratio-unique1-1 .a--richmenu-image::before {
padding-top: 100%;
}
.d--richmenu-ratio-unique1-1 .c--richmenu-contents {
top: 50%;
bottom: auto !important;
transform: translateY(-50%);
margin: auto;
text-align: left;
backdrop-filter: none !important;
}
.d--richmenu-text-style5 .c--richmenu-contents {
position: relative;
margin-top: 6px;
}
.d--richmenu-text-style5.d--richmenu-column6 .c--richmenu-contents {
margin-top: 3px;
}
.d--richmenu-text-style1.d--richmenu-simple .c--richmenu-contents {
bottom: 3px;
left: 3px;
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
width: calc(100% - 6px);
}
.d--richmenu-text-style1.d--richmenu-grad .c--richmenu-contents {
left: 0;
bottom: 0;
}
.d--richmenu-text-style2 .c--richmenu-contents {
top: 50%;
left: 50%;
transform: translate(-50%, -47%);
}
.d--richmenu-text-style3 .c--richmenu-contents {
top: 50%;
left: 50%;
transform: translate(-50%, -47%);
display: flex;
flex-direction: column-reverse;
}
.d--richmenu-text-style3 .a--richmenu-parts {
height: 1px;
width: 24%;
margin: 4px auto 9px auto;
}
.d--richmenu-text-style4 .c--richmenu-contents {
width: calc(100% - 12px) !important;
top: 3px;
left: 12px;
display: flex;
flex-direction: column-reverse;
text-align: left;
}
.d--richmenu-text-style4 .a--richmenu-parts {
height: 1px;
width: 24%;
margin: 4px 0 8px 0;
}
.d--richmenu-blur {
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
}
.d--richmenu-grad .c--richmenu-contents {
width: 100%;
padding: 9px 6px;
}
.d--richmenu-text-small .a--richmenu-text {
transform: scale(0.8);
}
.d--richmenu-text-small.d--richmenu-text-style4 .a--richmenu-text, .d--richmenu-text-small.d--richmenu-ratio-unique1-1 .a--richmenu-text {
transform: scale(0.8) translate(-12.5%);
width: 125%;
}
.d--richmenu-text-large .a--richmenu-text {
transform: scale(1.2);
}
.d--richmenu-text-large.d--richmenu-text-style4 .a--richmenu-text, .d--richmenu-text-large.d--richmenu-ratio-unique1-1 .a--richmenu-text {
transform: scale(1.2) translate(8.5%);
width: 80%;
}
@media (min-width: 552px) {
.d--richmenu-column2 .o--richmenu-item {
width: calc((100% - 18px ) / 2);
}
.d--richmenu-column2 .o--richmenu-item:not(:nth-of-type(2n)) {
margin-right: 18px;
}
.d--richmenu-column2 .o--richmenu-item:nth-of-type(2n+3), .d--richmenu-column2 .o--richmenu-item:nth-of-type(2n+4) {
margin-top: 18px;
}
.d--richmenu-column2.d--richmenu-text-style5 .a--richmenu-text, .d--richmenu-column2.d--richmenu-text-style1 .a--richmenu-text, .d--richmenu-column2.d--richmenu-text-style2 .a--richmenu-text {
font-size: 1.5rem;
}
.d--richmenu-column2.d--richmenu-text-style3 .a--richmenu-text, .d--richmenu-column2.d--richmenu-text-style4 .a--richmenu-text {
font-size: 2.1rem;
}
.d--richmenu-column2.d--richmenu-text-style3.d--richmenu-ratio5-2 .a--richmenu-text, .d--richmenu-column2.d--richmenu-text-style4.d--richmenu-ratio5-2 .a--richmenu-text {
font-size: 1.8rem;
}
.d--richmenu-column3 .o--richmenu-item {
width: calc((100% - 18px * 2) / 3);
}
.d--richmenu-column3 .o--richmenu-item:not(:nth-of-type(3n)) {
margin-right: 18px;
}
.d--richmenu-column3 .o--richmenu-item:nth-of-type(3n+4), .d--richmenu-column3 .o--richmenu-item:nth-of-type(3n+5), .d--richmenu-column3 .o--richmenu-item:nth-of-type(3n+6) {
margin-top: 18px;
}
.d--richmenu-column3.d--richmenu-text-style5 .a--richmenu-text, .d--richmenu-column3.d--richmenu-text-style1 .a--richmenu-text, .d--richmenu-column3.d--richmenu-text-style2 .a--richmenu-text {
font-size: 1.5rem;
}
.d--richmenu-column3.d--richmenu-text-style3 .a--richmenu-text, .d--richmenu-column3.d--richmenu-text-style4 .a--richmenu-text {
font-size: 1.8rem;
}
.d--richmenu-column3.d--richmenu-ratio-unique1-1 .o--richmenu-item {
padding: 0px;
}
.d--richmenu-column3.d--richmenu-ratio-unique1-1 .a--richmenu-text {
font-size: 1.3rem;
}
.d--richmenu-column3.d--richmenu-ratio-unique1-1 .a--richmenu-image {
width: 75px;
}
.d--richmenu-column3.d--richmenu-ratio-unique1-1 .c--richmenu-contents {
width: calc(100% - 85px) !important;
left: 85px !important;
}
.d--richmenu-column4 .o--richmenu-item {
width: calc((100% - 18px * 3) / 4);
}
.d--richmenu-column4 .o--richmenu-item:not(:nth-of-type(4n)) {
margin-right: 18px;
}
.d--richmenu-column4 .o--richmenu-item:nth-of-type(4n+5), .d--richmenu-column4 .o--richmenu-item:nth-of-type(4n+6), .d--richmenu-column4 .o--richmenu-item:nth-of-type(4n+7), .d--richmenu-column4 .o--richmenu-item:nth-of-type(4n+8) {
margin-top: 18px;
}
.d--richmenu-column4.d--richmenu-text-style5 .a--richmenu-text, .d--richmenu-column4.d--richmenu-text-style1 .a--richmenu-text, .d--richmenu-column4.d--richmenu-text-style2 .a--richmenu-text {
font-size: 1.2rem;
}
.d--richmenu-column4.d--richmenu-text-style3 .a--richmenu-text, .d--richmenu-column4.d--richmenu-text-style4 .a--richmenu-text {
font-size: 1.8rem;
}
.d--richmenu-column6.d--richmenu-text-style5 .a--richmenu-text, .d--richmenu-column6.d--richmenu-text-style1 .a--richmenu-text, .d--richmenu-column6.d--richmenu-text-style2 .a--richmenu-text {
font-size: 1.3rem;
}
.d--richmenu-column6.d--richmenu-text-style3 .a--richmenu-text {
font-size: 1.8rem;
}
.d--richmenu-column6.d--richmenu-text-style3.d--richmenu-ratio5-2 .a--richmenu-text {
font-size: 1.6rem;
}
.d--richmenu-column6.d--richmenu-text-style3.d--richmenu-ratio5-2 .a--richmenu-parts {
margin: 3px auto 6px auto;
}
.d--richmenu-column6.d--richmenu-text-style4 .c--richmenu-contents {
top: -3px;
left: 6px;
}
.d--richmenu-column6.d--richmenu-text-style4 .a--richmenu-text {
font-size: 1.8rem;
}
.d--richmenu-column6.d--richmenu-text-style4.d--richmenu-ratio5-2 .a--richmenu-text {
font-size: 1.6rem;
}
.d--richmenu-column6.d--richmenu-text-style4.d--richmenu-ratio5-2 .a--richmenu-parts {
margin: 3px 0 6px 0;
}
}
@media (max-width: 551px) {
.d--richmenu-column-1-sp .o--richmenu-item {
width: 100%;
margin-right: 0;
}
.d--richmenu-column-1-sp .o--richmenu-item:nth-of-type(n+2) {
margin-top: 13.5px;
}
.d--richmenu-column-1-sp.d--richmenu-text-style5 .a--richmenu-text, .d--richmenu-column-1-sp.d--richmenu-text-style1 .a--richmenu-text, .d--richmenu-column-1-sp.d--richmenu-text-style2 .a--richmenu-text, .d--richmenu-column-1-sp.d--richmenu-text-style3 .a--richmenu-text, .d--richmenu-column-1-sp.d--richmenu-text-style4 .a--richmenu-text {
font-size: 1.8rem;
}
.d--richmenu-column-2-sp .o--richmenu-item {
width: calc((100% - 9px ) / 2);
}
.d--richmenu-column-2-sp .o--richmenu-item:not(:nth-of-type(2n)) {
margin-right: 9px;
}
.d--richmenu-column-2-sp .o--richmenu-item:nth-of-type(2n+3), .d--richmenu-column-2-sp .o--richmenu-item:nth-of-type(2n+4) {
margin-top: 9px;
}
.d--richmenu-column-2-sp.d--richmenu-text-style5 .a--richmenu-text, .d--richmenu-column-2-sp.d--richmenu-text-style1 .a--richmenu-text, .d--richmenu-column-2-sp.d--richmenu-text-style2 .a--richmenu-text, .d--richmenu-column-2-sp.d--richmenu-text-style3 .a--richmenu-text, .d--richmenu-column-2-sp.d--richmenu-text-style4 .a--richmenu-text {
font-size: 1.5rem;
}
.d--richmenu-column-2-sp.d--richmenu-ratio-unique1-1 .o--richmenu-item {
padding: 4px;
}
.d--richmenu-column-2-sp.d--richmenu-ratio-unique1-1 .a--richmenu-text {
font-size: 1rem;
letter-spacing: 0.06rem;
}
.d--richmenu-column-2-sp.d--richmenu-ratio-unique1-1 .a--richmenu-image {
width: 55px;
}
.d--richmenu-column-2-sp.d--richmenu-ratio-unique1-1 .c--richmenu-contents {
width: calc(100% - 65px) !important;
left: 65px !important;
}
.d--richmenu-column-3-sp .o--richmenu-item {
width: calc((100% - 9px*2 ) / 3);
}
.d--richmenu-column-3-sp .o--richmenu-item:not(:nth-of-type(3n)) {
margin-right: 9px;
}
.d--richmenu-column-3-sp .o--richmenu-item:nth-of-type(3n+4), .d--richmenu-column-3-sp .o--richmenu-item:nth-of-type(3n+5), .d--richmenu-column-3-sp .o--richmenu-item:nth-of-type(3n+6) {
margin-top: 9px;
}
.d--richmenu-column-3-sp.d--richmenu-text-style5 .a--richmenu-text, .d--richmenu-column-3-sp.d--richmenu-text-style1 .a--richmenu-text, .d--richmenu-column-3-sp.d--richmenu-text-style2 .a--richmenu-text, .d--richmenu-column-3-sp.d--richmenu-text-style3 .a--richmenu-text, .d--richmenu-column-3-sp.d--richmenu-text-style4 .a--richmenu-text {
font-size: 1.35rem;
}
.d--richmenu-column-3-sp.d--richmenu-text-style5 .c--richmenu-contents {
margin-top: 0;
}
.d--richmenu-column-3-sp.d--richmenu-text-style5.d--richmenu-text-small .c--richmenu-contents {
margin-top: 0;
padding: 3px;
}
.d--richmenu-column-3-sp.d--richmenu-text-style5.d--richmenu-text-small .a--richmenu-text {
width: 120%;
transform-origin: left;
}
.d--richmenu-column-3-sp.d--richmenu-text-style5.d--richmenu-text-large .c--richmenu-contents {
margin-top: 3px;
}
.d--richmenu-column-slide-sp {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
flex-wrap: nowrap;
padding-bottom: 15px;
}
.d--richmenu-column-slide-sp .o--richmenu-item {
flex: 0 0 auto;
width: 55.5555555556vw;
white-space: normal;
}
.d--richmenu-column-slide-sp .o--richmenu-item:not(:last-of-type) {
margin-right: 9px;
}
.d--richmenu-column-slide-sp.d--richmenu-ratio2-3 .o--richmenu-item {
width: 50vw;
}
.d--richmenu-column-slide-sp.d--richmenu-text-style5 .a--richmenu-text, .d--richmenu-column-slide-sp.d--richmenu-text-style1 .a--richmenu-text, .d--richmenu-column-slide-sp.d--richmenu-text-style2 .a--richmenu-text, .d--richmenu-column-slide-sp.d--richmenu-text-style3 .a--richmenu-text, .d--richmenu-column-slide-sp.d--richmenu-text-style4 .a--richmenu-text {
font-size: 1.6rem;
}
.d--richmenu-column-slide-sp.d--richmenu-ratio-unique1-1 .o--richmenu-item {
width: 55.5555555556vw;
padding: 5px;
}
.d--richmenu-column-slide-sp.d--richmenu-ratio-unique1-1 .a--richmenu-text {
font-size: 1rem;
letter-spacing: 0.06rem;
}
.d--richmenu-column-slide-sp.d--richmenu-ratio-unique1-1 .a--richmenu-image {
width: 70px;
}
.d--richmenu-column-slide-sp.d--richmenu-ratio-unique1-1 .c--richmenu-contents {
width: calc(100% - 82px) !important;
left: 82px !important;
}
}
@media (min-width: 782px) {
.page-template-template-full-width .d--richmenu-text-style4 .c--richmenu-contents,
.post-template-template-full-width .d--richmenu-text-style4 .c--richmenu-contents {
top: 6px;
left: 15px;
}
.page-template-template-full-width .d--richmenu-column2 .o--richmenu-item,
.post-template-template-full-width .d--richmenu-column2 .o--richmenu-item {
width: calc((100% - 24px ) / 2);
}
.page-template-template-full-width .d--richmenu-column2 .o--richmenu-item:not(:nth-of-type(2n)),
.post-template-template-full-width .d--richmenu-column2 .o--richmenu-item:not(:nth-of-type(2n)) {
margin-right: 24px;
}
.page-template-template-full-width .d--richmenu-column2 .o--richmenu-item:nth-of-type(2n+3), .page-template-template-full-width .d--richmenu-column2 .o--richmenu-item:nth-of-type(2n+4),
.post-template-template-full-width .d--richmenu-column2 .o--richmenu-item:nth-of-type(2n+3),
.post-template-template-full-width .d--richmenu-column2 .o--richmenu-item:nth-of-type(2n+4) {
margin-top: 24px;
}
.page-template-template-full-width .d--richmenu-column2.d--richmenu-text-style5 .c--richmenu-contents, .page-template-template-full-width .d--richmenu-column2.d--richmenu-text-style1 .c--richmenu-contents, .page-template-template-full-width .d--richmenu-column2.d--richmenu-text-style2 .c--richmenu-contents,
.post-template-template-full-width .d--richmenu-column2.d--richmenu-text-style5 .c--richmenu-contents,
.post-template-template-full-width .d--richmenu-column2.d--richmenu-text-style1 .c--richmenu-contents,
.post-template-template-full-width .d--richmenu-column2.d--richmenu-text-style2 .c--richmenu-contents {
padding: 12px;
}
.page-template-template-full-width .d--richmenu-column2.d--richmenu-text-style5 .a--richmenu-text, .page-template-template-full-width .d--richmenu-column2.d--richmenu-text-style1 .a--richmenu-text, .page-template-template-full-width .d--richmenu-column2.d--richmenu-text-style2 .a--richmenu-text,
.post-template-template-full-width .d--richmenu-column2.d--richmenu-text-style5 .a--richmenu-text,
.post-template-template-full-width .d--richmenu-column2.d--richmenu-text-style1 .a--richmenu-text,
.post-template-template-full-width .d--richmenu-column2.d--richmenu-text-style2 .a--richmenu-text {
font-size: 1.7rem;
}
.page-template-template-full-width .d--richmenu-column2.d--richmenu-text-style3 .a--richmenu-text, .page-template-template-full-width .d--richmenu-column2.d--richmenu-text-style4 .a--richmenu-text,
.post-template-template-full-width .d--richmenu-column2.d--richmenu-text-style3 .a--richmenu-text,
.post-template-template-full-width .d--richmenu-column2.d--richmenu-text-style4 .a--richmenu-text {
font-size: 2.1rem;
}
.page-template-template-full-width .d--richmenu-column3 .o--richmenu-item,
.post-template-template-full-width .d--richmenu-column3 .o--richmenu-item {
width: calc((100% - 24px * 2) / 3);
}
.page-template-template-full-width .d--richmenu-column3 .o--richmenu-item:not(:nth-of-type(3n)),
.post-template-template-full-width .d--richmenu-column3 .o--richmenu-item:not(:nth-of-type(3n)) {
margin-right: 24px;
}
.page-template-template-full-width .d--richmenu-column3 .o--richmenu-item:nth-of-type(3n+4), .page-template-template-full-width .d--richmenu-column3 .o--richmenu-item:nth-of-type(3n+5), .page-template-template-full-width .d--richmenu-column3 .o--richmenu-item:nth-of-type(3n+6),
.post-template-template-full-width .d--richmenu-column3 .o--richmenu-item:nth-of-type(3n+4),
.post-template-template-full-width .d--richmenu-column3 .o--richmenu-item:nth-of-type(3n+5),
.post-template-template-full-width .d--richmenu-column3 .o--richmenu-item:nth-of-type(3n+6) {
margin-top: 24px;
}
.page-template-template-full-width .d--richmenu-column3.d--richmenu-text-style5 .a--richmenu-text, .page-template-template-full-width .d--richmenu-column3.d--richmenu-text-style1 .a--richmenu-text, .page-template-template-full-width .d--richmenu-column3.d--richmenu-text-style2 .a--richmenu-text,
.post-template-template-full-width .d--richmenu-column3.d--richmenu-text-style5 .a--richmenu-text,
.post-template-template-full-width .d--richmenu-column3.d--richmenu-text-style1 .a--richmenu-text,
.post-template-template-full-width .d--richmenu-column3.d--richmenu-text-style2 .a--richmenu-text {
font-size: 1.5rem;
}
.page-template-template-full-width .d--richmenu-column3.d--richmenu-text-style3 .a--richmenu-text, .page-template-template-full-width .d--richmenu-column3.d--richmenu-text-style4 .a--richmenu-text,
.post-template-template-full-width .d--richmenu-column3.d--richmenu-text-style3 .a--richmenu-text,
.post-template-template-full-width .d--richmenu-column3.d--richmenu-text-style4 .a--richmenu-text {
font-size: 2.1rem;
}
.page-template-template-full-width .d--richmenu-column3.d--richmenu-ratio-unique1-1 .a--richmenu-text,
.post-template-template-full-width .d--richmenu-column3.d--richmenu-ratio-unique1-1 .a--richmenu-text {
font-size: 1.5rem;
}
.page-template-template-full-width .d--richmenu-column3.d--richmenu-ratio-unique1-1 .a--richmenu-image,
.post-template-template-full-width .d--richmenu-column3.d--richmenu-ratio-unique1-1 .a--richmenu-image {
width: 120px;
}
.page-template-template-full-width .d--richmenu-column3.d--richmenu-ratio-unique1-1 .c--richmenu-contents,
.post-template-template-full-width .d--richmenu-column3.d--richmenu-ratio-unique1-1 .c--richmenu-contents {
width: calc(100% - 135px) !important;
left: 135px !important;
}
.page-template-template-full-width .d--richmenu-column4 .o--richmenu-item,
.post-template-template-full-width .d--richmenu-column4 .o--richmenu-item {
width: calc((100% - 24px * 3) / 4);
}
.page-template-template-full-width .d--richmenu-column4 .o--richmenu-item:not(:nth-of-type(4n)),
.post-template-template-full-width .d--richmenu-column4 .o--richmenu-item:not(:nth-of-type(4n)) {
margin-right: 24px;
}
.page-template-template-full-width .d--richmenu-column4 .o--richmenu-item:nth-of-type(4n+5), .page-template-template-full-width .d--richmenu-column4 .o--richmenu-item:nth-of-type(4n+6), .page-template-template-full-width .d--richmenu-column4 .o--richmenu-item:nth-of-type(4n+7), .page-template-template-full-width .d--richmenu-column4 .o--richmenu-item:nth-of-type(4n+8),
.post-template-template-full-width .d--richmenu-column4 .o--richmenu-item:nth-of-type(4n+5),
.post-template-template-full-width .d--richmenu-column4 .o--richmenu-item:nth-of-type(4n+6),
.post-template-template-full-width .d--richmenu-column4 .o--richmenu-item:nth-of-type(4n+7),
.post-template-template-full-width .d--richmenu-column4 .o--richmenu-item:nth-of-type(4n+8) {
margin-top: 24px;
}
.page-template-template-full-width .d--richmenu-column4.d--richmenu-text-style5 .a--richmenu-text, .page-template-template-full-width .d--richmenu-column4.d--richmenu-text-style1 .a--richmenu-text, .page-template-template-full-width .d--richmenu-column4.d--richmenu-text-style2 .a--richmenu-text,
.post-template-template-full-width .d--richmenu-column4.d--richmenu-text-style5 .a--richmenu-text,
.post-template-template-full-width .d--richmenu-column4.d--richmenu-text-style1 .a--richmenu-text,
.post-template-template-full-width .d--richmenu-column4.d--richmenu-text-style2 .a--richmenu-text {
font-size: 1.5rem;
}
.page-template-template-full-width .d--richmenu-column4.d--richmenu-text-style3 .a--richmenu-text, .page-template-template-full-width .d--richmenu-column4.d--richmenu-text-style4 .a--richmenu-text,
.post-template-template-full-width .d--richmenu-column4.d--richmenu-text-style3 .a--richmenu-text,
.post-template-template-full-width .d--richmenu-column4.d--richmenu-text-style4 .a--richmenu-text {
font-size: 2.1rem;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--richmenu-column6 {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
flex-wrap: nowrap;
}
.d--richmenu-column6 .o--richmenu-item {
flex: 0 0 auto;
width: 20.8333333333vw;
white-space: normal;
}
.d--richmenu-column6 .o--richmenu-item:not(:last-of-type) {
margin-right: 18px;
}
}
@media (min-width: 782px) {
.d--richmenu-column6 .o--richmenu-item {
width: calc((100% - 18px * 5) / 6);
}
.d--richmenu-column6 .o--richmenu-item:not(:nth-of-type(6n)) {
margin-right: 18px;
}
.d--richmenu-column6 .o--richmenu-item:nth-of-type(6n+7), .d--richmenu-column6 .o--richmenu-item:nth-of-type(6n+8), .d--richmenu-column6 .o--richmenu-item:nth-of-type(6n+9), .d--richmenu-column6 .o--richmenu-item:nth-of-type(6n+10), .d--richmenu-column6 .o--richmenu-item:nth-of-type(6n+11), .d--richmenu-column6 .o--richmenu-item:nth-of-type(6n+12) {
margin-top: 18px;
}
}
.t--round-s .b--jinr-richmenu .a--richmenu-image,
.t--round-s .b--jinr-richmenu .a--richmenu-filter,
.t--round-s .b--jinr-richmenu img {
border-radius: 4px;
}
.t--round-s .b--jinr-richmenu.d--richmenu-simple.d--richmenu-text-style1 .c--richmenu-contents {
border-radius: 2px;
}
.t--round-s .b--jinr-richmenu.d--richmenu-grad.d--richmenu-text-style1 .c--richmenu-contents {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.t--round-m .b--jinr-richmenu .a--richmenu-image,
.t--round-m .b--jinr-richmenu .a--richmenu-filter,
.t--round-m .b--jinr-richmenu img {
border-radius: 8px;
}
.t--round-m .b--jinr-richmenu.d--richmenu-simple.d--richmenu-text-style1 .c--richmenu-contents {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.t--round-m .b--jinr-richmenu.d--richmenu-grad.d--richmenu-text-style1 .c--richmenu-contents {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.t--round-l .b--jinr-richmenu .a--richmenu-image,
.t--round-l .b--jinr-richmenu .a--richmenu-filter,
.t--round-l .b--jinr-richmenu img {
border-radius: 12px;
}
.t--round-l .b--jinr-richmenu.d--richmenu-simple.d--richmenu-text-style1 .c--richmenu-contents {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.t--round-l .b--jinr-richmenu.d--richmenu-grad.d--richmenu-text-style1 .c--richmenu-contents {
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.d--material-design .b--jinr-richmenu .a--richmenu-image {
box-shadow: 0 2px 6px -1px rgba(170, 170, 170, 0.48);
}
#jinrRelatedPost {
position: relative;
padding: clamp(30px, 4.5vw, 45px) 0 clamp(18px, 2.7vw, 30px) 0;
content-visibility: auto;
contain-intrinsic-size: 0 420px;
}
@media (max-width: 551px) {
#jinrRelatedPost {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
#jinrRelatedPost {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
#jinrRelatedPost {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 961px) {
#jinrRelatedPost {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1240px) {
#jinrRelatedPost {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
#jinrRelatedPost {
padding-left: 0px;
padding-right: 0px;
}
}
#jinrRelatedPostInner {
margin: 0 auto;
}
.c--relatedpost-headline {
text-align: center;
margin-bottom: clamp(10px, 1.5vw, 18px);
letter-spacing: 0.12rem;
}
.a--relatedpost-maincopy {
display: flex;
align-items: center;
justify-content: center;
font-size: clamp(2.1rem, 3vw, 2.4rem);
margin-bottom: 3px;
letter-spacing: 0.21rem;
font-feature-settings: "palt";
}
@media (min-width: 552px) {
.a--relatedpost-maincopy {
margin-bottom: 6px;
letter-spacing: 0.3rem;
}
}
.a--relatedpost-maincopy::before, .a--relatedpost-maincopy::after {
content: "";
width: 30px;
height: 1px;
}
.a--relatedpost-maincopy::before {
margin-right: 21px;
}
@media (min-width: 552px) {
.a--relatedpost-maincopy::before {
margin-right: 27px;
}
}
.a--relatedpost-maincopy::after {
margin-left: 21px;
}
@media (min-width: 552px) {
.a--relatedpost-maincopy::after {
margin-left: 27px;
}
}
.a--relatedpost-subcopy {
font-size: 1rem;
letter-spacing: 0.12rem;
}
@media (min-width: 552px) {
.a--relatedpost-subcopy {
font-size: 1.1rem;
}
}
.b--jinr-postlist,
.o--postlist-inner {
width: 100%;
}
.o--postlist-item .c--poslist-more {
flex-basis: 100%;
text-align: center;
margin-top: 24px;
}
.o--postlist-item .c--post-contents {
display: flex;
flex-shrink: 999;
flex-direction: column;
justify-content: space-between;
width: 100%;
box-sizing: border-box !important;
}
.o--postlist-item .c--post-link {
display: block;
position: relative;
width: 100%;
overflow: hidden;
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
.o--postlist-item .c--writer,
.o--postlist-item .c--post-list-publisher {
display: none;
}
.o--postlist-item .c--post-image {
position: relative;
overflow: hidden;
}
.o--postlist-item .c--post-image img {
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
width: 100%;
object-fit: cover;
}
.o--postlist-item .a--post-time {
position: absolute;
right: 5px;
bottom: 5px;
background: rgba(255, 255, 255, 0.75);
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);
color: #666;
padding: 5px 7px;
line-height: 1;
font-size: 1.1rem;
letter-spacing: 0.06rem;
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
}
.o--postlist-item .a--post-time .jin-ifont-playback:before {
font-size: 0.8em;
margin-right: 1px;
transform: scale(0.75);
}
.o--postlist-item .c--post-meta {
position: absolute;
bottom: 9px;
font-size: 1rem;
display: flex;
justify-content: space-between;
width: calc(100% - 30px);
font-weight: 200;
align-items: center;
}
.o--postlist-item .c--post-meta .a--post-date {
letter-spacing: 0.12rem;
font-feature-settings: "palt";
flex-shrink: 0;
margin-right: 12px;
}
.o--postlist-item .c--post-meta .a--post-pv {
letter-spacing: 0.12rem;
font-feature-settings: "palt";
flex-shrink: 0;
margin-right: 12px;
}
.o--postlist-item .c--post-meta .a--post-pv span {
font-weight: 500;
}
.o--postlist-item .c--post-meta .a--post-category {
letter-spacing: clamp(0.06rem, 0.6vw, 0.09rem);
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
max-height: 2.4em;
overflow: hidden;
}
.o--postlist-item .c--meta-options {
display: flex;
align-items: center;
margin-top: 15px;
}
.o--postlist-item .a--paidpost-price {
font-size: 1.2rem;
font-weight: 700;
flex-shrink: 0;
padding: 3px 0;
}
@media (min-width: 782px) {
.o--postlist-item .a--paidpost-price {
letter-spacing: 0.09rem;
margin-right: 6px;
}
}
.o--postlist-item .a--pickup-label {
padding: 8px 9px;
transform: scale(0.84);
transform-origin: left center;
}
.o--postlist-item .a--pickup-label span {
display: block;
font-size: 0.9rem;
line-height: 1.5;
font-weight: 600;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 2;
max-height: 4.8em;
}
@media (min-width: 552px) {
.o--postlist-item .a--pickup-label span {
font-weight: 500;
}
}
.o--postlist-item .a--post-title {
letter-spacing: clamp(0.06rem, 0.21vw, 0.12rem);
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 3;
max-height: 7.2em;
font-size: 1.15rem;
line-height: 1.45;
}
@media (min-width: 552px) {
.o--postlist-item .a--post-title {
font-size: clamp(1.2rem, 1.25vw, 1.35rem);
line-height: 1.5;
}
}
.o--postlist-item:nth-of-type(1) .c--post-ranking, .o--postlist-item:nth-of-type(2) .c--post-ranking, .o--postlist-item:nth-of-type(3) .c--post-ranking {
position: absolute;
top: 8px;
left: 8px;
width: 20px;
height: 20px;
}
.o--postlist-item:nth-of-type(1) .c--post-ranking::before, .o--postlist-item:nth-of-type(2) .c--post-ranking::before, .o--postlist-item:nth-of-type(3) .c--post-ranking::before {
position: absolute;
font-size: 0.85em;
line-height: 1;
color: #fff;
top: 3px;
left: 5px;
}
.o--postlist-item:nth-of-type(1) .c--post-ranking {
background-color: #f9e154;
}
.o--postlist-item:nth-of-type(1) .c--post-ranking::before {
content: "1";
}
.o--postlist-item:nth-of-type(2) .c--post-ranking {
background-color: #b5b7b7;
}
.o--postlist-item:nth-of-type(2) .c--post-ranking::before {
content: "2";
}
.o--postlist-item:nth-of-type(3) .c--post-ranking {
background-color: #c59a6a;
}
.o--postlist-item:nth-of-type(3) .c--post-ranking::before {
content: "3";
}
@media (min-width: 552px) {
.d--jpf-default .a--post-title {
font-weight: 500 !important;
}
}
.b--jinr-postlist {
margin: 1.65rem auto;
}
@media (min-width: 552px) {
.b--jinr-postlist {
margin: 3.3rem auto;
}
}
@media (min-width: 552px) {
.d--postlist-square .c--post-contents,
.d--postlist-slider .c--post-contents {
padding-bottom: 39px;
}
} @media (min-width: 552px) {
.d--postlist-newstext {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.d--postlist-newstext .o--postlist-item {
padding: 15px 2px;
border-top-width: 1px;
border-style: solid;
}
.d--postlist-newstext .o--postlist-item:last-child {
border-bottom-width: 1px;
}
.d--postlist-newstext .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--postlist-newstext .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--postlist-newstext .o--postlist-item:nth-of-type(3) .c--post-ranking {
top: 1px;
left: -34px;
width: 18px;
height: 18px;
}
.d--postlist-newstext .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--postlist-newstext .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--postlist-newstext .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.75em;
top: 3px;
left: 5px;
}
.d--postlist-newstext.d--postlist-ranking-on .o--postlist-item .c--post-link {
overflow: visible;
}
.d--postlist-newstext.d--postlist-ranking-on .c--post-link {
overflow: visible;
}
.d--postlist-newstext .c--post-image {
display: none;
}
.d--postlist-newstext .c--post-contents {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
}
.d--postlist-newstext .c--post-meta {
display: block;
position: relative;
bottom: auto;
width: auto;
margin-right: 21px;
flex-shrink: 0;
}
.d--postlist-newstext .c--post-meta .a--post-category {
display: none;
}
.d--postlist-newstext .c--post-meta .a--post-date {
font-size: 1.15rem;
}
.d--postlist-newstext .a--post-title {
line-height: 1.5;
letter-spacing: 0.12rem;
font-size: 1.35rem;
margin-top: 1px;
}
.d--postlist-newstext.d--postlist-ranking-on .o--postlist-item {
padding-left: 45px;
}
.d--postlist-newstext.d--postlist-type-pickup .c--post-meta {
display: flex;
flex-direction: column;
width: 100px;
margin-right: 9px;
}
.d--postlist-newstext.d--postlist-type-pickup .c--post-contents {
align-items: center;
}
.d--postlist-newstext.d--postlist-type-pickup .a--paidpost-price {
margin-right: 15px;
width: 84%;
text-align: center;
margin-top: 3px;
padding: 0;
}
.d--postlist-newstext.d--postlist-type-pickup .a--pickup-label {
position: relative;
width: 100%;
}
.d--postlist-newstext.d--postlist-type-pickup .a--pickup-label span {
text-align: center;
}
.d--jpf-default .d--postlist-newstext .a--post-title {
font-weight: 500 !important;
}
}
@media (max-width: 551px) {
.d--postlist-newstext-sp {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.d--postlist-newstext-sp .o--postlist-item {
padding: 15px 2px;
border-top-width: 1px;
border-style: solid;
}
.d--postlist-newstext-sp .o--postlist-item:last-child {
border-bottom-width: 1px;
}
.d--postlist-newstext-sp .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--postlist-newstext-sp .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--postlist-newstext-sp .o--postlist-item:nth-of-type(3) .c--post-ranking {
top: 0;
left: -30px;
width: 16px;
height: 16px;
}
.d--postlist-newstext-sp .o--postlist-item:nth-of-type(1) .c--post-ranking:before, .d--postlist-newstext-sp .o--postlist-item:nth-of-type(2) .c--post-ranking:before, .d--postlist-newstext-sp .o--postlist-item:nth-of-type(3) .c--post-ranking:before {
font-size: 0.7em;
top: 3px;
left: 4px;
}
.d--postlist-newstext-sp.d--postlist-ranking-on .o--postlist-item {
padding-left: 38px;
}
.d--postlist-newstext-sp.d--postlist-ranking-on .o--postlist-item .c--post-link {
overflow: visible;
}
.d--postlist-newstext-sp.d--postlist-ranking-on .o--postlist-item .c--post-meta .a--post-pv {
margin-right: 0;
}
.d--postlist-newstext-sp .c--post-image {
display: none;
}
.d--postlist-newstext-sp .c--post-contents {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
}
.d--postlist-newstext-sp .c--post-meta {
display: block;
position: relative;
bottom: auto;
width: auto;
margin-right: 21px;
flex-shrink: 0;
}
.d--postlist-newstext-sp .c--post-meta .a--post-category {
display: none;
}
.d--postlist-newstext-sp .c--post-meta .a--post-date {
font-size: 1.15rem;
}
.d--postlist-newstext-sp .a--post-title {
line-height: 1.45;
letter-spacing: 0.12rem;
font-size: 1.35rem;
display: block;
}
.d--postlist-newstext-sp.d--postlist-type-pickup .c--post-contents {
align-items: flex-start;
}
.d--postlist-newstext-sp.d--postlist-type-pickup .c--post-meta {
display: flex;
flex-direction: column;
width: 100px;
margin-right: 6px;
}
.d--postlist-newstext-sp.d--postlist-type-pickup .a--paidpost-price {
position: relative;
margin-right: 15px;
width: 84%;
text-align: right;
padding: 0 !important;
}
.d--postlist-newstext-sp.d--postlist-type-pickup .a--pickup-label {
position: relative !important;
width: 100%;
}
.d--postlist-newstext-sp.d--postlist-type-pickup .a--pickup-label span {
text-align: center;
}
}
.d--postlist-square {
display: flex;
flex-wrap: wrap;
}
.d--postlist-square .o--postlist-item {
display: flex;
margin-bottom: 15px;
}
@media (min-width: 552px) {
.d--postlist-square .o--postlist-item {
margin-bottom: 24px;
}
}
@media (max-width: 551px) {
.d--postlist-square .a--post-title {
-webkit-line-clamp: 4;
max-height: 9.6em;
}
}
.d--postlist-square.d--postlist-column1 .o--postlist-item {
width: 100%;
}
@media (max-width: 551px) {
.d--postlist-square.d--postlist-column1 .a--post-time {
font-size: 1rem;
}
}
@media (max-width: 551px) {
.d--postlist-square.d--postlist-column2 .o--postlist-item {
width: calc((100% - 15px) / 2);
}
.d--postlist-square.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)) {
margin-right: 15px;
}
}
@media (min-width: 552px) {
.d--postlist-square.d--postlist-column2 .o--postlist-item {
width: calc((100% - (18px + 6px)) / 2);
}
.d--postlist-square.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)) {
margin-right: 24px;
}
}
@media (max-width: 551px) {
.d--postlist-square.d--postlist-column2 .a--post-time {
font-size: 1rem;
}
}
@media (max-width: 551px) {
.d--postlist-square.d--postlist-column3 .o--postlist-item {
width: calc((100% - 15px) / 2);
}
.d--postlist-square.d--postlist-column3 .o--postlist-item:not(:nth-of-type(2n)) {
margin-right: 15px;
}
.d--postlist-square.d--postlist-column3 .o--postlist-item .c--post-contents {
padding-bottom: clamp(36px, 4vw, 42px) !important;
}
}
@media (min-width: 552px) {
.d--postlist-square.d--postlist-column3 .o--postlist-item {
width: calc((100% - 18px * 2) / 3);
}
.d--postlist-square.d--postlist-column3 .o--postlist-item:not(:nth-of-type(3n)) {
margin-right: 18px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--postlist-square.d--postlist-column4 {
flex-wrap: nowrap;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--postlist-square.d--postlist-column4 .o--postlist-item {
display: flex;
white-space: normal;
margin-right: 18px;
}
.d--postlist-square.d--postlist-column4 .o--postlist-item .c--post-link {
width: 28.5714285714vw;
max-width: 255px;
}
}
@media (min-width: 782px) {
.d--postlist-square.d--postlist-column4 .o--postlist-item {
width: calc((100% - 18px * 3) / 4);
}
.d--postlist-square.d--postlist-column4 .o--postlist-item:not(:nth-of-type(4n)) {
margin-right: 18px;
}
}
.d--postlist-square.d--postlist-column4 .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--postlist-square.d--postlist-column4 .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--postlist-square.d--postlist-column4 .o--postlist-item:nth-of-type(3) .c--post-ranking {
top: 7px;
left: 7px;
width: 18px;
height: 18px;
}
.d--postlist-square.d--postlist-column4 .o--postlist-item:nth-of-type(1) .c--post-ranking::before, .d--postlist-square.d--postlist-column4 .o--postlist-item:nth-of-type(2) .c--post-ranking::before, .d--postlist-square.d--postlist-column4 .o--postlist-item:nth-of-type(3) .c--post-ranking::before {
font-size: 0.75em;
top: 3px;
left: 5px;
}
.d--postlist-square.d--postlist-column4 .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--postlist-square.d--postlist-column4 .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--postlist-square.d--postlist-column4 .o--postlist-item:nth-of-type(3) .c--post-ranking {
top: 7px;
left: 7px;
width: 18px;
height: 18px;
}
.d--postlist-square.d--postlist-column4 .o--postlist-item:nth-of-type(1) .c--post-ranking::before, .d--postlist-square.d--postlist-column4 .o--postlist-item:nth-of-type(2) .c--post-ranking::before, .d--postlist-square.d--postlist-column4 .o--postlist-item:nth-of-type(3) .c--post-ranking::before {
font-size: 0.75em;
top: 3px;
left: 5px;
}
.d--postlist-square.d--postlist-column4 .a--post-time {
font-size: 1rem;
}
.d--postlist-rectangle {
display: flex;
flex-wrap: wrap;
}
.d--postlist-rectangle.d--postlist-column1 .o--postlist-item {
width: 100%;
}
@media (min-width: 552px) {
.d--postlist-rectangle.d--postlist-column1 .a--post-title {
font-size: clamp(1.4rem, 1.4vw, 1.5rem);
line-height: 1.5;
}
}
@media (min-width: 861px) {
.d--postlist-rectangle.d--postlist-column1 .a--post-title {
line-height: 1.55;
}
}
@media (min-width: 1340px) {
.d--postlist-rectangle.d--postlist-column1 .a--post-title {
-webkit-line-clamp: 2;
max-height: 4.8em;
}
}
@media (min-width: 552px) {
.d--postlist-rectangle.d--postlist-column1 .c--post-meta {
bottom: clamp(9px, 1.2vw, 18px);
width: calc(100% - 45px);
}
}
@media (min-width: 961px) {
.d--postlist-rectangle.d--postlist-column1 .c--post-meta {
font-size: 1.1rem;
}
}
@media (max-width: 860px) {
.d--postlist-rectangle.d--postlist-column2 {
display: block;
}
}
.d--postlist-rectangle.d--postlist-column2 .o--postlist-item {
width: 100%;
}
@media (min-width: 861px) {
.d--postlist-rectangle.d--postlist-column2 .o--postlist-item {
width: calc((100% - 18px) / 2);
}
.d--postlist-rectangle.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)) {
margin-right: 18px;
}
}
.d--postlist-rectangle.d--postlist-column2 .a--post-title {
font-size: 1.05rem;
}
@media (min-width: 552px) {
.d--postlist-rectangle.d--postlist-column2 .a--post-title {
font-size: 1.1rem;
line-height: 1.35;
}
}
.d--postlist-rectangle.d--postlist-column2 .a--pickup-label {
padding: 4px 8px;
bottom: 0;
}
.d--postlist-rectangle.d--postlist-column2 .c--post-meta {
width: calc(100% - 9px);
}
.d--postlist-rectangle.d--postlist-column2 .a--paidpost-price {
margin-right: 0;
padding: 0;
font-size: 1.1rem;
}
.d--postlist-rectangle .o--postlist-item {
margin-bottom: 15px;
}
@media screen and (min-width: 552px) and (max-width: 860px) {
.d--postlist-rectangle .o--postlist-item {
margin-bottom: 18px;
}
}
.d--postlist-rectangle .o--postlist-item .c--post-contents {
display: flex;
flex-direction: column;
position: relative;
}
.d--postlist-rectangle .o--postlist-item .c--post-link {
display: flex;
}
@media (max-width: 551px) {
.d--postlist-rectangle .o--postlist-item .c--post-meta {
font-size: 0.8rem;
}
}
.d--postlist-rectangle .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--postlist-rectangle .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--postlist-rectangle .o--postlist-item:nth-of-type(3) .c--post-ranking {
top: 6px;
left: 6px;
width: 16px;
height: 16px;
}
.d--postlist-rectangle .o--postlist-item:nth-of-type(1) .c--post-ranking::before, .d--postlist-rectangle .o--postlist-item:nth-of-type(2) .c--post-ranking::before, .d--postlist-rectangle .o--postlist-item:nth-of-type(3) .c--post-ranking::before {
font-size: 0.7em;
top: 3px;
left: 4px;
}
.d--postlist-slider {
display: flex;
flex-wrap: nowrap;
overflow: hidden;
-webkit-overflow-scrolling: auto;
white-space: nowrap;
padding: 9px 0px 25px 0px;
}
@media (min-width: 552px) {
.d--postlist-slider {
scrollbar-width: normal;
scrollbar-color: #407fed #f9f7f4;
}
.d--postlist-slider::-webkit-scrollbar {
height: 3px;
width: 1px;
}
.d--postlist-slider::-webkit-scrollbar-thumb {
border-radius: 5px;
}
.d--postlist-slider::-webkit-scrollbar-track {
background: transparent;
}
}
.d--postlist-slider:hover {
overflow-x: overlay;
}
.d--postlist-slider .o--postlist-item {
display: flex;
white-space: normal;
margin-right: 15px;
}
@media (min-width: 552px) {
.d--postlist-slider .o--postlist-item {
margin-right: 18px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--postlist-slider .c--post-meta {
transform: scale(0.9);
transform-origin: left center;
width: calc(100% - 12px);
}
}
@media (max-width: 551px) {
.d--postlist-slider .c--post-meta {
transform: scale(0.9);
transform-origin: left center;
width: calc(100% - 12px);
font-size: 0.8rem;
}
}
.d--postlist-slider .c--post-link {
width: 83.3333333333vw;
max-width: 225px;
}
@media (min-width: 552px) {
.d--postlist-slider .c--post-link {
width: 28.5714285714vw;
max-width: 255px;
}
}
@media (min-width: 961px) {
.d--postlist-slider .c--post-link {
width: 22.2222222222vw;
max-width: 255px;
}
}
#jinrRelatedPostInner {
position: relative;
}
#jinrRelatedPostInner .o--postlist-inner::-webkit-scrollbar {
height: 3px;
}
#jinrRelatedPostInner .o--postlist-inner::-webkit-scrollbar-thumb {
background: #407fed;
border-radius: 5px;
}
#jinrRelatedPostInner .o--postlist-inner::-webkit-scrollbar-track {
background: transparent;
}
.a--scroll-btn {
display: none;
position: absolute;
top: 50%;
width: 20px;
height: 45px;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s, visibility 0.2s;
}
.a--scroll-btn:before, .a--scroll-btn:after {
content: "";
position: absolute;
display: inline-block;
width: 2px;
height: 21px;
background-color: #407fed;
border-radius: 2px;
}
@media (min-width: 1340px) {
.a--scroll-btn {
display: inline;
}
}
.a--scroll-btn.a--scroll-prev {
left: -48px;
}
.a--scroll-btn.a--scroll-prev:before {
transform: rotate(30deg);
right: 10px;
top: 4px;
}
.a--scroll-btn.a--scroll-prev:after {
transform: rotate(330deg);
top: 21px;
left: 9px;
}
.a--scroll-btn.a--scroll-next {
right: -48px;
}
.a--scroll-btn.a--scroll-next:before {
right: 10px;
transform: rotate(330deg);
top: 4px;
}
.a--scroll-btn.a--scroll-next:after {
transform: rotate(30deg);
top: 21px;
right: 10px;
}
.a--scroll-btn.js--scroll-active {
opacity: 1;
visibility: visible;
}
#jinr-posttop-widget-area .a--scroll-btn,
#jinr-postbottom-widget-area .a--scroll-btn,
#jinr-relatedpost-bottom-widget-area .a--scroll-btn,
#footer-widget .a--scroll-btn {
top: 40%;
}
@media (max-width: 551px) {
.d--postlist-square-sp {
display: flex !important;
flex-wrap: wrap;
overflow-x: visible !important;
}
.d--postlist-square-sp .o--postlist-item {
display: flex;
margin-bottom: 18px;
}
.d--postlist-square-sp .o--postlist-item .c--post-contents {
padding-bottom: 33px !important;
}
.d--postlist-square-sp .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--postlist-square-sp .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--postlist-square-sp .o--postlist-item:nth-of-type(3) .c--post-ranking {
top: 8px;
left: 8px;
width: 20px;
height: 20px;
}
.d--postlist-square-sp .o--postlist-item:nth-of-type(1) .c--post-ranking::before, .d--postlist-square-sp .o--postlist-item:nth-of-type(2) .c--post-ranking::before, .d--postlist-square-sp .o--postlist-item:nth-of-type(3) .c--post-ranking::before {
font-size: 0.9em;
top: 2px;
left: 7px;
}
.d--postlist-square-sp .c--post-link {
display: block !important;
}
.d--postlist-square-sp .c--post-image {
max-width: 100% !important;
}
.d--postlist-rectangle-sp {
overflow: visible !important;
display: block !important;
margin-right: 0 !important;
}
.d--postlist-rectangle-sp .o--postlist-item {
width: 100% !important;
margin-bottom: 15px;
}
.d--postlist-rectangle-sp .c--post-link {
display: flex !important;
width: 100% !important;
max-width: 100% !important;
}
.d--postlist-rectangle-sp .c--post-contents {
position: relative;
padding: 9px 15px !important;
}
.d--postlist-rectangle-sp .c--post-image {
width: 100% !important;
max-width: 150px !important;
}
.d--postlist-rectangle-sp .a--post-title {
font-size: 1.05rem !important;
-webkit-line-clamp: 3 !important;
max-height: 7.2em !important;
}
.d--postlist-rectangle-sp .a--post-time {
font-size: 1rem;
}
.d--postlist-rectangle-sp .a--pickup-label {
padding: 4px 8px;
position: absolute;
left: 0;
bottom: -1px !important;
transform: scale(0.93) !important;
}
.d--postlist-rectangle-sp .c--post-meta {
width: calc(100% - 3px) !important;
transform: scale(0.9) !important;
transform-origin: left center !important;
bottom: 0 !important;
}
.d--postlist-rectangle-sp .a--paidpost-price {
font-size: 1.15rem !important;
margin-right: 0;
padding: 0 !important;
line-height: 1.35 !important;
}
.d--postlist-slider-sp {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
padding: 15px 0px;
}
.d--postlist-slider-sp .o--postlist-item {
display: flex;
white-space: normal;
margin-right: 15px;
width: 100% !important;
}
.d--postlist-slider-sp .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--postlist-slider-sp .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--postlist-slider-sp .o--postlist-item:nth-of-type(3) .c--post-ranking {
top: 8px;
left: 8px;
width: 18px;
height: 18px;
}
.d--postlist-slider-sp .o--postlist-item:nth-of-type(1) .c--post-ranking::before, .d--postlist-slider-sp .o--postlist-item:nth-of-type(2) .c--post-ranking::before, .d--postlist-slider-sp .o--postlist-item:nth-of-type(3) .c--post-ranking::before {
font-size: 0.75em;
top: 3px;
left: 5px;
}
.d--postlist-slider-sp .c--post-link {
display: block !important;
width: 83.3333333333vw !important;
max-width: 225px !important;
}
.d--postlist-slider-sp .c--post-contents {
padding: 12px 12px 36px !important;
}
.d--postlist-slider-sp .c--post-image {
max-width: 100% !important;
}
.d--postlist-slider-sp .a--post-title {
-webkit-line-clamp: 3;
max-height: 7.2em;
}
.d--material-design .d--postlist-rectangle-sp .c--post-meta {
bottom: 6px !important;
}
.d--material-design .d--postlist-rectangle-sp.d--postlist-column2-sp .o--postlist-item .c--post-ranking {
top: 6px;
left: 6px;
width: 16px;
height: 16px;
}
.d--material-design .d--postlist-rectangle-sp.d--postlist-column2-sp .o--postlist-item .c--post-ranking::before {
font-size: 0.7em;
top: 3px;
left: 4px;
}
.d--material-design .d--postlist-square-sp.d--postlist-column1-sp .o--postlist-item {
width: 100% !important;
margin-right: 0 !important;
}
.d--material-design .d--postlist-square-sp.d--postlist-column1-sp .c--post-link {
width: 100% !important;
max-width: 100% !important;
}
.d--material-design .d--postlist-square-sp.d--postlist-column1-sp .c--post-contents {
padding: 15px 15px 36px !important;
}
.d--material-design .d--postlist-square-sp.d--postlist-column1-sp .c--post-meta {
bottom: 9px !important;
}
.d--material-design .d--postlist-square-sp.d--postlist-column1-sp .a--post-title {
font-size: 1.35rem;
}
.d--material-design .d--postlist-square-sp.d--postlist-column1-sp .a--paidpost-price {
font-size: 1.3rem !important;
}
.d--material-design .d--postlist-square-sp.d--postlist-column1-sp .a--pickup-label span {
font-size: 1.15rem !important;
}
.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item {
width: calc((100% - 15px) / 2);
margin-right: 0 !important;
}
.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:not(:nth-of-type(2n)) {
margin-right: 15px !important;
}
.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(3) .c--post-ranking {
top: 6px;
left: 6px;
width: 16px;
height: 16px;
}
.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(1) .c--post-ranking::before, .d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(2) .c--post-ranking::before, .d--material-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(3) .c--post-ranking::before {
font-size: 0.7em;
top: 3px;
left: 4px;
}
.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .c--post-meta {
bottom: 9px !important;
}
.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .a--post-date {
letter-spacing: 0.09rem;
}
.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .a--post-category {
margin-left: 9px;
letter-spacing: 0.06rem;
}
.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .a--post-title {
-webkit-line-clamp: 4;
max-height: 9.6em;
}
.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .a--post-time {
font-size: 1rem;
}
.d--material-design .d--postlist-square-sp.d--postlist-column2-sp .a--paidpost-price {
font-size: 1.05rem !important;
}
.d--material-design .d--postlist-slider-sp .c--post-meta {
bottom: 9px !important;
}
.d--flat-design .d--postlist-square-sp.d--postlist-column1-sp .o--postlist-item {
width: 100% !important;
margin-right: 0 !important;
margin-bottom: 24px !important;
}
.d--flat-design .d--postlist-square-sp.d--postlist-column1-sp .c--post-link {
width: 100% !important;
max-width: 100% !important;
}
.d--flat-design .d--postlist-square-sp.d--postlist-column1-sp .c--post-contents {
padding: 12px 3px 25px 3px !important;
}
.d--flat-design .d--postlist-square-sp.d--postlist-column1-sp .c--post-meta {
width: 98% !important;
bottom: 0px !important;
}
.d--flat-design .d--postlist-square-sp.d--postlist-column1-sp .a--post-title {
font-size: 1.35rem;
}
.d--flat-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item {
width: calc((100% - 15px) / 2);
margin-right: 0 !important;
margin-bottom: 24px !important;
}
.d--flat-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:not(:nth-of-type(2n)) {
margin-right: 15px !important;
}
.d--flat-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(1) .c--post-ranking, .d--flat-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(2) .c--post-ranking, .d--flat-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(3) .c--post-ranking {
top: 6px;
left: 6px;
width: 16px;
height: 16px;
}
.d--flat-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(1) .c--post-ranking::before, .d--flat-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(2) .c--post-ranking::before, .d--flat-design .d--postlist-square-sp.d--postlist-column2-sp .o--postlist-item:nth-of-type(3) .c--post-ranking::before {
font-size: 0.75em;
top: 1px;
left: 5px;
}
.d--flat-design .d--postlist-square-sp.d--postlist-column2-sp .c--post-contents {
padding: 9px 3px 25px 3px !important;
}
.d--flat-design .d--postlist-square-sp.d--postlist-column2-sp .c--post-meta {
width: 98% !important;
bottom: 0px !important;
}
.d--flat-design .d--postlist-square-sp.d--postlist-column2-sp .a--post-date {
letter-spacing: 0.09rem;
}
.d--flat-design .d--postlist-square-sp.d--postlist-column2-sp .a--post-category {
margin-left: 9px;
}
.d--flat-design .d--postlist-square-sp.d--postlist-column2-sp .a--post-title {
-webkit-line-clamp: 4;
max-height: 9.6em;
}
.d--flat-design .d--postlist-square-sp.d--postlist-column2-sp .a--post-time {
font-size: 1rem;
}
.d--flat-design .d--postlist-rectangle-sp .c--post-contents {
padding: 3px 0px 0px 12px !important;
}
.d--flat-design .d--postlist-rectangle-sp .c--post-image {
max-width: 144px !important;
}
.d--flat-design .d--postlist-rectangle-sp .a--paidpost-price {
margin-left: auto !important;
}
.d--flat-design .d--postlist-rectangle-sp .c--post-meta {
width: 102% !important;
}
.d--flat-design .d--postlist-slider-sp .o--postlist-item {
margin-right: 18px !important;
}
.d--flat-design .d--postlist-slider-sp .c--post-contents {
padding: 9px 3px 25px 3px !important;
}
.d--flat-design .d--postlist-slider-sp .c--post-meta {
width: 98% !important;
transform: scale(1) !important;
bottom: 0px !important;
}
}
.d--flat-design .c--post-image {
overflow: hidden;
}
.d--flat-design .c--post-link {
overflow: visible;
}
.d--flat-design .d--postlist-square .c--post-contents,
.d--flat-design .d--postlist-slider .c--post-contents {
padding-top: clamp(9px, 1.1vw, 12px);
padding-right: 3px;
padding-left: 3px;
padding-bottom: 39px;
}
.d--flat-design .d--postlist-square .c--post-meta,
.d--flat-design .d--postlist-slider .c--post-meta {
width: 100%;
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--flat-design .d--postlist-square .c--post-meta,
.d--flat-design .d--postlist-slider .c--post-meta {
transform: scale(1);
}
}
@media (min-width: 552px) {
.d--flat-design .d--postlist-square .c--post-meta,
.d--flat-design .d--postlist-slider .c--post-meta {
width: 98%;
}
}
.d--flat-design .d--postlist-square .a--paidpost-price,
.d--flat-design .d--postlist-slider .a--paidpost-price {
margin-right: 0;
}
@media (min-width: 552px) {
.d--flat-design .d--postlist-rectangle .c--post-meta {
width: 96%;
}
}
.d--flat-design .d--postlist-rectangle.d--postlist-column1 .c--post-image {
max-width: 144px;
width: 100%;
}
@media (min-width: 552px) {
.d--flat-design .d--postlist-rectangle.d--postlist-column1 .c--post-image {
max-width: clamp(200px, 21vw, 225px);
}
}
@media (min-width: 861px) {
.d--flat-design .d--postlist-rectangle.d--postlist-column1 .c--post-image {
max-width: clamp(225px, 23vw, 240px);
}
}
@media (min-width: 552px) {
.d--flat-design .d--postlist-rectangle.d--postlist-column1 .c--post-contents {
padding: clamp(15px, 1.5vw, 18px) 0 clamp(6px, 1.1vw, 12px) clamp(18px, 1.8vw, 24px);
}
}
.d--flat-design .d--postlist-rectangle.d--postlist-column2 .c--post-image {
max-width: 144px;
}
@media (min-width: 552px) {
.d--flat-design .d--postlist-rectangle.d--postlist-column2 .c--post-image {
max-width: clamp(200px, 21vw, 225px);
}
}
@media (min-width: 861px) {
.d--flat-design .d--postlist-rectangle.d--postlist-column2 .c--post-image {
max-width: 143px;
width: 36%;
}
}
.d--flat-design .d--postlist-rectangle.d--postlist-column2 .c--post-contents {
padding-top: 3px;
padding-bottom: 0px;
padding-right: 0;
padding-left: 12px;
}
@media (max-width: 860px) {
.d--flat-design .d--postlist-rectangle.d--postlist-column2 .c--post-contents {
padding: clamp(15px, 1.5vw, 18px) 0 clamp(6px, 1.1vw, 12px) clamp(18px, 1.8vw, 24px);
}
}
@media (min-width: 861px) {
.d--flat-design .d--postlist-rectangle.d--postlist-column2 .c--post-contents {
padding-left: 15px;
}
}
.d--flat-design .d--postlist-rectangle.d--postlist-column2 .c--post-meta {
bottom: 0px;
}
@media (max-width: 860px) {
.d--flat-design .d--postlist-rectangle.d--postlist-column2 .c--post-meta {
bottom: clamp(9px, 1.2vw, 18px);
width: 96%;
}
}
@media (min-width: 861px) {
.d--flat-design .d--postlist-rectangle.d--postlist-column2 .c--post-meta {
width: 90%;
}
}
@media (max-width: 860px) {
.d--flat-design .d--postlist-rectangle.d--postlist-column2 .a--post-title {
font-size: clamp(1.4rem, 1.4vw, 1.5rem);
line-height: 1.5;
}
}
@media (max-width: 860px) {
.d--flat-design .d--postlist-rectangle.d--postlist-column2 .a--paidpost-price {
margin-right: 6px;
font-size: 1.2rem;
}
}
.d--flat-design .d--postlist-slider .c--post-contents {
padding-bottom: 25px;
}
.d--flat-design .d--postlist-slider .c--post-meta {
bottom: 0px;
}
.d--material-design .d--postlist-square .c--post-link,
.d--material-design .d--postlist-rectangle .c--post-link,
.d--material-design .d--postlist-slider .c--post-link {
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
background-color: #fff;
}
.d--material-design .d--postlist-slider .c--post-contents {
padding-top: clamp(9px, 1.5vw, 15px);
padding-right: clamp(12px, 2vw, 18px);
padding-left: clamp(12px, 2vw, 18px);
padding-bottom: 36px;
}
@media (min-width: 1340px) {
.d--material-design .d--postlist-square.d--postlist-column2 .a--post-title {
-webkit-line-clamp: 2;
max-height: 4.8em;
}
}
.d--material-design .d--postlist-square.d--postlist-column2 .c--post-contents {
padding-top: clamp(9px, 1.5vw, 18px);
padding-right: clamp(12px, 2vw, 21px);
padding-left: clamp(12px, 2vw, 21px);
padding-bottom: clamp(36px, 4vw, 42px);
}
.d--material-design .d--postlist-square.d--postlist-column3 .c--post-contents, .d--material-design .d--postlist-square.d--postlist-column4 .c--post-contents {
padding-top: clamp(9px, 1.2vw, 12px);
padding-right: clamp(12px, 1.2vw, 15px);
padding-left: clamp(12px, 1.2vw, 15px);
}
@media (min-width: 552px) {
.d--material-design .d--postlist-square.d--postlist-column3 .c--post-contents, .d--material-design .d--postlist-square.d--postlist-column4 .c--post-contents {
padding-bottom: 36px;
}
}
@media (min-width: 552px) {
.d--material-design .d--postlist-square.d--postlist-column3 .a--post-title, .d--material-design .d--postlist-square.d--postlist-column4 .a--post-title {
-webkit-line-clamp: 4;
max-height: 9.6em;
}
}
.d--material-design .d--postlist-square.d--postlist-column3 .c--post-meta, .d--material-design .d--postlist-square.d--postlist-column4 .c--post-meta {
bottom: 9px;
}
@media (min-width: 552px) {
.d--material-design .d--postlist-square.d--postlist-column3 .c--post-meta, .d--material-design .d--postlist-square.d--postlist-column4 .c--post-meta {
width: calc(100% - 24px);
}
}
@media (min-width: 552px) {
.d--material-design .d--postlist-square.d--postlist-column4 .a--post-title {
font-size: 1.2rem;
}
}
@media (min-width: 552px) {
.d--material-design .d--postlist-square.d--postlist-column4 .c--post-meta {
transform: scale(0.9);
transform-origin: left center;
width: calc(100% - 6px);
}
}
@media (min-width: 782px) {
.d--material-design .d--postlist-square.d--postlist-column4 .a--paidpost-price {
font-size: 1.1rem;
}
}
.d--material-design .d--postlist-rectangle.d--postlist-column1 .c--post-contents {
padding: 9px 15px 6px;
}
@media (min-width: 552px) {
.d--material-design .d--postlist-rectangle.d--postlist-column1 .c--post-contents {
padding: clamp(15px, 1.5vw, 21px) clamp(18px, 1.8vw, 24px) clamp(6px, 1.1vw, 18px);
}
}
.d--material-design .d--postlist-rectangle.d--postlist-column1 .c--post-image {
width: 100%;
max-width: 165px;
}
@media (min-width: 552px) {
.d--material-design .d--postlist-rectangle.d--postlist-column1 .c--post-image {
max-width: clamp(196px, 21vw, 234px);
}
}
.d--material-design .d--postlist-rectangle.d--postlist-column1 .c--post-ranking {
top: 8px;
left: 8px;
width: 18px;
height: 18px;
}
.d--material-design .d--postlist-rectangle.d--postlist-column1 .c--post-ranking::before {
font-size: 0.75em;
top: 3px;
left: 5px;
}
.d--material-design .d--postlist-rectangle.d--postlist-column2 .c--post-contents {
padding: 9px 12px 9px;
}
@media (min-width: 552px) {
.d--material-design .d--postlist-rectangle.d--postlist-column2 .c--post-contents {
padding: 9px 14px 6px;
}
}
@media (max-width: 860px) {
.d--material-design .d--postlist-rectangle.d--postlist-column2 .c--post-contents {
padding: clamp(15px, 1.5vw, 21px) clamp(18px, 1.8vw, 24px) clamp(6px, 1.1vw, 18px);
}
}
.d--material-design .d--postlist-rectangle.d--postlist-column2 .c--post-image {
width: 100%;
max-width: 150px;
}
@media (max-width: 860px) {
.d--material-design .d--postlist-rectangle.d--postlist-column2 .c--post-image {
max-width: clamp(196px, 21vw, 234px);
}
}
.d--material-design .d--postlist-rectangle.d--postlist-column2 .c--post-meta {
bottom: 6px;
transform: scale(0.9);
transform-origin: left center;
}
@media (max-width: 860px) {
.d--material-design .d--postlist-rectangle.d--postlist-column2 .c--post-meta {
transform: scale(1);
transform-origin: left center;
width: calc(100% - 30px);
}
}
@media (max-width: 860px) {
.d--material-design .d--postlist-rectangle.d--postlist-column2 .c--post-meta {
bottom: clamp(9px, 1.2vw, 18px);
}
}
@media (max-width: 860px) {
.d--material-design .d--postlist-rectangle.d--postlist-column2 .a--post-title {
font-size: clamp(1.4rem, 1.4vw, 1.5rem);
line-height: 1.5;
}
}
@media (max-width: 860px) {
.d--material-design .d--postlist-rectangle.d--postlist-column2 .a--paidpost-price {
font-size: 1.2rem;
}
}
@media (max-width: 860px) {
.d--material-design .d--postlist-rectangle.d--postlist-column2 .a--pickup-label {
padding: 6px 9px;
}
}
.d--material-design .d--postlist-slider .c--post-contents {
padding-bottom: 36px;
}
.d--material-design .d--postlist-slider .c--post-meta {
bottom: 9px;
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--material-design .d--postlist-slider .c--post-meta {
width: calc(100% - 6px);
}
}
@media (min-width: 782px) {
.d--material-design .d--postlist-slider .c--post-meta {
width: calc(100% - 27px);
}
}
@media (min-width: 552px) {
.home .d--one-column .d--postlist-square .c--post-contents,
.post-template-template-full-width .d--one-column .d--postlist-square .c--post-contents,
.page-template-template-full-width .d--one-column .d--postlist-square .c--post-contents {
padding-bottom: 39px;
}
}
@media (min-width: 552px) {
.home .d--one-column .d--postlist-square .o--postlist-item,
.post-template-template-full-width .d--one-column .d--postlist-square .o--postlist-item,
.page-template-template-full-width .d--one-column .d--postlist-square .o--postlist-item {
margin-bottom: 18px;
}
}
@media (min-width: 961px) {
.home .d--one-column .d--postlist-square .o--postlist-item,
.post-template-template-full-width .d--one-column .d--postlist-square .o--postlist-item,
.page-template-template-full-width .d--one-column .d--postlist-square .o--postlist-item {
margin-bottom: 24px;
}
}
@media (min-width: 552px) {
.home .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item,
.post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item,
.page-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item {
width: calc((100% - 18px) / 2);
}
.home .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)),
.post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)),
.page-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)) {
margin-right: 18px;
}
}
@media (min-width: 961px) {
.home .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item,
.post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item,
.page-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item {
width: calc((100% - (18px + 9px)) / 2);
}
.home .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)),
.post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)),
.page-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)) {
margin-right: 27px;
}
}
@media (min-width: 552px) {
.home .d--one-column .d--postlist-square.d--postlist-column2 .c--post-meta,
.post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .c--post-meta,
.page-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .c--post-meta {
bottom: 12px;
font-size: 1.1rem;
}
}
@media (min-width: 552px) {
.home .d--one-column .d--postlist-square.d--postlist-column2 .a--post-title,
.post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .a--post-title,
.page-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .a--post-title {
-webkit-line-clamp: 3;
max-height: 7.2em;
font-size: clamp(1.4rem, 1.4vw, 1.5rem);
line-height: 1.55;
}
}
@media (min-width: 861px) {
.home .d--one-column .d--postlist-square.d--postlist-column2 .a--post-title,
.post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .a--post-title,
.page-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .a--post-title {
-webkit-line-clamp: 2;
max-height: 4.8em;
}
}
@media (min-width: 552px) {
.home .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item,
.post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item,
.page-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item {
width: calc((100% - 18px * 2) / 3);
}
.home .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item:not(:nth-of-type(3n)),
.post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item:not(:nth-of-type(3n)),
.page-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item:not(:nth-of-type(3n)) {
margin-right: 18px;
}
}
@media (min-width: 961px) {
.home .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item,
.post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item,
.page-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item {
width: calc((100% - (18px + 9px) * 2) / 3);
}
.home .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item:not(:nth-of-type(3n)),
.post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item:not(:nth-of-type(3n)),
.page-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item:not(:nth-of-type(3n)) {
margin-right: 27px;
}
}
@media (min-width: 552px) {
.home .d--one-column .d--postlist-square.d--postlist-column3 .a--post-title,
.post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .a--post-title,
.page-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .a--post-title {
-webkit-line-clamp: 3;
max-height: 7.2em;
font-size: clamp(1.2rem, 1.3vw, 1.35rem);
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.home .d--one-column .d--postlist-square.d--postlist-column3 .a--post-title,
.post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .a--post-title,
.page-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .a--post-title {
-webkit-line-clamp: 4;
max-height: 9.6em;
}
}
@media (min-width: 1200px) {
.home .d--one-column .d--postlist-square.d--postlist-column3 .a--post-title,
.post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .a--post-title,
.page-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .a--post-title {
-webkit-line-clamp: 2;
max-height: 4.8em;
}
}
@media (min-width: 782px) {
.home .d--one-column .d--postlist-square.d--postlist-column4 .o--postlist-item,
.post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column4 .o--postlist-item,
.page-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column4 .o--postlist-item {
width: calc((100% - (18px + 6px) * 3) / 4);
}
.home .d--one-column .d--postlist-square.d--postlist-column4 .o--postlist-item:not(:nth-of-type(4n)),
.post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column4 .o--postlist-item:not(:nth-of-type(4n)),
.page-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column4 .o--postlist-item:not(:nth-of-type(4n)) {
margin-right: 24px;
}
}
@media (min-width: 552px) {
.home .d--one-column .d--postlist-square.d--postlist-column4 .a--post-title,
.post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column4 .a--post-title,
.page-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column4 .a--post-title {
font-size: 1.25rem;
}
}
@media (min-width: 782px) {
.home .d--one-column .d--postlist-square.d--postlist-column4 .a--post-title,
.post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column4 .a--post-title,
.page-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column4 .a--post-title {
-webkit-line-clamp: 3;
max-height: 7.2em;
}
}
@media (min-width: 552px) {
.home .d--one-column .d--postlist-rectangle .o--postlist-item,
.post-template-template-full-width .d--one-column .d--postlist-rectangle .o--postlist-item,
.page-template-template-full-width .d--one-column .d--postlist-rectangle .o--postlist-item {
margin-bottom: 24px;
}
}
@media (min-width: 861px) {
.home .d--one-column .d--postlist-rectangle.d--postlist-column2 .o--postlist-item,
.post-template-template-full-width .d--one-column .d--postlist-rectangle.d--postlist-column2 .o--postlist-item,
.page-template-template-full-width .d--one-column .d--postlist-rectangle.d--postlist-column2 .o--postlist-item {
width: calc((100% - (18px + 6px)) / 2);
}
.home .d--one-column .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)),
.post-template-template-full-width .d--one-column .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)),
.page-template-template-full-width .d--one-column .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)) {
margin-right: 24px;
}
}
@media (min-width: 552px) {
.home .d--one-column .d--postlist-rectangle.d--postlist-column2 .c--post-image,
.post-template-template-full-width .d--one-column .d--postlist-rectangle.d--postlist-column2 .c--post-image,
.page-template-template-full-width .d--one-column .d--postlist-rectangle.d--postlist-column2 .c--post-image {
max-width: 180px;
}
}
@media (min-width: 552px) {
.home .d--one-column .d--postlist-rectangle.d--postlist-column2 .c--post-meta,
.post-template-template-full-width .d--one-column .d--postlist-rectangle.d--postlist-column2 .c--post-meta,
.page-template-template-full-width .d--one-column .d--postlist-rectangle.d--postlist-column2 .c--post-meta {
bottom: 9px;
}
}
@media (min-width: 552px) {
.home .d--one-column .d--postlist-rectangle.d--postlist-column2 .a--post-title,
.post-template-template-full-width .d--one-column .d--postlist-rectangle.d--postlist-column2 .a--post-title,
.page-template-template-full-width .d--one-column .d--postlist-rectangle.d--postlist-column2 .a--post-title {
font-size: clamp(1.2rem, 1.3vw, 1.35rem);
}
}
@media (min-width: 552px) {
.home .d--one-column .d--postlist-slider .o--postlist-item,
.post-template-template-full-width .d--one-column .d--postlist-slider .o--postlist-item,
.page-template-template-full-width .d--one-column .d--postlist-slider .o--postlist-item {
margin-right: 24px;
}
}
@media (min-width: 961px) {
.home .d--one-column .d--postlist-slider .c--post-link,
.post-template-template-full-width .d--one-column .d--postlist-slider .c--post-link,
.page-template-template-full-width .d--one-column .d--postlist-slider .c--post-link {
width: 20vw;
}
}
@media (min-width: 552px) {
.home .d--one-column .d--postlist-slider .a--post-title,
.post-template-template-full-width .d--one-column .d--postlist-slider .a--post-title,
.page-template-template-full-width .d--one-column .d--postlist-slider .a--post-title {
font-size: clamp(1.2rem, 1.3vw, 1.35rem);
}
}
.home .d--material-design .d--one-column .d--postlist-square.d--postlist-column2 .c--post-contents,
.post-template-template-full-width .d--material-design .d--one-column .d--postlist-square.d--postlist-column2 .c--post-contents,
.page-template-template-full-width .d--material-design .d--one-column .d--postlist-square.d--postlist-column2 .c--post-contents {
padding-top: clamp(12px, 1.2vw, 15px);
padding-right: clamp(15px, 1.5vw, 18px);
padding-left: clamp(15px, 1.5vw, 18px);
}
@media (min-width: 552px) {
.home .d--material-design .d--one-column .d--postlist-square.d--postlist-column2 .c--post-contents,
.post-template-template-full-width .d--material-design .d--one-column .d--postlist-square.d--postlist-column2 .c--post-contents,
.page-template-template-full-width .d--material-design .d--one-column .d--postlist-square.d--postlist-column2 .c--post-contents {
padding-bottom: 39px;
}
}
@media (min-width: 552px) {
.home .d--material-design .d--one-column .d--postlist-rectangle.d--postlist-column2 .c--post-contents,
.post-template-template-full-width .d--material-design .d--one-column .d--postlist-rectangle.d--postlist-column2 .c--post-contents,
.page-template-template-full-width .d--material-design .d--one-column .d--postlist-rectangle.d--postlist-column2 .c--post-contents {
padding: clamp(12px, 1.5vw, 15px) 15px;
}
}
@media (min-width: 552px) {
.home .d--flat-design .d--one-column .d--postlist-square.d--postlist-column2 .c--post-contents,
.post-template-template-full-width .d--flat-design .d--one-column .d--postlist-square.d--postlist-column2 .c--post-contents,
.page-template-template-full-width .d--flat-design .d--one-column .d--postlist-square.d--postlist-column2 .c--post-contents {
padding-bottom: 39px;
}
}
.a--postlist-more {
display: flex;
justify-content: center;
width: 100%;
}
.a--postlist-more a, .a--postlist-more span {
display: block;
margin: 1.65rem auto 3.3rem auto;
position: relative;
background-color: #fff;
padding: 8px 39px 8px 21px;
border-radius: 20px;
color: #888 !important;
font-size: 1.1rem;
letter-spacing: 0.1rem;
line-height: 1.8;
cursor: pointer;
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
.a--postlist-more a::before, .a--postlist-more span::before {
position: absolute;
content: "\e9ea";
font-family: "jin-icons";
right: 12px;
top: 9px;
transform: scale(0.75);
transform-origin: center center;
}
.a--postlist-more a:hover, .a--postlist-more span:hover {
transform: translateY(3px);
box-shadow: none;
}
.a--postlist-more.d--archive-link a::before, .a--postlist-more.d--archive-link span::before {
content: "\ea84";
top: 8px;
}
.d--postlist-slider .a--postlist-more,
.d--postlist-slider-sp .a--postlist-more {
display: none;
}
.d--material-design .d--postlist-square.d--postlist-column1 .c--post-contents {
padding-top: clamp(12px, 1.2vw, 15px);
padding-right: clamp(15px, 1.5vw, 18px);
padding-left: clamp(15px, 1.5vw, 18px);
}
@media (min-width: 552px) {
.d--material-design .d--postlist-square.d--postlist-column1 .c--post-contents {
padding-bottom: 39px;
}
}
@media (min-width: 552px) {
.d--material-design.t--round-s .d--postlist-square .o--postlist-item .c--post-link,
.d--material-design.t--round-s .d--postlist-slider .o--postlist-item .c--post-link {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.d--material-design.t--round-s .d--postlist-square .o--postlist-item .c--post-link,
.d--material-design.t--round-s .d--postlist-slider .o--postlist-item .c--post-link {
border-radius: 4px;
}
.d--material-design.t--round-s .d--postlist-rectangle .o--postlist-item .c--post-image {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.d--material-design.t--round-s .d--postlist-rectangle .o--postlist-item .c--post-link {
border-radius: 4px;
}
.d--material-design.t--round-s .c--post-ranking {
border-radius: 4px;
}
.d--material-design.t--round-m .d--postlist-square .o--postlist-item .c--post-link,
.d--material-design.t--round-m .d--postlist-slider .o--postlist-item .c--post-link {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.d--material-design.t--round-m .d--postlist-square .o--postlist-item .c--post-link,
.d--material-design.t--round-m .d--postlist-slider .o--postlist-item .c--post-link {
border-radius: 8px;
}
.d--material-design.t--round-m .d--postlist-rectangle .o--postlist-item .c--post-image {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.d--material-design.t--round-m .d--postlist-rectangle .o--postlist-item .c--post-link {
border-radius: 8px;
}
.d--material-design.t--round-m .c--post-ranking {
border-radius: 4px;
}
.d--material-design.t--round-l .d--postlist-square .o--postlist-item .c--post-link,
.d--material-design.t--round-l .d--postlist-slider .o--postlist-item .c--post-link {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.d--material-design.t--round-l .d--postlist-square .o--postlist-item .c--post-link,
.d--material-design.t--round-l .d--postlist-slider .o--postlist-item .c--post-link {
border-radius: 12px;
}
.d--material-design.t--round-l .d--postlist-rectangle .o--postlist-item .c--post-image {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.d--material-design.t--round-l .d--postlist-rectangle .o--postlist-item .c--post-link {
border-radius: 12px;
}
.d--material-design.t--round-l .c--post-ranking {
border-radius: 12px;
}
}
@media (max-width: 551px) {
.d--material-design.t--round-s .d--postlist-square-sp .o--postlist-item .c--post-image,
.d--material-design.t--round-s .d--postlist-square-sp .o--postlist-item img,
.d--material-design.t--round-s .d--postlist-slider-sp .o--postlist-item .c--post-image,
.d--material-design.t--round-s .d--postlist-slider-sp .o--postlist-item img {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.d--material-design.t--round-s .d--postlist-square-sp .o--postlist-item .c--post-link,
.d--material-design.t--round-s .d--postlist-slider-sp .o--postlist-item .c--post-link {
border-radius: 4px;
}
.d--material-design.t--round-s .d--postlist-rectangle-sp .o--postlist-item .c--post-image,
.d--material-design.t--round-s .d--postlist-rectangle-sp .o--postlist-item img {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.d--material-design.t--round-s .d--postlist-rectangle-sp .o--postlist-item .c--post-link {
border-radius: 4px;
}
.d--material-design.t--round-s .c--post-ranking {
border-radius: 4px;
}
.d--material-design.t--round-m .d--postlist-square-sp .o--postlist-item .c--post-image,
.d--material-design.t--round-m .d--postlist-square-sp .o--postlist-item img,
.d--material-design.t--round-m .d--postlist-slider-sp .o--postlist-item .c--post-image,
.d--material-design.t--round-m .d--postlist-slider-sp .o--postlist-item img {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.d--material-design.t--round-m .d--postlist-square-sp .o--postlist-item .c--post-link,
.d--material-design.t--round-m .d--postlist-slider-sp .o--postlist-item .c--post-link {
border-radius: 8px;
}
.d--material-design.t--round-m .d--postlist-rectangle-sp .o--postlist-item .c--post-image,
.d--material-design.t--round-m .d--postlist-rectangle-sp .o--postlist-item img {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.d--material-design.t--round-m .d--postlist-rectangle-sp .o--postlist-item .c--post-link {
border-radius: 4px;
}
.d--material-design.t--round-m .c--post-ranking {
border-radius: 4px;
}
.d--material-design.t--round-l .d--postlist-square-sp .o--postlist-item .c--post-image,
.d--material-design.t--round-l .d--postlist-square-sp .o--postlist-item img,
.d--material-design.t--round-l .d--postlist-slider-sp .o--postlist-item .c--post-image,
.d--material-design.t--round-l .d--postlist-slider-sp .o--postlist-item img {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.d--material-design.t--round-l .d--postlist-square-sp .o--postlist-item .c--post-link,
.d--material-design.t--round-l .d--postlist-slider-sp .o--postlist-item .c--post-link {
border-radius: 12px;
}
.d--material-design.t--round-l .d--postlist-rectangle-sp .o--postlist-item .c--post-image,
.d--material-design.t--round-l .d--postlist-rectangle-sp .o--postlist-item img {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.d--material-design.t--round-l .d--postlist-rectangle-sp .o--postlist-item .c--post-link {
border-radius: 12px;
}
.d--material-design.t--round-l .c--post-ranking {
border-radius: 4px;
}
}
.d--flat-design.t--round-s .d--postlist-square .o--postlist-item .c--post-image,
.d--flat-design.t--round-s .d--postlist-square .o--postlist-item img,
.d--flat-design.t--round-s .d--postlist-rectangle .o--postlist-item .c--post-image,
.d--flat-design.t--round-s .d--postlist-rectangle .o--postlist-item img,
.d--flat-design.t--round-s .d--postlist-slider .o--postlist-item .c--post-image,
.d--flat-design.t--round-s .d--postlist-slider .o--postlist-item img {
border-radius: 4px;
}
.d--flat-design.t--round-s .c--post-ranking {
border-radius: 4px;
}
.d--flat-design.t--round-m .d--postlist-square .o--postlist-item .c--post-image,
.d--flat-design.t--round-m .d--postlist-square .o--postlist-item img,
.d--flat-design.t--round-m .d--postlist-rectangle .o--postlist-item .c--post-image,
.d--flat-design.t--round-m .d--postlist-rectangle .o--postlist-item img,
.d--flat-design.t--round-m .d--postlist-slider .o--postlist-item .c--post-image,
.d--flat-design.t--round-m .d--postlist-slider .o--postlist-item img {
border-radius: 8px;
}
.d--flat-design.t--round-m .c--post-ranking {
border-radius: 4px;
}
.d--flat-design.t--round-l .d--postlist-square .o--postlist-item .c--post-image,
.d--flat-design.t--round-l .d--postlist-square .o--postlist-item img,
.d--flat-design.t--round-l .d--postlist-rectangle .o--postlist-item .c--post-image,
.d--flat-design.t--round-l .d--postlist-rectangle .o--postlist-item img,
.d--flat-design.t--round-l .d--postlist-slider .o--postlist-item .c--post-image,
.d--flat-design.t--round-l .d--postlist-slider .o--postlist-item img {
border-radius: 12px;
}
.d--flat-design.t--round-l .c--post-ranking {
border-radius: 12px;
}
.t--round-s .a--pickup-label {
border-radius: 4px;
}
.t--round-m .a--pickup-label {
border-radius: 4px;
}
.t--round-l .a--pickup-label {
border-radius: 8px;
}
.o--pagenation-list {
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 30px 0 48px;
}
.o--pagenation-list .c--pagenation-item {
list-style-type: none;
}
.o--pagenation-list .c--pagenation-item .page-numbers:not(.dots) {
margin: 0 6px;
font-size: 1.2rem;
width: 33px;
height: 33px;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
font-weight: 300;
border-style: solid;
border-width: 1px;
}
.o--pagenation-list .c--pagenation-item .page-numbers:not(.dots).current {
color: #fff;
border-color: transparent;
}
@media (min-width: 552px) {
.o--pagenation-list .c--pagenation-item.a--pagenation-dots {
display: none;
}
}
.o--pagenation-list .c--pagenation-item a {
text-decoration: none;
transition: all 0.4s;
}
.o--pagenation-list .c--pagenation-item a:hover {
transform: translateY(-3px);
color: #fff;
border-color: transparent;
}
@media (min-width: 552px) {
.o--pagenation-list .c--pagenation-item .prev.page-numbers,
.o--pagenation-list .c--pagenation-item .next.page-numbers {
display: none;
}
}
@media (max-width: 551px) {
.o--pagenation-list .c--pagenation-item:not(.a--pagenation-adjust)[data-paged] {
display: none;
}
}
@media (max-width: 551px) {
.o--pagenation-list .c--pagenation-item:not(.a--pagenation-adjust)[data-paged].a--pagenation-current {
display: block;
}
}
.o--pagenation-list .c--pagenation-item .jin-icons {
font-size: 0.85em;
}
.o--pagenation-list .c--pagenation-item .page-numbers.dots {
vertical-align: text-top;
}
#postContent .o--pagenation-list .c--pagenation-item a {
text-decoration: none;
} .o--ads-area,
.o--related-area {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 30px;
}
@media (min-width: 552px) {
.o--ads-area,
.o--related-area {
margin-top: 45px;
}
}
.o--related-area {
margin-bottom: 45px;
}
.c--ads-area,
.c--related-area {
min-width: 300px;
margin-top: 12px;
margin-bottom: 12px;
}
@media (min-width: 552px) {
.c--ads-area,
.c--related-area {
margin: 12px;
}
}
.c--ads-area.d--minwidth-100 {
min-width: 100%;
text-align: center;
}
.c--related-area.d--minwidth-100 {
min-width: 100%;
text-align: center;
}
@media (min-width: 1180px) {
.c--related-area.d--minwidth-100 {
min-width: 1060px;
}
}
@media (min-width: 1340px) {
.c--related-area.d--minwidth-100 {
min-width: 1120px;
}
}
.a--ads-sponser,
.a--related-sponser {
width: 100%;
text-align: center;
font-size: 1.2rem;
letter-spacing: 0.09rem;
opacity: 0.6;
margin-bottom: 6px;
}
@media (max-width: 551px) {
.d--sp-nonedisplay {
display: none;
}
}
.o--unit-area {
margin: 0 auto;
}
@media (max-width: 551px) and (max-width: 551px) {
.o--unit-area {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (max-width: 551px) and (min-width: 552px) and (max-width: 781px) {
.o--unit-area {
padding-left: 25px;
padding-right: 25px;
}
}
@media (max-width: 551px) and (min-width: 782px) {
.o--unit-area {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 551px) and (min-width: 961px) {
.o--unit-area {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 551px) and (min-width: 1240px) {
.o--unit-area {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 551px) and (min-width: 1340px) {
.o--unit-area {
padding-left: 0px;
padding-right: 0px;
}
} .o--widget-area {
position: relative;
z-index: 100;
margin: 0 auto;
}
.o--widget-area .b--jinr-fullwidth {
margin: 0 calc(50% - 50vw);
}
@media (max-width: 551px) {
.o--widget-area .b--jinr-fullwidth .d--fullwidth-max {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.o--widget-area .b--jinr-fullwidth .d--fullwidth-max {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.o--widget-area .b--jinr-fullwidth .d--fullwidth-max {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 961px) {
.o--widget-area .b--jinr-fullwidth .d--fullwidth-max {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1240px) {
.o--widget-area .b--jinr-fullwidth .d--fullwidth-max {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.o--widget-area .b--jinr-fullwidth .d--fullwidth-max {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1120px) {
.o--widget-area .b--jinr-fullwidth .d--fullwidth-max {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1240px) {
.o--widget-area .b--jinr-fullwidth .d--fullwidth-max {
padding-left: 0;
padding-right: 0;
}
}
#mainSideBar .b--jinr-fullwidth {
margin: 0;
}
.o--jinr-mainvisual + #jinr-posttop-widget-area {
margin-top: 21px;
}
#sidePR {
display: none;
}
@media (min-width: 1340px) {
#sidePR {
position: fixed;
top: 15px;
right: clamp(30px, 30vw, (100% - 1340px) / 2);
z-index: 300;
width: 240px;
opacity: 0;
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
#sidePR.js--sidepr-active {
opacity: 1;
}
}
#sidePR .b--jinr-block {
background: #fff;
}
#sidePR .b--jinr-block:first-child {
margin-top: 0;
}
#sidePR .wp-block-image {
margin-top: 0;
margin-bottom: 1.65rem;
}
.o--widget-area .wp-block-latest-posts__list,
.o--widget-area .wp-block-latest-comments,
.o--widget-area .wp-block-archives-list,
.o--widget-area .wp-block-categories-list,
.o--widget-area .wp-block-page-list,
.o--widget-area .wp-block-rss,
.o--widget-area .widget_nav_menu,
.o--widget-area .jinr-widget-area.widget_meta,
.o--widget-area .wp-block-calendar {
font-size: 1.35rem;
line-height: 1.5;
letter-spacing: 0.12rem;
}
#jinr-posttop-widget-area .jinr-widget-area,
#jinr-postbottom-widget-area .jinr-widget-area,
#jinr-relatedpost-bottom-widget-area .jinr-widget-area,
#jinr-posttop-widget-area .jinr-widget-area,
#commonFooterWidget .jinr-widget-area,
#sideBarWidget .jinr-widget-area,
#sideBarTracking .jinr-widget-area,
#hamburgerWidget .jinr-widget-area {
margin-top: 15px;
margin-bottom: 15px;
}
#jinr-posttop-widget-area .jinr-widget-area:first-child,
#jinr-postbottom-widget-area .jinr-widget-area:first-child,
#jinr-relatedpost-bottom-widget-area .jinr-widget-area:first-child,
#jinr-posttop-widget-area .jinr-widget-area:first-child,
#commonFooterWidget .jinr-widget-area:first-child,
#sideBarWidget .jinr-widget-area:first-child,
#sideBarTracking .jinr-widget-area:first-child,
#hamburgerWidget .jinr-widget-area:first-child {
margin-top: 0;
}
#jinr-posttop-widget-area .jinr-widget-area:last-child,
#jinr-postbottom-widget-area .jinr-widget-area:last-child,
#jinr-relatedpost-bottom-widget-area .jinr-widget-area:last-child,
#jinr-posttop-widget-area .jinr-widget-area:last-child,
#commonFooterWidget .jinr-widget-area:last-child,
#sideBarWidget .jinr-widget-area:last-child,
#sideBarTracking .jinr-widget-area:last-child,
#hamburgerWidget .jinr-widget-area:last-child {
margin-bottom: 0;
}
#jinr-posttop-widget-area .jinr-widget-area h2.jinr-heading,
#jinr-postbottom-widget-area .jinr-widget-area h2.jinr-heading,
#jinr-relatedpost-bottom-widget-area .jinr-widget-area h2.jinr-heading,
#jinr-posttop-widget-area .jinr-widget-area h2.jinr-heading,
#commonFooterWidget .jinr-widget-area h2.jinr-heading,
#sideBarWidget .jinr-widget-area h2.jinr-heading,
#sideBarTracking .jinr-widget-area h2.jinr-heading,
#hamburgerWidget .jinr-widget-area h2.jinr-heading {
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 6px;
padding-left: 3px;
font-size: 1.8rem;
}
#jinr-posttop-widget-area .jinr-widget-area h2.jinr-heading,
#jinr-posttop-widget-area .jinr-widget-area h3.jinr-heading,
#jinr-posttop-widget-area .jinr-widget-area h4.jinr-heading,
#jinr-postbottom-widget-area .jinr-widget-area h2.jinr-heading,
#jinr-postbottom-widget-area .jinr-widget-area h3.jinr-heading,
#jinr-postbottom-widget-area .jinr-widget-area h4.jinr-heading,
#jinr-relatedpost-bottom-widget-area .jinr-widget-area h2.jinr-heading,
#jinr-relatedpost-bottom-widget-area .jinr-widget-area h3.jinr-heading,
#jinr-relatedpost-bottom-widget-area .jinr-widget-area h4.jinr-heading,
#jinr-posttop-widget-area .jinr-widget-area h2.jinr-heading,
#jinr-posttop-widget-area .jinr-widget-area h3.jinr-heading,
#jinr-posttop-widget-area .jinr-widget-area h4.jinr-heading,
#commonFooterWidget .jinr-widget-area h2.jinr-heading,
#commonFooterWidget .jinr-widget-area h3.jinr-heading,
#commonFooterWidget .jinr-widget-area h4.jinr-heading,
#sideBarWidget .jinr-widget-area h2.jinr-heading,
#sideBarWidget .jinr-widget-area h3.jinr-heading,
#sideBarWidget .jinr-widget-area h4.jinr-heading,
#sideBarTracking .jinr-widget-area h2.jinr-heading,
#sideBarTracking .jinr-widget-area h3.jinr-heading,
#sideBarTracking .jinr-widget-area h4.jinr-heading,
#hamburgerWidget .jinr-widget-area h2.jinr-heading,
#hamburgerWidget .jinr-widget-area h3.jinr-heading,
#hamburgerWidget .jinr-widget-area h4.jinr-heading {
font-weight: 500;
margin-top: 45px;
margin-bottom: 18px;
}
#jinr-posttop-widget-area .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h2:first-child,
#jinr-posttop-widget-area .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h3:first-child,
#jinr-posttop-widget-area .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h4:first-child,
#jinr-postbottom-widget-area .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h2:first-child,
#jinr-postbottom-widget-area .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h3:first-child,
#jinr-postbottom-widget-area .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h4:first-child,
#jinr-relatedpost-bottom-widget-area .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h2:first-child,
#jinr-relatedpost-bottom-widget-area .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h3:first-child,
#jinr-relatedpost-bottom-widget-area .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h4:first-child,
#jinr-posttop-widget-area .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h2:first-child,
#jinr-posttop-widget-area .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h3:first-child,
#jinr-posttop-widget-area .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h4:first-child,
#commonFooterWidget .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h2:first-child,
#commonFooterWidget .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h3:first-child,
#commonFooterWidget .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h4:first-child,
#sideBarWidget .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h2:first-child,
#sideBarWidget .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h3:first-child,
#sideBarWidget .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h4:first-child,
#sideBarTracking .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h2:first-child,
#sideBarTracking .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h3:first-child,
#sideBarTracking .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h4:first-child,
#hamburgerWidget .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h2:first-child,
#hamburgerWidget .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h3:first-child,
#hamburgerWidget .jinr-widget-area:first-child .wp-block-group .wp-block-group__inner-container h4:first-child {
margin-top: 0;
}
.o--widget-area .wp-block-latest-posts__list,
.o--widget-area .wp-block-archives-list,
.o--widget-area .wp-block-page-list,
.o--widget-area .wp-block-rss,
.o--widget-area .jinr-widget-area.widget_meta {
list-style-type: none;
padding-left: 0;
font-size: 1.35rem;
line-height: 1.5;
letter-spacing: 0.12rem;
}
.o--widget-area .wp-block-latest-posts__list li a,
.o--widget-area .wp-block-archives-list li a,
.o--widget-area .wp-block-page-list li a,
.o--widget-area .wp-block-rss li a,
.o--widget-area .jinr-widget-area.widget_meta li a {
position: relative;
display: block;
padding: 12px 6px;
border-bottom-width: 1px;
border-bottom-style: solid;
text-decoration: none;
}
.o--widget-area .wp-block-categories-list li a,
.o--widget-area .wp-block-archives-list li a,
.o--widget-area .wp-block-page-list li a {
padding: 12px 36px 12px 6px;
}
@media (min-width: 552px) {
.o--widget-area .wp-block-categories-list li a,
.o--widget-area .wp-block-archives-list li a,
.o--widget-area .wp-block-page-list li a {
padding: 15px 42px 14px 6px;
}
}
.o--widget-area .wp-block-categories-list li a::after,
.o--widget-area .wp-block-archives-list li a::after,
.o--widget-area .wp-block-page-list li a::after {
content: "\ea7b";
font-family: "jin-icons";
transform: translateY(-50%);
position: absolute;
right: 6px;
top: 50%;
font-size: 0.8rem;
background: none;
opacity: 0.6;
transition: all 0.25s;
will-change: transform;
transition-timing-function: ease;
}
.o--widget-area .wp-block-categories-list li a:hover,
.o--widget-area .wp-block-archives-list li a:hover,
.o--widget-area .wp-block-page-list li a:hover {
padding-left: 9px;
}
.o--widget-area .wp-block-categories-list {
list-style-type: none;
}
.o--widget-area .wp-block-categories-list li a {
display: block;
padding: 12px 36px 12px 6px;
border-top-width: 1px;
border-top-style: solid;
text-decoration: none;
position: relative;
}
@media (min-width: 552px) {
.o--widget-area .wp-block-categories-list li a {
padding: 15px 36px 14px 6px;
}
}
.o--widget-area .wp-block-categories-list li a:hover {
padding-left: 9px;
}
.o--widget-area .wp-block-categories-list li:first-child a {
border: none;
}
.o--widget-area .wp-block-categories-list li:last-child a {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.o--widget-area .wp-block-categories-list li .children {
padding-left: 27px;
padding-bottom: 6px;
}
.o--widget-area .wp-block-categories-list li .children .cat-item {
padding-top: 3px;
padding-bottom: 3px;
padding: 0;
}
.o--widget-area .wp-block-categories-list li .children .cat-item a {
border-top: none;
border-bottom: none;
font-size: 0.9em;
}
.o--widget-area .wp-block-categories-list li .children .cat-item a:hover {
padding-left: 9px;
}
.o--widget-area .wp-block-categories-list li .children .cat-item .cat-item {
padding-top: 0px;
padding-bottom: 0px;
}
.o--widget-area .wp-block-categories-list li .children .cat-item .cat-item a::before {
height: 45%;
}
.o--widget-area .wp-block-categories-list li .children a {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 6px;
font-size: 0.95em;
}
.o--widget-area .wp-block-categories-list li .children a::before {
content: "";
position: absolute;
left: -8px;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 66%;
}
.o--widget-area .wp-block-categories-list li .children ul {
padding-top: 0px;
}
.o--widget-area .wp-block-archives-list .count,
.o--widget-area .wp-block-categories-list .count {
display: inline-block;
padding-left: 0;
font-size: 1.05rem;
line-height: 0;
opacity: 0.45;
letter-spacing: 0;
vertical-align: middle;
margin-bottom: 3px;
}
.o--widget-area .wp-block-archives-list .count::before,
.o--widget-area .wp-block-categories-list .count::before {
content: "(";
padding-right: 4px;
}
.o--widget-area .wp-block-archives-list .count::after,
.o--widget-area .wp-block-categories-list .count::after {
content: ")";
padding-left: 4px;
}
.o--widget-area .wp-block-archives-list .children .count,
.o--widget-area .wp-block-categories-list .children .count {
margin-bottom: 2px;
}
.o--widget-area .wp-block-latest-comments .wp-block-latest-comments__comment {
margin-bottom: 0;
border-bottom-width: 1px;
border-bottom-style: solid;
padding: 11px 6px;
}
.o--widget-area .wp-block-latest-comments .wp-block-latest-comments__comment a {
display: inline-block;
}
.o--widget-area .wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
line-height: 1.65;
}
.o--widget-area .wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt p {
margin: 1.5rem 0;
}
.o--widget-area .jinr-widget-area.widget_meta {
padding-bottom: 15px;
}
.o--widget-area .jinr-widget-area.widget_meta .widgettitle {
display: none;
}
.o--widget-area .wp-block-tag-cloud {
margin-top: 24px;
margin-bottom: 0;
}
.o--widget-area .wp-block-tag-cloud a {
display: inline-block;
padding: 6px 11px 6px 12px;
font-size: 1.2rem !important;
text-decoration: none;
margin-right: 1px;
margin-bottom: 7px;
}
.o--widget-area .wp-block-tag-cloud a::before {
content: "#";
}
.d--flat-design .wp-block-search__label,
.d--material-design .wp-block-search__label {
display: none;
}
.d--flat-design .wp-block-archives-dropdown,
.d--flat-design .wp-block-categories-dropdown,
.d--material-design .wp-block-archives-dropdown,
.d--material-design .wp-block-categories-dropdown {
position: relative;
}
.d--flat-design .wp-block-archives-dropdown::before,
.d--flat-design .wp-block-categories-dropdown::before,
.d--material-design .wp-block-archives-dropdown::before,
.d--material-design .wp-block-categories-dropdown::before {
position: absolute;
font-family: "jin-icons";
content: "\e9ea";
top: 50%;
transform: translateY(-50%);
right: 15px;
font-size: 12px;
cursor: pointer;
pointer-events: none;
}
.d--flat-design .wp-block-archives-dropdown select,
.d--flat-design .wp-block-categories-dropdown select,
.d--material-design .wp-block-archives-dropdown select,
.d--material-design .wp-block-categories-dropdown select {
font-size: 1.35rem;
box-sizing: border-box;
max-width: 100%;
cursor: pointer;
padding-top: 13px;
padding-bottom: 12px;
padding-left: 11px;
width: 100%;
color: #555;
-webkit-appearance: none !important;
appearance: none !important;
background: rgba(255, 255, 255, 0.45);
}
.d--flat-design .wp-block-archives-dropdown select:focus,
.d--flat-design .wp-block-categories-dropdown select:focus,
.d--material-design .wp-block-archives-dropdown select:focus,
.d--material-design .wp-block-categories-dropdown select:focus {
outline: none;
}
.d--flat-design .wp-block-search__inside-wrapper,
.d--material-design .wp-block-search__inside-wrapper {
height: 43px !important;
}
.d--flat-design .wp-block-search__inside-wrapper .wp-block-search__input,
.d--material-design .wp-block-search__inside-wrapper .wp-block-search__input {
border-style: solid;
border-width: 1px;
font-size: 1.35rem;
font-weight: 400;
padding-left: 11px;
padding-top: 13px;
padding-bottom: 11px;
margin-bottom: 0;
margin-top: 0;
background: rgba(255, 255, 255, 0.45);
}
.d--flat-design .wp-block-search__inside-wrapper .wp-block-search__input::placeholder,
.d--material-design .wp-block-search__inside-wrapper .wp-block-search__input::placeholder {
font-weight: 300;
color: #ccc;
}
.d--flat-design .wp-block-search__inside-wrapper .wp-block-search__input:focus,
.d--material-design .wp-block-search__inside-wrapper .wp-block-search__input:focus {
outline: none;
}
.d--flat-design .wp-block-search__inside-wrapper .wp-block-search__button,
.d--material-design .wp-block-search__inside-wrapper .wp-block-search__button {
border-style: solid;
border-width: 1px;
font-size: 1.15rem;
letter-spacing: 0.15rem;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
cursor: pointer;
}
.d--flat-design .wp-block-search__inside-wrapper .wp-block-search__button svg,
.d--material-design .wp-block-search__inside-wrapper .wp-block-search__button svg {
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
font-size: 1.8rem;
}
.d--flat-design .wp-block-search__inside-wrapper .wp-block-search__button:hover,
.d--material-design .wp-block-search__inside-wrapper .wp-block-search__button:hover {
color: #fff;
}
.d--flat-design .wp-block-search__inside-wrapper .wp-block-search__button:hover svg,
.d--material-design .wp-block-search__inside-wrapper .wp-block-search__button:hover svg {
fill: #fff;
transform: scale(1.14);
}
.d--flat-design .wp-block-search__button-inside .wp-block-search__inside-wrapper,
.d--material-design .wp-block-search__button-inside .wp-block-search__inside-wrapper {
border-style: solid;
border-width: 1px;
}
.d--flat-design .wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-icon),
.d--material-design .wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-icon) {
padding: 3px 9px;
}
.d--flat-design .wp-block-search__inside-wrapper .wp-block-search__button {
border-color: transparent;
}
.d--flat-design .wp-block-search__inside-wrapper .wp-block-search__input {
padding-top: 14px;
padding-bottom: 12px;
padding-left: 12px;
}
.d--flat-design .wp-block-search__button-inside .wp-block-search__inside-wrapper {
background-color: #fff;
padding: 3px;
}
.d--flat-design .wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
border-color: transparent;
padding-left: 6px;
padding-right: 6px;
}
.d--flat-design .wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
border: none;
}
.d--flat-design .wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__button {
padding-left: 9px;
padding-right: 9px;
}
.d--material-design .wp-block-archives-dropdown select,
.d--material-design .wp-block-categories-dropdown select {
border: none;
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
}
.d--material-design .wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__input {
border-color: transparent;
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
}
.d--material-design .wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__button {
border-color: transparent;
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
}
.d--material-design .wp-block-search__button-inside .wp-block-search__inside-wrapper {
border-color: transparent;
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
background-color: #fff;
padding: 3px;
}
.d--material-design .wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
border: none;
}
.d--material-design .wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
outline: none;
}
.d--material-design .wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
border-color: transparent;
}
.d--material-design .wp-block-search__no-button .wp-block-search__input {
border-color: transparent;
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
}
.t--round-s .wp-block-tag-cloud a,
.t--round-s .wp-block-search__input,
.t--round-s .wp-block-search__button,
.t--round-s .wp-block-search__button-inside .wp-block-search__inside-wrapper,
.t--round-s .wp-block-categories-dropdown select,
.t--round-s .wp-block-archives-dropdown select {
border-radius: 2px;
}
.t--round-m .wp-block-tag-cloud a,
.t--round-m .wp-block-search__input,
.t--round-m .wp-block-search__button,
.t--round-m .wp-block-search__button-inside .wp-block-search__inside-wrapper,
.t--round-m .wp-block-categories-dropdown select,
.t--round-m .wp-block-archives-dropdown select {
border-radius: 3px;
}
.t--round-l .wp-block-tag-cloud a,
.t--round-l .wp-block-search__input,
.t--round-l .wp-block-search__button,
.t--round-l .wp-block-search__button-inside .wp-block-search__inside-wrapper,
.t--round-l .wp-block-categories-dropdown select,
.t--round-l .wp-block-archives-dropdown select {
border-radius: 4px;
} @keyframes fadeDelay {
30% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeSlideUp {
0% {
opacity: 0;
transform: translateY(21px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
@keyframes fadeSlideUp12 {
0% {
opacity: 0;
transform: translateY(12px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
@keyframes fadeSlideUp12Delay {
15% {
opacity: 0;
transform: translateY(12px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
@keyframes fadeSlideRight {
0% {
opacity: 0;
}
100% {
opacity: 1;
transform: translateX(12px);
}
}
@keyframes expand {
30% {
transform: scale(1.05);
}
66% {
transform: scale(0.99);
}
100% {
transform: scale(1);
}
}
@keyframes push {
30% {
transform: scale(0.955);
}
66% {
transform: scale(1.035);
}
100% {
transform: scale(1);
}
}
@keyframes slideRight {
0% {
transform: translateX(0px);
}
25% {
transform: translateX(4px);
}
50% {
transform: translateX(0px);
}
75% {
transform: translateX(4px);
}
100% {
transform: translateX(0px);
}
}
@keyframes drawArrow {
15% {
opacity: 0;
transform: translateY(9px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
@keyframes drawArrowAfter {
0% {
opacity: 0;
height: 0;
}
100% {
height: 15px;
opacity: 1;
}
}
@keyframes drawArrowBefore {
0% {
width: 0;
height: 1px;
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
width: 100%;
}
}
@keyframes dynamic {
0% {
width: 0;
}
50% {
width: 100%;
}
100% {
width: 0;
right: 0;
left: auto;
}
}
@keyframes dynamic-parent {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.d--animation-general-on #mainContent,
.d--animation-general-on .o--jinr-mainvisual {
opacity: 0;
animation: fadeDelay 0.9s ease;
animation-fill-mode: forwards;
}
.d--animation-general-on #jinrPostThumb {
opacity: 0;
animation: fadeDelay 1.5s ease;
animation-fill-mode: forwards;
}
.js--scr-animation {
transition: opacity 0.9s, transform 0.9s;
}
@media (min-width: 552px) {
.d--button-solid-hover-default > span:hover {
filter: opacity(0.7);
}
.d--button-solid-hover-up > span:hover {
transform: translateY(-7px);
}
.d--button-solid-hover-down > span:hover {
transform: translateY(3px);
}
.d--button-solid-hover-push > span:hover {
transform: scale(0.95);
}
.d--button-solid-hover-expand > span:hover {
transform: scale(1.05);
}
.d--button-solid-hover-outlineleft a {
position: relative;
overflow: hidden;
}
.d--button-solid-hover-outlineleft a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff !important;
z-index: -1;
transform: scale(0, 1);
transform-origin: right top;
transition: transform 0.39s cubic-bezier(0.8, 0, 0.36, 1) 0s;
}
.d--button-solid-hover-outlineleft a:hover::before {
transform: scale(1, 1);
transform-origin: left top;
}
.d--button-solid-hover-outlinecenter a {
position: relative;
overflow: hidden;
}
.d--button-solid-hover-outlinecenter a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff !important;
z-index: -1;
transform: scale(0, 1);
transition: transform 0.3s ease-out;
transform-origin: top;
}
.d--button-solid-hover-outlinecenter a:hover::before {
transform: scale(1, 1);
}
.d--button-outline-hover-up > span:hover {
transform: translateY(-7px);
}
.d--button-outline-hover-down > span:hover {
transform: translateY(3px);
}
.d--button-outline-hover-push > span:hover {
transform: scale(0.95);
}
.d--button-outline-hover-push > span:hover {
transform: scale(0.95);
}
.d--button-outline-hover-expand > span:hover {
transform: scale(1.05);
}
.d--button-outline-hover-fillleft a {
position: relative;
overflow: hidden;
}
.d--button-outline-hover-fillleft a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
transform: scale(0, 1);
transition: transform 0.39s cubic-bezier(0.8, 0, 0.36, 1) 0s;
transform-origin: right top;
}
.d--button-outline-hover-fillleft a:hover {
color: #fff !important;
}
.d--button-outline-hover-fillleft a:hover::before {
transform-origin: left top;
transform: scale(1, 1);
}
.d--button-outline-hover-fillcenter a {
position: relative;
overflow: hidden;
z-index: 2;
}
.d--button-outline-hover-fillcenter a::before, .d--button-outline-hover-fillcenter a::after {
content: "";
position: absolute;
z-index: -1;
display: block;
width: 50%;
height: 100%;
top: 0;
background: #fff;
transition: all 0.3s ease-out;
}
.d--button-outline-hover-fillcenter a::before {
right: 0;
}
.d--button-outline-hover-fillcenter a::after {
left: 0;
}
.d--button-outline-hover-fillcenter a:hover {
color: #fff !important;
}
.d--button-arrow-hover-right > span {
transition: transform 0.45s !important;
}
.d--button-arrow-hover-right > span:hover {
transform: translateX(9px);
}
}
.js--scr-animation .d--button-solid-animation-fade a,
.js--scr-animation .d--button-outline-animation-fade a,
.js--scr-animation .d--button-arrow-animation-fade a {
opacity: 0;
}
.js--scr-animation .d--button-solid-animation-fade.is-animated a,
.js--scr-animation .d--button-outline-animation-fade.is-animated a,
.js--scr-animation .d--button-arrow-animation-fade.is-animated a {
animation: fade 0.96s ease;
animation-fill-mode: forwards;
}
.js--scr-animation .d--button-solid-animation-fadeup a,
.js--scr-animation .d--button-outline-animation-fadeup a {
opacity: 0;
}
.js--scr-animation .d--button-solid-animation-fadeup.is-animated a,
.js--scr-animation .d--button-outline-animation-fadeup.is-animated a {
animation: fadeSlideUp12 0.96s ease;
animation-fill-mode: forwards;
}
.js--scr-animation .d--button-solid-animation-expand.is-animated a,
.js--scr-animation .d--button-outline-animation-expand.is-animated a {
animation: expand 0.96s ease;
}
.js--scr-animation .d--button-solid-animation-push.is-animated a,
.js--scr-animation .d--button-outline-animation-push.is-animated a {
animation: push 0.96s ease-out;
}
.js--scr-animation .d--button-arrow-animation-fadetoright a {
opacity: 0;
}
.js--scr-animation .d--button-arrow-animation-fadetoright.is-animated a {
animation: fadeSlideRight 0.96s ease;
animation-fill-mode: forwards;
}
.js--scr-animation .d--button-arrow-animation-slidetoright.is-animated a {
animation: slideRight 1.05s ease-in-out;
}
.js--scr-animation .d--button-arrow-animation-drawarrow a {
opacity: 0;
}
.js--scr-animation .d--button-arrow-animation-drawarrow a::after {
opacity: 0;
}
.js--scr-animation .d--button-arrow-animation-drawarrow a::before {
content: "";
position: absolute;
bottom: -1px;
right: 0;
width: 100%;
height: 12px;
z-index: 100;
}
.js--scr-animation .d--button-arrow-animation-drawarrow.is-animated a {
animation: drawArrow 0.6s ease;
animation-fill-mode: forwards;
border-bottom: none;
}
.js--scr-animation .d--button-arrow-animation-drawarrow.is-animated a::after {
border-right: none;
height: 0;
width: 1px;
opacity: 0;
right: 0;
bottom: 0;
transform: rotate(-45deg);
transform-origin: right bottom;
animation: drawArrowAfter 0.36s linear;
animation-fill-mode: forwards;
animation-delay: 1.01s;
}
.js--scr-animation .d--button-arrow-animation-drawarrow.is-animated a::before {
height: 1px;
right: auto;
left: 0;
opacity: 0;
visibility: hidden;
animation: drawArrowBefore 0.43s linear;
animation-fill-mode: forwards;
animation-delay: 0.66s;
}
@media (min-width: 552px) {
.d--glonavi-hover-borderup #globalMenuList > li:not(.d--button) > a::after {
position: absolute;
content: "";
bottom: -8px;
height: 1px;
opacity: 0;
visibility: hidden;
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
.d--glonavi-hover-borderup #globalMenuList > li:not(.d--button) > a:hover::after {
bottom: -4px;
opacity: 1;
visibility: visible;
}
.d--glonavi-hover-borderup .d--header-menu-style1 #globalMenuList > li:not(.d--button) > a::after {
left: 0;
width: 100%;
}
.d--glonavi-hover-borderup .d--header-menu-style2 #globalMenuList > li:not(.d--button) > a::after {
left: 50%;
width: 90%;
transform: translateX(-50%);
}
.d--glonavi-hover-borderwax #globalMenuList > li:not(.d--button) > a::after {
position: absolute;
bottom: -4px;
content: "";
height: 1px;
transform: scale(0, 1);
transform-origin: left top;
transition: all 0.25s;
will-change: transform;
transition-timing-function: ease;
}
.d--glonavi-hover-borderwax #globalMenuList > li:not(.d--button) > a:hover::after {
transform: scale(1, 1);
}
.d--glonavi-hover-borderwax .d--header-menu-style1 #globalMenuList > li:not(.d--button) > a::after {
left: 0;
width: 100%;
}
.d--glonavi-hover-borderwax .d--header-menu-style2 #globalMenuList > li:not(.d--button) > a::after {
left: 5%;
width: 90%;
}
.d--glonavi-hover-borderflow #globalMenuList > li:not(.d--button) > a::after {
position: absolute;
bottom: -4px;
content: "";
height: 1px;
transform: scale(0, 1);
transform-origin: right top;
transition: transform 0.3s;
}
.d--glonavi-hover-borderflow #globalMenuList > li:not(.d--button) > a:hover::after {
transform-origin: left top;
transform: scale(1, 1);
}
.d--glonavi-hover-borderflow .d--header-menu-style1 #globalMenuList > li:not(.d--button) > a::after {
left: 0px;
width: 100%;
}
.d--glonavi-hover-borderflow .d--header-menu-style2 #globalMenuList > li:not(.d--button) > a::after {
left: 5%;
width: 90%;
}
}
.js--scr-animation.d--postlist-animation-fade {
opacity: 0;
}
.js--scr-animation.d--postlist-animation-fade.is-animated {
animation: fadeSlideUp 0.96s ease;
animation-fill-mode: forwards;
}
.js--scr-animation.d--postlist-animation-fadebyone .o--postlist-item {
opacity: 0;
}
.js--scr-animation.d--postlist-animation-fadebyone.is-animated .o--postlist-item {
animation: fade 0.96s ease;
animation-fill-mode: forwards;
}
.js--scr-animation.d--postlist-animation-fadebyone.is-animated .o--postlist-item:nth-child(1) {
animation-delay: 0.15s;
}
.js--scr-animation.d--postlist-animation-fadebyone.is-animated .o--postlist-item:nth-child(2) {
animation-delay: 0.3s;
}
.js--scr-animation.d--postlist-animation-fadebyone.is-animated .o--postlist-item:nth-child(3) {
animation-delay: 0.45s;
}
.js--scr-animation.d--postlist-animation-fadebyone.is-animated .o--postlist-item:nth-child(4) {
animation-delay: 0.6s;
}
.js--scr-animation.d--postlist-animation-fadebyone.is-animated .o--postlist-item:nth-child(5) {
animation-delay: 0.75s;
}
.js--scr-animation.d--postlist-animation-fadebyone.is-animated .o--postlist-item:nth-child(6) {
animation-delay: 0.9s;
}
.js--scr-animation.d--postlist-animation-fadebyone.is-animated .o--postlist-item:nth-child(7) {
animation-delay: 1.05s;
}
.js--scr-animation.d--postlist-animation-fadebyone.is-animated .o--postlist-item:nth-child(8) {
animation-delay: 1.2s;
}
.js--scr-animation.d--postlist-animation-fadebyone.is-animated .o--postlist-item:nth-child(9) {
animation-delay: 1.35s;
}
.js--scr-animation.d--postlist-animation-fadebyone.is-animated .o--postlist-item:nth-child(10) {
animation-delay: 1.5s;
}
.js--scr-animation.d--postlist-animation-fadebyone.is-animated .o--postlist-item:nth-child(11) {
animation-delay: 1.65s;
}
.js--scr-animation.d--postlist-animation-fadebyone.is-animated .o--postlist-item:nth-child(12) {
animation-delay: 1.8s;
}
@media (min-width: 552px) {
.d--postlist-hover-up .c--post-link:hover {
transform: translateY(-6px);
}
.d--postlist-hover-up.d--postlist-newstext .c--post-link:hover {
transform: translateY(-3px);
}
.d--postlist-hover-zoom .c--post-link:hover .c--post-image img {
transform: scale(1.06);
}
.d--postlist-hover-fade .c--post-link:hover {
filter: opacity(0.75);
}
.d--postlist-hover-hovercolor .c--post-link .a--post-title {
transition: all 0.25s;
will-change: transform;
transition-timing-function: ease;
}
}
.js--scr-animation.d--richmenu-animation-fade {
opacity: 0;
}
.js--scr-animation.d--richmenu-animation-fade.is-animated {
animation: fadeSlideUp 0.96s ease;
animation-fill-mode: forwards;
}
.js--scr-animation.d--richmenu-animation-fadebyone .o--richmenu-item {
opacity: 0;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item {
animation: fadeSlideUp12 0.96s ease;
animation-fill-mode: forwards;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(1) {
animation-delay: 0.21s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(2) {
animation-delay: 0.42s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(3) {
animation-delay: 0.63s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(4) {
animation-delay: 0.84s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(5) {
animation-delay: 1.05s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(6) {
animation-delay: 1.26s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(7) {
animation-delay: 1.47s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(8) {
animation-delay: 1.68s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(9) {
animation-delay: 1.89s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(10) {
animation-delay: 2.1s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(11) {
animation-delay: 2.31s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(12) {
animation-delay: 2.52s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(13) {
animation-delay: 2.73s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(14) {
animation-delay: 2.94s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(15) {
animation-delay: 3.15s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(16) {
animation-delay: 3.36s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(17) {
animation-delay: 3.57s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(18) {
animation-delay: 3.78s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(19) {
animation-delay: 3.99s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(20) {
animation-delay: 4.2s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(21) {
animation-delay: 4.41s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(22) {
animation-delay: 4.62s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(23) {
animation-delay: 4.83s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item:nth-child(24) {
animation-delay: 5.04s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(1) {
animation-delay: 0.18s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(2) {
animation-delay: 0.36s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(3) {
animation-delay: 0.54s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(4) {
animation-delay: 0.72s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(5) {
animation-delay: 0.9s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(6) {
animation-delay: 1.08s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(7) {
animation-delay: 1.26s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(8) {
animation-delay: 1.44s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(9) {
animation-delay: 1.62s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(10) {
animation-delay: 1.8s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(11) {
animation-delay: 1.98s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(12) {
animation-delay: 2.16s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(13) {
animation-delay: 2.34s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(14) {
animation-delay: 2.52s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(15) {
animation-delay: 2.7s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(16) {
animation-delay: 2.88s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(17) {
animation-delay: 3.06s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(18) {
animation-delay: 3.24s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(19) {
animation-delay: 3.42s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(20) {
animation-delay: 3.6s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(21) {
animation-delay: 3.78s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(22) {
animation-delay: 3.96s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(23) {
animation-delay: 4.14s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column4 .o--richmenu-item:nth-child(24) {
animation-delay: 4.32s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(1) {
animation-delay: 0.12s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(2) {
animation-delay: 0.24s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(3) {
animation-delay: 0.36s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(4) {
animation-delay: 0.48s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(5) {
animation-delay: 0.6s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(6) {
animation-delay: 0.72s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(7) {
animation-delay: 0.84s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(8) {
animation-delay: 0.96s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(9) {
animation-delay: 1.08s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(10) {
animation-delay: 1.2s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(11) {
animation-delay: 1.32s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(12) {
animation-delay: 1.44s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(13) {
animation-delay: 1.56s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(14) {
animation-delay: 1.68s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(15) {
animation-delay: 1.8s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(16) {
animation-delay: 1.92s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(17) {
animation-delay: 2.04s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(18) {
animation-delay: 2.16s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(19) {
animation-delay: 2.28s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(20) {
animation-delay: 2.4s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(21) {
animation-delay: 2.52s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(22) {
animation-delay: 2.64s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(23) {
animation-delay: 2.76s;
}
.js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(24) {
animation-delay: 2.88s;
}
@media (min-width: 552px) {
.d--richmenu-hover-up .o--richmenu-item-inner:hover {
transform: translateY(-6px);
}
.d--richmenu-hover-zoom .o--richmenu-item-inner:hover .a--richmenu-image img {
transform: scale(1.06);
}
.d--richmenu-hover-fade .o--richmenu-item-inner:hover {
filter: opacity(0.81);
}
}
.d--column-animation-fade .wp-block-columns.js--scr-animation {
opacity: 0;
}
.d--column-animation-fade .wp-block-columns.js--scr-animation.is-animated {
animation: fadeSlideUp 0.96s ease;
animation-fill-mode: forwards;
}
.d--column-animation-fadebyone .wp-block-columns.js--scr-animation .wp-block-column {
opacity: 0;
}
.d--column-animation-fadebyone .wp-block-columns.js--scr-animation.is-animated .wp-block-column {
animation: fade 0.45s linear;
animation-fill-mode: forwards;
}
.d--column-animation-fadebyone .wp-block-columns.js--scr-animation.is-animated .wp-block-column:nth-child(1) {
animation-delay: 0.3s;
}
.d--column-animation-fadebyone .wp-block-columns.js--scr-animation.is-animated .wp-block-column:nth-child(2) {
animation-delay: 0.6s;
}
.d--column-animation-fadebyone .wp-block-columns.js--scr-animation.is-animated .wp-block-column:nth-child(3) {
animation-delay: 0.9s;
}
.d--column-animation-fadebyone .wp-block-columns.js--scr-animation.is-animated .wp-block-column:nth-child(4) {
animation-delay: 1.2s;
}
.d--column-animation-fadebyone .wp-block-columns.js--scr-animation.is-animated .wp-block-column:nth-child(5) {
animation-delay: 1.5s;
}
.d--column-animation-fadebyone .wp-block-columns.js--scr-animation.is-animated .wp-block-column:nth-child(6) {
animation-delay: 1.8s;
}
.d--column-animation-fadeslidebyone .wp-block-columns.js--scr-animation .wp-block-column {
opacity: 0;
}
.d--column-animation-fadeslidebyone .wp-block-columns.js--scr-animation.is-animated .wp-block-column {
animation: fadeSlideUp 0.9s ease;
animation-fill-mode: forwards;
}
.d--column-animation-fadeslidebyone .wp-block-columns.js--scr-animation.is-animated .wp-block-column:nth-child(1) {
animation-delay: 0.3s;
}
.d--column-animation-fadeslidebyone .wp-block-columns.js--scr-animation.is-animated .wp-block-column:nth-child(2) {
animation-delay: 0.6s;
}
.d--column-animation-fadeslidebyone .wp-block-columns.js--scr-animation.is-animated .wp-block-column:nth-child(3) {
animation-delay: 0.9s;
}
.d--column-animation-fadeslidebyone .wp-block-columns.js--scr-animation.is-animated .wp-block-column:nth-child(4) {
animation-delay: 1.2s;
}
.d--column-animation-fadeslidebyone .wp-block-columns.js--scr-animation.is-animated .wp-block-column:nth-child(5) {
animation-delay: 1.5s;
}
.d--column-animation-fadeslidebyone .wp-block-columns.js--scr-animation.is-animated .wp-block-column:nth-child(6) {
animation-delay: 1.8s;
}
.d--designtitle-animation-fade .b--jinr-h2rich.js--scr-animation {
opacity: 0;
}
.d--designtitle-animation-fade .b--jinr-h2rich.js--scr-animation.is-animated {
animation: fadeSlideUp12 0.6s ease-in-out;
animation-fill-mode: forwards;
}
.d--designtitle-animation-dynamic .b--jinr-h2rich.js--scr-animation {
display: inline-flex;
position: relative;
opacity: 0;
margin-top: 0;
margin-bottom: 0;
}
.d--designtitle-animation-dynamic .b--jinr-h2rich.js--scr-animation::before {
content: "";
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
display: block;
}
.d--designtitle-animation-dynamic .b--jinr-h2rich.js--scr-animation.is-animated {
animation: dynamic-parent 0.45s ease-in-out;
animation-fill-mode: forwards;
animation-delay: 0.21s;
}
.d--designtitle-animation-dynamic .b--jinr-h2rich.js--scr-animation.is-animated::before {
animation: dynamic 0.75s ease-in-out;
animation-fill-mode: forwards;
}
@media (min-width: 552px) {
.d--blogcard-hover-up {
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
.d--blogcard-hover-up:hover {
transform: translateY(-6px);
}
}
.wp-block-columns.js--scr-animation .js--scr-animation.d--postlist-animation-fade {
opacity: 1;
}
.wp-block-columns.js--scr-animation .js--scr-animation.d--postlist-animation-fade.is-animated {
animation: none;
}
.wp-block-columns.js--scr-animation .js--scr-animation.d--postlist-animation-fadebyone .o--postlist-item {
opacity: 1;
}
.wp-block-columns.js--scr-animation .js--scr-animation.d--postlist-animation-fadebyone.is-animated .o--postlist-item {
animation: none;
}
.wp-block-columns.js--scr-animation .js--scr-animation.d--richmenu-animation-fade {
opacity: 1;
}
.wp-block-columns.js--scr-animation .js--scr-animation.d--richmenu-animation-fade.is-animated {
animation: none;
}
.wp-block-columns.js--scr-animation .js--scr-animation.d--richmenu-animation-fadebyone .o--richmenu-item {
opacity: 1;
}
.wp-block-columns.js--scr-animation .js--scr-animation.d--richmenu-animation-fadebyone.is-animated .o--richmenu-item {
animation: none;
}
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-solid-animation-fade a,
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-outline-animation-fade a,
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-arrow-animation-fade a,
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-solid-animation-fadeup a,
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-outline-animation-fadeup a,
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-arrow-animation-fadetoright a,
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-arrow-animation-slidetoright a {
opacity: 1;
}
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-solid-animation-fade.is-animated a,
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-outline-animation-fade.is-animated a,
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-arrow-animation-fade.is-animated a,
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-solid-animation-fadeup.is-animated a,
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-outline-animation-fadeup.is-animated a,
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-arrow-animation-fadetoright.is-animated a,
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-arrow-animation-slidetoright.is-animated a {
animation: none;
}
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-solid-animation-expand.is-animated a,
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-outline-animation-expand.is-animated a,
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-solid-animation-push.is-animated a,
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-outline-animation-push.is-animated a {
animation: none;
}
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-arrow-animation-drawarrow a {
opacity: 1;
}
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-arrow-animation-drawarrow a::after {
opacity: 1;
}
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-arrow-animation-drawarrow a::before {
display: none;
}
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-arrow-animation-drawarrow.is-animated a {
animation: none;
}
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-arrow-animation-drawarrow.is-animated a::after {
animation: none;
}
.wp-block-columns.js--scr-animation .js--scr-animation .d--button-arrow-animation-drawarrow.is-animated a::before {
animation: none;
}
.wp-block-columns.js--scr-animation .b--jinr-h2rich.js--scr-animation {
opacity: 1;
}
.wp-block-columns.js--scr-animation .b--jinr-h2rich.js--scr-animation::before {
width: 0;
background-color: transparent;
}
.wp-block-columns.js--scr-animation .b--jinr-h2rich.js--scr-animation.is-animated {
animation: none;
}
.wp-block-columns.js--scr-animation .b--jinr-h2rich.js--scr-animation.is-animated::before {
animation: none;
}