@charset "UTF-8";


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

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

#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 ul.recipe {
    margin-top: 1em;
}

#suntory_contents ul.recipe li {
    margin-top: 0.5em;
}

#suntory_contents div.sample {
    display: block;
}
#suntory_contents div.sample ul {
    margin-bottom: 10px;
}
#suntory_contents div.sample ul li:last-child {
    margin-right: 0;
}

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

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

#suntory_contents #contents h3:before{
color: #00A2E9;
}

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

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