@charset "UTF-8";
#suntoryCommonHeader {
  position: relative !important;
  z-index: 1020;
}

#suntorySubCommonHeader {
  position: relative;
  z-index: 1015;
}

#suntory_tennensui_header {
  position: relative;
  height: 3.75em;
  background-color: #ffffff;
  border-top: 1px solid #cccccc;
}
#suntory_tennensui_header {
  display: block;
  font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  font-weight: 400;
  line-height: 1em;
  -webkit-text-size-adjust: 100%;
}
#suntory_tennensui_header * {
  margin: 0;
  padding: 0;
}
#suntory_tennensui_header a {
  text-decoration: none;
}
#suntory_tennensui_header a:hover {
  text-decoration: none;
}
#suntory_tennensui_header a img {
  border: none;
}
#suntory_tennensui_header .fcl {
  zoom: 100%;
}
#suntory_tennensui_header .fcl:after {
  content: " ";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
#suntory_tennensui_header img,
#suntory_tennensui_header svg {
  width: 100%;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
#suntory_tennensui_header ol, #suntory_tennensui_header ul {
  list-style: none;
}
#suntory_tennensui_header html.webkit img[src$=svg] {
  transform: translate3d(0, 0, 0);
}
#suntory_tennensui_header h1, #suntory_tennensui_header h2, #suntory_tennensui_header h3, #suntory_tennensui_header h4, #suntory_tennensui_header h5 {
  font-size: 1em;
}
#suntory_tennensui_header .css_imagehover {
  position: relative;
  display: block;
  line-height: 0;
}
#suntory_tennensui_header .css_imagehover img {
  will-change: opacity;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#suntory_tennensui_header .css_imagehover img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0 !important;
}
@media (min-width: 768px) {
  #suntory_tennensui_header {
    min-width: 960px;
  }
  #suntory_tennensui_header .onlyPc {
    display: block;
  }
  #suntory_tennensui_header img.onlyPc {
    display: inline-block;
  }
  #suntory_tennensui_header .onlySp,
  #suntory_tennensui_header img.onlySp {
    display: none !important;
  }
}
@media (min-width: 768px) {
  #suntory_tennensui_header {
    min-width: 960px;
  }
}
#suntory_tennensui_header .fixed_target {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.75em;
  background-color: #ffffff;
  z-index: 1010;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0em 0.125em 0.5em 0.09375em rgba(0, 0, 0, 0.2);
  box-shadow: 0em 0.125em 0.5em 0.09375em rgba(0, 0, 0, 0.2);
}
#suntory_tennensui_header .fixed_target.isFixed {
  position: fixed;
}
@media (min-width: 768px) {
  #suntory_tennensui_header .fixed_target {
    min-width: 960px;
  }
}
#suntory_tennensui_header .fixed_target_inner {
  position: relative;
  height: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  #suntory_tennensui_header .fixed_target_inner {
    max-width: 960px;
  }
}
#suntory_tennensui_header .fixed_target_inner h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 15%;
  height: 100%;
}
#suntory_tennensui_header .fixed_target_inner h1 > span {
  display: block;
  padding: 4.1666666667% 0 0;
}
#suntory_tennensui_header .fixed_target_inner h1 > span > span {
  display: block;
  width: 58.3333333333%;
  position: relative;
}
#suntory_tennensui_header .fixed_target_inner h1 > span > span:before {
  content: '';
  display: block;
  padding: 54.7619047619% 0 0 0;
}
#suntory_tennensui_header .fixed_target_inner h1 > span > span > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#suntory_tennensui_header .fixed_target_inner .nav {
  height: 100%;
}
#suntory_tennensui_header .fixed_target_inner .nav ul {
  letter-spacing: -0.4em;
  height: 100%;
}
html.win7.webkit #suntory_tennensui_header .fixed_target_inner .nav ul {
  font-size: 0;
}
#suntory_tennensui_header .fixed_target_inner .nav ul li {
  display: inline-block;
  vertical-align: top;
  width: 21.25%;
  height: 100%;
}
#suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(1) {
  margin-left: 15%;
}
@media (min-width: 768px) {
  #suntory_tennensui_header .fixed_target_inner .nav ul li {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
#suntory_tennensui_header .fixed_target_inner .nav ul li a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
#suntory_tennensui_header .fixed_target_inner .nav ul li a .table {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#suntory_tennensui_header .fixed_target_inner .nav ul li a .table-cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#suntory_tennensui_header .fixed_target_inner .nav ul li a .text {
  position: relative;
  display: inline-block;
}
#suntory_tennensui_header .fixed_target_inner .nav ul li a .text span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
#suntory_tennensui_header .fixed_target_inner .nav ul li a .text span img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#suntory_tennensui_header .fixed_target_inner .nav ul li a .text span img:nth-of-type(2) {
  opacity: 0;
}
@media (min-width: 768px) {
  #suntory_tennensui_header .fixed_target_inner .nav ul li a {
    position: relative;
    overflow: hidden;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li a .bg {
    position: absolute;
    top: 50%;
    left: -10%;
    width: 120%;
    padding: 40% 0 0;
    margin: -20% 0 0;
    z-index: 1;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li a .bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #63cde8;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: rotate(5deg) scaleY(0);
    -moz-transform: rotate(5deg) scaleY(0);
    -ms-transform: rotate(5deg) scaleY(0);
    -o-transform: rotate(5deg) scaleY(0);
    transform: rotate(5deg) scaleY(0);
    -webkit-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li a .text span {
    -webkit-transition: left 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: left 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: left 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: left 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: left 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    will-change: left;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li a .text span img {
    will-change: opacity;
    -webkit-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li a .text:after {
    content: '';
    position: absolute;
    top: -1.5px;
    left: -9px;
    width: 11.5px;
    height: 17px;
    background: url("../img/common/nav_icon_drop.svg") no-repeat center transparent;
    -webkit-background-size: 96%;
    background-size: 96%;
    opacity: 0;
    -webkit-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    will-change: opacity,transform;
  }
  html.ie #suntory_tennensui_header .fixed_target_inner .nav ul li a .text:after,
  html.edge #suntory_tennensui_header .fixed_target_inner .nav ul li a .text:after {
    background-image: url("../img/common/nav_icon_drop.png");
    background-size: contain;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li a.active .bg:before, #suntory_tennensui_header .fixed_target_inner .nav ul li a:hover .bg:before {
    -webkit-transform: rotate(5deg) scaleY(1);
    -moz-transform: rotate(5deg) scaleY(1);
    -ms-transform: rotate(5deg) scaleY(1);
    -o-transform: rotate(5deg) scaleY(1);
    transform: rotate(5deg) scaleY(1);
    -webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    transform-origin: bottom center;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li a.active .text span, #suntory_tennensui_header .fixed_target_inner .nav ul li a:hover .text span {
    left: 9px;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li a.active .text span img:nth-of-type(1), #suntory_tennensui_header .fixed_target_inner .nav ul li a:hover .text span img:nth-of-type(1) {
    opacity: 0;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li a.active .text span img:nth-of-type(2), #suntory_tennensui_header .fixed_target_inner .nav ul li a:hover .text span img:nth-of-type(2) {
    opacity: 1;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li a.active .text:after, #suntory_tennensui_header .fixed_target_inner .nav ul li a:hover .text:after {
    opacity: 1;
  }
}
#suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(1) a .text {
  width: 17.8921568627%;
  position: relative;
}
#suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(1) a .text:before {
  content: '';
  display: block;
  padding: 36.9863013699% 0 0 0;
}
#suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(1) a .text > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(2) a .text {
  width: 31.1274509804%;
  position: relative;
}
#suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(2) a .text:before {
  content: '';
  display: block;
  padding: 24.4094488189% 0 0 0;
}
#suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(2) a .text > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(3) a .text {
  width: 33.0882352941%;
  position: relative;
}
#suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(3) a .text:before {
  content: '';
  display: block;
  padding: 20.7407407407% 0 0 0;
}
#suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(3) a .text > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(4) a .text {
  width: 69.362745098%;
  position: relative;
}
#suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(4) a .text:before {
  content: '';
  display: block;
  padding: 10.6007067138% 0 0 0;
}
#suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(4) a .text > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#suntory_tennensui_footer {
  position: relative;
  z-index: 2;
  background: url(../img/common/footer_bg.png) repeat-x center top #ffffff;
  -webkit-background-size: 1440px auto;
  background-size: 1440px auto;
}
#suntory_tennensui_footer {
  display: block;
  font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  font-weight: 400;
  line-height: 1em;
  -webkit-text-size-adjust: 100%;
}
#suntory_tennensui_footer * {
  margin: 0;
  padding: 0;
}
#suntory_tennensui_footer a {
  text-decoration: none;
}
#suntory_tennensui_footer a:hover {
  text-decoration: none;
}
#suntory_tennensui_footer a img {
  border: none;
}
#suntory_tennensui_footer .fcl {
  zoom: 100%;
}
#suntory_tennensui_footer .fcl:after {
  content: " ";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
#suntory_tennensui_footer img,
#suntory_tennensui_footer svg {
  width: 100%;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
#suntory_tennensui_footer ol, #suntory_tennensui_footer ul {
  list-style: none;
}
#suntory_tennensui_footer html.webkit img[src$=svg] {
  transform: translate3d(0, 0, 0);
}
#suntory_tennensui_footer h1, #suntory_tennensui_footer h2, #suntory_tennensui_footer h3, #suntory_tennensui_footer h4, #suntory_tennensui_footer h5 {
  font-size: 1em;
}
#suntory_tennensui_footer .css_imagehover {
  position: relative;
  display: block;
  line-height: 0;
}
#suntory_tennensui_footer .css_imagehover img {
  will-change: opacity;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#suntory_tennensui_footer .css_imagehover img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0 !important;
}
@media (min-width: 768px) {
  #suntory_tennensui_footer {
    min-width: 960px;
  }
  #suntory_tennensui_footer .onlyPc {
    display: block;
  }
  #suntory_tennensui_footer img.onlyPc {
    display: inline-block;
  }
  #suntory_tennensui_footer .onlySp,
  #suntory_tennensui_footer img.onlySp {
    display: none !important;
  }
}
@media (min-width: 768px) {
  #suntory_tennensui_footer {
    min-width: 960px;
  }
}
#suntory_tennensui_footer .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;
  background: url(../img/common/footer_bg2.png) no-repeat center bottom;
  -webkit-background-size: 2000px auto;
  background-size: 2000px auto;
}
#suntory_tennensui_footer .suntory_tennensui_footer_inner {
  position: relative;
  width: 960px;
  height: 32.0625em;
  margin: 0 auto;
}
#suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap {
  position: absolute;
  top: 15.5945419103%;
  left: 22.9166666667%;
  width: 77.0833333333%;
}
#suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block {
  width: 45.9459459459%;
}
#suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block.b1 {
  float: left;
}
#suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block.b2 {
  float: right;
}
#suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box {
  padding-bottom: 8.0882352941%;
}
#suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box:last-child {
  padding-bottom: 0;
}
#suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box h3 {
  font-size: 1.125em;
  line-height: 1em;
  letter-spacing: 0em;
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 2.2058823529%;
  margin-bottom: 3.6764705882%;
}
#suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box h3 a {
  position: relative;
  display: block;
  color: #0468bf;
}
#suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box h3 a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0.8333333333em;
  height: 0.8333333333em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: url("../img/common/btn_icon_arrow_hover.svg") no-repeat center transparent;
  -webkit-background-size: contain;
  background-size: contain;
}
@media (max-width: 767px) {
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box h3 a:after {
    background-image: url("../img/common/sp/btn_icon_arrow_hover.svg");
  }
}
@media (min-width: 768px) {
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box h3 a {
    -webkit-transition: text-shadow 0.3s;
    -moz-transition: text-shadow 0.3s;
    -ms-transition: text-shadow 0.3s;
    -o-transition: text-shadow 0.3s;
    transition: text-shadow 0.3s;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box h3 a:after {
    -webkit-transition: box-shadow 0.3s, background-color 0.3s;
    -moz-transition: box-shadow 0.3s, background-color 0.3s;
    -ms-transition: box-shadow 0.3s, background-color 0.3s;
    -o-transition: box-shadow 0.3s, background-color 0.3s;
    transition: box-shadow 0.3s, background-color 0.3s;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box h3 a:hover {
    text-shadow: 0em 0em 0.3125em #ffffff, 0em 0em 0.3125em #ffffff, 0em 0em 0.3125em #ffffff, 0em 0em 0.3125em #ffffff, 0em 0em 0.3125em #ffffff, 0em 0em 0.3125em #ffffff, 0em 0em 0.3125em #ffffff, 0em 0em 0.3125em #ffffff, 0em 0em 0.3125em #ffffff, 0em 0em 0.3125em #ffffff, 0em 0em 0.3125em #ffffff;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box h3 a:hover:after {
    -webkit-box-shadow: 0em 0em 0.3125em 0em white, 0em 0em 0.3125em 0em white, 0em 0em 0.3125em 0em white, 0em 0em 0.3125em 0em white, 0em 0em 0.3125em 0em white, 0em 0em 0.3125em 0em white, 0em 0em 0.3125em 0em white, 0em 0em 0.3125em 0em white, 0em 0em 0.3125em 0em white, 0em 0em 0.3125em 0em white, 0em 0em 0.3125em 0em white;
    box-shadow: 0em 0em 0.3125em 0em white, 0em 0em 0.3125em 0em white, 0em 0em 0.3125em 0em white, 0em 0em 0.3125em 0em white, 0em 0em 0.3125em 0em white, 0em 0em 0.3125em 0em white, 0em 0em 0.3125em 0em white, 0em 0em 0.3125em 0em white, 0em 0em 0.3125em 0em white, 0em 0em 0.3125em 0em white, 0em 0em 0.3125em 0em white;
    background-color: #ffffff;
  }
}
#suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box .list {
  font-size: 0.875em;
  line-height: 1.7857142857em;
  letter-spacing: 0em;
}
#suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box .list ul li a {
  display: block;
  color: #000000;
}
@media (min-width: 768px) {
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box .list ul li a {
    -webkit-transition: text-shadow 0.3s;
    -moz-transition: text-shadow 0.3s;
    -ms-transition: text-shadow 0.3s;
    -o-transition: text-shadow 0.3s;
    transition: text-shadow 0.3s;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box .list ul li a:hover {
    text-shadow: 0em 0em 0.3125em #ffffff, 0em 0em 0.3125em #ffffff, 0em 0em 0.3125em #ffffff, 0em 0em 0.3125em #ffffff, 0em 0em 0.3125em #ffffff, 0em 0em 0.3125em #ffffff, 0em 0em 0.3125em #ffffff, 0em 0em 0.3125em #ffffff, 0em 0em 0.3125em #ffffff, 0em 0em 0.3125em #ffffff, 0em 0em 0.3125em #ffffff;
  }
}
#suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box .list ul li a span {
  position: relative;
  display: inline-block;
}
#suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box .list ul li a[target=_blank] span:after {
  content: '';
  position: absolute;
  top: 0;
  right: -1.2142857143em;
  display: block;
  width: 0.8928571429em;
  height: 100%;
  background: url("../img/common/footer_icon_blank.png") no-repeat center transparent;
  -webkit-background-size: contain;
  background-size: contain;
}
@media (max-width: 767px) {
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box .list ul li a[target=_blank] span:after {
    background-image: url("../img/common/sp/footer_icon_blank.png");
  }
}
#suntory_tennensui_footer .suntory_tennensui_footer_inner .logo {
  position: absolute;
  top: 14.0350877193%;
  left: -0.9375%;
  width: 18.5416666667%;
}
#suntory_tennensui_footer .suntory_tennensui_footer_inner .logo a {
  display: block;
}
@media (min-width: 768px) {
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .logo a {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .logo a:hover {
    opacity: 0.7;
  }
}
#suntory_tennensui_footer .pagetop {
  position: fixed;
  bottom: 1.875em;
  right: 1.875em;
  width: 3.6396875em;
  height: 5.359375em;
  display: none;
  opacity: 0;
  z-index: 1020;
}
#suntory_tennensui_footer .pagetop a {
  display: block;
}
@media (min-width: 768px) {
  #suntory_tennensui_footer .pagetop a {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  #suntory_tennensui_footer .pagetop a:hover {
    opacity: 0.7;
  }
}

@media (max-width: 767px) {
  #suntory_tennensui_header {
    height: 2em;
    border-top: 1px solid rgba(105, 203, 235, 0.5);
  }
  #suntory_tennensui_header {
    font-size: 50px;
    font-size: 6.6666666667vw;
  }
  #suntory_tennensui_header .onlyPc,
  #suntory_tennensui_header img.onlyPc {
    display: none !important;
  }
  #suntory_tennensui_header .onlySp {
    display: block;
  }
  #suntory_tennensui_header img.onlySp {
    display: inline-block;
  }
  #suntory_tennensui_header .fixed_target {
    height: 2em;
    -webkit-box-shadow: 0.04em 0em 0.14em 0em rgba(0, 0, 0, 0.24);
    box-shadow: 0.04em 0em 0.14em 0em rgba(0, 0, 0, 0.24);
  }
  #suntory_tennensui_header .fixed_target_inner {
    padding: 13.3333333333% 0 0;
    height: auto;
  }
  #suntory_tennensui_header .fixed_target_inner h1 {
    left: 50%;
    width: 18.2666666667%;
    height: 2em;
    margin-left: -9.1333333333%;
    font-size: 1em;
  }
  #suntory_tennensui_header .fixed_target_inner h1 > span {
    padding: 8.7591240876% 0 0;
  }
  #suntory_tennensui_header .fixed_target_inner h1 > span > span {
    width: 100%;
    position: relative;
  }
  #suntory_tennensui_header .fixed_target_inner h1 > span > span:before {
    content: '';
    display: block;
    padding: 54.7445255474% 0 0 0;
  }
  #suntory_tennensui_header .fixed_target_inner h1 > span > span > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #suntory_tennensui_header .fixed_target_inner h1 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #suntory_tennensui_header .fixed_target_inner .sp_btn_toggle {
    position: absolute;
    top: 0.68em;
    right: 0.6em;
    width: 1em;
    height: 0.6em;
  }
  #suntory_tennensui_header .fixed_target_inner .sp_btn_toggle a {
    display: block;
    height: 100%;
    line-height: 0;
  }
  #suntory_tennensui_header .fixed_target_inner .sp_btn_toggle a span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1), transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1), transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1), transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1), transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1), transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #suntory_tennensui_header .fixed_target_inner .sp_btn_toggle a span.close {
    top: -12.2916666667%;
    width: 74.75%;
    left: 12.625%;
    opacity: 0;
  }
  html.isSpNavChangeBefore #suntory_tennensui_header .fixed_target_inner .sp_btn_toggle a span.open {
    opacity: 0;
  }
  html.isSpNavChangeBefore #suntory_tennensui_header .fixed_target_inner .sp_btn_toggle a span.close {
    opacity: 1;
  }
  #suntory_tennensui_header .fixed_target_inner .nav {
    height: 0;
    overflow: hidden;
    background-color: #ffffff;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul {
    letter-spacing: 0;
    height: auto;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 0 4%;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li:first-child {
    padding-top: 6.6666666667%;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(1) {
    margin-left: 0;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li a {
    position: relative;
    width: 92%;
    height: 3.56em;
    margin: 0 auto;
    background: url(../img/common/sp/nav_bg.jpg) no-repeat center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li a:after {
    content: '';
    position: absolute;
    top: 0;
    right: 2.8985507246%;
    display: block;
    width: 5.7971014493%;
    height: 100%;
    background: url(../img/common/sp/nav_arrow.svg) no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li a .text {
    margin-top: 3.6231884058%;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(1) a .text {
    width: 14.4927536232%;
    position: relative;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(1) a .text:before {
    content: '';
    display: block;
    padding: 64% 0 0 0;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(1) a .text > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(2) a .text {
    width: 35.2173913043%;
    position: relative;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(2) a .text:before {
    content: '';
    display: block;
    padding: 28.8065843621% 0 0 0;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(2) a .text > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(3) a .text {
    width: 34.2028985507%;
    position: relative;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(3) a .text:before {
    content: '';
    display: block;
    padding: 28.813559322% 0 0 0;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(3) a .text > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(4) a .text {
    margin-top: 0;
    width: 54.347826087%;
    position: relative;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(4) a .text:before {
    content: '';
    display: block;
    padding: 10.9333333333% 0 0 0;
  }
  #suntory_tennensui_header .fixed_target_inner .nav ul li:nth-of-type(4) a .text > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  html.isSpNavChangeBefore #suntory_tennensui_main .fixed_bg {
    display: none;
  }

  html.isSpNavChangeBefore.isSpNavFixed #suntoryCommonHeader {
    z-index: 1000;
  }

  html.isSpNavOpen #suntory_tennensui_header .fixed_target {
    position: static;
  }
  html.isSpNavOpen #suntory_tennensui_main {
    overflow: hidden;
    height: 0;
  }
  html.isSpNavOpen #suntory_tennensui_footer {
    overflow: hidden;
    height: 0;
  }
  html.isSpNavOpen #suntory_tennensui_footer .pagetop {
    display: none;
  }
  html.isSpNavOpen #suntoryCommonFooter {
    display: none;
  }

  html.isSpNavOpen.isSpNavFixed #suntory_tennensui_header {
    border-top: none;
  }
  html.isSpNavOpen.isSpNavFixed #suntoryCommonHeader {
    display: none;
  }

  #suntory_tennensui_footer {
    background: url(../img/common/sp/footer_bg.png) no-repeat center top #ffffff;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  #suntory_tennensui_footer {
    font-size: 50px;
    font-size: 6.6666666667vw;
  }
  #suntory_tennensui_footer .onlyPc,
  #suntory_tennensui_footer img.onlyPc {
    display: none !important;
  }
  #suntory_tennensui_footer .onlySp {
    display: block;
  }
  #suntory_tennensui_footer img.onlySp {
    display: inline-block;
  }
  #suntory_tennensui_footer .bg {
    background: url(../img/common/sp/footer_bg2.png) no-repeat center bottom;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner {
    position: relative;
    width: 100%;
    height: auto;
    padding: 12% 0 0;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block {
    width: 92%;
    margin: 0 auto;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block.b1, #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block.b2 {
    float: none;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box {
    padding-bottom: 0;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box h3 {
    font-size: 0.68em;
    line-height: 1em;
    letter-spacing: 0em;
    border-bottom: 1px solid #ffffff;
    padding: 3.6231884058% 0;
    margin-bottom: 0;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box h3 a:after, #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box h3 a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1.1764705882em;
    height: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box h3 a:before {
    background: url(../img/common/sp/footer_icon_open.svg) no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
    opacity: 0;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box.isClose h3 a:after {
    opacity: 0;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box.isClose h3 a:before {
    opacity: 1;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box .list {
    height: auto;
    overflow: hidden;
    font-size: 0.56em;
    line-height: 1em;
    letter-spacing: 0em;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box .list ul {
    border-bottom: 1px solid #ffffff;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box .list ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box .list ul li:last-child {
    border-bottom: none;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box .list ul li a {
    padding: 3.9130434783% 0;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block .box .list ul li a[target=_blank] span:after {
    right: -1.1071428571em;
    width: 0.9285714286em;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .block_wrap .block.b2 .box h3 a:after {
    background-image: url(../img/common/sp/footer_icon_close.svg);
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .logo {
    position: relative;
    top: 0;
    left: 0;
    width: 34.9333333333%;
    margin: 0 auto;
    padding: 6.8% 0 21.0666666667%;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .logo a {
    display: block;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .logo a span {
    display: block;
    position: relative;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .logo a span:before {
    content: '';
    display: block;
    padding: 57.6335877863% 0 0 0;
  }
  #suntory_tennensui_footer .suntory_tennensui_footer_inner .logo a span > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #suntory_tennensui_footer .pagetop {
    bottom: 0.6em;
    right: 0.6em;
    width: 1.6em;
    height: 2.35562em;
  }
}

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