@charset "utf-8";

/*------------------------------------------------------------
  common
  ------------------------------------------------------------ */
  #suntory_contents .contents_wrap {
    background-color:#f0f0ea;
    padding: 15px 0 60px;
  }
  #suntory_contents .breadcrumbs {
    margin-top: 0;
  }

  /* for PC */
/*------------------------------------------------------------
  titleKids（PC）
------------------------------------------------------------ */
#suntory_contents #titleKids {
    background: url(../img/bg_titleKids.png) no-repeat 0 0;
		position: relative;
		width: 960px;
    height: 582px;
    margin: 0 auto 40px;
}

#suntory_contents #titleKids #infoBox { position: absolute; top: 39px; left: 108px; }
#suntory_contents #titleKids #date21 { position: absolute; bottom: 221px; right: 15px; }

#suntory_contents #infoBox_sp { display: none; }


/*------------------------------------------------------------
  contentKids（PC）
------------------------------------------------------------ */
/*nowOpen
-------------------------------------------------------------*/
#suntory_contents #contentKids #nowOpen {
    background: url(../img/bg_nowOpen.png) no-repeat 0 0;
		position: relative;
		width: 960px;
    height: 610px;
    margin: 0 auto;
}

#suntory_contents #contentKids #nowOpen h2 { position: absolute; top: 10px; left: 41px; }
#suntory_contents #contentKids #nowOpen h3 { position: absolute; top: 140px; left: 41px; }
#suntory_contents #contentKids #nowOpen .btn { position: absolute; top: 456px; left: 41px; }
#suntory_contents #contentKids #nowOpen .floor_map { position: absolute; top: 113px; left: 471px; }

#suntory_contents #contentKids #nowOpen .btn a:hover {
		-ms-filter: "alpha( opacity=80 )";
		filter: alpha( opacity=80 );
		opacity: 0.8;
}


/*floor
-------------------------------------------------------------*/
#suntory_contents #contentKids .floor {
		width: 960px;
		margin: 0 auto;
		line-height: 0;
}

#suntory_contents #contentKids .floor ul li {
		list-style: none;
}


/*moreInfo
-------------------------------------------------------------*/
#suntory_contents #contentKids #moreInfo {
    background: url(../img/bg_moreInfo.png) no-repeat 0 0;
		position: relative;
		width: 960px;
    height: 340px;
    margin: 0 auto 40px;
}

#suntory_contents #contentKids #moreInfo .mitsui h3 { position: absolute; top: 27px; left: 59px; }
#suntory_contents #contentKids #moreInfo .mitsui p { position: absolute; top: 219px; left: 59px; }

#suntory_contents #contentKids #moreInfo .designSight h3 { position: absolute; top: 20px; left: 608px; }
#suntory_contents #contentKids #moreInfo .designSight p { position: absolute; top: 219px; left: 606px; }

#suntory_contents #contentKids #moreInfo .mitsui p a:hover,
#suntory_contents #contentKids #moreInfo .designSight p a:hover {
		-ms-filter: "alpha( opacity=80 )";
		filter: alpha( opacity=80 );
		opacity: 0.8;
}


/*------------------------------------------------------------
  mapMuseum（PC）
------------------------------------------------------------ */
#suntory_contents #mapMuseum {
		position: relative;
		width: 960px;
    height: 380px;
    margin: 0 auto 50px;
}

#suntory_contents #mapMuseum h4 { position: absolute; top: 0; left: 0; }
#suntory_contents #mapMuseum p.address { position: absolute; top: 74px; left: 0; }
#suntory_contents #mapMuseum p.transportation { position: absolute; top: 150px; left: 0; }

#suntory_contents #mapMuseum ul { position: absolute; top: 269px; left: -5px; }
#suntory_contents #mapMuseum ul li { list-style: none; }
#suntory_contents #mapMuseum ul li a { text-indent: -9999px; width: 338px; height: 50px; display: block; }

#suntory_contents #mapMuseum ul li.top a {
		background: url(../img/btn_museum_top_off.png) no-repeat 0 0;
}

#suntory_contents #mapMuseum ul li.top a:hover {
		background: url(../img/btn_museum_top_on.png) no-repeat 0 0;
}

#suntory_contents #mapMuseum ul li.time a {
		background: url(../img/btn_museum_time_off.png) no-repeat 0 0;
}

#suntory_contents #mapMuseum ul li.time a:hover {
		background: url(../img/btn_museum_time_on.png) no-repeat 0 0;
}

#suntory_contents #mapMuseum div.map { position: absolute; top: 0; right: 66px; }


/*------------------------------------------------------------
  btnArea（PC）
------------------------------------------------------------ */
#suntory_contents #btnArea { margin: 50px 0 40px; }

#suntory_contents #btnArea p a {
	text-indent: -9999px;
	margin: 0 auto;
	width: 400px;
	height: 68px;
	display: block;
	background: url(../img/btn_report_off.png) no-repeat 0 0;
}

#suntory_contents #btnArea p a:hover {
	background: url(../img/btn_report_on.png) no-repeat 0 0;
}




@media screen and (max-width:767px){
  /* for SP */

  #suntory_contents .contents_wrap {
        padding: 0;
  }


/*------------------------------------------------------------
  titleKids（SP）
------------------------------------------------------------ */
#suntory_contents #titleKids {
    background: none;
		width: 96%;
    height: auto;
		margin: 15px auto;
}

#suntory_contents #titleKids #infoBox { display: none; }
#suntory_contents #titleKids #date21 { display: none; }

#suntory_contents #infoBox_sp { display: block; }
#suntory_contents #infoBox_sp img { width: 100%; }


/*------------------------------------------------------------
  contentKids（SP）
------------------------------------------------------------ */
/*nowOpen
-------------------------------------------------------------*/
#suntory_contents #contentKids #nowOpen {
    background: url(../img/sp/nowOpen.png) no-repeat 0 0;
		width: 96%;
    height: auto;
		padding-top: 61%;
		background-size: contain;
}

#suntory_contents #contentKids #nowOpen h2 { display: none; }
#suntory_contents #contentKids #nowOpen h3 { display: none; }
#suntory_contents #contentKids #nowOpen .floor_map { display: none; }

#suntory_contents #contentKids #nowOpen .btn { position: absolute; top: 75%; left: 5%; width: 36%; }
#suntory_contents #contentKids #nowOpen .btn img { width: 100%; }


/*floor
-------------------------------------------------------------*/
#suntory_contents #contentKids .floor { width: 96%; }
#suntory_contents #contentKids .floor img { width: 100%; }


/*moreInfo
-------------------------------------------------------------*/
#suntory_contents #contentKids #moreInfo {
    background: url(../img/sp/moreInfo.png) no-repeat 0 0;
		position: relative;
		width: 96%;
    height: auto;
		padding-top: 35.41%;
		background-size: contain;
		margin: 0 auto 10px;
}

#suntory_contents #contentKids #moreInfo .mitsui h3 { display: none; }
#suntory_contents #contentKids #moreInfo .mitsui p { position: absolute; top: 61%; left: 6%; width: 32%; }

#suntory_contents #contentKids #moreInfo .designSight h3 { display: none; }
#suntory_contents #contentKids #moreInfo .designSight p { position: absolute; top: 61%; left: 62.5%;  width: 32%; }

#suntory_contents #contentKids #moreInfo .mitsui p img,
#suntory_contents #contentKids #moreInfo .designSight p img { width: 100%; }


/*------------------------------------------------------------
  mapMuseum（SP）
------------------------------------------------------------ */
#suntory_contents #mapMuseum {
    background: url(../img/sp/mapMuseum.png) no-repeat 0 0;
		position: relative;
		width: 96%;
    height: auto;
		padding-top: 39.58%;
		background-size: contain;
		margin: 0 auto 60px;
}

#suntory_contents #mapMuseum h4 { display: none; }
#suntory_contents #mapMuseum p.address { display: none; }
#suntory_contents #mapMuseum p.transportation { display: none; }

#suntory_contents #mapMuseum ul { position: absolute; top: 66%; left: 0; }
#suntory_contents #mapMuseum ul li { list-style: none; }
#suntory_contents #mapMuseum ul li a { text-indent: -9999px; width: 150px; height: 25px; display: block; }

#suntory_contents #mapMuseum ul li.top a {
		background: url(../img/btn_museum_top_off.png) no-repeat 0 0;
		background-size: 100%;
}

#suntory_contents #mapMuseum ul li.top a:hover {
		background: url(../img/btn_museum_top_on.png) no-repeat 0 0;
		background-size: 100%;
}

#suntory_contents #mapMuseum ul li.time a {
		background: url(../img/btn_museum_time_off.png) no-repeat 0 0;
		background-size: 100%;
}

#suntory_contents #mapMuseum ul li.time a:hover {
		background: url(../img/btn_museum_time_on.png) no-repeat 0 0;
		background-size: 100%;
}

#suntory_contents #mapMuseum ul li.top a img,
#suntory_contents #mapMuseum ul li.time a img {
		width: 100%;
}

#suntory_contents #mapMuseum div.map { display: none; }


/*------------------------------------------------------------
  btnArea（SP）
------------------------------------------------------------ */
#suntory_contents #btnArea { margin: -10px 0 0; }

#suntory_contents #btnArea p a {
	width: 100%;
	background-size: 60%;
	background-position: 50%;
}

#suntory_contents #btnArea p a:hover {
	background-size: 60%;
	background-position: 50%;
}


}