@charset "utf-8";

#suntory_contents {
	display: flex;
	flex-direction: column;
	font-family: sans-serif
}

#suntory_contents .bc {
	order: 2
}

#suntory_contents .bc ol {
	display: flex;
	margin: 4vw
}

#suntory_contents .bc li {
	font-size: 2.9333333333333vw;
	display: block;
	color: #888
}

#suntory_contents .bc li a {
	color: #00aadd;
	text-decoration: none
}

#suntory_contents .bc li a::after {
	content: '>';
	color: #888;
	margin: 0 1.3333333333333vw
}

#suntory_contents .contents {
	order: 1;
	color: #222
}

/*==================================================
lead
================================================== */
#suntory_contents #lead h1 {
	padding: 6.9333333333333vw 0 6.4vw 5.3333333333333vw;
	position: relative;
	background: rgb(244, 244, 244);
	background: linear-gradient(180deg, rgba(244, 244, 244, 1) 0%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 1) 100%);
	background-repeat: repeat-x;
	background-size: auto 4vw
}
#suntory_contents #lead h1 .txt {
	font-size: 5.4vw;
	font-weight: bold;
	color: #222;
	letter-spacing: -.05em
}

#suntory_contents #lead h1 .icn {
	width: 5.3333333333333vw;
	height: 4.5333333333333vw;
	display: block;
	background: url(/rtd/assets/img/ic_menu.svg) no-repeat center center;
	background-size: auto 100%;
	position: absolute;
	top: calc(50% - 2.2666666666667vw);
	right: 3.3333333333333vw
}

#suntory_contents #lead section.active h1 {
	background: #d9f2fa
}
#suntory_contents #lead section.active h1 .icn {
	background: url(/rtd/assets/img/ic_close.svg) no-repeat center center;
	background-size: auto 100%
}

#suntory_contents #lead .nav {
	margin-bottom: 4vw;
	padding-bottom: 2.6666666666667vw;
	position: relative;
	display: none;
}
#suntory_contents #lead .active .nav {
	display: block;
}

#suntory_contents #lead .nav::after {
	content: '';
	width: 100vw;
	height: 2.6666666666667vw;
	background: -webkit-linear-gradient(top, rgb(0, 170, 221, .3) 0%, rgba(0, 170, 221, 0) 100%);
	background: linear-gradient(to bottom, rgb(0, 170, 221, .3) 0%, rgba(0, 170, 221, 0) 100%);
	position: absolute;
	bottom: 0;
	left: 0
}
#suntory_contents #lead .nav ul {
	background: #d9f2fa;
	padding: 0 4vw 24vw
}
#suntory_contents #lead .nav li a {
	margin-bottom: 4vw;
	padding-left: 8vw;
	height: 16vw;
	background: #fff url(/rtd/assets/img/ic_a_d.svg) no-repeat right 8vw center;
	background-size: 4.1333333333333vw 100%;
	text-decoration: none;
	display: flex;
	align-items: center;
	font-size: 4.2666666666667vw;
	letter-spacing: -.05em;
	font-weight: bold;
	color: #222;
	border-radius: 8vw
}
#suntory_contents #lead .nav li:last-child a {
	margin-bottom: 0
}

#suntory_contents #lead p {
	margin: 0 5.3333333333333vw 6.6666666666667vw;
	font-size: 2.9333333333333vw;
	line-height: 1.25
}

/*==================================================
SP menu
================================================== */
@media screen and (max-width:767px) {
	#suntory_contents .close .nav {
		display: none
	}
	#suntory_contents .active .nav {
		display: block
	}
	#suntory_contents .btn_close {
		margin: 0;
		border: 0;
		width: 28vw;
		height: 10.6666666666667vw;
		font-size: 3.7333333333333vw;
		font-weight: bold;
		color: #fff;
		display: flex;
		align-items: center;
		background: #00ccee url(/rtd/assets/img/ic_close_w.svg) no-repeat right 4.9333333333333vw center;
		background-size: 3.4666666666667vw auto;
		border-radius: 5.3333333333333vw;
		padding-left: 6.4vw;
		position: absolute;
		bottom: 9.3333333333333vw;
		left: calc(50% - 14vw)
	}
}

/*==================================================
mv
================================================== */
#suntory_contents .slider {
	margin: 0 0 0.6666666666667vw;
	display: none;
}
#suntory_contents .slider.slick-initialized {
	display: block;
}
#suntory_contents .slider .slide picture {
	width: 100%;
}
#suntory_contents .slider .slide picture img{
	width: 100%;
	height: auto;
}

#suntory_contents section h2 {
	margin-bottom: 6.6666666666667vw;
	font-size:5.3333333333333vw;
	line-height: 1;
	font-weight:bold;
	text-align: center;
}

/*==================================================
announcement
================================================== */
#suntory_contents #announcement {
	margin: 8.8vw 4vw 6.4vw;
}

#suntory_contents #announcement .inner {
	padding: 4vw;
	border: 1px #00ccee solid;
	background: #fff;
	box-shadow: 0 0 1.4vw 0 rgba(204, 204, 204, 1)
}

#suntory_contents #announcement .text {
	margin: 0 0 2.666666666666667vw 1em;
	text-indent: -1em;
	font-size: 3.466666666666667vw;
	line-height: 1.5;
	font-weight: bold;
	color: #00aadd
}

#suntory_contents #announcement dl {
	border-top: 1px #e4f4ff solid;
	padding-top: 2.666666666666667vw
}

#suntory_contents #announcement dl+dl {
	margin-top: 2.666666666666667vw;
	padding: 0;
	border: none
}

#suntory_contents #announcement dt {
	font-size: 2.9333333333333vw;
	line-height: 1.5;
	font-weight: bold;
	white-space: nowrap
}

#suntory_contents #announcement dd p {
	font-size: 2.9333333333333vw;
	line-height: 1.8
}

#suntory_contents #announcement li {
	font-size: 2.9333333333333vw;
	line-height: 1.8
}

/*==================================================
products
================================================== */
#suntory_contents .btn_products_information {
	margin: 4.4vw 0 0;
	text-align: center
}

#suntory_contents .btn_products_information a {
	background: #e5f6fc url("/rtd/assets/img/ic_a_b.svg") no-repeat right 2.6666666666667vw center;
	background-size: 1.0666666666667vw auto;
	display: inline-flex;
	align-items: center;
	height: 8vw;
	font-size: 2.9333333333333vw;
	font-weight: bold;
	text-decoration: none;
	color: #00aadd;
	padding: 0 4vw 0 3vw;
	border-radius: 4vw
}

#suntory_contents .products {
	margin: 0 2.6666666666667vw;
	padding-top: 11.066666666666667vw
}

#suntory_contents .products ul {
	display: flex;
	flex-wrap: wrap;
	width: calc(100vw - 5.3333333333334vw)
}

#suntory_contents .products li {
	margin: 0 4vw 4vw 0;
	position: relative;
	width: 45.3333333333333vw;
	background: #fff;
	box-shadow: 0 0 1.4vw 0 rgba(204, 204, 204, 1);
	padding-bottom: 21.3333333333333vw
}

#suntory_contents .products li:nth-child(even) {
	margin: 0 0 4vw
}

#suntory_contents .products li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: #222
}

#suntory_contents .products li a.primary {
	padding: 5.3333333333333vw 0 0
}

#suntory_contents .products li a h3 {
	margin: 5.3333333333333vw 0;
	font-size: 4vw;
	font-weight: bold
}

#suntory_contents .products li a .site {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 29.3333333333333vw;
	height: 6.6666666666667vw;
	padding-right: 2.6666666666667vw;
	background: #00ccee url("/rtd/assets/img/ic_a_w.svg") no-repeat right 2.6666666666667vw center;
	background-size: 1.0666666666667vw auto;
	border-radius: 3.3333333333333vw;
	font-size: 2.9333333333333vw;
	font-weight: bold;
	color: #fff;
	position: absolute;
	bottom: 14.6666666666667vw;
	left: calc(50% - 14.6666666666667vw)
}

#suntory_contents .products li .information a {
	position: absolute;
	bottom: 5.3333333333333vw;
	left: calc(50% - 14.6666666666667vw);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 29.3333333333333vw;
	height: 6.6666666666667vw;
	border-radius: 3.3333333333333vw;
	padding-right: 2.6666666666667vw;
	background: #e5f6fc url("/rtd/assets/img/ic_a_b.svg") no-repeat right 2.6666666666667vw center;
	background-size: 1.0666666666667vw auto;
	font-size: 2.9333333333333vw;
	letter-spacing: -.075em;
	font-weight: bold;
	color: #00aadd;
	box-sizing: border-box
}

#suntory_contents .products picture,
#suntory_contents .products picture img {
	width: 14vw;
	height: 26.6666666666667vw
}

#suntory_contents #non_al {
	margin: -4vw 2.6666666666667vw 0
}

/*==================================================
news
================================================== */
#suntory_contents #news {
	margin: 6.6666666666667vw 0 0;
	padding: 6.6666666666667vw 2.6666666666667vw 0;
	border-top: 1px #e5e5e5 solid
}

#suntory_contents #news ul {
	display: flex;
	flex-wrap: wrap;
	width: calc(100vw - 5.3333333333334vw)
}

#suntory_contents #news li {
	margin: 0 4vw 6.6666666666667vw 0;
	position: relative;
	width: 45.3333333333333vw
}

#suntory_contents #news li:nth-child(even) {
	margin: 0 0 4vw
}

#suntory_contents #news li a {
	display: block;
	position: relative;
	text-decoration: none;
	color: #222
}

#suntory_contents #news li a .tag {
	position: absolute;
	top: 0;
	left: 0;
	width: 16vw;
	height: 5.3333333333333vw;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.4vw;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	z-index: 10
}

#suntory_contents #news li.new a .tag {
	background: #0099ff
}

#suntory_contents #news li.campaign a .tag {
	background: #ea7ec0
}

#suntory_contents #news li.coming_soon a .tag {
	background: #33cc00
}

#suntory_contents #news li.event a .tag {
	background: #edbe00
}

#suntory_contents #news li.notice a .tag {
	background: #5b7186
}
#suntory_contents #news li picture {
    display: block;
    margin-bottom: 2.6666666666667vw;
    background: #e6e6e6;
    background: linear-gradient(to bottom,  #e6e6e6 0%,#f7f7f7 100%)}
#suntory_contents #news li.new picture {
    background: #d6f1ff;
    background: linear-gradient(to bottom,  #d6f1ff 0%,#f0faff 100%)}
#suntory_contents #news li picture img {
    width: 100%;
    height: auto;
}
#suntory_contents #news li a .text {
	margin-bottom: 2vw;
	font-size: 3.4666666666667vw;
	line-height: 1.3
}

#suntory_contents #news li a .date {
	font-size: 3.2vw;
	letter-spacing: -.05em;
	color: #888;
	text-align: right
}

/*==================================================
qa
================================================== */
#suntory_contents #qa {
	margin: 0 0 8vw 0;
	padding: 10.6666666666667vw 0 8vw;
	background: #e4f4ff
}

#suntory_contents #qa .btn_all {
	margin-bottom: 12vw;
	text-align: center
}

#suntory_contents #qa .btn_all a {
	display: inline-flex;
	height: 10.6666666666667vw;
	align-items: center;
	background: url("/rtd/assets/img/ic_qa.png") no-repeat 2.6666666666667vw center, #00ccee url("/rtd/assets/img/ic_a_w.svg") no-repeat right 4vw center;
	background-size: 8.5333333333333vw auto, 1.6vw auto;
	text-decoration: none;
	color: #fff;
	font-size: 4vw;
	font-weight: bold;
	border-radius: 5.3333333333333vw;
	padding: 0 10.8vw 0 16vw
}

#suntory_contents #qa li a {
	text-decoration: none;
	color: #222;
	font-size: 3.4666666666667vw;
	position: relative
}

#suntory_contents #qa .q {
	margin: 0 9.3333333333333vw 4.5333333333333vw 4vw;
	background: #fff;
	border-radius: 5.3333333333333vw;
	min-height: 16vw;
	filter: drop-shadow(0 0.8vw 0 #aaddff);
	position: relative;
	padding: 4vw 16vw 4vw 13.3333333333333vw
}

#suntory_contents #qa .q::before {
	content: '';
	width: 5.3333333333333vw;
	height: 2.6666666666667vw;
	background: url("/rtd/assets/img/ic_tri_d.svg") no-repeat 0 0;
	background-size: 5.3333333333333vw auto;
	position: absolute;
	bottom: -2.6666666666667vw;
	left: 12vw
}

#suntory_contents #qa .q::after {
	content: '';
	width: 8vw;
	height: 8vw;
	background: #cceeff url("/rtd/assets/img/ic_a_hd.svg") no-repeat center center;
	background-size: 3.2vw auto;
	position: absolute;
	top: calc(50% - 4vw);
	right: 4vw;
	border-radius: 50%
}

#suntory_contents #qa .a {
	margin: 0 4vw 12.1333333333333vw 9.3333333333333vw;
	background: #cceeff;
	border-radius: 5.3333333333333vw;
	min-height: 16vw;
	filter: drop-shadow(0 0.8vw 0 #aaddff);
	position: relative;
	padding: 4vw 4vw 4vw 13.3333333333333vw
}

#suntory_contents #qa .a::before {
	content: '';
	width: 5.3333333333333vw;
	height: 2.6666666666667vw;
	background: url("/rtd/assets/img/ic_tri_u.svg") no-repeat 0 0;
	background-size: 5.3333333333333vw auto;
	position: absolute;
	top: -2.6666666666667vw;
	right: 12vw
}

#suntory_contents #qa li:last-child .a {
	margin-bottom: 0
}

#suntory_contents #qa a h3 {
	background: #00ccee;
	color: #fff;
	font-size: 3.4666666666667vw;
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	height: 6.6666666666667vw;
	border-radius: 3.3333333333333vw;
	padding: 0 4vw;
	position: absolute;
	top: -5.3333333333333vw;
	left: 2.6666666666667vw;
	z-index: 10
}

#suntory_contents #qa .q span {
	width: 4.9333333333333vw;
	height: 5.2vw;
	background: url("/rtd/assets/img/ic_q.svg") no-repeat 0 0;
	background-size: 4.9333333333333vw auto;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: calc(50% - 2.6vw);
	left: 4vw
}

#suntory_contents #qa .a span {
	width: 4.5333333333333vw;
	height: 4.6666666666667vw;
	background: url("/rtd/assets/img/ic_a.svg") no-repeat 0 0;
	background-size: 4.5333333333333vw auto;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: calc(50% - 2.6vw);
	left: 4vw
}

/*==================================================
recommend
================================================== */
#suntory_contents #recommend {
	margin: 0 4vw 8vw;
	padding-top: 10.6666666666667vw
}

/*==================================================
btn_page_top(SP)
================================================== */
#suntory_contents .btn_page_top a {
	width: 13.3333333333333vw;
	height: 13.3333333333333vw;
	background: #40d9f2 url(/rtd/assets/img/ic_page_top.svg) no-repeat center center;
	background-size: 5.3333333333333vw auto;
	text-indent: -9999px;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	position: fixed;
	bottom: 2.6666666666667vw;
	right: 2.6666666666667vw;
	z-index: 1000
}


/*==================================================
pc
================================================== */
@media print,
screen and (min-width:768px) {

	#suntory_contents {
		border-top: 0px #ccc solid
	}

	#suntory_contents .bc {
		order: 1
	}

	#suntory_contents .rtd_contents {
		order: 2
	}

	#suntory_contents .bc ol {
		display: flex;
		width: 100%;
		min-width: 960px;
		max-width: 1160px;
		margin: 12px auto 0
	}

	#suntory_contents .bc li {
		font-size: 12px
	}

	#suntory_contents .bc li a::after {
		margin: 0 10px
	}

	/*==================================================
    lead(PC)
    ================================================== */
	#suntory_contents #lead {
		width: 100%;
		min-width: 960px;
		max-width: 1160px;
		margin: 0 auto 20px;
		display: flex;
		justify-content: space-between;
		align-items: center
	}
	#suntory_contents #lead h1 {
		margin-right: 20px;
		padding: 0;
		position: relative;
		background: none
	}
	#suntory_contents #lead h1 .txt {
		font-size: 24px;
		white-space: nowrap
	}

	#suntory_contents #lead h1 .icn {
		display: none
	}
	#suntory_contents #lead .nav {
		display: none
	}
	#suntory_contents #lead p {
		margin: 0;
		font-size: 13px;
		line-height: 1.65;
		letter-spacing: -.025em;
		width: 66%
	}
	#suntory_contents section h2 {
		margin-bottom: 30px;
		font-size: 24px
	}

	/*==================================================
    mv(PC)
    ================================================== */
	#suntory_contents .slider {
		margin: 0 auto;
		width: 100%;
		min-width: 960px;
		max-width: 1160px
	}
	#suntory_contents .slider a:hover {
		opacity: .75
	}


	#suntory_contents section h2 {
		margin-bottom: 30px;
		font-size:24px;
	}


	/*==================================================
    announcement(PC)
    ================================================== */
	#suntory_contents #announcement {
		width: 100%;
		min-width: 960px;
		max-width: 1160px;
		margin: 50px auto 40px
	}

	#suntory_contents #announcement .inner {
		margin: 0 40px;
		padding: 25px;
		box-shadow: 0 0 4px 0 rgba(204, 204, 204, 1)
	}

	#suntory_contents #announcement .text {
		margin: 0 0 15px 1em;
		text-indent: -1em;
		font-size: 20px
	}

	#suntory_contents #announcement dl {
		border-top: 1px #e4f4ff solid;
		padding-top: 15px;
		display: flex
	}

	#suntory_contents #announcement dl+dl {
		margin-top: 15px
	}

	#suntory_contents #announcement dt {
		font-size: 16px;
		margin-right: 10px
	}

	#suntory_contents #announcement dd p {
		font-size: 16px
	}

	#suntory_contents #announcement li {
		font-size: 16px
	}

	/*==================================================
    products(PC)
    ================================================== */
	#suntory_contents .btn_products_information {
		margin: -4px auto 25px;
		width: 100%;
		min-width: 960px;
		max-width: 1160px;
		text-align: right
	}

	#suntory_contents .btn_products_information a {
		background: #e5f6fc url("/rtd/assets/img/ic_a_b.svg") no-repeat right 11px center;
		background-size: 4px auto;
		height: 30px;
		font-size: 11.2px;
		padding: 0 20px 0 16px;
		border-radius: 15px
	}

	#suntory_contents .btn_products_information a:hover {
		opacity: .75
	}

	#suntory_contents .products {
		margin: 0 auto;
		padding: 0;
		width: 100%;
		min-width: 960px;
		max-width: 1160px
	}

	#suntory_contents .products ul {
		margin-bottom: 30px;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		min-width: 960px;
		max-width: 1160px
	}

	#suntory_contents .products li {
		margin: 0 1.724137931034483% 20px 0;
		width: 23.706896551724138%;
		margin: 0 20px 20px 0;
		width: 275px;
		position: relative;
		background: #fff;
		box-shadow: 0 0 4px 0 rgba(204, 204, 204, 1);
		padding-bottom: 0
	}

	#suntory_contents .products li:nth-child(even) {
		margin: 0 1.724137931034483% 20px 0
	}

	#suntory_contents .products li:nth-child(4n) {
		margin: 0 0 20px
	}

	#suntory_contents .products li a {
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		text-decoration: none;
		color: #222;
		padding: 0
	}

	#suntory_contents .products li a:hover {
		opacity: .75
	}

	#suntory_contents .products li a.primary {
		padding: 30px 10px 30px 35px
	}

	#suntory_contents .products li a .label {
		margin: 0 0 0 30px;
		padding-bottom: 35px
	}

	#suntory_contents .products li a h3 {
		margin: 0;
		font-size: 17px;
		line-height: 1.3;
		font-weight: bold;
		height: 55px
	}

	#suntory_contents .products li.no_site a h3 {
		height: 90px
	}

	#suntory_contents .products li a .site {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: 115px;
		height: 30px;
		padding-right: 25px;
		background: #00ccee url("/rtd/assets/img/ic_a_w.svg") no-repeat right 10px center;
		background-size: 4px auto;
		border-radius: 15px;
		font-size: 11px;
		font-weight: bold;
		color: #fff;
		position: static;
		bottom: 0;
		left: 0
	}

	#suntory_contents .products li .information a {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: 115px;
		height: 30px;
		border-radius: 15px;
		padding-right: 20px;
		background: #e5f6fc url("/rtd/assets/img/ic_a_b.svg") no-repeat right 10px center;
		background-size: 4px auto;
		font-size: 11px;
		letter-spacing: -.075em;
		font-weight: bold;
		color: #00aadd;
		box-sizing: border-box;
		position: absolute;
		bottom: 30px;
		left: 128px
	}

	#suntory_contents .products picture,
	#suntory_contents .products picture img {
		width: 63px;
		height: 121px
	}

	#suntory_contents #non_al {
		margin: 0 auto
	}

	@media print,
	screen and (max-width:1163px) {
		#suntory_contents .products li:nth-child(even) {
			margin: 0 20px 20px 0
		}

		#suntory_contents .products li:nth-child(4n) {
			margin: 0 20px 20px 0
		}

		#suntory_contents .products li:nth-child(3n) {
			margin: 0 0 20px
		}
	}

	/*==================================================
    news(PC)
    ================================================== */
	#suntory_contents #news {
		margin: 0 auto;
		padding: 45px 0 0;
		width: 100%
	}

	#suntory_contents #news .inner {
		margin: 0 auto;
		padding: 0;
		width: 100%;
		min-width: 960px;
		max-width: 1160px
	}

	#suntory_contents #news ul {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		min-width: 960px;
		max-width: 1160px
	}

	#suntory_contents #news li {
		margin: 0 4.741379310344828% 50px 0;
		position: relative;
		width: 30.172413793103448%
	}

	#suntory_contents #news li:nth-child(even) {
		margin: 0 4.741379310344828% 50px 0
	}

	#suntory_contents #news li:nth-child(3n) {
		margin: 0 0 50px 0
	}

	#suntory_contents #news li a {
		display: block;
		position: relative;
		text-decoration: none;
		color: #222
	}

	#suntory_contents #news li a:hover picture img {
		opacity: .75
	}

	#suntory_contents #news li a:hover .text {
		text-decoration: underline
	}

	#suntory_contents #news li a .tag {
		width: 100px;
		height: 35px;
		font-size: 14px
	}

	#suntory_contents #news li picture {
		margin-bottom: 15px
	}

	#suntory_contents #news li a .text {
		margin-bottom: 15px;
		font-size: 15px;
		line-height: 1.5
	}

	#suntory_contents #news li a .date {
		font-size: 14px
	}

	/*==================================================
    qa(PC)
    ================================================== */
	#suntory_contents #qa {
		margin: 0;
		padding: 45px 0 0
	}

	#suntory_contents #qa .btn_all {
		margin-bottom: 50px
	}

	#suntory_contents #qa .btn_all a {
		display: inline-flex;
		height: 50px;
		align-items: center;
		background: url("/rtd/assets/img/ic_qa.png") no-repeat 15px center, #00ccee url("/rtd/assets/img/ic_a_w.svg") no-repeat right 20px center;
		background-size: 43px auto, 8px auto;
		font-size: 17px;
		border-radius: 25px;
		padding: 0 73px 0 73px
	}

	#suntory_contents #qa .btn_all a:hover {
		opacity: .75
	}

	#suntory_contents #qa ul {
		margin: 0 auto;
		width: 100%;
		max-width: 1160px;
		display: flex;
		flex-wrap: wrap
	}

	#suntory_contents #qa li {
		width: 49.137931034482759%;
		margin: 0 1.724137931034483% 60px 0
	}

	#suntory_contents #qa li:nth-child(even) {
		margin: 0 0 60px
	}

	#suntory_contents #qa li a {
		font-size: 15px
	}

	#suntory_contents #qa li a:hover .q,
	#suntory_contents #qa li a:hover .a {
		text-decoration: underline
	}

	#suntory_contents #qa .q {
		margin: 0 0 20px 0;
		border-radius: 30px;
		min-height: 80px;
		filter: drop-shadow(0 2px 2px #aaddff);
		padding: 20px 80px 20px 60px
	}

	#suntory_contents #qa .q::before {
		content: '';
		width: 20px;
		height: 10px;
		background: url("/rtd/assets/img/ic_tri_d.svg") no-repeat 0 0;
		background-size: 20px auto;
		position: absolute;
		bottom: -10px;
		left: 60px
	}

	#suntory_contents #qa .q::after {
		content: '';
		width: 30px;
		height: 30px;
		background: #cceeff url("/rtd/assets/img/ic_a_hd.svg") no-repeat center center;
		background-size: 14px auto;
		position: absolute;
		top: calc(50% - 15px);
		right: 25px;
		border-radius: 50%
	}

	#suntory_contents #qa .a {
		margin: 0 0 0 3.448275862068966%;
		border-radius: 30px;
		min-height: 80px;
		filter: drop-shadow(0 2px 2px #aaddff);
		padding: 20px 80px 20px 60px
	}

	#suntory_contents #qa .a::before {
		content: '';
		width: 20px;
		height: 10px;
		background: url("/rtd/assets/img/ic_tri_u.svg") no-repeat 0 0;
		background-size: 20px auto;
		position: absolute;
		top: -10px;
		right: 60px
	}

	#suntory_contents #qa li:last-child .a {
		margin-bottom: 0
	}

	#suntory_contents #qa a h3 {
		font-size: 15px;
		line-height: 1;
		height: 30px;
		border-radius: 15px;
		padding: 7.5px 25px 0;
		position: absolute;
		top: -20px;
		left: 0;
		display: inline-block;
		align-items: center
	}

	#suntory_contents #qa .q span {
		width: 19px;
		height: 20px;
		background: url("/rtd/assets/img/ic_q.svg") no-repeat 0 0;
		background-size: 19px auto;
		display: block;
		text-indent: -9999px;
		position: absolute;
		top: calc(50% - 10px);
		left: 25px
	}

	#suntory_contents #qa .a span {
		width: 18px;
		height: 18px;
		background: url("/rtd/assets/img/ic_a.svg") no-repeat 0 0;
		background-size: 18px auto;
		display: block;
		text-indent: -9999px;
		position: absolute;
		top: calc(50% - 14px);
		left: 25px
	}

	/*==================================================
    recommend(PC)
    ================================================== */
	#suntory_contents #recommend {
		margin: 0 auto 100px;
		padding: 50px 0 0;
		width: 100%;
		max-width: 1160px
	}

	#suntory_contents #recommend ul {
		margin: 0 3.436426116838488%
	}

	#suntory_contents #recommend a {
		display: block
	}

	#suntory_contents #recommend a:hover {
		opacity: .75
	}

	/*==================================================
    btn_page_top(PC)
    ================================================== */
	#suntory_contents .btn_page_top a {
		width: 72px;
		height: 72px;
		background: #40d9f2 url(/rtd/assets/img/ic_page_top.svg) no-repeat center center;
		background-size: 30px auto;
		bottom: 20px;
		right: 20px
	}


}