@charset "utf-8";

/* CSS Document */





/************************/

/*       共通設定       */

/************************/



.clearfix:after {

	content: "."; 

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

}

 

.clearfix {

	min-height: 1px;

}

 

* html .clearfix {

	height: 1px;

	/*¥*//*/

	height: auto;

	overflow: hidden;

	/**/

}

body{
	min-width:1164px;
}

html,body{

	background:rgba(0,0,0,1);

}



img{

	max-width:100%;

}



h1,h2,h3,ul,li,dl,dt,dd {

	margin: 0;

	padding: 0;

}



li {

	list-style: none;

}



p {

	margin: 0;

	padding: 0;

}



a {

	color:#fff;

}



.pcON {

	display: block;

}

.spON {

	display: none;

}





/*jQueryアニメのすべての画像に適用*/

[class*="view_"] {

	

	opacity: 0;

	

}



.fl{

	float:left;

}

.fr{

	float:right;

}

.cb{

	clear:both;

}

.dn{

	display:none;

}

.t-center{

	text-align:center;

}



.font-lv1{

	font-size:0.75em;

}

.font-lv2{

	font-size:0.9em;

}

.font-lv3{

	font-size:1.2em;

}

.font-lv4{

	font-size:1.3em;

}

.font-lv5{

	font-size:1.6em;

}

.font-lv6{

	font-size:2.0em;

}



.ff-def{

	font-family:"メイリオ", Meiryo, sans-serif;

}

.ff{

	letter-spacing:0.08em;

	font-family:Adobe Garamond Pro,"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}



.text-gold{

	color:#d6bd5e;

}

.lh-lv1{

	line-height:2em;

}

.mgt10{

	margin-top:10px;

}

.mgt15{

	margin-top:15px;

}

.mgt20{

	margin-top:20px;

}

.mgt25{

	margin-top:25px;

}

.mgt35{

	margin-top:35px;

}

.mgt40{

	margin-top:40px;

}

.mgt50{

	margin-top:50px;

}

.mgt100{

	margin-top:100px;

}

.mgb20{

	margin-bottom:20px;

}

.mgb25{

	margin-bottom:25px;

}

.mgb30{

	margin-bottom:30px;

}

.mgb80{

	margin-bottom:80px;

}

.mgb120{

	margin-bottom:120px;

}

.mgCenter{

	margin-left:auto;

	margin-right:auto;

}

.pd10{

	padding:10px;

}

.pdt30{

	padding-top:30px;

}

.pdt80{

	padding-top:80px;

}

.pdb70{

	padding-bottom:70px;

}



.pdt50{

	padding-top:50px;

}







.bgicon{

	position:absolute;

	display:inline-block;

	background:url(../../common/img/icons.svg);

}

.iconsize1{

	top:calc(50% - 12px);

	width: 24px;

	height: 24px;

	background-size:72px;

}

.iconsize2{

	top:calc(50% - 16px);

	width: 32px;

	height: 32px;

	background-size:96px;

}

.iconsize_center{

	top:calc(80% - 12px);

	left:calc(50% - 12px);

	width: 24px;

	height: 24px;

	background-size:72px;

}



.iconSPchange1{

	background-position: 0 0;

}

.row_90{

	-webkit-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	transform: rotate(90deg);

}

.row_270{

	-webkit-transform: rotate(-90deg);

	-moz-transform: rotate(-90deg);

	-ms-transform: rotate(-90deg);

	-o-transform: rotate(-90deg);

	transform: rotate(-90deg);

}



.right1{

	right:8px;

}

.right2{

	right:36px;

}



#suntory_contents{

	color:#fff;

	background-color:rgba(0,0,0);

}



#wrapper {

	width: 100%;

	max-width:1164px;

	margin:0px auto;

}

.grad-border{

	position: relative;

	width: 100%;

	margin: 0;

	padding: 0;

	color: #a18e47;

}

.grad-border::before {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	width: 100%;

	height: 1px;

	margin: 0 auto;

	text-align: center;

	background-image: -webkit-linear-gradient(left, transparent, #a18e47 25%, #a18e47 75%, transparent);

	background-image: linear-gradient(to right, transparent, #a18e47 25%, #a18e47 75%, transparent);

	background-position: center;

	background-repeat: no-repeat;

}

.pcfl{

	float:left;

}

.pcfr{

	float:right;

}

.spfl,.spfr{

	float:none;

}



#bread-nav{

	width: 100%;

	max-width:1164px;

	padding:14px 0px 0px 4px;

}





.linkBox{

	width: 100%;

	max-width:1164px;

	margin-left:auto;

	margin-right:auto;

}

.linkBox ul{

	display:flex;

	flex-wrap: wrap;

	flex-direction:row;

}
.linkBox ul li{

	width:33%;

	line-height:28px;

	text-align:center;

	margin-bottom:5px;

	background:rgba(43,45,46,1);

	position: relative;

}


#footer .winesquare{
	margin-top:30px;
}

#footer .winesquare a:hover{
	text-decoration:none;
}

#footer.linkBox ul li{

	width:33%;

	line-height:28px;

	text-align:center;

	margin-bottom:5px;

	background:none;

	position: relative;

}

#footer.linkBox ul li a{

	line-height:0;

	padding:0px;

	display:block;

	text-decoration:none;

}



#header.linkBox ul li:nth-of-type(3n-1){

	margin-left:0.5%;

	margin-right:0.5%;

}



#footer.linkBox ul li:nth-of-type(3n-3){

	margin-left:0.5%;

	margin-right:0.5%;

}

.linkBox ul li a{

	line-height:28px;

	padding:20px 0px;

	display:block;

	text-decoration:none;

}

/* pagetopボタン */

.pagetopBox{

	max-width:1164px;

	margin:0px auto;

}

.pagetopBtn{

	width:87px;

	height:87px;

	position:fixed;

	left:auto;

	bottom:0;

	margin:0 0 20px 1077px;

	right:auto;

	display:none;

	cursor: pointer;

	z-index:3;

}



#div-gpt-ad-1469518796001-0-2_ad_container a{

	padding:0;

}



#div-gpt-ad-1469518796001-0-2_ad_container img{

	width:100%;

}



#div-gpt-ad-1469518796001-0-1 img{



	height:auto;

}





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

	#wrapper {

		max-width:767px;

		min-width:auto;

		font-family:"メイリオ", Meiryo, sans-serif;

	}

	.spff-def{

		font-family:"メイリオ", Meiryo, sans-serif;

	}

	.pcON {

		display: none;

	}

	.spON {

		display: block;

		position:relative;

	}

	.pcfl,.pcfr{

		float:none;

	}

	.spfl{

		float:left;

	}

	.spfr{

		float:right;

	}

	.spcb{

		clear:both;

	}

	.right1{

		right:16px;

	}

	.right2{

		right:24px;

	}

	.iconSPchange1{

		background-position: -24px 0;

	}



	.linkBox ul{

		flex-direction:column;

	}

	#footer.linkBox ul li{

		width:100%;

		text-align:left;

		margin-bottom:5px;
		background:rgba(43,45,46,1);

	}

	#footer.linkBox ul li a{

		padding:20px 40px;

	}

	#footer.linkBox ul li:nth-of-type(3n-1){

		margin-left:0;

		margin-right:0;

	}



	.menu{

		width:100%;

	}

	.menu ul{

		display:none;

	}

	.menu ul li{

		width:100%;

		text-align:center;

		border-bottom:1px solid rgba(255,255,255,0.3);

		display:inline-block;

	}

	.menu ul li a{

		padding:10px 0px;

		display:block;

		text-decoration:none;

		background:rgba(255,255,255,0.1);

	}

	.menu ul li a:hover{

		padding:10px 0px;

		display:block;

		text-decoration:none;

		background:rgba(255,255,255,0.2);

	}

	.menu .toggle{

		cursor:pointer;

		width:48px;

		height:48px;

		background:url(../../common/img/icons.svg);

		position:relative;

		right:0;

		top:0;

		background-size:144px;

		background-position:-96px 0px;

		z-index: 1;

	}

	#suntoryCommonWrapper{

		position: absolute;

	}

#footer.linkBox ul li:nth-of-type(3n-3){

	margin-left:0;

	margin-right:0%;

}



	/* pagetopボタン */

	.pagetopBox{

		max-width:100%;

		margin:0px auto;

	}

	.pagetopBtn{

		right:10px;

		margin:0 5px 20px 0;

	}

}