/* ------------------------------- Noto Sans Japanese ------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@900&display=swap");
@font-face { font-family: 'Noto Sans JP'; font-style: normal; font-weight: 100; src: url("/wp-content/themes/miruhako/fonts/NotoSans/NotoSansCJKjp-Thin.woff") format("woff"), url("/wp-content/themes/miruhako/fonts/NotoSans/NotoSansCJKjp-Thin.ttf") format("truetype"); /* Safari, Android, iOS */ }

@font-face { font-family: 'Noto Sans JP'; font-style: normal; font-weight: 200; src: url("/wp-content/themes/miruhako/fonts/NotoSans/NotoSansCJKjp-Light.woff") format("woff"), url("/wp-content/themes/miruhako/fonts/NotoSans/NotoSansCJKjp-Light.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans JP'; font-style: normal; font-weight: 300; src: url("/wp-content/themes/miruhako/fonts/NotoSans/NotoSansCJKjp-DemiLight.woff") format("woff"), url("/wp-content/themes/miruhako/fonts/NotoSans/NotoSansCJKjp-DemiLight.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans JP'; font-style: normal; font-weight: 400; src: url("/wp-content/themes/miruhako/fonts/NotoSans/NotoSansCJKjp-Regular.woff") format("woff"), url("/wp-content/themes/miruhako/fonts/NotoSans/NotoSansCJKjp-Regular.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans JP'; font-style: normal; font-weight: 500; src: url("/wp-content/themes/miruhako/fonts/NotoSans/NotoSansCJKjp-Medium.woff") format("woff"), url("/wp-content/themes/miruhako/fonts/NotoSans/NotoSansCJKjp-Medium.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans JP'; font-style: normal; font-weight: 700; src: url("/wp-content/themes/miruhako/fonts/NotoSans/NotoSansCJKjp-Bold.woff") format("woff"), url("/wp-content/themes/miruhako/fonts/NotoSans/NotoSansCJKjp-Bold.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans JP'; font-style: normal; font-weight: 900; src: url("/wp-content/themes/miruhako/fonts/NotoSans/NotoSansCJKjp-Black.woff") format("woff"), url("/wp-content/themes/miruhako/fonts/NotoSans/NotoSansCJKjp-Black.ttf") format("truetype"); }

#horror { background: #050505; color: #fff; font-size: 18px; font-weight: 500; }

@media screen and (max-width: 767px) { #horror { overflow: hidden; font-size: 4.27vw; } }

#horror a:hover { opacity: 0.7; }

#horror p { line-height: 1.8; }

#horror strong { color: #f2eb29; }

#horror figure { margin: 0; }

#horror small { color: #a5a5a5; font-size: 80%; }

@media screen and (max-width: 767px) { #horror small { font-size: 75%; } }

#horror .btn { max-width: 650px; width: 100%; margin: 0 auto; }

#horror .btn a { display: table; position: relative; width: 100%; }

#horror article section { margin: 0 auto; position: relative; z-index: 2; }

#horror article section { padding: 120px 0; }

#horror article section.mv, #horror article section.under_mv, #horror article section.method { padding: 0; }

#horror article section h2 { margin: 0 auto 80px; max-width: 508px !important; width: 100%; }

@media screen and (max-width: 767px) { #horror article section { padding: 19vw 0; }
  #horror article section h2 { margin: 0 auto 11vw; max-width: none !important; } }

#horror article #mv { position: relative; opacity: 0; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; transition: opacity 1s ease; }

#horror article #mv h1 { background-image: url(../images/horror/mv.jpg); height: 100%; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; }

#horror article #mv h1.glitch_bg { background-color: #050505; background-size: 0; position: relative; overflow: hidden; }

#horror article #mv h1.glitch_bg:before, #horror article #mv h1.glitch_bg:after, #horror article #mv h1.glitch_bg .channel { background: inherit; background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

#horror article #mv h1.glitch_bg:before { animation: glitch-before 3s linear infinite alternate both; content: ""; }

#horror article #mv h1.glitch_bg:after { animation: glitch-after 3s linear infinite alternate both; content: ""; }

#horror article #mv h1.glitch_bg .channel { mix-blend-mode: screen; }

#horror article #mv h1.glitch_bg .channel:before { bottom: 0; content: ""; display: block; mix-blend-mode: multiply; position: absolute; left: 0; right: 0; top: 0; }

#horror article #mv h1.glitch_bg .r { animation: rgb-shift-r 3s steps(1, jump-end) infinite alternate both; }

#horror article #mv h1.glitch_bg .r:before { background: #bd00ff; }

#horror article #mv h1.glitch_bg .g { animation: rgb-shift-g 3s steps(1, jump-end) infinite alternate both; }

#horror article #mv h1.glitch_bg .g:before { background: #0f0; }

#horror article #mv h1.glitch_bg .b { animation: rgb-shift-b 3s steps(1, jump-end) infinite alternate both; }

#horror article #mv h1.glitch_bg .b:before { background: rgba(102, 80, 103, 0.5); }

#horror article #about { background-image: url(../images/horror/movie_bg.jpg); background-size: cover; }

@media screen and (max-width: 767px) { #horror article #about { background-image: url(../images/horror/movie_bg-sp.jpg); background-size: cover; background-position: top center; } }

#horror article #about:before { content: ''; background-image: url(../images/horror/band.png); background-repeat: repeat-x; background-size: auto 100%; width: 100%; height: 36px; position: absolute; top: 0; left: 0; }

@media screen and (max-width: 767px) { #horror article #about:before { height: 5vw; } }

#horror article #about h2 { margin-bottom: 60px; }

#horror article #about .about-pic { display: flex; align-items: flex-start; justify-content: center; margin-bottom: 86px; }

#horror article #about .abput-movie { max-width: 860px; width: calc(100% - 60px); margin: auto; border: 3px solid #b6af04; box-shadow: 0px 0px 24px 6px #858002; }

#horror article #about .abput-movie a { position: relative; }

#horror article #about .abput-movie a:after { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 113px; aspect-ratio: 113/101; background-image: url(../images/horror/icon_movie.png); background-size: contain; background-repeat: no-repeat; }

@media screen and (max-width: 767px) { #horror article #about .abput-movie a:after { width: 14vw; } }

#horror article #about .abput-movie a, #horror article #about .abput-movie img { display: block; }

@media screen and (max-width: 767px) { #horror article #about { width: 100%; max-width: none; }
  #horror article #about .about-pic { display: block; margin-bottom: 35vw; }
  #horror article #about .about-pic .list_content { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; }
  #horror article #about .about-pic .list_content:nth-child(1) { margin-top: 0; }
  #horror article #about .about-pic .list_content.slick-active { transform: translateY(20%); }
  #horror article #about .about-pic .slick-list { overflow: unset; }
  #horror article #about .about-pic .slick-dots { bottom: -40%; }
  #horror article #about .about-pic .slick-dots li { width: 4.4vw; height: 4.4vw; margin: 0 2%; }
  #horror article #about .about-pic .slick-dots li button { width: 4.0vw; height: 4.0vw; }
  #horror article #about .about-pic .slick-dots li button:before { font-size: 4.0vw; color: #696969; line-height: 1; width: 3.0vw; height: 3.0vw; opacity: 1; }
  #horror article #about .about-pic .slick-dots li.slick-active button:before { color: #f2eb29; } }

#horror article #story { width: 100%; background-image: url(../images/horror/story-bg.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat; padding: 85px 0 100px; overflow: hidden; }

@media screen and (max-width: 767px) { #horror article #story { background-image: url(../images/horror/story-bg-sp.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat; } }

#horror article #story h2 { margin-bottom: 55px; }

#horror article #story p { animation: skew 4s infinite; text-align: center; font-size: 18px; line-height: calc(30/18); font-weight: normal; text-shadow: 1px 1px 0px #b102fa, -1px -1px 0px #02c77f; width: calc(100% - 60px); margin: auto; }

#horror article #story p span { display: inline-block; }

@media screen and (max-width: 767px) { #horror article #story p { font-size: 16px; } }

#horror article #point { width: 100%; background-image: url(../images/horror/point-bg.jpg); background-size: cover; background-repeat: no-repeat; padding: 90px 0; }

@media screen and (max-width: 767px) { #horror article #point { background-image: url(../images/horror/point-bg-sp.jpg); background-size: cover; background-position: top center; } }

#horror article #point h2 { margin-bottom: 50px; }

#horror article #point .point_content { overflow: hidden; display: flex; align-items: center; justify-content: space-between; grid-gap: 80px; max-width: 1560px; width: calc(100% - 60px); margin: 0px auto 90px; }

#horror article #point .point_content .point_content-child { max-width: 440px; width: 100%; margin: auto; display: flex; flex-direction: column; justify-content: space-between; }

#horror article #point .point_content .point_content-child figure { width: 100%; display: block; animation: skew 6s infinite; }

#horror article #point .point_content .point_content-child div p { color: #050505; font-size: 20px; font-weight: normal; text-shadow: 0px 0px 7px white; }

#horror article #point .point_content .point_content-child div p strong { font-size: 30px; background: #050505; color: #f2eb29; color: white; display: inline-block; text-align: center; width: 40px; line-height: 40px; text-shadow: 0px 0px 7px black; }

#horror article #point .point_nazotoki { background-image: url(../images/horror/tag-bg.jpg); background-size: 100% 100%; background-repeat: no-repeat; max-width: 1100px; width: calc(100% - 40px); margin: auto; box-sizing: border-box; padding: 60px 20px 40px; box-shadow: 0px 0px 26px 0px rgba(71, 63, 55, 0.7); }

@media screen and (max-width: 767px) { #horror article #point .point_nazotoki { background-image: url(../images/horror/tag-bg-sp.jpg); background-size: 100% 100%; background-position: top center; box-shadow: 0px 0px 20px 2px rgba(71, 63, 55, 0.7); } }

#horror article #point .point_nazotoki h3 { text-align: center; max-width: 741px; width: 100%; margin: auto; }

#horror article #point .point_nazotoki .point_nazotoki-list { display: flex; align-items: center; justify-content: center; max-width: 845px; margin: 40px auto 0px; grid-gap: 120px; }

#horror article #point .point_nazotoki .point_nazotoki-list li { width: 50%; position: relative; }

#horror article #point .point_nazotoki .point_nazotoki-list li img { filter: drop-shadow(0px 0px 16px black); }

#horror article #point .point_nazotoki .point_nazotoki-list li:first-child:after { content: ""; background-image: url(../images/horror/kakeru.png); background-size: contain; background-repeat: no-repeat; width: 72px; height: 72px; position: absolute; top: calc(50% - 25px); right: -96px; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); }

@media screen and (max-width: 767px) { #horror article #point .point_nazotoki .point_nazotoki-list { display: block; }
  #horror article #point .point_nazotoki .point_nazotoki-list li { width: 100%; }
  #horror article #point .point_nazotoki .point_nazotoki-list li:first-child { padding-bottom: 80px; margin-bottom: 20px; }
  #horror article #point .point_nazotoki .point_nazotoki-list li:first-child:after { width: 60px; height: 60px; position: absolute; top: auto; bottom: 0; right: 50%; -webkit-transform: translate(50%, 0%); transform: translate(50%, 0%); } }

@media screen and (max-width: 767px) { #horror article #point .point_content { display: block; margin-bottom: 21%; }
  #horror article #point .point_content .point_content-child { display: block; max-width: none; }
  #horror article #point .point_content .point_content-child:not(:last-child) { margin-bottom: 10%; }
  #horror article #point .point_content .point_content-child figure { width: 100%; max-width: none; }
  #horror article #point .point_content .point_content-child div p { font-size: 18px !important; }
  #horror article #point .point_content .point_content-child div p strong { font-size: 24px !important; line-height: 30px !important; width: 30px !important; }
  #horror article #point h3 { width: 80%; max-width: none; margin: 0 auto 16%; }
  #horror article #point > ul { max-width: none; margin: 0 auto 21%; }
  #horror article #point > ul li { max-width: none; }
  #horror article #point > ul li:first-child { padding-right: 5%; }
  #horror article #point > ul li:first-child:after { top: calc(50% - 2.13vw); font-size: 5.4vw; text-shadow: 0px 0px 1.5vw #d70212; }
  #horror article #point > ul li:last-child { padding-left: 5%; }
  #horror article #point > ul li figure a { box-shadow: 0px 0px 2vw rgba(215, 2, 18, 0.8); position: relative; }
  #horror article #point > ul li figure a:after { bottom: 1.5vw; right: 1.5vw; width: 5vw; height: 5vw; }
  #horror article #point > ul li figure figcaption { font-size: 4.27vw; margin-top: 8%; } }

#horror article .deco-bg { background-image: url(../images/horror/play-bg.jpg); background-size: 100% 100%; background-repeat: no-repeat; }

@media screen and (max-width: 767px) { #horror article .deco-bg { background-image: url(../images/horror/play-bg-sp.jpg); background-size: cover; background-position: top center; } }

#horror article #play { padding: 120px 0 20px !important; }

#horror article #play h2 { margin-bottom: 60px; }

#horror article #play .play-list { margin: auto; display: flex; justify-content: center; flex-wrap: wrap; max-width: 1100px; width: calc(100% - 60px); }

#horror article #play .play-list .play-list-child { width: calc(33.333% - 20px); background-color: rgba(255, 255, 255, 0.3); border: 2px solid #b6af04; box-shadow: 0px 0px 16px 4px #858002; box-sizing: border-box; margin: 0 30px 80px 0; text-align: center; padding: 20px 20px 30px; position: relative; }

#horror article #play .play-list .play-list-child .play-list-child-icon { max-width: 80px; width: 100%; margin: auto; }

#horror article #play .play-list .play-list-child h3 { font-size: 28px; font-weight: 900; margin-bottom: 30px; }

#horror article #play .play-list .play-list-child p { font-size: 24px; font-weight: 700; }

#horror article #play .play-list .play-list-child:nth-child(2) { width: calc(66.667% - 10px); margin-right: 0; }

#horror article #play .play-list .play-list-child:nth-child(2) > div { flex-wrap: wrap; }

#horror article #play .play-list .play-list-child:nth-child(2) > div .play-price-note { max-width: 530px; width: 100%; margin: 5px auto 0; text-align: right; }

#horror article #play .play-list .play-list-child:nth-child(2) > div .play-price-note small { font-size: 14px; font-weight: normal; color: #fff; line-height: calc(18/14); }

#horror article #play .play-list .play-list-child:nth-child(3) p { font-size: 20px; }

#horror article #play .play-list .play-list-child:nth-child(3) p small { font-size: 14px; font-weight: normal; color: #fff; text-align: left; line-height: calc(18/14); margin-top: 5px; }

#horror article #play .play-list .play-list-child:last-child { margin-right: 0; }

#horror article #play .play-list .play-list-child > div { display: flex; justify-content: center; }

#horror article #play .play-list .play-list-child > div small { display: block; }

#horror article #play .play-list .play-list-child > div .play-price { max-width: 530px; width: calc(100% - 60px); display: flex; align-items: center; justify-content: center; border: 2px solid rgba(255, 255, 255, 0.5); box-sizing: border-box; }

#horror article #play .play-list .play-list-child > div .play-price .play-price-list { width: 50%; background-color: rgba(235, 227, 44, 0.3); border-right: 2px solid rgba(255, 255, 255, 0.5); box-sizing: border-box; }

#horror article #play .play-list .play-list-child > div .play-price .play-price-list li { padding: 15px 10px; border-bottom: 2px solid rgba(255, 255, 255, 0.5); box-sizing: border-box; }

#horror article #play .play-list .play-list-child > div .play-price .play-price-list li p { font-size: 14px; line-height: 1.3; text-align: right; width: 90%; margin: auto; }

#horror article #play .play-list .play-list-child > div .play-price .play-price-list li p span { font-size: 28px; margin: 0 10px; }

#horror article #play .play-list .play-list-child > div .play-price .play-price-list li:last-child { border-bottom: none; }

#horror article #play .play-list .play-list-child > div .play-price .play-price-txt { width: 50%; text-align: center; font-weight: 700; font-size: 24px; }

#horror article #play .play-list .play-list-child > div .play-price .play-price-txt span { position: relative; padding-left: 20px; }

#horror article #play .play-list .play-list-child > div .play-price .play-price-txt span:before { content: "+"; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); font-size: 24px; }

#horror article #play p {max-width: 1100px;margin: 0 auto;}

@media screen and (max-width: 767px) { #horror article #play h2 { margin-bottom: 16vw; }
  #horror article #play .play-list { max-width: none; }
  #horror article #play .play-list .play-list-child { width: 100%; border: 2px solid #b6af04; box-shadow: 0px 0px 2vw #858002; margin: 0 0 20px 0; padding: 10vw 20px 10vw; }
  #horror article #play .play-list .play-list-child p { font-size: 4.27vw; line-height: 1.3; }
  #horror article #play .play-list .play-list-child h3 { font-size: 5.6vw; margin-bottom: 5.4vw; margin-top: 3vw; }
  #horror article #play .play-list .play-list-child:nth-child(2) { width: 100%; }
  #horror article #play .play-list .play-list-child:nth-child(2) .play-price { max-width: none; width: 100%; display: block; border: 0.6vw solid rgba(255, 255, 255, 0.5); }
  #horror article #play .play-list .play-list-child:nth-child(2) .play-price ul { width: 100%; border-right: none; display: flex; align-items: center; justify-content: center; border-bottom: 0.6vw solid rgba(255, 255, 255, 0.5); }
  #horror article #play .play-list .play-list-child:nth-child(2) .play-price ul li { padding: 2% 0; border-bottom: none; width: 100%; }
  #horror article #play .play-list .play-list-child:nth-child(2) .play-price ul li p { font-size: 3.74vw; line-height: 1.2; text-align: center; width: 100%; }
  #horror article #play .play-list .play-list-child:nth-child(2) .play-price ul li p span { font-size: 5.8vw; margin: 0 3%; }
  #horror article #play .play-list .play-list-child:nth-child(2) .play-price ul li:last-child { border-left: 0.6vw solid rgba(255, 255, 255, 0.5); }
  #horror article #play .play-list .play-list-child:nth-child(2) .play-price > p { width: 100%; margin-left: 0; padding-left: 0; text-align: center; padding: 8vw 0 5vw; }
  #horror article #play .play-list .play-list-child:nth-child(2) .play-price > p span { padding-left: 0; }
  #horror article #play .play-list .play-list-child:nth-child(2) .play-price > p span:before { top: -5.2vw; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); font-size: 4.8vw; }
  #horror article #play .play-list .play-list-child:nth-child(4) { width: 100%; }
  #horror article #play .play-list .play-list-child:nth-child(5) { width: 100%; margin-bottom: 0; }
  #horror article #play .play-list .play-list-child:before { top: -11vw; width: 36vw; height: 22vw; } 
  #horror article #play p {max-width: none;}
}

#horror article #method { padding: 0 0 120px; }

#horror article #method .method-list { max-width: 1100px; width: calc(100% - 60px); margin: auto; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }

#horror article #method .method-list .method-list-child { display: flex; justify-content: space-between; }

#horror article #method .method-list .method-list-child:first-child { border-bottom: 2px solid #fff; }

#horror article #method .method-list .method-list-child h3 { font-size: 21px; display: flex; align-items: center; justify-content: center; width: calc(100% - 530px); max-width: 370px; text-align: center; background-color: rgba(235, 227, 44, 0.3); border-right: 2px solid #fff; }

#horror article #method .method-list .method-list-child ol { width: 530px; margin: auto; padding: 40px; }

#horror article #method .method-list .method-list-child ol li { display: flex; align-items: center; justify-content: center; position: relative; padding-bottom: 40px; margin-bottom: 20px; }

#horror article #method .method-list .method-list-child ol li:before { content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); width: 29px; height: 21px; background-image: url(../images/horror/method_border.png); background-size: contain; background-repeat: no-repeat; }

#horror article #method .method-list .method-list-child ol li:last-child { padding-bottom: 0; margin-bottom: 0; }

#horror article #method .method-list .method-list-child ol li:last-child:before { content: none; }

#horror article #method .method-list .method-list-child ol li.non-img p { width: 100%; margin-left: 0; text-align: center; }

#horror article #method .method-list .method-list-child ol li figure { max-width: 140px; }

#horror article #method .method-list .method-list-child ol li p { width: calc(71% - 140px); margin-left: 25px; }

#horror article #method .btn { max-width: 680px; width: 100%; margin: 100px auto 0; }

@media screen and (max-width: 767px) { #horror article #method .btn { margin: 60px auto 0; } }

@media screen and (max-width: 767px) { #horror article #method .method-list { max-width: none; border-top: none; border-bottom: 0.5vw solid #fff; }
  #horror article #method .method-list .method-list-child { display: block; }
  #horror article #method .method-list .method-list-child:first-child { border-bottom: none; }
  #horror article #method .method-list .method-list-child h3 { display: block; width: 100%; max-width: none; border-right: none; font-size: 5.07vw; padding: 6% 0; border-top: 0.5vw solid #fff; border-bottom: 0.5vw solid #fff; }
  #horror article #method .method-list .method-list-child ol { width: 100%; padding: 6vw 0; }
  #horror article #method .method-list .method-list-child ol li { display: block; padding-bottom: 9.6vw; margin-bottom: 2.7vw; }
  #horror article #method .method-list .method-list-child ol li:before { height: 4.4vw; }
  #horror article #method .method-list .method-list-child ol li figure { display: none; }
  #horror article #method .method-list .method-list-child ol li p { width: 100%; margin-left: 0; text-align: center; }
  #horror article #method > p { max-width: none; margin: 4% auto 14vw; } }

#horror article .yellow-bg { background-image: url(../images/horror/QA-bg.jpg); background-size: 100%; background-repeat: repeat-y; position: relative; }

#horror article .yellow-bg:before { content: ''; background-image: url(../images/horror/band2.png); background-repeat: repeat-x; background-size: auto 100%; width: 100%; height: 36px; position: absolute; top: 0; left: 0; }

@media screen and (max-width: 767px) { #horror article .yellow-bg:before { height: 5vw; } }

#horror article .yellow-bg:after { content: ''; background-image: url(../images/horror/band2.png); background-repeat: repeat-x; background-size: auto 100%; width: 100%; height: 36px; position: absolute; bottom: -2px; left: 0; }

@media screen and (max-width: 767px) { #horror article .yellow-bg:after { height: 5vw; } }

#horror article section#notes { position: relative; padding: 160px 0 110px !important; width: 100%; }

#horror article section#notes:before { content: ''; position: absolute; background-image: url(../images/horror/dirt-top.png); background-repeat: no-repeat; background-size: contain; width: 100%; aspect-ratio: 780/1600; top: 0; right: 0; z-index: -1; }

@media screen and (max-width: 767px) { #horror article section#notes:before { background-image: url(../images/horror/dirt-top-sp.png); background-repeat: no-repeat; background-size: contain; width: 100%; aspect-ratio: 750/780; } }

#horror article section#notes .notes-inner { width: calc(100% - 60px); max-width: 1100px; margin: auto; box-shadow: 0px 0px 10px 2px #757908; }

#horror article section#notes .notes_title { margin: auto; background-color: #c7c017; background-image: url(../images/horror/note-title-bg.png); background-size: cover; background-repeat: no-repeat; padding: 0 0; cursor: pointer; position: relative; }

#horror article section#notes .notes_title:after { content: ""; position: absolute; top: 50%; right: 20px; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); width: 67px; height: 62px; background-image: url(../images/horror/icon-.png); background-size: contain; background-repeat: no-repeat; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; }

#horror article section#notes .notes_title.toggle_on:after { background-image: url(../images/horror/iconplus.png); background-size: contain; background-repeat: no-repeat; -webkit-transform: translate(0%, -50%) rotate(0deg); transform: translate(0%, -50%) rotate(0deg); }

#horror article section#notes .notes_title:hover img { animation: btn-glitch 0.3s both infinite; }

#horror article section#notes h2 { max-width: 366px !important; width: 100%; margin-bottom: 0; }

#horror article section#notes .notes_contents { margin: auto; display: none; }

#horror article section#notes .notes_contents .notes_contents-list { padding: 30px 0; background-color: #fff; }

#horror article section#notes .notes_contents .notes_contents-list .notes_contents-list-child { max-width: 1000px; width: calc(100% - 40px); margin: auto; padding: 30px 0; border-bottom: 2px solid rgba(255, 255, 255, 0.3); color: #050505; }

#horror article section#notes .notes_contents .notes_contents-list .notes_contents-list-child:not(:last-child) { border-bottom: 1px solid #050505; }

#horror article section#notes .notes_contents .notes_contents-list .notes_contents-list-child h3 { font-weight: 500; margin-bottom: 5px; }

#horror article section#notes .notes_contents .notes_contents-list .notes_contents-list-child h3 span { transform: rotate(0deg); display: inline-block; transition: transform 0.5s; font-size: 16px; }

#horror article section#notes .notes_contents .notes_contents-list .notes_contents-list-child h3 span.anime_on { animation: rotate_anime 0.1s 25; }

#horror article section#notes .notes_contents .notes_contents-list .notes_contents-list-child ul + h4 { margin-top: 40px; }

#horror article section#notes .notes_contents .notes_contents-list .notes_contents-list-child h4 { font-size: 16px; }

#horror article section#notes .notes_contents .notes_contents-list .notes_contents-list-child > ol > li, #horror article section#notes .notes_contents .notes_contents-list .notes_contents-list-child > ul > li { font-size: 16px; line-height: calc(28/16); font-weight: 500; text-indent: -1em; padding-left: 1em; }

#horror article section#notes .notes_contents .notes_contents-list .notes_contents-list-child > p { font-size: 16px; text-indent: -1em; padding-left: 1em; }

#horror article section#notes .notes_contents .notes_contents-list .notes_contents-list-child a { color: #c7c017; }

@media screen and (max-width: 767px) { #horror article section#notes { padding-bottom: 45vw; }
  #horror article section#notes .notes_title { max-width: none; padding: 1% 0; }
  #horror article section#notes .notes_title:after { right: 5%; width: 9vw; height: 9vw; }
  #horror article section#notes .notes_title h2 { width: calc(100% - 22vw - 5%); }
  #horror article section#notes .notes_contents { max-width: none; }
  #horror article section#notes .notes_contents .notes_contents-list { padding: 4vw 0; }
  #horror article section#notes .notes_contents .notes_contents-list .notes_contents-list-child { padding: 4vw 0; }
  #horror article section#notes .notes_contents .notes_contents-list .notes_contents-list-child h3 { margin-bottom: 1.6vw; }
  #horror article section#notes .notes_contents .notes_contents-list .notes_contents-list-child h3 span { font-size: 3.8vw; }
  #horror article section#notes .notes_contents .notes_contents-list .notes_contents-list-child > ol > li, #horror article section#notes .notes_contents .notes_contents-list .notes_contents-list-child > ul > li { margin-bottom: 2%; font-size: 3.4vw; }
  #horror article section#notes .notes_contents .notes_contents-list .notes_contents-list-child h4 { margin-bottom: 4%; font-size: 3.4vw; }
  #horror article section#notes .notes_contents .notes_contents-list .notes_contents-list-child ul + h4 { margin-top: 20px; }
  #horror article section#notes .notes_contents .notes_contents-list .notes_contents-list-child p + h4 { margin-top: 10px; }
  #horror article section#notes .notes_contents .notes_contents-list .notes_contents-list-child > p { font-size: 3.4vw; } }

#horror article #qa { padding: 0 0 160px !important; position: relative; }

@media screen and (max-width: 767px) { #horror article #qa { padding: 0 0 100px !important; } }

#horror article #qa:after { content: ''; position: absolute; background-image: url(../images/horror/dirt-bottom.png); background-repeat: no-repeat; background-size: contain; width: 100%; aspect-ratio: 1600/1380; bottom: 0; left: 0; z-index: -1; }

@media screen and (max-width: 767px) { #horror article #qa:after { background-image: url(../images/horror/dirt-bottom-sp.png); background-repeat: no-repeat; background-size: contain; width: 100%; aspect-ratio: 750/1380; } }

#horror article #qa .qa_contents { width: calc(100% - 60px); max-width: 1100px; margin: auto; }

#horror article #qa .qa_contents .qa_contents-list .qa_contents-list-child { box-shadow: 0px 0px 8px 1px #757908; }

#horror article #qa .qa_contents .qa_contents-list .qa_contents-list-child a { text-decoration: underline; }

#horror article #qa .qa_contents .qa_contents-list .qa_contents-list-child:not(:last-child) { margin-bottom: 40px; }

@media screen and (max-width: 767px) { #horror article #qa .qa_contents .qa_contents-list .qa_contents-list-child:not(:last-child) { margin-bottom: 20px; } }

#horror article #qa .qa_contents .qa_contents-list .qa_contents-list-child .qa_contents-list-title { background-color: #050505; }

#horror article #qa .qa_contents .qa_contents-list .qa_contents-list-child .qa_contents-list-title h3 { color: #fff; font-size: 20px; padding: 20px 0; max-width: 1000px; width: calc(100% - 40px); margin: auto; font-weight: 500; }

@media screen and (max-width: 767px) { #horror article #qa .qa_contents .qa_contents-list .qa_contents-list-child .qa_contents-list-title h3 { font-size: 4.2vw; line-height: 1.5; } }

#horror article #qa .qa_contents .qa_contents-list .qa_contents-list-child .qa_contents-list-title h3 span { color: #f2eb29; font-size: 24px; font-family: serif; margin-right: 6px; }

@media screen and (max-width: 767px) { #horror article #qa .qa_contents .qa_contents-list .qa_contents-list-child .qa_contents-list-title h3 span { font-size: 4.6vw; } }

#horror article #qa .qa_contents .qa_contents-list .qa_contents-list-child ul { background-color: #fff; padding: 28px 0; }

#horror article #qa .qa_contents .qa_contents-list .qa_contents-list-child ul li { max-width: 1000px; width: calc(100% - 40px); margin: auto; color: #050505; font-size: 16px; line-height: calc(28/16); }

@media screen and (max-width: 767px) { #horror article #qa .qa_contents .qa_contents-list .qa_contents-list-child ul li { font-size: 3.4vw; } }

#horror article #nazotoki-contents { background: url("../images/horror/nazotoki-bg.jpg"); background-size: cover; background-position: center; padding: 60px 0 !important; }

@media screen and (max-width: 767px) { #horror article #nazotoki-contents { background-image: url(../images/horror/nazotoki-bg-sp.jpg); background-size: cover; background-position: bottom center; } }

#horror article #nazotoki-contents .nazotoki-contents-inner { max-width: 1000px; width: calc(100% - 60px); margin: auto; background: url("../images/horror/box-bg.png"); background-size: auto; border: 1px solid white; box-shadow: 0px 0px 8px 1px white; padding: 30px 20px 50px; }

#horror article #nazotoki-contents .nazotoki-contents-inner h3 { margin-bottom: 40px; text-align: center; font-size: 28px; font-weight: 700; text-shadow: 1px 1px 0px #b102fa, -1px -1px 0px #00e491; }

@media screen and (max-width: 767px) { #horror article #nazotoki-contents .nazotoki-contents-inner h3 { font-size: 4.8vw; margin-bottom: 20px; } }

#horror article #nazotoki-contents .nazotoki-contents-inner ul { display: flex; grid-gap: 60px; max-width: 820px; width: 100%; margin: auto;justify-content: space-around; }

@media screen and (max-width: 767px) { #horror article #nazotoki-contents .nazotoki-contents-inner ul { flex-direction: column; grid-gap: 20px; } }

#horror article #nazotoki-contents .nazotoki-contents-inner ul li { width: 50%; box-shadow: 0px 0px 7px 1px #141414; }

@media screen and (max-width: 767px) { #horror article #nazotoki-contents .nazotoki-contents-inner ul li { width: 100%; } }

#horror article .horror_pagetop { position: fixed; bottom: 25px; right: 35px; max-width: 86px; z-index: 999; display: none; visibility: hidden; -webkit-filter: blur(15px); -moz-filter: blur(15px); -ms-filter: blur(15px); -o-filter: blur(15px); filter: blur(15px); transition: filter 1.2s; }

#horror article .horror_pagetop.pagetop_on { visibility: visible; -webkit-filter: blur(0px); -moz-filter: blur(0px); -ms-filter: blur(0px); -o-filter: blur(0px); filter: blur(0px); }

#horror article .horror_pagetop a, #horror article .horror_pagetop img { display: block; }

@media screen and (max-width: 767px) { #horror article .horror_pagetop { bottom: 3vw; right: 3vw; width: 22%; max-width: none; } }

#horror article #under_mv { width: 100%; }

#horror article .content_box { padding: 20px 0 210px !important; }

#horror article .content_box .content_inner-box { max-width: 900px; width: calc(100% - 40px); padding: 60px 30px; box-sizing: border-box; margin: auto; background-color: rgba(255, 255, 255, 0.3); border: 2px solid #b6af04; box-shadow: 0px 0px 16px 4px #858002; }

@media screen and (max-width: 767px) { #horror article .content_box .content_inner-box { max-width: none; border: 0.6vw solid #fff; padding: 8vw 30px; box-shadow: 0px 0px 2vw 2px #858002; } }

#horror article #store.content_box { position: relative; padding: 120px 0 !important; background-image: url(../images/horror/play-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; }

@media screen and (max-width: 767px) { #horror article #store.content_box { background-image: url(../images/horror/play-bg-sp.jpg); background-size: cover; background-position: top center; padding: 19vw 0 !important; } }

#horror article #store.content_box:before { content: ''; background-image: url(../images/horror/band.png); background-repeat: repeat-x; background-size: auto 100%; width: 100%; height: 36px; position: absolute; top: 0; left: 0; }

@media screen and (max-width: 767px) { #horror article #store.content_box:before { height: 5vw; } }

#horror article #store.content_box .content_inner h2 { margin-bottom: 60px; width: 100%; }

#horror article #store.content_box .content_inner .content_inner-box-title { text-align: center; font-family: "Zen Old Mincho", serif; font-weight: 900; font-size: 24px; text-shadow: 1px 1px 0px #b102fa, -1px -1px 0px #02c77f; }

#horror article #store.content_box .content_inner .content_inner-box-title strong { font-size: 120%; color: #f2eb29; }

#horror article #store.content_box .content_inner .content_inner-box-list { width: 100%; max-width: 610px; margin: 40px auto 0; }

#horror article #store.content_box .content_inner .content_inner-box-list li { padding-left: 38px; position: relative; margin-bottom: 30px; font-size: 20px; font-weight: 700; line-height: 1.2; }

#horror article #store.content_box .content_inner .content_inner-box-list li small { font-size: 14px; color: #d8d7d7; font-weight: 500; line-height: 1.2; }

#horror article #store.content_box .content_inner .content_inner-box-list li:last-child { margin-bottom: 0; }

#horror article #store.content_box .content_inner .content_inner-box-list li:before { position: absolute; top: 10px; left: 0; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); background-color: #f2eb29; color: #050505; font-size: 16px; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; line-height: 1.1; }

#horror article #store.content_box .content_inner .content_inner-box-list li:nth-child(1):before { content: "1"; }

#horror article #store.content_box .content_inner .content_inner-box-list li:nth-child(2):before { content: "2"; }

#horror article #store.content_box .content_inner .content_inner-box-list li:nth-child(3):before { content: "3"; }

#horror article #store.content_box .content_inner .checkbox_content { text-align: center; margin: 40px auto; }

#horror article #store.content_box .content_inner .checkbox_content input[type="checkbox"] { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#horror article #store.content_box .content_inner .checkbox_content input[type="checkbox"] { cursor: pointer; padding-left: 30px; vertical-align: middle; position: relative; }

#horror article #store.content_box .content_inner .checkbox_content input[type="checkbox"]:before, #horror article #store.content_box .content_inner .checkbox_content input[type="checkbox"]:after { content: ""; display: block; position: absolute; }

#horror article #store.content_box .content_inner .checkbox_content input[type="checkbox"]:before { top: 50%; left: 0; transform: translateY(-50%); border-radius: 4px; border: 2px solid #fff; width: 17px; height: 17px; }

#horror article #store.content_box .content_inner .checkbox_content input[type="checkbox"]:after { top: -15px; left: 0; transform: rotate(-45deg); border-bottom: 4px solid #f2eb29; border-left: 4px solid #f2eb29; opacity: 0; height: 12px; width: 20px; transition: all 0.2s; }

#horror article #store.content_box .content_inner .checkbox_content input[type="checkbox"]:checked:after { opacity: 1; }

#horror article #store.content_box .content_inner .checkbox_content input[type="checkbox"]:checked + label { color: #f2eb29; }

#horror article #store.content_box .content_inner .checkbox_content label { cursor: pointer; transition: all 0.2s; font-weight: 700; }

#horror article #store.content_box .content_inner .btn { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%), drop-shadow(0px 0px 16px rgba(44, 44, 44, 0.4)); transition: all 0.2s; }

#horror article #store.content_box .content_inner .btn a { pointer-events: none;margin-top: 20px; }

#horror article #store.content_box .content_inner .btn.btn_on { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }

#horror article #store.content_box .content_inner .btn.btn_on a { pointer-events: auto; }

#horror article #store .ticket_box .ticket_title{font-size: 24px;text-align: center;margin-top: 20px;}
@media screen and (max-width: 767px){#horror article #store .ticket_box .ticket_title{font-size: 3.8vw;}}
#horror article #store .ticket_box .ticket_title a{color: #fff;}


#horror article #store.content_box .content_inner #subContents01 { max-width: 650px; margin: 50px auto 0; }

#horror article #store.content_box .content_inner #subContents01 .shop_header { background-color: #151333 !important; }

#horror article #store.content_box .content_inner #subContents01 .shop_navi_box li { border-bottom: 1px solid #6c668d; background-color: #bcb9cf; }

#horror article #store.content_box .content_inner #subContents01 .shop_navi_box .second { background-color: #f1efff; }

#horror article #store.content_box .content_inner #subContents01 .shop_navi_box .second-area li { background-color: #fff; }

#horror article #store.content_box .content_inner #subContents01 .shop_navi_box .shop_navi_parent.first > a:after, #horror article #store.content_box .content_inner #subContents01 .shop_navi_box .shop_navi_parent.second > a:after { background-image: url(../images/horror/ic_arrow_table_blue.png); }

@media screen and (max-width: 767px) { #horror article #store.content_box .content_inner h2 { max-width: 508px !important; margin-bottom: 9vw; }
  #horror article #store.content_box .content_inner .content_inner-box-title { font-size: 4.8vw; }
  #horror article #store.content_box .content_inner .content_inner-box-list { max-width: 18em; margin: 10% auto 0; }
  #horror article #store.content_box .content_inner .content_inner-box-list li { font-size: 3.74vw; padding-left: 8%; margin-bottom: 6%; }
  #horror article #store.content_box .content_inner .content_inner-box-list li:before { top: 2.2vw; font-size: 3.47vw; width: 4.55vw; height: 4.55vw; line-height: 1; }
  #horror article #store.content_box .content_inner .content_inner-box-list li small { font-size: 2.8vw; }
  #horror article #store.content_box .content_inner .checkbox_content { margin: 10% auto; }
  #horror article #store.content_box .content_inner .checkbox_content input[type="checkbox"] { padding-left: 8%; }
  #horror article #store.content_box .content_inner .checkbox_content input[type="checkbox"]:before { border-radius: 1vw; border: 0.6vw solid #fff; width: 4vw; height: 4vw; }
  #horror article #store.content_box .content_inner .checkbox_content input[type="checkbox"]:after { top: -3.4vw; border-bottom: 1vw solid #f2eb29; border-left: 1vw solid #f2eb29; width: 5vw; height: 3vw; }
  #horror article #store.content_box .content_inner #subContents01 { max-width: none; margin: 8vw auto 0; }
  #horror article #store.content_box .content_inner #subContents01 .shop_header { font-size: 4.27vw !important; padding: 3vw !important; }
  #horror article #store.content_box .content_inner #subContents01 .shop_header:after { width: 3vw; height: 1.8vw; }
  #horror article #store.content_box .content_inner #subContents01 .shop_navi_box { font-size: 3.74vw !important; }
  #horror article #store.content_box .content_inner #subContents01 .shop_navi_box li { border-bottom: 0.4vw solid #6c668d; }
  #horror article #store.content_box .content_inner #subContents01 .shop_navi_box li a { padding: 3.6vw 2vw; }
  #horror article #store.content_box .content_inner #subContents01 .shop_navi_box .shop_navi_parent.first > a:after, #horror article #store.content_box .content_inner #subContents01 .shop_navi_box .shop_navi_parent.second > a:after { width: 3vw; height: 1.8vw; } }

#horror article #ticket { position: relative; padding: 120px 0 !important; background-image: url(../images/horror/play-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; }

@media screen and (max-width: 767px) { #horror article #ticket { background-image: url(../images/horror/play-bg-sp.jpg); background-size: cover; background-position: top center; padding: 19vw 0 !important; } }

#horror article #ticket:before { content: ''; background-image: url(../images/horror/band.png); background-repeat: repeat-x; background-size: auto 100%; width: 100%; height: 36px; position: absolute; top: 0; left: 0; }

@media screen and (max-width: 767px) { #horror article #ticket:before { height: 5vw; } }

#horror article #ticket .content_inner-box { max-width: 900px; width: calc(100% - 40px); padding: 60px 30px; box-sizing: border-box; margin: auto; background-color: rgba(255, 255, 255, 0.3); border: 2px solid #b6af04; box-shadow: 0px 0px 16px 4px #858002; }

@media screen and (max-width: 767px) { #horror article #ticket .content_inner-box { padding: 8vw 30px; } }

#horror article #ticket .ticket_box { margin-bottom: 60px; }

#horror article #ticket .ticket_box:last-child { margin-bottom: 0; }

#horror article #ticket .ticket_box:last-child .ticket_title { margin-bottom: 0; }

#horror article #ticket .ticket_box .ticket_title { text-align: center; margin-bottom: 40px; font-size: 24px; color: #f2eb29; }

#horror article #ticket .ticket_box .ticket_title a { color: #fff; position: relative; padding-right: 30px; }

#horror article #ticket .ticket_box .ticket_title a:after { content: ""; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); width: 20px; height: 20px; background-image: url(../images/horror/icon_blank.png); background-size: contain; background-repeat: no-repeat; }

#horror article #ticket .ticket_box .ticket_subtitle { text-align: center; margin: 80px auto 40px; border-top: 1px solid #f2eb29; padding-top: 80px; font-size: 24px; }

#horror article #ticket .ticket_box .btn { filter: drop-shadow(0px 0px 16px rgba(44, 44, 44, 0.4)); transition: all 0.2s; }

#horror article #ticket .ticket_box p { text-align: center; }

#horror article #ticket .ticket_box p small { font-size: 14px; color: #d8d7d7; display: block; }

@media screen and (max-width: 767px) { #horror article #ticket .ticket_box p small { font-size: 2.8vw; } }

@media screen and (max-width: 767px) { #horror article #ticket .ticket_box { margin-bottom: 7.7vw; }
  #horror article #ticket .ticket_box .ticket_title { margin-bottom: 6vw; font-size: 4.8vw; }
  #horror article #ticket .ticket_box .ticket_title a { font-size: 3.74vw; padding-right: 6vw; }
  #horror article #ticket .ticket_box .ticket_title a:after { width: 4vw; height: 4vw; }
  #horror article #ticket .ticket_box .ticket_subtitle { margin-top: 12vw; padding-top: 11vw; margin-bottom: 4vw; font-size: 4.8vw; } }

.mfp-bg { opacity: 0; transition: opacity 1s; }

.mfp-bg.mfp-ready { opacity: 0.8; }

.mfp-bg.mfp-removing { opacity: 0; }

.mfp-wrap .mfp-content { opacity: 0; transition: opacity 1s; }

.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }

.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }

.mfp-iframe-scaler iframe { border: 3px solid #b6af04; box-shadow: 0px 0px 13px 3px #858002; }

@media screen and (max-width: 767px) { .mfp-iframe-scaler iframe { border: 2px solid #b6af04; box-shadow: 0px 0px 10px 2px #858002; } }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close, .mfp-inline-holder .mfp-close { position: fixed; top: 20px; right: 20px; background-image: url(../images/horror/popup_close.png); background-repeat: no-repeat; background-size: contain; width: 72px; height: 95px; font-size: 0; opacity: 1; padding: 0; }

@media screen and (max-width: 767px) { .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close, .mfp-inline-holder .mfp-close { top: 5vw; right: 4vw; width: 16vw; height: 17vw; } }

.mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover, .mfp-inline-holder .mfp-close:hover { animation: btn-glitch 0.3s both infinite; }

.mfp-wrap { background-color: #050505; background-image: url(../images/horror/play-bg.jpg); background-size: cover; background-position: top center; }

.svg_box { display: none; }

.mfp-inline-holder { padding: 0; }

.mfp-inline-holder .mfp-content .popup_box { padding: 50px 0; width: 100%; max-width: 1000px; margin: auto; }

.mfp-inline-holder .mfp-content .popup_box div figure { max-width: 660px; margin: 0 auto 50px; background-color: rgba(0, 0, 0, 0.2); text-align: center; padding: 20px; }

.mfp-inline-holder .mfp-content .popup_box div figure img { width: 100%; max-width: 460px; }

.mfp-inline-holder .mfp-content .popup_box div .txt-bg { max-width: 1000px; width: calc(100% - 40px); margin: auto; background-image: url(../images/horror/modal-bg.jpg); background-size: 100% 100%; }

.mfp-inline-holder .mfp-content .popup_box div .txt-bg div { max-width: 900px; margin: auto; padding: 40px 20px; }

.mfp-inline-holder .mfp-content .popup_box div p { color: #050505; line-height: 1.6; font-size: 18px; font-weight: 500; }

.mfp-inline-holder .mfp-content .popup_box div .popup_title { margin-bottom: 25px; font-size: 30px; font-family: "Zen Old Mincho", serif; font-weight: 900; text-shadow: 0px 0px 3px #e3e2e4; }

.mfp-inline-holder .mfp-content .popup_box div .popup_title strong { color: #c7bf17; }

.mfp-inline-holder .mfp-content .popup_box div .popup_link { text-align: right; margin-top: 30px; font-family: "Zen Old Mincho", serif; font-weight: 900; }

.mfp-inline-holder .mfp-content .popup_box div .popup_link a { color: #c7bf17; display: inline-block; position: relative; padding-right: 1rem; text-shadow: 0px 0px 3px #e3e2e4; }

.mfp-inline-holder .mfp-content .popup_box div .popup_link a:after { content: ">"; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); }

@media screen and (max-width: 767px) { .mfp-inline-holder .mfp-content .popup_box { padding: 30vw 0; max-width: none; }
  .mfp-inline-holder .mfp-content .popup_box div figure { max-width: 660px; margin: 0 auto 5vw; padding: 6vw; }
  .mfp-inline-holder .mfp-content .popup_box div figure img { max-width: none; }
  .mfp-inline-holder .mfp-content .popup_box div p { font-size: 3.8vw; }
  .mfp-inline-holder .mfp-content .popup_box div .popup_title { margin-bottom: 3vw; font-size: 4.27vw; }
  .mfp-inline-holder .mfp-content .popup_box div .popup_link { margin-top: 6vw; font-size: 3.8vw; } }


  @media screen and (max-width: 767px) {

    .fl-bnr {
      position: fixed;
      z-index: 999;
      bottom: 2vw;
      width: 52%;
      left: 0;
      right: 2vw;
      margin-left: auto;
  }
  .fl-bnr a {
    position: relative;
    font-size: 5.3vw;
    display: block;
    width: 100%;
    padding-top: 4.6vw;
    padding-bottom: 4.6vw;
    line-height: 1;
    padding-left: 5.3vw;
    padding-right: 5.3vw;
    background: #D70E18;
    border-radius: 8vw 8vw;
    color: #fff;
    border-bottom: 3px solid #900404;
    text-decoration: none !important;
}
.fl-bnr a::after{
  background: url(../../../wp-content/themes/miruhaco_new/images/common/shita.png) no-repeat center center / 100%;
        content: "";
        position: absolute;
        right: 3.3vw;
        top: 50%;
        transform: translateY(-50%);
        width: 5.3vw;
        height: 5.3vw;
}

  }


@keyframes sdl { 0% { transform: scale(1, 0);
    transform-origin: 0 0; }
  50% { transform: scale(1, 1);
    transform-origin: 0 0; }
  50.1% { transform: scale(1, 1);
    transform-origin: 0 100%; }
  100% { transform: scale(1, 0);
    transform-origin: 0 100%; } }

@keyframes glitch-anim-text { 0% { transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); }
  2% { -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); }
  4% { -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); }
  5% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); }
  6% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); }
  7% { -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); }
  8% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); }
  9% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); }
  9.9% { transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1); }
  10%, 100% { transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } }

@keyframes skew { 0% { transform: none; }
  33% { transform: none; }
  33.3% { transform: skewX(20deg); }
  33.6% { transform: skewX(-20deg); }
  33.9% { transform: none; }
  66% { transform: none; }
  66.3% { transform: skewX(5deg); }
  66.6% { transform: skewX(-5deg); }
  66.9% { transform: none; }
  77% { transform: none; }
  77.3% { transform: skewX(15deg); }
  77.6% { transform: skewX(-15deg); }
  77.9% { transform: none; } }

.glitch { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; }

.glitch span { display: block; }

.glitch:hover span { animation: glitch-anim-text 3s infinite, skew 2s infinite; }

.glitch02 { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; }

.glitch02 span { display: block; }

.glitch02:hover span { display: block; animation: skew 1s infinite; }

.animeset { opacity: 0; visibility: hidden; -webkit-filter: blur(15px); -moz-filter: blur(15px); -ms-filter: blur(15px); -o-filter: blur(15px); filter: blur(15px); transition: opacity 1s, filter 1.2s; }

.animeset_on { opacity: 1; visibility: visible; -webkit-filter: blur(0px); -moz-filter: blur(0px); -ms-filter: blur(0px); -o-filter: blur(0px); filter: blur(0px); }

@keyframes btn-glitch { 0% { transform: translate(0); }
  12.5% { transform: translate(-1px, 1px); }
  37.5% { transform: translate(-1px, -1px); }
  62.5% { transform: translate(1px, 1px); }
  87.5% { transform: translate(1px, -1px); }
  100% { transform: translate(0); } }

@keyframes glitch-before { 0% { clip-path: polygon(0% 60.70364%, 100% 60.70364%, 100% 65.24313%, 0% 65.24313%);
    transform: translate(2.14575%, 0.35347%); }
  2% { clip-path: polygon(0% 46.76415%, 100% 46.76415%, 100% 50.57221%, 0% 50.57221%);
    transform: translate(-0.37248%, -0.12503%); }
  4% { clip-path: polygon(0% 11.08011%, 100% 11.08011%, 100% 16.84662%, 0% 16.84662%);
    transform: translate(4.91556%, 0.26208%); }
  6% { clip-path: polygon(0% 48.20369%, 100% 48.20369%, 100% 49.64976%, 0% 49.64976%);
    transform: translate(3.63256%, -0.49776%); }
  8% { clip-path: polygon(0% 29.26852%, 100% 29.26852%, 100% 32.20153%, 0% 32.20153%);
    transform: translate(5.6118%, 0.06916%); }
  10% { clip-path: polygon(0% 2.5923%, 100% 2.5923%, 100% 8.3393%, 0% 8.3393%);
    transform: translate(7.64417%, -0.25604%); }
  12% { clip-path: polygon(0% 28.39686%, 100% 28.39686%, 100% 32.04334%, 0% 32.04334%);
    transform: translate(-3.11485%, 0.29461%); }
  14% { clip-path: polygon(0% 63.91764%, 100% 63.91764%, 100% 70.92674%, 0% 70.92674%);
    transform: translate(-7.41339%, 0.26525%); }
  16% { clip-path: polygon(0% 71.64354%, 100% 71.64354%, 100% 75.54859%, 0% 75.54859%);
    transform: translate(-7.01913%, 0.1616%); }
  18% { clip-path: polygon(0% 27.86305%, 100% 27.86305%, 100% 37.83506%, 0% 37.83506%);
    transform: translate(5.00113%, 0.34542%); }
  20%, 100% { clip-path: none;
    transform: none; } }

@keyframes glitch-after { 0% { clip-path: polygon(0% 78.45499%, 100% 78.45499%, 100% 81.795%, 0% 81.795%);
    transform: translate(6.82041%, -0.08757%); }
  2% { clip-path: polygon(0% 32.06516%, 100% 32.06516%, 100% 41.7406%, 0% 41.7406%);
    transform: translate(-2.44433%, 0.05142%); }
  4% { clip-path: polygon(0% 38.38139%, 100% 38.38139%, 100% 48.19613%, 0% 48.19613%);
    transform: translate(-6.71118%, -0.12056%); }
  6% { clip-path: polygon(0% 58.72098%, 100% 58.72098%, 100% 62.33739%, 0% 62.33739%);
    transform: translate(-2.43667%, -0.17207%); }
  8% { clip-path: polygon(0% 6.05149%, 100% 6.05149%, 100% 13.71225%, 0% 13.71225%);
    transform: translate(-7.22138%, 0.19267%); }
  10% { clip-path: polygon(0% 78.89014%, 100% 78.89014%, 100% 86.17608%, 0% 86.17608%);
    transform: translate(4.3084%, 0.18821%); }
  12% { clip-path: polygon(0% 2.80552%, 100% 2.80552%, 100% 12.56918%, 0% 12.56918%);
    transform: translate(-3.69659%, -0.44071%); }
  14% { clip-path: polygon(0% 76.61017%, 100% 76.61017%, 100% 80.1664%, 0% 80.1664%);
    transform: translate(2.46438%, -0.41015%); }
  16% { clip-path: polygon(0% 59.18154%, 100% 59.18154%, 100% 61.79354%, 0% 61.79354%);
    transform: translate(1.92331%, -0.43287%); }
  18% { clip-path: polygon(0% 56.92565%, 100% 56.92565%, 100% 66.00326%, 0% 66.00326%);
    transform: translate(1.18009%, -0.21029%); }
  20%, 100% { clip-path: none;
    transform: none; } }

@keyframes rgb-shift-r { 0% { transform: translate(-0.40001%, 0.3329%); }
  2% { transform: translate(1.67085%, 0.28474%); }
  4% { transform: translate(0.9983%, -0.46014%); }
  6% { transform: translate(0.92645%, -0.24156%); }
  8% { transform: translate(-1.6975%, 0.04635%); }
  10% { transform: translate(0.38346%, 0.40306%); }
  12% { transform: translate(-0.27022%, -0.35075%); }
  14% { transform: translate(1.37116%, 0.16637%); }
  16% { transform: translate(0.70887%, 0.0791%); }
  18% { transform: translate(-1.11452%, -0.16901%); }
  20%, 100% { transform: none; } }

@keyframes rgb-shift-g { 0% { transform: translate(1.19443%, 0.4182%); }
  2% { transform: translate(0.80726%, 0.14329%); }
  4% { transform: translate(0.20724%, 0.46877%); }
  6% { transform: translate(0.06373%, -0.09178%); }
  8% { transform: translate(-1.46268%, 0.18881%); }
  10% { transform: translate(1.82758%, 0.16959%); }
  12% { transform: translate(-0.98778%, -0.22937%); }
  14% { transform: translate(-1.03495%, -0.48995%); }
  16% { transform: translate(0.66056%, 0.42754%); }
  18% { transform: translate(-0.6428%, -0.2121%); }
  20%, 100% { transform: none; } }

@keyframes rgb-shift-b { 0% { transform: translate(0.98726%, 0.39486%); }
  2% { transform: translate(-0.67957%, 0.21667%); }
  4% { transform: translate(-0.28689%, -0.47935%); }
  6% { transform: translate(-1.94898%, 0.25147%); }
  8% { transform: translate(1.04387%, -0.17363%); }
  10% { transform: translate(1.50656%, -0.19513%); }
  12% { transform: translate(-1.19535%, -0.46183%); }
  14% { transform: translate(-0.46923%, 0.33061%); }
  16% { transform: translate(-1.19562%, 0.37907%); }
  18% { transform: translate(-1.97015%, 0.16107%); }
  20%, 100% { transform: none; } }

@keyframes rotate_anime { 0% { transform: rotate(18deg); }
  100% { transform: rotate(8deg); } }