@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&family=Sorts+Mill+Goudy&display=swap');
@import url("https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.1/mini-default.min.css");
@import url("./fontawesome/css/fontawesome.min.css");
@import url("./fontawesome/css/brands.min.css");
@import url("./fontawesome/css/solid.min.css");

:root {
  --back-color:#fefdfc;
  --fore-color:#3f3f3f;
  --header-back-color: #ffffff;
  --footer-back-color: #ffffff;
  --form-back-color:#ffffff;
  --card-fore-color:#3f3f3f;
  --card-border-color:#ffffff;
  --card-back-color:transparent;
  --button-back-color:#866262;
  --button-fore-color:#ffffff;
  --nav-back-color:#f17500;
  --nav-border-color:#ffe551;
  --nav-fore-color:#ffffff;
  --nav-hover-back-color:#f17500;
  --nav-link-color:#ffffff;
  --universal-border-radius:0.75rem;
  --a-visited-color:#8b6f10;
  --a-link-color:#8b6f10;
  --pickup-icon-fore-color:#28b930;
  --title-fore-color:#DB5A9A;
  --r-fore-color:#ff00ff;
  --title-font-name:'Sorts Mill Goudy';
}

footer {
  border-top:none;
}

button.small {
  padding-left: 1rem;
  padding-right: 1rem;
}

button {
  padding-left: 1rem;
  padding-right: 1rem;
}

button.inverse, [type="button"].inverse {
  background-color: #cccccc;
  color:#000000;
}

.card {
  margin:  0 auto;
}

.card .section{
  background-color: #FDCB8E;
  padding-left: 1rem;
}

.autosize-card {
  background-color: rgb(255, 221, 233);
  border-radius:1.5rem;
  padding:0.5rem;
  border-color:rgb(168, 65, 65, 0.5);
}

html, * {
  font-family: -apple-system ,'Noto Sans JP', sans-serif;
}

/* スマホ・タブレット用のCSSはここに書く */
@media (max-width:991px){
  a, div, p {
    font-size: 0.85rem;    
  }
  p {
    padding: 0.5rem 1rem;
    margin: 0;
  }

  .link-menu-text {
    display: inline-block;
    font-family: var(--title-font-name);
    font-size: 1rem;
  }
}
  /* PC用のCSSはここに書く */
  @media (min-width:992px){
    p {
      padding: 0.5rem 1rem;
      margin: 0;
      font-size: 1rem;
    }
    .link-menu-text {
      display: inline-block;
      font-family: var(--title-font-name);
      font-size: 1.5rem;
    }
    .card .large {
      width:800px;
    }
  }

body {
  letter-spacing: 1.5px;
  line-height: 1.5rem;
}

.pickup-icon {
  font-size: 120%;
}

.point-icon {
  margin-right: 0.25rem;
}

.title-body {
  border-left: solid #ff8aa4 10px;
  background-color: rgb(255, 238, 241);
  font-family: 'Noto Sans JP';
  height:1.5rem;
  padding-left:5px;
  margin-top:0.5rem;
  margin-bottom:0.5rem;
}

.sub-title-body {
  border-bottom: solid #ffd666 3px;
  font-family: 'Noto Sans JP';
  height:1.25rem;
  padding-left:15px;
  margin-top:0rem;
  margin-bottom:0.5rem;
}

.link-menu-body {
  list-style: none;
}

.top-title {
  font-family: var(--title-font-name);
  color:rgb(199, 71, 98);
}

.title-text {
  font-family: var(--title-font-name);
  font-size: 1.5rem;
  font-weight: 600;
}

.change-name-header {
  padding-top:1rem;
  font-size:0.8rem;
}

div {
  line-height: 200%;
}