@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
.siteHeader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  background: #FFF;
  width: 100%;
}
.siteHeader .fixedWidth {
  padding: 30px 0;
}
@media screen and (min-width: 750px) {
  .siteHeader.siteHeader--scrolled {
    -moz-transition: padding 0.25s ease;
    -o-transition: padding 0.25s ease;
    -ms-transition: padding 0.25s ease;
    -webkit-transition: padding 0.25s ease;
    transition: padding 0.25s ease;
  }
  .siteHeader.siteHeader--scrolled .logo img {
    height: 50px;
  }
  .siteHeader.siteHeader--scrolled .fixedWidth {
    padding: 20px 0;
  }
  .siteHeader.siteHeader--scrolled .navMain__firtst {
    display: none;
  }
}
.siteHeader .logo {
  float: left;
}
.siteHeader .navMain {
  float: right;
  width: 700px;
}
.siteHeader .navMain ul {
  font-size: 2.0rem;
}
.siteHeader .navMain li {
  display: inline-block;
}
.siteHeader .navMain .navMain__firtst {
  margin-bottom: 15px;
  font-size: 1.2rem;
  text-align: right;
}
.siteHeader .navMain .navMain__firtst li {
  margin-left: 30px;
  vertical-align: middle;
}
@media screen and (min-width: 750px) {
  .siteHeader .navMain .navMain__firtst li a.hover:hover {
    text-decoration: underline;
  }
}
.siteHeader .navMain .navMain__second {
  text-align: right;
}
.siteHeader .navMain .navMain__second li {
  margin: 0 10px;
  display: inline-block;
  text-align: center;
  line-height: 1.1;
}
.siteHeader .navMain .navMain__second li:last-child {
  margin-right: 0;
}
.siteHeader .navMain .navMain__second li a {
  position: relative;
  display: block;
}
@media screen and (min-width: 750px) {
  .siteHeader .navMain .navMain__second li a.hover:hover .ja:after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -7px;
    background-color: #333333;
    margin-left: -35px;
    width: 70px;
    height: 2px;
  }
  .siteHeader .navMain .navMain__second li a.toggle:hover .ja:after {
    opacity: 0;
  }
  .siteHeader .navMain .navMain__second li a:after {
    -moz-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
    -ms-transition: opacity 0.15s ease;
    -webkit-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease;
    display: block;
    content: "";
    position: absolute;
    opacity: 0;
    left: 50%;
    bottom: -30px;
    margin-left: -19px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 19px 19px 19px;
    border-color: transparent transparent #373737 transparent;
  }
  .siteHeader .navMain .navMain__second li a.active:after {
    opacity: 1;
  }
}
@media screen and (min-width: 750px) {
  .siteHeader .navMain .navMain__second li a.current .ja:after {
    -moz-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    -ms-transition: opacity 0.25s ease;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -7px;
    background-color: #333333;
    margin-left: -35px;
    width: 70px;
    height: 2px;
  }
}
.siteHeader .navMain .navMain__second li .en {
  display: block;
  font-size: 1.7rem;
}
.siteHeader .navMain .navMain__second li .ja {
  position: relative;
  font-size: 1.2rem;
  line-height: 1.2;
}
.siteHeader .navMain .navMain__second .navMain__second__children {
  display: none;
}

@media screen and (min-width: 750px) {
  .siteHeader .navMain .navMain__second .navMain__second__children {
    position: absolute;
    left: 0;
    margin-top: 30px;
    z-index: 1000;
    background-color: #373736;
    padding: 40px 0 20px 0;
    width: 100%;
    text-align: left;
  }
  .siteHeader .navMain .navMain__second .navMain__second__children ul {
    margin: 0 auto;
    width: 930px;
    font-size: 1.4rem;
  }
  .siteHeader .navMain .navMain__second .navMain__second__children li {
    display: inline-block;
    margin: 0 5px 20px 0;
    width: 220px;
  }
  .siteHeader .navMain .navMain__second .navMain__second__children li:nth-child(4n) {
    margin-right: 0;
  }
  .siteHeader .navMain .navMain__second .navMain__second__children li .buttonLike {
    display: block;
    padding: 20px 20px;
    width: 100%;
    color: #FFF;
    border: 1px solid #737373;
    text-align: left;
  }
  .siteHeader .navMain .navMain__second .navMain__second__children li .buttonLike .icon {
    top: 3px;
    margin-right: 5px;
    opacity: 0.7;
  }
  .siteHeader .navMain .navMain__second .navMain__second__children li .buttonLike:hover {
    text-decoration: underline;
  }
  .siteHeader .navMain .navMain__second .navMain__second__children li .buttonLike:hover:before {
    display: none;
  }
  .siteHeader .navMain .navMain__second .navMain__second__children li .bannerLike {
    color: #FFF;
    text-align: left;
  }
  .siteHeader .navMain .navMain__second .navMain__second__children li .bannerLike figure {
    margin-bottom: 10px;
  }
  .siteHeader .navMain .navMain__second .navMain__second__children li .bannerLike .icon {
    top: 3px;
    margin-left: 10px;
    margin-right: 5px;
  }
  .siteHeader .navMain .navMain__second .navMain__second__children li .bannerLike:hover {
    text-decoration: underline;
  }
}
.siteFooter {
  margin-top: 65px;
}
.siteFooter .siteFooter__banner {
  background-color: #eeeeee;
  padding: 30px 0 25px 0;
  text-align: center;
}
.siteFooter .siteFooter__banner p,
.siteFooter .siteFooter__banner ul,
.siteFooter .siteFooter__banner li {
  display: inline-block;
  vertical-align: middle;
}
.siteFooter .siteFooter__banner p {
  text-align: left;
  width: 350px;
  font-size: 1.2rem;
}
.siteFooter .siteFooter__banner ul{
	width: 230px;}
.siteFooter .siteFooter__banner li {
  margin-left: 30px;
  vertical-align: top;
}
.siteFooter .siteFooter__map {
  padding: 65px 0;
}
.siteFooter .siteFooter__link__header {
  float: left;
}
.siteFooter .siteFooter__link__header .copy {
  display: block;
  margin-top: 30px;
  font-size: 10px;
}
.siteFooter .siteFooter__link__body {
  float: right;
  width: 630px;
}
.siteFooter .siteFooter__link__body .flex {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.siteFooter .siteFooter__link__body .flex .item {
  display: table-cell;
  width: 25%;
}
.siteFooter .siteFooter__link__body .name {
  margin-bottom: 20px;
  font-weight: bold;
}
.siteFooter .siteFooter__link__body .name .en {
  font-size: 1.7rem;
}
.siteFooter .siteFooter__link__body .name .ja {
  display: block;
  font-size: 1.1rem;
}
.siteFooter .siteFooter__link__body li.name {
  margin-bottom: 40px;
}
.siteFooter .siteFooter__link__body li.name:last-child {
  margin-bottom: 0;
}
.siteFooter .siteFooter__link__body ul {
  font-size: 1.2rem;
}
.siteFooter .siteFooter__link__body ul li {
  margin-bottom: 10px;
}
.siteFooter .siteFooter__link {
  margin-top: 60px;
}
.siteFooter .siteFooter__link ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.siteFooter .siteFooter__link li {
  display: inline-block;
}
.siteFooter .siteFooter__link li.icon {
  top: -4px;
}

.headerA {
  margin-bottom: 30px;
  text-align: center;
}
.headerA .string {
  font-weight: normal;
  line-height: 1.4;
}
.headerA .en {
  font-size: 5.0rem;
}
.headerA .ja {
  font-size: 1.4rem;
  display: block;
}

.headerB {
  padding: 0 20px 10px 20px;
  color: #78503c;
  border-bottom: 3px solid #78503c;
}
.headerB .string {
  font-size: 2.3rem;
}
.headerB .string small {
  font-size: 1.6rem;
}

.headerC {
  margin-bottom: 40px;
  text-align: center;
}
.headerC .string {
  position: relative;
  padding-bottom: 30px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 3.5rem;
  font-weight: normal;
}
.headerC .string:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background: #000000;
  width: 100px;
  height: 3px;
  margin-left: -50px;
}

.headerD {
  margin-bottom: 30px;
  color: #78503c;
}
.headerD .string {
  font-size: 2.6rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: normal;
}

.headerE {
  color: #83993c;
}
.headerE .string {
  font-size: 2.2rem;
}
.headerE .string .icon--leaf {
  margin-right: 10px;
}

.headerF {
  margin-bottom: 50px;
  color: #78503c;
  text-align: center;
}
.headerF .string {
  font-size: 3.5rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: normal;
}

.headerG {
  margin-bottom: 40px;
  padding-bottom: 8px;
  border-bottom: 3px solid #78503c;
  text-align: center;
}
.headerG .string {
  display: inline-block;
  margin-left: 5px;
  padding-top: 3px;
  font-size: 2.6rem;
  font-weight: normal;
  line-height: 1.1;
  color: #78503c;
  text-align: left;
}
.headerG .string small {
  display: block;
  font-size: 1.0rem;
  margin-top: 3px;
  margin-left: 2px;
}

.headerH {
  margin-bottom: 100px;
  color: #78503c;
  text-align: center;
}
.headerH .icon {
  background: #78503c;
  padding: 10px 40px;
  font-size: 1.5rem;
  color: #FFF;
  border-radius: 100px;
}
.headerH .string {
  margin-bottom: 30px;
  font-size: 4.0rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: normal;
}
.headerH p {
  font-size: 2.6rem;
}

.headerI {
  margin-bottom: 20px;
}
.headerI .string {
  display: inline-block;
  background-color: #78503c;
  padding: 10px 20px;
  font-size: 1.8rem;
  color: #FFF;
  font-weight: normal;
}

.pageTitle {
  margin-top: 70px;
  margin-bottom: 60px;
  text-align: center;
}
.pageTitle .string {
  font-weight: normal;
  line-height: 1.4;
}
.pageTitle .en {
  font-size: 5.0rem;
}
.pageTitle .ja {
  font-size: 1.4rem;
  display: block;
}

.pageTitleA {
  margin-top: 70px;
  margin-bottom: 20px;
  text-align: center;
}
.pageTitleA .string {
  font-weight: normal;
  line-height: 1.4;
}
.pageTitleA .en {
  font-size: 3.0rem;
}
.pageTitleA .ja {
  font-size: 1.2rem;
  display: block;
}

.pageBgTitle {
  margin-top: 30px;
  margin-bottom: 50px;
  padding: 60px 0;
  text-align: center;
}
.pageBgTitle .string {
  font-weight: normal;
  line-height: 1.4;
}
.pageBgTitle .en {
  font-size: 5.0rem;
}
.pageBgTitle .ja {
  font-size: 1.4rem;
  display: block;
}
.pageBgTitle.pageBgTitle--large .en {
  font-size: 8.0rem;
}
.pageBgTitle.pageBgTitle--large .ja {
  font-size: 2.4rem;
}

.pageSmallTitle {
  background: url(/common/img/content/ttl_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
  margin-bottom: 40px;
  padding-top: 30px;
  padding-bottom: 40px;
  text-align: center;
}
.pageSmallTitle.pageSmallTitle--kobepudding, .pageSmallTitle.pageSmallTitle--kobechefclub, .pageSmallTitle.pageSmallTitle--rakuraku, .pageSmallTitle.pageSmallTitle--cupmarche {
  margin-top: 25px;
}
.pageSmallTitle.pageSmallTitle--kobepudding {
  background-image: url(/img/brands/kobepudding/kobepudding_ttl_sm_bg.jpg);
}
.pageSmallTitle.pageSmallTitle--kobechefclub {
  background-image: url(/img/brands/kobechefclub/kobechefclub_ttl_sm_bg.jpg);
}
.pageSmallTitle.pageSmallTitle--rakuraku {
  background-image: url(/img/brands/rakuraku-w/rakuraku_ttl_sm_bg.jpg);
}
.pageSmallTitle.pageSmallTitle--cupmarche {
  background-image: url(/img/brands/cupmarche/cupmarche_ttl_sm_bg.jpg);
}
.pageSmallTitle .string {
  font-weight: normal;
  line-height: 1.4;
}
.pageSmallTitle .en {
  font-size: 3.0rem;
}
.pageSmallTitle .ja {
  font-size: 1.2rem;
  display: block;
}

.listDef > dt {
  font-size: 1.6rem;
  font-weight: bold;
}
.listDef dd {
  margin-bottom: 25px;
}
.listDef dd ul, .listDef dd dl {
  margin-bottom: 25px;
}
.listDef dd ul:last-child, .listDef dd dl:last-child {
  margin-bottom: 0;
}
.listDef dd:last-child {
  margin-bottom: 0;
}

.listDef2 dt {
  margin-bottom: 15px;
  font-size: 2.0rem;
  font-weight: bold;
}
.listDef2 dd {
  margin-bottom: 50px;
}
.listDef2 dd:last-child {
  margin-bottom: 0;
}

.tableA {
  width: 100%;
}
.tableA tr th,
.tableA tr td {
  padding: 25px;
  border-top: 1px solid #e4dcd8;
  border-bottom: 1px solid #e4dcd8;
  vertical-align: middle;
}
.tableA tr th {
  text-align: left;
  font-weight: normal;
  width: 190px;
}
.tableA tr td {
  padding-right: 0;
  padding-left: 0;
}
.tableA tr td .item {
  margin-bottom: 20px;
}
.tableA tr td .item:last-child {
  margin-bottom: 0;
}

.tableB {
  width: 100%;
}
.tableB tr th,
.tableB tr td {
  padding: 18px 40px;
  border-right: 1px solid #ded5ce;
  border-bottom: 1px solid #ded5ce;
  vertical-align: middle;
}
.tableB tr th:last-child,
.tableB tr td:last-child {
  border-right: 0;
}
.tableB tr th {
  background: #eeece4;
  text-align: center;
  font-weight: normal;
}
.tableB tr td.place {
  width: 25%;
}
.tableB tr td.time {
  width: 27%;
  text-align: center;
}

.icon {
  position: relative;
  display: inline-block;
  background: 0 0 no-repeat;
  background-size: 100% auto;
  vertical-align: top;
  line-height: 1;
}
.icon.icon--q, .icon.icon--a {
  font-family: 'Cormorant Infant', serif;
  font-size: 3.5rem;
  font-weight: normal;
  color: #856150;
}
.icon.icon--require {
  color: #d70000;
  vertical-align: middle;
}
.icon.icon--newProduct {
  background-image: url(/common/img/icon/icon_new_product.svg);
  width: 80px;
  height: 80px;
}
.icon.icon--renewalProduct {
  background-image: url(/common/img/icon/icon_renewal_product.svg);
  width: 80px;
  height: 80px;
}
.icon.icon--close {
  width: 15px;
  height: 15px;
}
.icon.icon--close:before, .icon.icon--close:after {
  display: block;
  content: "";
  position: absolute;
  background-color: #FFF;
  width: 100%;
  height: 2px;
}
.icon.icon--close:before {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.icon.icon--close:after {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.icon.icon--leaf {
  background-image: url(/common/img/icon/icon_leaf.svg);
  width: 21px;
  height: 33px;
}
.icon.icon--arrow {
  background-image: url(/common/img/icon/icon_arrow.svg);
  width: 13px;
  height: 11px;
}
.icon.icon--arrowR {
  background-image: url(/common/img/icon/icon_arrow.svg);
  width: 13px;
  height: 11px;
  transform: rotate(180deg);
}
.icon.icon--arrowB {
  background-image: url(/common/img/icon/icon_arrow_b.svg);
  width: 13px;
  height: 11px;
}
.icon.icon--arrowBP {
  background-image: url(/common/img/icon/icon_arrow_bp.svg);
  width: 13px;
  height: 11px;
}
.icon.icon--blank {
  background-image: url(/common/img/icon/icon_blank.svg);
  width: 12px;
  height: 12px;
}
.icon.icon--blankB {
  background-image: url(/common/img/icon/icon_blank_b.svg);
  width: 12px;
  height: 12px;
}
.icon.icon--station, .icon.icon--car, .icon.icon--airport, .icon.icon--other {
  width: 44px;
  height: 44px;
}
.icon.icon--station {
  background-image: url(/common/img/icon/icon_station.svg);
}
.icon.icon--car {
  background-image: url(/common/img/icon/icon_car.svg);
}
.icon.icon--airport {
  background-image: url(/common/img/icon/icon_airport.svg);
}
.icon.icon--other {
  background-image: url(/common/img/icon/icon_other.png);
}
.icon.icon--category {
  background-color: #0090d2;
  padding: 10px 5px;
  color: #FFF;
  width: 116px;
  border-radius: 4px;
  font-size: 1.0rem;
  text-align: center;
  font-family: "PT Sans Narrow", "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif;
}
.icon.icon--category.icon--category--kobe {
  background-color: #c2911a;
}
.icon.icon--category.icon--category--rakuraku-w {
  background-color: #e7709f;
}
.icon.icon--category.icon--category--release, .icon.icon--category.icon--category--toraku {
  background-color: #7f4933;
  font-size: 1.1rem;
}
.icon.icon--category.icon--category--products, .icon.icon--category.icon--category--pudding {
  background-color: #b31d1e;
}
.icon.icon--category.icon--category--other {
  background-color: #7c9746;
}
.icon.icon--new {
  background: #FFF;
  padding: 5px 12px;
  text-align: center;
  font-family: "PT Sans Narrow", "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif;
  font-size: 1.2rem;
  border: 2px solid #4a4a4a;
}

#wrapper .button {
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding: 10px;
  line-height: 1.1;
  text-decoration: none;
  user-select: none;
  border: 0;
}
#wrapper .button:hover {
  text-decoration: none;
}
#wrapper .button.button--insta {
  position: absolute;
  right: 21vw;
  top: 50%;
  margin-top: -12px;
  padding: 0;
}
#wrapper .button.button--totop {
  display: none;
  position: fixed;
  z-index: 2;
  right: 30px;
  bottom: 30px;
  background: #784f3c;
  width: 50px;
  height: 50px;
  border-radius: 100px;
}
#wrapper .button.button--totop:before {
  display: block;
  content: "";
  position: absolute;
  margin: -3px 0 0 -3px;
  left: 50%;
  top: 50%;
  width: 10%;
  height: 10%;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#wrapper .button.button--toggle {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 200;
  width: 16vw;
  height: 17.5vw;
  background: #FFF;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: background 0.25s ease-in-out;
  -o-transition: background 0.25s ease-in-out;
  -ms-transition: background 0.25s ease-in-out;
  -webkit-transition: background 0.25s ease-in-out;
  transition: background 0.25s ease-in-out;
}
#wrapper .button.button--toggle span {
  display: block;
  position: absolute;
  margin-top: 4vw;
  height: 2px;
  width: 40%;
  background: #78503c;
  opacity: 1;
  left: 30%;
  top: 50%;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#wrapper .button.button--toggle span:nth-child(1) {
  margin-top: -6px;
}
#wrapper .button.button--toggle span:nth-child(2) {
  margin-top: -1px;
}
#wrapper .button.button--toggle span:nth-child(3) {
  margin-top: 4px;
}
#wrapper .button.button--toggle.button--toggle--open {
  background-color: #78503c;
}
#wrapper .button.button--toggle.button--toggle--open span {
  background: #FFF;
}
#wrapper .button.button--toggle.button--toggle--open span:nth-child(1) {
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-top: 0;
}
#wrapper .button.button--toggle.button--toggle--open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
#wrapper .button.button--toggle.button--toggle--open span:nth-child(3) {
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-top: 0;
}
#wrapper .button.button--gray, #wrapper .button.button--default {
  background: #333;
  padding: 30px 20px;
  width: 280px;
  font-family: "Maven Pro", "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif;
  font-size: 1.2rem;
  text-align: center;
  color: #FFF;
  transition: background 0.25s ease;
}
#wrapper .button.button--gray .icon--arrow, #wrapper .button.button--default .icon--arrow {
  left: 0;
  top: 1px;
  margin-right: 20px;
  transition: left 0.25s ease;
}
#wrapper .button.button--gray .icon--arrowR, #wrapper .button.button--default .icon--arrowR {
  left: 0;
  top: 2px;
  margin-right: 20px;
  transition: left 0.25s ease;
}
#wrapper .button.button--gray .icon--blank, #wrapper .button.button--default .icon--blank {
  top: 3px;
  margin-right: -20px;
  margin-left: 20px;
}
#wrapper .button.button--gray .icon--close, #wrapper .button.button--default .icon--close {
  top: 7px;
  margin-right: 10px;
}
#wrapper .button.button--gray .ja, #wrapper .button.button--default .ja {
  font-size: 1.4rem;
}
@media screen and (min-width: 750px) {
  #wrapper .button.button--gray:hover, #wrapper .button.button--default:hover {
    background-color: #b3da37;
  }
  #wrapper .button.button--gray:hover .icon--arrow, #wrapper .button.button--default:hover .icon--arrow {
    left: 5px;
  }
}
#wrapper .button.button--gray {
  background: #b8b8b8;
}
@media screen and (min-width: 750px) {
  #wrapper .button.button--gray:hover {
    background-color: #000;
  }
  #wrapper .button.button--gray:hover .icon--arrowR {
    left: -5px;
  }
}
#wrapper .button.button--a {
  background-color: #FFF;
  padding: 20px;
  width: 270px;
  border: 1px solid #7d7d7d;
  font-size: 1.4rem;
  border-radius: 100px;
  transition: background 0.25s ease, color 0.25s ease;
}
@media screen and (min-width: 750px) {
  #wrapper .button.button--a:hover {
    background-color: #b3da37;
    color: #FFF;
    border-color: #b3da37;
  }
}
#wrapper .button.button--videoctl {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -60px 0 0 -42px;
  background: url(../img/content/btn_play.svg) 0 0 no-repeat;
  width: 85px;
  height: 85px;
  transition: opacity 0.25s ease;
}
#wrapper .button.button--videoctl.button--videoctl--stop {
  opacity: 0;
  background-image: url(../img/content/btn_stop.svg);
}
#wrapper .button.button--videoctl:hover {
  opacity: 1;
}

.compoWrapResposiveVideo {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.compoWrapResposiveVideo video {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.compoProducts {
  padding-bottom: 0;
}
.compoProducts .fixedWidth {
  display: table;
  background: #faf9f6;
}
.compoProducts .text,
.compoProducts .img {
  display: table-cell;
  vertical-align: middle;
}
.compoProducts .text {
  padding: 0  100px 0 100px;
  text-align: left;
}
.compoProducts .text .headerA {
  text-align: left;
}
.compoProducts .img img {
  max-width: none;
}
.compoProducts .compoProducts__wrapButton {
  margin-top: 40px;
}

.compoBrandItems {
  margin-right: auto;
  margin-left: auto;
  width: 1300px;
  display: table;
  table-layout: fixed;
}
.compoBrandItems .item {
  display: table-cell;
  vertical-align: top;
  width: 25%;
  border: 1px solid #ededed;
  border-right: 0;
  text-align: center;
}
.compoBrandItems .item:last-child {
  border-right: 1px solid #ededed;
}
.compoBrandItems .item a {
  position: relative;
  display: block;
  padding: 25px 0;
  padding-bottom: 236px;
  border: 5px solid #FFF;
  transition: border 0.25s ease, box-shadow 0.25s ease;
}
.compoBrandItems .item a .text {
  position: relative;
  z-index: 2;
  margin: 25px 10px 10px 10px;
}
.compoBrandItems .item a .text p {
  font-size: 1.4rem;
  line-height: 1.8;
}
.compoBrandItems .item a .photo {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
}
@media screen and (min-width: 750px) {
  .compoBrandItems .item a:hover {
    text-decoration: none !important;
    border-color: #d1c0a5;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }
}
.compoBrandItems .item.item--kobepudding .logo {
  padding: 8.5px 0;
}
.compoBrandItems .item.item--kobechefclub .logo {
  padding: 31px 0;
}
.compoBrandItems .item.item--cupmarche .logo {
  padding: 9.5px 0;
}

.compoCompanyItems {
  width: 1210px;
  margin-right: auto;
  margin-left: auto;
  display: table;
  table-layout: fixed;
}
.compoCompanyItems .item {
  display: table-cell;
  width: 290px;
}
.compoCompanyItems .item a {
  display: block;
  padding: 10px 10px 30px 10px;
  text-align: center;
  transition: background 0.25s ease, box-shadow 0.25s ease;
}
.compoCompanyItems .item a dl {
  margin-top: 20px;
}
.compoCompanyItems .item a dl dt {
  margin-bottom: 15px;
  font-size: 1.8rem;
  font-weight: bold;
}
@media screen and (min-width: 750px) {
  .compoCompanyItems .item a:hover {
    background-color: #FFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    text-decoration: none;
  }
  .compoCompanyItems .item a:hover .icon--arrow {
    left: 5px;
  }
}

.formBlock textarea,
.formBlock select,
.formBlock input[type="text"],
.formBlock input[type="number"],
.formBlock input[type="email"] {
  padding: 13px;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  font-size: 1.6rem;
}
.formBlock textarea,
.formBlock input[type="text"],
.formBlock input[type="email"] {
  width: 100%;
}
.formBlock textarea {
  height: 200px;
}
.formBlock label {
  display: inline-block;
  cursor: pointer;
  margin-top: 8px;
}
.formBlock select {
  background: #FFF;
  height: 50px;
  min-width: 250px;
}
.formBlock input[type="text"].count, .formBlock input[type="text"].yen, .formBlock input[type="text"].code {
  width: 200px;
}
.formBlock input[type="text"].zip {
  width: 250px;
}
.formBlock input[type="text"].tel, .formBlock input[type="text"].fax {
  width: 400px;
}
.formBlock input[type="text"].date {
  margin: 0 10px;
  width: 100px;
}
.formBlock input[type="text"].date:first-child {
  margin-left: 0;
}
.formBlock input[type="text"].other {
  width: 200px;
  padding: 5px;
}
.formBlock .fromBlock__item {
  padding: 40px;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
}
.formBlock .fromBlock__item .txt {
  margin-bottom: 40px;
  font-size: 1.3rem;
}
.formBlock .fromBlock__item .txt .icon--require {
  vertical-align: baseline;
}
.formBlock .sufix {
  display: inline-block;
  margin-left: 5px;
}
.formBlock .formBlock__lead {
  margin-bottom: 30px;
}
.formBlock .formBlock__lead .icon--require {
  top: -1px;
}
.formBlock .formSsl {
  margin-top: 70px;
  text-align: center;
}
.formBlock .formSsl .formSsl_about {
  margin-top: 5px;
}
.formBlock .formBlock__table {
  width: 100%;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
}
.formBlock .formBlock__table tr th, .formBlock .formBlock__table tr td {
  padding: 30px 40px;
  border-bottom: 1px solid #e5e5e5;
  vertical-align: middle;
  font-size: 1.5rem;
}
.formBlock .formBlock__table tr th .icon--require, .formBlock .formBlock__table tr td .icon--require {
  top: 4px;
  margin-left: 3px;
  font-size: 1.6rem;
  vertical-align: top;
}
.formBlock .formBlock__table tr th {
  text-align: left;
  width: 220px;
  font-weight: normal;
}
.formBlock .formBlock__table tr td {
  padding-left: 0;
}
.formBlock .formBlock__table tr td .item {
  margin-bottom: 20px;
}
.formBlock .formBlock__table tr td .item:last-child {
  margin-bottom: 0;
}
.formBlock .formBlock__table tr td p.item {
  margin-bottom: 15px;
}
.formBlock .formBlock__table tr td p.item:last-child {
  margin-bottom: 0;
}
.formBlock .formBlock__table tr td .child {
  margin-bottom: 5px;
}
.formBlock .formBlock__table tr td .child:last-child {
  margin-bottom: 0;
}
.formBlock .formBlock__table tr td label {
  cursor: pointer;
  margin-right: 20px;
}
.formBlock .formBlock__table tr td label:last-child {
  margin-right: 0;
}
.formBlock .formBlock__table tr td label.hasNext {
  margin-right: 10px;
}
.formBlock .formBlock__table tr td li {
  margin-bottom: 8px;
}
.formBlock .formBlock__table tr td li:last-child {
  margin-bottom: 0;
}
.formBlock .formBlock__table tr:nth-child(even) {
  background-color: #f8f8f8;
}
.formBlock .formBlock__table.formBlock__table--a tr:nth-child(odd) {
  background-color: #f8f8f8;
}
.formBlock .formBlock__table.formBlock__table--a tr:nth-child(even) {
  background-color: #FFF;
}
.formBlock .formBlock__wrapButton {
  margin-top: 50px;
  text-align: center;
}
.formBlock .formBlock__wrapButton .formBlock__wrapButton__inner {
  display: inline-block;
}
.formBlock .formBlock__wrapButton .button {
  margin: 0 20px;
}
.formBlock .formBlock__wrapButton .button.buttonBack, .formBlock .formBlock__wrapButton .button.buttonSubmit, .formBlock .formBlock__wrapButton .button.buttonConf {
  float: right;
}
.formBlock .formBlock__conf {
  position: absolute;
  width: 1000px;
  left: 50%;
  top: 50px;
  margin-left: -500px;
  margin-bottom: 100px;
  background-color: #FFF;
  padding: 80px;
  z-index: 200;
}
.formBlock .formBlock__conf .formBlock__conf__text {
  margin-bottom: 50px;
  font-size: 2.0rem;
  text-align: center;
  font-weight: bold;
}
.formBlock .formBlock__thankyou {
  margin-top: 50px;
  margin-bottom: 150px;
  text-align: center;
}
.formBlock .formBlock__thankyou dt {
  margin-bottom: 35px;
  font-size: 2.8rem;
}
.formBlock .formBlock__thankyou dd {
  font-weight: 1.6rem;
}

.pageLead {
  margin-top: 50px;
  margin-bottom: 60px;
  text-align: center;
}
.pageLead dt {
  margin-bottom: 20px;
  font-size: 2.4rem;
  font-weight: bold;
}

.bodyItem {
  padding: 30px 20px;
}
.bodyItem .bodyItem:last-child {
  padding-bottom: 0;
}

#overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  background-color: #555555;
  opacity: 0.9;
  width: 100%;
  height: 100%;
}

.fixedWidth {
  margin-right: auto;
  margin-left: auto;
  width: 1200px;
}

.fixedWidthS {
  margin-right: auto;
  margin-left: auto;
  width: 1000px;
}

.fixedWidthSS {
  margin-right: auto;
  margin-left: auto;
  width: 900px;
}

.col {
  zoom: 1;
}
.col:after {
  content: '';
  display: block;
  clear: both;
  overflow: hidden;
}
.col .box {
  float: left;
}
.col .boxR {
  float: right;
}
.col .boxR figure + figure {
  margin-top: 20px;
}

.flex.flex--fullCol2 .flex__item {
  width: 50%;
}

.navPage {
  background-color: #333333;
}
.navPage ul {
  display: table;
  font-size: 1.3rem;
}
.navPage ul li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.navPage ul li a {
  display: block;
  padding: 25px;
  color: #FFF;
}
.navPage ul li:first-child a {
  padding-left: 0;
}
.navPage ul li:last-child a {
  padding-right: 0;
}

.pageItemNavigation {
  position: fixed;
  left: 0;
  z-index: 20;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 750px) {
  .pageItemNavigation.pageItemNavigation--scrolled {
    margin-top: -57px;
  }
}
.pageItemNavigation .pageItemNavigation__header {
  background-color: #b40c2a;
}
.pageItemNavigation .pageItemNavigation__header a {
  display: inline-block;
  color: #FFF;
}
.pageItemNavigation .pageItemNavigation__header .string {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 12px;
  color: #FFF;
  font-size: 2.0rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  letter-spacing: 0.5rem;
  font-weight: normal;
}
.pageItemNavigation .pageItemNavigation__header .string:after {
  display: block;
  content: "";
  position: absolute;
  right: -40px;
  top: 50%;
  margin-top: -5px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -moz-transition: transform 0.25s ease;
  -o-transition: transform 0.25s ease;
  -ms-transition: transform 0.25s ease;
  -webkit-transition: transform 0.25s ease;
  transition: transform 0.25s ease;
}
.pageItemNavigation .pageItemNavigation__header.pageItemNavigation__header--active .string:after {
  margin-top: -4px;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pageItemNavigation.pageItemNavigation--kobechefclub .pageItemNavigation__header {
  background-color: #c3931f;
}
.pageItemNavigation.pageItemNavigation--rakuraku .pageItemNavigation__header {
  background-color: #e46f9f;
}
.pageItemNavigation.pageItemNavigation--cupmarche .pageItemNavigation__header {
  background-color: #570e05;
}
.pageItemNavigation.pageItemNavigation--cupmarche .pageItemNavigation__header .string {
  cursor: default;
}
.pageItemNavigation.pageItemNavigation--cupmarche .pageItemNavigation__header .string:after {
  display: none;
}
.pageItemNavigation .pageItemNavigation__body {
  position: absolute;
  left: 0;
  z-index: 100;
  background: #FFF;
  width: 100%;
  display: none;
  padding: 20px 0;
}
.pageItemNavigation .pageItemNavigation__body ul {
  font-size: 1.5rem;
}
.pageItemNavigation .pageItemNavigation__body li {
  display: inline-block;
  padding: 0 30px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  border-right: 1px solid #000;
  line-height: 1.1;
}
.pageItemNavigation .pageItemNavigation__body li:first-child {
  padding-left: 0;
}
.pageItemNavigation .pageItemNavigation__body li:last-child {
  border-right: 0;
  padding-right: 0;
}
@media screen and (min-width: 750px) {
  .pageItemNavigation .pageItemNavigation__body li a:hover {
    text-decoration: underline;
  }
}

.navigation {
  margin-top: 80px;
  text-align: center;
  font-size: 1.8rem;
  font-family: 'Cormorant Garamond', serif;
}
.navigation .page-numbers {
  display: inline-block;
  width: 46px;
  height: 46px;
  border-radius: 100px;
  line-height: 42px;
  transition: background 0.25s ease;
}
.navigation .page-numbers.current {
  background: #333333;
  color: #FFF;
}
@media screen and (min-width: 750px) {
  .navigation .page-numbers:hover {
    background: #333333;
    color: #FFF;
    text-decoration: none;
  }
}
.navigation .prev,
.navigation .next {
  position: relative;
  top: 2px;
  font-size: 1.2rem;
}
.navigation .prev .icon,
.navigation .next .icon {
  left: 0;
  top: -2px;
  vertical-align: middle;
  transition: left 0.25s ease;
}
@media screen and (min-width: 750px) {
  .navigation .prev:hover,
  .navigation .next:hover {
    text-decoration: underline;
  }
}
.navigation .prev {
  margin-right: 20px;
}
.navigation .prev .icon {
  margin-right: 10px;
}
@media screen and (min-width: 750px) {
  .navigation .prev:hover .icon {
    left: -4px;
  }
}
.navigation .next {
  margin-left: 20px;
}
.navigation .next .icon {
  margin-left: 10px;
}
@media screen and (min-width: 750px) {
  .navigation .next:hover .icon {
    left: 4px;
  }
}

.wrapBoxShare {
  position: relative;
  text-align: right;
}

.boxShare {
  position: absolute;
  right: 0;
  top: -120px;
  display: inline-block;
  background: #FFF;
  padding: 20px 20px;
  width: 250px;
  border-radius: 100px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  text-align: center;
}
.boxShare dt {
  position: absolute;
  left: 50%;
  top: -12px;
  margin-left: -50px;
}
.boxShare dd li {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}

.informationList {
  border-top: 1px solid #e5e5e5;
  text-align: center;
}
.informationList .item {
  border-bottom: 1px solid #e5e5e5;
}
.informationList .item .contain,
.informationList .item a {
  display: block;
  padding: 15px 0 12px 0;
}
@media screen and (min-width: 750px) {
  .informationList .item a:hover {
    background-color: #faf8f6;
  }
}
.informationList .item .inner {
  display: inline-block;
  width: 660px;
  text-align: left;
}
.informationList .item .cont {
  display: table;
  width: 100%;
}
.informationList .item .cont .cell {
  display: table-cell;
  vertical-align: middle;
  word-break: break-all;
}
.informationList .item .cont .cell .icon--new {
  vertical-align: middle;
  margin-left: 30px;
}
.informationList .item .cont .date {
  width: 110px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.8rem;
}
.informationList .item .cont .cat {
  width: 130px;
}
.informationList .item .cont .cat .icon--new {
  display: none;
}

.hoverImg {
  transition: opacity 0.25s ease;
}
@media screen and (min-width: 750px) {
  .hoverImg:hover {
    opacity: 0.8;
    text-decoration: none !important;
  }
}

.breadcrumb {
  padding-top: 25px;
  border-top: 1px solid #e5e5e5;
  color: #545454;
}
.breadcrumb p {
  font-size: 1.3rem;
}
.breadcrumb p a {
  position: relative;
  display: inline-block;
  margin-right: 30px;
  color: #545454;
}
.breadcrumb p a:after {
  display: block;
  content: "";
  position: absolute;
  right: -20px;
  top: 7px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #545454;
  border-right: 1px solid #545454;
  transform: rotate(45deg);
}

.bannerCol2 .item {
  background: #fefbf7;
  padding: 5px;
  width: 480px;
  display: block;
}
.bannerCol2 .item dl {
  padding: 25px 30px 0 20px;
  height: 190px;
}
.bannerCol2 .item dt {
  margin-bottom: 20px;
  line-height: 1.3;
}
.bannerCol2 .item dt .en {
  font-size: 3.0rem;
}
.bannerCol2 .item dt .ja {
  display: block;
  font-size: 1.4rem;
}
.bannerCol2 .item dd {
  font-size: 1.3rem;
}
.bannerCol2 .item.item--mail {
  background: url(/common/img/content/bnn_mail.png) 100% 0 no-repeat;
}
.bannerCol2 .item.item--mail dl {
  border: 1px solid #d1c0a5;
}
.bannerCol2 .item.item--quest {
  background: #e2d6c4 url(/common/img/content/bnn_q.jpg) 100% 100% no-repeat;
}
.bannerCol2 .item.item--quest dl {
  border: 1px solid #f3efe7;
}

.col {
  zoom: 1;
}
.col:after {
  content: '';
  display: block;
  clear: both;
  overflow: hidden;
}
.col .box {
  float: left;
}
.col .boxR {
  float: right;
}

.setColor {
  color: #7b513f;
}

.setColorRed {
  color: #F00;
}

.txtSmall {
  font-size: 1.2rem;
}

.setMb {
  margin-bottom: 1.5rem;
}

.setmb10 {
  margin-bottom: 10px;
}

.setPt70 {
  padding-top: 70px;
}

.setWFull {
  width: 100%;
}

.setAlignC {
  text-align: center;
}

.setAlignR {
  text-align: right;
}

.setHide {
  display: none;
}

.setW48 {
  width: 48%;
}

.setW280px {
  width: 280px;
}

.setW300px {
  width: 300px;
}

.setW340px {
  width: 340px;
}

.setW400px {
  width: 400px;
}

.setW420px {
  width: 420px;
}

.setW430px {
  width: 430px;
}

.setW454px {
  width: 454px;
}

.setW500px {
  width: 500px;
}

.setW520px {
  width: 520px;
}

.setW550px {
  width: 550px;
}

.setW580px {
  width: 580px;
}

.setW640px {
  width: 640px;
}

.colorPink {
  color: #e74878;
}

.colorOrange {
  color: #ec7501;
}

.colorGreen {
  color: #67a232;
}

.colorBlue {
  color: #00a7ea;
}

.colorViolet {
  color: #567cbf;
}

.setFloatL {
  float: left;
}

.setFloatR {
  float: right;
}

.textIndent {
  margin-left: 1.4rem;
  text-indent: -1.3rem;
}

#wrapper .setValignTop {
  vertical-align: top;
}
#wrapper .resetAstyle {
  cursor: default;
}
#wrapper .resetAstyle:hover {
  text-decoration: none;
}
#wrapper .resetSpMb {
  margin-bottom: 0;
}
#wrapper .resetMb {
  margin-bottom: 0;
}
#wrapper .setUnderLine {
  text-decoration: underline;
}

#wrapper {
  background: #FFF;
  padding-top: 146px;
}

.en {
  font-family: 'Cormorant Infant', serif;
}

@media screen and (min-width: 750px) {
  .mainContent a:hover,
  .siteFooter a:hover,
  .breadcrumb a:hover {
    text-decoration: underline;
  }
}

@media print, screen and (min-width: 751px) {
  .sp {
    display: none !important;
  }
}