@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

/* =========================================================
共通
============================================================ */
.pc {
  display: block;
}

.sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}

/* =========================================================
色等
============================================================ */
.link-hover {
  transition: 0.4s;
}
.link-hover:hover {
  opacity: 0.7;
  cursor: pointer;
  text-decoration: none;
}


/* suntory_261016
************************/
#suntory_261016 {
	font-family: "Noto Serif JP", serif;
}
#suntory_261016 .campaign_content{
	border:5px solid #001b32;
	background-color: #eeeeee;
	padding: 20px 35px;
}
#suntory_261016 .campaign_content .lead{
	font-size: 20px;
	text-align: center;
	font-weight: 600;
}

#suntory_261016 .campaign_content .lead .highlight{
	font-weight: 700;
	color: #b92d22;
	font-size: 24px;
}

#suntory_261016 .campaign_content .campaign_gift{
	margin: 20px auto;
	display: flex;
	align-items: center;
	gap: 20px;
}

#suntory_261016 .campaign_content .gift_description .description_txt{
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.05em;
}

#suntory_261016 .campaign_content .gift_description .gift_wrap{
	display: flex;
	text-align: left;
	gap: 15px;
	margin: 15px 0 0;
}

#suntory_261016 .campaign_content .gift_description .gift_wrap .gift_info{
	width: 100%;
}

#suntory_261016 .campaign_content .gift_description .gift_wrap .gift_info p{
	font-family: "Noto Sans JP", serif;
	font-size: 16px;
	font-weight: 500;
}

#suntory_261016 .campaign_content .gift_description .gift_wrap .gift_info p.gift_name{
	text-indent: -0.5em;
}

#suntory_261016 .campaign_content .gift_description .gift_wrap .gift_info p.gift_price{
	text-align: right;
}
#suntory_261016 .campaign_content .gift_description .gift_wrap .gift_info p.gift_price .tax{
	font-size: 80%;
}

#suntory_261016 .campaign_content .campaign_detail{
	border-top:1px solid #001a31;
	padding: 20px 0 0;
	font-size: 15px;
	font-weight: 600;
}

#suntory_261016 .campaign_content .campaign_detail .note_list{
	margin-left: 1em;
}

#suntory_261016 .campaign_content .campaign_detail .note_list li{
	text-align: left;
	position: relative;
}

#suntory_261016 .campaign_content .campaign_detail .note_list li::before{
	content: "※";
	position: absolute;
	left: -1em;
	top: 0;
}

#suntory_261016 .campaign_content .campaign_detail .list{
	margin:10px 0 0;
}

#suntory_261016 .campaign_content .campaign_detail .list .list_box{
	display: flex;
}

#suntory_261016 .campaign_content .campaign_detail .list .list_box dt{
	position: relative;
	min-width: 11em;
}
#suntory_261016 .campaign_content .campaign_detail .list .list_box dt::before{
	content: "◆";
	color: #b92d22;
}

#suntory_261016 .campaign_content .campaign_detail .list .list_box dd::before{
	content: "：";
}

/* ムービー */
#suntory_261016 .movie_area{
		display: flex;
		background:url(/ec/shop/images/campaign/20261016_suntory/movie_bg.jpg) no-repeat;
		padding: 20px 0;
		justify-content: center;
		align-items: center;
		max-height: 264px;
	}
	#suntory_261016 .movie_area .movie{
		width: 50%;
		aspect-ratio: 16 / 9;
	}
	#suntory_261016 .movie_area .movie iframe{
		width: 100%;
		height: 100%;
	}
	#suntory_261016 .movie_area .moviebnr{
		width: 40%;
	}
	
	@media screen and (max-width: 767px) {
		#suntory_261016 .campaign_content{
			padding: 20px;
		}
		#suntory_261016 .campaign_content .lead{
			font-size: 16px;
		}
#suntory_261016 .campaign_content .campaign_gift{
	flex-direction: column;
}

#suntory_261016 .campaign_content .gift_description .gift_wrap .gift_info p.gift_name{
	font-family: "Noto Sans JP", serif;
	font-size: 16px;
	font-weight: 500;
}

#suntory_261016 .campaign_content .gift_description .gift_wrap .gift_info p.gift_price{
	text-align: left;
	font-family: "Noto Sans JP", serif;
	font-size: 16px;
	font-weight: 500;
}


#suntory_261016 .campaign_content .campaign_detail .list .list_box{
	flex-direction: column;
}

#suntory_261016 .campaign_content .campaign_detail .list .list_box:not(:last-child){
	margin-bottom: 10px;
}

#suntory_261016 .campaign_content .campaign_detail .list .list_box dd::before{
	display: none;
}

#suntory_261016 .campaign_content .campaign_detail dl dt,
#suntory_261016 .campaign_content .campaign_detail dl dd,
#suntory_261016 .campaign_content .campaign_detail ul li{
	font-size: 15px;
}



#suntory_261016 .movie_area{
		flex-direction: column;
		gap: 20px;
	}
	/* 可変のための処理 */
	#suntory_261016 .movie_area .movie{
		width: 90%;
		aspect-ratio: 16 / 9;

	}
		#suntory_261016 .movie_area .movie iframe{
		width: 100%;
  	height: 100%;
	}

	#suntory_261016 .movie_area .moviebnr{
		width: 100%;
	}

	}