@charset "utf-8";


/* container_wrap
-------------------------------------------------- */
.container_wrap{
  position: relative;
}
@media print, screen and (min-width:768px){
  .container_wrap{
    padding-top: 100px;
  }
}
@media screen and (max-width:767px){
  .container_wrap{
    padding-top: 71px;
  }
}

/* --------------------------------------------------

container

-------------------------------------------------- */
#container{
  overflow: hidden;
  background: #0E0000;
}
@media print, screen and (min-width:768px){
  #container{
    padding-bottom: 0;
  }
}
@media screen and (max-width:767px){
  #container{
    padding-bottom: 0;
  }
}

/* main_content
-------------------------------------------------- */
.main_content{
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.main_content .content_block{
  position: relative;
  z-index: 2;
}
@media print, screen and (min-width:768px){
  .main_content{
  }
}
@media screen and (max-width:767px) {
  .main_content{
  }
}

/* content_inner
-------------------------------------------------- */
.content_inner.mW1120{
  max-width: 1120px;
}

.container_inner{
  position: relative;
  z-index: 1;
}

/* mv
-------------------------------------------------- */
.mv_area{
  position: relative;
}
.mv_area .mv{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.mv_area .chr_wrap{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.mv_area .chr_wrap::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    /* animation: whiteout 6s linear; */
    opacity: 0;
}
.mv_area img{
  width: 100%;
}
.bg_bat_01, .bg_bat_02, .bg_pumpkin_01, .bg_pumpkin_02, .bg_pumpkin_03, .bg_text_01, .bg_ghost_01, .bg_ghost_02, .bg_ghost_03{
  position: absolute;
}
@media print, screen and (min-width:768px){
  .mv_area{
    background: url(/m_menu/new/250910_halloween/images/mv_01.png) no-repeat center;
    background-size: 100%;
    padding-top: 36.5854%;
  }
  .mv_area .chr_wrap{
  }
  .bg_bat_01{
    top: 4.042%;
    right: 5.255%;
    width: 3.547%;
    animation: updown01 3s ease-in-out infinite;
  }
  .bg_bat_02 {
    top: 11.485%;
    right: 1.198%;
    width: 3.106%;
    animation: updown02 3s ease-in-out infinite;
  }
  .bg_pumpkin_01{
    bottom: 1.4%;
    right: 44.667%;
    width: 3.199%;
    animation: updown03 3s ease-in-out infinite;
  }
  .bg_pumpkin_02 {
    bottom: 4.04%;
    right: 49.849%;
    width: 1.649%;
    animation: updown04 3s ease-in-out infinite;
  }
  .bg_pumpkin_03 {
    bottom: 5.93%;
    right: 47.604%;
    width: 1.563%;
    animation: updown05 3s ease-in-out infinite;
  }
  .bg_text_01{
    bottom: 22.286%;
    right: 31.406%;
    width: 12.917%;
    animation: katakata01 3s ease-in-out infinite;
  }
  .bg_ghost_01{
    bottom: 37.443%;
    right: 42.661%;
    width: 2.509%;
    animation: fade01 3s ease-in-out infinite;
  }
  .bg_ghost_02{
    bottom: 31.671%;
    right: 28.391%;
    width: 2.6339%;
    animation: fade01 3.5s infinite 0.4s ease-in-out;
  }
  .bg_ghost_03{
    bottom: 23%;
    right: 44.667%;
    width: 2.380%;
    animation: fade01 3.5s infinite ease-in-out alternate;
  }
  /* .bg_pumpkin_02{
    top: 1.11%;
    right: 31.25%;
    width: 16.19%;
    animation: updown03 3s ease-in-out infinite;
  } */
}
@media screen and (max-width:767px){
  .mv_area{
    background: url(/m_menu/new/250910_halloween/images/mv_01_sp.png) no-repeat center;
    background-size: 100%;
    padding-top: 126.8%;
  }
  .bg_bat_01{
    top: 4.137%;
    right: 13.72%;
    width: 9.081%;
    animation: updown01 3s ease-in-out infinite;
  }
  .bg_bat_02 {
    top: 11.485%;
    right: 3.6%;
    width: 9.095%;
    animation: updown02 3s ease-in-out infinite;
  }
  .bg_pumpkin_01{
    bottom: 5.458%;
    left: 11.127%;
    width: 5.16%;
    animation: updown03 3s ease-in-out infinite;
  }
  .bg_pumpkin_02{
    bottom: 5.732%;
    left: 24.86%;
    width: 5.249%;
    animation: updown04 3s ease-in-out infinite;
  }
  .bg_pumpkin_03{
    bottom: 7.032%;
    left: 17.784%;
    width: 3.158%;
    animation: updown04 3s ease-in-out infinite;
  }
  .bg_text_01{
    top: 7.895%;
    left: 9.067%;
    width: 15.867%;
    animation: katakata01 3s ease-in-out infinite;
  }
  .bg_ghost_01{
    top: 2.347%;
    left: 6.373%;
    width: 5.183%;
    animation: fade01 3s ease-in-out infinite;
  }
  .bg_ghost_02{
    top: 22.884%;
    left: 4.053%;
    width: 4.919%;
    animation: fade01 3.5s infinite 0.4s ease-in-out;
  }
  .bg_ghost_03{
    top: 27.021%;
    right: 11.547%;
    width: 5.443%;
    animation: fade01 3.5s infinite ease-in-out alternate;
  }
}

/* area_btn */
.area_btn{
  display: flex;
  justify-content: center;
}
.area_btn a{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  line-height: 1.4;
  border: 1px solid #551900;
  border-radius: 50px;
  color: #551900;
  font-weight: bold;
  text-align: center;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .08);
}
.area_btn a::after{
  content: '';
  display: block;
  width: 8px;
	height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 25px;
  margin: auto;
  background: url(/common_2022/images/arrow/arw_brown_r.png) no-repeat center;
  background-size: 100%;
}
.area_btn.netorder a::before{
  content: '';
  display: block;
	height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 25px;
  margin: auto;
  background: url(/m_menu/new/250910_halloween/images/netorder_btn_icon.png) no-repeat center;
  background-size: 100%;
}
.bnr_area .bnr img{
  width: 100%;
}
.bnr_area .bnr a img{
  width: 100%;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .08);
}
.list_note{
	text-indent: -1em;
	padding-left: 1em;
}
@media print, screen and (min-width:768px){
  .area_btn_wrap{
    margin-top: 80px;
  }
  .area_btn a{
    width: 300px;
    height: 60px;
    min-width: 300px;
    min-height: 60px;
    padding: 1.2em 3.7em;
  }
  .area_btn.netorder a::before{
    width: 36px;
  }
  .area_btn + .area_btn{
    margin-top: 20px;
  }
  .bnr_area{
  }
  .bnr_area .bnr + .bnr{
    margin-top: 20px;
  }
  .btn_benesse{
    margin-top: 40px;
  }
  .list_note{
    font-size: 12px;
  }
}
@media screen and (max-width:767px){
  .area_btn_item{
    width: 56.92%;
    margin: 0 auto;
  }
  .area_btn_wrap{
    margin-top: 50px;
  }
  .area_btn a{
    width: 89%;
    height: 50px;
    min-height: 50px;
    padding: 1.1em 2.5em;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
  }
  .area_btn a::after{
    width: 7px;
    right: 20px;
  }
  .area_btn a img{
    height: 28px;
  }
  .area_btn.netorder a::before{
    width: 30px;
  }
  .area_btn + .area_btn{
    margin-top: 20px;
  }
  .btn_benesse{
    margin-top: 20px;
  }
  .list_note{
    font-size: 10px;
  }
  .bnr_area{
    text-align: center;
  }
  .bnr_area .bnr + .bnr{
    margin-top: 20px;
  }
}

/* movie_sec
-------------------------------------------------- */
.movie_wrap{
  margin: 0 auto;
  color: #222222;
  font-weight: bold;
  background-color: #F8F8F8;
}
.movie_ttl {
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.16em;
  background-size: 10px 4px;
  background-image: radial-gradient(circle farthest-side, #222222, #222222 40%, transparent 40%, transparent);
  background-position: center bottom;
  background-repeat: repeat-x;
}
.movie_area{}
.movie_area .ttl{
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.16em;
}
.movie_area .movie_box{
  position: relative;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  background-color: #ccc;
}
.movie_area .movie_box iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media print, screen and (min-width:768px){
  .movie_ttl {
    margin-left: 65px;
    margin-right: 65px;
    padding-bottom: 30px;
    font-size: 24px;
  }
  .movie_wrap{
    width: 100%;
    padding: 60px 0;
    line-height: 2.22;
    letter-spacing: 0.16em;
    border-radius: 20px;
  }
  .movie_area .ttl{
    font-size: 18px;
    margin-top: 40px;
    padding-bottom: 30px;
  }
  .movie_area{
    position: relative;
  }
  .movie_area .movie_box{
    width: 57.142%;
    padding-top: 32.142%;
  }
}
@media screen and (max-width:767px) {
  .movie_ttl {
    padding-bottom: 17.5px;
    font-size: 18px;
  }
  .movie_wrap{
    width: 100%;
    padding: 18.5px;
    line-height: 1.8333333;
    letter-spacing: 0.16em;
    font-size: 12px;
    border-radius: 10px;
  }
  .movie_area{
  }
  .movie_area .ttl{
    font-size: 14px;
    margin-top: 25px;
    padding-bottom: 20px;
  }
  .movie_area .movie_box{
    width: 100%;
    /* margin-top: 20px; */
    padding-top: 56.25%;
  }
  .movie_sec .c_btn_03 span{
    margin-top: 6px;
    font-size: 10px;
  }
  .movie_sec .c_btn_03 .sub{
    margin-bottom: 0px;
  }
  .movie_sec .c_anchor_btns{
    margin-top: 50px;
  }
}

/* main_area
-------------------------------------------------- */
.main_area{
  text-align: center;
  letter-spacing: 0.16em;
  font-weight: 500;
}
@media print, screen and (min-width:768px){
  .main_area .main_txt{
    margin-top: 60px;
    font-size: 18px;
    line-height: 2.111;
    background-image: url(/m_menu/new/250910_halloween/images/bg_main_area_01.png), url(/m_menu/new/250910_halloween/images/bg_main_area_02.png), url(/m_menu/new/250910_halloween/images/bg_main_area_03.png), url(/m_menu/new/250910_halloween/images/bg_main_area_04.png);
    background-size: 7.36%, 9.99%, 8.19%, 7.04%;
    background-position: left 3.3% top 30px, right 4% top 39px , left 6.6% bottom 15px, right 7% bottom 5px;
    background-repeat: no-repeat;
  }
}
@media screen and (max-width:767px) {
  .main_area .main_txt{
    margin-top: 40px;
    padding-bottom: 30px;
    line-height: 1.833;
  }
}


/* メニュー
-------------------------------------------------- */
.menu_border {
  background-color: #FFEDCF;
  overflow: hidden;
}
.menu_border.second{
  background-color: #F7E8FF;
}
.menu_border.third{
  background-color: #FFFFFF;
}
.menu_ttl img{
  width: 100%;
}
.menu_item_list{
  display: flex;
  flex-wrap: wrap;
}
.menu_item_list .menu_item{
  position: relative;
}
.menu_item_list .menu_item .heading{
  position: relative;
}
.menu_item_list .menu_item a{
  color: #000;
}
.menu_item_list .menu_item .item_name{
  background-size: 8px 2px;
  background-position: left bottom;
  background-repeat: repeat-x;
  background-image: linear-gradient(to right, #000000, #000000 2px, transparent 2px, transparent 8px);
  font-weight: bold;
  line-height: 1.47;
}
.menu_item_list .menu_item .price_wrap{
  background-size: 8px 2px;
  background-position: left bottom;
  background-repeat: repeat-x;
  background-image: linear-gradient(to right, #000000, #000000 2px, transparent 2px, transparent 8px);
}
.menu_item_list .menu_item .price_wrap p{
  line-height: 1.2;
}
.menu_item_list .menu_item .price_wrap p + p{
  margin-top: 0.5em;
}
.menu_item_list .menu_item .price_wrap .price{
  font-weight: bold;
}
.menu_item_list .menu_item .item_txt{
  word-break: break-all;
}
.menu_item_list .menu_item .data{
  text-align: left;
}
.menu_item_list .menu_item .item_btn{
  display: flex;
  justify-content: center;
}
.menu_item_list .menu_item .item_btn a{
  color: #FFF;
  background-color: #EA5513;
}
.menu_item_list .menu_item .item_btn a{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 50px;
  padding: 1.2em 3.7em;
  font-weight: bold;
  color: #551900;
  line-height: 1.4;
  text-align: center;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .08);
    color: #FFF;
  background-color: #EA5513;
}
@media print, screen and (min-width:768px){
  .menu_border {
    position: relative;
    max-width: 1120px;
    margin: 0 auto;
    border-radius: 30px;
    border: solid 4px #000;
  }
  .menu_border.third {
    border: solid 4px #7D4698;
  }
  .menu_item_list{
    margin-top: 32px;
    padding: 40px 60px 60px;
    justify-content: space-between;
  }
  .menu_item_list.col1{
    justify-content: center;
  }
  .menu_item_list + .menu_item_list{
    margin-top: 105px;
  }
  .menu_item_list .menu_item{
    display: flex;
    flex-direction: column;
    width: 47.2%;
    margin-top: 60px;
  }
  .menu_item_list.col1 .menu_item{
    width: 47.2%;
  }
  .menu_item_list.col3 .menu_item{
    width: 30.2%;
  }
  .menu_item_list.col1 .menu_item:nth-child(-n+2),
  .menu_item_list.col3 .menu_item:nth-child(-n+3){
    margin-top: 0;
  }
  .menu_item_list.col3 .menu_item:nth-child(-3n+1){
    margin-left: 0;
  }
  .menu_item_list.col3 .menu_item:nth-child(2n),
  .menu_item_list.col3 .menu_item:nth-child(3n){
    margin-right: 0;
  }
  .menu_item_list .item_inner{
    display: flex;
    flex-direction: column;
  }
  .menu_item_list .menu_item .heading{
    text-align: center;
  }
  .menu_item_list .menu_item .heading_block{
    margin-top: 20px;
  }
  .menu_item_list.col3 .menu_item .item_img {
    display: flex;
    justify-content: center;
    align-items: end;
  }
  .menu_item_list .menu_item .item_name{
    margin-top: 1.5em;
    padding-bottom: 20px;
    font-size: 18px;
  }
  .menu_item_list .menu_item .item_name:first-child{
    margin-top: 0;
  }
  .menu_item_list .menu_item .price_wrap{
    margin-top: 1em;
    padding-bottom: 18px;
    text-align: center;
  }
  .menu_item_list .menu_item .price_wrap .price{
    font-size: 18px;
  }
  .menu_item_list .menu_item .data{
    margin-top: 20px;
  }
  .menu_border.first .data .item_txt{
    height: 175px;
  }
  .menu_item_list .menu_item .item_btn{
    margin-top: 30px;
  }
  .menu_item_list .menu_item .item_btn + .item_btn{
    margin-top: 20px;
  }
  .menu_item_list .menu_item .item_btn a{
    width: 100%;
    min-width: 240px;
    min-height: 60px;
    max-width: 302px;
  }
}
@media screen and (max-width:767px){
  .menu_border {
    position: relative;
    margin: 0 auto;
    font-size: 12px;
    border: solid 2px #000;
    border-radius: 15px;
  }
  .menu_border.third{
    border: solid 2px #7D4698;
  }
  .menu_item_list{
    padding: 30px 20px 40px;
  }
  .menu_item_list + .menu_item_list{
    margin-top: 40px;
  }
  .menu_item_list .menu_item{
    width: 100%;
    margin-top: 40px;
  }
  .menu_item_list .menu_item:first-child{
    margin-top: 0;
  }
  .menu_item_list .menu_item .heading{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .menu_item_list .menu_item .heading_block{
    width: 100%;
    text-align: center;
  }
  .menu_item_list .menu_item .item_img{
    width: 70%;
    text-align: center;
  }
  .menu_item_list .menu_item .item_name{
    margin-top: 25px;
    padding-bottom: 20px;
    font-size: 14px;
  }
  .menu_item_list .menu_item .price_wrap{
    margin-top: 10px;
    padding-bottom: 15px;
  }
  .menu_item_list .menu_item .price_wrap p{
    font-size: 10px;
  }
  .menu_item_list .menu_item .price_wrap .price{
    font-size: 14px;
  }
  .menu_item_list .menu_item .data{
    margin-top: 15px;
  }
  .menu_item_list .menu_item .item_btn{
    margin-top: 25px;
  }
  .menu_item_list .menu_item .item_btn{
    margin-top: 15px;
  }
  .menu_item_list .menu_item .item_btn a{
    min-height: 45px;
    padding: 1em 2.5em;
  }
  .menu_item_list .menu_item .item_btn a::after{
    width: 7px;
    right: 20px;
  }
}

/* netorder_area */
.netorder_area{
  text-align: center;
}
@media print, screen and (min-width:768px){
  .netorder_area{
    margin-top: 40px;
    padding: 0 60px;
    letter-spacing: 0.16em;
  }
  .netorder_txt{
    font-size: 18px;
  }
  .netorder_area .list_note{
    margin-top: 8px;
  }
}
@media screen and (max-width:767px) {
  .netorder_area{
    margin-top: 30px;
    padding: 0 30px;
    letter-spacing: 0.12em;
  }
  .netorder_txt{
    font-size: 12px;
  }
  .netorder_area .list_note{
    margin-top: 7.5px;
  }
}

/* アニメーション */
@keyframes updown01 {
  0% {transform: translateY(0);}
  50% {transform: translateY(+40%);}
  100% {transform: translateY(0);}
}
@keyframes updown02 {
  0% {transform: translateY(0);}
  30% {transform: translateY(+30%);}
  100% {transform: translateY(0);}
}
@keyframes updown03 {
  0% {transform: translateY(0);}
  50% {transform: translateY(+15%);}
  100% {transform: translateY(0);}
}
@keyframes updown04 {
  0% {transform: translateY(0);}
  30% {transform: translateY(+10%);}
  100% {transform: translateY(0);}
}
@keyframes updown05 {
  0% {transform: translateY(0);}
  50% {transform: translateY(-10%);}
  100% {transform: translateY(0);}
}
/* @keyframes updown04 {
  0% {transform: translateY(0);}
  30% {transform: translateY(+15px);}
  100% {transform: translateY(0);}
} */
@keyframes starFlash01 {
  0%,100% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
}
@keyframes starFlash02 {
  0%,100% {
    opacity: 1;
  }
  40% {
    opacity: 0.2;
  }
}
@keyframes starFlash03 {
  0%,100% {
    opacity: 1;
  }
  60% {
    opacity: 0.2;
  }
}
@keyframes starFlash04{
  0%{
    opacity: 1;
  }
  10%{
    opacity: 0;
  }
}
@keyframes starFlash05{
  0%{
    opacity: 1;
  }
  10%{
    opacity: 0.2;
  }
}
@keyframes starFlash06{
  0%{
    opacity: 1;
  }
  10%{
    opacity: 0.5;
  }
  15%{
    opacity: 1;
  }
  20%{
    opacity: 0.2;
  }
}
@keyframes katakata02 {
  0% {transform:translate(0, 0) rotate(0deg);}
  50% {transform: translateY(-15px);}
  53% {transform:translate(0,-15px) rotate(-5deg);}
  54% {transform:translate(0,-14px) rotate(0deg);}
  55% {transform:translate(1px,-14px) rotate(5deg);}
  56% {transform:translate(0,-13px) rotate(-0deg);}
  57% {transform:translate(-1px,-13px) rotate(-5deg);}
  58% {transform:translate(0,-12px) rotate(0deg);}
  59% {transform:translate(1px,-12px) rotate(5deg);}
  60% {transform:translate(0,-11px) rotate(-0deg);}
  61% {transform:translate(-1px,-11px) rotate(-5deg);}
  62% {transform:translate(0,-10px) rotate(0deg);}
  63% {transform:translate(0,-10px) rotate(5deg);}
  63% {transform:translate(0,-10px) rotate(5deg);}
  100% {transform:translate(0, 0) rotate(0deg);}
}
@keyframes katakata01 {
  0% {transform:rotate(0deg);}
  53% {transform:rotate(-5deg);}
  54% {transform:rotate(0deg);}
  55% {transform:rotate(5deg);}
  56% {transform:rotate(-0deg);}
  57% {transform:rotate(-5deg);}
  58% {transform:rotate(0deg);}
  59% {transform:rotate(5deg);}
  60% {transform:rotate(-0deg);}
  61% {transform:rotate(-5deg);}
  62% {transform:rotate(0deg);}
  63% {transform:rotate(5deg);}
  100% {transform:rotate(0deg);}
}
@keyframes fade01 {
  0% {
    opacity: 100%;
    /* transform: translateY(0); */
  }
  50% {
    opacity: 50%;
    /* transform: translateY(-10px); */
  }
  100% {
    opacity: 100%;
    /* transform: translateY(0); */
  }
}
@keyframes fadeIn01 {
  100% {opacity:1;}
}
@keyframes fadeIn02 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
}
@keyframes fuwafuwa2 {
  0% {
    transform:translate(0, 0) rotate(5deg);
  }
  50% {
    transform:translate(0, -4px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(-5deg);
  }
}
@keyframes zoomIn {
  0%{
    transform: scale(0); 
  }
  3% {
    transform-origin: top center;
    transform: scale(1); 
  }
  3.1%{
    opacity: 0;
  }
  5% {
    transform: scale(0); 
  }
  6% {
    transform-origin: top center;
    transform: scale(1); 
  }
  100% {
    transform-origin: top center;
    transform: scale(1); 
  }
}
@keyframes lightening01 {
  3.3%{opacity: 1;}
  3.6%{opacity: 0;}
  4.6%{opacity: 1;}
  6.6%{opacity: 1;}
  7%{opacity: 0;}
  8.6%{opacity: 1;}
  100%{opacity: 1;}
}
@keyframes lightening02 {
  0%{opacity: 1;}
  5.5%{opacity: 1;}
  5.8%{opacity: 0;}
  5.7%{opacity: 1;}
  8.8%{opacity: 1;}
  9.2%{opacity: 0;}
  10.8%{opacity: 1;}
  100%{opacity: 1;}
}
@keyframes lightening03 {
  4.4%{opacity: 1;}
  4.7%{opacity: 0;}
  5.7%{opacity: 1;}
  7.7%{opacity: 1;}
  8.1%{opacity: 0;}
  9.7%{opacity: 1;}
  100%{opacity: 1;}
}
@keyframes whiteout {
  0%{opacity: 0;}
  10%{opacity:0;}
  11%{opacity: 1;}
  11.1%{opacity:0;}
  20%{opacity:0;}
  21%{opacity:1;}
  21.1%{opacity:0;}
  100%{opacity:0;}
}

/* btm_img_area
-------------------------------------------------- */
.btm_chr_area{
  position: relative;
  bottom: 0;
  width: 100%;
  margin-top: -48.26%;
  padding-top: 48.26%;
  z-index: -1;
}
.btm_img_area .btm_img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.btm_chr_pumpkin_01_1,.btm_chr_pumpkin_01_2,
.btm_chr_pumpkin_02_1,.btm_chr_pumpkin_02_2,
.btm_chr_pumpkin_03_1,.btm_chr_pumpkin_03_2{
  position: absolute;
}
@media print, screen and (min-width:768px){
  .btm_chr_area{
    margin-top: -48.26%;
    padding-top: 48.26%;
  }
  .btm_chr_pumpkin_01_1{
    bottom: 14.13%;
    right: 11.56%;
    width: 7.8%;
    z-index: -1;
  }
  .btm_chr_pumpkin_01_2{
    bottom: 14.13%;
    right: 11.56%;
    width: 7.8%;
    animation: starFlash06 3.5s infinite;
  }
  .btm_chr_pumpkin_02_1{
    bottom: 16.25%;
    left: 17.51%;
    width: 7.65%;
  }
  .btm_chr_pumpkin_02_2{
    bottom: 16.25%;
    left: 17.51%;
    width: 7.65%;
    animation: starFlash02 3s infinite;
  }
  .btm_chr_pumpkin_03_1{
    bottom: 17.95%;
    left: 10.179%;
    width: 7%;
  }
  .btm_chr_pumpkin_03_2{
    bottom: 17.95%;
    left: 10.179%;
    width: 7%;
    animation: starFlash05 3s infinite 0.3s;
  }
}
@media screen and (max-width:767px){
  .btm_chr_area{
    margin-top: -88%;
    padding-top: 88%;
  }
  .btm_img_area{
    height: 88%;
  }
  .btm_chr_pumpkin_01_1{
    bottom: 27.3%;
    right: 32%;
    width: 14%;
  }
  .btm_chr_pumpkin_01_2{
    bottom: 27.3%;
    right: 32%;
    width: 14%;
    animation: starFlash06 3.5s infinite;
  }
  .btm_chr_pumpkin_02_1{
    bottom: 26.5%;
    left: 37.3%;
    width: 14%;
  }
  .btm_chr_pumpkin_02_2{
    bottom: 26.5%;
    left: 37.3%;
    width: 14%;
    animation: starFlash02 3s infinite;
  }
  .btm_chr_pumpkin_03_1{
    bottom: 36.5%;
    left: 8.9%;
    width: 12.3%;
  }
  .btm_chr_pumpkin_03_2{
    bottom: 36.5%;
    left: 8.9%;
    width: 12.3%;
    animation: starFlash05 3s infinite 0.3s;
  }
}

/*bnr_netorder */
.menu_link_txt {
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
}
@media print, screen and (min-width:768px){
  .menu_link_txt {
    margin-top: 60px;
    padding-bottom: 20px;
    font-size: 32px;
    letter-spacing: 0.16em;
  }
  .menu_link_wrap .menu_link_bnr{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .menu_link_bnr {
    width: 50%;
    margin: 0 auto;
  }
}
@media screen and (max-width:767px) {
  .menu_link_txt {
    margin-top: 30px;
    padding-bottom: 10px;
    font-size: 21px;
    letter-spacing: 0.16em;
  }
  .menu_link_wrap{
    padding-bottom: 50px;
  }
  .menu_link_bnr {
    margin: 0 auto;
    text-align: center;
  }
}

/*  bg_area
-------------------------------------------------- */
.bg_black{
  margin-top: -1px;
  background-color: #0E0000;
}
.bg_area_01, .bg_area_05{
  background-image:url(/m_menu/new/250910_halloween/images/bg_area_01.png);
}
.bg_area_02{
  background-image:url(/m_menu/new/250910_halloween/images/bg_area_02.png);
}
.bg_area_03{
  background-image:url(/m_menu/new/250910_halloween/images/bg_area_03.png);
}
.bg_area_04{
  background-image:url(/m_menu/new/250910_halloween/images/bg_area_04.png);
}
.bg_area_06{
  background-color: #FFDCA2;
}
@media print, screen and (min-width:768px){
  .bg_area_01{
    padding-top: 60px;
    padding-bottom: 80px;
  }
  .bg_area_02, .bg_area_03, .bg_area_04, .bg_area_05, .bg_area_06{
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .bg_area_06{
  }
  .bg_area_bottom img{
    width: 100%;
  }
  .bg_area_bottom{
    height: 498px;
    background-image:url(/m_menu/new/250910_halloween/images/bg_area_bottom.png);
    background-size: cover;
    background-position: center;
    height: 498px;
  }
}
@media screen and (max-width:767px) {
  .bg_area_01{
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .bg_area_02, .bg_area_03, .bg_area_04, .bg_area_05, .bg_area_06{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .bg_area_bottom{
    height: 394px;
    background-image:url(/m_menu/new/250910_halloween/images/bg_area_bottom_sp.png);
    background-size: cover;
    background-position: center bottom;
  }
}

/* page_top_area
-------------------------------------------------- */
.page_top_area {
    border: 1px solid #CCCCCC;
    background-color: #fff;
}
@media print, screen and (min-width:768px){
  .page_top_area {
    padding: 25px;
    border-radius: 10px;
  }
}
@media screen and (max-width:767px) {
  .page_top_area{
    padding: 12.5px;
    border-radius: 5px;
  }
}

/* modal
-------------------------------------------------- */
.remodal .remodal_content{
  margin: 0 auto;
}
.remodal-close{
  border-radius: 50%;
}
.remodal-close:before, .remodal-close:after{
  background-color: #F08300;
}
.remodal-close:before, .remodal-close:after{
  border-radius: 20px;
}
.remodal .m_menu_item .item_anm{
  text-align: center;
}
.remodal .m_menu_item .item_name{
  font-weight: bold;
  line-height: 1.47;
  text-align: center;
  background-size: 8px 2px;
  background-position: left bottom;
  background-repeat: repeat-x;
  background-image: linear-gradient(to right, #F08300, #F08300 2px, transparent 2px, transparent 8px);
}
.remodal .m_menu_item .item_txt{
}
.remodal.type1 .m_menu_item .item_name{ color: #222222;}
.remodal .modal_btn_wrap{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.remodal .modal_btn_wrap.right{
  flex-direction: row-reverse
}
@media print, screen and (min-width:768px){
  .remodal{
    border: solid 4px #F08300;
    max-width: 800px;
  }
  .remodal .remodal_inner{
    padding: 80px 40px;
  }
  .remodal-close{
    width: 80px;
    height: 80px;
    top: 40px;
    right: 40px;
  }
  .remodal-close:before, .remodal-close:after{
    width: 2px;
    height: 50px;
  }
  .remodal .m_menu_item .item_name{
    margin: 1.5em 0 1.1em;
    padding-bottom: 20px;
    font-size: 24px;
  }
  .remodal .modal_btn_wrap{
    margin-top: 30px;
  }
}
@media screen and (max-width:767px){
  .remodal{
    border: solid 3px #F08300;
  }
  .remodal.type1,.remodal.type2{
    border-width: 5px;
  }
  .remodal .remodal_inner{
    padding: 40px 7.04%;
  }
  .remodal-close{
    width: 40px;
    height: 40px;
    top: 25px;
    right: 25px;
  }
  .remodal-close:before, .remodal-close:after{
    width: 2px;
    height: 20px;
  }
  .remodal .m_menu_item .item_name{
    margin: 1em 0;
    padding-bottom: 13px;
    font-size: 14px;
  }
  .remodal .modal_btn_wrap{
    margin-top: 15px;
    font-size: 10px;
  }
  .remodal .modal_btn_wrap .item_btn.c_btn_01{
    width: 47%;
  }
  .remodal .modal_btn_wrap .item_btn.c_btn_01 a{
    width: 100%;
  }
}
@media screen and (max-width:480px){
  .remodal .modal_btn_wrap .item_btn.c_btn_01 a::after {
    left: auto;
    right: 10px;
  }
  .remodal .modal_btn_wrap .item_btn.c_btn_01.arwL a::after {
    left: 10px;
    right: auto;
  }
}


/* no_area
-------------------------------------------------- */
.no_area{}
.no_area .acc_area{
  background-color: #fff;
  border: #ccc 1px solid;
  border-radius: 10px;
}
.acc_txt{
  margin-top: 1em;
  text-align: center;
  color: #333;
}
.no_area .acc_area .acc_btn{
  display: block;
  color: #551900;
  font-weight: bold;
  /* text-align: center; */
}
.no_area .acc_area .acc_content{
  border-top: 1px solid #ccc;
}
.no_area .acc_area .acc_content ul.inline li:nth-child(n+2)::before{
  content: " ";
}
.no_area .acc_area .acc_content .indent li{
  text-indent: -1em;
  padding-left: 1em;
}
.no_area .acc_area .acc_content th,
.no_area .acc_area .acc_content em{
  font-weight: bold;
  color: #EA4817;
}
.no_area .acc_area .c_list_note{
  margin-top: 0;
}
.no_area .acc_area .mT15em,
.no_area .acc_area .c_txt_01 > p + p,
.no_area .acc_area .c_txt_01 + .c_txt_01,
.no_area .acc_area .c_list_note + .c_txt_01{
  margin-top: 1.5em;
}
.no_area .acc_area .list_note{
  color: #000;
}
@media print, screen and (min-width:768px){
  .no_area{
    padding-top: 80px;
  }
  .no_area .acc_notice{
    text-align: center;
  }
  .no_area .acc_area{
  }
  .no_area .acc_txt{
    font-size: 18px;
  }
  .no_area .acc_area .acc_btn{
    padding: 15px;
    font-size: 16px;
  }
  .no_area .acc_area .acc_btn::after{
    right: 20px;
  }
  .no_area .acc_area .acc_content{
    padding: 25px 30px;
  }
}
@media screen and (max-width:767px){
  .no_area{
    margin-top: 50px;
  }
  .no_area .no_ttl{
    font-size: 16px;
  }
  .no_area .no_ttl img{
    max-width: 160px;
  }
  .no_area .acc_txt{
    font-size: 14px;
  }
  .no_area .acc_area .acc_btn{
    padding: 1em 25px;
  }
  .no_area .acc_area .acc_btn::after{
    right: 15px;
  }
  .no_area .acc_area .acc_content{
    padding: 15px;
  }
}

/* howto_area
-------------------------------------------------- */
.box_wrap .box_inner, .box01{
  background-color: #FEF0E7;   
}
.box_wrap .box_inner{
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.box_wrap .box_inner .num_wrap{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.box_wrap .box_inner .num_txt{
  color: #541900;
}
.box_wrap .box_inner .num_txt{
  text-align: center;
  font-weight: bold;
}
.box_wrap .box_inner .num_data_txt {
  position: relative;
  color: #EA5324;
  font-weight: bold;
  background-color: #fff;
}
.box_wrap .box_inner .num_data_txt:before,
.box_wrap .box_inner .num_data_txt:after{
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
}
@media print, screen and (min-width:768px){
  .box_wrap{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .box_wrap:nth-child(1){
    align-items: flex-end;
  }
  .box01{
    width: 47.2%;
    margin-bottom: 40px;
    border-radius: 20px;
  }
  .box_wrap:nth-child(n+3){
    margin-top: 40px;
  }
  .box_wrap .box_inner{
    width: 47.2%;
    padding: 30px 40px 33px;
    border-radius: 20px;
  }
  .box01 .box_inner{
    width: auto;
  }
  .box_wrap .box_inner .num_wrap{
    width: 50%;
  }
  .box_wrap .box_inner .num_img{
    padding-bottom: 29.1px;
  }
  .box_wrap .box_inner .num_txt{
    font-size: 18px;
    letter-spacing: 0.16em;
  }
  .box_wrap .box_inner .num_data_txt {
    margin: 25px auto 0;
    padding: 15px 17px;
    font-size: 12px;
    border: solid 2px #551900;
    border-radius: 20px;
  }
  .box_wrap .box_inner .num_data_txt:before {
    top: -16px;
    left: -100px;
    border-style: solid;
    border-color: transparent transparent #551900 transparent;
    border-width: 0 0 16px 17px;
  }
  .box_wrap .box_inner .num_data_txt:after{
    top: -13px;
    left: -100px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    border-width: 0 0 14px 14px;
    z-index: 10;
  }
}
@media screen and (max-width:767px) {
  .box_wrap{
    display: flex;
    flex-direction: column;
  }
  .box_wrap:nth-child(n+4){
    margin-top: 20px;
  }
  .box_wrap .box01{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-radius: 10px;
  }
  .box_wrap .box_inner{
    padding: 20px 17.5px;
    border-radius: 10px;
  }
  .box_wrap .box01 .box_inner{
    width: auto;
    height: auto;
  }
  .box_wrap .box_inner:nth-child(2){
    margin-top: 20px;
  }
  .box_wrap .box_inner .num_wrap{
    width: 50%;
  }
  .box_wrap .box01 .box_inner .num_wrap{
    width: 100%;
    flex-direction: row;
  }
  .box_wrap .box_inner .num_wrap .num_img{
    padding-bottom: 29.1px;
    width: 32.081%;
    margin: 0 auto;
    text-align: center;
  }
  .box_wrap .box01 .box_inner .num_wrap .num_img{
    padding-bottom: 29.1px;
    width: 16.0413%;
    margin: 0 auto;
    text-align: center;
  }
  .box_wrap .box_inner .num_wrap .num_txt{
    width: 79.3%;
    padding-left: 5.5px;
    font-size: 14px;
    letter-spacing: 0.16em;
  }
  .box_wrap .box_inner .num_data_txt {
    max-width: 190px;
    margin: 11px auto 0;
    padding: 10px;
    font-size: 10px;
    border: solid 1px #551900;
    border-radius: 10px;
  }
  .box_wrap .box_inner .num_data_txt:before {
    top: -9px;
    left: -60px;
    border-style: solid;
    border-color: transparent transparent #551900 transparent;
    border-width: 0px 0 9px 9px;
  }
  .box_wrap .box_inner .num_data_txt:after{
    top: -7px;
    left: -60px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    border-width: 0 0 8px 8px;
    z-index: 10;
  }
  .box_wrap .box_inner .box_img{
    width: 50%;
    padding: 0 22px;
    text-align: center;
  }
  .box_wrap .box01 .box_inner .box_img{
    text-align: center;
  }
}


/* cp_area
-------------------------------------------------- */
.cp_ttl{
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.16em;
  background-size: 10px 4px;
  background-image: radial-gradient(circle farthest-side, #222222, #222222 40%, transparent 40%, transparent);
  background-position: center bottom;
  background-repeat: repeat-x;
}
.cp_area{}
.cp_area .acc_area{
  background-color: #fff;
  border: #ccc 1px solid;
  border-radius: 10px;
}
.acc_txt{
  margin-top: 1em;
  text-align: center;
  color: #333;
}
.cp_area .acc_area .acc_btn{
  display: block;
  color: #551900;
  font-weight: bold;
}
.cp_area .acc_area .acc_content{
  border-top: 1px solid #ccc;
}
.cp_area .acc_area .acc_content ul.inline li:nth-child(n+2)::before{
  content: " ";
}
.cp_area .acc_area .acc_content .indent li{
  text-indent: -1em;
  padding-left: 1em;
}
.cp_area .acc_area .acc_content th,
.cp_area .acc_area .acc_content em{
  font-weight: bold;
  color: #222;
}
.cp_area .acc_area .c_list_note{
  margin-top: 0;
}
.cp_area .acc_area .mT15em,
.cp_area .acc_area .c_txt_01 > p + p,
.cp_area .acc_area .c_txt_01 + .c_txt_01,
.cp_area .acc_area .c_list_note + .c_txt_01{
  margin-top: 1.5em;
}
.campaign_notice_img{
  padding-bottom: 20px;
}
@media print, screen and (min-width:768px){
  .cp_ttl{
    width: 100%;
    padding-bottom: 30px;
    font-size: 24px;
  }
  .cp_area{
  }
  .cp_area .acc_notice{
    text-align: center;
  }
  .cp_area .acc_area{
  }
  .cp_area .acc_txt{
    font-size: 18px;
  }
  .cp_area .acc_area .acc_btn{
    padding: 15px;
    font-size: 16px;
  }
  .cp_area .acc_area .acc_btn::after{
    right: 20px;
  }
  .cp_area .acc_area .acc_content{
    padding: 0 30px;
  }
  .cp_area .acc_area .acc_content td,
  .cp_area .acc_area .acc_content th{
    padding: 32px 0 30px;
  }
  .cp_area .acc_area .acc_content th{
    width: 22%;
    padding-right: 20px;
  }
  .cp_area .acc_area .acc_content td:not(.cp_area .acc_area .acc_content tr:last-child td),
  .cp_area .acc_area .acc_content th:not(.cp_area .acc_area .acc_content tr:last-child th){
    border-bottom: solid 1px #CCCCCC;
  }
  .cp_area .acc_area .acc_content ul.inline li{
    display: inline;
  }
	.cp_area .tel{
		pointer-events:none;
		color:#222;
	}
}
@media screen and (max-width:767px){
  .cp_ttl{
    padding-bottom: 17.5px;
    font-size: 18px;
  }
  .cp_area{
  }
  .cp_area .acc_area{
  }
  .cp_area .acc_txt{
    font-size: 14px;
  }
  .cp_area .acc_area .acc_btn{
    padding: 1em 25px;
  }
  .cp_area .acc_area .acc_btn::after{
    right: 15px;
  }
  .cp_area .acc_area .acc_content{
    padding: 0 15px;
  }
  .cp_area .acc_area .acc_content tr{
    display: flex;
    flex-direction: column;
  }
  .cp_area .acc_area .acc_content th{
    padding-top: 25px;
    padding-bottom: 10px;
  }
  .cp_area .acc_area .acc_content td{
    padding-bottom: 25px;
  }
  .cp_area .acc_area .acc_content tr:not(.cp_area .acc_area .acc_content tr:last-child){
    border-bottom: solid 2px #CCCCCC;
  }
  .cp_area .acc_area .acc_content .sp_indent li{
    text-indent: -1em;
    padding-left: 1em;
  }
}