@charset "utf-8";
body{position:relative;}
#suntory_contents #wrapper{color:#595959;font-family:'Roboto','Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif";line-height:1;}
#suntory_contents #wrapper *{box-sizing:border-box;}
#suntory_contents #wrapper img{max-width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;vertical-align:top;}
#suntory_contents #wrapper ul{list-style-type:none;}
#suntory_contents #wrapper .fadeItem,
#suntory_contents #wrapper .fadeItem2{opacity:0;-webkit-transition:all 1.5s ease-out;transition:all 1.5s ease-out;-webkit-transform:translateY(30px);transform:translateY(30px);}
#suntory_contents #wrapper .fadeItem3{opacity:0;-webkit-transition:all 1.5s ease;transition:all 1.5s ease;transition-delay:0.5s;}
#suntory_contents #wrapper .fadeItem.active,
#suntory_contents #wrapper .fadeItem2.active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
#suntory_contents #wrapper .fadeItem2.active + .fadeItem3{opacity:1;}
#suntory_contents #wrapper .fadeItem3.active{opacity:1;}
#suntory_contents #sma_footer .btn_page_top {display: none!important;}

@media print,screen and (min-width:768px){
	.btn_page_top{right:50%;margin-right:-555px;}
	.btn_page_top a{width:65px;height:65px;background-color:#656464;display:block;text-indent:-9999px;position:absolute;bottom:0;right:0;opacity:0.9;-webkit-border-radius:50%;border-radius:50%;border:#fff solid 1px;cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
	.btn_page_top a::after{position:absolute;top:59%;left:34%;display:block;content:"";width:20px;height:20px;vertical-align:middle;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
	.btn_page_top a:hover{background-color:#fff;border:#656464 solid 1px;}
	.btn_page_top a:hover::after{border-top:1px solid #656464;border-right:1px solid #656464;}
	/**/
	#suntory_contents .mainVs{width:100%;background-color:#fff;background-image:url("../img/loading.gif");background-repeat: no-repeat;background-position: center center;}
	#suntory_contents .mainVs > div{max-width:100%;height:0;margin:0 auto;position:relative;padding-top:56.4%;overflow: hidden;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
	#suntory_contents .mainVs > div iframe{width:100.1%;height:100%;position:absolute;left:0;top:-8%;opacity:0;-webkit-transition:all 1.0s ease;transition:all 1.0s ease;}
	#suntory_contents .mainVs > div iframe.fdin{opacity:1;}
	#suntory_contents .mainVs .hide{display: none;}
	#suntory_contents .mainVs > div img{width:100%;height:100%;position:absolute;left:0;top:-8%;cursor:pointer;opacity:0;-webkit-transition:all 0.7s ease;transition:all 0.7s ease;}
	#suntory_contents .mainVs > div img.fdin{opacity:1;}
	/**/
	#suntory_contents section{}
	#suntory_contents section .inner{width:960px;margin:0 auto;}
	/**/
	#suntory_contents section.ttlArea{padding-top:28px;text-align:center;}
	#suntory_contents section.ttlArea .shldr{margin-bottom:30px;}
	#suntory_contents section.ttlArea h1{margin-bottom:50px;}
	#suntory_contents section.ttlArea h1 img{margin-bottom:20px;}
	#suntory_contents section.ttlArea h1 img + img{margin-bottom:0;}
	#suntory_contents section.ttlArea .date{margin-bottom:88px;}
	#suntory_contents section.ttlArea .txt{font-size:20px;line-height:2.2;font-weight:700;}
	/**/
	#suntory_contents section.imgArea{padding:144px 0 120px;text-align:center;}
	#suntory_contents section.imgArea .imgBox{width:100%;margin:0 auto;}
	#suntory_contents section.imgArea .imgBox li{position:relative;}
	#suntory_contents section.imgArea .imgBox li + li{margin-top:155px;}
	#suntory_contents section.imgArea .imgBox li img + img{position:absolute;left:0;top:0;}
	/**/
	#suntory_contents section.imgArea .imgBox.col2{width:100%;margin:0 auto;}
	#suntory_contents section.imgArea .imgBox.col2::after{content:" ";display:block;clear:both;}
	#suntory_contents section.imgArea .imgBox.col2 li{width:480px;float:left;}
	#suntory_contents section.imgArea .imgBox.col2 li + li{margin-top:0;margin-left:0;}
	#suntory_contents section.imgArea .imgBox.col2 li:nth-child(2){margin-top:484px;}
	#suntory_contents section.imgArea .imgBox.col2 li:nth-child(3){margin-left:0;margin-top:27px;}
	#suntory_contents section.imgArea .imgBox.col2 li:nth-child(4){margin-top:275px;}
	/**/
	#suntory_contents section.snsArea{padding:148px 0 110px;text-align:center;background-color:#656464;color:#fff;}
	#suntory_contents section.snsArea h2{margin-bottom:40px;font-size:39.6px;font-weight:bold;}
	#suntory_contents section.snsArea h2 br.sp{display:none;}
	#suntory_contents section.snsArea .tag{text-align:center;}
	#suntory_contents section.snsArea .tag li{display:inline-block;color:#fff;font-size:20.3px;}
	#suntory_contents section.snsArea .tag li + li{margin-left:2em;}
	#suntory_contents section.snsArea .ico{margin:35px 0 35px;}
	#suntory_contents section.snsArea .ico img + img{margin-left:19px;}
	#suntory_contents section.snsArea .photo{margin-bottom:35px;}
	#suntory_contents section.snsArea .photo::after{content:" ";display:block;clear:both;}
	#suntory_contents section.snsArea .photo li{width:312px;float:left;}
	#suntory_contents section.snsArea .photo li + li{margin-left:12px;}
	#suntory_contents section.snsArea .photo li:nth-child(4){margin-left:0;}
	#suntory_contents section.snsArea .photo li:nth-child(n + 4){margin-top:12px;}
	#suntory_contents section.snsArea .photo + p{color:#fff;margin-bottom:25px;font-size:16.3px;}
	#suntory_contents section.snsArea .btn{}
	#suntory_contents section.snsArea .btn::after{content:" ";display:block;clear:both;}
	#suntory_contents section.snsArea .btn li{width:460px;float:left;color:#fff;font-size:14px;letter-spacing:-0.01px;}
	#suntory_contents section.snsArea .btn li a{display:block;background-repeat:no-repeat;background-size:100%;}
	#suntory_contents section.snsArea .btn li a img{-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
	#suntory_contents section.snsArea .btn li + li{margin-left:40px;}
	#suntory_contents section.snsArea .btn li:first-child a{background-image:url("../img/sns_but01_on.png");}
	#suntory_contents section.snsArea .btn li:last-child a{background-image:url("../img/sns_but02_on.png");}
	#suntory_contents section.snsArea .btn li:last-child a img{margin-bottom:7px;}
	#suntory_contents section.snsArea .btn li a:hover img{opacity:0;}
	/**/
	#suntory_contents section.linkArea{padding:20px 0;}
	#suntory_contents section.linkArea ul{font-size:0;text-align:center;}
	#suntory_contents section.linkArea ul li{display:inline-block;width:33.2%;border-left:#656464 solid 1px;}
	#suntory_contents section.linkArea ul li a{display:block;color:#656464;font-size:16px;line-height:60px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
	#suntory_contents section.linkArea ul li:last-child{border-right:#656464 solid 1px;}
	#suntory_contents section.linkArea ul li a:hover{color:#b2b2b2;}
}
@media only screen and (max-width:767px){
	.btn_page_top{right:20px;}
	.btn_page_top a{width:50px;height:50px;background-color:#656464;display:block;text-indent:-9999px;position:absolute;bottom:0;right:0;opacity:0.9;-webkit-border-radius:50%;border-radius:50%;border:#fff solid 1px;cursor:pointer;}
	.btn_page_top a::after{position:absolute;top:59%;left:34%;display:block;content:"";width:15px;height:15px;vertical-align:middle;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
	.btn_page_top a:hover::after{top:55%;}
	/**/
	#suntory_contents .mainVs{width:100%;background-color:#000;background:url("../img/loading.gif") no-repeat center center;background-size:30px 30px;}
	#suntory_contents .mainVs > div{overflow: hidden; width:100%;height:0;margin:0 auto;position:relative;padding-top:52.4%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
	#suntory_contents .mainVs > div iframe{transform: scale(1.075,1.075);width:100%;height:100%;position:absolute;left:0;top:-5%;opacity:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
	#suntory_contents .mainVs .hide{display:none;}
	#suntory_contents .mainVs > div img{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
	#suntory_contents .mainVs > div iframe.fdin{opacity:1;}
	#suntory_contents .mainVs > div img.fdin{opacity:1;}
	#suntory_contents section{}
	#suntory_contents section .inner{width:calc(100% - 40px);margin:0 auto;}
	/**/
	#suntory_contents section.ttlArea{padding-top:40px;text-align:center;}
	#suntory_contents section.ttlArea .shldr{margin:0 auto 15px;width:87.01%;}
	#suntory_contents section.ttlArea .shldr img{}
	#suntory_contents section.ttlArea h1{margin-bottom:25px;}
	#suntory_contents section.ttlArea h1 img{margin-bottom:15px;}
	#suntory_contents section.ttlArea h1 img + img{max-width:90% !important;margin-bottom: 0;}
	#suntory_contents section.ttlArea .date{padding-bottom:40px;width:90%;margin:0 auto;}
	#suntory_contents section.ttlArea .date img{}
	#suntory_contents section.ttlArea .txt{margin:0 auto;padding-top:37px;border-top:#656464 solid 1px;font-size:4vw;line-height:1.7;font-weight:bold;text-align:left;letter-spacing:0.5px;}
	#suntory_contents section.ttlArea .txt br.sp{display:none;}
	/**/
	#suntory_contents section.imgArea{padding:90px 0 60px;text-align:center;}
	#suntory_contents section.imgArea .imgBox{width:100%;margin:0 auto;}
	#suntory_contents section.imgArea .imgBox li{position:relative;}
	#suntory_contents section.imgArea .imgBox li + li{margin-top:80px;}
	#suntory_contents section.imgArea .imgBox li img + img{position:absolute;left:0;top:0;}
	/**/
	#suntory_contents section.snsArea{padding:42px 0 60px;text-align:center;background-color:#656464;color:#fff;}
	#suntory_contents section.snsArea h2{margin-bottom:20px;font-size:6vw;font-weight:bold;line-height:1.5;}
	#suntory_contents section.snsArea .tag{text-align:center;}
	#suntory_contents section.snsArea .tag li{display:inline-block;color:#fff;font-size:15px;}
	#suntory_contents section.snsArea .tag li + li{margin-top:0.8em;}
	#suntory_contents section.snsArea .ico{margin:35px 0 35px;}
	#suntory_contents section.snsArea .ico img + img{margin-left:19px;}
	#suntory_contents section.snsArea .photo{margin-bottom:26px;}
	#suntory_contents section.snsArea .photo::after{content:" ";display:block;clear:both;}
	#suntory_contents section.snsArea .photo li{width:47.46%;float:left;}
	#suntory_contents section.snsArea .photo li + li{margin-left:4.48%;}
	#suntory_contents section.snsArea .photo li:nth-child(odd){margin-left:0;}
	#suntory_contents section.snsArea .photo li:nth-child(n + 3){margin-top:4.48%;}
	#suntory_contents section.snsArea .photo + p{color:#fff;margin-bottom:25px;font-size:4vw;}
	#suntory_contents section.snsArea .btn{}
	#suntory_contents section.snsArea .btn::after{content:" ";display:block;clear:both;}
	#suntory_contents section.snsArea .btn li{width:100%;color:#fff;font-size:12px;line-height:1.4;letter-spacing:-0.01px;text-align:left;}
	#suntory_contents section.snsArea .btn li a{display:block;}
	#suntory_contents section.snsArea .btn li a img{-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
	#suntory_contents section.snsArea .btn li + li{margin-top:20px;}
	#suntory_contents section.snsArea .btn li:last-child a img{margin-bottom:7px;}
	/**/
	#suntory_contents section.linkArea{padding:0;}
	#suntory_contents section.linkArea ul{width:100%;margin:0 auto;}
	#suntory_contents section.linkArea ul li{display:block;width:100%;}
	#suntory_contents section.linkArea ul li + li{border-top:#656464 solid 1px;}
	#suntory_contents section.linkArea ul li a{display:block;color:#656464;text-align:center;font-size:15px;line-height:60px;}


}

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

	#suntory_contents section .inner {width: 460px;margin: 0 auto;}
	#suntory_contents section.ttlArea .txt {font-size:15px;}
	#suntory_contents section.imgArea .imgBox {width: 60%;}
	#suntory_contents section.snsArea .photo + p {font-size:15px;}
	#suntory_contents .mainVs > div img {top:-5%;}



}