@charset "UTF-8";


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

#suntory_contents nav ul li{
    border-right:1px solid #FFF687;
}

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

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

#suntory_contents nav ul li a:hover{
    -webkit-filter: brightness(80%) contrast(110%);
            filter: brightness(80%) contrast(110%);
}

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

#suntory_contents nav ul li{
    background: #122B88;
}

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

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

}


.sample ul li img, .krecipe a img {
    width: 100%;
}

#suntory_contents #contents .krecipe h1 {
    background:#122B88;
    color:#FFF687;
    margin: 30px -10px 10px;
    font-weight: bold;
    font-size: 1.2rem;
    text-align: center;
    line-height: 3rem;
    width: auto;
}

#suntory_contents .krecipe a {
    display: block;
    max-width: 400px;
    margin: 0 auto;
}

#suntory_contents .krecipe a {
    display: block;
    line-height: 0;
    font-size: 0;
}

#suntory_contents .krecipe a:hover {
    filter: brightness(1.1);
}

#suntory_contents div.sample ul li{
    margin: 0 5px 10px 0;
}
.sample ul li.sample1 img{
    width: 303px;
}
.sample ul li.sample2 img{
    max-width: 322px;
}
.sample ul li.sample3 img{
    width: 241px;
}
@media screen and (max-width:767px){
    #suntory_contents div.sample{
        text-align: left;
    }

    .sample ul li.sample1 img{
        margin: 0 auto;
        max-width: 562px;
        width: 94.137%;
    }
    .sample ul li.sample2 img{
        max-width: 597px;
    }
    .sample ul li.sample3 img{
        margin: 0 auto;
        max-width: 448px;
        width: 75%;
    }
}
/* ------------色味変更部分---------------- */
#suntory_contents #contents section h1{
background:#122B88;
color:#FFF687;
}

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

#suntory_contents #contents h3:before{
color: #122B88;
}

#suntory_contents #contents p.sample_tit{
color: #122B88;
}

#suntory_contents #contents #recepit h2{
color: #122B88;
}