@charset "UTF-8";
/* line 2, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
#main #fv {
  padding: 6em 0 5em 0;
  text-align: center; }
  @media screen and (max-width: 767px) {
    /* line 2, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main #fv {
      padding: 3em 0 2.5em 0; } }
  /* line 8, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main #fv #page_title {
    font-size: 1.79em;
    letter-spacing: 0.1em; }
    @media screen and (max-width: 767px) {
      /* line 8, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main #fv #page_title {
        font-size: 1.4em; } }
    /* line 14, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main #fv #page_title span {
      display: block;
      font-size: 15px;
      margin-top: 4px; }
      @media screen and (max-width: 767px) {
        /* line 14, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
        #main #fv #page_title span {
          letter-spacing: normal;
          font-size: 14px; } }
      @media screen and (max-width: 320px) {
        /* line 14, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
        #main #fv #page_title span {
          font-size: 13px; } }

/* line 28, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
#main .aboutWrap {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto; }
  /* line 32, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .aboutWrap > .flex {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      /* line 32, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .aboutWrap > .flex {
        flex-direction: column; } }
  /* line 39, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .aboutWrap .contents {
    width: 62%; }
    @media screen and (max-width: 767px) {
      /* line 39, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .aboutWrap .contents {
        width: 100%;
        padding: 0 5%; } }
  /* line 46, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .aboutWrap .sidebar {
    width: 32%; }
    @media screen and (max-width: 767px) {
      /* line 46, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .aboutWrap .sidebar {
        width: 100%;
        padding: 0 5%; } }
    /* line 52, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main .aboutWrap .sidebar h3 {
      font-size: 1.79em;
      letter-spacing: 0.06em;
      margin-bottom: 1.4em;
      line-height: 1.3;
      font-family: "Hiragino Kaku Gothic W0 JIS2004"; }
      @media screen and (max-width: 767px) {
        /* line 52, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
        #main .aboutWrap .sidebar h3 {
          text-align: center; } }
      /* line 61, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .aboutWrap .sidebar h3 span {
        display: block;
        font-size: 14px;
        letter-spacing: 0.1em;
        font-family: "Hiragino Kaku Gothic W5 JIS2004"; }
    /* line 68, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main .aboutWrap .sidebar .archivePosts {
      border-top: 1px #d3d3d3 solid; }
      /* line 71, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .aboutWrap .sidebar .archivePosts li a {
        display: block;
        border-bottom: 1px #d3d3d3 solid;
        padding: 14px 10px;
        position: relative; }
        /* line 76, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
        #main .aboutWrap .sidebar .archivePosts li a:before {
          content: '';
          display: block;
          width: 12px;
          height: 40px;
          margin-left: 15px;
          background: url(../common/img/icon_arrow_right.svg) center center no-repeat;
          background-size: 8px auto;
          position: absolute;
          right: 15px;
          top: calc(50% - 20px);
          z-index: 2; }
    /* line 92, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main .aboutWrap .sidebar #search {
      position: relative;
      margin-bottom: 5em; }
      @media screen and (max-width: 767px) {
        /* line 92, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
        #main .aboutWrap .sidebar #search {
          width: 90%;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 4em; } }
      /* line 101, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .aboutWrap .sidebar #search input[type=text] {
        border: 1px #e7e7e7 solid;
        border-radius: 5px;
        padding: 12px;
        width: 100%; }
      /* line 107, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .aboutWrap .sidebar #search button#s-btn-area {
        background: url(../common/img/icon_search.svg) center center no-repeat;
        background-size: 18px auto;
        pointer-events: none;
        cursor: default;
        position: absolute;
        text-indent: -9999px;
        right: 0;
        width: 48px;
        height: 48px; }
    /* line 119, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main .aboutWrap .sidebar #search_category {
      margin-bottom: 5em; }

/* line 124, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
#main .category {
  position: relative; }
  /* line 126, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .category:before {
    content: '';
    display: block;
    width: 12px;
    height: 40px;
    margin-left: 15px;
    background: url(../common/img/icon_arrow_under_gray.svg) center center no-repeat;
    background-size: 12px auto;
    position: absolute;
    right: 15px;
    top: calc(50% - 20px);
    z-index: 2; }
  /* line 139, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .category select {
    display: -webkit-flex;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    padding: 0 6px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    font-size: 1.1em;
    color: #333333;
    letter-spacing: 0.06em;
    line-height: 1;
    text-align: center;
    position: relative;
    margin-bottom: 10px;
    -webkit-appearance: none;
    /* ベンダープレフィックス(Google Chrome、Safari用) */
    -moz-appearance: none;
    /* ベンダープレフィックス(Firefox用) */
    appearance: none;
    /* 標準のスタイルを無効にする */ }
    @media screen and (max-width: 767px) {
      /* line 139, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .category select {
        font-size: 1.0em; } }

/* line 171, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
#main .posts {
  position: relative;
  padding-top: 5em;
  margin-top: 3em; }
  @media screen and (max-width: 767px) {
    /* line 171, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main .posts {
      padding: 0;
      padding-top: 2em; } }
  /* line 178, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .posts:before {
    content: "";
    display: block;
    width: 1px;
    height: 72px;
    background-color: #b71b48;
    position: absolute;
    top: 0;
    left: 50%; }
    @media screen and (max-width: 767px) {
      /* line 178, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .posts:before {
        height: 36px; } }
  /* line 191, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .posts article {
    border-bottom: 1px #e7e7e7 solid;
    padding-bottom: 2.6em; }
    @media screen and (max-width: 767px) {
      /* line 191, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .posts article {
        padding-top: 0em;
        padding-left: 3%;
        padding-right: 3%;
        padding-bottom: 30px; } }
    /* line 200, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main .posts article .wp-block-image {
      margin-top: 20px; }
    @media screen and (max-width: 767px) {
      /* line 204, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .posts article:last-child {
        border-bottom: none; }
      /* line 207, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .posts article .wp-block-image .alignright {
        float: none; }
      /* line 210, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .posts article .wp-block-image .aligncenter, #main .posts article .wp-block-image .alignleft, #main .posts article .wp-block-image .alignright, #main .posts article .wp-block-image.is-resized {
        margin-left: auto;
        margin-right: auto; } }
  @media screen and (max-width: 767px) {
    /* line 171, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main .posts {
      margin-top: 2em; } }
  /* line 220, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .posts .postTitle {
    position: relative;
    margin: 0 auto 10px auto;
    font-size: 1.57em;
    padding: 1.5em 0 0 0;
    font-family: "Hiragino Kaku Gothic W5 JIS2004"; }
    @media screen and (max-width: 767px) {
      /* line 220, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .posts .postTitle {
        font-size: 1.3em;
        margin-bottom: 5px; } }
  /* line 231, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .posts .category_icons {
    display: flex;
    justify-content: flex-end; }
    /* line 234, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main .posts .category_icons li {
      margin-left: 5px; }
      /* line 236, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .posts .category_icons li img {
        max-width: 50px; }
    @media screen and (max-width: 767px) {
      /* line 242, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .posts .category_icons li img {
        width: 25px; } }
  /* line 248, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .posts .eyeCatch {
    margin: 0.8em 0 1.0em 0;
    overflow: hidden;
    position: relative; }
    /* line 252, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main .posts .eyeCatch p.category_label {
      display: inline-block;
      background-color: #b71b48;
      color: #fff;
      position: absolute;
      right: 0;
      top: 0;
      font-size: 14px;
      padding: 3px 10px;
      z-index: 10; }
    /* line 263, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main .posts .eyeCatch figure {
      text-align: center; }
    @media screen and (max-width: 767px) {
      /* line 248, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .posts .eyeCatch {
        margin: 10px 0; }
        /* line 268, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
        #main .posts .eyeCatch img {
          max-width: 100%;
          height: auto; } }
    /* line 274, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main .posts .eyeCatch a figure {
      position: relative; }
      /* line 276, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .posts .eyeCatch a figure img {
        width: 100%;
        transition: ease-in-out .2s; }
        /* line 279, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
        #main .posts .eyeCatch a figure img:hover {
          transform: scale(1.2); }
  /* line 287, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .posts .post-content p, #main .posts .post-content figcaption {
    font-size: 1.14em;
    line-height: 26px;
    letter-spacing: 0.04em; }
    @media screen and (max-width: 767px) {
      /* line 287, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .posts .post-content p, #main .posts .post-content figcaption {
        font-size: 1.0em;
        line-height: 22px; } }
  /* line 296, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .posts .post-content p.date {
    color: #979797;
    background: url("../img/icon_cal.png") no-repeat left center;
    background-size: 14px;
    padding-left: 20px;
    font-size: 13px;
    margin-bottom: 3px; }
  /* line 304, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .posts .post-content p.more {
    text-align: right;
    margin-top: 2.0em; }
    @media screen and (max-width: 767px) {
      /* line 304, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .posts .post-content p.more {
        margin-top: 0.6em; } }
    /* line 310, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main .posts .post-content p.more a {
      text-decoration: underline;
      position: relative;
      display: inline-block;
      padding-right: 20px; }
      @media screen and (max-width: 767px) {
        /* line 310, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
        #main .posts .post-content p.more a {
          font-size: 14px; } }
      /* line 318, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .posts .post-content p.more a:before {
        content: '';
        display: block;
        width: 12px;
        height: 40px;
        margin-left: 15px;
        background: url(../common/img/icon_arrow_right.svg) center center no-repeat;
        background-size: 8px auto;
        position: absolute;
        right: 0px;
        top: calc(50% - 20px);
        z-index: 2; }
        @media screen and (max-width: 767px) {
          /* line 318, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
          #main .posts .post-content p.more a:before {
            background-size: 6px auto; } }
  /* line 336, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .posts .post-content h2 {
    font-size: 1.43em;
    margin-top: 2.5em;
    padding: 5px 0 5px 20px;
    position: relative;
    margin-bottom: 1em; }
    /* line 342, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main .posts .post-content h2:before {
      content: "";
      display: block;
      width: 3px;
      height: 100%;
      background-color: #b71b48;
      position: absolute;
      left: 0;
      top: 0; }
    @media screen and (max-width: 767px) {
      /* line 336, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .posts .post-content h2 {
        font-size: 18px;
        margin-top: 1.5em; } }
  /* line 357, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .posts .post-content h3 {
    font-size: 1.29em;
    margin-bottom: 10px; }
    @media screen and (max-width: 767px) {
      /* line 357, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .posts .post-content h3 {
        font-size: 16px; } }
  /* line 364, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .posts .post-content h4 {
    font-size: 1.19em;
    margin-bottom: 6px;
    margin-top: 1.5em; }
    @media screen and (max-width: 767px) {
      /* line 364, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .posts .post-content h4 {
        font-size: 16px; } }
  /* line 372, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .posts .post-content img {
    max-width: 100%;
    height: auto !important; }
  /* line 376, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .posts .post-content strong {
    font-family: "Hiragino Kaku Gothic W5 JIS2004"; }
  /* line 381, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .posts.postDetail article {
    border-bottom: none; }

/* line 386, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
#main .moreLoadPost {
  text-align: center;
  margin-top: 3em; }
  @media screen and (max-width: 767px) {
    /* line 386, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main .moreLoadPost {
      margin-bottom: 3em;
      margin-top: 2em; } }
  /* line 393, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .moreLoadPost a {
    display: inline-block;
    border: 1px #333 solid;
    padding: 6px 3em;
    min-width: 240px;
    border-radius: 23px;
    font-size: 16px;
    position: relative; }
    @media screen and (max-width: 767px) {
      /* line 393, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .moreLoadPost a {
        font-size: 14px; } }
    /* line 404, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main .moreLoadPost a:before, #main .moreLoadPost a:after {
      content: "";
      display: block;
      width: 11px;
      height: 1px;
      background-color: #999;
      position: absolute;
      right: 15px;
      top: 50%; }
    /* line 415, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main .moreLoadPost a:after {
      transform: rotate(90deg); }

/* line 420, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
#main #aboutPageNavi {
  margin-top: 10em; }
  /* line 422, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main #aboutPageNavi ul {
    display: flex;
    justify-content: center; }
    @media screen and (max-width: 767px) {
      /* line 422, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main #aboutPageNavi ul {
        flex-wrap: wrap; } }
    @media screen and (max-width: 767px) {
      /* line 428, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main #aboutPageNavi ul li {
        width: 50%; } }
    /* line 432, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main #aboutPageNavi ul li a {
      display: block;
      position: relative; }
      /* line 435, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main #aboutPageNavi ul li a img {
        vertical-align: bottom; }
        @media screen and (max-width: 767px) {
          /* line 435, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
          #main #aboutPageNavi ul li a img {
            max-width: 100%; } }
      /* line 441, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main #aboutPageNavi ul li a p {
        background-color: rgba(255, 255, 255, 0.9);
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        text-align: center;
        padding: 11px 0;
        font-size: 16px; }
        @media screen and (max-width: 767px) {
          /* line 441, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
          #main #aboutPageNavi ul li a p {
            font-size: 14px;
            padding: 6px 0; } }

/* line 460, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
#main .btnBackToTop {
  text-align: center;
  margin-top: 4em; }
  @media screen and (max-width: 767px) {
    /* line 460, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main .btnBackToTop {
      padding: 0 5%; } }
  /* line 466, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .btnBackToTop a {
    display: -webkit-flex;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    padding: 0 10px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    font-size: 1.4rem;
    color: #333333;
    letter-spacing: 0.06em;
    line-height: 1;
    text-align: center;
    max-width: 240px;
    position: relative; }
    @media screen and (max-width: 767px) {
      /* line 466, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .btnBackToTop a {
        max-width: none; } }
    /* line 493, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main .btnBackToTop a:before {
      content: '';
      display: block;
      width: 12px;
      height: 40px;
      margin-left: 15px;
      background: url(../common/img/icon_arrow_right.svg) center center no-repeat;
      background-size: 8px auto;
      position: absolute;
      right: 15px;
      top: calc(50% - 20px); }

/* line 507, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
#main #pageNavi {
  margin-top: 4em;
  border-top: 1px #e7e7e7 solid;
  border-bottom: 1px #e7e7e7 solid;
  display: flex; }
  @media screen and (max-width: 767px) {
    /* line 507, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main #pageNavi {
      flex-direction: column; } }
  /* line 515, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main #pageNavi li {
    width: 50%;
    padding: 15px 0; }
    @media screen and (max-width: 767px) {
      /* line 515, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main #pageNavi li {
        width: 100%; } }
    /* line 521, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main #pageNavi li a {
      display: flex; }
      /* line 523, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main #pageNavi li a figure {
        position: relative; }
        /* line 525, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
        #main #pageNavi li a figure img {
          vertical-align: bottom;
          max-width: 85px;
          height: auto; }
        /* line 530, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
        #main #pageNavi li a figure span {
          display: inline-block;
          background-color: #b71b48;
          color: #fff;
          font-size: 14px;
          padding: 1px 10px;
          position: absolute;
          left: 0;
          top: 0; }
      /* line 541, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main #pageNavi li a p {
        padding: 0px 15px 10px 15px;
        /*display: flex;
                    flex-direction: column;
					word-break: break-all;
					flex-grow: 1;
				    flex-shrink: 1; 
					max-width: 100%;*/ }
        /* line 549, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
        #main #pageNavi li a p span.date {
          margin-top: auto;
          text-align: right;
          color: #979797;
          letter-spacing: 0.06em;
          display: block;
          text-align: right; }
    /* line 559, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main #pageNavi li.next {
      border-left: 1px #e7e7e7 solid; }
      @media screen and (max-width: 767px) {
        /* line 559, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
        #main #pageNavi li.next {
          border-top: 1px #e7e7e7 solid;
          border-left: none; } }
      /* line 565, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main #pageNavi li.next a {
        flex-direction: row-reverse; }
        /* line 568, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
        #main #pageNavi li.next a figure span {
          right: 0;
          left: auto; }

/* line 577, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
#main #relatedArticle {
  margin-top: 6em; }
  /* line 579, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main #relatedArticle h3 {
    font-size: 1.79em;
    letter-spacing: 0.06em;
    margin-bottom: 1.4em;
    line-height: 1.3;
    text-align: center;
    font-family: "Hiragino Kaku Gothic W0 JIS2004"; }
    /* line 586, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main #relatedArticle h3 span {
      display: block;
      font-size: 14px;
      font-family: "Hiragino Kaku Gothic W5 JIS2004";
      margin-top: 5px; }
  /* line 593, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main #relatedArticle h4 {
    font-weight: normal;
    font-size: 16px;
    margin-top: 0 !important; }
  /* line 598, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main #relatedArticle p {
    font-weight: normal;
    font-size: 14px;
    line-height: 21px; }

/* line 604, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
#main .recentPosts {
  margin-bottom: 6em; }
  /* line 606, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
  #main .recentPosts li {
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      /* line 606, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .recentPosts li {
        margin-bottom: 10px; } }
    /* line 611, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main .recentPosts li a {
      display: flex;
      align-items: center;
      position: relative;
      border: 1px #e7e7e7 solid; }
      /* line 616, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .recentPosts li a img {
        vertical-align: bottom;
        max-width: 98px;
        height: auto; }
        @media screen and (max-width: 767px) {
          /* line 616, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
          #main .recentPosts li a img {
            max-width: 85px; } }
      /* line 624, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .recentPosts li a:before {
        content: '';
        display: block;
        width: 12px;
        height: 40px;
        margin-left: 15px;
        background: url(../common/img/icon_arrow_right.svg) center center no-repeat;
        background-size: 8px auto;
        position: absolute;
        right: 15px;
        top: calc(50% - 20px);
        z-index: 2; }
      /* line 637, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .recentPosts li a p {
        padding: 10px 2em 10px 10px; }
        @media screen and (max-width: 767px) {
          /* line 637, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
          #main .recentPosts li a p {
            padding-right: 2.5em; } }
      /* line 643, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
      #main .recentPosts li a > div {
        padding: 0px 3em 0px 20px; }
        /* line 645, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
        #main .recentPosts li a > div h4 {
          font-size: 16px;
          margin-bottom: 8px; }
        /* line 649, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
        #main .recentPosts li a > div p {
          padding: 0; }

/* line 657, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
#main #relatedArticle .recentPosts {
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    /* line 663, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
    #main #relatedArticle .recentPosts li a > div p {
      display: none; } }

/* line 672, ../../xampp/htdocs/wp/wp-content/themes/macchialabel_blog/assets/css/about.scss */
#main .none_post {
  text-align: center;
  margin: 3em 0 0 0;
  font-size: 16px; }

/*# sourceMappingURL=about.css.map */