@charset "utf-8";

/* CSS Document */

/*-------------------------
- mv
- sec_hole
- sec_course
-------------------------*/

/*=======================================
mv
=======================================*/
#suntory_contents .mv {
	position: relative;
}
#suntory_contents .mv .ttl {
	position: absolute;
	top: 4.6rem;
	width: 87%;
	left: 48%;
	transform: translateX(-50%);
}

/*=======================================
　sec_hole
=======================================*/

#suntory_contents .sec_hole {
	background: #f2f3e8;
	padding: 1.07rem 0 ;
}

#suntory_contents .sec_hole.inner {
}
#suntory_contents .sec_hole .inner .hole_list {
	display: flex;
	margin-bottom: 0.64rem;
	align-items: flex-end;
}
#suntory_contents .sec_hole .inner .hole_list .item {
	width: auto;
}
#suntory_contents .sec_hole .inner .hole_list .item:last-child{
	margin-right: 0;
}



#suntory_contents .back_btn {
	background: #f2f3e8;
}

/* 詳細ページ */

/*=======================================
sec_course
=======================================*/

#suntory_contents .sec_course {
	background: #f2f3e8;
	padding: 2.03rem 0 0;
}
#suntory_contents .sec_course .top_area {
	padding: 3.03rem 0 0;
	margin-bottom: -3rem;
}
#suntory_contents .sec_course .top_area .inner {
	position: relative;
	z-index: 1;
}
#suntory_contents .sec_course .top_area .inner .ttl {
	width: 71%;
	margin: 0 auto 1.25rem;
}
#suntory_contents .sec_course .top_area .inner .copy_01 {
	margin-bottom: 1.03rem;
	font-weight: 700;
	font-size: 1.2rem;
	text-align: center;
}
#suntory_contents .sec_course .top_area .inner .img {
	width: 80%;
	margin-left: auto;
}
#suntory_contents .sec_course .bottom_area {
	padding: 5% 3%;
	background: #f2f3e8;
}
#suntory_contents .sec_course .bottom_area .inner {
	position: relative;
	z-index: 1;
	background: #fff;
	padding: 3%;
}
#suntory_contents .sec_course .bottom_area .inner .poiint_list {
	padding-left: 1em;
}
#suntory_contents .sec_course .bottom_area .inner .poiint_list .item {
	position: relative;
	font-size: 1.07rem;
	letter-spacing: -0.01em;
	line-height: 1.9;
}
#suntory_contents .sec_course .bottom_area .inner .poiint_list .item::before {
	content: '';
	position: absolute;
	left: -1.1em;
	top: 0.5em;
	width: 1em;
	height: 1em;
	background: #ca5178;
	border-radius: 50vw;
}


#suntory_contents .sec_course.eye .top_area {
	position: relative;
	padding: 3.03rem 0 9.57rem;
	margin-bottom: 0;
}
#suntory_contents .sec_course.eye .eye_area {
	position: absolute;
	bottom: 0;
	left: 0;
}
#suntory_contents .sec_course.eye .bottom_area {
	background: linear-gradient(90deg,#fff78c 0%,#f4b3c7 34%,#f4b3c7 64%, #81cde4 100%);
}

@media only screen and (max-width: 769px){
	#suntory_contents .sec_course.eye .top_area {
		padding: 3.03rem 0 19.57rem;
	}
}

@media only screen and (max-width: 640px){
	#suntory_contents .sec_course.eye .top_area {
		padding: 3.03rem 0 9.57rem;
	}
}


/* /////////////
hole01~18 
//////////////*/

#suntory_contents .btn-eye{
	padding-top: 5%;
}

#suntory_contents .sec_course .area03,
#suntory_contents .sec_course .area07{
	margin-bottom: -1rem;
}

#suntory_contents .sec_course .bottom_area .inner .poiint_list .item03 {
	letter-spacing: -0.02em;
}

#suntory_contents .sec_course .area04,
#suntory_contents .sec_course .area08{
	margin-bottom: -2rem;
}

#suntory_contents .sec_course .img09{
	margin-top: -1.5rem;
}

#suntory_contents .sec_course.eye .eye05{
	bottom: -2.5rem;
}

#suntory_contents .sec_course .bottom05{
	margin-top: 2.5rem;
}

@media only screen and (max-width: 640px){
	#suntory_contents .sec_course.eye .eye05 {
		bottom: -8rem;
	}

	#suntory_contents .sec_course .bottom05{
		margin-top: 8rem;
	}
}

#suntory_contents .sec_course .copy06,
#suntory_contents .sec_course .copy09,
#suntory_contents .sec_course .copy12,
#suntory_contents .sec_course .copy18{
	font-feature-settings: "palt";
}

#suntory_contents .sec_course .area06{
	margin-bottom: 1rem;
}

#suntory_contents .sec_course.eye .eye09{
	bottom: 1rem;
}

#suntory_contents .sec_course .bottom09{
	margin-top: -1rem;
}

#suntory_contents .sec_course .bottom10,
#suntory_contents .sec_course .bottom12{
	margin-top: 1rem;
}

#suntory_contents .sec_course .img11{
	margin-top: 3rem;
}

#suntory_contents .sec_course .bottom11{
	margin-top: 2rem;
}

#suntory_contents .sec_course.eye .eye12{
	bottom: -1rem;
}

#suntory_contents .sec_course .area13,
#suntory_contents .sec_course .area15,
#suntory_contents .sec_course .area17{
	margin-bottom: 0;
}

#suntory_contents .sec_course.eye .eye14{
	bottom: -3.5rem;
}

#suntory_contents .sec_course .bottom14{
	margin-top: 3.5rem;
}

@media only screen and (max-width: 640px){
	#suntory_contents .sec_course.eye .eye14{
		bottom: -6rem;
	}
	
	#suntory_contents .sec_course .bottom14{
		margin-top: 6rem;
	}
}

#suntory_contents .sec_course .img16{
	margin-top: 5rem;
}

#suntory_contents .sec_course.eye .eye16{
	bottom: -2rem;
}

#suntory_contents .sec_course .bottom16{
	margin-top: 2rem;
}

@media only screen and (max-width: 640px){
	#suntory_contents .sec_course.eye .eye16{
		bottom: -6rem;
	}

	#suntory_contents .sec_course .bottom16{
		margin-top: 6rem;
	}
}

#suntory_contents .sec_course.eye .eye18{
	bottom: 3rem;
}

#suntory_contents .sec_course .bottom18{
	margin-top: -3rem;
}