@charset "utf-8";

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

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

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: calc( 100% - 20px );
	margin: 0 10px;
	text-align: left;
}
ul#breadcrumb li {
	display: inline-block;
	color: #000;
	padding-right: 1em;
	position: relative;
	font-size: 10px;
	line-height: 100%;
}
ul#breadcrumb li:after {
	content: ">";
	color: #2299ee;
	position: absolute;
	font-size: 8px;
	top: 0;
	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: calc( 100% - 20px );
	margin: 0 auto;
}


#pagetop.fixed {
    position: fixed;
    width: 12%;
    right: 2% !important;
    bottom: 5px;
    z-index: 15;
    display: none;
}
#pagetop.absolute {
	position: absolute;
    width: 12%;
    bottom: -3%;
    right: 2% !important;
}
#pagetop img {
	width: 100%;
	height: auto;
}