@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;
}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(//22ippuku.com/wp-content/themes/jinr/lib/font/jin-icons/jin-icons.woff?c16tcv) format("woff"), url(//22ippuku.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(//22ippuku.com/wp-content/themes/jinr/lib/img/dot.png);
}
.d--background-pattern3 {
background-size: 5px;
background-image: url(//22ippuku.com/wp-content/themes/jinr/lib/img/border.png);
}
.d--background-pattern4 {
background-size: 24px;
background-image: url(//22ippuku.com/wp-content/themes/jinr/lib/img/stripe.png);
}
.d--background-pattern5 {
background-size: 66px;
background-image: url(//22ippuku.com/wp-content/themes/jinr/lib/img/jigsaw.png);
}
.d--background-pattern6 {
background-size: 60px;
background-image: url(//22ippuku.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;
}