@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 p.subtitle {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-top: 2em;
}

/*アンカーリンク*/
#suntory_contents nav ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    text-align: center;
	background:#015EAD;

}

#suntory_contents nav ul li{
    display: inline-block;
    width: 33.33333333333%;
    border-right:1px solid #FFF;
    -webkit-transform: skewX(150deg);
	-moz-transform: skewX(150deg);
	transform: skewX(150deg);
}
#suntory_contents nav ul li:last-child{
    border-right: none;
}

#suntory_contents nav ul li a{
    display: inline-block;
    -webkit-transform: skewX(-150deg);
	-moz-transform: skewX(-150deg);
    transform: skewX(-150deg);
    line-height: 3rem;
    text-decoration: none;
    width: 100%;
color:#FFF;
}

#suntory_contents nav ul li a:hover{
    -webkit-filter: brightness(90%) contrast(110%);
            filter: brightness(90%) 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{
    display: block;
    width: 80%;
    border-right:none;
    transform:inherit;
    font-size:1.1rem;
    background: #015EAD;
    border-radius: 25px;
    margin: 5px auto;
    position:relative;
}

#suntory_contents nav ul li:after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
#suntory_contents nav ul li:after{
	top:-5px;
    left: 90%;
    width: 10px;
    height: 10px;
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

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

#suntory_contents nav ul li a{
    transform:inherit;
    border-radius: 25px;
}
}

#suntory_contents #contents h3:before{
	content: none;
}

#suntory_contents #contents #recepit ul.caution {
    margin-left: 1em;
}
#suntory_contents .mt1em {
	margin-top: 1em;
}
#suntory_contents .ml1em {
    margin-left: 1em;
}

#suntory_contents a {
	word-break: break-all;
}

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

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

#suntory_contents #contents h3:before{
color: #015EAD;
}

#suntory_contents #contents p.sample_tit{
color: #015EAD;
}

#suntory_contents #contents #recepit h2{
color: #015EAD;
text-align: left;
}

#suntory_contents #recepit h3{
	text-align: center;
}

.note {
    margin-top: 30px;
}
/* ----------対象商品例 .sample------------ */
@media all and (max-width: 767px) {
#suntory_contents div.sampleimg img.pc_none{
        margin: 0 auto;
	max-width: 550px;
    }
}
#suntory_contents div.sample ul li:last-child {
    margin-right: 0;
}

#suntory_contents #container #contents .letter{
	margin-bottom: 0;
}

#suntory_contents #contents ul.caution.prize li {
    display: flex;
}

#suntory_contents #contents ul.caution.prize li span:first-child {
    width: 6.5em;
    flex-shrink: 0;
}

#suntory_contents #contents ul.caution.prize {
    text-indent: 0;
    margin-left: 0;
}