@charset "UTF-8";


/* h1ヘッダー画像出し分け(spヘッダー幅750px)
-------------------------------------------------- */
#suntory_contents h1 img.pc_none {
	display: none;
}
#suntory_contents h1 img.sp_none {
	display: block;
}

#suntory_contents img.pc_none{
	display: none;
}
#suntory_contents img.sp_none{
	display: block;
}

@media screen and (max-width:767px){
#suntory_contents h1 img.pc_none {
	display: block;
	margin: 0 auto;
}
#suntory_contents h1 img.sp_none {
	display: none;
}
#suntory_contents img.pc_none{
	display: block;
}
#suntory_contents img.sp_none{
	display: none;
}
}


/*button*/
#suntory_contents button img{
	width: 100%;
}
#suntory_contents button{
	display:block;
	margin:10px auto;
	border-radius: 25px;
    overflow: hidden;
}

@media (min-width: 768px) {
  #suntoryCommonWrapper #suntory_contents .fade {
    -webkit-transition: -webkit-filter 0.1s linear;
    transition: -webkit-filter 0.1s linear;
    transition: filter 0.1s linear;
    transition: filter 0.1s linear, -webkit-filter 0.1s linear;
  }
  #suntoryCommonWrapper #suntory_contents .fade:hover {
    -webkit-filter: brightness(110%) contrast(110%);
            filter: brightness(110%) contrast(110%);
  }
#suntory_contents .apply_btn a, #suntory_contents .apply_btn-line a, #suntory_contents .apply_btn-sid a {
    font-size: 1.6em;
}
}

@media all and (min-width: 768px) and (-ms-high-contrast: none) {
  #suntoryCommonWrapper #suntory_contents .fade {
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
  }
  #suntoryCommonWrapper #suntory_contents .fade:hover {
    opacity: 0.7;
  }
}

@media (max-width: 767px) {
	#suntory_contents button {
	border-radius: 100px;
    overflow: hidden;
		width:76vw;
	}
}


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

.sampleimg img{
	width: 100%;
}

.sampleimg{
	margin: 1em auto;
}

.present_box {
	text-align: center;
    margin: 0 0 1em;
}

.present_box img{
width: 100%;	
}

@media all and (min-width: 768px) {
.present_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.present_wrap .present_box{
    width: 400px;
}

.present_wrap .present_box img{
    display:block;
    text-align:center;
    margin:0 auto;
}
}
/* ------------色味変更部分---------------- */
#suntory_contents #contents h2{
background:#004;
color:#e8c64a;
text-align: center;
}

#suntory_contents #contents h3:before{
color: #004;
}

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

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

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


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