@charset "UTF-8";
/*reset */
* {
  box-sizing: border-box; }

:after, :before {
  box-sizing: inherit; }

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  margin: 0; }

main {
  display: block; }

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0; }

address, blockquote, dl, figure, form, iframe, ol, p, pre, table, ul {
  margin: 0; }

ol, ul {
  padding: 0;
  list-style: none; }

dt {
  font-weight: 700; }

dd {
  margin-left: 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
  color: inherit; }

pre {
  font-family: monospace;
  font-size: inherit; }

address {
  font-style: inherit; }

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit; }

abbr[title] {
  border-bottom: 0;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: bolder; }

code, kbd, samp {
  font-family: monospace;
  font-size: inherit; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

img {
  border-style: none;
  vertical-align: bottom; }

embed, iframe, object {
  border: 0;
  vertical-align: bottom; }

button, input, optgroup, select, textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit; }

[type=checkbox] {
  -webkit-appearance: checkbox;
  appearance: checkbox; }

[type=radio] {
  -webkit-appearance: radio;
  appearance: radio; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

[type=button], [type=reset], [type=submit], button {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none; }

[type="button"][disabled], [type="reset"][disabled], [type="submit"][disabled], button[disabled] {
  cursor: default; }

[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0; }

[type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset, option {
  padding: 0; }

fieldset {
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type=checkbox], [type=radio] {
  padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type=search] {
  outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

label[for] {
  cursor: pointer; }

details {
  display: block; }

summary {
  display: list-item; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption {
  text-align: left; }

td, th {
  vertical-align: top;
  padding: 0; }

th {
  text-align: left;
  font-weight: 700; }

[hidden], template {
  display: none; }

* {
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0, 0.99);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0, 0.99);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0, 0.99);
  transition: all 0.3s cubic-bezier(0, 0, 0, 0.99); }

body {
  color: #111;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 0.1em; }

a {
  color: #0041c3; }

a:hover {
  color: #0041c3; }

/* =================================================================

    共通

================================================================= */
.cf:after {
  content: "";
  clear: both;
  display: block; }

.fadein {
  transition: 1s;
  opacity: 0;
  transform: translatey(50px); }

.fadein.animated {
  opacity: 1;
  transform: translatey(0px); }

/* =================================================================

    トップページ

================================================================= */
#wrapper {
  width: 750px;
  margin: auto;
  background: #fdd100;
}
#wrapper #contents {
  padding: 40px 40px 0;
}
#wrapper img.size100 {
  width: 100%;
  height: auto;
}
#wrapper #contents .blk {
  margin: 120px auto 40px; 
  padding: 0 40px 40px;
  border: #000 dotted 6px;
  border-radius: 40px;
}
#wrapper h2.shop_tit {
  margin: -24px auto 0;
  text-align: center;
}
#wrapper h2.shop_tit span {
  background: #fdd100;
  padding: 0 0.66em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  font-size: 36px;
}
#wrapper #contents .txt {
  margin: 20px auto 0;
}
#wrapper #contents .txt p {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 0.66em 0;
  padding-left:1em;
  text-indent:-1em;
  line-height: 1.5;
}
.red_txt {
  color: #e60012;
  font-weight: 900;
}
#wrapper #contents .blk .tel {
  width: 420px;
  margin: 50px auto 30px;
}
#wrapper #contents .blk .tel a {
  display: block;
  background: #44a7a6;
  border-radius: 100px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  font-size: 24px;
  padding: 20px;
}
#wrapper #contents .blk .route {
  width: 420px;
  margin: 30px auto 50px;
}
#wrapper #contents .blk .route a {
  display: block;
  background: #000;
  border-radius: 100px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  font-size: 24px;
  padding: 20px;
}
#wrapper #contents .blk .info {
  margin: 30px auto;
  padding: 20px 20px 10px;
  border: 2px solid #000;
}
#wrapper h3.info_tit {
  margin: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  font-size: 24px;
}
.info_list {
  width: 100%;
  margin: 10px auto;
  font-size: 20px;
  line-height: 1.66;
  overflow: auto;
}
.info_list dt {
  clear: both;
  width: 6em;
  float: left;
  padding: 4px 0;
  font-weight: 700;
  text-align: left;
}
.info_list dd {
  padding: 4px 10px 4px 6em;
  font-weight: 700;
  text-align: left;
}


@media screen and (max-width: 768px) {
  #wrapper {
    width: auto;
    margin: auto;
    background: #fdd100; }
#wrapper #contents {
  padding: 24px 24px 0;
}

#wrapper #contents .blk {
  margin: 72px auto 24px; 
  padding: 0 24px 32px;
  border: #000 dotted 6px;
  border-radius: 32px;
}
#wrapper h2.shop_tit {
  margin: -20px auto 0;
  text-align: center;
}
#wrapper h2.shop_tit span {
  background: #fdd100;
  padding: 0 0.66em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  font-size: 22px;
}
#wrapper #contents .txt {
  margin: 20px auto 0;
}
#wrapper #contents .txt p {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 0.66em 0;
  padding-left:1em;
  text-indent:-1em;
}




#wrapper #contents .blk .tel {
  width: 100%;
  margin: 40px auto 25px;
}
#wrapper #contents .blk .tel a {
  display: block;
  background: #44a7a6;
  border-radius: 100px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  font-size: 24px;
  padding: 20px;
}
#wrapper #contents .blk .route {
  width: 100%;
  margin: 25px auto 40px;
}
#wrapper #contents .blk .route a {
  display: block;
  background: #000;
  border-radius: 100px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  font-size: 24px;
  padding: 20px;
}
#wrapper #contents .blk .info {
  margin: 30px auto;
  padding: 20px 20px 10px;
  border: 2px solid #000;
}
#wrapper h3.info_tit {
  margin: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  font-size: 18px;
}
.info_list {
  width: 100%;
  margin: 10px auto;
  font-size: 16px;
  line-height: 1.66;
  overflow: auto;
}

/*
.info_list dt {
    clear: none;
    width: 100%;
    float: none;
  padding: 4px 0;
  font-weight: 700;
  text-align: left;
}
.info_list dd {
  padding: 4px 10px 4px 0;
  font-weight: 700;
  text-align: left;
}
*/




/*

      padding: 0 24px; }
      #wrapper #contents .blk {
        border-bottom: #000 solid 1px;
        padding: 40px 0; }
        #wrapper #contents .blk .base {
          display: flex;
          flex-wrap: wrap;
          align-content: stretch;
          justify-content: space-between;
          height: 100%; }
          #wrapper #contents .blk .base .shop {
            width: 250px;
            text-align: center;
            margin: 0 0 20px 5%; }
          #wrapper #contents .blk .base .tel {
            width: 90%;
            margin: 0 auto 0; }
            #wrapper #contents .blk .base .tel a {
              display: block;
              background: #000;
              border-radius: 100px;
              width: 100%;
              text-align: center;
              color: #fff;
              font-weight: bold;
              font-size: 20px;
              padding: 20px; }
        #wrapper #contents .blk .map {
          width: 90%;
          margin: 20px auto 0; }
          #wrapper #contents .blk .map a {
            display: block;
            background: #008d8f;
            border-radius: 100px;
            width: 100%;
            text-align: center;
            color: #fff;
            font-weight: bold;
            font-size: 20px;
            padding: 20px; }
	    
    #wrapper footer img {
      width: 100%;
      height: auto; }
*/

}
/* =================================================================

    

================================================================= */
#page-top a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #942D2F;
  border-radius: 5px;
  width: 60px;
  height: 60px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 0.6rem;
  transition: all 0.3s; }

#page-top a:hover {
  background: #777; }

/*リンクを右下に固定*/
#page-top {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  /*はじめは非表示*/
  opacity: 0;
  transform: translateY(100px); }

/*　上に上がる動き　*/
#page-top.UpMove {
  animation: UpAnime 0.5s forwards; }

@keyframes UpAnime {
  from {
    opacity: 0;
    transform: translateY(100px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
/*　下に下がる動き　*/
#page-top.DownMove {
  animation: DownAnime 0.5s forwards; }

@keyframes DownAnime {
  from {
    opacity: 1;
    transform: translateY(0); }
  to {
    opacity: 1;
    transform: translateY(100px); } }
/* =================================================================

    その他

================================================================= */
.pc-only {
  display: block; }

.sp-only {
  display: none; }

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

  .sp-only {
    display: block; } }
br.is-sp-only {
  display: none; }




.route {
  width: 420px;
  margin: 30px auto 50px;
}
.route a {
  display: block;
  background: #000;
  border-radius: 100px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  font-size: 24px;
  padding: 20px;
}


.route {
  width: 100%;
  margin: 25px auto 40px;
}
.route a {
  display: block;
  background: #000;
  border-radius: 100px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  font-size: 24px;
  padding: 20px;
}