@charset "UTF-8";


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

#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: #008436;
}

#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:#008436;
color:#fff;
}

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

#suntory_contents #contents h3:before{
color: #3CB035;
}

#suntory_contents #contents p.sample_tit{
color: #00A0EA;
}

#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;
}
}