@charset "utf-8";
@import url("default.css");
@import url("../webfonts/sawarabi_mincho_medium/stylesheet.css");
@import url("../webfonts/rounded_mplus_2p_medium/stylesheet.css");
img {
  max-width: 100%;
  height: auto;
}
.ul01 {
  margin-left: 30px;
  margin-bottom: 30px;
}
.red {
  color: #FF0004;
}
/*メニューページ*/
.menu-waku {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
/*フォーム必須項目*/
.hissu {
  color: #FF0004;
  font-size: 12px;
}
.content-box {
  margin-bottom: 30px;
}
.homeLinkbutton {
  text-align: center;
  margin-bottom: 30px;
  background-color: rgba(255, 212, 212, 1.00);
}
.homeLinkbutton a {
  color: rgba(255, 0, 4, 1.00);
  display: block;
  padding: 20px;
}
.homeLinkbutton a:hover {
  text-decoration: none;
  background-color: rgba(255, 90, 93, 1.00);
  color: rgba(255, 255, 255, 1.00);
}
.button01 {
  width: 300px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.button01 a {
  color: #FFFFFF;
  background-color: #CF181B;
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 20px;
  display: block;
}
.button01 a:hover {
  text-decoration: none;
  background-color: #FE5759;
}
.apply_body .row {
  margin-bottom: 50px;
}
.apply_textbox {
  padding: 10px;
  background-color: #EDEDED;
}
.apply_dt {
  padding-top: 15px;
  padding-bottom: 15px;
}
.apply_dd {
  border-bottom: 1px solid #C2C2C2;
  padding-bottom: 15px;
}
.apply_dd ul {
  margin-left: 2rem;
}
#header-logo a, #header-logo a:visited, #header-logo a:hover {
  color: #000000;
  text-decoration: none;
}
#header-logo h2 {
  font-family: "sawarabi mincho medium";
  font-size: 30px;
  width: 200px;
}
#footer {
  background-color: #FF5F00;
  margin-top: 50px;
  text-align: center;
  padding-bottom: 50px;
  padding-top: 20px;
  color: #FFFFFF;
}
#footer li {
  list-style-type: none;
}
#footer h3 {
  font-size: 22px;
  margin-bottom: 0px;
}
#footer #footer_menu {
  margin-bottom: 35px;
}
#footer #footer_menu li {
  display: inline-block;
}
#footer #footer_menu li a {
  color: #FFFFFF;
  margin-left: 10px;
  margin-right: 10px;
}
#footer .footer_snslogo {
  margin-bottom: 35px;
}
#footer .footer_snslogo li {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}
#footer .footer_snslogo li img {
  width: 40px;
}
.title01 {
  color: #FFFFFF;
  padding: 10px;
  border-radius: 8px;
  background-color: #000000;
}
.title02 {
  font-weight: bold;
}
/*スライダー２枚目以降非表示から表示*/
.slider p:nth-child(n+2) {
  display: none;
}
.slick-initialized p:nth-child(n+2) {
  display: block;
}
.slick-dotted.slick-slider {
  margin-bottom: 60px;
}
#home_latest {
  padding-left: 10px;
  padding-right: 10px;
  height: 450px;
  overflow-y: scroll;
}
#home_latest dd {
  border-bottom: 1px dashed rgba(150, 150, 150, 1.00);
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
.home_apply {
  background-color: #0046BE;
  text-align: center;
}
.home_apply a {
  color: #FFFFFF;
  padding: 20px;
  display: block;
}
.home_apply a:hover {
  text-decoration: none;
  font-weight: bold;
}
/*ホーム　スタッフ募集時のリンクボタン*/
.button-row {
  text-align: center; /* 中央揃え */
  margin: 2rem 0;
}

.button-row .btn-title {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.btn-group {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.btn-group .btn {
  display: inline-block;
  padding: 0.6em 1.2em;
  background-color: rgba(255, 114, 42, 1.00);
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  transition: background-color 0.3s;
}

.btn-group .btn:hover {
  background-color: rgba(230, 100, 30, 1.00);
}

.slicknav_menu {
  display: block;
  padding: 0px;
  background-color: #E9E9E9;
  background-repeat: repeat-x;
  background-position: center top;
  background-size: auto 57.25px;
}
.slicknav_menu .container {
  margin: 0px;
  padding: 0px;
  max-width: 100%;
}
.slicknav_menu .slicknav_icon {
  margin-left: 14px;
  display: block;
}
.slicknav_menu .slicknav_menutxt {
  font-size: 12px;
}
.slicknav_btn {
  margin-top: 8px;
  padding: 5px;
  margin-bottom: 8px;
}
.slicknav_btn:hover {
  text-decoration: none;
}
.slicknav_nav ul {
  margin: 0px;
  border-bottom: 1px solid #F4F4F4;
}
.slicknav_nav li {
  border-top: 1px solid #BFBFBF;
  font-family: "rounded mplus 2p medium";
  transform: rotate(0.05deg);
}
.slicknav_nav li a {
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #353535;
  font-family: "rounded mplus 2p medium";
  padding-left: 5px;
  padding-right: 5px;
}
.slicknav_nav li a:hover {
  background-color: rgba(247, 197, 128, 1.00);
  text-decoration: none;
}
.slicknav_nav li a:after {
  font-family: "Font Awesome 5 Free";
  content: '\f105';
  position: absolute;
  font-weight: 900;
  right: 15px;
  top: 8px;
}
.slicknav_nav li a span {
  color: #454545;
}
#map {
  width: 100%;
  height: 500px;
  margin-bottom: 15px;
  margin-top: 30px;
}
#map-photos {
  text-align: center;
}
#mail-form {
  margin-bottom: 30px;
}
.text-field {
  width: 100%;
  border: 1px solid #D4D4D4;
  padding: 5px;
}
textarea {
  width: 100%;
  height: 250px;
  border: 1px solid #D4D4D4;
  padding: 5px;
}
.submit {
    background-color: #0090FF;
    color: #FFFFFF;
    border-radius: 8px;
    height: 40px;
    border-style: none;
    letter-spacing: 2em;
    padding-left: 2em;
    font-size: 18px;
}
.back_bt {
    background-color: #FF4F8D;
    color: #FFFFFF;
    border-radius: 8px;
    height: 40px;
    border-style: none;
    letter-spacing: 2em;
    padding-left: 2em;
    font-size: 18px;
}
.form-back-button{
    color: #646464;
    border-radius: 8px;
    height: 40px;
    border: 2px solid #8A8A8A;
    letter-spacing: 2em;
    padding-left: 2em;
    font-size: 18px;
    width: 100%;
    background-color: #FFFFFF;
}

/*インスタ表示エリア*/
.instaBlock {
  margin-top: 50px;
}
#instaGallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  list-style: none;
  padding: 0;
}
#instaGallery li {
  width: 45%;
  aspect-ratio: 73 / 91; /* アスペクト比で高さを自動算出 */
  overflow: hidden;
  position: relative;
  background-color: #FFFFFF; /* 読み込み時の背景 */
}
#instaGallery li img {
  width: 100%;
  object-fit: contain;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
/*#instaGallery {
  margin-bottom: 50px;
}
#instaGallery li {
  width: 25%;
  list-style-type: none;
  float: left;
}*/
/*予約注文ページ*/
.orderThanksTitle {
  font-size: 20px;
  text-align: center;
  margin-bottom: 35px;
  background-color: rgba(0, 106, 167, 1.00);
  padding-top: 15px;
  padding-bottom: 15px;
  color: rgba(255, 255, 255, 1.00);
}
.orderTable {
    width: 100%;
    border-bottom: 1px solid rgba(192, 192, 192, 1.00);
    margin-bottom: 50px;
}
.orderTable th {
  padding: 5px;
  text-align: center;
}
.orderTable td {
  border-top: 1px solid rgba(192, 192, 192, 1.00);
  padding: 5px;
  border-left: 1px solid rgba(192, 192, 192, 1.00);
  font-size: 15px;
}
.orderTable td:last-child {
  border-right: 1px solid rgba(192, 192, 192, 1.00);
  margin-bottom: 0px;
}
.mfp_element_submit:hover {
  background: rgba(255, 81, 83, 1.00);
  box-shadow: none;
}
.orderPersonalData .mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date, .mfp_element_password {
  font-size: 16px;
}
form#mailformpro dl dt {
  font-size: 15px;
}
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {
  font-size: 16px;
}
table#mfp_confirm_table {
  margin-bottom: 50px;
}
.orderPersonalData {
  margin-bottom: 30px;
  margin-top: 30px;
}
.orderPersonalData .inputText {
  width: 400px;
}
.orderPersonalData textarea {
  width: 400px;
  height: 150px;
}
.menu-waku > p {
  text-align: center;
}
.submit-btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: rgba(255, 0, 4, 1.00);
  border-style: none;
  color: rgba(255, 255, 255, 1.00);
  padding: 10px;
  font-family: "rounded mplus 2p medium";
  border-radius: 8px;
  text-shadow: none;
}
.accessTable {
  margin-bottom: 50px;
}
.accessTable dt {
  padding: 10px;
  background-color: rgba(214, 240, 255, 1.00);
  margin-bottom: 5px;
  font-weight: normal;
}
.accessTable dd {
  padding: 10px;
  margin-bottom: 5px;
}
.home_rightbox h3 {
  font-weight: 600;
}
.home_rightbox ul {
  margin-left: 1em;
}
@media (max-width:767.98px) {
  #content {
    padding-top: 75px;
  }
  #menu {
    display: none;
  }
  #header-logo {
    z-index: 9999;
    position: fixed;
    width: 250px;
  }
  #header-logo h1 {
    font-size: 12px;
    width: 200px;
  }
  #header-logo a, #header-logo a:visited, #header-logo a:hover {}
  #mail-form dd {
    margin-bottom: 1em;
  }
  #home_latest {
    margin-bottom: 30px;
    border-bottom: 1px solid #B1B1B1;
    padding-bottom: 30px;
  }
  table#mfp_confirm_table tr th {
    width: 40%;
    white-space: normal;
  }
  .orderPersonalData .inputText {
    width: 100%;
  }
}
@media (min-width:768px) {
  .slicknav_menu {
    display: none;
  }
  #menu {
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    margin-bottom: 15px;
  }
  #menu li {
    list-style-type: none;
    float: left;
    width: 25%;
    text-align: center;
    border-left: 1px solid #D4D4D4;
  }
  #menu li:last-child {
    border-right: 1px solid #D4D4D4;
  }
  #menu ul li a {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000000;
  }
  #menu ul li a:hover {
    text-decoration: none;
    background-color: #F0F0F0;
  }
  #mail-form dt {
    width: 180px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    float: left;
    clear: both;
  }
  #mail-form dd {
    width: 480px;
    margin-left: 200px;
    padding-bottom: 10px;
    min-height: 1.5em;
  }
  .accessTable {
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
  }
  .accessTable dt {
    text-align: right;
    width: 30%;
  }
  .accessTable dd {
    width: 70%;
    background-color: rgba(245, 245, 245, 1.00);
  }
    #instaGallery li{width: 23.5%}
}
@media (min-width:992px) {
  .apply_dt {
    border-bottom: 1px solid #C2C2C2;
    padding-bottom: 15px;
    padding-top: 15px;
  }
  .apply_dd {
    border-bottom: 1px solid #C2C2C2;
    padding-bottom: 15px;
    padding-top: 15px;
  }
  .apply_dd ul {
    margin-left: 1rem;
  }
}