@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
body {
  margin: 0;
  padding: 0;
  background: url("../img/bg.png") no-repeat center/cover fixed;
  color: #333; }

a {
  color: #e1308e;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

.global_head {
  margin: 0; }

.content {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 767px) {
    .content {
      margin: 0 15px; } }
  @media only screen and (min-width: 768px) {
    .content {
      max-width: 1100px;
      width: calc(100% - 30px);
      margin: 0 auto; } }

.block {
  background: linear-gradient(#fffbee, #fff, #fffbee);
  box-sizing: border-box; }
  @media only screen and (max-width: 767px) {
    .block {
      padding: 50px 25px 60px; } }
  @media only screen and (min-width: 768px) {
    .block {
      padding: 80px 70px 100px; } }

h1 {
  background: #2f2019;
  color: #ca9202;
  border-top: 7px solid #ca9202;
  border-bottom: 7px solid #ca9202;
  letter-spacing: 0.5rem;
  font-family: 'Noto Sans JP';
  font-family: 'Sawarabi Mincho';
  font-weight: 900;
  text-align: center;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    h1 {
      font-size: 1.1rem;
      padding: 20px 10px; } }
  @media only screen and (min-width: 768px) {
    h1 {
      padding: 23px 0 21px;
      font-size: 2.5rem;
      line-height: 3.2rem; } }

h2 {
  text-align: left;
  line-height: 100%;
  letter-spacing: 0.1rem;
  color: #c58722; }
  @media only screen and (max-width: 767px) {
    h2 {
      margin: 0 0 20px;
      font-size: 1.2rem; } }
  @media only screen and (min-width: 768px) {
    h2 {
      margin: 0 0 20px; } }

@media only screen and (max-width: 767px) {
  .teleca {
    margin: 0 0 40px; } }
@media only screen and (min-width: 768px) {
  .teleca {
    margin: 0 0 70px; } }
@media only screen and (min-width: 768px) {
  .teleca__inner {
    display: flex;
    justify-content: center;
    align-items: center; } }
@media only screen and (min-width: 768px) {
  .teleca__item {
    margin: 0 20px; } }
.teleca__item img {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  border-radius: 10px; }
@media only screen and (max-width: 767px) {
  .teleca .teleca-a {
    width: 70%;
    margin: 0 auto 30px; } }
@media only screen and (min-width: 768px) {
  .teleca .teleca-a {
    width: 40%; } }
@media only screen and (min-width: 768px) {
  .teleca .teleca-b {
    width: 54%; } }

.store {
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .store {
      margin: 0 0 30px; } }
  @media only screen and (min-width: 768px) {
    .store {
      margin: 0 0 50px; } }
  @media only screen and (min-width: 768px) {
    .store__inner {
      display: flex;
      justify-content: center; } }
  .store__item {
    background: #552d11;
    color: #fff;
    box-sizing: border-box;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .store__item {
        width: 93%;
        margin: 0 auto 20px;
        padding: 20px; }
        .store__item:last-child {
          margin: 0 auto; } }
    @media only screen and (min-width: 768px) {
      .store__item {
        width: 35%;
        margin: 0 20px;
        padding: 25px 25px; } }
    .store__item_name {
      font-weight: bold;
      margin: 0 0 13px;
      padding: 0 0 10px;
      border-bottom: 2px solid #fff;
      letter-spacing: 0.2rem; }
      @media only screen and (max-width: 767px) {
        .store__item_name {
          font-size: 1.1rem; } }
      @media only screen and (min-width: 768px) {
        .store__item_name {
          font-size: 1.5rem; } }
    @media only screen and (max-width: 767px) {
      .store__item_date {
        font-size: 1.1rem; } }
    @media only screen and (min-width: 768px) {
      .store__item_date {
        font-size: 1.4rem; } }
    .store__item_note {
      font-weight: 500;
      text-align: center;
      border: 3px solid #c58722;
      color: #c58722;
      display: inline-block; }
      @media only screen and (max-width: 767px) {
        .store__item_note {
          font-size: 1.05rem;
          letter-spacing: 0.1rem;
          margin: 20px 0 0;
          padding: 15px 35px; } }
      @media only screen and (min-width: 768px) {
        .store__item_note {
          font-size: 1.2rem;
          letter-spacing: 0.2rem;
          margin: 35px auto 0;
          padding: 15px 60px; } }

.intro {
  border-top: 3px solid #c58722; }
  @media only screen and (max-width: 767px) {
    .intro {
      padding: 30px 0; } }
  @media only screen and (min-width: 768px) {
    .intro {
      padding: 50px 0; } }
  .intro p {
    letter-spacing: 0.2rem;
    font-weight: 500;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .intro p {
        text-align: left;
        font-size: 1.0rem;
        line-height: 1.9rem; } }
    @media only screen and (min-width: 768px) {
      .intro p {
        font-size: 1.4rem;
        line-height: 2.6rem;
        text-align: center; } }
    .intro p span {
      font-weight: 700;
      color: #e1308e; }

.taisho {
  border-top: 3px solid #c58722; }
  @media only screen and (max-width: 767px) {
    .taisho {
      padding: 30px 0; } }
  @media only screen and (min-width: 768px) {
    .taisho {
      padding: 50px 15px; } }
  .taisho__item {
    letter-spacing: 0.05rem;
    font-weight: 600;
    margin: 0 0 15px; }
    @media only screen and (max-width: 767px) {
      .taisho__item {
        font-size: 1.0rem;
        line-height: 1.8rem; } }
    @media only screen and (min-width: 768px) {
      .taisho__item {
        font-size: 1.25rem;
        line-height: 1.9rem; } }
  .taisho__note {
    margin: 0;
    letter-spacing: 0.05rem; }
    @media only screen and (max-width: 767px) {
      .taisho__note {
        line-height: 1.7rem; } }
    @media only screen and (min-width: 768px) {
      .taisho__note {
        font-size: 1.0rem;
        line-height: 1.7rem; } }

.detail {
  border-top: 3px solid #c58722; }
  @media only screen and (max-width: 767px) {
    .detail {
      padding: 30px 0; } }
  @media only screen and (min-width: 768px) {
    .detail {
      padding: 50px 15px; } }

.note {
  border-top: 3px solid #c58722; }
  @media only screen and (max-width: 767px) {
    .note {
      padding: 30px 0 20px; } }
  @media only screen and (min-width: 768px) {
    .note {
      padding: 50px 15px 40px; } }

.detail ul,
.note ul {
  margin: 0 0 0 25px;
  padding: 0;
  letter-spacing: 0.05rem; }
  @media only screen and (max-width: 767px) {
    .detail ul,
    .note ul {
      text-align: justify;
      word-break: break-all; } }
  @media only screen and (min-width: 768px) {
    .detail ul,
    .note ul {
      font-size: 1.0rem; } }
  .detail ul li,
  .note ul li {
    margin: 0 0 7px; }

.otoiawase {
  text-align: center;
  margin: 25px 0 0;
  font-weight: 700; }
  @media only screen and (max-width: 767px) {
    .otoiawase {
      font-size: 1.1rem; } }
  @media only screen and (min-width: 768px) {
    .otoiawase {
      font-size: 1.35rem; } }

@media only screen and (min-width: 768px) {
  .sponly {
    display: none; } }

@media only screen and (max-width: 767px) {
  .pconly {
    display: none; } }