/*
  作成日: 20190107
  作成者: FOIS01
*/
.header_middle_leftbox { align-items: center; display: flex; }
.header_middle_leftbox .header_middle_lang { border: 1px solid #ff9934; border-radius: 4px; font-size: 1.3rem; margin-left: 12px; text-align: center; }
.header_middle_leftbox .header_middle_lang li { width: 100%; }
.header_middle_leftbox .header_middle_lang li.current { background: #ff9934; border: 1px solid #fff; border-radius: 4px; color: #fff;}
.header_middle_logo a {align-items:center; display:flex;}
.section_ttl_jp {font-weight:bold;}
.intro { overflow: hidden; }
.intro_img img { width: 100%; }
.intro_ttl { text-align: left; margin-bottom: 14px; }
.intro_cont { position: relative;  }
.intro_cont::before { background-repeat: no-repeat; background-size: contain; content: ""; display: block; max-height: 350px; max-width: 350px; position: absolute; pointer-events:none;}
.intro_txt {max-width:510px;}
.hm_slide_bnr.slick-initialized { display: block; }
.hm_menu_lst { justify-content: center; }
.hm_menu_lst li {pointer-events:none;}
.hm_menu_lst li.haspdf,.hm_menu_lst li.haspdfurl {pointer-events:all !important;}
.hm_menu_lst .menu_url a { color: #fff;font-weight:bold; }
.hm_menu_img { border: none !important; position: relative; overflow: hidden; }
.hm_menu_lst li.haspdf .hm_menu_img::before { background: #fff; content: "PDFで見る"; color: #3b2c25; display: block; padding: 20px 10px 5px; position: absolute; top: 15px; left: -60px; text-align: center; transform: rotate(-45deg); width: 200px; z-index: 5; }
.hm_menu_img::after { border: 4px solid #fff; border-radius: 100%; content: ""; display: block; width: calc(100% + 2px); height: calc(100% + 2px); pointer-events: none; position: absolute; top: -1px; left: -1px; }
.menu_top,
.shop_top,
.news_top { align-items: center; background-repeat: no-repeat; background-size: cover; background-position: center; color: #fff; display: flex; position: relative;width:100%; }
.menu_top::before,
.shop_top::before,
.news_top::before { background: #371f18; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; opacity: .3; }
.brand_ttl { position: relative; text-align: center; z-index: 1; }
.brand_ttl span { display: block; }
.brand_ttl_jp { font-weight: bold; margin-bottom: 10px; }
.menu_txt { color: #fff; line-height: 1.8; margin-bottom: 5px; text-align: center; }
.menu_txt a { color: #fff;text-decoration:underline;}
.menu_txt a:hover {color:#e37422;text-decoration:none;}
.shop_in .pagesub_nav_wrap { background: #fff; box-shadow: 1px 1px 3px rgba(0,0,0,.1); }
.shop_ttl { border-bottom: 1px solid #3f2e26; border-left: 5px solid #3f2e26; font-weight: bold; padding-left: 10px; }
.shop_ttl_sns { display: inline-block; padding: 0 0 2px 10px;}
.shop_ttl_sns li { display: inline-block; padding-right: 5px;}
.news_wrap { display: flex; flex-wrap: wrap; }
.news_wrap dd { border-bottom: 1px dotted #b5945f; }
.news_wrap dd a { display: block; overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap; }
.news_wrap .news_cat { background: #b5945f; border-radius: 40px; color: #fff; display: inline-block; margin-left: 20px; padding: 3px; text-align: center; }
.news_wrap dd a { color: #2c0808; }
.news_wrap dd a:hover { color: #fa7d1d; }
.shop_recruit { align-items: center; background: url(../image-cmn/bg-brand-recruit.jpg) no-repeat; background-size: cover; background-position: center center; border: 1px solid #ffcc00; display: flex; position: relative; }
.shop_recruit::before { background: rgba(255, 191, 0, .7); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.shop_recruit_ttl { position: relative; z-index: 1; }
.shop_recruit_ttl::before { background: rgba(255,255,255,.2); content: ""; display: block; position: absolute; }
.shop_recruit_ttl img { display: inline-block; }
.shop_recruit_ttl a { color: #fff; display: inline-block; font-weight: bold; margin-top: 5px; padding-right: 30px; position: relative; vertical-align: middle; }
.shop_recruit_ttl a::after { background: url(../image-cmn/ico-extendlink-white.png) no-repeat; background-size: contain; display: inline-block; content: ""; height: 20px; position: absolute; right: 0; top: 7px; width: 20px; }
.cmn_tbl01 td .rednote {color:#ff0000;}
.menu_url_sm {display:block;}
.menu_txt  a[target="_blank"]::after{ background: url(../image-cmn/ico-extendlink-white.png) no-repeat; background-size: contain; content: ""; display: inline-block; height: 14px; margin-left: 5px; vertical-align: middle; width: 15px; }
.menu_txt  a[target="_blank"]:hover::after{background-image: url(../image-cmn/ico-extendlink-orange.png);}

/***Brand menu***/
.hm_menu_lst { display: flex; flex-wrap: wrap; margin-bottom: 15px; }
.hm_menu_lst li { padding: 0 5px; max-width: 280px; text-align: center; margin-top: 20px; }
.hm_menu_lst li .hm_menu_img { border: 3px solid #fff; border-radius: 100%; max-width: 200px; margin: 0 auto 10px; overflow: hidden; width: 100%; }
.hm_menu_lst li:hover .hm_menu_img { box-shadow: none; transform: scale(1.05, 1.05); }
 @media screen and (max-width:479px) {
.news_wrap dt { /*display: flex; justify-content: space-between; */width: 100%; }
.news_wrap dd { width: 100%; }
.news_wrap dt .news_cat { width: 90px; }
.menu_top,
.shop_top,
.news_top { height: 200px !important; }
.pagesub_nav_wrap {padding:0 !important;}
.pagesub_nav_wrap li { width: 50% !important; border-top: none; }
.pagesub_nav_wrap li:nth-child(odd) { position: relative;margin-left:0; }
.pagesub_nav_wrap li:nth-child(even){ position: relative;}
.pagesub_nav_wrap li:nth-child(even)::before { content: ""; display: block; height: 100%; width:1px; position: absolute; top: 0; left: 0; border-left: 1px solid #ccc;}
.pagesub_nav_wrap li:nth-child(odd)::before { content: ""; display: block; height: 1px; width: 200%; position: absolute; top: 0; left: 0; border-top: 1px dotted #ccc; }
.pagesub_nav_wrap li:first-child::before { display: none; }
.pagesub_nav_wrap li a { align-items: center; display: flex; height: 100%; }
.hm_menu_lst li {width:50%;}
}
 @media screen and (min-width:480px) {
.news_wrap dt { border-bottom: 1px dotted #b5945f; width: 245px; }
.news_wrap dt .news_cat { width: 110px; }
.news_wrap dd { width: calc(100% - 245px); }
.news_wrap dd a { padding-top: 13px; }
}
 @media screen and (max-width:767px) {
   .header_middle_leftbox { width: 145px; }
   .header_middle_leftbox .header_middle_lang { display: flex; width: 50px; }
.header_sp_nav {width:40px;}
.header_yoyaku  {display:none;}
.header_middle_logo { max-width: 160px; width: auto; padding: 3px 0; }
.header_middle_logo a img { height: auto; max-height: 34px; width: auto; }
.hm_menu_lst .menu_url a { font-size: 1.6rem; }
.menu_top,
.shop_top,
.news_top { height: 250px; }
.brand_ttl_jp { font-size: 1.8rem; }
.brand_ttl_en img { height: auto; max-height: 30px; width: auto; }
.intro_cont { margin-left: 20px; padding: 40px 0 50px; }
.intro_cont::before { top: -35px;left: -105px;width: 300px; height:300px; }
.intro_ttl .section_ttl_jp { font-size: 2rem;  }
.menu_wrap { padding-bottom: 20px; padding-top: 30px; }
.shop_in { padding-bottom: 40px; padding-top: 20px; }
.shop_in .pagesub_nav_wrap { border-radius: 6px; margin-bottom: 20px; padding: 0 10px; }
.shop_in .cmn_tbl_wrap { margin-bottom: 20px; }
.shop_ttl { font-size: 1.8rem; margin-bottom: 15px; }
.news_in { padding-bottom: 30px; padding-top: 10px; }
.news_wrap dt { font-size: 1.3rem; padding-bottom: 5px; padding-top: 10px; }
.news_wrap dd a { padding-bottom: 13px; }
.shop_recruit { padding: 10px 10px 10px 25px; height: 100px; }
.shop_recruit_ttl::before { height: 44px; left: -20px; top: calc(50% - 22px); width: 44px; }
.shop_recruit_ttl img { height: 30px; margin-right: 15px; width: auto; }
.shop_recruit_ttl a { font-size: 1.8rem; }
.menu_in .showmoretxt::after { background-image: url(../image-cmn/ico-arrow-01-down-white.png) !important; }
.menu_in .js_showlesstxt.showmoretxt::after { background-image: url(../image-cmn/ico-arrow-01-up-white.png) !important; }
.menu_url_sm {font-size:1.3rem;}
}
@media screen and (min-width:768px), print {
  .header_middle_leftbox { width: 20%; }
  .header_middle_leftbox .header_middle_lang { width: 40px; }
.header_top_nav { width: 65px; }
.head_h1 { width: calc(100% - 75px); }
.header_middle_logo { max-width: 200px; width: auto; padding: 10px 0; }
.header_middle_logo a img { height: auto; max-height: 62px; width:auto; }
.header_middle_nav {min-width:510px;}
.hm_menu_lst .menu_url a { font-size: 2rem; }
.menu_top,
.shop_top,
.news_top { height: 450px; }
.brand_ttl_jp { font-size: 2.4rem; }
.brand_ttl_en img { height: auto; max-height: 48px; width: auto; }
.intro_cont { padding: 100px 0; }
.intro_cont::before {width: 350px; height: 350px; }
.intro_ttl .section_ttl_jp { font-size: 4rem; line-height: 1.5; }
.menu_wrap { padding-bottom: 40px; padding-top: 60px; }
.menu_url_sm {font-size:1.5rem;}
.shop_in { padding-bottom: 70px; padding-top: 30px; }
.shop_in .pagesub_nav_wrap { border-radius: 60px; margin-bottom: 30px; padding: 0 20px; }
.shop_in .cmn_tbl_wrap { margin-bottom: 30px; }
.shop_ttl { font-size: 2.4rem; margin-bottom: 22px; }
.news_in { padding-bottom: 40px; padding-top: 20px; }
.news_wrap dt { padding-bottom: 20px; padding-top: 20px; }
.news_wrap dd a { padding-bottom: 23px; padding-top: 23px; }
.shop_recruit { padding: 10px 10px 10px 75px; height: 150px; }
.shop_recruit_ttl::before { height: 64px; left: -30px; top: calc(50% - 32px); width: 64px; }
.shop_recruit_ttl img { height: 37px; margin-right: 35px; width: auto; }
.shop_recruit_ttl a { font-size: 2.4rem; }
.shop_recruit_ttl a::before { content: "→"; color: #fff; font-size: 2rem; opacity: 0; position: absolute; right: 0; top: 2px; transition: .3s all ease-in-out; }
.shop_recruit:hover .shop_recruit_ttl::before { animation: rotating 2s linear infinite; }
.shop_recruit:hover .shop_recruit_ttl a::before { opacity: 1; right: -30px; }
/***Brand menu***/
.hm_menu_lst li { width: 25%; }
.hm_menu_lst li .hm_menu_img { transition: .3s all ease-in-out; }
}
@media screen and (min-width:1025px), print {
.menu_top,
.shop_top,
.news_top { background-attachment: fixed; }
}
@media screen and (min-width:768px) and (max-width:1179px), print {
.intro_cont { margin-left: 30px; }
.intro_cont::before { top: 0; left:-125px; }
}
@media screen and (min-width:1180px), print {
.intro_cont { margin-left: calc((100% - 1120px)/2); }
.intro_cont::before { top: 0; left: -140px;}
}
/* news */
.brand_news {
  padding: 20px 0 40px;
}
@media screen and (max-width:767px){
  .brand_news {
    padding: 0 10px 20px;
  }
}
.brand_news li {
  align-items: center;
  border-bottom: 1px dotted #3f2e26;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
}
@media screen and (max-width:767px){
  .brand_news li {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.brand_news_date {
  width: 110px;
}
.brand_news_cat {
  border: 1px solid #3f2e26;
  padding: 5px;
  text-align: center;
  width: 110px;
}
.brand_news_ttl {
  flex: 1 1 0%;
  padding-left: 30px;
}
@media screen and (max-width:767px){
  .brand_news_ttl {
    flex: auto;
    padding: 10px 0 0;
    width: 100%;
  }
}
.brand_news_btn {
  margin: 0 auto 60px;
  padding: 0 10px 10px;
  max-width: 350px;
}
/* brand button start */
.top_intro_btns {
	display: flex;
	justify-content: center;
  margin: 0 auto;
  padding: 50px 0 10px;
  position: relative;
  z-index: 10;
}
.top_intro_btns li {
	margin: 0 10px;
	width: calc((100% - 40px ) / 3 - .1px);
}
.top_intro_btns li a {
	align-items: center;
  background: #a17a44;
  border-radius: 8px;
  box-shadow: 0 4px 6px 0 rgb(0 0 0 / 30%);
  color: #fff;
  cursor: pointer;
  display: flex;
  font-family: "Noto Serif JP", serif;
	font-size: 2rem;
	height: 100%;
  justify-content: center;
	margin: 0 0 2px;
  position: relative;
	padding: 24px 20px;
  text-align: center;
}
.top_intro_btns_menu::before {
	background: url(../image-cmn/ico-top-menu.png) center / contain no-repeat;
}
.top_intro_btns_takeout::before {
	background: url(../image-cmn/ico-top-takeout.svg) center / contain no-repeat;
}
.top_intro_btns_takuhai::before {
	background: url(../image-cmn/ico-top-takuhai.svg) center / contain no-repeat;
}
.top_intro_btns li a::before {
	content: "";
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  vertical-align: middle;
  width: 30px;
}
.top_intro_btns li a::after{
	content: "→";
  height: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  right: 20px;
  font-size: 1.4rem;
  line-height: 0.8;
}
.top_intro_btns li a .top_intro_outlink::after {
  background: url(../image-cmn/ico-extendlink-white.png) center / cover no-repeat;
  content: "";
	display: inline-block;
  height: 20px;
  margin-left: 8px;
	position: relative;
  top: 4px;
  width: 20px;
}
.top_intro_btns li a:hover {
    box-shadow: none;
    margin: 2px 0 0;
}
@media screen and (max-width:767px) {
	.top_intro_btns {
		flex-direction: column;
		padding-bottom: 40px;
	}
	.top_intro_btns li {
		padding-bottom: 10px;
		margin: 0 auto;
		max-width: 330px;
		width: 100%;
	}
	.top_intro_btns li a {
		padding: 15px 3px;
		font-size: 1.8rem;
	}
}
/* brand button end */
/*採用情報*/
.shop_recruit_new { background: url(../image/home/bg-recruit.jpg) center/ cover no-repeat; border: 1px solid #ffcc00; display: flex; flex-direction: column; position: relative; }
.shop_recruit_new::before { background: rgba(255, 191, 0, .7); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.shop_recruit_new_ttl { color: #fff; margin-bottom: 30px; display: flex; position: relative; vertical-align: middle; z-index: 1; }
.shop_recruit_new_ttl::before { background: rgba(255,255,255,.2); content: ""; display: block; position: absolute; }
.shop_recruit_new_ttl img { display: inline-block; }
.shop_recruit_new_ttl a { color: #fff; display: inline-block; font-weight: bold; margin-top: 5px; padding-right: 30px; position: relative; vertical-align: middle; }
.shop_recruit_new_btnwrap .shop_recruit_new_btn { flex: auto; }
.shop_recruit_new_btnwrap .shop_recruit_new_btn a { background: #fff; color: #e37321; border: none; font-family: 'Noto Sans JP', sans-serif; }
.shop_recruit_new_btnwrap .shop_recruit_new_btn a:hover { background: #ffead6; }
.shop_recruit_new_btnwrap .shop_recruit_new_btn a .extend_link::after { background: url(../image/home/ico-outlink2.png) no-repeat; background-size: contain; content: "";  display: inline-block; height: 14px; margin-left: 5px; vertical-align: middle; width: 16px; }
@media screen and (max-width:767px) {
  .shop_recruit_new { padding: 20px; }
  .shop_recruit_new_ttl { font-size: 2rem; }
  .shop_recruit_new_ttl::before { height: 44px; left: -20px; top: calc(50% - 22px); width: 44px; }
  .shop_recruit_new_ttl img { height: 30px; margin-right: 15px; width: auto; }
  .shop_recruit_new_ttl a { font-size: 1.8rem; }
  .shop_recruit_new_btnwrap { width: 100%; }
  .shop_recruit_new_btnwrap .shop_recruit_new_btn { margin-bottom: 8px;}
}
@media screen and (min-width:768px), print {
  .shop_recruit_new { padding: 60px 40px; }
  .shop_recruit_new_ttl { font-size: 2.4rem; }
  .shop_recruit_new_ttl::before { height: 64px; left: -30px; top: calc(50% - 32px); width: 64px; }
  .shop_recruit_new_ttl img { height: 37px; margin-right: 20px; width: auto; }
  .shop_recruit_new_ttl a { font-size: 2.4rem; }
  .shop_recruit_new_btnwrap { display: flex; flex-wrap: wrap; gap: 20px; width: 100%; }
  .shop_recruit_new_btnwrap .shop_recruit_new_btn { width:calc((100% - 20px) / 2); max-width: 100%; }
  .shop_recruit_new_btnwrap .shop_recruit_new_btn a {font-size: 1.8rem;}
}