@charset "UTF-8";

#suntory_contents {width: 100%;overflow:hidden;}

/*pc-tablet*/
@media screen and (min-width:768px)
{

#suntory_contents .pc_content {display:block;position:relative; background: #ffffff;}
#suntory_contents .sp_content {display:none; position:relative;}

#suntory_contents #blc01 img, #suntory_contents #blc02 img, #suntory_contents #blc03 img {width: 100%; height: auto; vertical-align: top;}

#suntory_contents #blc01 {position: relative;background: url(../img/mvbg.jpg) center top no-repeat;}
#suntory_contents #blc01 h1 {width: 960px; margin: 0 auto;}
#suntory_contents #blc01 .catch {position: relative; background: url(../img/blc01bg.png) left top repeat; background-size: 108px 62px; box-shadow: 0 2px 4px 1px rgba(97, 83, 65, 0.3); z-index: 1;}
#suntory_contents #blc01 .catch img {display: block; width: 960px; margin: 0 auto;}
#suntory_contents #blc02 {position:relative; padding: 60px 0 80px; background: url(../img/bg.jpg) left top repeat;}
#suntory_contents #blc02 .inner {position: relative; width: 960px; margin: 0 auto; padding: 40px; background: url(../img/blc02bg.jpg) center top repeat-y; box-shadow: 0 0 20px 0 rgba(197, 168, 125, 0.23); box-sizing: border-box;}
#suntory_contents #blc02 .inner2 {position: relative; width: 100%; height: 1776px; padding-bottom: 50px; background: url(../img/blc02bg2.jpg) center top no-repeat #fbfbfd; background-size: 100% auto; box-shadow: 0 0 20px 0 rgba(197, 168, 125, 0.23); box-sizing: border-box;}
#suntory_contents #blc02 h2 {position: absolute; top: 102px; right: 104px; width: 197px;}
#suntory_contents #blc02 .lead {position: absolute; top: 69px; left: 130px; width: 335px;}
#suntory_contents #blc02 .wine {position: absolute; top: 480px; left: 182px; width: 250px;}
#suntory_contents #blc02 .ttl01 {position: absolute; top: 656px; right: 204px; width: 126px;}
#suntory_contents #blc02 .txt01 {position: absolute; bottom: 606px; right: 106px; width: 355px;}
#suntory_contents #blc02 .ttl02 {position: absolute; bottom: 587px; left: 205px; width: 126px;}
#suntory_contents #blc02 .txt02 {position: absolute; bottom: 428px; left: 103px; width: 288px;}
#suntory_contents #blc02 .icon {position: absolute; bottom: 171px; left: 58px; width: 391px;}
#suntory_contents #blc02 .txt {position: absolute; bottom: 50px; left: 40px; width: 800px;}
#suntory_contents #blc03 {position:relative; padding: 0 0 120px; background: url(../img/bg.jpg) left top repeat;}
#suntory_contents #blc03 h2 {position: relative; width: 161px; margin: 0 auto;}
#suntory_contents #blc03 .wine {position: relative; width: 401.5px; margin: 60px auto 0; text-align: right;}
#suntory_contents #blc03 .wine img {width: 100%;}
#suntory_contents #blc03 .txt {position: relative; width: 800px; margin: 60px auto 0;}
#suntory_contents #blc03 .att {position: relative; width: 345px; margin: 25px auto 0;}
}


/*sp*/
@media screen and (max-width:767px)
{

#suntory_contents .pc_content {display:none;}
#suntory_contents .sp_content {display:block; background: #ffffff;}

#suntory_contents #blc01 img, #suntory_contents #blc02 img, #suntory_contents #blc03 img {width: 100%; height: auto; vertical-align: top;}

#suntory_contents #blc01 .catch {position: relative; box-shadow: 0 1px 4px 1px rgba(97, 83, 65, 0.3); z-index: 1;}
#suntory_contents #blc02 .inner {position: relative; padding: 5.33vw 5.33vw 13.33vw; background: url(../img/sp-blc02bg.jpg) center top repeat-y; background-size: 100% auto; box-sizing: border-box;}
#suntory_contents #blc02 .inner2 {position: relative; width: 100%; background: url(../img/sp-blc02bg2.jpg) center top no-repeat #fbfbfd; background-size: 100% auto; box-shadow: 0 0 20px 0 rgba(197, 168, 125, 0.23); box-sizing: border-box;}
#suntory_contents #blc03 {position:relative; background: url(../img/sp-bg.jpg) left top repeat-y; background-size: 100% auto;}
}