@charset "utf-8";


/*-----------------------------------------------------
       ベース
-----------------------------------------------------*/

#suntory_contents {
	position: relative;
	background: #000;
}

h1,h2,h3,h4,h5,h6,p,ul,li{
	margin: 0;
	padding: 0; 
	color: #41210f;
	font-size: 15px;
	font-weight: normal;
	font-family:  "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;
}

ul{
	list-style: none;
}

#suntory_contents .sp_item{ display: none;}
#suntory_contents .pc_item{ display: block;}

#suntory_contents img{
	max-width: 1164px;
	width: 100%;
	vertical-align: bottom;
}

#suntory_contents .gold{
	color: #c9a063;
}

.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
  }

.spacer_height{
	height: 150px;
	background: 300px;
}
/*-----------------------------------------------------
       メインビジュアル
-----------------------------------------------------*/
#suntory_contents .mv_block{
	background: url(../img/mv_bg.png) top center;
}

#suntory_contents .mv_block_inr{
	max-width: 100%;
	margin:  0 auto;
	position: relative;
}

#suntory_contents .mv_img{
	max-width: 100%;
	width: 1164px;
	margin:  0 auto;
}

#suntory_contents .art_title{
	position: absolute;
	top: 269px;
	left: 105px;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.666667;
}
#suntory_contents .mv_caption{
	position: absolute;
	top: 413px;
	left: 8px;
	color: #41210f;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.666667;
}
/*-----------------------------------------------------
       ナビ
-----------------------------------------------------*/

#suntory_contents .nav_block{
	
	height: 150px;
	background: url(../img/nav_bg.png) top center no-repeat;
}

#suntory_contents .nav_block ul{
	width: 100%;
	max-width: 1164px;
	margin: 0 auto;
	background: url(../img/nav_bg.png) top center no-repeat;
}

#suntory_contents .nav_block a{
	display: block;
}

#suntory_contents .nav_block ul::after{
	content: "";
	display: block;
	clear: both;
}

#suntory_contents .nav_block li{
	width: 35.22%;
	float: left;
}

#suntory_contents .nav_block li:nth-child(2){
	width: 31.01%;
}
#suntory_contents .nav_block li:nth-child(3){
	width: 33.76%;
}


/*-----------------------------------------------------
       コンテンツ 1,2,3
-----------------------------------------------------*/

#suntory_contents .cont01,
#suntory_contents .cont02,
#suntory_contents .cont03{
	text-align: center;
}

#suntory_contents .cont01_inr,
#suntory_contents .cont02_inr,
#suntory_contents .cont03_inr{
	max-width: 1164px;
	margin: 0 auto;
}
#suntory_contents  .en_title{
	margin-top: 13px;
	color: #c9a063;
	font-size: 15px
}

#suntory_contents .cont01 h2,
#suntory_contents .cont02 h2,
#suntory_contents .cont03 h2{
	margin: 113px 0 40px;
	color: #bc042e;
	font-size: 30px;
}



#suntory_contents .lead_txt{
	margin-top: 50px;
	font-size: 22px;
}

#suntory_contents .cont_txt p{
	margin-top: 40px;
	line-height: 1.7;
	font-size: 18px;
	color: #41210f;
}

#suntory_contents .title_img01{
	max-width: 683px;
	margin: 0 auto 0;
}
#suntory_contents .cont01_img{
	width: auto;

}

#suntory_contents .title_img02{
	max-width: 333px;
	padding-top: 86px;
	margin: 0 auto 0;
}
#suntory_contents .title_img03{
	max-width: 313px;
	margin: 0 auto 0;
	padding-top: 88px;
}

#suntory_contents .cont01 p:first-child,
#suntory_contents .cont02 p:first-child{
	margin-top: 0;
}

#suntory_contents .caption{
	font-size: 12px;
}
#suntory_contents .sup{
	font-size: small;
}

#suntory_contents .cont01_dec{ max-width: 413px; margin: 25px auto 0;}
#suntory_contents .cont02_dec{ max-width: 78px; position: absolute; top:-40px; left: 50%; margin-left: -39px;}
#suntory_contents .cont03_dec01{ max-width: 78px;position: absolute; top: -42px; left: 50%; margin-left: -39px;}
#suntory_contents .cont03_dec02{ max-width: 104px; margin: 25px auto 0;}
#suntory_contents .cont03_dec03{ max-width: 128px;}
#suntory_contents .cont01_photo{ width: 950px; margin: 50px auto 0;}


/*-----------------------------------------------------
       コンテンツ1
-----------------------------------------------------*/

#suntory_contents .cont01{
	margin-top: -40px;
	background: url(../img/bg_01.png) top center no-repeat;
  background-size: cover;
}

#suntory_contents .cont01 .lead_txt{
	margin-top: 55px;
}
#suntory_contents .cont01 .cont01_img{
	margin: 0;
}

#suntory_contents .cont01_inr{
	padding: 80px 0 130px;
	background: url(../img/img_02.png) top 170px center no-repeat;
}

/*-----------------------------------------------------
       コンテンツ2
-----------------------------------------------------*/

#suntory_contents .cont02 {
	background: url(../img/bg_02.png) top center no-repeat;
  background-size: cover;
}

#suntory_contents .cont02 .cont_txt{
	margin: 40px 0;
}

#suntory_contents .cont02_inr{
	position: relative;
	background: url(../img/img_05.png) center 180px no-repeat;
	padding-bottom: 123px;
}

#suntory_contents .cont02_photo{
	max-width: 264px;
	position: absolute;
	top: 880px;
	right: 74px;
}#suntory_contents .cont02_inr .cont_caption{
	margin: 6px auto 0;
	max-width: 639px;
}
#suntory_contents .cont02_inr .cont_caption .caption{
	font-size: 13px;
	line-height: 1.5;
	text-align: left;
	color: #41210f;
	}
/*-----------------------------------------------------
       コンテンツ3
-----------------------------------------------------*/

#suntory_contents .cont03{
	padding-bottom: 100px;
	background: url(../img/bg_03.png) top center no-repeat;
  background-size: cover;
}


#suntory_contents .cont03 h2{
	margin-top: 38px;
}

#suntory_contents .item_block{
	margin-top: 50px;
}

#suntory_contents .cont03_inr{
	position: relative;
}

#suntory_contents .cont03_inr .lead_txt{
	margin-top: 40px;
}

#suntory_contents .item_block::after{
	content: "";
	display: block;
	clear: both;
}

#suntory_contents .item_block li{
	width: 485px;
	height: 450px;
	float: left;
	margin-left: 90px;
}

#suntory_contents .item_block li:nth-child(2n+1){
	clear: both;
}

#suntory_contents .item_block li::after{
	content: "";
	display: block;
	clear: both;
}

#suntory_contents .item_img{
	max-width: 116px;
	float: left;
}

#suntory_contents .item_info{
	width: 300px;
	height: 450px;
	float: left;
	position: relative;;
	margin-left: 50px;
	text-align: left;
}

#suntory_contents .item_info >h3{
	font-size: 20px;
	line-height: 1.5;
}

#suntory_contents .item_kind{
	margin-top: 25px;
	font-size: 14px;
	line-height: 1.6;
}

#suntory_contents .item_txt{
	margin-top: 40px;
	font-size: 16px;
	line-height: 1.687;
	color: #41210f;
}

#suntory_contents .shop_btn{
	margin-top: 45px;
	max-width: 250px;
	left: 0;
	bottom: 0;
}

#suntory_contents .shop_btn a{
	display: block;
	transition: 1s;
}

#suntory_contents .shop_btn a:hover{
	opacity: 0.7;
}

#to_top{
	display: none;
	width: 100px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99;
}


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

#suntory_contents .cont01_inr{
	padding: 80px 0 20vh;
	background: url(../img/img_02.png) top 170px center no-repeat,url(../img/bg_01.png) 0 0 repeat-x;
	background-size: 95%;
}

#suntory_contents .cont02_inr{
	position: relative;
	background: url(../img/img_05.png) center 180px no-repeat,url(../img/bg_02.png) 0 0 repeat-x;
	background-size: 95%;
	padding-bottom: 20vh;
}

#suntory_contents .cont03_inr{
	
	background: url(../img/bg_03.png) 0 0 repeat-x;
}
#suntory_contents .cont01 h2,
	#suntory_contents .cont02 h2,
	#suntory_contents .cont03 h2{
		margin: 80px 0 10px;
		font-size: 22px;
	}
#suntory_contents .cont03 h2{
		margin: 20px 0 10px;
		font-size: 22px;
	}
#suntory_contents .cont01 h2 > span,
	#suntory_contents .cont02 h2 > span,
	#suntory_contents .cont03 h2 > span{
		font-size: 12px
	}	
#suntory_contents .cont_txt p {
		margin-top: 20px;
		font-size: 14px;
	}	
#suntory_contents .cont02 .cont_txt{
	margin: 10px 0 10px;
}	
#suntory_contents .cont02_inr .cont_caption .caption{
	font-size: 13px;
	line-height: 1.5;
	text-align: left;
	color: #41210f;
	max-width: 50vw;
    margin: 0 auto;
	}
#suntory_contents .cont03_dec02{ max-width: 104px; margin: 10px auto 0;}
#suntory_contents .item_block{
	margin-top: 10px;
}
#suntory_contents .item_txt{
	margin-top: 20px;
	font-size: 14px;
}
#suntory_contents .item_img img{
	max-width: 80%;
}
#suntory_contents .item_block li{

}
#suntory_contents .item_info{
	height: auto;
}
#suntory_contents .ecBtn a img {
	height: auto !important;
}
}

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

	/*-----------------------------------------------------
       ベース
-	----------------------------------------------------*/

	#suntory_contents .sp_item{ display: block;}
	#suntory_contents .pc_item{ display: none;}


	/*-----------------------------------------------------
       メインビジュアル
	-----------------------------------------------------*/

	#suntory_contents .mv_img{
		width: inherit;
	}
	#suntory_contents .art_title{
		top: 20.6667vw;
		left: 4.667vw;
		font-size: 4.2667vw;
	}

	/*-----------------------------------------------------
       ナビ
	-----------------------------------------------------*/
	
	#suntory_contents .nav_block ul{
		width: inherit;
	}

	#suntory_contents .nav_block{
		height: inherit;
		background: none;
	}
	#suntory_contents .nav_block li:first-child{ width: 33.33333%;}
	#suntory_contents .nav_block li:nth-child(2){ width: 33.33333%;}
	#suntory_contents .nav_block li:last-child{ width: 33.33333%;}

	#suntory_contents .nav_block a{
		display: block;
	}

	/*-----------------------------------------------------
       コンテンツ
	-----------------------------------------------------*/

	#suntory_contents .cont01{
		margin-top: 0;
		background: url(../img/sp_bg_01.png) top center no-repeat;
		padding: 0 10px;
	}

	#suntory_contents .cont02{
		margin-top: 0;
		background: url(../img/sp_bg_02.png) top center no-repeat;
		padding: 0 10px;
	}
	#suntory_contents .cont03{
		margin-top: 0;
		background: none;
	}
	#suntory_contents .sp_bg03{
		margin-top: 0;
		background: url(../img/sp_bg_03.png) top center no-repeat;
	}
	#suntory_contents .cont01_inr,
	#suntory_contents .cont02_inr{
		width: inherit;
		margin: 0 auto;
	}

	#suntory_contents .cont01_inr{ 
		background:none; 
		background-size: 100%;
		padding:40px 0 40px;
	}
	#suntory_contents .cont01_inr .cont_txt{ 
		background: url(../img/sp_img_02.png) top center no-repeat; 
		background-size: 100% 100%;
	}

	#suntory_contents .cont01 h2,
	#suntory_contents .cont02 h2,
	#suntory_contents .cont03 h2{
		margin: 20px 0 20px;
		font-size: 16px;
	}

	#suntory_contents .lead_txt,
	#suntory_contents .cont03 .lead_txt{
		margin-top: 115px;
		font-size: 15px;
		text-align: center;
	}

	#suntory_contents .cont01 h2 > span,
	#suntory_contents .cont02 h2 > span,
	#suntory_contents .cont03 h2 > span{
		font-size: 12px
	}

	#suntory_contents .cont_txt{
		margin-top: 20px;
	}

	#suntory_contents .cont_txt p {
		margin-top: 20px;
		font-size: 12px;
	}
	#suntory_contents .cont03 p {
		margin-top: 20px;
	}
	
	#suntory_contents .sup{
	font-size: smaller;
}

	/*-----------------------------------------------------
       コンテンツ 1
	-----------------------------------------------------*/

	#suntory_contents .cont01_dec,#suntory_contents .cont01_photo{ max-width: inherit; width: 100%;}

	#suntory_contents .cont01 .lead_txt{
		margin-top: 25px;
	}
	#suntory_contents .cont01 .cont_txt{
		margin-top: 55px;
		padding-bottom: 72px;
	}
	#suntory_contents .cont01 h2{
		padding-top: 27px;
	}
	#suntory_contents .cont01 .txt_style01{
		
	}

	/*-----------------------------------------------------
       コンテンツ 2
	-----------------------------------------------------*/
#suntory_contents .title_img02 {
    max-width: 160px;
    padding-top: 45px;
    margin: 0 auto 0;
}
	#suntory_contents .cont02_inr{
		background: url(../img/sp_img_05.png) 0 100px no-repeat;
		background-size: 100% ;
	    height: 90vh;
	}
	#suntory_contents .cont02_dec{
		width: 39px;
		margin-left: -20px;
		top: -20px;
	}
	#suntory_contents .cont02_photo{
		position: static;
		width: 46%;
		margin: 25px auto 0;
	}
	#suntory_contents .cont02 h2{
		margin-top: 60px;
	}
	#suntory_contents .cont02 .cont_txt {
		margin: 1vh 0 0 0;
}
	
	#suntory_contents .cont02_inr .cont_caption {
		margin: 5vh auto 0;
		max-width: 180px;
	}
	#suntory_contents .cont02_inr .cont_caption .caption {
		font-size: 10px;
	}
	/*-----------------------------------------------------
       コンテンツ 3
	-----------------------------------------------------*/
	#suntory_contents .title_img03 {
		max-width: 160px;
		padding-top: 44px;
}
	#suntory_contents .cont03_dec01{
		max-width: 39px;
		top: -21px;
		margin-left: -20px;
	}

	#suntory_contents .cont03{
		padding-bottom: 0px;
	}

	#suntory_contents .cont03_inr{
		width: inherit;
		padding: 0 20px;
		margin-top: 0;
	}

	#suntory_contents .item_block li{
		width: 100%;
		height: inherit;
		margin-top: 60px;
		margin-left: 0;
	}

	#suntory_contents .item_block li:first-child{
		margin-top: 0;
	}

	#suntory_contents .item_list::after{
		content: "";
		display: block;
		clear: both;
	}

	#suntory_contents .item_img{
		width: 24%;
	}

	#suntory_contents .item_info{
		width: 69%;
		height: inherit;
		margin-left: 7%;
	}

	#suntory_contents .item_info >h3{
		font-size: 16px;
		line-height: 1.5;
	}
	
	#suntory_contents .item_block .item_kind{
		margin-top: 20px;
		font-size: 12px;
		line-height: 1.3;
	}
	
	#suntory_contents .item_block .item_txt{
		margin-top: 25px;
		font-size: 14px;
		line-height: 1.687;
	}

	#suntory_contents .item_block .shop_btn{
		position: static;
		max-width: inherit;
		width: 100%;
		margin-top: 25px;
	}

	/*-----------------------------------------------------
       コンテンツ 4
	-----------------------------------------------------*/
	#suntory_contents .cont04{
		padding: 100px 0 100px;
	}
	#suntory_contents .wine_square{
		width: 80%;
		margin: 0 auto;
		box-sizing: border-box;
		text-align: center;
	}

	#suntory_contents .wine_square a{
		display: block;
		position: relative;
		padding: 8px 0 8px 10px;
		color: #fff;
		font-size: 14px;
		text-decoration: none;
		background: #392c1c;
	}

	#suntory_contents .wine_square a::before{
		content: "";
		display: inline-block;
		width: 6.5px;
		height: 11px;
		background: url(../img/link_icon.png) 0 0 no-repeat;
		background-size: 100%;
		position: absolute;
		top: 35%;
		left: 3%;
	}


	#to_top {
		width: 61px;
	}
}