@charset "UTF-8";
.page_head {
  background-image: url("../img/store/store_head.jpg"); }

.container {
  width: 61.25em;
  max-width: 100%;
  margin: auto; }
  @media only screen and (max-width: 767px) {
    .container {
      width: 32.3em; } }

#art-head {
  margin-top: 4.375em; }
  #art-head .art-title {
    text-align: center;
    font-size: 1.5em;
    line-height: 1.75em;
    letter-spacing: 0.1em; }
  #art-head .subtxt {
    font-size: 1.5em;
    line-height: 1.75em;
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 3.75em; }
  #art-head .photos {
    position: relative;
    line-height: 0;
    margin-bottom: 1.25em; }
    #art-head .photos .item {
      outline: none; }
      #art-head .photos .item img {
        width: 100%; }
    #art-head .photos .slick-arrow {
      position: absolute;
      top: 50%;
      font-size: 0;
      color: transparent;
      background-color: transparent;
      width: 4.375rem;
      height: 4.375rem;
      transform: translate(0, -50%);
      z-index: 10;
      outline: none; }
      #art-head .photos .slick-arrow::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1.875rem;
        height: 1.875rem;
        border-radius: 0.9375rem;
        background-color: #000;
        transform: translate(-50%, -50%) scale(0.2);
        -webkit-transition: width 0.3s, height 0.3s;
        -moz-transition: width 0.3s, height 0.3s;
        transition: width 0.3s, height 0.3s; }
      #art-head .photos .slick-arrow.slick-prev {
        left: -4.375rem; }
      #art-head .photos .slick-arrow.slick-next {
        right: -4.375rem; }
      #art-head .photos .slick-arrow:active::before, #art-head .photos .slick-arrow:hover::before {
        width: 5.625rem;
        height: 1.25rem; }
  #art-head .photos_choice {
    line-height: 0;
    margin: -0.625em;
    display: flex;
    flex-wrap: wrap; }
    #art-head .photos_choice .item {
      outline: none;
      padding: 0.625em;
      width: 20%;
      box-sizing: border-box;
      -webkit-transition: opacity 0.3s;
      -moz-transition: opacity 0.3s;
      transition: opacity 0.3s; }
      #art-head .photos_choice .item img {
        width: 100%; }
      #art-head .photos_choice .item.current {
        opacity: 0.6; }
  @media only screen and (max-width: 767px) {
    #art-head {
      margin-top: 2.75em; }
      #art-head .art-title {
        font-size: 1.2em;
        margin-bottom: 2.2916666667em; }
      #art-head .photos .slick-arrow {
        width: 2.6rem;
        height: 3.25rem; }
        #art-head .photos .slick-arrow.slick-prev {
          left: -2.6rem; }
        #art-head .photos .slick-arrow.slick-next {
          right: -2.6rem; } }

#art-body {
  margin-top: 3.125em; }
  #art-body article {
    /*
    pre {
    	white-space: pre-wrap;
    	word-wrap: break-word;
    	overflow: auto;
    }
    */ }
    #art-body article .aligncenter {
      display: block;
      margin: 0 auto; }
    #art-body article .alignright {
      float: right;
      margin-left: 1em; }
    #art-body article .alignleft {
      float: left;
      margin-right: 1em; }
    @media only screen and (max-width: 767px) {
      #art-body article .alignright {
        float: none;
        margin-left: 0; }
      #art-body article .alignleft {
        float: none;
        margin-right: 0; } }
    #art-body 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; }
    #art-body article a {
      color: inherit;
      border-bottom: 1px dashed #999;
      -webkit-transition: opacity 0.3s;
      -moz-transition: opacity 0.3s;
      transition: opacity 0.3s; }
      #art-body article a:active, #art-body article a:hover {
        filter: alpha(opacity=60);
        -webkit-opacity: 0.6;
        -moz-opacity: 0.6;
        opacity: 0.6; }
      #art-body article a[target="_blank"] {
        margin-right: 1.5em; }
        #art-body 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; }
    #art-body article .uline {
      border-bottom: 1px solid #000; }
    #art-body article strong {
      font-weight: bold; }
    #art-body article ruby > rt {
      transform: translateY(0.3em); }
    #art-body article sup {
      font-size: 70%;
      vertical-align: top;
      position: relative;
      top: -0.25em; }
    #art-body article sub {
      font-size: 70%;
      vertical-align: bottom;
      position: relative;
      bottom: -0.25em; }
    #art-body article mark {
      color: inherit;
      background: linear-gradient(transparent 70%, #ff9b99 70%); }
    #art-body article img[class*="wp-image-"],
    #art-body article img[class*="attachment-"] {
      max-width: 100%;
      height: auto;
      margin-top: 0.5em;
      margin-bottom: 0.5em; }
    #art-body article .wp-caption {
      max-width: 100%; }
      #art-body article .wp-caption img {
        margin-bottom: 0; }
      #art-body article .wp-caption .wp-caption-text {
        font-size: 0.9em;
        margin-bottom: 1em; }
    #art-body article h1, #art-body article h2, #art-body article h3, #art-body article h4, #art-body article h5, #art-body 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; }
      #art-body article h1:not(:first-child), #art-body article h2:not(:first-child), #art-body article h3:not(:first-child), #art-body article h4:not(:first-child), #art-body article h5:not(:first-child), #art-body article h6:not(:first-child) {
        margin-top: 2em; }
    #art-body article h1 {
      font-size: 1.75em;
      line-height: 1.75em;
      letter-spacing: 0.150em; }
      #art-body article h1:not(:last-child) {
        margin-bottom: 1.9285714286em; }
      @media only screen and (max-width: 767px) {
        #art-body article h1 {
          font-size: 1.5em; } }
    #art-body article h2 {
      font-size: 1.75em;
      letter-spacing: 0.150em; }
      #art-body article h2::after {
        content: "";
        display: block;
        width: 1.25rem;
        border-bottom: 2px solid #E6E6DF;
        margin: 0.7142857143em auto; }
      @media only screen and (max-width: 767px) {
        #art-body article h2 {
          font-size: 1.4em; } }
    #art-body article h3 {
      font-size: 1.5em;
      letter-spacing: 0.150em; }
      #art-body article h3::after {
        content: "";
        display: block;
        width: 1.875rem;
        border-bottom: 2px solid #E6E6DF;
        margin: 1.25em auto; }
      @media only screen and (max-width: 767px) {
        #art-body article h3 {
          font-size: 1em; } }
    #art-body article h4 {
      font-size: 1.375em;
      letter-spacing: 0.15em;
      text-align: center; }
      #art-body article h4:not(:last-child) {
        margin-bottom: 1.5909090909em; }
    #art-body article ul, #art-body article ol {
      padding-left: 1.5em;
      font-size: 1em;
      line-height: inherit;
      letter-spacing: inherit;
      margin: 0.5em 0; }
      #art-body article ul li, #art-body article ol li {
        position: relative;
        margin-top: 0.5em; }
        #art-body article ul li:not(:first-child), #art-body article ol li:not(:first-child) {
          margin-top: 0.5em; }
        #art-body article ul li ul, #art-body article ul li ol, #art-body article ol li ul, #art-body article ol li ol {
          margin-top: 0;
          margin-bottom: 0; }
    #art-body article ul li {
      list-style: disc; }
    #art-body article ol li {
      list-style: decimal; }
    #art-body article ul.caution li {
      list-style: none;
      margin-left: -1.5em;
      padding-left: 1.5em; }
      #art-body article ul.caution li::before {
        content: "※";
        position: absolute;
        left: 0; }
    #art-body article hr {
      border-top: 1px solid #E6E6E6;
      margin: 3.75em 0; }
    #art-body article blockquote {
      display: block;
      border-left: 0.625rem solid #ccc;
      padding: 0em 2em;
      margin: 0;
      margin-top: 0.5em;
      margin-bottom: 0.5em; }
    #art-body article table {
      border-collapse: collapse;
      margin: 1em 0; }
      #art-body article table:first-child {
        margin-top: 0; }
      #art-body article table:last-child {
        margin-bottom: 0; }
      #art-body article table thead tr th, #art-body article table thead tr td,
      #art-body article table tbody tr th,
      #art-body article table tbody tr td {
        font-family: inherit;
        border: 1px solid #333; }
      #art-body article table thead tr th,
      #art-body article table tbody tr th {
        text-align: left;
        padding: 0.5em 1em;
        font-weight: inherit;
        white-space: nowrap; }
      #art-body article table thead tr td,
      #art-body article table tbody tr td {
        text-align: left;
        padding: 0.5em 1em; }
      #art-body article table thead thead th, #art-body article table thead thead td,
      #art-body article table tbody thead th,
      #art-body article table tbody thead td {
        font-weight: bold;
        text-align: center; }
      #art-body article table.mce-item-table th, #art-body article table.mce-item-table td {
        border: 1px solid #333; }
      #art-body article table.tw100 {
        width: 100%; }
    #art-body article table.skelton {
      border: none; }
      #art-body article table.skelton thead tr th, #art-body article table.skelton thead tr td,
      #art-body article table.skelton tbody tr th,
      #art-body article table.skelton tbody tr td {
        border: none;
        padding: 0.25em 0; }
        #art-body article table.skelton thead tr th:not(:last-child), #art-body article table.skelton thead tr td:not(:last-child),
        #art-body article table.skelton tbody tr th:not(:last-child),
        #art-body article table.skelton tbody tr td:not(:last-child) {
          padding-right: 1.5em; }
      #art-body article table.skelton.mce-item-table th, #art-body article table.skelton.mce-item-table td {
        border: 1px dashed #ccc; }
    #art-body article .video {
      position: relative; }
      #art-body article .video::before {
        content: "";
        display: block;
        padding-top: 56.25%; }
      #art-body article .video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    #art-body article .wpview {
      position: relative; }
      #art-body article .wpview .mce-shim {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    #art-body article p {
      display: block;
      min-height: 2.1875em;
      margin: 0;
      padding: 0;
      font-family: inherit; }
      #art-body article p span {
        line-height: 2.1875em; }
      @media only screen and (max-width: 767px) {
        #art-body article p {
          min-height: 1.6em; }
          #art-body article p span {
            line-height: 1.6em; } }
    #art-body article p.article_midashi_type1 {
      font-size: 1.625em;
      line-height: 1.5em;
      padding: 1em 0;
      border-bottom: 1px solid #DDDDDD;
      margin-bottom: 1.1538461538em; }
    #art-body article p.article_midashi_type2 {
      font-size: 1.125em;
      line-height: 1.5em;
      letter-spacing: 0.150em;
      margin: 1.3888888889em 0; }
    #art-body article p.plist_midashi_type1 {
      font-size: 1.25em;
      line-height: 1.75em;
      letter-spacing: 0.150em;
      margin-bottom: 1.5em;
      text-align: center; }
      #art-body article p.plist_midashi_type1 span {
        display: inline-block;
        border-top: 1px solid #666;
        border-bottom: 1px solid #666;
        padding: 0.6em 0; }
    #art-body article table.style1 {
      border: none; }
      #art-body article table.style1 thead tr th, #art-body article table.style1 thead tr td,
      #art-body article table.style1 tbody tr th,
      #art-body article table.style1 tbody tr td {
        border: none;
        border-bottom: 1px solid #E6E6E6;
        font-size: 1em;
        line-height: 1.625em;
        letter-spacing: 0;
        padding: 1.75em 0; }
        #art-body article table.style1 thead tr th:not(:last-child), #art-body article table.style1 thead tr td:not(:last-child),
        #art-body article table.style1 tbody tr th:not(:last-child),
        #art-body article table.style1 tbody tr td:not(:last-child) {
          padding-right: 1.5em; }
        #art-body article table.style1 thead tr th.nowrap, #art-body article table.style1 thead tr td.nowrap,
        #art-body article table.style1 tbody tr th.nowrap,
        #art-body article table.style1 tbody tr td.nowrap {
          width: 1%;
          white-space: nowrap; }
      #art-body article table.style1 thead tr:first-child th, #art-body article table.style1 thead tr:first-child td,
      #art-body article table.style1 tbody tr:first-child th,
      #art-body article table.style1 tbody tr:first-child td {
        padding-top: 0; }
      #art-body article table.style1 thead tr th,
      #art-body article table.style1 tbody tr th {
        width: 1%;
        white-space: nowrap;
        color: #666; }
      #art-body article table.style1 thead tr.noborder th, #art-body article table.style1 thead tr.noborder td,
      #art-body article table.style1 tbody tr.noborder th,
      #art-body article table.style1 tbody tr.noborder td {
        border-bottom: none;
        padding-bottom: 0; }
      #art-body article table.style1.mce-item-table:not(.noborder) th, #art-body 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) {
        #art-body article table.style1 thead tr td:first-child, #art-body article table.style1 thead tr th:first-child,
        #art-body article table.style1 tbody tr td:first-child,
        #art-body article table.style1 tbody tr th:first-child {
          padding-left: 0; }
        #art-body article table.style1 thead tr td:last-child, #art-body article table.style1 thead tr th:last-child,
        #art-body article table.style1 tbody tr td:last-child,
        #art-body article table.style1 tbody tr th:last-child {
          padding-right: 0; }
        #art-body article table.style1 thead tr th,
        #art-body article table.style1 tbody tr th {
          border-bottom: none;
          padding-bottom: 0; } }
    #art-body article table.style2 {
      border: none; }
      #art-body article table.style2.mce-item-table tr th, #art-body article table.style2.mce-item-table tr td,
      #art-body article table.style2 thead tr th,
      #art-body article table.style2 thead tr td,
      #art-body article table.style2 tbody tr th,
      #art-body article table.style2 tbody tr td {
        border: 1px solid #EEE;
        font-size: 0.875em;
        line-height: 1.5555555556em;
        letter-spacing: 0;
        vertical-align: middle; }
      #art-body article table.style2.mce-item-table tr th,
      #art-body article table.style2 thead tr th,
      #art-body article table.style2 tbody tr th {
        background-color: #E6E6DF;
        padding: 0.7142857143em 1.4285714286em; }
      #art-body article table.style2.mce-item-table tr td,
      #art-body article table.style2 thead tr td,
      #art-body article table.style2 tbody tr td {
        padding: 1.1428571429em 1.4285714286em; }
      @media only screen and (max-width: 767px) {
        #art-body article table.style2.mce-item-table tr th, #art-body article table.style2.mce-item-table tr td,
        #art-body article table.style2 thead tr th,
        #art-body article table.style2 thead tr td,
        #art-body article table.style2 tbody tr th,
        #art-body article table.style2 tbody tr td {
          font-size: 1em; }
        #art-body article table.style2.mce-item-table tr th,
        #art-body article table.style2 thead tr th,
        #art-body article table.style2 tbody tr th {
          padding: 0.7142857143em 1.0714285714em; }
        #art-body article table.style2.mce-item-table tr td,
        #art-body article table.style2 thead tr td,
        #art-body article table.style2 tbody tr td {
          padding: 1.0714285714em 1.0714285714em; } }
    #art-body article::after {
      content: "";
      display: block;
      clear: both; }
  #art-body .footer_info {
    border: 1px solid #999;
    margin-top: 3.125em;
    padding: 1.5625em; }
  @media only screen and (max-width: 767px) {
    #art-body {
      margin-top: 1.6em; }
      #art-body .footer_info {
        margin-top: 2.5em;
        padding: 1em; } }

#buttons {
  text-align: center;
  margin-top: 3.75em;
  margin-bottom: 10.625em; }
  #buttons .button1,
  #buttons .button2 {
    display: block;
    width: 26.875em;
    margin: 0 auto;
    margin-top: 1.25em;
    color: #FFF; }
  @media only screen and (max-width: 767px) {
    #buttons {
      margin-bottom: 5em; } }