@charset "utf-8";
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 100;
  src: url(/contents/pc/common/font/NotoSans_Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format("opentype")
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 400;
  src: url(/contents/pc/common/font/NotoSans_Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype")
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 600;
  src: url(/contents/pc/common/font/NotoSans_Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format("opentype")
}
.lazy, body, figure.con_photo, figure.sc_photo, footer {
  position: relative
}
.path ol li a, a {
  text-decoration: none
}
.contents, .contents li, .contents li a, .contents ul, .search_chef, .search_chef li, aside, footer .sns, header, main, ul.sc_list a {
  overflow: hidden
}
.pagetop, h2.s_chef, h3.sc_n {
  text-align: center
}
.shop_link, h2.con_contents, h2.s_chef {
  letter-spacing: 2px
}
.pagetop, body, li, p, ul {
  margin: 0
}
.fx, a {
  transition: opacity .5s ease-out
}
body {
  font-family: 'Noto Sans Japanese', sans-serif;
  -webkit-font-smoothing: antialiased
}
.fx:hover, a:hover, li a:hover, ul a:hover {
  filter: alpha(opacity=50);
  opacity: .5;
  cursor: pointer
}
*, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0
}
li, ul {
  padding: 0;
  list-style: none
}
a, dd dd, dd dt, dd li, dd p, dd pre, li dd, li dt, li li, li p, li pre {
  font-size: 100%
}
.pagetop {
  background: url(/matome/img/common/pagetop.gif) center 25px no-repeat;
  background-size: 30px;
  padding: 60px 0 205px;
  font-size: 9pt;
  font-weight: 400;
  color: #999
}
@media only print, screen and (min-width:751px) {
  body, html {
    min-width: 1200px
  }
  .pagetop_area {
    width: 70px;
    margin: 0 auto
  }
}
header {
  background-color: #3a322d;
  height: 40px;
  padding: 0;
  margin: 0 0 1px;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.nav_hd {
  display: none
}
.logo {
  margin: 5px auto 0
}
#header .logo img {
  display: none
}
#header .logo > a {
  display: block;
  background-image: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20264%2069.5%22%20style%3D%22enable-background%3Anew%200%200%20264%2069.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Ctitle%3Ehitosara_a%3C%2Ftitle%3E%3Crect%20x%3D%22237.2%22%20y%3D%220.4%22%20class%3D%22st0%22%20width%3D%2221%22%20height%3D%229.4%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M231.3%2C15.9v9.4h23.2v22.4c0%2C1.5-0.9%2C2.8-2.3%2C3.3l-15%2C5.5h-0.1v10l26.7-9.7h0.1V15.9H231.3z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M206.6%2C0l-9.3%2C3.4h-0.1v12.5h-9V0l-9.3%2C3.4h-0.1v12.5h-7.7v9.4h7.7v15.9l9.3-3.4h0.1V25.3h9v25.3%20c0%2C1.5-0.9%2C2.8-2.3%2C3.3l-15%2C5.5h-0.1v10l26.7-9.7h0.1V25.3h7.7v-9.4h-7.7L206.6%2C0z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M82.3%2C0L73%2C3.4l0%2C0v53.4l26.8%2C9.8v-10l-15.1-5.5c-1.4-0.5-2.3-1.8-2.3-3.3V29.4l19.3-7h0.1v-10l-19.4%2C7L82.3%2C0z%20%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%22135.8%2C0%20126.5%2C3.4%20126.4%2C3.4%20126.4%2C65%20135.8%2C68.5%20135.8%2C32.9%20155.1%2C40%20155.1%2C30%20135.8%2C22.9%20%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M47.2%2C39.4l-7.3-21.9l-0.3-0.6c4.3-1.5%2C6.5-6.2%2C4.9-10.5C43%2C2.1%2C38.3-0.1%2C34%2C1.5c-2.6%2C1-4.6%2C3.2-5.2%2C5.9%20c-2-4.1-6.9-5.7-11-3.7c-3.3%2C1.6-5.1%2C5.3-4.4%2C8.9C10%2C9.7%2C4.8%2C10.1%2C1.8%2C13.5s-2.5%2C8.6%2C0.9%2C11.6c2.1%2C1.8%2C5%2C2.4%2C7.6%2C1.6l0.2%2C0.7%20l7.3%2C21.8c1.2%2C3.6%2C9.3%2C5.8%2C17.3%2C3.1S48.4%2C42.9%2C47.2%2C39.4z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M20.6%2C59l-1.3%2C1.3v7c0%2C0.3%2C0.1%2C0.5%2C0.2%2C0.8l0.5%2C0.7l0.7%2C0.5l0.8%2C0.2h0.2v-1.4h-0.2l-0.6-0.3%20c-0.2-0.1-0.3-0.4-0.3-0.6v-4.8h1.5v-1.2h-1.5V59z%22%2F%3E%3Crect%20x%3D%2215.4%22%20y%3D%2259.1%22%20class%3D%22st0%22%20width%3D%221.3%22%20height%3D%221.4%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M17.5%2C68.1l-0.6-0.3c-0.2-0.1-0.3-0.4-0.3-0.6v-6h-1.2v6c0%2C0.3%2C0.1%2C0.5%2C0.2%2C0.8l0.5%2C0.7l0.7%2C0.5l0.8%2C0.2h0.2%20v-1.3H17.5L17.5%2C68.1z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M45.2%2C61.1l-0.8%2C0.2l-0.7%2C0.4l-0.5%2C0.7c-0.1%2C0.3-0.2%2C0.5-0.2%2C0.8v6.3l1.3-1.3v-5c0-0.2%2C0.1-0.5%2C0.3-0.6l0.6-0.2%20h0.2v-1.3C45.4%2C61.1%2C45.2%2C61.1%2C45.2%2C61.1z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M13.8%2C68.1l-0.6-0.3c-0.2-0.1-0.3-0.4-0.3-0.6v-4c0-0.3%2C0-0.6-0.1-0.9l-0.4-0.7l-0.6-0.4L11%2C61l-0.8%2C0.2H9.9%20v-5.3l-1.3%2C1.2v12.4l1.3-1.3v-5c0-0.2%2C0.1-0.5%2C0.3-0.6l0.6-0.3l0%2C0c0.2%2C0%2C0.4%2C0.1%2C0.5%2C0.3c0.1%2C0.2%2C0.2%2C0.4%2C0.2%2C0.6v4%20c0%2C0.3%2C0.1%2C0.5%2C0.2%2C0.8l0.5%2C0.7l0.7%2C0.5l0.8%2C0.2h0.1L13.8%2C68.1h-0.2H13.8z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M27.8%2C62.4h0.1l-0.5-0.7l-0.7-0.5c-1.1-0.5-2.3%2C0-2.8%2C1c0%2C0%2C0%2C0%2C0%2C0.1c-0.1%2C0.2-0.2%2C0.5-0.2%2C0.8v4%20c0%2C0.6%2C0.2%2C1.1%2C0.6%2C1.5l0.7%2C0.5l0.8%2C0.2l0.8-0.2l0.7-0.5c0.4-0.4%2C0.6-0.9%2C0.6-1.5v-4c0-0.3-0.1-0.6-0.2-0.8L27.8%2C62.4z%20M25.9%2C68.1%20l-0.6-0.2c-0.1-0.2-0.2-0.4-0.2-0.6v-4c0-0.2%2C0.1-0.4%2C0.2-0.6l0.6-0.2l0%2C0c0.4-0.1%2C0.8%2C0.3%2C0.9%2C0.7c0%2C0%2C0%2C0.1%2C0%2C0.1l0%2C0v4%20C26.7%2C67.8%2C26.4%2C68.1%2C25.9%2C68.1z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M33%2C61.3c-0.5-0.2-1.2-0.2-1.7%2C0l-0.7%2C0.5c-0.6%2C0.7-0.8%2C1.7-0.4%2C2.5l0.6%2C0.8l0.7%2C0.6l0.7%2C0.5l0.5%2C0.5%20c0.3%2C0.4%2C0.2%2C0.9-0.1%2C1.2L32%2C68.1l0%2C0l-0.6-0.3c-0.2-0.1-0.3-0.4-0.3-0.6v-0.6H30v0.6c0%2C0.3%2C0.1%2C0.6%2C0.2%2C0.8l0.5%2C0.7l0.7%2C0.5%20l0.8%2C0.2l0%2C0l0.8-0.2l0.7-0.5l0.5-0.7c0.2-0.6%2C0.2-1.2-0.1-1.8l-0.6-0.8l-0.7-0.6l-0.7-0.5l-0.5-0.5c-0.1-0.2-0.2-0.4-0.2-0.6%20c0-0.2%2C0.1-0.4%2C0.2-0.6l0.6-0.2l0%2C0l0.6%2C0.2c0.1%2C0.2%2C0.2%2C0.4%2C0.2%2C0.6v0.6h1.3v-0.6c0-0.6-0.2-1.1-0.6-1.5L33%2C61.3z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M52.2%2C68.1L52.2%2C68.1l-0.6-0.3l-0.2-0.4v-4.2c0-0.3-0.1-0.5-0.2-0.8c-0.2-0.5-0.7-0.9-1.2-1.1%20c-0.5-0.2-1.1-0.2-1.6%2C0l-0.7%2C0.5l-0.5%2C0.7C47.1%2C62.7%2C47%2C63%2C47%2C63.3v4c0%2C0.3%2C0.1%2C0.5%2C0.2%2C0.8l0.4%2C0.7l0.6%2C0.4l0.7%2C0.2l0%2C0l1-0.3%20l0.6-0.4h0.1l0.7%2C0.5l0.8%2C0.2h0.2L52.2%2C68.1L52.2%2C68.1z%20M49.2%2C62.4L49.2%2C62.4l0.6%2C0.3c0.1%2C0.2%2C0.2%2C0.4%2C0.2%2C0.6v4%20c0%2C0.2-0.1%2C0.5-0.3%2C0.6l-0.6%2C0.2l-0.5-0.2c-0.1-0.2-0.2-0.4-0.2-0.6v-4c0-0.2%2C0.1-0.5%2C0.3-0.6L49.2%2C62.4z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M41.5%2C68.1l-0.6-0.3l-0.2-0.4v-4.2c0-0.3-0.1-0.5-0.2-0.8c-0.2-0.5-0.6-0.9-1.1-1.1c-0.5-0.2-1.1-0.2-1.6%2C0%20l-0.7%2C0.5l-0.5%2C0.7c-0.1%2C0.2-0.2%2C0.5-0.2%2C0.8v4c0%2C0.3%2C0.1%2C0.5%2C0.2%2C0.8l0.4%2C0.7l0.6%2C0.4l0.8%2C0.2l1-0.3l0.6-0.4l0%2C0l0.7%2C0.5l0.8%2C0.2%20h0.2v-1.3H41.5z%20M39.4%2C63.3v4c0%2C0.2-0.1%2C0.5-0.3%2C0.6l-0.6%2C0.2L38%2C67.9c-0.1-0.2-0.2-0.4-0.2-0.6v-4c0-0.2%2C0.1-0.4%2C0.2-0.6l0.6-0.3%20l0%2C0l0.6%2C0.3C39.3%2C62.9%2C39.4%2C63.1%2C39.4%2C63.3C39.4%2C63.3%2C39.4%2C63.3%2C39.4%2C63.3z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  width: 100px;
  line-height: 1;
  margin-top: 5px;
  height: 35px
}
@media only print, screen and (min-width:751px) {
  .logo, .logo img {
    width: 90pt
  }
  header {
    padding: 8.5px 20px;
    height: 30px
  }
  .logo {
    margin: 4px 0 0
  }
  .nav_hd {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    min-width: 1040px;
    margin: 0 20px 0 0
  }
  .nav_hd li {
    padding-left: 18px
  }
  .nav_hd li a {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    display: block
  }
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
    margin: 0 auto
  }
  .dummy {
    display: none
  }
}
main {
  margin: 0;
  padding: 0
}
.search_chef {
  padding: 0 2%;
  background: #f4eddd
}
h2.s_chef {
  margin: 40px 0 0;
  color: #846b59;
  font-size: 20px;
  font-weight: 200
}
h2.s_chef b {
  font-weight: 700
}
p.sc_text {
  font-size: 9pt;
  line-height: 170%;
  font-weight: 300;
  margin: 20px 3% 35px
}
p.sc_text br {
  display: none
}
@media only print, screen and (min-width:751px) {
  h2.s_chef {
    margin: 75pt 0 0;
    font-size: 36px;
    line-height: 100%;
    font-weight: 200
  }
  h2.s_chef b {
    font-weight: 700
  }
  p.sc_text {
    text-align: center;
    font-size: 20px;
    line-height: 190%;
    font-weight: 300;
    margin: 2pc 3% 52px
  }
  p.sc_text br {
    display: block
  }
}
ul.sc_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 0 10px
}
ul.sc_list li {
  width: 46%;
  margin: 0 0 30px
}
ul.sc_list a {
  width: 100%;
  display: block;
  color: #333
}
figure.sc_photo img {
  width: 86%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin: 0 7%;
  pointer-events: none
}
h3.sc_n {
  margin: 5px 0 7px;
  font-size: 1pc;
  line-height: 100%;
  font-weight: 400
}
h3.sc_n b {
  margin: 0 0 0 8px;
  font-size: 10px
}
figure.sc_photo figcaption {
  font-size: 9pt;
  line-height: 125%;
  font-weight: 400;
  width: 88%;
  height: 45px;
  margin: 0 auto
}
.shop_link {
  width: 64%;
  height: 21px;
  background: url(../img/shop_link_bg.gif) 97% 4px no-repeat #bc9880;
  background-size: 13px;
  margin: 9pt 7% 0;
  text-align: left;
  font-size: 10px;
  line-height: 190%;
  font-weight: 500;
  color: #fff;
  padding: 0 0 0 22%
}
@media only print, screen and (min-width:751px) {
  ul.sc_list {
    width: 1199px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 0 40px;
    margin: 0 auto
  }
  ul.sc_list li {
    margin: 0 0 60px;
    overflow: hidden;
    width: 200px
  }
  ul.sc_list li a {
    color: #333;
    display: block;
    width: 200px
  }
  figure.sc_photo img {
    width: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 0
  }
  h3.sc_n {
    text-align: center;
    margin: 22px 0 7px;
    font-size: 18px;
    line-height: 100%;
    font-weight: 400
  }
  h3.sc_n b {
    margin: 0 0 0 8px;
    font-size: 14px;
    font-weight: 300
  }
  figure.sc_photo figcaption {
    font-size: 14px;
    line-height: 145%;
    font-weight: 400;
    width: auto;
    margin: 0 auto;
    height: 60px;
    overflow: hidden
  }
  .shop_link {
    width: 127px;
    height: 30px;
    background: url(../img/shop_link_bg.gif) 96% 6px no-repeat #bc9880;
    background-size: 18px;
    margin: 9pt auto 0;
    letter-spacing: 2px;
    text-align: left;
    font-size: 14px;
    line-height: 205%;
    font-weight: 500;
    color: #fff;
    padding: 0 0 0 33px
  }
}
.contents h2, .under_contents, .under_contents ul, h3.con_n, ul.area_matome li {
  text-align: center
}
.contents {
  padding: 0 4%
}
h2.con_contents {
  margin: 40px 0 29px;
  font-size: 18px;
  line-height: 140%;
  font-weight: 200
}
h2.con_contents b {
  font-weight: 700
}
b.contents_ttl {
  font-size: 9pt;
  line-height: 100%;
  font-weight: 300;
  color: #a87452;
  margin: 0 0 7px;
  display: block
}
@media only print, screen and (min-width:751px) {
  .contents {
    overflow: hidden;
    padding: 0 0 5pc
  }
  h2.con_contents {
    margin: 75pt 0 41px;
    text-align: center;
    letter-spacing: 2px;
    font-size: 24px;
    line-height: 160%;
    font-weight: 400
  }
  h2.con_contents b {
    font-weight: 700
  }
  b.contents_ttl {
    font-size: 18px;
    letter-spacing: 5px;
    line-height: 100%;
    font-weight: 300;
    margin: 0 0 23px;
    padding: 0
  }
}
ul.con_area li {
  clear: both;
  margin: 0 0 15px
}
ul.con_area li a {
  display: block
}
figure.con_photo img {
  width: 34%;
  float: left;
  margin: 0 4% 0 0;
  pointer-events: none
}
h3.con_n {
  float: left;
  width: 34%;
  height: 18px;
  font-size: 9px;
  line-height: 180%;
  font-weight: 400;
  color: #000;
  background: #e6e6e6;
  border-radius: 9pt;
  -webkit-border-radius: 9pt;
  -moz-border-radius: 9pt;
  margin: 0 0 9px
}
figure.con_photo figcaption {
  float: left;
  width: 61%;
  color: #333;
  font-size: 9pt;
  line-height: 145%;
  font-weight: 700
}
@media only print, screen and (min-width:751px) {
  ul.con_area {
    width: 1250px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
    margin: 0 auto
  }
  ul.con_area li {
    width: 200px;
    overflow: hidden;
    clear: inherit;
    margin: 0 25px 45px
  }
  ul.con_area li a {
    width: 200px;
    display: block
  }
  figure.con_photo img, h3.con_n {
    margin: 0;
    float: none;
    width: 100%
  }
  h3.con_n {
    height: 1pc;
    font-size: 10px;
    line-height: 160%;
    font-weight: 400;
    text-align: center;
    border-radius: 9pt;
    -webkit-border-radius: 9pt;
    -moz-border-radius: 9pt
  }
  figure.con_photo figcaption {
    float: none;
    width: 100%;
    font-size: 14px;
    line-height: 145%;
    font-weight: 700;
    margin: 9pt 0 0
  }
}
h2.a_matome {
  margin: 30px 0 15px;
  letter-spacing: 0;
  font-size: 15px;
  line-height: 140%;
  font-weight: 700
}
ul.area_matome {
  margin: 10px 5% 30px;
  font-size: 15px;
  line-height: 195%;
  font-weight: 300;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 90%;
  letter-spacing: 2px
}
ul.area_matome li {
  background: url(../img/li_bg3.gif) right no-repeat;
  background-size: contain;
  margin: 5px 0 0;
  width: 50%
}
ul.area_matome li:nth-child(even) {
  background: 0 0
}
ul.area_matome li a {
  color: #333
}
@media only print, screen and (min-width:751px) {
  h2.a_matome {
    margin: 30px 0;
    letter-spacing: 0;
    font-size: 24px;
    line-height: 140%;
    font-weight: 700
  }
  ul.area_matome {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 680px;
    margin: 0 auto;
    font-size: 17px
  }
  ul.area_matome li {
    margin: 0;
    width: 85px
  }
  ul.area_matome li a {
    width: 85px;
    color: #333
  }
  ul.area_matome li:nth-child(even) {
    background: url(../img/li_bg3.gif) right no-repeat;
    background-size: contain
  }
  ul.area_matome li:nth-last-child(1) {
    background: 0 0
  }
}
.areasearch_ttl, .copyright, .path ol, .path ol li a, .top_link, footer a, footer ol, footer ul.accordion li h2, footer ul.accordion li.list ul li a, ul.area_inner {
  color: #cfc8c0
}
.sns {
  padding: 27px 21% 0 22%
}
ul.sns_area li {
  width: 22%;
  margin: 0 5% 50px;
  float: left
}
ul.sns_area li img {
  width: 100%
}
@media only print, screen and (min-width:751px) {
  .sns {
    padding: 77px 0 110px;
    overflow: hidden
  }
  ul.sns_area {
    width: 290px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto
  }
  ul.sns_area li {
    width: 58px;
    margin: 0;
    float: none
  }
  ul.sns_area li img {
    width: 100%
  }
}
.path, ul.area_inner {
  display: none
}
.path ol, footer {
  margin: 0
}
.path {
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  background-color: #3b322d
}
.path ol, .under_contents ul, li.chihou, ul.accordion {
  overflow: hidden
}
.copyright_area, footer nav {
  background-color: #3b322d;
  text-align: left
}
.path, .top_link {
  border-bottom: 1px dotted #cfc8c0
}
.areasearch_ttl, .top_link {
  border-top: 1px dotted #cfc8c0
}
.path ol {
  height: 50px;
  width: 75pc;
  padding: 0 4%;
  box-sizing: content-box !important
}
.path ol li {
  float: left;
  font-size: 9pt;
  line-height: 375%;
  font-weight: 400;
  padding: 0
}
.path ol li:not(:last-child):after {
  content: ">";
  margin: 0 10px;
  color: #cfc8c0
}
.path ol li a {
  background-size: 13px;
  font-weight: 700
}
.path ol li > b {
  font-weight: 400
}
.path ol li img {
  width: 52%;
  margin: 0 -7px 0 0
}
@media only print, screen and (min-width:751px) {
  .path, .path ol {
    overflow: hidden
  }
  #path ol li > b, .path ol li, .path ol li > b {
    font-weight: 400
  }
  .areasearch ul.area_inner li.chihou h2, .path ol, .path ol li a {
    color: #cfc8c0
  }
  footer {
    margin: 15px 0 0
  }
  .areasearch ul.area_inner li.chihou, footer ul.accordion li.list {
    border-left: 1px dotted #cfc8c0
  }
  .areasearch, .contents_area, .pc_contents, footer .path {
    border-bottom: 1px dotted #cfc8c0
  }
  footer ul.accordion li.list {
    border-bottom: 0 0;
    border-top: 0 0
  }
  .areasearch ul.area_inner li.chihou:last-child, footer ul.accordion li.list:last-child {
    border-right: 1px dotted #cfc8c0
  }
  .path {
    width: 100%;
    position: absolute;
    bottom: 1420px;
    background-color: #3b322d;
    margin: 0;
    z-index: 2;
    border-bottom: 1px dotted #cfc8c0;
    letter-spacing: 0
  }
  #path ol li:not(:last-child):after, .path ol li:not(:last-child):after {
    content: ">";
    margin: 0 10px;
    color: #cfc8c0
  }
  .path ol {
    height: 50px;
    width: 75pc;
    padding: 0 0 0 15px;
    margin: 0 auto
  }
  .path ol li {
    float: left;
    font-size: 13px;
    line-height: 415%
  }
  .path ol li a {
    background-size: 13px;
    font-weight: 700;
    text-decoration: none
  }
  .path ol li img {
    width: 52%;
    margin: 0 -7px 0 0
  }
}
li.list, ul.area_inner {
  padding: 0 4%;
  margin: 0 0 -1px
}
h2.chihou_ttl, h2.flist_ttl {
  height: 44px;
  font-size: 14px;
  font-weight: 500;
  line-height: 320%;
  letter-spacing: 1px
}
li.chihou ul li, li.list ul li {
  font-size: 9pt;
  line-height: 295%;
  font-weight: 300;
  height: 35px
}
li.chihou {
  clear: both;
  float: none
}
li.chihou ul, li.list ul {
  margin: 0 0 20px 3%;
  overflow: hidden
}
li.chihou ul li {
  width: 25%;
  float: left
}
li.list ul li a {
  display: block;
  height: 35px;
  width: 100%
}
.areasearch_ttl, .top_link {
  padding: 0 4%;
  height: 44px;
  font-size: 14px;
  line-height: 315%;
  font-weight: 500;
  letter-spacing: 1px
}
li.chihou ul li a {
  display: block;
  float: left
}
.top_link {
  background: url(/matome/img/common/top_link_bg.png) 96% center no-repeat;
  background-size: 13px
}
.areasearch_ttl {
  background: url(/matome/img/common/open_icon.png) 96% center no-repeat;
  background-size: 13px
}
.open {
  background: url(/matome/img/common/img/close_icon.png) 96% center no-repeat;
  background-size: 9pt
}
@media only print, screen and (min-width:751px) {
  h2.flist_ttl, li.list ul li {
    font-size: 14px;
    height: auto
  }
  ul.accordion, ul.area_inner {
    overflow: hidden;
    justify-content: space-between
  }
  li.chihou ul a:hover, li.list ul a:hover {
    color: #a39b94
  }
  .areasearch, .contents_area {
    overflow: hidden;
    padding: 50px 0 45px;
  }
  ul.accordion {
    width: 75pc;
    height: 360px;
    margin: 0 auto;
    display: flex
  }
  .areasearch, li.list ul {
    display: block
  }
  li.list {
    padding: 0 0 0 18px;
    margin: 0;
    width: 299px
  }
  h2.flist_ttl {
    background: 0 0;
    font-weight: 500;
    line-height: 195%;
    letter-spacing: 1px
  }
  li.list ul {
    margin: 18px 18px 0 0
  }
  li.list ul li {
    line-height: 100%;
    font-weight: 300
  }
  ul.area_inner {
    width: 75pc;
    margin: 0 auto;
    padding: 0;
    display: flex
  }
  li.chihou {
    border-bottom: 0 0;
    border-top: 0 0;
    padding: 0 0 0 30px;
    margin: 0;
    width: 200px
  }
  h2.chihou_ttl {
    font-size: 13px;
    font-weight: 500;
    line-height: 195%;
    letter-spacing: 1px;
    height: auto
  }
  li.chihou ul {
    margin: 3px 0 0 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 90pt
  }
  li.chihou ul li {
    height: auto;
    width: 60px;
    font-size: 13px;
    line-height: 100%;
    font-weight: 300;
    margin: 1pc 0 0
  }
}
.under_contents ul, ul.scroll-menu-inner {
  font-size: 13px;
  line-height: 185%;
  font-weight: 300
}
.under_contents ul {
  margin: 20px auto;
  display: inline-block
}
.under_contents li {
  float: left;
  padding: 0 10px;
  background: url(../img/under_contents_bg.gif) right center no-repeat
}
li.gaiyou, li.kojin {
  background: 0 0
}
li.riyou {
  clear: both;
  margin: 0 0 0 25%
}
.pc_contents {
  display: none
}
#scroll-menu2 {
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch
}
ul.scroll-menu-inner {
  margin: 25px auto 5px
}
ul.scroll-menu-inner li {
  float: left;
  padding: 0 9pt
}
@media only print, screen and (min-width:751px) {
  .pc_contents {
    padding: 0 0 40px;
    display: block;
    text-align: left
  }
  ul.pc_con_area {
    margin: 45px auto 0;
    width: 75pc;
    overflow: hidden;
    font-size: 9pt;
    line-height: 200%;
    font-weight: 300
  }
  ul.pc_con_area li a:hover {
    color: #a39b94
  }
  ul.pc_con_area li {
    padding: 2px 15px 0;
    float: left
  }
  #scroll-menu2, .areasearch_ttl, .top_link, .under_contents {
    display: none
  }
}
.copyright {
  clear: both;
  text-align: center;
  padding: 20px 0;
  font-size: 9px;
  line-height: 100%;
  font-weight: 400
}
@media only print, screen and (min-width:751px) {
  .copyright {
    clear: both;
    width: 75pc;
    margin: 0 auto;
    text-align: right;
    padding: 20px 0;
    font-size: 11px;
    line-height: 100%;
    font-weight: 400
  }
}
.app_area {
  border-bottom: 1px dotted #cfc8c0;
  padding: 0 0 40px;
  display: block;
  overflow: hidden
}
.app_area h2.app_ttl {
  position: relative;
  background: none;
  text-align: center;
  color: #fff;
  padding: 0 4%;
  font-size: 14px;
  line-height: 320%;
  font-weight: 400;
  margin: 35px 0 5px
}
.app_inner {
  display: none
}
.app_inner_sp {
  width: 80%;
  margin: -15px auto 0
}
.app_inner_sp a {
  display: block;
  margin: 32px 0 0
}
.app_inner_sp img {
  width: 100%
}
@media only print, screen and (min-width:751px) {
  .app_area {
    border-bottom: 1px dotted #cfc8c0;
    padding: 20px 0 30px;
    display: block;
    overflow: hidden
  }
  .app_area h2.app_ttl {
    position: relative;
    width: 1200px;
    height: 42px;
    text-align: center;
    color: #fff;
    font-size: 23px;
    line-height: 100%;
    font-weight: 400;
    letter-spacing: -.5px;
    margin: 35px auto 10px;
    padding: 0
  }
  .app_inner {
    width: 75pc;
    display: flex;
    justify-content: center;
    margin: 0 auto
  }
  .app_inner li {
    width: 900px;
	height: auto;
  }
  .app_inner li img {
    width: 100%
  }
  .app_inner_sp {
    display: none
  }
  .app_inner_left {
    width: 580px;
    margin: 0;
    float: left
  }
  .app_inner_right {
    width: 580px;
    margin: 0;
    float: right
  }
}
.load:before {
  display: block;
  content: "";
  margin: auto;
  font-size: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  text-indent: -9999em;
  border-radius: 50%;
  width: 9pt;
  height: 9pt;
  border-top: .35em solid hsla(0, 0%, 56%, .2);
  border-right: .35em solid hsla(0, 0%, 56%, .2);
  border-bottom: .35em solid hsla(0, 0%, 56%, .2);
  border-left: .35em solid #8f8f8f;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: a 1s infinite linear;
  -ms-animation: a 1s infinite linear;
  animation: a 1s infinite linear
}
@media only print, screen and (max-width:750px) {
  .con_photo.load:before {
    position: absolute;
    top: 5pc;
    bottom: 0;
    left: -230px;
    right: 0
  }
}
.load.none:before {
  opacity: 0
}
@-webkit-keyframes a {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes a {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
#topcontrol {
  z-index: 10
}
@media print {
  * {
    font-family: "メイリオ" !important;
  }
}

.link-list--savor{
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}
.link-item--savor{
	display: flex;
    align-items: center;
	font-size: 14px;
}
.link-item--savor a{
	color: #cfc8c0;
	font-weight: normal;
}
.link-item-title--savor {
    margin-right: 5px;
    color: #8f8f8f;
}
.link-item--savor .savor-icon{
	width: 16px;
    height: 16px;
	margin-right: 5px;
}
.link-item--savor:after {
    position: relative;
    content: "|";
    font-size: 10px;
    font-weight: 300;
    padding: 0 5px;
    display: inline-block;
    top: -2px;
    left: 0;
	color: #cfc8c0;
}
.official-sns-wrapper{
    margin: 20px;
    padding: 20px 10px;
    border-radius: 8px; 
}
.official-sns-wrapper .text_m{
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 132%;
}
.official-sns-list{
    display: flex; 
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 10px;
}
.official-sns-item{
    margin-top: 10px;
    width: 44px;
    height: 44px;
    background-color: #efefef;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.official-sns-item + .official-sns-item{
    margin-left: 10px;
}
.official-sns-link{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
}
.official-sns-logo{
    width: 20px;
    height: 20px;
    object-fit: contain;
}