@charset "UTF-8";
/*
Plugin Name: JIN to JINR
Author: CROOVER
Author URI:
Version: 1.0.1
*/
/* プリセットCSS */
/* CSS Document */
.jin_classic_editor #postContent img { height: auto; }

/* ブログカード */
/* CSS Document */
.blog-card-hl-box { position: absolute; border-radius: 2px; background: #ccc; }

@media (min-width: 768px) { .blog-card-hl-box { font-size: 12px; font-weight: 500; padding: 5px 10px; top: -14px; left: 20px; width: 130px; } }

@media (max-width: 767px) { .blog-card-hl-box { font-weight: bold; font-size: 11px; padding: 4px 8px; top: -12px; left: 12px; width: 120px; } }

.blog-card { display: block; position: relative; border: 1px solid #aaa; border-radius: 4px; margin-top: 20px !important; margin-bottom: 30px !important; background: rgba(255, 255, 255, 0); word-wrap: break-word; box-sizing: border-box; text-decoration: none !important; transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }

@media (max-width: 767px) { .blog-card { width: 100%; padding: 12px; margin: 10px 0px; padding-top: 22px !important; } }

@media (min-width: 768px) { .blog-card { width: 90%; margin: 10px auto; padding: 20px; padding-top: 30px !important; } }

.blog-card .blog-card-hl { position: relative; color: #fff; letter-spacing: 0; line-height: 0; }

.blog-card .blog-card-hl:after { position: absolute; content: "あわせて読みたい"; color: #fff; width: 100px; top: 5px; left: 1px; letter-spacing: 0; }

@media (max-width: 767px) { .blog-card .blog-card-hl:after { left: -2px; } }

.blog-card .jin-ifont-post { color: #fff; font-size: 0.7rem; }

.blog-card:hover { opacity: 0.8 !important; }

.blog-card:hover .blog-card-thumbnail img { transform: scale(1.1); }

.blog-card-box { display: flex; }

.blog-card-content { flex: 2.5; }

.blog-card-thumbnail { display: block; overflow: hidden; }

@media (max-width: 767px) { .blog-card-thumbnail { margin-right: 10px; flex: 1.82; } }

@media (min-width: 768px) { .blog-card-thumbnail { margin-right: 20px; flex: 1; } }

.blog-card-thumbnail img { filter: opacity(1); display: block; padding: 0 !important; margin: 0 !important; vertical-align: baseline; width: 100%; height: auto; background: #fff; transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }

.blog-card-title { display: block; letter-spacing: 1px; color: #524e4d; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }

@media (max-width: 767px) { .blog-card-title { font-size: 1.36rem; line-height: 1.92rem; font-weight: 700; } }

@media (min-width: 768px) { .blog-card-title { margin-bottom: 15px; font-size: 1.76rem; line-height: 2.4rem; font-weight: 500; } }

.blog-card-excerpt { color: #524e4d; display: none; }

@media (min-width: 768px) { .blog-card-excerpt { margin-top: 15px; font-size: 1.2rem; display: block; } }

.blog-card-footer { display: flex; justify-content: flex-end; font-size: 70%; color: #777; margin-bottom: 0; text-align: right; }

@media (max-width: 767px) { .blog-card-footer { margin-top: 10px; } }

@media (min-width: 768px) { .blog-card-footer { margin-top: 15px; } }

.blog-card-footer .blog-card-logo { margin-right: 5px; }

.blog-card-footer .blog-card-logo img { padding: 0 !important; margin: 0 !important; }

.blog-card-footer .blog-card-sitetitle { display: block; margin-top: 1px; }

/* ボックスデザイン */
/* CSS Document */
.simple-box1 { border: 3px solid #eee; border-radius: 4px; }

.simple-box2 { border: 3px dashed #eee; border-radius: 4px; }

.simple-box3 { position: relative; border: 3px double #eee; border-radius: 4px; }

.simple-box4 { border: 1px solid #eee; border-radius: 4px; position: relative; }

.simple-box4:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.05; z-index: -1; }

.simple-box5 { position: relative; border: 1px dashed #aaa; border-radius: 4px; }

.simple-box5:before { position: absolute; content: ''; display: block; right: 0; top: 0; width: 100%; height: 100%; background: #f7f7f7; opacity: 0.05; z-index: -1; }

.simple-box6 { background: #eee; border-radius: 4px; }

.simple-box7 { border: 10px solid #aaa; border-radius: 4px; position: relative; }

.simple-box7:before { position: absolute; content: ''; display: block; right: 0; top: 0; width: 100%; height: 100%; background: #f7f7f7; opacity: 0.2; z-index: -1; }

.simple-box8 { position: relative; border-left: 5px solid #aaa; }

.simple-box8:before { position: absolute; content: ''; display: block; right: 0; top: 0; width: 100%; height: 100%; background: #f7f7f7; opacity: 0.1; z-index: 0; }

.simple-box9 { position: relative; }

.simple-box9:before { position: absolute; content: ''; display: block; right: 0; top: 0; width: 100%; height: 100%; background: #f7f7f7; opacity: 0.2; z-index: 0; }

.simple-box9:after { position: absolute; content: ''; display: block; right: 0; top: 0; border-color: #e3e3e3 #e3e3e3 #fff #fff; border-width: 0 30px 30px 0; border-style: solid; width: 0; transform: rotate(180deg); }

.kaisetsu-box1 { position: relative; }

@media (min-width: 768px) { .kaisetsu-box1 { padding-top: 80px !important; } }

@media (max-width: 767px) { .kaisetsu-box1 { padding-top: 70px !important; } }

.kaisetsu-box1:before { position: absolute; content: ''; display: block; left: 0; top: 0; width: 100%; height: 100%; background: #f7f7f7; opacity: 0.15; border-radius: 4px; z-index: 0; }

.kaisetsu-box1-title { position: absolute; display: block; left: 0; top: 0; color: #fff; width: 100%; padding: 12px 0; text-align: center; background: #aaa; letter-spacing: 0px !important; border-top-left-radius: 4px; border-top-right-radius: 4px; }

@media (min-width: 768px) { .kaisetsu-box1-title { font-size: 21px; font-weight: 500; } }

@media (max-width: 767px) { .kaisetsu-box1-title { font-size: 18px; font-weight: 700; } }

.kaisetsu-box2 { position: relative; border: 1px solid #aaa; border-radius: 4px; }

@media (min-width: 768px) { .kaisetsu-box2 { padding-top: 80px !important; } }

@media (max-width: 767px) { .kaisetsu-box2 { padding-top: 70px !important; } }

.kaisetsu-box2 ol li, .kaisetsu-box2 ul li { border-bottom: 2px dashed #ccc; padding-bottom: 9px; }

.kaisetsu-box2:before { position: absolute; content: ''; display: block; left: 0; top: 0; width: 100%; height: 100%; background: #f7f7f7; opacity: 0.15; border-radius: 4px; z-index: 0; }

.kaisetsu-box2-title { position: absolute; display: block; left: 0; top: 0; color: #fff; width: 100%; padding: 12px 0; text-align: center; background: #aaa; letter-spacing: 0px !important; }

@media (min-width: 768px) { .kaisetsu-box2-title { font-size: 21px; font-weight: 500; } }

@media (max-width: 767px) { .kaisetsu-box2-title { font-size: 18px; font-weight: 700; } }

.kaisetsu-box3 { position: relative; border: 10px solid #e3b66a; background: #369377; border-radius: 1px; color: #fff !important; }

@media (min-width: 768px) { .kaisetsu-box3 { padding-top: 80px !important; } }

@media (max-width: 767px) { .kaisetsu-box3 { padding-top: 70px !important; } }

.kaisetsu-box3 ol li, .kaisetsu-box3 ul li { border-bottom: 2px solid rgba(255, 255, 255, 0.21); padding-bottom: 9px; }

.kaisetsu-box3 p { color: #fff; }

.kaisetsu-box3:before { position: absolute; content: ''; right: 0; bottom: 0; width: 113px; height: 27px; background: url(img/bankeshi.png); background-size: contain; }

.kaisetsu-box3-title { position: absolute; display: block; left: 0; top: 15px; color: #fff; width: 100%; padding: 15px 0; text-align: center; font-weight: bold; letter-spacing: 0px !important; }

@media (min-width: 768px) { .kaisetsu-box3-title { font-size: 21px; font-weight: 500; } }

@media (max-width: 767px) { .kaisetsu-box3-title { font-size: 18px; font-weight: 700; } }

.kaisetsu-box4 { position: relative; border: 1px solid #aaa; border-radius: 4px; border-top-left-radius: 0; }

@media (max-width: 767px) { .kaisetsu-box4 { margin-top: 35px !important; } }

@media (min-width: 768px) { .kaisetsu-box4 { margin-top: 40px !important; } }

.kaisetsu-box4-title { position: absolute; line-height: 0; font-size: 18px; left: -1px; top: -36px; color: #fff; padding: 18px 15px; background: #aaa; border-top-left-radius: 4px; border-top-right-radius: 4px; letter-spacing: 0px !important; }

@media (min-width: 768px) { .kaisetsu-box4-title { font-weight: 500; } }

@media (max-width: 767px) { .kaisetsu-box4-title { font-weight: 700; } }

.kaisetsu-box5 { position: relative; border-radius: 4px; }

@media (max-width: 767px) { .kaisetsu-box5 { padding-top: 30px !important; margin-top: 20px !important; } }

@media (min-width: 768px) { .kaisetsu-box5 { padding-top: 40px !important; margin-top: 20px !important; } }

.kaisetsu-box5:before { position: absolute; content: ''; display: block; left: 0; top: 0; width: 100%; height: 100%; background: #aaa; opacity: 0.12; border-radius: 4px; box-sizing: border-box; z-index: 0; }

.kaisetsu-box5-title { position: absolute; line-height: 0; font-size: 18px; left: 20px; top: -18px; color: #fff; padding: 18px 15px; background: #aaa; border-radius: 2px; letter-spacing: 0px !important; }

@media (min-width: 768px) { .kaisetsu-box5-title { font-weight: 500; } }

@media (max-width: 767px) { .kaisetsu-box5-title { font-weight: 700; } }

.concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6 { position: relative; border: 1px solid #eee; border-radius: 4px; }

@media (max-width: 767px) { .concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6 { padding-top: 30px !important; margin-top: 30px !important; } }

@media (min-width: 768px) { .concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6 { padding-top: 40px !important; margin-top: 40px !important; } }

.concept-box1:before, .concept-box2:before, .concept-box3:before, .concept-box4:before, .concept-box5:before, .concept-box6:before { position: absolute; font-weight: bold; background: #fff; color: #555; line-height: 0; letter-spacing: 0; }

@media (min-width: 768px) { .concept-box1:before, .concept-box2:before, .concept-box3:before, .concept-box4:before, .concept-box5:before, .concept-box6:before { font-size: 20px; top: -21px; padding: 20px 8px 20px 51px; } }

@media (max-width: 767px) { .concept-box1:before, .concept-box2:before, .concept-box3:before, .concept-box4:before, .concept-box5:before, .concept-box6:before { font-size: 18px; top: -21px; padding: 20px 8px 20px 32px; } }

.concept-box1:after, .concept-box2:after, .concept-box3:after, .concept-box4:after, .concept-box5:after, .concept-box6:after { position: absolute; background: #aaa; color: #fff; font-family: 'jin-icons'; border: 5px solid #fff; text-align: center; width: 16px; height: 16px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@media (min-width: 768px) { .concept-box1:after, .concept-box2:after, .concept-box3:after, .concept-box4:after, .concept-box5:after, .concept-box6:after { left: 20px; top: -28px; padding-left: 12px; padding-right: 18px; padding-top: 13px; padding-bottom: 17px; border-radius: 40px; font-size: 2.24rem; } }

@media (max-width: 767px) { .concept-box1:after, .concept-box2:after, .concept-box3:after, .concept-box4:after, .concept-box5:after, .concept-box6:after { left: 12px; top: -23px; padding-left: 9px; padding-right: 11px; padding-top: 8px; padding-bottom: 12px; border-radius: 28px; font-size: 1.84rem; } }

.concept-box1:before { content: 'ポイント'; }

.concept-box1:after { content: '\e90b'; line-height: 2rem; }

.concept-box2:before { content: '注意点'; }

.concept-box2:after { content: '\e909'; line-height: 1.76rem; }

.concept-box3:before { content: '良い例'; }

.concept-box3:after { content: '\e91d'; line-height: 2.08rem; }

.concept-box4:before { content: '悪い例'; }

.concept-box4:after { content: '\e905'; line-height: 2.08rem; }

.concept-box5:before { content: '参考'; }

.concept-box5:after { content: '\e906'; line-height: 2.08rem; }

.concept-box6:before { content: 'メモ'; }

.concept-box6:after { content: '\e921'; line-height: 2.08rem; }

.innerlink-box1 { position: relative; padding-top: 40px !important; border: 1px solid #aaa; border-radius: 4px; background: rgba(255, 255, 255, 0); }

@media (max-width: 767px) { .innerlink-box1 { padding-top: 35px !important; margin-top: 10px !important; } }

@media (min-width: 768px) { .innerlink-box1 { margin-top: 20px !important; } }

.innerlink-box1:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.04; z-index: -1; }

.innerlink-box1-title { position: absolute; background: red; border: 3px solid #aaa; line-height: 0; color: #fff; border-radius: 2px; letter-spacing: 0; }

@media (min-width: 768px) { .innerlink-box1-title { top: -14px; padding: 5px 7px 5px 7px; font-size: 12px; font-weight: 500; } }

@media (max-width: 767px) { .innerlink-box1-title { top: -14px; left: 15px; padding: 5px 5px 5px 6px; font-weight: bold; font-size: 11px; }
  .innerlink-box1-title .jic:before { padding-bottom: 0; padding-right: 0; vertical-align: inherit; } }

.innerlink-box1-title .jin-ifont-post { color: #fff; font-size: 0.65rem; margin-right: -1px; }

.innerlink-box1-title svg, .innerlink-box1-title path { fill: #fff !important; }

.simple-box1, .simple-box2, .simple-box3, .simple-box4, .simple-box5, .simple-box6, .simple-box7, .simple-box8, .simple-box9, .kaisetsu-box1, .kaisetsu-box2, .kaisetsu-box3, .kaisetsu-box4, .kaisetsu-box5, .kaisetsu-box6, .concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6, .innerlink-box1 { padding: 20px 25px; padding-bottom: 0; box-sizing: border-box; }

@media (max-width: 767px) { .simple-box1, .simple-box2, .simple-box3, .simple-box4, .simple-box5, .simple-box6, .simple-box7, .simple-box8, .simple-box9, .kaisetsu-box1, .kaisetsu-box2, .kaisetsu-box3, .kaisetsu-box4, .kaisetsu-box5, .kaisetsu-box6, .concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6, .innerlink-box1 { margin-bottom: 30px; } }

@media (min-width: 768px) { .simple-box1, .simple-box2, .simple-box3, .simple-box4, .simple-box5, .simple-box6, .simple-box7, .simple-box8, .simple-box9, .kaisetsu-box1, .kaisetsu-box2, .kaisetsu-box3, .kaisetsu-box4, .kaisetsu-box5, .kaisetsu-box6, .concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6, .innerlink-box1 { margin-bottom: 40px; width: 90%; margin-left: auto; margin-right: auto; } }

.simple-box1 p, .simple-box2 p, .simple-box3 p, .simple-box4 p, .simple-box5 p, .simple-box6 p, .simple-box7 p, .simple-box8 p, .simple-box9 p, .kaisetsu-box1 p, .kaisetsu-box2 p, .kaisetsu-box3 p, .kaisetsu-box4 p, .kaisetsu-box5 p, .kaisetsu-box6 p, .concept-box1 p, .concept-box2 p, .concept-box3 p, .concept-box4 p, .concept-box5 p, .concept-box6 p, .innerlink-box1 p { padding-bottom: 20px !important; margin-bottom: 0 !important; }

.simple-box1 p:not(:first-of-type), .simple-box2 p:not(:first-of-type), .simple-box3 p:not(:first-of-type), .simple-box4 p:not(:first-of-type), .simple-box5 p:not(:first-of-type), .simple-box6 p:not(:first-of-type), .simple-box7 p:not(:first-of-type), .simple-box8 p:not(:first-of-type), .simple-box9 p:not(:first-of-type), .kaisetsu-box1 p:not(:first-of-type), .kaisetsu-box2 p:not(:first-of-type), .kaisetsu-box3 p:not(:first-of-type), .kaisetsu-box4 p:not(:first-of-type), .kaisetsu-box5 p:not(:first-of-type), .kaisetsu-box6 p:not(:first-of-type), .concept-box1 p:not(:first-of-type), .concept-box2 p:not(:first-of-type), .concept-box3 p:not(:first-of-type), .concept-box4 p:not(:first-of-type), .concept-box5 p:not(:first-of-type), .concept-box6 p:not(:first-of-type), .innerlink-box1 p:not(:first-of-type) { margin-top: 0 !important; }

.simple-box1 p:first-of-type, .simple-box2 p:first-of-type, .simple-box3 p:first-of-type, .simple-box4 p:first-of-type, .simple-box5 p:first-of-type, .simple-box6 p:first-of-type, .simple-box7 p:first-of-type, .simple-box8 p:first-of-type, .simple-box9 p:first-of-type, .kaisetsu-box1 p:first-of-type, .kaisetsu-box2 p:first-of-type, .kaisetsu-box3 p:first-of-type, .kaisetsu-box4 p:first-of-type, .kaisetsu-box5 p:first-of-type, .kaisetsu-box6 p:first-of-type, .concept-box1 p:first-of-type, .concept-box2 p:first-of-type, .concept-box3 p:first-of-type, .concept-box4 p:first-of-type, .concept-box5 p:first-of-type, .concept-box6 p:first-of-type, .innerlink-box1 p:first-of-type { margin-top: 0 !important; }

.simple-box1 ol, .simple-box1 ul, .simple-box2 ol, .simple-box2 ul, .simple-box3 ol, .simple-box3 ul, .simple-box4 ol, .simple-box4 ul, .simple-box5 ol, .simple-box5 ul, .simple-box6 ol, .simple-box6 ul, .simple-box7 ol, .simple-box7 ul, .simple-box8 ol, .simple-box8 ul, .simple-box9 ol, .simple-box9 ul, .kaisetsu-box1 ol, .kaisetsu-box1 ul, .kaisetsu-box2 ol, .kaisetsu-box2 ul, .kaisetsu-box3 ol, .kaisetsu-box3 ul, .kaisetsu-box4 ol, .kaisetsu-box4 ul, .kaisetsu-box5 ol, .kaisetsu-box5 ul, .kaisetsu-box6 ol, .kaisetsu-box6 ul, .concept-box1 ol, .concept-box1 ul, .concept-box2 ol, .concept-box2 ul, .concept-box3 ol, .concept-box3 ul, .concept-box4 ol, .concept-box4 ul, .concept-box5 ol, .concept-box5 ul, .concept-box6 ol, .concept-box6 ul, .innerlink-box1 ol, .innerlink-box1 ul { padding-top: 0px; padding-bottom: 30px !important; padding-right: 20px; }

@media (max-width: 767px) { .simple-box1 ol, .simple-box1 ul, .simple-box2 ol, .simple-box2 ul, .simple-box3 ol, .simple-box3 ul, .simple-box4 ol, .simple-box4 ul, .simple-box5 ol, .simple-box5 ul, .simple-box6 ol, .simple-box6 ul, .simple-box7 ol, .simple-box7 ul, .simple-box8 ol, .simple-box8 ul, .simple-box9 ol, .simple-box9 ul, .kaisetsu-box1 ol, .kaisetsu-box1 ul, .kaisetsu-box2 ol, .kaisetsu-box2 ul, .kaisetsu-box3 ol, .kaisetsu-box3 ul, .kaisetsu-box4 ol, .kaisetsu-box4 ul, .kaisetsu-box5 ol, .kaisetsu-box5 ul, .kaisetsu-box6 ol, .kaisetsu-box6 ul, .concept-box1 ol, .concept-box1 ul, .concept-box2 ol, .concept-box2 ul, .concept-box3 ol, .concept-box3 ul, .concept-box4 ol, .concept-box4 ul, .concept-box5 ol, .concept-box5 ul, .concept-box6 ol, .concept-box6 ul, .innerlink-box1 ol, .innerlink-box1 ul { padding-left: 4px !important; padding-right: 4px; } }

.simple-box1 a, .simple-box2 a, .simple-box3 a, .simple-box4 a, .simple-box5 a, .simple-box6 a, .simple-box7 a, .simple-box8 a, .simple-box9 a, .kaisetsu-box1 a, .kaisetsu-box2 a, .kaisetsu-box3 a, .kaisetsu-box4 a, .kaisetsu-box5 a, .kaisetsu-box6 a, .concept-box1 a, .concept-box2 a, .concept-box3 a, .concept-box4 a, .concept-box5 a, .concept-box6 a, .innerlink-box1 a { position: relative; z-index: 2; }

.simple-box1 img, .simple-box2 img, .simple-box3 img, .simple-box4 img, .simple-box5 img, .simple-box6 img, .simple-box7 img, .simple-box8 img, .simple-box9 img, .kaisetsu-box1 img, .kaisetsu-box2 img, .kaisetsu-box3 img, .kaisetsu-box4 img, .kaisetsu-box5 img, .kaisetsu-box6 img, .concept-box1 img, .concept-box2 img, .concept-box3 img, .concept-box4 img, .concept-box5 img, .concept-box6 img, .innerlink-box1 img { height: auto; padding-bottom: 20px !important; }

.simple-box1 ol, .simple-box1 ul, .simple-box2 ol, .simple-box2 ul, .simple-box3 ol, .simple-box3 ul, .simple-box4 ol, .simple-box4 ul, .simple-box5 ol, .simple-box5 ul, .simple-box6 ol, .simple-box6 ul, .simple-box7 ol, .simple-box7 ul, .simple-box8 ol, .simple-box8 ul, .simple-box9 ol, .simple-box9 ul, .kaisetsu-box1 ol, .kaisetsu-box1 ul, .kaisetsu-box2 ol, .kaisetsu-box2 ul, .kaisetsu-box3 ol, .kaisetsu-box3 ul, .kaisetsu-box4 ol, .kaisetsu-box4 ul, .kaisetsu-box5 ol, .kaisetsu-box5 ul, .kaisetsu-box6 ol, .kaisetsu-box6 ul { padding-top: 10px !important; padding-bottom: 30px; padding-right: 20px; }

@media (max-width: 767px) { .simple-box1 ol, .simple-box1 ul, .simple-box2 ol, .simple-box2 ul, .simple-box3 ol, .simple-box3 ul, .simple-box4 ol, .simple-box4 ul, .simple-box5 ol, .simple-box5 ul, .simple-box6 ol, .simple-box6 ul, .simple-box7 ol, .simple-box7 ul, .simple-box8 ol, .simple-box8 ul, .simple-box9 ol, .simple-box9 ul, .kaisetsu-box1 ol, .kaisetsu-box1 ul, .kaisetsu-box2 ol, .kaisetsu-box2 ul, .kaisetsu-box3 ol, .kaisetsu-box3 ul, .kaisetsu-box4 ol, .kaisetsu-box4 ul, .kaisetsu-box5 ol, .kaisetsu-box5 ul, .kaisetsu-box6 ol, .kaisetsu-box6 ul { padding-left: 4px !important; padding-right: 4px; } }

#postContent [class^='simple-box'] .jinr-list, #postContent [class^='concept-box'] .jinr-list, #postContent [class^='kaisetsu-box'] .jinr-list { margin-bottom: 0; margin-top: 0; }

.concept-box1 ol, .concept-box1 ul, .concept-box2 ol, .concept-box2 ul, .concept-box3 ol, .concept-box3 ul, .concept-box4 ol, .concept-box4 ul, .concept-box5 ol, .concept-box5 ul, .concept-box6 ol, .concept-box6 ul, .innerlink-box1 ol, .innerlink-box1 ul { padding-top: 0px; padding-bottom: 30px; padding-right: 20px; }

@media (max-width: 767px) { .concept-box1 ol, .concept-box1 ul, .concept-box2 ol, .concept-box2 ul, .concept-box3 ol, .concept-box3 ul, .concept-box4 ol, .concept-box4 ul, .concept-box5 ol, .concept-box5 ul, .concept-box6 ol, .concept-box6 ul, .innerlink-box1 ol, .innerlink-box1 ul { padding-left: 4px !important; padding-right: 4px; } }

#postContent .wp-block-jin-gb-block-box-with-headline .innerlink-box1-title { padding: 13px; left: 15px; top: -15px; }

#postContent .wp-block-jin-gb-block-box-with-headline ul.jinr-list, #postContent .wp-block-jin-gb-block-box-with-headline ol.jinr-list { margin-top: 0; margin-bottom: 0; }

#postContent .wp-block-jin-gb-block-box ul.jinr-list, #postContent .wp-block-jin-gb-block-box ol.jinr-list { margin-top: 0; margin-bottom: 0; }

/* シンプルボタンデザイン */
/* CSS Document */
.color-button01, .color-button02, .color-button01-big, .color-button02-big { margin-left: 5px; margin-right: 5px; letter-spacing: 0; }

@media (max-width: 767px) { .color-button01, .color-button02, .color-button01-big, .color-button02-big { margin-bottom: 10px; } }

.color-button01 a, .color-button02 a, .color-button01-big a, .color-button02-big a { color: #fff !important; }

.color-button01-big, .color-button02-big { margin-left: auto; margin-right: auto; }

@media (max-width: 767px) { .spfull { width: 100%; margin-left: 0; margin-right: 0; } }

.top-image-btn-color a, .color-button01 a, .color-button02 a { transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; border-radius: 6px; text-align: center; padding: 13px 80px; padding-bottom: 12px; display: inline-block; text-decoration: none !important; transform: perspective(0); font-size: 1.76rem; opacity: 1 !important; }

@media (max-width: 767px) { .top-image-btn-color a, .color-button01 a, .color-button02 a { padding: 12px 80px; padding-bottom: 11px; font-weight: 700; } }

@media (min-width: 768px) { .top-image-btn-color a, .color-button01 a, .color-button02 a { font-weight: 400; } }

@media (max-width: 767px) { .spfull.color-button01 a, .spfull.color-button02 a { width: 100%; } }

.color-button01-big a, .color-button02-big a { transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; border-radius: 4px; text-align: center; font-size: 1.92rem; padding: 20px 30px; max-width: 100% !important; vertical-align: bottom; display: block; text-decoration: none !important; transform: perspective(0); }

@media (max-width: 767px) { .color-button01-big a, .color-button02-big a { width: 100% !important; font-weight: 700; } }

@media (min-width: 768px) { .color-button01-big a, .color-button02-big a { font-weight: 400; } }

.color-button01 img, .color-button02 img, .color-button01-big img, .color-button02-big img { display: none; }

.top-image-btn-color a:hover, .color-button01 a:hover, .color-button02 a:hover, .color-button01-big a:hover, .color-button02-big a:hover { text-decoration: none !important; opacity: 1; }

.top-image-btn-color, .color-button01, .color-button02, .color-button01-big, .color-button02-big { position: relative; z-index: 1; display: inline-block; }

.color-button01-big, .color-button02-big { display: block; }

.top-image-btn-color a, .color-button01 a, .color-button01-big a { background-color: #0094c8; color: #fff !important; }

@media (max-width: 767px) { .top-image-btn-color a { font-weight: 700 !important; } }

@media (min-width: 768px) { .top-image-btn-color a { font-weight: 400 !important; } }

.color-button02 a, .color-button02-big a { background-color: #d9333f; color: #fff !important; }

.top-image-btn-color a:hover, .color-button01 a:hover, .color-button02 a:hover, .color-button01-big a:hover, .color-button02-big a:hover { transform: translateY(4px); filter: brightness(0.9); }

.top-image-btn-color:before, .color-button01:before, .color-button02:before, .color-button01-big:before, .color-button02-big:before { position: absolute; bottom: -4px; z-index: -1; left: 0; content: ''; width: 100%; height: 24px; border-radius: 4px; filter: brightness(0.85); }

.top-image-btn-color:before, .color-button01:before, .color-button02:before { border-radius: 6px; }

.color-button01-big:before, .color-button02-big:before { height: 100%; }

.color-button01:before, .color-button01-big:before { background-color: #0094c8; }

.color-button02:before, .color-button02-big:before { background-color: #d9333f; }

.twobutton { display: block; text-align: center; margin-bottom: 20px; }

@media (min-width: 768px) { .twobutton .color-button01, .twobutton .color-button02 { margin-bottom: 10px; } }

.gb-simple-button-center { display: block; text-align: center; }

.gb-two-button-box { display: flex; justify-content: center; }

/* H2スタイル*/
/* CSS Document */
.h2-style01 h2 { background-color: #2b2b2b; color: #fff; border-radius: 2px; }

@media (max-width: 767px) { .h2-style01 h2 { font-size: 1.45rem; line-height: 1.8rem; padding: 13px; padding-bottom: 12px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h2-style01 h2 { font-size: 1.65rem; line-height: 2rem; padding: 15px; padding-bottom: 16px; margin-top: 2.6rem; margin-bottom: 1.6rem; } }

/* CSS Document */
.h2-style02 h2 { position: relative; border-bottom: 1px solid #ddd; border-left: 5px solid #2b2b2b; }

@media (max-width: 767px) { .h2-style02 h2 { font-size: 1.45rem; line-height: 1.8rem; padding: 10px 10px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h2-style02 h2 { font-size: 1.65rem; line-height: 2rem; padding: 15px 12px; padding-top: 16px; margin-top: 2.6rem; margin-bottom: 1.6rem; } }

.h2-style02 h2:before { position: absolute; content: ""; top: 0; left: 0px; width: 100%; height: 100%; background: #000; opacity: 0.05; }

/* CSS Document */
.h2-style03 h2 { background-color: #2b2b2b; color: #fff; border-radius: 4px; position: relative; }

@media (max-width: 767px) { .h2-style03 h2 { font-size: 1.45rem; line-height: 1.8rem; padding: 12px 13px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h2-style03 h2 { font-size: 1.65rem; line-height: 2rem; padding: 13px 15px; margin-top: 2.6rem; margin-bottom: 1.6rem; } }

.h2-style03 h2:before { position: absolute; content: ''; height: 1px; width: 98%; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 60%, transparent 60%, transparent 100%); background-size: 10px 3px; top: 5px; left: 1%; z-index: 999; }

@media (max-width: 767px) { .h2-style03 h2:before { width: 96%; left: 2%; } }

.h2-style03 h2:after { position: absolute; content: ''; height: 1px; width: 98%; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 60%, transparent 60%, transparent 100%); background-size: 10px 3px; bottom: 5px; left: 1%; z-index: 999; }

@media (max-width: 767px) { .h2-style03 h2:after { width: 96%; left: 2%; } }

/* CSS Document */
.h2-style04 h2 { position: relative; }

@media (max-width: 767px) { .h2-style04 h2 { font-size: 1.4rem; line-height: 1.8rem; padding: 13px 0; padding-bottom: 14px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 500; } }

@media (min-width: 768px) { .h2-style04 h2 { font-size: 1.8rem; line-height: 2.2rem; padding: 20px 0; padding-bottom: 21px; margin-top: 2.6rem; margin-bottom: 1.6rem; font-weight: 300; } }

.h2-style04 h2:before { position: absolute; content: ''; top: 0; height: 100%; background-color: #2b2b2b; }

@media (max-width: 767px) { .h2-style04 h2:before { left: -15px; width: 5px; } }

@media (min-width: 768px) { .h2-style04 h2:before { left: -30px; width: 3px; } }

/* CSS Document */
.h2-style05 h2 { position: relative; background-color: #2b2b2b; color: #fff; border-bottom: none; border-radius: 6px; margin-bottom: 30px; }

@media (max-width: 767px) { .h2-style05 h2 { font-size: 1.3rem; line-height: 1.7rem; padding: 10px 14px; font-weight: 700; } }

@media (min-width: 768px) { .h2-style05 h2 { font-size: 1.65rem; line-height: 2rem; padding: 12px 14px; } }

.h2-style05 h2:before { position: absolute; bottom: -12px; left: 45px; z-index: 90; margin-left: -15px; border-top: 12px solid; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 0; border-top-color: #2b2b2b; content: ""; }

/* CSS Document */
.h2-style06 h2 { position: relative; }

@media (max-width: 767px) { .h2-style06 h2 { font-size: 1.45rem; line-height: 1.8rem; padding: 13px; padding-left: 6px; padding-bottom: 8px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h2-style06 h2 { font-size: 1.65rem; line-height: 2rem; padding: 15px; padding-left: 8px; padding-bottom: 10px; margin-top: 2.6rem; margin-bottom: 1.6rem; } }

.h2-style06 h2:before { position: absolute; content: ""; z-index: 0; bottom: 0; left: 0px; width: 100%; height: 6px; border-radius: 5px; background-image: linear-gradient(-45deg, transparent 25%, #f4e2de 25%, #f4e2de 50%, transparent 50%, transparent 75%, #f4e2de 75%, #f4e2de); background-size: 6px 6px; }

/* CSS Document */
.h2-style07 h2 { position: relative; }

@media (max-width: 767px) { .h2-style07 h2 { font-size: 1.45rem; line-height: 1.8rem; padding: 13px; padding-left: 6px; padding-bottom: 8px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h2-style07 h2 { font-size: 1.65rem; line-height: 2rem; padding: 15px; padding-left: 8px; padding-bottom: 10px; margin-top: 2.6rem; margin-bottom: 1.6rem; } }

.h2-style07 h2:before { position: absolute; content: ""; z-index: 0; bottom: 0; left: 0px; width: 100%; height: 4px; border-radius: 1px; background: #ccc; opacity: 0.5; }

.h2-style07 h2:after { position: absolute; content: ""; z-index: 0; bottom: 0; left: 0px; height: 4px; border-bottom-left-radius: 1px; border-top-left-radius: 1px; background: red; }

@media (max-width: 767px) { .h2-style07 h2:after { width: 80px; } }

@media (min-width: 768px) { .h2-style07 h2:after { width: 120px; } }

/* CSS Document */
.h2-style08 h2 { position: relative; border-bottom: 2px solid #ccc; }

@media (max-width: 767px) { .h2-style08 h2 { font-size: 1.45rem; line-height: 1.8rem; padding: 13px; padding-left: 24px; padding-bottom: 4px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h2-style08 h2 { font-size: 1.65rem; line-height: 2rem; padding: 15px; padding-left: 24px; padding-bottom: 6px; margin-top: 2.6rem; margin-bottom: 1.6rem; } }

.h2-style08 h2:before { content: ""; position: absolute; background: #fff; border: 1px solid; border-color: #0094c8; top: 0; left: 0.4em; height: 12px; width: 12px; transform: rotate(45deg); }

@media (max-width: 767px) { .h2-style08 h2:before { top: 0; left: 0.4em; } }

.h2-style08 h2:after { content: ""; position: absolute; background-color: #0094c8; top: 0.8em; left: 0.1em; height: 8px; width: 8px; transform: rotate(15deg); }

@media (max-width: 767px) { .h2-style08 h2:after { top: 1em; left: 0; } }

/* CSS Document */
.h2-style09 h2 { position: relative; border-bottom: 3px double #ccc; }

@media (max-width: 767px) { .h2-style09 h2 { font-size: 1.45rem; line-height: 1.8rem; padding: 13px; padding-left: 8px; padding-bottom: 4px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h2-style09 h2 { font-size: 1.65rem; line-height: 2rem; padding: 15px; padding-left: 8px; padding-bottom: 6px; margin-top: 2.6rem; margin-bottom: 1.6rem; } }

/* CSS Document */
.h2-style10 h2 { position: relative; }

@media (max-width: 767px) { .h2-style10 h2 { font-size: 1.45rem; line-height: 1.8rem; padding: 13px; padding-left: 6px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h2-style10 h2 { font-size: 1.65rem; line-height: 2rem; padding: 15px; padding-left: 8px; margin-top: 2.6rem; margin-bottom: 1.6rem; } }

.h2-style10 h2:before { position: absolute; content: ""; z-index: 0; bottom: 0; left: 0px; width: 100%; height: 4px; border-radius: 4px; }

.h2-style10 h2:after { position: absolute; content: ""; z-index: 0; top: 0; left: 0px; height: 4px; border-radius: 4px; width: 100%; }

/* H3スタイル*/
/* CSS Document */
.h3-style01 h3 { border-bottom: 3px solid #2b2b2b; }

@media (max-width: 767px) { .h3-style01 h3 { font-size: 1.2rem; line-height: 1.7rem; padding: 5px 8px; padding-top: 0; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h3-style01 h3 { font-size: 1.5rem; line-height: 2rem; padding: 4px 8px; padding-top: 0; margin-top: 2.3rem; margin-bottom: 1.6rem; } }

/* CSS Document */
.h3-style02 h3 { position: relative; }

@media (max-width: 767px) { .h3-style02 h3 { font-size: 1.2rem; line-height: 1.7rem; padding: 8px 12px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h3-style02 h3 { font-size: 1.5rem; line-height: 2rem; padding: 10px 15px; margin-top: 2rem; margin-bottom: 1.6rem; } }

.h3-style02 h3:before { position: absolute; content: ""; left: 0px; width: 5px; background: #000; opacity: 0.5; border-radius: 1px; }

@media (max-width: 767px) { .h3-style02 h3:before { top: 3px; height: 34px; } }

@media (min-width: 768px) { .h3-style02 h3:before { top: 5px; height: 40px; } }

.h3-style02 h3:after { position: absolute; content: ""; left: 0px; width: 5px; background: red; border-top-right-radius: 1px; border-top-left-radius: 1px; }

@media (max-width: 767px) { .h3-style02 h3:after { top: 3px; height: 17px; } }

@media (min-width: 768px) { .h3-style02 h3:after { top: 5px; height: 20px; } }

/* CSS Document */
.h3-style03 h3 { position: relative; }

@media (max-width: 767px) { .h3-style03 h3 { font-size: 1.2rem; line-height: 1.7rem; padding: 10px 15px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h3-style03 h3 { font-size: 1.5rem; line-height: 2rem; padding: 12px 20px; margin-top: 2.3rem; margin-bottom: 1.6rem; } }

.h3-style03 h3:before { position: absolute; content: ''; width: 6px; height: 100%; left: 0; bottom: 0; background-color: #2b2b2b; border-radius: 3.5px; }

@media (max-width: 767px) { .h3-style03 h3:before { width: 6px; border-radius: 3px; } }

/* CSS Document */
.h3-style04 h3 { position: relative; border-bottom: 1px dashed #ddd; border-left: 5px solid #2b2b2b; }

@media (max-width: 767px) { .h3-style04 h3 { font-size: 1.2rem; line-height: 1.7rem; padding: 4px 10px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h3-style04 h3 { font-size: 1.5rem; line-height: 2rem; padding: 6px 12px; margin-top: 2rem; margin-bottom: 1.6rem; } }

/* CSS Document */
.h3-style05 h3 { position: relative; border-bottom: 3px double #ddd; }

@media (max-width: 767px) { .h3-style05 h3 { font-size: 1.15rem; line-height: 1.55rem; padding: 4px 10px; padding-top: 7px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h3-style05 h3 { font-size: 1.5rem; line-height: 2rem; padding: 6px 12px; padding-top: 8px; margin-top: 2rem; margin-bottom: 1.6rem; } }

.h3-style05 h3:before { position: absolute; content: ""; top: 0; left: 0px; width: 100%; height: 100%; background: #000; opacity: 0.05; }

/* CSS Document */
.h3-style06 h3 { position: relative; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

@media (max-width: 767px) { .h3-style06 h3 { font-size: 1.15rem; line-height: 1.55rem; padding: 8px 10px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h3-style06 h3 { font-size: 1.5rem; line-height: 2rem; padding: 8px 12px; margin-top: 2rem; margin-bottom: 1.6rem; } }

/* CSS Document */
.h3-style07 h3 { position: relative; }

@media (max-width: 767px) { .h3-style07 h3 { font-size: 1.15rem; line-height: 1.55rem; padding: 8px 10px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h3-style07 h3 { font-size: 1.5rem; line-height: 2rem; padding: 8px 12px; margin-top: 2rem; margin-bottom: 1.6rem; } }

.h3-style07 h3:before { position: absolute; content: ""; top: 0; left: 0px; width: 100%; height: 100%; border-radius: 2px; background: #000; opacity: 0.2; }

/* H4スタイル*/
/* CSS Document */
.h4-style01 h4 { border-left: 2px solid #2b2b2b; }

@media (max-width: 767px) { .h4-style01 h4 { font-size: 1.05rem; line-height: 1.6rem; padding: 2px 8px; margin-top: 1rem; margin-bottom: 0.8rem; font-weight: 700; } }

@media (min-width: 768px) { .h4-style01 h4 { font-size: 1.3rem; line-height: 1.8rem; padding: 2px 12px; margin-top: 1rem; margin-bottom: 0.8rem; } }

/* CSS Document */
.h4-style02 h4 { position: relative; border-radius: 2px; }

@media (max-width: 767px) { .h4-style02 h4 { font-size: 1.1rem; line-height: 1.6rem; padding: 6px 8px; margin-top: 1rem; margin-bottom: 0.8rem; font-weight: 700; } }

@media (min-width: 768px) { .h4-style02 h4 { font-size: 1.3rem; line-height: 1.8rem; padding: 8px 15px; margin-top: 1rem; margin-bottom: 0.8rem; } }

.h4-style02 h4:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: #f2f2f2; border-radius: 2px; filter: opacity(0.1); }

/* CSS Document */
@media (max-width: 767px) { .h4-style03 h4 { font-size: 1.1rem; line-height: 1.6rem; padding: 5px 8px; margin-top: 1rem; margin-bottom: 0.8rem; font-weight: 700; border-bottom: 2px dotted #2b2b2b; } }

@media (min-width: 768px) { .h4-style03 h4 { font-size: 1.3rem; line-height: 1.8rem; padding: 4px 8px; margin-top: 1rem; margin-bottom: 0.8rem; border-bottom: 4px dotted #2b2b2b; } }

/* CSS Document */
.h4-style04 h4 { border-bottom: 1px dashed #ccc; padding-bottom: 0.1em; padding-left: 0.2em; margin-top: 0.7em; margin-bottom: 0.9em; }

@media (max-width: 767px) { .h4-style04 h4 { font-size: 1.1rem; } }

@media (min-width: 768px) { .h4-style04 h4 { font-size: 1.3rem; } }

/* JINオリジナルアイコンを見出し先頭に表示させる設定 */
/* CSS Document */
@media (max-width: 767px) { .jin-h2-icons h2 { padding-left: 10px !important; } }

@media (min-width: 768px) { .jin-h2-icons h2 { padding-left: 12px !important; } }

@media (max-width: 767px) { .jin-h2-icons h2 .jic:before { padding-right: 4px; font-size: 1.5rem; line-height: 1.4rem; vertical-align: bottom; } }

@media (min-width: 768px) { .jin-h2-icons h2 .jic:before { padding-right: 2px; font-size: 1.5rem; line-height: 2rem; vertical-align: bottom; } }

@media (max-width: 767px) { .jin-h2-icons h2 .jin-ifont-check:before { font-size: 1.25rem; line-height: 1.5rem; } }

@media (min-width: 768px) { .jin-h2-icons h2 .jin-ifont-check:before { font-size: 1.4rem; } }

@media (max-width: 767px) { .jin-h2-icons h2 .jin-ifont-checkcircle:before { font-size: 1.25rem; } }

@media (min-width: 768px) { .jin-h2-icons h2 .jin-ifont-checkcircle:before { padding-right: 5px; font-size: 1.4rem; } }

@media (max-width: 767px) { .jin-h2-icons h2 .jin-ifont-clover:before { font-size: 1.25rem; } }

@media (min-width: 768px) { .jin-h2-icons h2 .jin-ifont-clover:before { font-size: 1.4rem; } }

@media (max-width: 767px) { .jin-h2-icons h2 .jin-ifont-bookmark:before { font-size: 1.1rem; } }

@media (min-width: 768px) { .jin-h2-icons h2 .jin-ifont-bookmark:before { font-size: 1.2rem; } }

.jin-h2-icons.h2-style01 h2 .jic:before, .jin-h2-icons.h2-style03 h2 .jic:before, .jin-h2-icons.h2-style05 h2 .jic:before { color: #fff; }

.jin-h2-icons.h2-style04 h2 { padding-left: 0px !important; }

@media (max-width: 767px) { .jin-h2-icons.h2-style01 h2 { padding-left: 11px !important; } }

@media (max-width: 767px) { .jin-h2-icons.h2-style06 h2, .jin-h2-icons.h2-style07 h2, .jin-h2-icons.h2-style09 h2 { padding-left: 5px !important; } }

@media (min-width: 768px) { .jin-h2-icons.h2-style06 h2, .jin-h2-icons.h2-style07 h2, .jin-h2-icons.h2-style09 h2 { padding-left: 6px !important; } }

.jin-h2-icons.h2-style08 h2 { padding-left: 22px !important; }

.jin-h2-icons.h2-style10 h2 { padding-left: 6px !important; }

@media (max-width: 767px) { .jin-h3-icons h3 { padding-left: 8px !important; } }

@media (min-width: 768px) { .jin-h3-icons h3 { padding-left: 10px !important; } }

@media (max-width: 767px) { .jin-h3-icons h3 .jic:before { padding-right: 2px; line-height: 1.1rem; vertical-align: bottom; font-size: 1.2rem; } }

@media (min-width: 768px) { .jin-h3-icons h3 .jic:before { padding-right: 2px; line-height: 2rem; vertical-align: bottom; font-size: 1.4rem; } }

@media (max-width: 767px) { .jin-h3-icons h3 .jin-ifont-check:before { font-size: 1.1rem; } }

@media (min-width: 768px) { .jin-h3-icons h3 .jin-ifont-check:before { font-size: 1.25rem; } }

@media (max-width: 767px) { .jin-h3-icons h3 .jin-ifont-checkcircle:before { padding-right: 4px; } }

@media (min-width: 768px) { .jin-h3-icons h3 .jin-ifont-checkcircle:before { padding-right: 5px; } }

@media (max-width: 767px) { .jin-h3-icons h3 .jin-ifont-clover:before { font-size: 1.1rem; } }

@media (min-width: 768px) { .jin-h3-icons h3 .jin-ifont-clover:before { font-size: 1.25rem; } }

@media (max-width: 767px) { .jin-h3-icons h3 .jin-ifont-bookmark:before { font-size: 1.1rem; } }

@media (min-width: 768px) { .jin-h3-icons h3 .jin-ifont-bookmark:before { font-size: 1.2rem; } }

@media (max-width: 767px) { .jin-h3-icons.h3-style01 h3, .jin-h3-icons.h3-style04 h3 { padding-left: 5px !important; } }

@media (min-width: 768px) { .jin-h3-icons.h3-style01 h3, .jin-h3-icons.h3-style04 h3 { padding-left: 6px !important; } }

@media (max-width: 767px) { .jin-h3-icons.h3-style01 h3 .jic:before, .jin-h3-icons.h3-style04 h3 .jic:before { line-height: 1.3rem; } }

@media (max-width: 767px) { .jin-h3-icons.h3-style02 h3 { padding-left: 12px !important; } }

@media (min-width: 768px) { .jin-h3-icons.h3-style02 h3 { padding-left: 14px !important; } }

@media (max-width: 767px) { .jin-h3-icons.h3-style02 h3 .jic:before { line-height: 1.3rem; } }

.jin-h3-icons.h3-style03 h3 { padding-left: 14px !important; }

@media (max-width: 767px) { .jin-h3-icons.h3-style03 h3 .jic:before { line-height: 1.3rem; } }

@media (max-width: 767px) { .jin-h4-icons h4 { padding-left: 8px !important; } }

@media (min-width: 768px) { .jin-h4-icons h4 { padding-left: 8px !important; } }

@media (max-width: 767px) { .jin-h4-icons h4 .jic:before { padding-right: 1px; font-size: 1rem; } }

@media (min-width: 768px) { .jin-h4-icons h4 .jic:before { padding-right: 1px; font-size: 1.3rem; } }

@media (max-width: 767px) { .jin-h4-icons h4 .jin-ifont-check:before { font-size: 1rem; } }

@media (min-width: 768px) { .jin-h4-icons h4 .jin-ifont-check:before { font-size: 1.2rem; } }

@media (max-width: 767px) { .jin-h4-icons h4 .jin-ifont-checkcircle:before { padding-right: 3px; } }

@media (min-width: 768px) { .jin-h4-icons h4 .jin-ifont-checkcircle:before { padding-right: 5px; } }

@media (max-width: 767px) { .jin-h4-icons h4 .jin-ifont-clover:before { font-size: 1rem; } }

@media (min-width: 768px) { .jin-h4-icons h4 .jin-ifont-clover:before { font-size: 1.1rem; line-height: 2rem; } }

@media (max-width: 767px) { .jin-h4-icons h4 .jin-ifont-bookmark:before { font-size: 1rem; } }

@media (min-width: 768px) { .jin-h4-icons h4 .jin-ifont-bookmark:before { font-size: 1.1rem; line-height: 1.9rem; } }

.jin-h4-icons.h4-style01 h4 { padding-left: 10px !important; }

@media (max-width: 767px) { .jin-h4-icons.h4-style01 h4 .jic:before { line-height: 1.1rem; } }

.jin-h4-icons.h4-style02 h4 { padding-left: 10px !important; }

@media (max-width: 767px) { .jin-h4-icons.h4-style02 h4 .jic:before { line-height: 1.1rem; } }

.jin-h4-icons.h4-style03 h4, .jin-h4-icons.h4-style04 h4 { padding-left: 2px !important; }

@media (max-width: 767px) { .jin-h4-icons.h4-style03 h4 .jic:before { line-height: 1.1rem; } }

@media (max-width: 767px) { .jin-h4-icons.h4-style03 h4 .jin-ifont-clover:before { line-height: 1.4rem; } }

@media (max-width: 767px) { .jin-h4-icons.h4-style03 h4 .jin-ifont-bookmark:before { line-height: 1.2rem; } }

@media (max-width: 767px) { .jin-h4-icons.h4-style04 h4 .jic:before { line-height: 1.4rem; } }

/* ショートコード */
/* CSS Document */
/*シンタックスハイライター*/
.jin-code { position: relative; }

.jin-code pre { max-width: 100%; border-radius: 4px; border-top-left-radius: 0px; border: 1px solid #ccc; background-color: rgba(0, 0, 0, 0.05) !important; margin-bottom: 30px; overflow: scroll; -webkit-overflow-scrolling: touch; box-sizing: border-box; padding-top: 20px !important; padding-bottom: 20px !important; }

@media (max-width: 767px) { .jin-code pre { margin-top: 35px !important; } }

@media (min-width: 768px) { .jin-code pre { margin-top: 40px !important; } }

.jin-code code { font-size: 0.9rem; padding: 20px !important; padding-left: 0 !important; }

.jin-code p { padding-bottom: 0; }

.jin-code ol li:before { display: none; }

.jin-code ol li:after { color: #888; font-size: 0.75rem; }

@media (max-width: 767px) { .jin-code ol li:after { left: -7px !important; top: 12px; } }

@media (min-width: 768px) { .jin-code ol li:after { left: -5px !important; top: 11px; } }

.jin-code ol li { background-color: transparent !important; margin-bottom: 2px; }

pre[class*='language-'].line-numbers > code { padding-top: 1px; }

.code-toolbar .toolbar { right: 0.4em !important; }

.code-toolbar .toolbar a { text-decoration: none; font-size: 0.75rem !important; padding: 4px 9px 5px 9px !important; border-radius: 10px !important; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) !important; background-color: #c8c2be !important; color: #fff !important; }

.jin-code-title { position: absolute; line-height: 0; font-size: 0.9rem; left: 0px; top: -28px; color: #fff; padding: 15px 15px; padding-bottom: 13px; background: #888; border-top-left-radius: 4px; border-top-right-radius: 4px; }

@media (min-width: 768px) { .jin-code-title { font-weight: 500; } }

@media (max-width: 767px) { .jin-code-title { font-weight: 700; } }

/*アイコンボックス*/
.jin-icons { font-size: 20px; }

.jin-iconbox { display: flex; align-items: center; padding: 20px; margin: 20px; border-radius: 5px; }

@media (min-width: 768px) { .jin-iconbox { width: 90%; margin-left: auto; margin-right: auto; } }

p + .jin-iconbox { margin-top: 0; }

img + .jin-iconbox { margin-top: 5px; }

.jin-iconbox + p, .jin-iconbox + img { padding-top: 10px; }

.jin-iconbox-icons { padding-right: 14px; padding-left: 2px; }

.jin-iconbox-main { padding-left: 15px; font-size: 1.52rem; line-height: 2.24rem; }

.jin-iconbox-main img { height: auto; }

.jin-iconbox-main p:last-of-type { margin-bottom: 0 !important; }

.yellow-iconbox { background-color: #fff9df; }

.green-iconbox { background-color: #e8f9e9; }

.red-iconbox { background-color: #fff0f2; }

.blue-iconbox { background-color: #eef0fa; }

.yellow--border { border-left: 2px dashed #ffe89b; }

.green--border { border-left: 2px dashed #a5edaf; }

.red--border { border-left: 2px dashed #ffd1d1; }

.blue--border { border-left: 2px dashed #d5d9f2; }

.jin-icon-caution .jin-iconbox-main P, .jin-icon-star .jin-iconbox-main P, .jin-icon-bulb .jin-iconbox-main P, .jin-icon-cart .jin-iconbox-main P, .jin-icon-speaker .jin-iconbox-main P, .jin-icon-comment .jin-iconbox-main P, .jin-icon-checkcircle .jin-iconbox-main P, .jin-icon-pencil .jin-iconbox-main P, .jin-icon-like .jin-iconbox-main P, .jin-icon-information .jin-iconbox-main P, .jin-icon-gear .jin-iconbox-main P, .jin-icon-clipboard .jin-iconbox-main P, .jin-icon-heart .jin-iconbox-main P, .jin-icon-unlike .jin-iconbox-main P, .jin-icon-question .jin-iconbox-main P, .jin-icon-flag .jin-iconbox-main P { padding-bottom: 0; }

.jin-icon-caution .jin-iconbox-main ul, .jin-icon-caution .jin-iconbox-main ol, .jin-icon-star .jin-iconbox-main ul, .jin-icon-star .jin-iconbox-main ol, .jin-icon-bulb .jin-iconbox-main ul, .jin-icon-bulb .jin-iconbox-main ol, .jin-icon-cart .jin-iconbox-main ul, .jin-icon-cart .jin-iconbox-main ol, .jin-icon-speaker .jin-iconbox-main ul, .jin-icon-speaker .jin-iconbox-main ol, .jin-icon-comment .jin-iconbox-main ul, .jin-icon-comment .jin-iconbox-main ol, .jin-icon-checkcircle .jin-iconbox-main ul, .jin-icon-checkcircle .jin-iconbox-main ol, .jin-icon-pencil .jin-iconbox-main ul, .jin-icon-pencil .jin-iconbox-main ol, .jin-icon-like .jin-iconbox-main ul, .jin-icon-like .jin-iconbox-main ol, .jin-icon-information .jin-iconbox-main ul, .jin-icon-information .jin-iconbox-main ol, .jin-icon-gear .jin-iconbox-main ul, .jin-icon-gear .jin-iconbox-main ol, .jin-icon-clipboard .jin-iconbox-main ul, .jin-icon-clipboard .jin-iconbox-main ol, .jin-icon-heart .jin-iconbox-main ul, .jin-icon-heart .jin-iconbox-main ol, .jin-icon-unlike .jin-iconbox-main ul, .jin-icon-unlike .jin-iconbox-main ol, .jin-icon-question .jin-iconbox-main ul, .jin-icon-question .jin-iconbox-main ol, .jin-icon-flag .jin-iconbox-main ul, .jin-icon-flag .jin-iconbox-main ol { padding: 15px 0; }

.jin-icon-caution, .jin-icon-star, .jin-icon-bulb, .jin-icon-cart { background-color: #fff9df; }

.jin-icon-caution .jin-iconbox-main, .jin-icon-star .jin-iconbox-main, .jin-icon-bulb .jin-iconbox-main, .jin-icon-cart .jin-iconbox-main { border-left: 2px dashed #ffe89b; }

.jin-icon-speaker, .jin-icon-comment, .jin-icon-checkcircle, .jin-icon-pencil { background-color: #e8f9e9; }

.jin-icon-speaker .jin-iconbox-main, .jin-icon-comment .jin-iconbox-main, .jin-icon-checkcircle .jin-iconbox-main, .jin-icon-pencil .jin-iconbox-main { border-left: 2px dashed #a5edaf; }

.jin-icon-like, .jin-icon-information, .jin-icon-gear, .jin-icon-clipboard { background-color: #eef0fa; }

.jin-icon-like .jin-iconbox-main, .jin-icon-information .jin-iconbox-main, .jin-icon-gear .jin-iconbox-main, .jin-icon-clipboard .jin-iconbox-main { border-left: 2px dashed #d5d9f2; }

.jin-icon-heart, .jin-icon-unlike, .jin-icon-question, .jin-icon-flag { background-color: #fff0f2; }

.jin-icon-heart .jin-iconbox-main, .jin-icon-unlike .jin-iconbox-main, .jin-icon-question .jin-iconbox-main, .jin-icon-flag .jin-iconbox-main { border-left: 2px dashed #ffd1d1; }

@media (max-width: 767px) { .jin-iconbox { margin: 20px 0; } }

.jin-iconbox-icons { /*グリーンアイコン*/ /*ブルーアイコン*/ /*レッドアイコン*/ }

.jin-iconbox-icons .jin-icons { vertical-align: middle; }

.jin-iconbox-icons .jin-icons:before { padding-bottom: 3px; }

@media (max-width: 767px) { .jin-iconbox-icons .jin-icons:before { padding-bottom: 1px; } }

.jin-iconbox-icons .jin-ifont-star.jin-icons, .jin-iconbox-icons .jin-ifont-bulb.jin-icons, .jin-iconbox-icons .jin-ifont-cart.jin-icons, .jin-iconbox-icons .jin-ifont-caution.jin-icons { color: #ffbf0e; }

.jin-iconbox-icons .jin-ifont-checkcircle.jin-icons, .jin-iconbox-icons .jin-ifont-comment.jin-icons, .jin-iconbox-icons .jin-ifont-pencil.jin-icons, .jin-iconbox-icons .jin-ifont-speaker.jin-icons { color: #05b483; }

.jin-iconbox-icons .jin-ifont-information.jin-icons, .jin-iconbox-icons .jin-ifont-gear.jin-icons, .jin-iconbox-icons .jin-ifont-clipboard.jin-icons, .jin-iconbox-icons .jin-ifont-like.jin-icons { color: #2f387c; }

.jin-iconbox-icons .jin-ifont-question.jin-icons, .jin-iconbox-icons .jin-ifont-flag.jin-icons, .jin-iconbox-icons .jin-ifont-unlike.jin-icons, .jin-iconbox-icons .jin-ifont-heart.jin-icons { color: #f13d54; }

.jin-iconbox-icons .fa-twitter.jin-icons { color: #00acee; }

.jin-iconbox-icons .fa-bitcoin.jin-icons, .jin-iconbox-icons .fa-amazon.jin-icons { color: #ff9902; }

.jin-iconbox-icons .fa-facebook-square.jin-icons { color: #3b469c; }

.jin-iconbox-icons .fa-instagram.jin-icons { color: #c92670; }

.jin-iconbox-icons .fa-line.jin-icons { color: #00b901; }

/*カラム分け*/
@media (max-width: 767px) { .jin-2column, .jin-3column { display: block; margin-bottom: 30px; } }

@media (min-width: 768px) { .jin-2column, .jin-3column { display: block; margin-bottom: 30px; } }

@media (min-width: 1200px) { .jin-2column, .jin-3column { display: flex; justify-content: space-between; margin-bottom: 30px; } }

.jin-2column p, .jin-3column p { padding-bottom: 0 !important; margin-bottom: 0 !important; margin-top: 0 !important; }

.jin-2column img, .jin-3column img { height: auto; }

.jin-2column .color-button01, .jin-2column .color-button02 { margin-top: 20px; }

@media (min-width: 768px) { .jin-2column .color-button01 a, .jin-2column .color-button02 a { padding-left: 40px !important; padding-right: 40px !important; } }

.jin-3column .color-button01, .jin-3column .color-button02 { margin-top: 20px; }

@media (min-width: 768px) { .jin-3column .color-button01 a, .jin-3column .color-button02 a { padding-left: 20px !important; padding-right: 20px !important; } }

@media (max-width: 767px) { .jin-2column-left, .jin-2column-right { width: 100%; padding: 15px; margin-bottom: 20px; } }

@media (min-width: 768px) { .jin-2column-left, .jin-2column-right { width: 100%; padding: 20px; margin-bottom: 20px; } }

@media (min-width: 1200px) { .jin-2column-left, .jin-2column-right { width: 49.2%; padding: 20px; } }

@media (max-width: 767px) { .jin-3column-left, .jin-3column-center, .jin-3column-right { width: 100%; padding: 15px; margin-bottom: 20px; } }

@media (min-width: 768px) { .jin-3column-left, .jin-3column-center, .jin-3column-right { width: 100%; padding: 20px; margin-bottom: 20px; } }

@media (min-width: 1200px) { .jin-3column-left, .jin-3column-center, .jin-3column-right { width: 32.2%; padding: 20px; } }

@media (min-width: 768px) { .page-template-onecolumn .jin-2column, .page-template-onecolumn .jin-3column, .page-template-lp .jin-2column, .page-template-lp .jin-3column { display: flex; justify-content: space-between; margin-bottom: 30px; } }

@media (min-width: 768px) { .page-template-onecolumn .jin-2column .jin-2column-left, .page-template-onecolumn .jin-2column .jin-2column-right, .page-template-onecolumn .jin-3column .jin-2column-left, .page-template-onecolumn .jin-3column .jin-2column-right, .page-template-lp .jin-2column .jin-2column-left, .page-template-lp .jin-2column .jin-2column-right, .page-template-lp .jin-3column .jin-2column-left, .page-template-lp .jin-3column .jin-2column-right { width: 49.2%; padding: 20px; } }

@media (min-width: 768px) { .page-template-onecolumn .jin-2column .jin-3column-left, .page-template-onecolumn .jin-2column .jin-3column-center, .page-template-onecolumn .jin-2column .jin-3column-right, .page-template-onecolumn .jin-3column .jin-3column-left, .page-template-onecolumn .jin-3column .jin-3column-center, .page-template-onecolumn .jin-3column .jin-3column-right, .page-template-lp .jin-2column .jin-3column-left, .page-template-lp .jin-2column .jin-3column-center, .page-template-lp .jin-2column .jin-3column-right, .page-template-lp .jin-3column .jin-3column-left, .page-template-lp .jin-3column .jin-3column-center, .page-template-lp .jin-3column .jin-3column-right { width: 32.2%; padding: 20px; } }

@media (min-width: 768px) { .page-template-onecolumn .jin-2column-left, .page-template-onecolumn .jin-2column-right, .page-template-lp .jin-2column-left, .page-template-lp .jin-2column-right, .page-template-onecolumn .jin-3column-left, .page-template-onecolumn .jin-3column-center, .page-template-onecolumn .jin-3column-right, .page-template-lp .jin-3column-left, .page-template-lp .jin-3column-center, .page-template-lp .jin-3column-right { padding: 30px; } }

.jin-3column-left.col-nocolor, .jin-3column-center.col-nocolor, .jin-3column-right.col-nocolor, .jin-2column-left.col-nocolor, .jin-2column-right.col-nocolor { background-color: transparent !important; }

@media (max-width: 767px) { .jin-3column-left.col-nocolor, .jin-3column-center.col-nocolor, .jin-3column-right.col-nocolor, .jin-2column-left.col-nocolor, .jin-2column-right.col-nocolor { padding: 10px !important; } }

@media (min-width: 768px) { .jin-3column-left.col-nocolor, .jin-3column-center.col-nocolor, .jin-3column-right.col-nocolor, .jin-2column-left.col-nocolor, .jin-2column-right.col-nocolor { padding: 10px !important; } }

/*画像加工*/
.jin-img-shadow-on img { box-shadow: 0px 0px 5px 3px #eee; }

.jin-img-radius-on img { border-radius: 500px; }

.jin-img-border-on img { border: 3px solid #eee; }

.jin-img-shadow img { box-shadow: 0px 3px 7px 1px #bbb; }

.jin-img-kadomaru img { box-shadow: 0px 3px 6px 1px #bbb; border-radius: 10px; }

.jin-img-waku img { box-shadow: 0px 4px 6px 1px #ccc; padding: 10px; border-top: 1px solid #f3f3f3; }

.jin-img-maruwaku img { box-shadow: 0px 4px 6px 1px #ccc; border-top: 1px solid #f3f3f3; border-radius: 999px; }

/*　LP用見出し　*/
.jin-lp-h2 h2:before, .jin-lp-h2 h2:after { display: none; }

.jin-lp-h2 h2 { border: none; background-color: none !important; padding: 0; margin: 0; border-radius: 0; font-size: 1rem; }

.jin-lp-h2 h2 { display: block !important; text-align: center; }

@media (max-width: 767px) { .jin-lp-h2 h2 { font-size: 2.24rem; line-height: 2.72rem; padding-bottom: 10px; padding-top: 20px; margin-bottom: 25px; text-align: center; font-weight: 700 !important; } }

@media (min-width: 768px) { .jin-lp-h2 h2 { font-size: 2.56rem; line-height: 3.04rem; padding-bottom: 10px; padding-top: 40px; margin-bottom: 25px; text-align: center; } }

@media (max-width: 767px) { .jinlph2-style1 h2:first-letter { font-size: 1.7rem; } }

@media (min-width: 768px) { .jinlph2-style1 h2:first-letter { font-size: 2.2rem; } }

.jinlph2-style2 h2 { border-bottom: 2px solid #f7f7f7; }

.jinlph2-style3 h2 { border: 2px solid #f7f7f7; }

@media (max-width: 767px) { .jinlph2-style3 h2 { margin-top: 20px; padding: 15px !important; font-weight: 500 !important; } }

@media (min-width: 768px) { .jinlph2-style3 h2 { margin-top: 30px; padding: 20px !important; } }

/*　カラム分けの見出しスタイル　*/
@media (max-width: 767px) { .jincol-h3 { font-size: 1.92rem; line-height: 2.4rem; padding-bottom: 5px; padding-top: 10px; margin-bottom: 20px; text-align: center; font-weight: 700; } }

@media (min-width: 768px) { .jincol-h3 { font-size: 1.92rem; line-height: 2.4rem; padding-bottom: 10px; margin-bottom: 25px; text-align: center; font-weight: 500; } }

@media (max-width: 767px) { .jincolumn-h3style1 { padding-bottom: 0px !important; } }

@media (min-width: 768px) { .jincolumn-h3style1 { padding-bottom: 0px !important; } }

.jincolumn-h3style2 { border-bottom: 2px solid #ccc; }

/*　線　*/
.jin-sen { padding-top: 20px; padding-bottom: 50px; }

.jin-sen .jin-sen-solid, .jin-sen .jin-sen-dashed, .jin-sen .jin-sen-double { width: 100%; }

.jin-sen .jin-sen-solid { border-top: 3px solid #f7f7f7; border-radius: 20px; }

.jin-sen .jin-sen-dashed { border-top: 3px dashed #f7f7f7; }

.jin-sen .jin-sen-double { border-top: 3px double #f7f7f7; }

/*　余白　*/
.jin-yohaku10, .jin-yohaku15, .jin-yohaku20, .jin-yohaku25, .jin-yohaku30, .jin-yohaku35, .jin-yohaku40, .jin-yohaku45, .jin-yohaku50 { width: 100%; }

.jin-yohaku10 { height: 10px; }

.jin-yohaku15 { height: 15px; }

.jin-yohaku20 { height: 20px; }

.jin-yohaku25 { height: 25px; }

.jin-yohaku30 { height: 30px; }

.jin-yohaku35 { height: 35px; }

.jin-yohaku40 { height: 40px; }

.jin-yohaku45 { height: 45px; }

.jin-yohaku50 { height: 50px; }

/*　付箋　*/
.jin-photo-title .jin-fusen1-down, .jin-photo-title .jin-fusen1-even, .jin-photo-title .jin-fusen1-up { display: inline-block; background: #fff; margin: 15px 0; padding: 10px 25px 10px 15px; border-left: 20px solid #3b4675; box-shadow: 2px 2px 5px 1px #f3f3f3; }

.jin-photo-title .jin-fusen1-down { transform: rotate(2deg); }

.jin-photo-title .jin-fusen1-up { transform: rotate(-2deg); }

.jin-photo-title .jin-fusen2, .jin-photo-title .jin-fusen3 { position: relative; display: inline-block; margin: 15px 0; color: #fff; background: #3b4675; border-radius: 50px; padding: 10px 20px; z-index: 20; }

.jin-photo-title .jin-fusen2 { border-radius: 2px; }

.jin-photo-title .jin-fusen2:before, .jin-photo-title .jin-fusen3:before { position: absolute; content: ''; bottom: -9px; margin-left: -15px; border-top: 10px solid; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 0; border-top-color: #3b4675; }

.jin-photo-title .jin-fusen2:before { left: 40px; }

.jin-photo-title .jin-fusen3:before { left: 45px; }

.jin-photo-title .jin-fusen1-down, .jin-photo-title .jin-fusen1-even, .jin-photo-title .jin-fusen1-up, .jin-photo-title .jin-fusen2, .jin-photo-title .jin-fusen3 { font-size: 1.52rem; line-height: 2rem; letter-spacing: 0; }

.jic:before { display: inline-block !important; }

@media (max-width: 767px) { .jic:before { vertical-align: bottom; padding-right: 3px; padding-bottom: 3px; } }

.jic-sc { margin-left: 3px; margin-right: 3px; line-height: 1.1rem; }

.jin-code-icon-bulb, .jin-code-icon-account, .jin-code-icon-star, .jin-code-icon-star-half, .jin-code-icon-star-blank { margin-left: 1px; margin-right: 1px; }

@keyframes jin-shiny { 0% {
    transform: translateX(-100px); }
  20% {
    transform: translateX(300px); }
  100% {
    transform: translateX(300px); } }

@keyframes jin-float { 50% { transform: scale(1.07); } }

@keyframes jin-bound { 0% { transform: translateY(0px); }
  5% { transform: translateY(-10px); }
  12% { transform: translateY(0px); }
  18% { transform: translateY(-10px); }
  24% { transform: translateY(0px); }
  100% { transform: translateY(0px); } }

/*　ビジュアルボタン　*/
.cps-post-main p + .jin-flexbox { margin-top: -40px; }

.jin-flexbox { display: flex; justify-content: center; }

@media (max-width: 767px) { .jin-flexbox a { font-weight: bold; } }

.jin-flexbox a:hover { opacity: 1; }

.jin-flexbox .jsb-visual-shiny { position: relative; }

.jin-flexbox .jsb-visual-shiny:before { content: ''; display: block; position: absolute; left: 0; top: 0; background: rgba(255, 255, 255, 0.5); width: 60px; height: 130px; opacity: 0.5; filter: blur(30px); transform: skewX(-15deg); animation: 3s jin-shiny ease infinite; z-index: 1; }

.jin-flexbox .jsb-visual-float { animation: 2s jin-float ease infinite; }

.jin-flexbox .jsb-visual-bound { animation: 2s jin-bound ease infinite; }

.jin-flexbox div:not(.jsb-visual-shiny).jsb-hover-down a, .jin-flexbox div:not(.jsb-visual-shiny).jsb-hover-up a, .jin-flexbox div:not(.jsb-visual-shiny).jsb-hover-hop a { will-change: transform; }

.jin-flexbox .jsb-hover-down a:hover { transform: scale(0.95); }

.jin-flexbox .jsb-hover-up a:hover { transform: scale(1.05); }

.jin-flexbox .jsb-hover-hop a:hover { transform: translateY(-7px); box-shadow: 0px 5px 15px -5px #ddd; }

@media (max-width: 767px) { .jsb-sp-2col-off { display: block !important; text-align: center; }
  .jsb-sp-2col-off .jin-shortcode-button a { padding: 16px 80px; margin: 6px 0; }
  .jsb-sp-2col-off p { padding-bottom: 0; }
  .jsb-sp-2col-on .jin-shortcode-button a { padding: 12px 24px; font-size: 14px; } }

.jin-shortcode-button { transition: all 0.3s ease 0s; will-change: transform; margin-left: 5px; margin-right: 5px; }

.jin-shortcode-button a { display: inline-block; font-size: 17px; margin: 20px 0; background: #54dcef; border-radius: 50px; color: #fff !important; text-decoration: none !important; box-shadow: 0px 5px 15px -5px #ccc; text-align: center; }

@media (max-width: 767px) { .jin-shortcode-button a { padding: 15px 40px; } }

@media (min-width: 768px) { .jin-shortcode-button a { padding: 15px 40px; } }

@media (min-width: 1024px) { .jin-shortcode-button a { padding: 19px 80px; } }

.gb-two-button-box { text-align: center; }

.gb-two-button-box .jin-flexbox { display: inline-block; }

.gb-two-button-box .jin-shortcode-button { display: inline; }

@media (max-width: 767px) { .gb-two-button-box .jin-shortcode-button a { padding: 12px 30px; } }

@media (min-width: 768px) { .gb-two-button-box .jin-shortcode-button a { padding: 15px 30px; } }

@media (min-width: 1024px) { .gb-two-button-box .jin-shortcode-button a { padding: 15px 60px; } }

.gb-two-button-box .color-button01, .gb-two-button-box .color-button02 { display: inline-block; }

@media (max-width: 767px) { .gb-two-button-box .color-button01 a, .gb-two-button-box .color-button02 a { padding: 15px 20px !important; } }

@media (min-width: 768px) { .gb-two-button-box .color-button01 a, .gb-two-button-box .color-button02 a { padding: 15px 30px !important; } }

@media (min-width: 1024px) { .gb-two-button-box .color-button01 a, .gb-two-button-box .color-button02 a { padding: 15px 60px !important; } }

/* 吹き出し */
.balloon-box { position: relative; overflow: hidden; padding-bottom: 3px; }

.balloon-icon { position: absolute; top: 0; overflow: hidden; width: 80px; height: 80px; margin-bottom: 0; }

@media (max-width: 767px) { .balloon-icon { width: 60px; height: 60px; } }

.balloon-icon.maru { border: 2px solid #eee; border-radius: 40px; }

.icon-name { position: absolute; text-align: center; letter-spacing: 0; line-height: 0.7rem !important; color: #777; }

@media (max-width: 767px) { .icon-name { width: 60px; top: 62px; font-size: 9px; } }

@media (min-width: 768px) { .icon-name { width: 80px; top: 85px; font-size: 10px; } }

.balloon-icon img { width: 80px; height: auto; margin-bottom: 0 !important; }

@media (max-width: 767px) { .balloon-icon img { width: 60px; } }

.balloon-serif .balloon-content img.star { width: 24%; padding-bottom: 1px; margin-bottom: -3px !important; }

@media (max-width: 767px) { .balloon-serif .balloon-content img.star { width: 38%; padding-bottom: 2px; } }

.balloon-content p:last-of-type { padding-bottom: 0 !important; }

#postContent .balloon-content p { margin-top: 0; margin-bottom: 2.2rem; }

#postContent .balloon-content p:first-of-type, #postContent .balloon-content p:last-of-type { margin-top: 0; margin-bottom: 0; }

#postContent .balloon-content p:nth-last-child(2) { margin-bottom: 0; }

#postContent .balloon-content ul.jinr-list, #postContent .balloon-content ol.jinr-list { margin-top: 0; margin-bottom: 2.2rem; padding: 0 2.2rem; }

#postContent .balloon-content ul.jinr-list:last-of-type, #postContent .balloon-content ol.jinr-list:last-of-type { margin-bottom: 0; }

#postContent .balloon-content ol.jinr-list li { padding-left: 2.8rem; }

@media (max-width: 767px) { #postContent .balloon-content ol.jinr-list { padding: 0 1.6rem; } }

.balloon-left .balloon-icon { left: 0; }

.balloon-left .icon-name { left: 0; }

.balloon-left .balloon-serif { position: relative; float: left; margin: 0 105px 40px 105px; padding: 0; }

@media (max-width: 767px) { .balloon-left .balloon-serif { margin: 0 0px 30px 78px; } }

.balloon-left .balloon-serif p:last-of-type { margin-bottom: 0 !important; }

.balloon-left .balloon-serif:before { content: ''; position: absolute; left: -7px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 7px 10px 7px 0; z-index: 3; }

@media (max-width: 767px) { .balloon-left .balloon-serif:before { top: 13px; } }

@media (min-width: 768px) { .balloon-left .balloon-serif:before { top: 16px; } }

.balloon-left .balloon-serif:after { content: ''; position: absolute; left: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 8px 10px 8px 0; z-index: 2; }

@media (max-width: 767px) { .balloon-left .balloon-serif:after { top: 12px; } }

@media (min-width: 768px) { .balloon-left .balloon-serif:after { top: 15px; } }

.balloon-left .balloon-serif .balloon-content { position: relative; line-height: 2.4rem; border: 2px solid #ccc; background: #fff; border-radius: 6px; font-size: 0.95em; z-index: 2; }

@media (max-width: 767px) { .balloon-left .balloon-serif .balloon-content { padding: 1.28rem; } }

@media (min-width: 768px) { .balloon-left .balloon-serif .balloon-content { padding: 1.84rem; } }

.balloon-right .balloon-icon { right: 0; }

.balloon-right .icon-name { right: 0; }

.balloon-right .balloon-serif { position: relative; float: right; margin: 0 105px 40px 105px; padding: 0; }

@media (max-width: 767px) { .balloon-right .balloon-serif { margin: 0 78px 30px 0px; } }

.balloon-right .balloon-serif:before { content: ''; position: absolute; right: -7px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 7px 0px 7px 10px; z-index: 3; }

@media (max-width: 767px) { .balloon-right .balloon-serif:before { top: 13px; } }

@media (min-width: 768px) { .balloon-right .balloon-serif:before { top: 16px; } }

.balloon-right .balloon-serif:after { content: ''; position: absolute; right: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 8px 0px 8px 10px; z-index: 2; }

@media (max-width: 767px) { .balloon-right .balloon-serif:after { top: 12px; } }

@media (min-width: 768px) { .balloon-right .balloon-serif:after { top: 15px; } }

.balloon-right .balloon-serif .balloon-content { position: relative; line-height: 2.4rem; border: 2px solid; border-radius: 6px; font-size: 0.95em; z-index: 2; }

@media (max-width: 767px) { .balloon-right .balloon-serif .balloon-content { padding: 1.28rem; } }

@media (min-width: 768px) { .balloon-right .balloon-serif .balloon-content { padding: 1.84rem; } }

.balloon-box ol li { position: relative; display: block; padding: 1px 0px 5px 25px; margin-bottom: 0.15em; }

.balloon-box ol li:after { counter-increment: li; content: counter(li); position: absolute; left: 0px; top: 1.2em; padding: 0 0 0 0; height: 20px; width: 20px; color: #fff; text-align: center; font-size: 0.65em; border-radius: 11px; }

.balloon-right.balloon-gray .balloon-serif:after, .balloon-right.has-ccc-ballon .balloon-serif:after { border-color: transparent transparent transparent #ccc; }

.balloon-right.balloon-gray .balloon-content, .balloon-right.has-ccc-ballon .balloon-content { border-color: #ccc; }

.balloon-left.balloon-gray .balloon-serif:after, .balloon-left.has-ccc-ballon .balloon-serif:after { border-color: transparent #ccc transparent transparent; }

.balloon-left.balloon-gray .balloon-content, .balloon-left.has-ccc-ballon .balloon-content { border-color: #ccc; }

.balloon-right.balloon-bg-gray .balloon-serif:before, .balloon-right.has-efefef-bgballon .balloon-serif:before { border-color: transparent transparent transparent #efefef; }

.balloon-right.balloon-bg-gray .balloon-content, .balloon-right.has-efefef-bgballon .balloon-content { background: #efefef; }

.balloon-left.balloon-bg-gray .balloon-serif:before, .balloon-left.has-efefef-bgballon .balloon-serif:before { border-color: transparent #efefef transparent transparent; }

.balloon-left.balloon-bg-gray .balloon-content, .balloon-left.has-efefef-bgballon .balloon-content { background: #efefef; }

.balloon-right.balloon-blue .balloon-serif:after, .balloon-right.has-93-d-2-f-0-ballon .balloon-serif:after { border-color: transparent transparent transparent #93d2f0; }

.balloon-right.balloon-blue .balloon-content, .balloon-right.has-93-d-2-f-0-ballon .balloon-content { border-color: #93d2f0; }

.balloon-left.balloon-blue .balloon-serif:after, .balloon-left.has-93-d-2-f-0-ballon .balloon-serif:after { border-color: transparent #93d2f0 transparent transparent; }

.balloon-left.balloon-blue .balloon-content, .balloon-left.has-93-d-2-f-0-ballon .balloon-content { border-color: #93d2f0; }

.balloon-right.balloon-bg-blue .balloon-serif:before, .balloon-right.has-e-2-f-6-ff-bgballon .balloon-serif:before { border-color: transparent transparent transparent #e2f6ff; }

.balloon-right.balloon-bg-blue .balloon-content, .balloon-right.has-e-2-f-6-ff-bgballon .balloon-content { background: #e2f6ff; }

.balloon-left.balloon-bg-blue .balloon-serif:before, .balloon-left.has-e-2-f-6-ff-bgballon .balloon-serif:before { border-color: transparent #e2f6ff transparent transparent; }

.balloon-left.balloon-bg-blue .balloon-content, .balloon-left.has-e-2-f-6-ff-bgballon .balloon-content { background: #e2f6ff; }

.balloon-right.balloon-red .balloon-serif:after, .balloon-right.has-f-48789-ballon .balloon-serif:after { border-color: transparent transparent transparent #f48789; }

.balloon-right.balloon-red .balloon-content, .balloon-right.has-f-48789-ballon .balloon-content { border-color: #f48789; }

.balloon-left.balloon-red .balloon-serif:after, .balloon-left.has-f-48789-ballon .balloon-serif:after { border-color: transparent #f48789 transparent transparent; }

.balloon-left.balloon-red .balloon-content, .balloon-left.has-f-48789-ballon .balloon-content { border-color: #f48789; }

.balloon-right.balloon-bg-red .balloon-serif:before, .balloon-right.has-ffebeb-bgballon .balloon-serif:before { border-color: transparent transparent transparent #ffebeb; }

.balloon-right.balloon-bg-red .balloon-content, .balloon-right.has-ffebeb-bgballon .balloon-content { background: #ffebeb; }

.balloon-left.balloon-bg-red .balloon-serif:before, .balloon-left.has-ffebeb-bgballon .balloon-serif:before { border-color: transparent #ffebeb transparent transparent; }

.balloon-left.balloon-bg-red .balloon-content, .balloon-left.has-ffebeb-bgballon .balloon-content { background: #ffebeb; }

.balloon-right.balloon-green .balloon-serif:after, .balloon-right.has-9-ddd-93-ballon .balloon-serif:after { border-color: transparent transparent transparent #9ddd93; }

.balloon-right.balloon-green .balloon-content, .balloon-right.has-9-ddd-93-ballon .balloon-content { border-color: #9ddd93; }

.balloon-left.balloon-green .balloon-serif:after, .balloon-left.has-9-ddd-93-ballon .balloon-serif:after { border-color: transparent #9ddd93 transparent transparent; }

.balloon-left.balloon-green .balloon-content, .balloon-left.has-9-ddd-93-ballon .balloon-content { border-color: #9ddd93; }

.balloon-right.balloon-bg-green .balloon-serif:before, .balloon-right.has-d-1-f-8-c-2-bgballon .balloon-serif:before { border-color: transparent transparent transparent #d1f8c2; }

.balloon-right.balloon-bg-green .balloon-content, .balloon-right.has-d-1-f-8-c-2-bgballon .balloon-content { background: #d1f8c2; }

.balloon-left.balloon-bg-green .balloon-serif:before, .balloon-left.has-d-1-f-8-c-2-bgballon .balloon-serif:before { border-color: transparent #d1f8c2 transparent transparent; }

.balloon-left.balloon-bg-green .balloon-content, .balloon-left.has-d-1-f-8-c-2-bgballon .balloon-content { background: #d1f8c2; }

.balloon-right.balloon-yellow .balloon-serif:after, .balloon-right.has-ffd-75-e-ballon .balloon-serif:after { border-color: transparent transparent transparent #ffd75e; }

.balloon-right.balloon-yellow .balloon-content, .balloon-right.has-ffd-75-e-ballon .balloon-content { border-color: #ffd75e; }

.balloon-left.balloon-yellow .balloon-serif:after, .balloon-left.has-ffd-75-e-ballon .balloon-serif:after { border-color: transparent #ffd75e transparent transparent; }

.balloon-left.balloon-yellow .balloon-content, .balloon-left.has-ffd-75-e-ballon .balloon-content { border-color: #ffd75e; }

.balloon-right.balloon-bg-yellow .balloon-serif:before, .balloon-right.has-fff-8-d-1-bgballon .balloon-serif:before { border-color: transparent transparent transparent #fff8d1; }

.balloon-right.balloon-bg-yellow .balloon-content, .balloon-right.has-fff-8-d-1-bgballon .balloon-content { background: #fff8d1; }

.balloon-left.balloon-bg-yellow .balloon-serif:before, .balloon-left.has-fff-8-d-1-bgballon .balloon-serif:before { border-color: transparent #fff8d1 transparent transparent; }

.balloon-left.balloon-bg-yellow .balloon-content, .balloon-left.has-fff-8-d-1-bgballon .balloon-content { background: #fff8d1; }

.balloon-right.balloon-bg-none .balloon-serif:before, .balloon-right.has-fff-bgballon .balloon-serif:before { border-color: transparent transparent transparent #fff; }

.balloon-right.balloon-bg-none .balloon-content, .balloon-right.has-fff-bgballon .balloon-content { background: #fff; }

.balloon-left.balloon-bg-none .balloon-serif:before, .balloon-left.has-fff-bgballon .balloon-serif:before { border-color: transparent #fff transparent transparent; }

.balloon-left.balloon-bg-none .balloon-content, .balloon-left.has-fff-bgballon .balloon-content { background: #fff; }

.balloon-left.balloon-none .balloon-serif:after, .balloon-left.balloon-none .balloon-content, .balloon-right.balloon-none .balloon-serif:after, .balloon-right.balloon-none .balloon-content, .balloon-left.has-fff-ballon .balloon-serif:after, .balloon-left.has-fff-ballon .balloon-content, .balloon-right.has-fff-ballon .balloon-serif:after, .balloon-right.has-fff-ballon .balloon-content { border-color: transparent; }

.balloon-left.balloon-none .balloon-serif:before, .balloon-left.has-fff-ballon .balloon-serif:before { left: -9px; }

.balloon-right.balloon-none .balloon-serif:before, .balloon-right.has-fff-ballon .balloon-serif:before { right: -9px; }

/*ランキング用の装飾*/
.ranking-number { height: auto; }

@media (max-width: 767px) { .ranking-number { width: 45px; } }

@media (min-width: 768px) { .ranking-number { width: 52px; } }

.ranking-number-girly { height: auto; }

@media (max-width: 767px) { .ranking-number-girly { width: 45px; } }

@media (min-width: 768px) { .ranking-number-girly { width: 50px; } }

.ranking-number-rich { height: auto; }

@media (max-width: 767px) { .ranking-number-rich { width: 35px; } }

@media (min-width: 768px) { .ranking-number-rich { width: 38px; } }

h2 .ranking-number, h3 .ranking-number { height: auto; float: left; position: relative; margin-right: 3px; margin-top: -3px; }

@media (max-width: 767px) { h2 .ranking-number, h3 .ranking-number { width: 45px; } }

@media (min-width: 768px) { h2 .ranking-number, h3 .ranking-number { width: 52px; } }

h2 .ranking-number-rich, h3 .ranking-number-rich { height: auto; float: left; position: relative; margin-right: 3px; margin-top: -5px; z-index: 1; }

@media (max-width: 767px) { h2 .ranking-number-rich, h3 .ranking-number-rich { width: 35px; } }

@media (min-width: 768px) { h2 .ranking-number-rich, h3 .ranking-number-rich { width: 38px; } }

h2 .ranking-number-girly, h3 .ranking-number-girly { height: auto; float: left; position: relative; margin-right: 3px; margin-top: -7px; z-index: 1; }

@media (max-width: 767px) { h2 .ranking-number-girly, h3 .ranking-number-girly { width: 45px; } }

@media (min-width: 768px) { h2 .ranking-number-girly, h3 .ranking-number-girly { width: 50px; } }

h2 .ranking-number:after, h3 .ranking-number:after, h2 .ranking-number-rich:after, h3 .ranking-number-rich:after, h2 .ranking-number-girly:after, h3 .ranking-number-girly:after { content: ''; position: absolute; clear: both; }

.jin-ac-box01, .jin-ac-box02 { margin-bottom: 20px; }

.jin-ac-box01 img, .jin-ac-box02 img { height: auto; }

.jin-ac-box01-title, .jin-ac-box02-title { padding: 15px 20px; padding-right: 55px; box-shadow: 0 2px 6px 0px #dedede; font-weight: bold; border-radius: 4px; position: relative; font-size: 1.76rem; line-height: 2.5rem; z-index: 1; background: #fff; }

@media (max-width: 767px) { .jin-ac-box01-title, .jin-ac-box02-title { font-size: 1.6rem; line-height: 2.24rem; padding-right: 50px; } }

.jin-ac-box01-title::after, .jin-ac-box02-title::after { position: absolute; content: '\e932'; font-family: 'jin-icons'; right: 20px; top: 17px; transition: all 0.5s; }

@media (max-width: 767px) { .jin-ac-box01-title::after, .jin-ac-box02-title::after { right: 15px; top: 15px; } }

.jin-ac-box02-title { padding-left: 55px; }

@media (max-width: 767px) { .jin-ac-box02-title { padding-left: 50px; } }

.jin-ac-box02-title::before { position: absolute; content: '\e99d'; font-family: 'jin-icons'; left: 20px; top: 16px; font-size: 1.25em; color: #4f5ed2; }

.jin-ac-box02-title::after { color: #4f5ed2; }

.jin-ac-box01-inner, .jin-ac-box02-inner { border-radius: 4px; margin-top: 15px; }

.jin-ac-box01-inner p, .jin-ac-box02-inner p { font-size: 1.52rem; margin-bottom: 0 !important; padding-bottom: 3.2rem !important; }

.jin-ac-box01-inner p:not(:first-of-type), .jin-ac-box02-inner p:not(:first-of-type) { margin-top: 0 !important; }

@media (max-width: 767px) { .jin-ac-box01-inner p, .jin-ac-box02-inner p { line-height: 2.32rem; padding-bottom: 2.4rem !important; } }

.jin-ac-box01-inner { padding: 30px 30px 0px 30px; background: #f7f7f7; }

@media (max-width: 767px) { .jin-ac-box01-inner { padding: 20px 20px 0px 20px; } }

.jin-ac-box02-inner { position: relative; padding: 30px 30px 0px 55px; background: #fff5f4; }

@media (max-width: 767px) { .jin-ac-box02-inner { padding: 25px 20px 0px 50px; } }

.jin-ac-box02-inner::before { position: absolute; content: '\e99c'; font-family: 'jin-icons'; left: 20px; top: 27px; font-size: 1.25em; color: #f1487c; }

@media (max-width: 767px) { .jin-ac-box02-inner::before { top: 22px; } }

.jin-ac-box01-inner, .jin-ac-box02-inner { opacity: 0; transition: all 0.1s; transform: translateY(-20px); position: absolute; visibility: hidden; }

.jin-ac-box01-inner.open, .jin-ac-box02-inner.open { opacity: 1; transition: all 0.5s; transform: translateY(0px); position: relative; visibility: visible; }

.jin-ac-box01-title.open::after, .jin-ac-box02-title.open::after { transition: all 0.5s; transform: rotate(180deg) translateY(3px); }
/*# sourceMappingURL=style.css.map */