@charset "UTF-8";

/* Reset Tiny MCE */
.the_content ol,
.the_content ul {
    padding-left: 40px;
}

.the_content ol {
    list-style: decimal;
}

.the_content ul {
    list-style: disc;
}

/* blog detail */

.img-featured {
    text-align: center;
}

@media (min-width: 751px) {
    .news-container .news-featured .thumb {
        width: auto;
        text-align: center;
    }
    .article-item .txt a {
        display: inline-block;
        line-height: 1.8;
    }
}

/* rwd */

@media (max-width: 750px) {
    .single-news .news-detail {
        padding-bottom: 15px;
    }

    .post-single .article-panel {
        margin-bottom: 0.5rem;
    }
}

/* flexible rows */

.flexible-contents {
    border-bottom: 3px solid #C1C1C1;
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.flexible-row .panel-ttl {
    padding-bottom: 5px;
    margin-bottom: 28px;
    position: relative;
    font-size: 24px;
    font-weight: normal !important;
}
.flexible-row .panel-ttl:after {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: #8cc423;
    border-radius: 2px;
    margin-top: 7px;
}
.flexible-row .sttl {
    font-size: 20px;
    line-height: 1;
    font-weight: normal !important;
    border-left: 2px solid #646464;
    padding-left: 5px;
    margin: 40px 0;
}
.flexible-row .panel-ct {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 40px;
}
.flexible-row .panel-ct:after {
    content: "";
    display: table;
    clear: both;
}
.flexible-row .panel-ct p {
    margin-bottom: 20px;
}
.post-single .flexible-row .wp-caption + *:before {
    content: "";
    display: table;
    clear: both;
}
.post-single .flexible-row .wp-caption:before {
    display: none;
}
.flexible-row .code.lang-sh {
    width: auto;
}
.flexible-row .wp-caption-text,
.wp-caption {
    text-align: center;
}

@media (max-width: 750px) {
    .flexible-contents {
        border-bottom: 1px solid #C1C1C1;
        margin-bottom: .3rem;
        padding-bottom: 0;
    }
    .flexible-row .panel-ttl {
        font-size: 16px;
        margin-bottom: 16px;
        border-bottom: 0;
    }
    .flexible-row .sttl {
        font-size: 14px;
        line-height: 1.5;
        margin: 25px 0;
    }
    .flexible-row .panel-ct {
        font-size: 14px;
    }
    .flexible-row .panel-ct p {
        margin-bottom: 1em;
    }
}

.form-radio-field input[type="radio"],
.form-checkbox-field input[type="checkbox"] {
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
}

.form-body table {
  table-layout: fixed;
  max-width: 612px;
}
.trial .form-body table {
	max-width: 450px;
	margin: 0 auto;
}

@media (max-width: 750px) {
  .form-radio-field .form-radio-field-text:before {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    top: 50%;
    transform: translateY(-50%);
  }
}

/* seminar */
.seminar-detail .consultation {
  margin-bottom: 25px;
}

@media only screen and (max-width: 750px) {
  .seminar-detail .consultation {
    margin-bottom: 1em;
  }
}

/* modified date for blog */
@media (min-width: 751px) {
  .post-single .date {
    display: flex;
  }
  .post-single .date-list {
    width: 150px;
    flex-shrink: 0;
  }
}

/* Linkcard */
.linkcard {
    margin-top: 2em;
}
.linkcard .lkc-external-wrap {
    max-width: 670px;
    margin: 0 auto;
    padding: 20px 17px 13px;
    border-color: #d5d5d5;
    background-color: transparent;
}
.linkcard .lkc-external-wrap:before {
    content: "あわせて読みたい";
    position: absolute;
    top: -1px;
    left: -1px;
    background: #8cc423;
    color: #fff;
    line-height: 1.2;
    padding: 3px 12px;
    font-size: 12px;
    font-weight: 500;
}
.linkcard .lkc-title {
    margin: 0 0 8px;
}
.linkcard .lkc-title-text {
    font-weight: 500;
}
.linkcard .lkc-title-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.linkcard .lkc-content {
    box-shadow: none;
    background-color: #E6F2D8;
    height: auto;
}
.linkcard .lkc-thumbnail {
    position: relative;
    overflow: hidden;
}
.linkcard .lkc-thumbnail .lkc-thumbnail-img {
    max-height: none;
    max-width: none;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.linkcard .lkc-excerpt {
    font-size: 12px;
    line-height: 19px;
}

@media print, (min-width: 751px) {
    .linkcard .lkc-thumbnail {
        width: 120px;
        height: 80px;
        max-width: 120px;
        margin: 0 0 0 20px;
    }
    .linkcard .lkc-title-text {
        -webkit-line-clamp: 2;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .linkcard .lkc-external-wrap::before {
        padding: 5px 12px 1px;
    }
    .linkcard .lkc-thumbnail .lkc-thumbnail-img {
        width: auto;
        max-width: none;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .linkcard .lkc-title-text {
        max-height: 44px;
    }
}

@media only screen and (max-width: 750px) {
    .linkcard .lkc-external-wrap {
        padding: 19px 8px 2px;
    }
    .linkcard .lkc-external-wrap:before {
        font-size: 11px;
        padding: 4px 11px;
    }
    .linkcard .lkc-thumbnail {
        width: 33%;
        height: 0;
        padding: 0 0 21.5%;
        margin: 0;
        max-width: none;
    }
    .linkcard .lkc-title {
        width: 67%;
        margin: 0;
        padding-right: 12px;
    }
    .linkcard .lkc-title-text {
        -webkit-line-clamp: 4;
        font-size: 12px;
        line-height: 22px;
    }
    .linkcard .lkc-excerpt {
        display: none;
    }
}

.post-single .flexible-row blockquote {
    padding-left: 40px;
}
.post-single .flexible-row ul,
.post-single .flexible-row ol {
    margin-bottom: 1.5em;
    padding-left: 40px;
}
.post-single .flexible-row ol {
    list-style: decimal;
}
.post-single .flexible-row ul {
    list-style: disc;
}
.post-single .flexible-row h1 {
    margin-bottom: 1.5em;
    font-size: 1.6em;
    font-weight: bold;
}
.post-single .flexible-row h4,
.post-single .flexible-row h5,
.post-single .flexible-row h6 {
    margin-bottom: 1.5em;
    font-size: 1em;
    font-weight: bold;
}
.post-single .flexible-row b,
.post-single .flexible-row strong {
    font-weight: bold;
}
.post-single .flexible-row i,
.post-single .flexible-row em {
    font-style: italic;
}
.post-single .flexible-row table {
    border-width: 1px;
}
.post-single .flexible-row tbody, .post-single .flexible-row thead, .post-single .flexible-row tr, .post-single .flexible-row th, .post-single .flexible-row td {
    border-color: inherit;
}
.post-single .flexible-row th, .post-single .flexible-row td {
    border-width: 1px;
    border-style: solid;
    padding: 5px;
}

.new-style-blog .flexible-contents .flexible-row.row-content h3 {
  margin-bottom: 20px;
}

.post-password-form {
  margin: 1em auto;
  width: 400px;
  padding: 0.5em;
  border: 1px solid;
  font-size: 1.25em;
}
.post-password-form input {
  border: 1px solid;
}
@media only screen and (max-width: 750px) {
  .post-password-form {
    width: 100%;
  }
}