@charset "utf-8";

html,
body{
margin:0;
padding:0;
border:0;
font:inherit;
font-size:100%;
font-style:normal;
font-family: "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, sans-serif;
line-height:1;
vertical-align:baseline;
outline:none;
}

.pc_only { display:block; }
.sp_only { display:none; }

a {
	color: #0F96B8;	
	text-decoration: underline;
}
a:hover {
	cursor: pointer;
	opacity: 0.75;
}
ul,li,p {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}


#suntoryCommonHeader {
    border-bottom: 1px solid #c7cdd3;
}
#suntoryCommonHd{
	height:40px;
	background:#fff;
}
#suntoryCommonHd_in,#suntoryCommonHd_01,#suntoryCommonFt_in {
    width: 1164px;
    margin: 0 auto;
    text-align: left;
}
@media screen and (max-width: 1164px) {
#suntoryCommonHd_in,#suntoryCommonHd_01,#suntoryCommonFt_in {
    width: 100%;
}
}


#suntoryCommonHd_01 h1{
	float:left;
	font-size:0;
	line-height:0;
	padding:10px 0 0 10px;
}
#suntoryCommonHd_01 h1 a{
	display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
	width:140px;
	height:22px;
	background:url(../img/pc.png) no-repeat 0 0;
}


#suntoryCommonFooter{border-top:1px solid #c7cdd3;}
#suntoryCommonFt_in{
position:relative;
height:80px;
}
#suntoryCommonFt p#suntoryCommonFt_notice{
position:absolute;
top: 50%;
transform: translateY(-50%);
left:10px;
font-size:10px;
line-height:15px;
letter-spacing:-0.3px;
color:#444;
width:410px;
}
#suntoryCommonFt p#suntoryCommonFt_notice:before{
background:url(../img/pc.png) no-repeat 0 -120px;
content:"";
float:left;
width:65px;
height:32px;
}
#suntoryCommonFt p#suntoryCommonFt_notice.softdrink{line-height:29px;}
#suntoryCommonFt p#suntoryCommonFt_notice.softdrink:before{background-position:-27px -120px;width:38px;}

#suntoryCommonFt ul#suntoryCommonFt_txt_link{
position:absolute;
bottom:40px;
right:220px;
}
#suntoryCommonFt ul#suntoryCommonFt_txt_link:after{content:""; clear:both; display:block;}
#suntoryCommonFt ul#suntoryCommonFt_txt_link li{
float:left;
padding-right:12px;
}
#suntoryCommonFt ul#suntoryCommonFt_txt_link li a{
display:block;
font-size:12px;
letter-spacing:-0.5px;
color:#46555e;
overflow:visible;
text-decoration: none;
}
#suntoryCommonFt ul#suntoryCommonFt_txt_link li a:hover{
text-decoration:underline;
}
#suntoryCommonFt p#suntoryCommonFt_logo{
position:absolute;
bottom:37px;
right:7px;
font-size:0;
line-height:0;
}
#suntoryCommonFt p#suntoryCommonFt_logo a{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:212px;
height:20px;
background:url(../img/pc.png) no-repeat 0 -170px;
}
#suntoryCommonFt p#suntoryCommonFt_copy{
position:absolute;
bottom:13px;
right:7px;
font-family:'suntory syntax';
font-size:10px;
color:#aaa;
}



#suntory_contents {
	width: 100%;
}
#contents {
	width: 100%;
	color: #334466;
	font-family: "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, sans-serif;
}
#contents h1,#contents h2,#contents h3,
#contents p,#contents ul,#contents li,#contents dl,#contents dt,#contents dd {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 100%;
}

/*account_header*/
#account_header_wrap {
	width: 100%;
	height: 60px;
	background-color: #5BC2DC;
}
#account_header {
	width: 1164px;
	height: 60px;
	margin: 0 auto;
	padding-left: 10px;
	line-height: 60px;
	font-size: 22px;
	color: #fff;
}


/* breadcrumbs */
#suntory_contents #breadcrumbs ul:after{content:""; clear:both; display:block;}
#suntory_contents #breadcrumbs  {
	width: 1164px;
	margin: 0 auto;
}
#suntory_contents #breadcrumbs ul{
    width: 98%;
    margin: 0 auto;
    text-align: left;	
	padding:15px 0;
}
#suntory_contents #breadcrumbs ul li{
	float:left;
	font-size:12px;
	line-height:1.5;
	letter-spacing:1px;
	position:relative;
	color: #334466;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;
}
#suntory_contents #breadcrumbs ul li a {
	text-decoration:  none;
	color: #334466;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;
}

#suntory_contents #breadcrumbs ul li:after{
	content:"\003e";
	padding:0 5px;
}
#suntory_contents #breadcrumbs ul li:last-child:after{
	display:none;
}
#suntory_contents #breadcrumbs ul li a:link,
#suntory_contents #breadcrumbs ul li a:visited,
#suntory_contents #breadcrumbs ul li a:hover,
#suntory_contents #breadcrumbs ul li a:active{
	/*color:#46555e;*/
}
#suntory_contents #breadcrumbs ul li a:hover,
#suntory_contents #breadcrumbs ul li a:active{
	text-decoration:underline;
}


/* page_top */
/*
#suntory_contents .page_top{
	padding:10px 3px;
}
#suntory_contents .page_top p{
	width:100%;
	margin:0 auto;
	color: #334466;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;
}
@media screen and (min-width:961px){#suntory_contents .page_top p{max-width:1164px;}}
@media only screen and (max-width:767px){#suntory_contents .page_top p{width:100%;max-width:100%;}}

#suntory_contents .page_top p:after{content:""; clear:both; display:block;}
#suntory_contents .page_top p i{
	float:right;
	position:relative;
	display:inline-block;
	padding-right:32px;
	font-size:13px;
	line-height:26px;
	letter-spacing:0.5px;
	color:#334466;
	cursor:pointer;
}
#suntory_contents .page_top p i:before,
#suntory_contents .page_top p i:after{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto;
	content:"";
	vertical-align:middle;
}
#suntory_contents .page_top p i:before{
	width:25px;
	height:25px;
	-webkit-border-radius:50%;
	border-radius:50%;
	background:#fff;
	border:1px solid #5bc2dc;
}
#suntory_contents .page_top p i:after{
	top:2.5px;
	right:7%;
	width:6px;
	height:6px;
	border-top:3px solid #5bc2dc;
	border-right:3px solid #5bc2dc;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#suntory_contents .page_top p i:hover{
	text-decoration:underline;
}
#suntory_contents .page_top p i:hover:before{background:#5bc2dc;}
#suntory_contents .page_top p i:hover:after{border-color:#fff;}
*/

#move_top {
	width: 100%;
	height: 80px;
	position: relative;
	z-index: 999;
	display: none;
}

#move_top p {
	width: 60px;
	height: 60px;
	right: 50px;
	display: none;
	margin: 0;
}

#move_top p:hover {
	opacity: 0.7;
	cursor: pointer;
}

#move_top p.fixed {
	position: fixed;
	top: inherit;
	bottom: 40px; 
}

#move_top p.absolute {
	position: absolute;
	top: 0;
	bottom: inherit;
}

#move_top p img {
	width: 100%;
	height: auto;
	opacity: 0.7;
}