@charset "utf-8";

/*------------------------------------------------------------
  common
  ------------------------------------------------------------ */

  #suntory_contents .contents_wrap {
  	background-color:#f0f0ea;
  	padding: 15px 0 0;
  }
  #suntory_contents .breadcrumbs {
  	margin-top: 0;
  }
  #suntory_contents img{
  	vertical-align:top;
  }
  #suntory_contents .contents_wrap a {
  	text-decoration: none;
  }

/*------------------------------------------------------------
  contentsWrapper
  ------------------------------------------------------------ */
  #suntory_contents .contentsWrapper{
  	width:960px;
  	margin:0 auto;
  }

  @media screen and (max-width:767px){
  	#suntory_contents .contentsWrapper{
  		width:auto;
  	}
  }

/*------------------------------------------------------------
  main
  ------------------------------------------------------------ */
  #suntory_contents #main{
  	position:relative;
  	width:960px;
  	margin:0 auto 50px;
  }

  @media screen and (max-width:767px){
  	#suntory_contents #main{
  		width:auto;
  		margin:0 auto 25px;
  	}
  	#suntory_contents #main img{
  		width:100%;
  	}
  }

/*------------------------------------------------------------
  report
  ------------------------------------------------------------ */
  #suntory_contents #report{
  	text-align:center;
  	margin:0 auto 44px;
  	width: 960px;
  }

  @media screen and (max-width:767px){
  	#suntory_contents #report{
  		width: auto;
  		margin:0 auto 22px;
  	}

  	#suntory_contents #report img{
  		width: 40.3125%;
  	}
  }
/*------------------------------------------------------------
  leadKids
  ------------------------------------------------------------ */
  #suntory_contents #leadKids{
  	width:960px;
  	margin:0 auto 90px;
  	position:relative;
  }
  #suntory_contents #leadKids h3{
  	width:88.33333333333333%;
  	position:absolute;
  	top:9.783989834815756%;
  	left:5.833333333333333%;
  }
  #suntory_contents #leadKids ul{
  	list-style:none;
  	position:absolute;
  	top:41.50485436893204%;
  	left:5.416666666666667%;
  }
  #suntory_contents #leadKids ul li{
  	font-size:32px;
  	line-height:1.6;
  	color:#434343;
  }
  #suntory_contents #leadKids ul li span{
  	color:#449d55;
  }
  #suntory_contents #leadKids p{
  	font-size:28px;
  	line-height:1.6;
  	color:#434343;
  	position:absolute;
  	top:64.32038834951456%;
  	left:5.625%;
  }

  @media screen and (max-width:767px){
  	#suntory_contents #leadKids{
  		width:auto;
  		margin:0 auto 45px;
  	}
  	#suntory_contents #leadKids img{
  		width:100%;
  	}
  	#suntory_contents #leadKids ul li{
  		font-size:3.4vw;
  	}
  	#suntory_contents #leadKids p{
  		font-size:2.8vw;
  	}
  }

/*------------------------------------------------------------
  contents
  ------------------------------------------------------------ */
  #suntory_contents #contents{
  	width:960px;
  	margin:0 auto 90px;
  }
  #suntory_contents #contents #cont01{
  	position:relative;
  }
  #suntory_contents #contents #cont01 .btn{
  	position:absolute;
  	top:86.26677190213102%;
  	left:10.72916666666667%;
  }
  #suntory_contents #contents #cont01 .btn a:hover{
  	-ms-filter:"alpha( opacity=80 )";
  	filter:alpha( opacity=80 );
  	opacity:0.8;
  }

  #suntory_contents #contents #cont02{
  	position:relative;
  }
  #suntory_contents #contents #cont02 ul{
  	width:56.45833333333333%;
  	list-style:none;
  	position:absolute;
  	top:28.6321155480034%;
  	left:16.875%;
  }
  #suntory_contents #contents #cont02 ul li{
  	margin-bottom:9.836065573770492%;
  	background-color:#fff;
  }
  #suntory_contents #contents #cont02 ul li a:hover{
  	-ms-filter:"alpha( opacity=80 )";
  	filter:alpha( opacity=80 );
  	opacity:0.8;
  }
  #suntory_contents #contents #cont02 ul li img{
  	width:100%;
  }

  @media screen and (max-width:767px){
  	#suntory_contents #contents{
  		width:auto;
  		margin:0 auto 45px;
  	}
  	#suntory_contents #contents img{
  		width:100%;
  	}
  	#suntory_contents #contents #cont01 .btn{
  		width:78.64583333333333%;
  	}
  }

/*------------------------------------------------------------
  info
  ------------------------------------------------------------ */
  #suntory_contents #info{
  	width:960px;
  	margin:0 auto 90px;
  	position:relative;
  }
  #suntory_contents #info .btn{
  	position:absolute;
  	top:61.09979633401222%;
  	left:26.66666666666667%;
  }
  #suntory_contents #info .btn a:hover{
  	-ms-filter:"alpha( opacity=80 )";
  	filter:alpha( opacity=80 );
  	opacity:0.8;
  }

  @media screen and (max-width:767px){
  	#suntory_contents #info{
  		width:auto;
  		margin:0 auto 45px;
  	}
  	#suntory_contents #info img{
  		width:100%;
  	}
  	#suntory_contents #info .btn{
  		width:46.77083333333333%;
  	}
  }

/*------------------------------------------------------------
  rule
  ------------------------------------------------------------ */
  #suntory_contents #rule{
  	width:960px;
  	margin:0 auto 145px;
  	text-align:center;
  }
  #suntory_contents #rule .txt01{
  	margin-bottom:46px;
  }
  #suntory_contents #rule .txt02{
  	margin:0 auto;
  }

  @media screen and (max-width:767px){
  	#suntory_contents #rule{
  		width:auto;
  		margin:0 auto 73px;
  	}
  	#suntory_contents #rule img{
  		width:100%;
  	}
  	#suntory_contents #rule .txt01{
  		margin-bottom:23px;
  	}
  	#suntory_contents #rule .txt02{
  		width:76.04166666666667%;
  	}
  }

/*------------------------------------------------------------
  museum
  ------------------------------------------------------------ */
  #suntory_contents #museum{
  	width:960px;
  	margin:0 auto 110px;
  	padding:68px 0 50px;
  	text-align:center;
  	background-color:#fff;
  }
  #suntory_contents #museum h3{
  	margin:0 auto 30px;
  }
  #suntory_contents #museum .txt01{
  	margin:0 auto 80px;
  }
  #suntory_contents #museum .map{
  	margin:0 auto 38px;
  }
  #suntory_contents #museum .txt02{
  	margin:0 auto 72px;
  }
  #suntory_contents #museum .btn01{
  	margin:0 auto 44px;
  }
  #suntory_contents #museum .btn02{
  	margin:0 auto;
  }
  #suntory_contents #museum .btn01 a:hover,
  #suntory_contents #museum .btn02 a:hover{
  	-ms-filter:"alpha( opacity=80 )";
  	filter:alpha( opacity=80 );
  	opacity:0.8;
  }

  @media screen and (max-width:767px){
  	#suntory_contents #museum{
  		width:auto;
  		margin:0 auto 55px;
  		padding:34px 0 25px;
  	}
  	#suntory_contents #museum img{
  		width:100%;
  	}
  	#suntory_contents #museum h3{
  		width:89.375%;
  		margin:0 auto 15px;
  	}
  	#suntory_contents #museum .txt01{
  		width:85.83333333333333%;
  		margin:0 auto 40px;
  	}
  	#suntory_contents #museum .map{
  		width:76.45833333333333%;
  		margin:0 auto 19px;
  	}
  	#suntory_contents #museum .txt02{
  		width:92.08333333333333%;
  		margin:0 auto 36px;
  	}
  	#suntory_contents #museum .btn01{
  		margin:0 auto 22px;
  	}
  	#suntory_contents #museum .btn01,
  	#suntory_contents #museum .btn02{
  		width:59.16666666666667%;
  	}
  }

/*------------------------------------------------------------
  archive
  ------------------------------------------------------------ */
  #suntory_contents #archive{
  	padding-bottom:110px;
  	text-align:center;
  }
  #suntory_contents #archive h4{
  	margin-bottom:24px;
  	font-size:24px;
  	color:#434343;
  	font-weight: normal;
  }
  #suntory_contents #archive ul{
  	margin:0 auto;
    display:flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
    list-style: none;
  }
  #suntory_contents #archive ul li{
    padding: 0 15px;
    border-right:solid 1px #434343;
    list-style: none;
    flex-flow: row nowrap;
    justify-content: center;
    align-items:center;
  }
  #suntory_contents #archive ul li:first-child {
    border-left:solid 1px #434343;
  }
  #suntory_contents #archive ul li a {
    display: inline-block;
    font-size:22px;
    color:#434343;
    line-height:1;
    border-bottom: 1px solid #f0f0ea;
    padding: 2px 0;
  }
  #suntory_contents #archive ul li a:hover{
    border-bottom: 1px solid #434343;
  }

  @media screen and (max-width:767px){
  	#suntory_contents #archive{
  		margin-bottom:47px;
  		padding: 0;
  	}
  	#suntory_contents #archive h4{
  		font-size:3.3vw;
  	}
  	#suntory_contents #archive ul li{
  		padding:4px 6px;
  	}
  	#suntory_contents #archive ul li a{
  		font-size:2.2vw;
  	}
  }