main {
  padding: 40px 0; }
  main * {
    letter-spacing: 2px;
    font-family: source-han-sans-japanese,sans-serif;
    font-weight: 400;
    font-style: normal; }
  main h1 {
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 700; }
    @media screen and (max-width: 767px) {
      main h1 {
        font-size: 22px; } }
  main .shopinfo {
    width: 92%;
    max-width: 700px;
    margin: 0 auto 30px; }
    main .shopinfo p {
      font-size: 16px;
      text-align: center; }
      main .shopinfo p:not(:last-of-type) {
        margin-bottom: 15px; }
      @media screen and (max-width: 767px) {
        main .shopinfo p {
          font-size: 14px; } }
    main .shopinfo .tel {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 25px; }
      @media screen and (max-width: 767px) {
        main .shopinfo .tel {
          display: block;
          text-align: center; } }
      main .shopinfo .tel * {
        font-size: 20px;
        text-decoration: none;
        color: #000; }
        @media screen and (max-width: 767px) {
          main .shopinfo .tel * {
            font-size: 18px;
            width: 100%; } }
        main .shopinfo .tel * span {
          font-size: 16px; }
          @media screen and (max-width: 767px) {
            main .shopinfo .tel * span {
              font-size: 14px; } }
      main .shopinfo .tel a {
        margin-right: 25px; }
        @media screen and (max-width: 767px) {
          main .shopinfo .tel a {
            margin: 0 0 10px; } }
    main .shopinfo .time {
      line-height: 2; }
  main .carendar h2 {
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      main .carendar h2 {
        font-size: 18px; } }
  main .carendar iframe {
    max-width: 700px;
    width: 94%;
    margin: 0 auto;
    display: block; }