/* font */
/* color */
/* bg-color */
.sp-hidden {
  display: block; }

.sp-show {
  display: none; }

@media only screen and (max-width: 768px) {
  .sp-hidden {
    display: none; }
  .sp-show {
    display: block; } }

/** setting start **/
body {
  font-family: "Noto Sans JP", serif;
  font-size: 14px;
  letter-spacing: 2px;
  word-break: keep-all;
  color: #fff;
  line-height: 34px;
  overflow-x: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
  position: relative; }
  body:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.8) 50%);
    background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.8) 50%);
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.8) 50%);
    background-size: 2px 2px; }

body#tiamo {
  background: url(../../tiamo/images/bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
  position: relative; }

body#lips {
  background: url(../../lips/images/bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
  position: relative; }
  body#lips .logo {
    width: 150px; }

body#royal {
  background: url(../../royal/images/bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
  position: relative; }

body#mariage {
  background: url(../../mariage/images/bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
  position: relative; }
  body#mariage .logo {
    width: 240px;
    margin-bottom: 50px; }
    @media only screen and (max-width: 768px) {
      body#mariage .logo {
        width: 220px;
        margin-bottom: 32px; } }

body#macherie {
  background: url(../../macherie/images/bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
  position: relative; }
  body#macherie .logo {
    width: 240px;
    margin-bottom: 50px; }
    @media only screen and (max-width: 768px) {
      body#macherie .logo {
        width: 220px;
        margin-bottom: 32px; } }

body#elumo {
  background: url(../../elumo/images/bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
  position: relative; }
  body#elumo .logo {
    width: 240px;
    margin-bottom: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 15px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px; }
    @media only screen and (max-width: 768px) {
      body#elumo .logo {
        width: 220px;
        margin-bottom: 32px; } }

body#yuubi {
  background: url(../../yuubi/images/bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
  position: relative; }
  body#yuubi .logo {
    width: 180px; }

body#celeb_yuubi {
  background: url(../../celeb_yuubi/images/bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
  position: relative; }
  body#celeb_yuubi .logo {
    width: 150px; }

body#sumire {
  background: url(../../sumire/images/bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
  position: relative; }
  body#sumire .logo {
    width: 200px; }

a:hover {
  text-decoration: none; }

a img:hover {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  opacity: 0.8; }

.outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100vh; }

.inner {
  position: relative;
  z-index: 1000; }

.container {
  width: 700px;
  margin: 0px auto; }

.logo {
  max-width: 280px;
  width: 100%;
  margin: -100px auto 32px; }

.shop-name {
  font-weight: normal;
  line-height: 24px;
  margin-bottom: 40px; }

.catch001 {
  font-size: 14px;
  font-weight: normal;
  margin: 0 auto 32px;
  text-shadow: 0 0 1px #555555;
  max-width: 580px; }

.confirm-image {
  margin: 40px auto 0; }

.txt001 {
  font-size: 12px;
  line-height: 20px;
  margin: 24px auto 32px;
  letter-spacing: 2px; }
  .txt001 span {
    color: #d0bd4a; }

.txt002 {
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 40px; }
  .txt002 span {
    border-bottom: solid 2.4px rgba(255, 255, 102, 0.782); }

.banner-box {
  max-width: 300px;
  margin: 0 auto; }

.enter-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .enter-box a {
    display: inline-block;
    width: 100%;
    max-width: 190px;
    height: 50px;
    line-height: 42px;
    font-size: 20px;
    letter-spacing: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    border: solid 2px #fff;
    cursor: pointer; }
  .enter-box .confirm_image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 70px;
    margin: 0 32px; }

/** footer **/
footer {
  text-align: center;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: 1px;
  position: relative;
  bottom: 0;
  width: 100%;
  z-index: 1; }

.copy {
  font-size: 14px;
  font-weight: normal; }

/*
https://wweb.dev/resources/animated-css-background-generator
*/
@-webkit-keyframes move {
  100% {
    -webkit-transform: translate3d(0, 0, 1px) rotate(360deg);
    transform: translate3d(0, 0, 1px) rotate(360deg); } }
@keyframes move {
  100% {
    -webkit-transform: translate3d(0, 0, 1px) rotate(360deg);
    transform: translate3d(0, 0, 1px) rotate(360deg); } }

.background {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: none;
  overflow: hidden; }

.background span {
  width: 1vmin;
  height: 1vmin;
  border-radius: 1vmin;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  -webkit-animation: move;
  animation: move;
  -webkit-animation-duration: 43;
  animation-duration: 43;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.background span:nth-child(0) {
  color: #feffff;
  top: 60%;
  left: 100%;
  -webkit-animation-duration: 11s;
  animation-duration: 11s;
  -webkit-animation-delay: -50s;
  animation-delay: -50s;
  -webkit-transform-origin: -17vw -7vh;
  -ms-transform-origin: -17vw -7vh;
  transform-origin: -17vw -7vh;
  -webkit-box-shadow: -2vmin 0 1.0438549818362353vmin currentColor;
  box-shadow: -2vmin 0 1.0438549818362353vmin currentColor; }

.background span:nth-child(1) {
  color: #feffff;
  top: 59%;
  left: 1%;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-delay: -38s;
  animation-delay: -38s;
  -webkit-transform-origin: 12vw 8vh;
  -ms-transform-origin: 12vw 8vh;
  transform-origin: 12vw 8vh;
  -webkit-box-shadow: 2vmin 0 0.986801688477353vmin currentColor;
  box-shadow: 2vmin 0 0.986801688477353vmin currentColor; }

.background span:nth-child(2) {
  color: #feffff;
  top: 70%;
  left: 99%;
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
  -webkit-animation-delay: -32s;
  animation-delay: -32s;
  -webkit-transform-origin: -15vw 18vh;
  -ms-transform-origin: -15vw 18vh;
  transform-origin: -15vw 18vh;
  -webkit-box-shadow: -2vmin 0 1.1966063819317327vmin currentColor;
  box-shadow: -2vmin 0 1.1966063819317327vmin currentColor; }

.background span:nth-child(3) {
  color: #feffff;
  top: 45%;
  left: 81%;
  -webkit-animation-duration: 23s;
  animation-duration: 23s;
  -webkit-animation-delay: -24s;
  animation-delay: -24s;
  -webkit-transform-origin: -7vw -24vh;
  -ms-transform-origin: -7vw -24vh;
  transform-origin: -7vw -24vh;
  -webkit-box-shadow: 2vmin 0 0.30010819627462093vmin currentColor;
  box-shadow: 2vmin 0 0.30010819627462093vmin currentColor; }

.background span:nth-child(4) {
  color: #feffff;
  top: 75%;
  left: 80%;
  -webkit-animation-duration: 35s;
  animation-duration: 35s;
  -webkit-animation-delay: -21s;
  animation-delay: -21s;
  -webkit-transform-origin: 18vw -8vh;
  -ms-transform-origin: 18vw -8vh;
  transform-origin: 18vw -8vh;
  -webkit-box-shadow: -2vmin 0 0.7136265931134936vmin currentColor;
  box-shadow: -2vmin 0 0.7136265931134936vmin currentColor; }

.background span:nth-child(5) {
  color: #feffff;
  top: 70%;
  left: 51%;
  -webkit-animation-duration: 68s;
  animation-duration: 68s;
  -webkit-animation-delay: -26s;
  animation-delay: -26s;
  -webkit-transform-origin: -10vw -17vh;
  -ms-transform-origin: -10vw -17vh;
  transform-origin: -10vw -17vh;
  -webkit-box-shadow: 2vmin 0 0.4846377729246135vmin currentColor;
  box-shadow: 2vmin 0 0.4846377729246135vmin currentColor; }

.background span:nth-child(6) {
  color: #feffff;
  top: 62%;
  left: 36%;
  -webkit-animation-duration: 38s;
  animation-duration: 38s;
  -webkit-animation-delay: -19s;
  animation-delay: -19s;
  -webkit-transform-origin: 14vw 25vh;
  -ms-transform-origin: 14vw 25vh;
  transform-origin: 14vw 25vh;
  -webkit-box-shadow: -2vmin 0 1.1785453420063603vmin currentColor;
  box-shadow: -2vmin 0 1.1785453420063603vmin currentColor; }

.background span:nth-child(7) {
  color: #feffff;
  top: 72%;
  left: 76%;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  -webkit-animation-delay: -35s;
  animation-delay: -35s;
  -webkit-transform-origin: -16vw 16vh;
  -ms-transform-origin: -16vw 16vh;
  transform-origin: -16vw 16vh;
  -webkit-box-shadow: 2vmin 0 1.0950350026274016vmin currentColor;
  box-shadow: 2vmin 0 1.0950350026274016vmin currentColor; }

.background span:nth-child(8) {
  color: #feffff;
  top: 58%;
  left: 35%;
  -webkit-animation-duration: 65s;
  animation-duration: 65s;
  -webkit-animation-delay: -70s;
  animation-delay: -70s;
  -webkit-transform-origin: -4vw -18vh;
  -ms-transform-origin: -4vw -18vh;
  transform-origin: -4vw -18vh;
  -webkit-box-shadow: -2vmin 0 0.46433404151047397vmin currentColor;
  box-shadow: -2vmin 0 0.46433404151047397vmin currentColor; }

.background span:nth-child(9) {
  color: #feffff;
  top: 64%;
  left: 52%;
  -webkit-animation-duration: 28s;
  animation-duration: 28s;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  -webkit-transform-origin: -11vw 6vh;
  -ms-transform-origin: -11vw 6vh;
  transform-origin: -11vw 6vh;
  -webkit-box-shadow: -2vmin 0 1.1784491599702174vmin currentColor;
  box-shadow: -2vmin 0 1.1784491599702174vmin currentColor; }

.background span:nth-child(10) {
  color: #feffff;
  top: 99%;
  left: 1%;
  -webkit-animation-duration: 36s;
  animation-duration: 36s;
  -webkit-animation-delay: -33s;
  animation-delay: -33s;
  -webkit-transform-origin: -19vw 18vh;
  -ms-transform-origin: -19vw 18vh;
  transform-origin: -19vw 18vh;
  -webkit-box-shadow: 2vmin 0 1.0345851377867956vmin currentColor;
  box-shadow: 2vmin 0 1.0345851377867956vmin currentColor; }

.background span:nth-child(11) {
  color: #feffff;
  top: 20%;
  left: 12%;
  -webkit-animation-duration: 40s;
  animation-duration: 40s;
  -webkit-animation-delay: -65s;
  animation-delay: -65s;
  -webkit-transform-origin: 17vw 19vh;
  -ms-transform-origin: 17vw 19vh;
  transform-origin: 17vw 19vh;
  -webkit-box-shadow: -2vmin 0 0.6724114722520323vmin currentColor;
  box-shadow: -2vmin 0 0.6724114722520323vmin currentColor; }

.background span:nth-child(12) {
  color: #feffff;
  top: 99%;
  left: 50%;
  -webkit-animation-duration: 18s;
  animation-duration: 18s;
  -webkit-animation-delay: -5s;
  animation-delay: -5s;
  -webkit-transform-origin: 10vw -19vh;
  -ms-transform-origin: 10vw -19vh;
  transform-origin: 10vw -19vh;
  -webkit-box-shadow: 2vmin 0 0.2681130438024758vmin currentColor;
  box-shadow: 2vmin 0 0.2681130438024758vmin currentColor; }

.background span:nth-child(13) {
  color: #feffff;
  top: 54%;
  left: 43%;
  -webkit-animation-duration: 32s;
  animation-duration: 32s;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  -webkit-transform-origin: 2vw 25vh;
  -ms-transform-origin: 2vw 25vh;
  transform-origin: 2vw 25vh;
  -webkit-box-shadow: -2vmin 0 0.39583895347488784vmin currentColor;
  box-shadow: -2vmin 0 0.39583895347488784vmin currentColor; }

.background span:nth-child(14) {
  color: #feffff;
  top: 93%;
  left: 61%;
  -webkit-animation-duration: 63s;
  animation-duration: 63s;
  -webkit-animation-delay: -21s;
  animation-delay: -21s;
  -webkit-transform-origin: -13vw -12vh;
  -ms-transform-origin: -13vw -12vh;
  transform-origin: -13vw -12vh;
  -webkit-box-shadow: 2vmin 0 1.0435260515253408vmin currentColor;
  box-shadow: 2vmin 0 1.0435260515253408vmin currentColor; }

.background span:nth-child(15) {
  color: #feffff;
  top: 82%;
  left: 39%;
  -webkit-animation-duration: 60s;
  animation-duration: 60s;
  -webkit-animation-delay: -11s;
  animation-delay: -11s;
  -webkit-transform-origin: 12vw 21vh;
  -ms-transform-origin: 12vw 21vh;
  transform-origin: 12vw 21vh;
  -webkit-box-shadow: -2vmin 0 0.3981921434119613vmin currentColor;
  box-shadow: -2vmin 0 0.3981921434119613vmin currentColor; }

.background span:nth-child(16) {
  color: #feffff;
  top: 73%;
  left: 69%;
  -webkit-animation-duration: 55s;
  animation-duration: 55s;
  -webkit-animation-delay: -19s;
  animation-delay: -19s;
  -webkit-transform-origin: 4vw 1vh;
  -ms-transform-origin: 4vw 1vh;
  transform-origin: 4vw 1vh;
  -webkit-box-shadow: 2vmin 0 0.8389134928060317vmin currentColor;
  box-shadow: 2vmin 0 0.8389134928060317vmin currentColor; }

.background span:nth-child(17) {
  color: #feffff;
  top: 43%;
  left: 60%;
  -webkit-animation-duration: 75s;
  animation-duration: 75s;
  -webkit-animation-delay: -38s;
  animation-delay: -38s;
  -webkit-transform-origin: -12vw 13vh;
  -ms-transform-origin: -12vw 13vh;
  transform-origin: -12vw 13vh;
  -webkit-box-shadow: -2vmin 0 1.1018870802524168vmin currentColor;
  box-shadow: -2vmin 0 1.1018870802524168vmin currentColor; }

.background span:nth-child(18) {
  color: #feffff;
  top: 21%;
  left: 16%;
  -webkit-animation-duration: 50s;
  animation-duration: 50s;
  -webkit-animation-delay: -58s;
  animation-delay: -58s;
  -webkit-transform-origin: 7vw -8vh;
  -ms-transform-origin: 7vw -8vh;
  transform-origin: 7vw -8vh;
  -webkit-box-shadow: -2vmin 0 0.994734398845743vmin currentColor;
  box-shadow: -2vmin 0 0.994734398845743vmin currentColor; }

.background span:nth-child(19) {
  color: #feffff;
  top: 53%;
  left: 55%;
  -webkit-animation-duration: 28s;
  animation-duration: 28s;
  -webkit-animation-delay: -13s;
  animation-delay: -13s;
  -webkit-transform-origin: -14vw -15vh;
  -ms-transform-origin: -14vw -15vh;
  transform-origin: -14vw -15vh;
  -webkit-box-shadow: -2vmin 0 0.4670713466872871vmin currentColor;
  box-shadow: -2vmin 0 0.4670713466872871vmin currentColor; }

.background span:nth-child(20) {
  color: #feffff;
  top: 92%;
  left: 53%;
  -webkit-animation-duration: 21s;
  animation-duration: 21s;
  -webkit-animation-delay: -41s;
  animation-delay: -41s;
  -webkit-transform-origin: 7vw 18vh;
  -ms-transform-origin: 7vw 18vh;
  transform-origin: 7vw 18vh;
  -webkit-box-shadow: -2vmin 0 1.204227856738885vmin currentColor;
  box-shadow: -2vmin 0 1.204227856738885vmin currentColor; }

.background span:nth-child(21) {
  color: #feffff;
  top: 96%;
  left: 20%;
  -webkit-animation-duration: 43s;
  animation-duration: 43s;
  -webkit-animation-delay: -44s;
  animation-delay: -44s;
  -webkit-transform-origin: -12vw -20vh;
  -ms-transform-origin: -12vw -20vh;
  transform-origin: -12vw -20vh;
  -webkit-box-shadow: -2vmin 0 0.2548760545675869vmin currentColor;
  box-shadow: -2vmin 0 0.2548760545675869vmin currentColor; }

.background span:nth-child(22) {
  color: #feffff;
  top: 83%;
  left: 78%;
  -webkit-animation-duration: 59s;
  animation-duration: 59s;
  -webkit-animation-delay: -3s;
  animation-delay: -3s;
  -webkit-transform-origin: 5vw 22vh;
  -ms-transform-origin: 5vw 22vh;
  transform-origin: 5vw 22vh;
  -webkit-box-shadow: 2vmin 0 0.3242286332434742vmin currentColor;
  box-shadow: 2vmin 0 0.3242286332434742vmin currentColor; }