@charset "utf-8";


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

#suntory_contents {
	width: 100%;
	position: relative;
	background: #000;
}

h1,h2,h3,h4,h5,h6,p,ul,li{
	margin: 0;
	padding: 0; 
	color: #fff;
	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{
	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_inr{
	max-width: 1164px;
	margin:  0 auto;
	position: relative;
}

#suntory_contents .mv_img{
	max-width: 1164px;
}

#suntory_contents .art_title{
	position: absolute;
	top: 50%;
	left: 10%;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.666667;
}

/*-----------------------------------------------------
       ナビ
-----------------------------------------------------*/

#suntory_contents .nav_block{
	height: 150px;
	margin: 0 auto;
	background: url(../img/nav_bg.png) 0 0 repeat-x;
}

#suntory_contents .nav_block ul{
	max-width: 1164px;
	height: 150px;
	margin: 0 auto;
	background: url(../img/nav_bg.png) 0 0 repeat-x,#000;
}

#suntory_contents .nav_block a{
	display: block;
}

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

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

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

/*-----------------------------------------------------
       コンテンツ 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;
	background: #000;
}

#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-top: 13px;
	color: #c9a063;
	font-size: 18px;
}



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

#suntory_contents .cont_txt p{
	margin-top: 40px;
	line-height: 1.7;
}

#suntory_contents .title_logo{
	max-width: 137px;
	margin: 0 auto 0;
}

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

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


#suntory_contents .cont01_dec{ max-width: 413px; margin: 25px auto 0;}
#suntory_contents .cont02_dec{ max-width: 246px; margin: 30px auto 0;}
#suntory_contents .cont01_photo{ max-width: 950px; margin: 50px auto 0;}


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

#suntory_contents .cont01{
	margin-top: -10px;
}

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

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

#suntory_contents .cont01_inr{
	background: url(../img/img_10.png) 90px 536px no-repeat, url(../img/img_11.png) 963px 536px no-repeat,#000;
}

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

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

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

#suntory_contents .cont02_inr{
	position: relative;
	background: url(../img/bg_01.jpg) 0px 276px no-repeat,#000;
}

#suntory_contents .cont02_photo{
	max-width: 264px;
	position: absolute;
	top: 880px;
	right: 74px;
}
/*-----------------------------------------------------
       コンテンツ3
-----------------------------------------------------*/

#suntory_contents .cont03_inr{
	padding-bottom: 290px;
	margin-top: 50px;
}


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

#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: 480px;
	height: 450px;
	float: left;
	margin-left: 84px;
}

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

#suntory_contents .item_block li:nth-child(n+3){
	margin-top: 90px;
}

#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{
	color: #c9a063;
	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;
}

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

#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: 1164px) {
	/*-----------------------------------------------------
       コンテンツ
	-----------------------------------------------------*/
	#suntory_contents .cont01_inr{
		background: #000;
	}

	#suntory_contents .cont01_dec {
		max-width: 700px;
	}

	#suntory_contents .cont02_photo{
		width: 15vw;
		right: 60px;
	}

	/*-----------------------------------------------------
       コンテンツ 3
	-----------------------------------------------------*/
	#suntory_contents .item_block li{
		float: unset;
		margin: auto;
	}

	#suntory_contents .item_block li:nth-child(n+2){
		margin-top: 90px;
	}

}

@media screen and (max-width: 1024px) {
	#suntory_contents .item_block li{
		margin-top: 40px;
	}
}

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


	#suntory_contents .art_title {
		top: 182px;
		left: 45px;
	}

	#suntory_contents .cont02_photo{
		position: static;
		margin: 30px auto 0;
	}
}

@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{
		width: inherit;
	}

	#suntory_contents .nav_block ul{
		width: inherit;
		height: inherit;
	}

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

	#suntory_contents .nav_block a{
		display: block;
	}

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

	#suntory_contents .cont01{
		margin-top: 25px;
	}

	#suntory_contents .cont02,
	#suntory_contents .cont03{
		margin-top: 50px;
	}
	#suntory_contents .cont01_inr,
	#suntory_contents .cont02_inr{
		width: inherit;
		margin: 0 auto;
	}

	#suntory_contents .cont01_inr{ background: none; }

	#suntory_contents .cont01 h2,
	#suntory_contents .cont02 h2,
	#suntory_contents .cont03 h2{
		margin-top: 13.5px;
	}

	#suntory_contents .lead_txt,
	#suntory_contents .cont03 .lead_txt{
		margin-top: 25px;
		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;
		padding: 0 20px;
	}

	#suntory_contents .cont_txt p,
	#suntory_contents .cont03 p{
		margin-top: 30px;
		font-size: 14px;
		text-align: left;
	}

	/*-----------------------------------------------------
       コンテンツ 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_inr .caption{
		font-size: 10px;
		line-height: 1.3;
	}

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

	#suntory_contents .cont02_inr{
		background-size: 100%;
		background-position: 0 415px;
	}

	#suntory_contents .cont02_photo{
		position: static;
		width: 46%;
		margin: 25px auto 0;
		padding-right: 6%;
	}

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

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

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

	#suntory_contents .cont03_inr .en_title{
		text-align: center;
	}

	#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_block li:nth-child(n+3) {
		margin-top: 60px;
	}

	#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: 17px;
		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;
	}

	#suntory_contents .item_block .shop_btn a img{
		width: 100%;
		height: auto !important;
	}

	/*-----------------------------------------------------
       コンテンツ 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;
	}
}


#suntory_contents #div-gpt-ad-1469518796001-0-1_ad_container img ,
#suntory_contents #div-gpt-ad-1469518796001-0-2_ad_container img ,
#suntory_contents #div-gpt-ad-1469518796001-0-3_ad_container img ,
#suntory_contents #div-gpt-ad-1469518796001-0-4_ad_container img {
	height: auto !important;
}