@charset "UTF-8";
/*! --------------------------------------------------------------------
------------------------------------------------------------------------
post
------------------------------------------------------------------------
--------------------------------------------------------------------- */
/* ========================================================
.sec-post
======================================================== */
.sec-post { margin-top: 32px; }

.sec-post .mov-block { float: left; width: 30%; }

.sec-post .info-block { float: right; padding-left: 32px; width: 70%; }

.sec-post .intro-block { float: right; padding-left: 32px; width: 70%; }

@media screen and (max-width: 767px) { .sec-post { margin-top: 24px; }
  .sec-post .main-box { display: block; }
  .sec-post .intro-block, .sec-post .mov-block, .sec-post .info-block { padding: 0; float: none; }
  .sec-post .intro-block { width: 100%; }
  .sec-post .mov-block { margin-top: 24px; width: 100%; }
  .sec-post .info-block { padding: 0; width: 100%; } }

.sec-post .mov-block .video { width: 100%; }

/* .top-parts
=========================================== */
.sec-post .intro-block .top-parts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

/* .category
=========================================== */
.sec-post .intro-block .category { margin-left: 16px; }

.sec-post .intro-block .category a { display: inline-block; font-size: 1.6rem; font-family: "ヒラギノ角ゴシック", "游ゴシック", sans-serif; font-weight: 700; padding: 12px 24px; border-radius: 8px; color: #fff; background-image: -webkit-gradient(linear, left top, right top, from(#4060ab), color-stop(51%, #46b3e7), to(#4060ab)); background-image: linear-gradient(to right, #4060ab 0%, #46b3e7 51%, #4060ab 100%); background-size: 200% auto; -webkit-transition: background-position 0.4s cubic-bezier(0.4, 0.1, 0.3, 1); transition: background-position 0.4s cubic-bezier(0.4, 0.1, 0.3, 1); }

.sec-post .intro-block .category a:hover { background-position: right center; }

@media screen and (max-width: 767px) { .sec-post .intro-block .category { margin-left: 12px; }
  .sec-post .intro-block .category a { display: inline-block; font-size: 1.2rem; font-family: "ヒラギノ角ゴシック", "游ゴシック", sans-serif; font-weight: 700; padding: 8px 16px; border-radius: 4px; color: #fff; } }

/* .post-date
=========================================== */
.sec-post .intro-block .post-date { font-size: 1.6rem; font-family: "ヒラギノ角ゴシック", "游ゴシック", sans-serif; font-weight: 700; padding-left: 22px; position: relative; }

.sec-post .intro-block .post-date:before { position: absolute; display: block; left: 0; top: calc(50% - 8px); content: ''; background-size: contain; background-repeat: no-repeat; background-image: url("../img/common/base/date_ico01.svg"); width: 16px; height: 16px; }

@media screen and (max-width: 767px) { .sec-post .intro-block .post-date { font-size: 1.2rem; padding-left: 16px; }
  .sec-post .intro-block .post-date:before { top: calc(50% - 6px); width: 12px; height: 12px; } }

/* .mov-ttl
=========================================== */
.sec-post .intro-block .mov-ttl { margin-top: 24px; line-height: 1.4; font-family: "ヒラギノ角ゴシック", "游ゴシック", sans-serif; font-weight: 700; font-size: 2.6rem; }

@media screen and (max-width: 767px) { .sec-post .intro-block .mov-ttl { margin-top: 12px; line-height: 1.4; font-family: "ヒラギノ角ゴシック", "游ゴシック", sans-serif; font-weight: 700; font-size: 2rem; } }

/* .creator
=========================================== */
.sec-post .intro-block .creator { display: inline-block; }

.sec-post .intro-block .creator a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 16px; }

.sec-post .intro-block .creator__img { display: block; width: 40px; height: 40px; border-radius: 100px; -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.12); box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.12); background-size: contain; overflow: hidden; -webkit-transition: -webkit-box-shadow 0.4s cubic-bezier(0.4, 0.1, 0.3, 1); transition: -webkit-box-shadow 0.4s cubic-bezier(0.4, 0.1, 0.3, 1); transition: box-shadow 0.4s cubic-bezier(0.4, 0.1, 0.3, 1); transition: box-shadow 0.4s cubic-bezier(0.4, 0.1, 0.3, 1), -webkit-box-shadow 0.4s cubic-bezier(0.4, 0.1, 0.3, 1); }

.sec-post .intro-block .creator a:hover .creator__img { -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.28); box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.28); }

.sec-post .intro-block .creator__name { width: calc(100% - 40px); font-size: 1.4rem; line-height: 1.3; padding-left: 8px; color: #4060ab; }

.sec-post .intro-block .creator__name:after { margin-left: 4px; display: inline-block; content: ''; background-size: contain; background-repeat: no-repeat; background-image: url("../img/common/base/auth_ico01.svg"); width: 12px; height: 12px; vertical-align: -5%; }

/* .post-content
=========================================== */
.sec-post .post-content { margin-top: 24px; }

.sec-post .post-content p { margin-top: 4px; font-size: 1.4rem; line-height: 1.8; }

@media screen and (max-width: 767px) { .sec-post .post-content p { margin-top: 4px; font-size: 1.3rem; line-height: 1.8; } }

.sec-post .post-content h2, .sec-post .post-content h3, .sec-post .post-content h4, .sec-post .post-content h5, .sec-post .post-content h6 { font-family: "ヒラギノ角ゴシック", "游ゴシック", sans-serif; font-weight: 700; margin-top: 16px; line-height: 1.4; }

@media screen and (max-width: 767px) { .sec-post .post-content h2, .sec-post .post-content h3, .sec-post .post-content h4, .sec-post .post-content h5, .sec-post .post-content h6 { line-height: 1.4; } }

.sec-post .post-content h2 { font-size: 2.1rem; padding: 12px; background-color: #f0f3fa; border-radius: 8px; margin-bottom: 8px; }

@media screen and (max-width: 767px) { .sec-post .post-content h2 { font-size: 1.9rem; margin-bottom: 6px; } }

.sec-post .post-content h3 { font-size: 1.9rem; }

@media screen and (max-width: 767px) { .sec-post .post-content h3 { font-size: 1.7rem; } }

.sec-post .post-content h4 { font-size: 1.6rem; }

@media screen and (max-width: 767px) { .sec-post .post-content h4 { font-size: 1.5rem; } }

.sec-post .post-content ul, .sec-post .post-content ol { margin: 16px 0 16px 16px; line-height: 1.4; }

.sec-post .post-content ul { list-style-type: disc; }

.sec-post .post-content ol { list-style-type: decimal; }

.sec-post .post-content li { display: list-item; }

.sec-post .post-content li + li { margin-top: 8px; }

.sec-post .post-content table { margin: 20px 0; padding: 0; line-height: 1.5; }

.sec-post .post-content th, .sec-post .post-content td { padding: 8px; }

.sec-post .post-content th { border: 1px solid #8e8e8e; background: #ffecc4; font-weight: 700; }

.sec-post .post-content td { border: 1px solid #8e8e8e; }

.sec-post .post-content figure { margin-top: 4px; }

.sec-post .post-content .wp-block-image { margin-top: 20px; }

.sec-post .post-content a { color: #008fe9; text-decoration: underline; }

.sec-post .info-block .separate-line { border: none; width: 100%; height: 1px; margin: 32px 0; background-color: #949494; }

.sec-post .info-block .tag-parts { margin-top: 16px; }

.sec-post .info-block .tag-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -8px; }

.sec-post .info-block .tag-list__item { margin: 8px 0 0 8px; display: inline-block; }

.sec-post .info-block .tag-list__item__in { color: #4060ab; font-family: "ヒラギノ角ゴシック", "游ゴシック", sans-serif; font-weight: 700; font-size: 1.3rem; line-height: 1.3; text-align: center; display: inline-block; background: #4060ab; border-radius: 8px; position: relative; }

.sec-post .info-block .tag-list__item a { display: block; padding: 8px 12px; background-color: #fff; margin: 1px; border-radius: 7px; -webkit-transition: all 0.4s cubic-bezier(0.4, 0.1, 0.3, 1); transition: all 0.4s cubic-bezier(0.4, 0.1, 0.3, 1); }

.sec-post .info-block .tag-list__item a:before { content: '#'; }

.sec-post .info-block .tag-list__item a:hover { background-color: #cbd5ec; }

/* .sec-mv__img
=========================================== */
.sec-mv__img { text-align: center; }
/*# sourceMappingURL=post-single.min.css.map */