img {
width: 100%;
height: auto;
}
a {
cursor: pointer;
}
.scobj{}
.active{}

/*mainvisual*/
#mainvisual {
width: 100%;
background-color: #8cd223;
}
#mainvisual .mainvisual_wrapper {
width: 100%;
max-width: 1366px;
margin: 0 auto;
}
#mainvisual .mainvisual_inner {
width: 85%;
height: auto;
margin: 0 auto;
position: relative;
}
#mainvisual .mainvisual_inner .main_logo {
width: 34%;
position: absolute;
top: 37%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 10;
}
#mainvisual .mainvisual_ph_wrap {
background-color: #000;
}
#mainvisual .mainvisual_ph {
transition: all 1.2s cubic-bezier(.3,.01,.7,1);
opacity: 0;
}
#mainvisual.active .mainvisual_ph {
opacity: 1;
}
#mainvisual .mainvisual_inner .bottle_inner {
width: 100%;
position: absolute;
top: 0;
bottom: -60px;
display: flex;
overflow: hidden;
}
#mainvisual .mainvisual_inner .bottle_inner div {
width: 20%;
position: absolute;
transform: translate(0,100%);
transition: all 0.5s cubic-bezier(.2,1.35,.8,1.2);
}
#mainvisual .mainvisual_inner .bottle_inner .bottle01 {
top: 61%;
left: -5%;
z-index: 8;
transition-delay: 0.3s;
}
#mainvisual .mainvisual_inner .bottle_inner .bottle02 {
top: 61%;
left: 8%;
z-index: 7;
transition-delay: 0.4s;
}
#mainvisual .mainvisual_inner .bottle_inner .bottle03 {
top: 61%;
left: 21%;
z-index: 6;
transition-delay: 0.5s;
}
#mainvisual .mainvisual_inner .bottle_inner .bottle04 {
top: 61%;
left: 34%;
z-index: 5;
transition-delay: 0.6s;
}
#mainvisual .mainvisual_inner .bottle_inner .bottle05 {
top: 61%;
left: 47%;
z-index: 4;
transition-delay: 0.6s;
}
#mainvisual .mainvisual_inner .bottle_inner .bottle06 {
top: 61%;
left: 60%;
z-index: 3;
transition-delay: 0.5s;
}
#mainvisual .mainvisual_inner .bottle_inner .bottle07 {
top: 61%;
left: 73%;
z-index: 2;
transition-delay: 0.4s;
}
#mainvisual .mainvisual_inner .bottle_inner .bottle08 {
top: 61%;
left: 85.5%;
z-index: 1;
transition-delay: 0.3s;
}
#mainvisual.active .mainvisual_inner .bottle_inner .bottle01 ,
#mainvisual.active .mainvisual_inner .bottle_inner .bottle02 ,
#mainvisual.active .mainvisual_inner .bottle_inner .bottle03 ,
#mainvisual.active .mainvisual_inner .bottle_inner .bottle04 ,
#mainvisual.active .mainvisual_inner .bottle_inner .bottle05 ,
#mainvisual.active .mainvisual_inner .bottle_inner .bottle06 ,
#mainvisual.active .mainvisual_inner .bottle_inner .bottle07 ,
#mainvisual.active .mainvisual_inner .bottle_inner .bottle08 {
transform: translate(0,0);
}
#mainvisual .mainvisual_inner .copy01 {
width: 4.75%;
position: absolute;
top: 0;
left: 0;
transform: translate(-100%,100%);
transition: all 0.5s cubic-bezier(.15,.85,.7,1.0);
transition-delay: 1.2s;
opacity: 0;
}
#mainvisual.active .mainvisual_inner .copy01 {
transform: translate(-100%,0);
opacity: 1;
}
#mainvisual .mainvisual_inner .copy02 {
width: 4.75%;
position: absolute;
bottom: -60px;
right: 0;
transform: translate(100%,-100%);
transition: all 0.5s cubic-bezier(.15,.85,.7,1.0);
transition-delay: 1.2s;
opacity: 0;
}
#mainvisual.active .mainvisual_inner .copy02 {
transform: translate(100%,0);
opacity: 1;
}

/*whats*/
#whats {
width: 100%;
background-color: #8cd223;
}
#whats .whats_wrapper {
width: 100%;
max-width: 1366px;
padding: 120px 0 50px;
margin: 0 auto;
}
#whats .whats_inner {
width: 85%;
margin: 0 auto;
position: relative;
}
#whats .whats_inner::before {
content: url("../img/index/whats_img01.svg");
width: 24%;
position: absolute;
top: 0;
left: 0;
}
#whats .whats_inner::after {
content: url("../img/index/whats_img02.svg");
width: 24%;
position: absolute;
top: 0;
right: 0;
}
#whats .whats_inner h2 {
width: 17.4%;
margin: 0 auto;
position: relative;
}
#whats .whats_inner h2::before {
content: url("../img/index/whats_ico01.svg");
transition: all 0.6s cubic-bezier(.2,1.6,.8,1.2);
width: 33.66%;
position: absolute;
top: 0;
left: 0;
transform: translate(-100%,-100%);
opacity: 0;
}
#whats .whats_inner h2.active::before {
transform: translate(-100%,0);
opacity: 1;
}
#whats .whats_inner h2::after {
content: url("../img/index/whats_ico02.svg");
transition: all 0.6s cubic-bezier(.2,1.6,.8,1.2);
transition-delay: 0.1s;
width: 33.66%;
position: absolute;
top: 0;
right: 0;
transform: translate(100%,-100%);
opacity: 0;
}
#whats .whats_inner h2.active::after {
transform: translate(100%,0);
opacity: 1;
}
#whats .whats_inner .catch01 {
width: 35.35%;
margin: 50px auto;
}
#whats .whats_inner .body {
font-size: 16px;
line-height: 1.8;
color: #000;
text-align: center;
}
#whats .whats_inner .catch02 {
width: 37.4%;
margin: 50px auto 0;
position: relative;
}
#whats .whats_inner .catch02::before {
content: url("../img/index/whats_ico03.svg");
transition: all 0.6s cubic-bezier(.2,1.6,.8,1.2);
transition-delay: 0.1s;
width: 18.4%;
position: absolute;
top: 0;
left: 0;
transform: translate(-100%,-100%);
opacity: 0;
}
#whats .whats_inner .catch02.active::before {
transform: translate(-100%,0);
opacity: 1;
}
#whats .whats_inner .catch02::after {
content: url("../img/index/whats_ico04.svg");
transition: all 0.6s cubic-bezier(.2,1.6,.8,1.2);
width: 18.4%;
position: absolute;
top: 0;
right: 0;
transform: translate(100%,-100%);
opacity: 0;
}
#whats .whats_inner .catch02.active::after {
transform: translate(100%,0);
opacity: 1;
}

#whats .badge-block-horizontal {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 24px;
  max-width: 800px;
  margin: 40px auto;
  text-align: left;
}

#whats .badge-block-horizontal .badge-image {
  flex: 0 0 124px;
  display: flex;
  justify-content: center;
}

#whats .badge-block-horizontal .badge-image img {
  width: 124px;
  height: auto;
  display: block;
}

#whats .badge-block-horizontal .badge-caption {
  flex: 1;
  min-width: 200px;
  max-width: 500px;
  font-size: 12px;
  line-height: 1.5;
  color: #000;
  text-align: left;
}

/*news*/
#news {
width: 100%;
background-color: #8cd223;
padding-bottom: 100px;
}
#news .news_wrapper {
width: 75%;
max-width: 740px;
margin: 0 auto;
background-color: #FFF;
border: 2px #58267d solid;
}
#news .news_inner {
padding: 30px 50px;
}
#news .news_inner h2 {
width: 23.8%;
margin: 0 auto 35px;
position: relative;
}
#news .news_inner h2::before {
content: url("../img/index/news_ico01.svg");
transition: all 0.6s cubic-bezier(.2,1.6,.8,1.2);
transition-delay: 0.1s;
width: 39%;
position: absolute;
top: 0;
left: 0;
transform: translate(-100%,-100%);
opacity: 0;
}
#news .news_inner h2.active::before {
transform: translate(-100%,0);
opacity: 1;
}
#news .news_inner h2::after {
content: url("../img/index/news_ico02.svg");
transition: all 0.6s cubic-bezier(.2,1.6,.8,1.2);
width: 39%;
position: absolute;
top: 0;
right: 0;
transform: translate(100%,-100%);
opacity: 0;
}
#news .news_inner h2.active::after {
transform: translate(100%,0);
opacity: 1;
}
#news .news_inner dl {
width: 100%;
display: flex;
margin: 0 auto 20px;
}
#news .news_inner dl a {
display: flex;
}
#news .news_inner dt {
width: 120px;
font-size: 14px;
line-height: 1.6;
color: #000;
margin: 0 auto 0 0;
position: relative;
}
#news .news_inner dt::after {
content: "｜";
font-size: 14px;
line-height: 1.6;
color: #000;
position: absolute;
top: 0;
right: 1em;
}
#news .news_inner dd {
width: calc(100% - 120px);
font-size: 14px;
line-height: 1.6;
color: #000;
margin: 0 0 0 0;
}
#news .news_inner .btn_more a {
width: 200px;
display: block;
position: relative;
margin: 20px auto 0;
}
#news .news_inner .btn_more a::after {
content: "";
width: 30px;
height: 3px;
background-color: #58267d;
display: block;
position: absolute;
top: 50%;
right: 0;
transform: translate(-50%,-50%);
}

/*countdown banner 20230601*/
#countdown {
width: 100%;
background-color: #8cd223;
margin-top: -60px;
padding-bottom: 76px;
}
#countdown .countdown_wrapper {
width: 100%;
display: flex;
justify-content: center;
}
#countdown .countdown_wrapper .countdown_banner {
width: 640px;
}
#countdown .countdown_wrapper .countdown_banner img {
width: 100%;
}

/*add_weiwebapp 20231114*/
#weiwebapp {
}
#weiwebapp .weiwebapp_wrapper {
width: 100%;
background-color: #8cd223;
margin-top: -65px;
padding-bottom: 40px;
font-size: 16px;
font-weight: 500;
text-align: center;
}
#weiwebapp a {
color:#000;
}

/*line up*/
#lineup {
width: 100%;
padding: 80px 0;
}
#lineup .lineup_title_wrap {
width: 59.4%;
max-width: 812px;
margin: 0 auto;
position: relative;
display: flex;
}
#lineup .lineup_title_wrap h2 {
width: 29.6%;
margin: 0 auto 80px;
position: relative;
order: 5;
}
#lineup .lineup_title_wrap .lineup_titleimg01 {
width: 7.63%;
order: 1;
margin: -10px auto 0;
animation:katakata 5s infinite ease-in-out alternate;
}
#lineup .lineup_title_wrap .lineup_titleimg02 {
width: 7.63%;
order: 2;
margin: -10px auto 0;
animation:katakata 6s 0.4s infinite ease-in-out alternate;
}
#lineup .lineup_title_wrap .lineup_titleimg03 {
width: 7.63%;
order: 3;
margin: -10px auto 0;
animation:katakata 5s 0.4s infinite ease-in-out alternate;
}
#lineup .lineup_title_wrap .lineup_titleimg04 {
width: 7.63%;
order: 4;
margin: -10px auto 0;
animation:katakata 7s infinite ease-in-out alternate;
}
#lineup .lineup_title_wrap .lineup_titleimg05 {
width: 7.63%;
order: 6;
margin: -10px auto 0;
animation:katakata 5s 0.8s infinite ease-in-out alternate;
}
#lineup .lineup_title_wrap .lineup_titleimg06 {
width: 7.63%;
order: 7;
margin: -10px auto 0;
animation:katakata 6s 0.5s infinite ease-in-out alternate;
}
#lineup .lineup_title_wrap .lineup_titleimg07 {
width: 7.63%;
order: 8;
margin: -10px auto 0;
animation:katakata 5s 0.3s infinite ease-in-out alternate;
}
#lineup .lineup_title_wrap .lineup_titleimg08 {
width: 7.63%;
order: 9;
margin: -10px auto 0;
animation:katakata 7s 0.2s infinite ease-in-out alternate;
}
@keyframes katakata {
0% {transform:translate(0, 0) rotate(0deg);}
11% {transform:translate(0, 0) rotate(0deg);}
 
12% {transform:translate(0, 0) rotate(-4deg);}
14% {transform:translate(0, -3px) rotate(0deg);}
16% {transform:translate(0, -2px) rotate(4deg);}
 
18% {transform:translate(1px, 0) rotate(-3deg);}
20% {transform:translate(0, 1px) rotate(0deg);}
21% {transform:translate(0, 0) rotate(3deg);}
 
23% {transform:translate(0, 0) rotate(0deg);}
100% {transform:translate(0, 0) rotate(0deg);}
}
#lineup .lineup_title_wrap .lineup_titleimg01 figure{
transition: all 0.8s 0.1s cubic-bezier(0,0.5,.75,1);
transform: translate(-100%,0);
opacity: 0;
}
#lineup .lineup_title_wrap .lineup_titleimg02 figure{
transition: all 0.7s 0.2s cubic-bezier(0,0.5,.75,1);
transform: translate(-100%,0);
opacity: 0;
}
#lineup .lineup_title_wrap .lineup_titleimg03 figure{
transition: all 0.6s 0.3s cubic-bezier(0,0.5,.75,1);
transform: translate(-100%,0);
opacity: 0;
}
#lineup .lineup_title_wrap .lineup_titleimg04 figure{
transition: all 0.5s 0.4s cubic-bezier(0,0.5,.75,1);
transform: translate(-100%,0);
opacity: 0;
}
#lineup .lineup_title_wrap .lineup_titleimg05 figure{
transition: all 0.5s 0.4s cubic-bezier(0,0.5,.75,1);
transform: translate(100%,0);
opacity: 0;
}
#lineup .lineup_title_wrap .lineup_titleimg06 figure{
transition: all 0.6s 0.3s cubic-bezier(0,0.5,.75,1);
transform: translate(100%,0);
opacity: 0;
}
#lineup .lineup_title_wrap .lineup_titleimg07 figure{
transition: all 0.7s 0.2s cubic-bezier(0,0.5,.75,1);
transform: translate(100%,0);
opacity: 0;
}
#lineup .lineup_title_wrap .lineup_titleimg08 figure{
transition: all 0.8s 0.1s cubic-bezier(0,0.5,.75,1);
transform: translate(100%,0);
opacity: 0;
}
#lineup .active .lineup_titleimg01 figure,
#lineup .active .lineup_titleimg02 figure,
#lineup .active .lineup_titleimg03 figure,
#lineup .active .lineup_titleimg04 figure,
#lineup .active .lineup_titleimg05 figure,
#lineup .active .lineup_titleimg06 figure,
#lineup .active .lineup_titleimg07 figure,
#lineup .active .lineup_titleimg08 figure{
transform: translate(0,0);
opacity: 1;
}
#lineup .lineup_product_wrapper {
width: 94%;
max-width: 920px;
margin: 0 auto 20px;
}
#lineup .lineup_product_inner {
padding: 40px;
display: flex;
}
#lineup .lineup_product_inner .lineup_product_pkg {
width: 41%;
margin: 0 auto 0 0;
position: relative;
}
#lineup .lineup_product_inner .lineup_product_pkg img {
position: relative;
z-index: 2;
}
#lineup .lineup_product_wrapper:nth-child(odd)  .lineup_product_inner .lineup_product_pkg::before {
content: "";
width: 100%;
height: auto;
padding-top: 120%;
display: block;
background: url("../img/index/lineup_bg_odd.svg") 0 0 no-repeat;
background-size: 100% auto;
position: absolute;
z-index: 1;
}
#lineup .lineup_product_wrapper:nth-child(even) .lineup_product_inner .lineup_product_pkg::before {
content: "";
width: 100%;
height: auto;
padding-top: 120%;
display: block;
background: url("../img/index/lineup_bg_even.svg") 0 0 no-repeat;
background-size: 100% auto;
position: absolute;
z-index: 1;
}
#lineup .lineup_product_inner .lineup_product_txt {
width: 53.5%;
margin: 0 0 0 auto;
}
#lineup .lineup_product_inner .lineup_product_txt h2 {
font-size: 26px;
line-height: 1.8;
margin-bottom: 24px;
font-weight: bold;
letter-spacing: 0.05em;
}
#lineup .lineup_product_inner .lineup_product_txt h2 .en {
font-family: 'Roboto Condensed', sans-serif;
font-size: 45px;
line-height: 1.3;
}
#lineup .lineup_product_inner .lineup_product_txt h2 .en em {
font-size: 25px;
line-height: 1.3;
font-style: normal!important;
display: block;
}
#lineup .lineup_product_inner .lineup_product_txt p.body {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.1em;
line-height: 1.8;
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #000;
word-wrap: break-word;
}
#lineup .lineup_product_inner .lineup_product_txt p.spec {
font-size: 12px;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.8;
}
#lineup .lineup_product_inner .lineup_product_txt .alcohol ,
#lineup .lineup_product_inner .lineup_product_txt .capacity ,
#lineup .lineup_product_inner .lineup_product_txt .place ,
#lineup .lineup_product_inner .lineup_product_txt .allergy {
padding-right: 2em;
}
#lineup .lineup_product_inner .lineup_product_txt .allergy {
display: block;
}

/*special*/
#special {
width: 100%;
background-color: #8cd223;
}
#special .special_wrapper {
width: 100%;
max-width: 1366px;
margin: 0 auto;
}
#special .special_inner {
width: 85%;
padding: 70px 0;
margin: 0 auto;
position: relative;
}
#special .special_inner h2 {
width: 17.4%;
margin: 0 auto 60px;
position: relative;
}
#special .special_inner h2::before {
content: url("../img/index/special_ico01.svg");
width: 33.66%;
position: absolute;
top: 0;
left: 0;
transform: translate(-100%,-100%);
transition: all 0.6s cubic-bezier(.2,1.6,.8,1.2);
transition-delay: 0.1s;
opacity: 0;
}
#special .special_inner h2.active::before {
transform: translate(-100%,0);
opacity: 1;
}
#special .special_inner h2::after {
content: url("../img/index/special_ico02.svg");
width: 33.66%;
position: absolute;
top: 0;
right: 0;
transform: translate(100%,-100%);
transition: all 0.6s cubic-bezier(.2,1.6,.8,1.2);
opacity: 0;
}
#special .special_inner h2.active::after {
transform: translate(100%,0);
opacity: 1;
}
#special .special_inner .special_article_wrap {
display: flex;
}
#special .special_inner dl {
width: 31%;
margin: 0 auto;
}
#special .special_inner dt {
margin-bottom: 20px;
}
#special .special_inner dd .special_category {
width: 36%;
min-width: 100px;
background-color: #58267d;
border-radius: 999px;
margin-bottom: 10px;
line-height: 1;
}
#special .special_inner dd .special_date {
font-size: 14px;
font-weight: 500;
color: #000;
}
#special .special_inner dd .special_title {
font-size: 14px;
font-weight: 500;
color: #000;
}

/*recipe*/
#recipe {
width: 100%;
}
#recipe .recipe_wrapper {
width: 100%;
max-width: 1366px;
margin: 0 auto;
}
#recipe .recipe_inner {
width: 85%;
padding: 70px 0 100px;
margin: 0 auto;
position: relative;
}
#recipe .recipe_inner h2 {
width: 17.4%;
margin: 0 auto 60px;
position: relative;
}
#recipe .recipe_inner h2::before {
content: url("../img/index/recipe_ico01.svg");
width: 33.66%;
position: absolute;
top: 0;
left: 0;
transform: translate(-100%,-100%);
transition: all 0.6s cubic-bezier(.2,1.6,.8,1.2);
transition-delay: 0.1s;
opacity: 0;
}
#recipe .recipe_inner h2.active::before {
transform: translate(-100%,0);
opacity: 1;
}
#recipe .recipe_inner h2::after {
content: url("../img/index/recipe_ico02.svg");
width: 33.66%;
position: absolute;
top: 0;
right: 0;
transform: translate(100%,-100%);
transition: all 0.6s cubic-bezier(.2,1.6,.8,1.2);
opacity: 0;
}
#recipe .recipe_inner h2.active::after {
transform: translate(100%,0);
opacity: 1;
}
#recipe .recipe_inner .recipe_article_wrap {
width: 100%;
}
#recipe .recipe_inner .recipe_slick {
width: 93%;
margin: 0 auto;
}
#recipe .recipe_inner .recipe_slick li {
margin: 0 13px;
}

@media only screen and (max-width: 768px) {
/*mainvisual*/
#mainvisual {
width: 100%;
background-color: #8cd223;
}
#mainvisual .mainvisual_wrapper {
width: 100%;
}
#mainvisual .mainvisual_inner {
width: 84%;
height: auto;
margin: 0 auto;
position: relative;
}
#mainvisual .mainvisual_inner .main_logo {
width: 62%;
position: absolute;
top: 37%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 10;
}
#mainvisual .mainvisual_ph {
background-color: #000;
}
#mainvisual .mainvisual_inner .bottle_inner {
width: 100%;
position: absolute;
top: 0;
bottom: 0;
display: block;
overflow: hidden;
}
#mainvisual .mainvisual_inner .bottle_inner div {
width: 37%;
position: absolute;
}
#mainvisual .mainvisual_inner .bottle_inner .bottle01 {
top: 65%;
left: -15%;
z-index: 4;
}
#mainvisual .mainvisual_inner .bottle_inner .bottle02 {
top: 62%;
left: 11.66%;
z-index: 3;
}
#mainvisual .mainvisual_inner .bottle_inner .bottle03 {
top: 59%;
left: 38.32%;
z-index: 2;
}
#mainvisual .mainvisual_inner .bottle_inner .bottle04 {
top: 56%;
left: 65%;
z-index: 1;
}
#mainvisual .mainvisual_inner .bottle_inner .bottle05 {
top: 78%;
left: 0%;
z-index: 8;
}
#mainvisual .mainvisual_inner .bottle_inner .bottle06 {
top: 75%;
left: 26.66%;
z-index: 7;
}
#mainvisual .mainvisual_inner .bottle_inner .bottle07 {
top: 72%;
left: 53.32%;
z-index: 6;
}
#mainvisual .mainvisual_inner .bottle_inner .bottle08 {
top: 69%;
left: 80%;
z-index: 5;
}
#mainvisual .mainvisual_inner .copy01 {
width: 8%;
position: absolute;
top: 0;
left: 0;
}
#mainvisual .mainvisual_inner .copy02 {
width: 8%;
position: absolute;
bottom: 0;
right: 0;
}


/*whats*/
#whats {
}
#whats .whats_wrapper {
width: 84%;
padding: 50px 0 50px;
margin: 0 auto;
}
#whats .whats_inner {
width: 100%;
margin: 0 auto;
position: relative;
}
#whats .whats_inner::before {
content: none;
}
#whats .whats_inner::after {
content: none;
}
#whats .whats_inner h2 {
width: 31.75%;
margin: 0 auto;
position: relative;
}
#whats .whats_inner .catch01 {
width: 94%;
margin: 30px auto;
}
#whats .whats_inner .body {
font-size: 12px;
line-height: 1.8;
color: #000;
text-align: left;
}
#whats .whats_inner .catch02 {
width: 60%;
margin: 50px auto 0;
position: relative;
}
#whats .whats_inner .catch02::before {
content: url("../img/index/whats_ico03.svg");
width: 24%;
position: absolute;
top: 0;
left: 0;
}
#whats .whats_inner .catch02::after {
content: url("../img/index/whats_ico04.svg");
width: 24%;
position: absolute;
top: 0;
right: 0;
}

@media screen and (max-width: 600px) {
  #whats .badge-block-horizontal {
    flex-direction: column;
    align-items: center;
  }

  #whats .badge-block-horizontal .badge-image {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
  }

  #whats .badge-block-horizontal .badge-caption {
    text-align: left;
    width: 90%;
  }
}

/*news*/
#news {
padding-bottom: 40px;
}
#news .news_wrapper {
width: 84%;
background-color: #FFF;
border: 1px #58267d solid;
}
#news .news_inner {
padding: 20px 20px;
}
#news .news_inner h2 {
width: 30%;
margin: 0 auto 20px;
position: relative;
}
#news .news_inner h2::before {
content: url("../img/index/news_ico01.svg");
width: 39%;
position: absolute;
top: 0;
left: 0;
}
#news .news_inner h2::after {
content: url("../img/index/news_ico02.svg");
width: 39%;
position: absolute;
top: 0;
right: 0;
}
#news .news_inner dl {
width: 100%;
display: block;
margin: 0 auto 10px;
}
#news .news_inner dl a {
display: block;
}
#news .news_inner dt {
width: 100%;
font-size: 12px;
line-height: 1.6;
color: #000;
margin: 0 auto 3px;
position: relative;
}
#news .news_inner dt::after {
content: none;
}
#news .news_inner dd {
width: 100%;
font-size: 12px;
line-height: 1.6;
color: #000;
margin: 0 auto;
}
#news .news_inner .btn_more a {
width: 136px;
display: block;
position: relative;
margin: 20px auto 0;
}
#news .news_inner .btn_more a::after {
content: "";
width: 20px;
height: 2px;
background-color: #58267d;
display: block;
position: absolute;
top: 50%;
right: 0;
transform: translate(-50%,-50%);
}

/*countdown banner 20230601*/
#countdown {
width: 100%;
background-color: #8cd223;
margin-top: -16px;
padding-bottom: 40px;
}
#countdown .countdown_wrapper {
width: 100%;
display: flex;
justify-content: center;
}
#countdown .countdown_wrapper .countdown_banner {
width: 84%;
}
#countdown .countdown_wrapper .countdown_banner img {
width: 100%;
}


/*add_weiwebapp 20231114*/
#weiwebapp {
}
#weiwebapp .weiwebapp_wrapper {
width: 100%;
background-color: #8cd223;
margin-top: -16px;
padding-bottom: 40px;
font-size: 12px;
font-weight: 500;
text-align: center;
}
#weiwebapp a {
color:#000;
}

/*line up*/
#lineup {
width: 100%;
padding: 50px 0;
}
#lineup .lineup_title_wrap {
width: 84%;
margin: 0 auto 20px;
position: relative;
display: flex;
flex-wrap: wrap;
}
#lineup .lineup_title_wrap h2 {
width: 35%;
margin: 0 32.5% 15px;
position: relative;
order: 1;
}
#lineup .lineup_title_wrap .lineup_titleimg01 {
width: 10%;
margin: 0 auto;
}
#lineup .lineup_title_wrap .lineup_titleimg02 {
width: 10%;
margin: 0 auto;
}
#lineup .lineup_title_wrap .lineup_titleimg03 {
width: 10%;
margin: 0 auto;
}
#lineup .lineup_title_wrap .lineup_titleimg04 {
width: 10%;
margin: 0 auto;
}
#lineup .lineup_title_wrap .lineup_titleimg05 {
width: 10%;
margin: 0 auto;
}
#lineup .lineup_title_wrap .lineup_titleimg06 {
width: 10%;
margin: 0 auto;
}
#lineup .lineup_title_wrap .lineup_titleimg07 {
width: 10%;
margin: 0 auto;
}
#lineup .lineup_title_wrap .lineup_titleimg08 {
width: 10%;
margin: 0 auto;
}
#lineup .lineup_product_wrapper {
width: 84%;
margin: 0 auto 20px;
}
#lineup .lineup_product_inner {
padding: 20px;
display: flex;
flex-wrap: wrap;
}
#lineup .lineup_product_inner .lineup_product_pkg {
width: 80%;
margin: 0 auto;
position: relative;
}
#lineup .lineup_product_inner .lineup_product_pkg img {
position: relative;
z-index: 2;
}
#lineup .lineup_product_wrapper:nth-child(odd)  .lineup_product_inner .lineup_product_pkg::before {
content: "";
width: 100%;
height: auto;
padding-top: 120%;
display: block;
background: url("../img/index/lineup_bg_odd.svg") 0 0 no-repeat;
background-size: 100% auto;
position: absolute;
z-index: 1;
}
#lineup .lineup_product_wrapper:nth-child(even) .lineup_product_inner .lineup_product_pkg::before {
content: "";
width: 100%;
height: auto;
padding-top: 120%;
display: block;
background: url("../img/index/lineup_bg_even.svg") 0 0 no-repeat;
background-size: 100% auto;
position: absolute;
z-index: 1;
}
#lineup .lineup_product_inner .lineup_product_txt {
width: 100%;
margin: 0 0 0 auto;
}
#lineup .lineup_product_inner .lineup_product_txt h2 {
font-size: 20px;
line-height: 1.8;
margin-bottom: 15px;
font-weight: bold;
letter-spacing: 0.05em;
text-align: center;
}
#lineup .lineup_product_inner .lineup_product_txt h2 .en {
font-family: 'Roboto Condensed', sans-serif;
font-size: 34px;
line-height: 1.0;
letter-spacing: -0.01em;
}
#lineup .lineup_product_inner .lineup_product_txt h2 .en em {
font-size: 20px;
line-height: 1.2;
font-style: normal!important;
display: block;
}
#lineup .lineup_product_inner .lineup_product_txt p.body {
font-size: 12px;
font-weight: 500;
letter-spacing: 0.1em;
line-height: 1.8;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #000;
word-wrap: break-word;
}
#lineup .lineup_product_inner .lineup_product_txt p.spec {
font-size: 12px;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.8;
}
#lineup .lineup_product_inner .lineup_product_txt .alcohol ,
#lineup .lineup_product_inner .lineup_product_txt .capacity ,
#lineup .lineup_product_inner .lineup_product_txt .place ,
#lineup .lineup_product_inner .lineup_product_txt .allergy {
padding-right: 2em;
}
#lineup .lineup_product_inner .lineup_product_txt .place {
display: inline-block;
}
#lineup .lineup_product_inner .lineup_product_txt .allergy {
display: inline;
}

/*special*/
#special {
}
#special .special_wrapper {
width: 100%;
margin: 0 auto;
}
#special .special_inner {
width: 85%;
padding: 50px 0 30px;
margin: 0 auto;
position: relative;
}
#special .special_inner h2 {
width: 34%;
margin: 0 auto 20px;
position: relative;
}
#special .special_inner h2::before {
content: url("../img/index/special_ico01.svg");
width: 33.66%;
position: absolute;
top: 0;
left: 0;
}
#special .special_inner h2::after {
content: url("../img/index/special_ico02.svg");
width: 33.66%;
position: absolute;
top: 0;
right: 0;
}
#special .special_inner .special_article_wrap {
display: flex;
flex-wrap: wrap;
}
#special .special_inner dl {
width: 80%;
margin: 0 auto 20px;
}
#special .special_inner dt {
margin-bottom: 12px;
}
#special .special_inner dd .special_category {
width: 42%;
min-width: 100px;
background-color: #58267d;
border-radius: 999px;
margin-bottom: 6px;
}
#special .special_inner dd .special_date {
font-size: 12px;
font-weight: 500;
color: #000;
}
#special .special_inner dd .special_title {
font-size: 12px;
font-weight: 500;
color: #000;
}

/*recipe*/
#recipe {
}
#recipe .recipe_wrapper {
width: 100%;
margin: 0 auto;
}
#recipe .recipe_inner {
width: 85%;
padding: 50px 0;
margin: 0 auto;
position: relative;
}
#recipe .recipe_inner h2 {
width: 30%;
margin: 0 auto 20px;
position: relative;
}
#recipe .recipe_inner h2::before {
content: url("../img/index/recipe_ico01.svg");
width: 33.66%;
position: absolute;
top: 0;
left: 0;
}
#recipe .recipe_inner h2::after {
content: url("../img/index/recipe_ico02.svg");
width: 33.66%;
position: absolute;
top: 0;
right: 0;
}
#recipe .recipe_inner .recipe_article_wrap {
width: 100%;
}
#recipe .recipe_inner .recipe_slick {
width: 80%;
margin: 0 auto;
}
#recipe .recipe_inner .recipe_slick li {
margin: 0 13px;
}


}