@charset "UTF-8";
/* Base
------------------------------------------------------------*/
html {
  font-size: 62.5%; }

body {
  color: #333333;
  font-size: 1.4rem;
  font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.1em;
  background-color: #FEFEFE;
  margin: 0; }

h1, h2, h3 {
  margin: 0; }

/* body
------------------------------------------------------------*/
body {
  background-color: #FEFEFE;
  max-width: 1200px;
  margin: 0 auto; }

#overflowHidden {
  width: 100%;
  overflow: hidden; }

/* header
------------------------------------------------------------*/
header {
  /*h1
    width:751px~   :logo+phoneを横並び表示
    width:500~750px:logoブロックの下にphoneを表示
    width:~500px   :logoブロック(500px)を縮小表示
  --------------------------------------------------------*/
  /*#mainVisual
  width:751px~:width:100%
  width:~750px:画像両端は表示しない
  --------------------------------------------------------*/ }
  header h1 {
    max-width: 960px;
    width: 100%;
    margin: 0 auto; }
    header h1 section {
      width: 90%;
      height: 70px;
      margin: 10px auto; }
      header h1 section #logo {
        width: 500px;
        float: left;
        padding: 0 22px; }
        @media (max-width: 500px) {
          header h1 section #logo {
            width: 105%;
            padding: 0 2.5%; } }
      header h1 section p {
        float: right;
        color: #00BAF7;
        font-size: 1.4rem;
        margin-top: 10px; }
        @media (max-width: 750px) {
          header h1 section p {
            float: left;
            width: 90%;
            padding: 0 5%;
            z-index: 999999; } }
  header #mainVisual {
    height: 350px;
    width: 100%;
    object-fit: cover; }
    @media (max-width: 750px) {
      header #mainVisual {
        width: 160%;
        height: 160%;
        object-fit: cover;
        margin: 0 0 0 -30%; } }

/* main
------------------------------------------------------------*/
main {
  max-width: 960px;
  width: 100%;
  margin: 0 auto; }
  main section {
    width: 90%;
    margin: 10px auto;
    padding: 10px 20px 20px 20px;
    border: 3px solid #00BAF7;
    border-radius: 25px; }
    @media (max-width: 750px) {
      main section {
        margin: 20px auto;
        padding: 10px 10px 10px 10px; } }
    main section h2 {
      color: #00BAF7;
      font-size: 2.4rem;
      margin: 0;
      padding: 8px 22px 16px 22px; }
      @media (max-width: 750px) {
        main section h2 {
          padding: 4px 11px 8px 11px; } }
      main section h2 img {
        height: 24px;
        padding: 2px 6px 4px 2px; }
    main section div h3 {
      font-size: 2.0rem;
      padding: 8px 22px; }
    main section div div#openTime, main section div div#openDate, main section div div#address, main section div div#phone {
      float: left;
      width: 50%; }
      @media (max-width: 750px) {
        main section div div#openTime, main section div div#openDate, main section div div#address, main section div div#phone {
          width: 100%; } }
    main section div div#map {
      margin-bottom: 20px;
      height: 310px; }
      @media (max-width: 750px) {
        main section div div#map {
          margin-bottom: 50px;  
          height: 190px; } }
    main section .clearfix::after {
      content: "";
      display: block;
      clear: both; }
    main section p {
      font-size: 1.6rem;
      line-height: 2.4rem;
      padding: 0 22px; }
    main section p.right {
      text-align: right; }
    main section iframe {
      position: relative;
      margin-top: -50px;
      width: 96%;
      padding: 0 0 0 4%;
      border: 0; }
    main section iframe.pc {
      display: block; }
      @media (max-width: 750px) {
        main section iframe.pc {
          display: none; } }
    main section iframe.sp {
      display: none; }
      @media (max-width: 750px) {
        main section iframe.sp {
          display: block; } }

/* footer
------------------------------------------------------------*/
footer {
  width: 100%;
  margin: 80px auto 20px auto;
  text-align: center; }

/* 個別:電話番号
------------------------------------------------------------*/
@media (min-width: 750px) {
  a[href^="tel:"] {
    pointer-events: none; } }
header a:link, header a:visited {
  color: #00BAF7; }

main a:link, main a:visited {
  color: #333333; }

/*# sourceMappingURL=style.css.map */