@charset "UTF-8";
/* ★★このサイトはscssを利用しています。cssを直接記述したい場合は、このスタイルシートに記述をしてください。★★ */
/* ==============================================
CSS information

 file name  : merge.scss
 style info : scssではなく、cssを直接記述したい場合は、こちらに記述。定期的にscssにマージする。
 
 このスタイルシートの構成
 
   
作成者 2024.03.18 kunihiro
更新者 2026.03.06 kunihiro

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

/* ------------------------------------
  会社情報 (240318_「社長ごあいさつ」一時非表示のため)
------------------------------------ */

/* top
------------------------------------ */
/* .company_list_item a[tabindex="-1"]:hover {
  color: #3d3527;
  opacity: 1;
}

.company_list_item a[tabindex="-1"] .img_box:hover {
  opacity: 1;
}

.company_list .company_list_item a[tabindex="-1"] .img_box:hover::after {
  background-image: url(../img_cmn/ico_arrow_box_accentcolor.svg);
} */

/* 社長ごあいさつ
------------------------------------ */
/* .company_cont_list .company_list_item a[tabindex="-1"]:hover {
  color: #3d3527;
  opacity: 1;
}

.company_cont_list .company_list_item a[tabindex="-1"] .img_box:hover {
  opacity: 1;
} */

/* ------------------------------------
  社長ごあいさつ・ビジョン　(240820 追加)
------------------------------------ */

/* 社長ごあいさつ
------------------------------------ */
.cont_company_vision .greeting_box .txt {
  width: 560px;
}

@media screen and (max-width: 767px) {
  .cont_company_vision .greeting_box .txt {
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .greeting_box .img_box img {
    width: 100%;
    height: auto;
  }
}



/* ------------------------------------
  店舗詳細ページ
------------------------------------ */

/* ページ内リンク（採用情報　削除）（241001）
------------------------------------ */
.cont_store_detail .page_link_list .page_link_item {
  width: 25%;
}

@media screen and (max-width: 767px) {
  .cont_store_detail .page_link_list .page_link_item {
    width: 50%;
  }

  .cont_store_detail .page_link_list .page_link_item:nth-child(3) {
    border-bottom: none;
  }
}


/* ライフカード　バナー追加（バナーを3個並びに変更）（260306）
------------------------------------ */

/* バナーの余白調整
--------------- */
.bnr_dcpc_line .bnr_list_item {
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .bnr_dcpc_line .bnr_list_item {
    margin-right: 0;
  }
}

.bnr_dcpc_line .bnr_list_item.line_qr_box {
  margin-right: 0;
}

/* LINE　QRコード（PCのみ表示）
--------------- */
.store_detail_flyer .line_qr_box .qr_box {
  top: 7px;
  right: 7px;
}
.store_detail_flyer .line_qr_box .qr_box img {
  width: 56px !important;
}

/* リクオプへのリンクバナー（URLは店舗別/社員・アルバイト別）（241001）
------------------------------------ */
.store_recruit_02_bnr_box {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  .store_recruit_02_bnr_box {
    margin-top: 40px;
  }
}

/* リンク部分(a)
--------------- */
.bnr_recruit_recop_box {
  width: 48%;
}

.bnr_recruit_recop_box a {
  width: 460px;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
  transition: 0.5s;
  display: block;
}

@media screen and (max-width: 767px) {
  .bnr_recruit_recop_box a {
    width: 100%;
    padding: 0;
    display: flex;
  }
}

.bnr_recruit_recop_box a:hover {
  opacity: 0.8;
}

.bnr_recruit_recop_box a::after {
  content: "";
  display: block;
  width: 73px;
  height: 53px;
  position: absolute;
  top: 50%;
  margin-top: 0;
  background: url(../img_cmn/ico_arrow_box_accentcolor.svg) 0 0 no-repeat;
  background-size: 73px auto;
  top: auto;
  bottom: 0;
  right: 0;
  transition: 0.5s;
}

@media screen and (max-width: 767px) {
  .bnr_recruit_recop_box a::after {
    width: 50px;
    height: 36px;
    background-size: 50px auto;
  }
}

.bnr_recruit_recop_box a:hover::after {
  background: url(../img_cmn/ico_arrow_box_keycolor.svg) 0 0 no-repeat;
}

.bnr_recruit_recop_01 a {
  background-color: #CCC;
}

.bnr_recruit_recop_02 a {
  background-color: #FFAF00;
}


/* 写真・訴求テキスト画像
--------------- */
.bnr_recruit_recop_box .img_box {
  background-color: #FFF;
  padding: 10px;
  display: flex;
  justify-content: space-between;

}

@media screen and (max-width: 767px) {
  .bnr_recruit_recop_box .img_box {
    background-color: transparent;
    padding: 0;
  }
}

.bnr_recruit_recop_box .img01 {
  width: 100px;
  height: auto;
}

@media screen and (max-width: 767px) {
  .bnr_recruit_recop_box .img01 {
    width: 60px;
  }
}

.bnr_recruit_recop_box .img02 {
  width: 310px;
  height: auto;
}

@media screen and (max-width: 767px) {
  .bnr_recruit_recop_box .img02 {
    display: none;
  }
}


/* リンクテキスト
--------------- */
.bnr_recruit_recop_box .txt_box {
  padding: 10px;
}

@media screen and (max-width: 767px) {
  .bnr_recruit_recop_box .txt_box {
    padding: 5px;
    display: flex;
    align-items: center;
  }
}

.bnr_recruit_recop_box .txt {
  line-height: 1;
  font-weight: bold;
}

.bnr_recruit_recop_box .txt_01 {
  font-size: 3.2rem;
  display: block;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .bnr_recruit_recop_box .txt_01 {
    font-size: 14px;
    margin-bottom: 5px;
  }
}

.bnr_recruit_recop_box .txt_02 {
  font-size: 2.2rem;
}

@media screen and (max-width: 767px) {
  .bnr_recruit_recop_box .txt_02 {
    font-size: 1rem;
  }

  .bnr_recruit_recop_box .txt_02_02 {
    display: none;
  }
}




/* ------------------------------------
  sp_menu
------------------------------------ */

/* ソーシャルメディアポリシー　追加
------------------------------------ */
@media screen and (max-width: 767px) {

  .sns_p .sitemap_list03 {
    text-align: center;
    flex-wrap: wrap;
  }

  .sidemenu_box .sidemenu_box_inner .sns_p .sitemap_list03 {
    /* ポイント会員規約　追加（250418 kunhiro）*/
    justify-content: space-around;
  }

  .sidemenu_box .sidemenu_box_inner .sns_p .sitemap_list03 .sitemap_list03_item.itemSns {
    width: 100%;
  }
}

/* ------------------------------------
  フォーム共通
------------------------------------ */

/* ラジオボタン
------------------------------------ */

.cont_liaise .contact_tr.contact_type .form_td#form_td1 .flex_form_td {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .cont_liaise .contact_tr.contact_type .form_td#form_td1 .flex_form_td {
    margin-bottom: 15px;
  }
}


/* ------------------------------------
  ここにページ名を記載してください
------------------------------------ */

/* 見出し等を記載してください
------------------------------------ */

/* ------------------------------------
  大括り
------------------------------------ */

/* 中括り
------------------------------------ */

/* 小括り
--------------- */

/* 最小括り */