@charset "euc-jp";

ul {
  list-style: none; }

#content {
  padding: .2em .6em; }
  #content img {
    max-width: 100%;
    height: auto; }

h1 {
  margin: 0 0 .5em;
  text-align: center;
  border: 1px #c29d96 solid;
  background: linear-gradient(to bottom, #fff5D7, #fff); }

.geki-atsu {
  font-size: 14px;
  line-height: 1.5; }
  .geki-atsu h2 {
    margin: 0 auto .5em;
    text-align: center; }
  .geki-atsu .desc {
    width: 95%;
    margin: auto; }
  .geki-atsu .about {
    width: 95%;
    margin: 2em auto 0;
    border: 1px #ff4242 dashed;
    box-sizing: border-box; }
    .geki-atsu .about h3 {
      padding: .5em;
      background: #ff8282; }
    .geki-atsu ol {
      list-style:none;
      counter-reset: number;
      margin-top: 1em; }
      .geki-atsu li {
        position: relative;
        margin-bottom: 1em;
        padding-left: 2.5em; }
      .geki-atsu li::before {
        position: absolute;
        counter-increment: number;
        content: counter(number);
        display: inline-block;
        width: 2em;
        height: 2em;
        top: -.3em;
        left: 0;
        margin-right: .5em;
        background: #ff4242;
        border-radius: 50%;
        color: #fff;
        line-height: 2;
        text-align: center;
        font-weight: bold; }
  .geki-atsu .touji .wrap {
    display: flex;
    padding: .5em .5em 0; }
    .geki-atsu .touji dl {
      display: flex; }
  .geki-atsu .touji .comm {
    margin: 1em 0 .5em;
    padding: 0 .5em; }
  .geki-atsu .touji h4 {
    margin-bottom: .5em;
    border-bottom: 1px #ff4242 solid; }
  .geki-atsu .point {
    width: 95%;
    margin: auto;
    box-sizing: border-box; }
    .geki-atsu .point h3 {
      margin-bottom: .5em;
      background: linear-gradient(transparent 60%, #ff8282 60%);
      font-size: 16px; }
    .geki-atsu .point .wrap {
      display: flex; }
    .geki-atsu .point dl {
      margin: 1em 0; }
      .geki-atsu .point dt {
        position: relative;
        padding-left: .8em; }
        .geki-atsu .point dt::after {
          display: block;
          content: '';
          position: absolute;
          top: .5em;
          left: 0;
          width: 6px;
          height: 6px;
          background-color: #ff4242;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
      .geki-atsu .point dd {
        margin: 0 0 1em 1em; }

.detail {
  margin: 2em 0 1em; }
  .detail .detail-wrap {
    margin: 0; }
    .detail .detail-wrap .item-wrap .item {
      display: flex;
      align-items: flex-end;
      justify-content: center;  }
      .item figure {
        margin: 0 .5em; }
      .item figure .img {
        text-align: center; }
      .item figure figcaption {
        text-align: center;
        font-size: 14px;
        line-height: 1.45; }
      .detail .detail-wrap .item-wrap .spec table {
        border-collapse: collapse;
        margin: 1em 0 0;
        font-size: 14px;
        line-height: 1.4; }
        .detail .detail-wrap .item-wrap .spec table th {
          padding: .6em 1.5em .5em .3em;
          text-align: left;
          border-top: 1px #999 solid;
          border-bottom: 1px #999 solid;
          font-weight: normal;
          white-space: nowrap; }
        .detail .detail-wrap .item-wrap .spec table td {
          padding: 0 .3em .5em 0;
          border-top: 1px #999 solid;
          border-bottom: 1px #999 solid; }
          .detail .detail-wrap .item-wrap .spec table td.name {
            padding: .6em 1.5em .5em .3em;
            border-top: 1px #999 solid;
            border-bottom: 1px #999 solid;
            font-weight: bold; }
          .detail .detail-wrap .item-wrap .spec table td.price {
            line-height: 1.6; }
    .detail-wrap .item-info {
      margin: 1em auto; }

/* 下部注釈 */
.info {
  margin: 3em 0 0; }
  .info p {
    font-size: 14px;
    line-height: 1.45; }
  .info .notes {
    box-sizing: border-box;
    width: 98%;
    margin: .5em auto;
    padding: .5em .8em;
    background: #f7bbbb; }
    .info .notes p {
      font-size: 12px;
      text-align: left; }
  .info .date {
    margin: 0 .3em 0 0; }
    .info .date p {
      font-size: 12px;
      text-align: right; }
.totop {
  width: 95%;
  margin: 1em auto .5em;
  padding: .3em 0;
  border: 1px #530303 solid;
  text-align: center; }

/* PCのみ */
@media print, screen and (min-width: 641px) {
  #content .sp {
    display: none; }
  .info p {
    text-align: center; }
  .bl-hover {
    background: #e0dfb1; }
  .detail {
    width: 90%; }
    .detail .detail-wrap .item-info {
      text-align: center; }
    .detail .detail-wrap .item-wrap {
      display: flex;
      justify-content: center;
      align-items: center; }
      .detail .detail-wrap .item-wrap .item {
        margin: 0 1em; }
      .detail .detail-wrap .item-wrap .spec {
        margin: 0 1em; }
        .detail .detail-wrap .item-wrap .spec span {
          display: block; }
  .geki-atsu .about ol {
    padding: 0 1em; }
  .geki-atsu .point .img {
    flex-shrink: 0;
    margin-left: 1em; }
    .geki-atsu .touji .wrap {
      justify-content: center; }
      .geki-atsu .touji .img {
        flex-shrink: 0; }
      .geki-atsu .touji .text {
        align-self: center;
        margin-left: 1em; }
}

/* スマホのみ */
@media screen and (max-width: 640px){
  #content .pc {
    display: none; }
  .geki-atsu .about ol {
    padding: 0 .5em; }
  .geki-atsu .point .wrap {
    flex-direction: column; }
  .geki-atsu .point .img {
    margin-top: 1em;
    text-align: center; }
    .geki-atsu .touji .wrap {
      flex-direction: column; }
      .geki-atsu .touji .img {
        margin-bottom: .5em;
        text-align: center; }
}