@charset "utf-8";

html {
    scroll-behavior: smooth;
}

header {
    background: #ff97aaf0;
}

body {
    /* margin: 0; */
    min-height: 100vh;
    font-family: 'Meiryo', 'Yu-gothic', sans-serif;
    font-size: 100%;
    color: #333333;
}

h2{
        background-color: #fcd0da;
        width: 100%;
}



h1,h2,h3,h4,h5,h6,p,ul,ol,dl {
    margin-top: 0;
}

p,ul,ol,dl,table {
    line-height: 1.7;
}

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

a:link {
    color: #f07d34;
    text-decoration: none;
}

a:visited {
    color: #f07d34;
    text-decoration: none;
}

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

a:active {
    color: #f07d34;
    text-decoration: underline;
}

a img:hover {
    opacity: 0.6;
    transition: opacity 0.1s linear;
}

/* header-style */
header {
    padding-top: 2.5rem;
    margin-bottom: 2rem;
    background-repeat: repeat-x;
}


.header-logo {
    width: fit-content;
    margin: 0 auto 1rem;
    font-size: 1rem;
    line-height: 1;
    max-width: 480px;
    height: 130px;
}

.header-logo a {
    display: block;
}

.global-nav {
    display: flex;
    justify-content: center;
    gap: 2rem;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.global-nav__item a {
    display: block;
}

.global-nav__item a:link {
    color: #bd4747;
}

.global-nav__item a:visited {
    color: #ffffff;
}

/* main-style */
main {
    margin-bottom: 2rem;
    text-align: center;
}

.page-header {
  font-family: "Noto Serif JP", serif;
  /* font-optical-sizing: auto;
  font-weight: 700; */
  font-style: normal;
}

.page-header {
    /* padding: 12.5vh 0;
    margin-bottom: 4rem; */
    color: #ffffff;
    font-size: 2rem;
    text-align: center;
    text-shadow: 2px 3px 3px rgba(61, 24, 1, 0.83);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.content-area {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 1.2rem;
}

.content-area:not(:last-child) {
    margin-bottom: 4rem;
}

.content-area__header {
    border-bottom: solid 0.25rem;
    margin-bottom: 1.5rem;
    color: #253958;
}


/* footer-style */
.totop {
    margin-bottom: 0.5rem;
    text-align: center;
    size: 0.5rem;
}

.copy {
    height: 3rem;
    display: flex;
    justify-content: center;
    text-align: center;
    margin-bottom: 0;
    size: 10px;
    color: #ffffff;
    background-color: #75001d;
}

.items {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.contents {
   background-image: url(../画像/p003_red_l.jpg);
   background-blend-mode : screen;
   background-color: #f5b7c4
}

span {
    text-align: right;
}

.shop-info{
    border-collapse: collapse;
    margin: auto;
    background-color: #d2646440;
}

.shop-info th,.shop-info td{
    border: 1px solid #700505;
    padding: 10px;
    color: #c64a4a;
}

.shop-info th{
    width: 240px;
    text-align: center;
    vertical-align: middle;
}

dl {
    display: flex;
    padding: 10px 0;
    justify-content: center;
    color: #7e380c;
}

dl dt {
    width: 65%;
    margin-bottom: 10px;
}

dl dd {
    width: 70%;
margin-bottom: 10px; 
}


  li{
    display: flex;
    padding:15px;
    
  }
  
  .t{
    border-bottom:1px solid #e78585cc;
    background-color: #ffd8ee74;
  }

  

  .label{
    background-color:rgba(255, 0, 13, 0.585);
    border-radius:3px;
    color:#fff;
    padding:2px 5px;
    margin:0 20px;
  }

  .intro-area__txt{
    font-size: 1.3rem;
  }

  .intro-area__img{
    font-size: 1.2rem;
  }

  .k{
    
    background-color: #ffffffbe;
  }

  .global-nav {
    background-color: #7b2b3f4b;
  }

 
.pulsate-bck{animation:pulsate-bck 1.5s ease-in-out infinite both}
  /* ----------------------------------------------
 * Generated by Animista on 2024-10-11 10:15:32
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@keyframes pulsate-bck{0%{transform:scale(1)}50%{transform:scale(.9)}100%{transform:scale(1)}}