@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src:url(../../font/NotoSansCJKjp-Medium.otf) format('opentype'),
    url(../../font/NotoSansCJKjp-Medium.ttf) format('truetype'),
    url(../../font/NotoSansCJKjp-Medium.woff) format('woff');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src:url(../../font/NotoSerifJP-Regular.otf) format('opentype'),
    url(../../font/NotoSerifJP-Regular.ttf) format('truetype'),
    url(../../font/NotoSerifJP-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 500;
  src:url(../../font/NotoSerifJP-Medium.otf) format('opentype'),
    url(../../font/NotoSerifJP-Medium.ttf) format('truetype'),
    url(../../font/NotoSerifJP-Medium.woff) format('woff');
}
body{
  font-family: "Noto Serif Japanese", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 500;
  line-height: 1.5;/*android用*/
  -webkit-text-size-adjust: 100%;
  background-color: #C9C9BD;
}
body.open{
  height: 100%;
  overflow: hidden;
}
a{
  text-decoration: none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:focus{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  outline: 0;
}
img{max-width: 100%;}
.yyk_wrap{
  max-width: 1302px;
  margin: auto;
  padding: 0 16px;
}



.yyk_header{
  margin-bottom: 136px;
  padding-top: 56px;
}
.yyk_header .yyk_wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.yyk_header .yyk_wrap div:first-of-type{
  display: flex;
  align-items: center;
}
.yyk_header .yyk_wrap div p{
  margin-left: 56px;
  letter-spacing: 0.05em;
  color: #231815;
}
.yyk_header .yyk_wrap div:nth-of-type(2){margin-right: 72px;}
.yyk_header .yyk_wrap div:nth-of-type(2) a{
  display: inline-block;
  line-height: 1;
  padding: 10px;
  color: #231815;
  transition: all 0.2s linear;
}
.yyk_header .yyk_wrap div:nth-of-type(2) a img{margin-right: 8px;}
.yyk_header .yyk_wrap div:nth-of-type(3){display: none;}



.yyk_catch{
  margin-bottom: 32px;
  margin-left: 72px;
  font-size: 2.75rem;
  color: #444444;
  opacity: 0;
  transform: translateX(-72px);
  transition: all 0.4s ease-out;
}
.yyk_catch.active{
  opacity: 1;
  transform: translateX(0);
}
.yyk_keyvisual{
  min-width: 1270px;
  max-width: 100%;
  width: 1270px;
  height: 630px;
  text-align: center;
  margin: 0 auto 64px;
  transition: all 0.4s ease-out;
}
.yyk_keyvisual.active{width: 100%;}
.yyk_keyvisual img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}



.yyk_about{
  position: relative;
  margin-bottom: 120px;
  text-align: center;
  overflow: hidden;
}
.yyk_about h2{
  position: relative;
  margin-bottom: 24px;
  padding-top: 24px;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 3rem;
  color: #231815;
  background: url(../img/logotype.svg) center top no-repeat;
  z-index: 1;
  opacity: 0;
  transition: all 0.4s ease-out;
}
.yyk_about h2.active{opacity: 1;}
.yyk_about h2 span{
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease-out 0.2s;
}
.yyk_about h2.active span{
  transform: translateY(0);
  opacity: 1;
}
.yyk_abouttxt01{
  position: relative;
  margin-bottom: 32px;
  line-height: 2;
  font-size: 1.375rem;
  color: #231815;
  z-index: 1;
  opacity: 0;
  transition: all 0.4s ease-out;
}
.yyk_abouttxt01 span{display: inline-block;}
.yyk_abouttxt01.active{opacity: 1;}
.yyk_abouttxt02{
  position: relative;
  line-height: 2;
  margin-bottom: 24px;
  color: #231815;
  z-index: 1;
  opacity: 0;
  transition: all 0.4s ease-out;
}
.yyk_abouttxt02.active{opacity: 1;}
.yyk_abouttxt03{
  position: relative;
  margin-bottom: 88px;
  color: #231815;
  z-index: 1;
  opacity: 0;
  transition: all 0.4s ease-out;
}
.yyk_abouttxt03 span{display: inline-block;}
.yyk_abouttxt03.active{opacity: 1;}
.yyk_wightebox{
  position: relative;
  max-width: 584px;
  margin: auto;
  padding: 24px 16px 40px;
  border-radius: 8px;
  background-color: rgba(255,255,255,0.64);
  z-index: 1;
  opacity: 0;
  transition: all 0.4s ease-out;
}
.yyk_wightebox.active{opacity: 1;}
.yyk_wightebox h3{
  margin-bottom: 20px;
  letter-spacing: 0.1em;
  font-size: 1.5rem;
  color: #231815;
}
.yyk_wightebox p{
  line-height: 1.875;
  font-weight: normal;
  color: #231815;
}
.yyk_wightebox p span{display: inline-block;}
.yyk_decoph{
  position: absolute;
  opacity: 0;
  transition: all 0.4s ease-out;
}
.yyk_ph01{
  top: 0;
  left: calc(50% - 614px);
}
.yyk_ph02{
  left: calc(50% - 420px);
  top: 330px;
}
.yyk_ph03{
  right: calc(50% - 564px);
  top: 164px;
}



.yyk_kagu{margin-bottom: 104px;}
.yyk_kagu h2{
  margin-bottom: 64px;
  padding-top: 24px;
  text-align: center;
  font-size: 3rem;
  letter-spacing: 0.1em;
  color: #231815;
  background: url(../img/logotype.svg) center top no-repeat;
  opacity: 0;
  transition: all 0.4s ease-out;
}
.yyk_kagu h2.active{opacity: 1;}
.yyk_kagu h2 span{
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease-out 0.2s;
}
.yyk_kagu h2.active span{
  transform: translateY(0);
  opacity: 1;
}
.yyk_kagudiscription{
  line-height: 2;
  margin-bottom: 80px;
  text-align: center;
  color: #231815;
  opacity: 0;
  transition: all 0.4s ease-out;
}
.yyk_kagudiscription span{display: inline-block;}
.yyk_kagudiscription.active{opacity: 1;}
.yyk_kagulist{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 36px 40px;
}
.yyk_categoryblock{
  opacity: 0;
  transition: all 0.4s ease-out;
}
.yyk_categoryblock:nth-of-type(2){transition-delay: 0.2s;}
.yyk_categoryblock:nth-of-type(4){transition-delay: 0.2s;}
.yyk_categoryblock.active{opacity: 1;}
.yyk_categoryblock h3{
  margin-bottom: 18px;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 1.25rem;
  font-weight: 500;
  color: #231815;
}
.yyk_flxbox{
  display: flex;
  gap: 0 24px;
}
.yyk_categoryblock figure div{margin-bottom: 18px;}
.yyk_categoryblock figure figcaption{
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 0.625rem;
  color: #231815;
}



.yyk_coffee{
  margin-bottom: 112px;
  padding: 88px 0 104px;
  background-color: #231815;
}
.yyk_coffee h2{
  margin-bottom: 84px;
  padding-top: 24px;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 3rem;
  color: #FFFFFF;
  background: url(../img/logotype.svg) center top no-repeat;
  opacity: 0;
  transition: all 0.4s ease-out;
}
.yyk_coffee h2.active{opacity: 1;}
.yyk_coffee h2 span{
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease-out 0.2s;
}
.yyk_coffee h2.active span{
  transform: translateY(0);
  opacity: 1;
}
.yyk_coffee .yyk_wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.yyk_coffee .yyk_wrap:first-of-type{margin-bottom: 120px;}
.yyk_cofphoto{
  width: 40%;
  margin: 24px auto 0;
  opacity: 0;
  transition: all 0.4s ease-out;
}
.yyk_cofmenu{
  width: 50%;
  padding: 24px 112px 0 64px;
}
.yyk_cofmenu > p{
  line-height: 2;
  margin-bottom: 56px;
  color: #FFFFFF;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease-out;
}
.yyk_cofmenu.active > p{
  transform: translateY(0);
  opacity: 1;
}
.yyk_cofmenu h3{
  margin-bottom: 32px;
  text-align: center;
  font-size: 1.5rem;
  color: #FFFFFF;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease-out 0.2s;
}
.yyk_cofmenu h3 span{
  display: block;
  font-size: 0.5em;
}
.yyk_cofmenu.active h3{
  transform: translateY(0);
  opacity: 1;
}
.yyk_cofmenu ul{
  margin-bottom: 56px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease-out 0.4s;
}
.yyk_cofmenu.active ul{
  transform: translateY(0);
  opacity: 1;
}
.yyk_cofmenu ul li{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.yyk_cofmenu ul li:nth-last-of-type(n+2){margin-bottom: 24px;}
.yyk_cofmenu ul li p:first-of-type{
  font-size: 1.125rem;
  color: #FFFFFF;
}
.yyk_cofmenu ul li p:first-of-type span{
  margin-left: 1em;
  vertical-align: middle;
  font-size: 0.875rem;
  color: #FFFFFF;
}
.yyk_cofmenu ul li p:last-of-type{
  text-align: right;
  font-size: 1.125rem;
  color: #FFFFFF;
}
.yyk_cofmenu ul li hr{
  content: '';
  display: flex;
  flex: 1 1 auto;
  height: 7px;
  margin: 0 24px;
  padding: 0;
  border: 0;
  outline: 0;
  background: radial-gradient(#FFFFFF 10%, transparent 30%) center/ 7px 7px;
}
.yyk_cofmenu ul li p:last-of-type span{
  margin-left: 0.5em;
  vertical-align: baseline;
  font-size: 1rem;
}
.yyk_cofmenu div a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 448px;
  height: 74px;
  font-size: 1.5rem;
  font-weight: 500;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
}



.yyk_inside{margin-bottom: 104px;}
.yyk_inside h2{
  margin-bottom: 64px;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 3rem;
  color: #231815;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease-out 0.2s;
}
.yyk_inside h2.active{
  opacity: 1;
  transform: translateY(0);
}
.yyk_inside > p{
  line-height: 2;
  margin-bottom: 40px;
  padding: 0 16px;
  text-align: center;
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 500;
  color: #231815;
  opacity: 0;
  transition: all 0.4s ease-out 0.2s;
}
.yyk_inside > p.active{opacity: 1;}
.yyk_inside > p span{display: inline-block;}
.yyk_inside p.slick-slide{
  aspect-ratio: 16/15;
  margin-left: 32px;
}



.yyk_access{margin-bottom: 136px;}
.yyk_access h2{
  margin-bottom: 64px;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 3rem;
  color: #231815;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease-out 0.2s;
}
.yyk_access h2.active{
  opacity: 1;
  transform: translateY(0);
}
.yyk_map{
  max-width: 1072px;
  height: 320px;
  margin: 0 auto 32px;
  padding: 0 16px;
}
.yyk_map iframe{
  width: 100%;
  height: 100%;
}
.yyk_access > p{
  line-height: 2;
  text-align: center;
  font-family: "Noto Serif JP", sans-serif;
  color: #231815;
  opacity: 0;
  transition: all 0.4s ease-out 0.2s;
}
.yyk_access > p.active{opacity: 1;}
.yyk_access > p:nth-last-of-type(n+2){margin-bottom: 1.5em;}



.yyk_bottompicture{
  position: relative;
  height: 440px;
}
.yyk_bottompicture div{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: inset(0);
}
.yyk_bottompicture div::after{
  content: "";
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url(../img/ph_bottom.jpg) center center no-repeat;
  background-size: cover;
}
.yyk_bottompicture img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}



.yyk_footer{
  padding: 96px 16px 40px;
  background-color: #231815;
}
.yyk_footer .yyk_wrap{
  display: flex;
  align-items: flex-start;
  margin-bottom: 88px;
}
.yyk_footer .yyk_wrap > div:nth-of-type(2){
  margin-left: 80px;
  color: #FFFFFF;
}
.yyk_footer .yyk_wrap > div:nth-of-type(2) p{
  line-height: 2;
  font-size: 0.75rem;
}
.yyk_footer .yyk_wrap > div:nth-of-type(2) p span{margin-right: 8px;}
.yyk_footer .yyk_wrap > div:nth-of-type(2) p a{color: #FFFFFF;}
.yyk_footer .yyk_wrap > div:nth-of-type(2) dl{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  line-height: 2;
  margin-top: 32px;
  margin-bottom: 32px;
  font-size: 0.75rem;
}
.yyk_footer .yyk_wrap > div:nth-of-type(2) dl dt{width: 84px;}
.yyk_footer .yyk_wrap > div:nth-of-type(2) dl dd{width: calc(100% - 84px);}
.yyk_footer .yyk_wrap > div:nth-of-type(2) div:nth-last-of-type(n+2){margin-bottom: 12px;}
.yyk_footer .yyk_wrap > div:nth-of-type(2) div a{
  color: #FFFFFF;
  transition: all 0.2s linear;
}
.yyk_footer .yyk_wrap > div:nth-of-type(2) div a img{margin-right: 8px;}
.yyk_copyright{
  text-align: center;
  font-size: 0.75rem;
  color: #FFFFFF;
}





@media screen and (min-width:821px){
  .yyk_header .yyk_wrap div:nth-of-type(2) a:hover{color: #FFFFFF;}
  .yyk_cofmenu div a:hover{background-color: rgba(255,255,255,0.2);}
  .yyk_footer .yyk_wrap > div:nth-of-type(2) div a:hover{opacity: 0.5;}
}







/*--------------レスポンシブ-------------*/
@media screen and (max-width:1302px){
  .yyk_keyvisual{
    min-width: 85%;
    width: 85%;
  }
  .yyk_catch{
    margin-left: 5.5vw;
    font-size: max(3.4vw, 1.875rem);
  }

  .yyk_cofmenu{padding: 24px calc(50% - (459px + 4vw)) 0 4vw;}
  .yyk_cofmenu ul li p:first-of-type{font-size: max(1.3vw, 0.875rem);}
  .yyk_cofmenu ul li p:first-of-type span{vertical-align: top;}
  .yyk_cofmenu ul li p:last-of-type{font-size: max(1.3vw, 0.875rem);}
  .yyk_cofmenu ul li p:last-of-type span{font-size: max(1.2vw, 0.75rem);}
}
@media screen and (max-width:820px){
  .yyk_header{
    margin-bottom: 80px;
    padding-top: 24px;
  }
  .yyk_header .yyk_wrap div:first-of-type h1{width: 40%;}
  .yyk_header .yyk_wrap div p{
    margin-left: 24px;
    font-size: 0.875rem;
  }
  .yyk_header .yyk_wrap div:nth-of-type(2){margin-right: 0;}
  .yyk_header .yyk_wrap div:nth-of-type(2) a{font-size: clamp(0.75rem, 0.477rem + 1.02vw, 1rem);}


  .yyk_catch{
    margin: 0 0 32px;
    font-size: 1.25rem;
  }

  .yyk_keyvisual{height: 440px;}
  .yyk_keyvisual img{
    height: 100%;
    object-fit: cover;
    object-position: 0% 0%;
  }


  .yyk_about{padding: 0 16px;}
  .yyk_about h2{
    font-size: clamp(1.5rem, -0.138rem + 6.12vw, 3rem);/*24-48 428-820*/
    background-size: min(100%, 490px) auto;
  }
  .yyk_abouttxt01{font-size: clamp(1.125rem, 0.852rem + 1.02vw, 1.375rem);}/*18-22 428-820*/
  .yyk_abouttxt02,
  .yyk_abouttxt03{
    line-height: 2;
    font-size: clamp(0.875rem, 0.739rem + 0.51vw, 1rem);/*14-16 428-820*/
  }
  .yyk_abouttxt03{margin-bottom: 590px;}
  .yyk_ph01{
    top: auto;
    bottom: 508px;
    left: calc(50% - 197px);
  }
  .yyk_ph02{
    top: auto;
    bottom: 228px;
    left: calc(50% - 182px);
    z-index: 2;
  }
  .yyk_ph03{
    top: auto;
    bottom: 342px;
    right: calc(50% - 196px);
  }

  .yyk_wightebox{padding: 22px 16px 32px;}
  .yyk_wightebox p{font-size: clamp(0.75rem, 0.477rem + 1.02vw, 1rem);}/*12-16 428-820*/


  .yyk_kagu h2{
    font-size: clamp(1.5rem, -0.138rem + 6.12vw, 3rem);/*24-48 428-820*/
    background-size: min(100%, 490px) auto;
  }
  .yyk_kagudiscription{
    line-height: 2;
    font-size: clamp(0.75rem, 0.477rem + 1.02vw, 1rem);/*12-16 428-820*/
  }


  .yyk_coffee .yyk_wrap{
    flex-wrap: wrap;
    justify-content: center;
  }
  .yyk_coffee h2{
    font-size: clamp(1.5rem, -0.138rem + 6.12vw, 3rem);/*24-48 428-820*/
    background-size: min(100%, 490px) auto ;
  }
  .yyk_cofphoto{
    width: 80%;
    text-align: center;
  }
  .yyk_cofmenu{
    width: max(400px, 68%);
    padding: 24px 0% 0;
  }
  .yyk_cofmenu > p{font-size: clamp(0.875rem, 0.739rem + 0.51vw, 1rem);}/*14-16 428-820*/
  .yyk_cofmenu div a{
    margin: auto;
    font-size: clamp(1rem, 0.454rem + 2.04vw, 1.5rem);/*16-24 428-820*/
  }
  .yyk_coffee .yyk_wrap:first-of-type .yyk_cofphoto{order: 1;}
  .yyk_coffee .yyk_wrap:first-of-type .yyk_cofmenu{order: 2;}


  .yyk_inside h2{font-size: clamp(1.5rem, -0.138rem + 6.12vw, 3rem);}/*24-48 428-820*/
  .yyk_inside > p{font-size: clamp(0.875rem, 0.739rem + 0.51vw, 1rem);}/*14-16 428-820*/
  .yyk_inside p.slick-slide{
    width: 164px;
    margin-left: 12px;
  }


  .yyk_access h2{font-size: clamp(1.5rem, -0.138rem + 6.12vw, 3rem);}/*24-48 428-820*/
  .yyk_map{height: 224px;}
  .yyk_access > p{
    padding: 0 16px;
    font-size: clamp(0.75rem, 0.477rem + 1.02vw, 1rem);/*12-16 428-820*/
  }

}
@media screen and (max-width:420px){
  .yyk_header{padding-top: 8px;}
  .yyk_header .yyk_wrap{flex-wrap: wrap;}
  .yyk_header .yyk_wrap div:first-of-type{
    justify-content: space-between;
    width: 100%;
    order: 2;
  }
  .yyk_header .yyk_wrap div:nth-of-type(2){display: none;}
  .yyk_header .yyk_wrap div:nth-of-type(3){
    display: block;
    width: 100%;
    margin-bottom: 16px;
    text-align: right;
    order: 1;
  }


  .yyk_about h2{
    padding-top: 16px;
    background-size: 304px auto;
  }
  .yyk_abouttxt03{margin-bottom: 540px;}
  .yyk_ph01{
    bottom: 461px;
    left: calc(50% - 179px);
  }
  .yyk_ph02{
    width: 140px;
    bottom: 219px;
    left: calc(50% - 137px);
    z-index: 2;
  }
  .yyk_ph03{
    width: 180px;
    bottom: 320px;
    right: calc(50% - 172px);
  }
  .yyk_kagu h2{
    margin-bottom: 48px;
    padding-top: 16px;
    background-size: 304px auto;
  }
  .yyk_kagudiscription{margin-bottom: 40px;}
  .yyk_categoryblock:nth-of-type(2){transition-delay: 0.2s;}
  .yyk_categoryblock:nth-of-type(3){transition-delay: 0.4s;}
  .yyk_categoryblock:nth-of-type(4){transition-delay: 0.6s;}
  .yyk_categoryblock:nth-of-type(5){transition-delay: 0.8s;}
  .yyk_kagulist.active .yyk_categoryblock{opacity: 1;}
  .yyk_categoryblock h3{
    margin-bottom: 8px;
    font-size: 1rem;
  }
  .yyk_flxbox{gap: 0 14px;}


  .yyk_coffee{
    margin-bottom: 64px;
    padding: 40px 0 80px;
  }
  .yyk_coffee h2{
    margin-bottom: 32px;
    padding-top: 16px;
    background-size: 304px auto;
  }
  .yyk_cofphoto{position: relative;}
  .yyk_coffee .yyk_wrap:first-of-type{margin-bottom: 64px;}
  .yyk_cofmenu{width: 78%;}
  .yyk_cofmenu h3{font-size: 1.25rem;}
  .yyk_cofmenu ul{margin-bottom: 40px;}
  .yyk_cofmenu ul li hr{margin: 0 8px;}


  .yyk_inside h2{margin-bottom: 32px;}
  .yyk_inside > p{line-height: 2;}


  .yyk_access{margin-bottom: 88px;}
  .yyk_access h2{margin-bottom: 32px;}
  .yyk_access > p{text-align: left;}


  .yyk_bottompicture{height: 320px;}


  .yyk_footer .yyk_wrap{flex-wrap: wrap;}
  .yyk_footer .yyk_wrap > div:nth-of-type(1){
    width: 100%;
    margin-bottom: 32px;
    text-align: center;
  }
  .yyk_footer .yyk_wrap > div:nth-of-type(2){
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
  .yyk_footer .yyk_wrap > div:nth-of-type(2) p:first-of-type{margin-bottom: 28px;}
  .yyk_footer .yyk_wrap > div:nth-of-type(2) p:nth-of-type(2){margin-bottom: 20px;}
  .yyk_footer .yyk_wrap > div:nth-of-type(2) p span{
    display: block;
    margin-right: 0;
  }
  .yyk_footer .yyk_wrap > div:nth-of-type(2) dl{justify-content: center;}
  .yyk_footer .yyk_wrap > div:nth-of-type(2) dl dt:first-of-type,
  .yyk_footer .yyk_wrap > div:nth-of-type(2) dl dd:first-of-type{width: 100%;}
  .yyk_footer .yyk_wrap > div:nth-of-type(2) dl dt:nth-of-type(2){
    width: auto;
    margin-right: 1em;
  }
  .yyk_footer .yyk_wrap > div:nth-of-type(2) dl dd:nth-of-type(2){width: auto;}
}