@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;700&display=swap");

.main {
  margin-left: 320px;
  width: 920px;
  background-color: #141616;
}

.sp_size {
  font-size: 27px;
}

.paragraph_body {
  padding: 0 5%;
}

.circle .coasterpic {
  width: 46%;
  top: 4px;
  left: 9px;
  position: relative;
}

.goods_space {
  margin: 0 auto;
  width: 90%;
  display: block;
  margin-bottom: 3rem;
}

/* .goods_space img {
  max-width: 600px;
} */

.goods_space p,
.goods_space h4 {
  color: #eee;
  letter-spacing: 1px;
  text-align: left;
  line-height: 1;
  margin-top: 0.5rem;
  font-size: 15px;
  font-weight: normal;
}

.goods_space h4 {
  font-weight: bold;
  margin-bottom: 0.75rem;
}

p.endDate {
  margin-bottom: 1.5rem;
}

.circle .presentpic {
  right: -90px;
}

.paragraph_body h3 {
  letter-spacing: 10px;
  line-height: 1.5;
  font-size: 4rem;
  margin: 0;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.8));
  filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.8));
}

.sans_tsuji {
  font-family: "Zen Old Mincho", serif, "Noto Serif JP", "YuMincho";
}

.news_2 {
  background-color: white;
  border-radius: 10px;
  width: 90%;
  padding: 2%;
  margin-bottom: 1rem;
  letter-spacing: 1px;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8));
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8));
}

.news_2 p {
  font-size: 0.85rem;
  color: #262626;
  display: inline;
}

.news_2 a {
  color: red;
  font-size: 0.85rem;
  display: inline;
  text-decoration: underline;
}

.news_2 ul {
  margin: 0.5rem auto;
}

.news_2 ul li {
  text-align: center;
}

.news_2 h3 {
  color: #262626;
  text-align: center;
  font-weight: normal;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #000;
  width: 80%;
  margin: 0 auto;
}

footer {
  background-color: #666;
  width: 100%;
}

footer ul {
  margin: 0;
  padding: 1rem;
}

footer a {
  color: white;
  display: block;
  margin: 0 auto;
  text-align: center;
  line-height: 2;
}

.top_link_nav {
  flex-wrap: wrap;
}

.top_link_nav li {
  margin-bottom: 1rem;
}

.top_link_nav img {
  border-radius: 10px;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.3));
}

.yukaku_goods_p {
  padding: 0 5%;
  color: white;
  text-align: center;
}

.navigation_yukaku {
  display: flex;
  flex-wrap: wrap;
  width: 95%;
  margin: 0 auto;
  padding-top: 1rem;
  justify-content: space-around;
}

.navigation_yukaku li {
  width: 47%;
  margin-bottom: 1rem;
}

.navigation_yukaku img {
  width: 100%;
  -webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.9));
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.9));
  border-radius: 5px;
}

.another_goods {
  color: white;
  text-align: center;
  font-size: 1.5rem;
  padding: 0 5%;
  padding-top: 15px;
}

.kikan {
  margin: 0;
}

.goods_area2 img {
  border-radius: 30px;
  text-align: center;
  margin-bottom: 20px;
  -webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.6));
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.6));
}

.goods_area2 h3 {
  text-align: center;
}

.link_off {
  color: #636363;
}

.sq_can li {
  width: 40%;
  margin-right: 0 !important;
  margin-bottom: 20px !important;
}

.tsuna_ac p {
  color: white;
  text-align: center;
  margin: 0;
}

.swipeicon {
  top: 45%;
  left: 42%;
  width: 100px !important;
  height: 100px;
  position: absolute;
  -webkit-filter: drop-shadow(0px 0px 6px rgba(254, 229, 166, 1));
  filter: drop-shadow(0px 0px 6px rgba(254, 229, 166, 1));
}

.sq_can li img {
  display: block;
  margin: 0 auto;
}

.sq_can {
  margin: 0 auto;
  display: block;
}

.goods_space span {
  color: red;
  padding-left: 0.5rem;
}

.novelty {
  width: 80%;
  margin: 0 auto;
}

.comingdate {
  color: white;
  font-size: 30px !important;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(254, 229, 166, 1));
  filter: drop-shadow(0px 0px 10px rgba(254, 229, 166, 1));
  -webkit-font-smoothing: antialiased;
}

.event_page ul {
  padding-left: 40px;
}

.lunchm {
  margin-bottom: 30px;
}

.novelty ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.novelty .lunchm img {
  filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 1));
  transform: rotate(10deg);
}

.toggle {
  display: block;
  cursor: pointer;
  color: #f2f2f2;
}

.whiteshadow img {
  -webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.6));
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.6));
}

.gtitle span {
  color: red;
  padding-left: 5px;
}

.flip_ {
  color: #e03d2f;
  text-align: center;
  font-size: 15px;
  clear: both;
  cursor: pointer;
}

.dramacd h3 img {
  height: 40px;
}

p {
  letter-spacing: 1px;
  color: #262626;
}

.character_items li {
  margin-bottom: 1rem;
}

.character_items li img {
  width: 100%;
}

.new {
  background-image: url("https://www.ufotable.co.jp/cafe/kimetsu_cafe_emaki/wp-content/themes/kimetsu_cafe_v2/img/goods/new.png");
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 50px;
}

.news {
  margin: 20px;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.15));
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.15));
  border: 1px solid #282828;
  border-radius: 10px;
  background-color: #4e4e4e;
}

.ufoaj {
  display: block;
  margin: 30px auto;
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: 0.9s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 70%;
  max-width: 110.5vh;
  background-color: white !important;
  text-align: left;
  margin: 0 auto;
  background-size: cover;
  z-index: 2;
}

.popup-inner h2 {
  text-align: center;
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  right: -10px;
  top: -60px;
  width: 50px;
  height: 50px;
  background-image: url("../img/close-modal.png");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.close-btn i {
  font-size: 20px;
  color: #333;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
  cursor: pointer;
}

.popup a {
  color: inherit;
  text-decoration: underline;
}

.popup p {
  padding: 0 5%;
  line-height: 2;
  font-size: 0.9rem;
}

.popup h2 {
  font-size: 23px;
  letter-spacing: 1px;
}

.news-contents {
  margin: 10px;
  padding: 10px 10px;
  border-radius: 10px;
  background-color: #fff;
}

.news-contents p {
}

.news h2 {
  font-size: 14px;
  color: #fff;
  margin-bottom: 0;
  margin-top: 15px;
  -webkit-filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.4));
  filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.4));
}

.news .date {
  border-bottom: 1px solid #000;
  width: 100px;
  display: block;
  margin: 0 auto;
}

.news p {
  text-align: center;
  font-size: 13px;
}

.togset {
  display: none;
  margin: 0 !important;
  margin-top: 0.5rem;
  padding-left: 10px;
}

.togset li {
  line-height: 1.6;
}

#page_top {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #666;
  opacity: 0.6;
  border-radius: 50%;
}

#page_top a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}

#page_top a::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f106";
  font-size: 25px;
  color: white;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.guide_page .coverimg h2 {
  bottom: 80px !important;
}

body {
  font-family: "Noto Serif JP", serif;
  margin: 0;
  font-size: 13px;
  letter-spacing: 1px;
  color: #eee;
  background-color: #000000;
}

span.foodtag {
  /* FOOD */

  height: 19px;
  padding: 0.1rem 0.5rem;
  font-style: normal;
  font-weight: 300;
  font-size: 11px;
  vertical-align: text-bottom;
  display: inline-block;
  margin-right: 5px;
  line-height: 16px;
  /* ボックスの高さと同一 */

  background-color: #af7272;
  text-align: center;

  color: #ffffff;
}

span.foodtag.desserttag {
  /* FOOD */

  background-color: #a8c97e;
}

.menubx p {
  letter-spacing: 1px;
}

#faqs h3 {
  color: #262626;
}

a {
  text-decoration: none;
  color: #e03d2f;
}

a:hover {
  opacity: 0.7;
}

.howtocafe {
  overflow: hidden;
}

.howtocafe div {
  max-width: 370px;
  margin-right: 20px;
}

.oubolink {
  clear: both;
}

.oubolink img {
  max-width: 360px;
}

.goodsonly img {
  height: 32px;
}

.oubolink li {
  float: left;
  margin-bottom: 20px;
}

.oubolink ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.notice1 {
  float: left;
  margin-right: 40px;
}

.release221_top {
  font-size: 16px;
}

.notice2 {
  float: left;
}

.status {
  max-width: 740px;
  margin-bottom: 40px;
}

.caferiyou {
  float: left;
  margin-right: 44px;
}

.goodsonly {
  float: left;
}

nav {
  background-color: #262626;
  width: 320px;
  height: 100%;
  position: fixed;
  overflow: auto;
  z-index: 99;
}

.drink_container {
  display: flex;
  flex-wrap: wrap;
}

.popup-inner img.sp {
  display: none;
}

.guidewrapper {
  margin: 40px;
  margin-top: 20px;
}

.guidewrapper p {
  line-height: 1.5;
}

.drinkmenu h3 {
}

.wrapper {
  height: 100%;
}

ul {
  list-style: none;
  padding-inline-start: 0px;
}

.collabologo {
  margin-bottom: 10px;
  margin-top: 20px;
  padding-left: 1rem;
}

.navcontents {
  padding-left: 33px;
  letter-spacing: 0.03rem;
}

nav .cafelist {
  font-family: "Muli", sans-serif;
}

.cafelist li {
  background: url(https://www.ufotable.co.jp/cafe/kimetsu_cafe_emaki/wp-content/themes/kimetsu_cafe_v2/img/cafe.png)
    no-repeat;
  padding-left: 24px;
  background-size: 16px;
  background-position-y: center;
}

.cafelist li.togo {
  background: url(https://www.ufotable.co.jp/cafe/kimetsu_cafe_emaki/wp-content/themes/kimetsu_cafe_v2/img/car.png)
    no-repeat;
  padding-left: 24px;
  background-size: 16px;
  background-position-y: center;
}

nav a {
  color: #f2f2f2;
}

.oubokikan {
  position: relative;
  font-size: 1rem;
  left: 49px;
  bottom: 30px;
}

.globalMenuSp {
  display: none;
}

.main {
  overflow: hidden;
}

.toppage {
}

.body_area div {
  margin: 0 auto;
  max-width: 800px;
  padding: 1.5rem;
}

.body_area p {
  font-size: 17px;
  max-width: 600px;
  display: block;
  margin: 1rem auto;
}

.body_area img {
  display: block;
  margin: 0 auto;
}

.emaki_info_3p {
}

.emaki_info_3p h3 img {
  -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
}

.top_ul img {
  width: 100%;
  max-width: 90%;
  -webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.9));
}

.emaki_info_3p .point_area {
  width: 95%;
  background-color: #404040;
  text-align: center;
  padding: 1rem;
  margin-bottom: 1rem;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.5));
}

.body_area {
  padding-left: 300px;
}

.goods_space img {
  display: block;
  padding-left: 0;
  border-radius: 10px;
  width: 100%;
  /* max-width: 90%; */
  -webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1));
}
.goods_space .web_to.close {
  pointer-events: none;
  user-select: none;
  filter: brightness(40%);
}
.goods_space .web_to p {
  letter-spacing: 1px;
  background-color: #858585;
  padding: 18px !important;
  border-radius: 7px;
  display: flow-root;
  width: 250px;
  margin: 20px auto;
  text-align: center;
  -webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1));
  color: white !important;
  text-decoration: none !important;
  font-size: 0.75rem;
}

.emaki_info_3p h2 {
  margin: 0 auto;
  width: 95%;
  display: block;
  background-color: #404040;
  text-align: center;
  padding: 1rem;
  font-size: 25px;
  font-weight: normal;
  margin-bottom: 0.5rem;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.5));
}

.top_link_nav {
  display: flex;
  margin: 0 auto;
  justify-content: space-evenly;
  width: 90%;
}

.realtime_nav h4 {
  font-size: 1.25rem;
  border: 3px solid #aaa;
  padding: 10px;
}

.realtime_nav ul {
  display: flex;
  margin: 0 auto;
  justify-content: space-evenly;
}

.top_link_nav li {
  width: 45%;
}

.realtime_nav li {
  margin-bottom: 1rem;
}

.point_area h3 {
  font-size: 26px;
  margin: 1rem auto;
}

.point_area p {
  color: white;
  text-align: left;
}

.emaki_info {
  border: 1px solid white;
}

.emaki_info p {
  color: white;
}

.top_container div {
  margin: 0 auto;
}

.top_container {
  margin: 0 auto;
}

.top_container {
  max-width: 700px;
}

.top_container img {
  max-width: 80%;
}

nav p {
  color: #f2f2f2;
  font-size: 14px;
}

nav li {
  margin-bottom: 10px;
  font-size: 1.1rem;
}

nav div {
}

.about ul {
  size: 20px;
}

.navline {
  display: block;
  width: 108px;
  border-top: solid 2px #f2f3f2;
}

h1 img {
  width: 70%;
}

.ufotablesites {
  bottom: 20px;
  display: none;
  position: absolute;
}

.ufotablesites a {
  background-image: url("https://www.ufotable.co.jp/cafe/kimetsu_cafe_emaki/wp-content/themes/kimetsu_cafe_v2/img/new_w.svg");
  background-repeat: no-repeat;
  background-position: right top;
  padding-right: 14px;
}

rt {
  letter-spacing: -2px;
}

.partner img {
  max-width: 70%;
  margin-bottom: -1rem;
}

.emakikv1 {
  position: relative;
  left: 1rem;
}

.kv {
  float: left;
  max-width: 63%;
  margin-right: 2%;
  position: relative;
}

.current img {
  -webkit-filter: drop-shadow(0px 0px 10px rgba(254, 229, 166, 0.1));
  filter: drop-shadow(0px 0px 10px rgba(254, 229, 166, 0.1));
}

.cafe_top a img {
  max-width: 87%;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 1)) !important;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 1)) !important;
}

.cafe_top li {
  margin-bottom: 15px;
}

.this_theme a img {
  width: 100%;
  border-radius: 0 !important;
}

.tuuki .notice {
  float: none;
}

.guide a img {
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.15));
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.15));
  border-radius: 10px;
  margin-bottom: 15px;
}

.contentsArea h3 {
  text-align: left;
  padding-left: 3%;
}

.dramacd h3 {
  font-size: 22px;
  margin-bottom: 8px;
}

.dramacd h3 {
  font-size: 22px;
}

.dramacd .pagelink {
  margin-top: 0px;
}

.contentsArea a img {
  border-radius: 10px;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(254, 229, 166, 0.1));
  filter: drop-shadow(0px 0px 10px rgba(254, 229, 166, 0.1));
  max-width: 87%;
}

.this_theme p {
  color: white;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(254, 229, 166, 1));
  filter: drop-shadow(0px 0px 5px rgba(254, 229, 166, 1));
}

.d1 {
  font-size: 21px;
}

.d2 {
  font-size: 16px;
}

.event a img {
  margin-bottom: 15px;
  border-radius: 15px;
}

.koukai {
  margin-bottom: 25px;
}

.contentsArea ul {
  overflow: hidden;
}

.event img {
}

.charagoods img {
  width: 95%;
}

.kv {
  width: 65%;
}

.kv img {
  width: 100%;
}

.toppage {
  width: inherit;
  background-color: black;
}

.cafe {
  height: 300px !important;
}

.dramacd h4 {
  padding-top: 15px;
  margin-top: 0;
  margin-bottom: 10px;
}

.dramacd h4 img {
  width: 80%;
}

.dramacd .a4 {
  width: 80%;
}

.dramacd .acrir {
  max-width: 85%;
}

.dramacd .can {
  max-width: 75%;
}

.dramacd p {
  font-size: 22px !important;
  font-family: "Yu Mincho", "YuMincho", serif;
}

.dramacd_illust {
  max-width: 95%;
  margin: 5px auto;
}

.emakikv {
  width: 100%;
}

.intro img {
  max-width: 80%;
  margin-bottom: 20px;
}

.pagelink {
  font-size: 20px;
}

.current {
  max-width: 740px;
}

.inner_menuinfo {
  padding-left: 30px;
}

#topspace2 {
  margin-left: 320px;
}

.inner_menuinfo img {
  margin: 30px;
}

.intro p {
  font-family: "Yu Mincho", "YuMincho", serif;
  font-size: 1.3rem;
  line-height: 2;
  text-shadow: 0px 0px 12px rgba(183, 183, 183, 0.8);
  letter-spacing: 0.08rem;
  padding: 0 10%;
}

.aboutemaki {
  margin-top: 20px !important;
}

.ajtenji {
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.4));
  text-align: center;
  background-color: white;
  max-width: 950px;
  margin: 0 auto 30px auto;
  overflow: hidden;
}

.ne_illust {
  font-size: 25px;
  color: #262626;
  border-bottom: 2px solid #666;
  display: inline;
  padding-bottom: 10px;
}

.ajc li {
  float: left;
  margin-right: 25px;
}

.animejapan p {
  padding: 0 4%;
}

.ajc {
  width: 980px;
  max-width: 100%;
  overflow: hidden;
}

.ajc li img {
  max-width: 100%;
}

.ajc {
  margin: 0 auto;
}

.ajtenji img {
  max-width: 100%;
}

.tenjiboose {
  padding: 30px;
}

.animejapan h3 {
  font-size: 25px;
  color: #262626;
  border-bottom: 2px solid #666;
  display: inline;
  padding-bottom: 10px;
}

.tenji p {
  font-family: "Yu Mincho", "YuMincho", serif;
  font-size: 1.1rem;
  padding: 0px 59px;
  letter-spacing: 1px;
  line-height: 2;
}

.goodsintro img {
  max-width: 60%;
}

.sarani {
  width: 30% !important;
  margin: 50px 0 20px 0;
}

.emakikv img {
  width: 100%;
}

.theme {
  margin-top: 10px;
}

.dainidan {
  width: 100% !important;
}

.hf3_aboutl {
  width: 46%;
  float: right;
}

.hf3_aboutr {
  width: 54%;
  float: left;
}

.intropic {
  width: 100%;

  overflow: hidden;
}

.cafe_gekijou {
  text-align: center;
}

.aj_tuuki li {
  list-style-type: none;
}

.flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.flex p {
  font-size: 15px !important;
  margin-top: 5px;
}

.webshop_to {
  color: black;
  text-decoration: none;
  letter-spacing: 1px;
  background-color: #e6e6e6;
  padding: 18px;
  border-radius: 7px;
  font-size: 12px;
  display: flow-root;
  width: 250px;
  margin: 20px auto;
  text-align: center;
}

.underlinedh {
  font-size: 40px;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(254, 229, 166, 1));
  filter: drop-shadow(0px 0px 5px rgba(254, 229, 166, 1));
  -webkit-font-smoothing: antialiased;
  border-bottom: 1px solid #fff;
  width: 500px;
  display: block;
  margin: 0 auto;
  letter-spacing: 2px;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.shikishi {
  padding: 0 10%;
}

.tenjipc {
  width: 90%;
  padding-left: 0px;
  margin: 0 auto;
  margin-bottom: 40px;
}

.tenjipc img {
}

.tenjipc li {
  width: 33%;
  margin-bottom: 20px;
}

.tenjipc img {
  width: 90%;
}

.shikishi img {
  width: 110px;
  max-width: none !important;
  margin-bottom: 15px !important;
  margin-right: 15px !important;
  transform: rotate(-3deg);
}

.aj_tuuki img {
  margin-top: 20px;
}

.goods_anchor {
  font-size: 40px;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(254, 229, 166, 0.7));
  filter: drop-shadow(0px 0px 5px rgba(254, 229, 166, 0.7));
  -webkit-font-smoothing: antialiased;
  border-bottom: 1px solid #fff;
  width: 335px;
  display: block;
  margin: 0 auto;
  margin-bottom: 2rem;
  letter-spacing: 2px;
  text-align: center;
  padding-bottom: 9px;
}

.kv_lmc {
  padding-top: 20px;
}

.imgnav img {
  width: 400px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.imgnav {
  overflow: hidden;
}

.cinema {
  border-top: 1px solid #f2f2f2;
  display: block;
  width: 40%;
  padding-top: 10px;
  margin-top: 12px;
}

.midline {
  display: block;
  border-bottom: 1px solid white;
  width: 20%;
  margin: 0 auto;
}

.intropic img {
  max-width: 90%;
}

.collabowapper {
  background-color: #141616;
  width: 920px;
  padding-bottom: 50px;
  text-align: center;
}

.paragraph_body h2 {
  letter-spacing: 2px;
  line-height: 1.6;
  font-size: 30px;
}

.mugen p {
  font-size: 20px;
  color: white;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(254, 229, 166.5));
  filter: drop-shadow(0px 0px 10px rgba(254, 229, 166, 0.5));
  -webkit-font-smoothing: antialiased;
}

.additional p {
  font-family: "Yu Mincho", "YuMincho", serif;
  font-size: 1.1rem;
  padding: 0px 59px;
  letter-spacing: 1px;
  line-height: 2;
}

.additional img {
  width: 70%;
}

.cafe h2 {
  font-family: "Muli";
  font-size: 1rem;
}

.tenji h2 img {
  width: 30%;
  margin-top: 40px;
}

.newillust {
  width: 90% !important;
}

.outro {
  overflow: hidden;
}

.tbc {
  float: right;
  width: 15%;
  clear: both;
  position: relative;
  right: 5rem;
}

.map iframe {
  height: 100%;
  width: 70%;
  float: left;
}

.sosite {
  height: 60px;
}

.animejapan p {
  font-size: 18px;
  text-align: center;
  color: #555555;
}

.tba {
  width: 95%;
}

.charagoods {
  margin-left: -10px;
}

.map {
  height: 1000px;
}

.lm p {
  font-family: "Yu Mincho", "YuMincho", serif;
  font-size: 1.1rem;
  color: white;
}

.allmenu {
  font-family: "Yu Mincho", "YuMincho", serif;
  font-size: 1.1rem;
  padding: 0px 59px;
  letter-spacing: 1px;
  line-height: 2;
  overflow: hidden;
}

.navToggle {
  display: none;
}

.character_nav {
  padding-top: 2rem;
  display: flex;
  margin: 0 auto;
  width: 90%;
  justify-content: space-around;
}
.character_nav a:hover {
  transition: 0.2s;
}

.globalMenuSp h2 {
  font-size: 1.2rem;
  text-align: left;
}
.gm_list a {
}

.goods_space .bikou {
  color: orange;
  font-size: 0.9rem;
}

.bikou::before {
  content: "※";
  display: inline-block;
  margin-right: 2px; /* 必要に応じてマージンを調整 */
}

.gm_list {
  /* border: 1px solid #ccc;
  border-radius: 10px;
  padding-left: 1rem;
  width: 236px; */
}

.character_top {
  flex-wrap: wrap;
}

.character_top li {
  width: 50%;
  margin-bottom: 2rem;
}
.gm_list img {
  width: 90%;
  border-radius: 5px;
  /* shadow */
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));
}
.allmenu li {
  float: left;
  width: 45%;
  margin-right: 5%;
}

.twitter {
  width: 30%;
  height: 100%;
  float: left;
  overflow: scroll;
}

.notaccess {
  width: 73%;
  height: 100%;
  float: left;
}

.access {
  float: right;
  width: 27%;
  height: 100%;
  background-color: #262626;
  text-align: center;
  max-width: 420px;
  text-align: center;
}

.access img {
  margin-top: 30px;
}

.allmenu img {
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.4));
}

.inquiry {
  background-color: #f2f2f2;
  padding: 20px;
  margin: 20px;
}

.twitterlink {
  position: relative;
  right: 50px;
  font-size: 1.2rem;
  bottom: 24px;
}

.allmenu ul {
  width: 90%;
  margin: 0 auto;
}

.outro p {
  font-family: "Yu Mincho", "YuMincho", serif;
  font-size: 1.1rem;
  padding: 0px 59px;
  letter-spacing: 1px;
  line-height: 2;
}

.tenjirei {
  width: 90%;
  padding-left: 40px;
}

.coverimg {
  height: 300px;
  width: auto;
  -webkit-filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.2));
}

.coverimg.final {
  height: 390px;
}

.coverimg p {
  margin: 0;
  font-size: 1.3rem;
  color: white;

  -webkit-filter: drop-shadow(0px 0px 10px rgba(254, 229, 166, 1));
  filter: drop-shadow(0px 0px 10px rgba(254, 229, 166, 1));
}

.coverimg h2 {
  margin: 0;
  position: relative;
  bottom: 120px;
  left: 20px;
  color: white;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.coverimg.linkto_wt2024goods {
  width: 700px;
  height: 394px;
  margin: auto;
}

.dramacd .pagelink {
  list-style-type: disc;
  padding-left: 0px;
}

.pagelink li {
  font-size: 22px;
  list-style-type: disc;
  margin-left: 20px;
}

.dramacd .pagelink li {
  font-size: 26px;
}

.pagelink p {
  margin-bottom: 5px;
}

.dramacd .pagelink p {
  margin-bottom: 5px;
}

.adjust_urokodaki {
  top: 120px !important;
}

.coverimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shadow {
  -webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.6));
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.6));
}

.column {
  width: 367px;
  margin-bottom: 20px;
}

.column section div {
  padding: 20px;
}

.price {
}

.term {
}

.food {
  /* overflow: hidden;
  clear: both; */
}

.food1 {
  margin-right: 20px;
}

.hatsubai {
  padding-left: 4rem;
}
.clear {
  clear: both;
}

.lm {
  padding-top: 6%;
  float: left;
  width: 95%;
  height: auto;
  background-image: url(https://www.ufotable.co.jp/cafe/kimetsu_cafe_emaki/wp-content/themes/kimetsu_cafe_v2/img/bg_pattern.jpg);
  background-size: cover;
  text-align: center;
  padding-bottom: 5%;
  margin-bottom: 2%;
}

.lm p {
  line-height: 2;
}

.lmcpic {
  height: auto;
  margin: 4% 0;
}

.coaster p {
  color: white;
}

.date {
  -webkit-filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 0.1));
  filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 1));
}

.lmcpic img {
  -webkit-filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 0.1));
  filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 1));
  width: 28%;
  margin-left: 0%;
}

.lmcemaki {
  height: auto;
  margin: 10% 0;
}

.lmcemaki img {
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.4));
  transform: rotate(-5deg);
  margin-top: -4%;
  width: 76%;
}

.lm img {
}

.drink .menutitle {
  padding-left: 65px;
}

.menutitle {
  display: inline;
  letter-spacing: 1px;
  margin-right: 1rem;
  font-size: 1rem;
}

.coaster {
  height: 180px;
  width: 367px;
  padding: 0 !important;
  background-size: cover;
  background-position-y: -17px;
  background-color: #444 !important;
  background-size: cover;
}

.coasterpic {
  width: 40%;
  top: 11px;
  left: 23px;
  position: relative;
}

.presentpic {
  position: relative;
  right: -85px;
  bottom: 80px;
  width: 25px;
}

.coaster p {
  text-align: center;
  display: block;
  position: relative;
  left: 92px;
  bottom: 92px;
  font-family: "Yu Mincho", "YuMincho", serif;
  letter-spacing: 1px;
}

.drinkmenu {
  padding-left: 32px;
  width: 90%;
  overflow: hidden;
  margin: 0 auto;
}

.drinkmenu section {
}

.last {
  clear: right;
}

.mix {
  margin-top: 0;
  font-size: 0.7rem;
}

.nezuko_serif {
  font-family: Noto serif TC;
  color: inherit !important;
  padding-left: 0 !important;
}

.lmc_list {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  justify-content: space-around;
  margin: 0 auto;
}

.lmc_list li {
  width: 45%;
}

.lmc_list img {
  width: 100%;
}

.nezuko_sans {
  font-family: Noto Sans TC;
}

.dessert {
  float: left;
  width: 100%;
}

.mix {
  margin-bottom: 0;
}

.menuline {
  display: block;
  border-top: 1px solid #595959;
  width: 100px;
  margin-top: 8px;
}

.topline {
  margin: 0 auto;
  display: block;
  border-top: 1px solid #595959;
  width: 50%;
  margin-top: 8px;
  margin-bottom: 20px;
}

.detail {
  display: block;
}

.foodmenu .column,
.drinkmenu .column {
  margin: 0 10px 20px;
  background-color: #fff;
}

.foodkmenu .column {
  background-color: #fff;
}

.drinkmenu .column {
  background-color: #444444;
}

.character_name {
  height: 11%;
  position: relative;
  top: 4px;
}

.badgelist {
  width: 90%;
  position: relative;
  top: 50px;
}

.goodsroll {
  background-image: url(https://www.ufotable.co.jp/cafe/kimetsu_cafe_emaki/wp-content/themes/kimetsu_cafe_v2/img/goods/roll_back.jpg);
  height: 660px;
  background-size: cover;
  width: 47%;
  float: left;
  margin-right: 2%;
  margin-bottom: 20px;
  -webkit-filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.2));
}

.tuuki .goodsroll {
  width: 100%;
  margin-right: 4%;
  max-width: 900px;
  height: auto;
}

.goodsroll p {
  font-family: "Yu Mincho", "YuMincho", serif;
  text-align: center;
  font-size: 1.2rem;
}

.tuuki .goodsroll ul {
  overflow: hidden;
}

.tsunagarucan {
  margin-left: 10%;
}

.tsunagarucan li {
  float: left;
  width: 45%;
}

.nring {
  width: 93%;
}

.description p {
  margin: 3% 10%;
}

.roll2 {
  background-image: url(https://www.ufotable.co.jp/cafe/kimetsu_cafe_emaki/wp-content/themes/kimetsu_cafe_v2/img/goods/roll_back2.jpg);
}

.tsunarei {
  height: 300px;
}

.tsunagarucan img {
  height: 150px;
}

.description {
  padding-top: 90px;
  margin-bottom: 60px;
  text-align: center;
}

.tuuki {
  margin-right: 5%;
}

.yurucan {
  margin-left: 3%;
  padding-top: 20px;
}

.tuuki {
}

.lmc {
  float: left;
}

.merchandise {
  width: 850px;
  max-width: 100%;
}

.merchandise img {
  display: block;
}

.goodslist h3 {
  margin-top: 25px;
}

.goodslist h3 img {
  height: 55px;
  overflow: hidden;
  width: inherit;
  display: block;
  margin: 0 auto;
}

.cafemenu {
  padding-top: 2rem;
  width: auto;
  /* max-width: 900px; */
  text-shadow: 1px 1px 10px rgba(37, 37, 37, 0.15);
}

.goodslist {
  margin: 30px 0px 0px 30px;
  width: auto;
  max-width: 900px;
  text-shadow: 1px 1px 10px rgba(37, 37, 37, 0.15);
}

.food h2,
.drinkmenu h2 {
  font-size: 32px;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(254, 229, 166, 0.7));
  filter: drop-shadow(0px 0px 5px rgba(254, 229, 166, 0.7));
  -webkit-font-smoothing: antialiased;
  border-bottom: 1px solid #fff;
  min-width: 335px;
  max-width: fit-content;
  display: block;
  margin: 0 auto;
  margin-bottom: 1.5rem;
  letter-spacing: 2px;
  text-align: center;
  padding-bottom: 9px;
}

.realtime_h2 {
  margin-bottom: 1rem;
}

.realtime_h2 p {
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
  padding: 0;
  letter-spacing: 1px;
  color: #fff;
  text-align: center !important;
  margin-bottom: 1rem;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(254, 229, 166, 0.5));
  filter: drop-shadow(0px 0px 5px rgba(254, 229, 166, 0.5));
}
.lunchmat {
  margin-left: 30px;
  width: 90%;
  border-radius: 30px;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
}

.lunchmat p {
  color: white;
  font-size: 21px;
  text-align: center;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(254, 229, 166.5));
  filter: drop-shadow(0px 0px 10px rgba(254, 229, 166, 0.5));
}

.lmpic {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 50px 0px;
}

.lmpic li {
}

.lmpic img {
  filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.5));
  transform: rotate(5deg);

  width: 330px;
}

.food .column {
  padding: 1rem;
}

.cafemenu h3 img {
  display: block;
  margin: 20px auto;
}

.allergic {
  margin-bottom: 0;
}

.kv a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.column div {
  background-color: white;
}

.drink {
  margin-right: 30px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.cold {
  background-image: url(https://www.ufotable.co.jp/cafe/kimetsu_cafe_emaki/wp-content/themes/kimetsu_cafe_v2/img/menu/cold.jpg);
  background-repeat: no-repeat;
}

.hot {
  background-image: url(https://www.ufotable.co.jp/cafe/kimetsu_cafe_emaki/wp-content/themes/kimetsu_cafe_v2/img/menu/hot.jpg);
  background-repeat: no-repeat;
}

.both {
  background-image: url(https://www.ufotable.co.jp/cafe/kimetsu_cafe_emaki/wp-content/themes/kimetsu_cafe_v2/img/menu/both.png);
  background-repeat: no-repeat;
  padding-left: 130px !important;
}

.niki_drink {
  color: white;
  text-align: center;
}

.kv p {
  margin: 0;
}

.canbadge {
}

.canwrapper {
  overflow: hidden;
  text-align: center;
  max-width: 900px;
}

.gengaposca {
  padding-top: 2%;
  float: left;
  max-width: 900px;
  height: auto;
  margin-right: 5%;
  background-image: url(https://www.ufotable.co.jp/cafe/kimetsu_cafe_emaki/wp-content/themes/kimetsu_cafe_v2/img/menu/rollback.jpg);
  background-size: contain;
  text-align: center;
  margin-bottom: 2%;
  overflow: hidden;

  -webkit-filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.4));
}

.random_coaster .coasterpic {
  width: 50%;
  top: 12px;
  left: 12px;
}

.random_coaster p {
  left: 84px;
  bottom: 96px;
}

.random_coaster .presentpic {
  right: -65px;
  bottom: 94px;
}

.random_coaster .random_2 {
  font-size: 11px;
}

.lmc {
  margin-bottom: 30px;
}

.tuuki {
  margin-top: 20px;
}

.dainidan_goods img {
  width: 100%;
}

.dainidan_goods {
  font-family: "Yu Mincho", "YuMincho", serif;
}

.chugo {
  width: 95%;
}

.webshoplink_mobile {
  display: block;
  text-align: center;
}

.mainposca1 {
  z-index: 2;
}

.gengapc {
  font-family: "Yu Mincho", "YuMincho", serif;
  font-size: 1.2rem;
  position: relative;
}

.mainposca2 {
  z-index: 1;
  margin-top: -12%;
}

.mainposca1 img {
  width: 50%;
  margin-left: -10%;
  z-index: 2;
}

.mainposca2 img {
  width: 38%;
  margin-left: -10%;
  z-index: 1;
}

#kikangentei {
  display: block;
  margin-top: 15px;
}

.posca3 {
  padding-top: 10%;
  padding-left: 7%;
}

.posca3 img {
  width: 45%;
  margin-left: -7%;
  margin-top: -10%;
}

.webshop_link {
  font-family: "Yu Mincho", "YuMincho", serif;
  display: block;
  text-align: center;
  font-size: 17px !important;
  margin-top: -15px;
}

.webshop_link a {
  color: white;
  text-decoration: underline;
}

.webshop {
  text-align: center;
  background-color: white;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.2));
  padding: 10 0;
  width: 95%;
  overflow: hidden;
  border-radius: 10px;
  margin: 30px auto;
}

.event img {
  max-width: 370px;
}

.g1 img {
}

.toevent {
  text-align: center !important;
  background: white;
  display: block;
  border-radius: 10px;
  float: left;
  margin-left: 3%;
  width: 95%;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.1));
  height: 70px;
  padding-top: 30px;
}

.event {
}

span.webtag {
  display: inline-block;
  width: fit-content;
}

.merchandise .realtime_h2 p {
  margin: 1rem auto;
  font-weight: normal;
  font-size: 0.8rem;
}

span.webtag {
  background-color: #ff5050;
}

span.tentou {
  background-color: #517ec5;
}

span.webhan {
  background-color: #c55151;
}

.gtitle {
  padding-left: 50px;
  margin-bottom: 10px;
  background-size: 34px;
  background-position-y: center;
  text-align: left;
  font-size: 15px;
  font-weight: normal;
  line-height: 0.6;
  overflow: hidden;
  margin-block-end: 10px;
}

.gtitle p {
  color: #eee;
  line-height: 0.75;
  letter-spacing: 1px;
}

.column .coaster_revival {
  background-color: #444;
}

.intropic img {
  width: 100%;
}

.column .coaster_revival p {
  color: white;
}

.coaster_pic_revival {
  display: block;
  margin: 0 auto;
  width: 30px;
}

.jogen_h4 {
  display: block;
  width: 96%;
  font-size: 1rem;
  margin: 1rem auto;
  border: 1px solid;
  text-align: center;
  padding: 2%;
}

.coaster_pic_revival_img {
  margin: 0 auto;
  display: block;
}

.kaikin {
  font-size: 60px;
  letter-spacing: 5px;

  font-weight: 400;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.4));
  filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.4));
}

.novelty img {
  margin: 20px auto;
  margin-top: 20px;
}

.novelty h2 {
  font-size: 40px;
  border-bottom: 1px solid white;
  padding-bottom: 12px;
  display: block;
  width: 560px;
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: 20px;
  letter-spacing: 2px;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.4));
  filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.4));
}

.novelty p {
  font-size: 18px;
}

.kujican {
  width: 850px;
  padding-top: 20px;
  padding-bottom: 20px;
  max-width: 95%;
  background-image: url(https://www.ufotable.co.jp/cafe/kimetsu_cafe_emaki/wp-content/themes/kimetsu_cafe_v2/img/bg_pattern.jpg);
}

.kujican_2 {
  padding-top: 20px;
  margin-left: 30px;
  margin-top: 10px;
  padding-bottom: 10px;
  width: 782px;
  background-image: url(https://www.ufotable.co.jp/cafe/kimetsu_cafe_emaki/wp-content/themes/kimetsu_cafe_v2/img/mokume_pattern.jpg);
  border-radius: 30px;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
}

.kujican_2 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.goods_area {
  padding-top: 30px;
  margin-left: 30px;
  margin-top: 10px;
  padding-bottom: 30px;
  width: 782px;
  background-size: cover;
  background-image: url(https://www.ufotable.co.jp/cafe/kimetsu_cafe_emaki/wp-content/themes/kimetsu_cafe_v2/img/mokume_pattern.jpg);
  border-radius: 30px;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
}

.goods_area img {
  display: flex;
}

.goods_area img {
  display: block;
  margin: 0 auto;
}

.goods_area p {
  font-size: 20px;
  color: #eee;
  display: block;
  text-align: center;
  padding: 0 50px;
}

.can_cover {
  width: 90%;
  margin: 0 auto;
  justify-content: space-around;
}

.next {
  text-align: center;
}

.next img {
  width: 60%;
  margin-bottom: 20px;
}

.can_cover li {
  width: 22%;
  margin-bottom: 20px;
}

.cover2 li {
  width: 28%;
}

.can_cover img {
  width: 100%;
}

.acrirstand li {
  margin-bottom: 30px;
}

.acrirstand img {
  margin: 0 auto;
  display: block;
}

.kujican_2 li {
  margin-right: 10px;
  margin-bottom: 10px;
}

.psc {
  padding-top: 30px;
  margin-left: 30px;
  margin-top: 10px;
  width: 782px;
  background-image: url(https://www.ufotable.co.jp/cafe/kimetsu_cafe_emaki/wp-content/themes/kimetsu_cafe_v2/img/mokume_pattern.jpg);
  border-radius: 30px;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
}

.psc p {
  font-size: 1.2rem;
  display: block;
  letter-spacing: 1px;
  margin-bottom: 20px;
  color: #eee;
  text-align: center;
}

.psc img {
  margin: 0 auto;
  display: block;
}

.kujican img {
  margin-right: -10px;
  padding-left: 3%;
  max-width: none;
}

.lmc_back {
  padding-top: 30px;
  margin-left: 30px;
  margin-top: 10px;
  width: 782px;
  background-image: url(https://www.ufotable.co.jp/cafe/kimetsu_cafe_emaki/wp-content/themes/kimetsu_cafe_v2/img/mokume_pattern.jpg);
  border-radius: 30px;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
}

.lmc_omote {
  padding-bottom: 80px;
  text-align: center;
}

.lmc_omote img {
  margin-bottom: -30px;
  margin-right: 15px;
}

.kujican ul {
  overflow: hidden;
  padding-left: 1%;
}

.kujican li {
  float: left;
}

.yurucan img {
  position: relative;
  float: left;
  width: 49%;
}

.lmc_omote p {
  font-family: "Yu Mincho", "YuMincho", serif;
  font-size: 1.2rem;
  display: block;
  letter-spacing: 1px;
  margin-bottom: 20px;
  color: #eee;
}

.lmc_ura {
  text-align: center;
}

.lmc_ura p {
  font-family: "Yu Mincho", "YuMincho", serif;
  font-size: 1.2rem;
  position: relative;
}

.faqwrapper {
  padding: 20px 0px 20px 50px;
  width: 70%;
}

.lmc_ura img {
  width: 65%;
  margin-top: 20px;
  min-width: 200px;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.4));
}

.dramaheader {
  width: 100%;
}

.contentsArea {
  width: 35%;
  height: 100%;
  max-width: 390px;
  float: left;
  background-color: #141616;
  text-align: center;
}

.contentsArea h3 {
  height: 10%;
  margin-block-start: 0;
  margin-block-end: 0;
}

.contentsArea h3 img {
}

.this_theme a img {
  max-width: inherit !important;
}

.guidewrapper p {
  display: block;
  background-color: #fff;
  padding: 20px;
  line-height: 1.5;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.1));
}

.status div {
  text-align: center;
}

.notice {
  float: left;
  clear: both;
}

.notice div {
  width: 350px;
}

.term {
  text-align: center;
  width: 430px;
  height: 210px;
  float: left;
  margin: 0 auto;
  font-size: 29px;
  padding-top: 30px;
  border-bottom: 1px solid #707070;
}

.cgoods {
  color: #606060;
}

.terml {
  float: left;
  -webkit-filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.6));
  filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.6));
}

.termr p {
  -webkit-filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.6));
  filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.6));
}

.collabo_goods p {
  font-size: 52px;
  -webkit-filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.6));
  filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.6));
}

.termr {
  padding-top: 10px;
  font-size: 25px;
}

.term_theme {
  margin: 0 auto;
  margin-top: 40px;
  width: 880px;
  overflow: hidden;
  margin-bottom: 40px;
}

.termr p {
  text-align: center;
  margin: 0;
  font-size: 22px;
}

.cafeinfo {
  margin-left: 320px;
  width: auto;
  height: 100%;
}

.food_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#faqs {
  width: 100%;
}

#faqs h3 {
  display: block;
  padding: 7px 15px;
  background-color: #fff;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.1));
  font-weight: normal;
  font-size: 0.9rem;
  margin-bottom: 1px;
}

.faqwrapper p {
  color: whitesmoke;
}

#faqs {
  position: relative;
}

#faqs h3 {
  cursor: pointer;
}

#faqs h3.active {
  color: #000;
}

#faqs div {
  position: relative;
}

#faqs div p {
  padding: 0 10px;
  margin-bottom: 15px;
}

.imgnav a {
  font-size: 20px;
  letter-spacing: 1px;
  color: #111;
  padding: 30px 0;
  border-radius: 6px;
  background-color: #bbb;
  display: block;
  text-align: center;
  width: 90%;
  margin: 0 auto;
  -webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.9));
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.9));
  margin-bottom: 15px;
}

.imgnav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 90%;
  margin: 0 auto;
}

.imgnav li {
  width: 50%;
}

.collabo_yoyaku {
  width: 95%;
  margin: 0 auto;
  justify-content: space-around;
}

.collabo_yoyaku li {
  width: 45%;
}

.collabowapper p {
  padding: 0 5%;
}

.collabo_yoyaku img {
  width: 100%;
  border-radius: 10px;
  -webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.9));
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.9));
}

.navigation_yukaku li {
  position: relative;
  /*相対配置*/
}

.navigation_yukaku li p {
  position: absolute;
  color: #ff0000;
  top: 2px;
  padding: 2px;
  background: rgb(255 255 255 / 20%);
  font-size: 1rem;
  display: block;
  font-weight: bold;
  border-radius: 4px;
  left: 22px;
  -webkit-filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.9));
  filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.9));
}

.collabo_main .collabowapper {
  background: none;
}

.collabo_main {
  background-position: center;
  background-size: 110%;
  background-image: url(https://www.ufotable.co.jp/cafe/kimetsu_cafe_emaki/wp-content/themes/kimetsu_cafe_v2/img/emaki_bg.jpg);
  color: #222;
}

.collabo_main p {
  color: #222;
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: 0.9s;
}

.popup.is-show {
  opacity: 1;
  visibility: visible;
}

.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* min-width: 80%;
  max-width: 90%; */
  background-color: white;
  text-align: left;
  margin: 0 auto;
  background-size: cover;
  z-index: 2;
  background: none;
  cursor: pointer;
  -webkit-filter: drop-shadow(0px 0px 50px rgba(254, 229, 166, 0.2));
  filter: drop-shadow(0px 0px 50px rgba(254, 229, 166, 0.2));
}

.pc_p {
  display: block;
}

.sp_p {
  display: none;
}

.popup-inner h2 {
  text-align: center;
}

.popup-inner img {
  width: 100%;
}

/* .close-btn {
  position: absolute;
  right: -13px;
  top: -45px;
  width: 50px;
  height: 50px;
  line-height: 65px;
  text-align: center;
  cursor: pointer;
}

.close-btn i {
  font-size: 30px;
  color: #fff;
} */

.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
  cursor: pointer;
}

.popup a {
  color: inherit;
  text-decoration: underline;
}

.popup p {
  padding: 0 5%;
  line-height: 2;
  font-size: 0.9rem;
}

.popup h2 {
  font-size: 23px;
  letter-spacing: 1px;
}

.toggle {
  display: block;
  cursor: pointer;
  color: #f2f2f2;
}

.pc_none {
  display: none;
}

.collabo_block {
  margin: 2rem auto;
  padding: 1rem;
  border: 2px solid #777;
  border-radius: 10px;
}

/* PC styles */
.navToggle {
  display: none; /* hide the hamburger menu button */
}

.globalMenu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* other styles as needed */
}

/*==================================================
  スライダーのためのcss
  ===================================*/
/*画像の横幅を100%にしてレスポンシブ化*/
.gallery img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  /*画像の下にできる余白を削除*/
}

/*メイン画像下に余白をつける*/

.gallery {
  margin: 0 0 5px 0;
}

.gallery li {
  list-style: none;
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev,
.slick-next {
  position: absolute;
  /*絶対配置にする*/
  z-index: 1;
  top: 80%;
  cursor: pointer;
  /*マウスカーソルを指マークに*/
  outline: none;
  /*クリックをしたら出てくる枠線を消す*/
  border-top: 6px solid #fff;
  /*矢印の色*/
  border-right: 6px solid #fff;
  /*矢印の色*/
  height: 25px;
  width: 25px;
  -webkit-filter: drop-shadow(0px 0px 6px rgba(254, 229, 166, 1));
  filter: drop-shadow(0px 0px 6px rgba(254, 229, 166, 1));
}

.slick-prev {
  /*戻る矢印の位置と形状*/
  left: 17.5%;
  transform: rotate(-135deg);
}

.slick-next {
  /*次へ矢印の位置と形状*/
  right: 17.5%;
  transform: rotate(45deg);
}

/*選択するサムネイル画像の設定*/

.choice-btn li {
  cursor: pointer;
  outline: none;
  background: #333;
  margin-bottom: 5px;
  margin-right: 5px;
  width: 10% !important;
  list-style: none;
}

.main-nav {
  /* 共通のスタイルをここに記述 */
}

.nav-contents {
  /* デスクトップ向けのスタイルを記述 */
}

.nav-toggle {
  display: none; /* デスクトップでは非表示 */
}

.choice-btn {
}

.novelty {
  width: 30%;
}

.choice-btn li img {
  opacity: 0.4;
  /*選択されていないものは透過40%*/
}

.choice-btn li.slick-current img {
  opacity: 1;
  /*選択されているものは透過しない*/
}

.slim {
  font-weight: normal;
}

.color-r {
  color: red;
}

.slick-slide {
  height: 100vh;
}

.color-rr {
  color: #cd9eff;
}

.contentsArea {
  max-width: 330px;
}

.letter-space {
  letter-spacing: -1px;
}

.collabo_main {
  font-size: 1rem;
}

.collabowapper p {
  padding: 0 10%;
  overflow-wrap: break-word;
  word-break: keep-all;
}

p {
  letter-spacing: 0px;
  line-height: 1.5;
}

/*=== 9-1-4 矢印が動いてスクロールを促す  ====*/

/*スクロールダウン全体の場所*/
.scrolldown4 {
  /*描画位置※位置は適宜調整してください*/
  position: absolute;
  bottom: 5%;
  right: 38%;
  /*矢印の動き1秒かけて永遠にループ*/
  animation: arrowmove 2s ease-in-out infinite;

  width: 50px;
  height: 50px;
}

/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove {
  0% {
    bottom: 1%;
  }

  50% {
    bottom: 3%;
  }

  100% {
    bottom: 1%;
  }
}

/*Scrollテキストの描写*/
.scrolldown4 span {
  /*描画位置*/
  position: absolute;
  left: -20px;
  bottom: 10px;
  /*テキストの形状*/
  color: #eee;
  font-size: 0.7rem;
  letter-spacing: 0.05em;
  /*縦書き設定*/
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

.food .column img {
  width: 100%;
  margin-bottom: 5px;
}

/* 矢印の描写 */
.scrolldown4:before {
  content: "";
  /*描画位置*/
  position: absolute;
  bottom: 0;
  right: 15px;
  /*矢印の形状*/
  width: 4px;
  height: 20px;
  background: #eee;
  transform: skewX(-31deg);
  filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 1));
}

.opacity_none {
  opacity: 0;
  transition: 0.5s;
}

.scrolldown4:after {
  content: "";
  /*描画位置*/
  position: absolute;
  bottom: 0;
  right: 21px;
  /*矢印の形状*/
  width: 4px;
  height: 50px;
  background: #eee;
  filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 1));
}

div.caferiyou p {
  background-color: inherit;
  color: white;
  padding: 0;
}

.howtocafe div {
  max-width: none;
}

section.jizenyoyaku {
  background-color: #f3f3f3;
  width: 78%;
  padding: 5%;
}

.jizenyoyaku h3 {
  color: #262626;
  text-align: center;
  margin-bottom: 0;
  font-weight: normal;
  border-bottom: 1px solid #262626;
  padding-bottom: 0.75rem;
  width: 65%;
  margin: 0.75rem auto;
}

.jizenyoyaku p {
  padding: 1rem;
  color: #262626;
  line-height: 1.65;
  padding-top: 0.5rem;
  background-color: #f3f3f3;
  margin: 0;
  -webkit-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0));
}

.jizenyoyaku div {
  border: 1px solid #333;
  margin-bottom: 1rem;
}

.kikan {
}

.kikan span {
  font-size: 0.7rem;
}

.kikan li {
  width: 46%;
  border: 1px solid #000;
}

div.sorry {
  border: 1px solid #ff1010;
}

div.sorry p,
div.sorry h3 {
  color: #ff1010;
}

.news_2 ul li {
  margin-bottom: 0;
}

/* 20240408----------------------- */

.column_full {
  width: 100%;
  max-width: 756px;
  margin-bottom: 20px;
  margin-left: 10px;
  box-sizing: border-box;
  background-color: #fff;
  text-align: center;
}

.column_full section div {
  padding: 20px;
}

.column_full .menutitle {
  position: relative;
  display: block;
}

.column_full .menutitle span {
  position: relative;
  display: inline-block;
}

.column_full .menutitle span.cold-drink:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -65px;
  margin: auto;
  width: 58px;
  height: 17px;
  background-image: url(https://www.ufotable.co.jp/cafe/kimetsu_cafe_emaki/wp-content/themes/kimetsu_cafe_v2/img/menu/cold.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  content: "";
}

.column_full .special-title {
  margin: 0 0 1rem;
  color: red;
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
}
.column_full .caution {
  color: #000 !important;
}

/* 大きめコースター */
.coaster_full {
  padding: 20px;
  background-size: cover;
  background-position-y: -17px;
  background-color: #444 !important;
  background-size: cover;
}
.coaster_full img.img_novelty {
  width: 100%;
}
.coaster_full .novelty-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.coaster_full .novelty-title p {
  color: #fff !important;
  font-size: 1.5rem;
  text-align: center;
}
.coaster_full .novelty-title .present-icon {
  margin-right: 1rem;
  width: 50px;
}
/* ーーーーーーーーーーーーー */