header #key {
  height: 930px;
  min-height: 930px;
  background: url(../img/wine/key.jpg) no-repeat center top;
  background-size: cover; }
header .txt {
  position: absolute;
  top: 418px;
  right: calc(50% - 251px); }

#sec1 {
  padding-bottom: 99px; }
  #sec1 .box {
    margin-left: 334px; }
  #sec1 .wrap {
    position: relative; }
    #sec1 .wrap:before {
      position: absolute;
      content: "";
      background: url(../img/wine/sec1_deco1.png) no-repeat;
      width: 196px;
      height: 299px;
      left: -6px;
      top: 0;
      z-index: -1; }
    #sec1 .wrap:after {
      position: absolute;
      content: "";
      background: url(../img/wine/sec1_deco2.png) no-repeat;
      width: 224px;
      height: 213px;
      bottom: 0;
      right: -224px;
      z-index: -1; }
  #sec1:before {
    position: absolute;
    content: "";
    background: url(../img/shared/pt3.jpg) repeat;
    top: 0;
    height: 514px;
    width: 303px;
    right: calc(50% + 598px);
    z-index: -1; }
  #sec1 .pt {
    position: absolute;
    top: 304px;
    left: -216px; }
  #sec1 h2 {
    margin-bottom: 62px; }
  #sec1 .txt {
    width: 512px;
    float: right; }

#sec2 {
  background: url(../img/wine/sec2_bg.png) no-repeat center bottom, url(../img/shared/bg02.jpg) repeat center top;
  background-size: 100%, auto;
  color: #fff;
  padding-bottom: 74px; }
  #sec2 h2 {
    margin-bottom: 39px; }
  #sec2 .txt {
    width: 543px; }
  #sec2 .pt {
    position: absolute;
    right: -2px;
    top: 70px; }
  #sec2 .top_area {
    padding-bottom: 53px; }
  #sec2 .line {
    text-align: center;
    position: relative;
    line-height: 1;
    margin-left: -118px; }
  #sec2 .bx-wrapper {
    position: relative; }
    #sec2 .bx-wrapper .inner {
      margin-top: 145px;
      margin-bottom: 64px;
      width: 592px;
      height: 398px;
      border: 1px dotted #fff;
      margin-left: calc(50% - 337px);
      padding: 13px 0 0 14px;
      box-sizing: border-box; }
      #sec2 .bx-wrapper .inner .box {
        width: 565px;
        height: 372px;
        background: url(../img/wine/sec2_box_bg.jpg) no-repeat center top, url(../img/shared/bg.jpg) repeat center top;
        box-sizing: border-box;
        padding: 70px 0 0 82px;
        color: #000; }
        #sec2 .bx-wrapper .inner .box dl {
          font-weight: bold;
          line-height: 30px;
          margin-bottom: 25px; }
          #sec2 .bx-wrapper .inner .box dl dt {
            font-size: 25px;
            margin-bottom: 10px; }
          #sec2 .bx-wrapper .inner .box dl dd {
            font-size: 20px;
            color: #8d0404; }
        #sec2 .bx-wrapper .inner .box h3 {
          margin-bottom: 24px;
          font-weight: bold; }
        #sec2 .bx-wrapper .inner .box .txt {
          width: 377px; }
    #sec2 .bx-wrapper .item3 .box dl dt, #sec2 .bx-wrapper .item5 .box dl dt {
      font-size: 20px; }
    #sec2 .bx-wrapper .pt_w {
      position: absolute;
      top: 0;
      left: calc(50% + 177px); }
    #sec2 .bx-wrapper .bx-controls-direction {
      left: 31px;
      right: 31px;
      width: auto; }
      #sec2 .bx-wrapper .bx-controls-direction a {
        height: 50px;
        width: 50px; }
      #sec2 .bx-wrapper .bx-controls-direction .bx-prev {
        position: absolute;
        top: 0;
        left: 0;
        background: url(../img/shared/wpre_ic.png) no-repeat center top;
        background-size: 100%; }
        #sec2 .bx-wrapper .bx-controls-direction .bx-prev:after {
          display: none; }
      #sec2 .bx-wrapper .bx-controls-direction .bx-next {
        position: absolute;
        top: 0;
        right: 0;
        background: url(../img/shared/wnext_ic.png) no-repeat center top;
        background-size: 100%; }
        #sec2 .bx-wrapper .bx-controls-direction .bx-next:after {
          display: none; }
  #sec2 .bx-wrapper .bx-pager.bx-default-pager a {
    background: transparent; }
  #sec2 .bx-wrapper .bx-pager.bx-default-pager a:hover, #sec2 .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff; }

#sec3 {
  padding-bottom: 130px; }
  #sec3 h2 {
    text-align: center;
    margin-bottom: 53px; }
  #sec3 .txt1 {
    width: 698px;
    text-align: center;
    margin: 0 auto 76px; }
    #sec3 .txt1 p {
      margin-bottom: 25px; }
      #sec3 .txt1 p:last-child {
        margin-bottom: 0; }
  #sec3 .menu_area .pt {
    margin-left: -82px; }
  #sec3 .menu_area .up_list {
    position: relative; }
  #sec3 .menu_area .box {
    position: relative;
    padding-left: 32px;
    box-sizing: border-box;
    display: inline-block; }
    #sec3 .menu_area .box:before {
      position: absolute;
      content: "";
      bottom: 0;
      left: 0;
      background: #000;
      width: 1px; }
    #sec3 .menu_area .box:after {
      position: absolute;
      content: "";
      bottom: 0;
      right: 0;
      background: #000;
      width: 1px; }
    #sec3 .menu_area .box.box1 {
      width: 342px;
      margin-left: 33px;
      padding-bottom: 51px;
      vertical-align: bottom; }
      #sec3 .menu_area .box.box1:before {
        height: 161px; }
      #sec3 .menu_area .box.box1:after {
        height: 209px; }
    #sec3 .menu_area .box.box2 {
      width: 340px;
      padding-bottom: 24px;
      position: absolute;
      bottom: 0;
      right: 144px; }
      #sec3 .menu_area .box.box2:before {
        height: 232px; }
      #sec3 .menu_area .box.box2:after {
        height: 186px; }
      #sec3 .menu_area .box.box2 .txt {
        width: 287px; }
    #sec3 .menu_area .box.box3 {
      width: 339px;
      padding-top: 29px;
      margin-left: -27px; }
      #sec3 .menu_area .box.box3:before {
        height: 167px;
        top: 0;
        bottom: auto; }
      #sec3 .menu_area .box.box3:after {
        height: 272px;
        top: 0;
        bottom: auto; }
    #sec3 .menu_area .box.box4 {
      width: 337px;
      padding-top: 29px;
      position: absolute;
      left: calc(50% - 168px); }
      #sec3 .menu_area .box.box4:before {
        height: 202px;
        top: 0;
        bottom: auto; }
      #sec3 .menu_area .box.box4:after {
        height: 244px;
        top: 0;
        bottom: auto; }
    #sec3 .menu_area .box.box5 {
      width: 335px;
      padding-top: 29px;
      position: absolute;
      right: -24px; }
      #sec3 .menu_area .box.box5 dl dt {
        font-size: 16px; }
      #sec3 .menu_area .box.box5:before {
        height: 202px;
        top: 0;
        bottom: auto; }
      #sec3 .menu_area .box.box5:after {
        height: 244px;
        top: 0;
        bottom: auto; }
    #sec3 .menu_area .box dl {
      font-weight: bold;
      line-height: 30px;
      margin-bottom: 25px; }
      #sec3 .menu_area .box dl dt {
        font-size: 25px;
        margin-bottom: 10px; }
      #sec3 .menu_area .box dl dd {
        font-size: 20px;
        color: #8d0404; }
    #sec3 .menu_area .box h3 {
      font-weight: bold;
      margin-bottom: 20px; }
    #sec3 .menu_area .box .txt {
      width: 294px; }

#sec4 {
  padding-bottom: 113px; }
  #sec4 .block1 {
    padding-bottom: 71px;
    position: relative; }
    #sec4 .block1:after {
      content: "";
      position: absolute;
      top: 0;
      height: 718px;
      width: calc(50% + 668px);
      right: 0;
      background: url(../img/shared/s1_bg.jpg) repeat center top;
      z-index: -1; }
    #sec4 .block1:before {
      content: "";
      position: absolute;
      top: 375px;
      height: 523px;
      width: calc(50% - 529px);
      left: 0;
      background: url(../img/shared/pt3.jpg) repeat center top;
      z-index: -1; }
    #sec4 .block1 h2 {
      margin-bottom: 41px; }
    #sec4 .block1 .txt1 {
      width: 438px;
      margin-bottom: 53px; }
    #sec4 .block1 .btn {
      margin-left: 4px; }
    #sec4 .block1 .decor {
      position: absolute;
      top: 0;
      left: calc(50% - 144px); }
    #sec4 .block1 .pt {
      position: absolute;
      top: 0;
      left: calc(50% - 34px); }
  #sec4 .block2 .wrap {
    position: relative; }
    #sec4 .block2 .wrap:after {
      content: "";
      position: absolute;
      width: 413px;
      height: 709px;
      top: 0;
      right: -413px;
      background: url(../img/wine/sec4_decor2.png) no-repeat; }
  #sec4 .block2 h3 {
    margin-bottom: 24px; }
  #sec4 .block2 .txt2 {
    width: 758px;
    text-align: center;
    margin: 0 auto 73px; }
  #sec4 .block2 h4 {
    margin: auto;
    text-align: center; }
  #sec4 .block2 .price1 {
    font-size: 23px;
    color: #8d0404;
    font-weight: bold;
    text-align: center; }
  #sec4 .block2 .toggle {
    position: relative;
    padding-top: 70px;
    margin-top: 70px; }
    #sec4 .block2 .toggle:before {
      content: "";
      position: absolute;
      left: -79px;
      right: -79px;
      top: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.05);
      border-radius: 20px; }
    #sec4 .block2 .toggle:after {
      content: "";
      position: absolute;
      left: -7px;
      width: 117px;
      height: 197px;
      top: -197px;
      background: url(../img/wine/sec4_decor3.png) no-repeat center top;
      border-radius: 20px; }
    #sec4 .block2 .toggle.active .toggle-link:after {
      background: url(../img/menu/arrow_up.png) no-repeat center top; }
    #sec4 .block2 .toggle .toggle-link {
      text-align: center;
      padding-bottom: 47px;
      position: relative; }
      #sec4 .block2 .toggle .toggle-link:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        content: '';
        background: url(../img/menu/arrow_down.png) no-repeat center top;
        transform: translateX(-50%);
        width: 44px;
        height: 26px; }
    #sec4 .block2 .toggle .toggle-main {
      padding-top: 65px;
      padding-bottom: 56px; }
      #sec4 .block2 .toggle .toggle-main dl {
        border-bottom: 1px dashed rgba(0, 0, 0, 0.4);
        padding: 0 12px 18px 7px;
        margin-bottom: 18px; }
        #sec4 .block2 .toggle .toggle-main dl:after {
          content: "" !important;
          clear: both !important;
          display: block !important;
          height: 0 !important;
          visibility: hidden !important; }
        #sec4 .block2 .toggle .toggle-main dl dt {
          float: left; }
        #sec4 .block2 .toggle .toggle-main dl dd {
          float: right;
          color: #910707; }
      #sec4 .block2 .toggle .toggle-main .left-side {
        width: 467px;
        float: left; }
      #sec4 .block2 .toggle .toggle-main .right-side {
        width: 474px;
        float: right; }
      #sec4 .block2 .toggle .toggle-main .menu_list {
        margin-bottom: 67px; }
      #sec4 .block2 .toggle .toggle-main .note {
        text-align: center; }

#sec5 .block1 {
  background: url(../img/wine/sec5_bg1.png) no-repeat right top, url(../img/shared/bg02.jpg) repeat center top;
  padding: 136px 0 119px;
  color: #fff;
  margin-bottom: 93px; }
  #sec5 .block1 h2 {
    margin-bottom: 44px;
    float: right;
    margin-right: -33px;
    display: block; }
  #sec5 .block1 .txt1 {
    width: 504px;
    float: right;
    margin-right: -6px;
    display: block; }
  #sec5 .block1 .pt {
    position: absolute;
    left: -181px;
    top: 0; }
#sec5 .block2 {
  padding-bottom: 50px; }
  #sec5 .block2 .toggle.active .toggle-link:after {
    background: url(../img/menu/arrow_up.png) no-repeat center top; }
  #sec5 .block2 .toggle .toggle-link {
    text-align: center;
    padding-bottom: 38px;
    position: relative; }
    #sec5 .block2 .toggle .toggle-link:after {
      position: absolute;
      bottom: 0;
      left: 50%;
      content: '';
      background: url(../img/menu/arrow_down.png) no-repeat center top;
      transform: translateX(-50%);
      width: 56px;
      height: 36px; }
  #sec5 .block2 .toggle .toggle-main {
    padding-top: 43px; }
    #sec5 .block2 .toggle .toggle-main .group {
      display: flex;
      justify-content: space-between; }
      #sec5 .block2 .toggle .toggle-main .group .box {
        width: 469px; }
        #sec5 .block2 .toggle .toggle-main .group .box h3 {
          background: url(../img/menu/bg-tg.jpg) repeat center top;
          line-height: 54px;
          font-weight: bold;
          color: #fff;
          font-size: 20px;
          letter-spacing: 3px;
          text-align: center; }
        #sec5 .block2 .toggle .toggle-main .group .box .list {
          margin-bottom: 50px; }
          #sec5 .block2 .toggle .toggle-main .group .box .list dl {
            padding: 14px 12px 14px 6px;
            line-height: 28px;
            border-bottom: 1px dashed rgba(0, 0, 0, 0.3); }
            #sec5 .block2 .toggle .toggle-main .group .box .list dl:after {
              content: "." !important;
              clear: both !important;
              display: block !important;
              height: 0 !important;
              visibility: hidden !important; }
            #sec5 .block2 .toggle .toggle-main .group .box .list dl dt {
              float: left; }
            #sec5 .block2 .toggle .toggle-main .group .box .list dl dd {
              float: right;
              color: #910707; }
  #sec5 .block2 .toggle .note {
    padding-top: 7px;
    text-align: center; }