@charset "utf-8";
/*------------------------------------------------------------
[SP]
------------------------------------------------------------ */
.sp_item.inline_item {
	display: inline-block;
}
.pc_item {
	display: none;
}

#suntory_contents {
	padding-bottom:0;
}

body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
}

/*------------------------------------------------------------
bg_fix
------------------------------------------------------------ */
#suntory_contents,
#sbf_wrap,
#sbf_wrap_inr,
#sbf_symbol {
	background: none;
}
body#products_item #sbf_main_cnt, body#movie #sbf_main_cnt, body#company #sbf_main_cnt, body#ir #sbf_main_cnt, body#recruit #sbf_main_cnt,
body#products_item .btm, body#movie .btm, body#company .btm, body#ir .btm, body#recruit .btm, body#privacy .btm {
	background: none;
}

/*------------------------------------------------------------
Adjustments for legacy settings
------------------------------------------------------------ */
.sbf_header_company,
.sbf_footer_company {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color: #000;
    font-feature-settings: "palt";
	letter-spacing: 0.05em;
}
.sbf_header_company h1,.sbf_header_company h2,.sbf_header_company h3,.sbf_header_company h4,.sbf_header_company h5,.sbf_header_company h6,.sbf_header_company p,.sbf_header_company br,.sbf_header_company ul,.sbf_header_company ol,.sbf_header_company li,.sbf_header_company dl,.sbf_header_company dt,.sbf_header_company dd,.sbf_header_company from,.sbf_header_company table,.sbf_header_company th,.sbf_header_company td,.sbf_header_company input,.sbf_header_company select,.sbf_header_company article,.sbf_header_company aside,.sbf_header_company details,.sbf_header_company figcaption,.sbf_header_company figure,.sbf_header_company footer,.sbf_header_company header,.sbf_header_company hgroup,.sbf_header_company menu,.sbf_header_company nav,.sbf_header_company section,.sbf_footer_company h1,.sbf_footer_company h2,.sbf_footer_company h3,.sbf_footer_company h4,.sbf_footer_company h5,.sbf_footer_company h6,.sbf_footer_company p,.sbf_footer_company br,.sbf_footer_company ul,.sbf_footer_company ol,.sbf_footer_company li,.sbf_footer_company dl,.sbf_footer_company dt,.sbf_footer_company dd,.sbf_footer_company from,.sbf_footer_company table,.sbf_footer_company th,.sbf_footer_company td,.sbf_footer_company input,.sbf_footer_company select,.sbf_footer_company article,.sbf_footer_company aside,.sbf_footer_company details,.sbf_footer_company figcaption,.sbf_footer_company figure,.sbf_footer_company footer,.sbf_footer_company header,.sbf_footer_company hgroup,.sbf_footer_company menu,.sbf_footer_company nav,.sbf_footer_company section {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

/*------------------------------------------------------------
[SP] sbf_header_company
------------------------------------------------------------ */
.sbf_header_company {
	position: relative;
	background: #fff;
	border-bottom:0.266666666666667vw rgba(41,138,162,.2) solid;
}
.sbf_header_company.menu_open .inner {
width: auto;
height: 100vh;
padding-bottom: 30vw;
overflow-y: auto;
}
.company_top .sbf_header_company {
	border-bottom: none;
}
.sbf_header_company.menu_open h1 {
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 99;
}
.sbf_header_company h1 a {
	margin: 0 auto;
	display: block;
	text-indent: -9999px;
	width: 37.6vw;
	height: 16vw;
	background: url(../img/svg/logo_sbf.svg) no-repeat center center;
	background-size: 37.6vw auto;
}

/*------------------------------------------------------------
[SP] sbf_footer_company
------------------------------------------------------------ */
.sbf_footer_company {
	background: #5BC2DC;
}
.sbf_footer_company h1 a {
	margin: 0 auto;
	display: block;
	text-indent: -9999px;
	width: 45.333333333333333vw;
	height: 16vw;
	background: url(../img/svg/logo_sbf_white.svg) no-repeat center center;
	background-size: 45.333333333333333vw auto;
}

/*------------------------------------------------------------
[SP]breadcrumbs
------------------------------------------------------------ */
.breadcrumbs {
	margin: 4vw 4vw 10.666666666666667vw;
	font-size: 2.666666666666667vw;
	line-height: 1.5;
}
.breadcrumbs ol {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
    color: #666;
}
.breadcrumbs ol li a {
	color:#666;
	margin-right: 4.266666666666667vw;
	position: relative;
}
.breadcrumbs ol li a::after {
	content: '';
	width: 1.866666666666667vw;
	height: 1.866666666666667vw;
	background: url(../img/svg/arrow_breadcrumbs.svg) no-repeat 0 0;
	background-size: 1.866666666666667vw 1.866666666666667vw;
	position: absolute;
	right: -3.2vw;
	top: calc(50% - 0.933333333333333vw);
}

/*------------------------------------------------------------
[SP] category_title
------------------------------------------------------------ */
#suntory_contents h1.category_title {
	margin: 0 4vw;
	padding-bottom: 4vw;
	font-size: 6.4vw;
    line-height: 1;
	font-weight: normal;
	text-align: left;
	border-bottom: 0.133333333333333vw #5BC2DC solid;
}

/*------------------------------------------------------------
[SP]btn_page_top
------------------------------------------------------------ */
.btn_page_top {
}
.btn_page_top a {
	display: block;
	width: 12vw;
	height: 12vw;
	border-radius: 6vw;
	background: rgba(42,138,162,.9) url(../img/svg/arrow_up_white.svg) no-repeat center center;
	background-size: 4vw 2.4vw;
	text-indent: -9999px;
	position: fixed;
	bottom: 4vw;
	right: 4vw;
	filter: drop-shadow(0 0 1.333333333333333vw rgba(0, 0, 0, .25));
	z-index: 10;
}

/*------------------------------------------------------------
[PC]
------------------------------------------------------------ */
@media print, screen and (min-width:768px) {

.sp_item {
	display: none;
}
.pc_item {
	display: block;
}
.pc_item.inline_item {
	display: inline-block;
}


/*------------------------------------------------------------
[PC] fix
------------------------------------------------------------ */
#suntory_contents {
	padding: 0;
}
#contents_bottom {
	margin-bottom: 60px;
}

/*------------------------------------------------------------
[PC] sbf_header_company
------------------------------------------------------------ */
.sbf_header_company {
	border-bottom:1px #D4E8EC solid;
	display: block;
	height: 80px;
	min-width: 1160px;
}
.sbf_header_company h1 a {
	margin: 0;
	width: 170px;
	height: 36px;
	background: url(../img/svg/logo_sbf.svg) no-repeat center center;
	background-size: 169px 36px;
	position: absolute;
	top:22px;
	left: 40px;
}

/*------------------------------------------------------------
[PC] sbf_footer_company
------------------------------------------------------------ */
.sbf_footer_company {
	padding:30px 0;
}
.sbf_footer_company .inner {
	margin: 0 auto;
	width: 1160px;
	position: relative;
}
.sbf_footer_company h1 a {
	margin: 0 auto;
	display: block;
	text-indent: -9999px;
	width: 190px;
	height: 40px;
	background: url(../img/svg/logo_sbf_white.svg) no-repeat center bottom;
	background-size: 190px 40px;
}


/*------------------------------------------------------------
[PC]breadcrumbs
------------------------------------------------------------ */
.breadcrumbs {
	width: 910px;
	margin: 15px auto 60px;
	font-size: 13px;
}
.breadcrumbs ol {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	color: #666;
}
.breadcrumbs ol li a {
	color:#666;
	margin-right: 16px;
	position: relative;
}
.breadcrumbs ol li a:hover {
	color: #5BC2DC;
}
.breadcrumbs ol li a::after {
	content: '';
	width: 7px;
	height: 7px;
	background: url(../img/svg/arrow_breadcrumbs.svg) no-repeat 0 0;
	background-size: 7px 7px;
	position: absolute;
	right: -12px;
	top: calc(50% - 3.5px);
}

/*------------------------------------------------------------
[PC] category_title
------------------------------------------------------------ */
#suntory_contents h1.category_title {
	margin: 0 auto 30px;
	width: 910px;
	padding-bottom: 20px;
	font-size: 36px;
	line-height: 1;
	font-weight: normal;
	border-bottom: 1px #5BC2DC solid;
	text-align: left;
}

/*------------------------------------------------------------
[PC]btn_page_top
------------------------------------------------------------ */
.btn_page_top {
}
.btn_page_top a {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background: rgba(42,138,162,.9) url(../img/svg/arrow_up_white.svg) no-repeat center center;
	background-size: 18px 11px;
	text-indent: -9999px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	filter: drop-shadow(0 0 5px rgba(0, 0, 0, .25));
	z-index: 10;
}


}