@charset "UTF-8";

body{
	display: none;
}
#suntory_contents .cdn1_kansaiusj, #suntory_contents .cdn1_psbusj, #suntory_contents .cdn1_beerballusj, #suntory_contents div.sample.cdn1_kansaiusj, #suntory_contents div.sample.cdn1_psbusj, #suntory_contents div.sample.cdn1_beerballusj,#suntory_contents .cdn1_frescousj,#suntory_contents div.sample.cdn1_frescousj,#suntory_contents .cdn1_kirindousj,#suntory_contents div.sample.cdn1_kirindousj,#suntory_contents .cdn1_heiwadousj,#suntory_contents div.sample.cdn1_heiwadousj,#suntory_contents .cdn1_yamayausj,#suntory_contents div.sample.cdn1_yamayausj{
	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:#1b4584;

}

#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(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{
    display: block;
    width: 80%;
    border-right:none;
    transform:inherit;
    font-size:1.1rem;
    background: #1b4584;
    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:#1b4584;
color:#fff;
}

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

#suntory_contents #contents h3:before{
color: #1b4584;
}

#suntory_contents #contents p.sample_tit{
color: #1b4584;
}

#suntory_contents #contents #recepit h2{
color: #1b4584;
text-align: left;
}

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

.note {
    margin-top: 30px;
}
/* ----------対象商品例 .sample------------ */
@media all and (max-width: 767px) {
#suntory_contents div.sample.cdn1_kansaiusj ul,#suntory_contents div.sample.cdn1_frescousj ul,#suntory_contents div.sample.cdn1_kirindousj ul,#suntory_contents div.sample.cdn1_heiwadousj ul,#suntory_contents div.sample.cdn1_yamayausj ul {
    margin: 20px auto;
    display: block;
    width: 200px;
	align-content: space-between;
}
#suntory_contents div.sample.cdn1_kansaiusj ul li,#suntory_contents div.sample.cdn1_frescousj ul li,#suntory_contents div.sample.cdn1_kirindousj ul li,#suntory_contents div.sample.cdn1_heiwadousj ul li,#suntory_contents div.sample.cdn1_yamayausj ul li {
	display: inline-block;
     margin: 0 0 10px 0; 
}
}

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

#suntory_contents .sample ul {
    align-items: flex-end;
    justify-content: center;
}