#suntorySubCommonFooter {
  position: relative;
  z-index: 1015;
}
html.tennensui_loadend #suntorySubCommonFooter {
  z-index: 2;
}

#suntoryCommonFooter {
  position: relative !important;
  z-index: 1015;
}
html.tennensui_loadend #suntoryCommonFooter {
  z-index: 2;
}

#suntory_tennensui_header {
  z-index: 1010;
}

#suntory_tennensui_footer {
  z-index: 3;
}

#suntory_tennensui_footer {
  background-color: #f2f2f2;
}

#suntory_tennensui_main.top > .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  z-index: 1;
}
#suntory_tennensui_main.top > .bg > div {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: repeat-y center transparent;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
#suntory_tennensui_main.top .section {
  position: relative;
  z-index: 2;
}
#suntory_tennensui_main.top .mainvisual {
  position: relative;
  font-size: 3.4722222222vw;
}
@media (max-width: 960px) and (min-width: 768px) {
  #suntory_tennensui_main.top .mainvisual {
    width: 960px;
    font-size: 33.3333333333px;
  }
}
#suntory_tennensui_main.top .mainvisual:before {
  content: '';
  display: block;
  padding: 43.7847222222% 0 0;
}
#suntory_tennensui_main.top .mainvisual .main_panel {
  position: absolute;
  top: 4.7581284695%;
  left: 1.0416666667%;
  width: 58.3333333333%;
  padding: 39.5833333333% 0 0;
}
#suntory_tennensui_main.top .mainvisual .main_panel ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#suntory_tennensui_main.top .mainvisual .main_panel ul li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#suntory_tennensui_main.top .mainvisual .main_panel ul li div {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: no-repeat center transparent;
  -webkit-background-size: cover;
  background-size: cover;
}
#suntory_tennensui_main.top .mainvisual .main_panel .logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}
#suntory_tennensui_main.top .mainvisual .sub_panel {
  position: absolute;
  right: 1.0416666667%;
  width: 38.5416666667%;
  height: 43.9333862014%;
}
#suntory_tennensui_main.top .mainvisual .sub_panel.p1 {
  top: 4.7581284695%;
}
#suntory_tennensui_main.top .mainvisual .sub_panel.p1 a .wrap {
  background-position: 1px top;
}
#suntory_tennensui_main.top .mainvisual .sub_panel.p1 a .wrap .text_wrap {
  left: 0;
}
#suntory_tennensui_main.top .mainvisual .sub_panel.p1 a .wrap .text_wrap h2 span {
  width: 74.0812274368%;
  position: relative;
}
#suntory_tennensui_main.top .mainvisual .sub_panel.p1 a .wrap .text_wrap h2 span:before {
  content: '';
  display: block;
  padding: 26.924295217% 0 0 0;
}
#suntory_tennensui_main.top .mainvisual .sub_panel.p1 a .wrap .text_wrap h2 span > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#suntory_tennensui_main.top .mainvisual .sub_panel.p1 a .wrap .img {
  right: 0;
}
#suntory_tennensui_main.top .mainvisual .sub_panel.p2 {
  bottom: 4.7581284695%;
}
#suntory_tennensui_main.top .mainvisual .sub_panel.p2 a .wrap {
  background-position: right top;
}
#suntory_tennensui_main.top .mainvisual .sub_panel.p2 a .wrap .text_wrap {
  right: 0;
}
#suntory_tennensui_main.top .mainvisual .sub_panel.p2 a .wrap .text_wrap h2 span {
  width: 71.5523465704%;
  position: relative;
}
#suntory_tennensui_main.top .mainvisual .sub_panel.p2 a .wrap .text_wrap h2 span:before {
  content: '';
  display: block;
  padding: 27.2679112008% 0 0 0;
}
#suntory_tennensui_main.top .mainvisual .sub_panel.p2 a .wrap .text_wrap h2 span > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#suntory_tennensui_main.top .mainvisual .sub_panel.p2 a .wrap .img {
  left: 1px;
}
#suntory_tennensui_main.top .mainvisual .sub_panel.icon_new a:after {
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  display: block;
  width: 1.3em;
  height: 1.3em;
  background: url("../img/top/mv_icon_new.svg") no-repeat center transparent;
  -webkit-background-size: contain;
  background-size: contain;
}
@media (max-width: 767px) {
  #suntory_tennensui_main.top .mainvisual .sub_panel.icon_new a:after {
    background-image: url("../img/top/sp/mv_icon_new.svg");
  }
}
#suntory_tennensui_main.top .mainvisual .sub_panel a {
  position: relative;
  display: block;
  color: #000000;
  overflow: hidden;
  height: 100%;
}
#suntory_tennensui_main.top .mainvisual .sub_panel a .wrap {
  width: 100%;
  height: 100%;
  background: url("../img/top/mv_sidepanel_bg.webp") no-repeat center transparent;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
@media (max-width: 767px) {
  #suntory_tennensui_main.top .mainvisual .sub_panel a .wrap {
    background-image: url("../img/top/sp/mv_sidepanel_bg.webp");
  }
}
#suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap {
  position: absolute;
  top: 0;
  width: 49.9099099099%;
  height: 100%;
}
#suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap .table {
  display: table;
  width: 100%;
  height: 100%;
}
#suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap .text_wrap_inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap .text_wrap_inner h2 {
  padding: 0 0 5.9566787004%;
  font-size: 10px;
  line-height: 0;
}
#suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap .text_wrap_inner h2 span {
  display: inline-block;
}
#suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap .text_wrap_inner p {
  font-size: 0.28em;
  line-height: 1.4285714286em;
  letter-spacing: 0em;
}
#suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap:before, #suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap:after {
  content: '';
  position: absolute;
  bottom: 0.3em;
  right: 0.3em;
  display: block;
  width: 0.6em;
  height: 0.6em;
}
#suntory_tennensui_main.top .mainvisual .bnr_special {
  position: absolute;
  width: 15.833333%;
  left: 2.333333%;
  bottom: 6.7581284695%;
  z-index: 99;
}
#suntory_tennensui_main.top .mainvisual .bnr_special.floatY {
  animation: floatY 3.5s ease-in-out infinite alternate;
}
#suntory_tennensui_main.top .mainvisual .bnr_special img {
  max-width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  #suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap:before, #suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap:after {
    -webkit-transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
#suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap:before {
  background: url("../img/common/btn_icon_arrow.svg") no-repeat center transparent;
  -webkit-background-size: 98%;
  background-size: 98%;
}
@media (max-width: 767px) {
  #suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap:before {
    background-image: url("../img/common/sp/btn_icon_arrow.svg");
  }
}
html.ie #suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap:before,
html.edge #suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap:before {
  background-image: url("../img/common/btn_icon_arrow.webp");
  background-size: 96%;
}
#suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap:after {
  background: url("../img/common/btn_icon_arrow_hover.svg") no-repeat center transparent;
  -webkit-background-size: 98%;
  background-size: 98%;
  opacity: 0;
}
html.ie #suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap:after,
html.edge #suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap:after {
  background-image: url("../img/common/btn_icon_arrow_hover.webp");
  background-size: 96%;
}
#suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .img {
  position: absolute;
  top: 0;
  width: 50.0900900901%;
  height: 100%;
  overflow: hidden;
}
#suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .img img {
  width: auto;
  height: 100%;
  -webkit-transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#suntory_tennensui_main.top .mainvisual .sub_panel a:hover .wrap .text_wrap:before {
  opacity: 0;
}
#suntory_tennensui_main.top .mainvisual .sub_panel a:hover .wrap .text_wrap:after {
  opacity: 1;
}
#suntory_tennensui_main.top .mainvisual .sub_panel a:hover .wrap .img img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
#suntory_tennensui_main.top .about {
  position: relative;
}
#suntory_tennensui_main.top .about:hover > .bg div {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
#suntory_tennensui_main.top .about > .bg {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
#suntory_tennensui_main.top .about > .bg div {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: no-repeat center transparent;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 960px) and (min-width: 768px) {
  #suntory_tennensui_main.top .about {
    width: 960px;
  }
}
#suntory_tennensui_main.top .about .section_inner {
  position: relative;
}
#suntory_tennensui_main.top .about .box {
  display: table;
  width: 34.375em;
  height: 26.25em;
  background: url("../img/top/about_text_bg.webp") no-repeat center transparent;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
@media (max-width: 767px) {
  #suntory_tennensui_main.top .about .box {
    background-image: url("../img/top/sp/about_text_bg.webp");
  }
}
#suntory_tennensui_main.top .about .box .inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#suntory_tennensui_main.top .about .box h2 {
  padding: 0 0 4.5454545455%;
}
#suntory_tennensui_main.top .about .box h2 span {
  display: inline-block;
  width: 55.2727272727%;
  position: relative;
}
#suntory_tennensui_main.top .about .box h2 span:before {
  content: '';
  display: block;
  padding: 11.3486842105% 0 0 0;
}
#suntory_tennensui_main.top .about .box h2 span > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#suntory_tennensui_main.top .about .box p {
  font-size: 1em;
  line-height: 1.625em;
  letter-spacing: 0em;
}
#suntory_tennensui_main.top .about .box .btn {
  padding: 4.0909090909% 0 0;
}
#suntory_tennensui_main.top .about .box .btn a {
  width: 20.2857142857em;
  height: 3.2857142857em;
  font-size: 0.875em;
  line-height: 3.2857142857em;
  letter-spacing: 0em;
}
#suntory_tennensui_main.top .about .box .btn a:before {
  right: 0.7142857143em;
  width: 1.4285714286em;
}
#suntory_tennensui_main.top .special_banner .section_inner:before, #suntory_tennensui_main.top .special_banner .section_inner:after {
  padding: 0;
}
#suntory_tennensui_main.top .special_banner .section_inner .btn_more {
  padding: 3.125% 0 0;
}
#suntory_tennensui_main.top .special_banner .section_inner .btn_more a {
  position: relative;
  display: block;
  width: 48.9583333333%;
  height: 6.25em;
  margin: 0 auto;
  color: #ffffff;
}
#suntory_tennensui_main.top .special_banner .section_inner .btn_more a .bg {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#suntory_tennensui_main.top .special_banner .section_inner .btn_more a .bg:before, #suntory_tennensui_main.top .special_banner .section_inner .btn_more a .bg:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: no-repeat center transparent;
  -webkit-background-size: contain;
  background-size: contain;
}
#suntory_tennensui_main.top .special_banner .section_inner .btn_more a .bg:before {
  background-image: url("../img/top/btn_cpn.webp");
}
@media (max-width: 767px) {
  #suntory_tennensui_main.top .special_banner .section_inner .btn_more a .bg:before {
    background-image: url("../img/top/sp/btn_cpn.webp");
  }
}
@media (min-width: 768px) {
  #suntory_tennensui_main.top .special_banner .section_inner .btn_more a .bg:after {
    background-image: url("../img/top/btn_cpn_hover.webp");
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #suntory_tennensui_main.top .special_banner .section_inner .btn_more a:hover .bg:after {
    opacity: 1;
  }
}
#suntory_tennensui_main.top .special_banner .section_inner .btn_more a .txt {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
}
#suntory_tennensui_main.top .special_banner .section_inner .btn_more a .txt > span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 1.375em;
  line-height: 1em;
  letter-spacing: 0em;
  font-family: serif;
  font-weight: 600;
}
#suntory_tennensui_main.top .special_banner .section_inner .btn_more a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0.9375em;
  width: 1.875em;
  height: 100%;
  background: url("../img/common/btn_icon_arrow.svg") no-repeat center transparent;
  -webkit-background-size: contain;
  background-size: contain;
}
@media (max-width: 767px) {
  #suntory_tennensui_main.top .special_banner .section_inner .btn_more a:after {
    background-image: url("../img/common/sp/btn_icon_arrow.svg");
  }
}
html.ie #suntory_tennensui_main.top .special_banner .section_inner .btn_more a:after,
html.edge #suntory_tennensui_main.top .special_banner .section_inner .btn_more a:after {
  width: 30px;
}
#suntory_tennensui_main.top .banner_wrap {
  background-color: #f2f2f2;
}
#suntory_tennensui_main.top .banner_wrap .section_inner .box:nth-of-type(odd) {
  margin-left: 2.0833333333%;
}
#suntory_tennensui_main.top .banner_wrap .section_inner .box:nth-of-type(even) {
  margin-left: auto;
}
@media (max-width: 767px) {
  #suntory_tennensui_main.top .mainvisual {
    font-size: 1em;
    padding: 4% 0;
  }
  #suntory_tennensui_main.top .mainvisual:before {
    display: none;
  }
  #suntory_tennensui_main.top .mainvisual .main_panel {
    position: relative;
    top: 0;
    left: 0;
    width: 92%;
    padding: 113.3333333333% 0 0;
    margin: 0 auto 4%;
  }
  #suntory_tennensui_main.top .mainvisual .sub_panel {
    position: relative;
    right: 0;
    width: 92%;
    margin: 0 auto;
  }
  #suntory_tennensui_main.top .mainvisual .sub_panel.p1 {
    top: auto;
    margin-bottom: 4%;
  }
  #suntory_tennensui_main.top .mainvisual .sub_panel.p1 a .wrap .text_wrap h2 span {
    width: 73.5234782609%;
    position: relative;
  }
  #suntory_tennensui_main.top .mainvisual .sub_panel.p1 a .wrap .text_wrap h2 span:before {
    content: '';
    display: block;
    padding: 29.4059671366% 0 0 0;
  }
  #suntory_tennensui_main.top .mainvisual .sub_panel.p1 a .wrap .text_wrap h2 span > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #suntory_tennensui_main.top .mainvisual .sub_panel.p2 {
    bottom: auto;
  }
  #suntory_tennensui_main.top .mainvisual .sub_panel.p2 a .wrap .text_wrap h2 span {
    width: 72.0017391304%;
    position: relative;
  }
  #suntory_tennensui_main.top .mainvisual .sub_panel.p2 a .wrap .text_wrap h2 span:before {
    content: '';
    display: block;
    padding: 29.1096028276% 0 0 0;
  }
  #suntory_tennensui_main.top .mainvisual .sub_panel.p2 a .wrap .text_wrap h2 span > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #suntory_tennensui_main.top .mainvisual .sub_panel.icon_new a:after {
    width: 2em;
    height: 2em;
  }
  #suntory_tennensui_main.top .mainvisual .sub_panel a .wrap {
    height: 6.9em;
  }
  #suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap {
    width: 6.9em;
    height: 6.9em;
  }
  #suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap .text_wrap_inner h2 {
    padding: 0 0 7.2463768116%;
  }
  #suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap .text_wrap_inner p {
    font-size: 0.56em;
    line-height: 1.4285714286em;
    letter-spacing: 0em;
  }
  #suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap:before, #suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .text_wrap:after {
    bottom: 0.3em;
    right: 0.3em;
    width: 0.8em;
    height: 0.8em;
  }
  #suntory_tennensui_main.top .mainvisual .sub_panel a .wrap .img {
    width: 6.9em;
  }
  #suntory_tennensui_main.top .mainvisual .bnr_special {
    position: absolute;
    width: 32.8%;
    top: 11.2em;
    left: 1em;
    bottom: auto;
    z-index: 99;
  }
  #suntory_tennensui_main.top .about .box {
    width: 100%;
    height: 16em;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  #suntory_tennensui_main.top .about .box h2 {
    padding: 5.3333333333% 0 4%;
  }
  #suntory_tennensui_main.top .about .box h2 span {
    width: 59.3333333333%;
    position: relative;
  }
  #suntory_tennensui_main.top .about .box h2 span:before {
    content: '';
    display: block;
    padding: 11.2359550562% 0 0 0;
  }
  #suntory_tennensui_main.top .about .box h2 span > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #suntory_tennensui_main.top .about .box p {
    font-size: 0.56em;
    line-height: 1.6428571429em;
    letter-spacing: 0em;
  }
  #suntory_tennensui_main.top .about .box .btn {
    padding: 2.6666666667% 0 0;
  }
  #suntory_tennensui_main.top .about .box .btn a {
    width: 17.0769230769em;
    height: 3.0769230769em;
    padding-right: 0.5em;
    font-size: 0.52em;
    line-height: 3.0769230769em;
    letter-spacing: 0em;
  }
  #suntory_tennensui_main.top .about .box .btn a:after {
    right: 0.2692307692em;
    width: 1.0384615385em;
  }
  #suntory_tennensui_main.top .special_banner .section_inner .btn_more {
    padding: 4% 0 0;
  }
  #suntory_tennensui_main.top .special_banner .section_inner .btn_more a {
    width: 92%;
    height: 3em;
  }
  #suntory_tennensui_main.top .special_banner .section_inner .btn_more a .txt > span {
    font-size: 0.64em;
    line-height: 1em;
    letter-spacing: 0em;
  }
  #suntory_tennensui_main.top .special_banner .section_inner .btn_more a:after {
    right: 0.4em;
    width: 0.8em;
  }
  #suntory_tennensui_main.top .banner_wrap .section_inner .box:nth-of-type(odd) {
    margin-left: auto;
  }
}
@keyframes floatY {
  0% {
    transform: translate3d(0, -0.2em, 0);
  }

  50% {
    transform: translate3d(0, 0.2em, 0);
  }

  100% {
    transform: translate3d(0, -0.2em, 0);
  }
}

/*# sourceMappingURL=top.css.map */