@charset "UTF-8";
/*
Theme Name: W-Tips
Author: SANGAKU
Version: 1.0
*/
#header {
  background: #f8f6f3;
  border-bottom: 1px solid #31312f;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0 4px 0;
  position: fixed;
  top: 0;
  left: 5%;
  width: 90%;
  z-index: 100; }
  #header .titleBox {
    display: flex;
    align-items: center; }
    #header .titleBox h1 {
      font-size: 32px;
      letter-spacing: -0.01em;
      line-height: 1.5em;
      margin-right: 0.75em; }
    #header .titleBox .desc {
      font-size: 12px; }
  #header ul {
    display: flex;
    column-gap: 20px; }
    #header ul li {
      font-size: 14px; }

.menu-btn {
  display: none;
  position: fixed;
  top: 12px;
  right: 5%;
  width: 40px;
  height: 40px;
  z-index: 1000; }
  .menu-btn span:before, .menu-btn span:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    border-radius: 1px;
    background: #333;
    transition: 0.25s;
    position: absolute; }
  .menu-btn span:before {
    top: 14px; }
  .menu-btn span:after {
    bottom: 14px; }
  .menu-btn.is-active span:before {
    transform: translateY(6px) rotate(-45deg); }
  .menu-btn.is-active span:after {
    transform: translateY(-5px) rotate(45deg); }
  .menu-btn.is-active span:before, .menu-btn.is-active span:after {
    background: #FFF; }

#footer {
  border-top: 1px solid #31312f;
  font-size: 11px;
  text-align: center;
  padding: 0.5em 0;
  width: 100%; }

.recommendArea {
  margin-bottom: 100px; }
  .recommendArea h2 {
    border-bottom: 1px solid rgba(49, 49, 47, 0.25);
    display: flex;
    align-items: baseline;
    column-gap: 20px;
    font-size: 32px;
    margin-bottom: 40px;
    padding-bottom: 12px; }
    .recommendArea h2 span {
      font-size: 50%; }
  .recommendArea ul.list {
    display: flex;
    justify-content: space-between; }
    .recommendArea ul.list li {
      width: 23.5%; }
      .recommendArea ul.list li a {
        display: block; }
        .recommendArea ul.list li a figure {
          border-radius: 20px;
          display: block;
          margin-bottom: 1em;
          overflow: hidden;
          padding-top: 56.25%;
          position: relative;
          width: 100%; }
          .recommendArea ul.list li a figure img {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            height: auto;
            transform: translateX(-50%) translateY(-50%);
            transition: all .25s; }
        .recommendArea ul.list li a:hover figure img {
          width: 120%; }
      .recommendArea ul.list li h3 {
        font-weight: 500;
        line-height: 1.6em; }
      .recommendArea ul.list li .date {
        color: #96969c;
        font-size: 14px; }

#top-page #wrapper,
.search #wrapper,
.archive #wrapper {
  display: flex;
  justify-content: space-between;
  padding-top: 60px;
  padding-bottom: 120px; }
  #top-page #wrapper #mainArea,
  .search #wrapper #mainArea,
  .archive #wrapper #mainArea {
    width: 70%; }
    #top-page #wrapper #mainArea ul li .post figure img,
    .search #wrapper #mainArea ul li .post figure img,
    .archive #wrapper #mainArea ul li .post figure img {
      height: auto; }
    #top-page #wrapper #mainArea .listArea h2,
    .search #wrapper #mainArea .listArea h2,
    .archive #wrapper #mainArea .listArea h2 {
      border-bottom: 1px solid rgba(49, 49, 47, 0.25);
      display: flex;
      align-items: baseline;
      column-gap: 20px;
      font-size: 32px;
      margin-bottom: 40px;
      padding-bottom: 12px; }
      #top-page #wrapper #mainArea .listArea h2 span,
      .search #wrapper #mainArea .listArea h2 span,
      .archive #wrapper #mainArea .listArea h2 span {
        font-size: 50%; }
    #top-page #wrapper #mainArea .listArea ul li .post,
    .search #wrapper #mainArea .listArea ul li .post,
    .archive #wrapper #mainArea .listArea ul li .post {
      border-bottom: 1px solid rgba(49, 49, 47, 0.25);
      margin-bottom: 40px;
      padding-bottom: 40px;
      width: 100%; }
      #top-page #wrapper #mainArea .listArea ul li .post a,
      .search #wrapper #mainArea .listArea ul li .post a,
      .archive #wrapper #mainArea .listArea ul li .post a {
        display: block; }
        #top-page #wrapper #mainArea .listArea ul li .post a .inner,
        .search #wrapper #mainArea .listArea ul li .post a .inner,
        .archive #wrapper #mainArea .listArea ul li .post a .inner {
          display: flex;
          justify-content: space-between; }
          #top-page #wrapper #mainArea .listArea ul li .post a .inner .imgBox,
          .search #wrapper #mainArea .listArea ul li .post a .inner .imgBox,
          .archive #wrapper #mainArea .listArea ul li .post a .inner .imgBox {
            width: 38%; }
            #top-page #wrapper #mainArea .listArea ul li .post a .inner .imgBox figure,
            .search #wrapper #mainArea .listArea ul li .post a .inner .imgBox figure,
            .archive #wrapper #mainArea .listArea ul li .post a .inner .imgBox figure {
              border-radius: 0 32px;
              display: block;
              overflow: hidden;
              padding-top: 56.25%;
              position: relative;
              width: 100%; }
              #top-page #wrapper #mainArea .listArea ul li .post a .inner .imgBox figure img,
              .search #wrapper #mainArea .listArea ul li .post a .inner .imgBox figure img,
              .archive #wrapper #mainArea .listArea ul li .post a .inner .imgBox figure img {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 100%;
                max-width: none;
                transform: translateX(-50%) translateY(-50%);
                transition: all .25s; }
          #top-page #wrapper #mainArea .listArea ul li .post a .inner .txtBox,
          .search #wrapper #mainArea .listArea ul li .post a .inner .txtBox,
          .archive #wrapper #mainArea .listArea ul li .post a .inner .txtBox {
            box-sizing: border-box;
            padding: 1em;
            width: 58%; }
            #top-page #wrapper #mainArea .listArea ul li .post a .inner .txtBox h3,
            .search #wrapper #mainArea .listArea ul li .post a .inner .txtBox h3,
            .archive #wrapper #mainArea .listArea ul li .post a .inner .txtBox h3 {
              font-weight: 600;
              margin-bottom: 0.25em; }
            #top-page #wrapper #mainArea .listArea ul li .post a .inner .txtBox p,
            .search #wrapper #mainArea .listArea ul li .post a .inner .txtBox p,
            .archive #wrapper #mainArea .listArea ul li .post a .inner .txtBox p {
              line-height: 1.6em; }
            #top-page #wrapper #mainArea .listArea ul li .post a .inner .txtBox .date,
            .search #wrapper #mainArea .listArea ul li .post a .inner .txtBox .date,
            .archive #wrapper #mainArea .listArea ul li .post a .inner .txtBox .date {
              color: #96969c;
              font-size: 14px;
              margin-bottom: 0.5em; }
              #top-page #wrapper #mainArea .listArea ul li .post a .inner .txtBox .date .icon,
              .search #wrapper #mainArea .listArea ul li .post a .inner .txtBox .date .icon,
              .archive #wrapper #mainArea .listArea ul li .post a .inner .txtBox .date .icon {
                margin-right: 0.5em;
                margin-bottom: 0.15em; }
        #top-page #wrapper #mainArea .listArea ul li .post a:hover .inner .imgBox figure img,
        .search #wrapper #mainArea .listArea ul li .post a:hover .inner .imgBox figure img,
        .archive #wrapper #mainArea .listArea ul li .post a:hover .inner .imgBox figure img {
          width: 120%; }
    #top-page #wrapper #mainArea .listArea ul li:last-child .post,
    .search #wrapper #mainArea .listArea ul li:last-child .post,
    .archive #wrapper #mainArea .listArea ul li:last-child .post {
      margin-bottom: 0; }
    #top-page #wrapper #mainArea .listArea ul.page-numbers,
    .search #wrapper #mainArea .listArea ul.page-numbers,
    .archive #wrapper #mainArea .listArea ul.page-numbers {
      display: flex;
      justify-content: center; }
      #top-page #wrapper #mainArea .listArea ul.page-numbers li,
      .search #wrapper #mainArea .listArea ul.page-numbers li,
      .archive #wrapper #mainArea .listArea ul.page-numbers li {
        width: auto;
        margin-right: 0.5rem; }
        #top-page #wrapper #mainArea .listArea ul.page-numbers li:last-child,
        .search #wrapper #mainArea .listArea ul.page-numbers li:last-child,
        .archive #wrapper #mainArea .listArea ul.page-numbers li:last-child {
          margin-right: 0; }
        #top-page #wrapper #mainArea .listArea ul.page-numbers li span,
        #top-page #wrapper #mainArea .listArea ul.page-numbers li a,
        .search #wrapper #mainArea .listArea ul.page-numbers li span,
        .search #wrapper #mainArea .listArea ul.page-numbers li a,
        .archive #wrapper #mainArea .listArea ul.page-numbers li span,
        .archive #wrapper #mainArea .listArea ul.page-numbers li a {
          display: block;
          padding: 0.4rem 1rem;
          position: relative; }
          #top-page #wrapper #mainArea .listArea ul.page-numbers li span::after,
          #top-page #wrapper #mainArea .listArea ul.page-numbers li a::after,
          .search #wrapper #mainArea .listArea ul.page-numbers li span::after,
          .search #wrapper #mainArea .listArea ul.page-numbers li a::after,
          .archive #wrapper #mainArea .listArea ul.page-numbers li span::after,
          .archive #wrapper #mainArea .listArea ul.page-numbers li a::after {
            background: #31312f;
            content: '';
            display: block;
            height: 1px;
            position: absolute;
            bottom: 0;
            left: 0;
            transition: all .25s; }
        #top-page #wrapper #mainArea .listArea ul.page-numbers li span::after,
        .search #wrapper #mainArea .listArea ul.page-numbers li span::after,
        .archive #wrapper #mainArea .listArea ul.page-numbers li span::after {
          width: 100%; }
        #top-page #wrapper #mainArea .listArea ul.page-numbers li span.current,
        .search #wrapper #mainArea .listArea ul.page-numbers li span.current,
        .archive #wrapper #mainArea .listArea ul.page-numbers li span.current {
          background: #31312f;
          border-radius: 100vh;
          color: #FFF; }
          #top-page #wrapper #mainArea .listArea ul.page-numbers li span.current::after,
          .search #wrapper #mainArea .listArea ul.page-numbers li span.current::after,
          .archive #wrapper #mainArea .listArea ul.page-numbers li span.current::after {
            width: 0%; }
        #top-page #wrapper #mainArea .listArea ul.page-numbers li span.dots::after,
        .search #wrapper #mainArea .listArea ul.page-numbers li span.dots::after,
        .archive #wrapper #mainArea .listArea ul.page-numbers li span.dots::after {
          width: 0%; }
        #top-page #wrapper #mainArea .listArea ul.page-numbers li a::after,
        .search #wrapper #mainArea .listArea ul.page-numbers li a::after,
        .archive #wrapper #mainArea .listArea ul.page-numbers li a::after {
          width: 0%; }
        #top-page #wrapper #mainArea .listArea ul.page-numbers li a:hover::after,
        .search #wrapper #mainArea .listArea ul.page-numbers li a:hover::after,
        .archive #wrapper #mainArea .listArea ul.page-numbers li a:hover::after {
          width: 100%; }
    #top-page #wrapper #mainArea .listArea .pagination,
    .search #wrapper #mainArea .listArea .pagination,
    .archive #wrapper #mainArea .listArea .pagination {
      margin-top: 80px; }
  #top-page #wrapper #sidebar,
  .search #wrapper #sidebar,
  .archive #wrapper #sidebar {
    width: 25%; }
    #top-page #wrapper #sidebar #searchform input,
    .search #wrapper #sidebar #searchform input,
    .archive #wrapper #sidebar #searchform input {
      background: #FFF;
      border: 1px solid rgba(49, 49, 47, 0.5);
      box-sizing: border-box;
      padding: 1em;
      width: 100%; }
    #top-page #wrapper #sidebar ul.tagList,
    .search #wrapper #sidebar ul.tagList,
    .archive #wrapper #sidebar ul.tagList {
      display: flex;
      column-gap: 8px;
      flex-wrap: wrap; }
      #top-page #wrapper #sidebar ul.tagList li,
      .search #wrapper #sidebar ul.tagList li,
      .archive #wrapper #sidebar ul.tagList li {
        margin-bottom: 8px; }
        #top-page #wrapper #sidebar ul.tagList li a,
        .search #wrapper #sidebar ul.tagList li a,
        .archive #wrapper #sidebar ul.tagList li a {
          background: rgba(49, 49, 47, 0.08);
          border-radius: 4px;
          font-weight: 600;
          padding: 0.55em 1em 0.5em; }

#page #wrapper,
#single-page #wrapper {
  margin: 0 auto;
  padding: 60px 5% 120px;
  max-width: 920px; }
  #page #wrapper .inner,
  #single-page #wrapper .inner {
    line-height: 2em; }
    #page #wrapper .inner .titleBox,
    #single-page #wrapper .inner .titleBox {
      margin-bottom: 40px; }
      #page #wrapper .inner .titleBox .title,
      #single-page #wrapper .inner .titleBox .title {
        font-size: 40px;
        line-height: 1.4em;
        margin-top: 0;
        margin-bottom: 20px; }
      #page #wrapper .inner .titleBox .date,
      #single-page #wrapper .inner .titleBox .date {
        color: #96969c;
        display: flex;
        font-size: 14px;
        margin-bottom: 24px; }
        #page #wrapper .inner .titleBox .date .icon,
        #single-page #wrapper .inner .titleBox .date .icon {
          margin-right: 0.5em;
          margin-bottom: 0.15em; }
        #page #wrapper .inner .titleBox .date li,
        #single-page #wrapper .inner .titleBox .date li {
          margin-right: 1em; }
          #page #wrapper .inner .titleBox .date li:last-child,
          #single-page #wrapper .inner .titleBox .date li:last-child {
            margin-right: 0; }
      #page #wrapper .inner .titleBox .listBox,
      #single-page #wrapper .inner .titleBox .listBox {
        display: flex;
        column-gap: 8px;
        flex-wrap: wrap; }
        #page #wrapper .inner .titleBox .listBox ul,
        #single-page #wrapper .inner .titleBox .listBox ul {
          display: flex;
          column-gap: 8px;
          flex-wrap: wrap; }
          #page #wrapper .inner .titleBox .listBox ul li,
          #single-page #wrapper .inner .titleBox .listBox ul li {
            margin-bottom: 8px; }
            #page #wrapper .inner .titleBox .listBox ul li a,
            #single-page #wrapper .inner .titleBox .listBox ul li a {
              background: rgba(49, 49, 47, 0.08);
              border-radius: 4px;
              padding: 0.55em 1em 0.5em; }
    #page #wrapper .inner .thumbnail,
    #single-page #wrapper .inner .thumbnail {
      margin-bottom: 40px; }
      #page #wrapper .inner .thumbnail img,
      #single-page #wrapper .inner .thumbnail img {
        width: 100%;
        height: auto; }
    #page #wrapper .inner .single a,
    #single-page #wrapper .inner .single a {
      color: #00c78a;
      position: relative; }
      #page #wrapper .inner .single a::after,
      #single-page #wrapper .inner .single a::after {
        content: '';
        position: absolute;
        left: -1%;
        bottom: 4px;
        background: #00c78a;
        width: 102%;
        height: 1px;
        transition: all .1s; }
      #page #wrapper .inner .single a:hover::after,
      #single-page #wrapper .inner .single a:hover::after {
        background: transparent; }
    #page #wrapper .inner .single ul, #page #wrapper .inner .single ol,
    #single-page #wrapper .inner .single ul,
    #single-page #wrapper .inner .single ol {
      padding-left: 0.5em; }
      #page #wrapper .inner .single ul li, #page #wrapper .inner .single ol li,
      #single-page #wrapper .inner .single ul li,
      #single-page #wrapper .inner .single ol li {
        line-height: 2em;
        list-style-position: inside; }
        #page #wrapper .inner .single ul li:last-child, #page #wrapper .inner .single ol li:last-child,
        #single-page #wrapper .inner .single ul li:last-child,
        #single-page #wrapper .inner .single ol li:last-child {
          margin-bottom: 0; }
      #page #wrapper .inner .single ul ul, #page #wrapper .inner .single ul ol, #page #wrapper .inner .single ol ul, #page #wrapper .inner .single ol ol,
      #single-page #wrapper .inner .single ul ul,
      #single-page #wrapper .inner .single ul ol,
      #single-page #wrapper .inner .single ol ul,
      #single-page #wrapper .inner .single ol ol {
        margin-left: 1em;
        margin-bottom: 0; }
    #page #wrapper .inner .single ul,
    #single-page #wrapper .inner .single ul {
      list-style: disc; }
    #page #wrapper .inner .single ol,
    #single-page #wrapper .inner .single ol {
      list-style: decimal; }
    #page #wrapper .inner .single .wp-block-image,
    #single-page #wrapper .inner .single .wp-block-image {
      margin-bottom: 1em; }
    #page #wrapper .inner .single pre code,
    #single-page #wrapper .inner .single pre code {
      background: transparent; }
    #page #wrapper .inner h1, #page #wrapper .inner h2, #page #wrapper .inner h3, #page #wrapper .inner h4, #page #wrapper .inner h5, #page #wrapper .inner h6,
    #single-page #wrapper .inner h1,
    #single-page #wrapper .inner h2,
    #single-page #wrapper .inner h3,
    #single-page #wrapper .inner h4,
    #single-page #wrapper .inner h5,
    #single-page #wrapper .inner h6 {
      font-weight: 700;
      margin-top: 1.25em;
      margin-bottom: 1.25em;
      line-height: 1.5em; }
    #page #wrapper .inner h1,
    #single-page #wrapper .inner h1 {
      font-size: 250%; }
    #page #wrapper .inner h2,
    #single-page #wrapper .inner h2 {
      font-size: 200%; }
    #page #wrapper .inner h3,
    #single-page #wrapper .inner h3 {
      font-size: 175%; }
    #page #wrapper .inner h4,
    #single-page #wrapper .inner h4 {
      font-size: 150%; }
    #page #wrapper .inner h5,
    #single-page #wrapper .inner h5 {
      font-size: 125%; }
    #page #wrapper .inner h6,
    #single-page #wrapper .inner h6 {
      font-size: 100%; }
    #page #wrapper .inner p,
    #single-page #wrapper .inner p {
      margin-bottom: 1em; }
    #page #wrapper .inner table,
    #single-page #wrapper .inner table {
      border: 1px solid rgba(49, 49, 47, 0.25);
      border-collapse: collapse;
      border-spacing: 0;
      width: 100%;
      margin-bottom: 1rem; }
      #page #wrapper .inner table thead,
      #single-page #wrapper .inner table thead {
        font-size: 87.5%; }
        #page #wrapper .inner table thead tr,
        #single-page #wrapper .inner table thead tr {
          background: #FFF; }
        #page #wrapper .inner table thead th,
        #single-page #wrapper .inner table thead th {
          padding: 0.25rem 1rem;
          text-align: center; }
      #page #wrapper .inner table tbody tr,
      #single-page #wrapper .inner table tbody tr {
        background: rgba(49, 49, 47, 0.05); }
      #page #wrapper .inner table tbody tr:nth-child(2n),
      #single-page #wrapper .inner table tbody tr:nth-child(2n) {
        background: #FFF; }
      #page #wrapper .inner table th, #page #wrapper .inner table td,
      #single-page #wrapper .inner table th,
      #single-page #wrapper .inner table td {
        padding: 0.55rem 1rem 0.5rem;
        text-align: left; }
    #page #wrapper .inner dl, #page #wrapper .inner ol, #page #wrapper .inner ul,
    #single-page #wrapper .inner dl,
    #single-page #wrapper .inner ol,
    #single-page #wrapper .inner ul {
      margin-bottom: 1rem; }
    #page #wrapper .inner dl dt,
    #single-page #wrapper .inner dl dt {
      font-weight: 600; }
    #page #wrapper .inner ul ul, #page #wrapper .inner ul ol, #page #wrapper .inner ol ul, #page #wrapper .inner ol ol,
    #single-page #wrapper .inner ul ul,
    #single-page #wrapper .inner ul ol,
    #single-page #wrapper .inner ol ul,
    #single-page #wrapper .inner ol ol {
      margin-left: 1em;
      margin-bottom: 0; }
    #page #wrapper .inner blockquote,
    #single-page #wrapper .inner blockquote {
      background: rgba(49, 49, 47, 0.05);
      margin-bottom: 1rem;
      padding: 1.5em 2em;
      position: relative; }
      #page #wrapper .inner blockquote::before, #page #wrapper .inner blockquote::after,
      #single-page #wrapper .inner blockquote::before,
      #single-page #wrapper .inner blockquote::after {
        color: #FEFEFE;
        font-family: monospace;
        font-size: 300%;
        position: absolute; }
      #page #wrapper .inner blockquote::before,
      #single-page #wrapper .inner blockquote::before {
        content: '“';
        top: 0.35em;
        left: -0.25em; }
      #page #wrapper .inner blockquote::after,
      #single-page #wrapper .inner blockquote::after {
        content: '”';
        bottom: -0.25em;
        right: -0.25em; }
      #page #wrapper .inner blockquote p:last-of-type,
      #single-page #wrapper .inner blockquote p:last-of-type {
        margin-bottom: 0; }
    #page #wrapper .inner address,
    #single-page #wrapper .inner address {
      margin-bottom: 1rem; }
      #page #wrapper .inner address p,
      #single-page #wrapper .inner address p {
        margin-bottom: 0; }
    #page #wrapper .inner big,
    #single-page #wrapper .inner big {
      font-size: 125%; }
    #page #wrapper .inner cite,
    #single-page #wrapper .inner cite {
      font-style: italic; }
    #page #wrapper .inner code,
    #page #wrapper .inner tt,
    #single-page #wrapper .inner code,
    #single-page #wrapper .inner tt {
      background: rgba(49, 49, 47, 0.08);
      border-radius: 4px;
      font-family: "Lucida Console", "Menlo", "Monaco", "Courier", monospace;
      font-size: 0.9rem;
      padding: 0 0.25em; }
    #page #wrapper .inner code,
    #single-page #wrapper .inner code {
      line-height: 1.5em; }
    #page #wrapper .inner em,
    #single-page #wrapper .inner em {
      font-style: italic; }
    #page #wrapper .inner del,
    #page #wrapper .inner ins,
    #single-page #wrapper .inner del,
    #single-page #wrapper .inner ins {
      display: block;
      text-decoration: none;
      padding-left: 1.5rem;
      position: relative; }
      #page #wrapper .inner del::before,
      #page #wrapper .inner ins::before,
      #single-page #wrapper .inner del::before,
      #single-page #wrapper .inner ins::before {
        position: absolute;
        top: -0.1rem;
        left: 0.5rem;
        font-family: monospace; }
    #page #wrapper .inner del,
    #single-page #wrapper .inner del {
      background-color: #fbb; }
      #page #wrapper .inner del::before,
      #single-page #wrapper .inner del::before {
        content: "-"; }
    #page #wrapper .inner ins,
    #single-page #wrapper .inner ins {
      background-color: #d4fcbc; }
      #page #wrapper .inner ins::before,
      #single-page #wrapper .inner ins::before {
        content: "+"; }
    #page #wrapper .inner kbd,
    #single-page #wrapper .inner kbd {
      background-color: #eee;
      border-radius: 3px;
      border: 1px solid #b4b4b4;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
      color: #333;
      display: inline-block;
      font-size: 0.83em;
      font-weight: 700;
      line-height: 1;
      padding: 2px 4px;
      white-space: nowrap; }
    #page #wrapper .inner pre,
    #single-page #wrapper .inner pre {
      background: rgba(49, 49, 47, 0.05);
      font-size: 0.9rem;
      margin-bottom: 1rem;
      line-height: 1em;
      padding: 1em 1.5em;
      white-space: pre-wrap;
      word-break: break-all; }
    #page #wrapper .inner q,
    #single-page #wrapper .inner q {
      font-style: italic; }
      #page #wrapper .inner q::before,
      #single-page #wrapper .inner q::before {
        content: '“'; }
      #page #wrapper .inner q::after,
      #single-page #wrapper .inner q::after {
        content: '”'; }
    #page #wrapper .inner sub, #page #wrapper .inner sup,
    #single-page #wrapper .inner sub,
    #single-page #wrapper .inner sup {
      font-size: 75%; }
    #page #wrapper .inner sub,
    #single-page #wrapper .inner sub {
      vertical-align: sub; }
    #page #wrapper .inner sup,
    #single-page #wrapper .inner sup {
      vertical-align: super; }
    #page #wrapper .inner var,
    #single-page #wrapper .inner var {
      font-style: italic; }
    #page #wrapper .inner .alignleft,
    #single-page #wrapper .inner .alignleft {
      float: left;
      margin-right: 1.25em; }
    #page #wrapper .inner .alignright,
    #single-page #wrapper .inner .alignright {
      float: right;
      margin-left: 1.25em; }
    #page #wrapper .inner .aligncenter,
    #single-page #wrapper .inner .aligncenter {
      margin-left: auto;
      margin-right: auto; }
    #page #wrapper .inner .wp-caption img,
    #single-page #wrapper .inner .wp-caption img {
      margin-bottom: 0.25em;
      width: 100%;
      height: auto; }
    #page #wrapper .inner .wp-caption .wp-caption-text,
    #single-page #wrapper .inner .wp-caption .wp-caption-text {
      font-size: 87.5%; }
    #page #wrapper .inner div,
    #single-page #wrapper .inner div {
      max-width: 100%; }
    #page #wrapper .inner input, #page #wrapper .inner textarea,
    #single-page #wrapper .inner input,
    #single-page #wrapper .inner textarea {
      background: #FFF;
      border: 1px solid rgba(49, 49, 47, 0.08);
      box-sizing: border-box;
      line-height: 1.5em;
      padding: 0.75em 1em; }
      #page #wrapper .inner input[type=submit], #page #wrapper .inner textarea[type=submit],
      #single-page #wrapper .inner input[type=submit],
      #single-page #wrapper .inner textarea[type=submit] {
        cursor: pointer;
        display: block;
        margin: 0 auto;
        padding: 1em 1.5em; }
    #page #wrapper .inner .wpcf7 input, #page #wrapper .inner .wpcf7 textarea,
    #single-page #wrapper .inner .wpcf7 input,
    #single-page #wrapper .inner .wpcf7 textarea {
      width: 100%; }
      #page #wrapper .inner .wpcf7 input[type=submit], #page #wrapper .inner .wpcf7 textarea[type=submit],
      #single-page #wrapper .inner .wpcf7 input[type=submit],
      #single-page #wrapper .inner .wpcf7 textarea[type=submit] {
        background: #31312f;
        border: 1px solid #31312f;
        color: #FFF;
        width: 360px;
        transition: all .25s; }
        #page #wrapper .inner .wpcf7 input[type=submit]:hover, #page #wrapper .inner .wpcf7 textarea[type=submit]:hover,
        #single-page #wrapper .inner .wpcf7 input[type=submit]:hover,
        #single-page #wrapper .inner .wpcf7 textarea[type=submit]:hover {
          background: transparent;
          color: #31312f; }
#page .navigation,
#single-page .navigation {
  border-top: 1px solid rgba(49, 49, 47, 0.25);
  border-bottom: 1px solid rgba(49, 49, 47, 0.25);
  margin-bottom: 120px; }
  #page .navigation ul,
  #single-page .navigation ul {
    display: flex;
    margin: 2em 0; }
    #page .navigation ul li,
    #single-page .navigation ul li {
      width: 50%;
      padding-left: 5%;
      padding-right: 5%;
      box-sizing: border-box; }
      #page .navigation ul li:last-child,
      #single-page .navigation ul li:last-child {
        border-right: none; }
      #page .navigation ul li.prev, #page .navigation ul li.next,
      #single-page .navigation ul li.prev,
      #single-page .navigation ul li.next {
        position: relative; }
        #page .navigation ul li.prev h4, #page .navigation ul li.next h4,
        #single-page .navigation ul li.prev h4,
        #single-page .navigation ul li.next h4 {
          font-size: 14px; }
        #page .navigation ul li.prev::after, #page .navigation ul li.next::after,
        #single-page .navigation ul li.prev::after,
        #single-page .navigation ul li.next::after {
          content: '';
          width: 1em;
          height: 1em;
          border: 0;
          border-top: solid 1px #31312f;
          border-right: solid 1px #31312f;
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto; }
      #page .navigation ul li.prev,
      #single-page .navigation ul li.prev {
        border-right: 1px solid rgba(49, 49, 47, 0.25);
        text-align: right; }
        #page .navigation ul li.prev::after,
        #single-page .navigation ul li.prev::after {
          transform: rotate(-135deg);
          left: 5%; }
      #page .navigation ul li.next,
      #single-page .navigation ul li.next {
        text-align: left; }
        #page .navigation ul li.next::after,
        #single-page .navigation ul li.next::after {
          transform: rotate(45deg);
          right: 5%; }
      #page .navigation ul li a,
      #single-page .navigation ul li a {
        display: block;
        font-size: 14px;
        line-height: 1.8em;
        padding: 1em 0; }

#page #wrapper .inner .titleBox {
  border-bottom: 1px solid rgba(49, 49, 47, 0.25); }

.icon-clock {
  display: inline-block;
  vertical-align: middle;
  color: #96969c;
  line-height: 1;
  position: relative;
  width: 0.9em;
  height: 0.9em;
  border: 0.1em solid currentColor;
  border-radius: 50%;
  box-sizing: content-box; }
  .icon-clock::before, .icon-clock::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 50%;
    background: currentColor;
    border-radius: 0.1em;
    transform: translate(-0.05em, 0.05em); }
  .icon-clock::before {
    width: 0.1em;
    height: 0.4em; }
  .icon-clock::after {
    width: 0.35em;
    height: 0.1em; }

.icon-update {
  display: inline-block;
  vertical-align: middle;
  color: #96969c;
  line-height: 1;
  position: relative;
  width: 0.9em;
  height: 0.9em;
  transform: rotate(45deg); }
  .icon-update::before, .icon-update::after {
    content: '';
    position: absolute; }
  .icon-update::before {
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border: 0.1em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    transform: rotate(-45deg); }
  .icon-update::after {
    top: 0.05em;
    right: 50%;
    width: 0.2em;
    height: 0.2em;
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: content-box;
    transform: translateX(0.14142em) rotate(45deg);
    transform-origin: top right; }

.tab {
  display: none; }

.smp {
  display: none; }

.container {
  padding-left: 5%;
  padding-right: 5%; }