@import url(common.css);
.eyecatch--blog-index {
  background: url(../img/blog/img-eyecatch.jpg) no-repeat center top/cover;
  width: 1200px;
  max-width: 90%; }
  .eyecatch--blog-index:after {
    padding-top: 16.6666667%; }

.blog {
  padding: 30px 0 80px; }
  .blog__container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 1440px;
    padding: 80px 3.5% 0;
    margin: auto; }
    .blog__container--single {
      padding: 0 3.5%; }
  .blog__main {
    display: block;
    width: 70%;
    padding: 0 1.5%; }
  .blog__sidebar {
    width: 30%;
    padding: 0 1.5%; }
    .blog__sidebar__container:not(:last-child) {
      margin-bottom: 30px; }
    .blog__sidebar__header {
      position: relative;
      height: 40px;
      line-height: 40px;
      font-size: 1.8rem;
      font-weight: bold;
      text-align: left;
      white-space: nowrap;
      overflow: hidden;
      background: #EAB886;
      border-radius: 5px 5px 0 0;
      padding-left: 50px; }
      .blog__sidebar__header::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 15px;
        width: 20px;
        height: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      .blog__sidebar__header--ranking::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2019%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3A%231b2b47%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%221%2018%201%204.41%205.22%208.63%209%202.02%2012.78%208.63%2017%204.41%2017%2018%201%2018%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M9%2C4l2.26%2C4%2C1.3%2C2.28%2C1.85-1.86L16%2C6.83V17H2V6.83L3.59%2C8.41l1.85%2C1.86L6.74%2C8%2C9%2C4M9%2C0%2C5%2C7%2C0%2C2V19H18V2L13%2C7%2C9%2C0Z%22%2F%3E%3C%2Fsvg%3E"); }
      .blog__sidebar__header--latest::after {
        background-image: url("data:image/svg+xml;charset=utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-3%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3A%231b2b47%3B%7D.cls-3%7Bstroke%3A%231b2b47%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A3px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%228.25%22%20cy%3D%228.25%22%20r%3D%227.25%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M8.25%2C2A6.25%2C6.25%2C0%2C1%2C1%2C2%2C8.25%2C6.25%2C6.25%2C0%2C0%2C1%2C8.25%2C2m0-2A8.25%2C8.25%2C0%2C1%2C0%2C16.5%2C8.25%2C8.25%2C8.25%2C0%2C0%2C0%2C8.25%2C0Z%22%2F%3E%3Cline%20class%3D%22cls-3%22%20x1%3D%2214%22%20y1%3D%2214%22%20x2%3D%2217.5%22%20y2%3D%2217.5%22%2F%3E%3C%2Fsvg%3E"); }
      .blog__sidebar__header--archive::after {
        background-image: url("data:image/svg+xml;charset=utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2019.84%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3A%231b2b47%3B%7D.cls-3%7Bfill%3Anone%3Bstroke%3A%231b2b47%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20x%3D%221%22%20y%3D%223.16%22%20width%3D%2219%22%20height%3D%2215.68%22%20rx%3D%221.37%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M18.63%2C4.16a.37.37%2C0%2C0%2C1%2C.37.37V17.47a.37.37%2C0%2C0%2C1-.37.37H2.37A.37.37%2C0%2C0%2C1%2C2%2C17.47V4.53a.37.37%2C0%2C0%2C1%2C.37-.37H18.63m0-2H2.37A2.37%2C2.37%2C0%2C0%2C0%2C0%2C4.53V17.47a2.37%2C2.37%2C0%2C0%2C0%2C2.37%2C2.37H18.63A2.37%2C2.37%2C0%2C0%2C0%2C21%2C17.47V4.53a2.37%2C2.37%2C0%2C0%2C0-2.37-2.37Z%22%2F%3E%3Cline%20class%3D%22cls-3%22%20x1%3D%2210.5%22%20y1%3D%221%22%20x2%3D%2210.5%22%20y2%3D%225%22%2F%3E%3Cline%20class%3D%22cls-3%22%20x1%3D%226%22%20y1%3D%221%22%20x2%3D%226%22%20y2%3D%225%22%2F%3E%3Cline%20class%3D%22cls-3%22%20x1%3D%2215%22%20y1%3D%221%22%20x2%3D%2215%22%20y2%3D%225%22%2F%3E%3Crect%20class%3D%22cls-2%22%20x%3D%225%22%20y%3D%228%22%20width%3D%223%22%20height%3D%223%22%2F%3E%3Crect%20class%3D%22cls-2%22%20x%3D%229%22%20y%3D%228%22%20width%3D%223%22%20height%3D%223%22%2F%3E%3Crect%20class%3D%22cls-2%22%20x%3D%2213%22%20y%3D%228%22%20width%3D%223%22%20height%3D%223%22%2F%3E%3Crect%20class%3D%22cls-2%22%20x%3D%225%22%20y%3D%2212%22%20width%3D%223%22%20height%3D%223%22%2F%3E%3Crect%20class%3D%22cls-2%22%20x%3D%229%22%20y%3D%2212%22%20width%3D%223%22%20height%3D%223%22%2F%3E%3Crect%20class%3D%22cls-2%22%20x%3D%2213%22%20y%3D%2212%22%20width%3D%223%22%20height%3D%223%22%2F%3E%3C%2Fsvg%3E"); }
      .blog__sidebar__header--category::after {
        background-image: url("data:image/svg+xml;charset=utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015.5%2018.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3A%231b2b47%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%227.48%2012.31%201%2016.63%201%201%2014.5%201%2014.5%2016.7%207.48%2012.31%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M13.5%2C2V14.89L8.56%2C11.8l-1.1-.68-1.07.72L2%2C14.76V2H13.5m2-2H0V18.5l7.5-5%2C8%2C5V0Z%22%2F%3E%3C%2Fsvg%3E"); }
  .blog__articles {
    margin-bottom: 20px; }
  .blog-excerpt {
    position: relative;
    padding: 30px 0;
    border-bottom: 1px dotted #1B2B47; }
    .blog-excerpt__inner {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
    .blog-excerpt__image {
      align-self: flex-start;
      width: 30%;
      overflow: hidden;
      border-radius: 15px; }
    .blog-excerpt__thumb {
      width: 100%;
      transition: transform .5s; }
    .blog-excerpt__desc {
      width: 70%;
      padding: 0 30px; }
    .blog-excerpt__ttl {
      font-size: 2.2rem;
      font-weight: bold;
      text-align: left;
      margin-bottom: .5rem;
      transition: color .5s;
      height: 100px; }
    .blog-excerpt__date {
      display: block;
      margin-bottom: .5rem; }
    .blog-excerpt__meta {
      font-size: 1.4rem;
      line-height: 1.8; }
      .blog-excerpt__meta::after {
        content: '';
        display: block;
        clear: both; }
    .blog-excerpt__category {
      display: inline-block;
      position: relative;
      float: left;
      padding-right: 1.5rem;
      margin-right: 1.5rem; }
      .blog-excerpt__category::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: 1.4rem;
        background-color: #1B2B47;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
    .blog-excerpt:hover .blog-excerpt__thumb {
      -webkit-transform: scale3d(1.1, 1.1, 1);
      -ms-transform: scale3d(1.1, 1.1, 1);
      transform: scale3d(1.1, 1.1, 1); }
    .blog-excerpt:hover .blog-excerpt__ttl {
      color: #877555; }
  .blog-ranking__item {
    border-bottom: 1px dotted #1B2B47; }
  .blog-ranking__container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    padding: 15px 0; }
    .blog-ranking__container:hover .blog-ranking__ttl {
      color: #877555; }
  .blog-ranking__image {
    align-self: flex-start;
    position: relative;
    width: 50%; }
  .blog-ranking__thumb {
    border-radius: 15px; }
  .blog-ranking__meta {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 50%;
    padding: 0 10px; }
  .blog-ranking__ttl {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: left;
    transition: color .5s;
    height: 70px;
    overflow: hidden; }
  .blog-ranking__date {
    display: block;
    margin-top: auto; }
  .blog-ranking__rank {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 24px;
    color: #fff;
    text-align: center;
    z-index: 1; }
    .blog-ranking__rank::before, .blog-ranking__rank::after {
      content: '';
      position: absolute;
      left: 0;
      z-index: -1; }
    .blog-ranking__rank::before {
      top: -25px;
      border: 18px solid transparent;
      border-bottom: 23px solid #9A851F; }
    .blog-ranking__rank::after {
      top: 0;
      border: 18px solid #9A851F;
      border-top: 5px solid transparent; }
    .blog-ranking__rank--1::before {
      border: 18px solid transparent;
      border-bottom: 23px solid #9A851F; }
    .blog-ranking__rank--1::after {
      border: 18px solid #9A851F;
      border-top: 5px solid transparent; }
    .blog-ranking__rank--2::before {
      border: 18px solid transparent;
      border-bottom: 23px solid #727272; }
    .blog-ranking__rank--2::after {
      border: 18px solid #727272;
      border-top: 5px solid transparent; }
    .blog-ranking__rank--3::before {
      border: 18px solid transparent;
      border-bottom: 23px solid #90662D; }
    .blog-ranking__rank--3::after {
      border: 18px solid #90662D;
      border-top: 5px solid transparent; }
    .blog-ranking__rank--4, .blog-ranking__rank--5 {
      display: none; }
      .blog-ranking__rank--4::before, .blog-ranking__rank--4::after, .blog-ranking__rank--5::before, .blog-ranking__rank--5::after {
        display: none; }
  .blog-latest {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 15px; }
    .blog-latest__item {
      display: inline-block;
      flex-grow: 0; }
      .blog-latest__item:not(:last-child) {
        margin-right: .5rem; }
    .blog-latest__tag {
      display: inline-block;
      font-size: 1.4rem;
      border: 1px solid currentColor;
      padding: 0 .5rem;
      transition: all .5s;
      margin-bottom: 5px; }
      .blog-latest__tag:hover {
        color: #877555; }
  .blog-listing__item {
    border-bottom: 1px dotted #1B2B47; }
  .blog-listing__link {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 8px 0 8px 25px;
    transition: padding .5s; }
    .blog-listing__link::before {
      content: '';
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 0;
      width: 14px;
      height: 14px;
      background: #EAB886;
      border-radius: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .blog-listing__link:hover {
      padding-left: 30px; }
  .blog-article {
    border: 2px solid #1B2B47;
    border-radius: 30px;
    overflow: hidden;
    margin-bottom: 50px; }
    .blog-article__headline {
      background: #1B2B47;
      color: #fff;
      padding: 3.5%; }
    .blog-article__ttl {
      font-size: 2.4rem;
      text-align: left;
      margin-bottom: 15px; }
    .blog-article__meta {
      font-size: 1.2rem; }
      .blog-article__meta::after {
        content: '';
        display: block;
        clear: both; }
    .blog-article__date {
      float: left;
      margin-right: 1.5rem; }
    .blog-article__category {
      float: left;
      position: relative;
      padding-right: 1.5rem;
      margin-right: 1.5rem; }
      .blog-article__category::after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: 1.2rem;
        background: #fff;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
    .blog-article__inner {
      padding: 3.5% 3.5% 0;
      counter-reset: number 0; }
    .blog-article__section {
      padding: 35px 0; }
    .blog-article__subsection {
      padding: 15px 0; }
    .blog-article__heading {
      position: relative;
      text-align: left;
      padding: 5px 5px 5px 15px;
      border-left: 5px solid #EAB886;
      border-bottom: 3px solid #EAB886;
      margin-bottom: 20px; }
    .blog-article__desc p, .blog-article__desc ul, .blog-article__desc ol {
      line-height: 2.4;
      letter-spacing: .005em; }
    .blog-article__desc:not(:last-of-type) {
      margin-bottom: 2rem; }
    .blog-article__subheading {
      font-size: 1.8rem;
      text-align: left;
      border-bottom: 1px solid #EAB886;
      padding-bottom: 10px;
      margin-bottom: 10px; }
    .blog-article__image {
      margin: 10px 0; }
      .blog-article__image img {
        max-width: 100%;
        height: auto; }
      .blog-article__image .caption {
        margin-top: 8px; }
    .blog-article__btn {
      text-align: center;
      margin-bottom: 30px; }
      .blog-article__btn a {
        display: inline-block;
        border: solid 1px #1B2B47;
        padding: 16px 15px;
        border-radius: 8px;
        min-width: 400px;
        max-width: 60%;
        margin: 0 auto;
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
        color: #fff;
        background: #1B2B47;
        word-break: break-all;
        text-decoration: none;
        transition: .2s ease; }
      .blog-article__btn a:hover {
        background: #fff !important;
        color: #1B2B47; }
    .blog-article__imgtxt {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      .blog-article__imgtxt .image {
        width: 180px;
        height: 180px;
        position: relative;
        overflow: hidden; }
        .blog-article__imgtxt .image img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          height: 100%;
          width: auto;
          min-width: initial;
          max-width: initial;
          margin: 0; }
      .blog-article__imgtxt .txt-box {
        flex: 1 1 0%;
        padding: 5px 0 0 28px; }
        .blog-article__imgtxt .txt-box .txt-ttl {
          font-size: 20px;
          text-align: left; }
        .blog-article__imgtxt .txt-box p {
          margin-top: 12px; }
          .blog-article__imgtxt .txt-box p a {
            padding-bottom: 4px;
            text-decoration: none; }
    .blog-article__file {
      margin: 10px 0; }
      .blog-article__file img {
        max-width: 100%;
        height: auto; }
    .blog-article__raw {
      margin-bottom: 20px; }
      .blog-article__raw * {
        max-width: 100%; }
  .blog-topimg {
    margin-bottom: 30px; }
  .blog-menu {
    border: 1px solid #1B2B47;
    border-radius: 15px;
    padding: 10px 20px; }
    .blog-menu__header {
      font-size: 2rem;
      text-align: center;
      border-bottom: 1px solid #1B2B47;
      padding-bottom: 10px; }
    .blog-menu__listing {
      padding: 10px; }
    .blog-menu__item {
      position: relative; }
    .blog-menu__link {
      font-weight: bold; }
    .blog-menu__child {
      padding-left: 1em; }
    .blog-menu__childitem {
      position: relative;
      padding-left: 35px; }
    .blog-menu__link, .blog-menu__childlink {
      transition: color .5s; }
      .blog-menu__link:hover, .blog-menu__childlink:hover {
        color: #877555; }
  .blog-prepare__row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .blog-prepare__ttl {
    position: relative;
    width: 30%;
    padding-left: 22px; }
    .blog-prepare__ttl::before {
      content: '';
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 0;
      width: 14px;
      height: 14px;
      background: #EAB886;
      border-radius: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .blog-prepare__desc {
    width: 70%; }
  .blog-addition {
    border: 2px solid #1B2B47;
    border-radius: 30px;
    overflow: hidden;
    background: #E9E7E2;
    margin-bottom: 50px; }
    .blog-addition__header {
      font-size: 2rem;
      border-bottom: 1px solid #1B2B47;
      padding: 15px 0; }
    .blog-addition__container {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      padding: 3.5%; }
    .blog-addition__image {
      width: 180px;
      height: 180px;
      text-align: center; }
      .blog-addition__image img {
        max-height: 100%;
        width: auto; }
    .blog-addition__box {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      width: 70%;
      padding-left: 3.5%; }
    .blog-addition__ttl {
      font-size: 2rem;
      line-height: 1;
      margin-bottom: 25px; }
    .blog-addition__btn {
      display: block;
      width: 135px;
      height: 35px;
      line-height: 35px;
      color: #fff;
      text-align: center;
      background: #1B2B47;
      border-radius: 5px;
      margin-top: 25px;
      transition: opacity .5s; }
      .blog-addition__btn:hover {
        opacity: .8; }
  .blog-pickup {
    margin-top: 50px; }
    .blog-pickup__header {
      font-size: 1.8rem;
      text-align: left;
      border-bottom: 1px solid #EAB886;
      padding-bottom: 10px;
      margin-bottom: 20px; }
    .blog-pickup__container {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      margin: 0 -2%; }
    .blog-pickup__item {
      position: relative;
      width: 33.3333%;
      padding: 0 2%; }
    .blog-pickup__inner {
      display: block; }
      .blog-pickup__inner:hover .blog-pickup__thumb {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        -ms-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1); }
      .blog-pickup__inner:hover .blog-pickup__ttl {
        color: #877555; }
    .blog-pickup__image {
      position: relative;
      overflow: hidden;
      border-radius: 15px;
      margin-bottom: 15px; }
      .blog-pickup__image::after {
        content: '';
        display: block;
        padding-top: 66.7%; }
    .blog-pickup__thumb {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .5s; }
    .blog-pickup__date {
      display: block;
      text-align: center;
      margin-bottom: 5px; }
    .blog-pickup__ttl {
      font-size: 1.6rem;
      font-weight: bold;
      transition: color .5s; }

.pagination {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center; }
  .pagination__item {
    display: inline-block; }
    .pagination__item:not(:last-child) {
      margin-right: 5px; }
  .pagination__btn {
    display: inline-block;
    border: 2px solid #1B2B47;
    font-weight: bold;
    border-radius: 5px;
    padding: 0 1rem; }
    .pagination__btn--active {
      color: #fff;
      background-color: #1B2B47;
      pointer-events: none; }

.move-pages__container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center; }
.move-pages__item {
  display: inline-block; }
  .move-pages__item:hover {
    opacity: .8; }
.move-pages__btn {
  display: inline-block;
  position: relative; }
  .move-pages__btn--prev {
    padding-left: 65px; }
  .move-pages__btn--next {
    text-align: right;
    padding-right: 65px; }
.move-pages__icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 3px solid #1B2B47;
  background: #fff;
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1; }
  .move-pages__icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.a%2C.b%7Bfill%3Anone%3B%7D.b%7Bstroke%3A%23000%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22a%22%20width%3D%2248%22%20height%3D%2248%22%2F%3E%3Cpolyline%20class%3D%22b%22%20points%3D%2221%2018%2027%2024%2021%2030%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat; }
  .move-pages__icon--prev {
    left: 0; }
    .move-pages__icon--prev::before {
      transform: translate(-50%, -50%) rotate(180deg); }
  .move-pages__icon--next {
    right: 0; }
    .move-pages__icon--next::before {
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

@media screen and (max-width: 768px) {
  .blog {
    padding: 120px 0 50px; }
    .blog__container {
      -webkit-flex-direction: column;
      flex-direction: column;
      padding: 30px 5% 0; }
      .blog__container--single {
        padding: 0 3.5%; }
    .blog__main {
      width: 100%;
      padding: 0 0 30px; }
    .blog__sidebar {
      width: 100%;
      padding: 0; }
      .blog__sidebar__header {
        margin: 0; }
    .blog-excerpt {
      padding: 15px 0; }
      .blog-excerpt__image {
        align-self: flex-start;
        width: 50%;
        overflow: hidden;
        border-radius: 15px; }
        .blog-excerpt__image img {
          width: 100%;
          transition: transform .5s; }
      .blog-excerpt__desc {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 50%;
        padding: 0 0 0 15px; }
      .blog-excerpt__ttl {
        font-size: 1.4rem;
        line-height: 2rem;
        margin: 0;
        height: auto;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden; }
      .blog-excerpt__date {
        margin: auto 0 0;
        font-size: 1.2rem; }
      .blog-excerpt__meta {
        display: none; }
    .blog-ranking__image {
      align-self: flex-start;
      width: 50%;
      border-radius: 15px; }
      .blog-ranking__image img {
        width: 100%;
        transition: transform .5s; }
    .blog-ranking__meta {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      width: 50%;
      padding: 0 0 0 15px; }
    .blog-ranking__ttl {
      font-size: 1.4rem;
      line-height: 2rem;
      margin: 0;
      height: auto;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden; }
    .blog-ranking__date {
      margin: auto 0 0;
      font-size: 1.2rem; }
    .blog-latest {
      padding-top: 15px; }
    .blog-addition, .blog-pickup {
      display: none; }
    .blog-article {
      margin: 0;
      border-radius: 15px; }
      .blog-article p {
        font-size: 1.4rem;
        line-height: 2rem; }
      .blog-article__headline {
        padding: 5%; }
      .blog-article__ttl {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin-bottom: 10px; }
      .blog-article__date {
        float: none;
        margin-right: 1.5rem; }
      .blog-article__category {
        position: relative;
        padding-right: 1.5rem;
        margin-right: 1.5rem;
        display: block;
        float: none; }
        .blog-article__category::after {
          display: none; }
      .blog-article__inner {
        padding: 5% 5% 0; }
      .blog-article__section {
        padding: 15px 0; }
      .blog-article__subsection {
        padding: 15px 0; }
      .blog-article__heading {
        font-size: 1.8rem;
        padding: 3px 5px 5px 15px; }
      .blog-article__desc {
        font-size: 1.3rem; }
        .blog-article__desc p, .blog-article__desc ul, .blog-article__desc ol {
          line-height: 1.8; }
      .blog-article__subheading {
        font-size: 1.6rem;
        padding-bottom: 6px; }
      .blog-article__raw {
        position: relative;
        width: 100%; }
        .blog-article__raw .instagram-media {
          min-width: auto !important; }
      .blog-article__btn a {
        min-width: initial;
        min-width: auto;
        margin: 0 auto;
        padding: 10px 20px;
        width: 100%;
        max-width: 500px;
        font-size: 16px; }
      .blog-article__imgtxt .image {
        width: 100px;
        height: 100px; }
      .blog-article__imgtxt .txt-box {
        padding: 0 0 0 10px; }
        .blog-article__imgtxt .txt-box .txt-ttl {
          line-height: 1.4em;
          font-size: 1em; }
        .blog-article__imgtxt .txt-box p {
          margin-top: 2px;
          line-height: 1.4em;
          font-size: .8em; }
    .blog-topimg {
      margin-bottom: 15px; }
    .blog-menu {
      padding: 10px 15px; }
      .blog-menu__header {
        line-height: 1.3;
        font-size: 1.8rem; }
      .blog-menu__listing {
        padding: 8px 0;
        line-height: 2.2rem; }
      .blog-menu__child {
        margin-top: 4px; }
    .blog-prepare {
      font-size: 1.4rem; }
      .blog-prepare__row {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
      .blog-prepare__ttl {
        position: relative;
        width: 50%;
        padding: 0 15px 0 18px; }
        .blog-prepare__ttl::before {
          width: 10px;
          height: 10px;
          top: .65em;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0); }
      .blog-prepare__desc {
        width: 50%; }

  .pagination__btn {
    font-size: 1.4rem;
    padding: 0 .8rem; }

  .move-pages {
    display: none; } }

/*# sourceMappingURL=blog.css.map */