@charset "UTF-8";
html{color:#000;background:#fff;}
body,div,section,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
fieldset,img{border:0;}

body{
  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size:100%;
	letter-spacing:0;
	line-height:130%;
  font-feature-settings:"palt";
  -webkit-font-feature-settings:"palt";
	-webkit-text-size-adjust:100%;
	color:#4f4f4f;
	background-color:#fff;
}
@media screen and (min-width: 768px){
  #suntory_contents {
    position: relative;
    min-width: 960px;
    overflow: hidden;
  }
}
#suntory_contents .kodawarisakaba_top{
  position: relative;
  width: 100%;
}
#suntory_contents .kodawarisakaba_top .ttl_hide{
  height: 0;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}
#suntory_contents .kodawarisakaba_top img{
  width: 100%;
  height: auto;
  vertical-align: top;
}
#suntory_contents .kodawarisakaba_top_list{
  position: relative;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px;
  width: 100%;
  max-width: 1100px;
}
#suntory_contents .kodawarisakaba_top_div{
  position: relative;
}
#suntory_contents .kodawarisakaba_top_div + .kodawarisakaba_top_div{
  margin-top: 30px;
}
#suntory_contents .kodawarisakaba_top_div a{
  display: block;
  transition: .4s;
}
#suntory_contents .kodawarisakaba_top_div a:hover{
  opacity: 0.7;
}
@media screen and (max-width:768px){
  #suntory_contents .kodawarisakaba_top_list{
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
  #suntory_contents .kodawarisakaba_top_div + .kodawarisakaba_top_div{
    margin-top: 4vw;
  }
}