@charset "UTF-8";
.postbase {
  width: 60em;
  max-width: 100%;
  margin: auto; }
  .postbase .art-head {
    margin-top: 3em;
    margin-bottom: 2em; }
    .postbase .art-head .title {
      font-size: 1.6em;
      line-height: 1.5em;
      letter-spacing: 0.1em;
      margin-bottom: 0.4166666667em; }
    .postbase .art-head .under .date {
      display: inline-block;
      font-size: 0.8666666667em;
      letter-spacing: 0.1em;
      margin-right: 1em;
      color: #666; }
    .postbase .art-head .under .cat {
      display: inline; }
      .postbase .art-head .under .cat a {
        display: inline-block;
        background-color: #E8E8E1;
        font-size: 0.8em;
        min-width: 6.6666666667em;
        line-height: 1em;
        letter-spacing: 0.150em;
        white-space: nowrap;
        padding: 0.2083333333em;
        text-align: center;
        margin-left: 0.5em; }
  .postbase .art-photo {
    line-height: 0;
    margin-bottom: 2.6666666667em; }
    .postbase .art-photo img {
      width: 100%; }
    .postbase .art-photo .nophoto {
      position: relative;
      background-color: #E8E8E1; }
      .postbase .art-photo .nophoto::before {
        content: "";
        display: block;
        padding-top: 66.6666666667%; }
      .postbase .art-photo .nophoto img {
        width: 19.6428571429%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
  .postbase article {
    width: 46.6666666667rem;
    max-width: 100%;
    margin: auto;
    /*
    pre {
    	white-space: pre-wrap;
    	word-wrap: break-word;
    	overflow: auto;
    }
    */ }
    .postbase article::after {
      content: "";
      display: block;
      clear: both; }
    .postbase article {
      line-height: 2.2352941176em;
      letter-spacing: 0.05em;
      text-align: justify;
      text-justify: inter-ideograph; }
      @media only screen and (max-width: 767px) {
        .postbase article {
          line-height: 2em;
          letter-spacing: 0.05em; } }
    .postbase article .aligncenter {
      display: block;
      margin: 0 auto; }
    .postbase article .alignright {
      float: right;
      margin-left: 1em; }
    .postbase article .alignleft {
      float: left;
      margin-right: 1em; }
    @media only screen and (max-width: 767px) {
      .postbase article .alignright {
        float: none;
        margin-left: 0; }
      .postbase article .alignleft {
        float: none;
        margin-right: 0; } }
    .postbase article body#tinymce .clearfix::after {
      content: "これは回り込み解除です。実際には表示されません";
      display: block;
      text-align: center;
      background: repeating-linear-gradient(-45deg, #ddd, #ddd 10px, #fff 0, #fff 20px);
      border-radius: 0.5em;
      color: #666;
      border: 1px solid #ccc; }
    .postbase article a {
      color: inherit;
      border-bottom: 1px dashed #999;
      -webkit-transition: opacity 0.3s;
      -moz-transition: opacity 0.3s;
      transition: opacity 0.3s; }
      .postbase article a:active, .postbase article a:hover {
        filter: alpha(opacity=60);
        -webkit-opacity: 0.6;
        -moz-opacity: 0.6;
        opacity: 0.6; }
      .postbase article a[target="_blank"] {
        margin-right: 1.5em; }
        .postbase article a[target="_blank"]::after {
          content: "";
          display: inline-block;
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20524.4%20524.4%22%3E%3Cstyle%3E.st0%7Bfill%3A%234b4b4b%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M102.2%206.2v416h416V6.2h-416zm376%20376h-336v-336h336v336z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M46.2%20478.2v-376h-40v416h416v-40h-40z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M239%20319l117.9-117.8V286h40V132.9H243.8v40h84.8L210.7%20290.8z%22%2F%3E%3C%2Fsvg%3E");
          background-size: contain;
          background-position: center top;
          background-repeat: no-repeat;
          width: 0.85em;
          margin: 0 0.5em;
          height: 1em;
          vertical-align: middle;
          position: absolute;
          right: -1.5em;
          top: 0.4em; }
    .postbase article .uline {
      border-bottom: 1px solid #000; }
    .postbase article strong {
      font-weight: bold; }
    .postbase article ruby > rt {
      transform: translateY(0.3em); }
    .postbase article sup {
      font-size: 70%;
      vertical-align: top;
      position: relative;
      top: -0.25em; }
    .postbase article sub {
      font-size: 70%;
      vertical-align: bottom;
      position: relative;
      bottom: -0.25em; }
    .postbase article mark {
      color: inherit;
      background: linear-gradient(transparent 70%, #ff9b99 70%); }
    .postbase article img[class*="wp-image-"],
    .postbase article img[class*="attachment-"] {
      max-width: 100%;
      height: auto;
      margin-top: 0.5em;
      margin-bottom: 0.5em; }
    .postbase article .wp-caption {
      max-width: 100%; }
      .postbase article .wp-caption img {
        margin-bottom: 0; }
      .postbase article .wp-caption .wp-caption-text {
        font-size: 0.9em;
        margin-bottom: 1em; }
    .postbase article h1, .postbase article h2, .postbase article h3, .postbase article h4, .postbase article h5, .postbase article h6 {
      font-size: 1rem;
      font-weight: inherit;
      margin: 0px;
      padding: 0px;
      border: none;
      text-align: center;
      line-height: 1.35em;
      letter-spacing: 0.125em;
      clear: both; }
      .postbase article h1:not(:first-child), .postbase article h2:not(:first-child), .postbase article h3:not(:first-child), .postbase article h4:not(:first-child), .postbase article h5:not(:first-child), .postbase article h6:not(:first-child) {
        margin-top: 2em; }
    .postbase article h1 {
      font-size: 1.8666666667em;
      line-height: 1.75em;
      letter-spacing: 0.150em; }
      .postbase article h1:not(:last-child) {
        margin-bottom: 1.9285714286em; }
      @media only screen and (max-width: 767px) {
        .postbase article h1 {
          font-size: 1.875em; } }
    .postbase article h2 {
      font-size: 1.8666666667em;
      letter-spacing: 0.150em; }
      .postbase article h2::after {
        content: "";
        display: block;
        width: 1.3333333333rem;
        border-bottom: 2px solid #E6E6DF;
        margin: 0.7142857143em auto; }
      @media only screen and (max-width: 767px) {
        .postbase article h2 {
          font-size: 1.8666666667em; } }
    .postbase article h3 {
      font-size: 1.6em;
      letter-spacing: 0.150em; }
      .postbase article h3::after {
        content: "";
        display: block;
        width: 2rem;
        border-bottom: 2px solid #E6E6DF;
        margin: 1.25em auto; }
      @media only screen and (max-width: 767px) {
        .postbase article h3 {
          font-size: 1.3333333333em; }
          .postbase article h3 br:not(.sp) {
            display: none; } }
    .postbase article h4 {
      font-size: 1.4705882353em;
      line-height: 1.84em;
      margin-top: 3.2em;
      margin-bottom: 2.4em;
      letter-spacing: 0.07em;
      text-align: left; }
      @media only screen and (max-width: 767px) {
        .postbase article h4 {
          font-size: 1.125em;
          line-height: 1.7777777778em;
          letter-spacing: 0.04em;
          margin: 2em 0; }
          .postbase article h4 br:not(.sp) {
            display: none; } }
    .postbase article ul, .postbase article ol {
      padding-left: 1.5em;
      font-size: 1em;
      line-height: inherit;
      letter-spacing: inherit;
      margin: 0.5em 0; }
      .postbase article ul li, .postbase article ol li {
        position: relative;
        margin-top: 0.5em; }
        .postbase article ul li:not(:first-child), .postbase article ol li:not(:first-child) {
          margin-top: 0.5em; }
        .postbase article ul li ul, .postbase article ul li ol, .postbase article ol li ul, .postbase article ol li ol {
          margin-top: 0;
          margin-bottom: 0; }
    .postbase article ul li {
      list-style: disc; }
    .postbase article ol li {
      list-style: decimal; }
    .postbase article ul.caution li {
      list-style: none;
      margin-left: -1.5em;
      padding-left: 1.5em; }
      .postbase article ul.caution li::before {
        content: "※";
        position: absolute;
        left: 0; }
    .postbase article hr {
      border-top: 1px solid #E6E6E6;
      margin: 4em 0; }
    .postbase article blockquote {
      display: block;
      border-left: 0.6666666667rem solid #ccc;
      padding: 0em 2em;
      margin: 0;
      margin-top: 0.5em;
      margin-bottom: 0.5em; }
    .postbase article table {
      border-collapse: collapse;
      margin: 1em 0; }
      .postbase article table:first-child {
        margin-top: 0; }
      .postbase article table:last-child {
        margin-bottom: 0; }
      .postbase article table thead tr th, .postbase article table thead tr td,
      .postbase article table tbody tr th,
      .postbase article table tbody tr td {
        font-family: inherit;
        border: 1px solid #333; }
      .postbase article table thead tr th,
      .postbase article table tbody tr th {
        text-align: left;
        padding: 0.5em 1em;
        font-weight: inherit;
        white-space: nowrap; }
      .postbase article table thead tr td,
      .postbase article table tbody tr td {
        text-align: left;
        padding: 0.5em 1em; }
      .postbase article table thead thead th, .postbase article table thead thead td,
      .postbase article table tbody thead th,
      .postbase article table tbody thead td {
        font-weight: bold;
        text-align: center; }
      .postbase article table.mce-item-table th, .postbase article table.mce-item-table td {
        border: 1px solid #333; }
      .postbase article table.tw100 {
        width: 100%; }
    .postbase article table.skelton {
      border: none; }
      .postbase article table.skelton thead tr th, .postbase article table.skelton thead tr td,
      .postbase article table.skelton tbody tr th,
      .postbase article table.skelton tbody tr td {
        border: none;
        padding: 0.25em 0; }
        .postbase article table.skelton thead tr th:not(:last-child), .postbase article table.skelton thead tr td:not(:last-child),
        .postbase article table.skelton tbody tr th:not(:last-child),
        .postbase article table.skelton tbody tr td:not(:last-child) {
          padding-right: 1.5em; }
      .postbase article table.skelton.mce-item-table th, .postbase article table.skelton.mce-item-table td {
        border: 1px dashed #ccc; }
    .postbase article .video {
      position: relative; }
      .postbase article .video::before {
        content: "";
        display: block;
        padding-top: 56.25%; }
      .postbase article .video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .postbase article .wpview {
      position: relative; }
      .postbase article .wpview .mce-shim {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .postbase article p {
      display: block;
      min-height: 2em;
      margin: 0;
      padding: 0;
      font-family: inherit; }
      .postbase article p span {
        line-height: 2; }
      @media only screen and (max-width: 767px) {
        .postbase article p {
          min-height: 1.8571428571em; }
          .postbase article p span {
            line-height: 1.8571428571; } }
    .postbase article p.article_midashi_type1 {
      font-size: 1.7333333333em;
      line-height: 1.5em;
      padding: 1em 0;
      border-bottom: 1px solid #DDDDDD;
      margin-bottom: 1.1538461538em; }
    .postbase article p.article_midashi_type2 {
      font-size: 1.2em;
      line-height: 1.5em;
      letter-spacing: 0.150em;
      margin: 1.3888888889em 0; }
    .postbase article p.plist_midashi_type1 {
      font-size: 1.3333333333em;
      line-height: 1.75em;
      letter-spacing: 0.150em;
      margin-bottom: 1.5em;
      text-align: center; }
      .postbase article p.plist_midashi_type1 span {
        display: inline-block;
        border-top: 1px solid #666;
        border-bottom: 1px solid #666;
        padding: 0.6em 0; }
    .postbase article table.style1 {
      border: none; }
      .postbase article table.style1 thead tr th, .postbase article table.style1 thead tr td,
      .postbase article table.style1 tbody tr th,
      .postbase article table.style1 tbody tr td {
        border: none;
        border-bottom: 1px solid #E6E6E6;
        font-size: 1.0666666667em;
        line-height: 1.625em;
        letter-spacing: 0;
        padding: 1.75em 0; }
        .postbase article table.style1 thead tr th:not(:last-child), .postbase article table.style1 thead tr td:not(:last-child),
        .postbase article table.style1 tbody tr th:not(:last-child),
        .postbase article table.style1 tbody tr td:not(:last-child) {
          padding-right: 1.5em; }
        .postbase article table.style1 thead tr th.nowrap, .postbase article table.style1 thead tr td.nowrap,
        .postbase article table.style1 tbody tr th.nowrap,
        .postbase article table.style1 tbody tr td.nowrap {
          width: 1%;
          white-space: nowrap; }
      .postbase article table.style1 thead tr:first-child th, .postbase article table.style1 thead tr:first-child td,
      .postbase article table.style1 tbody tr:first-child th,
      .postbase article table.style1 tbody tr:first-child td {
        padding-top: 0; }
      .postbase article table.style1 thead tr th,
      .postbase article table.style1 tbody tr th {
        width: 1%;
        white-space: nowrap;
        color: #666; }
      .postbase article table.style1 thead tr.noborder th, .postbase article table.style1 thead tr.noborder td,
      .postbase article table.style1 tbody tr.noborder th,
      .postbase article table.style1 tbody tr.noborder td {
        border-bottom: none;
        padding-bottom: 0; }
      .postbase article table.style1.mce-item-table:not(.noborder) th, .postbase article table.style1.mce-item-table:not(.noborder) td {
        border: 1px dashed #ccc;
        border-bottom: 1px solid #E6E6E6; }
      @media only screen and (max-width: 767px) {
        .postbase article table.style1 thead tr td:first-child, .postbase article table.style1 thead tr th:first-child,
        .postbase article table.style1 tbody tr td:first-child,
        .postbase article table.style1 tbody tr th:first-child {
          padding-left: 0; }
        .postbase article table.style1 thead tr td:last-child, .postbase article table.style1 thead tr th:last-child,
        .postbase article table.style1 tbody tr td:last-child,
        .postbase article table.style1 tbody tr th:last-child {
          padding-right: 0; }
        .postbase article table.style1 thead tr th,
        .postbase article table.style1 tbody tr th {
          border-bottom: none;
          padding-bottom: 0; } }
    .postbase article table.style2 {
      border: none; }
      .postbase article table.style2.mce-item-table tr th, .postbase article table.style2.mce-item-table tr td,
      .postbase article table.style2 thead tr th,
      .postbase article table.style2 thead tr td,
      .postbase article table.style2 tbody tr th,
      .postbase article table.style2 tbody tr td {
        border: 1px solid #EEE;
        font-size: 0.9333333333em;
        line-height: 1.5555555556em;
        letter-spacing: 0;
        vertical-align: middle; }
      .postbase article table.style2.mce-item-table tr th,
      .postbase article table.style2 thead tr th,
      .postbase article table.style2 tbody tr th {
        background-color: #E6E6DF;
        padding: 0.7142857143em 1.4285714286em; }
      .postbase article table.style2.mce-item-table tr td,
      .postbase article table.style2 thead tr td,
      .postbase article table.style2 tbody tr td {
        padding: 1.1428571429em 1.4285714286em; }
      @media only screen and (max-width: 767px) {
        .postbase article table.style2.mce-item-table tr th, .postbase article table.style2.mce-item-table tr td,
        .postbase article table.style2 thead tr th,
        .postbase article table.style2 thead tr td,
        .postbase article table.style2 tbody tr th,
        .postbase article table.style2 tbody tr td {
          font-size: 1em; }
        .postbase article table.style2.mce-item-table tr th,
        .postbase article table.style2 thead tr th,
        .postbase article table.style2 tbody tr th {
          padding: 0.7142857143em 1.0714285714em; }
        .postbase article table.style2.mce-item-table tr td,
        .postbase article table.style2 thead tr td,
        .postbase article table.style2 tbody tr td {
          padding: 1.0714285714em 1.0714285714em; } }
  @media only screen and (max-width: 767px) {
    .postbase .art-head {
      margin-top: 1.6666666667em;
      margin-bottom: 2.3333333333em; }
      .postbase .art-head .title {
        font-size: 1.2666666667em; } }

#art-related {
  margin-top: 8em;
  margin-bottom: 9.3333333333em; }
  #art-related .yarpp-related-none {
    display: none; }
  @media only screen and (max-width: 767px) {
    #art-related {
      margin-top: 4em;
      margin-bottom: 4em; } }

.pagenav {
  margin-top: 12em;
  text-align: center; }
  .pagenav .base {
    width: 66.6666666667em;
    max-width: 100%;
    margin: auto;
    padding-bottom: 4em;
    border-bottom: 1px solid #E6E6E6; }
  .pagenav .btn {
    display: inline-flex;
    box-sizing: border-box;
    border: 1px solid #ddd;
    font-size: 0.9333333333em;
    letter-spacing: 0.150em;
    line-height: 1em;
    height: 3.2142857143em;
    margin-bottom: 2.8571428571em;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .pagenav .btn::after {
      content: "";
      display: block;
      clear: both; }
    .pagenav .btn .num {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 3.2142857143em;
      border-right: 1px solid #ddd;
      padding: 1em 0;
      -webkit-transition: border-color 0.3s;
      -moz-transition: border-color 0.3s;
      transition: border-color 0.3s; }
    .pagenav .btn .txt {
      flex: 1 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1em; }
    .pagenav .btn:active, .pagenav .btn:hover {
      background-color: #ddd; }
      .pagenav .btn:active .num, .pagenav .btn:hover .num {
        border-color: #eee; }
    .pagenav .btn.on {
      background-color: #000;
      color: #FFF;
      border: none; }
      .pagenav .btn.on .num {
        border-color: #FFF; }
  .pagenav .btnbase {
    letter-spacing: -0.5em; }
    .pagenav .btnbase > li {
      display: inline-block; }
      .pagenav .btnbase > li:not(:last-child)::after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 0.4666666667em;
        height: 0.8666666667em;
        background-image: url("../img/arrow03.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0 1.4666666667em; }
  .pagenav .temiyage .btn {
    width: 13.6em; }
  .pagenav .top {
    margin-top: 1.3333333333em;
    line-height: 1em;
    letter-spacing: 0.200em; }
    .pagenav .top a {
      font-size: 0.8666666667em;
      -webkit-transition: opacity 0.3s;
      -moz-transition: opacity 0.3s;
      transition: opacity 0.3s; }
      .pagenav .top a:active, .pagenav .top a:hover {
        filter: alpha(opacity=60);
        -webkit-opacity: 0.6;
        -moz-opacity: 0.6;
        opacity: 0.6; }
  @media only screen and (max-width: 767px) {
    .pagenav {
      margin-top: 6.6666666667em; }
      .pagenav .wrapper {
        padding: 0; }
      .pagenav .base {
        padding: 0 2.8rem;
        padding-bottom: 4em; }
      .pagenav .btn {
        display: flex;
        width: 100%;
        font-size: 0.9333333333em;
        height: 4.2857142857em;
        margin-bottom: 0; }
        .pagenav .btn .num {
          width: 4.2857142857em; }
      .pagenav .btnbase > li {
        display: block; }
        .pagenav .btnbase > li:not(:last-child)::after {
          display: block;
          margin: 1em auto;
          transform: rotate(90deg); }
      .pagenav .temiyage {
        margin-top: 2.1333333333em; }
        .pagenav .temiyage .btn {
          width: 100%; }
      .pagenav .top {
        margin-top: 2em; } }