@charset "utf-8";

/*------------------------------------------------------------
  reset
------------------------------------------------------------ */
html, body, #suntory_contents div, #suntory_contents span, #suntory_contents applet, #suntory_contents object, #suntory_contents iframe,
#suntory_contents h1, #suntory_contents h2, #suntory_contents h3, #suntory_contents h4, #suntory_contents h5, #suntory_contents h6, #suntory_contents p, #suntory_contents blockquote, #suntory_contents pre,
#suntory_contents a, #suntory_contents abbr, #suntory_contents acronym, #suntory_contents address, #suntory_contents big, #suntory_contents cite, #suntory_contents code,
#suntory_contents del, #suntory_contents dfn, #suntory_contents em, #suntory_contents font, #suntory_contents img, #suntory_contents ins, #suntory_contents kbd, #suntory_contents q, #suntory_contents s, #suntory_contents samp,
#suntory_contents small, #suntory_contents strike, #suntory_contents strong, #suntory_contents sub, #suntory_contents sup, #suntory_contents tt, #suntory_contents var,
#suntory_contents dl, #suntory_contents dt, #suntory_contents dd, #suntory_contents ol, #suntory_contents ul, #suntory_contents li,
#suntory_contents fieldset, #suntory_contents form, #suntory_contents label, #suntory_contents legend,
#suntory_contents table, #suntory_contents caption, #suntory_contents tbody, #suntory_contents tfoot, #suntory_contents thead, #suntory_contents tr, #suntory_contents th, #suntory_contents td, #suntory_contents header, #suntory_contents hgroup, #suntory_contents nav, #suntory_contents section, #suntory_contents footer, #suntory_contents article, #suntory_contents aside, #suntory_contents audio, #suntory_contents video, #suntory_contents meter {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family:'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	vertical-align: baseline;
	color:#222;
}
/* remember to define focus styles! */
#suntory_contents :focus {
	outline: 0;
}
#suntory_contents ol, #suntory_contents ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
#suntory_contents table {
	border-collapse: separate;
	border-spacing: 0;
}
#suntory_contents caption, #suntory_contents th, #suntory_contents td {
	text-align: left;
	font-weight: normal;
}
#suntory_contents blockquote:before, #suntory_contents blockquote:after,
#suntory_contents q:before, #suntory_contents q:after {
	content: "";
}
#suntory_contents blockquote, q {
	quotes: "" "";
}

#suntory_contents img{
	vertical-align:top;
}

@media screen and (max-width: 767px) {
	#suntory_contents{
		padding-top:13.06666666666667%;
		position:relative;
	}
}


/*------------------------------------------------------------
  nav
------------------------------------------------------------ */
#suntory_contents nav {
	width: 100%;
	background-color:#000;
}
#suntory_contents nav ul {
    margin: 0 auto;
    width:1160px;
	display:table;
}
#suntory_contents nav ul li {
	display:table-cell;
	width:33%;
}
#suntory_contents nav ul li a{
	width:100%;
	height: 70px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
#suntory_contents nav ul li:nth-of-type(1) a{
	background: url(../img/navi.png) no-repeat 0 0;
}
#suntory_contents nav ul li:nth-of-type(2) a{
	background: url(../img/navi.png) no-repeat -386px 0;
}
#suntory_contents nav ul li:nth-of-type(3) a{
	background: url(../img/navi.png) no-repeat -773px 0;
}
/*#suntory_contents nav ul li:nth-of-type(1) a:hover,
#top nav ul li:nth-of-type(1) a{
	background: url(../img/navi.png) no-repeat 0 -70px;
}*/
#suntory_contents nav ul li:nth-of-type(2) a:hover,
#brand nav ul li:nth-of-type(2) a{
	background: url(../img/navi.png) no-repeat -386px -70px;
}
#suntory_contents nav ul li:nth-of-type(3) a:hover,
#premium nav ul li:nth-of-type(3) a{
	background: url(../img/navi.png) no-repeat -773px -70px;
}
#suntory_contents #bg_black{
	display:none;
}

@media screen and (max-width: 767px) {
	#suntory_contents nav{
		position:absolute;
		top:0;
		left:0;
		right:0;
		z-index:1000;
	}
	#suntory_contents nav p{
		width:100%;
		position:relative;
	}
	#suntory_contents nav p a{
		width:22.4%;
		height:0;
		margin:0 auto;
		padding-top:13.06666666666667%;
		text-indent:-9999px;
		overflow:hidden;
		display:block;
		background: url(../img/sp/navi_logo.png) no-repeat 0 0;
		background-size:100%;
	}
	#suntory_contents nav p span{
		width:27px;
		height:27px;
		margin-top:-13px;
		background: url(../img/sp/navi_btn_open.png) no-repeat 0 0;
		background-size:100%;
		position:absolute;
		top:50%;
		right:15px;
	}
	#suntory_contents nav p span.open{
		background: url(../img/sp/navi_btn_close.png) no-repeat 0 0;
		background-size:100%;
	}
	#suntory_contents nav ul {
		width:auto;
		display:none;
	}
	#suntory_contents nav ul li{
		display:block;
		border-top:solid 1px #fff;
	}
	#suntory_contents nav ul li a{
		width:100%;
		height:0;
		padding-top:21.33333333333333%;
	}
	/*#suntory_contents nav ul li:nth-of-type(1) a,
	#suntory_contents nav ul li:nth-of-type(1) a:hover,
	#top nav ul li:nth-of-type(1) a{
		background: url(../img/sp/navi_top.png) no-repeat 0 0;
		background-size:100%;
	}*/
	#suntory_contents nav ul li:nth-of-type(2) a,
	#suntory_contents nav ul li:nth-of-type(2) a:hover,
	#brand nav ul li:nth-of-type(2) a{
		background: url(../img/sp/navi_brand.png) no-repeat 0 0;
		background-size:100%;
	}
	#suntory_contents nav ul li:nth-of-type(3) a,
	#suntory_contents nav ul li:nth-of-type(3) a:hover,
	#history nav ul li:nth-of-type(3) a{
		background: url(../img/sp/navi_history.png) no-repeat 0 0;
		background-size:100%;
	}
	#suntory_contents #bg_black{
		display:none;
		background-color:#000;
		opacity:0.7;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:900;
	}
}

/*------------------------------------------------------------
  wineCommonHeader
------------------------------------------------------------ */
@media screen and (max-width: 767px) {
	#suntory_contents #wineCommonHeader{
		display:none;
	}
}


/*------------------------------------------------------------
  to_wine
------------------------------------------------------------ */
#suntory_contents #to_wine{
	margin:50px 0;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}
#suntory_contents #to_wine a{
	padding-left:14px;
	color:#000;
	line-height:1;
	text-decoration:none;
	display:inline-block;
	position:relative;
}
#suntory_contents #to_wine a:after{
	content:"";
	width: 5px;
	height: 5px;
	border: 2px solid;
	border-color:  transparent transparent #000 #000;
	transform: rotate(45deg);
	position:absolute;
	top:2px;
	left:0;
}


/*------------------------------------------------------------
  to_top
------------------------------------------------------------ */
	
#suntory_contents #to_top {
	width: 80px;
	height: 80px;
	position: fixed;
	bottom: 50px;
	right: 20px;
	display: none;				
}
#suntory_contents #to_top a:hover img {
	opacity: 0.7;
}

@media screen and (max-width: 767px) {
	#suntory_contents #to_top{
		width:40px;
		height:40px;
		bottom:25px;
		right:10px;
	}
	#suntory_contents #to_top img{
		width:100%;
		height:auto;
	}
}


/*-------------------------------------------------------------
 レスポンシブ
 --------------------------------------------------------------*/
 
#suntory_contents .pc-display {
	display: block!important;
}

#suntory_contents .sp-display {
	display: none!important;
}

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

	#suntory_contents .pc-display {
		display: none!important;
		display: block\9;
	}

	#suntory_contents .sp-display {
		display: block!important;
		display: none\9;
	}
}