@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:none; }
.sp_only { display:block; }

a {
	color: #0F96B8;	
	text-decoration: underline;
}
ul,li,p {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

#suntoryCommonHeader {
    border-bottom: 1px solid #c7cdd3;
}
#suntoryCommonHd{
height:49px;
}
#suntoryCommonHd_01:after{content:""; clear:both; display:block;}
#suntoryCommonHd_01 h1,
#suntoryCommonHd_01_sp{
float:left;
font-size:0;
line-height:0;
}
#suntoryCommonHd_01 h1 a{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:118px;
height:18px;
background:url(../img/hd_logo.png) no-repeat 0 0;
background-size:118px 18px;
margin:16px 0 0 11px;
}
#suntoryCommonFt ul#suntoryCommonFt_txt_link{
margin:30px 0 20px 4px;
}
#suntoryCommonFt ul#suntoryCommonFt_txt_link:after{content:""; clear:both; display:block;}
#suntoryCommonFt ul#suntoryCommonFt_txt_link li{
float:left;
}
#suntoryCommonFt ul#suntoryCommonFt_txt_link li:first-child:after{display:none;}
#suntoryCommonFt ul#suntoryCommonFt_txt_link li a{
display:block;
padding:0 8px;
font-size:11px;
letter-spacing:-0.2px;
color:#46555e;
text-decoration: none;
}
#suntoryCommonFt ul#suntoryCommonFt_txt_link li a.hover{
text-decoration:underline;
}
#suntoryCommonFt p#suntoryCommonFt_notice{
margin:0 0 13px 10px;
font-size:10px;
line-height:14px;
letter-spacing:-0.2px;
color:#444;
}
#suntoryCommonFt p#suntoryCommonFt_notice:before{
background:url(../img/ft_notice.png) no-repeat 0 6px;
background-size:56px 30px;
content:"";
float:left;
width:65px;
height:37px;
}
#suntoryCommonFt p#suntoryCommonFt_notice.softdrink{line-height:28px;}
#suntoryCommonFt p#suntoryCommonFt_notice.softdrink:before{
background-position:-25px 0;
width:38px;
}
#suntoryCommonFt p#suntoryCommonFt_logo{
border-top:1px solid #c7cdd3;
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:202px;
height:19px;
background:url(../img/ft_logo.png) no-repeat 0 0;
background-size:202px 19px;
margin:22px 0 0 10px;
}
#suntoryCommonFt p#suntoryCommonFt_copy{
padding:11px 8px 20px 10px;
font-family:'suntory syntax';
font-size:8px;
letter-spacing:-0.1px;
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: 52px;
	background-color: #5BC2DC;
}
#account_header {
	width: calc( 100% - 10px );
	height: 52px;
	padding-left: 10px;
	line-height: 52px;
	font-size: 18px;
	color: #fff;
}


/* #suntory_contents #breadcrumbs
-------------------------------------------------- */
#suntory_contents #breadcrumbs ul:after{content:""; clear:both; display:block;}

#suntory_contents #breadcrumbs ul{
padding:15px 0;
width: 98%;
margin: 0 auto;
}

#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;
}






/* #suntory_contents .page_top p
============================================================ */
/*
#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;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;
cursor:pointer;
font-style: normal;
}

#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%;
	padding-top: 14%;
	position: relative;
	z-index: 999;
	display: none;
}

#move_top p {
	right: 2.6%;
	width: 10.4%;
	display: none;
	margin: 0;
}

#move_top p.fixed {
	position: fixed;
	bottom: 20px; 
	top:inherit;
}

#move_top p.absolute {
	position: absolute;
	top: 0;
	bottom:inherit;
}

#move_top p img {
	width: 100%;
	height: auto;
	opacity: 0.7;
}



