@charset "utf-8";
/*リストページ用CSS
2012.11*/
/* 汎用矢印リンク */
#side-column .arwlink,
#side-column .arwlink_sld,
#side-column .arwlink_box{
	text-align:right;
}
#side-column .cont .arwlink,
#side-column .cont .arwlink_sld,
#side-column .cont .arwlink_box{
	clear:both;

}
.arwlink a{
	background:transparent url("/gg/static/img/common/arrow_orng.gif") no-repeat left 3px;	
	padding:0 0 0 10px;
}
#side-column .arwlink a{
color:#8a6e4c;
}
.arwlink_sld a{
	background:transparent url("/gg/static/img/common/arrow_solid_orng.gif") no-repeat left 3px;	
	padding:0 0 0 13px;
}
.arwlink_box a{
	background:transparent url("/gg/static/img/common/arrow_box_orng.gif") no-repeat left top;	
	padding:0 0 0 15px;
}
.arwlink_sld_brn a{
		background:transparent url("/gg/static/img/common/arw_solid_brn.gif") no-repeat left 3px;	
	padding:0 0 0 13px;
}
.arw_solid_orng_down{
		background:transparent url("/gg/static/img/common/arw_solid_orng_down.gif") no-repeat left 3px;	
	padding:0 0 0 13px;
}

/* 告知メッセージ */
#notice {
margin:10px auto 0;
}


select{
padding:2px;
color:#666;
font-size:100%;
border: 1px solid #A49B93;
margin: 0;
line-height:110%;
}
select#tdf_english_name option{
  vertical-align:middle;
  padding: 1px 4px 0 2px;
}
.tabmodule  p.tab{
	float:right;
	width:80px;
	height:17px;
padding:8px 0 0 0;
margin:0 0 0 5px;
text-align:center;
}
.tabmodule  p.tab.on{
background:transparent url("/gg/static/img/list/tab_on.gif") no-repeat left top;	
color:#fff;

}
.tabmodule  p.tab.off{
background:transparent url("/gg/static/img/list/tab_off.gif") no-repeat left top;	
color:#8a6e4c;
}
.tabmodule  p.tab a{
color:#8a6e4c;
text-decoration:none;
}
.tabmodule  p.tab a:hover{
text-decoration:underline;
}

.alliance.shop h2{
height:27px;
padding:4px 0 0 12px;
}
.alliance.shop h2 img{
	vertical-align:middle;
margin:0 10px 0 0;
}

.shop .info ul.link{
	clear:both;
}
.shop .info ul.link li{
	float:left;
	margin:0 10px 0 0;
}
.shop .info ul.link li a{
display:block;
background:transparent url("/gg/static/img/list/link.gif") no-repeat right top;	
width:87px;
height:16px;
padding:4px 0 0 5px;
color:#fff;
text-decoration:none;
}
.shop .info ul.link li a:hover{
background:transparent url("/gg/static/img/list/link.gif") no-repeat right bottom;	
}

.shop.lunch .info ul.link li.menu a{
font-size:85%;
}
.shop.course .info ul.link li.menu a{
font-size:85%;
}
.shop.party .info ul.link li.menu a{
font-size:85%;
letter-spacing:-0.05em;
}



/* TABELOG */
div.shop div.info .stars {
    background: url("/gg/static/img/list/stars_bg.gif") no-repeat scroll right top transparent;
    height: 20px;
    width: 110px;
				padding:0 0 0 30px;
position:relative;
}
div.shop div.info .stars-none {
  /* background: url("/gg/static/img/list/stars_bg_none.gif") no-repeat scroll right top transparent; */
    height: 20px;
    width: 110px;
				padding:0 0 0 30px;
}
div.shop div.info .stars p.stars-on {
    background: url("/gg/static/img/list/stars_on.gif") no-repeat scroll left top transparent;
    height: 20px;
				    width: 110px;
}
div.shop div.info .stars p.txt {
left:0;
top:0;
position:absolute;
}
div.shop.alliance div.info ul{

}
div.shop.alliance div.info ul li {
				background-position:left 4px;
				background-repeat:no-repeat;
    min-height: 22px;
    padding: 4px 0 0 60px;
}
div.shop.alliance div.info ul li.area {
background-image: url("/gg/static/img/list/tb_area.gif");
}
div.shop.alliance div.info ul li.genre {
background-image: url("/gg/static/img/list/tb_genre.gif");
}
div.shop.alliance div.info ul li.address {
background-image: url("/gg/static/img/list/tb_address.gif");
}
div.shop.alliance div.info ul li.shophour {
background-image: url("/gg/static/img/list/tb_holiday.gif");
}

.shop.party h2,
.shop.coupon h2{
font-size:96%;
letter-spacing:0.06em;
}


/* 有料枠 */
.charge{
	clear:both;
	border:3px solid #ede8e1;
	padding:10px;
	margin:0 0 15px 0;
	overflow:hidden;
_overflow:visible;
}
.charge p{
	width:630px;
	float:left;
}
.charge img{
	float:right;
}


#etc{
	margin:0 0 15px 0;
}
#etc{
	
}
#etc .lightbox{
	text-align:center;
	padding:0 0 10px 0;
		border:1px solid #e2d4c3;
border-width:0 0 1px 0;
}
#etc {
    margin: 0 0 12px 0;
}
#etc h2 {
    margin: 0 0 10px;
}
#etc h3 {
font-size:100%;
    margin: 0 0 5px;
}
#etc form{
	margin:0 10px 0;
}
#etc select {
    margin-bottom: 5px;
    vertical-align: middle;
    width: 145px;
}
#etc ul {
    line-height: 1.6em;
    margin-bottom: 10px;
}
#etc p.button {
    margin-bottom: 10px;
    text-align: center;

}

/* LIGHTBOX */
.lightbox-inside {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #536376;
  display: none;
  padding: 15px;
  position: relative;
  width: 750px;
}
.lightbox-inside h3 {
    background: none repeat scroll 0 0 #AB9E91;
    float: left;
    width: 670px;
}
.lightbox-inside .close {
    float: right;
    width: 67px;
}
.lightbox-inside .list {
    clear: both;
}
.lightbox-inside dl {
    float: left;
    line-height: 160%;
    margin-right: 10px;
    width: 240px;
}
.lightbox-inside dl dt {
    background: none repeat scroll 0 0 #F2EDE6;
    font-weight: bold;
    margin: 10px 0 3px;
    padding: 1px 5px;
}
.lightbox-inside dl dd {
    margin: 0 0 0 5px;
}
.lightbox-inside .button {
    clear: both;
    padding-top: 10px;
    text-align: center;
}


/* 地図から探す */
#map img{
	margin:-5px 0 8px 0;
}
#map{
margin:0 0 15px 0;
overflow:hidden;
_overflow:visible;
}
#map p.arwlink{
	padding:0 8px 10px;
	border:1px solid #e2d4c3;
border-width:0 0 1px 0;
text-align:left;
}


/* RANKING */
#side-column #ranking{
	margin:0 0 15px 0;
}
#side-column #ranking h2{
	margin:0 0 10px 0;
}
#side-column #ranking .shop{
	border:none;
	width:178px;
	min-height:10px;
	margin:0 10px 10px;
	padding:0 0 10px;
	background:transparent url("/gg/static/img/common/dotline_beige.gif") repeat-x bottom;	
overflow:hidden;
}
#side-column #ranking .shop ul{
	width:117px;
	float:right;
}
#side-column #ranking .shop ul li.name{
font-weight:normal;
margin:0 0 4px 0;
}
#side-column #ranking .shop ul li.spec{
	color:#c19578;
	font-size:85%;
}
#side-column #ranking .shop ul li{
min-height:1em;
}
#side-column #ranking .shop img.rank{
margin:0 0 10px 0;
}
#side-column #ranking p.arwlink_sld_brn{
text-align:right;
padding:0 10px 10px 0;
border:1px solid #e2d4c3;
border-width:0 0 1px 0;
}






/* 他検索軸 */
ul#variety{
	margin:0 0 15px 0;
}
ul#variety li{
	margin:0 0 5px 0;
}

#special-header {
  font-size: 12px;
  font-weight: normal;
  height: 75px;
  line-height: 1.4em;
  margin-bottom: 10px;
  padding: 55px 330px 0 10px;
  width: 440px;
}

/* プレビュー表示用汎用フィルタ */
div#main-container div#contents div.preview {
	display:block;
	position:absolute;
	width:200px;
	height:3350px;
	background-color:#ffffff;
    filter: alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;
}

div#main-container div#contents div.preview span {
	position:relative;
	top:12px;
	left:12px;
	color:#ff0033;
	font-size:12px;
	font-weight:bold;
	
}

/*料理人へのリンク*/
#person-link{
	padding:0 0 10px 0;
}
#person-link .arwlink{
	text-align:left;
	margin:0 10px 0 20px;
	text-indent:-1em;
}
#person-link img{
	margin:-5px 0 8px 0;
}

/* 202407 */
:root{
  /* font-size */
  --title--L: 24px;
  --title--M: 20px;
  --title--S: 16px;
  --title--XS: 14px;
  --title--XXS: 12px;
  --title--XXXS: 10px;
  --text--L:20px;
  --text--M: 16px;
  --text--S: 14px;
  --text--XS: 12px;
  --text--XXS: 10px;
  /* line-height */
  --linespacing: 125%;
  --note-linespacing: 150%;
  /* color */
  --black-color: #333;
  --darkgray-color: #666;
  --gray-color: #8f8f8f;
  --lightgray-color: #adadad;
  --palegray-color: #efefef;
  --disable-color: #ddd;
  --palewhite-color: #f4f4f4;
  --white-color: #fff;
  --layer-color: rgba(0, 0, 0, 0.04);
  --layer-bg-color: rgba(0, 0, 0, 0.4);
  --primary-color: #e26762;
  --primaryhighlight-color: #ff6c58;
  --primaryactive-color: #c65651;
  --secondary-color: #a6764f;
  --secondaryhighlight-color: #c57e3f;
  --secondaryactive-color: #8e684A;
  /* border-radius */
  --borderradius-button: 8px;
  --borderradius-form: 8px;
  --borderradius-card: 12px;
  /* shadow */
  --shadow--S: 0 2px 10px rgb(0 0 0 / 8%);
  --shadow--M: 0 2px 40px rgb(0 0 0 / 10%);
  --shadow--L: 0 2px 60px rgb(0 0 0 / 12%);
}
/* hover */
#contents a:hover{
  cursor: pointer;
  opacity: .6;
}
/* ヘッダー調整 */
#renewal_header .container{
  width: calc(100vw - 80px);
  max-width: 1670px;
  padding: 0 40px 0 20px;
  box-sizing: border-box;
}
#renewal_header nav.breadcrumb{
  background: none;
}
/* メインコンテンツ */
/* #main-container::before {
  content: "";
  display: block;
  background-image: url(/gg/static/img/person/person_bg.jpg);
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  z-index: -1;
}
#main-container::after{
  content: "";
  display: block;
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: -1;
} */
#contents{
  display: flex;
  width: 100%;
  max-width: 1670px;
}
/* main column */
#main-column{
  flex: 1;
  padding: 40px;
  box-sizing: border-box;
  order: 2;
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
#main-column:has(#gallery-view),
#main-column:has(.no-result){
  display: block;
}
#midashi{
  width: 100%;
}
#midashi h1{
  color:var(--black-color);
  font-size: var(--title--L);
}
#midashi #copy{
  color: var(--gray-color);
  font-size: var(--text--S);
  line-height: var(--note-linespacing);
  margin: 10px 0 0;
}
#midashi #condition{
  display: flex;
  padding: 12px;
  font-size: var(--text--S);
  color: var(--gray-color);
  background-color: var(--layer-color);
  border-radius: var(--borderradius-button);
  margin: 20px 0 0;
}
#midashi #condition > img + span ~span{
  margin-left: 10px;
}
#midashi #condition > img{
  display: none;
}
.tabmodule{
  width: 100%;
}
.tabmodule .all{
  margin: 20px 0 10px;
  font-size: var(--text--S);
}
#main-column > .tabmodule .all{
  display: none;	
}
.shop-list{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
/* 検索結果0件 */
#main-column .no-result{
  text-align: center;
  margin: 40px 0;
  font-size: var(--text--M);
  line-height: var(--linespacing);
  color: var(--gray-color);
}
/* 画像検索 */
#gallery-view{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
/* shopカード・画像検索shopimgカード */
/* カセット削除要素 */
.shop > h2,
.shop .info p.access,
.shop .info p.desc,
.shop .info .spec dt img,
.shop .info .spec dt:has(img[src="/gg/static/img/person/ic_special.gif"]) + dd,
.shop .info .spec dt:has(img[src="/gg/static/img/person/ic_food.gif"]) + dd,
.shop .info .spec dt:has(img[src="/gg/static/img/person/ic_food.gif"]) + dd br,
.shopimg .spec br{
  display: none;
}
.shop,
.shopimg{
  height: auto !important;
  width: calc(calc(100% - 40px) / 5);
  aspect-ratio: 9/16;
  border-radius: var(--borderradius-card);
  overflow: hidden;
  box-shadow: var(--shadow--M);
  position: relative;
}
@media (width <= 1280px) {
  .shop,
  .shopimg{
	width: calc(calc(100% - 20px) / 3);
  }
}
@media (1440px < width) {
  .shop,
  .shopimg{
    width: calc(calc(100% - 40px) / 5);
  }
}
.shopimg{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 12px;
  box-sizing: border-box;
}
.shopimg .photo{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.shop .photo a,
.shopimg .photo a{
  display: block;
}
.shop .photo a::before,
.shopimg .photo a::before{
  content: "";
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 9 / 16;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  position: absolute;
}
.shop .photo a img,
.shopimg .photo a img{
  width: 100%;
  height: auto;
  aspect-ratio: 9 / 16;
  object-fit: cover;
}
.shop .info{
  position: absolute;
  bottom: 0;
  width: calc(100% - 24px);
  height: auto;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  margin: 12px;
  border-radius: var(--borderradius-card);
  box-sizing: border-box;
  z-index: 1;
}
.shop .info,
.shop .info a,
.shop .info p{
  color: var(--white-color);
  line-height: var(--linespacing);
}
.shop .info dl.spec{
  display: flex;
  flex-wrap: wrap;
  font-size: var(--text--XXS);
  line-height: var(--linespacing);
  margin: 4px 0 0;
}
.shop .info p.spec,
.shopimg > .spec{
  font-size: var(--text--XXS);
}
.shop .info p.person,
.shopimg .pname{
  font-size: var(--title--M);
  font-weight: bold;
}
.shop .info .spec .experience{
  font-size: var(--text--XS);
}
.shop .info .spec dt:has(img[src="/gg/static/img/person/ic_experience.gif"])::before{
  content: "・経験年数";
}
.shop .info > div,
.shopimg .shop-info{
  background-color: var(--layer-bg-color);
  border-radius: var(--borderradius-button);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-sizing: border-box;
  padding: 10px 12px;
  margin: 10px 0 0;
  display: flex;
  flex-direction: column-reverse;
}
.shop .info > div .name,
.shop .info > div .spec,
.shopimg .spec,
.shopimg .name a{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: break-spaces;
  word-break: break-all;
}
.shopimg .spec br{
  display: none;
}
.shop .info > div .name,
.shopimg .name a{
  -webkit-line-clamp: 2;
  font-size: var(--title--XXS);
  color: var(--white-color);
  line-height: var(--linespacing);
  height: 30px;
}
.shop .info > div .spec{
  -webkit-line-clamp: 1;
  margin: 4px 0 0;
}
.shopimg .name,
.shopimg .pname,
.shopimg .spec{
  z-index: 1;
  color: var(--white-color);
  line-height: var(--linespacing);
}
.shopimg .name{
  order: 3;
  margin: 10px 0 0;
  padding: 10px 12px 0;
  position: relative;
}
.shopimg .name::before{
  content: "";
  display: block;
  width: 100%;
  height: 68px;
  background-color: var(--layer-bg-color);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-sizing: border-box;
  border-radius: var(--borderradius-button);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.shopimg .spec:nth-last-child(2){
  order: 4;
  -webkit-line-clamp: 1;
  margin: 4px 12px 10px;
} 
.shopimg .spec + .spec{
  margin: 4px 0 0;
  font-size: var(--text--XXS);
}
  
/* side column */
#side-column{
  width: 340px;
  padding: 20px;
  box-sizing: border-box;
  order: 1;
}
#areasearch,
#static-contents{
  margin: 20px 0 0;
}
#person-genre h2,
#person-genre2 h2,
#areasearch h2,
#static-contents h2{
  color:var(--black-color);
  font-size: var(--title--S);
  font-weight: bold;
  margin: 0 0 10px;
}
[id^="person-genre"] > ul{
  box-shadow: var(--shadow--S);
  background-color: var(--layer-color);
}
#person-genre ul,
#person-genre2 ul.list1 > li,
#person-genre2 ul.list2 > li,
#person-genre2 ul.list3 > li,
#person-genre2 ul.list2 .selected,
#person-genre2 ul.list3,
#person-genre2 ul.list4{
  display: flex;
  flex-direction: column;
  gap: 1px;
}
#person-genre ul,
#person-genre2 ul.list1 > li{
  border-radius: var(--borderradius-button);
  overflow: hidden;
}
#person-genre ul li a,
#person-genre2 ul.list1 li a,
#person-genre2 ul.list2 li strong{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  box-sizing: border-box;
  font-size: var(--title--XS);
  font-weight: normal;
  line-height: var(--linespacing);
  background-color: var(--white-color);
  color: var(--black-color);
}
#person-genre2 ul.list2 li strong{
  font-weight: bold;
}
#person-genre2 ul.list3 .selected strong,
#person-genre2 ul.list3 li a{
  padding: 12px 12px 12px 32px;
}
#person-genre2 ul.list4 .selected strong,
#person-genre2 ul.list4 li a{
  padding: 12px 12px 12px 52px;
}
#areasearch .selected ul,
#areasearch .neighbor{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#areasearch .neighbor dt{
  display: none;
}
#search #areasearch .list1 .selected strong{
  margin: 12px 0;
  font-size: var(--text--S);
  color: var(--black-color);
  display: block;
}
#areasearch .selected ul li,
#areasearch .neighbor dd,
#areasearch .neighbor dd,
#areasearch .selected ul li{
  width: calc(calc(100% - 20px) / 3);
}
#areasearch .selected ul li a,
#areasearch .neighbor dd a,
#areasearch .neighbor dd span,
#areasearch .selected ul li span{
  display: block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: center;
  padding: 0 12px;
  box-sizing: border-box;
  background-color: var(--white-color);
  border-radius: 4px;
  font-size: var(--text--S);
  font-weight: normal;
  color: var(--black-color);
  box-shadow: var(--shadow--S);
}
#areasearch .selected ul li.disabled span,
#areasearch ul.neighbor li span{
  background-color: var(--disable-color);
  color: var(--lightgray-color);
  box-shadow: none;
}
/* ジャンルアイコン表示 */
#person-genre ul li a::before{
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
#person-genre ul li a::after{
  content: "";
  font-size: var(--title--XS);
  color: var(--black-color);
}
#person-genre ul li a img{
  display: none;
}
#person-genre ul li a[href^="/person/PE1/"]::before{	
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2064%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23000%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M76%2C0H4C1.79%2C0%2C0%2C1.79%2C0%2C4v4c0%2C22.06%2C17.94%2C40%2C40%2C40s40-17.94%2C40-40v-4c0-2.21-1.79-4-4-4ZM40%2C40c-17.64%2C0-32-14.36-32-32h64c0%2C17.64-14.36%2C32-32%2C32Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M52%2C56h-24c-2.21%2C0-4%2C1.79-4%2C4s1.79%2C4%2C4%2C4h24c2.21%2C0%2C4-1.79%2C4-4s-1.79-4-4-4Z%22%2F%3E%3C%2Fsvg%3E')
}
#person-genre ul li a[href^="/person/PE1/"]::after{
  content: "日本料理";
}
#person-genre ul li a[href^="/person/PE2/"]::before{	
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2060%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23000%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M72%2C16C64.37%2C5.83%2C52.71%2C0%2C40%2C0S15.63%2C5.83%2C8%2C16C2.84%2C22.88%2C0%2C31.4%2C0%2C40v16c0%2C1.42.75%2C2.73%2C1.97%2C3.45%2C1.22.72%2C2.73.74%2C3.97.05%2C21.33-11.85%2C46.79-11.85%2C68.12%2C0%2C.6.33%2C1.27.5%2C1.94.5.7%2C0%2C1.4-.18%2C2.03-.55%2C1.22-.72%2C1.97-2.03%2C1.97-3.45v-16c0-8.6-2.84-17.12-8-24ZM72%2C49.52c-10.22-4.61-21.11-6.91-32-6.91s-21.78%2C2.31-32%2C6.91v-9.52c0-6.88%2C2.27-13.7%2C6.4-19.2%2C2-2.67%2C4.36-4.96%2C6.97-6.84l2.75%2C11c.46%2C1.82%2C2.09%2C3.03%2C3.88%2C3.03.32%2C0%2C.65-.04.97-.12%2C2.14-.54%2C3.45-2.71%2C2.91-4.85l-3.24-12.97c3.57-1.35%2C7.4-2.06%2C11.36-2.06s7.79.72%2C11.36%2C2.06l-3.24%2C12.97c-.54%2C2.14.77%2C4.31%2C2.91%2C4.85.33.08.65.12.97.12%2C1.79%2C0%2C3.42-1.21%2C3.88-3.03l2.75-11c2.61%2C1.88%2C4.97%2C4.17%2C6.97%2C6.84%2C4.13%2C5.5%2C6.4%2C12.32%2C6.4%2C19.2v9.52Z%22%2F%3E%3C%2Fsvg%3E')
}
#person-genre ul li a[href^="/person/PE2/"]::after{
  content: "中華料理";
}
#person-genre ul li a[href^="/person/PG0303/"]::before{	
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2079.99%2079.99%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23000%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M74.12%2C5.88c-7.83-7.83-20.58-7.83-28.41%2C0L5.88%2C45.69c-3.79%2C3.79-5.88%2C8.84-5.88%2C14.21s2.09%2C10.41%2C5.88%2C14.21%2C8.84%2C5.88%2C14.21%2C5.88%2C10.41-2.09%2C14.21-5.88l39.82-39.82c7.83-7.83%2C7.83-20.58%2C0-28.41ZM68.46%2C28.63l-39.82%2C39.82c-2.28%2C2.28-5.32%2C3.54-8.55%2C3.54s-6.26-1.26-8.55-3.54-3.54-5.32-3.54-8.55%2C1.26-6.26%2C3.54-8.55L51.36%2C11.53c2.36-2.36%2C5.45-3.54%2C8.55-3.54s6.19%2C1.18%2C8.55%2C3.54c4.71%2C4.71%2C4.71%2C12.38%2C0%2C17.1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M24.03%2C47.96c-2.21%2C0-4%2C1.79-4%2C4v8c0%2C2.21%2C1.79%2C4%2C4%2C4s4-1.79%2C4-4v-8c0-2.21-1.79-4-4-4Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M40.03%2C31.96c-2.21%2C0-4%2C1.79-4%2C4v8c0%2C2.21%2C1.79%2C4%2C4%2C4s4-1.79%2C4-4v-8c0-2.21-1.79-4-4-4Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M56.03%2C15.96c-2.21%2C0-4%2C1.79-4%2C4v8c0%2C2.21%2C1.79%2C4%2C4%2C4s4-1.79%2C4-4v-8c0-2.21-1.79-4-4-4Z%22%2F%3E%3C%2Fsvg%3E')
}
#person-genre ul li a[href^="/person/PG0303/"]::after{
  content: "フレンチ";
}
#person-genre ul li a[href^="/person/PG0302/"]::before{	
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080.01%2080%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23000%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M77.69%2C16.39C67.66%2C5.82%2C54.27%2C0%2C40%2C0S12.35%2C5.82%2C2.32%2C16.39c-2.62%2C2.76-3.07%2C6.97-1.09%2C10.23l28.84%2C47.69c2.15%2C3.56%2C5.87%2C5.68%2C9.94%2C5.68s7.79-2.12%2C9.94-5.68l28.84-47.69c1.98-3.27%2C1.53-7.48-1.09-10.24ZM8.12%2C21.9c8.51-8.96%2C19.84-13.9%2C31.89-13.9s23.38%2C4.94%2C31.89%2C13.9c.13.14.15.41.04.59l-3.58%2C5.92-1.23-1.23c-7.24-7.24-16.87-11.23-27.12-11.23s-19.87%2C3.99-27.12%2C11.23l-1.23%2C1.23-3.58-5.92c-.11-.18-.09-.45.04-.59ZM29.24%2C57.5l-5.85-9.68c1.14-1.37%2C2.82-2.17%2C4.61-2.17%2C3.31%2C0%2C6%2C2.69%2C6%2C6%2C0%2C2.87-2.01%2C5.27-4.76%2C5.85ZM43.1%2C70.18c-.7%2C1.16-1.83%2C1.82-3.09%2C1.82s-2.39-.66-3.09-1.82l-3.41-5.65c5.04-2.15%2C8.51-7.13%2C8.51-12.88%2C0-7.72-6.28-14-14-14-3.27%2C0-6.37%2C1.16-8.84%2C3.17l-3.25-5.37%2C2.63-2.63c5.73-5.73%2C13.35-8.89%2C21.46-8.89s15.73%2C3.16%2C21.46%2C8.89l2.63%2C2.63-21%2C34.72Z%22%2F%3E%3C%2Fsvg%3E')
}
#person-genre ul li a[href^="/person/PG0302/"]::after{
  content: "イタリアン";
}
#person-genre ul li a[href^="/person/PE3/"]::before{	
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23000%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M48%2C16h-25.15l18.77-8.34c2.02-.9%2C2.93-3.26%2C2.03-5.28-.9-2.02-3.26-2.93-5.28-2.03L2.37%2C16.34c-1.78.79-2.69%2C2.72-2.27%2C4.55C.04%2C21.26%2C0%2C21.63%2C0%2C22.01v14.02c.02%2C13.22%2C10.79%2C23.98%2C24.01%2C23.98h23.99c2.21%2C0%2C4-1.79%2C4-4s-1.79-4-4-4h-23.99c-8.81%2C0-15.99-7.17-16-15.99v-12.01s39.99%2C0%2C39.99%2C0c13.23%2C0%2C24%2C10.77%2C24%2C24s-10.77%2C24-24%2C24h-28c-2.21%2C0-4%2C1.79-4%2C4s1.79%2C4%2C4%2C4h28c17.64%2C0%2C32-14.36%2C32-32s-14.36-32-32-32Z%22%2F%3E%20%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2228%22%20cy%3D%2236%22%20r%3D%226%22%2F%3E%3C%2Fsvg%3E')
}
#person-genre ul li a[href^="/person/PE3/"]::after{
  content: "アジア・エスニック料理";
}
#person-genre ul li a[href^="/person/PE4/"]::before{	
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23000%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M22.3%2C40.64c-1.56-1.56-4.1-1.56-5.66%2C0-1.56%2C1.56-1.56%2C4.09%2C0%2C5.66l16.82%2C16.82c.78.78%2C1.8%2C1.17%2C2.83%2C1.17s2.05-.39%2C2.83-1.17c1.56-1.56%2C1.56-4.09%2C0-5.66l-16.82-16.82Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M30.53%2C24.88c-1.56-1.56-4.1-1.56-5.66%2C0-1.56%2C1.56-1.56%2C4.09%2C0%2C5.66l20.91%2C20.91c.78.78%2C1.8%2C1.17%2C2.83%2C1.17s2.05-.39%2C2.83-1.17c1.56-1.56%2C1.56-4.09%2C0-5.66l-20.91-20.91Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M46.3%2C16.64c-1.56-1.56-4.1-1.56-5.66%2C0-1.56%2C1.56-1.56%2C4.09%2C0%2C5.66l9.7%2C9.7c.78.78%2C1.8%2C1.17%2C2.83%2C1.17s2.05-.39%2C2.83-1.17c1.56-1.56%2C1.56-4.09%2C0-5.66l-9.7-9.7Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M79.99%2C22.11c-.43-12.19-10.92-22.11-23.39-22.11h-10.91C20.49%2C0%2C0%2C20.49%2C0%2C45.68c0%2C9.48%2C3.97%2C18.62%2C10.91%2C25.09%2C6.43%2C6%2C14.65%2C9.23%2C23.38%2C9.23.82%2C0%2C1.64-.03%2C2.46-.08%2C16.96-1.17%2C30.64-14.84%2C31.81-31.81.1-1.44.07-3.5%2C0-5.3%2C7.28-4.23%2C11.73-12.2%2C11.43-20.69ZM63.72%2C36.33c-2.05%2C1.02-3.31%2C3.18-3.21%2C5.5.11%2C2.53.13%2C4.62.05%2C5.73-.9%2C13-11.38%2C23.48-24.38%2C24.38-7.39.5-14.44-1.98-19.83-7.01-5.39-5.03-8.36-11.87-8.36-19.24%2C0-20.78%2C16.91-37.68%2C37.68-37.68h10.91c8.21%2C0%2C15.11%2C6.46%2C15.39%2C14.4.21%2C5.85-3.04%2C11.32-8.27%2C13.93Z%22%2F%3E%3C%2Fsvg%3E')
}
#person-genre ul li a[href^="/person/PE4/"]::after{
  content: "焼肉・韓国料理";
}
#person-genre ul li a[href^="/person/PG0304/"]::before{	
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23000%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M48%2C20c0-2.21-1.79-4-4-4s-4%2C1.79-4%2C4v8c0%2C2.21%2C1.79%2C4%2C4%2C4s4-1.79%2C4-4v-8Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M36%2C48c-2.21%2C0-4%2C1.79-4%2C4v8c0%2C2.21%2C1.79%2C4%2C4%2C4s4-1.79%2C4-4v-8c0-2.21-1.79-4-4-4Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M60%2C40h-8c-2.21%2C0-4%2C1.79-4%2C4s1.79%2C4%2C4%2C4h8c2.21%2C0%2C4-1.79%2C4-4s-1.79-4-4-4Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M28%2C32h-8c-2.21%2C0-4%2C1.79-4%2C4s1.79%2C4%2C4%2C4h8c2.21%2C0%2C4-1.79%2C4-4s-1.79-4-4-4Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M70.96%2C14.7l4.87-4.87c1.56-1.56%2C1.56-4.09%2C0-5.66-1.56-1.56-4.1-1.56-5.66%2C0l-4.87%2C4.87C58.4%2C3.4%2C49.59%2C0%2C40%2C0%2C17.94%2C0%2C0%2C17.94%2C0%2C40c0%2C9.59%2C3.4%2C18.4%2C9.04%2C25.3l-4.87%2C4.87c-1.56%2C1.56-1.56%2C4.09%2C0%2C5.66.78.78%2C1.8%2C1.17%2C2.83%2C1.17s2.05-.39%2C2.83-1.17l4.87-4.87c6.9%2C5.65%2C15.71%2C9.04%2C25.3%2C9.04%2C22.06%2C0%2C40-17.94%2C40-40%2C0-9.59-3.4-18.4-9.04-25.3ZM40%2C72c-17.64%2C0-32-14.36-32-32S22.36%2C8%2C40%2C8s32%2C14.36%2C32%2C32-14.36%2C32-32%2C32Z%22%2F%3E%3C%2Fsvg%3E')
}
#person-genre ul li a[href^="/person/PG0304/"]::after{
  content: "スペイン料理";
}
#person-genre ul li a[href^="/person/PE5/"]::before{	
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23000%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M79.1%2C6.53c.98-1.2%2C1.18-2.85.52-4.25-.66-1.4-2.07-2.29-3.61-2.29H4C2.45%2C0%2C1.05.89.39%2C2.29-.28%2C3.68-.07%2C5.34.9%2C6.53l35.1%2C42.89v22.57h-12c-2.21%2C0-4%2C1.79-4%2C4s1.79%2C4%2C4%2C4h32c2.21%2C0%2C4-1.79%2C4-4s-1.79-4-4-4h-12v-22.57L79.1%2C6.53ZM25.53%2C24h28.94l-14.47%2C17.68-14.47-17.68ZM67.56%2C8l-6.55%2C8H18.99l-6.55-8h55.12Z%22%2F%3E%3C%2Fsvg%3E')
}
#person-genre ul li a[href^="/person/PE5/"]::after{
  content: "ノンジャンル・バーテンダーなど";
}
/* シェフヨコ導線 */
#static-contents a{
  position: relative;
  display: block;
  border-radius: var(--borderradius-card);
  box-shadow: var(--shadow--M);
}
#static-contents a img{
  display: none;
}
#static-contents a::after{
  content: "";
  display: block;
  background-image: url(/img/sp/slider/top_static.jpg);
  background-size: cover;
  width: 300px;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: var(--borderradius-card);
}
#static-contents a::before{
  content: "シェフのインタビューを読む";
  font-size: var(--title--XS);
  color: var(--white-color);
  display: flex;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  width: 300px;
  height: auto;
  aspect-ratio: 3 / 2;
  position: absolute;
  border-radius: var(--borderradius-card);
  align-items: flex-end;
  padding: 20px;
  box-sizing: border-box;
}
#static-contents a .text{
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
  color: var(--white-color);
  font-size: var(--title--L);
  font-weight: bold;
}
#static-contents a .text p:last-child{
  font-size: var(--title--XS);
  display: flex;
  align-items: center;
}
/* 旬味・公式SNS・app導線削除 */
#side-column .sidebnr,
#side-column #smartphone,
#static-contents a[href^="/chef/"] + h2,
#static-contents a[href^="/chef/"] + h2 + a{
  display: none;
}
/* ページャー */
.pagenumber{
  display: flex;
  gap: 4px;
  text-align: center;
  justify-content: center;
  width: 100%;
  margin: 40px 0;
}
.pagenumber a,
.pagenumber .current{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white-color);
  color: var(--darkgray-color);
  font-size: var(--text--S);
  font-weight: normal;
  width: 44px;
  height: 44px;
  line-height: 44px;
  border-radius: var(--borderradius-button);
  box-shadow: var(--shadow--S);
}
.pagenumber .current{
  background: none;
  color: var(--black-color);
  font-weight: bold;
  box-shadow: none;
}
.pagenumber .back a img,
.pagenumber .next a img{
  display: none;
}
.pagenumber .back a::before,
.pagenumber .next a::before{
  content: "";
  font-size: 20px;
  font-family: 'Noto Sans JP', 'Noto Sans Japanese', 'icomoon' !important;
}
.pagenumber .back a::before{
  content: "\e925";
}
.pagenumber .next a::before{
  content: "\e904";
}
.pagenumber a:hover{
  opacity: .6;
}
/* トップのページャーのみ削除 */
#midashi .tabmodule .pagenumber{
  display: none;
}
/* to top削除 */
.totop{
  display: none;
}
/* copyright */
.copyright_area{
  min-width: 1200px;
}
.copyright{
  clear: both;
  width: 1160px;
  margin: 0 auto;
  text-align: right;
  padding: 20px 0;
  font-size: 11px;
  line-height: 100%;
  font-weight: normal;
}