@charset "utf-8";
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
共通
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.flex {
  display: flex;
}
.inner {
  width: 90%;
  margin: 0 auto;
}
img {
  width: 100%;
}
figure {
  line-height: 1;
}
a,
button {
  display: block;
  transition: .3s;
}
a:hover,
button:hover {
  opacity: .6;
}
.fade_Box {
  transition: 1.5s;
  opacity: 0;
}
.fade_Box.animated {
  opacity: 1;
}
.fade_Box_up {
  transform: translateY(100px);
  transition: 1.5s;
  opacity: 0;
}
.fade_Box_up.animated {
  transform: translateY(0);
  opacity: 1;
}
.bound_Box {
  transition: 1s;
  opacity: 0;
}
.bound_Box.animated_b {
  opacity: 1;
	animation: 1s bound ease-in-out;
}
@keyframes bound {
  0%   { transform: scale(0.5);}
  50%  { transform: scale(1.3);}
  70%  { transform: scale(0.8);}
  85%  { transform: scale(1.1);}
  100% { transform: scale(1.0);}
}
.bigbound_Box {
  transition: 1s;
  opacity: 0;
   transform: scale(1.5);
}
.bigbound_Box.animated_big_b {
  opacity: 1;
	animation: 1s bound_b ease-in-out;
    position: relative;
    z-index: 1;
}
@keyframes bound_b {
  0%   { transform: scale(0.8);}
  50%  { transform: scale(1.8);}
  70%  { transform: scale(1.2);}
  85%  { transform: scale(1.6);}
  100% { transform: scale(1.5);}
}
.sp {
  display: none;
}
@media only screen and (max-width: 750px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
恵方巻
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
/* メインビジュアル
--------------------- */
#main_Img {
  position: relative;
  width: 100%;
}
.hero_Over {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.slide_top {
  position: relative;
  aspect-ratio: 700/299;
  z-index: 1;
}
.obi {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
}
.add-animation {
  animation: zoomUp 10s linear 0s normal both;
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
    /* 拡大率 */
  }
}
#ehomaki_main_Wrap {
  position: relative;
  background: url(/img/ehomaki/2026/bg.png) repeat-y center top;
  background-size: 100%;
  background-attachment: fixed;
}
#ehomaki_main_Wrap::before,
#ehomaki_main_Wrap::after {
  display: block;
  content: '';
  position: fixed;
  top: 0px;
  width: 64px;
  height: 100%;
  background: url(/img/ehomaki/2026/bg_side.png) repeat-y center top;
  background-size: 100%;
}
#ehomaki_main_Wrap::before {
  left: 0;
}
#ehomaki_main_Wrap::after {
  right: 0;
}
/*----------
#ehomaki_main_Wrap
----------*/
#content_Block {
  max-width: 960px;
  width: calc(100% - 148px);
  margin: 0 auto;
  background-color: #f8ccd7;
}
#left_Area,
#right_Area {
  width: 50%;
  box-sizing: border-box;
}
.movie iframe {
  width: 100%;
  height: 100%;
}
.mv_coming-soon{	
width: 85%;	
margin: 0 auto;	
}	
.movie .mv_coming-soon{	
width: 100%;	
}
/*----------
#left_Area
----------*/
#left_Area .left_In {
  padding: 5px 20px;
  box-sizing: border-box;
}
#left_Area.fixed .left_In {
  position: sticky;
  top: 0;
}
#left_Area .movei_Box figure {
  width: 15%;
  margin-right: 20px;
}
#left_Area .movie {
	width: 90%;
  aspect-ratio: 16/9;
  margin: 0 auto;
}
#left_Area .coupon_Box {
  flex-wrap: wrap;
  margin: 5px auto;
  padding: 4px 20px;
  background-color: #fff;
  border: 2px solid #ac0080;
  box-sizing: border-box;
}
#left_Area .coupon_Box>div {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
#left_Area .coupon_Box>figure {
  display: block;
  width: 100%;
  margin-top: 10px;
}
#left_Area .coupon_Box figure {
  margin-bottom: 10px;
  position: relative;
}
#left_Area .coupon_Link {
    width: 90%;
    margin: auto;
}
#left_Area .coupon_Copy {
  width: calc(100% - (60% + 20px));
}
#left_Area .coupon_Copy figure {
  position: relative;
}
#left_Area .coupon_Copy figure.copy::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .8);
  z-index: 1;
}
#left_Area .coupon_Copy figure.copy::after {
  display: block;
  content: 'コピーしました';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #fff;
  font-size: 16px;
  text-align: center;
  transform: translateY(-50%);
  z-index: 2;
}
#left_Area .item_Btn>li {
  width: calc((100% - 40px) / 2);
  margin-right: 20px;
}
#left_Area .item_Btn>li:last-child {
  margin-right: 0;
}
#left_Area .couponBtn {
  width: 60%;
  margin: auto;
}
/*----------
#right_Area
----------*/
#right_Area {
  position: relative;
  background-color: #fff;
  box-shadow: 5px 0 10px rgba(0, 0, 0, .5);
}
#right_Area .attention_Img {
  padding: 30px 20px 30px;
  box-sizing: border-box;
}
#right_Area .otoku_Img {	
margin: 0 auto;
  padding: 10px 20px 0;
  box-sizing: border-box;
}	
#right_Area .bk_yellow {	
background-color: #f4e07b;	
}	
#right_Area .first_item {	
background-color: #f4e07b;	
padding: 20px 0 0;	
}
#tab_Block .tabs {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  margin: 0 auto;
  padding: 0 3.2%;
  background-color: #f4e07b;
}
#tab_Block .tabs.tabs_Btm {
  align-items: flex-start;
  background-color: #fff;
}
#tab_Block .tabs button,
#tab_Block .tabs figure{
  max-width: 340px;
  width: 50%;
  margin: 0 auto;
  padding: 0 6%;
  box-sizing: border-box;
}
#tab_Block .tabs button.active_button {
  padding: 0 2%;
}
#tab_Block .tab_content {
  display: none;
  z-index: 1;
  position: relative;
}
#tab_Block .tab_content.active_tab {
  display: block;
}
.tab_Contents {
overflow: hidden;
}
#tab1 {
  background-color: #f4e07b;
  border-bottom: 30px solid #9c137a;
}
#tab2 {
  background-color: #000000;
  border-bottom: 30px solid #e46c00;
}
#tab1 .day {
  padding: 20px;
  padding-bottom: 100px;
  background: #9c137a;
  box-sizing: border-box;
}
#tab1 .fish_Movie {
  padding:120px 0 0px;
  background-color: #f4e07b;
  position: relative;
}
#tab1 .fish_Ttl {
  position: relative;
  overflow: hidden;
}
#tab1 .fish_Ttl>figure {
  position: absolute;
  top: 0;
  left: 0;
}
#tab1 .fish_Movie .movie {
  margin: 20px auto;
  padding: 0 20px;
  box-sizing: border-box;
  aspect-ratio: 16/9;
}
#tab1 .fish_Movie .bd_ttl01 {
position: absolute;
top: -50px;
z-index: 1;
}
#tab1 .fish_Movie .movie h3 {
  margin-bottom: 10px;
}
#tab1 .fish_Movie .akira_main {
position: relative;
}
#tab1 .fish_Movie .akira_main .img01 {
position: absolute;
top: 0;
z-index: 3;
}
#tab1 .fish_Movie .akira_main .img02 {
/* position: absolute; */
padding-top: 20%;
}
#tab1 .fish_Movie .akira_main .img03 {
/* position: absolute; */
bottom: 0;
z-index: 2;
}
#tab1 .fish_Movie .akira_item {
background: url(/img/ehomaki/2026/tab01_item01_bg02.png) no-repeat;
background-size: 100%;
background-position: center top;
}
/* アコーディオンの基本スタイル */
.ac_contents {
    display: none; /* 初期状態で非表示 */
    overflow: hidden;
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    max-height: 0;
    opacity: 0;
}
.ac_contents.active {
    display: block; /* 表示 */
    max-height: 500px; /* 必要に応じて適切な高さを設定 */
    opacity: 1;
}
/* .ac_contents.active {
    display: block;
    max-height: 500px; 
    opacity: 1;
} */
#tab1 .item07 .beige_bg{
  padding-bottom: 120px;
}
.item figure:first-child img{
  margin-top: -1.8%;
  margin-bottom: -1%;
}
.bigbound_Box.kyusyu{
  margin-top: -8%;
}
#tab1 .item08,
#tab1 .item09,
#tab1 .item10,
#tab1 .item11,
#tab1 .item12,
#tab1 .item13,
#tab1 .item14,
#tab1 .item15,
#tab1 .item16,
#tab1 .item17,
#tab1 .item18,
#tab1 .item19{
background-color: #f2b3b1;
}
#tab1 .item09{
  padding-top: 10%;
}
.item .white_bg{
  /* background-color: #fff; */
  background-image: url(/img/ehomaki/2026/tab01_bk_02.png) ;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top;
}
.item .orange_bg {
background-color: #eb6c00;
  background-image: url(/img/ehomaki/2026/orange_bg.png) ;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top;
}
.item .blk_bg {
  background-color: #000;
}
.item .beige_bg{
  background-image: url(/img/ehomaki/2026/tab01_bk.png);
  background-repeat: round;
}
.item .img01_bg {
  background: url(/img/ehomaki/2026/img01_bg.png) no-repeat center bottom, #000;
  background-size: 100%;
}
.item .img02_bg {
  background: url(/img/ehomaki/2026/img02_bg.png) no-repeat center bottom, #000;
  background-size: 100%;
}
.item .price {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.item .price>li.flex {
  justify-content: flex-start;
  align-items: stretch;
}
.item .price>li.flex:nth-child(2) {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px solid #000;
}
.item .price>li.flex figure {
  width: 60%;
  margin-right: 20px;
}
.item .price>li.flex .btn {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc(100% - (60% + 20px));
}
.item .price>li.flex .btn a:nth-child(2) {
  margin-top: 10px;
}
#tab1 .kyushu_Movie {
  padding: 100px 0 20px;
  background-color: #f2b3b1;
  margin-top: -50px;
}
#tab1 .kyushu_Ttl {
  position: relative;
  overflow: hidden;
}
#tab1 .kyushu_Ttl>figure {
  position: absolute;
  top: 0;
  left: 0;
}
#tab1 .kyushu_Movie .movie {
  margin: 20px auto 50px;
  padding: 0 20px;
  box-sizing: border-box;
  aspect-ratio: 16/9;
}
#tab1 .kyushu_Movie .movie h3 {
  margin-bottom: 10px;
}
.yoshi_img {
  padding: 20px 20px 0;
  box-sizing: border-box;
}
.yoyaku_img {
  padding:30px 20px 0;
  background-color: #fff;
  box-sizing: border-box;
}
.pay_flow_img{	
margin-top: 20px;	
}
#flow_Area {
  margin-top: 30px;
  background-color: #fff;
}
.support_Block {
  padding: 30px 0;
  background-color: #d2d2d2;
}
.support_Block li {
  margin: 20px auto 0;
}
.support_Block a {
  display: block;
  max-width: 590px;
  width: 78%;
  margin: 0 auto;
}
.att_img {
  padding: 30px 0 60px;
  background-color: #fff;
}
#tab2 .day {
  padding: 20px;
  background: #e46c00;
  box-sizing: border-box;
}
/* 個別設定 */
/* .item07 {
  padding-bottom: 30px;
}
.item12 {
  padding-bottom: 50px;
} */
 .item19 .beige_bg{	
padding-bottom: 50px;	
 }
#tab1 .item15 .blue_bg ,
#tab2 .bigitem16 .orange_bg {
padding-bottom: 30px;
}
#tab1 .item15 .flex ,
#tab2 .bigitem16 .flex {
flex-wrap: wrap;
justify-content: space-between;
}
#tab1 .item15 .flex .flex2-1 ,
#tab2 .bigitem16 .flex .flex2-1 {
width: 50%;
}
#tab2 .day figure:first-child {
margin-bottom: 40px;
}
#tab2 .day figure:nth-child(2) {
margin-bottom: 50px;
}
#tab2 .bigitem01 {
background-image: url(/img/ehomaki/2026/tab2_item01_bg.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: center top;
margin-top: -13%;
padding-bottom: 100px;
}
#tab2 .bigitem02 {
background-color: #eb6c00;
background-image: url(/img/ehomaki/2026/tab2_item02_bg.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: center top;
margin-top: -13%;
padding-bottom: 100px;
}
#tab2 .bigitem03 {
background-color: #A41D26;
background-image: url(/img/ehomaki/2026/tab2_item03_bg.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: center top;
margin-top: -15%;
}
#tab2 .bigitem04 {
background-image: linear-gradient(to bottom, #A91E27, #000);
}
.bigitem11 {
  padding-bottom: 30px;
}
.bigitem14 {
padding-bottom: 50px;
}
.yoshitake {
background-color: #000;
}
#flow_Area {
padding-top: 30px;
}
  .coupon_Box_sp {
    width: 90%;
    margin: 0 auto 30px;
    padding-bottom: 0px;
    background-color: #fff;
    border: 2px solid #ac0080;
  }
  .coupon_Box_sp>.coupon_Link {
    padding: 15px;
    box-sizing: border-box;
  }
  .coupon_Box_sp>.coupon_Link figure {
    margin-bottom: 20px;
  }
  .coupon_Box_sp>.coupon_Link figure {
    position: relative;
  }
  .coupon_Box_sp>.coupon_Link .couponBtn {
  margin: 20px auto 10px;
  }
  .coupon_Box_sp>.coupon_Link figure.copy::before,
  .coupon_Box>.coupon_Link figure.copy::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    z-index: 1;
  }
  .coupon_Box_sp>.coupon_Link figure.copy::after,
  .coupon_Box>.coupon_Link figure.copy::after {
    display: block;
    content: 'コピーしました';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    color: #fff;
    font-size: 16px;
    text-align: center;
    transform: translateY(-50%);
    z-index: 2;
  }
.gold_bg.line {
  height: 30px;
  background: url(/img/ehomaki/2026/gold_bg.png) repeat-y center top;
  background-size: 100%;
}
.pc_pagetop {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 74px;
  width: 60px;
  height: 60px;
  z-index: 2;
}
.modal_content .coupon_Box_sp>.coupon_Link {	
padding: 0 15px 15px;	
box-sizing: border-box;	
}	
.modal_content .coupon_Box_sp>.coupon_Link .couponBtn {	
margin: 10px auto 0;	
}	
.modal_content .coupon_Box_sp>.coupon_Link figure {	
margin-bottom: 0;	
}	
.coupon_Box_sp h4{	
margin-bottom: 15px;	
}	
.coupon_Box_sp .coupon_Link .coupon01{	
margin-top: 15px;	
}	
/* 日付で非表示 */	
.timerHidden {	
display: none;	
}	
.timerHidden.timerVisible {	
display: block;	
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
sp
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
@media only screen and (max-width: 750px) {
  #ehomaki_main_Wrap::before,
  #ehomaki_main_Wrap::after {
    content: none;
  }
  /*----------
  #ehomaki_main_Wrap
  ----------*/
  #content_Block {
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
  }
  #left_Area {
    display: none;
  }
  #right_Area {
    width: 100%;
  }
  /*----------
  #right_Area
  ----------*/
  .slide_top {
  /*aspect-ratio:280/269;*/
  aspect-ratio:auto;
    padding-bottom: 10px;
    background-color: #f4e07b;
  }
  /* #right_Area .attention_Img {
    margin-top: 30px;
  } */
    #right_Area .otoku_Img {
  margin-top: 20px;
}
  .special.movie {
  width: 90%;
  margin: 0 auto 30px;
  }
  #tab_Block .tabs button {
    padding: 0 5%;
  }
  #tab_Block .tabs button.active_button {
    padding: 0;
  }
  .item_Btn_sp {
    width: 90%;
    margin: 30px auto 0;
  }
  .item_Btn_sp>li {
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
  }
  .item_Btn_sp>li:last-child {
    margin-right: 0;
  }
  #flow_Area {
    padding-top: 20px;
  }
  .coupon_Box_sp {
    width: calc(100% - 40px);
    margin: 0 auto;
    box-sizing: border-box;
  }
  .coupon_Box_sp a {
    display: block;
    margin-top: 10px;
  }
  #fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, .8);
    box-sizing: border-box;
    z-index: 10;
  }
  #fixed button {
    margin-right: 10px;
  }
  /* モーダル */
  .modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999;
  }
  .modal_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100svh;
    background: rgba(0, 0, 0, 0.7);
    cursor: pointer;
    z-index: 1;
  }
  .modal_content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80vw;
    transform: translate(-50%, -50%);
    z-index: 2;
  }
  .close_Area {
    position: fixed;
    top: -30px;
    right: 0;
    box-sizing: border-box;
  }
  .modal_close {
    width: 30px;
    height: 30px;
  }
  /* 個別設定 */
  .coopon_Box {
    padding: 30px 20px;
    background-color: #fff;
    border-radius: 30px;
    box-sizing: border-box;
  }
  .coopon_Box h4 {
    margin-bottom: 10px;
  }
  .coopon_Box .flex {
    width: 90%;
    margin: 0 auto;
  }
  .coopon_Box .flex>li {
    width: 50%;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .coopon_Box .flex>li:first-child {
    border-right: 5px dotted #ed7c84;
    box-sizing: border-box;
  }
  .coopon_Box li figure {
    position: relative;
    margin-bottom: 10px;
  }
  .coopon_Box li figure.copy::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .7);
  }
  .coopon_Box li figure.copy::after {
    display: block;
    content: 'コピーしました';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    color: #000;
    font-size: 16px;
    text-align: center;
    transform: translate(-50%, -50%);
  }
  .yoshitake .movie.sp {
    padding: 20px;
    background: url(/img/ehomaki/2024/gld_bg02.png) repeat-y center top;
    background-size: 100%;
    box-sizing: border-box;
  }
  .yoshitake .movie.sp h3 {
    margin-bottom: 10px;
  }
  .yoshitake .movie.sp iframe {
    aspect-ratio: 16/9;
  }
  .add_coupon {
    padding: 0 20px 0px;
    box-sizing: border-box;
  }
}