/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block
}

audio,
canvas,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden] {
  display: none
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

body {
  margin: 0
}

a:focus {
  outline: thin dotted
}

a:active,
a:hover {
  outline: 0
}

h1 {
  font-size: 2em;
  margin: 0.67em 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
strong {
  font-weight: bold
}

dfn {
  font-style: italic
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

mark {
  background: #ff0;
  color: #000
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em
}

pre {
  white-space: pre-wrap
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 0
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em
}

legend {
  border: 0;
  padding: 0
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0
}

button,
input {
  line-height: normal
}

button,
select {
  text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto;
  vertical-align: top
}

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

/*! GINZA Renoir */
@font-face {
  font-family: mincho;
  src: local("YuMincho-Regular"), local("YuMin-Medium"), local("Yu Mincho"), local("YuMincho"), local("游明朝"), local("ヒラギノ明朝 ProN W3"), local("HiraMinProN-W3"), local("HGS明朝B"), local("HG明朝B"), local("ＭＳ Ｐ明朝"), local("MS PMincho"), local("ＭＳ 明朝");
  font-weight: normal
}

@font-face {
  font-family: mincho;
  src: local("YuMincho-Demibold"), local("YuMin-Demibold"), local("Yu Mincho Demibold"), local("YuMincho Demibold"), local("游明朝"), local("ヒラギノ明朝 ProN W6"), local("HiraMinProN-W6"), local("HGS明朝E"), local("HG明朝E"), local("ＭＳ Ｐ明朝"), local("MS PMincho"), local("ＭＳ 明朝");
  font-weight: bold
}

.booth-image:after,
#new-wifi #wifi-step1>ul:after,
#new-wifi #wifi-buttons:after,
#wifi-step2>ul:after,
#wifi-buttons:after,
#particular .particular-image-box-row>ul:after,
#edycard-banners:after,
#edycard-discount>div ul:after,
#edycard-notes>div ul:after,
#edycard-discount>div:after,
#edycard-notes>div:after,
#edycard-discount:after,
#edycard-notes:after,
#edycard-card-image>div:after,
.store-description:after,
#community-held-case:after,
.search-facilities:after,
#footer-sitemap:after,
.wrapper:after,
.cf:after,
section:after,
article:after {
  display: block;
  clear: both;
  content: ''
}

.b-sidebar>:first-child,
.b-column-main>:first-child,
#main>:first-child,
.btop-column-r>:first-child,
.btop-column-l>:first-child,
.c2-sidebar>:first-child,
.c2-column-main>:first-child,
.ctop-column-r>:first-child,
.ctop-column-l>:first-child {
  margin-top: 0 !important
}

body {
  line-height: 1.4;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size: medium;
  margin: 0;
  -webkit-text-size-adjust: none;
  min-width: 1000px
}

@media screen and (max-width: 767px) {
  body {
    min-width: 0
  }
}

img {
  margin: 0 !important;
  vertical-align: bottom;
  box-sizing: border-box
}

:link,
:visited {
  color: #1d5793;
  text-decoration: none
}

:link:hover {
  text-decoration: underline
}

img,
iframe {
  max-width: 100%
}

section,
article {
  position: relative
}

a[href*=".pdf#"]:not(.article-link):after,
a[href*=".pdf#"].article-link>.article-title:after,
a[href$=".pdf"]:not(.article-link):after,
a[href$=".pdf"].article-link>.article-title:after,
.pdf:not(.article-link):after,
.pdf.article-link>.article-title:after,
.external:not(.article-link):after,
.external.article-link>.article-title:after {
  display: inline-block;
  content: '';
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-left: 0.3em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%
}

.external:not(.article-link):after,
.external.article-link>.article-title:after {
  background-image: url(/images/common/new_window_icon.svg)
}

a[href*=".pdf#"]:not(.article-link):after,
a[href*=".pdf#"].article-link>.article-title:after,
a[href$=".pdf"]:not(.article-link):after,
a[href$=".pdf"].article-link>.article-title:after,
.pdf:not(.article-link):after,
.pdf.article-link>.article-title:after {
  background-image: url(/images/common/Adobe_PDF_file_icon_24x24.png)
}

.link-with-arrow:before {
  display: inline-block;
  content: '\00BB';
  color: orange;
  font-weight: bold;
  padding-right: 4px
}

.ui-tabs {
  padding: 0
}

.ui-tabs.ui-widget.ui-widget-content {
  border: none
}

.ui-tabs.ui-corner-all {
  border-radius: 0
}

.ui-tabs.ui-widget-content {
  border: none;
  background: none;
  color: inherit
}

.ui-tabs .ui-helper-clearfix:before,
.ui-tabs .ui-helper-clearfix:after {
  display: none
}

.ui-tabs .ui-widget-header {
  color: inherit;
  font-weight: inherit
}

.ui-tabs .ui-tabs-nav {
  padding: 0;
  border-radius: 0;
  border: none;
  background: none
}

.ui-tabs .ui-tabs-nav li {
  outline: none;
  float: none;
  border: none;
  border-radius: 0;
  background: none;
  margin: 0;
  padding: 0;
  white-space: normal;
  position: static
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: default
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin: 0;
  padding: 0
}

.ui-tabs .ui-tabs-nav li .ui-tabs-anchor {
  float: none;
  padding: 0
}

.ui-tabs .ui-tabs-panel {
  padding: 0
}

.wrapper {
  position: relative;
  width: 1000px;
  margin: 0 auto
}

@media screen and (max-width: 767px) {
  .wrapper {
    width: auto
  }
}

@media screen and (max-width: 767px) {
  .sp-hidden {
    display: none
  }
}

.sp-only {
  display: none
}

@media screen and (max-width: 767px) {
  .sp-only {
    display: initial
  }
}

@media screen and (max-width: 767px) {
  .sp-no-br br:not(.sp-force) {
    display: none
  }
}

.warn {
  color: red
}

.small {
  font-size: smaller
}

.fit-center {
  display: table;
  margin: 1em auto
}

@supports (width: -webkit-fit-content) or (width: -moz-fit-content) or (width: fit-content) {
  .fit-center {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
  }
}

ul.bullet {
  margin: 1em 0;
  padding-left: 1em;
  list-style: none
}

ul.bullet>li:before {
  margin-left: -1em;
  content: '\2022';
  display: inline-block;
  width: 1em;
  text-align: center
}

ul.remarks {
  list-style: none;
  padding-left: 1em;
  margin: 0
}

ul.remarks>li:before {
  margin-left: -1em;
  content: '※';
  display: inline-block;
  width: 1em;
  text-align: left
}

a.thick-box,
a.thin-box,
span.thick-box,
span.thin-box {
  position: relative;
  display: inline-block;
  border: #afafaf solid 1px
}

a.thick-box:after,
a.thin-box:after,
span.thick-box:after,
span.thin-box:after {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: ''
}

a.thick-box:after,
span.thick-box:after {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.07) inset
}

a.thin-box:after,
span.thin-box:after {
  box-shadow: 0 0 0 1px #fff inset
}

.box {
  background: #fff;
  margin: 1.2em 0;
  padding: 8px
}

@media screen and (max-width: 767px) {
  .box {
    margin: 10px 5px;
    padding: 5px
  }
}

.box>header {
  border-bottom: #adadad solid 3px;
  background-repeat: no-repeat;
  background-position: left center;
  min-height: 35px
}

.box>header>h2 {
  display: inline-block;
  line-height: 1.4;
  font-size: 122%;
  margin: 0;
  padding: 5px 8px 0 10px;
  min-height: 30px
}

.box,
.bare-content {
  position: relative
}

.box>:first-child,
.bare-content>:first-child {
  margin-top: 0
}

.notice-box {
  display: block;
  text-align: center;
  border: #afafaf solid 1px;
  box-shadow: 0 0 0 3px #ededed inset;
  margin: 0 10px 1.2rem;
  color: black;
  font-weight: normal;
  font-size: 1.4rem;
  padding: 1rem !important;
  text-decoration: none !important
}

div.thin-box,
div.thick-box,
section.thin-box,
section.thick-box,
article.thin-box,
article.thick-box,
aside.thin-box,
aside.thick-box {
  border: #afafaf solid 1px
}

div.thin-box,
section.thin-box,
article.thin-box,
aside.thin-box {
  box-shadow: 0 0 0 1px #fff inset
}

div.thick-box,
section.thick-box,
article.thick-box,
aside.thick-box {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.07) inset
}

.articles {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 92%
}

.articles>li {
  border-bottom: dotted 1px #c2c2c2
}

.articles>li:last-child {
  border: none
}

@media screen and (max-width: 767px) {
  .articles {
    margin-bottom: 10px
  }
}

.article-link {
  display: block;
  padding: 15px 10px
}

.article-link:hover {
  text-decoration: none
}

.article-link:hover .article-title {
  text-decoration: underline
}

.article-published {
  color: #000
}

.article-category {
  font-weight: bold
}

.article-title {
  display: block;
  margin-left: 7em
}

@media screen and (max-width: 767px) {
  .article-title {
    margin: 0
  }
}

.more {
  position: absolute;
  right: 16px;
  top: 18px;
  margin: 0
}

@media screen and (max-width: 767px) {
  .more {
    position: static;
    background: #edf6ff;
    margin: -10px -5px -5px;
    text-align: center;
    font-size: smaller;
    border-bottom: solid 1px #cfcfcf
  }

  .more>a {
    display: block;
    padding: 0.5em 0
  }
}

.banners,
.buttons {
  text-align: center
}

ul.banners {
  list-style: none;
  margin: 0;
  padding: 0
}

ul.banners>li {
  display: block;
  margin: 0 0 10px
}

@media screen and (max-width: 767px) {
  ul.banners {
    padding: 0 5px;
    margin-bottom: 0.2em
  }
}

.horz-banners {
  list-style: none;
  margin: 0.5em auto;
  padding: 0;
  text-align: center
}

@supports ((display: -webkit-flex) or (display: flex)) and ((width: -webkit-fit-content) or (width: -moz-fit-content) or (width: fit-content)) {
  .horz-banners {
    display: -webkit-flex;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.horz-banners>li {
  display: inline-block
}

@media screen and (max-width: 767px) {
  .horz-banners {
    display: block;
    width: auto
  }

  .horz-banners>li {
    display: block;
    margin: 0 0 2px
  }
}

.date {
  text-align: right;
  margin: 0.5em;
  font-size: 92%
}

dl.util {
  margin: 0
}

dl.util>dt {
  border-bottom: dashed 1px #aaa;
  margin: 15px 0 5px
}

dl.util>dt:first-child {
  margin: 5px 0
}

dl.util>dd {
  margin: 5px 0
}

dl.flow>dt {
  margin: 5px 0
}

dl.flow>dd:after {
  display: block;
  content: "\2193";
  text-align: center;
  margin: 5px 0
}

dl.flow>dd:last-child {
  margin-bottom: 20px
}

dl.flow>dd:last-child:after {
  display: none
}

.horz-images {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webit-justify-content: space-around;
  justify-content: space-around
}

.horz-images>li {
  padding: 0 10px
}

@media screen and (max-width: 767px) {
  .horz-images>li {
    margin-bottom: 20px
  }
}

.image-with-shadow {
  display: block;
  box-shadow: 5px 5px 7px #555
}

.image-title {
  text-align: left;
  margin: 0;
  font-weight: bold
}

#switch-description {
  margin: 5px 15px;
  color: white
}

.list-2row {
  column-count: 2
}

@media screen and (max-width: 767px) {
  .list-2row {
    column-count: auto
  }
}

.list-2row>li {
  margin: 0 0 1em 0;
  break-inside: avoid
}

.list-3row {
  column-count: 3
}

@media screen and (max-width: 767px) {
  .list-3row {
    column-count: auto
  }
}

.list-3row>li {
  margin: 0 0 1em 0;
  break-inside: avoid
}

.flex-pc-nowrap {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  -webit-justify-content: space-around;
  justify-content: space-around
}

.flex-pc-nowrap>li {
  text-align: center;
  padding: 0 10px
}

@media screen and (max-width: 767px) {
  .flex-pc-nowrap {
    display: block
  }

  .flex-pc-nowrap>li {
    margin-bottom: 20px
  }
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.text-left {
  text-align: left
}

@media screen and (max-width: 767px) {
  .sp-text-center {
    text-align: center !important
  }

  .sp-text-right {
    text-align: right !important
  }

  .sp-text-left {
    text-align: left !important
  }

  .sp-content-spacer {
    margin: 0 10px
  }
}

.select-block {
  margin: 20px 10px 10px
}

.select-jump {
  width: auto
}

table.form {
  width: 100%;
  margin: 1em 0
}

table.form>caption {
  background: #f1f1f1;
  text-align: center
}

table.form>*>tr>* {
  border: solid 1px #ccc;
  padding: 15px 20px
}

table.form>*>tr>th {
  background: #f1f1f1;
  text-align: left;
  width: 10em
}

table.form>thead>th,
table.form>tfoot>th {
  text-align: center
}

@media screen and (max-width: 767px) {

  table.form,
  table.form>*,
  table.form>*>tr {
    display: block;
    width: auto
  }

  table.form>*>tr>* {
    display: block;
    border: none
  }

  table.form>*>tr>th {
    width: auto;
    padding: 5px 10px;
    margin: 5px -10px
  }

  table.form>*>tr>td {
    padding: 0;
    margin: 5px 0 10px 0
  }
}

table.list {
  display: table;
  border-collapse: collapse;
  width: 100%;
  margin: 1em 0
}

table.list>caption {
  background: #f1f1f1;
  text-align: center;
  font-weight: bold;
  padding: 3px 0;
  border: solid 1px #ccc;
  border-bottom: none
}

table.list *>tr>* {
  border: solid 1px #ccc;
  padding: 10px 15px
}

@media screen and (max-width: 767px) {
  table.list *>tr>* {
    padding: 5px
  }
}

table.list>thead>tr>th {
  background: #f1f1f1
}

table.list>tbody>tr>th {
  text-align: left;
  font-weight: normal;
  min-width: 5em
}

@media screen and (max-width: 767px) {
  table.list>tbody>tr>* {
    font-size: 92%
  }
}

table.list>tfoot {
  font-weight: bold;
  text-align: center;
  background: #f1f1f1
}

table.inner>*>tr>* {
  padding: 3px 0 3px 6px
}

table.inner>*>tr>*:first-child {
  padding-left: 0
}

table.inner>*>tr>th {
  text-align: left;
  font-weight: normal;
  white-space: nowrap
}

@media screen and (max-width: 767px) {

  table.inner,
  table.inner>*,
  table.inner>*>tr {
    display: block;
    width: auto
  }

  table.inner>*>tr>* {
    display: block;
    border: none;
    padding: 0
  }

  table.inner>*>tr>th {
    width: auto;
    white-space: normal;
    border-bottom: dashed 1px #aaa;
    margin: 5px 0
  }
}

.entry table.form>caption {
  border: none
}

.entry table.form *>tr>* {
  border: none
}

input,
select,
textarea,
button {
  box-sizing: border-box;
  max-width: 100%
}

input[type="submit"],
input[type="reset"],
input[type="checkbox"],
input[type="radio"],
input[type="date"],
button,
.button,
select,
label {
  cursor: pointer
}

input[type="checkbox"],
input[type="radio"] {
  margin-right: 2px;
  vertical-align: middle
}

input[type="checkbox"]+span,
input[type="checkbox"]+label,
input[type="checkbox"]+input[type="hidden"]+span,
input[type="checkbox"]+input[type="hidden"]+label,
input[type="radio"]+span,
input[type="radio"]+label,
input[type="radio"]+input[type="hidden"]+span,
input[type="radio"]+input[type="hidden"]+label {
  display: inline-block;
  line-height: 1.0
}

input[type="checkbox"]:checked+span,
input[type="checkbox"]:checked+label,
input[type="checkbox"]:checked+input[type="hidden"]+span,
input[type="checkbox"]:checked+input[type="hidden"]+label,
input[type="radio"]:checked+span,
input[type="radio"]:checked+label,
input[type="radio"]:checked+input[type="hidden"]+span,
input[type="radio"]:checked+input[type="hidden"]+label {
  border-bottom: 1px dashed
}

input[type="submit"],
input[type="reset"],
button,
.button {
  display: inline-block;
  padding: 0.5em 3em;
  border-radius: 4px;
  background-color: #f19431;
  border: none;
  color: #fff;
  font-weight: bold;
  font-size: medium
}

input[type="submit"]:focus,
input[type="submit"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
button:focus,
button:hover,
.button:focus,
.button:hover {
  outline: none !important;
  box-shadow: 0 0 1px 1px #4d90fe inset
}

.button+.button {
  margin-top: 0.5em
}

.small-button {
  font-weight: normal;
  padding: 0.2em 0.5em
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="url"] {
  background-color: #f7f7f7;
  padding: 0.2em 0.6em;
  border: solid 1px #dbdbdb;
  border-radius: 4px;
  color: #343434;
  font-size: 100%
}

select:focus,
select:hover,
textarea:focus,
textarea:hover,
input[type="text"]:focus,
input[type="text"]:hover,
input[type="password"]:focus,
input[type="password"]:hover,
input[type="search"]:focus,
input[type="search"]:hover,
input[type="email"]:focus,
input[type="email"]:hover,
input[type="tel"]:focus,
input[type="tel"]:hover,
input[type="number"]:focus,
input[type="number"]:hover,
input[type="date"]:focus,
input[type="date"]:hover,
input[type="url"]:focus,
input[type="url"]:hover {
  outline: none !important;
  box-shadow: 0 0 1px 1px #4d90fe inset
}

@media screen and (max-width: 767px) {

  select,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="search"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  input[type="date"],
  input[type="url"] {
    width: 100%;
    padding: 0.2em;
    font-size: medium !important
  }

  select.no-expand,
  textarea.no-expand,
  input[type="text"].no-expand,
  input[type="password"].no-expand,
  input[type="search"].no-expand,
  input[type="email"].no-expand,
  input[type="tel"].no-expand,
  input[type="number"].no-expand,
  input[type="date"].no-expand,
  input[type="url"].no-expand {
    width: auto
  }
}

input[type="number"] {
  padding-right: 2px
}

select:disabled,
textarea:disabled,
input:disabled {
  color: #888;
  background-color: #eee;
  cursor: auto
}

select:disabled:hover,
textarea:disabled:hover,
input:disabled:hover {
  box-shadow: none
}

.element {
  display: inline-block
}

.checkbox,
.radio {
  display: inline-block;
  margin-right: 0.8em
}

.wide-element {
  width: 100%
}

@media screen and (max-width: 767px) {

  .date-select,
  .narrow-element {
    width: auto
  }
}

.required,
.optional {
  display: inline-block;
  font-size: xx-small;
  color: #fff;
  vertical-align: top;
  padding: 0 2px;
  border-radius: 2px
}

.required {
  background-color: #f00
}

.optional {
  background-color: #888
}

.title-remark {
  display: block;
  font-weight: normal;
  margin: 0.5em 0 0 0
}

dl.form {
  margin: 0.5em 0
}

dl.form>dt {
  margin: 0.5em 0 0;
  font-size: 90%;
  font-weight: bold
}

dl.form>dd {
  margin: 0 0 0.5em 0;
  padding: 0
}

#header {
  border-bottom: solid 1px #adadad;
  position: relative
}

@media screen and (max-width: 767px) {
  #header {
    border-bottom-width: 4px
  }
}

#header>.wrapper {
  height: 58px
}

@media screen and (max-width: 767px) {
  #header>.wrapper {
    height: 35px
  }
}

#site-title {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0
}

#site-title>a {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 92px;
  height: 58px;
  background: url(/images/common/logo_main.png) no-repeat top center
}

@media screen and (max-width: 767px) {
  #site-title>a {
    width: 64px;
    height: 35px;
    background-size: 52px 33px
  }
}

#tagline {
  position: absolute;
  left: 105px;
  bottom: 15px;
  margin: 0
}

#tagline>br {
  display: none
}

@media screen and (max-width: 767px) {
  #tagline {
    left: 65px;
    bottom: 4px;
    font-size: 45%
  }

  #tagline>br {
    display: inline
  }
}

#share-buttons {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 14px
}

#share-buttons img {
  width: 100%
}

#share-buttons>li {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  background: #f19431;
  border-radius: 2px;
  margin-left: 10px
}

@media screen and (max-width: 767px) {
  #share-buttons {
    right: 46px;
    top: 8px
  }

  #share-buttons>li {
    width: 21px;
    height: 21px;
    margin-left: 5px
  }
}

.atelier_banner_header {
  position: absolute;
  right: 125px;
  top: 5.5px;
  margin: 0;
  width: 231px;
  height: 47px
}

@media screen and (max-width: 767px) {
  .atelier_banner_header {
    width: 21px;
    height: 21px;
    top: 8px
  }
}

.atelier_banner_header>a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/images/common/atelier_banner_header.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain
}

@media screen and (max-width: 767px) {
  .atelier_banner_header>a {
    background-image: url(/images/common/logo_atelier.png)
  }
}

.atelier_banner_header>a:hover {
  opacity: 0.8
}

.atelier_banner_header>a>span {
  display: none
}

#search-container {
  position: absolute;
  right: 0;
  top: 14px;
  background: #fff;
  display: none
}

@media screen and (max-width: 767px) {
  #search-container {
    display: none
  }
}

#sitesearch>input {
  float: left;
  height: 30px;
  box-sizing: border-box
}

#sitesearch>input[type="search"],
#sitesearch>input[type="text"] {
  border-right: none;
  border-radius: 12px 0 0 12px;
  padding: 0 0 0 12px;
  width: 142px;
  transition: width 100ms
}

#sitesearch>input[type="search"]:focus,
#sitesearch>input[type="text"]:focus {
  width: 332px
}

#sitesearch>input[type="submit"] {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 42px;
  padding: 0;
  border: solid 1px #d9d9d9;
  border-radius: 0 12px 12px 0;
  background: #f19736 url(/images/common/icon_glass_s.png) center right no-repeat
}

#toc {
  background-color: #644c3d;
  background-image: -webkit-linear-gradient(top, #7b5e4b 0%, #4d3b2f 100%);
  background-image: linear-gradient(to bottom, #7b5e4b 0%, #4d3b2f 100%)
}

#toc>h1 {
  display: none
}

#toc ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0
}

#toc ul>li {
  display: block;
  float: left;
  padding-left: 38px;
  height: auto
}

#toc ul>li:first-child {
  padding: 0
}

#toc a {
  display: block;
  color: #fff;
  padding: 20px 0
}

@media screen and (max-width: 767px) {
  #toc {
    position: absolute;
    left: 0;
    top: 35px;
    width: 100%;
    background: none;
    font-size: smaller
  }

  #toc>h1 {
    position: absolute;
    right: 0;
    top: -35px;
    display: block;
    background: #644c3d;
    margin: 0;
    padding-left: 1px;
    box-shadow: 1px 0 #fff inset;
    border-left: solid 1px #dedede
  }

  #toc>h1>label {
    display: block;
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    padding: 24px 0 0 0;
    text-align: center;
    font-size: 6px;
    color: #fff
  }

  #toc>h1>label:after {
    position: absolute;
    left: 9px;
    top: 6px;
    width: 19px;
    height: 16px;
    content: '';
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 20%, transparent 20%, transparent 40%, #fff 40%, #fff 60%, transparent 60%, transparent 80%, #fff 80%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #fff 20%, transparent 20%, transparent 40%, #fff 40%, #fff 60%, transparent 60%, transparent 80%, #fff 80%, #fff 100%)
  }

  #toc>.wrapper {
    overflow: hidden
  }

  #toc ul {
    position: relative;
    left: 100%;
    top: 0;
    width: auto;
    line-height: 1.0;
    background: #644c3d;
    border-bottom: #ccc solid 1px;
    z-index: 100000;
    transition: left 100ms
  }

  #toc ul>li {
    float: none;
    padding: 0;
    margin: 0;
    border-bottom: #ccc solid 1px
  }

  #toc ul>li>a {
    padding: 1em;
    background: url(/images/common/sp/toc_arrow.png) center right no-repeat
  }
}

@media screen and (max-width: 767px) {
  .inframe #toc {
    display: none !important
  }
}

#humberger {
  position: absolute;
  display: block;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0)
}

#humberger:checked~.wrapper>ul {
  left: 0
}

#top-scroll {
  display: block;
  position: fixed;
  right: 50px;
  bottom: 50px;
  background-color: rgba(255, 255, 255, 0.8);
  border: solid 1px #1f1007;
  border-radius: 5px;
  width: 50px;
  height: 50px;
  text-indent: -10000px;
  overflow: hidden;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms
}

#top-scroll::before,
#top-scroll::after {
  display: block;
  position: absolute;
  top: 22.725px;
  width: 20.325px;
  height: 4px;
  background: #1f1007;
  content: ''
}

#top-scroll::before {
  left: 8.587px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

#top-scroll::after {
  left: 21.087px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media screen and (max-width: 767px) {
  #top-scroll {
    right: 16px;
    bottom: 106px
  }
}

#top-scroll.show {
  opacity: 1;
  visibility: visible
}

#footer {
  background: #644c3d;
  padding: 2em 0;
  font-size: smaller;
  color: #fff
}

#footer :link,
#footer :visited {
  color: inherit
}

#footer a:after {
  display: none
}

@media screen and (max-width: 767px) {
  #footer {
    padding: 0 0 0.5em
  }
}

#footer-sitemap>h1 {
  display: none
}

#footer-sitemap ul {
  list-style: none;
  margin: 0;
  padding: 0
}

#footer-sitemap>ul>li {
  display: inline-block;
  margin-left: 60px;
  vertical-align: top
}

#footer-sitemap>ul>li>ul>li {
  padding: 0 0 15px 0
}

@supports (display: flex) {
  #footer-sitemap>ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around
  }

  #footer-sitemap>ul>li {
    display: block;
    margin: 0
  }
}

@media screen and (max-width: 767px) {
  #footer-sitemap>ul {
    display: block;
    border-bottom: solid 1px #fff;
    margin-bottom: 0.5em
  }

  #footer-sitemap>ul br {
    display: none
  }

  #footer-sitemap>ul>li {
    display: block;
    margin-left: 0
  }

  #footer-sitemap>ul>li.sp-hidden {
    display: none
  }

  #footer-sitemap>ul>li>ul,
  #footer-sitemap>ul>li>ul>li,
  #footer-sitemap>ul>li>ul>li>a {
    display: block
  }

  #footer-sitemap>ul>li>ul.sp-hidden,
  #footer-sitemap>ul>li>ul>li.sp-hidden,
  #footer-sitemap>ul>li>ul>li>a.sp-hidden {
    display: none
  }

  #footer-sitemap>ul>li>ul>li {
    border-top: solid 1px #fff;
    padding: 0
  }

  #footer-sitemap>ul>li>ul>li>a {
    padding: 0.5em 1.5em 0.5em 0.5em;
    background: url(/images/common/sp/toc_arrow.png) center right no-repeat
  }
}

#copyright {
  text-align: center;
  margin: 0
}

#bottom-sticky {
  position: sticky;
  width: 100%;
  height: 0;
  overflow: hidden;
  bottom: 0;
  display: flex;
  background-color: #9f7761;
  color: #fff;
  visibility: hidden;
  opacity: 0.9;
  transition: height 300ms, visibility 300ms
}

#bottom-sticky.active {
  height: 90px;
  visibility: visible
}

.bottom-sticky-link {
  text-align: center;
  width: calc(100% / 3)
}

.bottom-sticky-link>a {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
  padding: 1rem 0
}

.fontawesome-icon>svg {
  height: 1.8rem;
  fill: #fff
}

#bottom-banner {
  position: sticky;
  width: 100vw;
  overflow: hidden;
  bottom: 0;
  visibility: hidden;
  height: 0;
  transition: height 500ms, visibility 300ms
}

#bottom-banner.active {
  visibility: visible;
  height: calc(270 * 100vw / 1170)
}

@media screen and (min-width: 768px) {

  #bottom-sticky,
  #bottom-banner {
    display: none
  }
}

.footer-extlinks-block {
  display: flex;
  justify-content: center;
  column-gap: 16px;
  row-gap: 8px;
  margin: 1.2em 0
}

@media screen and (max-width: 767px) {
  .footer-extlinks-block {
    flex-direction: column;
    padding: 0 5px
  }
}

.footer-extlinks-box {
  border: 1px solid #cfcfcf;
  margin-top: 0.5em;
  padding: 0 1.5em 0.5em
}

.footer-extlinks-box>figcaption {
  width: fit-content;
  margin: -0.5em auto 0.5em;
  padding: 0 0.2em;
  background-color: #fff;
  line-height: 1.0
}

.footer-extlinks {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 16px;
  padding: 0;
  margin: 0
}

#breadcrumbs-wrapper {
  padding: 7px 0;
  background-color: #111
}

@media screen and (max-width: 767px) {
  #breadcrumbs-wrapper {
    display: none
  }
}

#breadcrumbs {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: smaller;
  color: #fff
}

#breadcrumbs>li {
  display: inline
}

#breadcrumbs>li:before {
  content: ' \203A  '
}

#breadcrumbs>li:first-child:before {
  display: none
}

#breadcrumbs a {
  color: inherit
}

#breadcrumbs br {
  display: none
}

#main-visual {
  position: relative;
  margin: 0 auto;
  min-width: 1000px;
  max-width: 1200px;
  padding-top: 367px;
  overflow: hidden
}

@media screen and (max-width: 767px) {
  #main-visual {
    min-width: 0;
    max-width: none;
    width: auto !important;
    height: auto;
    padding: 0
  }
}

#main-visual .swiper-slide {
  box-sizing: border-box
}

@media screen and (max-width: 767px) {
  #main-visual .swiper-slide {
    padding: 0
  }
}

#main-visual .swiper-button-next,
#main-visual .swiper-button-prev {
  margin-top: -24px
}

@media screen and (max-width: 767px) {

  #main-visual .swiper-button-next,
  #main-visual .swiper-button-prev {
    display: none
  }
}

#main-visual .swiper-button-next {
  right: 4.17%;
  background-image: url(/images/common/arrow_r.png)
}

#main-visual .swiper-button-prev {
  left: 4.17%;
  background-image: url(/images/common/arrow_l.png)
}

#main-visual .swiper-pagination {
  display: none;
  position: relative;
  margin: -35px 0 10px 0
}

@media screen and (max-width: 767px) {
  #main-visual .swiper-pagination {
    display: none
  }
}

#main-visual .swiper-pagination>:first-child {
  display: none
}

#main-visual .swiper-pagination-bullet {
  width: auto;
  height: auto;
  margin: 0 5px;
  border-radius: 0;
  opacity: 0.7
}

#main-visual .swiper-pagination-bullet-active {
  opacity: 1
}

#main-visual-inbox {
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 0 0 -500px;
  width: 1000px
}

@media screen and (max-width: 767px) {
  #main-visual-inbox {
    position: static;
    margin: 0;
    width: auto
  }
}

#main-visual-switch-container {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0
}

#main-visual-switch-container>li {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1
}

#main-visual-switch-container>li:first-child {
  position: relative;
  z-index: 2
}

.h-icon-memo,
.h-icon-phone,
.h-icon-train,
.h-icon-news,
.h-icon-information,
.h-icon-search {
  padding-left: 45px !important;
  background-position: left center;
  background-repeat: no-repeat
}

.h-icon-search {
  background-image: url(/images/common/icon_glass.png)
}

.h-icon-information {
  background-image: url(/images/common/icon_info.png)
}

.h-icon-news {
  background-image: url(/images/common/icon_news.png)
}

.h-icon-train {
  background-image: url(/images/common/icon_train.png)
}

.h-icon-phone {
  background-image: url(/images/common/icon_phone.png)
}

.h-icon-memo {
  background-image: url(/images/common/icon_phone.png)
}

.aline-logo:before,
.bakery_hinata-logo:before,
.atelier-logo:before,
.blenz-logo:before,
.newyorkers_black-logo:before,
.newyorkers-logo:before,
.myspace-logo:before,
.caferenoir_newstyle-logo:before,
.caferenoir-logo:before,
.runoacoffee-logo:before,
.miyamacoffee-logo:before,
.miyama-logo:before,
.renoir-logo:before,
.main-logo:before {
  display: inline-block;
  width: 23px;
  height: 23px;
  line-height: 1;
  margin: 0 6px;
  vertical-align: -0.3em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  content: ''
}

.main-logo:before {
  background-image: url(/images/common/logo_main.png)
}

.renoir-logo:before {
  background-image: url(/images/common/logo_renoir.png)
}

.miyama-logo:before {
  background-image: url(/images/common/logo_miyama.png)
}

.miyamacoffee-logo:before {
  background-image: url(/images/common/logo_miyamacoffee.png)
}

.runoacoffee-logo:before {
  background-image: url(/images/common/logo_runoacoffee.png)
}

.caferenoir-logo:before {
  background-image: url(/images/common/logo_caferenoir.png)
}

.caferenoir_newstyle-logo:before {
  background-image: url(/images/common/logo_caferenoir_newstyle.png)
}

.myspace-logo:before {
  background-image: url(/images/common/logo_myspace.png)
}

.newyorkers-logo:before {
  background-image: url(/images/common/logo_newyorkers.png)
}

.newyorkers_black-logo:before {
  background-image: url(/images/common/logo_newyorkers_black.png)
}

.blenz-logo:before {
  background-image: url(/images/common/logo_blenz.svg)
}

.atelier-logo:before {
  background-image: url(/images/common/logo_atelier.png)
}

.bakery_hinata-logo:before {
  background-image: url(/images/common/logo_bakery_hinata.png)
}

.aline-logo:before {
  background-image: url(/images/common/logo_aline.png)
}

.store-description .main-logo:before,
.store-description .renoir-logo:before,
.store-description .miyama-logo:before,
.store-description .miyamacoffee-logo:before,
.store-description .runoacoffee-logo:before,
.store-description .caferenoir-logo:before,
.store-description .caferenoir_newstyle-logo:before,
.store-description .myspace-logo:before,
.store-description .newyorkers-logo:before,
.store-description .newyorkers_black-logo:before,
.store-description .blenz-logo:before,
.store-description .atelier-logo:before,
.store-description .bakery_hinata-logo:before,
.store-description .aline-logo:before {
  height: 38px;
  margin-right: 0.5em;
  vertical-align: top
}

#brand-logos {
  border: #afafaf solid 1px;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.07) inset;
  font-size: smaller;
  padding: 1em
}

#brand-logos>header {
  border-bottom: solid 2px #cfcfcf !important;
  margin-bottom: 20px
}

#brand-logos>header>h2 {
  font-size: 140%;
  font-weight: normal;
  padding: 5px 0 0 95px;
  height: 41px;
  background: url(/images/common/logo_main_s.png) top left no-repeat
}

#brand-logos>ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  border-collapse: collapse;
  width: 100%
}

#brand-logos>ul>li {
  display: table-cell;
  vertical-align: top;
  text-align: center
}

#brand-logos a {
  display: block;
  color: #000;
  font-size: 90%
}

#brand-logos a>div {
  margin: 1em 0 0;
  height: 2.5em
}

#brand-logos img {
  width: auto !important;
  height: 63px
}

@media screen and (max-width: 767px) {
  #brand-logos {
    border: none;
    box-shadow: none;
    background: #ececec;
    padding: 10px 0 5px;
    margin: 0
  }

  #brand-logos>header {
    margin: -5px 0 10px;
    padding: 0 0 5px 0;
    min-height: 0
  }

  #brand-logos>header>h2 {
    height: auto;
    min-height: 0;
    background-size: 38px 19px;
    background-position: 10px center;
    padding: 0 0 0 58px
  }

  #brand-logos>ul {
    display: block;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }

  #brand-logos>ul>li {
    display: block;
    width: 100px;
    float: left;
    margin: 0 0 5px 5px;
    font-size: 56%
  }

  #brand-logos a {
    border: #afafaf solid 1px;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.07) inset;
    padding: 6px;
    height: 100%;
    box-sizing: border-box;
    background: #fff
  }

  #brand-logos img {
    height: 37px
  }
}

@supports (width: -webkit-calc(100%)) or (width: calc(100%)) {
  @media screen and (max-width: 767px) {
    #brand-logos>ul>li {
      width: -webkit-calc((100% - 40px) / 7);
      width: calc((100% - 40px) / 7);
      margin-left: 5px
    }
  }

  @media screen and (max-width: 739px) {
    #brand-logos>ul>li {
      width: -webkit-calc((100% - 35px) / 6);
      width: calc((100% - 35px) / 6)
    }
  }

  @media screen and (max-width: 634px) {
    #brand-logos>ul>li {
      width: -webkit-calc((100% - 30px) / 5);
      width: calc((100% - 30px) / 5)
    }
  }

  @media screen and (max-width: 529px) {
    #brand-logos>ul>li {
      width: -webkit-calc((100% - 25px) / 4);
      width: calc((100% - 25px) / 4)
    }
  }

  @media screen and (max-width: 424px) {
    #brand-logos>ul>li {
      width: -webkit-calc((100% - 20px) / 3);
      width: calc((100% - 20px) / 3)
    }
  }
}

.season-recommend {
  margin: 20px 8px;
  padding: 20px 10px;
  background: #fff
}

.season-recommend>header {
  margin: 0 0 25px
}

.season-recommend>header>h2 {
  font-size: 130%;
  display: inline-block;
  margin: 0
}

.season-recommend>header>h2>span {
  display: inline-block;
  padding: 10px 25px;
  background: #fff0c7
}

.season-recommend>header>p {
  display: inline-block;
  font-size: 115%;
  margin: 0 0 0 1em
}

@media screen and (max-width: 767px) {

  .season-recommend>header>h2,
  .season-recommend>header>p {
    display: block
  }

  .season-recommend>header>p {
    margin: 10px 0
  }
}

@media screen and (max-width: 767px) {
  .season-recommend>.recommend-menu section {
    padding: 20px 0;
    border-top: dotted 1px #999
  }
}

.season-recommend>.recommend-menu section:nth-child(2n-1) .recommend-image {
  float: left
}

.season-recommend>.recommend-menu section:nth-child(2n-1) .recommend-description {
  margin-left: 317px
}

.season-recommend>.recommend-menu section:nth-child(2n) .recommend-image {
  float: right
}

.season-recommend>.recommend-menu section:nth-child(2n) .recommend-description {
  margin-right: 317px
}

.season-recommend>.recommend-menu section .recommend-image {
  width: 300px
}

@media screen and (max-width: 767px) {
  .season-recommend>.recommend-menu section .recommend-image {
    float: none !important;
    width: auto;
    max-width: 300px;
    margin: 0 auto
  }
}

.season-recommend>.recommend-menu section .recommend-description {
  width: 460px
}

@media screen and (max-width: 767px) {
  .season-recommend>.recommend-menu section .recommend-description {
    width: 100%;
    margin: 0 !important
  }
}

.season-recommend>.recommend-menu h3 {
  padding-top: 20px
}

@media screen and (max-width: 767px) {
  .season-recommend>.recommend-menu h3 {
    padding: 0
  }
}

.season-recommend-inbox {
  padding: 0
}

.season-recommend-inbox>p {
  margin: 30px 0 25px
}

.season-recommend-inbox>dl>dt {
  margin-bottom: 10px
}

.season-recommend-inbox>dl>dt>span {
  font-weight: bold;
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  background: #bfbfbf
}

.season-recommend-inbox>dl>dd {
  margin-left: 1em
}

.menu-info {
  margin: 30px 0 0
}

.menu-info.stronger {
  margin: 0 0 30px 0
}

.season-recommend-banner {
  margin: 0 0 32px 0
}

.lightbox>.lb-outerContainer>.lb-container>img.lb-image {
  max-width: 650px;
  height: auto !important
}

.content-wrapper {
  padding: 0 0 30px
}

@media screen and (max-width: 767px) {
  .content-wrapper {
    padding-bottom: 1px;
    margin-bottom: -1px
  }
}

.widen,
.entry-body h3,
.webpage-body h3 {
  margin-left: -10px !important;
  margin-right: -10px !important
}

@media screen and (max-width: 767px) {

  .widen,
  .entry-body h3,
  .webpage-body h3 {
    margin-left: -5px !important;
    margin-right: -5px !important
  }
}

.entry-body,
.webpage-body {
  padding: 0 10px
}

.entry-body h3,
.webpage-body h3 {
  padding: 0 10px;
  border-bottom: solid 1px #bababa;
  color: #4e4e4e
}

.entry-body .underline-title,
.webpage-body .underline-title {
  color: #4e4e4e;
  border-bottom: none
}

@media screen and (max-width: 767px) {

  .entry-body .underline-title,
  .webpage-body .underline-title {
    padding: 0
  }
}

.entry-body .underline-title>span,
.webpage-body .underline-title>span {
  padding: 0 5px;
  border-bottom: solid 1px #ccc
}

.entry-body {
  word-wrap: break-word;
  overflow-wrap: break-word
}

.ctop-column-l {
  float: left;
  width: 716px
}

@media screen and (max-width: 767px) {
  .ctop-column-l {
    float: none;
    width: auto;
    margin: 0
  }
}

.ctop-column-r {
  float: right;
  width: 250px
}

@media screen and (max-width: 767px) {
  .ctop-column-r {
    float: none;
    width: auto;
    margin: 0
  }
}

.ctop-banners {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.2em
}

@media screen and (max-width: 767px) {
  .ctop-banners {
    grid-template-columns: 1fr;
    gap: 10px
  }
}

.ctop-4banners {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.2em
}

@media screen and (max-width: 767px) {
  .ctop-4banners {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 0 10px
  }
}

.ctop-4banners>.ctop-2col-bnr {
  grid-column: 1 / 3
}

@media screen and (max-width: 767px) {
  .ctop-4banners>.ctop-2col-bnr {
    grid-column: 1 / 3
  }
}

#c-shopsearch.box {
  margin: 0 !important
}

.c2-column-main {
  float: right;
  width: 700px
}

@media screen and (max-width: 767px) {
  .c2-column-main {
    float: none;
    width: auto;
    margin: 0
  }
}

.c2-sidebar {
  float: left;
  width: 268px;
  border: #afafaf solid 1px;
  background: #fff
}

@media screen and (max-width: 767px) {
  .c2-sidebar {
    float: none;
    width: auto;
    margin: 0
  }
}

@media screen and (max-width: 767px) {
  .c2-sidebar {
    border: none
  }
}

.c2-sidebar a {
  display: block;
  padding: 15px;
  background: url(/images/common/left_nav_arrow.png) center right no-repeat;
  color: inherit
}

@media screen and (max-width: 767px) {
  .c2-sidebar a {
    padding: 5px 15px;
    border: none
  }
}

.c2-sidebar a.active {
  background-color: #f1f1f1
}

.c2-sidebar h3 {
  border-top: solid 3px #f19431;
  margin: 0;
  background: #3b3b3b;
  font-size: 100%;
  font-weight: normal;
  color: #fff
}

.c2-sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.c2-sidebar ul>li {
  border-top: solid 1px #afafaf
}

.vertical-list {
  list-style: none;
  margin: 0;
  padding: 0
}

.vertical-list>li {
  border: #afafaf solid 1px;
  margin-top: 30px
}

.vertical-list>li:first-child {
  margin: 0
}

.btop-content {
  padding-top: 10px
}

.btop-column-l {
  float: left;
  width: 490px
}

@media screen and (max-width: 767px) {
  .btop-column-l {
    float: none;
    width: auto;
    margin: 0
  }
}

.btop-column-r {
  float: right;
  width: 490px
}

@media screen and (max-width: 767px) {
  .btop-column-r {
    float: none;
    width: auto;
    margin: 0
  }
}

.youtube,
#link-recruit,
#sns,
#link-fc {
  margin: 1.2em 0
}

@media screen and (max-width: 767px) {

  .youtube,
  #link-recruit,
  #sns,
  #link-fc {
    text-align: center;
    margin: 10px 5px
  }
}

.menu-link {
  margin: 0 0 1.2em 0
}

@media screen and (max-width: 767px) {
  .menu-link {
    text-align: center;
    margin: 0 5px 10px 5px
  }
}

.menu-link>a>label {
  position: absolute;
  right: 1em;
  bottom: 1em;
  background: #aaa;
  color: #fff;
  font-size: smaller;
  padding: 0.2em 0.4em;
  border-radius: 0.2em
}

#b-shopsearch form {
  font-size: smaller;
  padding: 0 20px
}

#b-shopsearch fieldset {
  border: none;
  padding: 0;
  margin: 0.5em 0
}

@media screen and (max-width: 767px) {
  #b-shopsearch form {
    padding: 0 5px
  }
}

.search-facilities {
  list-style: none;
  margin: 0;
  padding: 0
}

.search-facilities>li {
  display: block;
  float: left;
  width: 50%;
  margin: 2px 0;
  height: 30px
}

@media screen and (max-width: 767px) {
  .search-facilities>li {
    float: none;
    width: auto
  }
}

.search-facilities label {
  display: inline-block;
  cursor: pointer
}

.search-facilities label>span {
  display: inline-block;
  width: 11em;
  vertical-align: middle
}

@media screen and (max-width: 767px) {
  .search-facilities label>span {
    width: auto
  }
}

.search-facilities input,
.search-facilities img {
  vertical-align: middle;
  margin: 0 5px 0 0 !important
}

#sns {
  background: #fff
}

.other-sns {
  padding: 2px 15px;
  border: 1px solid #e9ebee;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.other-sns>h3 {
  display: inline-block;
  margin: 0 15px 0 0;
  font-size: 120%;
  font-weight: normal
}

.other-sns>ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-grow: 1;
  flex-grow: 1
}

.other-sns>ul>li {
  display: inline-block;
  margin-left: 20px
}

.other-sns>ul>li:first-child {
  margin: 0
}

@media screen and (max-width: 767px) {
  .other-sns {
    padding: 5px
  }

  .other-sns>h3 {
    margin-right: 5px;
    text-align: center;
    font-size: 100%;
    -webkit-flex-grow: 1;
    flex-grow: 1
  }

  .other-sns>ul>li {
    margin: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1
  }
}

.b-gmap iframe {
  display: block;
  width: 100%
}

.b-gmap address {
  margin: 8px 0 0 0;
  font-size: smaller;
  font-style: normal
}

.b-column-main,
#main {
  float: right;
  width: 810px
}

@media screen and (max-width: 767px) {

  .b-column-main,
  #main {
    float: none;
    width: auto;
    margin: 0
  }
}

.b-sidebar {
  float: left;
  width: 190px
}

@media screen and (max-width: 767px) {
  .b-sidebar {
    float: none;
    width: auto;
    margin: 0
  }
}

.b-sidebar>h2 {
  font-size: 90%;
  text-align: center;
  margin: 0;
  padding: 16px 0 10px;
  position: relative
}

.b-sidebar>h2:before {
  display: block;
  content: '';
  height: 6px;
  width: 100%;
  position: absolute;
  top: 0;
  background-color: #616161;
  background-image: -webkit-linear-gradient(top, #616161 0%, #8e8e8e 100%);
  background-image: linear-gradient(to bottom, #616161 0%, #8e8e8e 100%)
}

.b-sidebar a {
  color: inherit
}

.b-sidebar a.active {
  font-weight: bold
}

.b2-main-full>:first-child {
  margin-top: 0
}

.sidebar-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 0 5px
}

@media screen and (max-width: 767px) {
  .sidebar-nav {
    padding: 0
  }
}

.sidebar-nav>li {
  margin-bottom: 10px;
  font-size: 80%
}

@media screen and (max-width: 767px) {
  .sidebar-nav>li {
    margin-bottom: 0
  }
}

.sidebar-nav>li>a {
  padding: 10px 0 10px 20px;
  display: block;
  border-radius: 4px
}

@media screen and (max-width: 767px) {
  .sidebar-nav>li>a {
    padding: 5px 0 5px 20px;
    border-radius: 0;
    border-bottom: solid 1px #ccc
  }
}

.sidebar-nav-open {
  list-style: none;
  margin: 0;
  padding: 0
}

.sidebar-nav-open>li {
  border-bottom: dotted 1px #fff
}

.sidebar-nav-open>li>a {
  position: relative;
  display: block;
  padding: 10px 20px
}

.sidebar-nav-open>li>a:after {
  position: absolute;
  right: 8px;
  top: 0;
  padding: 10px 0;
  content: '\203A'
}

#sidebar-logo {
  margin: 0
}

@media screen and (max-width: 767px) {
  #sidebar-logo {
    display: none
  }
}

#sidebar-logo>a {
  display: block;
  border-right: solid 1px #7a7a7a;
  border-bottom: solid 1px #404040;
  border-left: solid 1px #7a7a7a
}

.banner {
  margin: 20px 0;
  text-align: center
}

@media screen and (max-width: 767px) {
  .banner {
    margin: 20px 0 10px
  }
}

#main-title {
  text-align: center;
  margin: 20px 0
}

@media screen and (max-width: 767px) {
  #main-title {
    margin: 10px 0
  }
}

#g-corp .content-wrapper {
  padding-top: 10px
}

@media screen and (max-width: 767px) {
  #g-corp .content-wrapper {
    padding-top: 0
  }
}

#g-corp .box {
  padding: 0
}

@media screen and (max-width: 767px) {
  #g-corp .box {
    margin: 10px 0
  }
}

#g-corp .more {
  right: 8px;
  top: 10px
}

#g-corp .box>header>h2 {
  border-bottom: #000 solid 3px;
  margin-bottom: -3px
}

#g-corp #subtitle {
  font-size: 1rem;
  font-weight: normal;
  color: red
}

#g-corp .articles {
  border-bottom: dotted 1px #c2c2c2
}

@media screen and (max-width: 767px) {
  #g-corp .more {
    margin: -10px 0 10px
  }
}

@media screen and (max-width: 767px) {
  #g-corp .sp-horz-banenr {
    background: #ececec;
    margin-bottom: 10px
  }

  #g-corp .sp-horz-banenr>li {
    width: 45%;
    max-width: 251px;
    display: inline-block;
    margin: 10px 3px
  }
}

#g-corp #brand-logos {
  margin-top: 0;
  margin-bottom: 10px
}

#g-corp #brand-logos img {
  height: 66px
}

@media screen and (max-width: 767px) {
  #g-corp #brand-logos img {
    width: auto;
    height: 37px
  }
}

#g-corp #toc ul>li {
  padding: 0 0 0 70px
}

#g-corp #toc ul>li:first-child {
  padding: 0
}

@media screen and (max-width: 767px) {
  #g-corp #toc ul>li {
    padding: 0
  }
}

#c-shopsearch {
  border: #afafaf solid 1px;
  box-shadow: 0 0 0 1px #fff inset;
  padding: 4px 8px 0 !important;
  box-sizing: border-box;
  height: 100%
}

#c-shopsearch select {
  width: 100%;
  font-size: 90%
}

@media screen and (max-width: 767px) {
  #c-shopsearch {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.07) inset;
    margin-left: 5px !important;
    margin-right: 5px !important
  }
}

.pannels {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -20px
}

@media screen and (max-width: 767px) {
  .pannels {
    margin: 0;
    padding: 0 10px
  }
}

.pannels>li {
  float: left;
  margin: 0 0 40px 20px;
  background: #f0f0f0;
  box-shadow: 1px 1px #bfbfbf
}

@media screen and (max-width: 767px) {
  .pannels>li {
    float: none;
    margin: 0 auto 20px;
    width: auto;
    max-width: 330px
  }
}

.pannels>li>a {
  position: relative;
  display: block;
  width: 100%;
  color: inherit
}

.pannels>li>a>span {
  display: block
}

.pannel-with-image>li {
  width: 330px;
  font-weight: bold
}

.pannel-with-image>li>a {
  display: table;
  border-collapse: separate;
  border-spacing: 3px
}

.pannel-with-image>li>a>img {
  position: absolute;
  left: 3px;
  top: 3px
}

.pannel-with-image>li>a>span {
  height: 139px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-left: 139px
}

@media screen and (max-width: 767px) {
  .pannel-with-image>li {
    width: auto
  }

  .pannel-with-image>li>a>img {
    display: none
  }

  .pannel-with-image>li>a>span {
    height: auto;
    padding: 3px 0
  }
}

.pannel-arrow>li>a:after {
  position: absolute;
  display: block;
  right: 3px;
  bottom: 3px;
  width: 0;
  height: 0;
  border-style: solid solid none none;
  border-width: 12px;
  border-color: transparent #f19431 transparent transparent;
  content: ''
}

.pannels-with-button>li {
  font-weight: bold
}

.pannels-with-button>li>a {
  width: 290px;
  padding: 30px 20px 25px
}

@media screen and (max-width: 767px) {
  .pannels-with-button>li>a {
    width: auto;
    max-width: 330px;
    padding: 20px 10px 10px
  }
}

.pannels-with-button>li>a>p {
  text-align: center;
  font-size: 110%;
  margin: 0 0 15px
}

.pannels-with-button>li>a>span {
  padding: 12px 0 12px 43px;
  background: url(/images/contact/icon_mail.png) center left no-repeat;
  background-color: #f19431;
  color: #fff;
  border-radius: 4px
}

.pannels-with-button>li>a:hover {
  text-decoration: none
}

.normal-pannels {
  margin-left: -20px;
  display: flex;
  flex-flow: wrap
}

.normal-pannels>li {
  margin: 0 0 20px 20px
}

.normal-pannels>li>a {
  width: 200px;
  height: 100%;
  padding: 0 10px
}

.normal-pannels>li>a>p {
  margin: 0;
  padding: 10px 0
}

.pannel-title {
  display: block;
  padding: 10px 0;
  font-weight: bold;
  border-bottom: solid 1px #c2c2c2;
  box-shadow: 0 1px 0 0 #fff
}

#wifi-description td:first-child {
  text-align: center
}

.sec01 {
  border-bottom: dotted 1px #000
}

@media screen and (max-width: 767px) {
  .sec02 dd {
    margin: 0
  }
}

#switch-payments-tab {
  margin: 0 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

#switch-payments-tab>li {
  cursor: default
}

#switch-payments-tab>li>a {
  display: block;
  color: #000
}

#switch-payments-tab .ui-tabs-tab.ui-tabs-active .payments-off {
  display: none
}

#switch-payments-tab .ui-tabs-tab:not(.ui-tabs-active) .payments-on {
  display: none
}

@media screen and (max-width: 767px) {
  #switch-payments-tab {
    margin: 0;
    display: block
  }

  #switch-payments-tab>li {
    width: auto;
    max-width: 400px;
    margin: 20px auto
  }
}

#payments,
#payments01 {
  padding: 20px;
  border: solid 2px #ccc;
  border-radius: 20px
}

@media screen and (max-width: 767px) {

  #payments,
  #payments01 {
    padding: 10px
  }
}

#payments>h3 {
  border-bottom: none;
  text-align: center;
  padding: 0;
  margin: 0 0 20px 0;
  font-size: 200%
}

@media screen and (max-width: 767px) {
  #payments>h3 {
    font-size: 140%
  }
}

#payments01>p {
  margin: 0;
  text-align: right
}

#payments01>.payments-img {
  text-align: center
}

.payments-img {
  text-align: center
}

#payments03 {
  padding-top: 1em;
  border-top: solid 2px #ccc
}

.top-notices {
  margin: 1em 0 10px;
  padding: 0;
  display: flex;
  margin-left: -20px
}

@media screen and (max-width: 767px) {
  .top-notices {
    display: block;
    margin-left: 0
  }
}

.top-notices>li {
  display: flex;
  margin-left: 20px;
  width: calc(100% - 40px/3);
  height: 82px;
  text-align: center
}

@media screen and (max-width: 767px) {
  .top-notices>li {
    display: block;
    width: auto;
    margin: 1em 5px 10px;
    height: auto
  }
}

.top-notices>li>a {
  display: block;
  color: black;
  border: #afafaf solid 1px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  line-height: 80px
}

@media screen and (max-width: 767px) {
  .top-notices>li>a {
    line-height: 1.4;
    padding: 0.5em
  }
}

.smartcode-img {
  text-align: center
}

.smartcode-img>img {
  width: 70%
}

@media screen and (max-width: 767px) {
  .smartcode-img>img {
    width: 100%
  }
}

.smartcode-qr {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 100px
}

@media screen and (max-width: 767px) {
  .smartcode-qr {
    display: none
  }
}

.smartcode-qr-text {
  font-size: x-large;
  text-align: center
}

.various-situations {
  display: grid;
  list-style-type: none;
  padding: 0;
  margin: 2em 0;
  gap: 30px;
  grid-template-columns: 1fr 1fr 1fr
}

@media screen and (max-width: 767px) {
  .various-situations {
    grid-template-columns: 1fr;
    margin: 2em 10px
  }
}

.various-situations>li {
  text-align: center
}

.various-situations>li>a {
  display: block;
  border: solid 1px #999;
  height: 100%;
  padding: 0.8em 1em 0em 1em;
  border-radius: 5px
}

.app-loaded-features {
  display: flex;
  gap: 20px;
  margin: 3em 100px
}

@media screen and (max-width: 767px) {
  .app-loaded-features {
    display: block;
    margin: 3em 0
  }
}

.app-loaded-features-image {
  flex-shrink: 0;
  width: 300px
}

.app-loaded-features-image>img {
  width: 100%
}

@media screen and (max-width: 767px) {
  .app-loaded-features-image {
    width: 60%;
    margin: 0 auto
  }
}

.app-loaded-features-reverse {
  flex-direction: row-reverse
}

#g-renoir a.thick-box {
  border-color: #515151
}

#g-renoir #main-visual-wrapper {
  background: #000
}

#g-renoir .content-wrapper {
  background: #333
}

#g-renoir .box>header {
  border-color: #4c4c4c
}

#g-renoir #main-title {
  color: #fff
}

#g-renoir .b-sidebar {
  background: #1c1c1c;
  color: #fff
}

#g-renoir .sidebar-nav>li>a {
  color: #000;
  background: #fff url(/images/renoir/menu/menu_triangle.png) center left no-repeat
}

#g-renoir .sidebar-nav>li>a.active {
  background-color: #9d9d9d
}

#g-renoir #menu-notice {
  color: #fff
}

#g-renoir #switch-concept .ui-tabs-nav {
  margin: 0 10px 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between
}

#g-renoir #switch-concept .ui-tabs-nav>li {
  width: 380px;
  float: none
}

@media screen and (max-width: 767px) {
  #g-renoir #switch-concept .ui-tabs-nav>li {
    width: 100%;
    max-width: 380px;
    margin: 10px auto
  }
}

#g-renoir #switch-concept .ui-tabs-nav>li>a:not(.ui-tabs-anchor) {
  margin-top: 3px;
  display: inline-block;
  color: #fff
}

#g-renoir #switch-concept .ui-tabs-nav>li>a:not(.ui-tabs-anchor):hover {
  text-decoration: underline
}

#g-renoir #switch-concept .ui-tabs-nav>li>.ui-tabs-anchor {
  cursor: pointer;
  display: block
}

#g-renoir #switch-concept .ui-tabs-nav>li>.ui-tabs-anchor>img {
  display: none
}

#g-renoir #switch-concept .ui-tabs-nav>li.ui-tabs-active .active-img {
  display: block
}

#g-renoir #switch-concept .ui-tabs-nav>li:not(.ui-tabs-active) .inactive-img {
  display: block
}

.takeout-wrapper {
  background: #fff
}

.takeout-wrapper>#main-image {
  text-align: center;
  margin: 0
}

.takeout-wrapper>.takeout-content {
  padding: 0 20px 20px 20px
}

.takeout-wrapper>.takeout-content>.takeout {
  display: flex;
  align-items: center;
  margin-bottom: 20px
}

@media screen and (max-width: 767px) {
  .takeout-wrapper>.takeout-content>.takeout {
    display: block
  }
}

.takeout-wrapper>.takeout-content>.takeout>.takeout-image {
  flex-shrink: 0;
  margin-right: 20px
}

@media screen and (max-width: 767px) {
  .takeout-wrapper>.takeout-content>.takeout>.takeout-image {
    text-align: center;
    margin-right: 0
  }
}

.takeout-wrapper>.takeout-content>.takeout>.takeout-description>.takeout-header {
  margin: 0 0 1em 0
}

.takeout-wrapper>.takeout-content>.takeout>.takeout-description>h3 {
  font-weight: bold;
  font-size: 130%;
  color: #472714
}

.takeout-wrapper>.takeout-content>.takeout>.takeout-description>h3>em {
  color: #db1400;
  font-style: normal
}

.takeout-wrapper>.takeout-content>.takeout>.takeout-description>.takeout-price {
  color: #db1400;
  font-weight: bold
}

.takeout-wrapper>.takeout-content>.takeout>.takeout-description>.takeout-price>span {
  font-size: 130%;
  color: #472714;
  margin-left: 0.5em
}

#g-caferenoir a.thick-box {
  border-color: #83a889
}

#g-caferenoir #main-visual-wrapper {
  background: #002e00
}

#g-caferenoir .content-wrapper {
  background: #fff
}

#g-caferenoir .box>header {
  border-color: #4c4c4c
}

#g-caferenoir #main-title {
  color: #000
}

#g-caferenoir .b-sidebar {
  background: #002e00;
  color: #fff
}

#g-caferenoir .sidebar-nav>li>a {
  background: #fff url(/images/caferenoir/menu/menu_triangle.png) center left no-repeat
}

#g-caferenoir .sidebar-nav>li>a:not(.active) {
  color: #000
}

#g-caferenoir .sidebar-nav>li>a.active {
  background-color: #002000;
  color: #fff
}

#g-caferenoir #b-shopsearch {
  border: solid 1px #ccc
}

#g-caferenoir .menu>li>a {
  border: solid 1px #ccc
}

#g-caferenoir #btop-information {
  border: #afafaf solid 1px
}

#g-caferenoir_newstyle a.thick-box {
  border-color: #8d6a3b
}

#g-caferenoir_newstyle #main-visual-wrapper {
  background: #8d6a3b
}

#g-caferenoir_newstyle .content-wrapper {
  background-image: url(/images/caferenoir_newstyle/bg_brick.jpg);
  background-size: 320px 320px
}

#g-caferenoir_newstyle .content-wrapper.btop-content {
  background-image: url(/images/caferenoir_newstyle/bg_brick_top.jpg)
}

#g-caferenoir_newstyle .box>header {
  border-color: #4c4c4c
}

#g-caferenoir_newstyle #main-title {
  color: #000
}

#g-caferenoir_newstyle .b-sidebar {
  background: #8d6a3b;
  color: #fff
}

#g-caferenoir_newstyle .sidebar-nav>li>a {
  background: #fff url(/images/caferenoir/menu/menu_triangle.png) center left no-repeat
}

#g-caferenoir_newstyle .sidebar-nav>li>a:not(.active) {
  color: #000
}

#g-caferenoir_newstyle .sidebar-nav>li>a.active {
  background-color: #352b10;
  color: #fff
}

#g-caferenoir_newstyle #b-shopsearch {
  border: solid 1px #ccc
}

#g-caferenoir_newstyle .menu>li>a {
  border: solid 1px #ccc
}

#g-caferenoir_newstyle #menu-notice {
  background: #fff
}

#g-caferenoir_newstyle #btop-information {
  border: #afafaf solid 1px
}

#g-newyorkers a.thick-box {
  border-color: #71aac2
}

#g-newyorkers #main-visual-wrapper {
  background: #79b7cb
}

#g-newyorkers .content-wrapper {
  background: #fffcf8 url(/images/newyorkers/content_background.png)
}

#g-newyorkers .box>header {
  border-color: #123686
}

#g-newyorkers #main-title {
  color: #000
}

#g-newyorkers .b-sidebar {
  background: #4d96b5;
  color: #fff
}

#g-newyorkers .sidebar-nav>li>a {
  background: #225971 url(/images/newyorkers/menu/menu_triangle.png) center left no-repeat
}

#g-newyorkers #b-shopsearch {
  border: solid 1px #ccc
}

#g-newyorkers #btop-information {
  border: #afafaf solid 1px
}

#g-newyorkers .shop-menu-title p {
  color: #000
}

#g-newyorkers_black #main-visual-wrapper {
  background: #818181
}

#g-newyorkers_black .content-wrapper {
  background: #2d2d2d
}

#g-newyorkers_black .box>header {
  border-color: #4c4c4c
}

#g-newyorkers_black #main-title {
  color: #fff
}

#g-newyorkers_black .b-sidebar {
  color: #fff;
  background: #818181
}

#g-newyorkers_black .sidebar-nav>li>a {
  background: #585858 url(/images/newyorkers_black/menu/menu_triangle.png) center left no-repeat
}

#g-newyorkers_black #switch-menu .ui-tabs-nav>li.ui-state-active>.ui-tabs-anchor {
  background: #B3424A
}

#g-newyorkers_black #switch-concept .ui-tabs-nav {
  margin: 0 10px 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between
}

#g-newyorkers_black #switch-concept .ui-tabs-nav>li {
  width: 380px;
  float: none
}

@media screen and (max-width: 767px) {
  #g-newyorkers_black #switch-concept .ui-tabs-nav>li {
    width: 100%;
    max-width: 380px;
    margin: 10px auto
  }
}

#g-newyorkers_black #switch-concept .ui-tabs-nav>li>a:not(.ui-tabs-anchor) {
  margin-top: 3px;
  display: inline-block;
  color: #fff
}

#g-newyorkers_black #switch-concept .ui-tabs-nav>li>a:not(.ui-tabs-anchor):hover {
  text-decoration: underline
}

#g-newyorkers_black #switch-concept .ui-tabs-nav>li>.ui-tabs-anchor {
  cursor: pointer;
  display: block
}

#g-newyorkers_black #switch-concept .ui-tabs-nav>li>.ui-tabs-anchor>img {
  display: none
}

#g-newyorkers_black #switch-concept .ui-tabs-nav>li.ui-tabs-active .active-img {
  display: block
}

#g-newyorkers_black #switch-concept .ui-tabs-nav>li:not(.ui-tabs-active) .inactive-img {
  display: block
}

#g-miyama #main-visual-wrapper {
  background: #fff0d6
}

#g-miyama .content-wrapper {
  background: url(/images/miyama/bg_cloth.png)
}

#g-miyama .box>header {
  border-color: #966a1d
}

#g-miyama #main-title {
  color: #000
}

#g-miyama #sns {
  background-image: url(/images/miyama/sns_background.png)
}

#g-miyama .b-sidebar {
  background: #fff0d6
}

#g-miyama .sidebar-nav>li>a {
  background: #f1772a url(/images/miyama/menu/menu_triangle.png) center left no-repeat
}

#g-miyama #menu-notice {
  background: #fff
}

#g-miyama #switch-concept .ui-tabs-nav {
  margin: 0 10px 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between
}

#g-miyama #switch-concept .ui-tabs-nav>li {
  width: 380px;
  float: none
}

@media screen and (max-width: 767px) {
  #g-miyama #switch-concept .ui-tabs-nav>li {
    width: 100%;
    max-width: 380px;
    margin: 10px auto
  }
}

#g-miyama #switch-concept .ui-tabs-nav>li>a:not(.ui-tabs-anchor) {
  margin-top: 3px;
  display: inline-block;
  color: #fff
}

#g-miyama #switch-concept .ui-tabs-nav>li>a:not(.ui-tabs-anchor):hover {
  text-decoration: underline
}

#g-miyama #switch-concept .ui-tabs-nav>li>.ui-tabs-anchor {
  cursor: pointer;
  display: block
}

#g-miyama #switch-concept .ui-tabs-nav>li>.ui-tabs-anchor>img {
  display: none
}

#g-miyama #switch-concept .ui-tabs-nav>li.ui-tabs-active .active-img {
  display: block
}

#g-miyama #switch-concept .ui-tabs-nav>li:not(.ui-tabs-active) .inactive-img {
  display: block
}

#g-runoacoffee #toc ul>li {
  padding-left: 26px
}

#g-runoacoffee #main-visual-wrapper {
  background: #00285b
}

#g-runoacoffee .content-wrapper {
  background: #fff
}

#g-runoacoffee .box>header {
  border-color: #00285b
}

#g-runoacoffee #main-title {
  color: #000
}

#g-runoacoffee .b-sidebar {
  background: #00285b;
  color: #fff
}

#g-runoacoffee .sidebar-nav>li>a {
  background: #001c40 url(/images/newyorkers_black/menu/menu_triangle.png) center left no-repeat
}

#g-runoacoffee #b-shopsearch {
  border: solid 1px #ccc
}

#g-runoacoffee #btop-information {
  border: #afafaf solid 1px
}

#g-runoacoffee .specialty-coffee {
  margin: 20px 8px;
  padding: 20px 10px
}

#g-runoacoffee .specialty-coffee table.form>*>tr>* {
  border: none
}

#g-myspace #toc ul>li:first-child {
  padding: 0
}

#g-myspace #toc ul>li {
  padding-left: 49px
}

@media screen and (max-width: 767px) {
  #g-myspace #toc ul>li {
    padding: 0
  }
}

#g-myspace .b-column-main {
  width: 100% !important;
  padding: 1px 0 !important
}

#g-myspace .b-column-full {
  padding: 1px 0
}

#g-myspace #main-visual-wrapper {
  background: #fff
}

#g-myspace #main-visual {
  padding: 0;
  width: 1000px
}

#g-myspace .content-wrapper {
  background: #eee
}

#g-myspace label:has(>input:checked) {
  outline: red solid 2px !important
}

#g-myspace .thick-box {
  border-color: #9e7f5f
}

#g-myspace .box>header {
  border-color: #252525
}

#g-myspace .b-sidebar {
  background: #acacac;
  color: #fff
}

#g-myspace .sidebar-nav>li>a {
  color: #000;
  background: #fff url(/images/renoir/menu/menu_triangle.png) center left no-repeat
}

#g-myspace .sidebar-nav>li>a.active {
  background-color: #e0e0e0
}

#g-myspace .b-column-main .more {
  display: none !important
}

#myspace-action {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 12px
}

#myspace-action>li {
  margin: 0 auto;
  display: block;
  width: 241px
}

@media screen and (max-width: 767px) {
  #myspace-action {
    grid-template-columns: 1fr 1fr
  }

  #myspace-action>li {
    width: 100%;
    max-width: 241px
  }
}

#myspace-map {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  background: url(/images/myspace/map.png) no-repeat;
  width: 984px;
  height: 576px
}

#myspace-map>li {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  display: block
}

#myspace-map>li>a {
  display: block;
  height: 100%
}

#myspace-kinds {
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 0;
  display: flex;
  justify-content: center
}

#myspace-kinds:after {
  display: block;
  clear: both;
  content: ''
}

#myspace-kinds>li {
  float: left;
  margin: 20px 0 20px 25px;
  color: #fff;
  text-shadow: 0 0 6px #000
}

#myspace-kinds>li:first-child {
  margin: 20px 0
}

@media screen and (max-width: 767px) {
  #myspace-kinds {
    padding: 0 5px;
    display: block
  }

  #myspace-kinds>li {
    float: none;
    max-width: 310px;
    margin: 20px auto
  }

  #myspace-kinds>li:first-child {
    margin: 20px auto
  }
}

#pickup>section:after {
  display: block;
  clear: both;
  content: ''
}

#pickup>section h3 {
  padding: 0 5px;
  border-bottom: solid 1px #ccc
}

#pickup>section h3>a {
  color: #4e4e4e
}

.pickup-left-box {
  float: left;
  min-width: 240px;
  max-width: 450px;
  margin-right: 30px
}

.pickup-left-box>ul {
  list-style: none;
  margin: -10px 0 0 -10px;
  padding: 0
}

.pickup-left-box>ul>li {
  float: left;
  width: 220px;
  margin: 10px 0 0 10px
}

@media screen and (max-width: 767px) {
  .pickup-left-box {
    float: none;
    width: auto;
    margin: 0;
    min-width: 0;
    max-width: none
  }

  .pickup-left-box>ul {
    width: auto;
    max-width: 460px;
    margin: 0 auto
  }

  .pickup-left-box>ul>li {
    width: calc(50% - 10px);
    max-width: 220px;
    margin: 5px
  }
}

.pickup-right-box {
  width: 504px;
  float: left
}

@media screen and (max-width: 767px) {
  .pickup-right-box {
    width: auto;
    float: none
  }
}

.pickup-access>p {
  margin: 0
}

@media screen and (max-width: 767px) {
  .pickup-access>p {
    text-align: center
  }

  .pickup-access>p>img {
    width: 100%;
    max-width: 504px
  }
}

.pickup-access>ul {
  list-style: none;
  margin: 10px 0 10px -12px;
  padding: 0
}

.pickup-access>ul:after {
  display: block;
  clear: both;
  content: ''
}

.pickup-access>ul>li {
  float: left;
  width: 246px;
  margin-left: 12px
}

.pickup-access>ul>li>p {
  margin: 0
}

@media screen and (max-width: 767px) {
  .pickup-access>ul {
    margin: 10px 0
  }

  .pickup-access>ul>li {
    text-align: center;
    float: none;
    width: 100%;
    margin: 10px 0
  }
}

.pickup-access-text {
  text-align: center
}

.myspace-campaign-banner {
  text-align: center
}

.myspace-campaign-banner a[href*=".pdf#"]:not(.article-link):after,
.myspace-campaign-banner a[href*=".pdf#"].article-link>.article-title:after,
.myspace-campaign-banner a[href$=".pdf"]:not(.article-link):after,
.myspace-campaign-banner a[href$=".pdf"].article-link>.article-title:after,
.myspace-campaign-banner .pdf:not(.article-link):after,
.myspace-campaign-banner .pdf.article-link>.article-title:after {
  display: none
}

#myspace-search .underline-title {
  color: #4e4e4e;
  border-bottom: none;
  margin-left: -10px !important;
  margin-right: -10px !important;
  padding: 0 10px
}

#myspace-search .underline-title>span {
  padding: 0 5px;
  border-bottom: solid 1px #ccc
}

@media screen and (max-width: 767px) {
  #myspace-search .underline-title {
    margin-left: -5px !important;
    margin-right: -5px !important
  }
}

#myspace-footer-banners {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  width: 810px
}

#myspace-footer-banners>li {
  width: 396px;
  margin: 0 414px 18px 0
}

#myspace-footer-banners>li:first-child {
  float: right;
  width: 375px;
  margin: 0
}

#myspace-footer-banners>li:last-child {
  margin-bottom: 0
}

#myspace-header {
  position: relative
}

#myspace-header>span {
  vertical-align: bottom;
  display: inline-block;
  line-height: 30px;
  font-size: 120%
}

#myspace-header>p {
  margin: 0;
  color: #fff;
  font-weight: bold;
  position: absolute;
  right: 0;
  bottom: 5px;
  font-size: 130%;
  text-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 15px #000
}

.phone-contact-box>section {
  border: #9e7f5f solid 1px;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.07) inset;
  width: 370px;
  margin: 0 auto
}

.phone-contact-box>section>p {
  text-align: center;
  padding: 50px 0;
  margin: 0;
  font-size: 140%;
  font-weight: bold
}

.phone-contact-box>section>p>a {
  color: #000;
  cursor: default
}

.phone-contact-box>section>p>a:hover {
  text-decoration: none
}

.phone-contact-box>section>p>a:focus {
  outline: none
}

@media screen and (max-width: 767px) {
  .phone-contact-box {
    margin: 0 5px
  }

  .phone-contact-box>section {
    width: auto;
    max-width: 370px
  }
}

.ms-manual {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center
}

.ms-manual>li {
  display: inline-block
}

@media screen and (max-width: 767px) {
  .ms-manual>li {
    margin-bottom: 10px
  }
}

.ms-manual>li>a {
  min-width: 10em
}

.ms-shop-list div {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.ms-shop-list div>p {
  margin: 0
}

.book-button {
  float: right;
  margin-left: auto;
  padding: 2px 5px;
  font-weight: normal
}

@media screen and (max-width: 767px) {
  .book-button {
    display: none
  }
}

@supports (display: flex) {
  .book-button {
    float: none
  }
}

.ms-menu {
  margin: 0 auto
}

#ms-bento {
  width: 950px
}

@media screen and (max-width: 767px) {
  #ms-bento {
    width: auto
  }
}

#ms-bento>.bento-box>p {
  float: left;
  margin: 0
}

@media screen and (max-width: 767px) {
  #ms-bento>.bento-box>p {
    float: none;
    text-align: center
  }
}

#ms-bento>.bento-box>section {
  width: 450px;
  margin-left: 500px
}

#ms-bento>.bento-box>section a {
  display: inline-block;
  margin-right: 1em
}

@media screen and (max-width: 767px) {
  #ms-bento>.bento-box>section {
    width: auto;
    margin: 0
  }
}

#ms-bento .bento-notice>span {
  border-bottom: solid 1px #666666
}

#ms-bento a:after {
  display: none
}

#ms-bento .shoplist-wrapper {
  display: flex;
  justify-content: space-around
}

@media screen and (max-width: 767px) {
  #ms-bento .shoplist-wrapper {
    display: block
  }
}

#ms-bento .shoplist-wrapper>.shoplist {
  box-sizing: border-box;
  width: 48%
}

@media screen and (max-width: 767px) {
  #ms-bento .shoplist-wrapper>.shoplist {
    width: auto
  }
}

#ms-bento .shoplist-wrapper>.shoplist>h2 {
  font-size: 120%;
  margin: 0
}

#ms-bento .shoplist-wrapper>.shoplist>ul {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0
}

#ms-dessert {
  width: 606px
}

@media screen and (max-width: 767px) {
  #ms-dessert {
    max-width: 606px
  }
}

#ms-morning {
  width: 733px;
  margin: 20px auto
}

@media screen and (max-width: 767px) {
  #ms-morning {
    width: auto
  }
}

#ms-morning>.morning-image {
  margin: 0;
  text-align: center
}

#ms-morning .shoplist-wrapper {
  display: flex;
  justify-content: space-around
}

@media screen and (max-width: 767px) {
  #ms-morning .shoplist-wrapper {
    display: block
  }
}

#ms-morning .shoplist-wrapper>.shoplist {
  box-sizing: border-box;
  padding: 10px;
  margin: 10px 0;
  width: 48%
}

@media screen and (max-width: 767px) {
  #ms-morning .shoplist-wrapper>.shoplist {
    width: auto
  }
}

#ms-morning .shoplist-wrapper>.shoplist>h2 {
  font-size: 120%;
  margin: 0
}

#ms-morning .shoplist-wrapper>.shoplist>ul {
  list-style: none;
  margin: 1em 0;
  padding: 0
}

#ms-morning .target-shop {
  background: #fceae6
}

#ms-morning .non-target-shop {
  background: #ebf2e0
}

#ms-dessert {
  margin: 20px auto
}

#ms-dessert>p {
  margin: 0;
  border: solid 3px #efede8
}

@media screen and (max-width: 767px) {
  #ms-dessert {
    width: auto
  }
}

#plaza-access-box {
  position: relative
}

#plaza-appearance {
  float: right
}

@media screen and (max-width: 767px) {
  #plaza-appearance {
    float: none;
    text-align: center;
    margin-bottom: 20px
  }
}

#plaza-map {
  float: left;
  width: 550px;
  margin-bottom: 290px
}

@media screen and (max-width: 767px) {
  #plaza-map {
    float: none;
    width: auto;
    margin-bottom: 20px
  }
}

.plaza-access-images {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 330px
}

.plaza-access-images:after {
  display: block;
  clear: both;
  content: ''
}

.plaza-access-images>li {
  display: block;
  float: left;
  margin-left: 20px
}

.plaza-access-images>li:first-child {
  margin: 0;
  padding-top: 71px
}

@media screen and (max-width: 767px) {
  .plaza-access-images {
    position: static
  }

  .plaza-access-images>li {
    float: none;
    margin: 0;
    text-align: center
  }

  .plaza-access-images>li:first-child {
    padding: 0
  }
}

.plaza-access {
  text-align: center
}

.plaza-cencel-table td:before {
  display: inline;
  content: '\FF1A'
}

@media screen and (max-width: 767px) {
  .plaza-cencel-table td:before {
    display: none
  }
}

.plaza-description {
  width: 774px;
  height: 134px;
  background: url(/images/myspace/plaza/description.png)
}

.plaza-description>div {
  display: none
}

@media screen and (max-width: 767px) {
  .plaza-description {
    width: auto;
    height: auto;
    background: none
  }

  .plaza-description>div {
    display: block
  }
}

.plaza-rooms header,
#booth-access header {
  border: #afafaf solid 1px;
  text-align: center;
  margin: 10px 0;
  padding: 20px 0
}

.plaza-rooms header h4,
#booth-access header h4 {
  margin-top: 0;
  border-bottom: none;
  color: #4e4e4e;
  font-size: 120%
}

.plaza-rooms>ul,
#booth-access>ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0 0 -20px -30px
}

.plaza-rooms>ul:after,
#booth-access>ul:after {
  display: block;
  clear: both;
  content: ''
}

.plaza-rooms>ul>li,
#booth-access>ul>li {
  float: left;
  margin: 0 0 20px 30px;
  width: 372px
}

.plaza-rooms>ul>li>div,
#booth-access>ul>li>div {
  border: #afafaf solid 1px
}

.plaza-rooms>ul>li>div .room-name,
.plaza-rooms>ul>li>div .booth-name,
#booth-access>ul>li>div .room-name,
#booth-access>ul>li>div .booth-name {
  text-align: center;
  padding: 5px 0
}

.plaza-rooms>ul>li>div .room-detail,
.plaza-rooms>ul>li>div .booth-detail,
#booth-access>ul>li>div .room-detail,
#booth-access>ul>li>div .booth-detail {
  padding: 5px
}

.plaza-rooms>ul>li>div .room-detail>div,
.plaza-rooms>ul>li>div .booth-detail>div,
#booth-access>ul>li>div .room-detail>div,
#booth-access>ul>li>div .booth-detail>div {
  float: left
}

.plaza-rooms>ul>li>div .room-detail>ul,
.plaza-rooms>ul>li>div .booth-detail>ul,
#booth-access>ul>li>div .room-detail>ul,
#booth-access>ul>li>div .booth-detail>ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right
}

.plaza-rooms>ul>li>div .room-detail>ul>li:first-child,
.plaza-rooms>ul>li>div .booth-detail>ul>li:first-child,
#booth-access>ul>li>div .room-detail>ul>li:first-child,
#booth-access>ul>li>div .booth-detail>ul>li:first-child {
  margin-bottom: 5px
}

@media screen and (max-width: 767px) {

  .plaza-rooms>ul>li>div .room-detail>div,
  .plaza-rooms>ul>li>div .booth-detail>div,
  #booth-access>ul>li>div .room-detail>div,
  #booth-access>ul>li>div .booth-detail>div {
    float: none
  }

  .plaza-rooms>ul>li>div .room-detail>ul,
  .plaza-rooms>ul>li>div .booth-detail>ul,
  #booth-access>ul>li>div .room-detail>ul,
  #booth-access>ul>li>div .booth-detail>ul {
    float: none;
    text-align: center;
    margin-top: 5px
  }

  .plaza-rooms>ul>li>div .room-detail>ul>li,
  .plaza-rooms>ul>li>div .booth-detail>ul>li,
  #booth-access>ul>li>div .room-detail>ul>li,
  #booth-access>ul>li>div .booth-detail>ul>li {
    display: inline-block
  }

  .plaza-rooms>ul>li>div .room-detail>ul>li:first-child,
  .plaza-rooms>ul>li>div .booth-detail>ul>li:first-child,
  #booth-access>ul>li>div .room-detail>ul>li:first-child,
  #booth-access>ul>li>div .booth-detail>ul>li:first-child {
    margin-right: 5px
  }
}

@media screen and (max-width: 767px) {

  .plaza-rooms>ul,
  #booth-access>ul {
    max-width: 370px;
    margin: 0 auto
  }

  .plaza-rooms>ul>li,
  #booth-access>ul>li {
    margin-left: 0;
    width: 100%
  }
}

#howto-book-ms {
  text-align: center
}

#howto-book-ms>div {
  display: inline-block;
  margin: 0 auto
}

#howto-book-ms>div>div {
  border-bottom: solid 1px #ecc6c4
}

#howto-book-ms>div>div b {
  font-size: 200%;
  color: #315172
}

#howto-book-ms>p>b {
  font-size: 150%
}

.ms-descrition>header {
  width: 774px;
  height: 171px;
  background: url(/images/myspace/myspace/description.jpg)
}

.ms-descrition>header>div {
  display: none
}

.ms-descrition h4 {
  display: inline-block;
  background: #52495c;
  color: #fff;
  padding: 0 5px;
  min-height: 2em;
  line-height: 2em;
  padding-left: 20px;
  position: relative
}

.ms-descrition h4:before {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  content: '';
  width: 0;
  border: solid 1em transparent;
  border-left: solid 15px #c0b7c5
}

.ms-descrition .ms-description-image {
  text-align: center
}

.ms-descrition .lead {
  font-weight: bold
}

@media screen and (max-width: 767px) {
  .ms-descrition>header {
    width: auto;
    height: auto;
    background: none
  }

  .ms-descrition>header>div {
    display: block
  }
}

.ms-contact-box {
  text-align: center
}

.ms-contact-box>div {
  border: #afafaf solid 1px;
  display: inline-block;
  padding: 10px
}

.ms-contact-box>div>p {
  display: inline-block;
  margin: 15px 0;
  height: 50px;
  line-height: 50px;
  color: #ff3d5a;
  font-size: 200%
}

.ms-contact-box>div>p>span {
  margin-left: 5px
}

@media screen and (max-width: 767px) {
  .ms-contact-box>div>p {
    font-size: 120%;
    background: none;
    padding: 0;
    height: 25px;
    line-height: 25px
  }

  .ms-contact-box>div>p>img {
    width: 29px;
    height: 25px
  }
}

.option-details>h1 {
  font-size: 100%;
  margin: 0.5em 0
}

.option-details p {
  margin: 0.5em 0
}

.option-details .option-details-image {
  text-align: center
}

.option-details .option-details-desc {
  padding-top: 0.5em;
  border-top: #888 dashed 1px;
  white-space: pre-line
}

.campaign-banner {
  text-align: center;
  padding: 0 10px
}

#campaign-box>h2 {
  margin: 0
}

#campaign-box>div {
  background: #fff;
  margin: 10px;
  padding: 10px
}

#campaign-box strong {
  font-size: 120%
}

#campaign-box .super-strong {
  font-size: 150%;
  color: red;
  border-bottom: double 4px red
}

#campaign-box .campaign {
  font-size: 150%
}

#campaign-box .campaign>p:first-child {
  text-align: center
}

@media screen and (max-width: 767px) {
  #campaign-box .campaign {
    font-size: 100%
  }
}

#campaign-box .campaign-detail {
  border: #afafaf solid 1px;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.07) inset;
  padding: 10px
}

#campaign-box .campaign-detail>dl>dt {
  float: left;
  clear: both
}

#campaign-box .campaign-detail>dl>dt:after {
  display: inline;
  content: '\FF1A'
}

#campaign-box .campaign-detail>dl>dd {
  margin: 0
}

@media screen and (max-width: 767px) {
  #campaign-box .campaign-detail>dl>dt {
    float: none
  }

  #campaign-box .campaign-detail>dl>dt:after {
    display: none
  }

  #campaign-box .campaign-detail>dl>dd {
    margin-bottom: 10px
  }
}

#campaign-box .double-point {
  margin: 20px
}

#campaign-box .double-point>p {
  color: red;
  font-weight: bold;
  margin-bottom: 10px
}

#campaign-box .double-point>ul {
  list-style: none;
  margin: 0;
  padding: 0
}

@media screen and (max-width: 767px) {
  #campaign-box .double-point {
    margin: 20px 0
  }
}

#campaign-box .point-card {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0 24px
}

#campaign-box .point-card:after {
  display: block;
  clear: both;
  content: ''
}

#campaign-box .point-card>li {
  float: left;
  margin: 0 15px
}

@media screen and (max-width: 767px) {
  #campaign-box .point-card {
    margin: 0 10px
  }

  #campaign-box .point-card>li {
    float: none;
    margin: 10px auto;
    max-width: 320px
  }
}

#campaign-box #myspace-kinds {
  padding-left: 0
}

#campaign-box #myspace-kinds>li {
  width: 250px;
  margin: 0;
  margin-left: 10px
}

#campaign-box #myspace-kinds>li:first-child {
  margin: 0
}

@media screen and (max-width: 767px) {

  #campaign-box #myspace-kinds>li,
  #campaign-box #myspace-kinds>li:first-child {
    width: auto;
    max-width: 310px;
    margin: 10px auto
  }
}

@media screen and (max-width: 767px) {
  #myspace-order-box-4-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
  }

  #myspace-order-box-4-sp>* {
    width: 100%
  }

  #myspace-order-box-4-sp>*:first-child {
    order: 2
  }

  #myspace-order-box-4-sp>*:nth-child(2) {
    order: 3
  }

  #myspace-order-box-4-sp>*:nth-child(3) {
    order: 1
  }
}

#myspace-route-map {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 774px;
  height: 745px;
  background-image: url(/images/myspace/myspace/map.jpg);
  background-size: contain;
  background-repeat: no-repeat
}

#myspace-route-map>li {
  position: absolute;
  width: 54px;
  height: 54px
}

#myspace-route-map>li:hover>.route-map-shop-list-box {
  display: block
}

@media screen and (max-width: 767px) {
  #myspace-route-map>li:hover>.route-map-shop-list-box {
    display: none
  }
}

@media screen and (max-width: 767px) {
  #myspace-route-map {
    width: 100%;
    height: 0;
    padding-top: 96.25%
  }

  #myspace-route-map>li {
    display: none
  }
}

.route-map-shop-list-box {
  display: none;
  position: absolute;
  padding-top: 10px;
  top: 53px;
  width: 270px;
  z-index: 100
}

.route-map-shop-list-box>ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: solid 1px #000;
  border-radius: 5px;
  box-shadow: 2px 2px 7px #444;
  background: #fff;
  padding: 5px 10px
}

.route-map-shop-list-box>ul>li {
  padding: 5px 0 0;
  border-bottom: dotted 1px #000
}

.route-map-shop-list-box.right-box {
  left: 0
}

.route-map-shop-list-box.right-box .route-map-balloon {
  left: 17px
}

.route-map-shop-list-box.right-box .route-map-balloon:before {
  left: -8px
}

.route-map-shop-list-box.left-box {
  right: 0
}

.route-map-shop-list-box.left-box .route-map-balloon {
  right: 17px
}

.route-map-shop-list-box.left-box .route-map-balloon:before {
  right: -8px
}

.route-map-balloon {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border: solid 10px transparent;
  border-bottom-color: #000;
  position: absolute;
  top: -9px
}

.route-map-balloon:before {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border: solid 8px transparent;
  border-bottom-color: #fff;
  position: absolute;
  top: -6px;
  left: -8px
}

.buttons-flex {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

@media screen and (max-width: 767px) {
  .buttons-flex {
    display: block
  }
}

.buttons-flex>li {
  margin: 1em 0;
  text-align: center
}

.plaza-system-change .button {
  background-color: blue
}

.old-system {
  border: solid 1px #f19431;
  background-color: #fff !important;
  color: #000;
  box-sizing: border-box
}

.old-system:hover {
  background-color: #f19431 !important;
  color: #fff
}

.new-system {
  border: solid 1px blue;
  background-color: #fff;
  color: black;
  box-sizing: border-box
}

.new-system:hover {
  background-color: blue;
  color: #fff
}

.transparent-box {
  background-color: transparent
}

.area-search>ul {
  margin: 1em 0 -8px -8px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  text-align: center
}

.area-search>ul>li {
  background: #977652;
  color: #fff;
  margin: 0 0 8px 8px;
  flex-basis: calc((100% - 24px) / 3 - 0.1px);
  flex-grow: 0;
  flex-shrink: 0
}

.area-search>ul>li>a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 1.2em 0.5em
}

@media screen and (max-width: 767px) {
  .area-search>ul {
    font-size: smaller
  }
}

@media screen and (max-width: 767px) {

  #g-miyamacoffee .entry-body,
  #g-miyamacoffee .webpage-body {
    padding: 0
  }
}

#g-miyamacoffee a.thick-box {
  border-color: #fff
}

#g-miyamacoffee .content-wrapper {
  background: url(/images/miyamacoffee/bg_grain.png)
}

#g-miyamacoffee #header>.wrapper {
  height: 70px
}

@media screen and (max-width: 767px) {
  #g-miyamacoffee #header>.wrapper {
    height: 35px
  }
}

#g-miyamacoffee #site-title {
  position: absolute;
  left: 0;
  top: 0
}

#g-miyamacoffee #site-title>a {
  display: block;
  height: 70px;
  width: 98px;
  background: url(/images/miyamacoffee/logo_miyamacoffee.png) no-repeat;
  background-size: contain
}

@media screen and (max-width: 767px) {
  #g-miyamacoffee #site-title>a {
    width: 52px;
    height: 35px;
    background-size: 52px 35px
  }
}

#g-miyamacoffee #share-buttons {
  top: 30px;
  right: 140px
}

@media screen and (max-width: 767px) {
  #g-miyamacoffee #share-buttons {
    right: 120px;
    top: 8px
  }
}

#g-miyamacoffee .atelier_banner_header {
  top: 13px;
  right: 265px
}

@media screen and (max-width: 767px) {
  #g-miyamacoffee .atelier_banner_header {
    top: 8px;
    right: 200px
  }
}

#g-miyamacoffee #search-container {
  right: 130px;
  top: 30px
}

#g-miyamacoffee #management-company {
  position: absolute;
  right: 10px;
  bottom: 0;
  margin: 0
}

@media screen and (max-width: 767px) {
  #g-miyamacoffee #management-company {
    right: 46px
  }
}

#g-miyamacoffee #management-company>a {
  display: block;
  padding-top: 53px;
  background: url(/images/common/logo_main.png) top center no-repeat;
  font-size: 70%;
  color: #000
}

@media screen and (max-width: 767px) {
  #g-miyamacoffee #management-company>a {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 64px;
    height: 35px;
    background-size: 64px, 35px;
    padding: 0
  }
}

#g-miyamacoffee #toc {
  background: linear-gradient(#9c5c31, #633a1f)
}

#g-miyamacoffee #toc ul {
  display: table;
  padding: 0;
  margin: 0
}

#g-miyamacoffee #toc ul>li {
  float: none;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 0 0 0 38px;
  height: 55px
}

#g-miyamacoffee #toc ul>li:first-child {
  padding: 0
}

#g-miyamacoffee #toc ul>li>a {
  padding: 0
}

@media screen and (max-width: 767px) {
  #g-miyamacoffee #toc {
    background: none
  }

  #g-miyamacoffee #toc>h1 {
    background: #985a30
  }

  #g-miyamacoffee #toc ul {
    display: block;
    background: #985a30
  }

  #g-miyamacoffee #toc ul>li {
    display: block;
    padding: 0;
    text-align: left;
    height: auto
  }

  #g-miyamacoffee #toc ul>li:first-child {
    display: none
  }

  #g-miyamacoffee #toc ul>li>a {
    padding: 1em
  }

  #g-miyamacoffee #toc ul>li>a>br {
    display: none
  }
}

#g-miyamacoffee #breadcrumbs-wrapper {
  background-color: #425431
}

#g-miyamacoffee #main-visual-wrapper {
  background: #ece0c2
}

#g-miyamacoffee #main-visual {
  padding-top: 433px
}

@media screen and (max-width: 767px) {
  #g-miyamacoffee #main-visual {
    padding-top: 0
  }
}

#g-miyamacoffee .service-banenrs {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 15px
}

#g-miyamacoffee .service-banenrs>li {
  float: left;
  margin-left: 17px
}

#g-miyamacoffee .service-banenrs>li:first-child {
  margin-left: 0
}

#g-miyamacoffee .service-banenrs img {
  display: block
}

@media screen and (max-width: 767px) {
  #g-miyamacoffee .service-banenrs {
    width: 100%;
    max-width: 320px;
    padding-top: 15px;
    margin: 0 auto
  }

  #g-miyamacoffee .service-banenrs>li {
    float: none;
    margin: 0
  }
}

#g-miyamacoffee #footer {
  background: #985a30
}

#g-miyamacoffee #sns {
  background-image: url(/images/miyama/sns_background.png)
}

#g-miyamacoffee .b-sidebar {
  background: #ffddb5
}

#g-miyamacoffee .sidebar-nav>li>a {
  color: #fff;
  background: #f8931d url(/images/miyama/menu/menu_triangle.png) center left no-repeat
}

#g-miyamacoffee .pannels {
  padding: 0 42px;
  margin-left: -30px
}

#g-miyamacoffee .pannels>li {
  margin: 0 0 40px 30px
}

@media screen and (min-width: 768px) {
  #g-miyamacoffee #switch-menu .ui-tabs-nav.five-tabs>li {
    width: 140px
  }

  #g-miyamacoffee #switch-menu .ui-tabs-nav.four-tabs>li {
    width: 180px
  }
}

#g-miyamacoffee #switch-menu .ui-tabs-nav>.ui-tabs-active>a {
  border: solid 1px #ffddb5;
  background: #ffddb5;
  color: #000
}

#miyamacoffee-details {
  margin: 40px 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: space-between
}

#miyamacoffee-details>li {
  margin: 0;
  padding: 0
}

#miyamacoffee-details>li>a {
  display: block;
  position: relative;
  color: #fff
}

#miyamacoffee-details>li>a>span {
  position: absolute;
  bottom: 0;
  height: 3em;
  font-size: 140%;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  width: calc(100% - 20px);
  content: attr(title);
  padding: 0 10px
}

#miyamacoffee-details>li img {
  border: #afafaf solid 1px
}

@media screen and (max-width: 767px) {
  #miyamacoffee-details {
    display: block
  }

  #miyamacoffee-details>li {
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 330px
  }

  #miyamacoffee-details>li:first-child {
    margin-bottom: 10px
  }

  #miyamacoffee-details>li>a {
    display: block
  }

  #miyamacoffee-details>li>a>span {
    font-size: 90%
  }
}

#miyamacoffee-qanda {
  text-align: center;
  margin: 40px 0
}

#miyamacoffee-qanda img {
  border: #afafaf solid 1px
}

#contact-balloon {
  position: relative;
  background-color: #425431;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  padding: 20px 0;
  margin-bottom: 20px
}

#contact-balloon:after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  margin-left: -13px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 13px 13px 0 13px;
  border-color: #425431 transparent transparent transparent
}

#contact-miyamacoffee>p {
  text-align: center;
  font-size: 137.5%;
  margin: 10px 0
}

@media screen and (max-width: 767px) {
  #contact-miyamacoffee>p {
    font-size: 110%
  }
}

.contact-btn {
  padding: 20px 48px;
  font-weight: bold;
  color: #ffffff;
  background-color: #f19431;
  display: inline-block;
  border-radius: 5px
}

.contact-btn:before {
  display: inline-block;
  content: "";
  background: url(/images/miyamacoffee/icon_mail_l.png) no-repeat top left;
  width: 35px;
  height: 24px;
  margin: 0 5px -3px 0
}

@media screen and (max-width: 767px) {
  .contact-btn {
    padding: 10px 20px
  }
}

#community-wanted-shop-list {
  width: 90%;
  margin: 1em auto 3em auto;
  border: solid 1px #7d4a27;
  font-size: 120%;
  border-collapse: separate;
  border-spacing: 20px
}

@media screen and (max-width: 767px) {
  #community-wanted-shop-list {
    width: 100%;
    border-spacing: 10px
  }
}

#community-wanted-shop-list>tbody>tr>th {
  text-align: left;
  font-weight: normal;
  width: 50%
}

#community-wanted-shop-list>tbody>tr>th>a {
  text-decoration: underline
}

#community-wanted-shop-list>tbody>tr>td {
  color: #7d4a27
}

#community-held-case {
  background: url(/images/miyamacoffee/community_held_case.png);
  position: relative;
  box-sizing: border-box;
  width: 678px;
  height: 463px;
  margin: 3em auto;
  padding: 10px 30px
}

@media screen and (max-width: 767px) {
  #community-held-case {
    width: 100%;
    height: auto
  }
}

#community-held-case>h3 {
  margin: 1em 0;
  text-align: center;
  border-bottom: none;
  font-size: 120%
}

#community-held-case>h3>span {
  border-color: #000;
  border-width: 1px 0 1px 0;
  border-style: solid;
  padding: 2px
}

#community-held-case #community-held-case-list {
  color: #333333;
  font-size: 130%;
  float: left
}

@media screen and (max-width: 767px) {
  #community-held-case #community-held-case-list {
    float: none
  }
}

#community-held-case #community-held-case-list>ul {
  margin: 0;
  padding: 0;
  list-style-type: none
}

#community-held-case #community-held-case-list>ul>li {
  margin: 0 0 0.5em 0
}

#community-held-case #community-held-case-list p {
  margin: 0 0 0.5em 0
}

#community-held-case #community-held-case-sample-images {
  float: right;
  margin: 0;
  padding: 0;
  list-style-type: none
}

@media screen and (max-width: 767px) {
  #community-held-case #community-held-case-sample-images {
    float: none;
    margin: 1em 0;
    text-align: center
  }
}

#community-held-case #community-held-case-sample-images>li {
  margin-bottom: 20px
}

#community-held-case #community-held-case-sample-images>li img {
  box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.1)
}

.appeal-images:before {
  display: block;
  text-align: center;
  content: url(/images/miyamacoffee/image_header.png)
}

.appeal-images:after {
  display: block;
  text-align: center;
  content: url(/images/miyamacoffee/image_footer.png)
}

.appeal-images>ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-around;
  margin: 15px 0 20px
}

@media screen and (max-width: 767px) {
  .appeal-images>ul {
    display: block;
    margin: 15px 5px 20px
  }
}

@media screen and (max-width: 767px) {
  .appeal-images>ul>li {
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 302px
  }

  .appeal-images>ul>li:first-child {
    margin-bottom: 20px
  }
}

.appeal-images>ul>li>img {
  box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.1)
}

.eventcards-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  margin: 1rem 0
}

@media screen and (max-width: 767px) {
  .eventcards-wrapper {
    grid-template-columns: 1fr 1fr
  }
}

.eventcard {
  border: solid 1px #ccc;
  border-radius: 8px;
  box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.16)
}

.eventcard>a {
  display: block;
  padding: 10px;
  text-decoration: none !important
}

.eventcard:hover {
  opacity: 0.8
}

.eventcard-thumbnail {
  background-color: #f8931d;
  text-align: center;
  margin-bottom: 0.5rem
}

.eventcard-thumbnail>img {
  max-height: 150px
}

.eventcard-name {
  font-weight: bold;
  color: black;
  margin-bottom: 0.5rem;
  font-size: large
}

.eventcard-date {
  color: black;
  margin-bottom: 0.5rem
}

.eventcard-place {
  margin-bottom: 0.5rem
}

.eventcard-link {
  text-align: right
}

.eventcard-link>span {
  background-color: #3b82f6;
  border-radius: 3px;
  color: white;
  font-size: small;
  padding: 0.3em 1em
}

.event-image {
  text-align: center;
  margin-bottom: 1rem
}

.event-content {
  margin: 1rem 0
}

#outdoorseat {
  width: 700px;
  margin: 20px auto
}

@media screen and (max-width: 767px) {
  #outdoorseat {
    width: auto
  }
}

.outdoorseat-notice {
  width: 500px;
  margin: 30px auto;
  padding: 0 10px;
  border: solid 1px #7d4a27
}

.outdoorseat-notice>p {
  text-align: center;
  font-weight: bold
}

@media screen and (max-width: 767px) {
  .outdoorseat-notice {
    width: auto;
    max-width: 500px
  }
}

.dogspace-shop {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: -20px
}

.dogspace-shop>li {
  width: 302px;
  margin-bottom: 20px
}

.dogspace-shop>li>p {
  margin: 0;
  text-align: center
}

.dogspace-shop>li>p:first-child {
  margin-bottom: 10px
}

.dogspace-shop>li>p>span {
  font-weight: bold
}

.dogspace-shop>li>p.dogspace-image {
  position: relative;
  display: inline-block
}

.dogspace-shop>li>p.dogspace-image:after {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
  box-shadow: 0 0 0 6px #fff inset
}

.dogspace-shop>li>p.dogspace-image>img {
  box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.1)
}

.howto-flow {
  margin: 0 0 0 55px;
  min-height: 135px;
  position: relative
}

@media screen and (max-width: 767px) {
  .howto-flow {
    margin: 0 8px;
    min-height: 0
  }
}

.howto-flow:first-child {
  margin-top: 1em
}

.howto-flow:after {
  content: '';
  display: block;
  background: url(/images/miyamacoffee/howto_flow_arrow.png) no-repeat left center;
  position: absolute;
  bottom: 28px;
  left: 21px;
  width: 29px;
  height: 30px
}

@media screen and (max-width: 767px) {
  .howto-flow:after {
    position: static;
    margin: 0.5em auto 0.5em 20px;
    height: 50px;
    clear: none
  }
}

.howto-flow:last-child {
  margin-bottom: 1em
}

.howto-flow:last-child:after {
  display: none
}

.howto-flow>h3 {
  background-color: #425431;
  color: #fff;
  font-size: 150%;
  font-weight: normal;
  width: 307px;
  box-sizing: border-box;
  padding: 8px;
  float: left;
  margin: 0;
  border-bottom: none
}

@media screen and (max-width: 767px) {
  .howto-flow>h3 {
    width: auto;
    float: none;
    font-size: 130%
  }
}

.howto-flow>h3:before {
  display: inline-block;
  vertical-align: -0.05em;
  background-color: #fff;
  width: 10px;
  content: '\00A0';
  margin-right: 8px
}

.howto-flow .howto-flow-detail {
  width: 340px;
  box-sizing: border-box;
  border: solid 2px #f8931d;
  border-radius: 8px;
  margin: 0 0 0 340px
}

@media screen and (max-width: 767px) {
  .howto-flow .howto-flow-detail {
    width: auto;
    margin: 0.5em 0
  }
}

.howto-flow .howto-flow-detail>h4 {
  margin: 0.2em 8px
}

.howto-flow .howto-flow-detail>p {
  margin: 0.2em 8px
}

.howto-flow .howto-flow-duration {
  position: absolute;
  bottom: 17px;
  left: 88px;
  background: url(/images/miyamacoffee/howto_flow_between_arrow.png) no-repeat top left;
  min-height: 50px;
  padding: 0 0 0 37px
}

@media screen and (max-width: 767px) {
  .howto-flow .howto-flow-duration {
    position: static;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 0.5em -70px;
    padding: 0 0 0 107px;
    float: right;
    background-position: 70px 0
  }
}

#keycoffee-app {
  padding: 0 0 1px
}

#keycoffee-app>h3 {
  margin: 0;
  padding: 5px 15px;
  background: #ed9026;
  font-size: 100%
}

#keycoffee-app>div {
  margin: 10px 0 0 20px
}

#keycoffee-app>div>img {
  float: left
}

@media screen and (max-width: 767px) {
  #keycoffee-app>div {
    margin: 10px 0;
    text-align: center
  }

  #keycoffee-app>div>img {
    float: none
  }
}

#keycoffee-download {
  width: 400px;
  margin-left: 70px
}

#keycoffee-download p {
  margin: 0
}

#keycoffee-download p:first-child {
  margin-bottom: 5px;
  font-size: 78%
}

#keycoffee-download>div {
  width: 365px;
  margin: 5px auto
}

#keycoffee-download>div>ul {
  list-style: none;
  margin: 0;
  padding: 0
}

#keycoffee-download>div>ul>li {
  float: left;
  margin-left: 5px
}

#keycoffee-download>div>ul>li:first-child {
  margin: 0
}

@media screen and (max-width: 767px) {
  #keycoffee-download {
    margin: 0;
    width: auto
  }

  #keycoffee-download>div {
    width: auto;
    margin: 0
  }

  #keycoffee-download>div>ul>li {
    float: none;
    margin: 5px 0
  }

  #keycoffee-download small {
    text-align: left
  }
}

#keycoffee-download small {
  color: #909090;
  font-size: 74%
}

.top-banner {
  margin: 1.2em 0;
  text-align: center
}

@media screen and (max-width: 767px) {
  .top-banner {
    margin: 0.5em 5px
  }
}

#miyama_no_hi {
  background: #fff
}

#miyama_no_hi>h1 {
  margin: 0;
  padding: 0;
  text-align: center
}

#miyama_no_hi>.content_wrapper {
  display: flex;
  justify-content: space-between;
  padding: 0 20px 20px 20px
}

@media screen and (max-width: 767px) {
  #miyama_no_hi>.content_wrapper {
    display: block;
    padding: 0 10px 20px 10px
  }
}

#miyama_no_hi>.content_wrapper>.tokuten {
  flex-basis: 50%;
  flex-shrink: 0
}

#miyama_no_hi>.content_wrapper>.tokuten h1 {
  text-align: center
}

#miyama_no_hi .notice_text {
  color: #402210;
  font-size: 0.8rem;
  text-align: right
}

#taisyo_drink>h2 {
  margin: 1rem auto;
  text-align: center
}

#taisyo_drink>h2>span {
  padding: 0.2rem 1.5rem;
  color: #fff;
  background: #402210;
  border-radius: 10px
}

#taisyo_drink ul li {
  text-align: left;
  margin: 0.2rem 0
}

#coffee_ticket {
  margin: 2rem 0
}

#coffee_ticket .ticket_wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between
}

#coffee_ticket .ticket_wrapper img {
  flex-shrink: 0
}

#coffee_ticket h3 {
  margin: 0 0 1rem 0
}

#coffee_ticket ul {
  list-style: none;
  margin: 1rem 0;
  padding: 0
}

#coffee_ticket ul li {
  display: inline-block;
  margin: 0 1rem 0.2rem 0
}

#coffee_ticket .notice_text {
  text-align: left
}

.description {
  display: flex;
  align-items: flex-start;
  margin: 1rem 0
}

.description h2 {
  font-size: 1.2rem;
  margin: 0 0 1rem 0
}

.description img {
  flex-shrink: 0
}

@media screen and (max-width: 767px) {
  .description img {
    width: 30%
  }
}

#high_quality_bread {
  background: #fff
}

#high_quality_bread>h1 {
  margin: 0;
  padding: 0;
  text-align: center
}

#high_quality_bread>.content_wrapper {
  padding: 20px
}

@media screen and (max-width: 767px) {
  #high_quality_bread>.content_wrapper {
    display: block;
    padding: 20px 10px
  }
}

#high_quality_bread>.content_wrapper .content {
  margin-top: 20px
}

#high_quality_bread>.content_wrapper .content>section {
  margin: 0 0 5em 0
}

@media screen and (max-width: 767px) {
  #high_quality_bread>.content_wrapper .content>section {
    margin: 0 0 2em 0
  }
}

#high_quality_bread>.content_wrapper .content>section:last-child {
  margin-bottom: 0
}

#high_quality_bread #points {
  position: sticky;
  top: 0;
  z-index: 11;
  background: #fff;
  margin: -20px;
  padding: 20px
}

@media screen and (max-width: 767px) {
  #high_quality_bread #points {
    font-size: 0.6em;
    margin: -20px -10px;
    padding: 20px 10px
  }
}

#high_quality_bread #points>ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px
}

#high_quality_bread #points>ul>li>a {
  display: block;
  color: #fff;
  background: #ee7236;
  padding: 10px;
  height: 100%;
  box-sizing: border-box;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.4);
  position: relative
}

#high_quality_bread #points>ul>li>a::after {
  position: absolute;
  display: block;
  border-bottom: 15px solid white;
  border-left: 15px solid transparent;
  right: 8px;
  bottom: 8px;
  content: ''
}

#high_quality_bread .point1-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}

#high_quality_bread .point1-header>div>h1 {
  margin: 0 0 2em 0;
  color: #ee7236;
  font-size: 1.8em
}

@media screen and (max-width: 767px) {
  #high_quality_bread .point1-header>div>h1 {
    margin: 0 0 1em 0;
    font-size: 1.2em
  }
}

#high_quality_bread .point1-header>div>h2 {
  color: #675f5c;
  font-size: 1.5em;
  margin: 0
}

@media screen and (max-width: 767px) {
  #high_quality_bread .point1-header>div>h2 {
    font-size: 1.2em
  }
}

#high_quality_bread .point1-header>div>h2>span {
  color: #8d4e3f;
  font-size: 1.1em
}

#high_quality_bread .point1-header>div.point1-header-text {
  flex-shrink: 0
}

#high_quality_bread .point2-header {
  position: relative
}

#high_quality_bread .point2-header>h1 {
  margin: 0 0 2em 0;
  color: #ee7236;
  font-size: 1.8em;
  z-index: 1;
  position: absolute;
  bottom: -2em
}

@media screen and (max-width: 767px) {
  #high_quality_bread .point2-header>h1 {
    font-size: 1.2em
  }
}

#high_quality_bread .point2-honey {
  margin-top: 3em;
  display: flex
}

#high_quality_bread .point2-honey-text {
  border-top: solid 1px #ee7236;
  display: flex;
  flex-grow: 1;
  justify-content: space-between
}

#high_quality_bread .point2-honey-text>div>h2 {
  color: #675f5c;
  font-size: 1.5em
}

@media screen and (max-width: 767px) {
  #high_quality_bread .point2-honey-text>div>h2 {
    font-size: 1.1em
  }
}

#high_quality_bread #point3>h1 {
  margin: 1em 0 0.2em 0;
  color: #ee7236;
  font-size: 1.8em
}

@media screen and (max-width: 767px) {
  #high_quality_bread #point3>h1 {
    font-size: 1.2em
  }
}

#high_quality_bread .point3-content {
  display: flex;
  justify-content: space-between
}

@media screen and (max-width: 767px) {
  #high_quality_bread .point3-content {
    display: block
  }

  #high_quality_bread .point3-content>div {
    text-align: center;
    margin-bottom: 1em
  }
}

#high_quality_bread .point3-description {
  margin-left: 1em;
  border-collapse: collapse;
  width: 55%
}

@media screen and (max-width: 767px) {
  #high_quality_bread .point3-description {
    width: auto;
    margin-left: 0
  }
}

#high_quality_bread .point3-description>tbody>tr>th {
  padding: 0 0 1em 0;
  white-space: nowrap;
  text-align: left;
  font-weight: normal;
  vertical-align: top
}

#high_quality_bread .point3-description>tbody>tr>td {
  padding: 0 0 1em 0;
  vertical-align: top
}

#high_quality_bread #point4>h1 {
  margin: 1em 0 0.2em 0;
  color: #ee7236;
  font-size: 1.8em
}

@media screen and (max-width: 767px) {
  #high_quality_bread #point4>h1 {
    font-size: 1.2em
  }
}

#high_quality_bread .point4-contents {
  background-color: #fff2d5;
  overflow: hidden
}

#high_quality_bread .point4-contents>p {
  margin-left: 1em
}

#high_quality_bread .point4-contents>h2 {
  text-align: center;
  margin: 0
}

#high_quality_bread .miyamanohi {
  display: flex;
  padding: 1em
}

@media screen and (max-width: 767px) {
  #high_quality_bread .miyamanohi {
    display: block
  }
}

#high_quality_bread .miyamanohi-detail {
  color: #7c5423;
  padding: 1em 1em 1em 0
}

@media screen and (max-width: 767px) {
  #high_quality_bread .miyamanohi-detail {
    padding: 0
  }
}

#high_quality_bread .miyamanohi-preorder {
  color: #42230f;
  background: #e7caa0;
  padding: 1em
}

#high_quality_bread #point5>h1 {
  margin: 1em 0 0.2em 0;
  color: #ee7236;
  font-size: 1.8em
}

@media screen and (max-width: 767px) {
  #high_quality_bread #point5>h1 {
    font-size: 1.2em
  }
}

#high_quality_bread .point5-content {
  display: flex;
  justify-content: space-between
}

@media screen and (max-width: 767px) {
  #high_quality_bread .point5-content {
    display: block
  }
}

#high_quality_bread .point5-content>div>ul>li {
  margin-bottom: 1em
}

#high_quality_bread .point-card {
  width: 400px;
  margin-right: 1em;
  flex-shrink: 0
}

@media screen and (max-width: 767px) {
  #high_quality_bread .point-card {
    width: auto;
    margin-right: 0;
    text-align: center;
    flex-shrink: 1
  }
}

#high_quality_bread .high_quality_bread-shoplist {
  padding: 10px;
  background-color: #665e5b;
  color: #fff
}

#high_quality_bread .high_quality_bread-shoplist>ul {
  column-count: 2
}

@media screen and (max-width: 767px) {
  #high_quality_bread .high_quality_bread-shoplist>ul {
    column-count: auto
  }
}

#high_quality_bread .high_quality_bread-shoplist>ul>li {
  margin: 0 0 1em 0;
  break-inside: avoid
}

#app-with-fax {
  margin: 30px 0
}

#fax-number {
  font-size: 118%;
  font-weight: bold
}

@media screen and (max-width: 767px) {
  #fax-number {
    font-size: 108%
  }
}

#select-year {
  margin: 25px 0 15px 10px;
  padding: 0;
  list-style-type: none
}

#select-year:after {
  display: block;
  clear: both;
  content: ''
}

@media screen and (max-width: 767px) {
  #select-year {
    margin: 20px 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
  }
}

#select-year>li {
  display: block;
  margin: 0 0 10px 10px;
  float: left
}

@media screen and (max-width: 767px) {
  #select-year>li {
    margin: 0 10px 10px 0
  }

  #select-year>li:empty {
    width: 100px;
    height: 0;
    margin-bottom: 0
  }
}

#select-year>li>a {
  display: block;
  box-sizing: border-box;
  width: 100px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #000;
  border: solid 2px #f19431;
  border-radius: 4px;
  font-weight: bold;
  text-decoration: none
}

#select-year>li>a.active {
  background-color: #f19431;
  color: #ffffff;
  text-decoration: none
}

.ir-select {
  margin: 20px 10px;
  width: auto
}

.ir-category-tab {
  margin: 0 10px 20px 10px;
  padding: 0;
  list-style-type: none;
  display: flex;
  gap: 10px;
  flex-wrap: wrap
}

.ir-category-tab>li {
  display: block
}

.ir-category-tab>li>a {
  display: block;
  box-sizing: border-box;
  width: 100px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  background-color: #9bbb59;
  border-radius: 4px;
  font-weight: bold;
  text-decoration: none
}

#shop-search>section {
  margin: 25px 0
}

#shop-search>header>h2 {
  font-size: 180%
}

#shop-search h3 {
  font-size: 150%;
  padding-left: 55px;
  height: 39px;
  line-height: 39px;
  margin: 15px 0
}

#shop-search h3>span {
  font-size: 80%;
  font-weight: normal;
  margin-left: 0.5em
}

#shop-search div.thick-box {
  border: #afafaf solid 1px;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.07) inset;
  padding: 30px
}

.select-prefecture {
  width: 470px;
  float: left;
  margin-right: 40px
}

.select-prefecture>.map-area {
  margin: 50px 0 0
}

.target-for-search {
  margin: 0 0 20px
}

.target-for-search>span {
  display: inline-block;
  padding: 3px 10px;
  background: #eeeeee;
  border-radius: 3px
}

.h-icon-map {
  background: url(/images/shop_search/icon_map.png) center left no-repeat
}

.h-icon-memo {
  background: url(/images/shop_search/icon_memo.png) center left no-repeat
}

.search-by-others {
  width: 428px;
  margin-left: 510px
}

.search-by-others>ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.search-by-others>ul>li {
  margin-top: 20px
}

.search-by-freeword {
  margin-bottom: 20px
}

.search-by-freeword>form>input[type="text"] {
  margin-right: 1em
}

.around-here>div>span {
  display: inline-block;
  margin: 0 25px 0 0;
  vertical-align: top
}

.small-notice {
  font-size: 75%;
  margin-top: 5px;
  color: #3f3f3f
}

#search-history ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between
}

#search-history ul>li>a {
  display: block;
  width: 210px;
  padding: 20px 0;
  background: #e8e8e8;
  text-align: center;
  color: #343434
}

#search-history ul>li>a:after {
  display: block;
  margin-top: 15px;
  white-space: pre;
  content: attr(title)
}

#search-history ul>li>a>img {
  width: 140px
}

#payments-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between
}

@media screen and (max-width: 767px) {
  #payments-links {
    display: block
  }
}

#payments-links>li {
  margin: 2em 10px
}

@media screen and (max-width: 767px) {
  #payments-links>li {
    width: auto;
    max-width: 400px;
    margin: 20px auto
  }
}

@media screen and (max-width: 767px) {
  #payments-links>li>a {
    display: block
  }
}

.renoir-card ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 20px
}

.renoir-card ul>li {
  width: 200px;
  display: inline-block;
  margin: 0 10px
}

@media screen and (max-width: 767px) {
  .renoir-card ul {
    width: 300px;
    margin: 0 auto 10px
  }

  .renoir-card ul>li {
    width: 100px;
    margin: 0 10px 10px
  }
}

.new-renoir-card-bg {
  background-color: #dcecd7;
  padding: 1rem 0
}

@media screen and (max-width: 767px) {
  .new-renoir-card-bg {
    padding: 2rem 0
  }
}

.new-renoir-card-lead-striped {
  color: #ed9026;
  font-weight: bold;
  font-size: 4em;
  text-align: center
}

@media screen and (max-width: 767px) {
  .new-renoir-card-lead-striped {
    font-size: 2em
  }
}

.new-renoir-card-lead-striped>span {
  padding: 0 0.2em;
  background-image: repeating-linear-gradient(-20deg, transparent, transparent 6px, #add57d 6px, #add57d 8px);
  background-size: 100% 0.5em;
  background-repeat: no-repeat;
  background-position: left 0 bottom 0.2em
}

.new-renoir-card-lead-boldred {
  color: #e50012;
  font-weight: bold;
  font-size: 4.5em;
  line-height: 1em;
  text-align: center
}

@media screen and (max-width: 767px) {
  .new-renoir-card-lead-boldred {
    font-size: 2em
  }
}

.new-renoir-card-actual {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5em 0;
  text-align: center;
  gap: 1em
}

@media screen and (max-width: 767px) {
  .new-renoir-card-actual {
    display: block
  }
}

.new-renoir-card-actual>h1 {
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  margin-right: 0.2em;
  line-height: 1
}

@media screen and (max-width: 767px) {
  .new-renoir-card-actual>h1 {
    font-size: 1.7em
  }
}

.new-renoir-card-actual>h1>small {
  font-size: 0.6em
}

.new-renoir-card-h1-span {
  line-height: 1.5em
}

.new-renoir-card-actual>img {
  width: 25%
}

@media screen and (max-width: 767px) {
  .new-renoir-card-actual>img {
    width: 70%;
    max-width: 250px
  }
}

.new-renoir-card-lead {
  text-align: center;
  font-weight: bold;
  font-size: 2em;
  margin: 1em 10px
}

@media screen and (max-width: 767px) {
  .new-renoir-card-lead {
    font-size: 1.5em
  }
}

.new-renoir-card-circle {
  width: 5em;
  height: 5em;
  border-radius: 50%;
  background-color: #dcecd7;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-shadow: 4px 4px 2px 1px rgba(0, 0, 0, 0.2);
  line-height: 1.2;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 1em 0 0
}

@media screen and (max-width: 767px) {
  .new-renoir-card-circle {
    align-self: center;
    margin: 1em 0
  }
}

.new-renoir-card-circle>div>span {
  font-size: 2em
}

.new-renoir-card-point {
  list-style: none;
  margin: 0;
  padding: 0
}

@media screen and (max-width: 767px) {
  .new-renoir-card-point {
    margin: 0 10px
  }
}

.new-renoir-card-point>li {
  display: flex;
  margin-bottom: 1.5em
}

@media screen and (max-width: 767px) {
  .new-renoir-card-point>li {
    flex-direction: column
  }
}

.new-renoir-card-point>li>div>h4 {
  margin: 0
}

.new-renoir-card-point>li>div>p {
  margin: 0
}

.new-renoir-card-stores-not-available {
  margin: 1em 0
}

.new-renoir-card-stores-not-available th {
  font-weight: normal;
  vertical-align: top;
  white-space: nowrap
}

.new-renoir-card-links {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 1em 10px;
  list-style: none
}

@media screen and (max-width: 767px) {
  .new-renoir-card-links {
    display: block
  }
}

.new-renoir-card-links>li {
  width: calc((100% - 30px) / 3);
  margin: 1em 10px;
  display: block
}

@media screen and (max-width: 767px) {
  .new-renoir-card-links>li {
    width: auto
  }
}

.new-renoir-card-links>li>a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 1.2em;
  font-weight: bold;
  box-sizing: border-box;
  background-color: #add57d;
  box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.4);
  padding: 1em 0.5em;
  border-radius: 5px
}

.new-renoir-card-noitce {
  background-color: #dcecd7;
  padding: 1em 10px
}

.new-renoir-card-noitce>h4 {
  margin: 1em 0;
  font-weight: bold
}

.new-renoir-card-noitce>.mark {
  padding-left: 1em;
  text-indent: -1em
}

#renoir-card-faq>h3 {
  margin: 2em 0 1em 0
}

#renoir-card-faq>h4 {
  margin: 2em 0 0 0
}

#renoir-card-faq>p {
  margin: 0 0 1em 0
}

#payments {
  margin-top: 20px
}

.faq-renoir-card-links {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 0;
  margin: 2em 0;
  list-style: none
}

@media screen and (max-width: 767px) {
  .faq-renoir-card-links {
    display: block
  }
}

.faq-renoir-card-links>li {
  width: 42%;
  margin: 1em 10px;
  display: block
}

@media screen and (max-width: 767px) {
  .faq-renoir-card-links>li {
    width: auto
  }
}

.faq-renoir-card-links>li>a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 1.2em;
  font-weight: bold;
  box-sizing: border-box;
  background-color: #add57d;
  box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.4);
  padding: 1em 0.5em;
  border-radius: 5px
}

.faq-renoir-card>dt {
  padding: 0.5em 1em 0.5em 0.5em;
  background-color: #fffac2;
  border-radius: 5px;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 2em
}

.faq-renoir-card>dt::after {
  content: "▶";
  transition: transform 0.2s
}

.faq-renoir-card>dt.active {
  background-color: #fff57c;
  color: #333
}

.faq-renoir-card>dt.active::after {
  transform: rotate(90deg)
}

.faq-renoir-card>dd {
  padding: 0.5em 0.5em;
  margin: -1.5em 0 1em 0
}

.sitemap {
  margin: 0 0 2em 0
}

.sitemap-index {
  margin: 0.5em 0 1em 0
}

.sitemap-index>h4 {
  margin: 0.5em 0
}

.sitemap-index>ul {
  list-style: none;
  margin: 0 0 1.5em 0;
  padding: 0
}

.sitemap-index>ul>li {
  display: inline-block;
  margin: 0 1.5em 0 0
}

.sitemap-index>ul>li:before {
  content: '\2023'
}

#site-policy-details {
  margin-top: 2em;
  border-top: 2px solid #d4c9c6;
  padding: 0 10px
}

#site-policy-details>section {
  font-size: 91%
}

#site-policy-details>section>h3 {
  margin: 1em 0 0 0;
  color: #333333
}

#site-policy-details>section>p {
  margin: 0 0 1em 0
}

.signature {
  margin-top: 2em;
  text-align: right
}

.signature>span {
  display: inline-block;
  text-align: left
}

@media screen and (max-width: 767px) {
  .signature>span {
    padding: 0 10px
  }
}

.histories {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 92%
}

.histories>li {
  border-bottom: dotted 1px #c2c2c2;
  padding: 15px 10px
}

.histories>li>time {
  font-weight: bold
}

.histories>li>span {
  display: block
}

#philosophy {
  text-align: center
}

#philosophy>img {
  border: #afafaf solid 1px
}

.store-description {
  border: #afafaf solid 1px;
  position: relative;
  height: 189px;
  margin: 0 0 18px 0;
  padding: 0 15px 0 320px
}

.store-description h4 {
  font-size: 118%;
  font-weight: bold;
  margin: 10px 0
}

.store-description h4.with-logo-icon {
  line-height: 38px
}

.store-description h4>a {
  color: #000
}

.store-description p {
  margin: 15px 0
}

.store-description .store-image {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0
}

@media screen and (max-width: 767px) {
  .store-description .store-image {
    display: none
  }
}

.store-description .bullet {
  font-size: 85%
}

@media screen and (max-width: 767px) {
  .store-description {
    height: auto;
    margin: 18px 0;
    padding: 0 5px
  }

  .store-description h4 {
    padding: 5px;
    margin: 0 -5px 5px;
    border-bottom: solid 1px #afafaf;
    font-size: 108%
  }

  .store-description p {
    margin: 5px 0
  }

  .store-description .bullet {
    font-size: 100%
  }
}

.store-description-table {
  width: 100%;
  border: solid 1px
}

.store-description-table>*>*>* {
  text-align: center;
  border: solid 1px;
  padding: 10px;
  font-size: 85%
}

.store-description-table>tbody>tr>th {
  white-space: nowrap
}

@media screen and (max-width: 767px) {
  .store-description-table>tbody>tr>th {
    white-space: normal
  }
}

@media screen and (max-width: 767px) {
  .store-description-table>*>*>* {
    padding: 5px
  }

  .store-description-table>thead>tr>th {
    font-size: 10px;
    vertical-align: bottom
  }

  .store-description-table>tbody>tr>td {
    width: 28%
  }
}

.employment-status {
  border: #afafaf solid 1px;
  margin: 30px 0;
  position: relative;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 22px 100%
}

.employment-status>a {
  display: block;
  color: black;
  padding: 30px 242px 30px 64px;
  box-sizing: border-box;
  height: 202px;
  background-position: right center;
  background-size: 199px 202px;
  background-repeat: no-repeat
}

.employment-status>a:hover {
  text-decoration: none
}

.employment-status>a h2 {
  margin-top: 0;
  position: relative
}

.employment-status>a h2:before {
  content: "\203A";
  color: #f19431;
  font-size: 150%;
  position: absolute;
  top: -0.35em;
  left: -20px
}

.employment-status>a p {
  font-size: smaller
}

@media screen and (max-width: 767px) {
  .employment-status {
    margin: 30px 10px;
    background-position: center top;
    background-size: 100% 10px
  }

  .employment-status>a {
    padding: 15px 10px 10px;
    height: auto
  }

  .employment-status>a>h2 {
    margin: 0 0 0 20px
  }
}

#adoption-new-graduates {
  background-image: linear-gradient(#a8d5ff, #4c9cff)
}

#adoption-new-graduates>a {
  background-image: url(/images/recruit/photo1.png)
}

@media screen and (max-width: 767px) {
  #adoption-new-graduates>a {
    background-image: none
  }
}

#adoption-mid-career-recruitment {
  background-image: linear-gradient(#fce34b, #edbc0f)
}

#adoption-mid-career-recruitment>a {
  background-image: url(/images/recruit/photo2.png)
}

@media screen and (max-width: 767px) {
  #adoption-mid-career-recruitment>a {
    background-image: none
  }
}

#adoption-part-time {
  background-image: linear-gradient(#e4f894, #acd838)
}

#adoption-part-time>a {
  background-image: url(/images/recruit/photo3.png)
}

@media screen and (max-width: 767px) {
  #adoption-part-time>a {
    background-image: none
  }
}

#adoption-aline {
  background-image: linear-gradient(#fff, #09f)
}

#adoption-aline>a {
  background-image: url(/images/recruit/photo4.jpg)
}

@media screen and (max-width: 767px) {
  #adoption-aline>a {
    background-image: none
  }
}

#entry-contact {
  text-align: center
}

#last-career-to,
#last-career-from {
  display: inline-block
}

@media screen and (max-width: 767px) {

  #last-career-to,
  #last-career-from {
    display: block
  }
}

@media screen and (max-width: 767px) {
  #last-career-from {
    margin-bottom: 10px
  }
}

.notices h3 {
  padding: 0 10px 1em;
  border-bottom: solid 1px #ccc;
  font-size: 100%
}

.notices ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: solid 1px #ccc;
  padding: 0 10px;
  margin-bottom: 30px
}

.notices ul>li {
  margin: 15px 0;
  padding-left: 17px
}

.notices ul>li:before {
  color: #f29e44
}

@media screen and (max-width: 767px) {
  .booksystem-notice>td:first-child {
    background: #f1f1f1;
    width: auto;
    padding: 5px 10px;
    margin: 5px 0;
    font-weight: bold
  }
}

.booksystem-notice>td>div {
  text-align: center
}

.booksystem-notice>td>div>span {
  font-weight: bold;
  font-size: 120%
}

.booksystem-notice>td>div>p {
  margin: 0
}

.booksystem-notice>td>div>p>a {
  display: block;
  margin: 0.3em 0
}

.booksystem-notice>td>p {
  margin: 0
}

#inquiry-file-droptarget-frame {
  position: fixed;
  left: 0;
  top: 0;
  box-sizing: border-box;
  border: #888 3px dashed;
  width: 100%;
  height: 100%;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  background: rgba(238, 238, 255, 0.9);
  user-select: none;
  display: none
}

#inquiry-file-droptarget-frame>div {
  display: flex;
  align-items: center;
  text-align: center;
  height: 100%
}

#inquiry-file-droptarget-frame>div>span {
  flex-grow: 1
}

#inquiry-file-container {
  margin: 0.5em 0 0
}

#inquiry-file-select {
  font-size: 95%;
  text-align: left;
  padding: 0.5em 1em
}

#inquiry-file-element {
  display: none
}

#inquiry-file-thumbs:not(:empty) {
  margin: 0.5em 0 0
}

.inquiry-file-thumb {
  display: inline-block;
  width: 96px;
  height: 96px;
  line-height: 96px;
  margin-right: 8px;
  position: relative;
  text-align: center
}

.inquiry-file-thumb>img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle
}

.inquiry-file-thumb-pdf {
  display: inline-block;
  box-sizing: border-box;
  width: 96px;
  height: 96px;
  background: url(/images/common/Adobe_PDF_file_icon_24x24.png) no-repeat center center;
  border: #888 solid 1px;
  vertical-align: middle
}

.inquity-file-delete {
  position: absolute;
  right: 0;
  top: 0;
  background: #000;
  color: #fff;
  font-size: xx-small;
  font-weight: bold;
  padding: 4px;
  cursor: pointer;
  line-height: 1.0
}

.inquiry-other-link-buttons {
  width: 300px;
  padding: 0.5em 0;
  box-sizing: border-box
}

@media screen and (max-width: 767px) {
  .inquiry-other-link-buttons {
    width: 100%
  }
}

.menu-title {
  font-size: 145%;
  text-align: center
}

#menu-notice {
  margin: 0 15px
}

@media screen and (max-width: 767px) {
  #menu-notice {
    margin: 0 5px
  }
}

.show-menu-title p {
  margin: 0;
  color: #fff;
  font-size: 130%;
  height: 1em;
  line-heigit: 1em;
  padding: 10px 0
}

.menu-popup {
  text-align: center
}

.menu-popup-image>img {
  max-width: 320px
}

.menu-popup-title {
  font-size: larger;
  margin: 1em 0
}

.menu-popup-detail {
  margin: 0.5em 0
}

.menu {
  list-style: none;
  margin: 1em 0 0;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.menu>li {
  float: left;
  margin: 0 0 15px 15px;
  width: 250px
}

.menu>li>a {
  display: block
}

.menu.large-menu>li {
  width: 380px
}

@media screen and (max-width: 767px) {
  .menu.large-menu>li {
    width: calc((100% - 20px) / 2)
  }
}

@media screen and (max-width: 767px) {
  .menu>li {
    margin: 0 0 5px 5px;
    width: 100px;
    width: -webkit-calc((100% - 20px) / 3);
    width: calc((100% - 20px) / 3)
  }
}

.fancybox-title-float-wrap {
  position: static;
  margin: 0;
  text-align: left
}

.fancybox-title-float-wrap>.child {
  display: inline;
  margin: 0;
  padding: 0;
  background: none;
  text-shadow: none;
  color: #000;
  font-weight: normal
}

#switch-menu .ui-tabs-nav {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 15px 0 0
}

#switch-menu .ui-tabs-nav>li {
  flex: 1 1 auto;
  margin: 0 0 0 15px
}

#switch-menu .ui-tabs-nav>li>a:not(.ui-tabs-anchor):hover {
  text-decoration: underline
}

#switch-menu .ui-tabs-nav>li>.ui-tabs-anchor {
  cursor: pointer;
  padding: 5px 0;
  height: calc(100% - 10px);
  text-align: center;
  border: solid 1px #ccc;
  background: #f6f6f6;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 767px) {
  #switch-menu .ui-tabs-nav {
    margin: 0 15px
  }

  #switch-menu .ui-tabs-nav>li,
  #switch-menu .ui-tabs-nav>li.ui-tabs-active {
    float: none;
    margin: 10px 0;
    width: 100%
  }
}

#ir-footer {
  margin: 3em 0 0 0;
  font-size: 90%
}

#ir-footer:after {
  display: block;
  content: '';
  margin: -1em 0 1em 0;
  height: 20px;
  background: url(/images/common/powerd_by.jpg) no-repeat right bottom
}

.getadobe {
  float: left;
  margin: 0 1em 0.5em 0
}

.zaimu>#dl {
  text-align: center
}

.setumei {
  display: table;
  border-collapse: collapse;
  width: 100%;
  margin-top: 10px
}

.setumei>*>tr>th,
.setumei>*>tr>td {
  border: solid 1px #ccc
}

.setumei>*>tr>td {
  padding: 10px
}

.e-koukoku {
  font-weight: bold
}

#ir-list .article-title {
  margin: 0
}

.ir-stock-info-list td {
  width: 50%
}

#edycard-lead {
  color: #ff4747;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  margin: 2em 0
}

#edycard-card-image {
  float: left;
  margin-left: 40px
}

@media screen and (max-width: 767px) {
  #edycard-card-image {
    float: none;
    margin: 0;
    text-align: center
  }
}

#edycard-card-image>div {
  display: flex;
  align-items: center;
  margin-left: 20px
}

@media screen and (max-width: 767px) {
  #edycard-card-image>div {
    margin: 1em 0;
    text-align: left
  }
}

#edycard-card-image>div>img {
  float: left
}

#edycard-card-image>div>p {
  font-size: 90%;
  margin-left: 1em
}

#edycard-card-description {
  float: right;
  width: 590px
}

@media screen and (max-width: 767px) {
  #edycard-card-description {
    float: none;
    width: auto;
    margin: 1em 0
  }
}

#edycard-card-description>p {
  margin-top: 0
}

#edycard-card-description>p>em {
  font-size: 110%;
  font-weight: bold;
  font-style: normal
}

#edycard-card-description #edycard-accumulate {
  margin: 2em auto;
  width: 520px;
  box-sizing: border-box;
  border: solid 1px #f19431;
  background-color: #fff3e7;
  padding: 0.5em
}

@media screen and (max-width: 767px) {
  #edycard-card-description #edycard-accumulate {
    width: auto;
    padding: 0.5em
  }
}

#edycard-card-description #edycard-accumulate>h4 {
  margin: 0
}

#edycard-card-description #edycard-accumulate>p {
  margin: 0.5em 0 0 0
}

#edycard-discount,
#edycard-notes {
  margin: 3em auto
}

#edycard-discount>h4,
#edycard-notes>h4 {
  text-align: center;
  font-size: 120%;
  margin: 1em 0
}

#edycard-discount>div,
#edycard-notes>div {
  display: flex
}

@media screen and (max-width: 767px) {

  #edycard-discount>div,
  #edycard-notes>div {
    display: block
  }
}

#edycard-discount>div>div,
#edycard-notes>div>div {
  width: 490px;
  padding: 0 10px 0;
  text-align: center
}

@media screen and (max-width: 767px) {

  #edycard-discount>div>div,
  #edycard-notes>div>div {
    float: none;
    padding: 1em 0;
    width: auto
  }
}

#edycard-discount>div>div:last-child,
#edycard-notes>div>div:last-child {
  border-left: solid 1px #ccc
}

@media screen and (max-width: 767px) {

  #edycard-discount>div>div:last-child,
  #edycard-notes>div>div:last-child {
    border-top: solid 1px #ccc;
    border-left: none
  }
}

#edycard-discount>div ul,
#edycard-notes>div ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: auto
}

#edycard-discount>div .edycard-discount-rate,
#edycard-notes>div .edycard-discount-rate {
  margin: 0;
  font-size: 275%;
  color: #ff4747;
  font-weight: bold
}

@media screen and (max-width: 767px) {

  #edycard-discount>div .edycard-discount-rate,
  #edycard-notes>div .edycard-discount-rate {
    font-size: 200%;
    white-space: nowrap
  }
}

#edycard-discount>div ul>li {
  margin: 10px 0
}

#edycard-notes>div>div:first-child {
  text-align: left
}

#edycard-notice {
  margin: 3em auto
}

#edycard-notice>h4 {
  border-bottom: solid 1px #ccc
}

#edycard-notice>dl>dt {
  font-weight: bold
}

#edycard-notice>dl>dd {
  margin: 0 0 2em 0;
  padding: 0
}

#edycard-banners {
  margin: 3em auto
}

#edycard-banners>ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center
}

#edycard-banners>ul>li {
  width: 50%;
  display: inline-block;
  float: left;
  text-align: center
}

@media screen and (max-width: 767px) {
  #edycard-banners>ul>li {
    width: auto;
    float: none;
    margin: 0.5em 0
  }
}

#edycard-banners a:after {
  display: none
}

#coupon-wrapper {
  width: 900px;
  margin: 0 auto
}

.coupon-list h2 {
  border-bottom: #5d5d5d dashed 1px;
  font-weight: normal
}

.coupon-list h2>a {
  color: #000
}

.coupon-list ul {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0 0 -20px 0
}

.coupon-list li {
  display: inline-block;
  width: 350px;
  margin-bottom: 20px;
  vertical-align: top
}

.coupon-list li>a {
  display: block
}

.coupon-list li>a:after {
  display: block;
  content: attr(title);
  color: #000
}

#coupon {
  border: solid 2px #afafaf;
  margin: 0 20px;
  padding: 20px;
  background-color: #e7e7e7
}

#coupon>h2 {
  width: 806px;
  min-height: 116px;
  line-height: 116px;
  margin: 0 auto;
  text-align: center;
  font-size: 250%;
  color: #f14747;
  border: #f14747 solid 2px;
  position: relative
}

#coupon>h2>div {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto
}

#coupon>table {
  margin: 40px auto;
  border-collapse: collapse
}

#coupon>table th {
  text-align: right;
  font-weight: normal;
  font-size: 150%;
  vertical-align: bottom
}

#coupon>table th:after {
  display: inline;
  content: ' : ';
  white-space: pre
}

#coupon>table td {
  font-size: 180%
}

#coupon>table br {
  display: none
}

#coupon-note-box {
  padding: 0 40px
}

.notice {
  padding-left: 1.5em;
  margin: 0
}

.notice:before {
  margin-left: -1.3em;
  width: 1em;
  display: block;
  float: left;
  content: '\203B'
}

.coupon-banner {
  text-align: center
}

#coupon-list-banner {
  position: relative;
  display: inline-block;
  border: #9e7f5f solid 1px;
  text-align: center
}

#coupon-list-banner:after {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.07) inset;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: ''
}

@media screen and (max-width: 767px) {
  #coupon-wrapper {
    width: auto
  }

  .coupon-list li {
    width: auto;
    max-width: 350px
  }

  .coupon-list img {
    max-width: 100%
  }

  #coupon {
    margin-top: 10px;
    padding: 10px
  }

  #coupon>h2 {
    background: #fff;
    width: auto;
    height: auto;
    min-height: auto;
    padding: 15px 0;
    line-height: inherit;
    font-size: 115%
  }

  #coupon>h2>img {
    display: none
  }

  #coupon>h2>div {
    position: static
  }

  #coupon>table,
  #coupon>table>*,
  #coupon>table>*>tr,
  #coupon>table>*>tr>th,
  #coupon>table>*>tr>td {
    display: block;
    width: auto
  }

  #coupon>table {
    margin: 10px 0
  }

  #coupon>table>*>tr>th {
    text-align: left;
    font-size: 100%;
    border-bottom: dashed 1px #000
  }

  #coupon>table>*>tr>th:after {
    display: none
  }

  #coupon>table>*>tr>td {
    font-size: 100%;
    margin-bottom: 10px
  }

  #coupon>table br {
    display: inline
  }

  .notice {
    padding: 0;
    font-size: 92%
  }

  .notice:before {
    margin: 0
  }

  #coupon-note-box {
    padding: 0;
    margin: 0 20px;
    font-size: 92%
  }

  #coupon-note-box span {
    display: inline-block
  }
}

#particular {
  margin: 0 10px;
  padding: 10px 20px 30px;
  background: #fff;
  font-family: mincho, serif
}

#particular section {
  margin-bottom: 20px
}

#particular .goods-particuler {
  margin-bottom: 30px
}

#particular header {
  text-align: center
}

#particular header h3 {
  display: inline-block;
  padding: 0 75px;
  line-height: 29px;
  height: 29px;
  background-image: url(/images/renoir/particular/title_before.png), url(/images/renoir/particular/title_after.png);
  background-repeat: no-repeat, no-repeat;
  background-position: center left, center right;
  border: none
}

@media screen and (max-width: 767px) {
  #particular header h3 {
    margin-top: 0;
    padding: 0;
    background: none
  }
}

#particular .particular-image-box {
  float: right;
  margin-left: 20px
}

#particular .particular-image-box>ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: -20px
}

#particular .particular-image-box>ul>li {
  margin-bottom: 20px
}

#particular .particular-image-box img {
  border: #afafaf solid 1px;
  box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5)
}

@media screen and (max-width: 767px) {
  #particular .particular-image-box {
    float: none;
    margin: 0;
    text-align: center
  }

  #particular .particular-image-box>ul {
    margin: 0
  }
}

#particular .particular-image-box-row img {
  border: #afafaf solid 1px;
  box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5)
}

#particular .particular-image-box-row>ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 20px auto;
  text-align: center
}

#particular .particular-image-box-row>ul>li {
  display: inline-block;
  margin: 20px 30px
}

#particular .particular-image-box-row>ul .frame {
  text-align: left;
  box-sizing: border-box;
  width: 430px;
  padding: 30px;
  background-color: #fff\9;
  border-width: 1px;
  border-style: solid;
  border-color: #d1b15e;
  -o-border-image: url(/images/common/frame.png) fill 30/30px stretch;
  border-image: url(/images/common/frame.png) fill 30/30px stretch;
  margin: 20px 0
}

#particular .particular-image-box-row>ul .frame em {
  font-weight: bold;
  font-style: normal
}

@media screen and (max-width: 767px) {
  #particular .particular-image-box-row>ul .frame {
    width: auto
  }
}

@media screen and (max-width: 767px) {
  #particular .particular-image-box-row {
    float: none;
    margin: 0;
    text-align: center
  }

  #particular .particular-image-box-row>ul {
    margin: 0
  }
}

#particular p {
  margin: 0 0 1em
}

#g-caferenoir #particular {
  background-color: #fff9e3
}

#g-runoacoffee #particular {
  background-color: #f4f7fb
}

dl#qanda {
  margin: 1em 0
}

dl#qanda>dt {
  font-weight: bold;
  color: #06429b;
  margin: 2em 0 5px
}

.lang {
  text-align: right
}

#wifi-lead {
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  margin: 1.5em 0
}

.wifi-mark {
  text-align: center;
  margin: 50px auto
}

#wifi-buttons {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 20px auto;
  text-align: center
}

#wifi-buttons>li {
  display: inline-block;
  margin: 20px 0;
  box-sizing: border-box;
  width: 240px;
  border: solid 1px;
  border-top-color: #7b7b7b;
  border-left-color: #7b7b7b;
  border-right-color: #191919;
  border-bottom-color: #191919;
  background-image: -webkit-linear-gradient(top, #555 0%, #292929 100%);
  background-image: linear-gradient(to bottom, #555 0%, #292929 100%);
  color: #fff
}

@media screen and (max-width: 767px) {
  #wifi-buttons>li {
    display: block;
    margin: 20px auto
  }
}

#wifi-buttons>li:first-child {
  margin-right: 75px
}

@media screen and (max-width: 767px) {
  #wifi-buttons>li:first-child {
    margin-right: auto
  }
}

#wifi-buttons>li>a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  padding: 15px 0;
  position: relative
}

#wifi-buttons>li>a:after {
  position: absolute;
  right: 8px;
  top: 50%;
  content: '\203A';
  font-size: 150%;
  -webkit-transform: translate(0, -55%);
  transform: translate(0, -55%)
}

#wifi-notice>p>em {
  font-weight: bold;
  font-style: normal
}

#wifi-contact {
  border: #000 solid 1px;
  padding: 0 50px;
  margin: 50px auto;
  width: 424px
}

@media screen and (max-width: 767px) {
  #wifi-contact {
    width: auto;
    padding: 0 10px
  }
}

#wifi-contact>h3 {
  border: none;
  padding: 0 !important;
  margin: 1em 0 !important
}

#wifi-contact>ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 1em 0
}

#wifi-contact>ul>li {
  margin: 0.5em 0
}

.wifi-qr {
  text-align: center;
  margin: 50px auto
}

#wifi-step2>h4 {
  border: #8d8d8d solid 1px;
  background: #2a2a2a;
  color: #fff;
  padding: 0.2em 1em
}

#wifi-step2>ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0
}

#wifi-step2>ul>li {
  float: left;
  margin: 0 0 20px 25px;
  width: 150px;
  text-align: center
}

@media screen and (max-width: 767px) {
  #wifi-step2>ul>li {
    float: none;
    margin: 0 auto 20px auto
  }
}

#wifi-step2>ul>li:first-child {
  margin-left: 0
}

@media screen and (max-width: 767px) {
  #wifi-step2>ul>li:first-child {
    margin-left: auto
  }
}

#wifi-step2>ul>li>span {
  display: inline-block;
  text-align: left;
  margin: 0.5em 0
}

#wifi-step3>#login-image {
  margin-top: 0;
  float: left
}

@media screen and (max-width: 767px) {
  #wifi-step3>#login-image {
    float: none;
    text-align: center
  }
}

#wifi-step3>div {
  margin-left: 220px
}

@media screen and (max-width: 767px) {
  #wifi-step3>div {
    margin-left: 0
  }
}

#wifi-step3>div>ul {
  list-style: none;
  margin: 0;
  padding: 0
}

#wifi-step3>div>p {
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  margin: 1.5em 0
}

#new-wifi .lang {
  text-align: right
}

#new-wifi p#wifi-lead {
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  margin: 1.5em 0
}

#new-wifi ul#wifi-lead {
  padding: 0;
  list-style: none;
  font-size: 100%;
  margin: 0;
  font-weight: normal;
  text-align: left
}

#new-wifi ul#wifi-lead:after {
  display: block;
  clear: both;
  content: ''
}

#new-wifi ul#wifi-lead>li {
  width: 300px;
  padding: 20px;
  float: left
}

#new-wifi ul#wifi-lead>li#wifi-icon {
  text-align: center;
  border-right: solid 1px #ccc;
  width: 299px
}

@media screen and (max-width: 767px) {
  #new-wifi ul#wifi-lead>li {
    width: 100%;
    float: none
  }

  #new-wifi ul#wifi-lead>li#wifi-icon {
    width: 100%;
    border: none
  }
}

#new-wifi .wifi-mark {
  text-align: center;
  margin: 50px auto
}

#new-wifi #wifi-buttons {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 20px auto;
  text-align: center
}

#new-wifi #wifi-buttons>li {
  display: inline-block;
  margin: 20px 0;
  box-sizing: border-box;
  width: 240px;
  border: solid 1px;
  border-top-color: #7b7b7b;
  border-left-color: #7b7b7b;
  border-right-color: #191919;
  border-bottom-color: #191919;
  background-image: -webkit-linear-gradient(top, #555 0%, #292929 100%);
  background-image: linear-gradient(to bottom, #555 0%, #292929 100%);
  color: #fff
}

@media screen and (max-width: 767px) {
  #new-wifi #wifi-buttons>li {
    display: block;
    margin: 20px auto
  }
}

#new-wifi #wifi-buttons>li:first-child {
  margin-right: 75px
}

@media screen and (max-width: 767px) {
  #new-wifi #wifi-buttons>li:first-child {
    margin-right: auto
  }
}

#new-wifi #wifi-buttons>li>a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  padding: 15px 0;
  position: relative
}

#new-wifi #wifi-buttons>li>a:after {
  position: absolute;
  right: 8px;
  top: 50%;
  content: '\203A';
  font-size: 150%;
  -webkit-transform: translate(0, -55%);
  transform: translate(0, -55%)
}

#new-wifi #wifi-notice>p>em {
  font-weight: bold;
  font-style: normal
}

#new-wifi #wifi-contact {
  border: #000 solid 1px;
  padding: 0 50px;
  margin: 50px auto;
  width: 424px
}

@media screen and (max-width: 767px) {
  #new-wifi #wifi-contact {
    width: auto;
    padding: 0 10px
  }
}

#new-wifi #wifi-contact>h3 {
  border: none;
  padding: 0 !important;
  margin: 1em 0 !important
}

#new-wifi #wifi-contact>ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 1em 0
}

#new-wifi #wifi-contact>ul>li {
  margin: 0.5em 0
}

#new-wifi .wifi-qr {
  text-align: center;
  margin: 50px auto
}

#new-wifi #wifi-step1>h4 {
  border: #8d8d8d solid 1px;
  background: #2a2a2a;
  color: #fff;
  padding: 0.2em 1em
}

#new-wifi #wifi-step1>ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0
}

#new-wifi #wifi-step1>ul>li {
  float: left;
  margin: 0 0 20px 25px;
  width: 150px;
  text-align: center
}

@media screen and (max-width: 767px) {
  #new-wifi #wifi-step1>ul>li {
    float: none;
    margin: 0 auto 20px auto
  }
}

#new-wifi #wifi-step1>ul>li:first-child {
  margin-left: 0
}

@media screen and (max-width: 767px) {
  #new-wifi #wifi-step1>ul>li:first-child {
    margin-left: auto
  }
}

#new-wifi #wifi-step1>ul>li>span {
  display: inline-block;
  text-align: left;
  margin: 0.5em 0
}

#new-wifi #wifi-step2 .wifi-sp,
#new-wifi #wifi-step3 .wifi-sp {
  width: 190px
}

#new-wifi #wifi-step2 .wifi-pc,
#new-wifi #wifi-step3 .wifi-pc {
  width: 300px;
  padding: 0 90px;
  margin: 0
}

@media screen and (max-width: 767px) {

  #new-wifi #wifi-step2 .wifi-pc,
  #new-wifi #wifi-step3 .wifi-pc {
    padding: 0
  }
}

#new-wifi #wifi-step2>ul,
#new-wifi #wifi-step3>ul {
  margin: 0;
  padding: 0;
  list-style: none
}

#new-wifi #wifi-step2>ul:after,
#new-wifi #wifi-step3>ul:after {
  display: block;
  clear: both;
  content: ''
}

#new-wifi #wifi-step2>ul>li.wifi-sp,
#new-wifi #wifi-step2>ul>li.wifi-pc,
#new-wifi #wifi-step3>ul>li.wifi-sp,
#new-wifi #wifi-step3>ul>li.wifi-pc {
  float: left
}

@media screen and (max-width: 767px) {

  #new-wifi #wifi-step2>ul>li.wifi-sp,
  #new-wifi #wifi-step2>ul>li.wifi-pc,
  #new-wifi #wifi-step3>ul>li.wifi-sp,
  #new-wifi #wifi-step3>ul>li.wifi-pc {
    float: none;
    text-align: center;
    width: 100%;
    margin-bottom: 30px
  }
}

#new-wifi #wifi-step2>ul>li.wifi-sp>p,
#new-wifi #wifi-step2>ul>li.wifi-pc>p,
#new-wifi #wifi-step3>ul>li.wifi-sp>p,
#new-wifi #wifi-step3>ul>li.wifi-pc>p {
  margin-top: 0
}

#customize {
  margin: 0 10px;
  padding: 10px 20px 30px;
  background: #fff
}

#customize>h2 {
  margin: 0;
  border-bottom: 3px solid #4d96b5
}

#customize>.customize-notice {
  text-align: right;
  color: #ff0000;
  margin: 0.5em 0
}

@media screen and (max-width: 767px) {
  #customize>.customize-notice {
    text-align: left
  }
}

#customize>#options {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 1em 0
}

@media screen and (max-width: 767px) {
  #customize>#options {
    text-align: center
  }
}

#customize>#options>li {
  display: inline-block
}

#customize>#options>li>a {
  padding: 0.5em 2em;
  background-color: #225971;
  border-radius: 7px;
  margin: 0 14px;
  color: #fff;
  display: block
}

#customize>h3 {
  border-left: 10px solid #4d96b5;
  border-bottom: 2px solid #4d96b5;
  padding-left: 0.5em
}

#customize ol {
  list-style: none;
  margin: 0;
  padding: 0
}

#customize ol>li {
  margin: 1em 0
}

#customize ol>li>span {
  display: inline-block;
  margin: 1em 0 1em 1em;
  font-size: 90%
}

#customize .level2>li {
  margin: 0 0 1em 1em
}

#customize .level2>li>span {
  margin: 0 0 0 1em
}

#customize #cup-size {
  text-align: center;
  margin: 1em 0
}

#customize #cup-size>img {
  border: #afafaf solid 1px
}

#customize .condiments {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  width: 30%;
  margin: 1em 0 2em 1em
}

@media screen and (max-width: 767px) {
  #customize .condiments {
    float: none;
    width: auto;
    margin: 0 1em
  }
}

#g-newyorkers_black #customize>h2 {
  border-bottom-color: #585858
}

#g-newyorkers_black #customize>h3 {
  border-left-color: #585858;
  border-bottom-color: #585858
}

#g-newyorkers_black #customize>#options>li>a {
  background-color: #585858
}

body.print #header,
body.print #toc,
body.print #breadcrumbs-wrapper,
body.print #footer,
body.print #brand-logos,
body.print .webpage>header,
body.print .print-buttons {
  display: none
}

#brand-logos #anniversary-menus li a {
  display: inline-block
}

@media screen and (max-width: 767px) {
  #brand-logos #anniversary-menus li a {
    display: block
  }
}

#anniversary-catchphrase {
  font-family: "YuMincho-Regular", "YuMin-Medium", "Yu Mincho", "YuMincho", "游明朝", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HGS明朝B", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
  text-align: center;
  font-size: 150%;
  font-weight: bold
}

#anniversary-catchphrase>span {
  font-size: 150%
}

@media screen and (max-width: 767px) {
  #anniversary-catchphrase {
    font-size: 100%
  }

  #anniversary-catchphrase>span {
    font-size: 120%
  }
}

#anniversary-histories-box {
  margin: 2em 0
}

#anniversary-histories {
  float: left;
  font-size: 92%;
  max-width: 450px
}

#anniversary-histories>tbody>tr>* {
  padding: 5px 0;
  border-bottom: dotted 1px #c2c2c2;
  vertical-align: top
}

#anniversary-histories>tbody>tr>th {
  padding-right: 1em;
  white-space: nowrap
}

#anniversary-histories>tbody>tr>th .pickup-year {
  display: inline-block;
  padding: 2px 5px;
  background: black;
  color: white;
  border-radius: 5px
}

#anniversary-histories>tbody>tr>th .future-year {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  border: solid 1px black
}

@media screen and (max-width: 767px) {
  #anniversary-histories {
    float: none;
    font-size: 100%;
    max-width: 100%;
    margin: 1em 0
  }

  #anniversary-histories,
  #anniversary-histories>tbody,
  #anniversary-histories>tbody>tr,
  #anniversary-histories>tbody>tr>* {
    display: block
  }

  #anniversary-histories>tbody>tr>th {
    border-bottom: none;
    padding-bottom: 0
  }
}

.pickup-year-description {
  width: 500px;
  display: block;
  float: right
}

.pickup-year-description:not(:last-child) {
  margin-bottom: 20px
}

.pickup-year-description>h4 {
  margin-top: 0
}

.pickup-year-description>ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center
}

.pickup-year-description>ul>li {
  display: inline-block;
  padding: 0 10px
}

@media screen and (max-width: 767px) {
  .pickup-year-description {
    width: 100%;
    float: none
  }

  .pickup-year-description>ul>li:not(:last-child) {
    display: block;
    margin-bottom: 10px
  }
}

#anniversary-histories-tips {
  padding: 10px;
  background: #e8dad1;
  font-size: 92%;
  border-radius: 5px
}

#anniversary-tips {
  margin: 1em 0;
  padding: 10px;
  border: solid 2px #e8dad1;
  border-radius: 5px;
  position: relative
}

#anniversary-tips>h4 {
  color: #4e4e4e;
  margin-top: 0;
  padding: 5px;
  border: solid 2px #e8dad1;
  border-radius: 5px;
  position: absolute;
  top: calc(-0.5em - 9px);
  background: #fff;
  left: 10px
}

#anniversary-tips>table {
  width: 100%;
  counter-reset: flow;
  margin-top: 1em
}

#anniversary-tips>table>tbody>tr>td {
  width: 50%;
  vertical-align: top;
  counter-increment: flow
}

#anniversary-tips>table>tbody>tr>td:before {
  content: counter(flow) ". "
}

#anniversary-tips>table>tbody>tr>td>div {
  text-align: center
}

@media screen and (max-width: 767px) {

  #anniversary-tips>table,
  #anniversary-tips>table>tbody,
  #anniversary-tips>table>tbody>tr,
  #anniversary-tips>table>tbody>tr>td {
    display: block
  }

  #anniversary-tips>table>tbody>tr>td {
    width: 100%;
    margin: 1em 0
  }
}

#coffee-day-title {
  text-align: center
}

#coffee-day-title>div {
  display: inline-block;
  padding: 0 60px;
  background: url(/images/55years_anniversary/coffee_beans.png) center left no-repeat, url(/images/55years_anniversary/coffee_beans.png) center right no-repeat;
  background-size: 50px auto
}

#coffee-day-title>div>span {
  display: inline-block;
  font-size: 150%;
  padding-left: 1em
}

@media screen and (max-width: 767px) {
  #coffee-day-title {
    font-size: 100%
  }

  #coffee-day-title>div {
    padding: 0 30px;
    background-size: 20px auto
  }

  #coffee-day-title>div>span {
    display: block;
    padding: 0;
    font-size: 100%
  }
}

.mybooth>.swiper-container>.swiper-wrapper {
  text-align: center
}

.mybooth>h2 {
  margin: 1.5em 0 0 0;
  background-color: #0768ac;
  color: #ffffff;
  padding: 0.5em;
  text-align: center
}

@media screen and (max-width: 767px) {
  .mybooth>h2 {
    text-align: left
  }
}

.mybooth>h4 {
  margin: 1em 0 0 0
}

@media screen and (max-width: 767px) {
  .mybooth>h4 {
    margin: 1em 10px
  }
}

@media screen and (max-width: 767px) {
  .mybooth>p {
    margin: 1em 10px
  }
}

.mybooth-map-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 20px;
  row-gap: 20px;
  margin: 1em 0
}

@media screen and (max-width: 767px) {
  .mybooth-map-wrapper {
    display: block;
    margin: 1em 10px
  }
}

.mybooth-map-wrapper h3 {
  border-bottom: #ccc 2px solid;
  margin: 0
}

.mybooth-map {
  border: #ccc 1px solid;
  box-sizing: border-box
}

@media screen and (max-width: 767px) {
  .mybooth-map {
    margin: 1em 0
  }
}

.shop-name {
  margin: 0.2em 0;
  text-align: center
}

.shop-map {
  margin: 0;
  text-align: center
}

.shop-address {
  margin: 0.2em 0.2em
}

.shop-booth {
  margin: 0.5em 0.2em;
  font-size: 92%
}

.shop-detail-link {
  margin: 0.2em 0.2em;
  float: right
}

.shop-detail-link>a {
  display: inline-block;
  color: #fff;
  background-color: #ff9933;
  border-radius: 5px;
  margin: 0 0 0.2em 0.2em;
  padding: 0 0.4em
}

.mybooth-map1-grid1 {
  grid-column: 1 / 4;
  grid-row: 1 / 2
}

.mybooth-map1-grid2 {
  grid-column: 1 / 2;
  grid-row: 2 / 3
}

.mybooth-map1-grid3 {
  grid-column: 2 / 4;
  grid-row: 2 / 3
}

.mybooth-maps {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px
}

@media screen and (max-width: 767px) {
  .mybooth-maps {
    display: block;
    margin-left: 0
  }
}

.mybooth-map-row {
  width: 320px;
  margin-left: 20px;
  margin-bottom: 20px
}

@media screen and (max-width: 767px) {
  .mybooth-map-row {
    width: calc(100% - 20px);
    margin: 1em 10px
  }
}

.mybooth-map-row>h3 {
  border-bottom: #ccc 2px solid;
  margin: 0 0 20px 0
}

.newopen {
  text-align: center;
  margin-top: 0
}

#mybooth-map-cntr {
  background: #fff;
  margin: 1.2em 0;
  padding: 8px
}

@media screen and (max-width: 767px) {
  #mybooth-map-cntr {
    display: none
  }
}

#mybooth-maps {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  background: url(/images/mybooth/routemap.png) no-repeat;
  width: 984px;
  height: 576px
}

@media screen and (max-width: 767px) {
  #mybooth-maps {
    display: none
  }
}

#mybooth-maps>li {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  display: block
}

#mybooth-maps>li>a {
  display: block;
  height: 100%
}

.covid-19-notice {
  display: block;
  text-align: center;
  border: #afafaf solid 1px;
  box-shadow: 0 0 0 3px #ededed inset;
  margin: 0 10px 1.2rem;
  color: black;
  font-weight: normal;
  font-size: 1.4rem;
  padding: 1rem !important;
  text-decoration: none !important
}

.bb-header {
  border-bottom: solid 1px #bdbdbd;
  margin-bottom: 20px
}

.bb-header>h1 {
  color: #5d5d5d;
  margin: 0;
  font-size: 150%;
  font-weight: normal
}

.map-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1em;
  font-size: 80%
}

@media screen and (max-width: 767px) {
  .map-table {
    display: block
  }
}

.map-table>tbody>tr>th,
.map-table>tbody>tr>td {
  padding: 5px;
  text-align: left;
  vertical-align: top;
  border: #dddddd solid 1px
}

@media screen and (max-width: 767px) {

  .map-table>tbody>tr>th,
  .map-table>tbody>tr>td {
    display: block;
    border: none
  }
}

.map-table>tbody>tr>th {
  white-space: nowrap;
  background-color: #79797a;
  color: #ffffff
}

@media screen and (max-width: 767px) {
  .map-table>tbody>tr>td {
    margin-bottom: 0.5em
  }
}

.googlemap {
  width: 980px;
  height: 480px
}

@media screen and (max-width: 767px) {
  .googlemap {
    width: 100%;
    height: 320px
  }
}

.booth-image {
  float: right;
  margin-left: 10px !important;
  width: 250px
}

@media screen and (max-width: 767px) {
  .booth-image {
    width: auto;
    float: none;
    text-align: center;
    margin-left: 0 !important
  }
}

.booth-image>img {
  margin: 0 0 10px 0 !important
}

@media screen and (max-width: 767px) {
  .mybooth-wrapper {
    margin: 1em 10px !important
  }
}

.mybooth-wrapper header {
  min-height: auto !important
}

.mybooth-wrapper h2 {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: none !important
}

.mybooth-wrapper .area-search>ul>li {
  background-color: #63b3b0
}

.mybooth-notice {
  color: red
}

.mybooth-brand-box {
  margin-top: 1.2em !important;
  padding: 1em !important
}

@media screen and (max-width: 767px) {
  .mybooth-brand-box {
    padding: 10px 0 5px !important;
    margin-bottom: 0 !important
  }
}

#shop-google-map {
  width: 100%;
  height: 500px
}

#shop-google-map-iframe-box {
  width: 100%;
  height: 500px
}

#shop-google-map-iframe-box>iframe {
  border: 0;
  width: 100%;
  height: 100%
}

#map-box {
  position: relative
}

#search-detail-header {
  position: relative
}

#search-detail-header>button {
  position: absolute;
  top: 0;
  right: 0
}

#shop-photos-box {
  padding: 10px;
  background: #f2f2f2
}

#shop-photo {
  list-style: none;
  margin: 0 0 5px 0;
  padding: 0
}

#shop-photo>li {
  display: none
}

#shop-photo>li:first-child {
  display: block
}

#shop-photo-thumbs {
  list-style: none;
  margin: -2% 0 0 -2%;
  padding: 0
}

#shop-photo-thumbs>li {
  width: 18%;
  float: left;
  margin: 2% 0 0 2%;
  max-height: 28px;
  overflow: hidden
}

.shop-info {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 92%
}

.shop-info tr {
  border-bottom: solid 1px #ccc
}

.shop-info th {
  width: 7em;
  text-align: left;
  vertical-align: top
}

.search-detail-facilities {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 5px 0 -0.5em
}

.search-detail-facilities>li {
  display: inline-block;
  margin: 0 0.5em 0.5em 0
}

@media screen and (max-width: 767px) {
  #shop-google-map {
    height: 400px
  }

  #map-box {
    position: relative
  }

  #search-detail-header>h2 {
    font-size: 120%
  }

  #search-detail-header>button {
    display: none
  }

  #shop-photo>li {
    height: auto
  }
}

.myspace-banner {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin: 0 0 20px 0;
  flex-wrap: wrap
}

@media screen and (max-width: 767px) {
  .myspace-banner {
    display: none
  }
}

.myspace-banner>* {
  margin: 0.6em 0
}

.covid-19-notice {
  display: block;
  text-align: center;
  border: #afafaf solid 1px;
  box-shadow: 0 0 0 3px #ededed inset;
  margin: 0;
  color: black;
  font-weight: normal;
  font-size: 1.4rem;
  padding: 1rem !important;
  text-decoration: none !important
}

@media screen and (max-width: 767px) {
  .covid-19-notice {
    font-size: 1rem
  }

  .covid-19-notice>a {
    font-size: 1rem
  }
}

.covid-19-notice:hover {
  border-color: #4d90fe
}

.covid-19-info {
  text-align: center
}

.covid-19-info>a {
  font-size: 1.2rem
}

.booth-shop-box-grid {
  margin: 1rem 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
  gap: 20px
}

@media screen and (max-width: 767px) {
  .booth-shop-box-grid {
    display: block
  }
}

.booth-shop-box1 {
  grid-column: 2 / 3;
  grid-row: 1 / 2
}

.booth-shop-box2 {
  grid-column: 1 / 2;
  grid-row: 1 / 3
}

.booth-shop-box3 {
  grid-column: 2 / 3;
  grid-row: 2 / 3
}

.about-mybooth h3 {
  border: none
}

.about-mybooth h4 {
  margin: 0
}

/* bento */
#switch-bento .button {
  background-color: #ddd;
  border: #ddd solid 1px;
}
#switch-bento .ui-tabs-active .button ,
#switch-bento .ui-state-active .button {
  background-color: #F19431;
  border: red solid 1px;
}

/*# sourceMappingURL=application.css.map */