@charset "shift_jis";

/*------------------------------------------------------------
  suntory_contents
------------------------------------------------------------ */
#suntory_contents{
	background-color:#fff;
	position:relative;
}
#suntory_contents a{
	color:#000;
}
#suntory_contents a:hover{
	color:#ee4499;
}
#suntory_contents img{
	vertical-align:top;
}

/*------------------------------------------------------------
  header
------------------------------------------------------------ */
#suntory_contents header{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	background: url(../img/header_bg.png) left top repeat-x;
	background-size: auto 100%;
}
#suntory_contents header .inner{
	max-width:1160px;
	min-width:960px;
	margin:0 auto;
	padding:15px 0;
	position:relative;
}
#suntory_contents header .inner:after{
	content:"";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
}
#suntory_contents header h1{
	width:17.2413%;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
#suntory_contents header h1 a{
	display:inline-block;
}
#suntory_contents header ul#navi{
	width:82.7586%;
	float:right;
	display:table;
}
#suntory_contents header ul#navi li{
	width:25%;
	padding-left:2.0833%;
	display:table-cell;
}
#suntory_contents header #pan{
	text-align:left;
	background:url(../img/bg_pan.gif) repeat-x #eee;
}
#suntory_contents header #pan ul{
	max-width:1160px;
	min-width:960px;
	margin:0 auto;
	padding:13px 0;
}
#suntory_contents header #pan ul li{
	padding-left:18.9655%;
	font-family:"ƒqƒ‰ƒMƒm–¾’© Pro W6","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©","serif";
	font-size:90%;
	line-height:140%;
	color:#888;
	transform:rotate(0.001deg);
}
#suntory_contents header #pan ul li a{
	font-family:"ƒqƒ‰ƒMƒm–¾’© Pro W6","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©","serif";
	color:#444;
	transform:rotate(0.001deg);
}
#suntory_contents header #pan ul li a:hover{
	color:#ee4499;
}
#suntory_contents header #pan ul li span{
	color:#c1c1c1;
}

@media screen and (max-width: 767px) {
	#suntory_contents header{
		box-shadow:0px 10px 7px -7px rgba(0,0,0,0.3);
		-moz-box-shadow:0px 10px 7px -7px rgba(0,0,0,0.3);
		-webkit-box-shadow:0px 10px 7px -7px rgba(0,0,0,0.3);
	}
	#suntory_contents header #menu{
		text-align:left;
		position:relative;
	}
	
	#suntory_contents header #menu.sp-display p img {
		width: 86% !important;
	}
	
	#suntory_contents header #menu #menu_btn{
	background: url(../img/sp/menu_btn.png) left top no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: 0;
    width: 14%;
    padding-bottom: 14%;
	z-index: 15;
	}
	#suntory_contents header #menu #menu_btn.open{
		background: url(../img/sp/menu_btn_close.png);
    	background-size: 100%;
	}
	#suntory_contents header .inner{
		max-width:100%;
		min-width:100%;
		padding:20px 0 15px;
		display:none;
		text-align:center;
		background: url(../img/sp/pattern_bg.png) left top repeat-y;
        background-size: 100% auto;
	}
	#suntory_contents header h1{
		width: 75%;
		margin: 0 auto 5px auto;
		position:static;
	}
	#suntory_contents header h1 a{
		display: block;
	}
	#suntory_contents header h1 a img{
		width: 100%;
		height: auto;
	}
	#suntory_contents header ul#navi{
		width:100%;
		margin:0 auto;
		display:block;
		float:none;
	}
	#suntory_contents header ul#navi li{
		width:75%;
		margin:0 auto 5px auto;
		padding:0;
		text-align:center;
		display:block;
		float:none;
	}
	#suntory_contents header ul#navi li:last-child{
		margin-bottom:10px;
	}
	#suntory_contents header ul#navi li a{
		display:block;
	}
	#suntory_contents header ul#navi li a img{
		width: 100%;
		height: auto;
	}	
	
	#suntory_contents header p#nav_close {
		width: 35%;
		margin: 0 auto;
	}
	#suntory_contents header p#nav_close img {
		width: 100%;
		height: auto;
	}	
	
	#suntory_contents header #pan{
		display:none;
	}
}

/*------------------------------------------------------------
  sns
------------------------------------------------------------ */
#suntory_contents #container .socialbutton_suntory{
	position:absolute;
	top:-30px;
	right:0;
	width:auto !important;
	z-index:99;
}

@media screen and (max-width: 767px) {
	#suntory_contents #container .socialbutton_suntory{
		top:-40px;
		right:10px;
	}
}

/*------------------------------------------------------------
  pagetop
------------------------------------------------------------ */

#suntory_contents #pagetop{
	z-index:14;
	position:fixed;
	bottom:30px;
	right:83px;
}

@media screen and (max-width: 767px) {
	#suntory_contents #pagetop{
		bottom:7px;
		right:10px;
	}
}

/*------------------------------------------------------------
  ƒŒƒXƒ|ƒ“ƒVƒu
------------------------------------------------------------ */
#suntory_contents .pc-display {
	display: block;
}

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

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

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

	#suntory_contents .sp-display {
		display: block;
		display: none\9;
	}
	
	#suntory_contents header {
    	background: none;
	}
}