@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";

 @-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes slideFade {
0% {
opacity: 0;
transform: translateY(10px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
@-moz-keyframes slideFade {
0% {
opacity: 0;
transform: translateY(10px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
@keyframes slideFade {
0% {
opacity: 0;
transform: translateY(10px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
#rtoc_shortcode {
display: none;
margin: 0;
padding: 0;
}
#rtoc_return {
display: none;
position: relative;
z-index: 9999;
}
#rtoc_return a {
position: fixed;
bottom: 70px;
right: 16px;
width: 58px;
height: 58px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
padding-top: 36px;
box-sizing: border-box;
background-color: #ccc;
border-radius: 50%;
color: #fff;
font-size: 0.6em;
text-align: center;
text-decoration: none;
}
#rtoc_return a::before {
position: absolute;
content: "";
top: 12px;
left: 16px;
width: 24px;
height: 22px;
background-repeat: no-repeat;
background-position: center top;
background-size: 24px 22px;
}
#rtoc_return.back_button_left a {
right: auto;
left: 16px;
}
@media (min-width: 1200px) {
#rtoc_return.back_button_left a {
bottom: 22px;
}
}
#rtoc_return.back_button_right a {
right: 16px;
}
.rtoc-mokuji-content {
width: 100%;
max-width: 700px;
font-size: 16px;
font-weight: 400;
margin: 40px auto;
box-sizing: border-box;
}
.rtoc-mokuji-content.rtoc_text_parent {
padding-bottom: 56px;
}
@media (min-width: 768px) {
.rtoc-mokuji-content.rtoc_text_parent {
padding-bottom: 32px;
}
}
.rtoc-mokuji-content.frame2 {
width: 100%;
position: relative;
padding-bottom: 0.1px;
}
.rtoc-mokuji-content.frame2::before {
position: absolute;
content: "";
border: 4px solid #111;
width: 100%;
height: 100%;
box-sizing: border-box;
top: 0;
left: 0;
opacity: 0.15;
}
.rtoc-mokuji-content.frame3 {
border-top: 2px solid;
border-bottom: 2px solid;
}
@media (min-width: 1024px) {
.rtoc-mokuji-content.frame3 {
width: 70%;
margin: 0 auto;
}
}
.rtoc-mokuji-content.frame4 {
padding-bottom: 0.1px;
border-top: 4px solid #25343e;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.rtoc-mokuji-content.frame5 {
border-top: 2px solid #25343e;
border-bottom: 2px solid #25343e;
position: relative;
}
.rtoc-mokuji-content.frame5::before, .rtoc-mokuji-content.frame5::after {
position: absolute;
content: "";
top: -10px;
height: calc(100% + 20px);
width: 2px;
border-radius: 1px;
}
@media (min-width: 768px) {
.rtoc-mokuji-content.frame5::before, .rtoc-mokuji-content.frame5::after {
height: calc(100% + 32px);
}
}
.rtoc-mokuji-content.frame5::before {
left: 10px;
}
@media (min-width: 768px) {
.rtoc-mokuji-content.frame5::before {
top: -16px;
left: 16px;
}
}
.rtoc-mokuji-content.frame5::after {
right: 10px;
}
@media (min-width: 768px) {
.rtoc-mokuji-content.frame5::after {
top: -16px;
right: 16px;
}
}
.rtoc-mokuji-content.helvetica {
font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
}
.rtoc-mokuji-content.helvetica .mokuji_ol > .rtoc-item::before {
font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
}
.rtoc-mokuji-content.helvetica .decimal_ol > .rtoc-item::before,
.rtoc-mokuji-content.helvetica .decimal_ol.level-2 > .rtoc-item::before {
font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
}
.rtoc-mokuji-content.noto-sans {
font-family: "Noto Sans JP", sans-serif;
}
.rtoc-mokuji-content.noto-sans .mokuji_ol > .rtoc-item::before {
font-family: "Noto Sans JP", sans-serif;
}
.rtoc-mokuji-content.noto-sans .decimal_ol > .rtoc-item::before,
.rtoc-mokuji-content.noto-sans .decimal_ol.level-2 > .rtoc-item::before {
font-family: "Noto Sans JP", sans-serif;
}
.rtoc-mokuji-content #rtoc-mokuji-title {
padding: 32px 28px 8px;
font-size: 1.35em;
letter-spacing: 0;
line-height: 1.8;
}
@media (min-width: 1024px) {
.rtoc-mokuji-content #rtoc-mokuji-title {
padding: 40px 64px 16px;
font-size: 1.65em;
}
}
.rtoc-mokuji-content #rtoc-mokuji-title.is_close {
padding: 32px;
}
@media (min-width: 1024px) {
.rtoc-mokuji-content #rtoc-mokuji-title.is_close {
padding: 40px 64px;
}
}
.rtoc-mokuji-content #rtoc-mokuji-title.rtoc_left {
display: flex;
text-align: left;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
}
.rtoc-mokuji-content #rtoc-mokuji-title.rtoc_center {
display: flex;
flex-direction: column-reverse;
padding: 32px 28px 8px;
text-align: center;
}
@media (min-width: 768px) {
.rtoc-mokuji-content #rtoc-mokuji-title.rtoc_center {
font-size: 1.65em;
flex-direction: row-reverse;
justify-content: center;
}
}
@media (min-width: 1024px) {
.rtoc-mokuji-content #rtoc-mokuji-title.rtoc_center {
padding: 40px 64px 16px;
}
}
.rtoc-mokuji-content #rtoc-mokuji-title.rtoc_btn_none {
padding-bottom: 4px;
flex-direction: row;
}
.rtoc-mokuji-content.frame5 #rtoc-mokuji-title {
padding: 32px 40px 8px;
}
@media (min-width: 768px) {
.rtoc-mokuji-content.frame5 #rtoc-mokuji-title {
padding: 40px 64px 16px;
}
}
.rtoc-mokuji-content .rtoc-mokuji {
padding: 0;
margin: 0;
}
.rtoc-mokuji-content .rtoc-mokuji.level-1 {
margin: 0 28px 32px !important;
}
@media (min-width: 1024px) {
.rtoc-mokuji-content .rtoc-mokuji.level-1 {
margin: 0 64px 40px !important;
}
}
@media (min-width: 768px) {
.rtoc-mokuji-content.frame5 .level-1 {
margin: 0 64px;
}
}
.rtoc-mokuji-content .rtoc-mokuji {
padding: 0;
margin: 0;
list-style: none;
transition: all 0.3s;
}
.rtoc-mokuji-content .rtoc-mokuji li {
position: relative;
margin: 0 !important;
line-height: 1.55;
}
.rtoc-mokuji-content .rtoc-mokuji li > a {
display: inline-block;
position: relative;
text-decoration: none;
transition: all 0.3s;
}
.rtoc-mokuji-content .rtoc-mokuji li > a:hover {
text-decoration: underline;
}
.rtoc-mokuji-content .rtoc-mokuji.level-1 li {
font-size: 0.95em;
list-style: none;
}
.rtoc-mokuji-content .rtoc-mokuji.level-1 li span {
font-size: 0.95em !important;
}
.rtoc-mokuji-content .rtoc-mokuji.level-2 li {
font-size: 0.9em;
}
.rtoc-mokuji-content .rtoc-mokuji.level-3 li {
font-size: 0.9em;
}
.rtoc-mokuji-content .rtoc-mokuji.level-1 {
padding-left: 1.3em;
border: none !important;
}
.rtoc-mokuji-content .rtoc-mokuji.level-1.mokuji_ol {
padding-left: 2em;
}
@media (max-width: 767px) {
.rtoc-mokuji-content .rtoc-mokuji.level-1.mokuji_ol {
padding-left: 1.3em;
}
}
.rtoc-mokuji-content .rtoc-mokuji.level-1.decimal_ol {
padding-left: 1.3em;
}
@media (max-width: 767px) {
.rtoc-mokuji-content .rtoc-mokuji.level-1 {
padding-left: 1.5em;
}
}
.rtoc-mokuji-content .rtoc-mokuji.level-1 li {
padding: 16px 0 0 0;
}
.rtoc-mokuji-content .rtoc-mokuji.level-1 .decimal_ol li::before {
top: 6px;
}
.rtoc-mokuji-content .rtoc-mokuji.level-1 .mokuji_ol.decimal_ol li::before {
top: 7px !important;
}
.rtoc-mokuji-content .rtoc-mokuji.level-1 .rtoc-accent-point {
max-width: 210px;
}
@media (min-width: 552px) {
.rtoc-mokuji-content .rtoc-mokuji.level-1 .rtoc-accent-point {
max-width: 360px;
}
}
@media (min-width: 552px) {
.rtoc-mokuji-content .rtoc-mokuji.level-1 .rtoc-accent-point {
max-width: 320px;
}
}
@media (min-width: 1024px) {
.rtoc-mokuji-content .rtoc-mokuji.level-1 .rtoc-accent-point {
max-width: 420px;
}
}
@media (min-width: 1200px) {
.rtoc-mokuji-content .rtoc-mokuji.level-1 .rtoc-accent-point {
max-width: 480px;
}
}
.rtoc-mokuji-content .rtoc-mokuji.level-1 .rtoc-accent-point::after {
font-size: 0.7em;
padding: 4px 6px;
right: -69px;
top: 1px;
}
@media (min-width: 552px) {
.rtoc-mokuji-content .rtoc-mokuji.level-1 .rtoc-accent-point::after {
font-size: 0.75em;
padding: 4px 8px;
right: -80px;
}
}
@media (min-width: 768px) {
.rtoc-mokuji-content .rtoc-mokuji.level-1 .rtoc-accent-point::after {
padding: 5px 8px 4px;
right: -75px;
}
}
.rtoc-mokuji-content .rtoc-mokuji.level-2 {
padding-left: 1.2em;
padding-bottom: 4px !important;
padding-top: 4px !important;
margin-bottom: 0 !important;
}
@media (min-width: 1024px) {
.rtoc-mokuji-content .rtoc-mokuji.level-2 {
padding-bottom: 0.75em !important;
}
}
.rtoc-mokuji-content .rtoc-mokuji.level-2.mokuji_ol {
padding-left: 1.25em;
}
.rtoc-mokuji-content .rtoc-mokuji.level-2 li {
padding-top: 6px;
}
.rtoc-mokuji-content .rtoc-mokuji.level-2.decimal_ol {
padding-left: 1.25em;
}
.rtoc-mokuji-content .rtoc-mokuji.level-2 #rtocAC.accent-point::after {
font-size: 0.6em;
padding: 4px 6px;
right: -70px;
padding: 4px 5px;
right: -67px;
}
.rtoc-mokuji-content .rtoc-mokuji.level-2 .rtoc_accent-point {
max-width: 166px;
}
@media (min-width: 552px) {
.rtoc-mokuji-content .rtoc-mokuji.level-2 .rtoc_accent-point {
max-width: 360px;
}
}
@media (min-width: 768px) {
.rtoc-mokuji-content .rtoc-mokuji.level-2 .rtoc_accent-point {
max-width: 300px;
}
}
@media (min-width: 768px) {
.rtoc-mokuji-content .rtoc-mokuji.level-2 .rtoc_accent-point {
max-width: 400px;
}
}
@media (min-width: 1200px) {
.rtoc-mokuji-content .rtoc-mokuji.level-2 .rtoc_accent-point {
max-width: 450px;
}
}
.rtoc-mokuji-content .rtoc-mokuji.level-3 {
padding-top: 2px;
padding-bottom: 8px;
padding-left: 1.1em;
}
.rtoc-mokuji-content .rtoc-mokuji.mokuji_none.level-1 {
padding-left: 0px;
}
.rtoc-mokuji-content .rtoc-mokuji.mokuji_none.level-1 .mokuji_ul,
.rtoc-mokuji-content .rtoc-mokuji.mokuji_none.level-1 .mokuji_ol {
padding-left: 2.2em;
}
.rtoc-mokuji-content .rtoc-mokuji.mokuji_none.level-1 .mokuji_ul > .rtoc-item::before,
.rtoc-mokuji-content .rtoc-mokuji.mokuji_none.level-1 .mokuji_ol > .rtoc-item::before {
left: -1.15em;
}
.rtoc-mokuji-content .rtoc-mokuji.mokuji_none.level-1 .decimal_ol {
padding-left: 2.3em;
}
.rtoc-mokuji-content .rtoc-mokuji.mokuji_none.level-1 .mokuji_none.level-2 {
padding-left: 1.1em;
}
.rtoc-mokuji-content .rtoc-mokuji.mokuji_none.level-1 .mokuji_ol.level-2 .rtoc-item::before {
top: 4px;
}
.rtoc-mokuji-content .rtoc-mokuji.decimal_ol .level-2 {
padding-left: 2.4em;
}
@media (min-width: 768px) {
.rtoc-mokuji-content .rtoc-mokuji.decimal_ol .level-2 {
padding-left: 2.55em;
}
}
@media (min-width: 768px) {
.rtoc-mokuji-content .rtoc-mokuji.decimal_ol .level-2.decimal_ol, .rtoc-mokuji-content .rtoc-mokuji.decimal_ol .level-2.mokuji_ol {
padding-left: 2.75em;
}
}
.rtoc-mokuji-content .mokuji_none .mokuji_none.level-2 {
padding-left: 1em;
}
.rtoc-mokuji-content .mokuji_ol .rtoc-item::after,
.rtoc-mokuji-content .mokuji_ul .rtoc-item::after {
content: none;
}
.rtoc-mokuji-content.frame5 .rtoc-mokuji.level-1 {
margin: 0 40px 32px;
}
@media (min-width: 1024px) {
.rtoc-mokuji-content.frame5 .rtoc-mokuji.level-1 {
margin: 0 64px 40px !important;
}
}
.rtoc-mokuji-content .mokuji_ul > .rtoc-item::before {
width: 9px;
height: 9px;
position: absolute;
content: "";
border-radius: 50%;
top: 23px;
left: -1.2em;
}
@media (max-width: 767px) {
.rtoc-mokuji-content .mokuji_ul > .rtoc-item::before {
top: 21px;
}
}
.rtoc-mokuji-content .mokuji_ul > .rtoc-item::after {
content: none !important;
}
.rtoc-mokuji-content .mokuji_ul .mokuji_ul .rtoc-item::before {
position: absolute;
content: "";
top: 12px;
left: -1.2em;
border-radius: 50%;
}
@media (max-width: 767px) {
.rtoc-mokuji-content .mokuji_ul .mokuji_ul .rtoc-item::before {
width: 6px;
height: 6px;
top: 12px;
}
}
.rtoc-mokuji-content .mokuji_ul .mokuji_ul .mokuji_none .rtoc-item::before {
content: none;
}
.rtoc-mokuji-content .mokuji_ul .mokuji_ol > .rtoc-item::before {
left: -2.2em;
top: 5px;
}
.rtoc-mokuji-content .mokuji_ul .mokuji_ol li {
padding-left: 4px;
}
.rtoc-mokuji-content .rtoc-mokuji .mokuji_ul .rtoc-item::before,
.rtoc-mokuji-content .rtoc-mokuji.mokuji_none .mokuji_ul .rtoc-item::before {
width: 6px;
height: 6px;
top: 14px;
}
.rtoc-mokuji-content .mokuji_ol {
padding-left: 0;
counter-reset: rtoc-li;
list-style: none;
border: none;
}
.rtoc-mokuji-content .mokuji_ol > .rtoc-item {
position: relative;
}
.rtoc-mokuji-content .mokuji_ol > .rtoc-item::before {
display: inline-block;
position: absolute;
top: 15px;
left: -2.5em;
width: 32px;
height: auto;
font-size: 1.1em;
font-weight: normal;
counter-increment: rtoc-li;
content: counter(rtoc-li) ". ";
background-color: transparent !important;
background: transparent;
box-shadow: none;
text-align: right;
}
@media (max-width: 767px) {
.rtoc-mokuji-content .mokuji_ol > .rtoc-item::before {
left: -2.1em;
}
}
.rtoc-mokuji-content .mokuji_ol > .rtoc-item .mokuji_ul > .rtoc-item::before {
left: -1.2em;
}
.rtoc-mokuji-content .mokuji_ol .mokuji_ol {
counter-reset: rtoc-li2;
}
.rtoc-mokuji-content .mokuji_ol .mokuji_ol > .rtoc-item::before {
display: inline-block;
counter-increment: rtoc-li2;
content: counter(rtoc-li2) ". ";
position: absolute;
top: 7px;
left: -1.5em;
width: auto;
height: auto;
font-size: 0.9em;
font-weight: normal;
background-color: transparent !important;
background: transparent;
box-shadow: none;
}
.rtoc-mokuji-content .decimal_ol {
padding-left: 0;
counter-reset: rtoc-decimal-1;
list-style: none;
}
.rtoc-mokuji-content .decimal_ol > .rtoc-item {
position: relative;
counter-increment: rtoc-decimal-1;
}
.rtoc-mokuji-content .decimal_ol > .rtoc-item::after {
content: "" !important;
position: absolute;
top: 18px;
left: 12px;
right: auto;
bottom: auto;
height: 17px;
width: 1px;
border-radius: 1px;
}
@media (min-width: 768px) {
.rtoc-mokuji-content .decimal_ol > .rtoc-item::after {
top: 19px;
}
}
.rtoc-mokuji-content .decimal_ol > .rtoc-item::before {
display: inline-block;
content: counter(rtoc-decimal-1, decimal-leading-zero) "";
position: absolute;
left: -1.3em;
top: 16px;
width: auto;
height: auto;
font-size: 1.05em;
font-weight: normal;
background-color: transparent !important;
background: transparent;
box-shadow: none;
}
.rtoc-mokuji-content .decimal_ol > .rtoc-item > a {
padding-left: 1.35em;
}
@media (min-width: 1024px) {
.rtoc-mokuji-content .decimal_ol > .rtoc-item > a {
padding-left: 1.65em;
}
}
.rtoc-mokuji-content .decimal_ol .decimal_ol {
counter-reset: none;
}
.rtoc-mokuji-content .decimal_ol.level-2 > .rtoc-item {
counter-increment: rtoc-decimal-2;
}
.rtoc-mokuji-content .decimal_ol.level-2 > .rtoc-item::after {
width: 1px;
height: 14px;
top: 10px;
left: 0.75em;
}
.rtoc-mokuji-content .decimal_ol.level-2 > .rtoc-item::before {
display: inline;
content: counter(rtoc-decimal-2, decimal-leading-zero) "";
left: -1.2em;
font-weight: normal;
font-size: 0.95em;
box-shadow: none;
background: transparent;
}
.rtoc-mokuji-content .decimal_ol.level-2 > .rtoc-item > a {
padding-left: 1.65em;
}
.rtoc-mokuji-content .decimal_ol.level-2 .level-3 {
padding-left: 2.3em;
}
.rtoc-mokuji-content .decimal_ol .mokuji_ul > .rtoc-item::before {
left: -1.15em;
}
.rtoc-mokuji-content .decimal_ol .mokuji_ol > .rtoc-item::before {
left: -2.2em;
top: 5px;
}
.rtoc-mokuji-content .mokuji_none.level-3 > .rtoc-item::before {
display: none;
}
.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-title, .rtoc-mokuji-content.rtoc_open #rtoc-mokuji-title {
position: relative;
}
.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-title .rtoc_open_close, .rtoc-mokuji-content.rtoc_open #rtoc-mokuji-title .rtoc_open_close {
box-sizing: content-box;
padding: 8px 12px;
font-size: 10px;
height: 15px;
line-height: 1;
text-align: center;
text-decoration: none;
border: none;
background-color: #f2f2f2;
cursor: pointer;
letter-spacing: 1px;
}
@media (max-width: 767px) {
.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-title .rtoc_open_close, .rtoc-mokuji-content.rtoc_open #rtoc-mokuji-title .rtoc_open_close {
padding: 7px 10px;
}
}
.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-title .rtoc_open_close:focus, .rtoc-mokuji-content.rtoc_open #rtoc-mokuji-title .rtoc_open_close:focus {
outline: 0;
}
.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-title.rtoc_center .rtoc_open_close, .rtoc-mokuji-content.rtoc_open #rtoc-mokuji-title.rtoc_center .rtoc_open_close {
margin: 8px auto 0;
}
@media (min-width: 768px) {
.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-title.rtoc_center .rtoc_open_close, .rtoc-mokuji-content.rtoc_open #rtoc-mokuji-title.rtoc_center .rtoc_open_close {
margin: 0;
position: absolute;
right: 40px;
top: 44px;
}
}
@media (min-width: 1024px) {
.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-title.rtoc_center .rtoc_open_close, .rtoc-mokuji-content.rtoc_open #rtoc-mokuji-title.rtoc_center .rtoc_open_close {
top: 50px;
}
}
.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-title.rtoc_center.is_close, .rtoc-mokuji-content.rtoc_open #rtoc-mokuji-title.rtoc_center.is_close {
padding: 32px 28px;
}
@media (min-width: 768px) {
.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-title.rtoc_center.is_close, .rtoc-mokuji-content.rtoc_open #rtoc-mokuji-title.rtoc_center.is_close {
padding: 32px;
}
}
@media (min-width: 1024px) {
.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-title.rtoc_center.is_close, .rtoc-mokuji-content.rtoc_open #rtoc-mokuji-title.rtoc_center.is_close {
padding: 40px 64px;
}
}
.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-title.rtoc_left .rtoc_open_close, .rtoc-mokuji-content.rtoc_open #rtoc-mokuji-title.rtoc_left .rtoc_open_close {
left: calc(100% - 48px);
}
@media (min-width: 1024px) {
.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-title.rtoc_left .rtoc_open_close, .rtoc-mokuji-content.rtoc_open #rtoc-mokuji-title.rtoc_left .rtoc_open_close {
left: calc(100% - 92px);
}
}
.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-title.rtoc_left.is_close .rtoc_open_close, .rtoc-mokuji-content.rtoc_open #rtoc-mokuji-title.rtoc_left.is_close .rtoc_open_close {
top: 50%;
}
.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-title.is_close, .rtoc-mokuji-content.rtoc_open #rtoc-mokuji-title.is_close {
padding: 32px 28px;
}
@media (min-width: 1024px) {
.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-title.is_close, .rtoc-mokuji-content.rtoc_open #rtoc-mokuji-title.is_close {
padding: 40px 64px;
}
}
.rtoc-mokuji-content.rtoc_close.frame5 #rtoc-mokuji-title.is_close, .rtoc-mokuji-content.rtoc_open.frame5 #rtoc-mokuji-title.is_close {
padding: 32px 40px;
}
@media (min-width: 1024px) {
.rtoc-mokuji-content.rtoc_close.frame5 #rtoc-mokuji-title.is_close, .rtoc-mokuji-content.rtoc_open.frame5 #rtoc-mokuji-title.is_close {
padding: 40px 64px;
}
}
.rtoc-mokuji-content .level-1.is_close {
display: none !important;
}
@media (min-width: 768px) {
.rtoc-mokuji-content.frame5 #rtoc-mokuji-title.rtoc_center .rtoc_open_close, .rtoc-mokuji-content.frame5 #rtoc-mokuji-title.rtoc_left .rtoc_open_close {
left: calc(100% - 96px);
}
}
.rtoc-mokuji-content.animation-fade {
animation: fadeIn 0.5s ease 0.4s;
animation-fill-mode: both;
}
.rtoc-mokuji-content.animation-slide {
animation: slideFade 1.2s ease 0.4s;
animation-fill-mode: both;
}
div[class^=cta-] #rtoc-mokuji-wrapper {
display: none;
}
#wrapper.d--zenkakugothic .rtoc-mokuji-content .decimal_ol > .rtoc-item::before {
top: 12px;
font-size: 1.15em;
}
#wrapper.d--zenkakugothic .rtoc-mokuji-content .rtoc-mokuji.level-1 .decimal_ol li::before {
top: 4px;
}
#wrapper.d--zenkakugothic .rtoc-mokuji-content .mokuji_ol.level-1 > .rtoc-item::before {
top: 14px;
}
#wrapper.d--zenkakugothic .rtoc-mokuji-content .rtoc-mokuji.level-1 .decimal_ol > .rtoc-item::before {
font-size: 1.05em;
top: 5px;
}
#wrapper.d--notoserif .rtoc-mokuji-content .decimal_ol > .rtoc-item::before,
#wrapper.d--shipporimincho .rtoc-mokuji-content .decimal_ol > .rtoc-item::before,
#wrapper.d--kiwimaru .rtoc-mokuji-content .decimal_ol > .rtoc-item::before {
top: 14px;
}
#wrapper.d--notoserif .rtoc-mokuji-content .rtoc-mokuji.level-1 .decimal_ol li::before,
#wrapper.d--shipporimincho .rtoc-mokuji-content .rtoc-mokuji.level-1 .decimal_ol li::before,
#wrapper.d--kiwimaru .rtoc-mokuji-content .rtoc-mokuji.level-1 .decimal_ol li::before {
top: 6px;
}
#wrapper.d--notoserif .rtoc-mokuji-content .mokuji_ol.level-1 > .rtoc-item::before,
#wrapper.d--shipporimincho .rtoc-mokuji-content .mokuji_ol.level-1 > .rtoc-item::before,
#wrapper.d--kiwimaru .rtoc-mokuji-content .mokuji_ol.level-1 > .rtoc-item::before {
top: 14px;
}
#wrapper {
overflow: visible;
}
.sidebar_style1 .widget #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content {
padding: 0 0 0 4px;
}
.sidebar_style2 .widget #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content,
.sidebar_style3 .widget #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content,
.sidebar_style4 .widget #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content,
.sidebar_style5 .widget #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content {
padding: 0.1px 10px;
}
.widget_block #rtoc-mokuji-widget-wrapper,
.widget #rtoc-mokuji-widget-wrapper,
#sideBarTracking #rtoc-mokuji-widget-wrapper {
border: none;
}
.widget_block #rtoc-mokuji-widget-wrapper::before, .widget_block #rtoc-mokuji-widget-wrapper::after,
.widget #rtoc-mokuji-widget-wrapper::before,
.widget #rtoc-mokuji-widget-wrapper::after,
#sideBarTracking #rtoc-mokuji-widget-wrapper::before,
#sideBarTracking #rtoc-mokuji-widget-wrapper::after {
border: none;
background: transparent;
}
.widget_block #rtoc-mokuji-widget-wrapper.rtoc-sidebar-contents a,
.widget #rtoc-mokuji-widget-wrapper.rtoc-sidebar-contents a,
#sideBarTracking #rtoc-mokuji-widget-wrapper.rtoc-sidebar-contents a {
opacity: 0.5;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-2,
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-3,
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-2,
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-3,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-2,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-3 {
display: none;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-show .rtoc-mokuji.level-2,
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-show .rtoc-mokuji.level-3,
.widget #rtoc-mokuji-widget-wrapper .rtoc-show .rtoc-mokuji.level-2,
.widget #rtoc-mokuji-widget-wrapper .rtoc-show .rtoc-mokuji.level-3,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-show .rtoc-mokuji.level-2,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-show .rtoc-mokuji.level-3 {
display: block;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1,
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 {
position: relative;
padding-left: 25px;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1:before,
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1:before,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1:before {
position: absolute;
content: "";
width: 2px;
height: calc(100% - 24px);
border-radius: 2px;
background-color: rgba(159, 159, 159, 0.16);
top: 16px;
left: 5px;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item,
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item {
position: relative;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item:before,
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item:before,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item:before {
position: absolute;
content: "" !important;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item:before,
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item:before,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item:before {
width: 12px;
height: 12px;
background-color: #efefef !important;
border-radius: 50%;
top: 4px;
left: -25px;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-item:after,
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-item:after,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-item:after {
position: absolute;
content: "" !important;
width: 0;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-item.rtoc-current:after,
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-item.rtoc-current:after,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-item.rtoc-current:after {
width: 8px;
height: 8px;
border-radius: 50%;
top: 6px;
left: -23px;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-item.rtoc-current > a,
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-item.rtoc-current > a,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-item.rtoc-current > a {
opacity: 1;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-mokuji.level-2 .rtoc-item.rtoc-current:after,
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-mokuji.level-2 .rtoc-item.rtoc-current:after,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 .rtoc-mokuji.level-2 .rtoc-item.rtoc-current:after {
top: 10px;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 a,
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 a,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 a {
color: #3c3737;
}
.widget_block #rtoc-mokuji-widget-wrapper #rtoc-mokuji-title, .widget_block #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content,
.widget #rtoc-mokuji-widget-wrapper #rtoc-mokuji-title,
.widget #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content,
#sideBarTracking #rtoc-mokuji-widget-wrapper #rtoc-mokuji-title,
#sideBarTracking #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content {
margin: 0;
padding: 0;
}
.widget_block #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content .rtoc-mokuji.level-1,
.widget #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content .rtoc-mokuji.level-1,
#sideBarTracking #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content .rtoc-mokuji.level-1 {
margin: 0.5em 0 0 0 !important;
padding-bottom: 0;
}
.widget_block #rtoc-mokuji-widget-wrapper #rtoc-mokuji-title,
.widget #rtoc-mokuji-widget-wrapper #rtoc-mokuji-title,
#sideBarTracking #rtoc-mokuji-widget-wrapper #rtoc-mokuji-title {
font-size: 1.35em;
}
.widget_block #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content,
.widget #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content,
#sideBarTracking #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content {
border: none;
box-shadow: none;
background-color: transparent;
}
.widget_block #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content::before, .widget_block #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content::after,
.widget #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content::before,
.widget #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content::after,
#sideBarTracking #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content::before,
#sideBarTracking #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content::after {
border: none;
width: 0;
}
.widget_block #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content.frame3,
.widget #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content.frame3,
#sideBarTracking #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content.frame3 {
width: 100%;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc_open_close,
.widget #rtoc-mokuji-widget-wrapper .rtoc_open_close,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc_open_close {
display: none;
}
.widget_block #rtoc-mokuji-widget-wrapper #rtoc-mokuji-title.rtoc_left,
.widget #rtoc-mokuji-widget-wrapper #rtoc-mokuji-title.rtoc_left,
#sideBarTracking #rtoc-mokuji-widget-wrapper #rtoc-mokuji-title.rtoc_left {
flex-direction: row;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji .rtoc-item,
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji .rtoc-item,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji .rtoc-item {
font-size: 12px;
font-weight: 500;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item,
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item {
padding-top: 0;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item:not(:first-of-type),
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item:not(:first-of-type),
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item:not(:first-of-type) {
padding-top: 10px;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item:not(:first-of-type):before,
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item:not(:first-of-type):before,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item:not(:first-of-type):before {
top: 13px;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item:not(:first-of-type):after,
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item:not(:first-of-type):after,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 > .rtoc-item:not(:first-of-type):after {
top: 15px;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 a,
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 a,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-1 a {
line-height: 1.5em;
padding: 0;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-2,
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-2,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-2 {
padding-left: 0;
padding: 0 !important;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-2 a,
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-2 a,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-2 a {
line-height: 1.4em;
}
.widget_block #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-3,
.widget #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-3,
#sideBarTracking #rtoc-mokuji-widget-wrapper .rtoc-mokuji.level-3 {
padding: 0;
}
.widget_block #rtoc-mokuji-widget-wrapper .mokuji_ul.level-1 .mokuji_ol.level-2 .rtoc-item:before,
.widget #rtoc-mokuji-widget-wrapper .mokuji_ul.level-1 .mokuji_ol.level-2 .rtoc-item:before,
#sideBarTracking #rtoc-mokuji-widget-wrapper .mokuji_ul.level-1 .mokuji_ol.level-2 .rtoc-item:before {
content: none;
}
.widget_block #rtoc-mokuji-widget-wrapper .mokuji_ul.level-1 .decimal_ol.level-2 .rtoc-item::before,
.widget #rtoc-mokuji-widget-wrapper .mokuji_ul.level-1 .decimal_ol.level-2 .rtoc-item::before,
#sideBarTracking #rtoc-mokuji-widget-wrapper .mokuji_ul.level-1 .decimal_ol.level-2 .rtoc-item::before {
content: none;
}
.widget_block #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content .mokuji_ol .mokuji_ol > .rtoc-item::before, .widget_block #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content .decimal_ol .mokuji_ol > .rtoc-item::before, .widget_block #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content .decimal_ol.level-2 > .rtoc-item::before, .widget_block #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content .mokuji_ul > .rtoc-item::before,
.widget #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content .mokuji_ol .mokuji_ol > .rtoc-item::before,
.widget #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content .decimal_ol .mokuji_ol > .rtoc-item::before,
.widget #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content .decimal_ol.level-2 > .rtoc-item::before,
.widget #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content .mokuji_ul > .rtoc-item::before,
#sideBarTracking #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content .mokuji_ol .mokuji_ol > .rtoc-item::before,
#sideBarTracking #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content .decimal_ol .mokuji_ol > .rtoc-item::before,
#sideBarTracking #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content .decimal_ol.level-2 > .rtoc-item::before,
#sideBarTracking #rtoc-mokuji-widget-wrapper.rtoc-mokuji-content .mokuji_ul > .rtoc-item::before {
content: none;
}
 #sideBarWidget .jinr-widget-area:first-child,
#sideBarTracking .jinr-widget-area:first-child {
padding-top: 0;
}
#sideBarWidget > .jinr-widget-area:first-child .jinr-heading,
#sideBarWidget > .jinr-widget-area:first-child .b--jinr-block,
#sideBarTracking > .jinr-widget-area:first-child .jinr-heading,
#sideBarTracking > .jinr-widget-area:first-child .b--jinr-block {
margin-top: 0;
}
#sideBarTracking {
position: sticky;
top: 0;
}
#sideBarWidget {
margin-bottom: 30px;
}
@media (min-width: 552px) {
.d--flat-design #sideBarWidget .d--postlist-square.d--postlist-column2 .o--postlist-item,
.d--flat-design #sideBarTracking .d--postlist-square.d--postlist-column2 .o--postlist-item {
width: calc((100% - 12px) / 2);
margin-bottom: 21px;
}
}
@media (min-width: 552px) {
.d--flat-design #sideBarWidget .d--postlist-square.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)),
.d--flat-design #sideBarTracking .d--postlist-square.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)) {
margin-right: 12px;
}
}
@media (min-width: 552px) {
.d--flat-design #sideBarWidget .d--postlist-square.d--postlist-column2 .c--post-meta,
.d--flat-design #sideBarTracking .d--postlist-square.d--postlist-column2 .c--post-meta {
transform: scale(0.9);
transform-origin: left;
width: 108%;
bottom: 0;
}
}
@media (min-width: 552px) {
.d--flat-design #sideBarWidget .d--postlist-square.d--postlist-column2 .c--post-contents,
.d--flat-design #sideBarTracking .d--postlist-square.d--postlist-column2 .c--post-contents {
padding-top: 9px;
padding-bottom: 24px;
}
}
@media (min-width: 552px) {
.d--flat-design #sideBarWidget .d--postlist-square.d--postlist-column2 .a--post-title,
.d--flat-design #sideBarTracking .d--postlist-square.d--postlist-column2 .a--post-title {
font-size: 1.1rem;
line-height: 1.35;
}
}
@media (min-width: 552px) {
.d--flat-design #sideBarWidget .d--postlist-rectangle.d--postlist-column1 .o--postlist-item,
.d--flat-design #sideBarTracking .d--postlist-rectangle.d--postlist-column1 .o--postlist-item {
margin-bottom: 18px;
}
}
@media (min-width: 552px) {
.d--flat-design #sideBarWidget .d--postlist-rectangle.d--postlist-column1 .c--post-image,
.d--flat-design #sideBarTracking .d--postlist-rectangle.d--postlist-column1 .c--post-image {
max-width: 110px;
}
}
@media (min-width: 1240px) {
.d--flat-design #sideBarWidget .d--postlist-rectangle.d--postlist-column1 .c--post-image,
.d--flat-design #sideBarTracking .d--postlist-rectangle.d--postlist-column1 .c--post-image {
max-width: 125px;
}
}
@media (min-width: 552px) {
.d--flat-design #sideBarWidget .d--postlist-rectangle.d--postlist-column1 .c--post-contents,
.d--flat-design #sideBarTracking .d--postlist-rectangle.d--postlist-column1 .c--post-contents {
padding: 0px 0 0px clamp(9px, 1.2vw, 12px);
}
}
@media (min-width: 1240px) {
.d--flat-design #sideBarWidget .d--postlist-rectangle.d--postlist-column1 .c--post-contents,
.d--flat-design #sideBarTracking .d--postlist-rectangle.d--postlist-column1 .c--post-contents {
padding: 2px 0 2px clamp(9px, 1.2vw, 12px);
}
}
@media (min-width: 552px) {
.d--flat-design #sideBarWidget .d--postlist-rectangle.d--postlist-column1 .c--post-contents .a--post-title,
.d--flat-design #sideBarTracking .d--postlist-rectangle.d--postlist-column1 .c--post-contents .a--post-title {
font-size: 1.15rem;
line-height: 1.35;
-webkit-line-clamp: 3;
max-height: 4.8em;
}
}
@media (min-width: 552px) {
.d--flat-design #sideBarWidget .d--postlist-rectangle.d--postlist-column1 .c--post-meta,
.d--flat-design #sideBarTracking .d--postlist-rectangle.d--postlist-column1 .c--post-meta {
bottom: -2px;
font-size: 0.9rem;
transform: scale(0.9);
transform-origin: left;
width: 105%;
}
}
@media (min-width: 1240px) {
.d--flat-design #sideBarWidget .d--postlist-rectangle.d--postlist-column1 .c--post-meta,
.d--flat-design #sideBarTracking .d--postlist-rectangle.d--postlist-column1 .c--post-meta {
bottom: 0;
width: 102%;
}
}
@media (min-width: 552px) {
.d--material-design #sideBarWidget .d--postlist-square.d--postlist-column2 .o--postlist-item,
.d--material-design #sideBarTracking .d--postlist-square.d--postlist-column2 .o--postlist-item {
width: calc((100% - 15px) / 2);
margin-bottom: 14px;
}
}
@media (min-width: 552px) {
.d--material-design #sideBarWidget .d--postlist-square.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)),
.d--material-design #sideBarTracking .d--postlist-square.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)) {
margin-right: 15px;
}
}
@media (min-width: 552px) {
.d--material-design #sideBarWidget .d--postlist-square.d--postlist-column2 .c--post-meta,
.d--material-design #sideBarTracking .d--postlist-square.d--postlist-column2 .c--post-meta {
transform: scale(0.85);
transform-origin: left;
width: 107%;
bottom: 5px;
}
}
@media (min-width: 552px) {
.d--material-design #sideBarWidget .d--postlist-square.d--postlist-column2 .c--post-contents,
.d--material-design #sideBarTracking .d--postlist-square.d--postlist-column2 .c--post-contents {
padding: 9px 9px 27px 9px;
}
}
@media (min-width: 552px) {
.d--material-design #sideBarWidget .d--postlist-square.d--postlist-column2 .a--post-title,
.d--material-design #sideBarTracking .d--postlist-square.d--postlist-column2 .a--post-title {
font-size: 1rem;
line-height: 1.35;
-webkit-line-clamp: 3;
max-height: 4.8em;
}
}
@media (min-width: 1240px) {
.d--material-design #sideBarWidget .d--postlist-square.d--postlist-column2 .a--post-title,
.d--material-design #sideBarTracking .d--postlist-square.d--postlist-column2 .a--post-title {
font-size: 1.1rem;
}
}
@media (min-width: 552px) {
.d--material-design #sideBarWidget .d--postlist-rectangle.d--postlist-column1 .c--post-image,
.d--material-design #sideBarTracking .d--postlist-rectangle.d--postlist-column1 .c--post-image {
max-width: 120px;
}
}
@media (min-width: 1240px) {
.d--material-design #sideBarWidget .d--postlist-rectangle.d--postlist-column1 .c--post-image,
.d--material-design #sideBarTracking .d--postlist-rectangle.d--postlist-column1 .c--post-image {
max-width: 140px;
}
}
@media (min-width: 552px) {
.d--material-design #sideBarWidget .d--postlist-rectangle.d--postlist-column1 .c--post-contents,
.d--material-design #sideBarTracking .d--postlist-rectangle.d--postlist-column1 .c--post-contents {
padding: 3px 6px 3px 9px;
}
}
@media (min-width: 1240px) {
.d--material-design #sideBarWidget .d--postlist-rectangle.d--postlist-column1 .c--post-contents,
.d--material-design #sideBarTracking .d--postlist-rectangle.d--postlist-column1 .c--post-contents {
padding: 8px 8px 8px 12px;
}
}
@media (min-width: 552px) {
.d--material-design #sideBarWidget .d--postlist-rectangle.d--postlist-column1 .c--post-contents .a--post-title,
.d--material-design #sideBarTracking .d--postlist-rectangle.d--postlist-column1 .c--post-contents .a--post-title {
font-size: 1.15rem;
line-height: 1.35;
-webkit-line-clamp: 3;
max-height: 4.8em;
}
}
@media (max-width: 1239px) {
.d--material-design #sideBarWidget .d--postlist-rectangle.d--postlist-column1 .c--post-contents .a--post-title,
.d--material-design #sideBarTracking .d--postlist-rectangle.d--postlist-column1 .c--post-contents .a--post-title {
transform: scale(0.85);
transform-origin: left;
width: 115%;
}
}
@media (min-width: 552px) {
.d--material-design #sideBarWidget .d--postlist-rectangle.d--postlist-column1 .c--post-meta,
.d--material-design #sideBarTracking .d--postlist-rectangle.d--postlist-column1 .c--post-meta {
bottom: 3px;
font-size: 0.9rem;
transform: scale(0.85);
transform-origin: left;
width: 110%;
}
}
@media (min-width: 1240px) {
.d--material-design #sideBarWidget .d--postlist-rectangle.d--postlist-column1 .c--post-meta,
.d--material-design #sideBarTracking .d--postlist-rectangle.d--postlist-column1 .c--post-meta {
width: 107%;
bottom: 4px;
}
} #snsShareBottom {
margin: 0;
padding-top: 15px;
padding-bottom: 15px;
content-visibility: auto;
contain-intrinsic-size: 0 60px;
}
@media (max-width: 551px) {
#snsShareBottom {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
#snsShareBottom {
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 782px) {
#snsShareBottom {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 961px) {
#snsShareBottom {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1240px) {
#snsShareBottom {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
#snsShareBottom {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 552px) {
#snsShareBottom.d--sns-share-design2.d--sns-share-color-white {
padding-top: 27px;
padding-bottom: 27px;
}
}
#snsShareBottomInner {
max-width: 680px !important;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
}
.o--sns-share-inner {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
#snsShareLabel {
position: relative;
text-align: left;
font-weight: 500;
letter-spacing: 0.3rem;
font-size: 1.3rem;
line-height: 30px;
width: 100px;
}
@media screen and (min-width: 552px) and (max-width: 781px) {
#snsShareLabel {
letter-spacing: 0.15rem;
font-size: 1.2rem;
width: 72px;
}
}
@media (min-width: 782px) {
#snsShareLabel {
width: 126px;
font-size: 1.4rem;
letter-spacing: 0.3rem;
}
}
#snsShareLabel::before {
content: "";
position: absolute;
right: 20px;
top: 0;
height: 100%;
width: 1px;
opacity: 0.45;
}
@media screen and (min-width: 552px) and (max-width: 781px) {
#snsShareLabel::before {
right: 11px;
}
}
@media (min-width: 782px) {
#snsShareLabel::before {
right: 31px;
}
}
@media (min-width: 782px) {
.d--article-width-680 #snsShareLabel {
width: 117px;
}
}
@media (min-width: 782px) {
.d--article-width-680 + #postFooter #snsShareLabel {
width: 117px;
}
}
.d--main-style-noframe #snsShareBottom,
.d--main-style-transparent #snsShareBottom {
margin-left: auto;
margin-right: auto;
}
.d--main-style-noframe .d--article-width-680 + #postFooter #snsShareBottom,
.d--main-style-transparent .d--article-width-680 + #postFooter #snsShareBottom {
max-width: 680px;
}
.d--main-style-noframe .d--article-width-740 + #postFooter #snsShareBottom,
.d--main-style-transparent .d--article-width-740 + #postFooter #snsShareBottom {
max-width: 740px;
}
.c--sns-share-item {
text-align: center;
}
.c--sns-share-item a {
display: flex;
align-items: center;
}
.c--sns-share-item .a--sns-label {
font-size: 1.1rem;
font-weight: 300;
margin-left: 6px;
line-height: 0;
}
@media (min-width: 782px) {
.c--sns-share-item .a--sns-label {
margin-left: 9px;
font-size: 1.2rem;
}
}
.c--sns-share-item:first-child {
margin-left: 0;
}
.d--sns-share-color-solid #snsShareLabel {
color: #fff;
}
.d--sns-share-color-solid #snsShareLabel::before {
background-color: #fff;
}
.d--sns-share-color-solid .c--sns-share-item .jif::before,
.d--sns-share-color-solid .c--sns-share-item .a--sns-label {
color: #fff !important;
}
.d--sns-share-color-white {
border-top-style: solid;
border-top-width: 1px;
}
.d--sns-share-color-white .c--sns-share-item .d--twitter {
color: #0F1419 !important;
}
.d--sns-share-color-white .c--sns-share-item .d--facebook {
color: #1877f2 !important;
}
.d--sns-share-color-white .c--sns-share-item .d--line {
color: #06c755 !important;
}
.d--sns-share-color-white .c--sns-share-item .d--copy {
color: #666 !important;
opacity: 0.6;
}
.d--article-width-680 + #postFooter .d--sns-share-color-white {
max-width: 680px;
margin: 0 auto;
}
@media (max-width: 551px) {
.d--article-width-680 + #postFooter .d--sns-share-color-white {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--article-width-680 + #postFooter .d--sns-share-color-white {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.d--article-width-680 + #postFooter .d--sns-share-color-white {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 961px) {
.d--article-width-680 + #postFooter .d--sns-share-color-white {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1240px) {
.d--article-width-680 + #postFooter .d--sns-share-color-white {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.d--article-width-680 + #postFooter .d--sns-share-color-white {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 551px) {
.d--article-width-680 + #postFooter .d--sns-share-color-white {
width: calc(100% - 30px);
}
}
.d--article-width-740 + #postFooter .d--sns-share-color-white {
max-width: 740px;
margin: 0 auto;
}
@media (max-width: 551px) {
.d--article-width-740 + #postFooter .d--sns-share-color-white {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--article-width-740 + #postFooter .d--sns-share-color-white {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 782px) {
.d--article-width-740 + #postFooter .d--sns-share-color-white {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 961px) {
.d--article-width-740 + #postFooter .d--sns-share-color-white {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1240px) {
.d--article-width-740 + #postFooter .d--sns-share-color-white {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1340px) {
.d--article-width-740 + #postFooter .d--sns-share-color-white {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 551px) {
.d--article-width-740 + #postFooter .d--sns-share-color-white {
width: calc(100% - 30px);
}
}
.d--sns-share-design1 .c--sns-share-item {
padding: 0 clamp(12px, 2vw, 15px);
}
.d--sns-share-design1 .c--sns-share-item .a--sns-label {
letter-spacing: 0.09rem;
}
@media (max-width: 551px) {
.d--sns-share-design1 .c--sns-share-item .a--sns-label {
display: none;
}
}
@media (min-width: 782px) {
.d--sns-share-design1 .c--sns-share-item .a--sns-label {
letter-spacing: 0.15rem;
}
}
.d--sns-share-design1 .c--sns-share-item .jif::before {
font-size: 1.96rem;
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--sns-share-design1 .c--sns-share-item .jif::before {
font-size: 1.6rem;
}
}
@media (min-width: 782px) {
.d--sns-share-design1 .c--sns-share-item .jif::before {
font-size: 1.8rem;
}
}
@media (max-width: 551px) {
.d--sns-share-design2#snsShareBottom {
padding-top: 18px;
padding-bottom: 18px;
}
}
.d--sns-share-design2.d--sns-share-color-solid .c--sns-share-item {
border-right-color: rgba(255, 255, 255, 0.3);
}
.d--sns-share-design2 .c--sns-share-item {
position: relative;
width: 25%;
display: flex;
justify-content: center;
border-right-style: solid;
border-right-width: 1px;
}
@media (max-width: 551px) {
.d--sns-share-design2 .c--sns-share-item {
height: 42px;
}
}
@media (max-width: 551px) {
.d--sns-share-design2 .c--sns-share-item a {
flex-direction: column;
}
}
.d--sns-share-design2 .c--sns-share-item .a--sns-label {
letter-spacing: 0.09rem;
}
@media (max-width: 551px) {
.d--sns-share-design2 .c--sns-share-item .a--sns-label {
font-size: 0.9rem;
margin-top: 15px;
letter-spacing: 0.03rem;
font-weight: 400;
text-align: center;
margin-left: 0;
}
}
.d--sns-share-design2 .c--sns-share-item .jif::before {
font-size: 1.96rem;
}
@media (min-width: 552px) {
.d--sns-share-design2 .c--sns-share-item .jif::before {
font-size: 2rem;
}
}
.d--sns-share-design2 .c--sns-share-item:last-of-type {
border-right: none;
}
.d--sns-share-design2 .c--sns-share-item:last-of-type::before {
display: none;
}
.o--snsshare-button-select {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-top: 45px;
padding: 30px 21px;
}
@media (min-width: 782px) {
.o--snsshare-button-select {
padding: 45px 30px;
margin-top: 60px;
}
}
.o--snsshare-button-select .d--twitter {
background-color: #0F1419 !important;
}
.o--snsshare-button-select .d--facebook {
background-color: #1877f2 !important;
}
.o--snsshare-button-select .c--snsshare-button-twitter,
.o--snsshare-button-select .c--snsshare-button-facebook {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.o--snsshare-button-select .c--snsshare-button-twitter .a--snsshare-button-desc,
.o--snsshare-button-select .c--snsshare-button-facebook .a--snsshare-button-desc {
width: 75vw;
max-width: 455px;
min-width: 300px;
font-size: 1.3rem;
line-height: 1.8;
margin-bottom: 24px;
text-align: center;
}
@media (min-width: 782px) {
.o--snsshare-button-select .c--snsshare-button-twitter .a--snsshare-button-desc,
.o--snsshare-button-select .c--snsshare-button-facebook .a--snsshare-button-desc {
font-size: 1.35rem;
width: auto;
min-width: 360px;
margin-bottom: 30px;
}
}
.o--snsshare-button-select .c--snsshare-button-twitter a,
.o--snsshare-button-select .c--snsshare-button-facebook a {
padding: 18px 24px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.35rem;
border-radius: 45px;
width: 75vw;
max-width: 450px;
min-width: 300px;
}
@media (min-width: 782px) {
.o--snsshare-button-select .c--snsshare-button-twitter a,
.o--snsshare-button-select .c--snsshare-button-facebook a {
width: auto;
padding: 18px 45px;
min-width: 360px;
font-size: 1.5rem;
}
}
.o--snsshare-button-select .c--snsshare-button-twitter a .a--sns-label,
.o--snsshare-button-select .c--snsshare-button-facebook a .a--sns-label {
margin-left: 8px;
line-height: 1.3;
}
.o--snsshare-button-select .c--snsshare-button-twitter a .jif,
.o--snsshare-button-select .c--snsshare-button-facebook a .jif {
font-size: 2rem;
}
.o--snsshare-button-select .c--snsshare-button-twitter + .c--snsshare-button-facebook {
margin-top: 15px;
}
.o--snsshare-button-select .c--snsshare-button-twitter + .c--snsshare-button-facebook .a--snsshare-button-desc {
margin-top: 21px;
}
.d--material-design .c--snsshare-button-twitter a,
.d--material-design .c--snsshare-button-facebook a {
box-shadow: 0 3px 12px 1px rgba(170, 170, 170, 0.45);
}
#jinrCopyUrl {
cursor: pointer;
}
#jinrCopySuccessBg {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(239, 239, 239, 0.75);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
z-index: 999;
}
#jinrCopySuccess {
display: none;
position: fixed;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
padding: 15px 30px;
font-size: 14px;
letter-spacing: 0.03rem;
border-radius: 3px;
color: #666;
background: #fff;
box-shadow: 0 2px 8px 0px rgba(170, 170, 170, 0.3);
z-index: 999;
}
@media (max-width: 551px) {
.d--two-column #snsShareBottom.d--sns-share-design1 .o--sns-share-inner {
justify-content: space-evenly;
}
}
@media (max-width: 551px) {
.d--two-column #snsShareBottom.d--sns-share-design1 {
padding-left: 12px;
padding-right: 12px;
}
}
@media (min-width: 552px) {
.d--two-column #snsShareBottom.d--sns-share-design1 {
padding-left: 0;
padding-right: 0;
}
}
.t--round-s .d--main-style-outline.d--one-column .d--sns-share-color-solid,
.t--round-m .d--main-style-outline.d--one-column .d--sns-share-color-solid,
.t--round-l .d--main-style-outline.d--one-column .d--sns-share-color-solid {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
@media (max-width: 1059px) {
.t--round-s .d--main-style-outline.d--two-column .d--sns-share-color-solid,
.t--round-m .d--main-style-outline.d--two-column .d--sns-share-color-solid,
.t--round-l .d--main-style-outline.d--two-column .d--sns-share-color-solid {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
} .b--jinr-blogcard {
position: relative;
background-color: #fff;
margin: 1.65rem auto;
}
@media (min-width: 552px) {
.b--jinr-blogcard {
margin: 3.3rem auto;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.b--jinr-blogcard {
width: calc(100% - 3.3rem * 1.5);
}
}
@media (min-width: 782px) {
.b--jinr-blogcard {
width: calc(100% - 3.3rem * 2);
}
}
.b--jinr-blogcard .a--blogcard-title {
letter-spacing: 0.06rem;
}
.b--jinr-blogcard .c--blogcard-image {
overflow: hidden;
flex-shrink: 0;
}
.b--jinr-blogcard .c--blogcard-image img {
object-fit: cover;
}
.b--jinr-blogcard::before {
content: "\e904";
position: absolute;
font-family: "jin-icons";
font-size: 1.5rem;
right: clamp(18px, 2.4vw, 24px);
z-index: 200;
}
@media (max-width: 551px) {
.b--jinr-blogcard::before {
display: none;
}
}
.b--jinr-blogcard.d--blogcard-style1 {
margin-top: 4.455rem;
}
.b--jinr-blogcard.d--blogcard-style1 .c--blogcard-image {
width: 112px;
height: 63px;
}
@media (min-width: 552px) {
.b--jinr-blogcard.d--blogcard-style1 .c--blogcard-image {
width: 128px;
height: 72px;
}
}
.b--jinr-blogcard.d--blogcard-style1 .o--blogcard-link {
position: relative;
z-index: 100;
display: flex;
padding: 15px 10px 10px 10px;
border-style: solid;
border-width: 1px;
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
align-items: center;
}
@media (min-width: 552px) {
.b--jinr-blogcard.d--blogcard-style1 .o--blogcard-link {
padding: 19px 18px 18px 18px;
}
}
.b--jinr-blogcard.d--blogcard-style1 .a--blogcard-title {
position: relative;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
margin-top: -2px;
line-height: 1.45;
-webkit-line-clamp: 4;
max-height: 5.7em;
padding-left: 12px;
font-size: 1.15rem;
}
@media (min-width: 552px) {
.b--jinr-blogcard.d--blogcard-style1 .a--blogcard-title {
max-height: 6.3em;
line-height: 1.5;
padding-left: 18px;
padding-right: clamp(45px, 6vw, 57px);
font-size: clamp(1.25rem, 1.5vw, 1.35rem);
}
}
.b--jinr-blogcard.d--blogcard-style1 .a--blogcard-label {
position: absolute;
z-index: 200;
left: 6px;
line-height: 1;
top: -11px;
font-size: 1.05rem;
padding: 7px;
letter-spacing: 0.15rem;
font-weight: 550;
}
@media (min-width: 552px) {
.b--jinr-blogcard.d--blogcard-style1 .a--blogcard-label {
font-weight: 500;
font-size: 1.15rem;
top: -12px;
left: 13px;
}
}
.b--jinr-blogcard.d--blogcard-style1 .a--blogcard-more {
position: absolute;
text-align: right;
z-index: 0;
font-size: 1.1rem;
right: 18px;
bottom: 8px;
letter-spacing: 0.03rem;
}
@media (min-width: 552px) {
.b--jinr-blogcard.d--blogcard-style1 .a--blogcard-more {
font-size: 1.2rem;
right: 25px;
bottom: 12px;
letter-spacing: 0.1rem;
}
}
.b--jinr-blogcard.d--blogcard-style1::before {
top: 39px;
}
.b--jinr-blogcard.d--blogcard-style2 .c--blogcard-image {
width: 120px;
height: 68px;
}
@media (min-width: 552px) {
.b--jinr-blogcard.d--blogcard-style2 .c--blogcard-image {
width: 128px;
height: 72px;
}
}
.b--jinr-blogcard.d--blogcard-style2 .o--blogcard-link {
position: relative;
z-index: 100;
display: flex;
align-items: center;
overflow: hidden;
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
}
.b--jinr-blogcard.d--blogcard-style2 .a--blogcard-title {
position: relative;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
padding: 0px 12px;
font-size: 1.15rem;
line-height: 1.45;
max-height: 4.8em;
}
@media (min-width: 552px) {
.b--jinr-blogcard.d--blogcard-style2 .a--blogcard-title {
font-size: clamp(1.15rem, 1.3vw, 1.25rem);
padding-left: clamp(15px, 1.5vw, 18px);
padding-right: clamp(54px, 7.2vw, 70px);
line-height: 1.5;
max-height: 6.72em;
}
}
.b--jinr-blogcard.d--blogcard-style2 .a--blogcard-more {
position: absolute;
text-align: center;
font-size: 1.1rem;
z-index: 0;
width: 80px;
right: 6px;
bottom: 3px;
letter-spacing: 0.06rem;
}
@media (min-width: 552px) {
.b--jinr-blogcard.d--blogcard-style2 .a--blogcard-more {
right: 9px;
bottom: 16px;
letter-spacing: 0.09rem;
}
}
.b--jinr-blogcard.d--blogcard-style2::before {
top: 27px;
}
.t--round-s .d--blogcard-style1 .c--blogcard-image {
border-radius: 2px;
}
.t--round-m .d--blogcard-style1 .c--blogcard-image {
border-radius: 3px;
}
.t--round-l .d--blogcard-style1 .c--blogcard-image {
border-radius: 5px;
} .b--jinr-accordion {
margin: 1.65rem auto;
}
@media (min-width: 552px) {
.b--jinr-accordion {
margin: 3.3rem auto;
}
}
.b--jinr-accordion .b--jinr-accordion-item {
position: relative;
}
.b--jinr-accordion.d--accordion-outline .b--jinr-accordion-item {
border-top-width: 1px;
border-top-style: solid;
}
.b--jinr-accordion.d--accordion-outline .wp-block-jinr-blocks-accordionchild:last-child .b--jinr-accordion-item {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.b--jinr-accordion.d--accordion-solid .a--accordion-title {
border: none;
}
.b--jinr-accordion.d--accordion-solid .a--accordion-title,
.b--jinr-accordion.d--accordion-solid .a--acc-question {
color: #fff;
}
.b--jinr-accordion.d--accordion-solid .a--accordion-toggle span {
background-color: #fff;
}
.b--jinr-accordion.d--accordion-solid .c--accordion-contents {
border: none;
}
.b--jinr-accordion.d--accordion-solid .b--jinr-accordion-item {
border-bottom: 1px solid #fff;
}
.a--accordion-toggle {
width: 20px;
height: 20px;
position: absolute;
top: 16px;
right: 15px;
pointer-events: none;
}
@media (min-width: 552px) {
.a--accordion-toggle {
top: 21px;
right: 24px;
}
}
.a--accordion-toggle span {
display: block;
position: absolute;
border-radius: 2px;
transition: all 0.25s;
will-change: transform;
transition-timing-function: ease-in-out;
}
.a--accordion-toggle span:first-of-type {
width: 2px;
height: 16px;
left: 8px;
top: 2px;
}
@media (min-width: 552px) {
.a--accordion-toggle span:first-of-type {
width: 2px;
height: 18px;
left: 8px;
top: 1px;
}
}
.a--accordion-toggle span:last-of-type {
width: 16px;
height: 2px;
top: 9px;
left: 1px;
}
@media (min-width: 552px) {
.a--accordion-toggle span:last-of-type {
width: 18px;
height: 2px;
top: 9px;
left: auto;
}
}
.a--accordion-toggle.js-accordion-toggle span:first-of-type {
transform: rotate(-90deg);
}
.a--accordion-title {
padding: 15px 51px 15px 9px;
letter-spacing: 0.06rem;
font-size: 1em;
line-height: 1.35;
cursor: pointer;
}
@media (min-width: 552px) {
.a--accordion-title {
padding: 21px 69px 21px 21px;
line-height: 1.35;
}
}
.a--accordion-title.js-accordion-toggle::before, .a--accordion-title.js-accordion-toggle::after {
transform: translate(-50%, -50%) rotate(-135deg);
}
.c--accordion-contents {
display: none;
padding: 6px 15px 15px 9px;
font-size: 0.95em;
line-height: 1.4;
}
@media (min-width: 552px) {
.c--accordion-contents {
font-size: 0.9em;
line-height: 1.6;
padding: 0px 21px 15px 21px;
}
}
.a--acc-question {
display: none;
}
.d--accordion-qa .a--acc-question {
display: block;
}
.d--accordion-qa .a--acc-question {
position: absolute;
font-size: 2.1rem;
line-height: 1;
top: 15px;
left: 9px;
}
@media (min-width: 552px) {
.d--accordion-qa .a--acc-question {
font-size: 2.4rem;
top: 18px;
left: 21px;
}
}
.d--accordion-qa .a--accordion-title {
padding: 15px 51px 15px 39px;
}
@media (min-width: 552px) {
.d--accordion-qa .a--accordion-title {
padding: 21px 69px 21px 51px;
}
}
.d--accordion-qa .c--accordion-contents {
position: relative;
padding: 6px 9px 15px 9px;
}
@media (min-width: 552px) {
.d--accordion-qa .c--accordion-contents {
padding: 0px 18px 15px 18px;
}
}
.d--ef-none .d--accordion-qa .a--acc-question {
top: 14px;
}
@media (min-width: 552px) {
.d--ef-none .d--accordion-qa .a--acc-question {
top: 17px;
}
}
.d--accordion-solid.d--accordion-qa .c--accordion-contents, .d--accordion-solid.d--accordion-default .c--accordion-contents {
padding-top: 12px;
padding-bottom: 24px;
}
@media (min-width: 552px) {
.d--accordion-solid.d--accordion-qa .c--accordion-contents, .d--accordion-solid.d--accordion-default .c--accordion-contents {
padding-top: 15px;
padding-bottom: 30px;
}
}
@media (max-width: 551px) {
.d--accordion-solid.d--accordion-default .a--accordion-title {
padding-left: 18px;
padding-right: 54px;
}
.d--accordion-solid.d--accordion-default .c--accordion-contents {
padding-left: 18px;
padding-right: 18px;
}
.d--accordion-solid.d--accordion-qa .a--accordion-toggle {
right: 15px;
}
.d--accordion-solid.d--accordion-qa .a--acc-question {
left: 15px;
}
.d--accordion-solid.d--accordion-qa .a--accordion-title {
padding-left: 42px;
padding-right: 48px;
}
.d--accordion-solid.d--accordion-qa .c--accordion-contents {
padding-left: 18px;
padding-right: 18px;
}
}
.b--jinr-compare {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
margin: 6rem auto;
padding-top: 2.7rem;
}
.b--jinr-compare .block-editor-inner-blocks {
width: 100%;
}
.b--jinr-compare .block-editor-block-list__layout {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
}
.b--jinr-compare .o--compare-child {
position: relative;
border-width: 1px;
border-style: solid;
background-color: #ffffff;
}
.b--jinr-compare .o--compare-child .c--compare-label {
max-width: calc(100% + 2px);
position: absolute;
top: -30px;
left: -1px;
padding: 8px 15px;
}
.b--jinr-compare .o--compare-child .c--compare-label .a--compare-label {
line-height: 1;
font-size: 1.35rem;
letter-spacing: 0.1rem;
}
.b--jinr-compare .o--compare-child .c--compare-label .rich-text [data-rich-text-placeholder]:after {
opacity: 0.42 !important;
}
.b--jinr-compare .o--compare-child .c--compare-content {
padding: 24px 16px;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.b--jinr-compare .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.6rem;
line-height: 1.7;
letter-spacing: 0.04em;
margin-top: 16px;
}
.b--jinr-compare .o--compare-child .c--compare-content .a--compare-subtext {
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.07em;
}
.b--jinr-compare .o--compare-child .c--compare-content .a--compare-maintext {
font-size: 1.5rem;
letter-spacing: 0.05em;
line-height: 1.7;
}
.b--jinr-compare .o--compare-child .c--compare-content .a--compare-maintext .jin-ifont-star {
color: #ffc44b;
}
.b--jinr-compare .o--compare-child .c--compare-content .a--compare-maintext .jin-ifont-star:before {
display: none;
}
.b--jinr-compare .o--compare-child .c--compare-content .a--compare-link {
display: block;
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.b--jinr-compare .o--compare-child .c--compare-content .a--compare-link .a--compare-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}
.b--jinr-compare .o--compare-child .c--compare-content .jin-ifont-evaluation {
letter-spacing: 3px;
color: #fcb900;
}
.b--jinr-compare .o--compare-child .c--compare-content.c--compare-button {
padding: 0;
}
@media (max-width: 551px) {
.b--jinr-compare .o--compare-child .b--jinr-block.b--jinr-button .o--button-inner span {
letter-spacing: 0.05em;
}
}
.b--jinr-compare.b--compare-count2 .o--compare-child {
flex-basis: 50%;
}
.b--jinr-compare.b--compare-count2 .o--compare-child:first-of-type {
margin-right: 12px;
}
@media (max-width: 551px) {
.b--jinr-compare.b--compare-count2 .o--compare-child:first-of-type {
margin-right: 8px;
}
.b--jinr-compare.b--compare-count2 .o--compare-child .c--compare-content {
padding: 12px 10px;
}
.b--jinr-compare.b--compare-count2 .o--compare-child .c--compare-label {
top: -23px;
padding: 6px 13px;
}
.b--jinr-compare.b--compare-count2 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count2 .o--compare-child .a--compare-itemname {
font-size: 1.3rem;
line-height: 1.5;
margin-top: 12px;
}
.b--jinr-compare.b--compare-count2 .o--compare-child .a--compare-subtext {
font-size: 1.15rem;
}
.b--jinr-compare.b--compare-count2 .o--compare-child .a--compare-text {
font-size: 1.05rem;
line-height: 1.5;
}
}
.b--jinr-compare.b--compare-count3 .o--compare-child {
flex-basis: 238px;
flex-shrink: 0;
}
.b--jinr-compare.b--compare-count3 .o--compare-child:not(:last-of-type) {
margin-right: 12px;
}
@media (max-width: 551px) {
.b--jinr-compare.b--compare-count3 {
white-space: nowrap;
overflow: scroll;
}
}
@media (min-width: 552px) {
.b--jinr-compare.b--compare-count3 {
overflow: scroll;
}
}
.b--jinr-compare.b--compare-count4 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count4 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count4 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count5 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count5 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count5 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count6 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count6 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count6 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count7 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count7 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count7 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count8 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count8 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count8 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count9 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count9 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count9 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count10 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count10 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count10 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count11 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count11 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count11 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count12 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count12 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count12 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count13 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count13 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count13 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count14 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count14 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count14 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count15 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count15 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count15 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count16 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count16 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count16 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count17 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count17 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count17 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count18 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count18 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count18 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count19 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count19 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count19 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count20 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count20 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count20 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count21 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count21 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count21 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count22 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count22 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count22 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count23 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count23 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count23 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count24 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count24 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count24 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count25 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count25 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count25 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count26 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count26 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count26 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count27 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count27 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count27 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count28 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count28 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count28 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count29 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count29 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count29 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count30 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count30 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count30 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count31 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count31 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count31 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count32 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count32 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count32 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count33 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count33 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count33 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count34 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count34 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count34 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count35 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count35 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count35 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count36 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count36 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count36 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count37 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count37 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count37 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count38 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count38 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count38 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count39 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count39 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count39 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count40 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count40 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count40 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count41 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count41 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count41 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count42 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count42 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count42 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count43 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count43 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count43 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count44 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count44 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count44 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count45 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count45 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count45 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count46 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count46 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count46 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count47 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count47 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count47 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count48 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count48 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count48 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count49 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count49 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count49 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count50 {
white-space: nowrap;
overflow: scroll;
}
.b--jinr-compare.b--compare-count50 .o--compare-child {
flex-basis: 230px;
flex-shrink: 0;
white-space: normal;
}
.b--jinr-compare.b--compare-count50 .o--compare-child:not(:last-of-type) {
margin-right: 10px;
}
.b--jinr-compare.b--compare-count3 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count3 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count3 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count3 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count3 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count4 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count4 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count4 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count4 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count4 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count5 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count5 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count5 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count5 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count5 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count6 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count6 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count6 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count6 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count6 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count7 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count7 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count7 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count7 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count7 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count8 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count8 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count8 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count8 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count8 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count9 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count9 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count9 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count9 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count9 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count10 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count10 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count10 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count10 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count10 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count11 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count11 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count11 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count11 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count11 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count12 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count12 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count12 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count12 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count12 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count13 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count13 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count13 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count13 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count13 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count14 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count14 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count14 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count14 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count14 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count15 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count15 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count15 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count15 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count15 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count16 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count16 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count16 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count16 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count16 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count17 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count17 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count17 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count17 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count17 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count18 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count18 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count18 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count18 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count18 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count19 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count19 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count19 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count19 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count19 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count20 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count20 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count20 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count20 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count20 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count21 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count21 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count21 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count21 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count21 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count22 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count22 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count22 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count22 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count22 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count23 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count23 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count23 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count23 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count23 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count24 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count24 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count24 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count24 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count24 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count25 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count25 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count25 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count25 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count25 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count26 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count26 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count26 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count26 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count26 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count27 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count27 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count27 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count27 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count27 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count28 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count28 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count28 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count28 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count28 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count29 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count29 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count29 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count29 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count29 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count30 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count30 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count30 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count30 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count30 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count31 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count31 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count31 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count31 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count31 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count32 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count32 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count32 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count32 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count32 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count33 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count33 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count33 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count33 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count33 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count34 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count34 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count34 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count34 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count34 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count35 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count35 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count35 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count35 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count35 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count36 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count36 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count36 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count36 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count36 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count37 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count37 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count37 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count37 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count37 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count38 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count38 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count38 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count38 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count38 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count39 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count39 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count39 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count39 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count39 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count40 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count40 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count40 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count40 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count40 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count41 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count41 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count41 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count41 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count41 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count42 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count42 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count42 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count42 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count42 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count43 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count43 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count43 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count43 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count43 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count44 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count44 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count44 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count44 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count44 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count45 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count45 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count45 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count45 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count45 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count46 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count46 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count46 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count46 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count46 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count47 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count47 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count47 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count47 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count47 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count48 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count48 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count48 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count48 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count48 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count49 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count49 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count49 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count49 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count49 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.b--compare-count50 .o--compare-child .c--compare-content {
padding: 16px;
}
.b--jinr-compare.b--compare-count50 .o--compare-child .c--compare-content .a--compare-itemname {
font-size: 1.4rem;
margin-top: 20px;
}
.b--jinr-compare.b--compare-count50 .o--compare-child .c--compare-content .a--compare-text {
font-size: 1.35rem;
line-height: 1.7;
white-space: normal;
}
.b--jinr-compare.b--compare-count50 .o--compare-child .c--compare-label {
top: -24px;
padding: 7px 12px 6px;
}
.b--jinr-compare.b--compare-count50 .o--compare-child .c--compare-label .a--compare-label {
font-size: 1.1rem;
}
.b--jinr-compare.d--compare-layout-center .c--compare-content {
text-align: center;
}
.b--jinr-compare.d--compare-button-hidden .o--compare-child .b--jinr-button {
display: none;
}
.d--article-width-680 .b--jinr-compare.b--compare-count3 .o--compare-child {
flex-basis: 218px;
flex-shrink: 0;
}
.d--article-width-680 .b--jinr-compare.b--compare-count3 .o--compare-child:not(:last-of-type) {
margin-right: 12px;
}
.d--article-width-680 .b--jinr-compare.b--compare-count4, .d--article-width-680 .b--jinr-compare.b--compare-count5, .d--article-width-680 .b--jinr-compare.b--compare-count6, .d--article-width-680 .b--jinr-compare.b--compare-count7, .d--article-width-680 .b--jinr-compare.b--compare-count8, .d--article-width-680 .b--jinr-compare.b--compare-count9, .d--article-width-680 .b--jinr-compare.b--compare-count10 {
white-space: nowrap;
overflow: scroll;
}
.d--article-width-680 .b--jinr-compare.b--compare-count4 .o--compare-child, .d--article-width-680 .b--jinr-compare.b--compare-count5 .o--compare-child, .d--article-width-680 .b--jinr-compare.b--compare-count6 .o--compare-child, .d--article-width-680 .b--jinr-compare.b--compare-count7 .o--compare-child, .d--article-width-680 .b--jinr-compare.b--compare-count8 .o--compare-child, .d--article-width-680 .b--jinr-compare.b--compare-count9 .o--compare-child, .d--article-width-680 .b--jinr-compare.b--compare-count10 .o--compare-child {
flex-basis: 280px;
flex-shrink: 0;
}
.d--fullwidth-100 .b--jinr-compare {
width: 100%;
max-width: 1120px;
padding-left: 15px;
padding-right: 15px;
}
.d--fullwidth-max .b--jinr-compare {
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 961px) {
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count2, .d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count3,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count2,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count3 {
justify-content: center;
}
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count2 .o--compare-child, .d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count3 .o--compare-child, .d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count4 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count2 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count3 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count4 .o--compare-child {
flex-basis: 272px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count5 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count5 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count6 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count6 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count7 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count7 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count8 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count8 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count9 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count9 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count10 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count10 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count11 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count11 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count12 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count12 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count13 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count13 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count14 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count14 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count15 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count15 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count16 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count16 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count17 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count17 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count18 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count18 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count19 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count19 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count20 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count20 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count21 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count21 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count22 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count22 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count23 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count23 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count24 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count24 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count25 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count25 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count26 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count26 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count27 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count27 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count28 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count28 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count29 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count29 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count30 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count30 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count31 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count31 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count32 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count32 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count33 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count33 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count34 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count34 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count35 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count35 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count36 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count36 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count37 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count37 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count38 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count38 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count39 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count39 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count40 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count40 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count41 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count41 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count42 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count42 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count43 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count43 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count44 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count44 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count45 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count45 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count46 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count46 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count47 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count47 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count48 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count48 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count49 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count49 .o--compare-child {
flex-basis: 260px;
}
.d--article-width-680 .d--fullwidth-100 .b--jinr-compare.b--compare-count50 .o--compare-child,
.d--article-width-740 .d--fullwidth-100 .b--jinr-compare.b--compare-count50 .o--compare-child {
flex-basis: 260px;
}
@media (min-width: 961px) {
.page-template-template-full-width-php .b--jinr-compare.b--compare-count2, .page-template-template-full-width-php .b--jinr-compare.b--compare-count3 {
justify-content: center;
}
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count2 .o--compare-child, .page-template-template-full-width-php .b--jinr-compare.b--compare-count3 .o--compare-child, .page-template-template-full-width-php .b--jinr-compare.b--compare-count4 .o--compare-child {
flex-basis: 272px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count5 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count6 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count7 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count8 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count9 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count10 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count11 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count12 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count13 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count14 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count15 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count16 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count17 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count18 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count19 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count20 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count21 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count22 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count23 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count24 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count25 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count26 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count27 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count28 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count29 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count30 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count31 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count32 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count33 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count34 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count35 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count36 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count37 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count38 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count39 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count40 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count41 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count42 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count43 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count44 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count45 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count46 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count47 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count48 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count49 .o--compare-child {
flex-basis: 260px;
}
.page-template-template-full-width-php .b--jinr-compare.b--compare-count50 .o--compare-child {
flex-basis: 260px;
}
.t--round-s .b--jinr-compare .o--compare-child {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.t--round-s .c--compare-label {
border-top-right-radius: 2px;
border-top-left-radius: 2px;
}
.t--round-m .b--jinr-compare .o--compare-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.t--round-m .c--compare-label {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.t--round-l .b--jinr-compare .o--compare-child {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.t--round-l .c--compare-label {
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.d--notosans-thin .b--jinr-compare .c--compare-label .a--compare-label,
.d--mpr-thin .b--jinr-compare .c--compare-label .a--compare-label {
font-weight: 400;
}
.o--tab-titles {
display: flex;
flex-direction: row;
column-gap: 8px;
}
@media (max-width: 551px) {
.o--tab-titles {
flex-wrap: wrap;
row-gap: 8px;
}
}
.c--tab-title {
display: flex;
justify-content: center;
align-items: center;
position: relative;
cursor: pointer;
padding: 12px 16px;
text-align: center;
font-size: 1.4rem;
font-weight: 600;
line-height: 1.5;
letter-spacing: clamp(0.06rem, 0.21vw, 0.12rem);
}
@media (max-width: 551px) {
.c--tab-title {
font-size: 1.2rem;
padding: 8px 12px;
letter-spacing: 0.08em;
}
}
.o--tab-contents {
position: relative;
}
.c--tab-contents {
padding: 1px 0;
display: none;
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.c--tab-contents p {
font-size: 0.95em;
line-height: 1.75em;
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
@media (max-width: 551px) {
.c--tab-contents p {
margin-top: 2.1rem !important;
margin-bottom: 2.1rem !important;
}
}
.c--tab-contents .b--jinr-box {
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
}
.d--tab-design1 .c--tab-contents {
padding: 15px 36px;
border-top-width: 2px;
border-style: solid;
}
@media (max-width: 551px) {
.d--tab-design1 .c--tab-contents {
padding: 15px 30px;
}
}
.d--tab-design1 .o--tab-titles {
overflow-x: scroll;
flex-wrap: nowrap;
padding-top: 3rem;
}
.d--tab-design1 .c--tab-title {
flex-shrink: 0; }
.d--tab-design2 .o--tab-titles {
padding-top: 3rem;
flex-wrap: wrap;
row-gap: 8px;
}
.d--tab-design2 .c--tab-title {
flex-basis: calc(25% - 6px);
}
@media (max-width: 551px) {
.d--tab-design2 .c--tab-title {
flex-basis: calc(50% - 4px);
}
}
.d--material-design .d--tab-design1 .c--tab-contents {
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
}
.d--material-design .d--tab-design2 .c--tab-title {
will-change: transform;
transition: transform 0.3s;
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
}
.d--material-design .d--tab-design2 .c--tab-title:hover {
transform: scale(0.95);
}
.t--round-s .d--tab-design1 .c--tab-title {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.t--round-s .d--tab-design2 .c--tab-title {
border-radius: 4px;
}
.t--round-m .d--tab-design1 .c--tab-title {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.t--round-m .d--tab-design2 .c--tab-title {
border-radius: 4px;
}
.t--round-l .d--tab-design1 .c--tab-title {
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}
.t--round-l .d--tab-design2 .c--tab-title {
border-radius: 8px;
} #postContent .o--notfound-section p {
margin: 0;
}
#postContent .o--notfound-section p.a--notfound-headtitle {
font-size: 1.6rem;
margin-bottom: 8px;
}
@media (min-width: 552px) {
#postContent .o--notfound-section p.a--notfound-headtitle {
font-size: 1.8rem;
}
}
#postContent #postCategoryBox {
padding: 0;
margin-top: 0;
margin-bottom: 0;
}
#postContent #postCategoryBox .cat-item {
position: relative;
padding-left: 1.8rem;
margin: 6px 0;
}
@media (min-width: 552px) {
#postContent #postCategoryBox .cat-item {
padding-left: 2.3rem;
}
}
#postContent #postCategoryBox .cat-item::after {
position: absolute;
content: "";
background-color: transparent;
border: 1px solid;
top: 9px;
left: 0;
border-radius: 50%;
width: 7px;
height: 7px;
}
#postContent #postCategoryBox .cat-item a {
display: flex;
justify-content: space-between;
font-size: 1.4rem;
color: #565656;
transition: opacity 0.3s;
}
#postContent #postCategoryBox .cat-item a:hover {
opacity: 0.5;
}
#postContent #postCategoryBox .cat-item .children {
padding: 0;
margin: 0;
}
#postContent #postCategoryBox .cat-item .children .cat-item {
margin: 6px 0;
}
#postContent #postCategoryBox .cat-item .children .cat-item::after {
border: none;
width: 10px;
height: 1px;
border-radius: 0;
top: 12px;
}
@media (min-width: 552px) {
#postContent #postCategoryBox .cat-item .children .cat-item::after {
top: 14px;
}
}
#postContent #postCategoryBox .cat-item .children .cat-item .children {
margin-bottom: 8px;
}
@media (max-width: 551px) {
#postContent #postCategoryBox .cat-item .children .cat-item .children .cat-item {
margin: 0 0 6px;
margin-bottom: 16px;
}
}
#postContent #postCategoryBox .count {
padding-left: 0;
position: absolute;
right: 9px;
font-size: 1.15rem;
line-height: 0;
top: 12px;
opacity: 0.6;
letter-spacing: 0;
}
@media (min-width: 552px) {
#postContent #postCategoryBox .count {
top: 14px;
}
}
#postContent .a--searchform-input {
width: 100%;
padding: 16px 12px;
font-size: 16px;
border: 1px solid #f6f6f6;
background-color: #fff;
-webkit-appearance: none;
}
@media (max-width: 551px) {
#postContent .a--searchform-input {
padding: 12px 12px;
font-size: 14px;
}
}
#postContent .a--searchform-input:focus {
outline: none;
}
#postContent .c--notfound-box {
position: relative;
}
#postContent .a--notfound-icon {
display: inline-block;
position: absolute;
vertical-align: middle;
height: 42px;
width: 56px;
right: -3px;
}
@media (min-width: 552px) {
#postContent .a--notfound-icon {
height: 53px;
right: 0px;
}
}
#postContent .a--notfound-icon i {
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 1.2em;
}
@media (min-width: 552px) {
#postContent .a--notfound-icon i {
top: 50%;
}
}
#postContent .a--notfound-icon input#JinrSearchSubmit {
height: 52px;
width: 56px;
padding: 4px 8px;
border: none;
-webkit-appearance: none;
background: transparent;
cursor: pointer;
}
@media (max-width: 551px) {
#postContent .a--notfound-icon input#JinrSearchSubmit {
height: 42px;
}
}
.o--notfound-section {
padding: 12px 18px 18px;
margin-bottom: 24px;
}
@media (min-width: 552px) {
.o--notfound-section {
padding: 15px 24px 24px;
}
}
.c--notfound-tagitem {
display: inline-block;
}
.a--notfound-taglink {
display: inline-block;
line-height: 1.4;
font-size: 1.4rem;
transition: opacity 0.3s;
}
.a--notfound-taglink:hover {
opacity: 0.5;
}
.error404 .t--round-s .a--searchform-input,
.error404 .t--round-s .a--notfound-taglink,
.error404 .t--round-s #postCategoryBox .count {
border-radius: 4px;
}
.error404 .t--round-m .a--searchform-input,
.error404 .t--round-m .a--notfound-taglink,
.error404 .t--round-m #postCategoryBox .count {
border-radius: 8px;
}
.error404 .t--round-l .a--searchform-input,
.error404 .t--round-l .a--notfound-taglink,
.error404 .t--round-l #postCategoryBox .count {
border-radius: 8px;
} .jinr-heading {
line-height: 1.3;
letter-spacing: 0.15rem;
}
h2.jinr-heading {
margin-top: 5.28rem;
margin-bottom: 2.7rem;
font-size: clamp(1.3em, 3.5vw, 1.65em);
}
@media (min-width: 552px) {
h2.jinr-heading {
margin-bottom: 3.3rem;
margin-top: 6.9rem;
}
}
h2.jinr-heading + p {
margin-top: 2.7rem !important;
}
@media (min-width: 552px) {
h2.jinr-heading + p {
margin-top: 3.3rem !important;
}
}
h3.jinr-heading {
margin-top: 3.63rem;
margin-bottom: 2.7rem;
font-size: clamp(1.15em, 2.4vw, 1.35em);
}
@media (min-width: 552px) {
h3.jinr-heading {
margin-top: 4.5rem;
}
}
h3.jinr-heading + p {
margin-top: 2.7rem !important;
}
h4.jinr-heading {
margin-top: 3.63rem;
margin-bottom: 2.4rem;
font-size: clamp(1em, 2.4vw, 1.15em);
}
@media (min-width: 552px) {
h4.jinr-heading {
margin-top: 4.5rem;
}
}
h4.jinr-heading + p {
margin-top: 2.4rem !important;
}
h5.jinr-heading {
margin-top: 3.63rem;
margin-bottom: 1.65rem;
font-size: 1em;
box-sizing: content-box !important;
}
@media (min-width: 552px) {
h5.jinr-heading {
margin-top: 3.3rem;
}
}
h5.jinr-heading + p {
margin-top: 1rem !important;
}
.d--zenkakugothic h2.jinr-heading,
.d--zenkakugothic h3.jinr-heading,
.d--zenkakugothic h4.jinr-heading,
.d--zenkakugothic h5.jinr-heading,
.d--shipporimincho h2.jinr-heading,
.d--shipporimincho h3.jinr-heading,
.d--shipporimincho h4.jinr-heading,
.d--shipporimincho h5.jinr-heading,
.d--notoserif h2.jinr-heading,
.d--notoserif h3.jinr-heading,
.d--notoserif h4.jinr-heading,
.d--notoserif h5.jinr-heading {
font-weight: 700 !important;
}
@media (min-width: 552px) {
.d--zenkakugothic h2.jinr-heading,
.d--zenkakugothic h3.jinr-heading,
.d--zenkakugothic h4.jinr-heading,
.d--zenkakugothic h5.jinr-heading,
.d--shipporimincho h2.jinr-heading,
.d--shipporimincho h3.jinr-heading,
.d--shipporimincho h4.jinr-heading,
.d--shipporimincho h5.jinr-heading,
.d--notoserif h2.jinr-heading,
.d--notoserif h3.jinr-heading,
.d--notoserif h4.jinr-heading,
.d--notoserif h5.jinr-heading {
font-weight: 400 !important;
}
}
.d--kiwimaru h2.jinr-heading,
.d--kiwimaru h3.jinr-heading,
.d--kiwimaru h4.jinr-heading,
.d--kiwimaru h5.jinr-heading,
.d--mpr-thin h2.jinr-heading,
.d--mpr-thin h3.jinr-heading,
.d--mpr-thin h4.jinr-heading,
.d--mpr-thin h5.jinr-heading,
.d--notosans-thin h2.jinr-heading,
.d--notosans-thin h3.jinr-heading,
.d--notosans-thin h4.jinr-heading,
.d--notosans-thin h5.jinr-heading {
font-weight: 500 !important;
}
@media (min-width: 552px) {
.d--kiwimaru h2.jinr-heading,
.d--kiwimaru h3.jinr-heading,
.d--kiwimaru h4.jinr-heading,
.d--kiwimaru h5.jinr-heading,
.d--mpr-thin h2.jinr-heading,
.d--mpr-thin h3.jinr-heading,
.d--mpr-thin h4.jinr-heading,
.d--mpr-thin h5.jinr-heading,
.d--notosans-thin h2.jinr-heading,
.d--notosans-thin h3.jinr-heading,
.d--notosans-thin h4.jinr-heading,
.d--notosans-thin h5.jinr-heading {
font-weight: 300 !important;
}
}
@media (min-width: 552px) {
.d--jpf-default h2.jinr-heading {
font-weight: 400 !important;
}
}
@media (min-width: 552px) {
.d--jpf-default h3.jinr-heading {
font-weight: 500 !important;
}
} .d--h2-style1 h2.jinr-heading {
color: #fff;
padding: 18px clamp(18px, 3vw, 21px);
}
.d--h2-style2 h2.jinr-heading {
position: relative;
color: #fff;
padding: 18px clamp(18px, 3vw, 21px);
}
.d--h2-style2 h2.jinr-heading::before {
content: "";
position: absolute;
top: 100%;
left: clamp(21px, 4vw, 27px);
border-width: 13px 9px 0 9px;
border-style: solid;
border-color: transparent;
}
@media (min-width: 552px) {
.d--h2-style2 h2.jinr-heading::before {
border-width: 16px 11px 0 11px;
}
}
.d--h2-style3 h2.jinr-heading {
padding: clamp(18px, 2.7vw, 21px) 3px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-top-width: 2px;
border-top-style: solid;
}
.d--h2-style4 h2.jinr-heading {
position: relative;
padding: 0 3px clamp(9px, 2.7vw, 15px);
}
.d--h2-style4 h2.jinr-heading::before {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 3px;
background-color: rgba(0, 0, 0, 0.1);
}
.d--h2-style4 h2.jinr-heading::after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: clamp(90px, 18vw, 150px);
height: 3px;
}
.d--h2-style5 h2.jinr-heading {
position: relative;
padding: clamp(18px, 2.7vw, 21px) 0 clamp(18px, 2.7vw, 21px) clamp(18px, 3vw, 24px);
}
.d--h2-style5 h2.jinr-heading::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
}
.d--h2-style6 h2.jinr-heading {
position: relative;
padding: 18px clamp(21px, 3vw, 24px);
background-color: rgba(0, 0, 0, 0.03);
overflow: hidden;
}
.d--h2-style6 h2.jinr-heading::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
}
.d--h2-style7 h2.jinr-heading {
position: relative;
padding: 18px 3px 0;
margin-top: 6.3rem;
}
@media (min-width: 552px) {
.d--h2-style7 h2.jinr-heading {
padding-bottom: 15px;
margin-top: 9rem;
}
}
.d--h2-style7 h2.jinr-heading::before {
content: "";
position: absolute;
top: -9px;
left: 0;
width: 100%;
height: 3px;
}
.d--h2-style7 h2.jinr-heading::after {
content: "";
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 1px;
}
.d--h2-style8 h2.jinr-heading {
position: relative;
padding: 18px clamp(18px, 3vw, 27px);
background: linear-gradient(-45deg, transparent 25%, #f3f3f3 25%, #f3f3f3 50%, transparent 50%, transparent 75%, #f3f3f3 75%, #f3f3f3);
background-size: 6px 6px;
background-clip: padding-box;
overflow: hidden;
}
.d--h2-style8 h2.jinr-heading::before {
content: "";
position: absolute;
top: -3px;
left: -10px;
border-width: 16px 16px 0 16px;
border-style: solid;
border-color: transparent;
transform: rotate(135deg);
}
@media (min-width: 552px) {
.d--h2-style8 h2.jinr-heading::before {
left: -15px;
border-width: 20px 20px 0 20px;
}
}
.d--h2-style9 h2.jinr-heading {
position: relative;
padding: clamp(18px, 3vw, 21px) 3px 18px 3px;
border-top-width: 1px;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.d--h2-style9 h2.jinr-heading::before {
content: "";
position: absolute;
top: -7px;
left: 3px;
width: 13px;
height: 13px;
transform: rotate(45deg);
}
@media (min-width: 552px) {
.d--h2-style9 h2.jinr-heading::before {
top: -8px;
left: 3px;
width: 15px;
height: 15px;
}
}
.d--h2-style9 h2.jinr-heading::after {
content: "";
position: absolute;
top: -7px;
left: 21px;
width: 13px;
height: 13px;
transform: rotate(45deg);
border-style: solid;
border-width: 1px;
background-color: #fff;
box-sizing: border-box;
border-radius: 0 !important;
}
@media (min-width: 552px) {
.d--h2-style9 h2.jinr-heading::after {
top: -8px;
left: 24px;
width: 15px;
height: 15px;
}
}
.d--h2-style10 h2.jinr-heading {
position: relative;
padding: 18px clamp(18px, 3vw, 21px);
} .d--h3-style1 h3.jinr-heading {
padding: clamp(6px, 2.7vw, 9px) 3px;
border-bottom-width: 2px;
border-bottom-style: solid;
}
.d--h3-style2 h3.jinr-heading {
position: relative;
padding: clamp(6px, 2.7vw, 9px) 0 clamp(6px, 2.7vw, 9px) clamp(21px, 3vw, 24px);
}
.d--h3-style2 h3.jinr-heading::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
}
.d--h3-style3 h3.jinr-heading {
position: relative;
padding: clamp(6px, 2.7vw, 9px) 0 clamp(6px, 2.7vw, 12px) 18px;
border-bottom-width: 2px;
border-bottom-style: dashed;
}
.d--h3-style3 h3.jinr-heading::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
}
@media (min-width: 552px) {
.d--h3-style3 h3.jinr-heading::before {
width: 4px;
}
}
.d--h3-style4 h3.jinr-heading {
padding: clamp(6px, 2.7vw, 9px) 3px;
border-bottom-width: 4px;
border-bottom-style: double;
}
.d--h3-style5 h3.jinr-heading {
position: relative;
padding: clamp(6px, 2.7vw, 9px) 0 clamp(6px, 2.7vw, 9px) clamp(21px, 3vw, 24px);
}
.d--h3-style5 h3.jinr-heading::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 100%;
}
.d--h3-style5 h3.jinr-heading::after {
content: "";
position: absolute;
top: 0;
left: 6px;
width: 1px;
height: 100%;
}
.d--h3-style6 h3.jinr-heading {
position: relative;
padding-left: 24px;
}
@media (min-width: 552px) {
.d--h3-style6 h3.jinr-heading {
padding-left: clamp(27px, 3vw, 30px);
}
}
.d--h3-style6 h3.jinr-heading::before {
content: "";
position: absolute;
top: 4px;
left: 0;
width: 16px;
height: 16px;
border-radius: 3px;
}
@media (min-width: 552px) {
.d--h3-style6 h3.jinr-heading::before {
top: 5px;
width: 18px;
height: 18px;
}
}
.d--h3-style7 h3.jinr-heading {
position: relative;
padding-left: 24px;
}
@media (min-width: 552px) {
.d--h3-style7 h3.jinr-heading {
padding-left: clamp(27px, 3vw, 30px);
}
}
.d--h3-style7 h3.jinr-heading::before {
content: "";
position: absolute;
top: 2px;
left: 0;
width: 16px;
height: 16px;
border-width: 1px;
border-style: solid;
border-radius: 18px;
}
@media (min-width: 552px) {
.d--h3-style7 h3.jinr-heading::before {
top: 4px;
width: 18px;
height: 18px;
}
}
.d--h3-style7 h3.jinr-heading::after {
content: "";
position: absolute;
top: 5px;
left: 3px;
width: 12px;
height: 12px;
border-radius: 18px;
}
@media (min-width: 552px) {
.d--h3-style7 h3.jinr-heading::after {
top: 8px;
left: 4px;
}
}
.d--h3-style8 h3.jinr-heading {
position: relative;
padding: clamp(12px, 2.7vw, 15px) clamp(15px, 3vw, 18px);
} .d--h4-style1 h4.jinr-heading {
position: relative;
padding: 0 0 0 21px;
margin-bottom: 1.5rem;
}
.d--h4-style1 h4.jinr-heading::before {
content: "";
position: absolute;
width: 12px;
height: 2px;
left: 0;
top: 50.5%;
transform: translateY(-50%);
}
.d--h4-style2 h4.jinr-heading {
padding: clamp(3px, 2vw, 6px) 3px;
border-bottom-width: 1px;
border-bottom-style: dashed;
}
.d--h4-style3 h4.jinr-heading {
position: relative;
padding: clamp(3px, 2vw, 6px) 0 clamp(3px, 2vw, 6px) 18px;
}
.d--h4-style3 h4.jinr-heading::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 100%;
}
.d--h4-style4 h4.jinr-heading {
position: relative;
padding: clamp(9px, 2.4vw, 12px) clamp(12px, 2.7vw, 15px);
}
.d--h4-style5 h4.jinr-heading {
position: relative;
padding-left: clamp(24px, 3vw, 27px);
}
.d--h4-style5 h4.jinr-heading::before {
content: "";
position: absolute;
top: 2px;
left: 1px;
width: 15px;
height: 15px;
border-radius: 3px;
}
@media (min-width: 552px) {
.d--h4-style5 h4.jinr-heading::before {
top: 4px;
}
}
.d--h4-style6 h4.jinr-heading {
position: relative;
padding-left: clamp(24px, 3vw, 27px);
}
.d--h4-style6 h4.jinr-heading::before {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: 15px;
height: 15px;
border-radius: 15px;
border-width: 1px;
border-style: solid;
}
@media (min-width: 552px) {
.d--h4-style6 h4.jinr-heading::before {
top: 3px;
}
}
.d--h4-style6 h4.jinr-heading::after {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 11px;
height: 11px;
border-radius: 18px;
}
@media (min-width: 552px) {
.d--h4-style6 h4.jinr-heading::after {
top: 6px;
}
}
.t--round-s .d--h2-style1 h2.jinr-heading,
.t--round-s .d--h2-style2 h2.jinr-heading {
border-radius: 4px;
}
.t--round-s .d--h4-style1 h4.jinr-heading::before {
border-radius: 4px;
}
.t--round-m .d--h2-style1 h2.jinr-heading,
.t--round-m .d--h2-style2 h2.jinr-heading {
border-radius: 4px;
}
.t--round-m .d--h4-style1 h4.jinr-heading::before {
border-radius: 4px;
}
.t--round-l .d--h2-style1 h2.jinr-heading,
.t--round-l .d--h2-style2 h2.jinr-heading {
border-radius: 8px;
}
.t--round-l .d--h4-style1 h4.jinr-heading::before {
border-radius: 4px;
}
.t--round-s.d--h2-style1 h2.jinr-heading, .t--round-s.d--h2-style2 h2.jinr-heading {
border-radius: 4px;
}
.t--round-s.d--h4-style1 h4.jinr-heading::before {
border-radius: 4px;
}
.t--round-m.d--h2-style1 h2.jinr-heading, .t--round-m.d--h2-style2 h2.jinr-heading {
border-radius: 4px;
}
.t--round-m.d--h4-style1 h4.jinr-heading::before {
border-radius: 4px;
}
.t--round-l.d--h2-style1 h2.jinr-heading, .t--round-l.d--h2-style2 h2.jinr-heading {
border-radius: 8px;
}
.t--round-l.d--h4-style1 h4.jinr-heading::before {
border-radius: 8px;
}
.t--round-l .d--h2-style5 h2.jinr-heading::before,
.t--round-m .d--h2-style5 h2.jinr-heading::before,
.t--round-s .d--h2-style5 h2.jinr-heading::before {
border-radius: 2px;
}
.t--round-l .d--h2-style6 h2.jinr-heading,
.t--round-l .d--h2-style8 h2.jinr-heading,
.t--round-m .d--h2-style6 h2.jinr-heading,
.t--round-m .d--h2-style8 h2.jinr-heading,
.t--round-s .d--h2-style6 h2.jinr-heading,
.t--round-s .d--h2-style8 h2.jinr-heading {
border-radius: 4px;
}
.t--round-l .d--h3-style2 h3.jinr-heading::before,
.t--round-m .d--h3-style2 h3.jinr-heading::before,
.t--round-s .d--h3-style2 h3.jinr-heading::before {
border-radius: 4px;
}
.t--round-l.d--h2-style5 h2.jinr-heading::before,
.t--round-m.d--h2-style5 h2.jinr-heading::before,
.t--round-s.d--h2-style5 h2.jinr-heading::before {
border-radius: 2px;
}
.t--round-l.d--h2-style6 h2.jinr-heading, .t--round-l.d--h2-style8 h2.jinr-heading,
.t--round-m.d--h2-style6 h2.jinr-heading,
.t--round-m.d--h2-style8 h2.jinr-heading,
.t--round-s.d--h2-style6 h2.jinr-heading,
.t--round-s.d--h2-style8 h2.jinr-heading {
border-radius: 4px;
}
.t--round-l.d--h3-style2 h3.jinr-heading::before,
.t--round-m.d--h3-style2 h3.jinr-heading::before,
.t--round-s.d--h3-style2 h3.jinr-heading::before {
border-radius: 4px;
}  .o--jinr-fukidashi {
display: flex;
justify-content: center;
align-items: flex-start;
margin: 0.825rem auto;
padding: 0.825rem 0;
}
@media (max-width: 551px) {
.o--jinr-fukidashi {
width: 100%;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.o--jinr-fukidashi {
width: calc(100% - 3.3rem * 2);
}
}
@media (min-width: 782px) {
.o--jinr-fukidashi {
width: calc(100% - 3.3rem * 2);
}
}
.o--jinr-fukidashi .c--fukidashi-img-box {
text-align: center;
position: relative;
}
.o--jinr-fukidashi .c--fukidashi-img-box .a--fukidashi-img {
border-radius: 50%;
overflow: hidden;
width: 60px;
height: 60px;
position: relative;
margin: 0 auto;
}
@media (min-width: 552px) {
.o--jinr-fukidashi .c--fukidashi-img-box .a--fukidashi-img {
width: 78px;
height: 78px;
}
}
.o--jinr-fukidashi .c--fukidashi-img-box .a--fukidashi-img img {
position: absolute;
height: auto;
top: 50%;
left: 50%;
z-index: 200;
width: 100%;
border-radius: 50%;
width: 60px;
height: 60px;
object-fit: cover;
transform: translateY(-50%) translateX(-50%) scale(0.9);
}
@media (min-width: 552px) {
.o--jinr-fukidashi .c--fukidashi-img-box .a--fukidashi-img img {
width: 78px;
height: 78px;
}
}
.o--jinr-fukidashi .c--fukidashi-img-box .a--fukidashi-img:not(.d--fukidashi-img-transparent) {
z-index: 100;
background-color: #fff;
}
.o--jinr-fukidashi .c--fukidashi-img-box .a--fukidashi-img.d--fukidashi-img-transparent {
border-radius: 0;
}
.o--jinr-fukidashi .c--fukidashi-img-box .a--fukidashi-img.d--fukidashi-img-transparent img {
border-radius: 0;
}
.o--jinr-fukidashi .c--fukidashi-img-box .a--fukidashi-img-circle {
position: absolute;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
}
.o--jinr-fukidashi .c--fukidashi-img-box .a--fukidashi-icon-name {
line-height: 1.1;
text-align: center;
display: block;
padding-top: 8px;
font-size: 1rem;
width: 60px;
margin: 0 auto;
}
@media (min-width: 552px) {
.o--jinr-fukidashi .c--fukidashi-img-box .a--fukidashi-icon-name {
width: 78px;
line-height: 1.2;
}
}
.o--jinr-fukidashi .c--fukidashi-contents {
flex-grow: 1;
min-height: 60px;
position: relative;
padding: 0px 18px;
border-radius: 6px;
}
@media (min-width: 552px) {
.o--jinr-fukidashi .c--fukidashi-contents {
min-height: 78px;
padding: 2px 2.5rem;
}
}
.o--jinr-fukidashi.d--fukidashi-border-thin .c--fukidashi-contents {
border: 1px solid;
}
.o--jinr-fukidashi.d--fukidashi-border-thin .a--fukidashi-img-circle {
height: 62px;
width: 62px;
top: -1px;
}
@media (min-width: 552px) {
.o--jinr-fukidashi.d--fukidashi-border-thin .a--fukidashi-img-circle {
height: 80px;
width: 80px;
}
}
.o--jinr-fukidashi.d--fukidashi-border-normal .c--fukidashi-contents {
border: 2px solid;
}
.o--jinr-fukidashi.d--fukidashi-border-normal .a--fukidashi-img-circle {
height: 64px;
width: 64px;
top: -2px;
}
@media (min-width: 552px) {
.o--jinr-fukidashi.d--fukidashi-border-normal .a--fukidashi-img-circle {
height: 82px;
width: 82px;
}
}
.o--jinr-fukidashi.d--fukidashi-border-bold .c--fukidashi-contents {
border: 3px solid;
}
.o--jinr-fukidashi.d--fukidashi-border-bold .a--fukidashi-img-circle {
height: 66px;
width: 66px;
top: -3px;
}
@media (min-width: 552px) {
.o--jinr-fukidashi.d--fukidashi-border-bold .a--fukidashi-img-circle {
height: 84px;
width: 84px;
}
}
.o--jinr-fukidashi.d--border-transparent .c--fukidashi-contents {
border: 3px solid transparent !important;
}
.o--jinr-fukidashi.d--fukidashi-img-transparent .a--fukidashi-img-circle {
height: 60px;
width: 60px;
top: 0;
}
@media (min-width: 552px) {
.o--jinr-fukidashi.d--fukidashi-img-transparent .a--fukidashi-img-circle {
height: 78px;
width: 78px;
}
}
.d--fukidashi-chat .c--fukidashi-contents {
position: relative;
}
.d--fukidashi-chat .a--fukidashi-parts-after {
z-index: 200;
}
.d--fukidashi-chat .a--fukidashi-parts-after,
.d--fukidashi-chat .a--fukidashi-parts-before {
position: absolute;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
top: 29px;
}
@media (max-width: 551px) {
.d--fukidashi-chat .a--fukidashi-parts-after,
.d--fukidashi-chat .a--fukidashi-parts-before {
top: 20px;
}
}
.d--fukidashi-chat.d--fukidashi-right .a--fukidashi-parts-after,
.d--fukidashi-chat.d--fukidashi-right .a--fukidashi-parts-before {
border-left: 15px solid;
}
.d--fukidashi-chat.d--fukidashi-right .a--fukidashi-parts-before {
right: -15px;
}
.d--fukidashi-chat.d--fukidashi-right.d--fukidashi-border-thin .a--fukidashi-parts-after {
right: -13px;
}
.d--fukidashi-chat.d--fukidashi-right.d--fukidashi-border-normal .a--fukidashi-parts-after {
right: -11px;
}
.d--fukidashi-chat.d--fukidashi-right.d--fukidashi-border-bold .a--fukidashi-parts-after {
right: -9px;
}
.d--fukidashi-chat.d--fukidashi-right.d--border-transparent .a--fukidashi-parts-before {
display: none;
}
.d--fukidashi-chat.d--fukidashi-right.d--border-transparent .a--fukidashi-parts-after {
border-left: 16px solid;
right: -16px;
}
.d--fukidashi-chat.d--fukidashi-left .a--fukidashi-parts-after,
.d--fukidashi-chat.d--fukidashi-left .a--fukidashi-parts-before {
border-right: 15px solid;
}
.d--fukidashi-chat.d--fukidashi-left .a--fukidashi-parts-before {
left: -15px;
}
.d--fukidashi-chat.d--fukidashi-left.d--fukidashi-border-thin .a--fukidashi-parts-after {
left: -13px;
}
.d--fukidashi-chat.d--fukidashi-left.d--fukidashi-border-normal .a--fukidashi-parts-after {
left: -11px;
}
.d--fukidashi-chat.d--fukidashi-left.d--fukidashi-border-bold .a--fukidashi-parts-after {
left: -9px;
}
.d--fukidashi-chat.d--fukidashi-left.d--border-transparent .a--fukidashi-parts-before {
display: none;
}
.d--fukidashi-chat.d--fukidashi-left.d--border-transparent .a--fukidashi-parts-after {
left: -16px;
}
.d--fukidashi-innervoice .a--fukidashi-parts-before,
.d--fukidashi-innervoice .a--fukidashi-parts-after {
position: absolute;
border-radius: 50%;
}
.d--fukidashi-innervoice.d--fukidashi-border-thin .a--fukidashi-parts-before,
.d--fukidashi-innervoice.d--fukidashi-border-thin .a--fukidashi-parts-after {
border: 1px solid;
}
.d--fukidashi-innervoice.d--fukidashi-border-normal .a--fukidashi-parts-before,
.d--fukidashi-innervoice.d--fukidashi-border-normal .a--fukidashi-parts-after {
border: 2px solid;
}
.d--fukidashi-innervoice.d--fukidashi-border-bold .a--fukidashi-parts-before,
.d--fukidashi-innervoice.d--fukidashi-border-bold .a--fukidashi-parts-after {
border: 3px solid;
}
.d--fukidashi-innervoice.d--border-transparent .a--fukidashi-parts-before,
.d--fukidashi-innervoice.d--border-transparent .a--fukidashi-parts-after {
border: 3px solid transparent !important;
}
.d--fukidashi-innervoice .a--fukidashi-parts-before {
top: 31px;
width: 15px;
height: 15px;
}
@media (min-width: 552px) {
.d--fukidashi-innervoice .a--fukidashi-parts-before {
top: 51px;
width: 15px;
height: 15px;
}
}
.d--fukidashi-innervoice .a--fukidashi-parts-after {
top: 45px;
width: 8px;
height: 8px;
}
@media (min-width: 552px) {
.d--fukidashi-innervoice .a--fukidashi-parts-after {
top: 63px;
width: 9px;
height: 9px;
}
}
.d--fukidashi-innervoice.d--fukidashi-right .a--fukidashi-parts-before {
right: -19px;
}
@media (min-width: 552px) {
.d--fukidashi-innervoice.d--fukidashi-right .a--fukidashi-parts-before {
right: -20px;
}
}
.d--fukidashi-innervoice.d--fukidashi-right .a--fukidashi-parts-after {
right: -25px;
}
@media (min-width: 552px) {
.d--fukidashi-innervoice.d--fukidashi-right .a--fukidashi-parts-after {
right: -29px;
}
}
.d--fukidashi-innervoice.d--fukidashi-left .a--fukidashi-parts-before {
left: -19px;
}
@media (min-width: 552px) {
.d--fukidashi-innervoice.d--fukidashi-left .a--fukidashi-parts-before {
left: -20px;
}
}
.d--fukidashi-innervoice.d--fukidashi-left .a--fukidashi-parts-after {
left: -25px;
}
@media (min-width: 552px) {
.d--fukidashi-innervoice.d--fukidashi-left .a--fukidashi-parts-after {
left: -29px;
}
}
.d--fukidashi-interview {
position: relative;
margin: 51px auto 0 auto;
}
.d--fukidashi-interview .c--fukidashi-img-box {
position: absolute;
width: auto;
display: flex;
align-items: center;
z-index: 100;
top: -36px;
max-width: none;
}
.d--fukidashi-interview .c--fukidashi-img-box .a--fukidashi-icon-name {
font-size: 1.1rem;
width: 200px;
padding-top: 0px;
margin-bottom: 6px;
}
@media (min-width: 552px) {
.d--fukidashi-interview .c--fukidashi-img-box .a--fukidashi-icon-name {
margin-bottom: 18px;
}
}
.d--fukidashi-interview .c--fukidashi-img-box .a--fukidashi-img {
width: 48px;
height: 48px;
}
@media (min-width: 552px) {
.d--fukidashi-interview .c--fukidashi-img-box .a--fukidashi-img {
width: 60px;
height: 60px;
}
}
.d--fukidashi-interview .c--fukidashi-img-box .a--fukidashi-img img {
width: 48px;
height: 48px;
}
@media (min-width: 552px) {
.d--fukidashi-interview .c--fukidashi-img-box .a--fukidashi-img img {
width: 60px;
height: 60px;
}
}
.d--fukidashi-interview.d--fukidashi-border-thin .a--fukidashi-img-circle {
height: 50px;
width: 50px;
}
@media (min-width: 552px) {
.d--fukidashi-interview.d--fukidashi-border-thin .a--fukidashi-img-circle {
height: 62px;
width: 62px;
}
}
.d--fukidashi-interview.d--fukidashi-border-normal .a--fukidashi-img-circle {
height: 52px;
width: 52px;
}
@media (min-width: 552px) {
.d--fukidashi-interview.d--fukidashi-border-normal .a--fukidashi-img-circle {
height: 64px;
width: 64px;
}
}
.d--fukidashi-interview.d--fukidashi-border-bold .a--fukidashi-img-circle {
height: 54px;
width: 54px;
}
@media (min-width: 552px) {
.d--fukidashi-interview.d--fukidashi-border-bold .a--fukidashi-img-circle {
height: 66px;
width: 66px;
}
}
.d--fukidashi-interview.d--fukidashi-img-transparent .a--fukidashi-img-circle {
height: 48px;
width: 48px;
}
@media (min-width: 552px) {
.d--fukidashi-interview.d--fukidashi-img-transparent .a--fukidashi-img-circle {
height: 60px;
width: 60px;
}
}
.d--fukidashi-interview .c--fukidashi-contents {
width: 100%;
padding: 9px 22px;
}
@media (min-width: 552px) {
.d--fukidashi-interview .c--fukidashi-contents {
padding: 9px 36px;
}
}
.d--fukidashi-interview.d--fukidashi-right .c--fukidashi-img-box {
flex-direction: row-reverse;
right: -6px;
}
@media (min-width: 552px) {
.d--fukidashi-interview.d--fukidashi-right .c--fukidashi-img-box {
right: -27px;
}
}
.d--fukidashi-interview.d--fukidashi-right .c--fukidashi-img-box .a--fukidashi-icon-name {
text-align: right;
padding-right: 6px;
}
@media (min-width: 552px) {
.d--fukidashi-interview.d--fukidashi-right .c--fukidashi-img-box .a--fukidashi-icon-name {
padding-right: 8px;
}
}
.d--fukidashi-interview.d--fukidashi-right.d--fukidashi-border-thin .a--fukidashi-img-circle {
left: auto;
right: -1px;
transform: translateX(0%);
}
.d--fukidashi-interview.d--fukidashi-right.d--fukidashi-border-normal .a--fukidashi-img-circle {
left: auto;
right: -2px;
transform: translateX(0%);
}
.d--fukidashi-interview.d--fukidashi-right.d--fukidashi-border-bold .a--fukidashi-img-circle {
left: auto;
right: -3px;
transform: translateX(0%);
}
.d--fukidashi-interview.d--fukidashi-left .c--fukidashi-img-box {
left: -6px;
}
@media (min-width: 552px) {
.d--fukidashi-interview.d--fukidashi-left .c--fukidashi-img-box {
left: -27px;
}
}
.d--fukidashi-interview.d--fukidashi-left .c--fukidashi-img-box .a--fukidashi-icon-name {
text-align: left;
padding-left: 6px;
}
@media (min-width: 552px) {
.d--fukidashi-interview.d--fukidashi-left .c--fukidashi-img-box .a--fukidashi-icon-name {
padding-left: 8px;
}
}
.d--fukidashi-interview.d--fukidashi-left.d--fukidashi-border-thin .a--fukidashi-img-circle {
left: -1px;
transform: translateX(0%);
}
.d--fukidashi-interview.d--fukidashi-left.d--fukidashi-border-normal .a--fukidashi-img-circle {
left: -2px;
transform: translateX(0%);
}
.d--fukidashi-interview.d--fukidashi-left.d--fukidashi-border-bold .a--fukidashi-img-circle {
left: -3px;
transform: translateX(0%);
}
.o--jinr-fukidashi.d--fukidashi-right {
flex-direction: row-reverse;
}
.o--jinr-fukidashi.d--fukidashi-right .c--fukidashi-img-box {
margin-right: 0;
margin-left: 24px;
}
@media (max-width: 551px) {
.o--jinr-fukidashi.d--fukidashi-right .c--fukidashi-img-box {
margin-left: 21px;
}
}
.o--jinr-fukidashi.d--fukidashi-left .c--fukidashi-img-box {
margin-right: 24px;
}
@media (max-width: 551px) {
.o--jinr-fukidashi.d--fukidashi-left .c--fukidashi-img-box {
margin-right: 21px;
}
}
.b--jinr-iconbox,
.b--jinr-iconbox * {
box-sizing: border-box;
}
.b--jinr-iconbox {
position: relative;
width: 100%;
z-index: 0;
margin: 0 auto;
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.b--jinr-iconbox {
width: calc(100% - 3.3rem * 1.5);
}
}
@media (min-width: 782px) {
.b--jinr-iconbox {
width: calc(100% - 3.3rem * 2);
}
}
div[class*=d--simple-iconbox] {
position: relative;
z-index: 100;
padding: 1.65rem 1.5rem 1.65rem 6.27rem;
margin: 1.65rem auto;
}
@media (min-width: 552px) {
div[class*=d--simple-iconbox] {
margin: 3.3rem auto;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
div[class*=d--simple-iconbox] {
padding: 1.815rem 1.5rem 1.98rem 7.26rem;
}
}
@media (min-width: 782px) {
div[class*=d--simple-iconbox] {
padding: 2.145rem 1.5rem 1.98rem 6.5rem;
}
}
div[class*=d--simple-iconbox] .jif {
position: absolute;
top: 50%;
left: 35px;
transform: translate(-50%, -50%);
font-size: 1.75em;
}
@media (max-width: 551px) {
div[class*=d--simple-iconbox] .jif {
left: 30px;
font-size: 1.45em;
}
}
div[class*=d--simple-iconbox] .a--jinr-iconbox {
position: relative;
padding: 0 0 0 21px;
border-left-style: solid;
}
@media (max-width: 551px) {
div[class*=d--simple-iconbox] .a--jinr-iconbox {
padding: 0 0 0 15px;
}
}
div[class*=d--simple-iconbox] .a--jinr-iconbox p {
margin: 0;
}
@media (max-width: 551px) {
div[class*=d--simple-iconbox] .a--jinr-iconbox p {
line-height: 1.4em;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
div[class*=d--simple-iconbox] .a--jinr-iconbox p {
line-height: 1.5em;
}
}
@media (min-width: 782px) {
div[class*=d--simple-iconbox] .a--jinr-iconbox p {
line-height: 1.5em;
}
}
div[class*=d--simple-iconbox] .a--jinr-iconbox .jinr-list:first-child {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
div[class*=d--simple-iconbox] .a--jinr-iconbox .jinr-list:first-child li:first-child {
margin-top: 0 !important;
}
div[class*=d--simple-iconbox] .a--jinr-iconbox .jinr-list:first-child li:last-child {
margin-bottom: 0 !important;
}
div[class*=d--simple-iconbox] .a--jinr-iconbox .jinr-list:first-of-type {
margin-bottom: 0 !important;
}
@media (min-width: 552px) {
.b--jinr-iconbox + .b--jinr-iconbox div[class*=d--simple-iconbox] {
margin-top: -15px;
}
}
div[class*=d--heading-iconbox] {
position: relative;
padding: 3px 2.2rem 0px;
border-style: solid;
margin: 2.7rem auto;
}
@media (min-width: 552px) {
div[class*=d--heading-iconbox] {
margin: 4.2rem auto;
padding: 6px 2.7rem 0px;
}
}
div[class*=d--heading-iconbox] .a--heading-iconbox-title {
display: flex;
align-items: center;
position: absolute;
top: -13px;
left: 12px;
padding: 0px 12px;
background-color: #fff;
z-index: 100;
line-height: 0;
}
@media (min-width: 552px) {
div[class*=d--heading-iconbox] .a--heading-iconbox-title {
top: -14px;
}
}
div[class*=d--heading-iconbox] .a--heading-iconbox-title .a--iconbox-title-text {
font-size: 1.65rem;
letter-spacing: 0.06rem;
}
@media (min-width: 552px) {
div[class*=d--heading-iconbox] .a--heading-iconbox-title .a--iconbox-title-text {
font-size: 1.8rem;
padding-top: 1px;
}
}
div[class*=d--heading-iconbox] .a--heading-iconbox-title .jif {
padding-right: 6px;
font-size: 1.5em;
line-height: 1;
}
div[class*=d--heading-iconbox] .a--jinr-iconbox {
position: relative;
}
@media (max-width: 551px) {
div[class*=d--heading-iconbox] .a--jinr-iconbox p,
div[class*=d--heading-iconbox] .a--jinr-iconbox ol,
div[class*=d--heading-iconbox] .a--jinr-iconbox ul {
margin-top: 2.25rem !important;
margin-bottom: 2.25rem !important;
}
}
.a--jinr-iconbox,
div[class*=d--heading-iconbox] {
border-width: 1px;
}
.t--round-s div[class*=d--simple-iconbox]::before,
.t--round-s div[class*=d--heading-iconbox] {
border-radius: 4px;
}
.t--round-m div[class*=d--simple-iconbox]::before,
.t--round-m div[class*=d--heading-iconbox] {
border-radius: 8px;
}
.t--round-l div[class*=d--simple-iconbox]::before,
.t--round-l div[class*=d--heading-iconbox] {
border-radius: 12px;
} .b--jinr-box {
display: block;
margin: 1.65rem auto;
padding: 0 2.2rem;
width: 100%;
box-sizing: border-box;
}
@media (min-width: 552px) {
.b--jinr-box {
margin: 4.2rem auto;
padding: 0 2.7rem;
width: calc(100% - 3.3rem * 1.5);
}
}
.b--jinr-box .a--simple-box-title {
min-width: 50px;
box-sizing: border-box;
position: relative;
z-index: 0;
line-height: 1.4;
font-size: 1.35rem;
}
@media (min-width: 552px) {
.b--jinr-box .a--simple-box-title {
font-size: 1.4rem;
}
}
.d--simple-box1 {
border-style: solid;
}
.d--simple-box2 {
position: relative;
border-style: solid;
z-index: 0;
}
.d--simple-box2::before {
content: "";
width: calc(100% - 10px);
height: calc(100% - 10px);
position: absolute;
top: 4px;
left: 4px;
z-index: -1;
}
.d--simple-box3 {
border-top-style: solid;
border-bottom-style: solid;
padding: 1px 1.65rem;
}
@media (min-width: 552px) {
.d--simple-box3 {
padding: 1px 2.2rem;
}
}
.d--simple-box4 {
position: relative;
padding: 1px 1.65rem;
}
@media (min-width: 552px) {
.d--simple-box4 {
padding: 1px 2.2rem;
}
}
.d--simple-box4::before {
content: "";
background-position: left top, left bottom, left top, right top;
background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
}
.d--simple-box5 {
position: relative;
z-index: 0;
padding-top: 1px;
padding-bottom: 1px;
}
.d--simple-box6 {
border-style: solid;
position: relative;
z-index: 0;
padding-top: 1px;
padding-bottom: 1px;
}
.d--simple-box7 {
border-style: solid;
position: relative;
z-index: 0;
padding-top: 1px;
padding-bottom: 1px;
}
.d--simple-box8 {
position: relative;
z-index: 0;
padding: 12px 3.3rem;
}
@media (min-width: 552px) {
.d--simple-box8 {
padding: 18px 3.96rem;
}
}
.d--simple-box8::after {
content: "";
position: absolute;
display: block;
width: calc(100% - 30px);
height: calc(100% - 30px);
border: 2px solid #fff;
top: 13px;
left: 13px;
z-index: -1;
}
.d--simple-box9 {
position: relative;
z-index: 0;
padding: 15px 2.75rem;
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--simple-box9 {
padding: 15px 2.75rem;
}
}
@media (min-width: 782px) {
.d--simple-box9 {
padding: 18px 3.3rem;
}
}
.d--simple-box9::after {
content: "";
background-position: left top, left bottom, left top, right top;
background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
position: absolute;
top: 16px;
bottom: 16px;
left: 0;
right: 0;
pointer-events: none;
}
.d--simple-box10 {
position: relative;
z-index: 0;
padding-top: 1px;
padding-bottom: 1px;
}
.d--simple-box10::after {
content: "";
background-size: 12px 24px;
height: 12px;
background-repeat: repeat-x;
position: absolute;
top: -12px;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
}
.d--simple-box11 {
position: relative;
border-style: solid;
}
.d--simple-box11::before, .d--simple-box11::after {
position: absolute;
content: "";
height: calc(100% + 12px);
top: -6px;
}
.d--simple-box11::before {
border-left-style: solid;
left: 6px;
}
.d--simple-box11::after {
border-right-style: solid;
right: 6px;
}
.d--simple-box12 {
position: relative;
overflow: hidden;
padding-top: 2.1rem;
padding-bottom: 2.1rem;
}
@media (min-width: 552px) {
.d--simple-box12 {
padding: 1.2rem clamp(3.9rem, 4.2vw, 4.5rem);
}
}
.d--simple-box12::before, .d--simple-box12::after {
position: absolute;
font-family: "jin-icons";
content: "\e924";
font-size: 2.4rem;
}
@media (min-width: 552px) {
.d--simple-box12::before, .d--simple-box12::after {
font-size: clamp(4.8rem, 5vw, 5.1rem);
}
}
.d--simple-box12::before {
top: 3px;
left: 21px;
}
@media (min-width: 552px) {
.d--simple-box12::before {
left: 21px;
top: -6px;
}
}
.d--simple-box12::after {
bottom: 3px;
right: 21px;
transform: rotate(180deg);
}
@media (min-width: 552px) {
.d--simple-box12::after {
right: 21px;
bottom: -6px;
}
}
.d--simple-box12 .a--simple-box-quotetitle {
font-size: 11px;
margin-bottom: 6px;
}
@media (min-width: 552px) {
.d--simple-box12 .a--simple-box-quotetitle {
margin-top: 24px;
margin-bottom: 18px;
}
}
.d--simple-box12 .a--simple-box-quotetitle::before {
content: "引用元：";
padding-right: 6px;
}
.d--heading-box1 {
position: relative;
border-style: solid;
margin-top: 4.95rem;
padding: 1.65rem 2.2rem 0 2.2rem;
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--heading-box1 {
margin-top: 5.4rem;
padding: 1.65rem 2.75rem 0 2.75rem;
}
}
@media (min-width: 782px) {
.d--heading-box1 {
margin-top: 5.4rem;
padding: 1.65rem 3.3rem 0 3.3rem;
}
}
.d--heading-box1 .a--simple-box-title {
position: absolute;
color: #fff;
left: 16px;
max-width: 90%;
padding: 7px 12px;
top: -16px;
}
@media (min-width: 552px) {
.d--heading-box1 .a--simple-box-title {
padding: 9px 12px;
top: -19px;
}
}
.d--heading-box1 .a--simple-box-title::before {
position: absolute;
content: "";
width: 0;
height: 0;
top: calc(100% - 4px);
left: 16px;
border: 8px solid transparent;
border-top: 13px solid;
}
.d--heading-box2 {
position: relative;
border-style: solid;
padding: 2.75rem 2.2rem 0 2.2rem;
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--heading-box2 {
padding: 3.3rem 2.75rem 0 2.75rem;
}
}
@media (min-width: 782px) {
.d--heading-box2 {
padding: 3.3rem 3.3rem 0 3.3rem;
}
}
.d--heading-box2 .a--simple-box-title {
position: absolute;
color: #fff;
padding: 6px 12px;
top: -1px;
left: -1px;
}
.d--heading-box3 {
position: relative;
border-style: solid;
margin-top: 5.94rem;
padding: 0 2.2rem;
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--heading-box3 {
margin-top: 6.6rem;
padding: 0 2.75rem;
}
}
@media (min-width: 782px) {
.d--heading-box3 {
margin-top: 6.6rem;
padding: 0 3.3rem;
}
}
.d--heading-box3 .a--simple-box-title {
position: absolute;
color: #fff;
padding: 6px 12px;
top: -31px;
}
@media (min-width: 552px) {
.d--heading-box3 .a--simple-box-title {
top: -32px;
}
}
.d--heading-box4 {
border-style: solid;
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.d--heading-box4 .c--simple-box-inner {
padding: 0 2.2rem;
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--heading-box4 .c--simple-box-inner {
padding: 0 2.75rem;
}
}
@media (min-width: 782px) {
.d--heading-box4 .c--simple-box-inner {
padding: 0 3.3rem;
}
}
.d--heading-box4 .a--simple-box-title {
width: 100%;
color: #fff;
padding: 12px 12px 11px 12px;
text-align: center;
}
.d--heading-box5 {
position: relative;
background: linear-gradient(45deg, #b99d69, #9f8452);
color: #fff;
z-index: 100;
padding: 3.96rem 3.3rem 9px;
}
@media (min-width: 552px) {
.d--heading-box5 {
padding: 3.9rem 3.96rem 12px;
}
}
.d--heading-box5::before {
position: absolute;
content: "";
background: linear-gradient(45deg, #5e8946, #4d6c3c);
width: calc(100% - 16px);
height: calc(100% - 16px);
z-index: -1;
top: 0;
left: 0;
transform: translate(8px, 8px);
}
@media (min-width: 782px) {
.d--heading-box5::before {
width: calc(100% - 24px);
height: calc(100% - 24px);
transform: translate(12px, 12px);
}
}
.d--heading-box5 .a--simple-box-title {
font-size: 1.05em;
text-align: center;
}
.d--heading-box5 .c--simple-box-inner p, .d--heading-box5 .c--simple-box-inner ol, .d--heading-box5 .c--simple-box-inner ul, .d--heading-box5 .c--simple-box-inner section {
color: #fff;
}
.d--heading-box5 .c--simple-box-inner ul.jinr-list li::after {
background-color: #fff !important;
}
.d--heading-box5 .c--simple-box-inner ol.jinr-list li::after {
color: #fff !important;
margin-left: 1px;
}
@media (max-width: 551px) {
.d--heading-box5 .c--simple-box-inner ol.jinr-list li::after {
margin-top: 1px;
}
}
.d--heading-box5 .c--simple-box-inner ol.jinr-list li::before {
top: 0px !important;
border: 1px solid #fff;
background-color: transparent !important;
}
@media (max-width: 551px) {
.d--heading-box5 .c--simple-box-inner ol.jinr-list li::before {
margin-top: 1px;
}
}
@media (min-width: 552px) {
.d--heading-box5 .c--simple-box-inner ol.jinr-list li::before {
top: 2px !important;
}
}
.d--heading-box5 .c--simple-box-inner ol.jinr-list li ol li::before {
border: none;
}
.d--heading-box6 {
position: relative;
padding: 8px;
}
.d--heading-box6 .a--simple-box-title {
padding: 8px 12px 16px 12px;
}
.d--heading-box6 .c--simple-box-inner {
position: relative;
background-color: #fff;
padding: 1px 2.2rem;
}
@media (min-width: 552px) {
.d--heading-box6 .c--simple-box-inner {
padding: 1px 3.3rem;
}
}
.d--heading-box7 {
border-style: solid;
padding: 0;
}
.d--heading-box7 .a--simple-box-title {
position: relative;
border-bottom-style: solid;
padding: 16px 14px;
text-align: center;
z-index: 0;
}
.d--heading-box7 .a--simple-box-title::before {
position: absolute;
content: "";
width: calc(100% - 8px);
height: calc(100% - 8px);
opacity: 0.15;
top: 4px;
left: 4px;
z-index: -1;
}
@media (min-width: 782px) {
.d--heading-box7 .a--simple-box-title::before {
width: calc(100% - 12px);
height: calc(100% - 12px);
top: 6px;
left: 6px;
}
}
.d--heading-box7 .c--simple-box-inner {
padding: 1px 2.2rem;
}
@media (min-width: 552px) {
.d--heading-box7 .c--simple-box-inner {
padding: 1px 3.3rem;
}
}
.d--heading-box8 {
display: flex;
border-bottom-style: solid;
border-radius: 0;
padding: 0;
padding-bottom: 6px;
}
.d--heading-box8 .a--simple-box-title {
font-size: 0.75em;
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-top-style: solid;
border-left-style: solid;
border-right-style: solid;
padding: 16px 12px 12px 12px;
width: 39%;
}
@media (min-width: 552px) {
.d--heading-box8 .a--simple-box-title {
width: 28%;
}
}
.d--heading-box8 .a--simple-box-title::before {
position: absolute;
content: "";
opacity: 0.1;
width: calc(100% - 12px);
height: calc(100% - 6px);
top: 6px;
left: 6px;
z-index: -1;
}
.d--heading-box8 .c--simple-box-inner {
width: calc(75% - 16px);
margin-left: 1.65rem;
}
@media (min-width: 552px) {
.d--heading-box8 .c--simple-box-inner {
margin-left: 2.4rem;
}
}
.d--heading-box8 .c--simple-box-inner p, .d--heading-box8 .c--simple-box-inner ul, .d--heading-box8 .c--simple-box-inner ol {
margin-top: 1.35rem !important;
margin-bottom: 1.35rem !important;
}
.d--heading-box8 .c--simple-box-inner p:first-child, .d--heading-box8 .c--simple-box-inner ul:first-child, .d--heading-box8 .c--simple-box-inner ol:first-child {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.d--heading-box9 {
display: flex;
border-style: solid;
padding: 0;
}
.d--heading-box9 .a--simple-box-title {
font-size: 0.75em;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #fff;
width: 40%;
padding: 12px 4px;
}
@media (min-width: 552px) {
.d--heading-box9 .a--simple-box-title {
width: 28%;
padding: 12px 8px;
}
}
.d--heading-box9 .c--simple-box-inner {
width: 75%;
padding: 0 1.65rem;
}
@media (min-width: 552px) {
.d--heading-box9 .c--simple-box-inner {
padding: 0 2.75rem;
}
}
.d--heading-box9 .c--simple-box-inner p, .d--heading-box9 .c--simple-box-inner ul, .d--heading-box9 .c--simple-box-inner ol {
margin-top: 1.65rem !important;
margin-bottom: 1.65rem !important;
}
@media (min-width: 552px) {
.d--heading-box9 .c--simple-box-inner p, .d--heading-box9 .c--simple-box-inner ul, .d--heading-box9 .c--simple-box-inner ol {
margin-top: 1.65rem !important;
margin-bottom: 1.65rem !important;
}
}
.d--simple-box1 .a--simple-box-title,
.d--simple-box2 .a--simple-box-title,
.d--simple-box3 .a--simple-box-title,
.d--simple-box4 .a--simple-box-title,
.d--simple-box5 .a--simple-box-title,
.d--simple-box6 .a--simple-box-title,
.d--simple-box7 .a--simple-box-title,
.d--simple-box8 .a--simple-box-title,
.d--simple-box9 .a--simple-box-title,
.d--simple-box10 .a--simple-box-title,
.d--simple-box11 .a--simple-box-title,
.d--simple-box12 .a--simple-box-title {
font-size: 1.05em;
margin: 1.8rem 0;
}
@media (min-width: 552px) {
.d--simple-box1 .a--simple-box-title,
.d--simple-box2 .a--simple-box-title,
.d--simple-box3 .a--simple-box-title,
.d--simple-box4 .a--simple-box-title,
.d--simple-box5 .a--simple-box-title,
.d--simple-box6 .a--simple-box-title,
.d--simple-box7 .a--simple-box-title,
.d--simple-box8 .a--simple-box-title,
.d--simple-box9 .a--simple-box-title,
.d--simple-box10 .a--simple-box-title,
.d--simple-box11 .a--simple-box-title,
.d--simple-box12 .a--simple-box-title {
margin: 2.1rem 0 3.3rem;
}
}
@media (max-width: 551px) {
.d--simple-box1 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box2 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box3 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box4 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box5 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box6 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box7 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box8 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box9 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box10 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box11 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box12 .a--simple-box-title + .c--simple-box-inner {
margin-top: -0.825rem;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--simple-box1 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box2 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box3 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box4 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box5 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box6 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box7 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box8 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box9 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box10 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box11 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box12 .a--simple-box-title + .c--simple-box-inner {
margin-top: -1.1rem;
}
}
@media (min-width: 782px) {
.d--simple-box1 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box2 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box3 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box4 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box5 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box6 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box7 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box8 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box9 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box10 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box11 .a--simple-box-title + .c--simple-box-inner,
.d--simple-box12 .a--simple-box-title + .c--simple-box-inner {
margin-top: -1.65rem;
}
}
@media (max-width: 551px) {
.b--jinr-box p {
margin-top: 2.1rem !important;
margin-bottom: 2.1rem !important;
}
}
.d--blogcard-style1,
.d--simple-box1,
.d--simple-box2,
.d--simple-box3,
.d--heading-box1,
.d--heading-box2,
.d--heading-box3,
.d--heading-box4,
.d--heading-box7,
.d--heading-box9 {
border-width: 1px;
}
.d--simple-box11 {
border-top-width: 1px;
border-bottom-width: 1px;
}
.d--simple-box11::before {
border-left-width: 1px;
}
.d--simple-box11::after {
border-right-width: 1px;
}
.d--heading-box3 .a--simple-box-title {
left: -1px;
}
.d--heading-box7 .a--simple-box-title {
border-bottom-width: 1px;
}
.d--heading-box8 {
border-bottom-width: 1px;
}
.d--heading-box8 .a--simple-box-title {
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
}
.d--simple-box4::before,
.d--simple-box9::after {
background-size: 8px 1px;
}
.d--simple-box6 {
border-top-width: 3px;
}
.d--simple-box7 {
border-left-width: 3px;
}
.t--round-s .d--simple-box1,
.t--round-s .d--simple-box2,
.t--round-s .d--heading-box1,
.t--round-s .d--heading-box5,
.t--round-s .d--simple-box12 {
border-radius: 4px;
}
.t--round-s .d--simple-box2::before,
.t--round-s .d--simple-box8::after {
border-radius: 2px;
}
.t--round-s .d--simple-box6::before {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.t--round-s .d--simple-box7::before {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.t--round-s .d--simple-box5::before,
.t--round-s .d--simple-box8::before,
.t--round-s .d--simple-box9::before {
border-radius: 4px;
}
.t--round-s .d--heading-box1 .a--simple-box-title {
border-radius: 2px;
}
.t--round-s .d--heading-box2 {
border-radius: 4px;
}
.t--round-s .d--heading-box2 .a--simple-box-title {
border-top-left-radius: 4px;
border-bottom-right-radius: 2px;
}
.t--round-s .d--heading-box3 {
border-radius: 0 4px 4px 4px;
}
.t--round-s .d--heading-box3 .a--simple-box-title {
border-radius: 2px 2px 0 0;
}
.t--round-s .d--heading-box4 {
border-radius: 4px;
}
.t--round-s .d--heading-box6 {
border-radius: 4px;
}
.t--round-s .d--heading-box6 .c--simple-box-inner {
border-radius: 2px;
}
.t--round-s .d--heading-box7 {
border-radius: 4px;
}
.t--round-s .d--heading-box7 .a--simple-box-title::before {
border-radius: 2px 2px 0 0;
}
.t--round-s .d--heading-box8 .a--simple-box-title {
border-radius: 4px 4px 0 0;
}
.t--round-s .d--heading-box8 .a--simple-box-title::before {
border-radius: 2px 2px 0 0;
}
.t--round-s .d--heading-box9 {
border-radius: 4px;
}
.t--round-s .d--heading-box9 .a--simple-box-title {
border-radius: 2px 0 0 2px;
}
.t--round-m .d--simple-box1,
.t--round-m .d--simple-box2,
.t--round-m .d--heading-box1,
.t--round-m .d--heading-box5,
.t--round-m .d--simple-box12 {
border-radius: 8px;
}
.t--round-m .d--simple-box2::before,
.t--round-m .d--simple-box8::after {
border-radius: 4px;
}
.t--round-m .d--simple-box6::before {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.t--round-m .d--simple-box7::before {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.t--round-m .d--simple-box5::before,
.t--round-m .d--simple-box8::before,
.t--round-m .d--simple-box9::before {
border-radius: 8px;
}
.t--round-m .d--heading-box1 .a--simple-box-title {
border-radius: 3px;
}
.t--round-m .d--heading-box2 {
border-radius: 8px;
}
.t--round-m .d--heading-box2 .a--simple-box-title {
border-top-left-radius: 8px;
border-bottom-right-radius: 3px;
}
.t--round-m .d--heading-box3 {
border-radius: 0 8px 8px 8px;
}
.t--round-m .d--heading-box3 .a--simple-box-title {
border-radius: 3px 3px 0 0;
}
.t--round-m .d--heading-box4 {
border-radius: 8px;
}
.t--round-m .d--heading-box6 {
border-radius: 8px;
}
.t--round-m .d--heading-box6 .c--simple-box-inner {
border-radius: 3px;
}
.t--round-m .d--heading-box7 {
border-radius: 8px;
}
.t--round-m .d--heading-box7 .a--simple-box-title::before {
border-radius: 3px 3px 0 0;
}
.t--round-m .d--heading-box8 .a--simple-box-title {
border-radius: 8px 8px 0 0;
}
.t--round-m .d--heading-box8 .a--simple-box-title::before {
border-radius: 3px 3px 0 0;
}
.t--round-m .d--heading-box9 {
border-radius: 8px;
}
.t--round-m .d--heading-box9 .a--simple-box-title {
border-radius: 5px 0 0 5px;
}
.t--round-l .d--simple-box1,
.t--round-l .d--simple-box2,
.t--round-l .d--heading-box1,
.t--round-l .d--heading-box5,
.t--round-l .d--simple-box12 {
border-radius: 12px;
}
.t--round-l .d--simple-box2::before,
.t--round-l .d--simple-box8::after {
border-radius: 6px;
}
.t--round-l .d--simple-box6::before {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.t--round-l .d--simple-box7::before {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.t--round-l .d--simple-box5::before,
.t--round-l .d--simple-box8::before,
.t--round-l .d--simple-box9::before {
border-radius: 12px;
}
.t--round-l .d--heading-box1 .a--simple-box-title {
border-radius: 4px;
}
.t--round-l .d--heading-box2 {
border-radius: 12px;
}
.t--round-l .d--heading-box2 .a--simple-box-title {
border-top-left-radius: 12px;
border-bottom-right-radius: 4px;
}
.t--round-l .d--heading-box3 {
border-radius: 0 12px 12px 12px;
}
.t--round-l .d--heading-box3 .a--simple-box-title {
border-radius: 4px 4px 0 0;
}
.t--round-l .d--heading-box4 {
border-radius: 12px;
}
.t--round-l .d--heading-box6 {
border-radius: 12px;
}
.t--round-l .d--heading-box6 .c--simple-box-inner {
border-radius: 8px;
}
.t--round-l .d--heading-box7 {
border-radius: 12px;
}
.t--round-l .d--heading-box7 .a--simple-box-title::before {
border-radius: 8px 8px 0 0;
}
.t--round-l .d--heading-box8 .a--simple-box-title {
border-radius: 12px 12px 0 0;
}
.t--round-l .d--heading-box8 .a--simple-box-title::before {
border-radius: 8px 8px 0 0;
}
.t--round-l .d--heading-box9 {
border-radius: 12px;
}
.t--round-l .d--heading-box9 .a--simple-box-title {
border-radius: 8px 0 0 8px;
} .b--jinr-timeline {
margin: 1.65rem auto;
counter-reset: step;
padding: 0 66px;
}
@media (min-width: 552px) {
.b--jinr-timeline {
margin: 3.3rem auto;
}
}
.a--timeline-step-text {
position: relative;
display: block;
}
.a--timeline-step-text::before {
position: absolute;
counter-increment: step;
content: "STEP" counter(step) "";
}
.a--timeline-step,
.a--timeline-step-original {
position: relative;
line-height: 2;
font-size: 1.4rem;
}
@media (max-width: 551px) {
.a--timeline-step,
.a--timeline-step-original {
font-size: 1.3rem;
line-height: 2.1;
}
}
.a--timeline-link-text {
font-size: 1.3rem;
}
.d--ef-none .a--timeline-step,
.d--ef-none .a--timeline-step-original {
line-height: 1.9;
}
@media (max-width: 551px) {
.d--ef-none .a--timeline-step,
.d--ef-none .a--timeline-step-original {
line-height: 2.1;
}
}
.d--ef-none.d--zenkakugothic .a--timeline-step,
.d--ef-none.d--zenkakugothic .a--timeline-step-original, .d--ef-none.d--notosans-thin .a--timeline-step,
.d--ef-none.d--notosans-thin .a--timeline-step-original, .d--ef-none.d--notoserif .a--timeline-step,
.d--ef-none.d--notoserif .a--timeline-step-original, .d--ef-none.d--shipporimincho .a--timeline-step,
.d--ef-none.d--shipporimincho .a--timeline-step-original {
line-height: 1.8;
}
@media (max-width: 551px) {
.d--ef-none.d--zenkakugothic .a--timeline-step,
.d--ef-none.d--zenkakugothic .a--timeline-step-original, .d--ef-none.d--notosans-thin .a--timeline-step,
.d--ef-none.d--notosans-thin .a--timeline-step-original, .d--ef-none.d--notoserif .a--timeline-step,
.d--ef-none.d--notoserif .a--timeline-step-original, .d--ef-none.d--shipporimincho .a--timeline-step,
.d--ef-none.d--shipporimincho .a--timeline-step-original {
line-height: 2;
}
}
.a--timeline-label {
margin-bottom: 24px;
font-size: 1.05em;
line-height: 1.3;
letter-spacing: 0.06rem;
}
@media (max-width: 551px) {
.a--timeline-label {
font-size: 1.1em;
}
}
.a--timeline-text {
font-size: 0.95em;
}
@media (min-width: 552px) {
.a--timeline-text {
font-size: 0.9em;
}
}
.a--timeline-text > *:first-child {
margin-top: 0 !important;
}
.a--timeline-text > *:first-child > .b--jinr-block:first-child {
margin-top: 0 !important;
}
.a--timeline-text > *:last-child {
margin-bottom: 0 !important;
}
.a--timeline-text > *:last-child > .b--jinr-block:first-child {
margin-bottom: 0 !important;
}
.a--timeline-text .b--jinr-box,
.a--timeline-text .b--jinr-iconbox {
width: 100%;
}
.a--timeline-text .b--jinr-box {
margin-top: 2.1rem;
margin-bottom: 2.1rem;
}
.d--timeline-step-default .a--timeline-label {
padding-top: 30px;
}
@media (max-width: 551px) {
.d--timeline-step-original .a--timeline-label {
margin-top: -3px;
}
}
.d--timeline-step-off .a--timeline-label {
padding-top: 5px;
}
@media (max-width: 551px) {
.d--timeline-step-off .a--timeline-label {
margin-top: 4px;
}
}
#postContent .c--timeline-contents p {
margin-top: 1.8rem;
margin-bottom: 1.8rem;
}
.d--timeline-design1 {
padding: 0 33px 0 66px;
}
@media (max-width: 551px) {
.d--timeline-design1 {
padding: 0 0 0 27px;
}
}
.d--timeline-design1 .c--timeline-item {
position: relative;
padding: 0 0 39px 0;
}
@media (min-width: 552px) {
.d--timeline-design1 .c--timeline-item {
padding: 0 0 45px 0;
}
}
.d--timeline-design1 .c--timeline-item::before {
position: absolute;
content: "";
width: 2px;
height: 100%;
background-color: rgba(170, 170, 170, 0.2);
left: -27px;
top: 9px;
}
@media (max-width: 551px) {
.d--timeline-design1 .c--timeline-item::before {
left: -21px;
top: 15px;
}
}
.d--timeline-design1 .c--timeline-item:last-child {
padding-bottom: 0px;
}
.d--timeline-design1 .a--timeline-step::before,
.d--timeline-design1 .a--timeline-step-original::before {
position: absolute;
content: "";
border-radius: 50%;
width: 12px;
height: 12px;
left: -32px;
top: 7px;
}
@media (max-width: 551px) {
.d--timeline-design1 .a--timeline-step::before,
.d--timeline-design1 .a--timeline-step-original::before {
left: -26px;
}
}
.d--timeline-design1 .a--timeline-step::after,
.d--timeline-design1 .a--timeline-step-original::after {
position: absolute;
content: "";
width: 15px;
height: 1px;
left: -24px;
top: 12px;
}
@media (max-width: 551px) {
.d--timeline-design1 .a--timeline-step::after,
.d--timeline-design1 .a--timeline-step-original::after {
left: -21px;
}
}
.d--timeline-design1.d--timeline-step-off .a--timeline-step::before,
.d--timeline-design1.d--timeline-step-off .a--timeline-step-original::before {
top: 9px;
}
.d--timeline-design1.d--timeline-step-off .a--timeline-step::after,
.d--timeline-design1.d--timeline-step-off .a--timeline-step-original::after {
top: 14px;
}
@media (max-width: 551px) {
.d--timeline-design2 {
padding: 0 27px;
}
}
.d--timeline-design2 .c--timeline-item {
position: relative;
padding: 24px 0 30px 0;
}
@media (max-width: 551px) {
.d--timeline-design2 .c--timeline-item {
padding: 24px 0 18px 0;
}
}
.d--timeline-design2 .c--timeline-item:first-child {
padding-top: 0;
}
.d--timeline-design2 .c--timeline-item::before {
position: absolute;
content: "";
width: 5px;
height: 100%;
background-color: #f3f3f3;
top: 7px;
}
.d--timeline-design2 .c--timeline-item::after {
position: absolute;
content: "";
width: calc(100% + 54px);
height: 5px;
background-color: #f3f3f3;
left: -27px;
bottom: -9px;
}
@media (max-width: 551px) {
.d--timeline-design2 .c--timeline-item::after {
left: -19px;
width: calc(100% + 38px);
}
}
.d--timeline-design2 .c--timeline-item .a--timeline-step::before,
.d--timeline-design2 .c--timeline-item .a--timeline-step-original::before {
position: absolute;
content: "";
border-radius: 50%;
width: 15px;
height: 15px;
top: 5px;
}
.d--timeline-design2 .c--timeline-item:nth-child(odd)::before {
left: -27px;
}
@media (max-width: 551px) {
.d--timeline-design2 .c--timeline-item:nth-child(odd)::before {
left: -19px;
}
}
.d--timeline-design2 .c--timeline-item:nth-child(odd) .a--timeline-text,
.d--timeline-design2 .c--timeline-item:nth-child(odd) .a--timeline-label {
padding-right: 24%;
}
@media (max-width: 551px) {
.d--timeline-design2 .c--timeline-item:nth-child(odd) .a--timeline-text,
.d--timeline-design2 .c--timeline-item:nth-child(odd) .a--timeline-label {
padding-right: 0px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--timeline-design2 .c--timeline-item:nth-child(odd) .a--timeline-text,
.d--timeline-design2 .c--timeline-item:nth-child(odd) .a--timeline-label {
padding-right: 15%;
}
}
.d--timeline-design2 .c--timeline-item:nth-child(odd) .a--timeline-step::before,
.d--timeline-design2 .c--timeline-item:nth-child(odd) .a--timeline-step-original::before {
left: -32px;
}
@media (max-width: 551px) {
.d--timeline-design2 .c--timeline-item:nth-child(odd) .a--timeline-step::before,
.d--timeline-design2 .c--timeline-item:nth-child(odd) .a--timeline-step-original::before {
left: -24px;
}
}
.d--timeline-design2 .c--timeline-item:nth-child(even)::before {
right: -27px;
}
@media (max-width: 551px) {
.d--timeline-design2 .c--timeline-item:nth-child(even)::before {
right: -19px;
}
}
.d--timeline-design2 .c--timeline-item:nth-child(even) .a--timeline-text,
.d--timeline-design2 .c--timeline-item:nth-child(even) .a--timeline-label {
padding-left: 24%;
}
@media (max-width: 551px) {
.d--timeline-design2 .c--timeline-item:nth-child(even) .a--timeline-text,
.d--timeline-design2 .c--timeline-item:nth-child(even) .a--timeline-label {
padding-left: 0px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--timeline-design2 .c--timeline-item:nth-child(even) .a--timeline-text,
.d--timeline-design2 .c--timeline-item:nth-child(even) .a--timeline-label {
padding-left: 15%;
}
}
.d--timeline-design2 .c--timeline-item:nth-child(even) .a--timeline-step::before,
.d--timeline-design2 .c--timeline-item:nth-child(even) .a--timeline-step-original::before {
right: -32px;
}
@media (max-width: 551px) {
.d--timeline-design2 .c--timeline-item:nth-child(even) .a--timeline-step::before,
.d--timeline-design2 .c--timeline-item:nth-child(even) .a--timeline-step-original::before {
right: -24px;
}
}
.d--timeline-design2 .c--timeline-item:nth-child(even) .a--timeline-label,
.d--timeline-design2 .c--timeline-item:nth-child(even) .a--timeline-step,
.d--timeline-design2 .c--timeline-item:nth-child(even) .a--timeline-step-original {
text-align: right;
}
.d--timeline-design2 .c--timeline-item:nth-child(even) .a--timeline-step-text::before {
right: 0;
}
.d--timeline-design2 .c--timeline-item:last-child {
padding-bottom: 6px;
}
.d--timeline-design2 .c--timeline-item:last-child::after {
display: none;
}
.d--timeline-design2.d--timeline-step-off .c--timeline-item {
padding: 36px 0;
}
.d--timeline-design2.d--timeline-step-off .c--timeline-item:first-child {
padding-top: 0;
}
.d--timeline-design2.d--timeline-step-off .a--timeline-step::before,
.d--timeline-design2.d--timeline-step-off .a--timeline-step-original::before {
top: 8px;
}
.d--timeline-type-post .c--timeline-item {
padding: 0 0 33px 0;
}
@media (max-width: 551px) {
.d--timeline-type-post .c--timeline-item {
padding: 0 0 21px 0;
}
}
.d--timeline-type-post .c--timeline-item:last-child {
padding-bottom: 6px;
}
.d--timeline-type-post .c--timeline-contents,
.d--timeline-type-post .c--timeline-contents-post {
display: flex;
}
@media (max-width: 551px) {
.d--timeline-type-post .c--timeline-contents,
.d--timeline-type-post .c--timeline-contents-post {
flex-wrap: wrap;
}
}
.d--timeline-type-post .a--timeline-label {
margin-bottom: 15px;
}
@media (max-width: 551px) {
.d--timeline-type-post .a--timeline-label {
margin-bottom: 6px;
}
}
.d--timeline-type-post .a--timeline-post-link {
margin-top: 3px;
overflow: hidden;
display: inline-table;
width: 100%;
margin-right: 0px;
flex-shrink: 0;
}
@media (min-width: 552px) {
.d--timeline-type-post .a--timeline-post-link {
width: 224px;
height: 126px;
margin-right: 18px;
}
}
.d--timeline-type-post .a--timeline-post-link img {
width: 100%;
object-fit: cover;
}
.d--timeline-type-post .a--timeline-link-text {
display: block;
text-align: right;
margin-top: 6px;
margin-right: 6px;
padding: 6px 0;
}
@media (max-width: 551px) {
.d--timeline-type-post .a--timeline-link-text {
margin-top: 12px;
text-align: center;
}
}
.d--timeline-type-post .a--timeline-link-text span {
position: relative;
}
.d--timeline-type-post .a--timeline-link-text span::before {
position: absolute;
content: "";
width: 12px;
height: 1px;
left: -18px;
top: 50%;
transform: translateY(-50%);
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
@media (max-width: 551px) {
.d--timeline-type-post .a--timeline-link-text span::after {
position: absolute;
content: "";
width: 10px;
height: 1px;
right: -18px;
top: 50%;
transform: translateY(-50%);
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
}
.d--timeline-type-post .a--timeline-text-container {
width: 100%;
font-size: 0.95em;
line-height: 1.65;
}
@media (max-width: 551px) {
.d--timeline-type-post .a--timeline-text-container {
margin-top: 12px;
width: 100%;
line-height: 1.45;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.d--timeline-type-post .a--timeline-text-container {
width: calc(100% - 150px - 18px);
}
}
.d--timeline-type-post.d--timeline-design2 .c--timeline-item {
padding: 24px 0 33px 0;
}
@media (max-width: 551px) {
.d--timeline-type-post.d--timeline-design2 .c--timeline-item {
padding: 24px 0 18px 0;
}
}
.d--timeline-type-post.d--timeline-design2 .c--timeline-item:first-child {
padding-top: 0;
}
.d--timeline-type-post.d--timeline-design2 .c--timeline-item:nth-child(even) .c--timeline-contents,
.d--timeline-type-post.d--timeline-design2 .c--timeline-item:nth-child(even) .c--timeline-contents-post {
flex-direction: row-reverse;
}
.d--timeline-type-post.d--timeline-design2 .c--timeline-item:nth-child(even) .a--timeline-post-link {
margin-right: 0px;
margin-left: 18px;
}
@media (max-width: 551px) {
.d--timeline-type-post.d--timeline-design2 .c--timeline-item:nth-child(even) .a--timeline-post-link {
margin-left: 0px;
}
}
.d--timeline-type-post.d--timeline-design2 .c--timeline-item:nth-child(even) .a--timeline-text,
.d--timeline-type-post.d--timeline-design2 .c--timeline-item:nth-child(even) .a--timeline-label {
padding-left: 0px;
}
.d--timeline-type-post.d--timeline-design2 .c--timeline-item:nth-child(odd) .a--timeline-text,
.d--timeline-type-post.d--timeline-design2 .c--timeline-item:nth-child(odd) .a--timeline-label {
padding-right: 0px;
}
.d--timeline-type-post.d--timeline-design2 .c--timeline-item:last-child {
padding-bottom: 6px;
}
.d--timeline-img-shadow .a--timeline-post-link {
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
}
@media (min-width: 1120px) {
.page-template-template-full-width .a--timeline-label {
font-size: 1.35em;
line-height: 1.3;
}
.page-template-template-full-width .d--timeline-step-off .a--timeline-label {
padding-top: 4px;
}
.page-template-template-full-width .d--timeline-type-post .a--timeline-text-container {
font-size: 1em;
line-height: 1.65;
}
.page-template-template-full-width .d--timeline-type-post .a--timeline-post-link {
margin-right: 24px;
width: 320px;
height: 180px;
}
.page-template-template-full-width .d--timeline-type-post.d--timeline-design2 .c--timeline-item {
padding-top: 36px;
}
.page-template-template-full-width .d--timeline-type-post.d--timeline-design2 .c--timeline-item:first-child {
padding-top: 0;
}
.page-template-template-full-width .d--timeline-type-post.d--timeline-design2 .c--timeline-item:last-child {
padding-bottom: 12px;
}
.page-template-template-full-width .d--timeline-type-post.d--timeline-design2 .c--timeline-item:nth-child(odd) .a--timeline-post-link {
margin-right: 24px;
margin-left: 0;
}
.page-template-template-full-width .d--timeline-type-post.d--timeline-design2 .c--timeline-item:nth-child(even) .a--timeline-post-link {
margin-left: 24px;
margin-right: 0;
}
}
@media (min-width: 552px) {
.wp-block-columns .b--jinr-timeline {
padding-right: 0;
}
}
@media (min-width: 552px) {
.wp-block-columns .b--jinr-timeline.d--timeline-type-post .a--timeline-post-link {
margin-right: 24px;
width: 160px;
height: 90px;
}
}
.t--round-s .d--timeline-design2 .c--timeline-item:nth-child(odd)::before,
.t--round-m .d--timeline-design2 .c--timeline-item:nth-child(odd)::before,
.t--round-l .d--timeline-design2 .c--timeline-item:nth-child(odd)::before {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.t--round-s .d--timeline-design2 .c--timeline-item:nth-child(odd)::after,
.t--round-m .d--timeline-design2 .c--timeline-item:nth-child(odd)::after,
.t--round-l .d--timeline-design2 .c--timeline-item:nth-child(odd)::after {
border-bottom-left-radius: 3px;
border-top-right-radius: 3px;
}
.t--round-s .d--timeline-design2 .c--timeline-item:nth-child(even)::before,
.t--round-m .d--timeline-design2 .c--timeline-item:nth-child(even)::before,
.t--round-l .d--timeline-design2 .c--timeline-item:nth-child(even)::before {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.t--round-s .d--timeline-design2 .c--timeline-item:nth-child(even)::after,
.t--round-m .d--timeline-design2 .c--timeline-item:nth-child(even)::after,
.t--round-l .d--timeline-design2 .c--timeline-item:nth-child(even)::after {
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
}
.t--round-s .d--timeline-design2 .c--timeline-item:last-child::before,
.t--round-m .d--timeline-design2 .c--timeline-item:last-child::before,
.t--round-l .d--timeline-design2 .c--timeline-item:last-child::before {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.t--round-s .d--timeline-type-post .a--timeline-post-link {
border-radius: 4px;
}
.t--round-m .d--timeline-type-post .a--timeline-post-link {
border-radius: 8px;
}
.t--round-l .d--timeline-type-post .a--timeline-post-link {
border-radius: 12px;
} .jinr-sen {
height: 7px;
display: flex;
flex-wrap: nowrap;
}
.jinr-sen .d--sen-style1,
.jinr-sen .d--sen-style2,
.jinr-sen .d--sen-style3,
.jinr-sen .d--sen-style4 {
position: relative;
margin: 0 auto;
}
.jinr-sen .d--sen-style5,
.jinr-sen .d--sen-style6,
.jinr-sen .d--sen-style7,
.jinr-sen .d--sen-style8 {
position: relative;
width: 100%;
}
.jinr-sen .d--sen-style1 {
width: 84px;
}
.jinr-sen .d--sen-style1 .a--sen-parts1 {
position: absolute;
display: block;
width: 100%;
height: 14px;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
background-size: 14px 14px;
}
.jinr-sen .d--sen-style2 {
width: 165px;
}
.jinr-sen .d--sen-style2 .a--sen-parts1 {
position: absolute;
display: block;
width: 42px;
height: 14px;
top: 50%;
left: 15px;
transform: translateY(-50%);
background-size: 14px 14px;
}
.jinr-sen .d--sen-style2 .a--sen-parts2 {
position: absolute;
display: block;
width: 42px;
height: 14px;
top: 50%;
right: 15px;
transform: translateY(-50%);
background-size: 14px 14px;
}
.jinr-sen .d--sen-style2 .a--sen-parts3 {
position: absolute;
display: block;
width: 35px;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.jinr-sen .d--sen-style3 {
width: 120px;
}
.jinr-sen .d--sen-style3 .a--sen-parts1 {
position: absolute;
display: block;
width: 100%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.jinr-sen .d--sen-style4 {
width: 165px;
}
.jinr-sen .d--sen-style4 .a--sen-parts1 {
position: absolute;
display: block;
width: 128px;
height: 32px;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
background-size: 32px 32px;
}
.jinr-sen .d--sen-style4 .a--sen-parts2 {
position: absolute;
display: block;
width: 140px;
top: 50%;
left: calc(50% + 1px);
transform: translateY(-50%) translateX(-50%);
}
.jinr-sen .d--sen-style5 .a--sen-parts1,
.jinr-sen .d--sen-style6 .a--sen-parts1,
.jinr-sen .d--sen-style7 .a--sen-parts1 {
position: absolute;
display: block;
width: 100%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
} .b--jinr-profile {
margin: 1.65rem auto;
overflow: hidden;
}
@media (min-width: 552px) {
.b--jinr-profile {
margin: 3.3rem auto;
}
}
.b--jinr-profile .a--profile-introduction {
font-size: 1.25rem;
letter-spacing: 1px;
line-height: 1.6;
width: 100%;
}
.b--jinr-profile.d--brand-color .d--twitter .jin-icons {
color: #0F1419 !important;
}
.b--jinr-profile.d--brand-color .d--facebook .jin-icons {
color: #1877f2 !important;
}
.b--jinr-profile.d--brand-color .d--instagram .jin-icons {
color: transparent !important;
}
.b--jinr-profile.d--brand-color .d--instagram .jin-icons::before {
background: linear-gradient(174deg, #204bff 0%, #b039db 18%, #f1224d 74%, rgba(255, 105, 34, 0.65) 94%);
-webkit-background-clip: text;
}
@media (max-width: 551px) {
.b--jinr-profile.d--brand-color .d--instagram .jin-icons::before {
padding-top: 1px;
}
}
.b--jinr-profile.d--brand-color .d--youtube .jin-icons {
color: #f00 !important;
}
.b--jinr-profile.d--brand-color .d--line .jin-icons {
color: #06c755 !important;
}
.b--jinr-profile.d--brand-color .d--contact .jin-icons {
color: #666 !important;
opacity: 0.6;
}
.o--profile-contents {
line-height: 1.6;
}
.o--profile-contents .a--profile-image {
flex-shrink: 0;
overflow: hidden;
width: 90px;
height: 90px;
margin-right: 27px;
border-radius: 100px;
}
.o--profile-contents .a--profile-image img {
width: inherit;
height: inherit;
object-fit: cover;
}
.o--profile-contents .a--profile-name {
font-size: 1.5rem;
letter-spacing: 0.2rem;
line-height: 1.2;
}
.o--profile-contents .a--profile-job {
font-size: 1rem;
letter-spacing: 0.06rem;
line-height: 1.45;
}
.o--profile-contents .c--profile-sns-item {
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
}
.o--profile-contents .a--sns-item-link {
display: flex;
align-items: center;
font-size: 1.1rem;
border-radius: 50px;
transition: all 0.25s;
will-change: transform;
transition-timing-function: ease;
}
.o--profile-contents .a--sns-item-link:last-child {
margin-right: 0;
}
.o--profile-contents .a--sns-item-link .jin-icons {
font-size: 1.6rem;
margin-right: 5px;
}
@media (max-width: 551px) {
.o--profile-contents .a--sns-item-link .jin-icons {
margin-right: 0px;
}
}
@media screen and (min-width: 552px) and (max-width: 781px) {
.o--profile-contents .a--sns-item-link .jin-icons {
margin-right: 0px;
}
}
.o--profile-contents .a--sns-item-link:hover {
background-color: rgba(255, 255, 255, 0.15);
}
.d--profile-style1,
.d--profile-style2 {
position: relative;
}
@media (min-width: 552px) {
.d--profile-style1,
.d--profile-style2 {
display: flex;
}
}
.d--profile-style1 .o--profile-contents,
.d--profile-style2 .o--profile-contents {
text-align: center;
width: 100%;
position: absolute;
box-sizing: border-box;
}
@media (max-width: 551px) {
.d--profile-style1 .o--profile-contents,
.d--profile-style2 .o--profile-contents {
height: 90px;
padding: 21px clamp(24px, 3.3vw, 33px);
display: flex;
justify-content: flex-start;
}
}
@media (min-width: 552px) {
.d--profile-style1 .o--profile-contents,
.d--profile-style2 .o--profile-contents {
position: static;
padding: 27px 33px;
flex-shrink: 0;
width: clamp(180px, 25vw, 210px);
}
}
.d--profile-style1.d--sns-display-on .a--profile-button-link,
.d--profile-style2.d--sns-display-on .a--profile-button-link {
margin-top: -60px;
margin-bottom: 60px;
}
.d--profile-style1.d--sns-display-off .a--profile-button-link,
.d--profile-style2.d--sns-display-off .a--profile-button-link {
margin-top: -9px;
margin-bottom: 24px;
}
.d--profile-style1 .a--profile-image,
.d--profile-style2 .a--profile-image {
display: block;
margin: 0 auto;
}
@media (max-width: 551px) {
.d--profile-style1 .a--profile-image,
.d--profile-style2 .a--profile-image {
margin: 0;
width: 69px;
height: 69px;
}
}
.d--profile-style1 .a--profile-sns-label,
.d--profile-style2 .a--profile-sns-label {
color: #fff;
position: relative;
margin-right: 30px;
}
.d--profile-style1 .a--profile-sns-label::after,
.d--profile-style2 .a--profile-sns-label::after {
position: absolute;
content: "";
height: 18px;
width: 1px;
top: 3px;
right: -15px;
background-color: #fff;
}
.d--profile-style1 .a--profile-introduction,
.d--profile-style2 .a--profile-introduction {
padding: 27px clamp(33px, 2.7vw, 45px) 18px;
}
@media (max-width: 551px) {
.d--profile-style1 .a--profile-introduction,
.d--profile-style2 .a--profile-introduction {
padding: 27px clamp(24px, 3.3vw, 33px) 18px;
margin-top: 84px;
}
}
.d--profile-style1 .a--profile-label,
.d--profile-style2 .a--profile-label {
display: none;
}
@media (min-width: 552px) {
.d--profile-style1 .a--profile-label,
.d--profile-style2 .a--profile-label {
display: block;
font-size: 1.55rem;
margin-bottom: 12px;
}
}
.d--profile-style1 .a--profile-link,
.d--profile-style2 .a--profile-link {
font-size: 1rem;
letter-spacing: 0.06rem;
display: flex;
align-items: center;
}
@media (min-width: 552px) {
.d--profile-style1 .a--profile-link,
.d--profile-style2 .a--profile-link {
position: absolute;
right: 36px;
}
}
.d--profile-style1 .a--profile-link .jin-icons,
.d--profile-style2 .a--profile-link .jin-icons {
font-size: 0.9rem;
transform: scale(0.9);
margin-top: 3px;
margin-left: 3px;
}
@media (min-width: 552px) {
.d--profile-style1 .a--profile-link .jin-icons,
.d--profile-style2 .a--profile-link .jin-icons {
margin-top: 1px;
transform: scale(0.85);
}
}
.d--profile-style1 .o--profile-sns,
.d--profile-style2 .o--profile-sns {
width: 100%;
margin-top: 24px;
}
@media (max-width: 551px) {
.d--profile-style1.d--sns-display-on .a--profile-link,
.d--profile-style2.d--sns-display-on .a--profile-link {
margin-top: 15px;
}
}
@media (min-width: 552px) {
.d--profile-style1.d--sns-display-on .a--profile-link,
.d--profile-style2.d--sns-display-on .a--profile-link {
top: 30px;
}
}
@media (max-width: 551px) {
.d--profile-style1.d--sns-display-off .a--profile-link,
.d--profile-style2.d--sns-display-off .a--profile-link {
margin-top: 15px;
}
}
@media (min-width: 552px) {
.d--profile-style1.d--sns-display-off .a--profile-link,
.d--profile-style2.d--sns-display-off .a--profile-link {
bottom: 27px;
}
}
@media (max-width: 551px) {
.d--profile-style1.d--sns-display-off .o--profile-sns,
.d--profile-style2.d--sns-display-off .o--profile-sns {
margin-top: 9px;
}
}
.d--profile-style1 .c--profile-sns-item,
.d--profile-style2 .c--profile-sns-item {
display: flex;
flex-wrap: wrap;
}
.d--profile-style1 .a--sns-item-link,
.d--profile-style2 .a--sns-item-link {
display: flex;
align-items: center;
padding: 3px 0px 5px;
letter-spacing: 0.06rem;
width: 33.33%;
flex-shrink: 0;
}
@media (min-width: 552px) {
.d--profile-style1 .a--sns-item-link,
.d--profile-style2 .a--sns-item-link {
width: auto;
margin-right: 18px;
}
}
.d--profile-style1 .a--sns-item-link span,
.d--profile-style2 .a--sns-item-link span {
letter-spacing: 0.09rem;
font-size: 1.1rem;
flex-shrink: 0;
margin-left: 6px;
line-height: 0;
}
.d--profile-style1 .c--profile-meta,
.d--profile-style2 .c--profile-meta {
position: relative;
width: 100%;
}
@media (max-width: 551px) {
.d--profile-style1 .c--profile-meta,
.d--profile-style2 .c--profile-meta {
margin: -9px 0px 0 15px;
}
}
.d--profile-style1 .a--profile-name,
.d--profile-style2 .a--profile-name {
margin-top: 15px;
}
@media (min-width: 552px) {
.d--profile-style1 .a--profile-name,
.d--profile-style2 .a--profile-name {
font-size: 1.35rem;
}
}
.d--profile-style1 .a--profile-job,
.d--profile-style2 .a--profile-job {
margin-top: 6px;
transform: scale(0.95);
transform-origin: center top;
}
@media (max-width: 551px) {
.d--profile-style1 .a--profile-job,
.d--profile-style2 .a--profile-job {
margin-top: 9px;
transform-origin: left top;
}
}
@media (max-width: 551px) {
.d--profile-style1 .a--profile-name,
.d--profile-style1 .a--profile-job,
.d--profile-style2 .a--profile-name,
.d--profile-style2 .a--profile-job {
text-align: left;
}
}
.d--profile-style1 {
border-width: 1px;
border-style: solid;
}
.d--profile-style1 .a--profile-introduction {
position: relative;
}
@media (min-width: 552px) {
.d--profile-style1 .a--profile-introduction::before {
content: "";
position: absolute;
width: calc(100% - 72px - 69px - 15px);
height: calc(100% - 54px);
width: 1px;
left: 0;
top: calc(50% + 2px);
transform: translateY(-50%);
}
}
.d--profile-style1 .a--profile-job {
opacity: 0.6;
}
@media (max-width: 551px) {
.d--profile-style1 .a--profile-job {
border-bottom: 1px;
border-style: solid;
padding-bottom: 6px;
width: 104%;
}
}
@media (max-width: 551px) {
.d--profile-style2 .o--profile-contents {
padding: 15px clamp(24px, 3.3vw, 33px);
height: 72px;
}
}
@media (max-width: 551px) {
.d--profile-style2 .a--profile-introduction {
margin-top: 72px;
}
}
.d--profile-style2 .a--profile-name,
.d--profile-style2 .a--profile-job {
color: #fff;
}
.d--profile-author {
content-visibility: auto;
contain-intrinsic-size: 0 200px;
margin-bottom: 0;
}
@media (min-width: 552px) {
.d--profile-author {
padding: 0 24px;
}
}
.d--profile-author .o--profile-contents {
display: flex;
padding: 0 6px;
margin-top: 33px;
flex-wrap: wrap;
align-items: center;
}
@media (min-width: 552px) {
.d--profile-author .o--profile-contents {
padding: 0;
margin-top: 27px;
}
}
.d--profile-author .c--profile-meta {
position: relative;
}
@media (max-width: 551px) {
.d--profile-author .c--profile-meta {
max-width: calc(100% - 90px);
}
}
.d--profile-author .o--profile-sns {
width: auto;
padding: 15px 0px 0px;
}
@media (max-width: 551px) {
.d--profile-author .o--profile-sns {
padding: 12px 0px 0px;
}
}
.d--profile-author .c--profile-sns-item {
justify-content: flex-start;
}
.d--profile-author .a--profile-image {
margin-right: 15px;
width: 75px;
height: 75px;
}
@media (min-width: 552px) {
.d--profile-author .a--profile-image {
margin-right: 21px;
}
}
.d--profile-author .a--profile-introduction {
margin-top: 18px;
width: calc(100% - 9px);
margin-left: auto;
}
@media (max-width: 551px) {
.d--profile-author .a--profile-introduction {
margin-right: auto;
}
}
@media (min-width: 552px) {
.d--profile-author .a--profile-introduction {
width: calc(100% - 96px);
}
}
.d--profile-author .a--sns-item-link {
margin-right: 6px;
}
@media (max-width: 551px) {
.d--profile-author .a--sns-item-link {
margin-right: 15px;
}
}
.d--profile-author .a--sns-item-link span {
display: none;
}
@media (max-width: 551px) {
.d--profile-author .a--sns-item-link .jin-icons {
font-size: 1.8rem;
}
}
.d--profile-author .a--profile-sns-label {
display: none;
}
.d--profile-author .a--profile-job {
color: #aaa;
margin-top: 6px;
}
@media (min-width: 552px) {
.d--profile-author.d--sns-display-off .a--profile-introduction {
margin-top: 0;
}
}
.jinr-profile-label {
position: relative;
margin-top: 3.3rem;
}
@media (min-width: 552px) {
.jinr-profile-label {
margin-top: 6rem;
}
}
.jinr-profile-label span {
position: absolute;
right: 9px;
font-size: 1rem;
color: #fff;
padding: 6px 8px;
letter-spacing: 0.03rem;
line-height: 1.4;
}
@media (min-width: 552px) {
.jinr-profile-label span {
font-size: 1.2rem;
right: 24px;
padding: 9px 15px;
}
}
.jinr-profile-label::before {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 1px;
}
.jinr-profile-label + .b--jinr-profile {
margin-top: 21px;
}
@media (min-width: 552px) {
.jinr-profile-label + .b--jinr-profile {
margin-top: 57px;
}
}
@media (min-width: 1121px) {
.wp-block-column:not([style]) .d--profile-style1 .o--profile-contents,
.wp-block-column:not([style]) .d--profile-style2 .o--profile-contents {
width: 180px;
}
.wp-block-column:not([style]) .d--profile-style1 .a--sns-item-link,
.wp-block-column:not([style]) .d--profile-style2 .a--sns-item-link {
width: 33% !important;
}
}
@media (max-width: 1120px) {
.wp-block-column:not([style]) .d--profile-style1,
.wp-block-column:not([style]) .d--profile-style2 {
display: block;
}
.wp-block-column:not([style]) .d--profile-style1 .o--profile-contents,
.wp-block-column:not([style]) .d--profile-style2 .o--profile-contents {
width: 100%;
height: 90px;
padding: 21px 24px;
position: absolute;
display: flex;
justify-content: flex-start;
}
.wp-block-column:not([style]) .d--profile-style1 .a--profile-text,
.wp-block-column:not([style]) .d--profile-style2 .a--profile-text {
display: block;
max-height: 100%;
overflow: visible;
font-size: 1.25rem;
}
.wp-block-column:not([style]) .d--profile-style1 .a--profile-label,
.wp-block-column:not([style]) .d--profile-style2 .a--profile-label {
display: none;
}
.wp-block-column:not([style]) .d--profile-style1 .a--profile-image,
.wp-block-column:not([style]) .d--profile-style2 .a--profile-image {
width: 69px;
height: 69px;
margin: 0;
}
.wp-block-column:not([style]) .d--profile-style1 .a--profile-link,
.wp-block-column:not([style]) .d--profile-style2 .a--profile-link {
position: static;
margin-top: 15px;
padding-bottom: 6px;
}
.wp-block-column:not([style]) .d--profile-style1 .a--sns-item-link,
.wp-block-column:not([style]) .d--profile-style2 .a--sns-item-link {
width: 33.33%;
margin-right: 0;
margin-top: 3px;
}
}
@media screen and (max-width: 1120px) and (min-width: 1060px) and (max-width: 1239px) {
.wp-block-column:not([style]) .d--profile-style1 .a--sns-item-link,
.wp-block-column:not([style]) .d--profile-style2 .a--sns-item-link {
width: 50%;
}
}
@media (max-width: 1120px) {
.wp-block-column:not([style]) .d--profile-style1 .a--profile-introduction,
.wp-block-column:not([style]) .d--profile-style2 .a--profile-introduction {
margin-top: 87px;
padding: 27px 24px 18px;
box-sizing: border-box;
}
}
@media (max-width: 1120px) {
.wp-block-column:not([style]) .d--profile-style1 .c--profile-meta,
.wp-block-column:not([style]) .d--profile-style2 .c--profile-meta {
margin: -6px 0px 0 15px;
}
}
@media (max-width: 1120px) {
.wp-block-column:not([style]) .d--profile-style1 .a--profile-name,
.wp-block-column:not([style]) .d--profile-style2 .a--profile-name {
margin-top: 12px;
text-align: left;
}
}
@media (max-width: 1120px) {
.wp-block-column:not([style]) .d--profile-style1 .a--profile-job,
.wp-block-column:not([style]) .d--profile-style2 .a--profile-job {
transform: scale(0.95);
text-align: left;
transform-origin: left top;
}
}
@media (max-width: 1120px) {
.wp-block-column:not([style]) .d--profile-style1 .a--profile-introduction::before {
display: none;
}
.wp-block-column:not([style]) .d--profile-style1 .a--profile-job {
border-bottom: 1px;
border-style: solid;
padding-bottom: 6px;
width: 104%;
}
}
@media (max-width: 1120px) {
.wp-block-column:not([style]) .d--profile-style2 .o--profile-contents {
padding: 15px 24px;
height: 72px;
}
.wp-block-column:not([style]) .d--profile-style2 .a--profile-introduction {
margin-top: 78px;
}
}
@media (max-width: 1120px) {
.wp-block-column:not([style]) .a--sns-item-link {
width: 25% !important;
}
}
@media (max-width: 920px) {
.wp-block-column:not([style]) .a--sns-item-link {
width: 33% !important;
}
}
@media (max-width: 660px) {
.wp-block-column:not([style]) .a--sns-item-link {
width: 50% !important;
}
}
@media (max-width: 599px) {
.wp-block-column:not([style]) .a--sns-item-link {
width: 33% !important;
}
}
@media (max-width: 781px) {
.wp-block-column[style^="flex-basis:66"] .d--profile-style1,
.wp-block-column[style^="flex-basis:66"] .d--profile-style2,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style1,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style2 {
display: block;
}
.wp-block-column[style^="flex-basis:66"] .d--profile-style1 .o--profile-contents,
.wp-block-column[style^="flex-basis:66"] .d--profile-style2 .o--profile-contents,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style1 .o--profile-contents,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style2 .o--profile-contents {
width: 100%;
height: 90px;
padding: 21px 24px;
position: absolute;
display: flex;
justify-content: flex-start;
}
.wp-block-column[style^="flex-basis:66"] .d--profile-style1 .a--profile-text,
.wp-block-column[style^="flex-basis:66"] .d--profile-style2 .a--profile-text,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style1 .a--profile-text,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style2 .a--profile-text {
display: block;
max-height: 100%;
overflow: visible;
font-size: 1.25rem;
}
.wp-block-column[style^="flex-basis:66"] .d--profile-style1 .a--profile-label,
.wp-block-column[style^="flex-basis:66"] .d--profile-style2 .a--profile-label,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style1 .a--profile-label,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style2 .a--profile-label {
display: none;
}
.wp-block-column[style^="flex-basis:66"] .d--profile-style1 .a--profile-image,
.wp-block-column[style^="flex-basis:66"] .d--profile-style2 .a--profile-image,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style1 .a--profile-image,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style2 .a--profile-image {
width: 69px;
height: 69px;
margin: 0;
}
.wp-block-column[style^="flex-basis:66"] .d--profile-style1 .a--profile-link,
.wp-block-column[style^="flex-basis:66"] .d--profile-style2 .a--profile-link,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style1 .a--profile-link,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style2 .a--profile-link {
position: static;
margin-top: 15px;
padding-bottom: 6px;
}
.wp-block-column[style^="flex-basis:66"] .d--profile-style1 .a--sns-item-link,
.wp-block-column[style^="flex-basis:66"] .d--profile-style2 .a--sns-item-link,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style1 .a--sns-item-link,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style2 .a--sns-item-link {
width: 33.33%;
margin-right: 0;
margin-top: 3px;
}
}
@media screen and (max-width: 781px) and (min-width: 1060px) and (max-width: 1239px) {
.wp-block-column[style^="flex-basis:66"] .d--profile-style1 .a--sns-item-link,
.wp-block-column[style^="flex-basis:66"] .d--profile-style2 .a--sns-item-link,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style1 .a--sns-item-link,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style2 .a--sns-item-link {
width: 50%;
}
}
@media (max-width: 781px) {
.wp-block-column[style^="flex-basis:66"] .d--profile-style1 .a--profile-introduction,
.wp-block-column[style^="flex-basis:66"] .d--profile-style2 .a--profile-introduction,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style1 .a--profile-introduction,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style2 .a--profile-introduction {
margin-top: 87px;
padding: 27px 24px 18px;
box-sizing: border-box;
}
}
@media (max-width: 781px) {
.wp-block-column[style^="flex-basis:66"] .d--profile-style1 .c--profile-meta,
.wp-block-column[style^="flex-basis:66"] .d--profile-style2 .c--profile-meta,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style1 .c--profile-meta,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style2 .c--profile-meta {
margin: -6px 0px 0 15px;
}
}
@media (max-width: 781px) {
.wp-block-column[style^="flex-basis:66"] .d--profile-style1 .a--profile-name,
.wp-block-column[style^="flex-basis:66"] .d--profile-style2 .a--profile-name,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style1 .a--profile-name,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style2 .a--profile-name {
margin-top: 12px;
text-align: left;
}
}
@media (max-width: 781px) {
.wp-block-column[style^="flex-basis:66"] .d--profile-style1 .a--profile-job,
.wp-block-column[style^="flex-basis:66"] .d--profile-style2 .a--profile-job,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style1 .a--profile-job,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style2 .a--profile-job {
transform: scale(0.95);
text-align: left;
transform-origin: left top;
}
}
@media (max-width: 781px) {
.wp-block-column[style^="flex-basis:66"] .d--profile-style1 .a--profile-introduction::before,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style1 .a--profile-introduction::before {
display: none;
}
.wp-block-column[style^="flex-basis:66"] .d--profile-style1 .a--profile-job,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style1 .a--profile-job {
border-bottom: 1px;
border-style: solid;
padding-bottom: 6px;
width: 104%;
}
}
@media (max-width: 781px) {
.wp-block-column[style^="flex-basis:66"] .d--profile-style2 .o--profile-contents,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style2 .o--profile-contents {
padding: 15px 24px;
height: 72px;
}
.wp-block-column[style^="flex-basis:66"] .d--profile-style2 .a--profile-introduction,
.wp-block-column[style^="flex-basis: 66"] .d--profile-style2 .a--profile-introduction {
margin-top: 78px;
}
}
@media (max-width: 660px) {
.wp-block-column[style^="flex-basis:66"] .a--sns-item-link,
.wp-block-column[style^="flex-basis: 66"] .a--sns-item-link {
width: 50% !important;
}
}
@media (max-width: 599px) {
.wp-block-column[style^="flex-basis:66"] .a--sns-item-link,
.wp-block-column[style^="flex-basis: 66"] .a--sns-item-link {
width: 33% !important;
}
}
.wp-block-column[style^="flex-basis:33"] .d--profile-style1,
.wp-block-column[style^="flex-basis:33"] .d--profile-style2,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style1,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style2,
#sidePR .d--profile-style1,
#sidePR .d--profile-style2 {
display: block;
}
.wp-block-column[style^="flex-basis:33"] .d--profile-style1 .o--profile-contents,
.wp-block-column[style^="flex-basis:33"] .d--profile-style2 .o--profile-contents,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style1 .o--profile-contents,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style2 .o--profile-contents,
#sidePR .d--profile-style1 .o--profile-contents,
#sidePR .d--profile-style2 .o--profile-contents {
width: 100%;
height: 90px;
padding: 21px 24px;
position: absolute;
display: flex;
justify-content: flex-start;
}
.wp-block-column[style^="flex-basis:33"] .d--profile-style1 .a--profile-text,
.wp-block-column[style^="flex-basis:33"] .d--profile-style2 .a--profile-text,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style1 .a--profile-text,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style2 .a--profile-text,
#sidePR .d--profile-style1 .a--profile-text,
#sidePR .d--profile-style2 .a--profile-text {
display: block;
max-height: 100%;
overflow: visible;
font-size: 1.25rem;
}
.wp-block-column[style^="flex-basis:33"] .d--profile-style1 .a--profile-label,
.wp-block-column[style^="flex-basis:33"] .d--profile-style2 .a--profile-label,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style1 .a--profile-label,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style2 .a--profile-label,
#sidePR .d--profile-style1 .a--profile-label,
#sidePR .d--profile-style2 .a--profile-label {
display: none;
}
.wp-block-column[style^="flex-basis:33"] .d--profile-style1 .a--profile-image,
.wp-block-column[style^="flex-basis:33"] .d--profile-style2 .a--profile-image,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style1 .a--profile-image,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style2 .a--profile-image,
#sidePR .d--profile-style1 .a--profile-image,
#sidePR .d--profile-style2 .a--profile-image {
width: 69px;
height: 69px;
margin: 0;
}
.wp-block-column[style^="flex-basis:33"] .d--profile-style1 .a--profile-link,
.wp-block-column[style^="flex-basis:33"] .d--profile-style2 .a--profile-link,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style1 .a--profile-link,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style2 .a--profile-link,
#sidePR .d--profile-style1 .a--profile-link,
#sidePR .d--profile-style2 .a--profile-link {
position: static;
margin-top: 15px;
padding-bottom: 6px;
}
.wp-block-column[style^="flex-basis:33"] .d--profile-style1 .a--sns-item-link,
.wp-block-column[style^="flex-basis:33"] .d--profile-style2 .a--sns-item-link,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style1 .a--sns-item-link,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style2 .a--sns-item-link,
#sidePR .d--profile-style1 .a--sns-item-link,
#sidePR .d--profile-style2 .a--sns-item-link {
width: 33.33%;
margin-right: 0;
margin-top: 3px;
}
@media screen and (min-width: 1060px) and (max-width: 1239px) {
.wp-block-column[style^="flex-basis:33"] .d--profile-style1 .a--sns-item-link,
.wp-block-column[style^="flex-basis:33"] .d--profile-style2 .a--sns-item-link,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style1 .a--sns-item-link,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style2 .a--sns-item-link,
#sidePR .d--profile-style1 .a--sns-item-link,
#sidePR .d--profile-style2 .a--sns-item-link {
width: 50%;
}
}
.wp-block-column[style^="flex-basis:33"] .d--profile-style1 .a--profile-introduction,
.wp-block-column[style^="flex-basis:33"] .d--profile-style2 .a--profile-introduction,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style1 .a--profile-introduction,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style2 .a--profile-introduction,
#sidePR .d--profile-style1 .a--profile-introduction,
#sidePR .d--profile-style2 .a--profile-introduction {
margin-top: 87px;
padding: 27px 24px 18px;
box-sizing: border-box;
}
.wp-block-column[style^="flex-basis:33"] .d--profile-style1 .c--profile-meta,
.wp-block-column[style^="flex-basis:33"] .d--profile-style2 .c--profile-meta,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style1 .c--profile-meta,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style2 .c--profile-meta,
#sidePR .d--profile-style1 .c--profile-meta,
#sidePR .d--profile-style2 .c--profile-meta {
margin: -6px 0px 0 15px;
}
.wp-block-column[style^="flex-basis:33"] .d--profile-style1 .a--profile-name,
.wp-block-column[style^="flex-basis:33"] .d--profile-style2 .a--profile-name,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style1 .a--profile-name,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style2 .a--profile-name,
#sidePR .d--profile-style1 .a--profile-name,
#sidePR .d--profile-style2 .a--profile-name {
margin-top: 12px;
text-align: left;
}
.wp-block-column[style^="flex-basis:33"] .d--profile-style1 .a--profile-job,
.wp-block-column[style^="flex-basis:33"] .d--profile-style2 .a--profile-job,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style1 .a--profile-job,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style2 .a--profile-job,
#sidePR .d--profile-style1 .a--profile-job,
#sidePR .d--profile-style2 .a--profile-job {
transform: scale(0.95);
text-align: left;
transform-origin: left top;
}
.wp-block-column[style^="flex-basis:33"] .d--profile-style1 .a--profile-introduction::before,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style1 .a--profile-introduction::before,
#sidePR .d--profile-style1 .a--profile-introduction::before {
display: none;
}
.wp-block-column[style^="flex-basis:33"] .d--profile-style1 .a--profile-job,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style1 .a--profile-job,
#sidePR .d--profile-style1 .a--profile-job {
border-bottom: 1px;
border-style: solid;
padding-bottom: 6px;
width: 104%;
}
.wp-block-column[style^="flex-basis:33"] .d--profile-style2 .o--profile-contents,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style2 .o--profile-contents,
#sidePR .d--profile-style2 .o--profile-contents {
padding: 15px 24px;
height: 72px;
}
.wp-block-column[style^="flex-basis:33"] .d--profile-style2 .a--profile-introduction,
.wp-block-column[style^="flex-basis: 33"] .d--profile-style2 .a--profile-introduction,
#sidePR .d--profile-style2 .a--profile-introduction {
margin-top: 78px;
}
@media screen and (min-width: 782px) and (max-width: 1000px) {
.wp-block-column[style^="flex-basis:33"] .a--sns-item-link,
.wp-block-column[style^="flex-basis: 33"] .a--sns-item-link,
#sidePR .a--sns-item-link {
width: 50% !important;
}
}
@media (max-width: 660px) {
.wp-block-column[style^="flex-basis:33"] .a--sns-item-link,
.wp-block-column[style^="flex-basis: 33"] .a--sns-item-link,
#sidePR .a--sns-item-link {
width: 50% !important;
}
}
@media (max-width: 599px) {
.wp-block-column[style^="flex-basis:33"] .a--sns-item-link,
.wp-block-column[style^="flex-basis: 33"] .a--sns-item-link,
#sidePR .a--sns-item-link {
width: 33% !important;
}
}
#sidePR .d--profile-style1 .a--profile-introduction,
#sidePR .d--profile-style2 .a--profile-introduction {
padding: 24px 24px 12px !important;
}
#sidePR .d--profile-style1 .a--sns-item-link,
#sidePR .d--profile-style2 .a--sns-item-link {
width: 50% !important;
margin-right: 0 !important;
}
.wp-block-column .a--profile-introduction {
padding: 27px clamp(24px, 3.3vw, 33px) 18px !important;
}
.wp-block-column .o--profile-contents {
padding-left: clamp(24px, 3.3vw, 33px) !important;
padding-right: clamp(24px, 3.3vw, 33px) !important;
}
.post-template-default .wp-block-column .d--profile-style1,
.post-template-default .wp-block-column .d--profile-style2,
.page-template-default .wp-block-column .d--profile-style1,
.page-template-default .wp-block-column .d--profile-style2,
.post-type-post .wp-block-column .d--profile-style1,
.post-type-post .wp-block-column .d--profile-style2 {
display: block;
}
.post-template-default .wp-block-column .d--profile-style1 .o--profile-contents,
.post-template-default .wp-block-column .d--profile-style2 .o--profile-contents,
.page-template-default .wp-block-column .d--profile-style1 .o--profile-contents,
.page-template-default .wp-block-column .d--profile-style2 .o--profile-contents,
.post-type-post .wp-block-column .d--profile-style1 .o--profile-contents,
.post-type-post .wp-block-column .d--profile-style2 .o--profile-contents {
width: 100%;
height: 90px;
padding: 21px 24px;
position: absolute;
display: flex;
justify-content: flex-start;
}
.post-template-default .wp-block-column .d--profile-style1 .a--profile-text,
.post-template-default .wp-block-column .d--profile-style2 .a--profile-text,
.page-template-default .wp-block-column .d--profile-style1 .a--profile-text,
.page-template-default .wp-block-column .d--profile-style2 .a--profile-text,
.post-type-post .wp-block-column .d--profile-style1 .a--profile-text,
.post-type-post .wp-block-column .d--profile-style2 .a--profile-text {
display: block;
max-height: 100%;
overflow: visible;
font-size: 1.25rem;
}
.post-template-default .wp-block-column .d--profile-style1 .a--profile-label,
.post-template-default .wp-block-column .d--profile-style2 .a--profile-label,
.page-template-default .wp-block-column .d--profile-style1 .a--profile-label,
.page-template-default .wp-block-column .d--profile-style2 .a--profile-label,
.post-type-post .wp-block-column .d--profile-style1 .a--profile-label,
.post-type-post .wp-block-column .d--profile-style2 .a--profile-label {
display: none;
}
.post-template-default .wp-block-column .d--profile-style1 .a--profile-image,
.post-template-default .wp-block-column .d--profile-style2 .a--profile-image,
.page-template-default .wp-block-column .d--profile-style1 .a--profile-image,
.page-template-default .wp-block-column .d--profile-style2 .a--profile-image,
.post-type-post .wp-block-column .d--profile-style1 .a--profile-image,
.post-type-post .wp-block-column .d--profile-style2 .a--profile-image {
width: 69px;
height: 69px;
margin: 0;
}
.post-template-default .wp-block-column .d--profile-style1 .a--profile-link,
.post-template-default .wp-block-column .d--profile-style2 .a--profile-link,
.page-template-default .wp-block-column .d--profile-style1 .a--profile-link,
.page-template-default .wp-block-column .d--profile-style2 .a--profile-link,
.post-type-post .wp-block-column .d--profile-style1 .a--profile-link,
.post-type-post .wp-block-column .d--profile-style2 .a--profile-link {
position: static;
margin-top: 15px;
padding-bottom: 6px;
}
.post-template-default .wp-block-column .d--profile-style1 .a--sns-item-link,
.post-template-default .wp-block-column .d--profile-style2 .a--sns-item-link,
.page-template-default .wp-block-column .d--profile-style1 .a--sns-item-link,
.page-template-default .wp-block-column .d--profile-style2 .a--sns-item-link,
.post-type-post .wp-block-column .d--profile-style1 .a--sns-item-link,
.post-type-post .wp-block-column .d--profile-style2 .a--sns-item-link {
width: 33.33%;
margin-right: 0;
margin-top: 3px;
}
@media screen and (min-width: 1060px) and (max-width: 1239px) {
.post-template-default .wp-block-column .d--profile-style1 .a--sns-item-link,
.post-template-default .wp-block-column .d--profile-style2 .a--sns-item-link,
.page-template-default .wp-block-column .d--profile-style1 .a--sns-item-link,
.page-template-default .wp-block-column .d--profile-style2 .a--sns-item-link,
.post-type-post .wp-block-column .d--profile-style1 .a--sns-item-link,
.post-type-post .wp-block-column .d--profile-style2 .a--sns-item-link {
width: 50%;
}
}
.post-template-default .wp-block-column .d--profile-style1 .a--profile-introduction,
.post-template-default .wp-block-column .d--profile-style2 .a--profile-introduction,
.page-template-default .wp-block-column .d--profile-style1 .a--profile-introduction,
.page-template-default .wp-block-column .d--profile-style2 .a--profile-introduction,
.post-type-post .wp-block-column .d--profile-style1 .a--profile-introduction,
.post-type-post .wp-block-column .d--profile-style2 .a--profile-introduction {
margin-top: 87px;
padding: 27px 24px 18px;
box-sizing: border-box;
}
.post-template-default .wp-block-column .d--profile-style1 .c--profile-meta,
.post-template-default .wp-block-column .d--profile-style2 .c--profile-meta,
.page-template-default .wp-block-column .d--profile-style1 .c--profile-meta,
.page-template-default .wp-block-column .d--profile-style2 .c--profile-meta,
.post-type-post .wp-block-column .d--profile-style1 .c--profile-meta,
.post-type-post .wp-block-column .d--profile-style2 .c--profile-meta {
margin: -6px 0px 0 15px;
}
.post-template-default .wp-block-column .d--profile-style1 .a--profile-name,
.post-template-default .wp-block-column .d--profile-style2 .a--profile-name,
.page-template-default .wp-block-column .d--profile-style1 .a--profile-name,
.page-template-default .wp-block-column .d--profile-style2 .a--profile-name,
.post-type-post .wp-block-column .d--profile-style1 .a--profile-name,
.post-type-post .wp-block-column .d--profile-style2 .a--profile-name {
margin-top: 12px;
text-align: left;
}
.post-template-default .wp-block-column .d--profile-style1 .a--profile-job,
.post-template-default .wp-block-column .d--profile-style2 .a--profile-job,
.page-template-default .wp-block-column .d--profile-style1 .a--profile-job,
.page-template-default .wp-block-column .d--profile-style2 .a--profile-job,
.post-type-post .wp-block-column .d--profile-style1 .a--profile-job,
.post-type-post .wp-block-column .d--profile-style2 .a--profile-job {
transform: scale(0.95);
text-align: left;
transform-origin: left top;
}
.post-template-default .wp-block-column .d--profile-style1 .a--profile-introduction::before,
.page-template-default .wp-block-column .d--profile-style1 .a--profile-introduction::before,
.post-type-post .wp-block-column .d--profile-style1 .a--profile-introduction::before {
display: none;
}
.post-template-default .wp-block-column .d--profile-style1 .a--profile-job,
.page-template-default .wp-block-column .d--profile-style1 .a--profile-job,
.post-type-post .wp-block-column .d--profile-style1 .a--profile-job {
border-bottom: 1px;
border-style: solid;
padding-bottom: 6px;
width: 104%;
}
.post-template-default .wp-block-column .d--profile-style2 .o--profile-contents,
.page-template-default .wp-block-column .d--profile-style2 .o--profile-contents,
.post-type-post .wp-block-column .d--profile-style2 .o--profile-contents {
padding: 15px 24px;
height: 72px;
}
.post-template-default .wp-block-column .d--profile-style2 .a--profile-introduction,
.page-template-default .wp-block-column .d--profile-style2 .a--profile-introduction,
.post-type-post .wp-block-column .d--profile-style2 .a--profile-introduction {
margin-top: 78px;
}
@media (min-width: 1121px) {
.post-template-default .wp-block-column[style^="flex-basis:66"] .a--sns-item-link,
.post-template-default .wp-block-column[style^="flex-basis: 66"] .a--sns-item-link,
.page-template-default .wp-block-column[style^="flex-basis:66"] .a--sns-item-link,
.page-template-default .wp-block-column[style^="flex-basis: 66"] .a--sns-item-link,
.post-type-post .wp-block-column[style^="flex-basis:66"] .a--sns-item-link,
.post-type-post .wp-block-column[style^="flex-basis: 66"] .a--sns-item-link {
width: 25% !important;
}
}
#mainSideBar .d--profile-style1,
#mainSideBar .d--profile-style2 {
display: block;
}
#mainSideBar .d--profile-style1 .o--profile-contents,
#mainSideBar .d--profile-style2 .o--profile-contents {
width: 100%;
height: 90px;
padding: 21px 24px;
position: absolute;
display: flex;
justify-content: flex-start;
}
#mainSideBar .d--profile-style1 .a--profile-text,
#mainSideBar .d--profile-style2 .a--profile-text {
display: block;
max-height: 100%;
overflow: visible;
font-size: 1.25rem;
}
#mainSideBar .d--profile-style1 .a--profile-label,
#mainSideBar .d--profile-style2 .a--profile-label {
display: none;
}
#mainSideBar .d--profile-style1 .a--profile-image,
#mainSideBar .d--profile-style2 .a--profile-image {
width: 69px;
height: 69px;
margin: 0;
}
#mainSideBar .d--profile-style1 .a--profile-link,
#mainSideBar .d--profile-style2 .a--profile-link {
position: static;
margin-top: 15px;
padding-bottom: 6px;
}
#mainSideBar .d--profile-style1 .a--sns-item-link,
#mainSideBar .d--profile-style2 .a--sns-item-link {
width: 33.33%;
margin-right: 0;
margin-top: 3px;
}
@media screen and (min-width: 1060px) and (max-width: 1239px) {
#mainSideBar .d--profile-style1 .a--sns-item-link,
#mainSideBar .d--profile-style2 .a--sns-item-link {
width: 50%;
}
}
#mainSideBar .d--profile-style1 .a--profile-introduction,
#mainSideBar .d--profile-style2 .a--profile-introduction {
margin-top: 87px;
padding: 27px 24px 18px;
box-sizing: border-box;
}
#mainSideBar .d--profile-style1 .c--profile-meta,
#mainSideBar .d--profile-style2 .c--profile-meta {
margin: -6px 0px 0 15px;
}
#mainSideBar .d--profile-style1 .a--profile-name,
#mainSideBar .d--profile-style2 .a--profile-name {
margin-top: 12px;
text-align: left;
}
#mainSideBar .d--profile-style1 .a--profile-job,
#mainSideBar .d--profile-style2 .a--profile-job {
transform: scale(0.95);
text-align: left;
transform-origin: left top;
}
#mainSideBar .d--profile-style1 .a--profile-introduction::before {
display: none;
}
#mainSideBar .d--profile-style1 .a--profile-job {
border-bottom: 1px;
border-style: solid;
padding-bottom: 6px;
width: 104%;
}
#mainSideBar .d--profile-style2 .o--profile-contents {
padding: 15px 24px;
height: 72px;
}
#mainSideBar .d--profile-style2 .a--profile-introduction {
margin-top: 78px;
}
.t--round-s .b--jinr-profile {
border-radius: 4px;
}
.t--round-s .jinr-profile-label span {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.t--round-m .b--jinr-profile {
border-radius: 8px;
}
.t--round-m .jinr-profile-label span {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.t--round-l .b--jinr-profile {
border-radius: 12px;
}
.t--round-l .jinr-profile-label span {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.d--material-design .d--profile-style1,
.d--material-design .d--profile-style2 {
border: none;
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
}
.d--material-design .d--profile-style1 {
background: rgba(255, 255, 255, 0.6);
}
@media (min-width: 552px) {
#wrapper .jinr-display-sp {
display: none !important;
}
.d--top-margin-xs-pc {
margin-top: -25px !important;
}
.d--bottom-margin-xs-pc {
margin-bottom: -25px !important;
}
.d--top-margin-s-pc {
margin-top: -15px !important;
}
.d--bottom-margin-s-pc {
margin-bottom: -15px !important;
}
.d--top-margin-l-pc {
margin-top: 55px !important;
}
.d--bottom-margin-l-pc {
margin-bottom: 55px !important;
}
.d--top-margin-xl-pc {
margin-top: 75px !important;
}
.d--bottom-margin-xl-pc {
margin-bottom: 75px !important;
}
.wp-block[data-type^=jinr-blocks] .block-editor-inner-blocks .block-editor-block-list__layout .wp-block[data-type^=core]:first-child.d--top-margin-xs-pc,
.wp-block[data-type^=jinr-blocks] .block-editor-inner-blocks .block-editor-block-list__layout .wp-block[data-type^=jinr-blocks]:first-child.d--top-margin-xs-pc {
margin-top: 10px !important;
}
.wp-block[data-type^=jinr-blocks] .block-editor-inner-blocks .block-editor-block-list__layout .wp-block[data-type^=core]:first-child.d--top-margin-s-pc,
.wp-block[data-type^=jinr-blocks] .block-editor-inner-blocks .block-editor-block-list__layout .wp-block[data-type^=jinr-blocks]:first-child.d--top-margin-s-pc {
margin-top: 20px !important;
}
.wp-block[data-type^=jinr-blocks] .block-editor-inner-blocks .block-editor-block-list__layout .wp-block[data-type^=core]:last-child.d--bottom-margin-xs-pc,
.wp-block[data-type^=jinr-blocks] .block-editor-inner-blocks .block-editor-block-list__layout .wp-block[data-type^=jinr-blocks]:last-child.d--bottom-margin-xs-pc {
margin-bottom: 10px !important;
}
.wp-block[data-type^=jinr-blocks] .block-editor-inner-blocks .block-editor-block-list__layout .wp-block[data-type^=core]:last-child.d--bottom-margin-s-pc,
.wp-block[data-type^=jinr-blocks] .block-editor-inner-blocks .block-editor-block-list__layout .wp-block[data-type^=jinr-blocks]:last-child.d--bottom-margin-s-pc {
margin-bottom: 20px !important;
}
.b--jinr-block .o--fukidashi-inner .d--top-margin-xs-pc:first-child,
.b--jinr-block .c--accordion-contents .d--top-margin-xs-pc:first-child {
margin-top: 10px !important;
}
.b--jinr-block .o--fukidashi-inner .d--top-margin-s-pc:first-child,
.b--jinr-block .c--accordion-contents .d--top-margin-s-pc:first-child {
margin-top: 20px !important;
}
.b--jinr-block .o--fukidashi-inner .d--bottom-margin-xs-pc:last-child,
.b--jinr-block .c--accordion-contents .d--bottom-margin-xs-pc:last-child {
margin-bottom: 10px !important;
}
.b--jinr-block .o--fukidashi-inner .d--bottom-margin-s-pc:last-child,
.b--jinr-block .c--accordion-contents .d--bottom-margin-s-pc:last-child {
margin-bottom: 20px !important;
}
}
@media (max-width: 551px) {
#wrapper .jinr-display-pc {
display: none !important;
}
.d--top-margin-xs-sp {
margin-top: -25px !important;
}
.d--bottom-margin-xs-sp {
margin-bottom: -25px !important;
}
.d--top-margin-s-sp {
margin-top: -15px !important;
}
.d--bottom-margin-s-sp {
margin-bottom: -15px !important;
}
.d--top-margin-l-sp {
margin-top: 35px !important;
}
.d--bottom-margin-l-sp {
margin-bottom: 35px !important;
}
.d--top-margin-xl-sp {
margin-top: 55px !important;
}
.d--bottom-margin-xl-sp {
margin-bottom: 55px !important;
}
}
.jinr-icon-viaual button.components-button.components-panel__body-toggle {
padding: 16px 48px 16px 20px;
position: relative;
}
.jinr-icon-viaual .components-panel__icon {
position: absolute;
right: 42px;
transition: color 0.3s;
}
.jinr-icon-viaual.jinr-panel-enabled .components-panel__icon {
color: #407fed;
}  .b--jinr-highlighter.d--highlighter-height-manual pre {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.b--jinr-highlighter pre {
padding-top: 21px !important;
padding-bottom: 21px !important;
}
@media (max-width: 551px) {
.b--jinr-highlighter pre {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
}
.b--jinr-highlighter pre:not(.line-numbers) {
min-height: 30px;
padding: 21px !important;
}
@media (max-width: 551px) {
.b--jinr-highlighter pre:not(.line-numbers) {
padding: 15px !important;
}
}
.t--round-s .b--jinr-highlighter.t--round pre {
border-radius: 4px;
}
.t--round-m .b--jinr-highlighter.t--round pre {
border-radius: 8px;
}
.t--round-l .b--jinr-highlighter.t--round pre {
border-radius: 12px;
} #pagination {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding-bottom: 15px;
margin-top: -15px;
}
@media (min-width: 782px) {
#pagination {
padding-bottom: 30px;
}
}
.pagination-item {
margin: 0 8px;
}
.pagination-item a {
position: relative;
display: block;
background: #f3f3f3;
font-size: 1.4rem;
border-radius: 50%;
width: 34px;
height: 34px;
text-align: center;
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
@media (min-width: 782px) {
.pagination-item a {
width: 40px;
height: 40px;
}
}
.page-count-num {
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
color: #555d66;
line-height: 3.8rem;
}
.pagination-item:not([class*=page-current]) a:hover {
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
transform: scale(1.2);
background: #F96C6C;
}
.pagination-item:not([class*=page-current]) a:hover .page-count-num {
color: #fff;
}
.page-current a {
transform: scale(1.2);
background: #407fed;
cursor: default;
pointer-events: none;
}
.page-current a .page-count-num {
color: #fff;
} @keyframes fadeInAnime {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInAnime2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#HeaderSearchFormWrapper {
position: absolute;
width: 96%;
}
@media (min-width: 552px) {
#HeaderSearchFormWrapper {
width: 100%;
}
}
#HeaderSearchForm {
position: absolute;
overflow: hidden;
pointer-events: none;
top: 30px;
left: 0;
z-index: -1;
width: 96%;
box-shadow: 0 2px 8px 0px rgba(170, 170, 170, 0.3);
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
@media (min-width: 552px) {
#HeaderSearchForm {
width: 280px;
right: 0;
left: auto;
}
}
#HeaderSearchForm #JinrSearchBox {
display: flex;
align-items: center;
}
#HeaderSearchForm.js--form-active {
pointer-events: all;
top: 21px;
opacity: 1;
z-index: 3;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
}
#HeaderSearchForm .a--searchform-input {
width: calc(100% - 39px);
padding: 12px 12px 11px;
font-size: 1.2rem;
border: none;
border-radius: 0 !important;
margin: 0;
-webkit-appearance: none;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
background: rgba(255, 255, 255, 0.75);
color: #555d66;
}
#HeaderSearchForm .a--searchform-input:focus {
outline: none;
}
#HeaderSearchForm input#JinrSearchSubmit {
position: absolute;
z-index: 0;
top: 50%;
transform: translateY(-50%);
height: 100%;
width: 39px;
padding: 4px 8px;
border: none;
border-radius: 0 !important;
-webkit-appearance: none;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
background: rgba(255, 255, 255, 0.75);
cursor: pointer;
}
#HeaderSearchForm .jin-ifont-search {
position: absolute;
z-index: 1;
top: 50%;
right: 12px;
transform: translateY(-50%);
color: #555d66;
pointer-events: none;
}
.d--header-layout1 #headerSearch {
cursor: pointer;
animation-fill-mode: backwards;
animation-timing-function: ease;
animation-delay: 0.015s;
}
.d--header-layout1 #headerSearch.js--btn-active {
animation-name: fadeInAnime;
animation-duration: 0.9s;
animation-direction: normal;
}
.d--header-layout1 #headerSearch.js--btn-nonactive {
animation-name: fadeInAnime2;
animation-duration: 0.6s;
animation-direction: normal;
}
.d--header-layout2 #headerSearch #headerSearchIcon {
cursor: pointer;
animation-fill-mode: backwards;
animation-timing-function: ease;
animation-delay: 0.015s;
margin-left: 1px;
font-size: 1.1em;
}
@media (min-width: 552px) {
.d--header-layout2 #headerSearch #headerSearchIcon {
font-size: 1.2em;
}
}
.d--header-layout2 #headerSearch.js--btn-active #headerSearchIcon {
animation-name: fadeInAnime;
animation-duration: 0.6s;
animation-direction: normal;
}
.d--header-layout2 #headerSearch.js--btn-nonactive #headerSearchIcon {
animation-name: fadeInAnime2;
animation-duration: 0.6s;
animation-direction: normal;
}
.d--header-layout2 #HeaderSearchFormWrapper {
top: 48px;
}
@media (max-width: 551px) {
.d--header-layout2 #HeaderSearchForm {
top: 12px;
}
}
@media (max-width: 551px) {
.d--header-layout2 #HeaderSearchForm.js--form-active {
top: 3px;
}
} #jinrComment {
margin-top: clamp(24px, 4vw, 45px);
}
#jinrComment input,
#jinrComment textarea {
outline: none;
}
#jinrComment input[type=submit] {
-webkit-appearance: none;
background: #f3f3f3;
border: 1px solid #f0f0f0;
color: #666;
font-family: inherit;
font-weight: inherit;
font-size: 13px;
text-align: center;
padding: 12px 60px;
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
}
.comment-reply-title {
font-weight: normal;
}
.comment-notes {
display: none;
}
.c--comment-text,
.c--comment-name,
.c--comment-email {
width: 100%;
}
#commentText,
#commentAuthor,
#commentEmail,
.c--comment-name,
.c--comment-email {
box-sizing: border-box;
font-family: inherit;
font-weight: inherit;
font-size: 13px;
}
.c--comment-name,
.c--comment-email {
margin-top: 9px;
}
@media (min-width: 552px) {
.c--comment-name,
.c--comment-email {
margin-top: 12px;
}
}
#commentText,
#commentAuthor,
#commentEmail {
display: block;
padding: 12px;
border: 1px solid #dedede;
width: inherit;
height: inherit;
color: #666;
}
#commentText::placeholder,
#commentAuthor::placeholder,
#commentEmail::placeholder {
color: #ccc;
}
#commentText {
display: block;
max-width: 100%;
min-height: 150px;
}
@media (min-width: 552px) {
#commentText {
min-height: 120px;
}
}
.form-submit {
text-align: center;
}
@media (max-width: 551px) {
.form-submit {
margin-top: 2.4rem !important;
}
}
#jinrCommentList {
margin-top: 4.8rem;
}
@media (min-width: 552px) {
#jinrCommentList {
margin-top: 6rem;
}
}
.o--comment-item {
display: flex;
flex-wrap: wrap;
margin-bottom: 9px;
}
@media (max-width: 551px) {
.o--comment-item {
position: relative;
}
}
.o--comment-item .c--comment-author-image {
width: 45px;
}
@media (min-width: 552px) {
.o--comment-item .c--comment-author-image {
width: clamp(60px, 8vw, 75px);
}
}
.o--comment-item .c--comment-author-image img {
border-radius: 50%;
}
.o--comment-item .children {
width: 100%;
}
.o--comment-item .children .o--comment-item.depth-2 {
padding-left: 45px;
}
@media (min-width: 552px) {
.o--comment-item .children .o--comment-item.depth-2 {
padding-left: clamp(75px, 9vw, 90px);
}
}
@media (min-width: 552px) {
.o--comment-item .children .o--comment-item.depth-2 .c--comment-author-image {
width: clamp(45px, 6.6vw, 60px);
}
}
@media (max-width: 551px) {
.o--comment-item .children .o--comment-item.depth-2 > .c--comment-meta .a--comment-user-name,
.o--comment-item .children .o--comment-item.depth-2 > .c--comment-meta .a--comment-date {
left: 105px;
}
}
.a--comment-reply {
width: 100%;
text-align: right;
margin-top: -3px;
}
.a--comment-approve {
font-style: italic;
}
.comment-edit-link,
.comment-reply-link {
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 3px;
}
.comment-reply-link {
font-size: 12px;
}
@media (min-width: 552px) {
.comment-reply-link {
font-size: 13px;
}
}
.a--comment-date {
color: #999;
letter-spacing: 0.15rem;
font-size: 12px;
font-weight: 200;
text-align: right;
}
@media (max-width: 551px) {
.a--comment-date {
top: 24px;
font-size: 10px;
}
}
@media (min-width: 552px) {
.a--comment-date {
margin-left: 12px;
}
}
.a--comment-user-name {
font-size: 12px;
font-style: normal;
font-weight: 600;
}
@media (max-width: 551px) {
.a--comment-user-name {
top: 3px;
}
}
@media (max-width: 551px) {
.a--comment-user-name,
.a--comment-date {
position: absolute;
left: 60px;
}
}
.c--comment-meta {
margin-top: -6px;
}
@media (max-width: 551px) {
.c--comment-meta {
width: 100%;
}
}
@media (min-width: 552px) {
.c--comment-meta {
flex: 1;
margin-left: 21px;
}
}
.c--comment-meta p {
font-size: 14px;
margin-bottom: 1rem !important;
margin-top: 1rem !important;
line-height: 1.65;
}
.c--comment-meta p:first-of-type {
margin-top: 18px !important;
}
@media (min-width: 552px) {
.c--comment-meta p:first-of-type {
margin-top: 9px !important;
}
}
.t--round-s .form-submit input[type=submit] {
border-radius: 4px;
}
.t--round-m .form-submit input[type=submit] {
border-radius: 8px;
}
.t--round-l .form-submit input[type=submit] {
border-radius: 12px;
} #commonFooter.d--footer-style1 {
margin: 0;
}
#commonFooter.d--footer-style1.t--round {
border-radius: 0;
}
@media (max-width: 551px) {
#commonFooter.js--cvb-display {
padding-bottom: 80px;
}
}
#breadCrumb {
margin: 0 auto;
width: 100%;
font-size: 1.1rem;
padding-top: 15px;
}
@media (min-width: 782px) {
#breadCrumb {
padding-top: 21px;
font-size: 1.2rem;
}
}
#breadCrumbInner {
padding-left: 2px;
}
@media (min-width: 552px) {
#breadCrumbInner {
padding-bottom: 21px;
}
}
@media (max-width: 551px) {
#breadCrumbInner {
height: 30px;
overflow-x: scroll;
white-space: nowrap;
}
}
.c--breadcrumb-item {
display: inline-block;
letter-spacing: 0.06rem;
}
@media (min-width: 552px) {
.c--breadcrumb-item {
letter-spacing: 0.12rem;
}
}
.a--breadcrumb-parts {
opacity: 0.7;
display: inline-block;
transform: scale(0.66);
margin: 0 6px;
}
@media (min-width: 552px) {
.a--breadcrumb-parts {
margin: 0 9px;
}
}
#commonFooterInner {
margin: 0 auto;
}
#footerInfo {
font-size: clamp(1.1rem, 1.2vw, 1.2rem);
padding: 15px 0;
}
@media (min-width: 552px) {
#footerInfo {
padding: 21px 0;
}
}
@media (min-width: 782px) {
#footerInfo {
display: flex;
justify-content: center;
align-items: center;
}
}
#footerInfo #commonFooterSiteMenu {
margin: 0 auto;
}
@media (min-width: 782px) {
#footerInfo #commonFooterSiteMenu {
margin: 0;
margin-right: auto;
padding: 0;
max-width: 60%;
}
}
#footerInfo #copyright {
font-size: 1.2rem;
letter-spacing: 0.06rem;
text-align: center;
}
@media screen and (min-width: 552px) and (max-width: 781px) {
#footerInfo #copyright {
margin-top: 30px;
}
}
@media (min-width: 782px) {
#footerInfo #copyright {
text-align: left;
margin-top: 0;
}
}
#footerInfo #copyright .jin-icons {
font-size: 1rem;
}
@media (max-width: 551px) {
#footerInfo #commonFooterSiteMenu + #copyright {
margin-top: 18px;
}
}
section + #footerInfo {
border-top-style: solid;
border-top-width: 1px;
}
@media (min-width: 782px) {
#footerProfileInner {
display: flex;
justify-content: center;
}
}
@media (min-width: 961px) {
#commonFooterProfile {
margin: 0 auto;
max-width: 782px;
}
}
#footerProfileImage {
width: 100px;
height: 100px;
margin: 0 auto 5px auto;
}
@media (min-width: 782px) {
#footerProfileImage {
margin: 0;
flex-shrink: 0;
width: 120px;
height: 120px;
}
}
@media (min-width: 961px) {
#footerProfileImage {
width: 150px;
height: 150px;
}
}
#footerProfileTitle {
display: block;
font-size: 2.4rem;
color: #fff;
text-align: center;
margin-bottom: 30px;
}
#footerProfileInner,
#commonFooterWidget,
#commonFooterSiteMenu {
margin: 0 auto;
color: #fff;
}
#commonFooterWidget {
padding-top: 15px;
padding-bottom: 15px;
}
#footerProfileInfo {
padding: 0 20px;
flex-shrink: 1;
}
@media (min-width: 782px) {
#footerProfileInfo {
padding: 3px 0;
margin-left: 20px;
}
}
#footerProfileNameBox {
margin-bottom: 20px;
text-align: center;
}
@media (min-width: 782px) {
#footerProfileNameBox {
display: flex;
align-items: center;
margin-bottom: 15px;
text-align: left;
}
}
#footerProfileName {
display: block;
font-size: 2rem;
margin-bottom: 8px;
}
@media (min-width: 782px) {
#footerProfileName {
font-size: 2.4rem;
margin-right: 20px;
margin-bottom: 0;
}
}
#footerProfileDesc {
margin-bottom: 10px;
font-size: 1.4rem;
}
#footerProfileJob {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media (min-width: 782px) {
#footerProfileJob {
justify-content: flex-start;
}
}
.a--footer-profile-job-item {
display: block;
font-size: 0.9rem;
padding: 3px 8px;
background: rgba(255, 255, 255, 0.17);
border-radius: 3px;
margin: 2px 5px 2px 0px;
}
@media (min-width: 782px) {
.a--footer-profile-job-item {
font-size: 1rem;
padding: 6px 10px;
border-radius: 4px;
}
}
#footerProfileSns {
justify-content: center;
}
#footerProfileSns .sns-item-link {
font-size: 1.4em;
}
@media (min-width: 782px) {
#footerProfileSns .sns-item-link {
font-size: 1.8em;
}
}
.c--footer-item {
font-size: 1.2rem;
margin: 0 5px;
padding: 5px;
}
@media (min-width: 782px) {
.c--footer-item {
font-size: 1.4rem;
}
}
.a--footer-item-link {
color: #fff;
}
#footerMenuList {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
letter-spacing: 0.12rem;
}
@media (min-width: 782px) {
#footerMenuList {
justify-content: flex-start;
}
}
#footerMenuList .menu-item i::before {
display: inline-block;
padding-right: 6px;
}
#footerMenuList .menu-item:not(:first-child) {
padding: 0 12px;
border-left-style: solid;
border-left-width: 1px;
}
@media (min-width: 782px) {
#footerMenuList .menu-item:not(:first-child) {
padding: 0 18px;
}
}
#footerMenuList .menu-item:first-child {
padding-right: 12px;
}
@media (min-width: 782px) {
#footerMenuList .menu-item:first-child {
padding-right: 18px;
}
}
#footerMenuList .menu-item:last-child {
padding-right: 0px;
}
.page-template-template-lp #commonFooter {
margin-top: 0;
}
.page-template-template-lp #commonFooter.d--footer-style1, .page-template-template-lp #commonFooter.d--footer-style2 {
padding-bottom: 0;
}
.page-template-template-lp #commonFooter #copyright {
padding: 18px 0;
}
.category #postFooter {
margin-bottom: 30px;
}
@media (min-width: 552px) {
.category #postFooter {
margin-bottom: 60px;
}
} #cvButton {
display: block;
width: 100%;
position: fixed;
bottom: -30px;
left: 0;
z-index: 200;
opacity: 0;
pointer-events: none;
transition: all 0.4s;
will-change: transform;
transition-timing-function: ease;
}
@media (min-width: 552px) {
#cvButton {
display: none;
}
}
#cvButton.js--cvb-active {
pointer-events: all;
opacity: 1;
bottom: 0;
}
.o--cv-button {
position: relative;
display: flex;
align-items: center;
width: calc(100% - 30px);
margin: 15px auto;
padding: 12px 15px;
z-index: 1;
height: 65px;
}
.o--cv-button::after {
content: "\ea84";
font-family: "jin-icons";
font-size: 1.5rem;
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
}
.a--cv-button-shadow {
content: "";
position: absolute;
width: calc(100% - 30px);
height: calc(100% - 30px);
left: 15px;
top: 15px;
z-index: 0;
box-shadow: 0 5px 15px 0px rgba(170, 170, 170, 0.39);
border-radius: 9px;
}
.a--cv-button-icon,
.a--cv-button-image {
position: relative;
}
.a--cv-button-icon::after,
.a--cv-button-image::after {
content: "";
position: absolute;
right: 0;
width: 1px;
height: 100%;
}
.a--cv-button-image {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 93px;
}
.a--cv-button-image img {
width: inherit;
height: auto;
}
.a--cv-button-image + .c--cv-button-copy {
padding-left: 93px;
}
.a--cv-button-icon {
margin-right: 15px;
padding-right: 15px;
padding-left: 3px;
font-size: 3.3rem;
line-height: 1;
}
.c--cv-button-copy {
width: 100%;
padding-right: 30px;
}
.a--cv-button-subcopy {
font-size: 10px;
margin-bottom: 3px;
}
.a--cv-button-maincopy {
font-size: 14px;
letter-spacing: 0.03rem;
line-height: 1.25;
}
.d--image-need .o--cv-button {
overflow: hidden;
}
.d--spcv-outline .o--cv-button {
border-style: solid;
border-width: 1px;
background-color: rgba(255, 255, 255, 0.75);
backdrop-filter: blur(9px);
-webkit-backdrop-filter: blur(9px);
}
.t--round-s .o--cv-button {
border-radius: 4px;
}
.t--round-m .o--cv-button,
.t--round-l .o--cv-button {
border-radius: 8px;
}
.wp-block-table table {
border-style: solid;
border-width: 1px;
letter-spacing: 0.06rem;
font-size: 1.35rem;
}
.wp-block-table td, .wp-block-table th {
padding: 9px;
border-style: solid;
border-width: 1px;
}
.wp-block-table td {
font-size: 1.35rem;
}
.wp-block-table thead {
border-bottom-style: solid;
border-bottom-width: 2px;
}
.wp-block-table th {
font-weight: 600;
}
.wp-block-table figcaption {
text-align: center;
margin-top: 18px;
font-size: 1.35rem;
font-weight: 600;
}
.wp-block-table.is-style-stripes {
border-bottom: none;
} .wpcf7 input,
.wpcf7 textarea {
font-family: inherit;
}
.wpcf7 p {
font-size: 0.9em;
font-weight: 500;
margin-top: 2.4rem !important;
margin-bottom: 2.4rem !important;
}
.wpcf7 p:last-child {
margin-bottom: 0rem !important;
}
.wpcf7-text {
box-sizing: border-box;
width: 100%;
border: 1px solid #ececec;
background-color: #ffffff;
padding: 9px;
border-radius: 3px;
font-size: 1em;
font-weight: 300;
letter-spacing: 0.15rem;
transition: all 0.25s;
will-change: transform;
transition-timing-function: ease;
}
.wpcf7-text:focus {
border-color: #6495ed;
background-color: #fff;
}
.wpcf7-text:focus-visible {
outline: none !important;
} .wpcf7-form input[type=submit] {
background: #f3f3f3;
border: 1px solid #f0f0f0;
color: #666;
font-weight: normal;
font-size: 13px;
text-align: center;
padding: 12px 60px;
transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
border-radius: 3px;
display: block;
margin: 0 auto;
cursor: pointer;
box-sizing: border-box;
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
}
.wpcf7-form *:focus {
outline: none !important;
} .wpcf7-response-output {
border: none;
background: #f7f7f7;
text-align: center;
font-size: 0.9em;
padding: 9px;
}
.wpcf7-not-valid-tip {
font-size: 0.8em;
margin-top: 3px;
display: block;
}
.wpcf7-not-valid-tip::before {
content: "※";
}
.wpcf7-form-control-wrap {
display: block;
font-weight: 300;
margin-top: 3px;
position: relative; }
.wpcf7-form-control-wrap input[type=date] {
box-sizing: border-box;
width: 100%;
border: 1px solid #ececec;
background-color: #ffffff;
padding: 9px;
border-radius: 3px;
font-size: 1em;
font-weight: 300;
letter-spacing: 0.15rem;
transition: all 0.25s;
will-change: transform;
transition-timing-function: ease;
width: auto;
}
.wpcf7-form-control-wrap input[type=radio] {
height: 15px;
line-height: 1;
position: relative;
top: 1px;
}
.wpcf7-form-control-wrap select {
-webkit-appearance: none;
appearance: none;
box-sizing: border-box;
width: 100%;
border: 1px solid #ececec;
background-color: #ffffff;
padding: 9px;
border-radius: 3px;
font-size: 1em;
font-weight: 300;
letter-spacing: 0.15rem;
transition: all 0.25s;
will-change: transform;
transition-timing-function: ease;
width: auto;
padding-right: 18px;
position: relative;
}
.wpcf7-form-control-wrap textarea {
box-sizing: border-box;
width: 100%;
border: 1px solid #ececec;
background-color: #ffffff;
padding: 9px;
border-radius: 3px;
font-size: 1em;
font-weight: 300;
letter-spacing: 0.15rem;
transition: all 0.25s;
will-change: transform;
transition-timing-function: ease;
}
.wpcf7-form-control-wrap textarea:focus {
border-color: #6495ed;
background-color: #fff;
}
.wpcf7-form-control-wrap textarea:focus-visible {
outline: none !important;
}
.wpcf7-radio,
.wpcf7-checkbox {
display: block;
margin-top: 6px;
}
.wpcf7-radio .wpcf7-list-item,
.wpcf7-checkbox .wpcf7-list-item {
display: block;
font-size: 0.95em;
}
.wpcf7-radio .wpcf7-list-item > label,
.wpcf7-checkbox .wpcf7-list-item > label {
display: block;
height: 24px;
} _::-webkit-full-page-media,
_:future,
:root #postContent .a--notfound-icon {
height: 59px;
}
@media (max-width: 551px) {
_::-webkit-full-page-media,
_:future,
:root #postContent .a--notfound-icon {
height: 45px;
}
}
_::-webkit-full-page-media,
_:future,
:root #postContent .a--notfound-icon input#JinrSearchSubmit {
height: 56px;
}
@media (max-width: 551px) {
_::-webkit-full-page-media,
_:future,
:root #postContent .a--notfound-icon input#JinrSearchSubmit {
height: 44px;
}
}
_::-webkit-full-page-media,
_:future,
:root .d--postlist-slider {
overflow-x: scroll;
}
.d--notosans-thin #postContent ol.jinr-list > li::after,
.d--notosans-thin .o--widget-area ol.jinr-list > li::after,
.d--notoserif #postContent ol.jinr-list > li::after,
.d--notoserif .o--widget-area ol.jinr-list > li::after {
top: 12px !important;
}
@media (min-width: 552px) {
.d--notosans-thin #postContent ol.jinr-list > li::after,
.d--notosans-thin .o--widget-area ol.jinr-list > li::after,
.d--notoserif #postContent ol.jinr-list > li::after,
.d--notoserif .o--widget-area ol.jinr-list > li::after {
top: 14px !important;
}
}
.d--notosans-thin #postContent ol.jinr-list > li::before,
.d--notosans-thin .o--widget-area ol.jinr-list > li::before,
.d--notoserif #postContent ol.jinr-list > li::before,
.d--notoserif .o--widget-area ol.jinr-list > li::before {
top: 2px !important;
}
@media (min-width: 552px) {
.d--notosans-thin #postContent ol.jinr-list > li::before,
.d--notosans-thin .o--widget-area ol.jinr-list > li::before,
.d--notoserif #postContent ol.jinr-list > li::before,
.d--notoserif .o--widget-area ol.jinr-list > li::before {
top: 4px !important;
}
}
.d--notosans-thin #postContent ol.jinr-list > li > ul.jinr-list > li::after,
.d--notosans-thin .o--widget-area ol.jinr-list > li > ul.jinr-list > li::after,
.d--notoserif #postContent ol.jinr-list > li > ul.jinr-list > li::after,
.d--notoserif .o--widget-area ol.jinr-list > li > ul.jinr-list > li::after {
top: 0.9rem !important;
}
@media (min-width: 552px) {
.d--notosans-thin #postContent ol.jinr-list > li > ul.jinr-list > li::after,
.d--notosans-thin .o--widget-area ol.jinr-list > li > ul.jinr-list > li::after,
.d--notoserif #postContent ol.jinr-list > li > ul.jinr-list > li::after,
.d--notoserif .o--widget-area ol.jinr-list > li > ul.jinr-list > li::after {
top: 1rem !important;
}
}
.d--notosans-thin #postContent ol.jinr-list > li > ol.jinr-list > li::after,
.d--notosans-thin .o--widget-area ol.jinr-list > li > ol.jinr-list > li::after,
.d--notoserif #postContent ol.jinr-list > li > ol.jinr-list > li::after,
.d--notoserif .o--widget-area ol.jinr-list > li > ol.jinr-list > li::after {
top: 3px !important;
}
@media (min-width: 552px) {
.d--notosans-thin #postContent ol.jinr-list > li > ol.jinr-list > li::after,
.d--notosans-thin .o--widget-area ol.jinr-list > li > ol.jinr-list > li::after,
.d--notoserif #postContent ol.jinr-list > li > ol.jinr-list > li::after,
.d--notoserif .o--widget-area ol.jinr-list > li > ol.jinr-list > li::after {
top: 5px !important;
}
}
.d--notosans-thin #postContent ul.jinr-list > li::after,
.d--notosans-thin .o--widget-area ul.jinr-list > li::after,
.d--notoserif #postContent ul.jinr-list > li::after,
.d--notoserif .o--widget-area ul.jinr-list > li::after {
top: 0.95rem !important;
}
@media (min-width: 552px) {
.d--notosans-thin #postContent ul.jinr-list > li::after,
.d--notosans-thin .o--widget-area ul.jinr-list > li::after,
.d--notoserif #postContent ul.jinr-list > li::after,
.d--notoserif .o--widget-area ul.jinr-list > li::after {
top: 1.15rem !important;
}
}
.d--notosans-thin #postContent ul.jinr-list > li > ol.jinr-list > li::after,
.d--notosans-thin .o--widget-area ul.jinr-list > li > ol.jinr-list > li::after,
.d--notoserif #postContent ul.jinr-list > li > ol.jinr-list > li::after,
.d--notoserif .o--widget-area ul.jinr-list > li > ol.jinr-list > li::after {
top: 4px !important;
}
@media (min-width: 552px) {
.d--notosans-thin #postContent ul.jinr-list > li > ol.jinr-list > li::after,
.d--notosans-thin .o--widget-area ul.jinr-list > li > ol.jinr-list > li::after,
.d--notoserif #postContent ul.jinr-list > li > ol.jinr-list > li::after,
.d--notoserif .o--widget-area ul.jinr-list > li > ol.jinr-list > li::after {
top: 5px !important;
}
}
.d--notosans-thin #postContent ul.jinr-list > li > ul.jinr-list > li::after,
.d--notosans-thin .o--widget-area ul.jinr-list > li > ul.jinr-list > li::after,
.d--notoserif #postContent ul.jinr-list > li > ul.jinr-list > li::after,
.d--notoserif .o--widget-area ul.jinr-list > li > ul.jinr-list > li::after {
top: 1.05rem !important;
}
@media (min-width: 552px) {
.d--notosans-thin #postContent ul.jinr-list > li > ul.jinr-list > li::after,
.d--notosans-thin .o--widget-area ul.jinr-list > li > ul.jinr-list > li::after,
.d--notoserif #postContent ul.jinr-list > li > ul.jinr-list > li::after,
.d--notoserif .o--widget-area ul.jinr-list > li > ul.jinr-list > li::after {
top: 1.2rem !important;
}
}
.d--zenkakugothic #postContent ol.jinr-list > li::after,
.d--zenkakugothic .o--widget-area ol.jinr-list > li::after,
.d--shipporimincho #postContent ol.jinr-list > li::after,
.d--shipporimincho .o--widget-area ol.jinr-list > li::after,
.d--kiwimaru #postContent ol.jinr-list > li::after,
.d--kiwimaru .o--widget-area ol.jinr-list > li::after {
top: 12px !important;
}
@media (min-width: 552px) {
.d--zenkakugothic #postContent ol.jinr-list > li::after,
.d--zenkakugothic .o--widget-area ol.jinr-list > li::after,
.d--shipporimincho #postContent ol.jinr-list > li::after,
.d--shipporimincho .o--widget-area ol.jinr-list > li::after,
.d--kiwimaru #postContent ol.jinr-list > li::after,
.d--kiwimaru .o--widget-area ol.jinr-list > li::after {
top: 14px !important;
}
}
.d--zenkakugothic #postContent ol.jinr-list > li::before,
.d--zenkakugothic .o--widget-area ol.jinr-list > li::before,
.d--shipporimincho #postContent ol.jinr-list > li::before,
.d--shipporimincho .o--widget-area ol.jinr-list > li::before,
.d--kiwimaru #postContent ol.jinr-list > li::before,
.d--kiwimaru .o--widget-area ol.jinr-list > li::before {
top: 2px !important;
}
@media (min-width: 552px) {
.d--zenkakugothic #postContent ol.jinr-list > li::before,
.d--zenkakugothic .o--widget-area ol.jinr-list > li::before,
.d--shipporimincho #postContent ol.jinr-list > li::before,
.d--shipporimincho .o--widget-area ol.jinr-list > li::before,
.d--kiwimaru #postContent ol.jinr-list > li::before,
.d--kiwimaru .o--widget-area ol.jinr-list > li::before {
top: 4px !important;
}
}
.d--zenkakugothic #postContent ol.jinr-list > li > ul.jinr-list > li::after,
.d--zenkakugothic .o--widget-area ol.jinr-list > li > ul.jinr-list > li::after,
.d--shipporimincho #postContent ol.jinr-list > li > ul.jinr-list > li::after,
.d--shipporimincho .o--widget-area ol.jinr-list > li > ul.jinr-list > li::after,
.d--kiwimaru #postContent ol.jinr-list > li > ul.jinr-list > li::after,
.d--kiwimaru .o--widget-area ol.jinr-list > li > ul.jinr-list > li::after {
top: 0.9rem !important;
}
@media (min-width: 552px) {
.d--zenkakugothic #postContent ol.jinr-list > li > ul.jinr-list > li::after,
.d--zenkakugothic .o--widget-area ol.jinr-list > li > ul.jinr-list > li::after,
.d--shipporimincho #postContent ol.jinr-list > li > ul.jinr-list > li::after,
.d--shipporimincho .o--widget-area ol.jinr-list > li > ul.jinr-list > li::after,
.d--kiwimaru #postContent ol.jinr-list > li > ul.jinr-list > li::after,
.d--kiwimaru .o--widget-area ol.jinr-list > li > ul.jinr-list > li::after {
top: 1rem !important;
}
}
.d--zenkakugothic #postContent ol.jinr-list > li > ol.jinr-list > li::after,
.d--zenkakugothic .o--widget-area ol.jinr-list > li > ol.jinr-list > li::after,
.d--shipporimincho #postContent ol.jinr-list > li > ol.jinr-list > li::after,
.d--shipporimincho .o--widget-area ol.jinr-list > li > ol.jinr-list > li::after,
.d--kiwimaru #postContent ol.jinr-list > li > ol.jinr-list > li::after,
.d--kiwimaru .o--widget-area ol.jinr-list > li > ol.jinr-list > li::after {
top: 3px !important;
}
@media (min-width: 552px) {
.d--zenkakugothic #postContent ol.jinr-list > li > ol.jinr-list > li::after,
.d--zenkakugothic .o--widget-area ol.jinr-list > li > ol.jinr-list > li::after,
.d--shipporimincho #postContent ol.jinr-list > li > ol.jinr-list > li::after,
.d--shipporimincho .o--widget-area ol.jinr-list > li > ol.jinr-list > li::after,
.d--kiwimaru #postContent ol.jinr-list > li > ol.jinr-list > li::after,
.d--kiwimaru .o--widget-area ol.jinr-list > li > ol.jinr-list > li::after {
top: 5px !important;
}
}
.d--zenkakugothic #postContent ul.jinr-list > li::after,
.d--zenkakugothic .o--widget-area ul.jinr-list > li::after,
.d--shipporimincho #postContent ul.jinr-list > li::after,
.d--shipporimincho .o--widget-area ul.jinr-list > li::after,
.d--kiwimaru #postContent ul.jinr-list > li::after,
.d--kiwimaru .o--widget-area ul.jinr-list > li::after {
top: 0.95rem !important;
}
@media (min-width: 552px) {
.d--zenkakugothic #postContent ul.jinr-list > li::after,
.d--zenkakugothic .o--widget-area ul.jinr-list > li::after,
.d--shipporimincho #postContent ul.jinr-list > li::after,
.d--shipporimincho .o--widget-area ul.jinr-list > li::after,
.d--kiwimaru #postContent ul.jinr-list > li::after,
.d--kiwimaru .o--widget-area ul.jinr-list > li::after {
top: 1.1rem !important;
}
}
.d--zenkakugothic #postContent ul.jinr-list > li > ol.jinr-list > li::after,
.d--zenkakugothic .o--widget-area ul.jinr-list > li > ol.jinr-list > li::after,
.d--shipporimincho #postContent ul.jinr-list > li > ol.jinr-list > li::after,
.d--shipporimincho .o--widget-area ul.jinr-list > li > ol.jinr-list > li::after,
.d--kiwimaru #postContent ul.jinr-list > li > ol.jinr-list > li::after,
.d--kiwimaru .o--widget-area ul.jinr-list > li > ol.jinr-list > li::after {
top: 3px !important;
}
@media (min-width: 552px) {
.d--zenkakugothic #postContent ul.jinr-list > li > ol.jinr-list > li::after,
.d--zenkakugothic .o--widget-area ul.jinr-list > li > ol.jinr-list > li::after,
.d--shipporimincho #postContent ul.jinr-list > li > ol.jinr-list > li::after,
.d--shipporimincho .o--widget-area ul.jinr-list > li > ol.jinr-list > li::after,
.d--kiwimaru #postContent ul.jinr-list > li > ol.jinr-list > li::after,
.d--kiwimaru .o--widget-area ul.jinr-list > li > ol.jinr-list > li::after {
top: 4px !important;
}
}
.d--zenkakugothic #postContent ul.jinr-list > li > ul.jinr-list > li::after,
.d--zenkakugothic .o--widget-area ul.jinr-list > li > ul.jinr-list > li::after,
.d--shipporimincho #postContent ul.jinr-list > li > ul.jinr-list > li::after,
.d--shipporimincho .o--widget-area ul.jinr-list > li > ul.jinr-list > li::after,
.d--kiwimaru #postContent ul.jinr-list > li > ul.jinr-list > li::after,
.d--kiwimaru .o--widget-area ul.jinr-list > li > ul.jinr-list > li::after {
top: 1.05rem !important;
}
@media (min-width: 552px) {
.d--zenkakugothic #postContent ul.jinr-list > li > ul.jinr-list > li::after,
.d--zenkakugothic .o--widget-area ul.jinr-list > li > ul.jinr-list > li::after,
.d--shipporimincho #postContent ul.jinr-list > li > ul.jinr-list > li::after,
.d--shipporimincho .o--widget-area ul.jinr-list > li > ul.jinr-list > li::after,
.d--kiwimaru #postContent ul.jinr-list > li > ul.jinr-list > li::after,
.d--kiwimaru .o--widget-area ul.jinr-list > li > ul.jinr-list > li::after {
top: 1.2rem !important;
}
}
body.android #wrapper.d--jpf-default,
body.android .d--jpf-default .editor-styles-wrapper,
body.android .d--jpf-default .edit-post-visual-editor {
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif, "Noto Sans Emoji", "Noto Sans", "Noto Sans CJK JP";
font-weight: 400;
}
body.android #wrapper.d--jpf-default .d--bold,
body.android #wrapper.d--jpf-default strong,
body.android .d--jpf-default .editor-styles-wrapper .d--bold,
body.android .d--jpf-default .editor-styles-wrapper strong,
body.android .d--jpf-default .edit-post-visual-editor .d--bold,
body.android .d--jpf-default .edit-post-visual-editor strong {
font-weight: bold;
}
@media (max-width: 551px) {
body.android #wrapper.d--jpf-default .d--bold-sp,
body.android .d--jpf-default .editor-styles-wrapper .d--bold-sp,
body.android .d--jpf-default .edit-post-visual-editor .d--bold-sp {
font-weight: bold;
}
}
@media (min-width: 552px) {
body.android #wrapper.d--jpf-default .d--bold-pc,
body.android .d--jpf-default .editor-styles-wrapper .d--bold-pc,
body.android .d--jpf-default .edit-post-visual-editor .d--bold-pc {
font-weight: bold;
}
}
@media (max-width: 551px) {
body.android #hamburgerMenu.d--hamburger-follow-on .o--hamburger-menu-inner {
height: 60%;
}
}
@media (max-width: 551px) {
body.android #hamburgerMenu .d--menu-follow-sns .o--ham-follow-sns {
bottom: 66px;
}
}
#rtoc_return {
z-index: 200 !important;
}
.widget_nav_menu {
font-size: 1.35rem;
line-height: 1.5;
letter-spacing: 0.12rem;
}
.widget_nav_menu .d--button a {
background-color: transparent !important;
}
.widget_nav_menu .menu-item {
width: 100%;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 12px 6px;
box-sizing: border-box;
}
@media (min-width: 552px) {
.widget_nav_menu .menu-item {
padding: 15px 6px 14px 6px;
}
}
.widget_nav_menu .menu-item a {
width: 100%;
display: inline-block;
vertical-align: middle;
text-decoration: none;
padding-right: 27px;
}
.widget_nav_menu .menu-item a::after {
content: "\ea7b";
font-family: "jin-icons";
transform: translateY(-50%);
position: absolute;
right: 0;
top: 50%;
font-size: 0.8rem;
background: none;
opacity: 0.6;
transition: all 0.25s;
will-change: transform;
transition-timing-function: ease;
}
.widget_nav_menu .menu-item a:hover {
padding-left: 3px;
}
.widget_nav_menu .menu-item i::before {
display: inline-block;
padding: 0 8px 0 0;
}
.widget_nav_menu .menu-item .a--menu-subtext {
display: none;
}
.widget_nav_menu .menu-item ul {
padding-left: 27px;
padding-top: 6px;
}
.widget_nav_menu .menu-item ul .menu-item {
border-bottom: none;
padding-top: 3px;
padding-bottom: 3px;
padding: 0;
}
.widget_nav_menu .menu-item ul .menu-item a:hover {
padding-left: 9px;
}
.widget_nav_menu .menu-item ul .menu-item .menu-item {
padding-top: 0px;
padding-bottom: 0px;
}
.widget_nav_menu .menu-item ul .menu-item .menu-item a::before {
height: 45%;
}
.widget_nav_menu .menu-item ul a {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 6px;
padding-right: 27px;
font-size: 0.95em;
}
.widget_nav_menu .menu-item ul a::before {
content: "";
position: absolute;
left: -8px;
top: 52%;
transform: translateY(-50%);
width: 1px;
height: 66%;
}
.widget_nav_menu .menu-item ul ul {
padding-top: 0px;
}
 .booklink-box,
.kaerebalink-box {
margin: 15px 10px 35px 10px;
padding: 25px 20px;
background: #fff;
}
@media (max-width: 767px) and (max-width: 767px) {
.booklink-box,
.kaerebalink-box {
border-radius: 2px;
background: #fff;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.18);
border-top: 1px solid #F3F3F3;
}
}
@media (max-width: 767px) {
.booklink-box p,
.kaerebalink-box p {
line-height: 1.3rem;
padding-bottom: 10px;
}
}
@media (min-width: 768px) {
.booklink-box,
.kaerebalink-box {
border-radius: 2px;
background: #fff;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}
}
@media (min-width: 768px) and (max-width: 767px) {
.booklink-box,
.kaerebalink-box {
border-radius: 0px;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
}
}
@media (min-width: 768px) {
.booklink-box p,
.kaerebalink-box p {
font-size: 0.95rem;
}
}
@media (min-width: 1024px) {
.booklink-box p,
.kaerebalink-box p {
font-size: 1rem;
padding-bottom: 30px;
}
}
@media (max-width: 767px) {
.booklink-image,
.kaerebalink-image {
margin-right: 20px !important;
float: left;
display: inline-block;
width: 100px;
text-align: center;
}
.booklink-image img,
.kaerebalink-image img {
width: auto;
height: auto;
max-height: 180px;
margin-bottom: 0 !important;
}
}
@media (min-width: 768px) {
.booklink-image,
.kaerebalink-image {
margin-right: 20px !important;
width: 130px;
text-align: center;
}
.booklink-image img,
.kaerebalink-image img {
width: auto;
height: auto;
max-height: 200px;
margin-bottom: 0 !important;
}
}
.kaerebalink-info img,
.booklink-info img {
display: none;
}
@media (min-width: 768px) {
.kaerebalink-info,
.booklink-info {
width: calc(100% - 150px);
}
}
@media (min-width: 768px) {
.kaerebalink-box,
.booklink-box {
display: flex;
}
}
@media (min-width: 768px) {
.kaerebalink-link1,
.booklink-link2 {
display: flex;
margin-top: 15px;
}
}
@media (max-width: 767px) {
.kaerebalink-link1,
.booklink-link2 {
margin-top: 15px;
}
}
@media (min-width: 768px) {
.shoplinkamazon,
.shoplinkrakuten,
.shoplinkkindle {
margin-right: 8px;
}
}
@media (max-width: 767px) {
.shoplinkkindle,
.shoplinkamazon,
.shoplinkrakuten,
.shoplinkyahoo {
margin: 0 auto;
margin-bottom: 1px;
}
}
.shoplinkkindle a,
.shoplinkamazon a,
.shoplinkrakuten a,
.shoplinkyahoo a {
display: block;
font-size: 0.85rem;
text-decoration: none !important;
color: #fff !important;
text-align: center;
border-radius: 2px;
}
@media (max-width: 767px) {
.shoplinkkindle a,
.shoplinkamazon a,
.shoplinkrakuten a,
.shoplinkyahoo a {
padding: 10px;
}
}
@media (min-width: 768px) {
.shoplinkkindle a,
.shoplinkamazon a,
.shoplinkrakuten a,
.shoplinkyahoo a {
font-size: 0.8rem;
padding: 12px 5px;
}
}
@media (min-width: 1024px) {
.shoplinkkindle a,
.shoplinkamazon a,
.shoplinkrakuten a,
.shoplinkyahoo a {
padding: 12px 12px;
}
}
.shoplinkamazon a {
background: #FFB642;
}
.shoplinkkindle a {
background: #4C5AA5;
}
.shoplinkyahoo a {
background: #EB668E;
}
.shoplinkrakuten a {
background: #E84E51;
}
@media (max-width: 767px) {
.booklink-detail:after,
.kaerebalink-detail:after {
display: block;
clear: both;
content: "";
}
.kaerebalink-footer,
.booklink-footer {
clear: both;
}
}
@media (min-width: 768px) {
.booklink-detail:after,
.kaerebalink-detail:after {
display: block;
clear: both;
content: "";
}
.kaerebalink-footer,
.booklink-footer {
clear: both;
}
}
.kaerebalink-powered-date,
.kaerebalink-powered-date a,
.kaerebalink-detail {
color: #aaa;
text-decoration: none;
font-size: 0.75rem;
}
@media (max-width: 767px) {
.kaerebalink-powered-date,
.kaerebalink-detail {
padding-left: 120px;
}
}
.booklink-powered-date a,
.booklink-powered-date,
.booklink-detail {
font-size: 13px;
color: #ACACAC !important;
}.appreach {
text-align: left;
padding: 25px;
margin: 20px;
border-radius: 2px;
overflow: hidden;
box-shadow: 0px 2px 5px 1px #e5e5e5;
}
.appreach:after {
content: "";
display: block;
clear: both;
}
.appreach img, .appreach p {
margin: 0;
padding: 0;
}
.appreach a:after {
display: none;
}
.appreach__icon {
float: left;
border-radius: 10%;
overflow: hidden;
margin: 0 3% 0 0 !important;
width: 25% !important;
height: auto !important;
max-width: 120px !important;
}
.appreach__detail {
display: inline-block;
font-size: 20px;
line-height: 1.5;
width: 72%;
max-width: 72%;
}
.appreach__detail:after {
content: "";
display: block;
clear: both;
}
p.appreach__name {
font-size: 16px;
color: #555;
padding-bottom: 10px;
font-weight: bold;
line-height: 1.5em !important;
max-height: 3em;
overflow: hidden;
}
.appreach__info {
font-size: 12px !important;
color: #888;
}
.appreach__info a {
color: #aaa;
}
.appreach__developper, .appreach__price {
margin-right: 0.5em;
}
.appreach__posted a {
margin-left: 0.5em;
}
.appreach__links {
float: left;
height: 40px;
margin-top: 15px;
white-space: nowrap;
}
.appreach__aslink img {
margin-right: 10px;
height: 40px;
width: 135px;
}
.appreach__gplink img {
height: 40px;
width: 134.5px;
}
@media (max-width: 767px) {
.appreach__links {
display: flex;
}
.appreach {
margin: 20px 0;
padding: 20px;
}
.appreach__info {
font-size: 11px !important;
}
p.appreach__name {
font-size: 15px;
}
}