@charset "utf-8";

/* CSS Document */

/*-------------------------
- base
- MV
- sec_map
- sec_nav
- sec_accordion
-------------------------*/

/*=======================================
　base
=======================================*/
#suntory_contents #event_guide {
	background-color: #fff;
}

/*=======================================
　MV
=======================================*/
#suntory_contents #event_guide .main_ttl {
	background-color: #00b2d4;
}
#suntory_contents #event_guide .mv {
	margin-bottom: 4.071rem;
}

/*=======================================
　sec_map
=======================================*/
#suntory_contents #event_guide .sec_map {
	margin-bottom: 5.357rem;
}
#suntory_contents #event_guide .sec_map .inner h3 {
	width: 60.27%;
	margin: 0 auto 0.786rem;
}
#suntory_contents #event_guide .sec_map .inner .map {
	position: relative;
}
#suntory_contents #event_guide .sec_map .inner .map .icon_move {
	width: 10.55%;
	position: absolute;
	right: -3.73%;
	bottom: -2.68%;
}

/*=======================================
　sec_nav
=======================================*/
#suntory_contents #event_guide .sec_nav .inner ul li {
	position: relative;
	margin-bottom: 6.25rem;
}
#suntory_contents #event_guide .sec_nav .inner ul li .img {
	filter:drop-shadow(0 8.5039px 4.252px rgb(4, 0, 0, 0.5));
	will-change: filter;
}
#suntory_contents #event_guide .sec_nav .inner ul li .icon_new {
	position: absolute;
	top: -1.964rem;
	left: 1.429rem;
	width: 20.34%;
}
#suntory_contents #event_guide .sec_nav .inner ul li .btn {
	position: absolute;
	position: absolute;
	left: 50%;
	transform : translateX(-50%);
	bottom: -1.786rem;
}

/*=======================================
　sec_accordion
=======================================*/
#suntory_contents #event_guide .sec_accordion {
	margin-bottom: 3.75rem;
}
#suntory_contents #event_guide .sec_accordion .inner .aco_ttl_area {
	position: relative;
	cursor: pointer;
	/* transition: all 0.3s ease; */
	z-index: 1;
}
#suntory_contents #event_guide .sec_accordion .inner .aco_ttl_area:hover {
	/* opacity: 0.6; */
}
#suntory_contents #event_guide .sec_accordion .inner .aco_ttl_area h3 {
	filter:drop-shadow(0 8.5039px 4.252px rgb(4, 0, 0, 0.5));
	will-change: filter;
}
#suntory_contents #event_guide .sec_accordion .inner .aco_ttl_area .aco_open_btn {
	position: absolute;
	width: 7.78%;
	bottom: -0.821rem;
	right: 0.714rem;
}
#suntory_contents #event_guide .sec_accordion .inner .aco_content {
	display: none;
	border: 4px solid #A660A3;
	padding: 2.679rem 5% 3.393rem;
	position: relative;
	transform: translateY(-4px);
}
#suntory_contents #event_guide .sec_accordion .inner .aco_content .aco_item:not(:last-of-type) {
	margin-bottom: 2.5rem;
}
#suntory_contents #event_guide .sec_accordion .aco_close_btn {
	position: absolute;
	width: 7.78%;
	bottom: 0.536rem;
	right: 0.714rem;
	cursor: pointer;
}
#suntory_contents #event_guide .sec_accordion .inner .aco_content .aco_item h4 {
	margin-bottom: 0.8rem;
	text-indent: -0.5em;
	padding-left: 0.5em;
	font-size: 1.107rem;
	font-weight: 500;
}
#suntory_contents #event_guide .sec_accordion .inner .aco_content .aco_item .common_text {
	margin-bottom: 0.893rem;
}
#suntory_contents #event_guide .sec_accordion .inner .aco_content .aco_item .img figure figcaption{
	font-size: 0.6428571428571429rem;
	font-size: 18px;
	text-align: right;
	margin-top: 0.0785714285714286rem;
}
@media only screen and (max-width: 768px){
#suntory_contents #event_guide .sec_accordion .inner .aco_content .aco_item .img figure figcaption{
	font-size: 0.5rem;
	font-size: 12px;
}
}