/* reset */
*{ margin:0; padding:0; font-size:10px; box-sizing:border-box; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; outline:none; font-display:swap; }
html,body{ font-family:'Helvetica Neue','Noto Sans TC','Microsoft JhengHei','PingFang TC','Open Sans','Arial',sans-serif; }
html{ -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
body{ margin:0; -webkit-overflow-scrolling:touch; text-align:center; }
:before,:after{ font-family:'icomoon',sans-serif; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,div,a{ display:block; box-sizing:border-box; position:relative;}
a{ background:transparent; text-decoration:none; color:inherit; cursor:pointer; font-size:inherit; line-height:1em; display:inline-block; font-size:inherit;}
a:active{ outline:0; }
b,strong{ font-weight:bold; }
dfn{ font-style:normal; }
img{ border:0; vertical-align:middle; line-height:0; font-size:0; }
input,textarea,button,select,option{ border:0; margin:0; outline:none; padding:0; font-size:1.6rem; font-family:inherit; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; }
label,span{ font-size:inherit; }
textarea{ resize:none; }
select::-ms-expand{ display:none; }
input::-moz-placeholder,textarea::-moz-placeholder{ color:#ccc; }
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#ccc; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#ccc; }
table{ border-collapse:collapse; border-spacing:0; }
td,th{ padding:0; }
h1,h2,h3,h4,h5,h6,p,figure,form,blockquote{ margin:0; font-weight:normal; line-height:1em; margin-bottom:0;}
p,td,th,span,strong,b{ font-size:inherit; line-height:1.6em; }
ul,ol,li,dl,dd{ margin:0; padding:0; font-size:inherit;}
ul,ol{ list-style:none; box-sizing:border-box; }

html{ overscroll-behavior:none; }
body{  }
.wrap{ color:#1A1311; padding-bottom:80px; }
.container-full ,.container{ padding:0 15px; width:100%; margin:0 auto; position:relative; }
h2.title{ font-size:clamp(2.8rem, 6.1vw, 3.6rem); font-weight:bold; display:flex; align-items:center; justify-content:center; padding:1em 0;}
h2.title:before,
h2.title:after{ content:''; width:3em; height:1.7em; background:url(../images/title_before.svg) no-repeat; background-size:contain; }
h2.title:after{ transform:rotate(180deg); }
h2.title span{ margin:0 .2em; }
a.btn_more{ position:relative; background:#FFA326; color:#fff; font-size:1.8rem; border-radius:1.5em; padding:.5em 2.4em;}
a.btn_more:before{ position:absolute; content:''; display:inline-block; width:3.05em; height:2.75em; background:url(../images/icon_more.svg) no-repeat; background-size:100%; left:0; top:50%; transform:translate(-55%, -50%); pointer-events:none; }
a.btn_top{ background:#FFA326; color:#fff; font-size:2rem; border-radius:50%; padding:.5em; position:fixed; bottom:80px; right:15px; z-index:90;}
a.btn_top:before{ content:'\e903'; display:block; }
.slick-slider .slick-arrow{ position:absolute; top:50%; left:50%; z-index:2; width:70px; font-size:0; background:transparent; cursor:pointer; }
.slick-slider .slick-arrow.slick-prev{ transform:rotateY(180deg) translate3d(620px, -50%, -1px); }
.slick-slider .slick-arrow.slick-next{ transform:translate(550px, -50%); }
.slick-slider .slick-arrow:before{ content:''; display:block; width:100%; padding-top:128.6%; background:url(../images/slide-arrow.svg) center top no-repeat; background-size:100% auto; transition:transform .6s; }
.slick-slider .slick-arrow:hover:before{ background-position-y:bottom; transform:translateX(20%);}
.slick-slider .slick-dots li{ display:inline-block; margin:5px; }
.slick-slider .slick-dots li button{ font-size:0; background:#D3D3D3; border-radius:30px; width:30px; height:10px; }
.slick-slider .slick-dots li.slick-active button{ background:#FFA326; }
.page_number{ display:flex; justify-content:center; align-items:center; margin-top:24px; }
.page_number li{ margin:0 6px; }
.page_number input{ width:1.2rem; height:1.2rem; border-radius:50%; background:#D3D3D3; cursor:pointer; }
.page_number input.active{ background:#FFA326; }
.page_number input.arrow{ content:''; width:4rem; height:4rem; background:url(../images/slide-arrow_C.svg) center bottom; background-size:cover; }
.page_number input.arrow[type="button"]:disabled{ background-position:center top; pointer-events:none; }
.page_number input.arrow.prev{ transform:rotateY(180deg); }
.edit{ font-size:clamp(1.4rem, 3.5vw, 1.6rem); line-height:1.4; text-align:left; }
.edit b{ font-size:clamp(1.6rem, 3.6vw, 1.8rem); font-weight:700; }
.edit ul{ list-style:disc; margin-left:1.3em; }
.edit ol{ list-style:decimal; margin-left:1.4em; }

/*p,ol,ul,li,figcaption{ font-size:clamp(1.4rem, 4vw, 1.8rem); line-height:1.6; color:#676767;}*/
/*.loading{ width:100vw; height:100%; min-height:100vh; position:fixed; left:0; top:0; background-color:#FAED91; z-index:100; display:flex; justify-content:center; align-items:center;}
.loading .images_lottie{ width:210px; }
.loading .images_lottie lottie-player{ width:100%; max-width:100%; }
.loading h4{ color:#1B6847; font-weight:400; }*/

header{ position:relative; z-index:90;/*  height:60px; */ } 
header .main_menu{ top:0; left:0; width:100%; padding:15px; max-height:calc(var(--vh, 1vh) * 100); overflow:auto; background:#fff;} 
header .main_menu .logo span{ text-align:left; display:block; }
header .main_menu .logo span:before{ content:'\e905'; font-size:3em; color:#DB002A; }
header .main_menu nav{ font-size:1.6rem; display:flex; flex-direction:column; }
header .main_menu nav a{ padding:1em; border-bottom:dotted 2px #FFDDAF; }
header .main_menu nav a:nth-of-type(1){ border-top:dotted 2px #FFDDAF; }
/* header .main_menu nav a.store{ color:#F0638F; }
header .main_menu nav a.partner{ color:#FFA326; } */
header .main_menu .social{ display:flex; justify-content:space-evenly; align-items:center; } 
header .main_menu .social a{ width:3rem; }
header .main_menu .social a:before{ content:''; display:block; width:100%; font-size:3rem; color:#434242; }
header .main_menu .social a.unite:before{ padding-top:100%; background:url(../images/nav_social_711.svg) center top no-repeat; background-size:contain;  }
header .main_menu .social a.fb:before{ content:'\e906';}
header .main_menu .social a.ig:before{ content:'\e907';}
header .main_menu .social a.youtube:before{ content:'\e908';}
header .main_menu label{ position:absolute; top:15px; right:15px; width:30px; height:30px; display:inline-block; }
header .main_menu label span,
header .main_menu label:before,
header .main_menu label:after{ position:absolute; top:50%; left:0; transform:translateY(-50%); content:''; width:100%; height:3px; background:#DB002A; border-radius:3px; display:inline-block; }
header .main_menu label:before{ top:23%; }
header .main_menu label:after{ top:75%; }
header .main_menu input{ position:absolute; }
header .main_menu input:checked ~ label span,
header .main_menu input:checked ~ label:before,
header .main_menu input:checked ~ label:after{ position:absolute; top:50%; left:0; margin:0; transform:translateY(-50%) rotate(45deg); transition:top .4s ,transform .4s .4s;}
header .main_menu input:checked ~ label span{ transform:translateY(-50%) rotate(135deg); transition:top .4s ,transform .6s .4s;}
header .main_menu nav,
header .main_menu .social{ height:0; overflow:hidden; opacity:0; transform:translateY(-60px); transition:all .6s; }
header .main_menu input:checked ~ nav,
header .main_menu input:checked ~ .social{ height:auto; opacity:1; transform:translateY(0); margin:45px 0 50px; }
header .main_menu input:checked ~ nav{ margin:45px 0 50px; }

footer:before{ content:''; display:block; width:100%; padding-top:7.3%; margin: -1px 0; background:url(../images/footer_top.svg) center bottom no-repeat, #fff; background-size:100% auto; }
footer .text_block{ background:#FFEF71; padding:20px 0; }

.index .slide_kv{ width:100%; }
.index .slide_kv .slick-list{ z-index:1; }
.index .slide_kv .slick-slide img{ width:100%; height:auto; }
.index .news_bg{ background:url(../images/bg@3x.png); background-size:40%; }
.index .news_bg:before,
.index .news_bg:after{ content:''; display:block; width:100%; padding-top:4%; background:url(../images/bg_wave.svg) center top no-repeat; background-size:100% auto;  }
.index .news_bg:after{ background:url(../images/bg_wave_b.svg) center bottom no-repeat; margin-top:60px; }
.index .news_list{ display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 auto;}
.index .news_list li{ width:calc(100% / 2 - 8px); margin-bottom:16px; }
.index .news_list a{ width:100%; background:#fff; box-shadow:0 3px 6px 0 rgba(0,0,0,.16); border-radius:10px; padding:5px;}
.index .news_list a .image-block{ position:relative; width:100%; padding-top:75%; border-radius:10px; overflow:hidden; }
.index .news_list a img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }
.index .news_list a mark{ background:transparent; display:block; text-align:left; margin:.8em 0; font-size:clamp(1.4rem, 3.5vw, 1.6rem);} 
.index .news_list a mark span{ color:#fff; border-radius:1.5em; padding:.1em 1em; }
.index .news_list a.new mark:after{ content:'NEW!'; color:#DC000C; font-weight:bold; margin-left:.2em; }
.index .news_list a.event mark span{ background:#B47CC6; }
.index .news_list a.store mark span{ background:#FFA326; }
.index .news_list a.product mark span{ background:#F0638F; }
.index .news_list a.other mark span{ background:#85C18B; }
.index .news_list a.event mark span:before{ content:'活動'; }
.index .news_list a.store mark span:before{ content:'門市'; }
.index .news_list a.product mark span:before{ content:'商品'; }
.index .news_list a.other mark span:before{ content:'其他'; }
.index .news_list a h3{ font-size:clamp(1.4rem, 3.5vw, 1.6rem); line-height:1.2; text-align:left; height:3.6em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.index .news_list a p.date{ font-size:clamp(1.4rem, 3.5vw, 1.6rem); color:#A5A5A5; text-align:left; }
.index .event .event_group{ display:flex; flex-direction:column; align-items:center; }
.index .event .event_group .nav_block{ position:relative; background:#FFF9E6; width:200px; height:200px; border-radius:50%; display:flex; justify-content:center; align-items:center; box-shadow:8px 8px #d3d3d3;} 
.index .event .event_group .nav_block .text_block .year{ color:#85C18B; font-size:2rem; font-weight:bolder; line-height:1; }
.index .event .event_group .nav_block .text_block .month{ position:relative; color:#B47CC6; font-size:clamp(8rem, 20vw, 10rem);  font-weight:bolder; line-height:.9;}
.index .event .event_group .nav_block .text_block .month:after{ position:absolute; top:50%; right:0; content:'月'; font-size:2rem; transform:translate(100%, 50%); font-weight:bolder; }
.index .event .event_group .nav_block .arrow{ position:absolute; top:50%; transform:translateY(-50%); width:46px; cursor:pointer; }
.index .event .event_group .nav_block .arrow.arrow-prev{ left:0; transform:translateY(-50%) rotateY(180deg); }
.index .event .event_group .nav_block .arrow.arrow-next{ right:0; }
.index .event .event_group .nav_block .arrow:before{ content:''; display:block; width:100%; padding-top:100%; background:url(../images/slide-arrow_B.svg) center 0 no-repeat; background-size:100% auto; transition:transform .6s;  }
.index .event .event_group .nav_block .arrow:hover:before{ background-position-y:90%; transform:translateX(20%);}
.index .event .event_group .list{ width: 100%; border-top:solid 1px #FFD3E1; margin:36px 0; }
.index .event .event_group .list .comingsoon { height: 200px; }
.index .event .event_group .list li{ border-bottom:solid 1px #FFD3E1; }
.index .event .event_group .list a{ display:flex; justify-content:space-between; align-items:center; padding:.8em .5em;} 
.index .event .event_group .list a:after{ content:'\e904'; font-size:2rem; color:#F0638F; }
.index .event .event_group .list .day{ font-size:clamp(3rem, 7.6vw, 3.6rem); color:#FFA326; font-weight:bolder; flex:0 0 1.7em; }
.index .event .event_group .list .day:after{ content:'日'; font-size:.4em; }
.index .event .event_group .list h3{ font-size:clamp(1.6rem, 4vw, 2rem); line-height:1.2; text-align:left; max-height:2.4em; padding:0 1.5em 0 1em; flex:2 2 auto; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

.characters_intro .characters_list .slideshow{ position:relative; width:100%;  }
.characters_intro .characters_list .slideshow:before{ content:''; width:100%; padding-top:100%; display:block; }
.characters_intro .characters_list .slideshow img{ position:absolute; width:100%; height:auto; top:0; left:0; display:none; }
.characters_intro .characters_list{ background:url(../images/bg2@3x.png); background-size:40%; padding-bottom:0; }
.characters_intro .characters_list .tabs{ display:flex; flex-direction:column; position:relative; }
.characters_intro .characters_list .tabs:before,
.characters_intro .characters_list .tabs:after{ content:''; display:block; width:100vw; position:absolute; left:50%; z-index:0; } 
.characters_intro .characters_list .tabs:before{ background:url(../images/bg_wave_b.svg) 9% bottom no-repeat; padding-top:4vw; background-size:auto 100%; top:0; transform:translate(-50%, 16vw); }
.characters_intro .characters_list .tabs:after{ height:calc(100% - 20vw); bottom:0; transform:translateX(-50%); background:#fff;}
.characters_intro .characters_list .tabs li{ z-index:2; margin-bottom:24px; pointer-events:auto; }
.characters_intro .characters_list .tabs li.ui-tabs-active{ position:absolute; opacity:0; pointer-events:none; }
.characters_intro .characters_list .tabs li a{ display:flex; align-items:center; }
.characters_intro .characters_list .tabs li:nth-of-type(even) a{ flex-direction:row-reverse; }
.characters_intro .characters_list .tabs li .images_block{ flex:0 0 50%; }
.characters_intro .characters_list .tabs li .text_block{ flex:0 0 50%; text-align:left; }
.characters_intro .characters_list .tabs li:nth-of-type(even) .text_block{ text-align:right; }
.characters_intro .characters_list .tabs li .text_block:after{ content:'more'; margin-top:.3em; display:inline-block; border-bottom:solid 1px; padding-bottom:.2em;} 
.characters_intro .characters_list .tabs li .text_block h3{ font-size:clamp(1.8rem, 2.8vw, 3rem); font-weight:bold; margin-bottom:.3em; }
.characters_intro .characters_list .tabs li .text_block p{ color:#1A1311; font-size:clamp(1.4rem, 1.8vw, 1.8rem);}
.characters_intro .characters_list .tabs li.open .text_block{ color:#FFA326; }
.characters_intro .characters_list .tabs li.please .text_block{ color:#E40065; }
.characters_intro .characters_list .tabs li.lock .text_block{ color:#884798; }
.characters_intro .characters_list .tabs li.momo .text_block{ color:#E784A1; }
.characters_intro .characters_list .tabs li.bako .text_block{ color:#55BAE0; }
.characters_intro .characters_list .tabs li.chikuwa .text_block{ color:#D7A87A; }
.characters_intro .characters_list .tabs li.chimaki .text_block{ color:#5F8745; }
.characters_intro .intro_box .caption{ position:relative; border-radius:20px 20px 0 0; display:block; padding:3em 0 1em; margin-top:1.5em; font-size:clamp(1.4rem, 3.5vw, 2rem); z-index:2; box-shadow:2px 0 6px rgb(0 0 0 / 30%);}
.characters_intro .intro_box .caption h3{ position:absolute; top:0; width:100%; font-size:clamp(2.8rem, 7vw, 3.6rem); font-weight:bold; height:2em; display:flex; justify-content:center; align-items:center; transform:translateY(-50%);} 
.characters_intro .intro_box .caption h3 span{ position:relative; color:#fff; }
.characters_intro .intro_box .caption h3:before{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); content:''; display:inline-block; width:2em; height:2em; border-radius:50%;}
.characters_intro .intro_box .caption h4{ font-size:clamp(1.4rem, 3.5vw, 2rem); font-weight:bold; }
.characters_intro .intro_box figure{ background:#fff; padding:15px; border-radius:0 0 20px 20px; box-shadow:0 3px 6px rgba(0,0,0,.3); display:flex; flex-direction:column; align-items:center;} 
.characters_intro .intro_box figure .images_block{ max-width:70vmin; }
.characters_intro .intro_box figure figcaption tr{ border-top:solid 1px #f0f0f0; }
.characters_intro .intro_box figure figcaption th,
.characters_intro .intro_box figure figcaption td{ vertical-align:top; font-size:clamp(1.4rem, 2vw, 1.6rem); line-height:1.4em; padding:.5em .2em; text-align:left;}
.characters_intro .intro_box figure figcaption th{ width:7em; }
.characters_intro .intro_box figure figcaption td{ text-align:left;  }
.characters_intro .intro_box.open .caption{ background:#FFECD8;  } 
.characters_intro .intro_box.open .caption h3:before{ background:#EF8200; box-shadow:1.5em 0 0 0 #EF8200,3em 0 0 0 #EF8200,-1.5em 0 0 0 #EF8200,-3em 0 0 0 #EF8200;}
.characters_intro .intro_box.open figure figcaption th{ color:#EF8200;}
.characters_intro .intro_box.please .caption{ background:#FFD8E9; } 
.characters_intro .intro_box.please .caption h3:before{ background:#E40065; box-shadow:1.5em 0 0 0 #E40065,3em 0 0 0 #E40065,-1.5em 0 0 0 #E40065,-3em 0 0 0 #E40065;}
.characters_intro .intro_box.please figure figcaption th{ color:#E40065;}
.characters_intro .intro_box.lock .caption{ background:#F1E3F1; } 
.characters_intro .intro_box.lock .caption h3:before{ background:#884798; box-shadow:1.5em 0 0 0 #884798,3em 0 0 0 #884798,-1.5em 0 0 0 #884798,-3em 0 0 0 #884798;}
.characters_intro .intro_box.lock figure figcaption th{ color:#884798;}
.characters_intro .intro_box.momo .caption{ background:#FFECF1; } 
.characters_intro .intro_box.momo .caption h3:before{ background:#E784A1; box-shadow:1.5em 0 0 0 #E784A1,3em 0 0 0 #E784A1,-1.5em 0 0 0 #E784A1,-3em 0 0 0 #E784A1;}
.characters_intro .intro_box.momo figure figcaption th{ color:#E784A1;}
.characters_intro .intro_box.bako .caption{ background:#E2F6FC; } 
.characters_intro .intro_box.bako .caption h3:before{ background:#55BAE0; box-shadow:1.5em 0 0 0 #55BAE0,3em 0 0 0 #55BAE0,-1.5em 0 0 0 #55BAE0,-3em 0 0 0 #55BAE0;}
.characters_intro .intro_box.bako figure figcaption th{ color:#55BAE0;}
.characters_intro .intro_box.chikuwa .caption{ background:#FBF2EB; } 
.characters_intro .intro_box.chikuwa .caption h3:before{ background:#D7A87A; box-shadow:1.5em 0 0 0 #D7A87A,3em 0 0 0 #D7A87A,-1.5em 0 0 0 #D7A87A,-3em 0 0 0 #D7A87A;}
.characters_intro .intro_box.chikuwa figure figcaption th{ color:#D7A87A;}
.characters_intro .intro_box.chimaki .caption{ background:#E6EEE3; } 
.characters_intro .intro_box.chimaki .caption h3:before{ background:#5F8745; box-shadow:1.5em 0 0 0 #5F8745,3em 0 0 0 #5F8745,-1.5em 0 0 0 #5F8745,-3em 0 0 0 #5F8745;}
.characters_intro .intro_box.chimaki figure figcaption th{ color:#5F8745;}



.good .slide_kv{ width:100%; }
.good .slide_kv .slick-slide img{ width:100%; height:auto; }
.good .goods_list_bg{ background:linear-gradient(to bottom, rgba(255,255,255,0) 44.9%,rgba(255,255,255,1) 45%),url(../images/bg4@3x.png); background-size:100% ,40%; }
.good .goods_list_bg:before,
.good .goods_list_bg:after{ content:''; display:block; width:100%; padding-top:4%; background:url(../images/bg_wave.svg) center top no-repeat; background-size:100% auto; }
.good .goods_list_bg:after{ position:absolute; background:url(../images/bg_wave_b.svg) center bottom no-repeat; margin-top:60px; bottom:55%;}
.good .goods_list .goods_tabs{ font-size:clamp(1.6rem, 5.2vw, 2rem); color:#fff; font-weight:600; }
.good .goods_list .goods_tabs li{ display:inline-block; margin:0 4px 10px 4px;  }
.good .goods_list .goods_tabs li a{ padding:.6em 1.2em; background:#85C18B; border-radius:1.5em;}
.good .goods_list .goods_tabs li a.active{ background:#FFA326; pointer-events:none; }
.good .goods_list{ z-index:2; }
.good .goods_list .goods_box{ display:flex; flex-wrap:wrap; }
.good .goods_list .goods_box a{ width:calc(50% - 8px); padding:5px 5px 10px 5px; margin:15px 4px 0 4px; background:#fff; border-radius:10px; box-shadow:0 0px 3px 3px #00000017; text-align:left; }
.good .goods_list .goods_box a .images_block{ position:relative; width:100%; }
.good .goods_list .goods_box a .images_block:before{ content:''; display:block; width:100%; padding-top:100%; }
.good .goods_list .goods_box a .images_block img{ position:absolute; width:100%; height:100%; top:0; left:0; object-fit:contain; border-radius:10px; }
.good .goods_list .goods_box a h3{ font-size:clamp(1.2rem, 3.8vw, 1.8rem); font-weight:500; line-height:1.2; margin-top: 2.4em; } 
.good .tags_block{ position: absolute; margin:8px 0 6px; }
.good .tags_block span{ font-size:clamp(1.2rem, 3.4vw, 1.8rem); font-weight:600; margin-right:6px;  }
.good .tags_block span.new{ font-size:clamp(1.2rem, 3.4vw, 1.8rem); }
.good .tags_block .bg{ border-radius:1.5em; color:#fff; padding:.2em .8em; }
.good .tags_block .bg.pre-order{ background:#DC000C; }
.good .tags_block .new{ color:#DC000C; animation:new_Act .8s ease-in-out infinite alternate;}
@keyframes new_Act { to{ color:#e889b6; } }
.good .comingsoon {margin-top: 30px;}

.good.detail{ background:linear-gradient(to bottom, rgba(255,255,255,0) 44.9%,rgba(255,255,255,1) 45%),url(../images/bg4@3x.png); background-size:100% ,40%; padding:24px 0; }
.good.detail:before{ position:absolute; content:''; display:block; width:100%; padding-top:4%; background:url(../images/bg_wave_b.svg) center bottom no-repeat; margin-top:60px; bottom:55%; }
.good.detail .goods_box{ background:#fff; border-radius:10px; box-shadow:0 0px 3px 3px #00000017; overflow:hidden; }
.good.detail .slick-slider .slick-dots li button{ width:10px; }
.good.detail .goods_block,
.good.detail .note_block{ padding:16px; }
.good.detail .text_block{ text-align:left; }
.good.detail .text_block h3{ font-size:clamp(2rem, 6vw, 3rem); font-weight:700; margin:.4em 0 .8em; }
.good.detail .text_block .edit{ font-size:clamp(1.4rem, 3.5vw, 1.6rem); }
.good.detail .text_block .edit b{ font-size:clamp(1.6rem, 3.6vw, 1.8rem); }
.good.detail .btn_group{ display:flex; flex-direction:column; align-items:center; } 
.good.detail .btn_group .btn{ border-radius:3em; padding:.6em 1.2em; color:#fff; font-weight:600; font-size:clamp(1.6rem, 5.2vw, 2rem); margin:6px; }
.good.detail .btn_group .btn.buy{ background:#F0638F; }
.good.detail .btn_group .btn.back{ background:#FFA326; }
.good.detail .note_block{ background:#85C18B; color:#fff; }
.good.detail .tags_block { position: relative; }



.news .tags_block{ margin:8px 0 6px; }
.news .tags_block span{ font-size:clamp(1.2rem, 3.4vw, 1.8rem); font-weight:600; }
.news .tags_block span.new{ font-size:clamp(1.2rem, 3.4vw, 1.8rem); }
.news .tags_block span + span{ margin-left:6px; }
.news .tags_block .bg{ border-radius:1.5em; padding:.2em .8em; background: #fff; }
.news .tags_block .bg.event { color: #B47CC6; }
.news .tags_block .bg.store { color: #FFA326; }
.news .tags_block .bg.product { color: #F0638F; }
.news .tags_block .bg.other { color: #85C18B; }
.news .tags_block .new{ color:#FFED00; animation:new_Act .8s ease-in-out infinite alternate;}

.news .news_list_bg{ background:linear-gradient(to bottom, rgba(255,255,255,0) 44.9%,rgba(255,255,255,1) 45%),url(../images/bg@3x.png); background-size:40%; padding:24px 0; }
.news .news_list_bg:before{ position:absolute; content:''; display:block; width:100%; padding-top:4%; background:url(../images/bg_wave_b.svg) center bottom no-repeat; margin-top:60px; bottom:55%; }
.news .news_tabs{ font-size:clamp(1.6rem, 5.2vw, 2rem); color:#fff; font-weight:600; margin-bottom: 10px;}
.news .news_tabs li{ display:inline-block; margin:0 4px 10px;  }
.news .news_tabs li a{ padding:.6em 1.2em; background:#DC000C; border-radius:1.5em;}
.news .news_tabs li a.active{ background:#DC000C; pointer-events:none; }
.news .news_tabs li.event a,
.news .news_tabs li.event a.active{ background:#B47CC6; }
.news .news_tabs li.store a,
.news .news_tabs li.store a.active{ background:#FFA326; }
.news .news_tabs li.product a,
.news .news_tabs li.product a.active{ background:#F0638F; }
.news .news_tabs li.other a,
.news .news_tabs li.other a.active{ background:#85C18B; }

.comingsoon { width:100%; height: 300px; background:url('../images/img-comingsoon.png') center center no-repeat #fff; background-size: contain; border-radius:10px; padding:8px; position: relative; z-index: 10;}
.comingsoon img { height: 100%; }
.news .illustration { width:18%; max-width: 165px; position: absolute; right: 3%; top: 14%; }
.news .illustration img { width:100%; }
.news .news_list{ display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 auto; position: relative;}
.news .news_list li{ width:calc(100% / 2 - 5px); margin-bottom:10px; }
.news .news_list a{ width:100%; background:#fff; box-shadow:0 3px 6px 0 rgba(0,0,0,.16); border-radius:10px; padding:8px;}
.news .news_list a .image-block{ position:relative; width:100%; padding-top:75%; border-radius:10px; overflow:hidden; }
.news .news_list a img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }
.news .news_list a mark{ background:transparent; display:block; text-align:left; margin:.8em 0; font-size:clamp(1.4rem, 3.5vw, 1.6rem);} 
.news .news_list a mark span{ color:#fff; border-radius:1.5em; padding:.1em 1em; }
.news .news_list a.new mark:after{ content:'NEW!'; color:#DC000C; font-weight:bold; margin-left:.2em; animation:new_Act .8s ease-in-out infinite alternate; }
.news .news_list a.event mark span{ background:#B47CC6; }
.news .news_list a.store mark span{ background:#FFA326; }
.news .news_list a.product mark span{ background:#F0638F; }
.news .news_list a.other mark span{ background:#85C18B; }
.news .news_list a.event mark span:before{ content:'活動'; }
.news .news_list a.store mark span:before{ content:'門市'; }
.news .news_list a.product mark span:before{ content:'商品'; }
.news .news_list a.other mark span:before{ content:'其他'; }
.news .news_list a h3{ font-size:clamp(1.4rem, 3.5vw, 1.6rem); line-height:1.2; text-align:left; height:3.6em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.news .news_list a p.date{ font-size:clamp(1.4rem, 3.5vw, 1.6rem); color:#A5A5A5; text-align:left; }
.news .page_number input{ width:4rem; height:4rem; border-radius:50%; color: #696969; background: #ffffff; cursor:pointer; }
.news .page_number input.active{ background:#FFA326; color: #fff; }
.news .page_number input.arrow{ content:''; width:4rem; height:4rem; background:url(../images/slide-arrow_C.svg) center bottom; background-size:cover; }
.news .page_number input.arrow[type="button"]:disabled{ background-position:center top; pointer-events:none; }
.news .page_number input.arrow.prev{ transform:rotateY(180deg); }


.news.detail{ background:linear-gradient(to bottom, rgba(255,255,255,0) 24.9%,rgba(255,255,255,1) 25%),url(../images/bg@3x.png); background-size:100% ,40%; padding:24px 0; }
.news.detail:before{ position:absolute; content:''; display:block; width:100%; padding-top:4%; background:url(../images/bg_wave_b.svg) center bottom no-repeat; margin-top:60px; bottom:55%; }
.news.detail .news_box{ background:#fff; border-radius:10px; box-shadow:0 0px 3px 3px #00000017; overflow:hidden; }
.news.detail .slick-slider .slick-dots li button{ width:10px; }
.news.detail .title_block { width: 100%; color: #fff;display: flex; flex-wrap: wrap; padding: 16px; }
.news.detail .title_block.event { background: #B47CC6; }
.news.detail .title_block.store { background: #FFA326; }
.news.detail .title_block.product { background: #F0638F; }
.news.detail .title_block.other { background: #85C18B; }
.news.detail .title_block p.date{ font-size:clamp(1.4rem, 3.5vw, 1.6rem); color:#fff; text-align:left; }
.news.detail .title_block h3{ width: 100%; font-size:clamp(2rem, 6vw, 3rem); font-weight:700; margin:0 0 .4em; text-align: left; line-height: 1.2em;}
.news.detail .news_block { padding:16px; }
.news.detail .images_block img { border-radius: 10px; }
.news.detail .text_block{ text-align:left; }
.news.detail .text_block .edit{ font-size:clamp(1.4rem, 3.5vw, 1.6rem); margin-top: 20px; }
.news.detail .text_block .edit h4{ font-size:clamp(1.6rem, 3.6vw, 1.8rem); font-weight: bold; margin-bottom: 10px; }
.news.detail .text_block .edit b{ font-size:clamp(1.6rem, 3.6vw, 1.8rem); }
.news.detail .text_block .edit p{ margin-bottom: .5em; }
.news.detail .text_block .edit p.time { width: 100%; min-height: 35px; background: #FFF5D9; color: #FFA326; font-weight: bold; text-align: center; padding: 5px 20px; border-radius: 30px; margin-bottom: 20px; }
.news.detail .text_block .edit ul{ margin-bottom: 10px; }
.news.detail .btn_group{ display:flex; flex-direction:column; align-items:center; margin-top: 20px; } 
.news.detail .btn_group .btn{ border-radius:3em; padding:.6em 1.2em; color:#fff; font-weight:bold; font-size:clamp(1.6rem, 5.2vw, 2rem); margin:6px; }
.news.detail .btn_group .btn.btn_more{ padding:.5em 2.4em; }
.news.detail .btn_group .btn.back{ background:#fff; border:2px solid #FFA326; color: #FFA326; transition: .5s;}
.news.detail .btn_group .btn.back:hover{ background:#FFA326; border:2px solid #FFA326; color: #fff; transition: .5s;}
.news.detail .more-news_box { width: 100%; background: url('../images/dividing_line-1.svg') left top repeat-x; padding: 30px 0 0; margin-top:30px; }
.news.detail .more-news_box h3.tit { width: 100%; font-size:clamp(2rem, 6vw, 3rem); font-weight:700; margin:0 0 .4em; text-align: left; line-height: 1.2em; color: #FFA326 }
.news.detail .news_list li{ width:100%; margin-bottom:10px; }
.news.detail .news_block .news_slide img{ border-radius:10px; max-width:480px; height:auto;}




.schedule {overflow-x: hidden;}
.schedule,
.schedule.detail{ background:linear-gradient(to bottom, rgba(255,255,255,0) 24.9%,rgba(255,255,255,1) 25%),url(../images/bg3@3x.png); background-size:100% ,40%; padding:20px 0; }
.schedule:before,
.schedule.detail:before{ position:absolute; content:''; display:block; width:100%; padding-top:4%; background:url(../images/bg_wave_b.svg) center bottom no-repeat; margin-top:60px; bottom:75%; }
.schedule .schedule_list { width: 100%; max-width: 1000px; margin: 0 auto; border-bottom: 1px solid #FFD3E1; }
.schedule .schedule_list li a { width: 100%; border-top: 1px solid #FFD3E1; display: flex; align-items: center; padding:20px 60px 20px 20px; transition: .5s; }
.schedule .schedule_list li a:hover { background: #FFF9E6; transition: .5s; }
.schedule .schedule_list li a:after { content:''; width:20px; height: 18px; display:block; background:url(../images/icon-arrow.svg) no-repeat; position: absolute; right: 25px; }
.schedule .schedule_list li a .date { min-width: 1.7em; font-size:clamp(3rem, 7vw, 3.6rem); font-weight: bold; text-align: right; color: #FFA326; line-height: 1; }
.schedule .schedule_list li a .date span { font-size:.3em; }
.schedule .schedule_list li a h4 { font-size:clamp(1.8rem, 4vw, 2rem); font-weight: bold; line-height: 1.2em; color: #1A1311; margin-left: .5em; text-align: left;}

.schedule .schedule_tabs { width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
.schedule .schedule_tabs li { margin: 0 10px; }
.schedule .schedule_tabs li.date_block a { width: 160px; height: 160px; border-radius: 50%; background: #FDBB51; margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-direction: column; transition: .5s; }
.schedule .schedule_tabs li.date_block a:hover { transform: translateY(-10px); transition: .5s; }
.schedule .schedule_tabs li.date_block.active a { width: 220px; height: 220px; background: #FFF9E6; margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-direction: column; box-shadow: 7px 7px 0 rgba(0, 0, 0, .15); cursor:default;}
.schedule .schedule_tabs li.date_block.active a:hover { transform: translateY(0); }
.schedule .schedule_tabs li.date_block .year { font-size:clamp(1.8rem, 4vw, 2rem); font-weight: bold; color: #fff; line-height: 1; }
.schedule .schedule_tabs li.date_block .mon { font-size:clamp(5rem, 12vw, 6rem); font-weight: bold; color: #fff; line-height: 1; }
.schedule .schedule_tabs li.date_block .mon span { font-size:.3em; }
.schedule .schedule_tabs li.date_block.active .year { font-size:clamp(2.8rem, 6vw, 3rem); color: #85C18B; }
.schedule .schedule_tabs li.date_block.active .mon { font-size:clamp(8rem, 20vw, 10rem); color: #B47CC6; }
.schedule .schedule_tabs li.date_block .date span { font-weight: lighter; line-height: 1; }
.schedule .schedule_tabs li.arrow { margin: 0; align-self: flex-end; }
.schedule .schedule_tabs li.arrow a {width:4rem; height:4rem; content:''; background:url(../images/slide-arrow_C.svg) center bottom; background-size:cover; margin: 0 -15px; }
.schedule .schedule_tabs li.arrow.prev a { transform:rotateY(180deg); }
.schedule .illustration { width: 230px; margin: 30px auto 0; }
.schedule .illustration img { width:100%; }


.schedule.detail .schedule_box{ background:#fff; border-radius:10px; box-shadow:0 0px 3px 3px #00000017; margin-top:80px; }
.schedule.detail .slick-slider .slick-dots li button{ width:10px; }
.schedule.detail .title_block { width: 100%; color: #1A1311; display: flex; flex-wrap: wrap; align-items: center; padding: 96px 16px 0; position: relative; }
.schedule.detail .title_block h3{ width: 100%; font-size:clamp(2rem, 6vw, 3rem); font-weight:700; text-align: left; line-height: 1.2em;}
.schedule.detail .date_block { width: 160px; height: 160px; border-radius: 50%; background: #FFF9E6; position: absolute; top: -80px; left: calc(50% - 80px); margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.schedule.detail .date_block .year { font-size:clamp(1.8rem, 4vw, 2rem); font-weight: bold; color: #85C18B; line-height: 1; }
.schedule.detail .date_block .date { font-size:clamp(4rem, 10vw, 5rem); font-weight: bold; color: #B47CC6; line-height: 1; }
.schedule.detail .date_block .date span { font-weight: lighter; line-height: 1; }
.schedule.detail .schedule_block{ padding:16px; }
.schedule.detail .schedule_block .images_block-detail img { border-radius:10px; }
.schedule.detail .text_block{ text-align:left; }
.schedule.detail .text_block .edit{ font-size:clamp(1.4rem, 3.5vw, 1.6rem); margin-top: 20px; }
.schedule.detail .text_block .edit h4{ font-size:clamp(1.6rem, 3.6vw, 1.8rem); font-weight: bold; margin:20px 0 10px; color: #FFA326; display: flex; align-items: center; }
.schedule.detail .text_block .edit h4:before{ content:''; width: 1em; height: 1em; display:block; background: url('../images/icon-star.svg') no-repeat; background-size: contain; margin-right:5px; }
.schedule.detail .text_block .edit h4:first-child { margin:0 0 10px;}
.schedule.detail .text_block .edit b{ font-size:clamp(1.6rem, 3.6vw, 1.8rem); }
.schedule.detail .text_block .edit p{ margin-bottom: .5em; }
.schedule.detail .text_block .edit ul{ margin-bottom: 10px; }
.schedule.detail .btn_group{ display:flex; flex-direction:column; align-items:center; margin-top: 20px; } 
.schedule.detail .btn_group .btn{ border-radius:3em; padding:.6em 1.2em; color:#fff; font-weight:bold; font-size:clamp(1.6rem, 5.2vw, 2rem); margin:6px; }
.schedule.detail .btn_group .btn.btn_more{ padding:.5em 2.4em; }
.schedule.detail .btn_group .btn.back{ background:#fff; border:2px solid #FFA326; color: #FFA326; transition: .5s;}
.schedule.detail .btn_group .btn.back:hover{ background:#FFA326; border:2px solid #FFA326; color: #fff; transition: .5s;}



.store .store_list_box { background:linear-gradient(to bottom, rgba(255,255,255,0) 24.9%,rgba(255,255,255,1) 25%),url(../images/bg6@3x.png); background-size:100% ,40%; padding:20px 0; overflow-x: hidden; }
.store .store_list_box:before { position:absolute; content:''; display:block; width:100%; padding-top:4%; background:url(../images/bg_wave_b.svg) center bottom no-repeat; margin-top:60px; bottom:75%; }
.store .store-kv img { width: 100%; margin-bottom: 10px; }

.store .store_tabs { font-size:clamp(1.6rem, 5.2vw, 2rem); color:#fff; font-weight:600; margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: center;}
.store .store_tabs li { margin:0 4px 10px; }
.store .store_tabs.tabs a{ width: 100%; height: 100%; display: flex; padding:.6em 1.2em; background:#F0638F; border-radius:1.5em;}
.store .tabs a:hover,
.store .tabs a.active{ background:#FFA326; }
.store .tabs a.active{ pointer-events:none; }

.store .store_list { max-width: 1000px; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 auto; position: relative;}
.store .store_list li{ width:calc(100% / 2 - 5px); max-width: 500px; margin-bottom:10px; text-align:left; }
.store .store_list a { width:100%; background:#fff; box-shadow:0 3px 6px 0 rgba(0,0,0,.16); border-radius:10px; padding:10px;}
.store .store_list a .image-block{ position:relative; width:100%; padding-top:100%; border-radius:10px; overflow:hidden; }
.store .store_list a img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }
.store .store_list .text_block{ width:100%; display: flex; align-items: flex-end; flex-direction: column; margin-top:10px; }
.store .store_list h3 { font-size:clamp(2rem, 4.8vw, 2.4rem); line-height:1.2; color: #F0638F; font-weight: bold; margin-bottom:3px;}
.store .store_list .address {font-size:clamp(1.4rem, 3.5vw, 1.6rem); line-height: 1.2; font-size:clamp(1.4rem, 3.5vw, 1.6rem); color:#1A1311; }
.store .store_list .address:before { content:'地點：'; display:inline-block; color:#FFA326; font-weight: bold; }
.store .store_list .text { width:100%;}
.store .store_list .more { width:60px; height: 30px; border-radius: 30px; background:#FFA326; color:#fff; display: flex; justify-content:center; align-items: center;}

.store .slick-slider .slick-dots li button{ width:10px; }
/*.store .images_block { margin-bottom: 20px; }
.store .images_block img { border-radius: 10px; margin: 0 5px 10px 5px; }*/
.store.detail .store_block{ display:flex; flex-direction:column; gap:20px; padding:16px 0; }
.store.detail .store_slide{ max-width:480px; }
.store.detail .store_slide img{ border-radius:10px; margin:0 5px 10px 5px;}


.store .store_list.flagship a { display: flex; flex-direction: column; align-items: flex-end;}
.store .store_list.flagship h3 { width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; font-size:clamp(2rem, 4.8vw, 2.4rem); color: #F0638F; background: #FFF2F6; border-top: 1px solid #FFBACF; border-bottom: 1px solid #FFBACF; font-weight: bold; margin-bottom:10px;}
.store .store_list.flagship .text_block{ align-items: flex-start; margin-top:0px;}
.store .store_list.flagship .address { margin-bottom:5px; }
.store .store_list.flagship .address:before { background: url('../images/icon-star.svg') no-repeat; background-size: contain; padding-left: 1.5em; }
.store .store_list.flagship .address button.icon-location { width: 15px; height: 20px; padding: 0; border-radius: 0; box-shadow: none; margin-left:5px; }
.store .store_list.flagship .tel {font-size:clamp(1.4rem, 3.5vw, 1.6rem); line-height: 1.2; font-size:clamp(1.4rem, 3.5vw, 1.6rem); color:#1A1311; }
.store .store_list.flagship .tel:before { content:'電話：'; background: url('../images/icon-star.svg') no-repeat; background-size: contain; padding-left: 1.5em; display:inline-block; color:#FFA326; font-weight: bold; }

.store.detail .slick-slider .slick-dots li button{ width:10px; }
.store.detail .images_block img { border-radius: 10px; }
.store.detail .text_block{ text-align:left; flex: 1; }
.store.detail .text_block .edit { font-size:clamp(1.4rem, 3.5vw, 1.6rem); }
.store.detail .text_block .edit h3{ width: 100%; font-size:clamp(2.4rem, 6vw, 3rem); color: #F0638F; font-weight:700; margin:0 0 .6em; text-align: left; line-height: 1.2em;}
.store.detail .text_block .edit h4{ font-size:clamp(1.6rem, 3.6vw, 1.8rem); color: #FFA326; font-weight: bold; margin-bottom: 5px; }
.store.detail .text_block .edit h4:before {content:''; background: url('../images/icon-star.svg') no-repeat; background-size: contain; padding-left: 1.5em;}
.store.detail .text_block .edit b{ font-size:clamp(1.6rem, 3.6vw, 1.8rem); }
.store.detail .text_block .edit .address a { width: 15px; height: 20px; padding: 0; border-radius: 0; box-shadow: none; margin-left:5px; transition:all .6s cubic-bezier(0,.77,.42,.99);}
.store.detail .dividing-line { width: 100%; height: 5px; background: url('../images/dividing_line-2.svg') repeat-x; display: block; margin:15px 0;}
.store.detail .btn_group{ display:flex; flex-direction:column; align-items:center; margin-top: 20px; } 
.store.detail .btn_group .btn{ border-radius:3em; padding:.6em 1.2em; color:#fff; font-weight:bold; font-size:clamp(1.6rem, 5.2vw, 2rem); margin:15px 0; }
.store.detail .btn_group .btn.back{ background:#fff; border:2px solid #F0638F; color: #F0638F; transition: .5s;}
.store.detail .btn_group .btn.back:hover{ background:#F0638F; border:2px solid #F0638F; color: #fff; transition: .5s;}

.display-mobile { display: block; }

/* 手機優先 ---------------------------------------------------------------------------------------------------------*/
/*  暗黑模式  */
@media (prefers-color-scheme:dark) { ... }

/* 直式 */
@media (orientation:portrait){ ... }

/* 橫式 */
@media (orientation:landscape){ ... }

/* applies to x-small devices (landscape phones, less than 375px)  */
@media (min-width:375px) { ... }

/* applies to small devices (landscape phones, less than 768px) */
@media (min-width:767.98px) { 
.index .event .event_group .list a:after{ /* display:none; */ }

.characters_intro .characters_list .tabs:before{ transform:translate(-50%, 100px); }
.characters_intro .characters_list .tabs:after{ height:calc(100% - 4vw - 100px); }
.characters_intro .characters_list .tabs{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; }
.characters_intro .characters_list .tabs li{ width:calc(25% - 30px); max-width:280px; margin:15px; z-index:2; order:2; } 
.characters_intro .characters_list .tabs li.ui-tabs-active{ position:relative; margin-left:calc(-25% + 25px); z-index:-1; order:1; }
.characters_intro .characters_list .tabs li a,
.characters_intro .characters_list .tabs li:nth-of-type(even) a{ flex-direction:column; }	
.characters_intro .characters_list .tabs li .text_block,
.characters_intro .characters_list .tabs li:nth-of-type(even) .text_block{ text-align:center; }
.characters_intro .characters_list .tabs li .text_block:after{ display:none; }
.characters_intro .characters_list .tabs li .images_block{ box-shadow:0 0 8px 2px rgb(0 0 0 / 25%); border-radius:50%; margin-bottom:24px; background:#fff; }
.characters_intro .intro_box figure{ flex-direction:row; padding:15px 30px 30px; margin-bottom:48px; }
.characters_intro .intro_box figure figcaption tr{ border-top:none; }
.characters_intro .intro_box figure figcaption th,
.characters_intro .intro_box figure figcaption td{ padding:.2em; }
.characters_intro .intro_box figure figcaption th{ white-space:nowrap; text-align:right; }
.characters_intro .intro_box figure .images_block{ max-width:400px; }

.news .illustration { width:12%; top: 7%; }

.display-mobile { display: none; }

}

/* lg applies to medium devices (tablets, less than 992px) */
@media (min-width:991.98px) { 
.good .goods_list .goods_box a{ }
.good .goods_list .goods_box a{ width:260px; max-width:calc(25% - 14px); padding:10px 10px 15px 10px; margin:15px 6px;}

.good.detail .goods_block{ display:flex; }
.good.detail .goods_block .images_block-detail{ width:480px; margin-right:40px; }
.good.detail .btn_group{ flex-direction:row; }
.good.detail .goods_block,
.good.detail .note_block{ padding:24px 36px; }

.news .news_list li{ width:calc(100% / 3 - 15px); margin-bottom:16px; }

.news.detail .news_block{ display:flex; padding:24px 36px; gap:40px;}
.news.detail .news_block .news_slide  { width:480px; margin-right:40px; }
.news.detail .btn_group{ flex-direction:row; }

.schedule.detail .schedule_block{ display:flex; padding:24px 36px; gap:40px; }
/*.schedule.detail .schedule_block .images_block{ width:480px; margin-right:40px; }*/
.schedule.detail .schedule_block .images_block-detail{ width:480px; }
.schedule.detail .schedule_block .images_block-detail img { border-radius:20px;}
.schedule.detail .btn_group{ flex-direction:row; }
.schedule.detail .title_block h3{ padding: 0 0 0 120px;}

.store.detail .store_block{ display:flex; }
/*.store.detail .store_block .images_block{ width:480px; margin-right:40px; }*/
.store.detail .store_block{ flex-direction:row; gap:40px; }
.store.detail .btn_group{ flex-direction:row; }

.store .store_list_box { background:linear-gradient(to bottom, rgba(255,255,255,0) 24.9%,rgba(255,255,255,1) 25%),url(../images/bg6@3x.png); background-size:100% ,20%; }

}

/* xl applies to large devices (desktops, less than 1200px) */
@media (min-width:1199.98px) { 
.container-full ,.container{ padding:0 30px;}
.container{ max-width:1140px; }
a.btn_more:before{ transition:all 1.2s cubic-bezier(0,.77,.42,.99); }
a.btn_more:hover:before{ left:100%; transform:translate(-45%, -50%) rotate(360deg); }
.btn_block.for_more{ text-align:right; }
a.btn_top{ bottom:80px; right:24px; font-size:3rem; }
.page_number input{ transition:all .6s cubic-bezier(0,.77,.42,.99); }
.page_number input:hover{ box-shadow:0 0 0 2px #ffa227 inset; }
.page_number input.arrow:hover{ box-shadow:none; }
.page_number input.arrow.prev:hover{ transform:rotateY(180deg) translateX(10%); }
.page_number input.arrow.next:hover{ transform:translateX(10%); }
h2.title span{ margin:0 .6em; }

header .main_menu{ padding:20px 30px; display:flex; align-items:center; justify-content:space-between; }
header .main_menu .logo{ }
header .main_menu .logo span:before{ font-size:3.2rem; }
header .main_menu label,
header .main_menu input{ display:none; }
header .main_menu nav,
header .main_menu .social,
header .main_menu input:checked ~ nav,
header .main_menu input:checked ~ .social{ height:auto; opacity:1; transform:translateY(0); }
header .main_menu nav{ flex-direction:row; }
header .main_menu nav a,
header .main_menu nav a:nth-of-type(1){ border:none; position:relative; padding:1em .3em; margin:0 .7em 0 30px; overflow:visible; }
header .main_menu nav a:nth-of-type(1){ margin:0 .7em 0 34px; }
header .main_menu nav a:before{ position:absolute; content:''; display:inline-block; width:33px; height:24px; background:url(../images/nav_icon.svg) no-repeat; background-size:cover; top:50%; left:0; opacity:0; transform:translate(0%, -50%) rotate(25deg); transition:all .5s cubic-bezier(.17,.67,.48,1.24); }
header .main_menu nav a:hover:before{ opacity:1; transform:translate(-100%, -50%) rotate(0deg); }
header .main_menu .social a{ margin-left:2.2rem;  }
header .main_menu .social a:before{ transition:color .6s cubic-bezier(.17,.67,.48,1.24); font-size: 2.6rem; }
header .main_menu .social a:hover:before{ color:#FFA326; }
footer .text_block{ display:flex; justify-content:center; align-items:center; }
footer .text_block img{ margin-right:40px; }
.index .slide_kv .images_block{ padding:0 25px 10px; max-width:1100px; }
.index .slide_kv .images_block a{ border-radius:20px; overflow:hidden; box-shadow:3px 3px 8px rgba(0,0,0,.25); }
.index .slide_kv .slick-slide img{ /*max-width:1100px;*/ /*width:auto; height:550px;*/ }
.index .news_bg{ background-size:20%; }
.index .news_list li{ width:calc(100% / 3 - 16px); margin-bottom:24px; }
.index .news_list a{ padding:10px 10px 16px; transform:scale(1); transition:transform .4s cubic-bezier(.13,1.06,.43,1.25); }
.index .news_list a:hover{ transform:scale(1.1); }
.index .news_list a h3{ -webkit-line-clamp:2; }
.index .event .event_group{ display:flex; flex-direction:row; align-items:center; justify-content:space-between; } 
.index .event .event_group .nav_block{ width:250px; height:250px; flex:0 0 250px; margin-right:100px; }
.index .event .event_group .list{ flex:2 2 auto; }
.index .event .event_group .list h3{ max-height:1.2em; }

.characters_intro .characters_list{ background-size:20%; }
.characters_intro .characters_list .tabs li.open:hover .images_block{ box-shadow:0 0 0 5px #FFA326; }
.characters_intro .characters_list .tabs li.please:hover .images_block{ box-shadow:0 0 0 5px #E40065; }
.characters_intro .characters_list .tabs li.lock:hover .images_block{ box-shadow:0 0 0 5px #884798; }
.characters_intro .characters_list .tabs li.momo:hover .images_block{ box-shadow:0 0 0 5px #E784A1; }
.characters_intro .characters_list .tabs li.bako:hover .images_block{ box-shadow:0 0 0 5px #55BAE0; }
.characters_intro .characters_list .tabs li.chikuwa:hover .images_block{ box-shadow:0 0 0 5px #D7A87A; }
.characters_intro .characters_list .tabs li.chimaki:hover .images_block{ box-shadow:0 0 0 5px #5F8745; }


.good .slide_kv .images_block{ padding:0 25px 10px;  }
.good .slide_kv .images_block a{ border-radius:20px; overflow:hidden; box-shadow:3px 3px 8px rgba(0,0,0,.25); }
.good .slide_kv .slick-slide{ max-width:1100px; }
/*.good .slide_kv .slick-slide img{ width:auto; height:400px; }*/
.good .goods_list_bg{ background:linear-gradient(to bottom, rgba(255,255,255,0) 74.9%,rgba(255,255,255,1) 75%),url(../images/bg4@3x.png); background-size:100% ,20%;  }
.good .goods_list_bg:after{ bottom:25%;}
.good .goods_list .goods_tabs li{ margin:0 4px;  }
.good .goods_list .goods_tabs li a{ transition:all .6s cubic-bezier(0,.77,.42,.99); }
.good .goods_list .goods_tabs li a:hover{ background:#fff; color:#FFA326; box-shadow:0 0 2px 2px #FFA326 inset; }
.good .goods_list .goods_box{ margin-top:24px; }
.good .goods_list .goods_box a{ transition:all .6s cubic-bezier(0,.77,.42,.99); }
.good .goods_list .goods_box a:hover{ transform:translateY(-6%); box-shadow:0 10px 10px 0 #00000017; }


.news .slide_kv .images_block{ padding:0 25px 10px;  }
.news .slide_kv .images_block a{ border-radius:20px; overflow:hidden; box-shadow:3px 3px 8px rgba(0,0,0,.25); }
.news .slide_kv .slick-slide img{ width:auto; height:400px; }
.news .news_list_bg{ background-size:100% ,20%; }
.news .news_list_bg:after{ bottom:25%;}
.news .news_tabs{ margin-bottom: 20px; }
.news .news_tabs li a{ transition:all .6s cubic-bezier(0,.77,.42,.99); }
.news .news_tabs li.all a { background:#fff; color:#DC000C; box-shadow:0 0 2px 2px #DC000C inset; }
.news .news_tabs li.event a { background:#fff; color:#B47CC6; box-shadow:0 0 2px 2px #B47CC6 inset; }
.news .news_tabs li.store a { background:#fff; color:#FFA326; box-shadow:0 0 2px 2px #FFA326 inset; }
.news .news_tabs li.product a { background:#fff; color:#F0638F; box-shadow:0 0 2px 2px #F0638F inset; }
.news .news_tabs li.other a { background:#fff; color:#85C18B; box-shadow:0 0 2px 2px #85C18B inset; }
.news .news_tabs li.all a:hover,
.news .news_tabs li.all a.active { background:#DC000C; color:#fff; box-shadow:0 0 2px 2px #DC000C inset; }
.news .news_tabs li.event a:hover,
.news .news_tabs li.event a.active { background:#B47CC6; color:#fff; box-shadow:0 0 2px 2px #B47CC6 inset; }
.news .news_tabs li.store a:hover,
.news .news_tabs li.store a.active { background:#FFA326; color:#fff; box-shadow:0 0 2px 2px #FFA326 inset; }
.news .news_tabs li.product a:hover,
.news .news_tabs li.product a.active { background:#F0638F; color:#fff; box-shadow:0 0 2px 2px #F0638F inset; }
.news .news_tabs li.other a:hover,
.news .news_tabs li.other a.active { background:#85C18B; color:#fff; box-shadow:0 0 2px 2px #85C18B inset; }

.news .illustration { top: 8%; }
.news .news_list { justify-content: flex-start; }
.news .news_list li { width:calc(100% / 3 - 15px); margin-bottom:16px; margin-right: 20px; }
.news .news_list li:nth-child(3n) { margin-right: 0; }
.news .news_list a { width:100%; background:#fff; box-shadow:0 3px 6px 0 rgba(0,0,0,.16); border-radius:20px; padding:10px 10px 15px;}
.news .news_list li a { transition:all .6s cubic-bezier(0,.77,.42,.99);}
.news .news_list li a:hover{ transform:translateY(-6%); box-shadow:0 10px 10px 0 #00000017; }
.news .news_list .news_box{ margin-top:24px; }
.news .news_list .news_box a{ transition:all .6s cubic-bezier(0,.77,.42,.99); }
.news .news_list .news_box a:hover{ transform:translateY(-6%); box-shadow:0 10px 10px 0 #00000017; }

.news.detail{ background:linear-gradient(to bottom, rgba(255,255,255,0) 44.9%,rgba(255,255,255,1) 45%),url(../images/bg@3x.png); background-size:100% ,20%; }
.news.detail .news_box{ border-radius:20px;}
.news.detail .title_block { padding: 20px 30px; }
.news.detail .title_block h3{ margin:0 0 .2em;}
.news.detail .images_block img { border-radius: 20px; }
.news.detail .text_block .edit{ margin-top: 0; }
.news.detail .news_list li{ width:calc(100% / 3 - 15px); margin-bottom:16px; }

.schedule{ background:linear-gradient(to bottom, rgba(255,255,255,0) 24.9%,rgba(255,255,255,1) 25%),url(../images/bg3@3x.png); background-size:100% ,20%; padding:40px 0; }
/* .schedule:before{ position:absolute; content:''; display:block; width:100%; padding-top:4%; background:url(../images/bg_wave_b.svg) center bottom no-repeat; margin-top:60px; bottom:35%; } */

.schedule.detail{ background:linear-gradient(to bottom, rgba(255,255,255,0) 44.9%,rgba(255,255,255,1) 45%),url(../images/bg3@3x.png); background-size:100% ,20%; padding:40px 0; }
.schedule.detail:before { bottom:55%; }
.schedule.detail .schedule_box{ margin-top:0; border-radius: 20px; }
.schedule.detail .title_block { min-height: 100px; padding:20px 30px 0; }
.schedule.detail .date_block { top: -45px; left: -30px; }
.schedule.detail .text_block .edit{ margin-top: 0; }


.store .images_block img { border-radius: 10px; margin: 0 10px 10px 10px; }
.store .store_list li{ width:calc(100% / 2 - 10px); margin-bottom:20px; }
.store .store_list a { border-radius:20px; padding:20px 20px 12px 20px; transition:all .6s cubic-bezier(0,.77,.42,.99);}
.store .store_list a:hover { transform:translateY(-6%); box-shadow:0 10px 10px 0 #00000017; }
.store .store_list a .image-block{ border-radius:20px; }
.store .store_list a .text_block{ align-items: center; flex-direction: row; justify-content: space-between; }
.store .store_list a .text { width:calc(100% - 60px);}
.store .store_list a .more { width:60px; height: 60px;}
.store .store_list.flagship a .text_block{ flex-direction: column; }
.store .store_list.flagship a .more { height: 30px; }

.store.detail .images_block img { border-radius: 20px; }
.store.detail .text_block .edit .address a:hover { transform:translateY(-6%); }


}
/* xxl applies to x-large devices (large desktops, less than 1400px) */
@media (min-width:1399.98px) { ... }

/* XX-Large devices (larger desktops, 1400px and up)  */
@media (min-width:1400px) { ... }


/* Atomic css */
.W\(100\%\) { width: 100%; }
.D\(f\) { display: flex; }
.Jc\(sb\) { justify-content: space-between; }
.Ai\(c\) { align-items: center; }
.Fld\(c\) { flex-direction: column;}


/*mandy資安修正*/
.hide-arrow:after {
    content: "" !important;
}
/*story/index.aspx*/
.colorE40065 {
    color: #E40065;
}
.whiteSpac_Nnowrap {
    white-space: nowrap;
}
.display_None {
    display: none;
}

.color_85C18B {
    color: #85C18B;
}

.color_F0638F {
    color: #F0638F;
}

/*index.aspx*/
.hide-arrow.b:after {
    background: transparent !important;
}
.whiteSpac_Nnowrap{
        white-space: nowrap;
}

/* news/detail.aspx */
.flex-direction-column {
    flex-direction: column;
}