@charset "UTF-8";

/* h1ヘッダー画像出し分け(spヘッダー幅750px)
-------------------------------------------------- */
#suntory_contents h1 img.pc_none {
    display: none;
}
#suntory_contents h1 img.sp_none {
    display: block;
}

@media screen and (max-width:767px){
#suntory_contents h1 img.pc_none {
    display: block;
    max-width: 750px;
    margin: 0 auto;
}
#suntory_contents h1 img.sp_none {
    display: none;
}
}

/*アンカーリンク*/
#suntory_contents nav ul {
	background:#1C2B63;
}

#suntory_contents nav ul li{
    border-right:1px solid #fff;
}
#suntory_contents nav ul li:last-child{
    border-right: none;
}

#suntory_contents nav ul li a{
	color:#fff;
}

#suntory_contents nav ul li a:hover{
	filter: brightness(85%)
}

@media screen and (max-width:767px){
	
#suntory_contents nav ul {margin-top:2em;flex-direction: column;background: none;}

#suntory_contents nav ul li{
    background: #1C2B63;
}

#suntory_contents nav ul li:after{
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
}

#suntory_contents nav ul li:last-child{
    border-bottom:none;
}
}

#suntory_contents ul.present_idt li {
    text-indent: -3em;
    padding-left: 3em;
}

/* ------------色味変更部分---------------- */
#suntory_contents #contents section h1{
background:#1C2B63;
color:#fff;
}

#suntory_contents #contents section h2{
border-color:#D3A700;
}

#suntory_contents #contents h3:before{
color: #D3A700;
}

#suntory_contents #contents p.sample_tit{
color: #D3A700;
}

#suntory_contents .flex_wrap{
	display: flex;
	text-align: center;
	align-content: space-between;
	margin-top: 1em;
}

#suntory_contents .flex_wrap .flex_inner{
	padding: 10px;
}

#suntory_contents .flex_wrap .flex_inner ul li img{
	max-width: 600px;
	width: 100%;
}

@media screen and (max-width:767px){
	#suntory_contents .flex_wrap{
	flex-direction: column;
}
	
#suntory_contents .flex_wrap .flex_inner{
	margin-top: 1em;
}
}

@media screen and (min-width:768px){
#suntory_contents .flex_wrap .flex_inner{
	width: 300px;
}
}

#suntory_contents div.sample ul li{
    margin-right: 0;
}