@charset "utf-8";

#suntory_contents .membersclub_contents .italic {
  font-style: italic;
}
/*------------------------------------------------------------
[SP]
------------------------------------------------------------ */
@media screen and (max-width:767px){

/*------------------------------------------------------------
    [SP] main_visual
    ------------------------------------------------------------ */
    #suntory_contents .main_visual {
      margin: 8vw 0 0;
    }
    #suntory_contents .main_visual h1 {
      margin: 0 4vw 8vw;
      font-size: 5.6vw;
      font-weight: normal;
      text-align: center;
    }
    #suntory_contents .main_visual .lead {
      font-size: 3.466666666666667vw;
      line-height: 1.8;
      margin: 0 4vw 8vw;
    }
    #suntory_contents .main_visual figure {
      margin: 0;
      width: 100vw;
      height: 52vw;
      background: url(https://www.suntory.com/sma/membersclub/img/visiual_members.webp) no-repeat 0 0;
      background-size: 100% auto;
    }
    .no-webp #suntory_contents .main_visual figure {
      background: url(https://www.suntory.com/sma/membersclub/img/visiual_members.jpg) no-repeat 0 0;
      background-size: 100% auto;
    }

/*------------------------------------------------------------
[PC] banner
------------------------------------------------------------ */
#suntory_contents .banner {
  margin: 0 auto 12vw;
  width: 100vw;
}
#suntory_contents .banner picture {
  width: 100vw;
}
#suntory_contents .banner picture img {
  width: 100vw;
  height: auto;
  vertical-align: bottom;
}


/*------------------------------------------------------------
[SP] membersclub_contents
------------------------------------------------------------ */
#suntory_contents .membersclub_contents {
  margin: 0 4vw 16vw;
  padding: 0;
}
#suntory_contents .membersclub_contents#sign_up {
  border-bottom: none;
  padding-bottom: 0;
}
#suntory_contents .membersclub_contents .lead {
  font-size: 3.466666666666667vw;
  line-height: 1.8;
  margin-bottom: 8vw;
}
#suntory_contents .membersclub_contents .title {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  margin: 0 0 8vw;
}
#suntory_contents .membersclub_contents .title h2 {
  font-size: 5.6vw;
  font-weight: normal;
  margin-bottom: 4vw;
}
#suntory_contents .membersclub_contents .title .price {
  font-size: 4.266666666666667vw;
  font-weight: normal;
}
#suntory_contents .membersclub_contents .title .note {
  width: 100%;
  margin-top: 2.4vw;
  font-size: 2.933333333333333vw;
  line-height: 1.7;
    text-indent: -0.7em;
  margin-left: 0.7em;
}
#suntory_contents .membersclub_contents .title .note span {
  display: block;
    text-indent: -0.7em;
}
#suntory_contents .membersclub_contents .title .note .sp_none {
  display: none;
}
#suntory_contents .membersclub_contents .privileges {
  margin: 0 0 8vw;
  border-left: 1.6vw #C6B59D solid;
}
#suntory_contents .membersclub_contents .privileges dt {
  background: #E4DDD3;
  box-sizing: border-box;
  padding: 5.866666666666667vw 4vw;
  font-size: 4.266666666666667vw;
  font-weight: bold;
  line-height: 1.5;
}
#suntory_contents .membersclub_contents .privileges dd {
  background: #F6F4F1;
  box-sizing: border-box;
  padding: 5.6vw;
}
#suntory_contents .membersclub_contents .privileges dd .text {
  font-size: 3.733333333333333vw;
  line-height: 1.8;
}
#suntory_contents .membersclub_contents .privileges dd .text em {
  font-style: normal;
  color: #E8411D;
}
#suntory_contents .membersclub_contents .privileges dd .note {
  margin-top: 4vw;
  font-size: 2.933333333333333vw;
  line-height: 1.8;
  list-style: none;
}
#suntory_contents .membersclub_contents h3 {
  font-size: 4.8vw;
  font-weight: normal;
  margin: 12vw 0 8vw;
}
#suntory_contents .membersclub_contents .privileges_extra {
  margin: 0 0 8vw;
  border-left: 1.6vw #E4DDD3 solid;
  background: #F6F4F1;
}
#suntory_contents .membersclub_contents .privileges_extra dt {
  box-sizing: border-box;
  padding: 6.4vw 4vw 5.6vw;
  font-size: 3.733333333333333vw;
  font-weight: bold;
    line-height: 1.5;
}
#suntory_contents .membersclub_contents .privileges_extra dd {
  box-sizing: border-box;
  padding: 0 4vw 5.6vw;
}
#suntory_contents .membersclub_contents .privileges_extra dd .text {
  font-size: 3.466666666666667vw;
  line-height: 1.8;
}
#suntory_contents .membersclub_contents .privileges_extra dd .text_extra {
  font-size: 2.933333333333333vw;
  line-height: 1.8;
}
#suntory_contents .membersclub_contents .privileges_extra dd .note {
  margin-top: 4vw;
  font-size: 2.933333333333333vw;
  line-height: 1.8;
  list-style: none;
}
#suntory_contents .membersclub_contents .btn_contact {
  border: none;
  width: 60vw;
  height: 12vw;
  margin: 12vw auto 0;
}
#suntory_contents .membersclub_contents .btn_contact a {
  margin: 0 auto;
  background: #A89170;
  color: #fff;
  width: 100%;
  height: 100%;
  font-size: 3.733333333333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0;
  text-decoration: none;
}
.pc_only {
  display: none;
}

}
/*------------------------------------------------------------
[PC]
------------------------------------------------------------ */
@media print, screen and (min-width:768px) {

/*------------------------------------------------------------
[PC] main_visual
------------------------------------------------------------ */
#suntory_contents .main_visual {
  margin: 0 auto;
  width: 960px;
}
#suntory_contents .main_visual h1 {
  margin-bottom: 50px;
  font-size: 28px;
  font-weight: normal;
  text-align: center;
}
#suntory_contents .main_visual .lead {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 50px;
}


/*------------------------------------------------------------
[PC] banner
------------------------------------------------------------ */
#suntory_contents .banner {
  margin: 0 auto 80px;
  width: 960px;
}
#suntory_contents .banner picture {
  width: 960px;
  transition: all .5s ease;
}
#suntory_contents .banner picture img {
  max-width: 960px;
  height: auto;
  vertical-align: bottom;
}

#suntory_contents .banner a:hover picture {
  opacity: .75;
}



/*------------------------------------------------------------
[PC] membersclub_nav
------------------------------------------------------------ */
#suntory_contents .membersclub_nav {
  margin-bottom: 80px;
}
#suntory_contents .membersclub_nav ul {
  display: flex;
  justify-content: center;
}
#suntory_contents .membersclub_nav li {
  list-style: none;
  font-size: 14px;
  border-right: 1px #666 solid;
  padding: 8px 30px;
}
#suntory_contents .membersclub_nav li:first-child {
  border-left: 1px #666 solid;
}

#suntory_contents .membersclub_nav li a {
  color: #000;
  padding-bottom: 3px;
  text-decoration: none;
}
#suntory_contents .membersclub_nav li a:hover {
  border-bottom: 1px #666 solid;
}


/*------------------------------------------------------------
[PC] membersclub_contents
------------------------------------------------------------ */
#suntory_contents .membersclub_contents {
  margin: -140px 0 80px;
  padding: 140px 0 80px;
}
#suntory_contents .membersclub_contents#individual {
  padding-bottom: 30px;
}
#suntory_contents .membersclub_contents#sign_up {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 110px;
}
#suntory_contents .membersclub_contents .lead {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 50px;
}
#suntory_contents .membersclub_contents#sign_up .lead {
  margin-bottom: 30px;
}
#suntory_contents .membersclub_contents .title {
  margin-bottom: 30px;
}
#suntory_contents .membersclub_contents .title h2 {
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 15px;
}
#suntory_contents .membersclub_contents .title .price {
  display: inline;
  font-size: 18px;
  margin-right: 15px;
}
#suntory_contents .membersclub_contents .title .note {
  display: inline-table;
  font-size: 12px;
}
#suntory_contents .membersclub_contents .privileges {
  margin-bottom: 30px;
  display: flex;
  border-left: 5px #C6B59D solid;
}
#suntory_contents .membersclub_contents .privileges dt {
  background: #E4DDD3;
  width: 335px;
  box-sizing: border-box;
  padding: 20px 25px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}
#suntory_contents .membersclub_contents .privileges dd {
  background: #F6F4F1;
  width: 620px;
  box-sizing: border-box;
  padding: 20px 30px;
}
#suntory_contents .membersclub_contents .privileges dd .text {
  font-size: 15px;
  line-height: 1.8;
}
#suntory_contents .membersclub_contents .privileges dd .text em {
  font-style: normal;
  color: #E8411D;
}
#suntory_contents .membersclub_contents dd .note {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.8;
  list-style: none;
    text-indent: -0.7em;
  margin-left: 0.7em;
}
#suntory_contents .membersclub_contents h3 {
  font-size: 20px;
  font-weight: normal;
  margin: 50px 0 20px;
}
#suntory_contents .membersclub_contents .privileges_extra {
  margin-bottom: 30px;
  display: flex;
  border-left: 5px #E4DDD3 solid;
  background: #F6F4F1;
}
#suntory_contents .membersclub_contents .privileges_extra dt {
  width: 335px;
  box-sizing: border-box;
  padding: 20px 25px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
#suntory_contents .membersclub_contents .privileges_extra dd {
  width: 620px;
  box-sizing: border-box;
  padding: 20px 30px;
}
#suntory_contents .membersclub_contents .privileges_extra dd .text {
  font-size: 15px;
  line-height: 1.8;
}
#suntory_contents .membersclub_contents .privileges_extra dd .text_extra {
  font-size: 12px;
  line-height: 1.8;
}
#suntory_contents .membersclub_contents .btn_contact {
  border: none;
  width: 240px;
  height: 45px;
  margin: 50px auto 0;
}
#suntory_contents .membersclub_contents .btn_contact a {
  background: #A89170;
  color: #fff;
  width: 100%;
  height: 100%;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0;
  text-decoration: none;
}
#suntory_contents .membersclub_contents .btn_contact a:hover {
  background: #BEAC94;
}
.pc_only {
  display: block;
}


}