@charset "UTF-8";
/* line 5, ../../../../../../.rbenv/versions/3.1.4/lib/ruby/gems/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../.rbenv/versions/3.1.4/lib/ruby/gems/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../.rbenv/versions/3.1.4/lib/ruby/gems/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../.rbenv/versions/3.1.4/lib/ruby/gems/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../.rbenv/versions/3.1.4/lib/ruby/gems/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../.rbenv/versions/3.1.4/lib/ruby/gems/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../.rbenv/versions/3.1.4/lib/ruby/gems/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../.rbenv/versions/3.1.4/lib/ruby/gems/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../.rbenv/versions/3.1.4/lib/ruby/gems/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 2, partials/common/_global.scss */
html {
  font-size: 62.5%;
}

/* line 6, partials/common/_global.scss */
body, html {
  height: 100%;
  -webkit-font-smoothing: antialiased;
}

/* line 11, partials/common/_global.scss */
body {
  font-family: 'Crimson Text', serif;
  color: #00144d;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
}

/* line 18, partials/common/_global.scss */
* {
  box-sizing: border-box;
}

/* line 23, partials/common/_global.scss */
a {
  outline: none;
}

/* line 28, partials/common/_global.scss */
h1 {
  font-size: 40px;
  font-size: 40px;
  font-size: 4rem;
  font-style: normal;
}
/* line 32, partials/common/_global.scss */
h1.ja-text {
  font-size: 22px;
  font-size: 22px;
  font-size: 2.2rem;
  font-style: normal;
  line-height: 32px;
  line-height: 32px;
  line-height: 3.2rem;
}

/* line 39, partials/common/_global.scss */
.sp {
  display: none;
}

/* line 43, partials/common/_global.scss */
h2 {
  font-size: 33px;
  font-size: 33px;
  font-size: 3.3rem;
  font-style: normal;
}
/* line 48, partials/common/_global.scss */
h2.ja-text {
  font-size: 20px;
  font-size: 20px;
  font-size: 2rem;
  font-style: normal;
  line-height: 30px;
  line-height: 30px;
  line-height: 3rem;
  margin-top: 10px;
  margin-bottom: 30px;
  color: #475aa8;
}

/* line 60, partials/common/_global.scss */
h3 {
  font-size: 25px;
  font-size: 25px;
  font-size: 2.5rem;
  font-style: normal;
}

/* line 66, partials/common/_global.scss */
.share-sns {
  font-size: 23px;
  font-size: 23px;
  font-size: 2.3rem;
  font-style: italic;
}

/* line 72, partials/common/_global.scss */
p {
  font-size: 15px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 24px;
  line-height: 2.4rem;
}

/* line 78, partials/common/_global.scss */
.sm-wrapper {
  width: 300px;
  margin: 0 auto;
}

/* line 84, partials/common/_global.scss */
.left {
  float: left;
}

/* line 89, partials/common/_global.scss */
.right {
  float: right;
}

/* line 94, partials/common/_global.scss */
.txtright {
  text-align: right;
}

/* line 99, partials/common/_global.scss */
.txtleft {
  text-align: left;
}

/* line 104, partials/common/_global.scss */
.txtcenter {
  text-align: center;
}

/* line 109, partials/common/_global.scss */
.w50 {
  width: 50%;
}

/* line 114, partials/common/_global.scss */
.container {
  width: 1020px;
  margin: 0 auto;
}

/* line 120, partials/common/_global.scss */
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

/* line 131, partials/common/_global.scss */
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

/* line 141, partials/common/_global.scss */
.coral {
  background-color: #f28f79 !important;
}

/* line 146, partials/common/_global.scss */
.red {
  background-color: #f15d58 !important;
}

/* line 151, partials/common/_global.scss */
.gold {
  background-color: #cab063 !important;
}

/* line 157, partials/common/_global.scss */
.separator {
  width: 100%;
  height: 1px;
  background-color: #00144d;
  margin: 10px auto 15px auto;
}
@media only screen and (max-width: 840px) {
  /* line 157, partials/common/_global.scss */
  .separator {
    width: 90%;
  }
}

/* line 164, partials/common/_global.scss */
.title-box, html.top #story #story-title, html.top #story #story-title_sp, html.top #story_sp #story-title, html.top #story_sp #story-title_sp, html.about #abt-top #abt-title, html.experience #exp-top #exp-title {
  background-color: #fff;
  width: 320px;
  height: 126px;
  opacity: .9;
  position: absolute;
  top: 50%;
  left: 50%;
  padding-top: 45px;
  text-align: center;
  transform: translate(-50%, -50%);
}

/* line 178, partials/common/_global.scss */
.title-container {
  opacity: 0;
  transition: all 1s ease;
}
/* line 183, partials/common/_global.scss */
.title-container.active {
  opacity: .9;
}
/* line 188, partials/common/_global.scss */
.title-container * {
  transition: all 1s ease;
}
/* line 194, partials/common/_global.scss */
.title-container #title-main {
  transform: translateY(27px);
  opacity: 0;
}
/* line 199, partials/common/_global.scss */
.title-container #title-main.active {
  transform: translateY(0);
  opacity: 1;
}
/* line 206, partials/common/_global.scss */
.title-container #title-ja {
  transform: translateY(-27px);
  opacity: 0;
}
/* line 211, partials/common/_global.scss */
.title-container #title-ja.active {
  transform: translateY(0);
  opacity: 1;
}
/* line 218, partials/common/_global.scss */
.title-container #title-sep {
  width: 0%;
}
/* line 222, partials/common/_global.scss */
.title-container #title-sep.active {
  width: 100%;
}

/* line 229, partials/common/_global.scss */
.page-head {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 435px;
  width: 100%;
  color: #fff;
  overflow: hidden;
}
/* line 239, partials/common/_global.scss */
.page-head .head-title {
  width: 540px;
  height: 190px;
  background-color: #00144d;
  opacity: .9;
  margin: -95px auto 0 auto;
  text-align: center;
  position: relative;
  top: 50%;
  padding-top: 50px;
  padding-bottom: 50px;
}
/* line 252, partials/common/_global.scss */
.page-head .head-title .wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* line 259, partials/common/_global.scss */
.page-head .head-title .separator {
  width: 350px;
  height: 1px;
  background-color: #fff;
  margin: 10px auto 15px auto;
}
@media only screen and (max-width: 840px) {
  /* line 259, partials/common/_global.scss */
  .page-head .head-title .separator {
    width: 90%;
  }
}

/* line 267, partials/common/_global.scss */
.block-middle {
  width: 580px;
  margin: 0 auto;
  background-color: #fff;
  padding: 50px 60px;
  text-align: justify;
  transform: translate(0, 65%);
}

/* line 277, partials/common/_global.scss */
.slider-wrapper {
  width: 100%;
  height: 100%;
}
/* line 284, partials/common/_global.scss */
.slider-wrapper ul.slides li > div {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 949px;
}
/* line 293, partials/common/_global.scss */
.slider-wrapper ul.flex-direction-nav {
  width: 100%;
  height: 100%;
}
/* line 298, partials/common/_global.scss */
.slider-wrapper ul.flex-direction-nav > li {
  width: 50%;
  height: 100%;
  float: left;
  position: relative;
}
/* line 305, partials/common/_global.scss */
.slider-wrapper ul.flex-direction-nav > li a {
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
}
/* line 312, partials/common/_global.scss */
.slider-wrapper ul.flex-direction-nav > li a.flex-prev {
  left: 0;
  cursor: url('../images/sliders/left-nav.png?1690865543'), auto;
}
/* line 318, partials/common/_global.scss */
.slider-wrapper ul.flex-direction-nav > li a.flex-next {
  right: 0;
  cursor: url('../images/sliders/right-nav.png?1690865543'), auto;
}

/* line 328, partials/common/_global.scss */
.link-button {
  padding: 1px 0;
  font-size: 23px;
  font-size: 23px;
  font-size: 2.3rem;
  color: #00144d;
  text-decoration: none;
  width: 260px;
  display: block;
  position: relative;
  transition: all 1s ease;
}
/* line 39, partials/common/_mixins.scss */
.link-button:after {
  content: "Read More";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 105px;
  padding-right: 20px;
  transition: all 1s ease;
  font-style: italic;
}
/* line 51, partials/common/_mixins.scss */
.link-button:before {
  content: "";
  display: block;
  margin: 13px auto;
  width: 100%;
  height: 1px;
  background-color: #00144d;
}
/* line 63, partials/common/_mixins.scss */
.link-button:hover:after {
  padding-left: 20px;
  left: 56px;
}
@media only screen and (max-width: 840px) {
  /* line 328, partials/common/_global.scss */
  .link-button {
    left: 50%;
    margin-left: -130px;
  }
  /* line 74, partials/common/_mixins.scss */
  .link-button:after {
    padding-left: 26px;
    left: 56px;
  }
}
@media only screen and (min-width: 841px) and (max-width: 1024px) {
  /* line 328, partials/common/_global.scss */
  .link-button {
    left: 50%;
    margin-left: -130px;
  }
  /* line 85, partials/common/_mixins.scss */
  .link-button:after {
    padding-left: 26px;
    left: 56px;
  }
}

/* line 332, partials/common/_global.scss */
#join-sommelier {
  padding: 10px 40px 10px 50px;
  border: 1px solid #fff;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-style: italic;
  position: relative;
  display: inline-block;
}
/* line 341, partials/common/_global.scss */
#join-sommelier:before {
  content: '';
  position: absolute;
  left: 20px;
  top: 7px;
  background: url('../images/global/facebook_icon.png?1690865543') no-repeat;
  width: 21px;
  height: 46px;
  background-size: 44%;
}

/* line 355, partials/common/_global.scss */
#join-facebook {
  padding: 10px 40px 10px 50px;
  border: 1px solid #fff;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-style: italic;
  position: relative;
  display: inline-block;
}
/* line 364, partials/common/_global.scss */
#join-facebook:before {
  content: '';
  position: absolute;
  left: 20px;
  top: 7px;
  background: url('../images/global/facebook_icon.png?1690865543') no-repeat;
  width: 21px;
  height: 46px;
  background-size: 44%;
}

/* line 378, partials/common/_global.scss */
#join-instagram {
  padding: 10px 40px 10px 50px;
  border: 1px solid #fff;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  font-style: italic;
  position: relative;
  display: inline-block;
}
/* line 387, partials/common/_global.scss */
#join-instagram:before {
  content: '';
  position: absolute;
  left: 14px;
  top: 9px;
  background: url('../images/global/instagram_icon.png?1690865543') no-repeat;
  width: 36px;
  height: 36px;
  background-size: 44%;
}

/* line 400, partials/common/_global.scss */
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9999999;
}

/* line 414, partials/common/_global.scss */
.scroll-tab {
  position: absolute;
  width: 100%;
  background-color: #fff;
  opacity: .7;
  height: 66px;
  left: 0;
  bottom: 0;
  color: #00144d;
  text-decoration: none;
  transition: all .4s ease;
}
/* line 426, partials/common/_global.scss */
.scroll-tab:hover {
  opacity: 1;
}
/* line 430, partials/common/_global.scss */
.scroll-tab .scroll-tab-text {
  width: 100%;
  text-align: center;
  padding-top: 20px;
}
/* line 435, partials/common/_global.scss */
.scroll-tab .scroll-tab-text p {
  font-size: 17px;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 17px;
  line-height: 17px;
  line-height: 1.7rem;
  margin-bottom: 0;
  font-style: italic;
}
/* line 443, partials/common/_global.scss */
.scroll-tab .scroll-tab-text img {
  width: 14px;
}
/* line 451, partials/common/_global.scss */
.scroll-tab.scroll-up {
  top: -65px;
  background-color: #00144d;
  color: #fff;
  opacity: .8;
}
/* line 457, partials/common/_global.scss */
.scroll-tab.scroll-up:hover {
  opacity: 1;
}
/* line 462, partials/common/_global.scss */
.scroll-tab.scroll-up .scroll-tab-text {
  padding-top: 10px;
}
/* line 466, partials/common/_global.scss */
.scroll-tab.scroll-up .scroll-tab-text p {
  margin-top: 10px;
  text-align: center;
}

@media only screen and (min-width: 841px) and (max-width: 1024px) {
  /* line 481, partials/common/_global.scss */
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }

  /* line 485, partials/common/_global.scss */
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
@media only screen and (max-width: 840px) {
  /* line 493, partials/common/_global.scss */
  .pc {
    display: none;
  }

  /* line 499, partials/common/_global.scss */
  .block-middle,
  .container {
    width: auto;
  }

  /* line 504, partials/common/_global.scss */
  h1.ja-text, h2.ja-text {
    font-size: 2rem;
  }

  /* line 509, partials/common/_global.scss */
  .title-container #title-sep.active {
    width: 90%;
  }
}
/* line 13, partials/common/_fonts.scss */
.ja-text {
  font-family: "kozuka-mincho-pro", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* line 18, partials/common/_fonts.scss */
.ja-hans {
  font-family: "source-han-sans-japanese";
}

/* line 2, partials/layouts/_header.scss */
#pommery-logo {
  background-image: url('../images/global/logo.png?1690865543');
  background-repeat: no-repeat;
  background-color: #00144d;
  background-size: 100%;
  width: 200px;
  height: 70px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
/* line 14, partials/layouts/_header.scss */
#pommery-logo a {
  display: block;
  width: 100%;
  height: 100%;
}

/* line 21, partials/layouts/_header.scss */
header {
  position: fixed;
  z-index: 100;
  right: 0;
  top: 0;
  width: 150px;
  height: 70px;
  font-size: 20px;
  font-size: 20px;
  font-size: 2rem;
  font-style: italic;
  cursor: pointer;
  padding: 20px 30px 20px 10px;
}
/* line 34, partials/layouts/_header.scss */
header .menu-title {
  float: left;
  margin-top: 6px;
}
/* line 39, partials/layouts/_header.scss */
header .menu-title.animated {
  color: #fff;
}
/* line 45, partials/layouts/_header.scss */
header.white {
  color: #fff;
}
/* line 48, partials/layouts/_header.scss */
header.white .burgx, header.white .burgx2, header.white .burgx3 {
  background-color: #fff;
}

/* line 55, partials/layouts/_header.scss */
.artclose {
  height: 30px;
  width: 33px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  float: right;
}

/* line 67, partials/layouts/_header.scss */
.burgx, .burgx2, .burgx3 {
  margin-top: 3px;
  background: #00144d;
  width: 33px;
  height: 2px;
  position: absolute;
  transform: rotate(-180deg);
  transition: all .4s ease;
}
/* line 77, partials/layouts/_header.scss */
.burgx.animated, .burgx2.animated, .burgx3.animated {
  background: #fff;
}

/* line 88, partials/layouts/_header.scss */
.burgx.animated {
  transform: rotate(-45deg);
  margin-top: 13px;
}

/* line 95, partials/layouts/_header.scss */
.burgx2 {
  margin-top: 13px;
}
/* line 98, partials/layouts/_header.scss */
.burgx2.animated {
  opacity: 0;
}

/* line 104, partials/layouts/_header.scss */
.burgx3 {
  margin-top: 23px;
  transform: rotate(180deg);
}
/* line 109, partials/layouts/_header.scss */
.burgx3.animated {
  transform: rotate(45deg);
  margin-top: 13px;
}

/* line 116, partials/layouts/_header.scss */
nav#menu {
  width: 100%;
  height: 100%;
  background-color: #00144d;
  color: #fff;
  font-size: 30px;
  font-size: 30px;
  font-size: 3rem;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  padding-top: 70px;
  display: none;
  z-index: 99;
}
/* line 131, partials/layouts/_header.scss */
nav#menu .wrapper {
  width: 440px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/* line 140, partials/layouts/_header.scss */
nav#menu a {
  color: #fff;
  text-decoration: none;
  transition: all .4s ease;
}
/* line 146, partials/layouts/_header.scss */
nav#menu a:hover {
  font-size: 31px;
  font-size: 31px;
  font-size: 3.1rem;
}
/* line 151, partials/layouts/_header.scss */
nav#menu a.ja-text {
  font-size: 15px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #485fbb;
}
/* line 158, partials/layouts/_header.scss */
nav#menu ul {
  background: url('../images/global/menu_background.png?1690865543') no-repeat center center;
  background-size: 100%;
}
/* line 163, partials/layouts/_header.scss */
nav#menu ul li {
  margin-bottom: 25px;
}
/* line 173, partials/layouts/_header.scss */
nav#menu #join-facebook a:hover {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 180, partials/layouts/_header.scss */
nav#menu #copyright {
  position: absolute;
  bottom: 50px;
  text-align: center;
  width: 100%;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 840px) {
  /* line 194, partials/layouts/_header.scss */
  .sp {
    display: block;
  }

  /* line 197, partials/layouts/_header.scss */
  #pommery-logo {
    width: 172px;
    height: 60px;
    background-size: 100%;
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -86px;
    z-index: 102;
  }

  /* line 209, partials/layouts/_header.scss */
  header {
    height: 60px;
    width: 100%;
    background: #00144d;
    z-index: 101;
  }
  /* line 215, partials/layouts/_header.scss */
  header .menu-title {
    display: none;
  }

  /* line 223, partials/layouts/_header.scss */
  .artclose {
    width: 30px;
    height: 24px;
  }

  /* line 228, partials/layouts/_header.scss */
  .burgx,
  .burgx2,
  .burgx3 {
    width: 30px;
    background: #fff;
  }

  /* line 238, partials/layouts/_header.scss */
  .burgx3.animated,
  .burgx.animated {
    margin-top: 10px;
  }

  /* line 243, partials/layouts/_header.scss */
  .burgx {
    margin-top: 2px;
  }

  /* line 247, partials/layouts/_header.scss */
  .burgx2 {
    margin-top: 11px;
  }

  /* line 251, partials/layouts/_header.scss */
  .burgx3 {
    margin-top: 20px;
  }

  /* line 258, partials/layouts/_header.scss */
  nav#menu .wrapper {
    width: 100%;
  }
  /* line 263, partials/layouts/_header.scss */
  nav#menu ul {
    background-size: contain;
  }
  /* line 265, partials/layouts/_header.scss */
  nav#menu ul li {
    margin-bottom: 20px;
  }
  /* line 269, partials/layouts/_header.scss */
  nav#menu a {
    font-size: 2rem;
    -webkit-font-smoothing: antialiased;
  }
  /* line 273, partials/layouts/_header.scss */
  nav#menu a:hover {
    font-size: 2rem;
  }
  /* line 278, partials/layouts/_header.scss */
  nav#menu a.ja-text {
    display: none;
  }

  /* line 291, partials/layouts/_header.scss */
  .tablet nav#menu ul li {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 841px) and (max-width: 1024px) {
  /* line 306, partials/layouts/_header.scss */
  nav#menu a {
    font-size: 2.5rem;
  }
  /* line 310, partials/layouts/_header.scss */
  nav#menu #copyright {
    bottom: 20px;
  }
  /* line 315, partials/layouts/_header.scss */
  nav#menu ul li {
    margin-bottom: 1.7rem;
  }
}
@media only screen and (max-width: 320px) {
  /* line 327, partials/layouts/_header.scss */
  nav#menu #copyright {
    display: none;
  }
}
/* line 1, partials/layouts/_footer.scss */
footer {
  height: 140px;
  width: 100%;
  background-color: #00144d;
  color: #fff;
  text-align: center;
  padding: 30px 0;
  margin-top: 65px;
  position: relative;
}
/* line 13, partials/layouts/_footer.scss */
footer h1#copyright {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 20px;
}
/* line 18, partials/layouts/_footer.scss */
footer #join-sommelier,
footer #join-facebook,
footer #join-instagram {
  margin: 0 4px;
}
/* line 22, partials/layouts/_footer.scss */
footer #join-sommelier a,
footer #join-facebook a,
footer #join-instagram a {
  color: #fff;
  text-decoration: none;
}

/* line 30, partials/layouts/_footer.scss */
.sommelier-concours-form footer,
.sommelier-concours footer {
  height: auto;
}
/* line 32, partials/layouts/_footer.scss */
.sommelier-concours-form footer #join-sommelier,
.sommelier-concours-form footer #join-facebook,
.sommelier-concours-form footer #join-instagram,
.sommelier-concours footer #join-sommelier,
.sommelier-concours footer #join-facebook,
.sommelier-concours footer #join-instagram {
  margin: 4px;
}

@media only screen and (max-width: 840px) {
  /* line 41, partials/layouts/_footer.scss */
  footer {
    height: auto;
  }
  /* line 48, partials/layouts/_footer.scss */
  footer #join-sommelier,
  footer #join-facebook,
  footer #join-instagram {
    width: 200px;
    margin-bottom: 8px;
  }
}
/* line 4, partials/pages/_top.scss */
html.top .separator {
  transition: all .4s ease;
}
/* line 9, partials/pages/_top.scss */
html.top .flexslider {
  position: static;
}
/* line 15, partials/pages/_top.scss */
html.top .flex-direction-nav a {
  margin: -29px 0 0;
}
/* line 20, partials/pages/_top.scss */
html.top .flex-next::before, html.top .flex-prev::before {
  content: '';
  height: 40px;
  width: 40px;
}
/* line 28, partials/pages/_top.scss */
html.top .flex-next::before {
  background: url('../images/sliders/right-nav.png?1690865543') no-repeat;
  background-size: 20px 17px;
  background-position: center;
}
/* line 35, partials/pages/_top.scss */
html.top .flex-prev::before {
  background: url('../images/sliders/left-nav.png?1690865543') no-repeat;
  background-size: 20px 17px;
  background-position: center;
}
/* line 44, partials/pages/_top.scss */
html.top .pc {
  display: block;
}
/* line 47, partials/pages/_top.scss */
html.top .sp {
  display: none !important;
}
/* line 50, partials/pages/_top.scss */
html.top h1 {
  font-size: 30px;
  font-size: 30px;
  font-size: 3rem;
}
/* line 55, partials/pages/_top.scss */
html.top h2 {
  font-size: 25px;
  font-size: 25px;
  font-size: 2.5rem;
}
/* line 60, partials/pages/_top.scss */
html.top h3 {
  font-size: 25px;
  font-size: 25px;
  font-size: 2.5rem;
}
/* line 69, partials/pages/_top.scss */
html.top .left-top {
  width: 40%;
  height: 100%;
}
/* line 75, partials/pages/_top.scss */
html.top .right-top {
  width: 60%;
  height: 100%;
}
/* line 82, partials/pages/_top.scss */
html.top .news-container, html.top .products-container, html.top #story, html.top #story-title, html.top #discover {
  width: 100%;
}
/* line 89, partials/pages/_top.scss */
html.top #apanagebrut1874, 
html.top #apanagebrut1874_sp {
  width: 50%;
  height: 62.5%;
  position: relative;
  overflow: hidden;
}
html.top #story, html.top #story_sp {
  width: 50%;
  height: 62.5%;
  position: relative;
  overflow: hidden;
}
/* line 94, partials/pages/_top.scss */
html.top #story:before, html.top #story_sp:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url('../images/global/story_background.jpg?1690865543') no-repeat center center;
  background-size: cover;
  transition: all .4s ease;
  width: 100%;
  height: 100%;
  transform: scale(1.05);
}
/* line 109, partials/pages/_top.scss */
html.top #story:hover:before, html.top #story_sp:hover:before {
  transform: scale(1);
}
/* line 113, partials/pages/_top.scss */
html.top #story:hover .separator, html.top #story_sp:hover .separator {
  width: 70%;
}
/* line 118, partials/pages/_top.scss */
html.top #story > a, html.top #story_sp > a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
/* line 124, partials/pages/_top.scss */
html.top #story #story-title, 
html.top #story #story-title_sp, 
html.top #story_sp #story-title, 
html.top #story_sp #story-title_sp {
  width: auto;
  padding: 30px;
  transform: translate(-50%, -30%);
}
/* line 131, partials/pages/_top.scss */
html.top #story #story-title h1, 
html.top #story #story-title_sp h1, 
html.top #story_sp #story-title h1, 
html.top #story_sp #story-title_sp h1 {
  display: inline;
  padding-bottom: 4px;
  color: #00144d;
}
html.top #story #story-title h1 {
  white-space: nowrap;
}
/* line 139, partials/pages/_top.scss */
html.top #apanagebrut1874 #apanagebrut1874-title h2, 
html.top #apanagebrut1874_sp #apanagebrut1874-title_sp h2 {
  font-size: 15px;
  font-size: 15px;
  font-size: 1.5rem;
  margin: 0;
  color: #fff;
}
html.top #story #story-title h2, 
html.top #story #story-title_sp h2, 
html.top #story_sp #story-title h2, 
html.top #story_sp #story-title_sp h2 {
  font-size: 15px;
  font-size: 15px;
  font-size: 1.5rem;
  margin: 0;
  color: #00144d;
}
/* line 146, partials/pages/_top.scss */
html.top #story #story-title .separator, 
html.top #story #story-title_sp .separator, 
html.top #story_sp #story-title .separator, 
html.top #story_sp #story-title_sp .separator {
  margin-bottom: 7px;
}
/* line 155, partials/pages/_top.scss */
html.top #discover {
  clear: both;
  height: 37.5%;
}
/* line 158, partials/pages/_top.scss */
html.top #discover #discover-tasting,
html.top #discover #discover-champagne {
  overflow: hidden;
  width: 50%;
  height: 100%;
  float: left;
  position: relative;
}
/* line 165, partials/pages/_top.scss */
html.top #apanagebrut1874_sp:before,
html.top #apanagebrut1874:before,
html.top #discover #discover-tasting:before,
html.top #discover #discover-champagne:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .4s ease;
  transform: scale(1.05);
}
/* line 178, partials/pages/_top.scss */
html.top #apanagebrut1874_sp:hover:before,
html.top #apanagebrut1874:hover:before,
html.top #discover #discover-tasting:hover:before,
html.top #discover #discover-champagne:hover:before {
  transform: scale(1);
}
/* line 181, partials/pages/_top.scss */
html.top #apanagebrut1874_sp:hover .separator,
html.top #apanagebrut1874:hover .separator,
html.top #discover #discover-tasting:hover .separator,
html.top #discover #discover-champagne:hover .separator {
  width: 70%;
}
/* line 185, partials/pages/_top.scss */
html.top #apanagebrut1874_sp #apanagebrut1874-title_sp,
html.top #apanagebrut1874 #apanagebrut1874-title,
html.top #discover #discover-tasting .discover-title,
html.top #discover #discover-champagne .discover-title {
  width: auto;
  height: 126px;
  position: absolute;
  top: 50%;
  left: 50%;
  padding-top: 45px;
  text-align: center;
  transform: translate(-50%, -50%);
}
/* line 194, partials/pages/_top.scss */
html.top #apanagebrut1874_sp #apanagebrut1874-title_sp h3,
html.top #apanagebrut1874 #apanagebrut1874-title h3,
html.top #discover #discover-tasting .discover-title h3,
html.top #discover #discover-champagne .discover-title h3 {
  display: inline-block;
  white-space: nowrap;
}
/* line 198, partials/pages/_top.scss */
html.top #apanagebrut1874_sp #apanagebrut1874-title_sp p,
html.top #apanagebrut1874 #apanagebrut1874-title p,
html.top #discover #discover-tasting .discover-title p,
html.top #discover #discover-champagne .discover-title p {
  font-size: 15px;
}
/* line 205, partials/pages/_top.scss */
html.top #apanagebrut1874_sp:before,
html.top #apanagebrut1874:before {
  background: url('../images/global/apanagebrut1874_bg.jpg?1690865543') no-repeat center center;
  background-size: cover;
}
html.top #discover #discover-tasting:before {
  background: url('../images/global/experience_bg.jpg?1690865543') no-repeat center center;
  background-size: cover;
}
/* line 211, partials/pages/_top.scss */
html.top #apanagebrut1874 #apanagebrut1874-title,
html.top #apanagebrut1874_sp #apanagebrut1874-title_sp,
html.top #discover #discover-tasting .discover-title {
  color: #fff;
}
/* line 213, partials/pages/_top.scss */
html.top #apanagebrut1874 #apanagebrut1874-title .separator,
html.top #apanagebrut1874_sp #apanagebrut1874-title_sp .separator,
html.top #discover #discover-tasting .discover-title .separator {
  background: #fff;
}
/* line 220, partials/pages/_top.scss */
html.top #discover #discover-champagne:before {
  background: url('../images/global/champagne_bg.jpg?1690865543') no-repeat center center;
  background-size: cover;
}
/* line 224, partials/pages/_top.scss */
html.top #discover #discover-champagne .discover-title {
  color: #00144d;
}
/* line 237, partials/pages/_top.scss */
html.top .news-container {
  height: 46.25%;
  overflow: hidden;
}
/* line 242, partials/pages/_top.scss */
html.top .news-container .news-images {
  height: 58.13953488372093%;
  position: relative;
}
/* line 247, partials/pages/_top.scss */
html.top .news-container .news-images #news-slider-images, html.top .news-container .news-images .slides, html.top .news-container .news-images li, html.top .news-container .news-images img {
  width: 100%;
  height: 100%;
}
/* line 253, partials/pages/_top.scss */
html.top .news-container .news-images .news-slider-bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}
/* line 261, partials/pages/_top.scss */
html.top .news-container .news-images #news-slider-images {
  border: 0;
}
/* line 266, partials/pages/_top.scss */
html.top .news-container .news-images .news-latest {
  position: absolute;
  top: 0;
  right: 0;
  content: "Latest news";
  background-color: rgba(0, 20, 77, 0.8);
  color: #fff;
  width: 224px;
  height: auto;
  padding: 10px 0;
  text-align: center;
  font-size: 26px;
  z-index: 5;
  text-decoration: none;
}
/* line 285, partials/pages/_top.scss */
html.top .news-container .news-info {
  height: 41.86046511627907%;
  background-color: #fff;
  padding-top: 20px;
  position: relative;
}
/* line 294, partials/pages/_top.scss */
html.top .news-container .news-info:hover .flex-direction-nav .flex-next {
  right: 10px;
  opacity: 1;
}
/* line 300, partials/pages/_top.scss */
html.top .news-container .news-info:hover .flex-direction-nav .flex-prev {
  left: 10px;
  opacity: 1;
}
/* line 307, partials/pages/_top.scss */
html.top .news-container .news-info .title {
  font-size: 20px;
  font-size: 20px;
  font-size: 2rem;
  font-style: italic;
}
/* line 313, partials/pages/_top.scss */
html.top .news-container .news-info p {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  width: 230px;
  margin: 0 auto;
}
/* line 320, partials/pages/_top.scss */
html.top .news-container .news-info a {
  color: #00144d;
  text-decoration: none;
}
/* line 327, partials/pages/_top.scss */
html.top .news-container .news-info a:hover .separator {
  width: 70%;
}
/* line 343, partials/pages/_top.scss */
html.top .products-container {
  height: 53.75%;
  background-size: cover;
}
/* line 347, partials/pages/_top.scss */
html.top .products-container #products_slide {
  border: none !important;
  margin: 0 !important;
  background: #fffffd;
  background: linear-gradient(to top, #fffffd 0%, #F1f3f8 100%);
}
/* line 353, partials/pages/_top.scss */
html.top .products-container #products_slide:hover .flex-direction-nav .flex-prev {
  opacity: 1;
  left: 10px;
}
/* line 357, partials/pages/_top.scss */
html.top .products-container #products_slide:hover .flex-direction-nav .flex-next {
  opacity: 1;
  right: 10px;
}
/* line 363, partials/pages/_top.scss */
html.top .products-container #products_slide .flex-viewport {
  height: 100% !important;
}
/* line 367, partials/pages/_top.scss */
html.top .products-container #products_slide #products-main-title {
  position: absolute;
  top: 0;
  right: 0;
  content: "Our Brands";
  background-color: rgba(0, 20, 77, 0.8);
  color: #fff;
  width: 224px;
  height: auto;
  padding: 10px 0;
  text-align: center;
  font-size: 26px;
  z-index: 5;
  text-decoration: none;
}
/* line 384, partials/pages/_top.scss */
html.top .products-container .product-el {
  width: 100%;
  height: 100%;
  position: relative;
}
/* line 390, partials/pages/_top.scss */
html.top .products-container .product-el ul.slides {
  height: 100%;
}
/* line 392, partials/pages/_top.scss */
html.top .products-container .product-el ul.slides li.slide_wrap {
  height: 100%;
}
/* line 398, partials/pages/_top.scss */
html.top .products-container .slide_wrap {
  position: relative;
}
/* line 401, partials/pages/_top.scss */
html.top .products-container .wrapper {
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
/* line 412, partials/pages/_top.scss */
html.top .products-container .wrapper h3 {
  margin-top: 20px;
}
/* line 415, partials/pages/_top.scss */
html.top .products-container .wrapper a {
  text-decoration: none;
  color: #00144d;
}
/* line 421, partials/pages/_top.scss */
html.top .products-container .product-bottle {
  width: auto;
  height: 72%;
  margin: auto;
  display: block;
  position: relative;
  padding-top: 40px;
}
/* line 432, partials/pages/_top.scss */
html.top .products-container .product-title {
  font-size: 15px;
  margin-top: 10px;
}

@media only screen and (max-width: 840px) {
  /* line 442, partials/pages/_top.scss */
  html.top h3 {
    font-size: 2.3rem;
    letter-spacing: 0.2px;
  }
  /* line 446, partials/pages/_top.scss */
  html.top .sp {
    display: block !important;
  }
  /* line 449, partials/pages/_top.scss */
  html.top .pc {
    display: none !important;
  }
  /* line 452, partials/pages/_top.scss */
  html.top .left {
    float: none;
  }
  /* line 455, partials/pages/_top.scss */
  html.top .right-top,
  html.top .left-top {
    width: 100%;
    height: auto;
  }
  /* line 460, partials/pages/_top.scss */
  html.top .left-top {
    padding-top: 60px;
  }
  /* line 464, partials/pages/_top.scss */
  html.top #discover #discover-tasting,
  html.top #discover #discover-champagne {
    padding-top: 75%;
  }
  /* line 470, partials/pages/_top.scss */
  html.top .news-container {
    height: 340px;
  }
  /* line 474, partials/pages/_top.scss */
  html.top .news-info {
    position: relative;
  }
  /* line 481, partials/pages/_top.scss */
  html.top .sm-wrapper {
    width: 80%;
  }
  /* line 486, partials/pages/_top.scss */
  html.top .products-container {
    height: 400px;
  }
  /* line 491, partials/pages/_top.scss */
  html.top #apanagebrut1874_sp,
  html.top #story_sp {
    width: 100%;
    height: 400px;
  }
  /* line 496, partials/pages/_top.scss */
  html.top #apanagebrut1874_sp #apanagebrut1874-title_sp {
    width: auto;
    height: auto;
  }
  html.top #story_sp #story-title_sp {
    width: auto;
    height: auto;
    padding: 30px;
  }
  /* line 500, partials/pages/_top.scss */
  html.top #apanagebrut1874_sp #apanagebrut1874-title_sp h1,
  html.top #story_sp #story-title_sp h1 {
    font-size: 2.3rem;
    letter-spacing: 0.2px;
    display: block;
    white-space: nowrap;
  }
  /* line 508, partials/pages/_top.scss */
  html.top #apanagebrut1874_sp #apanagebrut1874-title_sp h2 {
    line-height: 1.5rem;
    margin-top: 8px;
    margin-bottom: 0;
    white-space: nowrap;
  }
  html.top #story_sp #story-title_sp h2 {
    line-height: 1.5rem;
    margin-top: 8px;
    margin-bottom: 0;
  }
  /* line 515, partials/pages/_top.scss */
  html.top #apanagebrut1874_sp #apanagebrut1874-title_sp .separator,
  html.top #story_sp #story-title_sp .separator {
    margin: 5px auto;
  }
  /* line 524, partials/pages/_top.scss */
  html.top #discover #discover-tasting, html.top #discover #discover-champagne {
    float: none;
    width: 100%;
  }
  /* line 530, partials/pages/_top.scss */
  html.top .flexslider {
    position: static;
  }
  /* line 536, partials/pages/_top.scss */
  html.top .flexslider:hover .flex-direction-nav .flex-next {
    right: 0;
  }
  /* line 541, partials/pages/_top.scss */
  html.top .flexslider:hover .flex-direction-nav .flex-prev {
    left: 0;
  }
  /* line 548, partials/pages/_top.scss */
  html.top .flex-direction-nav .flex-next {
    right: 0;
  }
  /* line 553, partials/pages/_top.scss */
  html.top .flex-direction-nav .flex-prev {
    left: 0;
  }
  /* line 558, partials/pages/_top.scss */
  html.top .products-container #products_slide:hover .flex-direction-nav .flex-next {
    right: 0;
  }
  /* line 563, partials/pages/_top.scss */
  html.top .products-container #products_slide:hover .flex-direction-nav .flex-prev {
    left: 0;
  }
}
@media only screen and (min-width: 841px) and (max-width: 1024px) {
  /* line 575, partials/pages/_top.scss */
  html.top .news-info {
    position: relative;
  }
  /* line 579, partials/pages/_top.scss */
  html.top .flexslider {
    position: static;
  }
  /* line 585, partials/pages/_top.scss */
  html.top .flexslider:hover .flex-direction-nav .flex-next {
    right: 0;
  }
  /* line 590, partials/pages/_top.scss */
  html.top .flexslider:hover .flex-direction-nav .flex-prev {
    left: 0;
  }
  /* line 597, partials/pages/_top.scss */
  html.top .flex-direction-nav .flex-next {
    right: 10px;
  }
  /* line 602, partials/pages/_top.scss */
  html.top .flex-direction-nav .flex-prev {
    left: 10px;
  }
}
@keyframes line_animate {
  0% {
    width: 0;
  }
  50% {
    width: 100%;
  }
  100% {
    width: 0%;
    right: 0;
    left: auto;
  }
}
/* line 11, partials/pages/_about.scss */
html.about .side-lf {
  float: left;
  width: 50%;
}
/* line 18, partials/pages/_about.scss */
html.about .side-lf.side-img.side-img-rg {
  float: right;
}
/* line 24, partials/pages/_about.scss */
html.about .side-img {
  position: relative;
}
/* line 27, partials/pages/_about.scss */
html.about .side-img img {
  width: 100%;
  height: auto;
}
/* line 34, partials/pages/_about.scss */
html.about .side-text {
  padding-top: 50px;
}
/* line 39, partials/pages/_about.scss */
html.about .side-text-rg {
  padding-left: 50px;
  padding-top: 50px;
}
/* line 45, partials/pages/_about.scss */
html.about .side-text-lf {
  padding-right: 50px;
  padding-top: 50px;
}
/* line 53, partials/pages/_about.scss */
html.about section {
  width: 100%;
  position: relative;
}
/* line 57, partials/pages/_about.scss */
html.about section.normal-height {
  height: auto;
}
/* line 62, partials/pages/_about.scss */
html.about .info-box {
  display: block;
  padding: 35px 0;
  position: relative;
}
/* line 67, partials/pages/_about.scss */
html.about .info-box:after {
  content: "";
  display: block;
  clear: both;
}
/* line 74, partials/pages/_about.scss */
html.about .info-box.no-line:first-child:before {
  display: none;
}
/* line 87, partials/pages/_about.scss */
html.about #abt-top {
  background-size: cover;
  width: 100%;
}
/* line 91, partials/pages/_about.scss */
html.about #abt-top #abt-top-bg {
  background: url('../images/story_background.jpg?1690865543') no-repeat center center;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 100, partials/pages/_about.scss */
html.about #abt-top #abt-title {
  position: fixed;
  width: 540px;
  height: 202px;
  padding: 40px;
  opacity: 0;
  transition: all 1s ease;
}
/* line 111, partials/pages/_about.scss */
html.about #abt-top #abt-title.active {
  opacity: .9;
}
/* line 118, partials/pages/_about.scss */
html.about #abt-top .scroll-tab {
  position: fixed;
  bottom: 0;
  opacity: .7;
  transition: all 1s ease;
}
/* line 123, partials/pages/_about.scss */
html.about #abt-top .scroll-tab:hover {
  opacity: 1;
}
/* line 128, partials/pages/_about.scss */
html.about #abt-top.on .scroll-tab {
  opacity: 0;
}
/* line 141, partials/pages/_about.scss */
html.about #abt-sect-1 {
  overflow: hidden;
  position: relative;
  left: 0;
  transition: all 2s ease;
  padding: 100px 0;
}
/* line 148, partials/pages/_about.scss */
html.about #abt-sect-1 .container {
  overflow: visible;
  max-width: 920px;
  margin: 0 auto;
}
/* line 153, partials/pages/_about.scss */
html.about #abt-sect-1 .info-box {
  overflow: visible;
  position: static;
}
/* line 156, partials/pages/_about.scss */
html.about #abt-sect-1 .info-box .side-img-lf {
  transition: all 1s ease;
  transform: translateY(30%);
  opacity: .6;
}
/* line 162, partials/pages/_about.scss */
html.about #abt-sect-1 .info-box .side-img-rg {
  transition: all 1s .6s ease;
  transform: translateY(30%);
  opacity: .6;
}
/* line 168, partials/pages/_about.scss */
html.about #abt-sect-1 .info-box .side-text-lf {
  transition: all 1s .4s ease;
  transform: translateY(30%);
  opacity: .6;
}
/* line 174, partials/pages/_about.scss */
html.about #abt-sect-1 .info-box .side-text-rg {
  transition: all 1s .4s ease;
  transform: translateY(30%);
  opacity: .6;
}
/* line 182, partials/pages/_about.scss */
html.about #abt-sect-1 .flower {
  display: block;
  position: absolute;
  width: 255px;
  height: 295px;
  left: 0;
  top: 55%;
  background: url('../images/about/flower_left.png?1690865543') no-repeat center center;
  transition: all 1s ease;
}
/* line 192, partials/pages/_about.scss */
html.about #abt-sect-1 .line {
  display: block;
  height: 1px;
  width: 340px;
  position: absolute;
  top: 50%;
  left: -340px;
  background: #00144d;
  transition: all .3s  ease;
}
/* line 203, partials/pages/_about.scss */
html.about #abt-sect-1.on .flower {
  top: 15%;
}
/* line 208, partials/pages/_about.scss */
html.about #abt-sect-1.on .info-box .side-img-lf,
html.about #abt-sect-1.on .info-box .side-img-rg,
html.about #abt-sect-1.on .info-box .side-text-lf,
html.about #abt-sect-1.on .info-box .side-text-rg {
  transform: translateY(0);
  opacity: 1;
}
/* line 220, partials/pages/_about.scss */
html.about #abt-sect-2 {
  position: relative;
  margin-bottom: 200px;
}
/* line 224, partials/pages/_about.scss */
html.about #abt-sect-3 {
  height: auto;
  overflow: hidden;
  padding: 100px 0;
}
/* line 228, partials/pages/_about.scss */
html.about #abt-sect-3 .container {
  max-width: 920px;
  margin: 0 auto;
}
/* line 232, partials/pages/_about.scss */
html.about #abt-sect-3 .info-box {
  overflow: visible;
  position: static;
}
/* line 235, partials/pages/_about.scss */
html.about #abt-sect-3 .info-box .side-img-lf {
  transition: all 1s ease;
  transform: translateY(30%);
  opacity: .6;
}
/* line 241, partials/pages/_about.scss */
html.about #abt-sect-3 .info-box .side-img-rg {
  transition: all 1s .6s ease;
  transform: translateY(30%);
  opacity: .6;
}
/* line 247, partials/pages/_about.scss */
html.about #abt-sect-3 .info-box .side-text-lf {
  transition: all 1s .4s ease;
  transform: translateY(30%);
  opacity: .6;
}
/* line 253, partials/pages/_about.scss */
html.about #abt-sect-3 .info-box .side-text-rg {
  transition: all 1s .4s ease;
  transform: translateY(30%);
  opacity: .6;
}
/* line 261, partials/pages/_about.scss */
html.about #abt-sect-3 .flower {
  display: block;
  position: absolute;
  width: 178px;
  height: 274px;
  right: 0;
  top: 55%;
  background: url('../images/about/flower_right.png?1690865543') no-repeat center center;
  transition: all 1s ease;
}
/* line 272, partials/pages/_about.scss */
html.about #abt-sect-3.on .flower {
  top: 0;
}
/* line 277, partials/pages/_about.scss */
html.about #abt-sect-3.on .info-box .side-img-lf,
html.about #abt-sect-3.on .info-box .side-img-rg,
html.about #abt-sect-3.on .info-box .side-text-lf,
html.about #abt-sect-3.on .info-box .side-text-rg {
  transform: translateY(0);
  opacity: 1;
}
/* line 289, partials/pages/_about.scss */
html.about #abt-sect-4 {
  background: url('../images/about/Lisa_OPPENHEIM.jpg?1690865543') no-repeat center center;
  background-size: cover;
  position: relative;
}
/* line 294, partials/pages/_about.scss */
html.about #abt-sect-4 .block-middle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/* line 301, partials/pages/_about.scss */
html.about #abt-sect-4 .link-button {
  display: block;
  margin: 50px auto 0;
}
/* line 304, partials/pages/_about.scss */
html.about #abt-sect-4 .link-button:after {
  content: "Discover";
  padding: 0 20px;
  text-align: center;
}
/* line 316, partials/pages/_about.scss */
html.about #info-slider {
  transform: translateY(0px);
  position: absolute;
  z-index: 10;
  top: 80%;
  left: 50%;
  margin-left: -290px;
  transition: all 1s ease;
}
/* line 326, partials/pages/_about.scss */
html.about #info-slider.on {
  transform: translateY(-50%);
  top: 50%;
}
/* line 334, partials/pages/_about.scss */
html.about .tablet #abt-sect-2 {
  margin-bottom: 200px;
}
/* line 336, partials/pages/_about.scss */
html.about .tablet #abt-sect-2 .slider-wrapper {
  position: relative;
}
/* line 339, partials/pages/_about.scss */
html.about .tablet #abt-sect-2 .slider-wrapper .flex-direction-nav > li {
  width: auto;
  position: static;
}
/* line 342, partials/pages/_about.scss */
html.about .tablet #abt-sect-2 .slider-wrapper .flex-direction-nav > li a {
  width: 40px;
  height: 40px;
}
/* line 345, partials/pages/_about.scss */
html.about .tablet #abt-sect-2 .slider-wrapper .flex-direction-nav > li a.flex-prev {
  top: 35%;
  left: 10px;
  opacity: .9;
  background: url('../images/arrow_slider_tablet_left.png?1690865543') no-repeat center center;
  background-size: 40px;
}
/* line 351, partials/pages/_about.scss */
html.about .tablet #abt-sect-2 .slider-wrapper .flex-direction-nav > li a.flex-prev:before {
  display: none;
}
/* line 355, partials/pages/_about.scss */
html.about .tablet #abt-sect-2 .slider-wrapper .flex-direction-nav > li a.flex-next {
  top: 35%;
  right: 10px;
  opacity: .9;
  background: url('../images/arrow_slider_tablet_right.png?1690865543') no-repeat center center;
  background-size: 40px;
}
/* line 361, partials/pages/_about.scss */
html.about .tablet #abt-sect-2 .slider-wrapper .flex-direction-nav > li a.flex-next:before {
  display: none;
}
/* line 371, partials/pages/_about.scss */
html.about .tablet #abt-sect-4 .link-button {
  left: 0;
}

@media only screen and (max-width: 840px) {
  /* line 385, partials/pages/_about.scss */
  html.about .tablet #abt-sect-2 {
    margin-bottom: 40px;
  }
  /* line 390, partials/pages/_about.scss */
  html.about .tablet #abt-sect-2 .slider-wrapper .flex-direction-nav > li a.flex-prev,
  html.about .tablet #abt-sect-2 .slider-wrapper .flex-direction-nav > li a.flex-next {
    background-size: 40px;
  }
  /* line 399, partials/pages/_about.scss */
  html.about .slider-wrapper {
    overflow: hidden;
    position: relative;
  }
  /* line 402, partials/pages/_about.scss */
  html.about .slider-wrapper .flex-direction-nav {
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  /* line 408, partials/pages/_about.scss */
  html.about .slider-wrapper .flex-direction-nav .flex-prev {
    padding-left: 5%;
  }
  /* line 411, partials/pages/_about.scss */
  html.about .slider-wrapper .flex-direction-nav .flex-next {
    padding-right: 5%;
  }
  /* line 414, partials/pages/_about.scss */
  html.about .slider-wrapper .flex-direction-nav a:before {
    color: rgba(255, 255, 255, 0.8);
  }
  /* line 420, partials/pages/_about.scss */
  html.about .slider-wrapper ul.slides li > div {
    height: 0;
    padding-top: 85%;
  }
  /* line 428, partials/pages/_about.scss */
  html.about section {
    height: auto;
  }
  /* line 430, partials/pages/_about.scss */
  html.about section h2 {
    font-size: 18px;
  }
  /* line 432, partials/pages/_about.scss */
  html.about section h2.ja-text {
    font-size: 14px;
    margin-bottom: 15px;
  }
  /* line 437, partials/pages/_about.scss */
  html.about section p.ja-hans {
    font-size: 12px;
    line-height: 1.6;
  }
  /* line 442, partials/pages/_about.scss */
  html.about .side-text-lf,
  html.about .side-text-rg {
    padding: 0;
  }
  /* line 448, partials/pages/_about.scss */
  html.about .info-box {
    padding: 15px;
  }
  /* line 452, partials/pages/_about.scss */
  html.about .info-box:first-child:before, html.about .info-box:last-child:before {
    display: none;
  }
  /* line 456, partials/pages/_about.scss */
  html.about .info-box .side-lf {
    float: none;
    width: auto;
  }
  /* line 459, partials/pages/_about.scss */
  html.about .info-box .side-lf.side-img {
    margin-bottom: 18px;
  }
  /* line 461, partials/pages/_about.scss */
  html.about .info-box .side-lf.side-img.side-img-rg, html.about .info-box .side-lf.side-img.side-img-lf {
    float: none;
  }
  /* line 470, partials/pages/_about.scss */
  html.about .block-middle {
    position: relative;
    left: auto;
    top: auto;
    padding: 25px 30px;
    transform: translate(0);
    background: rgba(255, 255, 255, 0.95);
  }
  /* line 479, partials/pages/_about.scss */
  html.about #info-slider {
    position: relative;
    left: auto;
    top: auto;
    margin: -50px 15px 0;
  }
  /* line 484, partials/pages/_about.scss */
  html.about #info-slider.on {
    transform: translateY(0);
  }
  /* line 491, partials/pages/_about.scss */
  html.about #abt-top #abt-top-bg {
    position: absolute;
  }
  /* line 494, partials/pages/_about.scss */
  html.about #abt-top #abt-title {
    position: absolute;
    width: 90%;
    height: auto;
    padding: 25px 30px;
  }
  /* line 499, partials/pages/_about.scss */
  html.about #abt-top #abt-title h1 {
    font-size: 2.3rem;
    letter-spacing: 0.2px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    white-space: nowrap;
    margin-bottom: 5px;
  }
  /* line 506, partials/pages/_about.scss */
  html.about #abt-top #abt-title h1.ja-text {
    font-size: 14px;
    white-space: normal;
    line-height: 1.4;
  }
  /* line 513, partials/pages/_about.scss */
  html.about #abt-top .scroll-tab {
    position: absolute;
  }
  /* line 515, partials/pages/_about.scss */
  html.about #abt-top .scroll-tab.on {
    opacity: 0;
  }
  /* line 521, partials/pages/_about.scss */
  html.about #abt-sect-1,
  html.about #abt-sect-3 {
    padding: 0;
    margin-bottom: 20px;
  }
  /* line 525, partials/pages/_about.scss */
  html.about #abt-sect-1 .flower,
  html.about #abt-sect-3 .flower {
    display: none;
  }
  /* line 529, partials/pages/_about.scss */
  html.about #abt-sect-1 .info-box .side-img-lf,
  html.about #abt-sect-1 .info-box .side-img-rg,
  html.about #abt-sect-1 .info-box .side-text-lf,
  html.about #abt-sect-1 .info-box .side-text-rg,
  html.about #abt-sect-3 .info-box .side-img-lf,
  html.about #abt-sect-3 .info-box .side-img-rg,
  html.about #abt-sect-3 .info-box .side-text-lf,
  html.about #abt-sect-3 .info-box .side-text-rg {
    transform: translateY(0);
    opacity: 1;
  }
  /* line 539, partials/pages/_about.scss */
  html.about #abt-sect-2 {
    height: auto;
    margin-bottom: 40px;
  }
  /* line 545, partials/pages/_about.scss */
  html.about #abt-sect-2 .slider-wrapper .flex-direction-nav > li a {
    padding: 0;
  }
  /* line 547, partials/pages/_about.scss */
  html.about #abt-sect-2 .slider-wrapper .flex-direction-nav > li a.flex-prev {
    opacity: .9;
    margin-left: 10px;
    width: 40px;
    height: 40px;
    background: url('../images/arrow_slider_tablet_left.png?1690865543') no-repeat center center;
    background-size: 40px;
  }
  /* line 554, partials/pages/_about.scss */
  html.about #abt-sect-2 .slider-wrapper .flex-direction-nav > li a.flex-prev:before {
    display: none;
  }
  /* line 558, partials/pages/_about.scss */
  html.about #abt-sect-2 .slider-wrapper .flex-direction-nav > li a.flex-next {
    opacity: .9;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    background: url('../images/arrow_slider_tablet_right.png?1690865543') no-repeat center center;
    background-size: 40px;
  }
  /* line 565, partials/pages/_about.scss */
  html.about #abt-sect-2 .slider-wrapper .flex-direction-nav > li a.flex-next:before {
    display: none;
  }
  /* line 575, partials/pages/_about.scss */
  html.about #abt-sect-4 {
    padding-top: 55%;
    background-position-y: top;
    background-size: 100%;
  }
  /* line 579, partials/pages/_about.scss */
  html.about #abt-sect-4 .block-middle {
    margin: 0 15px 0;
    position: relative;
    top: auto;
    left: auto;
    transform: translateY(0);
  }
  /* line 587, partials/pages/_about.scss */
  html.about #abt-sect-4 .link-button {
    width: 80%;
    left: 0;
  }
  /* line 590, partials/pages/_about.scss */
  html.about #abt-sect-4 .link-button:after {
    left: 50%;
    transform: translateX(-50%);
  }
  /* line 596, partials/pages/_about.scss */
  html.about #abt-sect-4 .link-button:hover:after {
    left: 0;
    transform: translateX(0);
  }
}
@media only screen and (min-width: 600px) and (max-width: 840px) {
  /* line 612, partials/pages/_about.scss */
  html.about #abt-top #abt-title {
    width: 70%;
  }
}
/* line 6, partials/pages/_lineup.scss */
html.lineup {
  color: #475aa8;
}
/* line 10, partials/pages/_lineup.scss */
html.lineup h1 {
  font-size: 40px;
  font-size: 40px;
  font-size: 4rem;
}
/* line 13, partials/pages/_lineup.scss */
html.lineup h1.ja-text {
  font-size: 25px;
  font-size: 25px;
  font-size: 2.5rem;
  margin-top: 10px;
  margin-bottom: 35px;
  font-style: italic;
  font-family: 'Crimson Text', serif;
}
/* line 24, partials/pages/_lineup.scss */
html.lineup h3 {
  font-size: 25px;
  font-size: 25px;
  font-size: 2.5rem;
}
/* line 29, partials/pages/_lineup.scss */
html.lineup p {
  font-size: 15px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 24px;
  line-height: 2.4rem;
}
/* line 35, partials/pages/_lineup.scss */
html.lineup #lup-top {
  width: 100%;
  background: url(../images/lineup/main_visual.jpg) no-repeat;
  background-size: cover;
  height: 50%;
  position: relative;
  background-position: center;
  min-width: 600px;
}
/* line 43, partials/pages/_lineup.scss */
html.lineup #lup-top .lup-title {
  display: inline-table;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
  width: 580px;
  margin: auto;
  padding: 50px 60px;
  text-align: center;
  top: 50%;
  margin-top: -111px;
}
/* line 56, partials/pages/_lineup.scss */
html.lineup #lup-top .lup-title h1 {
  padding-bottom: 16px;
  margin: 0 auto;
  letter-spacing: 0.5pt;
}
/* line 61, partials/pages/_lineup.scss */
html.lineup #lup-top .lup-title h3 {
  margin-top: 16px;
  font-size: 25px;
  font-style: italic;
  letter-spacing: 0.7pt;
}
/* line 69, partials/pages/_lineup.scss */
html.lineup #lup_list {
  width: 100%;
  height: 40%;
}
/* line 72, partials/pages/_lineup.scss */
html.lineup #lup_list ul {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}
/* line 79, partials/pages/_lineup.scss */
html.lineup #lup_list ul li {
  position: relative;
  width: 16.66666666666667%;
  background: #fffffd;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fffffd 0%, #f3f4f3 100%);
}
/* line 87, partials/pages/_lineup.scss */
html.lineup #lup_list ul li:hover img {
  transform: scale(0.95, 0.95);
}
/* line 91, partials/pages/_lineup.scss */
html.lineup #lup_list ul li img {
  max-width: 30%;
  height: 26vh;
  margin: 20px auto;
  margin: 20px auto;
  margin: 2rem auto;
  display: block;
  transition: all .4s ease;
}
/* line 98, partials/pages/_lineup.scss */
html.lineup #lup_list ul li h2 {
  position: absolute;
  bottom: 30px;
  bottom: 30px;
  bottom: 3rem;
  left: 0;
  right: 0;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}
/* line 105, partials/pages/_lineup.scss */
html.lineup #lup_list ul li h2 span {
  display: block;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 8px;
  margin-top: 8px;
  margin-top: 0.8rem;
}
/* line 111, partials/pages/_lineup.scss */
html.lineup #lup_list ul li:nth-child(2n) {
  background: #fffffd;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fffffd 0%, #ebecee 100%);
}
/* line 120, partials/pages/_lineup.scss */
html.lineup .lup_body {
  width: 100%;
  height: 100%;
  min-height: 600px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-width: 600px;
}
/* line 129, partials/pages/_lineup.scss */
html.lineup .lup_body .lup_title {
  display: inline-table;
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  width: 580px;
  margin: auto;
  padding: 50px 60px;
  text-align: center;
  margin-top: -180px;
}
/* line 142, partials/pages/_lineup.scss */
html.lineup .lup_body .lup_title:after {
  content: "";
  width: 140px;
  height: 490px;
  position: absolute;
  top: 50%;
  bottom: 0;
  margin: auto;
  margin-top: -245px;
  background-repeat: no-repeat;
}
/* line 153, partials/pages/_lineup.scss */
html.lineup .lup_body .lup_title h3 {
  font-size: 38px;
}
/* line 155, partials/pages/_lineup.scss */
html.lineup .lup_body .lup_title h3 span {
  font-size: 20px;
  font-size: 20px;
  font-size: 2rem;
  border-top: 1px solid #00144d;
  padding-top: 10px;
  padding-top: 10px;
  padding-top: 1rem;
  margin-top: 10px;
  margin-top: 10px;
  margin-top: 1rem;
  display: block;
}
/* line 163, partials/pages/_lineup.scss */
html.lineup .lup_body .lup_title h3 + p {
  margin-top: 30px;
  margin-top: 30px;
  margin-top: 3rem;
  text-align: left;
}
/* line 167, partials/pages/_lineup.scss */
html.lineup .lup_body .lup_title .view_more {
  text-align: left;
  position: relative;
  margin: 30px auto 0;
  margin: 30px auto 0;
  margin: 3rem auto 0;
  display: block;
}
/* line 172, partials/pages/_lineup.scss */
html.lineup .lup_body .lup_title .view_more a.link-button {
  width: 70%;
  margin: 0 auto;
  color: #00144d;
  font-style: italic;
  font-size: 22px;
  font-size: 22px;
  font-size: 2.2rem;
  text-decoration: none;
}
/* line 179, partials/pages/_lineup.scss */
html.lineup .lup_body .lup_title .view_more a.link-button:after {
  content: "View product page";
  width: 160px;
}
/* line 190, partials/pages/_lineup.scss */
html.lineup .lup_body.right_img .lup_title:after {
  right: -40%;
}
/* line 197, partials/pages/_lineup.scss */
html.lineup .lup_body.left_img .lup_title:after {
  left: -40%;
}
/* line 203, partials/pages/_lineup.scss */
html.lineup #brut {
  background-image: url('../images/lineup/bg_brut.jpg?1690865543');
}
/* line 206, partials/pages/_lineup.scss */
html.lineup #brut .lup_title:after {
  background-image: url('../images/lineup/btl_brut.png?1690865543');
}
/* line 210, partials/pages/_lineup.scss */
html.lineup #brut span {
  color: #475aa8;
}
/* line 214, partials/pages/_lineup.scss */
html.lineup #apanage {
  background-image: url('../images/lineup/bg_apanage.jpg?1690865543');
}
/* line 217, partials/pages/_lineup.scss */
html.lineup #apanage .lup_title:after {
  background-image: url('../images/lineup/btl_apanage.png?1690865543');
}
/* line 221, partials/pages/_lineup.scss */
html.lineup #apanage span {
  color: #475aa8;
}
/* line 225, partials/pages/_lineup.scss */
html.lineup #clos-pompadour {
  background-image: url('../images/lineup/bg_clos_p.jpg?1690865543');
}
/* line 228, partials/pages/_lineup.scss */
html.lineup #clos-pompadour .lup_title:after {
  background-image: url('../images/lineup/btl_clos_p.png?1690865543');
}
/* line 232, partials/pages/_lineup.scss */
html.lineup #clos-pompadour span {
  color: #cab063;
}
/* line 236, partials/pages/_lineup.scss */
html.lineup #cuvee-louise {
  background-image: url('../images/lineup/bg_cuvee.jpg?1690865543');
}
/* line 239, partials/pages/_lineup.scss */
html.lineup #cuvee-louise .lup_title:after {
  background-image: url('../images/lineup/btl_cuvee.png?1690865543');
}
/* line 243, partials/pages/_lineup.scss */
html.lineup #cuvee-louise span {
  color: #e778a4;
}
/* line 247, partials/pages/_lineup.scss */
html.lineup #royal-blue-sky {
  background-image: url('../images/lineup/bg_royal_b_s.jpg?1690865543');
}
/* line 250, partials/pages/_lineup.scss */
html.lineup #royal-blue-sky .lup_title:after {
  background-image: url('../images/lineup/btl_royal_b_s.png?1690865543');
}
/* line 254, partials/pages/_lineup.scss */
html.lineup #royal-blue-sky span {
  color: #475aa8;
}
/* line 258, partials/pages/_lineup.scss */
html.lineup #pop {
  background-image: url('../images/lineup/bg_pop.jpg?1690865543');
}
/* line 261, partials/pages/_lineup.scss */
html.lineup #pop .lup_title:after {
  background-image: url('../images/lineup/btl_pop.png?1690865543');
}
/* line 265, partials/pages/_lineup.scss */
html.lineup #pop span {
  color: #475aa8;
}
/* line 269, partials/pages/_lineup.scss */
html.lineup #seasonal {
  background-image: url('../images/lineup/bg_seasonal.jpg?1690865543');
}
/* line 272, partials/pages/_lineup.scss */
html.lineup #seasonal .lup_title:after {
  background-image: url('../images/lineup/btl_seasonal.png?1690865543');
}
/* line 276, partials/pages/_lineup.scss */
html.lineup #seasonal span {
  color: #e778a4;
}

@media only screen and (max-width: 840px) {
  /* line 284, partials/pages/_lineup.scss */
  html.lineup #lup-top {
    min-width: 0;
    background: url('../images/lineup/main_visual_MB_X2.jpg?1690865543') no-repeat;
    background-size: cover;
    height: 330px;
    min-height: 0;
    margin-top: 60px;
  }
  /* line 291, partials/pages/_lineup.scss */
  html.lineup #lup-top .lup-title {
    width: 90%;
    padding: 25px 30px;
    margin-top: -60px;
  }
  /* line 295, partials/pages/_lineup.scss */
  html.lineup #lup-top .lup-title h1 {
    font-size: 2.3rem;
    letter-spacing: 0.2px;
    width: auto;
    padding: 0;
  }
  /* line 300, partials/pages/_lineup.scss */
  html.lineup #lup-top .lup-title h1.ja-text {
    font-size: 14px;
    line-height: 1.4;
  }
  /* line 305, partials/pages/_lineup.scss */
  html.lineup #lup-top .lup-title h3 {
    font-size: 18px;
    margin-top: 14px;
  }
  /* line 312, partials/pages/_lineup.scss */
  html.lineup #lup_list {
    height: auto;
  }
  /* line 314, partials/pages/_lineup.scss */
  html.lineup #lup_list ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  /* line 317, partials/pages/_lineup.scss */
  html.lineup #lup_list ul li {
    width: 33.3333%;
  }
  /* line 319, partials/pages/_lineup.scss */
  html.lineup #lup_list ul li h2 {
    font-size: 1.4rem;
    bottom: 10px;
  }
  /* line 322, partials/pages/_lineup.scss */
  html.lineup #lup_list ul li h2 span {
    font-size: 1rem;
  }
  /* line 326, partials/pages/_lineup.scss */
  html.lineup #lup_list ul li img {
    width: 30%;
  }
  /* line 333, partials/pages/_lineup.scss */
  html.lineup .lup_body {
    min-width: 0;
    padding: 210px 0 30px;
    height: auto;
  }
  /* line 337, partials/pages/_lineup.scss */
  html.lineup .lup_body .lup_title {
    display: block;
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding: 40px 30px 30px;
  }
  /* line 343, partials/pages/_lineup.scss */
  html.lineup .lup_body .lup_title h3 {
    font-size: 20px;
  }
  /* line 345, partials/pages/_lineup.scss */
  html.lineup .lup_body .lup_title h3 span {
    font-size: 13px;
  }
  /* line 348, partials/pages/_lineup.scss */
  html.lineup .lup_body .lup_title h3 + p {
    margin-top: 15px;
    font-size: 12px;
    line-height: 1.6;
  }
  /* line 355, partials/pages/_lineup.scss */
  html.lineup .lup_body .lup_title .view_more {
    width: 100%;
    padding-right: 0;
  }
  /* line 358, partials/pages/_lineup.scss */
  html.lineup .lup_body .lup_title .view_more a.link-button {
    width: 100%;
    max-width: 320px;
    left: 0;
  }
  /* line 362, partials/pages/_lineup.scss */
  html.lineup .lup_body .lup_title .view_more a.link-button:after {
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    padding: 0 20px;
    width: auto;
    white-space: nowrap;
    box-sizing: border-box;
  }
  /* line 378, partials/pages/_lineup.scss */
  html.lineup .lup_body.right_img .lup_title:after, html.lineup .lup_body.left_img .lup_title:after,
  html.lineup .lup_body .lup_title:after {
    bottom: auto;
    top: -190px;
    height: 210px;
    left: 0;
    right: 0;
    background-size: contain;
    background-position: center;
    width: 57px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 841px) and (max-width: 1024px) {
  /* line 398, partials/pages/_lineup.scss */
  html.lineup .lup_body.right_img .lup_title:after {
    right: -170px;
  }
  /* line 403, partials/pages/_lineup.scss */
  html.lineup .lup_body.left_img .lup_title:after {
    left: -170px;
  }
  /* line 407, partials/pages/_lineup.scss */
  html.lineup .link-button {
    left: 0;
  }
}
@media only screen and (min-width: 600px) and (max-width: 840px) {
  /* line 420, partials/pages/_lineup.scss */
  html.lineup #lup-top .lup-title {
    width: 70%;
  }
  /* line 427, partials/pages/_lineup.scss */
  html.lineup .lup_body .lup_title {
    width: 70%;
  }
}
/* line 6, partials/pages/_experience.scss */
html.experience .side-lf {
  float: left;
  width: 50%;
}
/* line 14, partials/pages/_experience.scss */
html.experience .side-lf.side-img.side-img-rg {
  float: right;
}
/* line 20, partials/pages/_experience.scss */
html.experience .side-img {
  position: relative;
}
/* line 23, partials/pages/_experience.scss */
html.experience .side-img img {
  width: 100%;
  height: auto;
}
/* line 30, partials/pages/_experience.scss */
html.experience .side-text {
  padding-top: 50px;
}
/* line 35, partials/pages/_experience.scss */
html.experience .side-text-rg {
  padding-left: 50px;
  padding-top: 50px;
}
/* line 41, partials/pages/_experience.scss */
html.experience .side-text-lf {
  padding-right: 50px;
  padding-top: 50px;
}
/* line 49, partials/pages/_experience.scss */
html.experience section {
  width: 100%;
  height: 949px;
}
/* line 53, partials/pages/_experience.scss */
html.experience section.normal-height {
  height: auto;
}
/* line 59, partials/pages/_experience.scss */
html.experience .info-box {
  display: block;
  padding: 35px 0;
  position: relative;
}
/* line 65, partials/pages/_experience.scss */
html.experience .info-box:first-child:before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: -75%;
  background: #00144d;
}
/* line 76, partials/pages/_experience.scss */
html.experience .info-box:after {
  content: "";
  display: block;
  clear: both;
}
/* line 84, partials/pages/_experience.scss */
html.experience .tablet #exp-sect-2 {
  margin-bottom: 200px;
}
/* line 90, partials/pages/_experience.scss */
html.experience .tablet #exp-sect-2 .slider-wrapper .flex-direction-nav > li a.flex-prev {
  opacity: .7;
  background: url('../images/arrow_slider_tablet_left.png?1690865543') no-repeat 60px center;
}
/* line 94, partials/pages/_experience.scss */
html.experience .tablet #exp-sect-2 .slider-wrapper .flex-direction-nav > li a.flex-next {
  opacity: .7;
  background: url('../images/arrow_slider_tablet_right.png?1690865543') no-repeat center;
  background-position: right 60px center;
}
/* line 111, partials/pages/_experience.scss */
html.experience #exp-top {
  background: url('../images/experience/experience_top_bg.jpg?1690865543') no-repeat center center;
  background-size: cover;
  position: relative;
  width: 100%;
}
/* line 119, partials/pages/_experience.scss */
html.experience #exp-top #exp-title {
  width: 540px;
  height: auto;
  padding: 50px 40px;
  opacity: 0;
}
/* line 127, partials/pages/_experience.scss */
html.experience #exp-top #exp-title.active {
  opacity: .9;
}
/* line 139, partials/pages/_experience.scss */
html.experience #exp-sect-1 {
  padding: 80px 0;
  left: 0;
  transition: all 2s ease;
  height: auto;
  text-align: center;
}
/* line 146, partials/pages/_experience.scss */
html.experience #exp-sect-1 .container {
  width: 100%;
}
/* line 149, partials/pages/_experience.scss */
html.experience #exp-sect-1 p {
  max-width: 460px;
  padding: 0 20px;
  margin: 0 auto;
  text-align: left;
}
/* line 156, partials/pages/_experience.scss */
html.experience #exp-sect-2 {
  margin-bottom: 400px;
}
/* line 160, partials/pages/_experience.scss */
html.experience #exp-sect-3 {
  overflow: hidden;
}
/* line 163, partials/pages/_experience.scss */
html.experience #exp-sect-4 {
  padding: 80px 0;
  text-align: center;
}
/* line 167, partials/pages/_experience.scss */
html.experience #exp-sect-4 p {
  text-align: left;
  width: 47%;
}
/* line 170, partials/pages/_experience.scss */
html.experience #exp-sect-4 p.left {
  float: left;
}
/* line 173, partials/pages/_experience.scss */
html.experience #exp-sect-4 p.right {
  float: right;
}
/* line 178, partials/pages/_experience.scss */
html.experience #exp-sect-5 {
  height: 0;
  padding-top: 70%;
  position: relative;
}
/* line 183, partials/pages/_experience.scss */
html.experience .map {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
/* line 190, partials/pages/_experience.scss */
html.experience .map #map_iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 199, partials/pages/_experience.scss */
html.experience #info-slider {
  transform: translateY(0px);
  position: absolute;
  z-index: 10;
  left: 50%;
  margin-left: -290px;
  transition: all 1s ease;
}
/* line 208, partials/pages/_experience.scss */
html.experience #info-slider.on {
  transform: translateY(-100px);
}

@media only screen and (max-width: 840px) {
  /* line 222, partials/pages/_experience.scss */
  html.experience .tablet #exp-sect-2 {
    margin-bottom: 100px;
  }
  /* line 228, partials/pages/_experience.scss */
  html.experience .tablet #exp-sect-2 .slider-wrapper .flex-direction-nav > li a.flex-prev, html.experience .tablet #exp-sect-2 .slider-wrapper .flex-direction-nav > li a.flex-next {
    background-position: center center;
    background-size: 40px;
  }
  /* line 239, partials/pages/_experience.scss */
  html.experience .slider-wrapper {
    overflow: hidden;
  }
  /* line 243, partials/pages/_experience.scss */
  html.experience .slider-wrapper ul.slides li > div {
    height: 0;
    padding-top: 60%;
  }
  /* line 251, partials/pages/_experience.scss */
  html.experience section {
    height: auto;
  }
  /* line 253, partials/pages/_experience.scss */
  html.experience section h2 {
    font-size: 18px;
  }
  /* line 255, partials/pages/_experience.scss */
  html.experience section h2.ja-text {
    font-size: 14px;
    margin-bottom: 15px;
  }
  /* line 260, partials/pages/_experience.scss */
  html.experience section p.ja-hans {
    font-size: 12px;
    line-height: 1.6;
  }
  /* line 265, partials/pages/_experience.scss */
  html.experience .side-text-lf,
  html.experience .side-text-rg {
    padding: 0;
  }
  /* line 271, partials/pages/_experience.scss */
  html.experience .info-box {
    padding: 15px;
  }
  /* line 275, partials/pages/_experience.scss */
  html.experience .info-box:last-child:before, html.experience .info-box:first-child:before {
    display: none;
  }
  /* line 279, partials/pages/_experience.scss */
  html.experience .info-box .side-lf {
    float: none;
    width: auto;
  }
  /* line 282, partials/pages/_experience.scss */
  html.experience .info-box .side-lf.side-img {
    margin-bottom: 18px;
  }
  /* line 284, partials/pages/_experience.scss */
  html.experience .info-box .side-lf.side-img.side-img-rg, html.experience .info-box .side-lf.side-img.side-img-lf {
    float: none;
  }
  /* line 292, partials/pages/_experience.scss */
  html.experience .block-middle {
    position: relative;
    left: auto;
    top: auto;
    padding: 25px 30px;
    transform: translate(0);
    background: rgba(255, 255, 255, 0.95);
  }
  /* line 301, partials/pages/_experience.scss */
  html.experience #info-slider {
    position: relative;
    left: auto;
    top: auto;
    margin: -50px 15px 0;
  }
  /* line 306, partials/pages/_experience.scss */
  html.experience #info-slider.on {
    transform: translate(0);
  }
  /* line 313, partials/pages/_experience.scss */
  html.experience #exp-top #exp-top-bg {
    position: absolute;
  }
  /* line 316, partials/pages/_experience.scss */
  html.experience #exp-top #exp-title {
    position: absolute;
    width: 90%;
    height: auto;
    padding: 25px 30px;
  }
  /* line 321, partials/pages/_experience.scss */
  html.experience #exp-top #exp-title h1 {
    font-size: 2.3rem;
    letter-spacing: 0.2px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    white-space: nowrap;
    margin-bottom: 5px;
  }
  /* line 328, partials/pages/_experience.scss */
  html.experience #exp-top #exp-title h1.ja-text {
    white-space: normal;
    font-size: 14px;
    line-height: 1.4;
  }
  /* line 336, partials/pages/_experience.scss */
  html.experience #exp-top .scroll-tab.on {
    opacity: 0;
  }
  /* line 342, partials/pages/_experience.scss */
  html.experience #exp-sect-1 {
    padding: 0;
  }
  /* line 344, partials/pages/_experience.scss */
  html.experience #exp-sect-1.normal-height {
    padding: 25px 15px;
  }
  /* line 348, partials/pages/_experience.scss */
  html.experience #exp-sect-2 {
    margin-bottom: 100px;
  }
  /* line 350, partials/pages/_experience.scss */
  html.experience #exp-sect-2 .slider-wrapper {
    position: relative;
  }
  /* line 353, partials/pages/_experience.scss */
  html.experience #exp-sect-2 .slider-wrapper .flex-direction-nav > li {
    width: auto;
    position: static;
  }
  /* line 356, partials/pages/_experience.scss */
  html.experience #exp-sect-2 .slider-wrapper .flex-direction-nav > li a {
    width: 40px;
    height: 40px;
  }
  /* line 359, partials/pages/_experience.scss */
  html.experience #exp-sect-2 .slider-wrapper .flex-direction-nav > li a.flex-prev {
    top: 35%;
    left: 10px;
    opacity: .9;
    background: url('../images/arrow_slider_tablet_left.png?1690865543') no-repeat center center;
    background-size: 40px;
  }
  /* line 365, partials/pages/_experience.scss */
  html.experience #exp-sect-2 .slider-wrapper .flex-direction-nav > li a.flex-prev:before {
    display: none;
  }
  /* line 369, partials/pages/_experience.scss */
  html.experience #exp-sect-2 .slider-wrapper .flex-direction-nav > li a.flex-next {
    top: 35%;
    right: 10px;
    opacity: .9;
    background: url('../images/arrow_slider_tablet_right.png?1690865543') no-repeat center center;
    background-size: 40px;
  }
  /* line 375, partials/pages/_experience.scss */
  html.experience #exp-sect-2 .slider-wrapper .flex-direction-nav > li a.flex-next:before {
    display: none;
  }
  /* line 385, partials/pages/_experience.scss */
  html.experience #exp-sect-4.normal-height {
    padding: 25px 15px;
  }
  /* line 388, partials/pages/_experience.scss */
  html.experience #exp-sect-4 p.right,
  html.experience #exp-sect-4 p.left {
    width: auto;
    float: none;
    margin-bottom: 15px;
  }
  /* line 396, partials/pages/_experience.scss */
  html.experience #exp-sect-5 .map {
    padding-top: 120%;
  }
}
@media only screen and (min-width: 600px) and (max-width: 840px) {
  /* line 409, partials/pages/_experience.scss */
  html.experience #exp-top #exp-title {
    width: 70%;
  }
}
/* line 7, partials/pages/_news.scss */
html.news #news-head {
  background-image: url('../images/news-head.jpg?1690865543');
}
/* line 12, partials/pages/_news.scss */
html.news article {
  width: 100%;
  height: 300px;
  background-color: #fff;
  margin: 25px 0;
  overflow: hidden;
  position: relative;
}
/* line 21, partials/pages/_news.scss */
html.news article .news-img {
  width: 50%;
  height: 100%;
  background-size: 100%;
  background-position: center;
  background-size: cover;
  float: left;
}
/* line 30, partials/pages/_news.scss */
html.news article .news-img img {
  display: none;
}
/* line 36, partials/pages/_news.scss */
html.news article .news-date {
  background-color: #00144d;
  opacity: .9;
  position: absolute;
  width: 25%;
  left: 25%;
  height: 55px;
  padding-top: 16px;
  color: #fff;
  font-size: 25px;
  font-size: 25px;
  font-size: 2.5rem;
  font-style: italic;
  text-align: center;
}
/* line 51, partials/pages/_news.scss */
html.news article .news-data {
  width: 50%;
  height: 100%;
  float: left;
  padding: 48px 0 10px 50px;
  color: #00144d;
}
/* line 60, partials/pages/_news.scss */
html.news article .news-data .news-excerpt {
  margin: 20px 0;
}
/* line 75, partials/pages/_news.scss */
html.news #details-top {
  width: 860px;
  margin: 100px auto 0 auto;
  padding-bottom: 80px;
  position: relative;
}
/* line 82, partials/pages/_news.scss */
html.news #details-top .link-button {
  margin-bottom: 40px;
}
/* line 84, partials/pages/_news.scss */
html.news #details-top .link-button:after {
  left: auto;
  right: 0;
  content: "Back to all news";
  padding-left: 20px;
  width: auto;
}
/* line 92, partials/pages/_news.scss */
html.news #details-top .link-button:hover:after {
  right: 15%;
}
/* line 98, partials/pages/_news.scss */
html.news #details-top .separator {
  width: 350px;
  height: 1px;
  background-color: #fff;
  margin: 10px auto 15px auto;
  margin-left: 0;
}
@media only screen and (max-width: 840px) {
  /* line 98, partials/pages/_news.scss */
  html.news #details-top .separator {
    width: 90%;
  }
}
/* line 104, partials/pages/_news.scss */
html.news #details-top #main-img {
  width: 73.25581395348837%;
  /* 630 / 860 */
}
/* line 110, partials/pages/_news.scss */
html.news #details-top .news-date {
  background-color: #00144d;
  opacity: .9;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 460px;
  height: 170px;
  color: #fff;
  padding: 30px;
  font-size: 25px;
  font-size: 25px;
  font-size: 2.5rem;
  font-style: italic;
  text-align: left;
}
/* line 124, partials/pages/_news.scss */
html.news #details-top .news-date .separator {
  width: 100%;
}
/* line 131, partials/pages/_news.scss */
html.news #details-body {
  width: 700px;
  margin: 50px auto;
  font-size: 15px;
  font-size: 15px;
  font-size: 1.5rem;
  overflow: hidden;
}
/* line 138, partials/pages/_news.scss */
html.news #details-body p {
  font-size: 15px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 24px;
  line-height: 2.4rem;
  margin-bottom: 30px;
  margin-bottom: 30px;
  margin-bottom: 3rem;
  font-family: "source-han-sans-japanese";
}
/* line 145, partials/pages/_news.scss */
html.news #details-body a {
  font-weight: bold;
  text-decoration: underline;
  color: #00144d;
}
/* line 151, partials/pages/_news.scss */
html.news #details-body #details-share {
  margin: 75px auto;
  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0;
}
/* line 157, partials/pages/_news.scss */
html.news #details-body #details-share a {
  font-weight: normal;
  text-decoration: none;
}
/* line 163, partials/pages/_news.scss */
html.news #details-body .share-el {
  width: 22.857142857142856%;
  /* 160 / 700 */
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
}
/* line 170, partials/pages/_news.scss */
html.news #details-body .share-el #logo-fb {
  width: 15px;
}
/* line 175, partials/pages/_news.scss */
html.news #details-body .share-el #logo-tw {
  width: 32px;
}
/* line 180, partials/pages/_news.scss */
html.news #details-body .share-el #logo-gplus {
  width: 31px;
}
/* line 184, partials/pages/_news.scss */
html.news #details-body .share-el .separator {
  transition: all .4s ease;
}
/* line 190, partials/pages/_news.scss */
html.news #details-body .share-el:hover .separator {
  width: 80%;
  margin: 10px auto 15px;
}
/* line 199, partials/pages/_news.scss */
html.news #details-body .share-gutter {
  display: inline-block;
  width: 15.714285714285714%;
  /* 110 / 700 */
  min-height: 1px;
}
/* line 206, partials/pages/_news.scss */
html.news #details-body .share-el {
  cursor: pointer;
}

@media only screen and (max-width: 840px) {
  /* line 223, partials/pages/_news.scss */
  html.news #news-head {
    height: 330px;
    margin-top: 60px;
    padding: 0 30px;
  }
  /* line 229, partials/pages/_news.scss */
  html.news #news-head .head-title {
    width: 100%;
    height: auto;
    padding: 0;
  }
  /* line 234, partials/pages/_news.scss */
  html.news #news-head .head-title .wrapper {
    padding: 30px;
    position: static;
  }
  /* line 238, partials/pages/_news.scss */
  html.news #news-head .head-title h1 {
    font-size: 2.3rem;
    letter-spacing: 0.2px;
  }
  /* line 241, partials/pages/_news.scss */
  html.news #news-head .head-title h1.ja-text {
    font-size: 16px;
  }
  /* line 248, partials/pages/_news.scss */
  html.news #news-container {
    padding: 0 15px;
  }
  /* line 253, partials/pages/_news.scss */
  html.news article {
    height: inherit;
    padding-bottom: 30px;
  }
  /* line 259, partials/pages/_news.scss */
  html.news article .news-img, html.news article .news-data {
    width: 100%;
  }
  /* line 264, partials/pages/_news.scss */
  html.news article .news-img {
    width: 100%;
    padding-top: 55%;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
  }
  /* line 273, partials/pages/_news.scss */
  html.news article .news-date {
    width: auto;
    left: auto;
    right: 0;
    padding: 18px 20px 0 20px;
    font-size: 2rem;
  }
  /* line 282, partials/pages/_news.scss */
  html.news article .news-data {
    padding: 20px 0 50px 0;
  }
  /* line 286, partials/pages/_news.scss */
  html.news article .news-data .news-excerpt {
    margin-bottom: 50px;
    word-break: break-all;
  }
  /* line 303, partials/pages/_news.scss */
  html.news #details-top, html.news #details-body {
    width: 100%;
  }
  /* line 308, partials/pages/_news.scss */
  html.news #details-top {
    margin-top: 70px;
    padding: 0 15px;
  }
  /* line 313, partials/pages/_news.scss */
  html.news #details-top #main-img {
    width: 100%;
  }
  /* line 318, partials/pages/_news.scss */
  html.news #details-top .news-date {
    width: auto;
    padding: 30px;
    margin-left: 30px;
    top: 50%;
    padding-bottom: 30px;
    min-height: 132px;
    height: auto;
    position: static;
    margin-top: -50px;
    margin-right: 50px;
    margin-left: 0;
  }
  /* line 333, partials/pages/_news.scss */
  html.news #details-top .link-button {
    width: 290px;
    left: 50%;
    margin: 100px 0 25px -145px;
  }
  /* line 338, partials/pages/_news.scss */
  html.news #details-top .link-button:after {
    padding-left: 26px;
    padding-right: 26px;
    left: 50px;
    width: 134px;
  }
  /* line 348, partials/pages/_news.scss */
  html.news #details-body {
    margin-top: 0;
    padding: 25px 15px 0;
  }
  /* line 352, partials/pages/_news.scss */
  html.news #details-body p {
    font-family: "source-han-sans-japanese";
    word-break: break-all;
    margin-bottom: 15px;
  }
  /* line 357, partials/pages/_news.scss */
  html.news #details-body #details-share {
    margin: 20px 0;
  }
  /* line 359, partials/pages/_news.scss */
  html.news #details-body #details-share .share-el {
    width: 31%;
  }
  /* line 362, partials/pages/_news.scss */
  html.news #details-body #details-share .share-gutter {
    width: 3%;
  }
  /* line 365, partials/pages/_news.scss */
  html.news #details-body #details-share .share-sns {
    font-size: 13px;
  }
}
@media only screen and (min-width: 841px) and (max-width: 1024px) {
  /* line 398, partials/pages/_news.scss */
  html.news .container {
    max-width: 89.84375%;
  }
  /* line 403, partials/pages/_news.scss */
  html.news .link-button {
    left: 0;
    margin: 0;
  }
}
/* line 8, partials/pages/_pr-details.scss */
html.pr-details #lup_list {
  width: 100%;
}
/* line 10, partials/pages/_pr-details.scss */
html.pr-details #lup_list ul {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
}
/* line 16, partials/pages/_pr-details.scss */
html.pr-details #lup_list ul li {
  position: relative;
  width: 16.66666666666667%;
  background: #fffffd;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fffffd 0%, #f3f4f3 100%);
}
/* line 24, partials/pages/_pr-details.scss */
html.pr-details #lup_list ul li:hover img {
  transform: scale(0.95, 0.95);
}
/* line 28, partials/pages/_pr-details.scss */
html.pr-details #lup_list ul li img {
  width: 30%;
  margin: 20px auto;
  margin: 20px auto;
  margin: 2rem auto;
  display: block;
  transition: all .4s ease;
}
/* line 34, partials/pages/_pr-details.scss */
html.pr-details #lup_list ul li h2 {
  position: absolute;
  bottom: 30px;
  bottom: 30px;
  bottom: 3rem;
  left: 0;
  right: 0;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}
/* line 41, partials/pages/_pr-details.scss */
html.pr-details #lup_list ul li h2 span {
  display: block;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 8px;
  margin-top: 8px;
  margin-top: 0.8rem;
}
/* line 47, partials/pages/_pr-details.scss */
html.pr-details #lup_list ul li:nth-child(2n) {
  background: #fffffd;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fffffd 0%, #ebecee 100%);
}
/* line 61, partials/pages/_pr-details.scss */
html.pr-details.brut .information .info-bottle .bottle-img#bottle-right {
  right: 30px;
}
/* line 64, partials/pages/_pr-details.scss */
html.pr-details.brut .information .info-bottle .bottle-img#bottle-left {
  left: 30px;
}
/* line 69, partials/pages/_pr-details.scss */
html.pr-details.brut .information .info-bottle .flower#flower-left-brut {
  right: -65px;
}
/* line 72, partials/pages/_pr-details.scss */
html.pr-details.brut .information .info-bottle .flower#flower-right-brut {
  left: -65px;
}
/* line 80, partials/pages/_pr-details.scss */
html.pr-details .container {
  max-width: 1020px;
  width: 100%;
}
/* line 85, partials/pages/_pr-details.scss */
html.pr-details .page-head {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
/* line 91, partials/pages/_pr-details.scss */
html.pr-details .page-head .head-title {
  background-color: #fff;
  color: #00144d;
  height: auto;
  opacity: 0;
}
/* line 98, partials/pages/_pr-details.scss */
html.pr-details .page-head .head-title.active {
  opacity: 1;
}
/* line 103, partials/pages/_pr-details.scss */
html.pr-details .page-head .head-title .wrapper {
  padding: 0 40px;
  padding: 0 40px;
  padding: 0 4rem;
  position: static;
}
/* line 112, partials/pages/_pr-details.scss */
html.pr-details .page-head .separator {
  background-color: #00144d;
}
/* line 117, partials/pages/_pr-details.scss */
html.pr-details .page-head#head-brut {
  background-image: url('../images/products/brut/background-brut.jpg?1690865543');
}
/* line 122, partials/pages/_pr-details.scss */
html.pr-details .page-head#head-apanage {
  background-image: url('../images/products/apanage/background-apanage.jpg?1690865543');
}
/* line 127, partials/pages/_pr-details.scss */
html.pr-details .page-head#head-pompadour {
  background-image: url('../images/products/pompadour/02_pompadour.jpg?1690865543');
}
/* line 132, partials/pages/_pr-details.scss */
html.pr-details .page-head#head-louise {
  background-image: url('../images/products/louise/03_louise.jpg?1690865543');
}
/* line 137, partials/pages/_pr-details.scss */
html.pr-details .page-head#head-pop {
  background-image: url('../images/products/pop/05_pop.jpg?1690865543');
}
/* line 142, partials/pages/_pr-details.scss */
html.pr-details .page-head#head-bluesky {
  background-image: url('../images/products/blue-sky/04_skyblue_topbg.jpg?1690865543');
}
/* line 152, partials/pages/_pr-details.scss */
html.pr-details .information {
  background-color: #f6fafb;
  min-height: 645px;
  overflow: hidden;
  padding: 80px 0 120px 0;
}
/* line 159, partials/pages/_pr-details.scss */
html.pr-details .information .info-bottle {
  width: 21.568627450980393%;
  float: left;
  position: relative;
  min-height: 1px;
}
/* line 166, partials/pages/_pr-details.scss */
html.pr-details .information .info-bottle img {
  position: absolute;
}
/* line 171, partials/pages/_pr-details.scss */
html.pr-details .information .info-bottle .bottle-img {
  width: auto;
  height: 435px;
  z-index: 3;
}
/* line 177, partials/pages/_pr-details.scss */
html.pr-details .information .info-bottle .bottle-img#bottle-left {
  left: -20px;
}
/* line 182, partials/pages/_pr-details.scss */
html.pr-details .information .info-bottle .bottle-img#bottle-right {
  right: -23px;
}
/* line 189, partials/pages/_pr-details.scss */
html.pr-details .information .info-bottle .flower {
  width: auto;
  height: 435px;
  top: 0;
}
/* line 195, partials/pages/_pr-details.scss */
html.pr-details .information .info-bottle .flower#flower-left-brut {
  right: -6px;
}
/* line 201, partials/pages/_pr-details.scss */
html.pr-details .information .info-bottle .flower#flower-right-brut {
  left: -6px;
}
/* line 206, partials/pages/_pr-details.scss */
html.pr-details .information .info-bottle .flower#flower-pompadour {
  right: -45px;
}
/* line 211, partials/pages/_pr-details.scss */
html.pr-details .information .info-bottle .flower#flower-left-louise {
  right: -65px;
}
/* line 218, partials/pages/_pr-details.scss */
html.pr-details .information .info-bottle .flower#flower-right-louise {
  left: -80px;
}
/* line 224, partials/pages/_pr-details.scss */
html.pr-details .information .info-bottle .flower#flower-left-seasonal {
  right: -92px;
}
/* line 231, partials/pages/_pr-details.scss */
html.pr-details .information .info-bottle .flower#flower-right-seasonal {
  left: -89px;
}
/* line 239, partials/pages/_pr-details.scss */
html.pr-details .information .info-center {
  width: 56.86274509803921%;
  float: left;
  text-align: center;
  padding: 80px 65px;
}
/* line 245, partials/pages/_pr-details.scss */
html.pr-details .information .info-center p {
  padding-top: 12px;
  border-top: solid 1px #00144d;
  text-align: left;
}
/* line 255, partials/pages/_pr-details.scss */
html.pr-details .information.two-el .info-center {
  width: 70%;
  text-align: left;
}
/* line 261, partials/pages/_pr-details.scss */
html.pr-details .information.two-el .info-bottle {
  width: 30%;
}
/* line 266, partials/pages/_pr-details.scss */
html.pr-details .information.two-el .bottle-img#bottle-left {
  left: 50%;
  margin-left: -124px;
}
/* line 280, partials/pages/_pr-details.scss */
html.pr-details .statistics {
  padding: 40px 0 90px 0;
  overflow: hidden;
}
/* line 286, partials/pages/_pr-details.scss */
html.pr-details .statistics .stat-wrap {
  /*
  display: flex;
  display: -webkit-flex;
  */
  display: block;
  /* Safari */
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
/* line 294, partials/pages/_pr-details.scss */
html.pr-details .statistics .stat-wrap:after {
  content: "";
  display: block;
  clear: both;
}
/* line 301, partials/pages/_pr-details.scss */
html.pr-details .statistics .stat-img, html.pr-details .statistics .stat-intro {
  width: 50%;
}
/* line 307, partials/pages/_pr-details.scss */
html.pr-details .statistics .stat-img {
  height: 440px;
}
html.pr-details .statistics .stat-img img {
  max-width: 100%;
}
/* line 310, partials/pages/_pr-details.scss */
html.pr-details .statistics .stat-img.img-right {
  float: right;
}
/* line 313, partials/pages/_pr-details.scss */
html.pr-details .statistics .stat-img.img-left {
  float: left;
}
/* line 318, partials/pages/_pr-details.scss */
html.pr-details .statistics .stat-intro {
  padding-top: 115px;
  padding-left: 50px;
  float: right;
}
/* line 323, partials/pages/_pr-details.scss */
html.pr-details .statistics .stat-intro.text-left {
  padding-left: 0;
  padding-right: 50px;
  float: left;
}
/* line 330, partials/pages/_pr-details.scss */
html.pr-details .statistics .stat-intro.long-text {
  padding-top: 35px;
}
/* line 341, partials/pages/_pr-details.scss */
html.pr-details .statistics .charts {
  margin-top: 50px;
  /*.separator
  {
    margin: 10px 0 5px 0;
  }*/
}
/* line 345, partials/pages/_pr-details.scss */
html.pr-details .statistics .charts .charts-sec {
  padding: 30px 0;
}
/* line 351, partials/pages/_pr-details.scss */
html.pr-details .statistics .charts h2 {
  margin-bottom: 0;
  color: #00144d;
  border-bottom: 1px solid #00144d;
  padding-bottom: 6px;
  margin-bottom: 6px;
}
/* line 366, partials/pages/_pr-details.scss */
html.pr-details .statistics .charts .sm-chart {
  width: 33.333333%;
  float: left;
  padding-left: 30px;
}
/* line 371, partials/pages/_pr-details.scss */
html.pr-details .statistics .charts .sm-chart:first-child {
  padding-left: 0;
}
/* line 375, partials/pages/_pr-details.scss */
html.pr-details .statistics .charts .sm-chart p {
  font-family: "source-han-sans-japanese";
}
/* line 386, partials/pages/_pr-details.scss */
html.pr-details .statistics .pies {
  margin-top: 50px;
  display: block;
  overflow: hidden;
  text-align: center;
}
/* line 392, partials/pages/_pr-details.scss */
html.pr-details .statistics .pies p {
  text-align: center;
  margin-top: 10px;
}
/* line 399, partials/pages/_pr-details.scss */
html.pr-details .statistics .pie-holder {
  width: 21.568627450980393%;
  /* 220 / 1020 */
  display: inline-block;
}
/* line 405, partials/pages/_pr-details.scss */
html.pr-details .statistics .progress-pie-chart {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #e8ecef;
  position: relative;
}
/* line 412, partials/pages/_pr-details.scss */
html.pr-details .statistics .progress-pie-chart.gt-50 {
  background-color: #cab063;
}
/* line 414, partials/pages/_pr-details.scss */
html.pr-details .statistics .progress-pie-chart.gt-50 .ppc-progress {
  clip: rect(0, 50px, 100px, 0);
}
/* line 417, partials/pages/_pr-details.scss */
html.pr-details .statistics .progress-pie-chart.gt-50 .ppc-progress .ppc-progress-fill {
  clip: rect(0, 100px, 100px, 50px);
  background: #e8ecef !important;
}
/* line 425, partials/pages/_pr-details.scss */
html.pr-details .statistics .ppc-progress {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 50px);
  top: calc(50% - 50px);
  width: 100px;
  height: 100px;
  clip: rect(0, 100px, 100px, 50px);
}
/* line 428, partials/pages/_pr-details.scss */
html.pr-details .statistics .ppc-progress .ppc-progress-fill {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 50px);
  top: calc(50% - 50px);
  width: 100px;
  height: 100px;
  clip: rect(0, 50px, 100px, 0);
  background: #cab063;
  transform: rotate(0deg);
  transition: all 1s ease;
}
/* line 437, partials/pages/_pr-details.scss */
html.pr-details .statistics .ppc-percents {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 96px/2);
  top: calc(50% - 96px/2);
  width: 96px;
  height: 96px;
  background: #fff;
  text-align: center;
  display: table;
}
/* line 442, partials/pages/_pr-details.scss */
html.pr-details .statistics .ppc-percents span {
  display: block;
  font-size: 26px;
  font-size: 26px;
  font-size: 2.6rem;
  color: #00144d;
}
/* line 448, partials/pages/_pr-details.scss */
html.pr-details .statistics .pcc-percents-wrapper {
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 840px) {
  /* line 460, partials/pages/_pr-details.scss */
  html.pr-details p {
    text-align: left;
  }
  /* line 465, partials/pages/_pr-details.scss */
  html.pr-details h2 {
    font-size: 24px;
    border-bottom: 1px solid #00144d;
    padding-bottom: 1.5rem;
  }
  /* line 469, partials/pages/_pr-details.scss */
  html.pr-details h2.ja-text {
    font-size: 20px;
    border: none;
    margin-top: 6px;
    margin-bottom: 10px;
  }
  /* line 477, partials/pages/_pr-details.scss */
  html.pr-details .container {
    padding: 0 15px;
    width: 100%;
  }
  /* line 483, partials/pages/_pr-details.scss */
  html.pr-details #lup_list ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  /* line 486, partials/pages/_pr-details.scss */
  html.pr-details #lup_list ul li {
    width: 33.3333%;
  }
  /* line 488, partials/pages/_pr-details.scss */
  html.pr-details #lup_list ul li h2 {
    font-size: 1.6rem;
    border-bottom: none;
    bottom: 10px;
  }
  /* line 492, partials/pages/_pr-details.scss */
  html.pr-details #lup_list ul li h2 span {
    font-size: 1rem;
  }
  /* line 496, partials/pages/_pr-details.scss */
  html.pr-details #lup_list ul li img {
    width: 30%;
    margin-bottom: 3em;
  }
  /* line 506, partials/pages/_pr-details.scss */
  html.pr-details .page-head {
    height: 330px;
    background-color: #d8d8d8 !important;
  }
  /* line 509, partials/pages/_pr-details.scss */
  html.pr-details .page-head .head-title {
    width: 80%;
    padding: 30px 0;
    margin-top: -50px;
    height: 150px;
  }
  /* line 514, partials/pages/_pr-details.scss */
  html.pr-details .page-head .head-title .separator {
    width: 70%;
    margin-bottom: 4px;
  }
  /* line 518, partials/pages/_pr-details.scss */
  html.pr-details .page-head .head-title .wrapper {
    padding: 1.5rem;
  }
  /* line 520, partials/pages/_pr-details.scss */
  html.pr-details .page-head .head-title .wrapper h1 {
    font-size: 2.3rem;
    letter-spacing: 0.2px;
  }
  /* line 523, partials/pages/_pr-details.scss */
  html.pr-details .page-head .head-title .wrapper h1.ja-text {
    margin-top: 0.5rem;
    font-size: 14px;
  }
  /* line 532, partials/pages/_pr-details.scss */
  html.pr-details .information {
    padding-bottom: 0;
    min-height: 600px;
  }
  /* line 537, partials/pages/_pr-details.scss */
  html.pr-details .information .container .txtcenter img {
    width: 80%;
  }
  /* line 541, partials/pages/_pr-details.scss */
  html.pr-details .information .container .info-bottle {
    display: none;
  }
  /* line 544, partials/pages/_pr-details.scss */
  html.pr-details .information .container .info-center {
    padding-top: 50px;
    padding-left: 0;
    padding-right: 0;
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center top;
    width: 100%;
  }
  /* line 552, partials/pages/_pr-details.scss */
  html.pr-details .information .container .info-center h2 {
    border-bottom: 1px solid #00144d;
    font-size: 24px;
  }
  /* line 555, partials/pages/_pr-details.scss */
  html.pr-details .information .container .info-center h2.ja-text {
    border: none;
    font-size: 18px;
    margin-top: 6px;
  }
  /* line 561, partials/pages/_pr-details.scss */
  html.pr-details .information .container .info-center p {
    border: none;
  }
  /* line 564, partials/pages/_pr-details.scss */
  html.pr-details .information .container .info-center .separator {
    display: none;
  }
  /* line 570, partials/pages/_pr-details.scss */
  html.pr-details .statistics {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 0;
    padding-top: 14px;
  }
  /* line 576, partials/pages/_pr-details.scss */
  html.pr-details .statistics.up_img .stat-wrap {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  /* line 581, partials/pages/_pr-details.scss */
  html.pr-details .statistics .stat-wrap {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
  /* line 584, partials/pages/_pr-details.scss */
  html.pr-details .statistics .stat-wrap .stat-intro.text-left {
    padding: 20px  0 0 0;
  }
  /* line 588, partials/pages/_pr-details.scss */
  html.pr-details .statistics .stat-img {
    float: none;
    height: auto;
    width: 100%;
  }
  /* line 592, partials/pages/_pr-details.scss */
  html.pr-details .statistics .stat-img.img-left, html.pr-details .statistics .stat-img.img-right {
    float: none;
  }
  /* line 596, partials/pages/_pr-details.scss */
  html.pr-details .statistics .stat-img img {
    width: 100%;
    margin-top: 20px;
  }
  /* line 603, partials/pages/_pr-details.scss */
  html.pr-details .statistics .stat-intro {
    padding-top: 20px;
    padding-left: 0;
    width: 100%;
    float: none;
  }
  /* line 608, partials/pages/_pr-details.scss */
  html.pr-details .statistics .stat-intro.text-left {
    float: none;
  }
  /* line 611, partials/pages/_pr-details.scss */
  html.pr-details .statistics .stat-intro h2 {
    border: none;
  }
  /* line 615, partials/pages/_pr-details.scss */
  html.pr-details .statistics .charts {
    margin-top: 30px;
  }
  /* line 617, partials/pages/_pr-details.scss */
  html.pr-details .statistics .charts h2 {
    padding-bottom: 0;
    border-bottom: 1px solid #00144d;
  }
  /* line 621, partials/pages/_pr-details.scss */
  html.pr-details .statistics .charts p {
    margin-top: 6px;
  }
  /* line 624, partials/pages/_pr-details.scss */
  html.pr-details .statistics .charts .charts-sec {
    padding: 0;
    margin-bottom: 30px;
  }
  /* line 628, partials/pages/_pr-details.scss */
  html.pr-details .statistics .charts .charts-sec .pies p {
    font-size: 12px;
  }
  /* line 631, partials/pages/_pr-details.scss */
  html.pr-details .statistics .charts .charts-sec .pies .pie-out-gutter {
    display: none;
  }
  /* line 634, partials/pages/_pr-details.scss */
  html.pr-details .statistics .charts .charts-sec .pies .pie-holder {
    width: 27%;
    margin-left: 10px;
    vertical-align: top;
  }
  /* line 638, partials/pages/_pr-details.scss */
  html.pr-details .statistics .charts .charts-sec .pies .pie-holder:first-child {
    margin-left: 0;
  }
  /* line 649, partials/pages/_pr-details.scss */
  html.pr-details .statistics .charts .sm-chart {
    width: 50%;
    padding-right: 4%;
    margin-bottom: 20px;
    padding-left: 0;
  }
  /* line 654, partials/pages/_pr-details.scss */
  html.pr-details .statistics .charts .sm-chart > p {
    font-size: 14px;
  }
  /* line 656, partials/pages/_pr-details.scss */
  html.pr-details .statistics .charts .sm-chart > p br {
    display: none;
  }
  /* line 661, partials/pages/_pr-details.scss */
  html.pr-details .statistics .charts .sm-chart:nth-child(3n) {
    padding-left: 0;
  }
  /* line 667, partials/pages/_pr-details.scss */
  html.pr-details .statistics .progress-pie-chart {
    width: 71px;
    height: 71px;
  }
  /* line 671, partials/pages/_pr-details.scss */
  html.pr-details .statistics .progress-pie-chart.gt-50 .ppc-progress {
    clip: rect(0, 35.5px, 71px, 0);
  }
  /* line 674, partials/pages/_pr-details.scss */
  html.pr-details .statistics .progress-pie-chart.gt-50 .ppc-progress .ppc-progress-fill {
    clip: rect(0, 71px, 71px, 35.5px);
    background: #e8ecef !important;
  }
  /* line 682, partials/pages/_pr-details.scss */
  html.pr-details .statistics .ppc-progress {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 35.5px);
    top: calc(50% - 35.5px);
    width: 71px;
    height: 71px;
    clip: rect(0, 71px, 71px, 35.5px);
  }
  /* line 685, partials/pages/_pr-details.scss */
  html.pr-details .statistics .ppc-progress .ppc-progress-fill {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 35.5px);
    top: calc(50% - 35.5px);
    width: 71px;
    height: 71px;
    clip: rect(0, 35.5px, 71px, 0);
  }
  /* line 691, partials/pages/_pr-details.scss */
  html.pr-details .statistics .ppc-percents {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 68.16px/2);
    top: calc(50% - 68.16px/2);
    width: 68.16px;
    height: 68.16px;
  }
}
@media only screen and (min-width: 841px) and (max-width: 1024px) {
  /* line 705, partials/pages/_pr-details.scss */
  html.pr-details .container {
    max-width: 89.84375%;
  }
  /* line 710, partials/pages/_pr-details.scss */
  html.pr-details .stat-img img {
    width: 100%;
  }
  /* line 715, partials/pages/_pr-details.scss */
  html.pr-details .statistics .stat-intro {
    padding-top: 3%;
  }
}
@media only screen and (min-width: 600px) and (max-width: 840px) {
  /* line 725, partials/pages/_pr-details.scss */
  html.pr-details .page-head .head-title {
    width: 70%;
  }
}
/* line 4, partials/pages/_champagne.scss */
html.champagne #cham-top {
  width: 100%;
  background: url(../images/champagne/main_visual.jpg) no-repeat;
  background-size: cover;
  height: 435px;
  position: relative;
  background-position: center;
  min-width: 600px;
}
/* line 12, partials/pages/_champagne.scss */
html.champagne #cham-top #cham-title {
  display: inline-table;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
  width: 580px;
  margin: auto;
  padding: 50px 60px;
  text-align: center;
}
/* line 27, partials/pages/_champagne.scss */
html.champagne .cham-sect {
  position: relative;
  overflow: hidden;
}
/* line 31, partials/pages/_champagne.scss */
html.champagne .cham-sect.last:before {
  content: none;
}
/* line 35, partials/pages/_champagne.scss */
html.champagne .cham-sect .line {
  height: 1px;
  width: 400px;
  position: absolute;
  background-color: #00144d;
  left: -20px;
  bottom: 0;
  transition: all .3s  ease;
}
/* line 44, partials/pages/_champagne.scss */
html.champagne .cham-sect .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
/* line 53, partials/pages/_champagne.scss */
html.champagne .cham-sect .container .text_box {
  width: 60%;
  margin-right: 10%;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 14%;
  background: url(../images/champagne/1.png) no-repeat left;
  transition: all 1s  ease;
  opacity: 0;
}
/* line 62, partials/pages/_champagne.scss */
html.champagne .cham-sect .container .text_box h2 {
  font-size: 33px;
}
/* line 64, partials/pages/_champagne.scss */
html.champagne .cham-sect .container .text_box h2.ja-text {
  font-size: 22px;
}
/* line 68, partials/pages/_champagne.scss */
html.champagne .cham-sect .container .text_box.second {
  background: url(../images/champagne/2.png) no-repeat left;
}
/* line 69, partials/pages/_champagne.scss */
html.champagne .cham-sect .container .text_box.third {
  background: url(../images/champagne/3.png) no-repeat left;
}
/* line 70, partials/pages/_champagne.scss */
html.champagne .cham-sect .container .text_box.fourth {
  background: url(../images/champagne/4.png) no-repeat left;
}
/* line 71, partials/pages/_champagne.scss */
html.champagne .cham-sect .container .text_box.fifth {
  background: url(../images/champagne/5.png) no-repeat left;
}
/* line 72, partials/pages/_champagne.scss */
html.champagne .cham-sect .container .text_box.sixth {
  background: url(../images/champagne/6.png) no-repeat left;
}
/* line 73, partials/pages/_champagne.scss */
html.champagne .cham-sect .container .text_box.seventh {
  background: url(../images/champagne/7.png) no-repeat left;
}
/* line 74, partials/pages/_champagne.scss */
html.champagne .cham-sect .container .text_box.eighth {
  background: url(../images/champagne/8.png) no-repeat left;
}
/* line 76, partials/pages/_champagne.scss */
html.champagne .cham-sect .container .img_box {
  width: 40%;
  transition: all 1s .3s ease;
  opacity: 0;
}
/* line 80, partials/pages/_champagne.scss */
html.champagne .cham-sect .container .img_box img {
  display: block;
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
}
/* line 89, partials/pages/_champagne.scss */
html.champagne .cham-sect:nth-child(2n) .line {
  left: auto;
  right: -20px;
}
/* line 93, partials/pages/_champagne.scss */
html.champagne .cham-sect:nth-child(2n) .container {
  -ms-flex-direction: row;
      flex-direction: row;
}
/* line 95, partials/pages/_champagne.scss */
html.champagne .cham-sect:nth-child(2n) .container .text_box {
  margin-right: 0;
  margin-left: 10%;
}
/* line 102, partials/pages/_champagne.scss */
html.champagne .cham-sect.on .text_box {
  opacity: 1;
}
/* line 105, partials/pages/_champagne.scss */
html.champagne .cham-sect.on .img_box {
  opacity: 1;
}

@media only screen and (max-width: 840px) {
  /* line 116, partials/pages/_champagne.scss */
  html.champagne #cham-top {
    min-width: 250px;
    background: url(../images/champagne/main_visual_sp.jpg) no-repeat center bottom;
    background-size: cover;
    margin-top: 60px;
    height: 190px;
  }
  /* line 122, partials/pages/_champagne.scss */
  html.champagne #cham-top #cham-title {
    padding: 30px 20px;
    width: 90%;
  }
  /* line 125, partials/pages/_champagne.scss */
  html.champagne #cham-top #cham-title h1 {
    font-size: 2.3rem;
    letter-spacing: 0.2px;
  }
  /* line 128, partials/pages/_champagne.scss */
  html.champagne #cham-top #cham-title h1.ja-text {
    font-size: 14px;
    line-height: 1.4;
  }
  /* line 136, partials/pages/_champagne.scss */
  html.champagne .cham-sect .line {
    width: 90%;
    left: 0;
    right: 0;
    margin: auto;
  }
  /* line 143, partials/pages/_champagne.scss */
  html.champagne .cham-sect:nth-child(2n) .container {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
  /* line 146, partials/pages/_champagne.scss */
  html.champagne .cham-sect:nth-child(2n) .container .text_box {
    margin-left: 0;
  }
  /* line 150, partials/pages/_champagne.scss */
  html.champagne .cham-sect:nth-child(2n):before {
    left: 0;
    right: 0;
    width: 90%;
  }
  /* line 157, partials/pages/_champagne.scss */
  html.champagne .cham-sect.last:before {
    content: none;
  }
  /* line 162, partials/pages/_champagne.scss */
  html.champagne .cham-sect .container {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
  /* line 165, partials/pages/_champagne.scss */
  html.champagne .cham-sect .container .img_box {
    margin: 26px auto;
  }
  /* line 167, partials/pages/_champagne.scss */
  html.champagne .cham-sect .container .img_box img {
    width: 70%;
  }
  /* line 171, partials/pages/_champagne.scss */
  html.champagne .cham-sect .container .first + .img_box {
    margin-top: 0;
    margin-bottom: 0;
  }
  /* line 174, partials/pages/_champagne.scss */
  html.champagne .cham-sect .container .first + .img_box img {
    width: 100%;
  }
  /* line 178, partials/pages/_champagne.scss */
  html.champagne .cham-sect .container .text_box {
    width: 90%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 60px;
    padding-left: 17%;
    background-position: top left !important;
    background-size: 40px !important;
  }
  /* line 187, partials/pages/_champagne.scss */
  html.champagne .cham-sect .container .text_box h2 {
    font-size: 22px;
  }
  /* line 189, partials/pages/_champagne.scss */
  html.champagne .cham-sect .container .text_box h2.ja-text {
    font-size: 14px;
    margin-bottom: 6px;
    margin-top: 0;
  }
  /* line 195, partials/pages/_champagne.scss */
  html.champagne .cham-sect .container .text_box p {
    font-size: 12px;
    line-height: 1.6;
  }
}
@media only screen and (min-width: 600px) and (max-width: 840px) {
  /* line 210, partials/pages/_champagne.scss */
  html.champagne #cham-top #cham-title {
    width: 70%;
  }

  /* line 216, partials/pages/_champagne.scss */
  .title-container #title-sep.active {
    width: 50%;
  }
}