@charset "UTF-8";
/* 志木店移転のお知らせ */
#message_shikiiten {
  border: 2px solid #f60;
  color: #333;
  background-color: #ffc;
  padding: 10px;
  margin-bottom: 15px;
}
#message_shikiiten .title {
  font-size: 20px;
  text-align: center;
}
#message_shikiiten .title a {
  color: #f00;
  font-weight: bold;
  text-decoration: none;
  animation: flash 2s ease infinite;
  display: block;
}
#message_shikiiten .title a:hover {
  text-decoration: underline;
  animation: none;
}

@keyframes flash {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
/* 営業案内など */
#top_message,
#top_message620 #top_message_dummy {
  margin-bottom: 15px;
  clear: both;
}

#top_message h4,
#top_message620 h4 {
  margin: 0 0 15px;
  padding: 0;
}
#top_message #message_txt,
#top_message620 #message_txt {
  border: 2px solid #f60;
  color: #333;
  background-color: #ffc;
  padding: 10px;
  margin-bottom: 15px;
}
#top_message #message_txt h4,
#top_message620 #message_txt h4 {
  font-size: 16px;
  color: #f00;
  text-align: center;
  margin-bottom: 0;
}
#top_message #message_txt.obon,
#top_message620 #message_txt.obon {
  border-color: #c9c;
  background: transparent url(../img/common/obon_bg.jpg) 50% 50% no-repeat;
}
#top_message #message_txt.obon h4,
#top_message620 #message_txt.obon h4 {
  color: #900;
}
#top_message p,
#top_message620 p {
  font-size: 14px;
  margin-top: 5px !important;
}
#top_message .banner,
#top_message620 .banner {
  margin-bottom: 15px;
  transition: opacity 0.4s ease;
}
#top_message .banner:hover,
#top_message620 .banner:hover {
  opacity: 0.7;
}
#top_message .banner a,
#top_message620 .banner a {
  background-repeat: no-repeat;
  width: 640px;
  height: 140px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#top_message .banner .caption,
#top_message620 .banner .caption {
  font-size: 12px;
  text-align: center;
}
#top_message .banner.kitty a,
#top_message620 .banner.kitty a {
  background-image: url(../img/common/banner_kitty.gif);
  height: 135px;
}
#top_message .banner.bizcpn,
#top_message620 .banner.bizcpn {
  height: 140px;
}
#top_message .banner.bizcpn.spring,
#top_message620 .banner.bizcpn.spring {
  background-image: url(../img/common/bizbanner_spring.gif);
}
#top_message .banner.bizcpn.summer,
#top_message620 .banner.bizcpn.summer {
  background-image: url(../img/common/bizbanner_summer.gif);
}
#top_message .banner.bizcpn.fall,
#top_message620 .banner.bizcpn.fall {
  background-image: url(../img/common/bizbanner_fall.gif);
}
#top_message .banner.bizcpn.winter,
#top_message620 .banner.bizcpn.winter {
  background-image: url(../img/common/bizbanner_winter.gif);
}
#top_message .banner.silhouette a,
#top_message620 .banner.silhouette a {
  background-image: url(../img/common/silhouette.jpg);
  height: 240px;
}

#top_message620 .banner a {
  width: 620px;
}
#top_message620 .banner.kitty a {
  background-image: url(../img/common/banner_kitty-s.gif);
}
#top_message620 .banner.bizcpn.spring {
  background-image: url(../img/common/bizbanner_spring-s.gif);
}
#top_message620 .banner.bizcpn.summer {
  background-image: url(../img/common/bizbanner_summer-s.gif);
}
#top_message620 .banner.bizcpn.fall {
  background-image: url(../img/common/bizbanner_fall-s.gif);
}
#top_message620 .banner.bizcpn.winter {
  background-image: url(../img/common/bizbanner_winter-s.gif);
}

/* ------------------------------------------------
 メニューボタン
------------------------------------------------ */
.menubtn {
  margin-bottom: 20px;
  /*----- menubtn620 -----*/
}
.menubtn h4 {
  border-left-width: 0 !important;
  background: url(../img/menubtn/title.gif) 0 0 no-repeat;
  margin: 0 !important;
  padding: 0 !important;
  height: 15px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.menubtn ul {
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 5px;
}
.menubtn li a,
.menubtn li span {
  text-decoration: none;
  background-image: url("../img/menubtn/common.png");
  background-repeat: no-repeat;
  width: 85px;
  height: 30px;
  display: block;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.menubtn li i {
  font-weight: 700;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.menubtn li i + i {
  margin-left: 0.5em;
}
.menubtn li.btn_1 a {
  background-position: -5px -5px;
}
.menubtn li.btn_2 a {
  background-position: -95px -5px;
}
.menubtn li.btn_3 a {
  background-position: -5px -40px;
}
.menubtn li.btn_4 a {
  background-position: -95px -40px;
}
.menubtn li.btn_5 a {
  background-position: -5px -75px;
}
.menubtn li.btn_6 a {
  background-position: -95px -75px;
}
.menubtn li.btn_7 a {
  background-position: -5px -110px;
}
.menubtn li.btn_8 a {
  background-position: -95px -110px;
}
.menubtn li.btn_9 a {
  background-position: -5px -145px;
}
.menubtn li.btn_10 a {
  background-position: -95px -145px;
}
.menubtn li.btn_11 a {
  background-position: -5px -180px;
}
.menubtn li.btn_12 a {
  background-position: -95px -180px;
}
.menubtn li.btn_13 a {
  background-position: -5px -215px;
}
.menubtn li.btn_14 a {
  background-position: -95px -215px;
}
.menubtn li.btn_15 a {
  width: 197px;
  background-position: -5px -250px;
}
.menubtn li.btn_16 a {
  background-position: -5px -285px;
}
.menubtn li.btn_17 a {
  background-position: -95px -285px;
}
.menubtn li.btn_18 a {
  width: 249px;
  background-position: -5px -320px;
}
.menubtn li.btn_19 a {
  width: 197px;
  background-position: -5px -390px;
}
.menubtn li.btn_20 a {
  width: 178px;
  background-position: -5px -425px;
}
.menubtn li.btn_21 a {
  width: 249px;
  background-position: -5px -495px;
}
.menubtn li.mochu > *, .menubtn li.nenga > * {
  color: #fff;
  text-indent: 0;
  line-height: 1;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  padding-left: 12px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.menubtn li.mochu > * .title, .menubtn li.nenga > * .title {
  font-size: 15px;
}
.menubtn li.mochu > * .copy, .menubtn li.nenga > * .copy {
  text-shadow: none;
  width: 100px;
  height: 28px;
}
.menubtn li.mochu > * .copy svg, .menubtn li.nenga > * .copy svg {
  width: 100%;
  height: auto;
  overflow: visible;
}
.menubtn li.mochu > * .copy text, .menubtn li.nenga > * .copy text {
  fill: #fff;
  stroke-width: 4;
  stroke-linejoin: round;
  paint-order: stroke;
}
.menubtn li.mochu > a, .menubtn li.nenga > a {
  padding-left: 38px;
}
.menubtn li.mochu > a::before, .menubtn li.nenga > a::before {
  content: "";
  background: 0 50% no-repeat;
  width: 40px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.menubtn li.mochu > * {
  border-color: #7b71e9;
  background-color: #7b71e9;
  background-image: url(../img/menubtn/mochu_ph.png);
  background-position: 114% 67%;
  width: 268px;
}
.menubtn li.mochu > a::before {
  background-image: url(../img/menubtn/mochu_new.gif);
}
.menubtn li.mochu .copy text {
  stroke: #7b71e9;
}
.menubtn li.nenga > * {
  border-color: #fb870f;
  background-color: #fb870f;
  background-image: url(../img/menubtn/nenga_ph.png?2024);
  background-position: 100% -8px;
  width: 365px;
}
.menubtn li.nenga > a::before {
  background-image: url(../img/menubtn/nenga_new.gif);
}
.menubtn li.nenga .copy text {
  stroke: #fb870f;
}
.menubtn620 .menubtn h4 {
  background-image: url(../img/menubtn/title-s.gif);
  width: 620px;
}
.menubtn620 .menubtn li.btn_19 a {
  width: 197px;
}
.menubtn620 .menubtn li.btn_18 a {
  width: 240px;
  background-position: -5px -355px;
}
.menubtn620 .menubtn li.btn_20 a {
  width: 174px;
  background-position: -5px -460px;
}
.menubtn620 .menubtn li.btn_21 a {
  width: 240px;
  background-position: -5px -530px;
}
.menubtn620 .menubtn li.mochu > * {
  width: 261px;
}
.menubtn620 .menubtn li.nenga > * {
  width: 352px;
}

/* アルヨボタン */
#alyobtn {
  font-size: 10px;
  text-align: center;
  line-height: 1;
  margin-bottom: 10px;
  padding: 0 3px;
  width: 194px;
}
#alyobtn img {
  vertical-align: top;
}
#alyobtn h2 {
  margin: 0;
  padding-bottom: 3px;
}
#alyobtn ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#alyobtn ul + ul {
  margin-top: 10px;
}
#alyobtn li + li {
  margin-top: 6px;
}
#alyobtn li a {
  color: #333;
  text-decoration: none;
}
#alyobtn li a img {
  margin-bottom: 4px;
  display: block;
  opacity: 1;
  transition: opacity 0.4s ease;
}
#alyobtn li a:hover {
  color: #f60;
  text-decoration: underline;
}
#alyobtn li a:hover img {
  opacity: 0.7;
}

#info {
  font-size: 14px;
  font-weight: bold;
  border: 2px solid #f60;
  padding: 5px 10px;
  color: #f00;
  margin: 10px 0;
  clear: both;
}
#info span {
  color: #000000;
}

/* 店舗一覧へのリンク */
.link_to_realshops {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  background-color: #ffe5dc;
  margin: 1.2em 0;
  padding: 8px 0 5px;
}

/*----- 人財募集！一緒に成長しましょう！ -----*/
.recruit {
  display: none !important;
}