@charset "UTF-8";
/*! de-style.css v1.0.5 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model ========================================================================== */
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

::before, ::after { -webkit-box-sizing: inherit; box-sizing: inherit; }

/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Remove gray overlay on links for iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-tap-highlight-color: transparent; /* 3*/ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/* Vertical rhythm ========================================================================== */
p, table, blockquote, address, pre, iframe, form, figure, dl { margin: 0; }

/* Headings ========================================================================== */
h1, h2, h3, h4, h5, h6 { font-size: inherit; line-height: inherit; font-weight: inherit; margin: 0; }

/* Lists (enumeration) ========================================================================== */
ul, ol { margin: 0; padding: 0; list-style: none; }

/* Lists (definition) ========================================================================== */
dt { font-weight: bold; }

dd { margin-left: 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ border: 0; border-top: 1px solid; margin: 0; clear: both; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: inherit; /* 2 */ }

address { font-style: inherit; }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; text-decoration: none; color: inherit; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: inherit; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; vertical-align: bottom; }

embed, object, iframe { border: 0; vertical-align: bottom; }

/* Forms ========================================================================== */
button, input, optgroup, select, textarea { vertical-align: middle; color: inherit; font: inherit; border: 0; background: transparent; padding: 0; margin: 0; outline: 0; }

/** Remove all Style fro select elements. Does not quite work cross-browser */
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type='button'], [type='reset'], [type='submit'] { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

button[disabled], [type='button'][disabled], [type='reset'][disabled], [type='submit'][disabled] { cursor: default; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring { outline: 1px dotted ButtonText; }

/** Reset to invisible */
fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type='checkbox'], [type='radio'] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type='search']::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/** Fix placeholder font properties inheritance. */
::-webkit-input-placeholder { font: inherit; }

:-ms-input-placeholder { font: inherit; }

::-ms-input-placeholder { font: inherit; }

::-moz-placeholder { font: inherit; }

::placeholder { font: inherit; }

/** Clickable labels */
label[for] { cursor: pointer; }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Table ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }

caption { text-align: left; }

td, th { vertical-align: top; }

th { text-align: left; font-weight: bold; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

/* ===========================

common

=========================== */
html { font-size: 62.5%; font-family: 'Noto Sans JP', sans-serif; position: relative; color: #000; line-height: 1.5; background: #fff; }

@media screen and (max-width: 768px) { html { font-size: 3.125vw; } }

_:lang(x)::-ms-backdrop, body { font-family: "メイリオ", Meiryo, sans-serif !important; }

img { vertical-align: top; }

a { color: #000; }

@media print, screen and (min-width: 769px) { a:hover { opacity: 0.5; -webkit-transition: 0.3s; transition: 0.3s; } }

li { list-style: none; }

@media print, screen and (min-width: 769px) { .no-pc { display: none !important; } }

@media screen and (max-width: 768px) { .no-sp { display: none !important; } }

.img-fit { max-width: 100%; height: auto; vertical-align: top; }

.mt-0 { margin-top: 0 !important; }

@media print, screen and (min-width: 769px) { .wrap { width: 1080px; margin: auto; } }

/* ===========================

header

=========================== */
.header { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; background: #fff; }

.header .wrap { position: relative; }

.header .logo { width: 132px; padding: 13px 0 10px; }

@media screen and (max-width: 768px) { .header { background: #fff; }
  .header .wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 1.5625vw; border-bottom: 1px solid #000; height: 15.625vw; }
  .header_btn { display: block; width: 15.3125vw; height: 15.3125vw; background: url("/common/images/toggle_off.svg") 0 0/cover no-repeat; }
  .header_btn.-open { background-image: url("/common/images/toggle_on.svg"); }
  .header .logo { width: 25vw; padding: 0; }
  .headerNav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 25.3125vw; }
  .headerNav_link { display: block; width: 12.1875vw; height: 12.1875vw; background: #eeeeee; border-radius: 100%; font-size: .8rem; text-align: center; font-family: 'Sulphur Point', sans-serif; font-weight: bold; padding-top: 8.59375vw; line-height: 1; position: relative; letter-spacing: .06em; }
  .headerNav_link::before { content: ""; display: block; width: 5vw; height: 5vw; position: absolute; top: 2.1875vw; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
  .headerNav_link.-new::before { background: url("/common/images/icon_new.svg") center 0/cover no-repeat; }
  .headerNav_link.-store::before { background: url("/common/images/icon_store.svg") center 0/cover no-repeat; } }

/* ===========================

global navi

=========================== */
@media print, screen and (min-width: 769px) { .globalNav { min-width: 1080px; border-top: 1px solid #000; border-bottom: 1px solid #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 46px; }
  .globalNav_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; font-size: 2rem; font-weight: bold; font-family: 'Sulphur Point', sans-serif; letter-spacing: .1em; line-height: 1; }
  .globalNav_item:not(:first-child)::before { content: "/"; font-weight: normal; }
  .globalNav_item:hover > .globalChild-wrap { display: block; -webkit-transition: 0.3s; transition: 0.3s; }
  .globalNav_link { display: block; padding: 0 34px; text-align: center; }
  .globalChild { background: #000; width: 160px; padding: 30px 0; border-radius: 4px; }
  .globalChild-wrap { display: none; position: absolute; top: 16px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding-top: 22px; }
  .globalChild-wrap::before { content: ""; display: block; position: absolute; top: 6px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0 10px 16px 10px; border-color: transparent transparent #000 transparent; }
  .globalChild_item:not(:first-child) { margin-top: 20px; }
  .globalChild_link { display: block; text-align: center; color: #fff; }
  .globalChild_link:hover { opacity: 1; }
  .globalChild_link.-new:hover { color: #ff6699; }
  .globalChild_link.-bento:hover { color: #ff6600; }
  .globalChild_link.-salad:hover { color: #99cc00; }
  .globalChild_link.-fry:hover { color: #ffcc00; }
  .globalChild_link.-deli:hover { color: #ff0000; }
  .globalChild_link.-other:hover { color: #66ccff; }
  .globalChild_link.-special:hover { color: #cf9f0c; } }

@media screen and (max-width: 768px) { .globalNav { background: #fff; padding: 10.9375vw 0 15.625vw; font-family: 'Sulphur Point', sans-serif; font-size: 2rem; font-weight: bold; }
  .globalNav-wrap { display: none; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.7); position: fixed; }
  .globalNav_item { position: relative; margin-top: 4.6875vw; }
  .globalNav_item:first-child { margin-top: 0; }
  .globalNav_item::after { content: ""; display: block; width: 7.8125vw; height: 0.3125vw; background: #000; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
  .globalNav_link { display: block; padding: 4.6875vw; text-align: center; } }

@media all and (-ms-high-contrast: none) { .globalNav_item { padding-top: 7px; } }

/* ===========================

layout

=========================== */
#subnavi .wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 40px; }

@media screen and (max-width: 768px) { #subnavi .wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 6.25vw 2.5vw; } }

.subnavi_button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100px; height: 100px; color: #000; font-size: 2.2rem; border: 1px solid #000; border-radius: 100%; font-family: 'Sulphur Point', sans-serif; letter-spacing: .05em; line-height: 1; }

.subnavi_button:hover, .subnavi_button.active { color: #fff; border-color: transparent; opacity: 1; }

#snav1 .subnavi_button:hover, #snav1 .subnavi_button.active { background-color: #ff6699; }

#snav2 .subnavi_button:hover, #snav2 .subnavi_button.active { background-color: #ff6600; }

#snav3 .subnavi_button:hover, #snav3 .subnavi_button.active { background-color: #99cc00; }

#snav4 .subnavi_button:hover, #snav4 .subnavi_button.active { background-color: #ffcc00; }

#snav5 .subnavi_button:hover, #snav5 .subnavi_button.active { background-color: #ff0000; }

#snav6 .subnavi_button:hover, #snav6 .subnavi_button.active { background-color: #66ccff; }

#snav7 .subnavi_button:hover, #snav7 .subnavi_button.active { background: -webkit-linear-gradient(315deg, #b67b03 0%, #cf9f0c 30%, #fee9a0 50%, #cf9f0c 70%, #b67b03 100%); background: linear-gradient(135deg, #b67b03 0%, #cf9f0c 30%, #fee9a0 50%, #cf9f0c 70%, #b67b03 100%); border: 1px solid #fee9a0; }

@media screen and (max-width: 768px) { .subnavi_button { width: 19.375vw; height: 19.375vw; font-size: 1.4rem; margin: 0 2.1875vw; } }

_:lang(x)::-ms-backdrop, .subnavi_button { padding-top: 10px; }

@media print, screen and (min-width: 769px) { .main { margin-top: 120px; padding: 45px 0 100px; }
  .contents { padding: 0 40px; } }

@media screen and (max-width: 768px) { .main { margin-top: 15.625vw; padding-bottom: 15.625vw; }
  .contents { padding: 0 4.6875vw; } }

/* ===========================

pagetop & footer

=========================== */
.pagetop { width: 1000px; margin: auto; position: relative; }

.pagetop_button { position: fixed; bottom: 40px; display: block; margin-left: 956px; z-index: 50; }

.pagetop_button .img-fit { width: 44px; height: 44px; }

.pagetop_button.-finish { position: absolute; bottom: -22px; }

@media screen and (max-width: 768px) { .pagetop { width: 100%; }
  .pagetop_button { bottom: 2rem; right: 1.5625vw; margin-left: 0; }
  .pagetop_button .img-fit { width: 9.375vw; height: 9.375vw; }
  .pagetop_button.-finish { bottom: -4.6875vw; } }

.footer { background: url("/common/images/bg_footer.png") 0 0 repeat-x; line-height: 1; }

.footer .wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; height: 80px; }

.footer_logo { width: 161px; }

.footer_logo.-en { font-family: 'Sulphur Point', sans-serif; font-weight: 500; font-size: 2rem; text-align: right; }

.footer-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: 'Sulphur Point', sans-serif; font-size: 1.4rem; font-weight: bold; letter-spacing: .1em; }

.footer-nav_item:not(:first-child) { margin-left: 12px; }

.footer-nav_item:not(:first-child)::before { content: "/"; margin-right: 12px; font-weight: normal; }

.copyright { font-family: 'Sulphur Point', sans-serif; letter-spacing: .1em; font-size: 1rem; margin-top: 8px; }

@media screen and (max-width: 768px) { .footer { background: url("/common/images/bg_footer_sp.png") 0 0/contain repeat-x; }
  .footer .wrap { display: block; height: 39.375vw; text-align: center; padding-top: 9.6875vw; }
  .footer_logo { width: 47.96875vw; margin: auto; }
  .footer_logo.-en { text-align: center; }
  .footer-nav { margin-top: 6.875vw; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 1.3rem; }
  .footer-nav_item:not(:first-child) { margin-left: 3.75vw; }
  .footer-nav_item:not(:first-child)::before { margin-right: 3.75vw; }
  .copyright { font-size: .9rem; margin-top: 1rem; } }

/* ===========================

contents

=========================== */
.align-center { text-align: center; }

.align-left { text-align: left; }

.align-right { text-align: right; }

.text { font-size: 1.8rem; line-height: 2.6rem; }

.text + .text { margin-top: 2em; }

@media screen and (max-width: 768px) { .text { font-size: 1.5rem; line-height: 2.2rem; } }

/* topics & news */
.topics_item { position: relative; margin-top: 22px; }

.topics_item:first-child { margin-top: 0; }

.topics_item::before { position: absolute; left: 76px; top: .25em; font-family: 'Sulphur Point', sans-serif; font-weight: bold; line-height: 1; font-size: 1.2rem; letter-spacing: .1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #000; color: #fff; width: 60px; height: 15px; }

.topics_item.icon1::before, .topics_item.icon2::before { content: "INFO"; }

.topics_item.icon5::before, .topics_item.icon6::before { content: "STORE"; }

.topics_item.icon3::before, .topics_item.icon4::before { content: "MENU"; }

.topics_date { position: absolute; top: .3em; left: 0; font-family: 'Sulphur Point', sans-serif; font-weight: bold; font-size: 1.4rem; line-height: 1; letter-spacing: .1em; }

.topics_text { display: block; padding-left: 154px; font-size: 1.4rem; }

.topics_text a[target="_blank"]::after, .topics_text a[href$=".pdf"]::after { content: ""; display: inline-block; vertical-align: middle; margin-left: 3px; }

.topics_text a[target="_blank"]::after { width: 16px; height: 16px; background: url("/common/images/icon_window.svg") 0 0/contain no-repeat; }

.topics_text a[href$=".pdf"]::after { width: 20px; height: 20px; background: url("/common/images/icon_pdf.svg") 0 0/contain no-repeat; }

@media screen and (max-width: 768px) { .topics_item { margin-top: 5vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .topics_item::before { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: static; font-size: .9rem; width: 14.0625vw; height: 3.59375vw; margin-bottom: 0.625vw; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  .topics_date { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; position: relative; top: .1em; font-size: 1.1rem; margin-right: 1rem; }
  .topics_text { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; padding-left: 0; font-size: 1.4rem; }
  .topics_text a[target="_blank"]::after, .topics_text a[href$=".pdf"]::after { width: 4.0625vw; height: 4.0625vw; } }

@media all and (-ms-high-contrast: none) { .topics_item::before { padding-top: 5px; }
  .topics_date { padding-top: 2px; } }

.news-head { background: #000; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 80px; font-family: 'Sulphur Point', sans-serif; font-size: 3.6rem; letter-spacing: .2em; }

.news-head .wrap { width: 1000px; }

.news-year { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 1.5rem; line-height: 1.6rem; margin: 65px 0 55px; }

.news-year_item { padding: 0 20px; margin-bottom: 10px; }

.news-year_item:not(:last-child) { border-right: 1px solid #000; }

.news_h2 { font-size: 3rem; line-height: 5rem; font-weight: bold; margin: 60px 0 40px; }

.news_date { margin: 40px 0 60px; font-size: 1.5rem; text-align: right; }

.news_h3 { font-size: 2.6rem; line-height: 4.2rem; font-weight: bold; border-bottom: 2px solid #999; padding-bottom: .5em; margin: 60px 0; }

.news_h4 { font-size: 2.2rem; line-height: 3.5rem; font-weight: bold; color: #666; margin: 60px 0 40px; }

.news_h5 { font-size: 1.8rem; font-weight: bold; line-height: 2.9rem; margin: 60px 0 40px; }

.news_h6 { font-size: 1.5rem; font-weight: bold; line-height: 2.4rem; margin: 60px 0 40px; }

.news_text { font-size: 1.3rem; line-height: 2.1rem; margin: 40px 0; }

.news .figure { display: table; text-align: center; margin: 40px auto 0; width: 100px; /* 最小値 */ }

.news .figure .figure_caption { font-size: 1.3rem; line-height: 2.1rem; margin: 10px 0 0; max-width: 100%; }

.news_hr { height: 0; border-top: 1px solid #000; margin: 60px 0; }

.news-table { border-collapse: collapse; border-top: 2px solid #000; border-bottom: 2px solid #000; width: 100%; margin: 40px 0 60px; }

.news-table_th, .news-table_td { padding: 8px 10px; border: 1px solid #999; }

.news-table_th:first-child, .news-table_td:first-child { border-left: none; }

.news-table_th:last-child, .news-table_td:last-child { border-right: none; }

.news-table_th { font-size: 1.4rem; line-height: 2.24rem; background: #F6F6F6; font-weight: bold; vertical-align: middle; }

.news-table_td { font-size: 1.3rem; line-height: 2.34rem; }

.news-table_thead .news-table_th { text-align: center; background: #DFDFDF; }

.news-tableWrap { margin: 40px 0 60px; }

.news-tableWrap .news-table { margin: 0; }

.news-link { font-size: 1.5rem; line-height: 2; margin-top: 1em; padding-left: 24px; position: relative; }

.news-link::before { content: ""; width: 18px; height: 18px; display: block; background: url("/common/images/icon_arrow.svg") 0 0/cover no-repeat; position: absolute; left: 0; top: .4em; }

.news-link a[target="_blank"]::after, .news-link a[href$=".pdf"]::after { content: ""; display: inline-block; vertical-align: middle; margin-left: 3px; }

.news-link a[target="_blank"]::after { width: 16px; height: 16px; background: url("/common/images/icon_window.svg") 0 0/contain no-repeat; }

.news-link a[href$=".pdf"]::after { width: 20px; height: 20px; background: url("/common/images/icon_pdf.svg") 0 0/contain no-repeat; }

@media print, screen and (min-width: 769px) { .news-float { overflow: hidden; margin: 40px 0 60px; }
  .news-float .figure { margin-top: 0; }
  .news-float .news_text { margin-top: 0; }
  .news-float.-rightImage .figure { float: right; margin-left: 16px; }
  .news-float.-leftImage .figure { float: left; margin-right: 16px; } }

@media screen and (max-width: 768px) { .news-head { height: 15.9375vw; font-size: 2.1rem; padding: 0 4.6875vw; }
  .news-head .wrap { width: auto; }
  .news-year { margin: 10vw 0 7.8125vw; }
  .news-year_item { padding: 0 6.25vw; margin-bottom: 6.25vw; }
  .news_h2 { font-size: 1.8rem; line-height: 2.5rem; margin: 6.25vw 0; }
  .news_date { margin: 6.25vw 0 12.5vw; font-size: 1.4rem; }
  .news_h3 { font-size: 1.6rem; line-height: 2.5rem; margin: 12.5vw 0; }
  .news_h4 { font-size: 1.5rem; line-height: 2.24rem; margin: 12.5vw 0 9.375vw; }
  .news_h5 { font-size: 1.4rem; line-height: 2.24rem; margin: 12.5vw 0 9.375vw; }
  .news_h6 { font-size: 1.3rem; line-height: 2.1rem; margin: 12.5vw 0 9.375vw; }
  .news_text { margin: 9.375vw 0; }
  .news .figure { margin-top: 9.375vw; width: auto; }
  .news .figure_image { width: auto; max-width: 100%; height: auto; vertical-align: top; }
  .news .figure .figure_caption { font-size: 1.1rem; line-height: 1.8rem; margin: 1.5625vw 0 0; }
  .news_hr { margin: 9.375vw 0; }
  .news-table { margin: 9.375vw 0; }
  .news-table_th, .news-table_td { padding: 1.25vw 1.875vw; }
  .news-table_th { font-size: 1.2rem; line-height: 1.92rem; }
  .news-table_td { font-size: 1.2rem; line-height: 1.92rem; }
  .news-table_thead .news-table_th { text-align: center; background: #DFDFDF; }
  .news-tableWrap { margin: 9.375vw 0; overflow-x: auto; }
  .news-tableWrap .news-table { white-space: nowrap; }
  .news-link { font-size: 1.3rem; line-height: 2.1rem; padding-left: 6.5625vw; }
  .news-link::before { width: 5.3125vw; height: 5.3125vw; top: .2em; }
  .news-link a[target="_blank"]::after, .news-link a[href$=".pdf"]::after { width: 4.0625vw; height: 4.0625vw; }
  .news-float { margin: 9.375vw 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .news-float.-rightImage .figure { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
  .news-float.-leftImage .figure { margin: 0 0 9.375vw; }
  .news-float .news_text { margin: 0; } }

/* concept */
.concept .contents { padding-bottom: 80px; }

.concept_title { margin: 60px 0 45px; font-weight: bold; font-size: 3.6rem; text-align: center; }

.english .concept_title { font-family: 'Sulphur Point', sans-serif; }

.concept_text { margin-top: 24px; font-size: 1.5rem; line-height: 2.4rem; text-align: center; }

.concept_line { border-color: #000; }

@media print, screen and (min-width: 769px) { .concept-karada { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 80px; }
  .concept-karada_img { width: 320px; }
  .concept-karada_img .img-fit + .img-fit { margin-top: 20px; }
  .concept-karada_txt { width: 680px; padding: 25px 0 0 25px; }
  .concept-karada_txt .concept_title { font-size: 3rem; }
  .concept-gensen { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 60px; }
  .concept-gensen_img { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 440px; }
  .concept-gensen_txt { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; width: 560px; }
  .concept-gensen_txt .concept_title { margin-top: 0; font-size: 3rem; } }

@media screen and (max-width: 768px) { .concept .contents { padding-bottom: 12.5vw; }
  .concept_title { margin: 9.375vw 0 6.25vw; font-size: 2.1rem; }
  .concept_text { margin-top: 7.5vw; font-size: 1.4rem; line-height: 2.2rem; text-align: left; }
  .concept-karada { margin-top: 12.5vw; }
  .concept-karada_img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .concept-karada_img .img-fit { width: 44.53125vw; }
  .concept-karada_txt .concept_title { font-size: 1.8rem; }
  .concept-gensen { margin-top: 12.5vw; }
  .concept-gensen_txt .concept_title { font-size: 1.8rem; }
  .concept-finish { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .concept-finish .img-fit { width: 50%; } }

/* menu */
.menu .main { padding-top: 0; }

.menu-head { background: #000; margin-bottom: 40px; }

.menu-head .wrap { width: 1000px; height: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.menu-head .note { border-left: 1px solid #999; padding-left: 20px; width: auto; }

.menu-head .note_item { color: #999; font-size: 1.3rem; }

.menu-head .note_head, .menu-head .note_body { padding-bottom: 0; }

.menu_title { font-family: 'Sulphur Point', sans-serif; font-size: 3.6rem; letter-spacing: .2em; color: #FF6699; text-transform: uppercase; }

.bento .menu_title { color: #ff6600; }

.salads .menu_title { color: #99cc00; }

.fries .menu_title { color: #ffcc00; }

.deli .menu_title { color: #ff0000; }

.others .menu_title { color: #66ccff; }

.special .menu_title { color: #cf9f0c; }

.menu_new { position: absolute; top: 0; left: 0; width: 120px; height: 120px; }

.menuList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px; }

.menuList_item { width: 320px; margin: 0 20px 40px 0; }

.menuList_item:nth-child(3n) { margin-right: 0; }

.menuList_link { position: relative; display: block; }

.menuList_link .menu_new { width: 86px; height: 86px; }

.menuList_name, .menuList_nameEN { font-size: 1.4rem; line-height: 1.57; margin: 20px 0; }

.menuList_term { font-size: 1.3rem; margin-bottom: 25px; }

.menuList_price { text-align: right; font-size: 1.8rem; font-weight: bold; letter-spacing: .06em; }

.menuDetail-head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 60px; }

.menuDetail_photo { position: relative; width: 405px; }

.menuDetail_photo .img-fit { width: 100%; }

.menuDetail_photo::after { content: ""; background: url("/menu/images/logo.svg") 0 0/contain no-repeat; position: absolute; width: 50px; height: 48px; bottom: 9px; right: 10px; }

.menuDetail_profile { width: 575px; }

.menuDetail_now { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; background: #999; color: #fff; font-size: 1.8rem; font-weight: bold; padding: 0 20px; height: 40px; }

.menuDetail_now::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent #999; position: absolute; right: -20px; top: 0; }

.menuDetail_name, .menuDetail_nameEN { font-size: 2rem; line-height: 1.6; margin: 20px 0; }

.menuDetail_subTitle { font-size: 1.5rem; margin: 20px 0; }

.menuDetail_term { font-size: 1.5rem; }

.menuDetail_price { display: inline-block; background: #000; color: #fff; font-size: 2.6rem; font-weight: bold; line-height: 2.8rem; padding: 4px 13px 3px; margin-top: 40px; }

.menuDetail_unit { font-size: 1.5rem; font-weight: normal; margin: 0 13px 0 9px; }

.menuDetail_text { margin-top: 40px; border-top: 1px solid #000; padding-top: 40px; font-size: 1.5rem; line-height: 2.4rem; }

.menuDetail_photo-other { margin-top: 40px; text-align: right; }

.menuDetail-annotation { font-size: 1.4rem; line-height: 1.6; }

.menuDetail-body { margin-bottom: 80px; }

.menuDetail-body_title { font-size: 3rem; line-height: 4rem; font-weight: bold; margin-bottom: 20px; }

.menuDetail-nutrition { width: 405px; margin-bottom: 60px; }

.menuDetail-integrant { width: 575px; margin-bottom: 60px; }

.menuDetail-integrant .green { color: #A5D144; }

.menuDetail-integrant .orange { color: #FF6600; }

.menuDetail-warm { width: 405px; }

.menuDetail-warm_panel { background: #000; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 28px 24px 27px 26px; }

.menuDetail-warm_text { margin-left: 30px; }

.menuDetail-warm_watt { display: inline-block; font-size: 1.5rem; margin-bottom: 6px; }

.menuDetail-warm_hosoku { display: inline-block; font-size: 1.3rem; color: #999; margin-bottom: 6px; }

.menuDetail-warm_minute { font-size: 2.6rem; font-weight: bold; }

.menuDetail-warm-note { margin-top: 20px; font-size: 1.4rem; line-height: 2rem; }

.menuDetail-warm-note_item { padding-left: 14px; margin-top: 8px; position: relative; }

.menuDetail-warm-note_item::before { content: ""; display: block; width: 6px; height: 6px; background: #000; border-radius: 100%; position: absolute; left: 0; top: .5em; }

.menuDetail-anchor { display: none; }

.menu-note { border-top: 1px solid #000; padding-top: 60px; }

.menu-table { border-collapse: collapse; border-top: 2px solid #000; border-bottom: 2px solid #000; width: 100%; margin-bottom: 20px; }

.menu-table_caption { font-size: 1.5rem; line-height: 2.4rem; margin: 30px 0 10px; }

.menu-table_th, .menu-table_td { padding: 10px; border: 1px solid #999; text-align: center; font-size: 1.3rem; }

.menu-table_th:first-child, .menu-table_td:first-child { border-left: none; }

.menu-table_th:last-child, .menu-table_td:last-child { border-right: none; }

.menu-table_th { background: #F6F6F6; font-weight: normal; }

@media print, screen and (min-width: 769px) { .menuList_link .img-fit { width: 320px; }
  .menuDetail-body { display: -ms-grid; display: grid; -ms-grid-columns: 405px 1fr; grid-template-columns: 405px 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; }
  .menuDetail-nutrition { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; }
  .menuDetail-integrant { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / 3; margin-left: 20px; }
  .menuDetail-warm { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; }
  .menuDetail_photo-other img { width: 200px; height: auto; }
  .menu _:lang(x)::-ms-backdrop, .menu .menu_title { line-height: 1; padding-top: 13px; } }

@media screen and (max-width: 768px) { .menu-head { margin-bottom: 6.25vw; }
  .menu-head .wrap { width: 100%; height: auto; padding: 4.6875vw 4.6875vw 3.125vw; display: block; }
  .menu-head .note { border-left: none; padding-left: 0; }
  .menu-head .note_item { font-size: 1rem; }
  .menu_title { font-size: 2.1rem; line-height: 1; margin-bottom: .7rem; }
  .menuList { display: block; margin-bottom: 0; }
  .menuList_item { width: 100%; margin: 0 0 12.5vw 0; }
  .menuList_link { position: relative; }
  .menuList_link .menu_new { width: 25vw; height: 25vw; }
  .menuList_link .img-fit { width: 100%; }
  .menuList_name, .menuList_nameEN { line-height: 1.6; margin: 3.125vw 0; }
  .menuList_term { margin-bottom: 4.6875vw; }
  .menuList_price { font-size: 1.6rem; }
  .menuDetail-head { display: block; margin-bottom: 12.5vw; }
  .menuDetail_photo { width: 100%; margin-bottom: 6.25vw; }
  .menuDetail_photo .menu_new { width: 28.125vw; height: 28.125vw; }
  .menuDetail_photo::after { bottom: 1rem; right: 1rem; width: 3.6rem; height: 3.4rem; }
  .menuDetail_profile { width: 100%; }
  .menuDetail_now { font-size: 1.6rem; padding: 0 4.375vw; height: 9.375vw; }
  .menuDetail_now::after { border-width: 4.6875vw 0 4.6875vw 4.6875vw; border-color: transparent transparent transparent #999; right: -4.6875vw; }
  .menuDetail_name, .menuDetail_nameEN { font-size: 1.4rem; line-height: 2.2rem; margin: 1rem 0; }
  .menuDetail_subTitle { font-size: 1.3rem; margin: 1rem 0; }
  .menuDetail_term { font-size: 1.3rem; }
  .menuDetail_price { font-size: 1.6rem; line-height: 1.8rem; padding: 0.5rem 4.21875vw 0.5rem; margin-top: 6.25vw; }
  .menuDetail_unit { font-size: 1.3rem; margin: 0 1rem 0 .5rem; }
  .menuDetail_text { margin-top: 12.5vw; padding-top: 6.25vw; font-size: 1.3rem; line-height: 2.1rem; }
  .menuDetail_photo-other { margin-top: 2rem; }
  .menuDetail_photo-other img { width: 50%; height: auto; }
  .menuDetail-annotation { font-size: 1.2rem; }
  .menuDetail-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 12.5vw; }
  .menuDetail-body_title { font-size: 1.8rem; line-height: 2rem; margin-bottom: 3.125vw; }
  .menuDetail-nutrition { width: 100%; margin-bottom: 9.375vw; }
  .menuDetail-integrant { width: 100%; margin-bottom: 9.375vw; }
  .menuDetail-warm { width: 100%; }
  .menuDetail-warm_panel { padding: 4.375vw 4.0625vw 4.0625vw 5.3125vw; }
  .menuDetail-warm_icon { width: 27.65625vw; height: auto; }
  .menuDetail-warm_text { margin-left: 5.3125vw; }
  .menuDetail-warm_watt { font-size: 1.3rem; margin-bottom: .5rem; }
  .menuDetail-warm_hosoku { font-size: 1.2rem; margin-bottom: .5rem; }
  .menuDetail-warm_minute { font-size: 1.6rem; }
  .menuDetail-warm-note { margin-top: 3.125vw; font-size: 1.2rem; line-height: 1.9rem; }
  .menuDetail-warm-note_item { padding-left: 3.4375vw; margin-top: 1.25vw; }
  .menuDetail-warm-note_item::before { width: 1.875vw; height: 1.875vw; }
  .menuDetail-anchor { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10.9375vw; width: 100%; }
  .menuDetail-anchor_item { font-size: 1.3rem; width: 50%; line-height: 2.1rem; padding-left: 6.5625vw; margin-bottom: 1em; position: relative; }
  .menuDetail-anchor_item::before { content: ""; width: 5.3125vw; height: 5.3125vw; top: .2em; display: block; background: url("/common/images/icon_arrow.svg") 0 0/cover no-repeat; position: absolute; left: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
  .menu-note { padding-top: 9.375vw; }
  .menu-table { margin-bottom: 3.125vw; }
  .menu-table_caption { font-size: 1.3rem; line-height: 2rem; margin: 4.6875vw 0 3.125vw; }
  .menu-table_th, .menu-table_td { padding: 1.5625vw; font-size: 1.2rem; } }

.note { display: table; width: 100%; }

.note_item { display: table-row; font-size: 1.4rem; line-height: 1.57; }

.note_head, .note_body { padding-bottom: 8px; display: table-cell; vertical-align: top; }

.note_head { width: 1em; }

@media screen and (max-width: 768px) { .note_item { font-size: 1.2rem; line-height: 1.9rem; }
  .note_head, .note_body { padding-bottom: 3.125vw; } }

.integrant-caption { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.5rem; margin: 30px 0 10px; }

.integrant-caption_item:not(:first-child) { margin-left: 20px; }

.integrant-list { border-top: 2px solid #000; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; padding-bottom: 2px; }

.integrant-list::after { content: ""; display: block; width: 100%; height: 2px; background: #000; margin-top: -1px; }

.integrant_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 20%; border-right: 1px solid #999; }

.integrant_item .green, .integrant_item .orange { margin: 0 7px; }

.integrant_head, .integrant_body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 40px; font-size: 1.3rem; line-height: 1.6rem; text-align: center; border-bottom: 1px solid #999; }

.integrant_head { background: #F6F6F6; }

.integrant_date { text-align: right; font-size: 1.3rem; margin-bottom: 2rem; }

@media print, screen and (min-width: 769px) { .integrant_item:nth-child(5n) { border-right: none; }
  .integrant_item:nth-child(-n+5) .integrant_head { border-top: none; } }

@media screen and (max-width: 768px) { .integrant-caption { display: block; font-size: 1.3rem; margin: 4.6875vw 0 3.125vw; }
  .integrant-caption_item:not(:first-child) { margin-left: 0; }
  .integrant-list { margin-bottom: 3.125vw; }
  .integrant_item { width: 33.333%; }
  .integrant_item:nth-child(3n) { border-right: none; }
  .integrant_item .green, .integrant_item .orange { margin: 0 .5rem; }
  .integrant_head, .integrant_body { height: 9.375vw; font-size: 1.2rem; line-height: 1.4rem; }
  .integrant_date { font-size: 1.1rem; margin-bottom: 1rem; } }

/* store */
.store_title { font-weight: bold; }

.store_table { border-top: 2px solid #000; border-bottom: 2px solid #000; width: 100%; border-collapse: collapse; }

.store_th { font-weight: bold; }

.store_td { word-break: break-all; }

.store_link { position: relative; display: inline-block; }

.store_link::before { content: ""; display: block; background: url(/common/images/icon_arrow.svg) 0 0/contain no-repeat; position: absolute; left: 0; top: .2em; }

@media print, screen and (min-width: 769px) { .store_title { margin: 60px 0 20px; font-size: 3rem; line-height: 5rem; }
  .store_th, .store_td { border-top: 1px solid #999; border-right: 1px solid #999; padding: 9px 10px; vertical-align: middle; }
  .store_th:last-child, .store_td:last-child { border-right: none; }
  .store_th { background: #F6F6F6; text-align: center; font-size: 1.4rem; line-height: 2.2rem; }
  .-list .store_tbody .store_th { background: transparent; text-align: left; }
  .store_th.-name { width: 300px; }
  .store_th.-link { width: 160px; }
  .store_td { font-size: 1.3rem; line-height: 2.3rem; }
  .-list .store_tbody tr:hover .store_th, .-list .store_tbody tr:hover .store_td { background-color: #edf6d9 !important; }
  .store_table + .store_title { margin-top: 80px; }
  .store_link { padding-left: 24px; }
  .store_link::before { width: 18px; height: 18px; } }

@media screen and (max-width: 768px) { .store_title { margin: 6.25vw 0 3.125vw; font-size: 1.8rem; line-height: 2.5rem; }
  .store_thead { display: none; }
  .store_th, .store_td { display: block; }
  .store_th { font-size: 1.3rem; line-height: 2.1rem; padding-top: 1rem; }
  .-list .store_th { border-top: 1px solid #999; }
  .store_td { font-size: 1.2rem; line-height: 1.9rem; padding-top: 1rem; }
  .-list .store_td:last-child { padding-bottom: 1rem; }
  .-detail tr:last-child .store_td { padding-bottom: 1rem; }
  .store_tel { display: block; margin-top: 1rem; }
  .store_table + .store_title { margin-top: 12.5vw; }
  .store_link { padding-left: 6.5625vw; }
  .store_link::before { width: 5vw; height: 5vw; }
  .-detail .store_link { margin-top: 1.5625vw; } }

/* ===========================

home

=========================== */
.kv { margin-bottom: 60px; }

@media screen and (max-width: 768px) { .kv { margin-bottom: 7.5vw; } }

.slider { line-height: 1; }

.slider .slick-slide img { max-width: 100%; height: auto; vertical-align: top; margin:0 auto; }

.slider .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 0; padding-top: 40px; overflow: hidden; border-radius: 100%; background-color: #eee; }

.slider .slick-arrow::before { content: ''; border: 0px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0; bottom: 0; left: 0; right: 2px; margin: auto; width: 10px; height: 10px; border-top: solid 2px #000; border-right: solid 2px #000; }

.slider .slick-arrow.slick-next { right: -54px; }

.slider .slick-arrow.slick-prev { left: -54px; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }

.slider .slick-arrow:hover { background-color: #ccc; -webkit-transition: 0.3s; transition: 0.3s; }

.slider .slick-dots { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 1; margin-top: 16px; }

.slider .slick-dots li + li { margin-left: 15px; }

.slider .slick-dots button { width: 10px; height: 0; padding-top: 10px; background-color: #ccc; border-radius: 100%; overflow: hidden; }

.slider .slick-dots .slick-active button { background: #000; }

@media screen and (max-width: 768px) { .slider .slick-arrow { display: none !important; }
  .slider .slick-dots { margin-top: 2.5vw; }
  .slider .slick-dots li + li { margin-left: 3.59375vw; }
  .slider .slick-dots button { width: 2.34375vw; padding-top: 2.34375vw; } }

.home-topics { position: relative; }

.home-topics_title { font-family: 'Sulphur Point', sans-serif; line-height: 1; font-weight: bold; letter-spacing: .1em; border-bottom: 1px solid #000; }

.home-topics_link { position: absolute; font-family: 'Sulphur Point', sans-serif; font-weight: bold; letter-spacing: .1em; padding-right: 14px; }

.home-topics_link::after { content: ''; border: 0px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 0; }

.home-shortcut_link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; border: 1px solid #000; font-size: 1.2rem; line-height: 1.2; font-weight: bold; letter-spacing: .15em; background: right 0 /contain no-repeat; }

.home-shortcut_en { width: 100%; font-family: 'Sulphur Point', sans-serif; font-size: 2rem; }

.home-official-title { font-family: 'Sulphur Point', sans-serif; line-height: 1; font-weight: bold; letter-spacing: .1em; }
#sns{ clear: both; overflow: hidden; }
.sns-icon li{ float: left;}
.sns-icon li{ margin-right: 20px; }
.sns-icon li img{ width: 100%; }


@media print, screen and (min-width: 769px) { .home .main { padding: 46px 0 70px; }
  .home-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .home-topics { width: 500px; }
  .home-topics_title { font-size: 2.4rem; padding-bottom: 5px; margin-bottom: 26px; }
  .home-topics_link { top: .2em; right: 0; font-size: 1.4rem; padding-right: 14px; }
  .home-topics_link::after { width: 7px; height: 7px; border-top: solid 2px #000; border-right: solid 2px #000; margin-top: -4px; }
  .home-shortcut_box { width: 455px; }
  .home-shortcut {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .home-shortcut_item { width: 220px; text-align: center; margin-top: 15px; }
  .home-shortcut_item:nth-child(-n+2) { margin-top: 0; }
  .home-shortcut_link { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 70px; padding-right: 68px; }
  .home-shortcut_link.-concept { background-image: url("/images/shortcut_concept.jpg"); }
  .home-shortcut_link.-menu { background-image: url("/images/shortcut_menu.jpg"); }
  .home-shortcut_link.-store { background-image: url("/images/shortcut_store.jpg"); }
  .home-shortcut_link.-recruit { background-image: url("/images/shortcut_recruit.jpg"); } 

  .home-official-title{ font-size: 2.4rem; margin:30px 0 15px 0; }
  .sns-icon li{ width:40px; }
  .sns-icon li img{ width: 100%; }
}

@media screen and (max-width: 768px) { .home .main { padding-bottom: 15.625vw; }
  .home-topics_title { font-size: 2rem; margin-bottom: 3.125vw; }
  .home-topics_link { top: .2em; right: 0.625vw; font-size: 1.2rem; padding-right: 3.125vw; }
  .home-topics_link::after { width: 1.5625vw; height: 1.5625vw; border-top: solid 0.3125vw #000; border-right: solid 0.3125vw #000; margin-top: -1.09375vw; }
  .home-shortcut { margin-top: 7.8125vw; }
  .home-shortcut_item { margin-top: 4.6875vw; }
  .home-shortcut_item:nth-child(1) { margin-top: 0; }
  .home-shortcut_link { height: 21.875vw; padding-right: 21.5625vw; padding-left: 5.625vw; }
  .home-shortcut_link.-concept { background-image: url("/images/shortcut_concept_sp.jpg"); }
  .home-shortcut_link.-menu { background-image: url("/images/shortcut_menu_sp.jpg"); }
  .home-shortcut_link.-store { background-image: url("/images/shortcut_store_sp.jpg"); }
  .home-shortcut_link.-recruit { background-image: url("/images/shortcut_recruit_sp.jpg"); } 
  .home-official-title { font-size: 2rem; margin: 7.8125vw 0 4.69vw 0; }
  .sns-icon li{ width:10.67vw; margin-right:5.3334vw;  }
  .sns-icon li img{ width: 100%; }

}

@media all and (-ms-high-contrast: none) { .home-topics_link::after { margin-top: -6px; } }