@charset "UTF-8";
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium"); }
@font-face {
  font-family: "Yu Mincho D";
  src: local("Yu Mincho Demibold"); }
/* -----------------------------
/ Common Flex Grid
-------------------------------- */
/* line 5, sass/flex/_cmnflexgrid.scss */
.flex-container {
  display: flex;
  flex-flow: row wrap; }
  /* line 10, sass/flex/_cmnflexgrid.scss */
  .flex-container.ai-start {
    align-items: flex-start; }
  /* line 15, sass/flex/_cmnflexgrid.scss */
  .flex-container.ai-center {
    align-items: center; }
  /* line 20, sass/flex/_cmnflexgrid.scss */
  .flex-container.ai-end {
    align-items: flex-end; }
  /* line 26, sass/flex/_cmnflexgrid.scss */
  .flex-container.jc-center {
    justify-content: center; }
  /* line 31, sass/flex/_cmnflexgrid.scss */
  .flex-container.jc-end {
    justify-content: end; }
  /* line 36, sass/flex/_cmnflexgrid.scss */
  .flex-container.jc-between {
    justify-content: space-between; }
  /* line 41, sass/flex/_cmnflexgrid.scss */
  .flex-container.jc-spaceAround {
    justify-content: space-around; }

/* line 50, sass/flex/_cmnflexgrid.scss */
.as-center {
  align-self: center; }

/* line 54, sass/flex/_cmnflexgrid.scss */
.as-end {
  align-self: flex-end; }

/* line 58, sass/flex/_cmnflexgrid.scss */
.as-stretch {
  align-self: flex-stretch; }

/* line 63, sass/flex/_cmnflexgrid.scss */
.as-start {
  align-self: flex-start; }

/* line 68, sass/flex/_cmnflexgrid.scss */
.col {
  flex: 1 1 0px;
  width: auto; }

/* FREE COLUMN
-------------------------------------------------------------------- */
/* line 13, sass/flex/_flexgrid-function.scss */
.col-48per {
  flex: 0 0 48%; }

/* line 16, sass/flex/_flexgrid-function.scss */
.col-50per {
  flex: 0 0 50%; }

/* line 21, sass/flex/_flexgrid-function.scss */
.ul_p3s2 li {
  flex: 0 0 30%; }
  @media screen and (max-width: 500px) {
    /* line 21, sass/flex/_flexgrid-function.scss */
    .ul_p3s2 li {
      flex: 0 0 48%; } }

/* line 6, sass/cmnstyle/_common.scss */
.ffG {
  font-family: Arial, Roboto, "Droid Sans", "游ゴシック体", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

/* line 7, sass/cmnstyle/_common.scss */
.ffM {
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝B", serif; }

/* line 8, sass/cmnstyle/_common.scss */
.ffMd {
  font-family: "游明朝体", YuMincho, "Yu Mincho D", "ヒラギノ明朝 ProN W6", HiraMinProN-W6, "HGS明朝B", serif; }

/* line 11, sass/cmnstyle/_common.scss */
.fwN {
  font-weight: normal !important; }

/* line 12, sass/cmnstyle/_common.scss */
.fwB {
  font-weight: bold !important; }

/* line 21, sass/cmnstyle/_common.scss */
.lh1_4 {
  line-height: 1.4; }

/* line 22, sass/cmnstyle/_common.scss */
.lh1_6 {
  line-height: 1.6; }

/* line 23, sass/cmnstyle/_common.scss */
.lh1_8 {
  line-height: 1.8; }

/* line 24, sass/cmnstyle/_common.scss */
.lh2_0 {
  line-height: 2.0; }

/* line 27, sass/cmnstyle/_common.scss */
.taL {
  text-align: left !important; }

/* line 28, sass/cmnstyle/_common.scss */
.taC {
  text-align: center !important; }

/* line 29, sass/cmnstyle/_common.scss */
.taR {
  text-align: right !important; }

/* line 30, sass/cmnstyle/_common.scss */
.taJ {
  text-align: justify !important;
  text-justify: inter-ideograph !important; }

/* line 8, sass/page/_top.scss */
.top_bn_guide {
  background-color: #F3F1ED;
  padding: 8% 5% 2%; }
  /* line 15, sass/page/_top.scss */
  .top_bn_guide .guideBox {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto 10%; }
    /* line 24, sass/page/_top.scss */
    .top_bn_guide .guideBox .pc {
      width: 86.3636363636%;
      height: auto; }
      /* line 28, sass/page/_top.scss */
      .top_bn_guide .guideBox .pc.imR {
        margin: 0 0 0 auto; }
    /* line 34, sass/page/_top.scss */
    .top_bn_guide .guideBox .buyArea {
      position: absolute;
      left: 0;
      top: 10%;
      width: 34.0909090909%;
      height: auto;
      background-color: #FFFFFF;
      padding: 6% 4% 4%;
      z-index: 1; }
      @media screen and (max-width: 500px) {
        /* line 34, sass/page/_top.scss */
        .top_bn_guide .guideBox .buyArea {
          position: relative;
          width: 88%;
          margin: -14% auto 10%;
          padding: 8%; } }
      /* line 54, sass/page/_top.scss */
      .top_bn_guide .guideBox .buyArea .btn {
        font-size: 16px;
        border-radius: 0;
        width: 100%;
        padding: 1.0em 0;
        margin-top: 5%;
        background-color: #005935;
        color: #FFF; }
        @media screen and (max-width: 1480px) {
          /* line 54, sass/page/_top.scss */
          .top_bn_guide .guideBox .buyArea .btn {
            font-size: calc(16/1430 * 100vw); } }
        @media screen and (max-width: 500px) {
          /* line 54, sass/page/_top.scss */
          .top_bn_guide .guideBox .buyArea .btn {
            font-size: 14px; } }
    /* line 75, sass/page/_top.scss */
    .top_bn_guide .guideBox a .btn {
      background: linear-gradient(to left, transparent 50%, #262626 50%) right;
      background-position-x: right;
      background-position-y: center;
      background-size: auto;
      background-size: 200%;
      transition: .5s ease-out; }
    /* line 83, sass/page/_top.scss */
    .top_bn_guide .guideBox a:hover .btn {
      background-position: left;
      color: #FFF; }

@media screen and (max-width: 500px) {
  /* line 93, sass/page/_top.scss */
  .goods-details {
    background-color: #FFF !important; } }

/* line 104, sass/page/_top.scss */
.top_product_info .ul_p3s2 {
  margin-top: 5%; }
  /* line 106, sass/page/_top.scss */
  .top_product_info .ul_p3s2 li {
    text-align: center;
    margin-bottom: 5%; }
    /* line 109, sass/page/_top.scss */
    .top_product_info .ul_p3s2 li a {
      color: #262626; }
      /* line 113, sass/page/_top.scss */
      .top_product_info .ul_p3s2 li a:hover figure figcaption {
        color: #005935; }
      /* line 119, sass/page/_top.scss */
      .top_product_info .ul_p3s2 li a:hover .image-hover {
        opacity: 1; }
    /* line 125, sass/page/_top.scss */
    .top_product_info .ul_p3s2 li figure {
      position: relative; }
      /* line 127, sass/page/_top.scss */
      .top_product_info .ul_p3s2 li figure figcaption {
        font-size: 20px;
        text-align: left;
        padding: 0.6em 0.6em 0.2em;
        line-height: 1.4;
        font-weight: bold; }
        @media screen and (max-width: 1480px) {
          /* line 127, sass/page/_top.scss */
          .top_product_info .ul_p3s2 li figure figcaption {
            font-size: calc(20/1430 * 100vw); } }
        @media screen and (max-width: 500px) {
          /* line 127, sass/page/_top.scss */
          .top_product_info .ul_p3s2 li figure figcaption {
            font-size: 15px; } }
    /* line 143, sass/page/_top.scss */
    .top_product_info .ul_p3s2 li .shousaiArea {
      padding: 0.8em; }
      /* line 146, sass/page/_top.scss */
      .top_product_info .ul_p3s2 li .shousaiArea .price {
        font-size: 16px;
        text-align: left;
        margin: 0 0 0.2em;
        font-weight: bold; }
        @media screen and (max-width: 1480px) {
          /* line 146, sass/page/_top.scss */
          .top_product_info .ul_p3s2 li .shousaiArea .price {
            font-size: calc(16/1430 * 100vw); } }
        @media screen and (max-width: 500px) {
          /* line 146, sass/page/_top.scss */
          .top_product_info .ul_p3s2 li .shousaiArea .price {
            font-size: 14px; } }
      /* line 159, sass/page/_top.scss */
      .top_product_info .ul_p3s2 li .shousaiArea .com {
        font-size: 16px;
        line-height: 1.6;
        margin: 0.8em 0 0;
        min-height: 6em; }
        @media screen and (max-width: 1480px) {
          /* line 159, sass/page/_top.scss */
          .top_product_info .ul_p3s2 li .shousaiArea .com {
            font-size: calc(16/1430 * 100vw); } }
        @media screen and (max-width: 500px) {
          /* line 159, sass/page/_top.scss */
          .top_product_info .ul_p3s2 li .shousaiArea .com {
            font-size: 13px; } }
      /* line 173, sass/page/_top.scss */
      .top_product_info .ul_p3s2 li .shousaiArea .btn {
        font-size: 16px;
        border: 1px solid #005935;
        border-radius: 0;
        width: 100%;
        padding: 1.0em 0;
        color: #005935; }
        @media screen and (max-width: 1480px) {
          /* line 173, sass/page/_top.scss */
          .top_product_info .ul_p3s2 li .shousaiArea .btn {
            font-size: calc(16/1430 * 100vw); } }
        @media screen and (max-width: 500px) {
          /* line 173, sass/page/_top.scss */
          .top_product_info .ul_p3s2 li .shousaiArea .btn {
            font-size: 14px;
            padding: 0.8em 0; } }
    /* line 193, sass/page/_top.scss */
    .top_product_info .ul_p3s2 li a .btn {
      background: linear-gradient(to left, transparent 50%, #005935 50%) right;
      background-position-x: right;
      background-position-y: center;
      background-size: auto;
      background-size: 200%;
      transition: .5s ease-out; }
    /* line 201, sass/page/_top.scss */
    .top_product_info .ul_p3s2 li a:hover .btn {
      background-position: left;
      color: #FFF; }

/* line 213, sass/page/_top.scss */
.news {
  display: block !important; }

/* line 216, sass/page/_top.scss */
.left-news {
  margin-bottom: 5%; }

/* line 219, sass/page/_top.scss */
.right-news {
  margin-left: 0 !important;
  margin-bottom: 10%; }
  /* line 224, sass/page/_top.scss */
  .right-news .title a {
    line-height: 1.6 !important;
    font-size: 15px; }

@media screen and (max-width: 500px) {
  /* line 231, sass/page/_top.scss */
  .main-details .goods-details .news .right-news {
    margin-bottom: 10%; } }

/* line 238, sass/page/_top.scss */
.main-details .goods-details .news .left-news h2,
.sns-follow .follow-title h2 {
  color: #005935; }

/*# sourceMappingURL=top.css.map */