/* CSS Document */
#sec1 {
  border: 51px solid transparent;
  padding: 15px;
  border-image: url(../img/concept/s1_bg.png) 80 round;
  color: #fff;
  position: relative;
  -moz-border-image: url(../img/concept/s1_bg.png) 80 round;
  /* Old firefox */
  -webkit-border-image: url(../img/concept/s1_bg.png) 80 round;
  /* Safari */
  -o-border-image: url(../img/concept/s1_bg.png) 80 round;
  /* Opera */ }
  #sec1:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../img/concept/s1_bg2.jpg") no-repeat center/cover; }
  #sec1 h2 {
    padding-top: 9%;
    position: relative;
    z-index: 2; }
  #sec1 .toggle {
    z-index: 1;
    position: relative;
    padding-bottom: 10%; }
    #sec1 .toggle.active .toggle-link:after {
      content: '\e82c'; }
    #sec1 .toggle .toggle-link {
      text-align: center;
      font-weight: bold; }
      #sec1 .toggle .toggle-link:after {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        position: absolute;
        line-height: 20px;
        top: 50%;
        right: 4%;
        margin-top: -10px;
        content: '\e829';
        font-size: 13px;
        color: #fff;
        position: static !important;
        margin: 0;
        margin-left: 10px; }
  #sec1 .txt {
    padding: 0 0% 14%;
    font-size: 12px;
    position: relative;
    z-index: 2; }

#sec2 {
  background: url("../img/concept/s2_bg.jpg") no-repeat center bottom/cover;
  padding-top: 1px;
  padding-bottom: 15%; }
  #sec2 h2 {
    width: 47%;
    margin-left: auto;
    margin-top: -19%;
    position: relative;
    z-index: 1; }
  #sec2 .box_map {
    position: relative; }
    #sec2 .box_map .img {
      margin-top: -30%; }
    #sec2 .box_map .btn1 {
      position: absolute;
      width: 25%;
      top: 15%;
      left: 5%; }
    #sec2 .box_map .btn2 {
      position: absolute;
      width: 25%;
      top: 6%;
      left: 37%; }
    #sec2 .box_map .btn3 {
      position: absolute;
      width: 25%;
      top: 33%;
      left: 46%;
      transform: translateX(-50%); }
    #sec2 .box_map .btn4 {
      position: absolute;
      width: 25%;
      top: 44%;
      right: 3%; }
    #sec2 .box_map .btn5 {
      position: absolute;
      width: 25%;
      bottom: 22%;
      right: 52%; }
  #sec2 .lst_box {
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    padding-top: 17%; }
    #sec2 .lst_box .col_l, #sec2 .lst_box .col_r {
      width: 42%;
      position: relative;
      background: rgba(48, 22, 9, 0.7);
      padding: 5% 3% 5%;
      border-radius: 15px; }
      #sec2 .lst_box .col_l .tit, #sec2 .lst_box .col_r .tit {
        position: absolute;
        top: -45%;
        left: 50%;
        transform: translateX(-50%);
        width: 50%;
        text-align: center; }
      #sec2 .lst_box .col_l ul li, #sec2 .lst_box .col_r ul li {
        padding-bottom: 5%; }
        #sec2 .lst_box .col_l ul li:last-child, #sec2 .lst_box .col_r ul li:last-child {
          padding-bottom: 0; }

#basque .set1 {
  padding-top: 10%;
  position: relative;
  padding-bottom: 11%; }
  #basque .set1:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 8%;
    left: 0;
    right: 0;
    background: #530000; }
  #basque .set1 h2 {
    width: 90%;
    margin-left: auto;
    position: relative;
    z-index: 1; }
  #basque .set1 .note {
    position: relative;
    z-index: 1;
    color: #fff; }
  #basque .set1 .img {
    position: relative;
    z-index: 1;
    padding-top: 5%; }
  #basque .set1 .pop1 {
    position: absolute;
    top: 47%;
    right: 5%; }
  #basque .set1 .pop {
    margin-top: -22%;
    padding-left: 3%; }
  #basque .set1 .btn-popup {
    color: #fff;
    position: relative;
    z-index: 1;
    font-weight: bold;
    font-size: 4vw;
    line-height: 1.5; }
#basque .set2 {
  background: url("../img/index/about_bg.jpg") repeat;
  margin-top: -10%;
  padding-bottom: 15%; }
  #basque .set2 .blk1 {
    position: relative;
    padding-top: 31%;
    padding-bottom: 24%; }
    #basque .set2 .blk1 .img {
      position: absolute;
      top: 20%;
      left: 0; }
    #basque .set2 .blk1 .pop {
      margin-left: auto;
      width: 40%;
      font-weight: bold;
      font-size: 4.5vw;
      position: relative;
      z-index: 2; }
  #basque .set2 .blk2 {
    position: relative;
    padding-top: 10%;
    padding-bottom: 33%; }
    #basque .set2 .blk2 .img {
      position: absolute;
      top: -14%;
      left: 0; }
    #basque .set2 .blk2 .pop {
      font-weight: bold;
      font-size: 5vw;
      position: relative;
      z-index: 2;
      padding-left: 5%; }
  #basque .set2 .blk3 .box {
    position: relative;
    margin-top: -13%;
    padding-bottom: 20%; }
    #basque .set2 .blk3 .box .deco {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%; }
    #basque .set2 .blk3 .box dl {
      color: #fff;
      position: relative;
      z-index: 1; }
      #basque .set2 .blk3 .box dl dt {
        text-align: center;
        font-weight: bold;
        font-size: 6vw;
        padding-top: 15%; }
        #basque .set2 .blk3 .box dl dt span {
          font-size: 4vw;
          color: #fff224; }
      #basque .set2 .blk3 .box dl dd {
        font-size: 3.8vw;
        padding: 0 9%;
        line-height: 1.5; }
  #basque .set2 .blk3 .tit {
    margin-top: -5%; }
  #basque .set2 .blk3 .bnr {
    margin-top: 5%; }
    #basque .set2 .blk3 .bnr a .icon-cart {
      background: url(../img/shared/icon_cart.png) no-repeat left;
      padding: 10px 0 10px 64px;
      margin-left: -41px; }

#valencia {
  background: url("../img/index/about_bg.jpg") repeat;
  padding-bottom: 15%; }
  #valencia .box {
    position: relative;
    margin-top: -13%;
    padding-bottom: 15%; }
    #valencia .box .deco {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%; }
    #valencia .box dl {
      padding-top: 35%;
      position: relative;
      z-index: 1; }
      #valencia .box dl dt {
        text-align: center;
        font-size: 6vw;
        font-weight: bold; }
      #valencia .box dl dd {
        padding: 4% 13%;
        font-size: 4vw;
        line-height: 1.7; }
  #valencia .bnr {
    margin-top: 5%; }
    #valencia .bnr a .icon-cart {
      background: url(../img/shared/icon_cart.png) no-repeat left;
      padding: 10px 0 10px 64px;
      margin-left: -41px; }

#madrid {
  background: url("../img/index/about_bg.jpg") repeat;
  padding-bottom: 20%; }
  #madrid .box {
    position: relative;
    margin-top: -10%;
    padding-top: 15%;
    padding-bottom: 15%; }
    #madrid .box .deco {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      width: 100%; }
    #madrid .box dl {
      position: relative;
      z-index: 1;
      color: #fff; }
      #madrid .box dl dt {
        font-size: 5.5vw;
        line-height: 1.5; }
        #madrid .box dl dt span {
          color: #fff224; }
      #madrid .box dl dd {
        padding: 3% 14% 0;
        font-size: 4vw;
        letter-spacing: -0.01em;
        line-height: 1.5; }
  #madrid .pop {
    position: relative; }
    #madrid .pop .popbtn {
      font-weight: bold;
      text-align: right;
      font-size: 20px;
      margin-right: 22%;
      margin-top: -14%;
      position: relative;
      z-index: 1; }
  #madrid .bnr {
    margin-top: 10%; }
    #madrid .bnr a .icon-cart {
      background: url(../img/shared/icon_cart.png) no-repeat left;
      padding: 10px 0 10px 64px;
      margin-left: -41px; }

#galicia {
  position: relative;
  padding-top: 5%;
  padding-bottom: 18%;
  color: #fff; }
  #galicia:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    background: #530000; }
  #galicia:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: url("../img/shared/line.jpg") repeat;
    height: 10px; }
  #galicia .img {
    position: relative;
    z-index: 1; }
  #galicia .box {
    position: relative;
    z-index: 1;
    margin-top: -15%;
    padding-bottom: 7%; }
    #galicia .box .deco {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 85%;
      margin: 0 auto; }
    #galicia .box dl {
      position: relative;
      z-index: 1;
      padding-top: 26%; }
      #galicia .box dl dt {
        font-size: 6vw;
        font-weight: bold;
        text-align: center; }
      #galicia .box dl dd {
        font-size: 4vw;
        padding: 3% 16% 0;
        line-height: 1.8; }
  #galicia .pop {
    padding-top: 3%; }
    #galicia .pop .popbtn {
      text-align: right;
      font-weight: bold;
      font-size: 4.5vw;
      margin-top: -15%;
      margin-right: 3%;
      position: relative;
      z-index: 1; }

#adalusia {
  background: url("../img/index/about_bg.jpg") repeat;
  position: relative;
  padding-top: 15%;
  padding-bottom: 20%; }
  #adalusia:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: url("../img/shared/line.jpg") repeat;
    height: 10px; }
  #adalusia .set1 {
    padding-bottom: 5%; }
    #adalusia .set1 .pop {
      position: relative; }
      #adalusia .set1 .pop .popbtn {
        position: absolute;
        top: 54%;
        left: 2%;
        font-weight: bold;
        font-size: 5vw; }
  #adalusia .set2 {
    padding-bottom: 10%; }
    #adalusia .set2 .pop {
      position: relative; }
      #adalusia .set2 .pop .popbtn {
        position: absolute;
        top: 30%;
        right: 2%;
        font-weight: bold;
        font-size: 5vw;
        line-height: 1.5; }
  #adalusia .bnr a .icon-cart {
    background: url(../img/shared/icon_cart.png) no-repeat left;
    padding: 10px 0 10px 64px;
    margin-left: -41px; }

#spain {
  color: #fff;
  background: url("../img/shared/bg5.jpg") repeat;
  padding-top: 10%;
  position: relative; }
  #spain:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: url("../img/shared/line.jpg") repeat;
    height: 10px; }
  #spain .set1 {
    position: relative;
    padding-bottom: 5%; }
    #spain .set1 .pop {
      position: relative; }
      #spain .set1 .pop .popbtn {
        position: absolute;
        top: 50%;
        right: 0;
        font-weight: bold;
        font-size: 4.5vw; }
  #spain .set2 {
    position: relative;
    padding-bottom: 5%; }
    #spain .set2 .pop {
      position: relative; }
      #spain .set2 .pop .popbtn {
        position: absolute;
        top: 57%;
        left: 3%;
        font-weight: bold;
        font-size: 4.5vw; }
  #spain .set3 {
    position: relative;
    padding-bottom: 15%; }
    #spain .set3 .pop {
      position: relative; }
      #spain .set3 .pop .popbtn {
        position: absolute;
        top: 57%;
        right: 7%;
        font-weight: bold;
        font-size: 4.5vw; }
  #spain .bnr {
    margin-top: 10%; }
    #spain .bnr a .icon-cart {
      background: url(../img/shared/icon_cart.png) no-repeat left;
      padding: 10px 0 10px 64px;
      margin-left: -41px; }

#drink {
  background: url("../img/shared/bg2.jpg") repeat; }
  #drink .note {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.5;
    color: #fff; }
  #drink .tit {
    width: 90%;
    margin: 0 auto; }
  #drink .slider {
    padding-top: 10%; }
    #drink .slider .slick-dots li {
      margin: 0 15px; }
      #drink .slider .slick-dots li.slick-active button {
        background: #000;
        border: 2px solid #f1d700; }
      #drink .slider .slick-dots li button {
        width: 15px;
        height: 15px;
        background: #d4c650;
        border-radius: 50%; }
  #drink .txt {
    color: #fff;
    padding-top: 10%; }
  #drink .deco {
    margin-top: -10%; }