@charset "UTF-8";
/* ------------------------------------------------------------------------------------------------ */
/* MAIN CSS */
/* ------------------------------------------------------------------------------------------------ */
/* RESET
----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, picture, pre, q, ruby, s, samp, section, main, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video { font-family: inherit; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; text-align: left; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* Make sure sup and sub don't screw with your line-heights gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* form elements */
input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; }

*input[type="checkbox"] { vertical-align: baseline; }

_input { vertical-align: text-bottom; }

select, input, textarea { font-size: 99%; font-family: sans-serif; }

/* for chrome fontsize bugfix */
/* hand cursor on clickable elements */
label, input[type="button"], input[type="submit"], input[type="file"], button { cursor: pointer; }

/* JP-RESET STYLES
----------------------------------------------------------------------------------------------------*/
html { line-height: 1; }

img { display: inline-block; position: relative; line-height: 0; outline: none; max-width: 100%; height: auto; }

picture { display: block; position: relative; line-height: 0; outline: none; }

object, embed { outline: none; }

a img { border: none; pointer-events: none; }

iframe { border: 0 none; outline: none; }

header, footer, section, nav, #header, #footer { display: block; width: 100%; height: auto; position: relative; }

/* COMMON SETTINGS */
.clearfix:before, .clearfix:after { display: table; content: " "; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

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

.csshover img { display: inline-block; line-height: 0; }

.csshover:hover { opacity: 0.8; }

/* Common Style
-------------------------------------------------------------------------------*/
html { height: auto; }

body { height: auto; font-size: 13px; line-height: 130%; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; background: #040300 url(../images/background.jpg) repeat-y center bottom; color: #242424; min-width: 980px; }

@media (max-width: 599px) { body { width: 100%; min-width: 100%; max-width: 100%; background: #040300 url(../images/background_smp.jpg) repeat-y center center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; } }

select, input, textarea { color: #242424; }

select { display: inline-block; vertical-align: middle; padding: 0px; font-size: 13px; line-height: 1; height: 1.7em; }

@media (max-width: 599px) { select { height: 2.4em; margin-bottom: 4px; padding: 0; vertical-align: middle; } }

textarea { max-width: 416px; }

@media (max-width: 599px) { textarea { max-width: none; } }

input[type="text"], input[type="email"], input[type="tel"] { max-width: 416px; }

@media (max-width: 599px) { input[type="text"], input[type="email"], input[type="tel"] { max-width: none; border: 1px solid #aaa; padding: 10px; width: 100%; height: 2em; margin-top: 2px; } }

textarea { border: 1px solid #cccccc; padding: 8px; }

@media (max-width: 599px) { textarea { border: 1px solid #aaa; padding: 10px; line-height: 1.6; } }

button { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 22px; padding-left: 2em; padding-right: 2em; }

input[type="submit"], input[type="button"], button { display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 2.2em; line-height: 1; background-color: #ededed; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #bbb; }

input[type="submit"]:hover, input[type="button"]:hover, button:hover { background-color: #f0f0f0; }

@media (max-width: 599px) { input[type="submit"], input[type="button"], button { margin-top: 20px; } }

@media (max-width: 599px) { img, picture { max-width: 100%; } }

a { display: inline-block; color: #111111; }

a:hover { color: #656565; }

a:link { -webkit-tap-highlight-color: rgba(201, 47, 47, 0.34); }

a img, a picture { display: inline-block; position: relative; }

.wrapper { width: 980px; height: auto; margin: 0 auto; zoom: 1; }

.wrapper:before { content: ""; display: table; }

.wrapper:after { content: ""; display: table; clear: both; }

.wrapper h1 { margin-bottom: 16px; }

@media (max-width: 599px) { .wrapper { width: 100%; } }

#pagetop { width: 100%; text-align: right; display: block; padding: 15px 2px 10px 0; clear: both; }

#pagetop a { width: 134px; }

@media (max-width: 599px) { #pagetop { text-align: center; padding: 0; }
  #pagetop a { width: 70%; max-width: 270px; margin: 5vw auto 8vw; }
  #pagetop a img, #pagetop a picture { width: 100%; height: auto; } }

#page #pagetop { margin-top: 5vw; }

#footer { width: 100%; background: #1a0f07; }

#footer-wrapper { width: 980px; height: auto; background: url(../images/footer-bg.jpg) no-repeat right top; margin: 0 auto; color: #ffffff; position: relative; *padding-bottom: 40px; padding-bottom: 40px; }

@media (max-width: 599px) { #footer-wrapper { width: 100%; -webkit-background-size: 47% auto; -moz-background-size: 47% auto; background-size: 47% auto; padding-bottom: 16vw; } }

#footer-logo { display: block; margin: 16px 3px 22px; float: left; width: 153px; }

@media (max-width: 599px) { #footer-logo { float: none; width: 25vw; margin: 4vw 0 0vw 5.3vw; } }

#footer-list-wrapper { float: left; padding: 20px 0 0 20px; }

#footer-list-wrapper h4 { display: block; font-size: 140%; font-weight: normal; margin-bottom: 0px; line-height: 130%; }

@media (max-width: 599px) { #footer-list-wrapper h4 { float: none; position: absolute; top: 15.8vw; left: 33vw; } }

@media (max-width: 599px) { #footer-list-wrapper { float: none; width: 100%; padding: 1vw 0 0 5.3vw; } }

.footer-m { color: #bfbfbf; font-size: 90%; letter-spacing: 0.5px; border-bottom: 1px solid #838383; margin-bottom: 4px; display: inline-block; width: 68%; padding: 11px 0px 2px 0px; }

.footer-m:before { content: '《'; padding-right: 3px; }

.footer-m:after { content: '》'; padding-left: 3px; }

.footer-list { width: 54em; line-height: 180%; }

.footer-list h5 { display: block; font-weight: normal; width: 26em; float: left; }

@media (max-width: 599px) { .footer-list { width: 100%; float: none; line-height: 150%; } }

#copyright { display: block; width: 90%; position: absolute; right: 2px; bottom: 3px; text-align: right; font-size: 80%; color: #7a6454; font-family: Helvetica, Arial, sans-serif; }

@media (max-width: 599px) { #copyright { right: 0; width: 100%; text-align: center; bottom: 5vw; padding: 0; font-size: 86%; } }

#pageleft { float: right; width: 196px; margin-right: 25px; }

#pageleft h3 { margin: 0; padding: 0; height: 161px; }

#pageleft h3 a { margin: 0; padding: 0; height: 161px; }

#pageleft h3 a img { margin: 0; padding: 0; height: 161px; }

@media (max-width: 599px) { #pageleft { float: none; display: none; } }

#pageright { float: right; width: 759px; background-color: #ffffff; }

@media (max-width: 599px) { #pageright { float: none; width: 100%; overflow: hidden; }
  #pageright h1 { display: block; overflow: hidden; width: 100%; }
  #pageright h1 img { display: block; height: 35vw; width: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: left bottom; object-position: left bottom; } }

#pagemenu { display: block; padding-top: 18px; padding-left: 11px; margin-top: 0px; background: url(../images/pagemenubg.png) no-repeat left top; width: 196px; height: 436px; }

#pagemenu ul { width: 196px; }

#pagemenu ul li { display: block; margin-left: 1px; float: left; margin-top: 0px; width: 42px; }

p.read { margin-left: 24px; }

@media (max-width: 599px) { p.read { margin-left: 3.5%; margin-right: 3.5%; } }

/* Top Style
-------------------------------------------------------------------------------*/
#toplogo { display: block; position: absolute; top: 295px; z-index: 5; left: 50%; margin-left: 254px; }

@media (max-width: 599px) { #toplogo { top: 1.5vw; left: 1.5%; right: auto; margin-left: 0; }
  #toplogo img { width: 34vw; height: auto; } }

#slider { z-index: 1; width: 100%; height: 507px; overflow: hidden; position: relative; text-align: center; }

@media (max-width: 599px) { #slider { width: 100%; height: auto; } }

#topmenu { background: url(../images/menubg.png) repeat-x center; width: 100%; height: 269px; -webkit-box-shadow: 0px 60px 80px #000; -moz-box-shadow: 0px 60px 80px #000; box-shadow: 0px 60px 80px #000; overflow: visible; z-index: 2; }

@media (max-width: 599px) { #topmenu { height: auto; background: url("../images/menubg_smp.jpg") no-repeat center top; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; } }

#topmenu-wrapper { width: 980px; margin: 0 auto; color: #e6e6e6; position: relative; }

@media (max-width: 599px) { #topmenu-wrapper { width: 100%; } }

#aburasoba { display: block; position: absolute; top: -12px; left: -41px; width: 321px; z-index: 10; }

@media (max-width: 599px) { #aburasoba { display: none; } }

#topmenu-wrapper ul { display: block; margin-left: 269px; float: left; margin-right: 0px; }

@media (max-width: 599px) { #topmenu-wrapper ul { margin-left: 0; } }

#topmenu-wrapper ul li { display: block; float: left; margin-top: 21px; }

#topmenu-wrapper ul#mainmenu { width: 260px; }

#topmenu-wrapper ul#mainmenu li { width: 62px; }

@media (max-width: 599px) { #topmenu-wrapper ul#mainmenu { float: none; margin: 0 auto; padding: 7vw 0vw 0 3vw; width: 96.5%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: left; -webkit-align-items: left; -moz-box-align: left; -ms-flex-align: left; align-items: left; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #topmenu-wrapper ul#mainmenu li { vertical-align: top; display: inline-block; float: none; width: 13.8vw; margin: 0 4.0vw; }
  #topmenu-wrapper ul#mainmenu li a { display: block; position: relative; }
  #topmenu-wrapper ul#mainmenu li a picture, #topmenu-wrapper ul#mainmenu li a img { width: 100%; height: auto; } }

#topmenu-wrapper .separator { width: 22px; text-align: left; display: block; float: left; margin-left: 0px; margin-top: 21px; border-left: 1px dotted #928178; height: 231px; }

@media (max-width: 599px) { #topmenu-wrapper .separator { display: none; visibility: hidden; } }

#topmenu-wrapper .separator-last { width: 2px; }

#topmenu-wrapper ul#submenu { width: 150px; margin-left: 0px; margin-right: 7px; }

#topmenu-wrapper ul#submenu li { width: 49px; }

@media (max-width: 599px) { #topmenu-wrapper ul#submenu { float: none; width: 100%; margin: 1vw 0 20vw; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: left; -webkit-align-items: left; -moz-box-align: left; -ms-flex-align: left; align-items: left; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 52.4vw; padding-right: 4vw; }
  #topmenu-wrapper ul#submenu li { display: inline-block; width: 11.8vw; float: none; margin: 3vw 0 0.5vw; }
  #topmenu-wrapper ul#submenu li a { display: inline-block; position: relative; margin: 0; width: 11.8vw; margin: 0 0.0vw; }
  #topmenu-wrapper ul#submenu li a picture, #topmenu-wrapper ul#submenu li a img { width: 100%; height: auto; } }

@media (max-width: 599px) { .smp-order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .smp-order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .smp-order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
  .smp-order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } }

#info { float: left; margin-top: 28px; margin-left: 2px; }

@media (max-width: 599px) { #info { float: none; display: block; width: 94%; margin: 0 auto; }
  #info > p { display: block; margin: 0 auto 1vw; }
  #info > p img, #info > p picture { height: 6vw; width: auto; text-align: center; } }

#scrollbar1 { width: 220px; clear: both; margin: 0px 14px 0px 0; overflow: hidden; }

@media (max-width: 599px) { #scrollbar1 { width: 100%; position: relative; margin-bottom: 1vw; } }

#scrollbar1 .viewport { width: 220px; padding-right: 20px; height: 192px; margin-top: 10px; overflow: hidden; position: relative; }

@media (max-width: 599px) { #scrollbar1 .viewport { width: 100%; height: 15.5em; padding: 8px 20px 8px 8px; background-color: rgba(0, 0, 0, 0.3); line-height: 1.4; } }

#scrollbar1 .overview { list-style: none; }

#scrollbar1 .disable { display: none; }

#info dt { color: #d1d1d1; font-size: 88%; }

@media (max-width: 599px) { #info dt { font-size: 92%; } }

#info dd { margin-bottom: 14px; }

#info a { color: #e6e6e6; }

#info a:hover { color: #ffffff; }

#topleft { float: left; width: 708px; overflow: hidden; }

@media (max-width: 599px) { #topleft { float: none; width: 100%; } }

#kodawari { display: block; width: 680px; margin: 42px 0 11px 2px; }

@media (max-width: 599px) { #kodawari { width: 93%; margin: 10vw 3.5% 4vw; }
  #kodawari img, #kodawari picture { width: 100%; height: auto; } }

.shoplist { display: block; float: left; width: 708px; padding: 0 0px 0 3px; }

.shoplist li { display: block; float: left; margin-right: 26px; width: 115px; margin-bottom: 6px; }

@media (max-width: 599px) { .shoplist { width: 93%; margin-right: 3.5%; margin-left: 3.5%; padding-left: 1%; padding-right: 0; float: none; }
  .shoplist li { display: inline-block; position: relative; width: 31%; margin-right: 2.3%; }
  .shoplist li a { width: 100%; }
  .shoplist li img { width: 100%; height: auto; } }

.shopcountry { font-family: "Sawarabi Mincho",sans-serif; color: #d6d6d6; font-size: 17px; letter-spacing: 0.5px; border-bottom: 1px solid #a0a0a0; margin-bottom: 7px; display: inline-block; width: 679px; padding: 0 0px 6px 0px; margin-left: 3px; margin-top: 20px; }

.shopcountry:before { content: '《'; padding-right: 3px; font-size: 19px; }

.shopcountry:after { content: '》'; padding-left: 3px; font-size: 19px; }

@media (max-width: 599px) { .shopcountry { width: 93%; font-size: 20px; margin-left: 3.5%; margin-right: 3.5%; text-align: center; margin-top: 9vw; margin-bottom: 3vw; padding-bottom: 2.5vw; } }

#menudetail { display: block; float: left; width: 268px; margin-top: 32px; }

@media (max-width: 599px) { #menudetail { float: none; margin-right: auto; margin-left: auto; width: 70%; max-width: 268px; } }

#message { width: 100%; padding-top: 18px; text-align: center; clear: both; }

#message img, #message picture { text-align: center; }

/* Goods Style
-------------------------------------------------------------------------------*/
#about1 { position: relative; background: url(../goods/images/about1.jpg) no-repeat left top; width: 759px; height: 311px; }

@media (max-width: 599px) { #about1 { position: relative; width: 100%; margin: 0 auto; height: auto; background: url(../goods/images/about0_smp.jpg) no-repeat center 7vw; -webkit-background-size: 60vw auto; -moz-background-size: 60vw auto; background-size: 60vw auto; } }

#about1 h2 { font-size: 0.8rem; position: absolute; top: 236px; right: 18px; font-weight: normal; line-height: 170%; }

#about1 h2 strong { color: #e30214; font-weight: bold; }

#about1 h2#about-txt { top: 67px !important; left: 364px; font-size: 110%; }

@media (max-width: 599px) { #about1 h2 { display: block; right: auto; position: relative !important; width: 100%; margin: 0 auto; height: auto; text-align: left; top: auto !important; }
  #about1 h2#about-txt { top: auto !important; left: auto; font-size: 110%; padding-top: 16vw; text-align: center; }
  #about1 h2#about-healthy { background: url("../goods/images/about1_smp.jpg?v1") no-repeat center top; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; font-size: 110%; padding-top: 54vw; text-align: center; margin-bottom: 10vw; margin-top: 6vw; } }

#about2 { position: relative; background: url(../goods/images/about2.jpg) no-repeat left top; width: 759px; height: 240px; }

@media (max-width: 599px) { #about2 { position: relative; width: 100%; height: auto; background: url("../goods/images/about2_smp.jpg?v2") no-repeat center top; padding-top: 54.4vw; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; text-align: center; } }

#about2 h2 { font-size: 0.8rem; position: absolute; top: 68px; left: 26px; font-weight: normal; line-height: 170%; }

#about2 h2 strong { color: #e30214; font-weight: bold; }

@media (max-width: 599px) { #about2 h2 { position: relative; top: auto; left: auto; width: 100%; height: auto; text-align: left; padding: 0 6vw 10vw; } }

#about3 { position: relative; background: url(../goods/images/about3.jpg) no-repeat left top; width: 759px; height: 280px; }

@media (max-width: 599px) { #about3 { position: relative; width: 100%; height: auto; background: url("../goods/images/about3_smp.jpg?v2") no-repeat center top; padding-top: 55.4vw; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; text-align: center; } }

#about3 h2 { font-size: 0.8rem; position: absolute; top: 68px; right: 21px; font-weight: normal; line-height: 170%; width: 29.5em; }

#about3 h2 strong { color: #e30214; font-weight: bold; }

@media (max-width: 599px) { #about3 h2 { top: auto; right: auto; position: relative; width: 100%; height: auto; text-align: left; padding: 0 6vw 10vw; } }

#about4 { position: relative; background: url(../goods/images/about4.png) no-repeat left top; width: 759px; height: 385px; }

@media (max-width: 599px) { #about4 { position: relative; width: 100%; height: auto; background: url("../goods/images/about4_smp.jpg") no-repeat center top; padding-top: 17vw; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; text-align: center; } }

#about4 h2 { position: absolute; left: 0px; top: 3px; margin: 82px 0 0 21px; display: block; border: 3px double #7a2406; color: #814900; padding: 5px 10px 3px; font-weight: normal; text-align: center; font-size: 0.82rem; }

@media (max-width: 599px) { #about4 h2 { top: auto; left: auto; position: relative; width: 94%; height: auto; margin: 0 3%; padding-top: 2vw; padding-bottom: 2vw; } }

#about4 p { display: block; padding-top: 170px; padding-left: 29px; clear: both; }

#about4 p strong { color: #e30214; font-weight: bold; }

@media (max-width: 599px) { #about4 p { top: auto; left: auto; position: relative; width: 90%; height: auto; padding: 0; margin: 4vw 5%; } }

#about4 ul { width: 340px; display: block; position: absolute; top: 2px; left: 402px; }

@media (max-width: 599px) { #about4 ul { top: auto; position: relative; width: 90%; margin: 0 auto 0; padding-bottom: 10vw; height: auto; float: none; top: auto; left: auto; } }

#about4 ul li { width: 165px; float: left; }

#about4 ul li dl dd { font-size: 88%; margin-bottom: 10px; line-height: 100%; }

@media (max-width: 599px) { #about4 ul li { width: 50%; padding-right: 5%; position: relative; }
  #about4 ul li img { width: 100%; }
  #about4 ul li dd { text-align: center; padding: 5px 0 8px; }
  #about4 ul li.more-menu a { width: 100%; } }

/* Menu Style
-------------------------------------------------------------------------------*/
.menu_atn { display: block; margin: 18px auto 10px; font-size: 10.5px; text-align: center; padding-left: 1em; }

@media (max-width: 599px) { .menu_atn { margin-bottom: 4em; } }

#menubox1 { position: relative; margin: 20px 0 0 34px; }

#menubox1 p span { font-size: 88%; display: block; text-indent: 7px; margin-top: -3px; }

@media (max-width: 599px) { #menubox1 { margin: 20px auto 20px; }
  #menubox1 > img { text-align: center; margin: 0 auto; display: block; } }

p#aburasoba1 { display: block; position: absolute; left: 312px; top: 26px; width: 355px; }

@media (max-width: 599px) { p#aburasoba1 { position: relative; left: auto; top: auto; width: 93%; margin: 0vw 3.5% 3vw; text-align: center; }
  p#aburasoba1 span { text-align: center; padding-top: 2px; } }

p#aburasoba2 { display: block; position: absolute; left: 312px; top: 146px; width: 355px; }

@media (max-width: 599px) { p#aburasoba2 { position: relative; left: auto; top: auto; width: 93%; margin: 0vw 3.5% 3vw; text-align: center; }
  p#aburasoba2 span { text-align: center; padding-top: 2px; } }

#menuline, .menuline { text-align: center; width: 100%; margin: 10px 0; }

#menubox2 { width: 422px; margin-left: 28px; position: relative; float: left; }

@media (max-width: 599px) { #menubox2 { float: none; width: 100%; margin-left: 0; } }

#menubox2 h2 { display: block; text-align: center; width: 100%; }

@media (max-width: 599px) { #menubox2 h2 { margin-top: 5vw; } }

#menubox2 .photobox { width: 385px; display: block; margin-bottom: 20px; }

@media (max-width: 599px) { #menubox2 .photobox { width: 100%; vertical-align: top; margin-bottom: 10px; margin-top: 10px; } }

#menubox2 .toppingphoto { width: 149px; }

@media (max-width: 599px) { #menubox2 .toppingphoto { width: 26vw; padding-left: 3.5%; } }

#menubox2 .photobox div { float: left; }

#menubox2 .photobox div dl { width: 227px; clear: both; display: block; margin-left: 5px; }

@media (max-width: 599px) { #menubox2 .photobox div dl { display: inline-block; width: 68vw; vertical-align: top; } }

#menubox2 .photobox div dl dt { border-bottom: 1px solid #000000; width: 227px; position: relative; margin-bottom: 5px; padding-bottom: 2px; margin-top: 30px; }

@media (max-width: 599px) { #menubox2 .photobox div dl dt { display: inline-block; vertical-align: top; width: 68vw; margin-top: 2.6vw; } }

#menubox2 .photobox div dl dt strong { font-weight: normal; font-size: 115%; line-height: 100%; }

#menubox2 .photobox div dl dt span { display: block; position: absolute; font-size: 110%; right: 0; bottom: 2px; }

#menubox2 .photobox div dl dd { width: 227px; padding-left: 4px; }

#menubox3, .menubox3 { width: 267px; float: left; padding-left: 20px; background: url(../menu/images/line2.png) repeat-y left; }

@media (max-width: 599px) { #menubox3, .menubox3 { display: block; text-align: center; width: 100%; margin: 0 auto; float: none; padding-left: 0; background: none; } }

#menubox3 h2, .menubox3 h2 { padding-left: 8px; }

@media (max-width: 599px) { #menubox3 h2, .menubox3 h2 { margin-top: 8vw; padding-left: 0; padding-right: 0; text-align: center; } }

@media (max-width: 599px) { #menubox3 ul, .menubox3 ul { display: block; width: 18em; text-align: center; margin: 0 auto 5vw; } }

#menubox3 ul li, .menubox3 ul li { display: block; margin: 13px 0; position: relative; padding-left: 30px; }

@media (max-width: 599px) { #menubox3 ul li, .menubox3 ul li { margin: 10px auto; padding-left: 8px; } }

#menubox3 ul li strong, .menubox3 ul li strong { font-weight: normal; padding-left: 2px; }

#menubox3 ul li span, .menubox3 ul li span { display: block; position: absolute; left: 170px; bottom: 0; text-align: left; min-width: 8em; }

#menubox3 ul li img, .menubox3 ul li img { display: block; position: absolute; left: 1.7em; bottom: 3px; width: 27px !important; }

#menubox4 { width: 422px; margin-left: 28px; position: relative; float: left; margin-bottom: 30px; }

@media (max-width: 599px) { #menubox4 { width: 93%; float: none; margin: 0 3.5% 0vw; } }

#menubox4 h2 { display: block; text-align: center; width: 100%; }

@media (max-width: 599px) { #menubox4 h2 { margin-top: 4vw; padding-right: 0; text-align: center; } }

@media (max-width: 599px) { #menubox4 ul { display: block; width: 100%; margin: 2vw 0 0; } }

#menubox4 ul li { display: block; float: left; width: 135px; text-align: center; }

@media (max-width: 599px) { #menubox4 ul li { width: 30%; margin-right: 4.5%; font-size: 94%; }
  #menubox4 ul li:last-child { margin-right: 0; }
  #menubox4 ul li img { width: 100%; } }

#menubox4 ul li span { display: block; text-align: right; padding-right: 6px; }

@media (max-width: 599px) { #menubox4 ul li span { margin-right: -10px; padding-bottom: 0.8vw; } }

/* Shop Style
-------------------------------------------------------------------------------*/
.shoplink { display: block; margin: 0px 0 12px 26px; padding-right: 2em; }

.shoplink a { word-break: keep-all; white-space: nowrap; }

@media (max-width: 599px) { .shoplink a { padding-bottom: 3px; } }

.shopcountry-anchor { font-size: 11px; padding-left: 10px; font-style: normal; }

.shopcountry-anchor:before { content: '《'; font-size: 11px; padding-right: 2px; }

.shopcountry-anchor:after { content: '》'; font-size: 11px; padding-left: 2px; }

.shopcountry-ttl { clear: both; display: block; font-size: 17px; font-family: "Sawarabi Mincho",sans-serif; padding: 7px 0 6px; width: 93%; margin: 25px auto 20px; text-align: center; border-bottom: 1px dotted #333; border-top: 1px dotted #333; letter-spacing: 4px; }

h2.shopttl { display: block; margin-left: 26px; margin-bottom: 7px; clear: both; font-family: "Sawarabi Mincho", "Hiragino Mincho Pro", "MS Mincho", Meiryo, serif; font-size: 170%; font-weight: bold; letter-spacing: 3px; padding-bottom: 8px; width: auto; margin-right: 30px; border-bottom: 1px solid #242424; }

@media (max-width: 599px) { h2.shopttl { width: 93%; margin: 2vw 3.5% 2vw; padding-top: 6px; } }

.shopleft { float: left; margin-left: 28px; width: 196px; }

@media (max-width: 599px) { .shopleft { margin-left: 3.5%; width: 30vw; } }

.shopright { float: left; margin-left: 30px; }

.shopright iframe { border: 1px solid #bdbdbd; }

@media (max-width: 599px) { .shopright { width: 58vw; margin-left: 4vw; }
  .shopright iframe { border-width: 1px; } }

.googlemap { text-align: right; margin-bottom: -4px; }

.googlemap em { display: block; width: 445px; height: 169px; padding: 0; line-height: 0; background-color: #f2f2f2; background-image: url("../images/ajax-loader.gif"); background-repeat: no-repeat; background-position: center center; }

@media (max-width: 599px) { .googlemap em { width: 58vw; height: 41.5vw; }
  .googlemap em iframe { width: 58vw !important; height: 41.5vw !important; } }

@media (max-width: 599px) { .googlemap a { color: #242424; text-decoration: none; border: 1px solid #242424; width: 58vw; text-align: center; margin-top: -1em; margin-bottom: 4.5vw; padding: 4px 0; }
  .googlemap a img { display: none; visibility: hidden; }
  .googlemap a::before { text-align: center; content: 'マップアプリで開く'; color: #242424; text-decoration: none; display: block; font-size: 13px; } }

.no-bg { background-image: none !important; }

.shopmeta1 { margin-bottom: 30px; float: left; width: 220px; font-size: 88%; }

.shopmeta1 span { display: block; margin-bottom: 8px; padding-left: 1em; text-indent: -1em; }

@media (max-width: 599px) { .shopmeta1 { width: 37vw; margin-left: -35vw; margin-bottom: 7vw; } }

.shopmeta2 { margin-bottom: 30px; float: left; font-size: 88%; }

.shopmeta2 span { font-size: 90%; }

@media (max-width: 599px) { .shopmeta2 { width: 54vw; margin-left: 1.5vw; margin-bottom: 7vw; } }

/* Eat styles
-------------------------------------------------------------------------------*/
#eatwrapper { margin-left: 27px; padding-top: 10px; line-height: 1.4; }

@media (max-width: 599px) { #eatwrapper { margin-left: 0; padding-top: 0vw; padding-bottom: 4vw; } }

#eatwrapper h2 { margin-bottom: 6px; display: block; width: 100%; }

@media (max-width: 599px) { #eatwrapper h2 { padding-top: 6vw; margin-bottom: 3vw; padding-left: 3.5vw; }
  #eatwrapper h2 picture, #eatwrapper h2 img { width: auto; height: 5.7vw; margin: 0 auto; }
  #eatwrapper h2.double-line picture, #eatwrapper h2.double-line img { width: auto; height: 13vw; } }

#eatwrapper p { width: 100%; position: relative; display: block; padding-left: 3px; margin-bottom: 12px; font-size: 110%; }

@media (max-width: 599px) { #eatwrapper p { width: 88%; margin: 0 3.5% 5vw 8.5%; } }

#eatwrapper ul { width: 100%; display: block; }

@media (max-width: 599px) { #eatwrapper ul { width: 88%; margin: 0 3.5% 5vw 8.5%; } }

#eatwrapper ul li { display: block; float: left; margin-bottom: 35px; }

@media (max-width: 599px) { #eatwrapper ul li { display: block; float: none; width: auto !important; margin-bottom: 2vw; }
  #eatwrapper ul li .eat-arw img, #eatwrapper ul li .eat-arw picture { height: 4.2vw; width: auto; } }

#eatwrapper ul dl dd { width: 192px; font-size: 92%; line-height: 140%; }

#eatwrapper ul dl dd.nullbox { width: auto !important; }

@media (max-width: 599px) { #eatwrapper ul dl dd.nullbox { height: 1.3vw; } }

#eatwrapper p strong { color: #e30214; font-weight: bold; }

#eatwrapper ul li.lastbox { padding-left: 50px !important; }

@media (max-width: 599px) { #eatwrapper ul li.lastbox { padding-left: 0 !important; } }

/* Media styles
-------------------------------------------------------------------------------*/
#medialist { display: block; width: 710px; margin: 20px auto; padding: 0px 0 20px; font-size: 110%; border-top: 1px #999999 dotted; }

#medialist dl { display: block; border-bottom: 1px #999999 dotted; padding-bottom: 20px; }

#medialist dt { float: left; width: 500px; clear: both; margin-bottom: 20px; padding-top: 22px; }

#medialist dd { width: 200px; padding-top: 20px; margin-left: 510px; margin-bottom: 10px; }

/* Info styles
-------------------------------------------------------------------------------*/
#formTable { position: relative; width: 710px; margin: 25px auto 25px; }

@media (max-width: 599px) { #formTable { display: block; width: 94%; margin: 2vw 3%; }
  #formTable tbody { display: block; } }

#formTable tr { display: block; padding: 17px 0; border-bottom: 1px #ccc solid; }

#formTable tr td { padding: 17px 0\9; padding-left: 12px !important; font-size: 13px; }

#formTable tr td:not(:target) { padding: 17px 0\9; padding-left: 12px !important; }

@media (max-width: 599px) { #formTable tr td:not(:target) { padding-left: 0 !important; } }

#formTable tr td input, #formTable tr td textarea { font-size: 14px; padding: 0px 2px; }

@media (max-width: 599px) { #formTable tr td input, #formTable tr td textarea { max-width: 95%; } }

@media (max-width: 599px) { #formTable tr td { display: block; width: 100%; position: relative; } }

#formTable tr.error { background-color: #fde6e6; }

#formTable tr.error td.label { color: #e42424; }

#formTable .formDate { padding-right: 10px; padding-left: 5px; }

#formTable .label { width: 140px; vertical-align: middle; border-right: 1px dotted #c3c3c3; }

@media (max-width: 599px) { #formTable .label { border: 0 none; width: 100%; padding-bottom: 4px; } }

#formTable .formAtn { font-size: 93%; padding-top: 5px; display: block; }

#formSubmit, .formSubmit { display: block; margin-bottom: 50px; text-align: center; }

#formSubmit input, .formSubmit input { font-size: 140%; padding: 5px; color: #3d3d3d; text-shadow: none; }

#errBox { display: block; padding: 10px; margin: 18px auto 0; width: 60%; color: #e42424; border: 2px solid #e42424; }

#errBox li { list-style: outside; padding: 2px; margin-left: 18px; }

@media (max-width: 599px) { #errBox { width: 80%; } }

/* Recruit styles
-------------------------------------------------------------------------------*/
#recruitTable { width: 700px; margin: 20px auto 40px; border: 1px #555555 solid; font-size: 11px; }

#recruitTable th { background-color: #ededed; padding: 8px; }

#recruitTable td { border: 1px #555555 solid; padding: 8px; }

/* Swiper styles
-------------------------------------------------------------------------------*/
.swiper-container { width: 100%; height: 100%; }

.swiper-slide { width: 980px !important; /* Center slide text vertically */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.swiper-slide img, .swiper-slide picture { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

@media (max-width: 599px) { .swiper-slide { width: 100% !important; height: auto !important; } }

.swiper-pagination { position: absolute; left: 50% !important; top: 476px; margin-left: 254px; line-height: 0 !important; }

@media (max-width: 599px) { .swiper-pagination { top: 30vw !important; left: 1.5% !important; margin-left: 0 !important; } }

.swiper-pagination-bullet { display: inline-block !important; vertical-align: top !important; -moz-border-radius: 0 !important; border-radius: 0 !important; background: #fff !important; width: 53px !important; height: 4px !important; margin-right: 2px !important; opacity: 1 !important; }

@media (max-width: 599px) { .swiper-pagination-bullet { width: 8vw !important; margin-right: 0.6vw !important; } }

.swiper-pagination-bullet-active { background: #e30114 !important; width: 53px !important; height: 8px !important; }

@media (max-width: 599px) { .swiper-pagination-bullet-active { width: 8vw !important; height: 6px !important; } }

/* Smp Menu styles
-------------------------------------------------------------------------------*/
.smp-toggle { display: none; position: fixed; top: 5px; right: 8px; z-index: 200; }

@media (max-width: 599px) { .smp-toggle { display: block; } }

.smp-toggle a, .smp-toggle label { display: inline-block; position: relative; width: 50px; height: 50px; margin: 5px 0 5px; -moz-border-radius: 50%; border-radius: 50%; background: rgba(255, 255, 255, 0.8); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }

.smp-toggle a em, .smp-toggle label em { display: block; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; margin: -1px 0 0 -10px; background: #000; -webkit-transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1); text-indent: -999px; }

.smp-toggle a em::after, .smp-toggle label em::after { margin-top: 6px; display: block; content: ""; position: absolute; top: 50%; left: 0; width: 20px; height: 2px; background: #000; -webkit-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); }

.smp-toggle a em::before, .smp-toggle label em::before { margin-top: -8px; display: block; content: ""; position: absolute; top: 50%; left: 0; width: 20px; height: 2px; background: #000; -webkit-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); }

.smp-toggle a em.close, .smp-toggle label em.close { background: transparent; }

.smp-toggle a em.close::after, .smp-toggle label em.close::after { margin-top: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

.smp-toggle a em.close::before, .smp-toggle label em.close::before { margin-top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

#smp-modal-menu { display: none; visibility: hidden; }

@media (max-width: 599px) { #smp-modal-menu { display: block; position: fixed; visibility: visible; z-index: 30; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.9); text-align: center; }
  #smp-modal-menu nav { display: block; position: relative; padding-top: 18vw; }
  #smp-modal-menu nav ul { display: block; width: 86%; margin: 0 auto; border-top: 1px dotted #aaa; }
  #smp-modal-menu nav ul li { display: block; width: 100%; position: relative; border-bottom: 1px dotted #aaa; }
  #smp-modal-menu nav ul li a { display: block; position: relative; font-size: 16px; height: 3.3em; line-height: 3.3; width: 100%; text-align: center; color: #fff; text-decoration: none; }
  #smp-modal-menu nav ul li a.focus { cursor: none; pointer-events: none; background-color: #1a0f07; color: #dbb473; text-shadow: 0 0 10px rgba(255, 255, 255, 0.7); } }

#smp-modal-visible { display: none; }

#smp-modal-visible ~ #smp-modal-menu { display: none !important; }

#smp-modal-visible:checked ~ #smp-modal-menu { display: block !important; -webkit-animation: fadeIn 0.6s cubic-bezier(0.19, 1, 0.22, 1); animation: fadeIn 0.6s cubic-bezier(0.19, 1, 0.22, 1); }

.smp-header { display: none; visibility: hidden; }

@media (max-width: 599px) { .smp-header { display: block; visibility: visible; position: absolute; z-index: 5; top: 0; left: 0; }
  .smp-header h3 a img { width: 24vw; height: auto; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.22); box-shadow: 0 0 5px rgba(0, 0, 0, 0.22); } }

/* Recruit Franchise styles
-------------------------------------------------------------------------------*/
.rf-ttl { padding-top: 8px; margin-left: 2%; padding-bottom: 4px; }

@media (max-width: 599px) { .rf-ttl { margin-left: 3.5%; margin-right: 5%; } }

.read_large { font-size: 200%; line-height: 1.5; font-weight: bold; margin-left: 24px; padding: 4px 0; }

@media (max-width: 599px) { .read_large { font-size: 170%; margin-left: 3.5%; margin-right: 3.5%; } }

.read_large2 { font-size: 170%; }

@media (max-width: 599px) { .read_large2 { font-size: 150%; } }

.read_middle { margin-left: 24px; margin-right: 24px; padding: 4px 0; line-height: 1.4; }

@media (max-width: 599px) { .read_middle { margin-left: 3.5%; margin-right: 3.5%; } }

.rf-img { margin: 15px 0 15px 24px; }

@media (max-width: 599px) { .rf-img { width: 93%; height: auto; margin-left: 3.5%; margin-right: 3.5%; } }

.rf-table { width: 93.5%; margin-left: 24px; margin-right: 24px; margin-bottom: 15px; border-bottom: 1px dotted #999; line-height: 1.4; }

@media (max-width: 599px) { .rf-table { width: 93%; height: auto; margin-left: 3.5%; margin-right: 3.5%; } }

.rf-table caption { font-size: 130%; line-height: 1.5; font-weight: bold; padding-top: 8px; padding-bottom: 3px; }

.rf-table tr { border-top: 1px dotted #999; }

.rf-table tr th, .rf-table tr td { padding: 8px; }

.rf-table tr th { white-space: nowrap; }

.rf-box { border: 1px solid #bbb; padding: 1em; margin: 30px 24px 25px; line-height: 1.4; }

@media (max-width: 599px) { .rf-box { margin-bottom: 5px; margin-left: 3.5%; margin-right: 3.5%; } }

.f-box { margin-top: 7px; margin-bottom: 4px; }

.rf-submit { display: table; margin-left: 24px; margin-bottom: 60px; }

@media (max-width: 599px) { .rf-submit { display: block; margin-left: 3.5%; margin-right: 3.5%; } }

.rf-submit dt { display: table-cell; vertical-align: middle; padding-top: 7px; }

@media (max-width: 599px) { .rf-submit dt { display: block; }
  .rf-submit dt button { width: 100%; height: 2.33em; padding-top: 0.15em; } }

.rf-submit dd { display: table-cell; vertical-align: top; padding-left: 15px; font-size: 22px; line-height: 1.3; }

.rf-submit dd small { font-size: 13px; }

@media (max-width: 599px) { .rf-submit dd { padding-top: 10px; padding-left: 0; display: block; } }

.franchise-form { margin: 0 auto 60px; }

.franchise-form input[type=radio] { vertical-align: baseline; }

.franchise-form label { padding-right: 10px; }

.form-atn { display: block; padding-top: 6px; padding-left: 3px; font-size: 93%; }

.tab-menu { display: table; position: relative; width: 93.4%; margin: 0 auto; }

.tab-menu li { display: table-cell; width: 50%; vertical-align: top; }

.tab-menu li a { width: 96%; }

.tab-btn { text-align: center; color: #FFF; width: 260px; font-size: 18px; padding: 15px 10px; margin: 25px auto 0 auto; background: #ab7a37; position: relative; -moz-border-radius: 5px; border-radius: 5px; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

@media (max-width: 599px) { .tab-btn { height: 3.9em; font-size: 17px; padding-left: 0.5em; padding-right: 0.5em; line-height: 1.1; position: relative; }
  .tab-btn span { text-align: center; display: block; } }

.tab-btn:hover { color: #FFF; background: #c48b3f; }

.tab-btn.focus { background: #e30214 !important; pointer-events: none; }

.tab-btn.focus:after { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: #e30214 transparent transparent transparent; }

/* Container style */
.ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; }

/* Scrollbar rail styles */
.ps__rail-x { display: none; opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; }

.ps__rail-y { display: block; opacity: 1; -webkit-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; width: 8px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; }

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: rgba(255, 255, 255, 0.2); }

.ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 1; }

.ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: rgba(255, 255, 255, 0.4); opacity: 1; }

/* Scrollbar thumb styles */
.ps__thumb-x { background-color: #ccc; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: background-color .2s linear, height .2s ease-in-out; -o-transition: background-color .2s linear, height .2s ease-in-out; transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; }

.ps__thumb-y { background-color: #ccc; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: background-color .2s linear, width .2s ease-in-out; -o-transition: background-color .2s linear, width .2s ease-in-out; transition: background-color .2s linear, width .2s ease-in-out; width: 8px; /* there must be 'right' for ps__thumb-y */ right: 0; /* please don't change 'position' */ position: absolute; }

.ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #fff; height: 11px; }

.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #fff; width: 8px; }

/* MS supports */
@supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } }

/*# sourceMappingURL=maps/main.css.map */