@charset "UTF-8";

@font-face {
  font-family: 'Academy Engraved LET';
  src: url('../fonts/academy-engraved.ttf') format('truetype');
}

/*---------- width-display ----------*/

.pc{ display: none !important;}
.sp-pc1000{ display: block !important;}
.sp{ display: block !important;}



::selection
{
    background: #D0DEDD;
}

/* for Firefox */
::-moz-selection
{
    background: #D0DEDD;
}


* {
  margin: 0;
  padding: 0;
  list-style: none;
/*  box-sizing: border-box!important;*/
}

body{
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
/*    overflow-x: hidden;*/
    }

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}


main{
    max-width: 100%;
    background-color: #e6fffc;
/*    background-color: #fafafa;*/
}

.fv{
    
    background: url("../images/fv.jpg");
    background-position: center center;
    background-size: cover;
    height: 552px;
    width: 100%;
    padding: 0;
    background-color: #e6fffc;
    /* margin-top: 63px; */
}

.model{
    display: block;
    padding: 60px 30px;
    background: url("../images/bg.jpg");
        background-color: #fafafa;
  background-position: left top, right top;
    background-size: contain;
  background-repeat: repeat;
    position: relative;
}


.summary,
.group3{
  position: relative;
}
.summary:after,
.group3:after{
  content: url("../images/bg_green.png");
  mix-blend-mode: multiply;
  display: block;
  width: 240px;
  height: 480px;
  position: absolute;
  bottom: -320px;
  right: -180px;
  transform: rotate(-60deg);
  z-index: 2;
  opacity: 0.2;
}

.group3:after{
  bottom: -400px;
  left: -60px;
  transform: rotate(30deg);
}
/*------ inview ---------*/
.inview1,.inview2,.inview3,.inview4{
    opacity: 0; 
    transition-duration: 2s; 
    transform: translate(0,10px);
    -webkit-transform: translate(0,10px);
    }

.inview1{transition-delay: .25s;}
.inview2{transition-delay: .50s;}
.inview3{transition-delay: .75s;}
.inview4{transition-delay: 1.0s;}

.visible-left,
.visible-right,
.inview-top,
.inview-bottom{
    opacity: 0; 
    transition-duration: 2s; 
    transition-delay: 1s;
    }

.inview-left{
    transform: translate(-60px,0);
    -webkit-transform: translate(-60px,0);
    }

.inview-right{
    transform: translate(60px,0);
    -webkit-transform: translate(60px,0);
    }

.inview-top{
    transform: translate(0,-30px);
    -webkit-transform: translate(0,-30px);
    }

.inview-bottom{
    transform: translate(0,30px);
    -webkit-transform: translate(0,30px);
    }

.visible1,
.visible2,
.visible3,
.visible4,
.visible-left,
.visible-right,
.visible-top,
.visible-bottom{
    opacity: 1.0;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    }


/*------------------------------*/

.rules-outer {
  border: 2px solid #A77958;
  padding: 5px;
  position: relative;
  z-index: 1;
  background: #fff;
  max-width: 570px;
  margin: 0 auto;
  z-index: 3;
}
 
.rules-inner {
  border: 1px solid #A77958;
  padding: 1.5em;
  position: relative;
}
.rules-inner p{
    font-size: 14px;
    line-height: 1.8;
    color: #505050;
    
}
 
.rules-outer::before,
.rules-outer::after,
.rules-inner::before,
.rules-inner::after {
  background: #fefefe;
  border: 2px solid #A77958;
  border-radius: 50%;
  box-sizing: border-box;
  content: '';
  display: block;
  height: 40px;
  position: absolute;
  width: 40px;
  z-index: 1;
}
 
.rules-outer::before{
  top: -20px;
  left: -20px;
  clip: rect(18px, auto, auto, 18px);
}
 
.rules-outer::after {
  top: -20px;
  right: -20px;
  clip: rect(18px, 22px, auto, auto);
}
 
.rules-inner::before {
  bottom: -25px;
  left: -25px;
  clip: rect(auto, auto,23px,17px);
}
 
.rules-inner::after {
  bottom: -25px;
  right: -25px;
  clip: rect(auto, 23px, 23px, auto);
}


.summary{
    padding: 30px 0;
}

.summary li{
    width: 100%;
    padding: 30px 0;
    max-width: 600px;
    margin:  0 auto;
}

.summary li h3{
    font-size: 72px;
    font-family: 'Academy Engraved LET';
    /*    -webkit-font-smoothing:antialiased;*/
    font-weight: 400;
    color: #e89799;
    text-align: center;
    line-height: 1;
    margin-bottom: 20px;
    text-indent: 0.25em;
}

.summary li img{
    width: 100%;
}

.summary li p{
   font-size: 12px;
    line-height: 1.8;
    margin-top: 1em;
    text-align: left;
}

.summary li a.anchor-arrow{
   width: 24px;
   height: 24px;
   border-left: solid 2px #e89799;
   border-bottom: solid 2px #e89799;
   transform: rotate(-45deg);
   display: block;
   margin: 15px auto 0;
}


.group{
    margin-bottom: 60px;
    max-width: 600px;
    margin: 0 auto 60px;
}

.group-title{
  display: inline-block;
  position: relative;
  /*  padding-bottom: 25px;*/
  border-bottom: solid 2px #e89799;
  color: #e89799;
  display: flex;
  align-items: center;
}

.group-title h3{
      font-size: 120px;
      font-family: 'Academy Engraved LET';
      /*    -webkit-font-smoothing:antialiased;*/
      font-weight: 400;
      color: #e89799;
      line-height: 120px;
      vertical-align: bottom;
}

.group-title p{
     padding-left: 1em;
     font-size: 12px;
     line-height: 1.6;
}
 
.group-title::before {
  content: "";
  position: absolute;
  /* top: 0; */
  bottom: -7px;
  /* left: -12px; */
  /* right: -12px; */
  border-bottom: solid 1px #e89799;
  z-index: 2;
  width: 100%;
  height: 1px;
}

.group-items{
    width: 100%;
    margin-bottom: 30px;
}

.group-items ul{
    display: flex;
}

.group-items li{
    text-align: center;
    width: 30%;
    margin-right: 5%;
    margin-top: 20px;
}

.group-items li:last-of-type{
    margin-right: 0;
}

.group3 .group-items li{
    text-align: center;
    width: 30%;
    margin-left: 17.5%;
    margin-right: 5%;
    margin-top: 20px;
}

.group3 .group-items li:last-of-type{
    margin-right: 17.5%;
    margin-left: 0;
}

.group-items li img{
    width: 100%;
    margin-bottom: 20px;
}

.group-items li p.ref-num{
    font-size: 16px;
    margin-bottom: 0.6em;
}

.group-items li p.price{
    font-size: 14px;
    
}

a.view-more{
    color: #fff;
    background: #e89799;
    padding: 0.7em 0 0.8em;
    display: block;
    margin: 20px 0;
    font-size: 14px;
}

a.view-more{
    color: #fff;
   background-color: #e89799;
    padding: 0.7em 0 0.8em;
    display: block;
    margin: 20px 0;
    border: solid 1px #e89799;
    font-size: 14px;
    transition: 0.3s;
    
}

a.view-more:hover{
   background-color: rgba(0,0,0,0);
   color:  #e89799;
}

.slick-slide img { width: 100%;}

div.galley-slider .choice-btn{
    width: 100%;
    margin-top: 0;
}

div.galley-slider .choice-btn .slick-track{
    width: 100%!important;
    margin-top: 20px;
}

div.galley-slider .choice-btn .slick-track,
div.galley-slider .choice-btn .slick-list{
    transform: translate3d(0, 0, 0)!important;
}

div.galley-slider .choice-btn li{
    width: calc(25% - 7.5px)!important;
    aspect-ratio: 3 / 2;
    margin-right: 10px;
    margin-bottom: 10px;
}

div.galley-slider .choice-btn li img{
    aspect-ratio: 3 / 2;
}

div.galley-slider .choice-btn li.slick-current{
  width: 100%;
/*  background: #e89799;*/
}
div.galley-slider .choice-btn li.slick-current img{
/*  padding: 2px;*/
    border: solid 2px #e89799;
}

div.galley-slider .choice-btn li img{margin-bottom: 0;}



div.galley-slider .choice-btn li:nth-of-type(4n){
    margin-right: 0;
}


a:has(.link-all-products){z-index: 3;position: relative;}

.link-all-products{
    margin: 120px auto;
    max-width: 600px;
}

.link-all-products .bg-cork{
    background: url("../images/bg_cork.png");
    background-position: center center;
    background-size: cover;
    color: #fff;
    font-size: 14px;
    line-height: 1.8em;
    padding: 20px 30px;
}

.link-all-products .bg-img{
    position: relative;
    background: url("../images/bg_all-products.png");
    background-position: center center;
    background-size: cover;
    height: 200px;
    width: 100%;
    padding: 0;
    background-color: #f9e4df;
    /* margin-top: 63px; */
}

.link-all-products .bg-img p{
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #505050;
    width: 140px;
    padding-bottom: 10px;
    padding-left: 10px;
    /* position: relative; */
    display: inline-block;
}

.link-all-products .bg-img p::before{
    content: '';
    position: absolute;
    bottom: 0;
    left:0;
    width: 100%;
    height: 1px;
    background:#000;
    transition: all .3s;
}

.link-all-products .bg-img p::after{
    content: '';
    position: absolute;
    bottom: 5px;
    right:0;
    width: 12px;
    height:1px;
    background:#000;
    transform: rotate(45deg);
    transition: all .3s;
}


@media screen and (min-width: 500px), print {
    
.group-title p{
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
}
    
}
    
@media screen and (min-width: 660px), print {
    
.model{
    padding-top: 90px;
    padding-bottom: 90px;
}

.summary{
    padding-top: 50px;
    padding-bottom: 50px;
}
    
.summary li{
    padding-top: 60px;
    padding-bottom: 60px;
}
   
.group {
    margin: 0 auto 90px;
}   
    
/*.group1 .group-title p{letter-spacing: -0.01em;}*/

}