@charset "utf-8";

/*------------------------------------------------------------
kinmugi
#Recipe
------------------------------------------------------------ */

/*------------------------------------------------------------
detail_head_top recipetop
------------------------------------------------------------ */
#suntory_contents #recipe .contents_body {
	position: relative;
}

#suntory_contents #recipe .box {
	display: block;
}

#suntory_contents .kinmugi_contents aside.recipe_search .keyword a::before {
	content: "";
}

#suntory_contents #recipe .category_list .recipe_cate_title h1 {
	display: inline;
}


@media screen and (min-width:768px) {
	/* for PC */

	/*------------------------------------------------------------
#recipe head 共通（PC）
------------------------------------------------------------ */
	#suntory_contents #recipe .box_main .key_link {
		margin: 20px 0 0;
		width: 100%;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	#suntory_contents #recipe .box_main .key_link a {
		width: 210px;
		padding: 0;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
	}

	#suntory_contents #recipe .box_main .key_link a:hover {
		text-decoration: none;
	}

	#suntory_contents #recipe .box_main .key_link a:hover dd.word {
		text-decoration: underline;
	}

	#suntory_contents #recipe .box_main .key_link a:hover .photo {
		opacity: .8;
	}

	#suntory_contents #recipe .box_main .key_link dl {
		width: 100%;
		position: relative;
		padding-left: 82px;
		min-height: 70px;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: flex-start;
	}

	#suntory_contents #recipe .box_main .key_link dt {
		font-size: 13px;
		color: #444;
		margin: 0 0 0 -0.5em;
	}

	#suntory_contents #recipe .box_main .key_link dd.word {
		margin-top: 6px;
		font-size: 15px;
		line-height: 1.3;
	}

	#suntory_contents #recipe .box_main .key_link .photo {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 70px;
		height: 70px;
		overflow: hidden;
		transition: 0.3s;
	}

	#suntory_contents #recipe .box_main .key_link .photo picture,
	#suntory_contents #recipe .box_main .key_link .photo img {
		width: 100%;
		height: auto;
	}


	/*------------------------------------------------------------
detail_head_top #recipe （PC）
------------------------------------------------------------ */
	#suntory_contents #recipe .contents_body.recipetop {
		padding: 0 0 70px;
		overflow: hidden;
	}

	#suntory_contents #recipe .page_title {
		display: none;
	}

	/*レシピトップ　季節背景*/
	#suntory_contents #recipe .seasonhead {
		width: 100%;
		height: 480px;
		background: center center / cover;
		position: relative;
	}

	#suntory_contents #recipe .seasonhead .inner {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#suntory_contents #recipe .seasonhead .keytext {
		display: block;
		margin: 2px 0;
	}

	#suntory_contents #recipe .seasonhead .keytext span {
		display: inline;
		font-size: 32px;
		color: #002b64;
		line-height: 1.2;
		background: #FFF;
		padding: 2px 5px;
		font-weight: bold;
	}

	/*レシピトップ　レシピ部分*/
	#suntory_contents #recipe .detail_head_top .inner {
		height: 480px;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	#suntory_contents #recipe .detail_head_top .box_main {
		width: 500px;
		height: 400px;
		padding: 30px;
		position: absolute;
		top: 40px;
		right: 0;
		display: flex;
		flex-flow: column nowrap;
		justify-content: space-around;
		align-items: flex-start;
		background: #FFF;
		border-bottom: 5px solid;
		border-color: #CC3D32;
	}

	#suntory_contents #recipe .detail_head_top .box_main h3 {
		width: 100%;
	}

	#suntory_contents #recipe .detail_head_top .box_main h3 a {
		font-size: 23px;
		color: #002A64;
		font-weight: bold;
		line-height: 1.5;
	}

	#suntory_contents #recipe .detail_head_top .box_main .grid {
		width: 100%;
		margin-top: 10px;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
	}

	#suntory_contents #recipe .box_main .menuphoto {
		width: 240px;
		height: 170px;
		order: 2;
	}

	#suntory_contents #recipe .box_main .menuphoto a {
		display: block;
		width: 100%;
		height: 100%;
		opacity: 1;
	}

	#suntory_contents #recipe .box_main .menuphoto picture,
	#suntory_contents #recipe .box_main .menuphoto img {
		height: 170px;
	}

	#suntory_contents #recipe .box_main .menuphoto a:hover {
		opacity: .8;
	}

	#suntory_contents #recipe .detail_head_top .box_main .key_link {
		margin: 0;
		width: 190px;
		order: 1;
		display: block;
	}

	#suntory_contents #recipe .detail_head_top .box_main .key_link {
		display: block;
	}

	#suntory_contents #recipe .detail_head_top .box_main .key_link a {
		width: 100%;
	}

	#suntory_contents #recipe .detail_head_top .box_main .key_link a+a {
		margin-top: 14px;
	}


	/*------------------------------------------------------------
recipe_search （PC）
------------------------------------------------------------ */
	#suntory_contents #recipe .recipe_search {
		padding: 50px 0 10px;
	}

	#suntory_contents #recipe .recipe_search .inner {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	#suntory_contents #recipe .recipe_search .search_tl {
		font-size: 24px;
		margin-bottom: 30px;
		width: 100%;
		font-weight: 500;
	}

	#suntory_contents #recipe .recipetop .recipe_search .search_tl {
		font-weight: bold;
	}

	#suntory_contents #recipe .recipe_search .keyword {
		width: calc(100% - 300px);
		justify-content: flex-start;
	}

	#suntory_contents #recipe .recipe_search .keyword li {
		margin-right: 20px;
	}

	#suntory_contents #recipe .recipe_search .keyword li a {
		font-size: 16px;
		line-height: 2;
	}

	#suntory_contents #recipe .recipe_search .btn_search {
		width: 250px;
		padding-right: 15px;
		font-size: 15px;
		height: 32px;
		border-radius: 5px;
		color: #0058D1;
		background: #FFF url(/beer/kinmugi/common2020/img/arrow_r_blue.svg) no-repeat right 15px center / 6px;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}

	#suntory_contents #recipe .recipe_search .btn_search:hover {
		text-decoration: underline;
	}


	/*------------------------------------------------------------
theme_summary （PC）
------------------------------------------------------------ */
	#suntory_contents #recipe .theme_summary {
		margin-bottom: 50px;
	}

	#suntory_contents #recipe .theme_summary .inner {
		min-height: 230px;
		height: 100%;
		background: #FFF;
		border-radius: 5px;
		overflow: hidden;
		position: relative;
		padding: 15px 0;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: flex-end;
	}

	#suntory_contents #recipe .theme_summary .photo {
		width: 24.137931034482759%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
	}

	#suntory_contents #recipe .theme_summary .photo picture {
		height: 100%;
	}

	#suntory_contents #recipe .theme_summary .photo img {
		display: block;
		height: auto;
		width: 100%;
	}

	#suntory_contents #recipe .theme_summary .photo.cook img {
		height: 100%;
		object-fit: cover;
	}

	#suntory_contents #recipe .theme_summary h2 {
		width: calc(100% - 24.137931034482759%);
		padding: 0 40px;
		font-size: 22px;
		line-height: 1.8;
		font-weight: bold;
	}

	#suntory_contents #recipe .theme_summary h2 .label {
		display: block;
		font-size: 16px;
	}

	#suntory_contents #recipe .theme_summary h2 .roman {
		font-size: 14px;
		margin-left: 1em;
	}

	#suntory_contents #recipe .theme_summary p {
		width: calc(100% - 24.137931034482759%);
		padding: 0 40px;
		margin-top: 15px;
		line-height: 1.8;
	}

	#suntory_contents #recipe .theme_summary p a::after {
		content: "";
		padding-right: 15px;
		background: url(/beer/kinmugi/common2020/img/icon_external_blue.svg) no-repeat right center / 10px;
	}

	/*------------------------------------------------------------
category_list （PC）※カテゴリ検索一覧
------------------------------------------------------------ */
	#suntory_contents #recipe .category_list .recipe_cate_title {
		font-size: 24px;
		padding-bottom: 20px;
		width: 100%;
		border-bottom: 1px solid #002A64;
	}


	/*------------------------------------------------------------
recipe_process （PC）
------------------------------------------------------------ */
	#suntory_contents #recipe .recipe_process {
		padding: 50px 0 0;
	}

	#suntory_contents #recipe .recipe_process .bgwhite {
		padding: 40px 40px 50px;
		background: #FFF;
	}

	#suntory_contents #recipe .recipe_process p.article_notes {
		width: 100%;
		font-size: 12px;
		margin-top: 60px;
		line-height: 1.5;
	}

	/*------------------------------------------------------------
process_head （PC）
------------------------------------------------------------ */
	#suntory_contents #recipe .recipe_process .process_head {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	#suntory_contents #recipe .recipe_process .process_head .left {
		width: 51.851851851851852%;
	}

	#suntory_contents #recipe .recipe_process .process_head .right {
		width: 42.592592592592593%;
	}

	#suntory_contents #recipe .recipe_process .process_head h2 {
		font-size: 26px;
		color: #CC3D32;
		line-height: 1.5;
	}

	#suntory_contents #recipe .recipe_process .process_head .left p {
		margin-top: 30px;
		font-size: 16px;
		line-height: 1.8;
	}

	#suntory_contents #recipe .recipe_process .process_head .left ul {
		margin-top: 30px;
	}

	#suntory_contents #recipe .recipe_process .process_head .left li {
		display: block;
		font-size: 16px;
		line-height: 1.8;
	}

	#suntory_contents #recipe .recipe_process .process_head .left p.timenotes {
		margin-top: 5px;
		font-size: 12px;
		line-height: 1.5;
	}

	#suntory_contents #recipe .recipe_process .process_head .right p.ingredient_tl {
		margin-bottom: 30px;
		font-weight: bold;
		font-size: 18px;
	}

	#suntory_contents #recipe .recipe_process .process_head .ingredient {
		margin-top: 20px;
	}

	#suntory_contents #recipe .recipe_process .process_head .ingredient li {
		margin-top: 10px;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		background: url(/beer/kinmugi/common2020/img/bg_dotline.png) no-repeat center top;
		background-size: 450px;
		font-size: 14px;
	}

	#suntory_contents #recipe .recipe_process .process_head .ingredient li span {
		display: block;
		background: #FFF;
		padding: 0 2px;
	}

	#suntory_contents #recipe .recipe_process .process_head .ingredient li .notes {
		width: 100%;
		font-size: 12px;
		line-height: 1.5;
		margin: 5px 0 0;
	}

	#suntory_contents #recipe .recipe_process .process_head .ingredient li.title {
		background: none;
		line-height: 1.5;
	}

	/*------------------------------------------------------------
process_flow （PC）
------------------------------------------------------------ */
	#suntory_contents #recipe .process_flow {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	#suntory_contents #recipe .process_flow .box {
		width: 32.407407407407407%;
		margin-top: 40px;
	}

	#suntory_contents #recipe .process_flow::after {
		content: "";
		display: block;
		width: 32.407407407407407%;
	}

	#suntory_contents #recipe .process_flow .box .work {
		display: inline-block;
		min-width: 180px;
		padding: 10px 10px 10px 15px;
		font-size: 16px;
		line-height: 1.5;
		color: #FFF;
		background: #CC3D32;
	}

	#suntory_contents #recipe .process_flow .box picture {
		display: block;
		margin-top: 15px;
	}

	#suntory_contents #recipe .process_flow .box .text {
		margin-top: 15px;
		font-size: 14px;
		line-height: 1.5;
	}

	#suntory_contents #recipe .process_flow .box .point {
		margin-top: 15px;
		padding-left: 60px;
		position: relative;
		font-size: 14px;
		line-height: 1.5;
	}

	#suntory_contents #recipe .process_flow .box .point strong {
		font-weight: bold;
	}

	#suntory_contents #recipe .process_flow .box .point::before {
		content: "Point";
		position: absolute;
		left: 0;
		top: 0;
		width: 50px;
		height: 25px;
		font-size: 13px;
		color: #fff;
		background: #002A64;
		border-radius: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/*------------------------------------------------------------
recipe_group （PC） 20/10/6
------------------------------------------------------------ */
	#suntory_contents #recipe .recipe_group {
		margin: 50px 0 0;
		padding: 50px 0 0;
		border-top: 1px solid #002A64;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	#suntory_contents #recipe .recipe_group p.group_tl {
		width: 100%;
		font-size: 18px;
		font-weight: bold;
	}

	#suntory_contents #recipe .recipe_group .box {
		width: 48.148148148148148%;
		margin-top: 30px;
		background: #FCFAEA;
		border-bottom: 5px solid #CC3D32;
	}

	#suntory_contents #recipe .recipe_group .box a {
		color: #002A64;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
	}

	#suntory_contents #recipe .recipe_group .box a .photo {
		display: block;
		width: 38.461538461538462%;
		height: auto;
		overflow: hidden;
	}

	#suntory_contents #recipe .recipe_group .box a .photo img {
		transform: scale(1);
		transition: 0.3s;
	}

	#suntory_contents #recipe .recipe_group .box a:hover .photo img {
		transform: scale(1.1);
	}

	#suntory_contents #recipe .recipe_group .box a .data {
		width: calc(100% - 38.461538461538462%);
		padding: 30px 30px 0;
	}

	#suntory_contents #recipe .recipe_group .box a h3 {
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5;
	}


	/*------------------------------------------------------------
relatedpage （PC）
------------------------------------------------------------ */
	#suntory_contents #recipe .relatedpage .inner {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	#suntory_contents #recipe .relatedpage .list_season {
		width: 62.931034482758621%;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}

	#suntory_contents #recipe .relatedpage .list_season .box {
		width: 47.945205479452055%;
		margin: 30px 0 0;
		background: #FFF;
		border-bottom: 5px solid #CC3D32;
	}

	#suntory_contents #recipe .relatedpage .list_author {
		width: 30.172413793103448%;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}

	#suntory_contents #recipe .relatedpage .list_author .box {
		width: 100%;
		margin: 30px 0 0;
		background: #FFF;
		border-bottom: 5px solid #CC3D32;
	}

	#suntory_contents #recipe .relatedpage .box.new::after {
		display: none;
	}

	#suntory_contents #recipe .relatedpage .box.new .photo {
		position: relative;
	}

	#suntory_contents #recipe .relatedpage .box.new .photo::after {
		content: "New";
		position: absolute;
		width: 36px;
		height: 20px;
		top: 8px;
		right: 5px;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		font-family: Arial, sans-serif;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #E40000;
		border-radius: 10px;
	}

	#suntory_contents #recipe .relatedpage .box a {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: center;
	}

	#suntory_contents #recipe .relatedpage .box a .photo {
		display: block;
		width: 45.714285714285714%;
		height: auto;
		overflow: hidden;
	}

	#suntory_contents #recipe .relatedpage .box a .photo img {
		transform: scale(1);
		transition: 0.3s;
	}

	#suntory_contents #recipe .relatedpage .box a:hover .photo img {
		transform: scale(1.1);
	}

	#suntory_contents #recipe .relatedpage .box a .data {
		width: 54.285714285714286%;
		padding: 0 20px;
	}


}

@media screen and (min-width:768px) and (max-width:1140px) {
	#suntory_contents #recipe section.detail_head_top {
		padding: 0 !important;
	}

	#suntory_contents #recipe section.detail_head_top .inner {
		padding-left: 10px;
		padding-right: 10px;
	}

}

@media screen and (max-width:767px) {

	/* for SP */
	/*------------------------------------------------------------
#recipe head 共通（SP）
------------------------------------------------------------ */
	#suntory_contents #recipe .box_main .key_link {
		margin-top: 4vw;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	#suntory_contents #recipe .box_main .key_link a {
		display: block;
		width: 38.4vw;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
	}

	#suntory_contents #recipe .box_main .key_link a:first-child {
		width: 40.8vw;
	}

	#suntory_contents #recipe .box_main .key_link dl {
		width: 100%;
		position: relative;
		padding-left: 14.4vw;
		min-height: 12.4vw;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: flex-start;
	}

	#suntory_contents #recipe .box_main .key_link dt {
		font-size: 2.93333333vw;
		color: #444;
		margin: 0 0 0 -0.5em;
	}

	#suntory_contents #recipe .box_main .key_link dd.word {
		margin-top: 1.6vw;
		font-size: 3.46666667vw;
		line-height: 1.3;
	}
	#suntory_contents #recipe .box_main .key_link .photo {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 12.4vw;
		height: 12.4vw;
		overflow: hidden;
	}

	#suntory_contents #recipe .box_main .key_link .photo picture,
	#suntory_contents #recipe .box_main .key_link .photo img {
		width: 100%;
		height: auto;
	}


	/*------------------------------------------------------------
detail_head_top #recipe （SP）
------------------------------------------------------------ */
	#suntory_contents #recipe .contents_body.recipetop {
		padding-top: 0;
	}

	#suntory_contents #recipe .contents_body.recipetop .page_title {
		display: none;
	}

	/*レシピトップ　季節背景*/
	#suntory_contents #recipe .seasonhead {
		width: 100%;
		height: 120vw;
		background: center center / cover;
		z-index: 0;
	}

	#suntory_contents #recipe .seasonhead .inner {
		margin: 0 4vw;
		padding: 4vw 0;
	}

	#suntory_contents #recipe .seasonhead .keytext {
		display: block;
		margin: 2.4vw 0;
	}

	#suntory_contents #recipe .seasonhead .keytext span {
		display: inline;
		font-size: 8vw;
		color: #002b64;
		line-height: 1.2;
		background: #FFF;
		padding: 0.4vw 1.6vw;
		font-weight: bold;
	}

	/*レシピトップ　レシピ部分*/
	#suntory_contents #recipe .detail_head_top .inner {
		width: 100%;
		margin-top: -45.33333333vw;
		padding: 0 4vw;
	}

	#suntory_contents #recipe .detail_head_top .box_main {
		display: block;
		width: 100%;
		padding: 5.6vw;
		background: #FFF;
		border-bottom: 1.06666667vw solid;
		border-color: #CC3D32;
	}

	#suntory_contents #recipe .detail_head_top .box_main h3 a {
		font-size: 4.8vw;
		color: #002A64;
		font-weight: bold;
		line-height: 1.5;
	}

	#suntory_contents #recipe .detail_head_top .box_main .grid {
		width: 100%;
		margin-top: 4vw;
	}

		#suntory_contents #recipe .detail_head_top .box_main .key_link {
					margin-top: 5.6vw;
		}


	/*------------------------------------------------------------
recipe_search （SP）
------------------------------------------------------------ */
	#suntory_contents #recipe .recipe_search {
		padding: 12vw 0 4vw;
	}

	#suntory_contents #recipe .recipe_search .search_tl {
		font-size: 4.8vw;
		margin-bottom: 4vw;
		font-weight: normal;
		text-align: center;
	}

	#suntory_contents #recipe .recipetop .recipe_search .search_tl {
		font-weight: bold;
	}

	#suntory_contents #recipe .recipe_search .keyword {
		justify-content: center;
	}

	#suntory_contents #recipe .recipe_search .keyword li a {
		display: block;
		font-size: 4vw;
		line-height: 9.6vw;
		padding: 0 4vw;
	}

	#suntory_contents #recipe .recipe_search .btn_search {
		width: 64vw;
		height: 9.6vw;
		margin: 6.4vw auto 0;
		padding-right: 4vw;
		font-size: 3.73333333vw;
		color: #0058D1;
		background: #FFF url(/beer/kinmugi/common2020/img/arrow_r_blue.svg) no-repeat right 4vw center / 1.6vw;
		border-radius: 1.6vw;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/*------------------------------------------------------------
theme_summary （SP）
------------------------------------------------------------ */
	#suntory_contents #recipe .theme_summary {
		margin-bottom: 12vw;
	}

	#suntory_contents #recipe .theme_summary .inner {
		padding: 5.6vw;
		background: #FFF;
		border-radius: 1.6vw;
		overflow: hidden;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: center;
	}

	#suntory_contents #recipe .theme_summary .photo {
		display: block;
		width: 34.4vw;
		height: 34.4vw;
		overflow: hidden;
	}

	#suntory_contents #recipe .theme_summary .photo.cook {
		display: block;
	}

	#suntory_contents #recipe .theme_summary h2 {
		padding: 0 0 0 5.6vw;
		font-size: 4.8vw;
		line-height: 1.8;
		font-weight: bold;
	}

	#suntory_contents #recipe .theme_summary h2 .label {
		display: block;
		font-size: 4vw;
	}

	#suntory_contents #recipe .theme_summary h2 .roman {
		display: block;
		font-size: 3.73333333vw;
	}

	#suntory_contents #recipe .theme_summary p {
		width: 100%;
		margin: 5.6vw 0 0;
		font-size: 3.73333333vw;
		line-height: 1.8;
	}

	#suntory_contents #recipe .theme_summary p a {
		word-break: break-all;
	}

	#suntory_contents #recipe .theme_summary p a::after {
		content: "";
		padding-right: 3.2vw;
		background: url(/beer/kinmugi/common2020/img/icon_external_blue.svg) no-repeat right center / 2.4vw;
	}

	/*------------------------------------------------------------
category_list （SP）※カテゴリ検索一覧
------------------------------------------------------------ */
	#suntory_contents #recipe .category_list .recipe_cate_title {
		font-size: 4.8vw;
		padding-bottom: 4vw;
		width: 100%;
		border-bottom: 1px solid #002A64;
	}


	/*------------------------------------------------------------
recipe_process （SP）
------------------------------------------------------------ */
	#suntory_contents #recipe .recipe_process {
		padding: 50px 0 0;
	}

	#suntory_contents #recipe .recipe_process .bgwhite {
		padding: 8vw 4vw;
		background: #FFF;
	}

	#suntory_contents #recipe .recipe_process p.article_notes {
		font-size: 3.2vw;
		margin-top: 12vw;
		line-height: 1.5;
	}

	/*------------------------------------------------------------
process_head （SP）
------------------------------------------------------------ */
	#suntory_contents #recipe .recipe_process .process_head .right {
		margin-top: 12vw;
	}

	#suntory_contents #recipe .recipe_process .process_head h2 {
		font-size: 4.8vw;
		color: #CC3D32;
		line-height: 1.5;
	}

	#suntory_contents #recipe .recipe_process .process_head .left p {
		margin-top: 5.6vw;
		font-size: 4vw;
		line-height: 1.8;
	}

	#suntory_contents #recipe .recipe_process .process_head .left ul {
		margin-top: 6.4vw;
	}

	#suntory_contents #recipe .recipe_process .process_head .left li {
		display: block;
		font-size: 4vw;
		line-height: 1.8;
	}

	#suntory_contents #recipe .recipe_process .process_head .left p.timenotes {
		margin-top: 0.8vw;
		font-size: 3.2vw;
		line-height: 1.5;
	}

	#suntory_contents #recipe .recipe_process .process_head .right p.ingredient_tl {
		font-weight: bold;
		font-size: 4.26666667vw;
	}

	#suntory_contents #recipe .recipe_process .process_head .ingredient {
		margin-top: 4vw;
		font-size: 3.46666667vw;
	}

	#suntory_contents #recipe .recipe_process .process_head .ingredient li {
		margin-top: 2.4vw;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		background: url(/beer/kinmugi/common2020/img/bg_dotline.png) no-repeat center top;
		background-size: auto 2.4vw;
	}

	#suntory_contents #recipe .recipe_process .process_head .ingredient li span {
		display: block;
		background: #FFF;
		padding: 0 2px;
	}

	#suntory_contents #recipe .recipe_process .process_head .ingredient li .notes {
		width: 100%;
		font-size: 3.2vw;
		line-height: 1.5;
		margin-top: 1.6vw;
	}

	#suntory_contents #recipe .recipe_process .process_head .ingredient li.title {
		background: none;
		line-height: 1.5;
	}

	/*------------------------------------------------------------
process_flow （SP）
------------------------------------------------------------ */
	#suntory_contents #recipe .process_flow {
		margin-top: 12vw;
	}

	#suntory_contents #recipe .process_flow .box {
		margin-top: 8vw;
	}

	#suntory_contents #recipe .process_flow .box .work {
		display: inline-block;
		min-width: 48vw;
		padding: 2.4vw 3.2vw;
		font-size: 4.26666667vw;
		line-height: 1.5;
		color: #FFF;
		background: #CC3D32;
	}

	#suntory_contents #recipe .process_flow .box picture {
		display: block;
		margin-top: 4vw;
	}

	#suntory_contents #recipe .process_flow .box .text {
		margin-top: 4vw;
		font-size: 14px;
		line-height: 1.5;
	}

	#suntory_contents #recipe .process_flow .box .point {
		margin-top: 4vw;
		padding-left: 60px;
		position: relative;
		font-size: 14px;
		line-height: 1.5;
	}

	#suntory_contents #recipe .process_flow .box .point strong {
		font-weight: bold;
	}

	#suntory_contents #recipe .process_flow .box .point::before {
		content: "Point";
		position: absolute;
		left: 0;
		top: 0;
		width: 50px;
		height: 25px;
		font-size: 13px;
		color: #fff;
		background: #002A64;
		border-radius: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/*------------------------------------------------------------
recipe_group （SP） 20/10/6
------------------------------------------------------------ */
	#suntory_contents #recipe .recipe_group {
		margin: 12vw 0 0;
		padding: 12vw 0 0;
		border-top: 1px solid #002A64;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	#suntory_contents #recipe .recipe_group p.group_tl {
		width: 100%;
		font-size: 4.26666667vw;
		font-weight: bold;
	}

	#suntory_contents #recipe .recipe_group .box {
		width: 100%;
		margin-top: 8vw;
		background: #FCFAEA;
		border-bottom: 5px solid #CC3D32;
	}

	#suntory_contents #recipe .recipe_group .box a {
		color: #002A64;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
	}

	#suntory_contents #recipe .recipe_group .box a .photo {
		display: block;
		width: 42.4vw;
		height: auto;
		overflow: hidden;
	}

	#suntory_contents #recipe .recipe_group .box a .data {
		width: calc(100% - 42.4vw);
		padding: 0 4vw;
		display: flex;
		align-items: center;
	}

	#suntory_contents #recipe .recipe_group .box a h3 {
		font-size: 3.733333333vw;
		font-weight: bold;
		line-height: 1.5;
	}

	#suntory_contents #recipe .recipe_group .box a h3 br {
		display: none;
	}

	/*------------------------------------------------------------
relatedpage （SP）
------------------------------------------------------------ */
	#suntory_contents #recipe .relatedpage .box {
		width: 100%;
		margin-top: 8vw;
		background: #FFF;
		border-bottom: 1.06666667vw solid #CC3D32;
	}

	#suntory_contents #recipe .relatedpage .list_author {
		margin-top: 10.4vw;
	}



}