@charset "utf-8";
/* CSS Document */

body { font-size:calc(18 * 0.20vw); line-height: 1.8; }
:target { scroll-margin-top: calc(280vw / 7.2); }


.pc { display:none; }
.pc_tb { display:none; }
.sp { display:unset; }
.tb_sp { display:unset; }



.sp_left { text-align:left; }

.fs8vw { font-size:calc(8 * 0.23vw); }
.fs9vw { font-size:calc(9 * 0.23vw); }
.fs10vw { font-size:calc(10 * 0.23vw); }
.fs12vw { font-size:calc(12 * 0.23vw); }
.fs14vw { font-size:calc(14 * 0.23vw); }
.fs15vw { font-size:calc(15 * 0.22vw); }
.fs16vw { font-size:calc(16 * 0.20vw); }
.fs17vw { font-size:calc(17 * 0.20vw); }
.fs18vw { font-size:calc(18 * 0.20vw); }
.fs19vw { font-size:calc(19 * 0.19vw); }
.fs20vw { font-size:calc(20 * 0.18vw); }
.fs21vw { font-size:calc(20 * 0.18vw); }
.fs22vw { font-size:calc(22 * 0.17vw); }
.fs23vw { font-size:calc(23 * 0.17vw); }
.fs24vw { font-size:calc(24 * 0.15vw); }
.fs25vw { font-size:calc(25 * 0.15vw); }
.fs26vw { font-size:calc(26 * 0.15vw); }
.fs27vw { font-size:calc(27 * 0.15vw); }
.fs28vw { font-size:calc(28 * 0.15vw); }
.fs29vw { font-size:calc(29 * 0.15vw); }
.fs30vw { font-size:calc(30 * 0.15vw); }
.fs31vw { font-size:calc(31 * 0.15vw); }
.fs32vw { font-size:calc(32 * 0.12vw); }
.fs33vw { font-size:calc(33 * 0.12vw); }
.fs34vw { font-size:calc(34 * 0.12vw); }
.fs35vw { font-size:calc(35 * 0.12vw); }
.fs36vw { font-size:calc(36 * 0.12vw); }
.fs37vw { font-size:calc(37 * 0.12vw); }
.fs38vw { font-size:calc(38 * 0.12vw); }
.fs40vw { font-size:calc(40 * 0.12vw); }
.fs44vw { font-size:calc(44 * 0.12vw); }
.fs45vw { font-size:calc(45 * 0.12vw); }
.fs46vw { font-size:calc(46 * 0.12vw); }
.fs48vw { font-size:calc(48 * 0.12vw); }
.fs50vw { font-size:calc(50 * 0.11vw); }
.fs52vw { font-size:calc(52 * 0.11vw); }
.fs54vw { font-size:calc(54 * 0.11vw); }
.fs56vw { font-size:calc(56 * 0.11vw); }
.fs58vw { font-size:calc(58 * 0.11vw); }
.fs60vw { font-size:calc(60 * 0.11vw); }
.fs62vw { font-size:calc(62 * 0.11vw); }
.fs63vw { font-size:calc(63 * 0.11vw); }
.fs65vw { font-size:calc(65 * 0.11vw); }
.fs66vw { font-size:calc(66 * 0.1vw); }
.fs68vw { font-size:calc(68 * 0.1vw); }
.fs70vw { font-size:calc(70 * 0.1vw); }
.fs72vw { font-size:calc(72 * 0.1vw); }
.fs73vw { font-size:calc(73 * 0.1vw); }
.fs75vw { font-size:calc(75 * 0.1vw); }
.fs80vw { font-size:calc(80 * 0.1vw); }
.fs86vw { font-size:calc(86 * 0.1vw); }
.fs90vw { font-size:calc(90 * 0.1vw); }
.fs100vw { font-size:calc(100 * 0.1vw); }
.fs110vw { font-size:calc(110 * 0.1vw); }
.fs160vw { font-size:calc(160 * 0.08vw); }


.more { width: calc(300vw / 5); height: calc(70vw / 5); }



.inner { width: 90% }
.middle_inner { width: 90% }
.low_inner { width: 90%; }
.minimum_inner { width: 90%; }


#header .logo { width: calc(216vw / 10.2); background:none; }
#header .logo a img { width:calc(140vw / 10.2); }


#header #hamburger { width: calc(90vw / 6.2); }
#header #hamburger .bar { display: block; width: calc(50vw / 6.2); }
#header #hamburger .bar_1 { margin-block-end:calc(14vw / 6.2); }
#header #hamburger .bar_2 { margin-block-end:calc(14vw / 6.2); }

#header #drawer .drawer_content .drawer_content_thumb { width: 0; display:none; }
#header #drawer .drawer_content .drawer_content_text { width: 100%; }


#footer .footer_wrapper.flex { display:block; }
#footer .logo { width: calc(350vw / 7.2); margin: 0 auto 3em auto; }
#footer .site_info { width: 100%; text-align: center; }
#footer .site_info .tel_box { margin: 0 auto 0 auto; text-align: center; }

#footer .menu_list { width: 92%; margin: 4em auto 0 auto; }



#page_top { width: calc(90vw / 7.2); height: calc(90vw / 7.2); }


.page_header { height: calc(740vw / 10.2);padding-block-start: 5em; }
.page_header .page_ttl { margin-block-end: 1.5em; }
#page_header_store { height: calc(1620vw / 14.2);padding-block-start: 5em; }
#special_assortment.page_header { height: calc(1620vw / 14.2); }
#cheese.page_header { height: calc(1620vw / 14.2); }
#pistachio.page_header { height: calc(1620vw / 14.2); }



.decoration .loop .logo { width: calc(95vw / 7.2); }

.logo_bottom { width: calc(100vw / 7.2); }
.arabesque { width:calc(34vw / 7.2); }
.arabesque_left { width:calc(34vw / 7.2); }

.c_sauce_left_bg { width: calc(506vw / 16.2); }
.c_sauce_right_bg { width: calc(407vw / 16.2); }



.loop_slider .slide { margin: 0 calc(20vw / 10.2) 0 0; }
.loop_slider .slide .top_bottom_slider_img { width:calc(1394vw / 10.2); height:calc(700vw / 10.2); }

.item_list_slider .slide.item_box { width: calc(271vw / 10.2); height: calc(271vw / 10.2); }


#loading .loading_logo .logo_wrapper { width: calc(550vw / 7.2); }

#loading .loading_logo .logo_wrapper .logo1 { width: calc(387vw / 7.2); aspect-ratio: 387 / 151; }
#loading .loading_logo .logo_wrapper .logo2 { width: calc(118vw / 7.2); }
#loading .loading_logo .logo_wrapper .logo3 { width: calc(92vw / 7.2);  position: absolute; inset: auto auto 0 calc(13vw / 7.2);}


#fv .fv_sns { inset: calc(1000vw / 7.2) auto auto 1.25em; }
#fv .fv_sns .en { padding-bottom: calc(87vw / 10.2); }

#fv .scroll_down { inset: auto 0 calc(120vw / 7.2) 0; }
#fv .scroll_down:before { top: calc(40vw / 7.2); height: calc(80vw / 7.2); }
#fv .scroll_down:after { top: calc(40vw / 7.2); width: 1.572916vw; height: 1.572916vw; }


@keyframes circlemove{
	0%{ top: calc(40vw / 7.2); }
	100%{ top: calc(120vw / 7.2); }
}




#top_story { padding: 10em 0 6em 0; }
#top_story .content { width: 94%; margin: 0 auto; }
#top_story .thumb { float:none; width:100%; margin-block-end: 4em; }
#top_story .text { float:none; width: 84%; margin: 0 auto; padding: 0 0 2em 0; }
#top_story .text .more { margin-left: auto; margin-right: auto; }



#top_commitments .content.flex { display:block; }
#top_commitments .content .box { width: 100%; margin-block-start: 4em; }
#top_commitments .content .box .circle { width: calc(96vw / 7.2); }
#top_commitments .content .box .thumb { width: 100%; }
#top_commitments .content .box figcaption { padding-top:0.5em; }

#top_commitments .c_sauce_right_bg { inset: -39em 0 auto auto; }

#top_flavor .content.flex { display:block; }
#top_flavor .thumb { width:100%; }
#top_flavor .text { width:100%; }


#top_flavor .item_list { flex-wrap: wrap; justify-content: flex-start; }
#top_flavor .item_list .item_box { width: calc(271vw / 7.2); margin: 1em; }
#top_flavor .item_list .item_box .circle { width: calc(102vw / 7.2); }
#top_flavor .item_list .item_box .item_img { width: calc(271vw / 7.2); height: calc(271vw / 7.2); }




#top_products .content.grid { display:block; }
#top_products .box { width:100%; padding: 4em 0 0 0; }

#top_products .box .text dd p { white-space: normal; }


#top_news { padding: 10em 0 4em 0; }
#top_news .top_news_list.flex { display:block; margin-block-end: 4em; }
#top_news .top_news_list .box { display: flex; justify-content: space-between; width: 100%; margin: 2em 0 2em 0; }

#top_news .top_news_list .box .thumb { width: 45%; }
#top_news .top_news_list .box .text { width: 50%;margin: 0;}


#top_store .ttl { margin-left: auto; margin-right: auto; text-align: center; }
#top_store .top_store_wrapper.flex { display:block; padding: 4em 0 5em 0; }

#top_store .text { width:100%; }
#top_store .thumb { width:100%; }

#top_store .text .store_detail { width: 80%; margin: 0 auto; padding: 2em 0 2em 0; }
#top_store .text .more { margin-left: auto; margin-right: auto; }


.page_wrapper { padding: 4em 0 12em 0; }


#story .text { float:none; width:100%; }
#story .thumb { float:none; width:100%; margin-block-end: 8em; }
#story .story_logo { width: calc(327vw / 7.2); }
#story .story_logo1 { width:calc(327vw / 7.2); }
#story .story_logo2 { width:calc(327vw / 7.2); }
#story .story_logo3 { width:calc(327vw / 7.2); }

#story .popup_img { display: block; margin-block-end: 4em; }

#story .popup_img .grid1 { width:100%; margin-block-start: 4em;}
#story .popup_img .grid2 { width:100%; margin-block-start: 4em;}
#story .popup_img .grid3 { width:100%; margin-block-start: 4em;}


#store_products .store_products_wrapper { width: 100%; margin: 0 auto; overflow: hidden; padding: 4em 0 0 0; }
#store_products .gallery_swiper { width: 80%; margin: auto; overflow: initial; }

#store_products .swiper-button-prev { top: 23%; left: -10.5%; width: calc(80vw / 7.2); height: calc(80vw / 7.2); }
#store_products .swiper-button-next { top: 23%; right: -10.5%; width: calc(80vw / 7.2); height: calc(80vw / 7.2); }

#store_products .text .more { text-align:center; margin-left: auto; margin-right: auto; }


.products { padding: 0.1em 0 4em 0; }
.products .products_wrapper.flex { display:block; }

.products .products_wrapper .text { width:100%; margin-block-end: 4em; }
.products .products_wrapper .showcase_gallery { width:100%; }
.products .products_wrapper .showcase_gallery .main_thumb_wrap { margin-block-end: 0.5em; }
.products .products_wrapper .showcase_gallery .thumb_list a { width: 32%; margin: 0 2% 0.5em 0; }
.products .products_wrapper .showcase_gallery .thumb_list a:nth-of-type(3n) { margin:0 0 0.5em 0; }



.products .popup_shop .border_dotted { padding: 3em 1.2em 0 1.2em; }
.products .popup_shop .popup_shop_list.flex { display:block; }
.products .popup_shop .popup_shop_list .popup_shop_box { width: 100%; }

.products .popup_shop .popup_shop_list .popup_shop_box .link_box.flex { display:block; }

.products .popup_shop .popup_shop_list .popup_shop_box .more { margin-left: auto; margin-right: auto; }
.products .popup_shop .popup_shop_box dd .link_box .more { margin-left: auto; margin-right: auto; }



#store .store_box { display: block; }
#store .store_box .text { width:100%; margin-block-end:4em; }
#store .store_box .gmap { width:100%; }


#store .store_box .text .box dt .flex i { margin-right: 0.4em; }

#store .store_box .text .box { display: block; }
#store .store_box .text .box dt { display: block; width:100%; }
#store .store_box .text .box dd { display: block; }

#store_news .store_news_list.flex { display:block; margin-block-end: 4em; }
#store_news .store_news_list .box { display: flex; justify-content: space-between; width: 100%; margin: 2em 0 2em 0; }

#store_news .store_news_list .box .thumb { width: 45%; }
#store_news .store_news_list .box .text { width: 50%;margin: 0;}





.page_content .column_left { float:none; width:100%; margin-block-end: 4em; }
.page_content .column_right { float:none; width:100%; }

.column_right .widget_block h2.wp-block-heading {padding:0.2em 1em 0.2em 2em; font-size:calc(28 * 0.15vw); }
.column_right .widget_block h2.wp-block-heading::before { position: absolute; top: 0.1em; left: 0; font-size: calc(30 * 0.15vw); }


.column_right .widget_block .wp-block-categories-list .cat-item a { padding-left:1.3em; }
.column_right .widget_block .wp-block-categories-list .cat-item a::before { top: 0.2em; left: 0; font-size: calc(20 * 0.18vw); }


.column_right .widget_block ul li { padding: 0.5em 0 0.5em 0; font-size:calc(20 * 0.18vw); }

.column_right .widget_block .wp-block-archives-list {
	display: flex; justify-content: flex-start; flex-wrap:wrap;
}
.column_right .widget_block .wp-block-archives-list li { width:49%; border-bottom: none; }
.column_right .widget_block .wp-block-archives-list li a::before { top: 0.5em; left: 0; font-size: calc(9 * 0.23vw); }




.column_left span.page-numbers {
	font-size: calc(20 * 0.18vw); width:calc(46vw / 7.2); height:calc(46vw / 7.2); line-height:calc(46vw / 7.2); margin-right:0.5em;
}
.column_left a.page-numbers {
	font-size: calc(20 * 0.18vw); width:calc(46vw / 7.2); height:calc(46vw / 19.2); line-height:calc(46vw / 7.2); margin-right:0.5em;
}
.column_left a.next.page-numbers { width:calc(90vw / 7.2); font-size: calc(20 * 0.18vw); }
.column_left a.prev.page-numbers { width:calc(90vw / 7.2); margin-right:0.5em; font-size: calc(20 * 0.18vw); }




.column_left .navigation .nav-next { width:46%; float:right; }
.column_left .navigation .nav-previous { width:46%; float:left; }
.column_left .navigation .meta-nav { display: flex; align-items:center; font-size:calc(19 * 0.19vw); }
.column_left .navigation .nav-next .meta-nav { justify-content: flex-end; }
.column_left .navigation .nav-previous .meta-nav { justify-content: flex-start; }

.column_left .navigation .post-title { font-size:calc(16 * 0.2vw); }



#faq_hero .cat_box { flex-wrap: wrap; }
#faq_hero .cat_box .btn { margin: 0.75em 0 0.75em 0; width: 16em; height: 3em; }


#faq .list_box { width: 100%; }


#faq .list_box .list .q_icon { width: calc(70vw / 7.2); height: calc(70vw / 7.2); }
#faq .list_box .list .a_icon { width: calc(70vw / 7.2); height: calc(70vw / 7.2); }
#faq .list_box .list dt {padding: 0.5em 2em 0.85em 4em;}


#bland .brand_box { display: block; }
#bland .brand_box .text { width: 100%; }
#bland .brand_box .thumb { width: 100%; }



#contact_hero .tel_box { padding: 1.5em 0.75em 1.5em 0.75em; }
#contact_hero .tel_box dt { display: block; border-right: none; padding: 0 0 0.5em 0; border-bottom: solid 1px #f5ecdf; }
#contact_hero .tel_box dd { display: block; padding: 0.75em 0 0 0; }


#mailform .box { display: block; }
#mailform .box .field { width: 100%; display: block; padding: 2em 0 0 0; }

#mailform .box .text { display: block; width: 100%; margin: 0 auto; padding: 1em;}

#mailform .send_btn { width: calc(320vw / 5); height: calc(70vw / 5); }



#privacy .list .box::before { left: 0;top: 2em; font-size: calc(24 * 0.15vw); }

#privacy .list .box dl dd ol li::before { top: 0; left: -2em; font-size: calc(20 * 0.18vw); }