@charset "UTF-8";

/*================================================================================================*/
/* @Clearfix */
/*================================================================================================*/
/* For Modern Browser */
#suntory_contents .clearfix:after,
#suntory_contents #content:after,
#suntory_contents #main:after,
#suntory_contents #page_title div.heading:after
{display:block;clear:both;content:"";}


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

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

#suntory_contents {height: 100%;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;margin:0;padding:0;}

#suntory_contents {min-width:960px;}
#suntory_contents .relative {position:relative;}
#suntory_contents .subtitle {top:-40px;text-align:center;}

#suntory_contents .block {padding: 0px;text-align:center;color:#48300c;}
#suntory_contents .block div.section {
	width: 960px;
	margin: 0 auto;
}


#suntory_contents #block-01 {position:relative;width:100%;height:596px;background: url(../img/pc_top_bk.png) center 0 no-repeat;background-size:auto;z-index:9999;}
#suntory_contents #block-01 .section #logo {
	position: absolute;
	top: 144px;
	left: 50%;
	margin-left: -388px;
}

#suntory_contents #block-01 .section .products {
	position: absolute;
	top: 103px;
	left: 50%;
	margin-left: -103px;
}

/*nav*/
#suntory_contents #fixnav {
	width:100%;
	height:80px;
	z-index:9999;
	padding-top:20px;
} 
#suntory_contents .nav {
	position:relative;
	max-width:960px;
	margin:0 auto;
}

#suntory_contents .nav ul li {float:left;}

#suntory_contents .nav ul li a {display:block;text-indent:-9999px;}
#suntory_contents .nav ul li.nav01 {width:140px;height:80px;margin-left:40px;}
#suntory_contents .nav ul li.nav01 a {width:140px;height:80px;background:url(../img/pc_nav01.png) 0 0 no-repeat;}
#suntory_contents .nav ul li.nav01 a:hover {background-position:0 -80px;}

#suntory_contents .nav ul li.nav02 {width:170px;height:80px;}
#suntory_contents .nav ul li.nav02 a {width:170px;height:80px;background:url(../img/pc_nav02.png) 0 0 no-repeat;}
#suntory_contents .nav ul li.nav02 a:hover {background-position:0 -80px;}

#suntory_contents .nav ul li.nav03 {width:200px;height:80px;}
#suntory_contents .nav ul li.nav03 a {width:200px;height:80px;background:url(../img/pc_nav03.png) 0 0 no-repeat;}
#suntory_contents .nav ul li.nav03 a:hover {background-position:0 -80px;}

#suntory_contents .nav ul li.nav04 {width:180px;height:80px;}
#suntory_contents .nav ul li.nav04 a {width:180px;height:80px;background:url(../img/pc_nav04.png) 0 0 no-repeat;}
#suntory_contents .nav ul li.nav04 a:hover {background-position:0 -80px;}

#suntory_contents .nav ul li.nav05 {width:170px;height:80px;}
#suntory_contents .nav ul li.nav05 a {width:170px;height:80px;background:url(../img/pc_nav05.png) 0 0 no-repeat;}
#suntory_contents .nav ul li.nav05 a:hover {background-position:0 -80px;}

#suntory_contents #block-01 .fixed {
	position:fixed;top:0px;margin:0 auto;width:100% !important;
}

#suntory_contents #block-winesour {padding-top: 24px;}
#suntory_contents #block-winesour a {transition: 0.3s ease;}
#suntory_contents #block-winesour a:hover {opacity: 0.6;}
#suntory_contents #block-pet {padding: 22px 0 25px;}
#suntory_contents #block-pet a {transition: 0.3s ease;}
#suntory_contents #block-pet a:hover {opacity: 0.6;}

#suntory_contents #block-02-01 {
	height:868px;background-image: url(../img/pc_second_bk.jpg);
	background-position: center bottom;
	background-repeat:no-repeat;
	width:100%;
	position:relative;
	background-attachment: fixed;
	/*top:-18px;*/
	top: -4px;
	overflow:hidden;
}
#suntory_contents #block-02-01 .section {text-align:center;position:relative;height:100%;}
#suntory_contents #block-02-01 .section h2 {opacity:0;}
#suntory_contents #block-02-01 .section .title {
	position: relative;
	z-index: 8888;
	padding-top: 97px;
}

#suntory_contents #block-02-01 #shougayaki {
	background-image: url(../img/shougayaki.png);
	background-repeat: no-repeat;
	background-size: auto;
	width: 343px;
    height: 338px;
	position: absolute;
	top: 370px;
	right: -220px;
	opacity: 0;
	z-index: 7777;
}
#suntory_contents #block-02-01 #soop {position: absolute;top:0px;left: -400px;}
#suntory_contents #block-02-02 {
	background-image: url(../img/pc_second_02_bk.jpg);
	background-position: center -380px;
	background-repeat: no-repeat;
	background-size: auto;
	position: relative;
	height: 800px;
	overflow: hidden;
	top: -150px;
}
#suntory_contents #block-02-02 .section {padding: 0;}
#suntory_contents #block-02-02 .section #bottle {position:absolute;top: 450px;right: 8%;}
#suntory_contents #block-02-02 .section .title {position:absolute;top: 160px;right: 40%;}
#suntory_contents #block-02-02 .section .title .ill01 {position: absolute;top: 360px;left: 490px;}
#suntory_contents #block-02-02 .section .title .ill02 {position: absolute;top: 180px;left: -50px;}

#suntory_contents #block-03 {background-image: url(../img/block-03_bg.jpg);background-position: center top;background-repeat: no-repeat;background-size: auto;width:100%;height: 1214px;position: relative;top:-250px;overflow:hidden;}
#suntory_contents #block-03 .section {position:relative;height:100%;}
#suntory_contents #block-03 .section .title{width:503px;height:43px;position:absolute;top:95px;left:231px;}
#suntory_contents #block-03 .section .scene01{width:207px;height:207px;position:absolute;top:174px;left:133px;}
#suntory_contents #block-03 .section .scene02{width:207px;height:207px;position:absolute;top:174px;left:376px;}
#suntory_contents #block-03 .section .scene03{width:207px;height:207px;position:absolute;top:174px;left:621px;}
#suntory_contents #block-03 .section .scene img{display:block;position:absolute;top:0;left:0;}
#suntory_contents #block-03 .section div#block-03_wine{width:818px;height:462px;position:absolute;top:585px;left:50%;margin-left: -406px;opacity:0;z-index:10;}
#suntory_contents #block-03 .section div#hamburg {width: 436px;height: 423px;position: absolute;top:680px;left:-280px;opacity:0;}
#suntory_contents #block-03 .section div#nikujaga {width: 421px;height: 406px;position: absolute;top:700px;left:928px;opacity:0;}

#suntory_contents #block-04 {
	background: url(../img/pc_four_bk.jpg) center top no-repeat;
	background-size: auto;
	position: relative;
	margin-top:-322px;
	width: 100%;
	height: 4345px;
	margin-bottom: 20px;
	overflow: hidden;
}

#suntory_contents #block-04 .section #b04_copy {opacity:0;}
#suntory_contents #block-04 .lineup {position: relative; padding-top: 108px;}

#suntory_contents #block-04 #line_title {position: relative;opacity:0;padding-top: 110px;line-height: 0;}
#suntory_contents #block-04 .lineup ul {position: relative;width:100%;line-height: 0; margin-top: 30px;}
#suntory_contents #block-04 .lineup ul li {position: relative;float:left;width:480px;opacity:0;padding-top: 60px;}
#suntory_contents #block-04 .lineup ul li#line01,
#suntory_contents #block-04 .lineup ul li#line02 {height: 712px;}
#suntory_contents #block-04 .lineup ul li#line03,
#suntory_contents #block-04 .lineup ul li#line04 {height: 709px;}
#suntory_contents #block-04 .lineup ul li#line05 {height: 665px;}
#suntory_contents #block-04 .lineup .pet {margin:23px 0 10px;}
#suntory_contents #block-04 .section .lineup .to_top {position: relative;margin:20px auto 0;width:280px;height:28px;}
#suntory_contents #block-04 .section .lineup .to_top a {background: url(../img/to_top.png) center top no-repeat;background-size: 100%;width:261px;height:22px;display:block;text-indent:-9999px;z-index: 10000;}

#suntory_contents .pc_content #block-04 #line01 .ec_btn {position: absolute; top: 688px; right: 81px; width: 248px;}
#suntory_contents .pc_content #block-04 #line02 .ec_btn {position: absolute; top: 688px; left: 81px; width: 248px;}
#suntory_contents .pc_content #block-04 #line03 .ec_btn {position: absolute; top: 685px; right: 81px; width: 248px;}
#suntory_contents .pc_content #block-04 #line04 .ec_btn {position: absolute; top: 685px; left: 81px; width: 248px;}
#suntory_contents .pc_content #block-04 #line05 .ec_btn {position: absolute; top: 641px; right: 81px; width: 248px;}

#suntory_contents .pc_content #block-04 .ec_btn img{
	width:auto;
	height:auto;
}

#suntory_contents #block-04 #line_title3 {position: relative;opacity:0;padding-top: 110px;line-height: 0;}
#suntory_contents #block-04 .lineup div#line07 {position: relative; width: 846px; height: 734px; margin: 30px auto 0; padding-top: 60px; opacity: 0;}
#suntory_contents #block-04 .lineup div#line07 .ec_btn{position: absolute; top: 721px; left: 308px; width: 248px;}

#suntory_contents #block-04 #line_title2 {position: relative;opacity:0;padding-top: 110px;line-height: 0;}
#suntory_contents #block-04 .lineup div#line06 {position: relative; width: 846px; height: 670px; margin: 30px auto 0; padding-top: 60px; opacity: 0;}
#suntory_contents #block-04 .lineup div#line06 .ec_btn{position: absolute; top: 657px; left: 299px; width: 248px;}

}


/*sp*/
@media screen and (max-width:767px)
{
#suntory_contents .pc_content {display:none;}
#suntory_contents .sp_content {display:block;position:relative;}
#suntory_contents .sp_content img {width:100%;}

#suntory_contents {margin:0;padding:0;}

#suntory_contents .sp_to_top {
	position: relative;
    margin:25px 0;
    text-align:center;
	font-size:.8em;
	color:#ab0102;
}
#suntory_contents .sp_to_top a{
	color:#ab0102;
}
#suntory_contents .ank_txt2 {
    position: absolute;
    top: 100%;
    margin-top: -30px;
    color: #fff;
}
#suntory_contents .ank_txt2 a {
	color:#fff;
}
#suntory_contents .ank_txt4 {
}

#suntory_contents #sp_block-01 {position:relative; line-height: 0;}
#suntory_contents #sp_block-01 ul {
	position: absolute;
	bottom: 8.75vw;
	width:100%;
}
#suntory_contents #sp_block-01 ul li {float: left;width:50%;}

#suntory_contents #sp_block-winesour img {vertical-align: top;}
#suntory_contents #sp_block-pet img {vertical-align: top;}

#suntory_contents #sp_block-02 {position:relative;}
#suntory_contents #sp_block-02 .sp_to_top {position: relative;}
    

#suntory_contents #sp_block-03 {position:relative;}
#suntory_contents #sp_block-03 img {margin-top:-5px;}

#suntory_contents #sp_block-04 {position:relative;}
#suntory_contents #sp_block-04 img {margin-top:-5px;}

#suntory_contents #sp_block-05 {position:relative;}

#suntory_contents #sp_block-05 img{
	display:block;
}

#suntory_contents .sp_content #sp_block-05 .ec_btn{
	margin-top: -1px;
	padding:21px 10% 10px;
	background:url(../img/sp_block-05_bk.jpg) left top repeat-y #c20f15;
	background-size:100%;
	text-align:center;
}

#suntory_contents .sp_content #sp_block-05 .ec_btn img{
	height:auto;
}

#suntory_contents #sp_block-05 #sp_line07 {
	text-align:center;
}

#suntory_contents .sp_content #sp_block-05 #sp_line07 .ec_btn {
	padding: 20px 10% 10px;
	background: url(../img/sp_line07_bg.jpg) left top repeat-y;
	background-size: 100%;
}

#suntory_contents .sp_content #sp_block-05 #sp_line01 .ec_btn {
	background: url(../img/sp_line01_bg.jpg) left top repeat-y;
	background-size: 100%;
}

#suntory_contents .sp_content #sp_block-05 #sp_line02 .ec_btn {
	background: url(../img/sp_line02_bg.jpg) left top repeat-y;
	background-size: 100%;
}

#suntory_contents .sp_content #sp_block-05 #sp_line03 .ec_btn {
	background: url(../img/sp_line03_bg.jpg) left top repeat-y;
	background-size: 100%;
}

#suntory_contents .sp_content #sp_block-05 #sp_line04 .ec_btn {
	background: url(../img/sp_line04_bg.jpg) left top repeat-y;
	background-size: 100%;
}

#suntory_contents .sp_content #sp_block-05 #sp_line05 .ec_btn {
	background: url(../img/sp_line05_bg.jpg) left top repeat-y;
	background-size: 100%;
}

#suntory_contents #sp_block-05 #sp_line06 {
	background:url(../img/sp_line06_bg.jpg) left top repeat-y;
	background-size:100%;
	text-align:center;
}

#suntory_contents .sp_content #sp_block-05 #sp_line06 .ec_btn {
	margin-top: -1px;
	padding: 21px 10% 10px;
	background: url(../img/sp_line06_bg.jpg) left top repeat-y;
	background-size: 100%;
}


#suntory_contents .button {width:100%;}
#suntory_contents .button img {width:70%;margin:0 15% 10%;}


}


#suntory_contents .l0 {line-height:0;}
#suntory_contents .mb20 {margin-bottom:20px !important;}
#suntory_contents .w70p {width:70%;}
#suntory_contents .w80p {width:80%;}
#suntory_contents .w90p {width:90%;}
#suntory_contents .center_yose {margin:0 auto;}
#suntory_contents .left {float:left !important;}
#suntory_contents .right {float:right !important;}








@media screen and (min-width: 768px) {


#suntory_contents .moved h2,
#suntory_contents .moved div,
#suntory_contents .moved dl,
#suntory_contents .moved dt,
#suntory_contents .moved dd {
	color: #333;
	margin: 0;
	padding: 0;
	font-weight:bold;
	line-height: 1.8;
}

#suntory_contents .moved h2 {
	font-size: 125%;
}

#suntory_contents .moved a {color: #0778cd;}
#suntory_contents .moved a:link,
#suntory_contents .moved a:visited {text-decoration: underline;}
#suntory_contents .moved a:hover,
#suntory_contents .moved a:active {text-decoration: none;}
#suntory_contents .moved {
	font-size: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	width: 100%;
}
#suntory_contents .moved .contents {
	padding-top: 70px;
	width: 100%;
}
#suntory_contents .moved .contents {padding: 160px 0;}

}

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

#suntory_contents .moved h2,
#suntory_contents .moved div,
#suntory_contents .moved dl,
#suntory_contents .moved dt,
#suntory_contents .moved dd {
	color: #333;
	margin: 0;
	padding: 0;
	font-weight:bold;
	line-height: 1.8;
}
#suntory_contents .moved a {color: #0778cd;display:inline;}
#suntory_contents .moved a:link,
#suntory_contents .moved a:visited {text-decoration: underline;word-break: break-all;}
#suntory_contents .moved a:hover,
#suntory_contents .moved a:active {text-decoration: none;}
#suntory_contents .moved {
	font-size: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	padding:40px 20px;
}

}