@charset "utf-8";

body,html {
	font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
}

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

h1,h2,h3,h4,p,ul,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: normal;
	list-style-type: none;
}

#suntory_contents {
	width: 100%;
	margin: 0;
    padding: 10px 0 110px 0;
	/*background:*/
}

#breadcrumb_wrap {
	width: 100%;
	margin: 0 0 10px 0;
}
ul#breadcrumb {
	width: 1164px;
	margin: 0 auto;
	text-align: left;
}
ul#breadcrumb li {
	display: inline-block;
	color: #000;
	padding-right: 1em;
	position: relative;
	font-size: 12px;
	line-height: 100%;
}
ul#breadcrumb li:after {
	content: ">";
	color: #2299ee;
	position: absolute;
	font-size: 10px;
	top: -1px;
	right: 0;
}
ul#breadcrumb li:last-child:after {
	content: none;
}
ul#breadcrumb li a {
	color: #2299ee;
	text-decoration: none;
}
ul#breadcrumb li a:hover {
	opacity: 0.7;
	cursor: pointer;
	text-decoration: underline;
}
#contents {
	width: 1164px;
	margin: 0 auto;
}
@media screen and (max-width: 1164px) {
#contents { width: 100%; margin: 0; }
}
@media screen and (max-width: 960px) {
#contents { width: 960px; margin: 0; }
}



#pagetop {
	width: 60px;
	height: 60px;
    z-index: 15;
    display: none;
}
	#pagetop img {
		width: 100%;
		height: auto;
		display: block;
	}
	#pagetop:hover img {
		cursor: pointer;
		opacity: 0.7;
	}
#pagetop.fixed {
	position: fixed;
    bottom: 20px;
    z-index: 15;
    display: none;
}
#pagetop.absolute {
	position: absolute;
	bottom: -30px;
}