.title {
  text-align: center;
  color: Green;
}
.title b{
  font: 400 10vh "viber";
  color: #9400d3;
  text-shadow: 0-40px 100px, 0 0 2px, 0 0 1em #ff4444, 0 0 0.1em #ff4444, 0 0 0.1em #ff4444, 0 10px 3px #000;
}
.navbar-brand {
  background: url("image/top_image.png") no-repeat left center;
  background-size: cover;
  height: 50px;
  width: 250px;
}
.cover {
  background: url(image/tm-bcg.jpg);
  background-size: cover; 
}

/* font release android 4.4*/
@font-face {
  font-family: 'Noto Serif Japanes';
  font-style: normal;
  font-weight:400;
  src: url('font/NotoSerifJP-Regular.otf') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Not Serif Japanese';
  font-style: normal;
  font-weight: 700;
  src: url('font/NotoSerifJP-Bold.otf') format('woff');
  font-display: swap;
}
body {
  font-family: 'Noto Serif Japanese', serif, sans-serif;
}

/* font release android 4.3*/

@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight:400;
  src: url('font/NotoSerifJP-Regular.otf') format('woff'), url('font/NotoSerifJP-Black.otf') format('truetype');

  font-display: swap;
}
@font-face {
  font-family: 'Not Serif Japanese';
  font-style: normal;
  font-weight: 700;
  src: url('font/NotoSerifJP-Bold.otf') format('woff'), url('font/NotoSerifJP-Black.otf') format('truetype');
  font-display: swap;
}
body {
  font-family: 'Noto Serif Japanese', serif, sans-serif;
}

.insta {
  background-color: #f0a1e3;
  width: 360px;
  height: 640px;
}

.iframe-wrap {
  position: relative;
  width: 100%;
  padding: calc(854 / 480 * 100%) 0 0;
}

.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* スライド方式 */
.slider {
  display: flex;
  min-width: 100%;
  width: min-content;  
  animation: 100s linear infinite sliderAnimation;
  /* animation: slideAnime 15s ease infinite; */
}
.slide {
  height: 600px;
  width: 400px;
  background: #f0a1e3;
  border: 1px solid #000;
  margin: 20px;
  position: relative;
}
@keyframes sliderAnimation {
  100% {
    transform: translateX(-50%);
  }
}
/* @keyframes slideAnime {
  0% { top: -100% }
  1% { top: 0% }
  9% { top: 0% }
  10% { top: 100% }
  100% { top: 100% }
} */