@charset "UTF-8";
@import url("areamap.css");
a, a:hover {
  transition: .2s;
  text-decoration: none
}
#contents {
  clear: both;
  margin: 20px auto 60px;
  width: 1120px
}
#side-column {
  width: 300px;
  float: right;
  overflow: hidden;
  _overflow: visible
}
#side-column a img {
  width: 300px
}
.bnr_psc a {
  background-color: #fff;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px;
  border-radius: 4px;
  line-height: 132%;
}
.bnr_psc a:hover {
  background-color: #A57E49;
}
.bnr_psc a .co {
  font-size: 28px;
  font-weight: bold;
  display: inline-block;
color: #333
}
.bnr_psc a .co .unit {
  font-size: 12px;
}
.bnr_psc a p {
  font-size: 14px;
  display: inline-block;
  color: #8f8f8f
}
.bnr_psc a:hover .co, .bnr_psc a:hover p {
  color: #fff
}
#header {
  text-align: center;
  background: transparent url(../images/header_bg02.gif)repeat-x top
}
#header-bottom, #header-top {
  text-align: left;
  width: 810pt;
  margin: 0 auto
}
/* NO.1 */
.no1 {
  display: inline-block !important;
  height: 24px;
  margin: 0 20px 0 10px;
}
#main-column {
  width: 780px;
  padding: 0 0 80px;
  float: left;
  overflow: hidden;
  _overflow: visible
}
#side-column div.spbr img, .side-link img {
  margin: 0 0 20px;
  width: 300px;
  height: auto
}
h1 {
  font-size: 100%;
  float: left;
  font-weight: 400;
  margin: 0 0 5px
}
#main-column h2 {
  clear: both;
  color: #333;
  font-size: 24px;
  line-height: 132%;
  margin: 0 0 20px;
}
#main-column h1 span {
  color: #975f3a
}
#side-column h2 {
  font-size: 20px;
  line-height: 132%;
  margin: 20px 0 20px;
  color: #333;
}
#side-column h2 span {
  padding: 0 6px 0 0
}
h3 {
  font-size: 107%
}
h4 {
  font-size: 100%
}
#main-column div.cont {
  width: 100%;
  overflow: hidden;
}
#main-column .arwlink span {
  font-weight: bold;
/*    margin-bottom: 10px;
*/}
#main-column .arwlink a {
  color: #8a6e4c
}
.arwlink_sld a {
  background: transparent url(../images/arrow_solid_orng.gif)no-repeat left 3px;
  padding: 0 0 0 13px
}
.arwlink_box a {
  background: transparent url(../images/arrow_box_orng.gif)no-repeat left 3px;
  padding: 0 0 0 15px
}
#magazine_ranking .cont .arwlink, #ranking .cont .arwlink {
  position: relative;
  width: 246px;
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 20px;
  background: url(../images/magazine-rank-bg.jpg)no-repeat center center;
  background-size: cover;
  transition: .2s
}
#ranking .cont .arwlink {
  background: url(../images/access-rank-bg.jpg)no-repeat center center;
  background-size: cover;
  height: auto;
}
#magazine_ranking .cont .arwlink:after, #ranking .cont .arwlink:after {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, .16);
  height: 100%;
  width: 100%;
  position: absolute;
  pointer-events: none;
}
#magazine_ranking .cont .arwlink a, #ranking .cont .arwlink a {
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  padding: 16px;box-sizing: border-box;
}
/*#ranking .cont .arwlink a {
    flex-direction: column;
    text-align: center;
  
}*/
#ranking .arwlink:hover,#magazine_ranking .arwlink:hover  {
  opacity: .8
}
/*#ranking .cont .arwlink a:hover {
  background-color: #A57E49;
  color: #fff;
  opacity: 1
}
*/#magazine_ranking .cont .arwlink a:after, #ranking .cont .arwlink a:after {
  content: "\e904";
  display: block;
  font-family: icomoon;
  font-size: 12px;
  height: 16px;
  line-height: 20px;
  padding-left: 10px;
}
/*#ranking .cont .arwlink a:after{
	margin-top: 10px
}*/
#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
}
.totop {
  clear: both;
  text-align: right;
  margin-bottom: 40px;
  margin-top: 40px
}
.totop a {
  background: #fff;
  font-size: 16px;
  padding: 16px;
  width: 100%;
  border-radius: 4px;
  display: block;
  text-align: center;
  box-sizing: border-box;
}
.totop a:hover {
  text-decoration: none;
  background-color: #A57E49;
  color: #fff;
}
#main-column #copy {
  padding: 0 0 10px;
  line-height: 120%
}
.photo {
  position: relative;
  width: 357px;
  float: left;
  margin: 0 3px 0 0
}
.main_search {
  margin: 0 0 20px;
  overflow: hidden
}
.main_search .search_box {
  background: #f3e4d1
}
.main_search .search_box input {
  width: 25pc;
  margin: 8px 0 8px 6px;
  height: 24px;
  border: 1px solid #e3d4c1;
  font-size: 120%;
  padding-left: 10px;
  color: #635240;
  font-family: メイリオ, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro W3, osaka, ?�?�\ ?�ゴシ�?��, sans-serif
}
.main_search .search_box .search_box_empty {
  color: #b9b9b9
}
.main_search .search_box .search_button {
  width: 60px;
  height: 30px;
  margin: 8px 0 8px 10px;
  padding-left: 0
}
.main_search p.ch {
  font-size: 14px;
  font-weight: 700;
  padding: 0 0 20px;
  line-height: 132%
}
.main_search p.ch a {
  color: #333;
}
.main_search p.ch a:hover, .about_link:hover {
  text-decoration: none;
  color: #A57E49
}
.about_link:hover, #withwho ul li a:hover {
  text-decoration: none;
  background-color: #A57E49;
  color: #fff
}
.main_search dl.top_sh {
  background-color: #fff;
  padding: 6px 12px;
  margin-bottom: 1px;
  border-radius: 8px;
  width: 100%;
  box-sizing: border-box;
  min-height: 40px;
  overflow: hidden;
}
.main_search dl.top_sh dt {
  color: #333;
  font-weight: 700;
  font-size: 14px;
  float: left;
  width: 94px;
  margin-bottom: 8px;
  padding-top: 6px;
}
.main_search dl.top_sh dd {
  display: inline-block;
  white-space: nowrap;
  margin: 0 0 0px 2px;
  font-size: 14px;
  line-height: 132%;
}
.main_search dl.top_sh dd a {
  font-weight: 700;
  color: #8f8f8f;
  padding: 4px 8px;
  display: block
}
.main_search dl.top_sh dd a:hover {
  color: #A57E49;
  text-decoration: none;
  background-color: #f4f4f4;
  border-radius: 4px;
}
.main_search .tdf_sh {
  clear: both
}
.main_search .tdf_sh ul {
  margin: 0;
  padding: 0
}
.main_search .tdf_sh ul li {
  float: left;
  margin: 0;
  height: 30px;
  font-size: 100%;
  line-height: 110%;
  font-weight: 700;
  width: 11pc;
  display: block;
  background: url(../images/top_arrow.gif)no-repeat 0 1px;
  padding: 0 0 0 9px
}
.main_search .tdf_sh h2 {
  clear: both;
  font-size: 160% !important;
  line-height: 140%;
  height: 22px !important;
  padding: 0 0 0 9pt !important;
  margin: 10px 0 20px !important;
  border-left: 2px solid #a97452 !important;
  color: #a97452 !important;
  font-weight: 400 !important
}
.main_search .tdf_sh .station {
  margin: 0 0 10px 634px
}
.main_search .tdf_sh .station, .main_search .tdf_sh_map .station {
  background: url(../images/icon_station.jpg)no-repeat;
  padding: 0 0 0 20px;
  clear: both;
  width: 140px;
  font-weight: 700
}
.main_search .tdf_sh_map .station {
  margin: -10px 0 10px 634px
}
.picup {
  overflow: hidden;
  margin: 0 0 20px;
  clear: both
}
.picup div.pic01 {
  width: 440px;
  display: block;
  height: auto;
  float: left;
}
.picup div.pic01 img {
  width: 440px;
  height: 440px
}
.picup div.pic02 {
  width: 317px;
  float: right;
  display: block;
  position: relative;
}
.picup div.pic02.m {
  margin: 0;
  display: block;
  float: none;
  width: 100%;
  overflow: hidden
}
.picup div.pic02.m img {
  width: 100%;
  height: 260px
}
.picup div.pic_text {
  position: absolute;
  bottom: 0;
  padding: 20px;
  box-sizing: border-box;
  font-size: 14px;
  pointer-events: none;
  font-weight: bold
}
.picup div.pic02 p {
  font-size: 16px;
  line-height: 132%;
  margin: 10px 0 0;
  color: #fff;
}
.picup div.pic02 p:first-child {
  margin-top: 0;
}
.picup div.pic02 img {
  width: 317px;
  height: 210px;
}
.picup div.pic02 p a {
  font-size: 24px;
  line-height: 132%;
  font-weight: bold;
  color: #fff
}
.picup .photo {
  color: #fff;
  float: right;
  width: 317px;
  display: block;
  margin: 0 0 20px
}
.picup .photo img {
  width: 317px;
  height: 210px
}
.picup .photo:before {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, .28);
  width: 317px;
  height: 210px;
  position: absolute;
  pointer-events: none;
}
.pic02:before {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, .16);
  width: 317px;
  height: 210px;
  position: absolute;
  pointer-events: none;
}
.pic02.m:before {
  width: 100%;
  height: 260px;
}
.picup .photo .copy {
  z-index: 2;
  background: transparent url(../images/photo_bg_2019.png)repeat-x top;
  top: 0;
  font-size: 100%;
  color: #fff
}
.picup .photo .copy, .picup .photo .info {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
  width: 317px;
  height: 210px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.picup .photo .info {
  padding: 20px;
  pointer-events: none;
  font-weight: bold
}
.picup .photo .copy {
  display: none
}
.picup .photo .name a {
  color: #fff;
  text-decoration: none;
  margin-bottom: 10px;
  display: block;
  font-weight: bold;
  font-size: 24px;
  line-height: 132%;
}
.picup .photo .area {
  font-size: 16px;
}
.kodawari {
  margin: 40px 0 20px;
  overflow: hidden
}
#main-column .kodawari .shop_k {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background: #fff;
  padding: 0;
  width: 246px;
  margin: 0 0 20px;
  height: 308px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.shop_k:before {
  content: "";
  clear: both;
  display: block;
}
#main-column .kodawari .shop_k.m {
  margin: 0 20px 20px
}
#main-column .kodawari .shop_k p.img {
  float: left;
  display: block;
  width: 90px
}
#main-column .kodawari .shop_k p a img {
  width: 100%;
  height: 164px
}
#main-column .kodawari .shop_k ul {
  margin: 0;
  padding: 16px;
}
#main-column .kodawari .shop_k ul li.name {
  font-weight: 700;
  margin: 0 0 10px;
  font-size: 16px;
}
#main-column .kodawari .shop_k ul li.name a {
  color: #333;
  line-height: 132%
}
#main-column .kodawari .shop_k ul li.desc {
  color: #8f8f8f;
  font-size: 14px;
  line-height: 160%
}
#main-column .kodawari .shop_k ul li.type img {
  float: none;
  line-height: 100%;
  margin: 0 0 10px
}
#main-column #newopen .shop_k ul li.name {
  font-weight: 400
}
#main-column #arrival .shop_k ul, #main-column #newopen .shop_k ul {
  width: 134px
}
#main-column #arrival .shop_k ul li.name {
  font-weight: 400
}
#main-column .kodawari ul.k_list, #main-column .kodawari ul.k_list li {
  clear: both;
  background: url(../images/top_line.gif)repeat-x bottom
}
#main-column .kodawari ul.k_list li {
  padding: 6px 0;
  font-size: 100%;
  height: 17px
}
#main-column .kodawari ul.k_list li a {
  font-weight: 700;
  line-height: 160%
}
#main-column .kodawari ul.k_list li img {
  margin: 0 15px 3px 0
}
#main-column .kodawari ul.k_list li span {
  display: block;
  float: left
}
#main-column .kodawari ul.k_list li span.le {
  width: 290px
}
#people {
  position: relative
}
#people p.date {
  position: absolute;
  top: 14px;
  left: 12em
}
#main-column #people div.cont {
  padding: 5px 0 0 5px
}
#people ul {
  margin: 0 0 10px;
  overflow: hidden;
  _overflow: visible
}
#people ul li {
  float: left;
  margin: 0
}
#people p {
  clear: both;
  line-height: 160%;
  margin: 0 5px 5px
}
#people p span {
  margin: 0 3px 0 0
}
#people p img {
  vertical-align: middle
}
#search-genre {
  margin-top: 40px
}
#search-genre .cont.nav {
  z-index: 4;
}
#search-genre .menu {
  width: 780px;
}
#search-genre .menu li {
  width: calc(20% - 2px);
  float: left;
  z-index: 4;
  border-width: 1px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 8px;
  margin-right: 2px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
#search-genre .menu li:nth-child(5n) {
  margin-right: 0
}
#search-genre .menu li a + a {
  display: none
}
#search-genre .menu > li:after {
  content: "和食";
  display: block;
  width: 154px;
  color: #333;
  font-size: 14px;
  z-index: 1;
  font-weight: bold;
  padding: 16px;
  box-sizing: border-box;
  line-height: 18px
}
#search-genre .menu > li:nth-child(2):after {
  content: "洋食";
}
#search-genre .menu > li:nth-child(3):after {
  content: "イタリアン";
}
#search-genre .menu > li:nth-child(4):after {
  content: "中華料理";
}
#search-genre .menu > li:nth-child(5):after {
  content: "居酒屋";
}
#search-genre .menu > li:nth-child(6):after {
  content: "ダイニングバー";
}
#search-genre .menu > li:nth-child(7):after {
  content: "焼肉";
}
#search-genre .menu > li:nth-child(8):after {
  content: "アジア料理";
}
#search-genre .menu > li:nth-child(9):after {
  content: "カフェ";
}
#search-genre .menu > li:nth-child(10):after {
  content: "バー・カクテル";
}
#search-genre .menu ul {
  display: none;
  width: 154px;
  position: absolute;
  line-height: 132%;
  padding: 8px 8px 8px 7px;
  z-index: 5;
  background: #fff;
  border-right: 1px solid #f4f4f4;
  border-left: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  box-sizing: border-box;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
#search-genre .menu ul li {
  float: none;
  background: 0 0;
  width: 100%;
  margin-bottom: 0
}
#search-genre .menu ul li a {
  color: #333;
  display: block;
  font-size: 14px;
  padding: 8px;
  line-height: 132%
}
#search-genre .menu ul li a:hover {
  background: #f4f4f4;
  border-radius: 4px;
}
#search-genre .menu li img {
  width: 100%
}
#search-genre .menu ul li + li {
  margin-bottom: 0
}
#search-genre .menu li.food a {
  color: #A57E49;
  font-size: 14px
}
#other-special table {
  border: 0;
  margin: 0 7px 7px 0
}
#other-special ul {
  margin: 0 0 0 10px
}
#other-special th {
  line-height: 140%;
  background: #c19578;
  color: #fff;
  padding: 10px;
  width: 75pt;
  text-align: center
}
#other-special th span {
  font-size: 85%;
  font-weight: 400
}
#other-special td {
  padding: 10px 0;
  background: #fff
}
#other-special ul li {
  float: left;
  width: 250px;
  padding: 2px 10px;
  background: transparent url(../images/arrow_orng.gif)no-repeat left 5px
}
#other-special p {
  clear: both;
  float: right;
  margin: 0 10px 0 0
}
#other-special p a {
  background: transparent url(../images/arrow_orng.gif)no-repeat left 3px;
  padding: 0 0 0 10px
}
#main-column .shop {
  background: #fff;
  width: 246px;
  margin: 0 3px 7px 0;
  overflow: hidden;
  _overflow: visible
}
#main-column .shop ul {
  width: 154px;
  float: right;
  margin: 2px
}
#main-column .shop ul li {
  line-height: 130%
}
#main-column .shop ul li.name {
  font-weight: 700;
  margin: 0 0 5px
}
#main-column .shop ul li.desc {
  color: #837b71;
  font-size: 85%;
  margin: 0 0 4px
}
#main-column .shop ul li.spec {
  font-size: 12px;
  color: #8f8f8f;
  padding: 4px 16px 16px;
}
#main-column .shop img {
  float: left;
  display: block
}
#main-column #newopen .shop ul li.name {
  font-weight: 400
}
#main-column #arrival .shop ul, #main-column #newopen .shop ul {
  width: 134px
}
#main-column #arrival .shop ul li.name {
  font-weight: 400
}
#main-column #omisephoto .cont #shop {
  position: relative;
  padding: 3px;
  width: 234px;
  float: left;
  margin: 0 3px 7px 0;
  background: #fff;
  overflow: hidden;
  _overflow: visible
}
#main-column #omisephoto .cont #shop img {
  z-index: 1;
  margin-left: 1px
}
#main-column #omisephoto .cont #shop .info {
  position: absolute;
  background: transparent url(../images/photo_bg.png)repeat;
  bottom: 0;
  left: 0;
  text-align: right;
  width: 222px;
  margin: 0 0 3px 4px;
  padding: 5px;
  line-height: 120%;
  _display: inline
}
#main-column #omisephoto .cont #shop .info .name a {
  color: #fff;
  text-decoration: none;
  font-size: 100%;
  -webkit-text-size-adjust: none;
  letter-spacing: 0
}
#main-column #omisephoto .cont #shop .info .area {
  font-size: 85%;
  -webkit-text-size-adjust: none;
  color: #fff;
  letter-spacing: 0
}
#magazine_ranking, #ranking {
  margin-top: 30px
}
#main-column div.cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
/*#ranking div.cont{
justify-content: flex-start;
}*/
#main-column #ranking .shop, #main-column #magazine_ranking .shop {
  position: relative;
  z-index: 2;
  background: #fff;
  width: 246px;
	height: auto !important;
  margin: 0 20px 20px 0;
  overflow: visible;
  border-radius: 8px;
}
#main-column #ranking .shop:nth-child(3), #main-column #magazine_ranking .shop:nth-child(3){
	margin-right: 0
} 
/*#main-column #ranking .shop {
  width: 122px;
    margin-right: 9px;
    margin-bottom: 0;
}*/
#main-column .shop ul li.name a:hover, #main-column .kodawari .shop_k ul li.name a:hover {
  color: #A57E49
}
#main-column #ranking .shop ul, #main-column #magazine_ranking .shop ul {
  width: 246px;
  float: none
}
/*#main-column #ranking .shop ul {
  width: 122px
}*/
#main-column .shop ul {
  margin: 0
}
#main-column #ranking .shop ul li.name, #main-column #magazine_ranking .shop ul li.name {
  font-weight: 400;
  margin: 0 0 4px;
}
#main-column .shop ul li.name {
  padding: 16px 16px 0;
  margin: 0
}
#main-column .shop ul li.name a {
  word-break: break-all;
  font-size: 14px;
  line-height: 132%;
  color: #333
}
#main-column .shop ul li.img {
  width: 100%;
  height: auto;
  margin: 0
}
#main-column .shop img, #main-column #ranking .shop img {
  width: 100%;
  height: auto;
  margin-bottom: 16px
}
/*#main-column #ranking .shop img {
  height: 122px;
}*/
#main-column #ranking .shop img.rank, #main-column #magazine_ranking .shop img.rank {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 37px;
  height: 94px
}
#main-column #magazine_ranking .shop:before, #main-column #ranking .shop:before {
  content: "1位";
  display: block;
  color: #a57e49;
  /* width: 100%; */
  padding-left: 12px;
  line-height: 32px;
  font-weight: bold;
  font-size: 14px;
}
#main-column #magazine_ranking .shop:nth-of-type(2):before, #main-column #ranking .shop:nth-of-type(2):before {
  content: "2位";
}
#main-column #magazine_ranking .shop:nth-of-type(3):before, #main-column #ranking .shop:nth-of-type(3):before {
  content: "3位";
}
#main-column #magazine_ranking .shop:nth-of-type(4):before, #main-column #ranking .shop:nth-of-type(4):before {
  content: "4位";
}
#main-column #magazine_ranking .shop:nth-of-type(5):before, #main-column #ranking .shop:nth-of-type(5):before {
  content: "5位";
}
#main-column #magazine_ranking .shop img.rank, #main-column #ranking .shop img.rank {
  opacity: 0
}
#main-column #magazine_ranking .shop img.rank:before {
  content: "『";
  display: block;
  color: #fff;
}
#withwho div {
  width: 25%;
  background-color: #fff;
  padding: 16px;
  box-sizing: border-box;
  border-right: 1px solid #f4f4f4;
}
#withwho div:last-child {
  border: 0
}
#withwho div#biz {
  margin-right: 0
}
#withwho div h3 {
  font-size: 16px;
  line-height: 132%;
}
#main-column div#withwho {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 8px
}
#withwho ul {
  margin-top: 16px;
  border-radius: 8px;
  overflow: hidden
}
#withwho ul li a {
  background-color: #f4f4f4;
  display: block;
  line-height: 132%;
  padding: 10px 16px;
  font-size: 14px;
  margin: 0;
  color: #666;
}
#withwho ul li + li a {
  margin-top: 1px
}
#main-column #hot .shop {
  float: left;
  background: #fff;
  padding: 3px;
  width: 354px;
  margin: 0 4px 7px 0;
  overflow: visible
}
#main-column #hot .shop ul {
  width: 273px
}
#main-column #hot .shop ul li.name {
  margin: 0 0 3px
}
#social {
  float: left;
  padding-top: 5px;
  height: 25px
}
#social li {
  float: left;
  margin-right: 5px
}
#social li.chink {
  float: left;
}
#social li.chink2 {
  float: left;
  margin-right: -13px
}
#side-column .cont {
  border: 1px solid #e2d4c3;
  line-height: 140%;
  clear: both;
  overflow: hidden;
  margin: 0 0 15px
}
/*
#areasearch {
	padding:0 0 5px 0;
}
#areasearch dl.top {
	margin:5px 10px;
	line-height:150%;
	overflow:hidden;
	_overflow:visible;
	_height:10px;
}
#areasearch dl.top dt {
	margin:3px 0 0 0;
	font-weight:bold;
	width:110px;
}
#areasearch dl.top dt strong {
}
#areasearch dl.top dd {
	float:left;
	white-space:nowrap;
}
#areasearch ul {
margin:10px;
}
#areasearch ul li {
	background:transparent url("../images/arrow_orng.gif") no-repeat left 4px;
	padding:0 0 10px 10px;
}
#areasearch p {
	background:transparent url("../images/dotline_beige.gif") repeat-x top;
	padding:10px 0 0 0;
	margin:10px 10px 5px;
}
*/ #side-column #map img {
  margin: -5px 0 8px;
  width: 280px
}
#side-column #map {
  margin: 0 0 15px
}
#side-column #map .arwlink {
  padding: 0 8px 10px
}
dl.neighbor {
  margin: 0 10px 10px;
  overflow: hidden;
  _overflow: visible
}
dl.neighbor dt {
  display: block;
  float: left;
  width: 60px;
  min-height: 1.4em
}
dl.neighbor dd {
  float: left;
  white-space: nowrap
}
.thumbs {
  padding: 0 5px 5px;
  overflow: hidden;
  _overflow: visible
}
.thumbs p {
  width: 10pc;
  float: right
}
.thumbs img {
  float: left
}
#areaspot {
  padding: 0 0 1px
}
#areaspot h2 {
  border-top: 0 0
}
#areaspot ul {
  margin: 10px 5px 10px 20px
}
#areaspot ul li {
  text-indent: -13px
}
#newinfo dl {
  padding: 5px 0 0;
  margin: 0 10px 0 25px
}
#newinfo dt {
  text-indent: -15px;
  font-weight: 700
}
#newinfo dd {
  padding: 5px 0 10px;
  margin: 0 0 10px -15px;
  background: transparent url(../images/dotline_beige.gif)repeat-x bottom
}
#newinfo p {
  text-align: right;
  padding: 0 10px 10px 0
}
.bnr_side_bdtop {
  padding: 0
}
#facebook {
  margin: 10px 0 0
}
#side-column .gold {
  float: left;
  background: #fff;
  padding: 3px;
  width: 257px;
  margin: 0 10px 7px;
  overflow: hidden;
  _overflow: visible;
  padding: 5px 3px 10px;
  background: transparent url(../images/dotline_beige.gif)repeat-x bottom
}
#side-column .gold.nl {
  background: 0 0
}
#side-column .gold ul {
  width: 180px;
  float: left;
  margin: 0
}
#side-column .gold ul li {
  line-height: 130%
}
#side-column .gold ul li.name {
  font-weight: 700;
  margin: 0 0 5px
}
#side-column .gold ul li.desc {
  color: #837b71;
  font-size: 85%;
  margin: 0 0 4px
}
#side-column .gold ul li.spec {
  font-size: 85%;
  color: #a78c6c
}
#side-column .gold img {
  float: right
}
ul.side-link li.mobile {
  background: transparent url(../images/mobile-qr.gif)no-repeat 162px 7px;
  padding: 7px;
  border: 1px solid #c9c9c9;
  overflow: hidden;
  _overflow: visible
}
#smartphone {
  padding: 0 0 5px;
  margin: 0 0 10px;
  overflow: hidden
}
#smartphone div {
  margin: 5px 0 20px 8px
}
#smartphone div img {
  margin: 0
}
#footer {
  margin-bottom: 1px
}
#main-column #person dl {
  width: 115px;
  float: left;
  display: block;
  margin: 0 0 25px 10px
}
#main-column #person dl.f {
  margin: 0 0 25px
}
#main-column #person dl dt {
  width: 115px;
  height: 10pc
}
#main-column #person dl dd {
  width: 115px
}
#main-column #person dl dd p.tl {
  font-weight: 700;
  margin: 0 0 5px;
  background: url(../images/top_line.gif)repeat-x bottom;
  padding: 6px 0;
  font-size: 100%
}
#main-column #person dl dd p.ge, #main-column #person dl dd p.name {
  color: #837b71;
  font-size: 90%;
  margin: 0
}
#main-column #person dl dd p.ar {
  font-size: 90%;
  text-align: right;
  color: #a78c6c
}
#main-column p.h2lk {
  margin: -38px 0 20px
}
#main-column p.h2lk, #main-column p.h2lk2 {
  text-align: right;
  font-weight: 700;
  font-size: 16px;
}
p.h2lk {
  color: #f4f4f4
}
#main-column p.h2lk a:hover, #main-column p.h2lk2 a:hover {
  color: #B08C44;
  text-decoration: underline
}
#main-column #person .shop ul {
  width: 110px
}
.shop-long {
  clear: both;
  margin: 0 10px 4px 0;
  background: #fff;
  overflow: hidden;
  _overflow: visible
}
.shop-long h3 {
  color: #685e52;
  padding: 8px;
  margin: 0 2px 5px;
  background: transparent url(../images/dotline_lt.gif)repeat-x bottom
}
.shop-long .info {
  float: right;
  width: 580px;
  margin: 0 10px 10px 0
}
.shop-long .photo {
  float: left;
  width: 113px;
  margin: 0 0 10px 10px
}
.shop-long .info div {
  float: left;
  width: 425px
}
.shop-long .info div div {
  background: transparent url(../images/dotline_lt.gif)repeat-x top;
  padding: 9pt 0 0
}
.shop-long .info div div .person {
  font-weight: 700;
  color: #695d51;
  margin: 0 0 6px
}
.shop-long .info div p {
  line-height: 190%
}
.shop-long .info div div p {
  line-height: 150%
}
.shop-long .info div .spec {
  font-size: 85%
}
.shop-long .info div img {
  vertical-align: middle;
  margin: 0 0 0 5px
}
.shop-long .info div .name {
  font-size: 110%;
  font-weight: 700;
  line-height: 210%
}
.shop-long .info div .access {
  background: transparent url(../images/access.gif)no-repeat left 3px;
  width: auto;
  padding: 0 0 5px 60px
}
.shop-long .info dl.spec {
  float: right;
  width: 150px;
  line-height: 150%;
  font-size: 85%;
  margin: 0 0 5px
}
.shop-long .info dl.spec dt {
  clear: both;
  float: left;
  margin: 0 5px 10px 0;
  font-size: 82%;
  color: #c19578;
  width: 87px
}
.shop-long .info dl.spec dd {
  margin: 0 0 10px 92px
}
.picup .bx-wrapper {
  position: relative;
  margin: 0 auto 20px;
  padding: 0;
  *zoom: 1;
}
.picup .bx-wrapper img {
  display: block
}
.picup .bx-wrapper .bx-viewport {
  background: #fff
}
.picup .bx-wrapper .bx-pager {
  position: relative;
  bottom: 28px;
  width: 100%;
  text-align: center;
}
.picup .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%
}
.picup .bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../images/bx_loader.gif)center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6
}
.picup .bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager .bx-pager-item {
  display: inline-block;
  *zoom: 1;
  *display: inline
}
.picup .bx-wrapper .bx-pager.bx-default-pager a {
  background: rgba(255, 255, 255, .2);
  text-indent: -9999px;
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 8px 0 0;
  outline: 0;
  border-radius: 50%;
}
.picup .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #fff
}
.picup .bx-wrapper .bx-prev {
  left: 10px;
  background: url(../images/controls.png)no-repeat 0 -2pc
}
.picup .bx-wrapper .bx-next {
  right: 10px;
  background: url(../images/controls.png)no-repeat -43px -2pc
}
.picup .bx-wrapper .bx-prev:hover {
  background-position: 0 0
}
.picup .bx-wrapper .bx-next:hover {
  background-position: -43px 0
}
.picup .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -1pc;
  outline: 0;
  width: 2pc;
  height: 2pc;
  text-indent: -9999px;
  z-index: 7;
  display: none
}
.picup .bx-wrapper .bx-controls-direction a.disabled {
  display: none
}
/*.card-time-list-wrap .bx-wrapper .bx-prev,.card-time-list-wrap .bx-wrapper .bx-next{
	display: block
}*/
.picup .bx-wrapper .bx-controls-auto {
  text-align: center
}
.picup .bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(../images/controls.png)-86px -11px no-repeat;
  margin: 0 3px
}
.picup .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:hover {
  background-position: -86px 0
}
.picup .bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(../images/controls.png)-86px -44px no-repeat;
  margin: 0 3px
}
.picup .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:hover {
  background-position: -86px -33px
}
.picup .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%
}
.picup .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px
}
.picup .bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(80, 80, 80, .75);
  width: 100%
}
.picup .bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
/*ヒトサラとは、加盟店募集など*/
.about_link {
  padding: 14px;
  font-size: 14px;
  display: block;
  color: #A57E49;
  margin-bottom: 10px;
  border-radius: 4px;
  position: relative;
  background-color: #fff;
  font-weight: bold;
}
.about_link:after {
  content: "\e904";
  font-family: icomoon;
  font-size: 10px;
  display: inline-block;
  padding-left: 10px;
  position: absolute;
  right: 12px;
  line-height: 18px;
}
.bx-controls.bx-has-pager.bx-has-controls-direction {
  position: relative;
  z-index: 51;
  height: 0
}
#main-column #footer ul li, .footer-link ul li {
  color: #8f8f8f;
  margin: 0px 2px 0;
  font-size: 14px;
  line-height: 160%;
}
#main-column #footer ul li, .footer-link ul li a:link {
  color: #8f8f8f;
  margin: 0 4px
}
#main-column #footer ul li, .footer-link ul li a:hover {
  text-decoration: none;
  color: #A57E49;
}
.tdf_sh_map ul {
  display: flex;
  flex-wrap: wrap;
}
.tdf_sh_map ul li img {
  display: none
}
.tdf_sh_map ul a p {
  font-size: 12px;
  color: #666666;
  background-color: #fff;
  border-radius: 16px;
  padding: 8px 12px;
  margin: 0 4px 4px 0;
  transition: .2s
}
.tdf_sh_map ul a:hover p {
  color: #fff;
  background-color: #A57E49;
}
/*.tdf_sh_map ul a:before{
	content: "銀座・有楽町";
	display: block;
	font-size: 12px;
	color: #8f8f8f;
	background-color: #fff;
	border-radius: 16px;
	padding: 8px 12px;
	margin: 0 4px 4px 0;
	transition: .2s
}
.tdf_sh_map ul a:hover:before{
	color: #fff;
	background-color: #A57E49;
}
.tdf_sh_map ul .t02 a:before{
	content: "新宿・代々木";
}
.tdf_sh_map ul .t03 a:before{
	content: "東京駅・丸の内・日本橋";
}
.tdf_sh_map ul .t04 a:before{
	content: "恵比寿・代官山";
}
.tdf_sh_map ul .t05 a:before{
	content: "表参道・原宿・青山";
}.tdf_sh_map ul .t06 a:before{
	content: "渋谷";
}
.tdf_sh_map ul .t07 a:before{
	content: "飯田橋・四ツ谷・神楽坂";
}
.tdf_sh_map ul .t08 a:before{
	content: "上野・浅草・日暮里";
}
.tdf_sh_map ul .t09 a:before{
	content: "池袋";
}.tdf_sh_map ul .t10 a:before{
	content: "赤坂";
}
.tdf_sh_map ul .t11 a:before{
	content: "錦糸町・押上・新小岩";
}
.tdf_sh_map ul .t12 a:before{
	content: "下北沢・明大前・成城学園前";
}
.tdf_sh_map ul .t13 a:before{
	content: "お台場・豊洲・湾岸";
}.tdf_sh_map ul .t14 a:before{
	content: "三軒茶屋・二子玉川";
}
.tdf_sh_map ul .t15 a:before{
	content: "大塚・巣鴨・駒込";
}
.tdf_sh_map ul .t16 a:before{
	content: "六本木・麻布十番・広尾";
}
.tdf_sh_map ul .t17 a:before{
	content: "浜松町・田町";
}.tdf_sh_map ul .t18 a:before{
	content: "中目黒・目黒・武蔵小山";
}
.tdf_sh_map ul .t19 a:before{
	content: "神田・秋葉原・水道橋";
}
.tdf_sh_map ul .t20 a:before{
	content: "中野・吉祥寺・三鷹";
}
.tdf_sh_map ul .t21 a:before{
	content: "六本木・麻布十番・広尾";
}
.tdf_sh_map ul .t22 a:before{
	content: "浜松町・田町";
}
.tdf_sh_map ul .t23 a:before{
	content: "神田・秋葉原・水道橋";
}
.tdf_sh_map ul .t24 a:before{
	content: "品川・五反田・大崎";
}
.tdf_sh_map ul .t25 a:before{
	content: "練馬・江古田・田無";
}
.tdf_sh_map ul .t26 a:before{
	content: "調布・府中";
}
.tdf_sh_map ul .t27 a:before{
	content: "立川・八王子・青梅";
}
.tdf_sh_map ul .t28 a:before{
	content: "町田・多摩";
}
.tdf_sh_map ul .t29 a:before{
	content: "中目黒・目黒・武蔵小山";
}
.tdf_sh_map ul .t30 a:before{
	content: "品川・五反田・大崎";
}
.tdf_sh_map ul .t31 a:before{
	content: "新橋・汐留";
}
.tdf_sh_map ul .t32 a:before{
	content: "北千住・綾瀬・亀有";
}
.tdf_sh_map ul .t33 a:before{
	content: "大久保・高田馬場";
}
.tdf_sh_map ul .t35 a:before{
	content: "人形町・門前仲町・葛西";
}
.tdf_sh_map ul .t36 a:before{
	content: "北千住・綾瀬・亀有";
}
.tdf_sh_map ul .t37 a:before{
	content: "大井町・大森・蒲田";
}
.tdf_sh_map ul .t38 a:before{
	content: "小金井・国分寺・国立";
}
.tdf_sh_map ul .t39 a:before{
	content: "自由が丘";
}*/
.tdf_sh_map .button {
  text-align: right;
  margin-top: -56px;
}
.tdf_sh_map .button img {
  display: none
}
.tdf_sh_map .button a[href="/tokyo/station/"]:before {
  content: "駅・路線検索";
  display: inline-block;
  font-size: 16px;
  color: #A57E49;
  background-color: #f4f4f4;
  border-radius: 4px;
  padding: 13px 12px;
  margin: 0 0 10px 0;
  transition: .2s;
}
.tdf_sh_map .button a[href="/"]:before {
  content: "全国エリア";
  display: inline-block;
  font-size: 16px;
  color: #A57E49;
  background-color: #f4f4f4;
  border-radius: 4px;
  padding: 13px 12px;
  margin: 0 0 10px 0;
  transition: .2s;
}
.tdf_sh_map .button a:hover:before {
  color: #B08C44;
  background-color: #efefef;
}
#main-column nav#fsc > ul > li {
  border: 1px solid #f4f4f4;
  border-right: 0;
  background-color: #fff
}
#main-column nav#fsc > ul > li:nth-child(4) {
  border: 1px solid #a8c434;
  background-color: #a8c434;
  transition: .2s;
  font-weight: bold
}
#main-column nav#fsc > ul > li:nth-child(4):hover {
  background-color: #bee12a;
  border: 1px solid #bee12a;
}
nav#fsc {
  width: 778px
}
.campaign-attention {
  background-color: #f4f4f4;
  color: #A57E49;
  font-size: 14px;
  line-height: 132%;
  display: block;
  padding: 12px;
  transition: .2s;
  animation: bright 1s 2s backwards;
}
.campaign-attention p {
  font-size: 12px;
  margin-top: 4px;
}
.campaign-attention:hover {
  background-color: #B08C44;
  color: #fff;
}
@keyframes bright {
  0% {
    background-color: #A57E49;
    color: #fff
  }
  100% {
    background-color: #f4f4f4;
  }
}
@-webkit-keyframes bright {
  0% {
    background-color: #A57E49;
    color: #fff
  }
  100% {
    background-color: #f4f4f4;
  }
}

/* レコメンドカセット */
.recomend-shop-section .recomend-shop-title {
  margin: 20px 0 10px;
  font-size: 24px;
}
.recomend-shop-section .recomend-list{
padding: 0 0 20px 0;
}
li.recomend-cst-card{
box-shadow: none;
  min-height: 100%;
}
.recomend-cst-card + li.recomend-cst-card {
  margin-left: 20px;
}
li.recomend-cst-card .shop-info-wrapper{
  height: 100%;
}
.recomend-list[class*="--scrollx"]:after{
  display: none;
}

/* シェフヨコ縦動画 */
.chef-movie{
  position: relative;
}
.chef-movie::before{
  content: "";
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.4) 100%);
  position: absolute;
  width: 100%;
  height: auto;
  aspect-ratio: 9/16;
  z-index: 1;
}
.chef-movie .video-js{
  width: 300px;
  aspect-ratio: 9/16; 
  height: auto;
  margin-bottom: 20px;
}
.chef-movie > a{
  position: absolute;
  top:12px;
  right:12px;
  background: rgb(0,0,0,.4);
  color: #fff;
  display: inline-block;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 12px;
  z-index: 3;
  cursor: pointer;
}
.chef-text-area{
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 1;
}
.chef-mv-text{
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  width: 260px;
}
.chef-mv-text > p{
  line-height: 132%;
}
.chef-catch-text{
  font-size: 27px;
}
.chef-name-text{
  font-size: 20px;
}
.chef-movie .video-js .vjs-control-bar{
  z-index: 2;
  height: 100% !important;
  background:none !important;
  display: flex;
  align-items: flex-end;
}
.chef-movie .vjs-control-bar > .vjs-control{
  height: 3em;
  background-color: rgba(0, 0, 0, 0.4);
}