@charset "utf-8";
/* CSS Document */

html {
	scroll-behavior: smooth;
}

img {
	vertical-align: bottom;
}

h1,h2,h3,h4,h5,h6,p,dd {
	margin: 0;
}

#suntory_contents > .container {
	font-family: YuGothic,"游ゴシック","Noto Sans JP Subsets",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Roboto,Arial,“ヒラギノ角ゴシック”,Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3","Droid Sans",Meiryo,"メイリオ",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

#suntory_contents ul,
#suntory_contents ul li {
	list-style:  none;
	margin: 0;
	padding: 0;
}

#suntory_contents div a,
#suntory_contents div a:hover,
#suntory_contents div a:active,
#suntory_contents div a:visited { text-decoration: none; }


@media print, screen and (min-width: 768px) {
	.sp_contents { display: none; }
	/* headr */
	header {
		width: auto;
		max-width: 1920px;
		margin: 60px auto 0;
		text-align: center;
	}
	
	/* top_banner */
	.top_banner {
		width: auto;
		max-width: 1920px;
		margin: 174px auto 0;
		background: url(/wine/special/fortant/img/bg_01.png);
	}
	.top_banner a{
		width: 450px;
		height: 450px;
		position: relative;
		top: -94px;
		margin-right: 60px;
	}
	.top_banner a:last-child{
		margin-right: 0;
	}
	.top_banner_wrap {
		width: 1164px;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.top_banner_left,.top_banner_right {
		width: 450px;
		height: 450px;
		text-indent: -9999px;
	}
	.top_banner_left {
		background: url(/wine/special/fortant/img/pc/pc_banner_top_01.jpg) no-repeat;
	}
	.top_banner_right {
		background: url(/wine/special/fortant/img/pc/pc_banner_top_02.jpg) no-repeat;
	}
	
	/* about */
	.about {
		width: auto;
		max-width: 1920px;
		padding-bottom: 250px;
		background: url(/wine/special/fortant/img/bg_01.png);
		margin: 0 auto;
	}
	.about_wrap {
		width: 1164px;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.about h2 {
		margin-top: 6px;
		font-size: 15px;
		line-height: 28px;
		font-weight: normal;
		color: #61504d;
	}
	.about_ttl {
		text-indent: -9999px;
		background: url(/wine/special/fortant/img/pc/pc_ttl_01.png) no-repeat;
		width: 333px;
		height: 76px;
		margin-bottom: 33px;
	}
	.about_text {
		margin-top: -3px;
		line-height: 32px;
		color: #1a1a1a;
	}
	.about_text p {
		margin-bottom: 2em;
	}
	.about_text p:last-child {
		margin-bottom: 0;
	}
	
	/* ec_area */
	.ec_area {
		width: auto;
		max-width: 1920px;
		display: flex;
		background: url(/wine/special/fortant/img/bg_01.png);
		margin: 0 auto;
	}
	.ec_area_left {
		width: 960px;
		height: 450px;
		background: url(/wine/special/fortant/img/pc/pc_product_01.png) no-repeat right top;
	}
	.ec_area_right {
		width: 960px;
		height: 450px;
		background: url(/wine/special/fortant/img/pc/pc_product_02.png) no-repeat left top;
	}
	.ec_area_left #div-gpt-ad-1469518796001-0-1 {
		width: 340px;
		/* float: right;
		margin-top: 340px;
		margin-right: 84px; */
		margin: 340px auto;
	}
	.ec_area_right #div-gpt-ad-1469518796001-0-3 {
		width: 340px;
		margin-top: 340px;
		margin-left: 84px;
	}

	.ec_area_left.pc_center {
		width: 1920px;
		height: 450px;
		background: url(/wine/special/fortant/img/pc/pc_product_01.png) no-repeat center;
	}
	
	/* terroir */
	.terroir {
		width: auto;
		max-width: 1920px;
		background: url(/wine/special/fortant/img/pc/pc_bg_01.jpg) top center;
		padding-top: 100px;
		margin: 0 auto;
	}
	.terroir_wrap {
		width: 1164px;
		margin: 0 auto 450px;
	}
	.terroir .terroir_outer {
		width: 800px;
		margin: 0 auto;
		padding: 80px 80px 75px;
		background: rgba(255,255,255,0.5);
	}
	.terroir h2 {
		font-size: 15px;
		font-weight: normal;
		color: #61504d;
	}
	.terroir h2 p {
		margin-top: 35px;
	}
	.terroir_ttl {
		text-indent: -9999px;
		background: url(/wine/special/fortant/img/pc/pc_ttl_02.png) no-repeat;
		width: 190px;
		height: 76px;
	}
	.terroir_text {
		margin-top: 67px;
		font-size: 16px;
		line-height: 32px;
		color: #1a1a1a;
	}
	.terroir_text p {
		margin-bottom: 2em;
	}
	.terroir_text p:last-child {
		margin-bottom: 0;
	}
	.terroir_feature {
		width: auto;
		max-width: 1920px;
		background: url(/wine/special/fortant/img/pc/pc_bg_02.jpg) no-repeat center top;
	}
	.terroir_feature_wrap {
		width: 1164px;
		margin: 0 auto;
		padding: 100px 0 93px;
	}
	.terroir_feature_box:after {
		display: block;
		content: "";
		clear: both;
	}
	.terroir_feature_img_01 {
		width: 503px;
		height: 451px;
		background: url(/wine/special/fortant/img/pc/pc_feature_01.png) no-repeat;
		float: left;
	}
	.terroir_feature_img_02 {
		width: 503px;
		height: 451px;
		background: url(/wine/special/fortant/img/pc/pc_feature_02.png) no-repeat;
		float: right;
	}
	.terroir_feature_img_03 {
		width: 503px;
		height: 451px;
		background: url(/wine/special/fortant/img/pc/pc_feature_03.png) no-repeat;
		float: left;
	}
	.terroir_feature_text {
		width: 415px;
		margin-top: 86px;
		padding: 43px 47px;
		background: url(/wine/special/fortant/img/bg_brackets_01.png) no-repeat left top,
					url(/wine/special/fortant/img/bg_brackets_02.png) no-repeat right bottom;
		float: left;
		color: #1a1a1a;
	}
	.terroir_feature_box:nth-child(2),
	.terroir_feature_box:nth-child(3) {
		margin-top: 29px;
	}
	.terroir_feature_box:nth-child(even) .terroir_feature_text {
		float: right;
	}
	.terroir_feature_box:nth-child(odd) .terroir_feature_text {
		margin-left: 50px;
	}
	.terroir_feature_box:nth-child(even) .terroir_feature_text {
		margin-right: 50px;
	}
	.terroir_feature_box:nth-child(3) .terroir_feature_text {
		margin-top: 71px;
	}
	.terroir_feature_ttl {
		font-size: 22px;
	}
	.terroir_feature_text .terroir_feature_description {
		font-size: 16px;
		line-height: 32px;
		margin-top: 12px;
	}
	
	/* history */
	.history {
		width: 1164px;
		margin: 0 auto;
		padding-top: 100px;
		margin: 0 auto;
	}
	#suntory_contents .history_box_container {
		margin-top: 54px;
		background: url(/wine/special/fortant/img/pc/pc_bg_03.gif) repeat-y top center;
	}
	.history h2 {
		font-size: 15px;
		font-weight: normal;
		color: #61504d;
	}
	.history h2 p {
		margin-top: 35px;
	}
	.history_ttl {
		text-indent: -9999px;
		background: url(/wine/special/fortant/img/pc/pc_ttl_03.png) no-repeat;
		width: 195px;
		height: 76px;
	}
	.history_box:after {
		display: block;
		content: "";
		clear: both;
	}
	.history_img {
		width: 190px;
		float: left;
	}
	.history_text {
		width: 352px;
		float: left;
		margin-left: 49px;
	}
	.history_box:nth-child(even) .history_img,
	.history_box:nth-child(even) .history_text {
		float: right;
		margin-left: 0;
		margin-right: 49px;
	}
	.history_box:nth-child(even) .history_img {
		margin-right: 0;
	}
	.history_year {
		text-indent: -9999px;
		width: 352px;
		height: 35px;
	}
	.history_box.no_img .history_img {
		width: 190px;
		height: 1px;
	}
	.history_1920 {
		background: url(/wine/special/fortant/img/pc/pc_history_1920.png) no-repeat;
	}
	.history_1974 {
		background: url(/wine/special/fortant/img/pc/pc_history_1974.png) no-repeat;
	}
	.history_1982 {
		background: url(/wine/special/fortant/img/pc/pc_history_1982.png) no-repeat;
	}
	.history_1987 {
		background: url(/wine/special/fortant/img/pc/pc_history_1987.png) no-repeat;
	}
	.history_2011 {
		background: url(/wine/special/fortant/img/pc/pc_history_2011.png) no-repeat;
	}
	.history_2016 {
		background: url(/wine/special/fortant/img/pc/pc_history_2016.png) no-repeat;
	}
	.history_2020 {
		background: url(/wine/special/fortant/img/pc/pc_history_2020.png) no-repeat;
	}
	#suntory_contents .history_box_container {
		position: relative;
		height: 1630px;
		margin-bottom: 100px;
	}
	#suntory_contents .history_box_container .history_box {
		position: absolute;
	}
	#suntory_contents .history_box_container .history_box:nth-child(1) {
		left: 0;
		top: 51px;
	}
	#suntory_contents .history_box_container .history_box:nth-child(2) {
		right: -3px;
		top: 211px;
	}
	#suntory_contents .history_box_container .history_box:nth-child(3) {
		left: -2px;
		top: 471px;
	}
	#suntory_contents .history_box_container .history_box:nth-child(4) {
		right: -3px;
		top: 632px;
	}
	#suntory_contents .history_box_container .history_box:nth-child(5) {
		left: -3px;
		top: 892px;
	}
	#suntory_contents .history_box_container .history_box:nth-child(6) {
		right: -3px;
		top: 1141px;
	}
	#suntory_contents .history_box_container .history_box:nth-child(7) {
		left: -3px;
		top: 1292px;
	}
	.history_description {
		width: 290px;
		margin-top: 32px;
		line-height: 32px;
		font-size: 16px;
		color: #1a1a1a;
	}
	.history_description p {
		margin-bottom: 0.6em;
	}
	.history_description p:last-child {
		margin-bottom: 0;
	}
	.history_description .notes {
		font-size: 14px;
		line-height: 2em;
	}
	#suntory_contents .history_box_container .history_box:nth-child(even) .history_description {
		float: right;
	}
	
	/* bottom_banner */
	.bottom_banner {
		width: auto;
		max-width: 1920px;
		border-top: 1px solid #dfdcdb;
		margin: 0 auto;
	}
	.bottom_banner_wrap {
		width: 1164px;
		margin: 0 auto;
		padding: 80px 0;
		display: flex;
		justify-content: center;
	}
	.bottom_banner_item {
		margin-right: 20px;
	}
	.bottom_banner_item:last-child {
		margin-right: 0;
	}
}


@media screen and (max-width: 767px) {
	.pc_contents { display: none; }
	
	/* headr */
	header {
		width: 100%;
		text-align: center;
		margin-top: 7vw;
	}
	header img {
		width: 30vw;
		height: auto;
	}
	
	/* top_banner */
	.top_banner {
		width: 92%;
		margin-top: 19vw;
		padding: 0 4%;
		background: url(/wine/special/fortant/img/bg_01.png);
	}
	.top_banner a{
		width: 100%;
		height: 40vw;
		position: relative;
		top: -12vw;
	}
	.top_banner_left,.top_banner_right {
		width: 100%;
		height: 40vw;
		text-indent: -9999px;
	}
	.top_banner_left {
		background: url(/wine/special/fortant/img/sp/sp_banner_top_01.jpg) no-repeat;
		background-size: 100%;
	}
	.top_banner_right {
		background: url(/wine/special/fortant/img/sp/sp_banner_top_02.jpg) no-repeat;
		background-size: 100%;
	}
	
	/* about */
	.about {
		width: 92%;
		padding: 0 4%;
		background: url(/wine/special/fortant/img/bg_01.png);
	}
	.about h2 {
		font-size: 3vw;
		line-height: 2em;
		font-weight: normal;
		color: #61504d;
	}
	.about_ttl {
		width: 33.3vw;
		height: 13vw;
		text-indent: -9999px;
		background: url(/wine/special/fortant/img/sp/sp_ttl_01.png) no-repeat;
		background-size: 100%;
		margin-bottom: 5.5vw;
	}
	.about_text {
		font-size: 4vw;
		line-height: 1.8em;
		margin-top: 7.5vw;
		color: #1a1a1a;
	}
	.about_text p {
		margin-bottom: 2em;
	}
	.about_text p:last-child {
		margin-bottom: 0;
	}
	
	/* ec_area */
	.ec_area {
		padding: 8vw 0 13.5vw;
		background: url(/wine/special/fortant/img/bg_01.png);
	}
	.ec_area_right {
		margin-top: 10vw;
	}
	.ec_area_left,
	.ec_area_right {
		position: relative;
	}
	.ec_area_left {
		height: 69.5vw;
		background: url(/wine/special/fortant/img/sp/sp_product_01.png) no-repeat;
		background-size: 100%;
	}
	.ec_area_right {
		height: 69.5vw;
		background: url(/wine/special/fortant/img/sp/sp_product_02.png) no-repeat;
		background-size: 100%;
	}
	.ec_area_left #div-gpt-ad-1469518796001-0-2 {
		width: 64vw;
		position: absolute;
		top: 50.5vw;
		left: 22vw;
	}
	.ec_area_right #div-gpt-ad-1469518796001-0-4 {
		width: 64vw;
		position: absolute;
		top: 50.5vw;
		left: 14vw;
	}
	.ec_area_left #div-gpt-ad-1469518796001-0-2 img,
	.ec_area_right #div-gpt-ad-1469518796001-0-4 img {
		width: 100%;
		height: auto;
	}

	/* terroir */
	.terroir_wrap {
		width: 90%;
		padding: 8% 5% 52vw;
		background: url(/wine/special/fortant/img/sp/sp_bg_01.jpg) no-repeat;
		background-size: 100%;
	}
	.terroir_outer {
		padding: 9% 9% 7%;
		background: rgba(255,255,255,0.5);
	}
	.terroir h2 {
		font-size: 3vw;
		line-height: 2.7em;
		font-weight: normal;
		color: #61504d;
	}
	.terroir_ttl {
		width: 33.3vw;
		height: 13vw;
		text-indent: -9999px;
		background: url(/wine/special/fortant/img/sp/sp_ttl_02.png) no-repeat;
		background-size: 100%;
		margin-bottom: 5.5vw;
	}
	.terroir_text {
		font-size: 4vw;
		line-height: 2em;
		margin-top: 6.8vw;
		color: #1a1a1a;
	}
	.terroir_text p {
		margin-bottom: 1em;
	}
	.terroir_text p:last-child {
		margin-bottom: 0;
	}
	.terroir_feature {
		width: 90%;
		padding: 17.5% 5% 5%;
		background: url(/wine/special/fortant/img/sp/sp_bg_02.jpg) no-repeat;
		background-size: 100%;
	}
	.terroir_feature_box {
		margin-bottom: 14vw;
	}
	.terroir_feature_box:last-child {
		margin-bottom: 0;
	}
	.terroir_feature_img_01 {
		height: 65vw;
		background: url(/wine/special/fortant/img/sp/sp_feature_01.png) no-repeat;
		background-size: 100%;
	}
	.terroir_feature_img_02 {
		height: 65vw;
		background: url(/wine/special/fortant/img/sp/sp_feature_02.png) no-repeat;
		background-size: 100%;
	}
	.terroir_feature_img_03 {
		height: 65vw;
		background: url(/wine/special/fortant/img/sp/sp_feature_03.png) no-repeat;
		background-size: 100%;
	}
	.terroir_feature_text {
		margin-top: 6vw;
		padding: 7vw;
		background: url(/wine/special/fortant/img/bg_brackets_01.png) no-repeat left top,
					url(/wine/special/fortant/img/bg_brackets_02.png) no-repeat right bottom;
		background-size: 9.5vw;
		color: #1a1a1a;
	}
	.terroir_feature_ttl {
		font-size: 5vw;
	}
	.terroir_feature_description {
		font-size: 4vw;
		margin-top: 2vw;
		line-height: 2.1em;
	}
	
	/* history */
	.history {
		width: 92%;
		padding: 10.6% 4% 9%;
	}
	.history h2 {
		font-size: 3vw;
		line-height: 2.7em;
		font-weight: normal;
		color: #61504d;
	}
	.history_ttl {
		width: 33.3vw;
		height: 13vw;
		text-indent: -9999px;
		background: url(/wine/special/fortant/img/sp/sp_ttl_03.png) no-repeat;
		background-size: 100%;
		margin-bottom: 3.5vw;
	}
	#suntory_contents .history_box_container {
		margin-top: 8vw;
	}
	#suntory_contents .history_box {
		margin-bottom: 13vw;
	}
	#suntory_contents .history_box:last-child {
		margin-bottom: 0;
	}
	.history_box:after {
		content: "";
		display: block;
		clear: both;
	}
	.history_img {
		width: 28%;;
		float: left;
	}
	.history_img img {
		width: 100%;
		height: auto;
	}
	.history_text {
		width: 65%;;
		float: left;
		margin-left: 7%;
		font-size: 4.5vw;
		line-height: 1.8em;
		color: #1a1a1a;
	}
	#suntory_contents .history_box.no_img .history_text {
		width: 100%;
		margin: 0;
	}
	.history_box:nth-child(even) .history_text {
		margin-left: 0;
		margin-right: 7%;
	}
	.history_box:nth-child(even) .history_img,
	.history_box:nth-child(even) .history_text {
		float: right;
	}
	.history_year {
		text-indent: -9999px;
		width: 100%;
		height: 6vw;
	}
	.history_1920 {
		background: url(/wine/special/fortant/img/sp/sp_history_1920.png) no-repeat;
		background-size: 100%;
	}
	.history_1974 {
		background: url(/wine/special/fortant/img/sp/sp_history_1974.png) no-repeat;
		background-size: 100%;
	}
	.history_1982 {
		background: url(/wine/special/fortant/img/sp/sp_history_1982.png) no-repeat;
		background-size: 100%;
	}
	.history_1987 {
		background: url(/wine/special/fortant/img/sp/sp_history_1987.png) no-repeat;
		background-size: 100%;
	}
	.history_2011 {
		background: url(/wine/special/fortant/img/sp/sp_history_2011.png) no-repeat;
		background-size: 100%;
	}
	.history_2016 {
		background: url(/wine/special/fortant/img/sp/sp_history_2016.png) no-repeat;
		background-size: 100%;
	}
	.history_2020 {
		background: url(/wine/special/fortant/img/sp/sp_history_2020.png) no-repeat;
		background-size: 100%;
	}
	.history_description {
		margin-top: 4vw;
	}
	.history_description p {
		margin-bottom: 0.5em;
	}
	.history_description p:last-child {
		margin-bottom: 0;
	}
	.history_description .notes {
		font-size: 3vw;
		line-height: 2.5em;
	}
	
	/* bottom_banner */
	.bottom_banner {
		border-top: 1px solid #dfdcdb;
	}
	.bottom_banner_wrap {
		width: 92%;
		padding: 8% 4%;
	}
	.bottom_banner_item {
		margin-bottom: 7.5%;
	}
	.bottom_banner_item:last-child {
		margin-bottom: 0;
	}
	.bottom_banner img {
		width: 100%;
		height: auto;
	}
	
}