@charset "utf-8";

/* common
------------------------------------------------------------ */
@import url("common.css");


/*  contents
------------------------------------------------------------ */
#suntory_contents #archiveTitle {
	margin: 0 auto 40px;
	width: 960px;
}
#suntory_contents #archiveTitle h1 {
	font-size: 2em;
    color: #998b57;
}

/*  contents
------------------------------------------------------------ */
#suntory_contents #contents {
	margin: 0 auto;
	padding-bottom: 200px;
	width: 984px;
	opacity: 0;
}
#suntory_contents #contents { /zoom :1; }
#suntory_contents #contents:after { content :''; display :block; clear :both; }


#suntory_contents #contents .item {
	margin: 0 0 30px;
	float: left;
	width: 222px;
	position: relative;
}
#suntory_contents #contents .item.illustlation {
	background: none;
}


#suntory_contents #contents .item .art {
	width: 54px;
	height: 49px;
	background: url(/sfa/artkids/img/icon_art_fan.png) no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	top: -21px;
	left: 179px;
}

#suntory_contents #contents .navigation {
	text-indent: -9999px;
}

/*test icon style*/
#type2 #suntory_contents #contents .item .art {
	width: 49px;
	height: 49px;
	background: url(/sfa/artkids/img/icon_art_emblem.png) no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	top: -21px;
	left: 184px;
}

/*test fade*/
#type2 #suntory_contents #contents .item span {
	display: none;
}


#suntory_contents #contents .item .music {
	width: 33px;
	height: 51px;
	background: url(/sfa/artkids/img/icon_music.png) no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	top: -14px;
	left: 202px;
}

#suntory_contents #contents .item.large {
	width: 468px;
	margin: 0 0 50px;
	z-index: 1000;
}
#suntory_contents #contents .item figure {
	margin: 0;
}
#suntory_contents #contents .item figure img {
	width: 100%;
	vertical-align: top;
}




#suntory_contents #contents .item dl {
	padding: 24px;
	background: #fff;
}
#suntory_contents #contents .item dt {
	margin-bottom: 10px;
	font-size: .75em;
	line-height: 12px;
	color: #4c4c4c;
	display: inline-block;
}
#suntory_contents #contents .item dt.new {
	background: url('/sfa/artkids/img/icon_new.png') no-repeat;
	padding: 0 48px 0 0;
}

#suntory_contents #contents .item dd {
	font-size: .875em;
	line-height: 1.6;
	color: #4c4c4c;
}
#suntory_contents #contents .item a {
	text-decoration: none;
}

#suntory_contents #contents .item a:hover img {
-ms-filter: "alpha( opacity=75 )";
filter: alpha( opacity=75 );
opacity: 0.75;
}
#suntory_contents #contents .item a:hover span {
-ms-filter: "alpha( opacity=75 )";
filter: alpha( opacity=75 );
opacity: 0.75;
z-index:100;
}
#suntory_contents #contents .item a:hover dl {
-ms-filter: "alpha( opacity=75 )";
filter: alpha( opacity=75 );
opacity: 0.75;	
}


#suntory_contents #contents .item .itemHide{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#fff;
}


/*202207 Jquery3.6.0 fancybox2.1.5*/
body.music .fancybox-overlay {
	background: rgb(227,52,110,0.6); !important;
}
body.art .fancybox-overlay {
	background: rgb(28,154,215,0.6) !important;
}
.fancybox-wrap {
	/*left: 50% !important;
    transform: translateX(-50%) !important;*/
    top: 100px !important;
}
.fancybox-skin {
    /*margin: 100px 0 !important;*/
	margin-bottom: 100px !important;
}
.fancybox-inner {
	height: auto !important;
}
.fancybox-close {
    width: 137px !important;
    height: 80px !important;
    top: unset !important;
    bottom: 3% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
	background: url(/sfa/artkids/img/modal_btn_close.gif) no-repeat left top !important;
	background-size: 100% auto !important;
}