html.is-fixed { height: 100%; overflow: hidden; }

body { margin-top: 50px; }

#header { padding: 0; position: fixed; background: #FFF; z-index: 999; width: 100%; top: 0; height: 50px; font-size: 2.6rem; font-size: 3.4666666667vw; }

@media (orientation: landscape) { #header { font-size: 13px; } }

#header .nowrap { white-space: nowrap; }

#header .header-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; height: 100%; }

#header .logo { width: 126px; height: auto; }

#header .logo a { display: block; }

#header .logo a img { width: 100%; height: auto; }

#header .sp_menu { position: absolute; top: 0; right: 0; width: 50px; height: 100%; }

#header .sp_menu img { margin-top: -2px; width: auto; height: 100%; }

#header .sp_menu_close { display: none; }

#header .sp_menu_contents { position: absolute; top: 50px; left: 0; width: 100%; height: calc(100vh - 50px); background: #fff; max-height: 0; overflow: hidden; opacity: 0; -webkit-transition: .1s; transition: .1s; }

#header .nav-ttl { padding: 0 0.75em; border-bottom: solid 1px #6e0009; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 3em; background: #b2010f; color: #fff; font-weight: 400; font-size: 4rem; font-size: 5.3333333333vw; }

@media (orientation: landscape) { #header .nav-ttl { font-size: 20px; } }

#header .nav-ttl:before, #header .nav-ttl:after { content: ""; position: absolute; top: 50%; right: 0.75em; width: 1em; height: 0.1em; background: #fff; -webkit-transition: -webkit-transform .4s ease-in-out; transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; }

#header .nav-ttl:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

#header .nav-ttl.open:before { opacity: 0; }

#header .nav-ttl.open:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

#header .nav-ttl.-no_accordion { text-decoration: none; }

#header .nav-ttl.-no_accordion:before { -webkit-transform: translateY(-35%); transform: translateY(-35%); right: 1em; width: 0.35em; height: 0.6em; background: url(../images/top-sp/btn_arrow-carrot_right_white.png) no-repeat; background-size: contain; }

#header .nav-ttl.-no_accordion:after { content: none; }

#header .nav-ttl .icon_img { width: 2em; height: auto; }

#header .nav-ttl p { padding: 0.25em 0.75em 0; }

#header .link_list_with_img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#header .link_list_with_img li { border-bottom: solid 1px #d9d9d9; width: 50%; font-size: 2.6rem; font-size: 3.4666666667vw; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (orientation: landscape) { #header .link_list_with_img li { font-size: 13px; } }

#header .link_list_with_img li:nth-child(even) { border-left: solid 1px #d9d9d9; }

#header .link_list_with_img li a { padding: 0 0.7307692308em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 6.1538461538em; line-height: 1.2692307692; text-decoration: none; }

#header .link_list_with_img li a:after { position: absolute; top: 50%; right: 1.5384615385em; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0.5384615385em; height: 0.9230769231em; background: url(../images/top-sp/btn_arrow-carrot_right_gray.png) no-repeat; background-size: contain; content: ""; }

#header .link_list_with_img li img { margin-right: 1.3846153846em; width: 3.2692307692em; }

#header .link_list li { border-bottom: solid 1px #d9d9d9; }

#header .link_list a { padding: 0 1.5384615385em; height: 3.8461538462em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; text-decoration: none; }

#header .link_list a:after { position: absolute; top: 50%; right: 1.5384615385em; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0.5384615385em; height: 0.9230769231em; background: url(../images/top-sp/btn_arrow-carrot_right_gray.png) no-repeat; background-size: contain; content: ""; }

#header .link_list.-with_img a { padding-left: 0; height: auto; letter-spacing: .075em; }

#header .link_list.-with_img img { margin-right: 1.5384615385em; width: 7.6923076923em; height: auto; }

#header .link_list.-half, #header .link_list.-lang { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#header .link_list.-half li, #header .link_list.-lang li { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }

#header .link_list.-half li:nth-child(even), #header .link_list.-lang li:nth-child(even) { border-left: solid 1px #d9d9d9; }

#header .link_list.-half span, #header .link_list.-lang span { padding-top: .4em; font-size: 2.2rem; font-size: 2.9333333333vw; }

@media (orientation: landscape) { #header .link_list.-half span, #header .link_list.-lang span { font-size: 11px; } }

#header .link_list.-lang:nth-child(even) { border-left: none; }

#header .link_list.-lang a { font-size: 2.2rem; font-size: 2.9333333333vw; height: 6.3636363636em; }

@media (orientation: landscape) { #header .link_list.-lang a { font-size: 11px; } }

#header .link_list.-lang a small { font-size: 2rem; font-size: 2.6666666667vw; }

@media (orientation: landscape) { #header .link_list.-lang a small { font-size: 10px; } }

#header .link_list.-lang a:before { margin-left: 0.2307692308em; margin-right: 0.3846153846em; display: block; width: 1.3636363636em; height: 1.3636363636em; background: url(../images/top-sp/icon_lang_gray.svg) no-repeat; background-size: contain; content: ""; }

#header .special_recipe p { height: 3.8461538462em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#header .special_recipe .bnr_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#header .special_recipe .bnr_list li { width: 50%; }

#header .special_recipe .bnr_list img { width: 100%; height: auto; vertical-align: bottom; }

#header .sns_list_wrap { padding: 2.1153846154em 0 9.2307692308em; }

#header .sns_list_wrap p { font-size: 3rem; font-size: 4vw; text-align: center; }

@media (orientation: landscape) { #header .sns_list_wrap p { font-size: 15px; } }

#header .sns_list_wrap .sns_list { margin-top: 1.1538461538em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#header .sns_list_wrap li { margin: 0 0.5em; }

#header .sns_list_wrap a { border-radius: 50%; display: block; width: 3.6923076923em; height: 3.6923076923em; overflow: hidden; text-indent: 100%; white-space: nowrap; }

#header .sns_list_wrap a.sns-t { background-image: url("../images/top-sp/tiktok_96_96.png"); background-size: contain; }

#header .sns_list_wrap a.sns-x { background-image: url("../images/top-sp/x_96_96.png"); background-size: contain; }

#header .sns_list_wrap a.sns-i { background-image: url("../images/top-sp/instagram_96_96.png"); background-size: contain; }

#header .sns_list_wrap a.sns-y { background-image: url("../images/top-sp/youtube_96_96.png"); background-size: contain; }

#header.on .sp_menu_open { display: none; }

#header.on .sp_menu_close { display: block; }

#header.on .sp_menu_contents { max-height: 100vh; overflow: scroll; opacity: 1; }

#top #cycloneslider-spmain-1 .cycloneslider-pager { bottom: -32px !important; }

#top .cycloneslider-template-standard .cycloneslider-pager span { font-size: 2.6rem; font-size: 3.4666666667vw; width: 0.3846153846em; height: 0.3846153846em; color: rgba(255, 255, 255, 0); }

#top .home-main_bnr { padding-top: 30px; }

#top .home-main_bnr ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

#top .home-main_bnr li { width: 50%; }

#top .home-main_bnr img { width: 100%; height: auto; vertical-align: bottom; }

#top .home-section__title { line-height: 1; font-size: 20px; text-align: center; letter-spacing: .06em; }

#top .home-section__btn { margin: 30px auto 0; border: solid 1px #535353; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: calc(100% - 40px); height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 15px; font-weight: 400; text-decoration: none; }

#top .home-section__btn:after { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 7px; height: 14px; background: url(../images/top-sp/btn_arrow-carrot_right_gray.png) no-repeat; background-size: contain; content: ""; }

#top .home-tv_section { padding: 48px 0; }

#top .home-tv_section img { width: 100%; height: auto; vertical-align: bottom; }

#top .home-tv_section .home-tv_section__list { margin-top: 28px; }

#top .home-tv_section .home-tv_section__list li + li { margin-top: 20px; }

#top #recipe.home-recipe_section { padding-top: 14px; }

#top #recipe.home-recipe_section ul { margin: 28px auto 0; padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#top #recipe.home-recipe_section li { padding: 0; float: none; width: calc(50% - 5px); }

#top #recipe.home-recipe_section li:nth-child(n+3) { margin-top: 25px; }

#top #recipe.home-recipe_section .ttl_recipe { margin-top: 9px; padding: 0; line-height: 1.5; background: transparent; color: #000; font-size: 13px; font-weight: 400; }

#top #recipe.home-recipe_section .home-section__btn { margin-top: 26px; width: calc(100% - 20px); }

#top .home-special_recipe_section { padding-top: 42px; }

#top .home-special_recipe_section img { width: 100%; height: auto; vertical-align: bottom; }

#top .home-special_recipe_section .home-special_recipe__bnr_list { margin-top: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#top .home-special_recipe_section .home-special_recipe__bnr_list li { width: 50%; }

#top .home-lineup_section { padding-top: 65px; }

#top .home-lineup_section img { width: 100%; height: auto; vertical-align: bottom; }

#top .home-lineup_section .home-lineup__list { margin: 28px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#top .home-lineup_section .home-lineup__list li { margin: 0 5px; width: calc(50% - 25px); }

#top .home-lineup_section .home-lineup__list li:nth-child(n+3) { margin-top: 30px; }

#top .home-lineup_section .home-lineup__list a { display: block; text-decoration: none; text-align: center; }

#top .home-lineup_section .home-lineup__list p { margin-top: 7px; padding-right: 22px; display: inline-block; position: relative; line-height: 1.5; font-size: 13px; }

#top .home-lineup_section .home-lineup__list p:after { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 7px; height: 14px; background: url(../images/top-sp/btn_arrow-carrot_right_gray.png) no-repeat; background-size: contain; content: ""; }

#top .w320 { display: none; }

@media only screen and (max-width: 320px) { #top .w320 { display: block; } }

#top .home-brand_section { padding-top: 68px; }

#top .home-brand_section img { width: 100%; height: auto; vertical-align: bottom; }

#top .home-brand_section .home-brand__list { margin: 27px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#top .home-brand_section .home-brand__list li { margin: 0 5px; width: calc(50% - 25px); }

#top .home-brand_section .home-brand__list li:nth-child(n+3) { margin-top: 20px; }

#top .home-brand_section .home-brand-other { margin-top: 15px; margin-right: 25px; text-align: right;}

#top .links_bnr.home-taikenkan_section { margin: 60px 0 0; }

#top #news.home-news_section { padding-top: 49px; }

#top #news.home-news_section .content_inner { margin-top: 23px; padding: 0 20px; }

#top #news.home-news_section li { padding: 0; }

#top #news.home-news_section li + li { margin-top: 32px; }

#top #news.home-news_section .info { display: -webkit-box; display: -ms-flexbox; display: flex; }

#top #news.home-news_section .date { float: none; font-size: 13px; }

#top #news.home-news_section .icon { margin-left: 18px; padding: 0; float: none; }

#top #news.home-news_section .icon img { width: auto; height: 19px; vertical-align: bottom; }

#top #news.home-news_section .body { margin-top: 13px; }

#top #news.home-news_section a { line-height: 1.5; font-size: 13px; text-decoration: none; }

#top #news.home-news_section .home-section__btn { margin-top: 40px; }

#top .home-onlineshop_section img, #top .home-btmbnr_section img { width: 100%; height: auto; vertical-align: bottom; }

#top .home-onlineshop_section { padding-top: 44px; }

#top .home-onlineshop_section .home-onlineshop__list { margin-top: 29px; }

#top .home-btmbnr_section { padding: 50px 20px; background: #f4f4f4; }

#top .home-btmbnr_section li + li { margin-top: 20px; }

#links_sns { padding: 47px 0 0; border-top: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

#links_sns:before { content: none; }

#links_sns .sns_list_wrap p { font-size: 15px; text-align: center; }

#links_sns .sns_list { margin-top: 14px; }

#links_sns .sns_list a { font-size: 2.6rem; font-size: 3.4666666667vw; width: 3.6923076923em; height: 3.6923076923em; }

footer #copy { border-top: solid 1px #d9d9d9; }