@charset "UTF-8";
.bnr {
	display: inline-block;
	margin: 20px 0 60px 0;
}

html{
	height:100%;
	background-color:#fdde00;
	}

body{
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	height:100%;
	width:100%;
	min-width:960px;
	verflow-x:visible;
}
.inner{
	margin:0 auto;
}
.overimg{
	position:absolute;
	display:none;
}
/*suntory header*/
#header{
	position:relative;
	z-index:100;
}
/*suntory footer*/
#footer{
	width:100%;
	position:relative;
	top:0px;
	z-index:99;
	background:#fdde00;
	border-bottom:#fff solid 5px;
	margin:0px;
	padding:0px;
}
/*gabgab*/
#gabgabheader{
	width:100%;
	position:relative;
	height:30px;
	background:#fff;
	z-index:6;

}
#gabgabheader .inner{
	position:relative;
	width:960px;
	height:30px;
}
#gabgabheader #gabgab{
	position:absolute;
	width:200px;
	height:30px;
	top:0px;
	left:0px;
}
#gabgabheader #gabgabshop{
	position:absolute;
	width:190px;
	height:30px;
	top:0px;
	right:0px;
}
#gabgabheader img{
	position:absolute;
}

/*loadingModal*/
#loadingModal {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
#loadingModal .bg {
	opacity: 0.9;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgb(255, 240, 0);
}
#loadingModal iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 700px;
	height: 394px;
	margin: auto;
}
#loadingModal .closeButton {
	position: absolute;
	top: 40px;
	right: 40px;
	width: 46px;
	height: 46px;
}
#loadingModal .closeButton img {
	position: absolute;
}
#loadingModal .overimg {
	display: none;
}
#loadingModal .closex {
	position: absolute;
	top: 12px;
	left: 13px;
}

#loadingModal p {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 430px;
	height: 570px;
	margin: auto;
}



/*loading*/
#loader{
	width:100%;
	height:100%;
	background-color:#fdde00;
	position:fixed;
	color:#006643;
	z-index:98;
	/*display:none;*/
}

#loader .inner{
	position:absolute;
	width:260px;
	height:130px;
	top:50%;
	left:50%;
	margin-top:-115px;
	margin-left:-130px;
}

#loader .logo{
	position:absolute;
	width:260px;
	height:71px;
	top:0px;
	left:0px;
	background:url(../img/loading/logo.gif) 50% 0px no-repeat;
}

#loader #barbg{
	position:absolute;
	width:216px;
	height:26px;
	top:58px;
	left:23px;
	background:url(../img/loading/barBG.gif) 50% 0px no-repeat;
}

#loader #bar{
	position:absolute;
	width:200px;
	height:10px;
	overflow:hidden;
	top:8px;
	left:8px;
	background:url(../img/loading/bar.jpg) 50% 0px no-repeat;
}

#loader #txtarea{
	font-size:12px;
	position:absolute;
	width:120px;
	height:15px;
	top:85px;
	left:70px;
}



/*popup(product)*/
#popup{
	position:fixed;
	width:100%;
	height:100%;
	z-index:4;
}


#popupbox{
	position:absolute;
	width:994px;
	height:434px;
	margin:0 auto;

	top:0;
	left:50%;
	margin-top:0;
	margin-left:-497px;
}

[data-no="1"] #popupbox{
	height:548px;
}

[data-no="2"] #popupbox{
	height:420px;
}


#wrap{
	position:relative;
	width:100%;
	background:url(../img/bg/dotLineBottom.png) repeat-x bottom;
	z-index:2;
}

/*top (main visual)*/
/*
#drops{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../img/hero/drops.png) 50% 0 repeat-y;
}*/
#bgBottle{
	width:861px;
	height:1787px;
	position:absolute;
	top:-320px;
	left:50%;
	margin-left: -76px;
	background: url(../img/hero/bg_bottle.png) 0 0 no-repeat;
	display: none;
}
#bottomGrd{
	position: absolute;
	width: 100%;
	height: 100px;
	bottom: 0;
	background: url(../img/hero/bottomgrd.png) 0 0 repeat-x;
}
/*
#top{
	width:100%;
	background:#fdde00 url(../img/hero/bg.gif) 50% 0px repeat;
	position:relative;
	top:0px;
	z-index:4;
	overflow:hidden;
}*/

#topdot{
	height:22px;
	background:url(../img/bg/dotLineTop.png) 50% -23px repeat-x;
	position:relative;
}

#topset{
	position:relative;
	top:0px;
	height: 650px;
	width: 960px;
/* 	margin: 0 auto 80px; */
	margin: 0 auto 60px;
}

#topNav{
	position: absolute;
	top: -2px;
	left: 0;
	width: 220px;
	height: 653px;
	box-sizing: border-box;
	z-index: 10;
	border: #ffcc02 2px solid;
	background: #fff000;
}

/* はちきん対応 */

/*
#topNav{
	height: 451px;
}
*/


#topNav .logo{
	position: relative;
	width: 100%;
	height: 158px;
	background: url(../img/hero/nav_logo.png) 50% 50%  no-repeat;
	background-size: 70% auto;
	border-bottom: #ffcc02 1px solid;
}
#topNav .nav{
	position: relative;
	z-index: 2;
}
#topNav .nav li{
	position: relative;
	width: 100%;
	height: 67px;
	border-bottom: #ffcc02 1px solid;
}
#topNav .nav li a, #topNav .nav li p{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/hero/nav.png) 50% 0 no-repeat;
}
#topNav .nav li a:before{
	position: absolute;
	display: block;
	content: " ";
	width: 170px;
	height: 88px;
	background: url(../img/hero/nav_hover_igaiga.png) 50% 0 no-repeat;
	transition: transform 0.3s ease-out;
	display: none;
	pointer-events: none;
	z-index: 0;
}
#topNav .nav li a:after{
	position: absolute;
	display: block;
	content: " ";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../img/hero/nav_hover.png) 50% 0 no-repeat;
	transition: transform 0.3s ease-in-out;
	display: none;
	z-index: 1;
}
#topNav .nav li a:hover{
	background-image: none;
}
#topNav .nav li a:hover:before{
	display: block;
	animation: navOverBln 0.3s ease-in-out both;
	-webkit-animation: navOverBln 0.3s ease-in-out both;
}
#topNav .nav li a:hover:after{
	display: block;
	animation: navOverText 0.2s linear both;
}

#topNav .nav li.nav-products a,
#topNav .nav li.nav-products p,
#topNav .nav li.nav-products a:after{ background-position: 50% 0px; }
#topNav .nav li.nav-products a:before{ top: -10px; left: -25px; }
#topNav .nav li.nav-movie a,
#topNav .nav li.nav-movie p,
#topNav .nav li.nav-movie a:after{ background-position: 50% -70px; }
#topNav .nav li.nav-movie a:before{ top: -10px; left: 20px; }
#topNav .nav li.nav-campaign a,
#topNav .nav li.nav-campaign p,
#topNav .nav li.nav-campaign a:after{ background-position: 50% -140px; }
#topNav .nav li.nav-campaign a:before{ top: -10px; left: 10px; }

#topNav .navBnr { position: absolute; bottom: 0; z-index: 1;}
#topNav .navBnr li{ background: #fff;}
#topNav .navBnr li a{
	position: relative;
	display: block;
}
#topNav .navBnr li a::after{
	position: absolute;
	display: block;
	content: " ";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	box-sizing: border-box;
/* 	border: #d7000f 4px solid; */
}
#topNav .navBnr li a:hover{ opacity: 0.7;}
#topNav .navBnr li a:hover::after{ border: #fff 4px solid;}
#topNav .navBnr li img{ display: block;}

#topMV{
	position: absolute;
	width: 740px;
	height: 650px;
	right: 0px;
	top: 0px;
}



#topAd{
	position: relative;
	width: 960px;
	margin: 0 auto 60px;
	text-align: center;
}
#topAd img{
	margin-bottom: 50px;
	display: block;
}
#topAd a{
	margin-bottom: 50px;
	display: block;
	background: #fff;
}
#topAd a img{
	margin-bottom: 0px;
}
#topAd a:hover img{
	opacity: 0.7;
}


#topBanner{
	position: relative;
	width: 960px;
	margin: 0 auto 40px;
	white-space: nowrap;
	text-align: center;
}

#topBanner a{
	position: relative;
	display: inline-block;
	width: 470px;
	height: 260px;
	margin: 0;
	background: #fff;
}

#topBanner a{
	float: left;
}

#topBanner a:last-child{
/* 	float: right; */
	float: none;
}


#topBanner a:hover img{
	opacity: 0.7;
}


/*cp_area*/

#cp_area {
	margin-bottom: 85px;
	text-align: center;
}
#cp_area .image {
	width: 641px;
	margin: auto;
}
#cp_area .image img {
	max-width: 100%;
}
#cp_area p {
	color: #009a47;
	margin-top: 10px;
}

cp_area
/* 応募要項 ********************/

.bold {font-weight: bold;}
.small{ font-size: 90% !important; }

.guideline {
	background-color: #fdde00;
	border-top: 50px solid #009944;
}

.guideline .box {
    box-sizing: border-box;
    width: 900px;
    height: 504px;
	background-color: #ffffff;
    color: #007448;
    overflow: scroll;
	overflow-x: hidden;
    padding-right: 15px;
    font-size: 14px;
	margin: -140px auto 36px auto;
	padding: 46px 50px;
	border: 4px solid #009944;
	border-radius: 5px;
}

.guideline .box > div > h3 {
	color: #009fe8;
}
 .box > div {
	text-align: left;
}
.guideline .box>div h3 {
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px;
	font-size: 20px;
}
.guideline .box>div p {
	line-height: 1.5;
	margin-bottom: 10px;
}
.guideline .box>div>section {
	margin-bottom: 40px;
	font-size: 110%;
}
.guideline .box>div>section.read {
	margin-bottom: 20px !important;
}

.guideline .box>div>section:last-child {
	margin-bottom: 0;
}
.guideline .box>div h5 {
	background: #00a059;
	height: 34px;
	color: #ffffff;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	line-height: 34px;
	margin-bottom: 24px;
}
.guideline .box>div ul>li {
	text-indent: -1.2em;
	padding-left: 1.2em;
	line-height: 1.4;
	margin-bottom: 3px;
}
.guideline .box>div ul>li ol li {
	line-height: 1.4;
	margin-bottom: 3px;
}

.guideline .box .att {
	padding-bottom: 8px !important;
	font-size: 90%;
}

.guideline .box .att li {
	line-height: 1.4;
	margin-bottom: 4px;
	text-indent: -1em;
	padding-left: 1em;
}
.guideline .box .notes {
	font-size: 75%;
}

.guideline .box section .txt_L {
	font-weight: bold;
	font-size: 120%;
	margin: 8px 0;
}
.guideline .box section .txt_L>span {
	font-weight: normal !important;
	font-size: 80% !important;
}


.guideline .box>div #contact h4 {
	margin-bottom: 33px;
	padding-bottom: 0;
}
.guideline .contact {
	text-align: center;
	padding-bottom: 74px;
}
.guideline .contact h5 {
	margin-bottom: 20px;
}
.guideline h4.hagaki {
	text-align: center;
	margin: 80px 0 50px 0;
	font-size: 120%;
	font-weight: bold;
}


/* /応募要項 ********************/


/*product*/
#article1{
	width:100%;
	max-width:2000px;
	margin:0 auto;
	/*　▼二列目なしのheight　*/
	height: 1150px;
	/*　▼二列目ありのheight　*/
	/* height: 1640px; */
	/*　▼三列目ありのheight　*/
	/* height: 2130px; */
	position:relative;
	top:-100px;
	overflow:hidden;
	padding-bottom:100px;
	z-index:5;
}
#productbgtop{
	position:absolute;
	background:url(../img/product/bg_t.png) 50% 0px no-repeat;
	top:1px;
	width:100%;
	height:250px;
}
#productbgmiddle{
	position:absolute;
  /*　▼二列目ありのbackground　*/
  background:url(../img/product/bg_m_middle.gif) 50% 0px repeat-x;
  /*　▼三列目ありのbackground　*/
	/* background:url(../img/product/bg_m_long.gif) 50% 0px repeat-x; */
	background-size: contain;
	top:250px;
	width:100%;
	/*　▼二列目なしのheight　*/
	height:700px;
	/*　▼二列目ありのheight　*/
	/* height:1200px; */
	/*　▼三列目ありのheight　*/
	/* height:1700px; */
}

#productbgbottom{
	position:absolute;
	background:url(../img/product/bg_b.png) 50% 0px no-repeat;
	/*　▼二列目なしのtop　*/
	top:950px;
	/*　▼二列目ありのtop　*/
	/* top:1450px; */
	/*　▼三列目ありのtop　*/
	/* top:1950px; */
	width:100%;
	height:250px;
}
#article1 #product{
	position:relative;
	top:0px;
	padding-top:150px;
	left:0px;
	width:960px;
}
#product .title{
	position:absolute;
	top:85px;
	left:-4px;
}
#product .lineup{
	width:462px;
	height:458px;
	position:relative;
	margin:0 10px 40px 20px;
	float:left;
}

#product .super {
	width:960px;
	height:340px;
	padding-bottom: 40px;
	position:relative;
	margin:0 10px 50px 20px;
	float:none;
	background: url(../img/product/b_line.png) no-repeat center bottom;
}

#product .right{
	width:435px;
}

#product .lineup .img{
	position:absolute;
	top:0px;
	left:0px;
	width:171px;
	height:458px;
}
#product #new_product.lineup .img{
	top:30px;
}
#product .cc .img{
	left:-5px;
	width:181px;
	height:437px;
}
#product .super .img{
	position:absolute;
	top:0px;
	left:-54px;
	width:219px;
	height:340px;
}
#product .super .img_ico{
	position:absolute;
	top:25px;
	left:-45px;
	width:83px;
	height:83px;
}

#product .lineup .txt{
	position:absolute;
	top:0px;
	left:145px;
	width:620px;
}
/* 商品紹介　2列目　左　*********/
#product .second_row_left{
  /* width: 458px; */
}
#product .second_row_left .img{
	left: 10px;
}
/* 商品紹介　2列目　右 *********/
#product .second_row_right{
	width: 435px;
}
#product .second_row_right .img{
	left: 10px;
}
#product .second_row_right .txt{
	left: 145px;
}


#product .lineup a.link{
	position:absolute;
	top:64px;
	left:750px;
	text-indent: -9999px;
	width: 154px;
	height: 20px;
}

#product .lineup .btn{
	position:absolute;
	top:348px;
	left:160px;
}
#product .lineup .effect{
	position:absolute;
	top:120px;
	left:160px;
}

#product .lineup .mechanism{
	position:absolute;
	top:120px;
	left:320px;
}
#product .lineup .arrow{
	position:absolute;
	top:21px;
	left:112px;
	display:none;
	background:url(../img/product/lineupbtn_arrow.png) 50% 0px no-repeat;
	width:19px;
	height:21px;
}

#product .lineup .icon{
	position:absolute;
	top:-30px;
	left:370px;
}

#product img{
	position:absolute;
}

/*special wide space */

#product .lineup.wide .txt{
	left:640px;
}

#product .lineup.wide .btn{
	left:655px;
}



/* to page top btn */
#topagetopwrap{
	width:100px;
	height:100px;
	position:fixed;
	bottom:0px;
	left:50%;
	z-index:100;
}
#topagetop{
	width:100px;
	height:100px;
	position:absolute;
	top:0px;
	left:0px;
}

#topagetop .btn{
	position:absolute;
	top:-10px;
	left:394px;
}

#topagetop img{
	position:absolute;
}

#topagetop .arrow{
	position:absolute;
	width:22px;
	height:19px;
	background:url(../img/common/pagetop_arrow.png) 50% 0px no-repeat;
	left:35px;
}


#bnr{
	position:relative;
	width:960px;
	height:110px;
	margin:7px auto;
}
#bnr img{
	display:block;
}
#bnr a{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	opacity:1;
}
#bnr a:hover{
	opacity:.75;
}


/*yt*/
#yt{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:90;
	display:none;
}
#yt.in{
	display:block;
}
#yt .bg{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#fdde00;
	opacity:.8;
}
#yt-load{
	position:relative;
	width:690px;
	height:388px;
	margin:860px auto 0;
	/*background:#000;*/
}
#yt-close{
	position:relative;
	margin:20px auto 0;
	text-align:center;
}
#yt-close a{
	display:block;
	width:160px;
	height:70px;
	margin:0 auto;
	background:url(../img/youtube/closeBtn.png) no-repeat;
}
#yt-close a:hover{
	background-image:url(../img/youtube/closeBtn_over.png);
}


/*keyframes*/

@keyframes navOverBln {
	0%{
		transform: scale(0.5);
	}
	50%{
		transform: scale(1.2);
	}
	80%{
		transform: scale(0.95);
	}
	100%{
		transform: scale(1);
	}
}

@-webkit-keyframes navOverBln {
	0%{
		-webkit-transform: scale(0.5);
	}
	50%{
		-webkit-transform: scale(1.2);
	}
	80%{
		-webkit-transform: scale(0.95);
	}
	100%{
		-webkit-transform: scale(1);
	}
}

@keyframes navOverText {
	0%{
		transform: translate(-10px,-20px);
	}
	25%{
		transform: translate(3px,5px);
	}
	50%{
		transform: translate(2px,-2px);
	}
	75%{
		transform: translate(-1px,1px);
	}
	100%{
		transform: translate(0,0);
	}
}
/*powersong*/

.mover {
	transition: opacity 0.2s ease-out;
}
.mover:hover {
	opacity: 0.7;
}
#top {
	position: relative;
	z-index: 7;
	/*text-align: center;*/
	/*padding-bottom: 20px;*/
}
#top img {
	max-width: 100%;
}
/*.power_inner {
	max-width: 1280px;
	margin: auto;
}*/
#main .power_inner {
	/*max-width: 1734px;*/
	position: relative;
	padding: 16% 0 24% 0;
}
#main .power_inner .mv {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	max-width: inherit;
}
#nav_wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 4;
	margin: 0 auto 40px;
	text-align: left;
}
#nav_wrap.trace {
	position: fixed;
}
#nav_wrap .nav_inner {
	background-color: #feee35;
	border-bottom: 1px solid #fecb30;
}
#nav_wrap nav {
	position: relative;
}
#nav_wrap #toplogo {
	position: absolute;
	top: 0;
	left: 80px;
}
#nav_wrap ul,
#nav_wrap li {
	display: inline-block;
}
#nav_wrap ul {
	margin-left: 206px;
}
#nav_wrap li {
	position: relative;
	width: 125px;
	height: 40px;
	padding: 10px 0;
}
#nav_wrap li a {
	display: block;
	height: 100%;
	background-image: url(../img/campaign/nav@2x.png);
	background-position: 7px -12px;
	background-repeat: no-repeat;
	border-left: 1px solid #fecb2f;
}
#nav_wrap li a.c {
	background-image: url(../img/campaign/nav_hover@2x.png);
	background-position: 7px -12px;
}
#nav_wrap li.nav-cp1 {
	width: 250px;
}
#nav_wrap li.nav-cp2 {
	width: 190px;
}
#nav_wrap li.nav-cp1 a {
	background-position: 7px -82px;
}
#nav_wrap li.nav-cp1 a.c {
	background-position: 3px -82px;
}
#nav_wrap li.nav-cp2 a {
	background-position: 7px -152px;
}
#nav_wrap li.nav-cp2 a.c {
	background-position: 3px -152px;
}

#nav_wrap li a:before{
	position: absolute;
	top: -5px;
	left: -15px;
	display: block;
	content: " ";
	width: 170px;
	height: 88px;
	background: url(../img/hero/nav_hover_igaiga.png) center top no-repeat;
	transition: transform 0.3s ease-out;
	display: none;
	pointer-events: none;
	z-index: 1;
}

#nav_wrap li.nav-cp1 a:before,
#nav_wrap li.nav-cp2 a:before {
	left: 42px;
}
#nav_wrap li a:after{
	position: absolute;
	display: block;
	content: " ";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../img/campaign/nav_hover@2x.png) 6px 0px no-repeat;
	transition: transform 0.3s ease-in-out;
	display: none;
	z-index: 1;
}
#nav_wrap li.nav-cp1 a:after {
	background-position: 6px -70px;
}
#nav_wrap li.nav-cp2 a:after {
	background-position: 6px -140px;
}

#nav_wrap li a:hover{
	background-image: none;
}
#nav_wrap li a:hover:before{
	display: block;
	animation: navOverBln 0.3s ease-in-out both;
	-webkit-animation: navOverBln 0.3s ease-in-out both;
}
#nav_wrap li a:hover:after{
	display: block;
	animation: navOverText 0.2s linear both;
}
#nav_wrap .nav_wrap {
	position: relative;
	max-width: 1280px;
	margin: auto;
}
#nav_wrap .nav_wrap .dl_btn {
	position: absolute;
	top: 0px;
	right: 100px;
}
#main {
	position: relative;
	z-index: 3;
/*
	background-image: url(../img/powersong/bg01.png);
	background-position: left bottom;
	background-repeat: repeat-x;
*/
	padding-top: 66px;
}
#main img {
	vertical-align: bottom;
}
#main_bottom {
	margin-bottom: 100px;
}
.main_bottom_inner {
	position: relative;
	background-image: url(../img/powersong/bg02.png);
	background-position: left top;
	background-repeat: repeat-x;
	background-size: contain;
}
#main .bottom_banner {
	position: absolute;
	z-index: 1;
	bottom: -72%;
	left: 0;
	right: 0;
	/*max-width: 680px;*/
	width: 38%;
	margin: auto;
	padding-top: 50px;
	background: #009944 /* url(../img/powersong/title_movie.png) no-repeat center -15px */;
	/*background-image: url(../img/powersong/bnr_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 57.89%;*/
}

#main .bottom_banner h5 {
	position: absolute;
	z-index: 100;
	top: -10px;
	left: 0;
	right: 0;
	/*max-width: 680px;*/
	width: 100%;
	height: 55px;
	margin: auto;
	padding-top: 0;
	background: url(../img/powersong/title_movie.png) no-repeat center 0;
	text-indent: -9999px;
	/*background-image: url(../img/powersong/bnr_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 57.89%;*/
}



#main .bottom_banner .movie_wrapper {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 57.1%;
	overflow: hidden;
}
#main .bottom_banner iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 6px solid #009944;
	box-sizing: border-box;
}
/*
#main .bottom_banner img {
	width: 49.46%;
}*/
#main div {
	position: relative;
}
#main .balloon {
	position: absolute;
	bottom: -29%;
	left: 13%;
	width: 24%;
	z-index: 2;
}
#main .product {
	position: absolute;
	bottom: -75%;
	right: 9%;
	width: 26.53%;
}
#top .green {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 9999;
/* 	width: 23.43% */ /* 300/1280 */;
/*
	background-image: url(../img/powersong/green_bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 23.43%;
*/
}
a:hover img.bound,
#main .green img.bound,
#application .btn_download a:hover img.bound,
.btn_postcard a:hover img.bound,
.dl_btn a:hover img.bound {
	-webkit-animation: bound 0.5s linear 1;
	-moz-animation: bound 0.5s linear 1;
	-ms-animation: bound 0.5s linear 1;
	-o-animation: bound 0.5s linear 1;
	animation: bound 0.5s linear 1;
}
@-webkit-keyframes bound {
	0%   {-webkit-transform: scale3d(1.00, 1.00, 1.00); transform: scale3d(1.00, 1.00, 1.00);}
	40%  {-webkit-transform: scale3d(1.06, 1.06, 1.06); transform: scale3d(1.06, 1.06, 1.06);}
	60%  {-webkit-transform: scale3d(1.00, 1.00, 1.00); transform: scale3d(1.00, 1.00, 1.00);}
	85%  {-webkit-transform: scale3d(1.02, 1.02, 1.02); transform: scale3d(1.02, 1.02, 1.02);}
	100% {-webkit-transform: scale3d(1.00, 1.00, 1.00); transform: scale3d(1.00, 1.00, 1.00);}
}
@-moz-keyframes bound {
	0%   {-webkit-transform: scale3d(1.00, 1.00, 1.00); transform: scale3d(1.00, 1.00, 1.00);}
	40%  {-webkit-transform: scale3d(1.06, 1.06, 1.06); transform: scale3d(1.06, 1.06, 1.06);}
	60%  {-webkit-transform: scale3d(1.00, 1.00, 1.00); transform: scale3d(1.00, 1.00, 1.00);}
	85%  {-webkit-transform: scale3d(1.02, 1.02, 1.02); transform: scale3d(1.02, 1.02, 1.02);}
	100% {-webkit-transform: scale3d(1.00, 1.00, 1.00); transform: scale3d(1.00, 1.00, 1.00);}
}
@-ms-keyframes bound {
	0%   {-webkit-transform: scale3d(1.00, 1.00, 1.00); transform: scale3d(1.00, 1.00, 1.00);}
	40%  {-webkit-transform: scale3d(1.06, 1.06, 1.06); transform: scale3d(1.06, 1.06, 1.06);}
	60%  {-webkit-transform: scale3d(1.00, 1.00, 1.00); transform: scale3d(1.00, 1.00, 1.00);}
	85%  {-webkit-transform: scale3d(1.02, 1.02, 1.02); transform: scale3d(1.02, 1.02, 1.02);}
	100% {-webkit-transform: scale3d(1.00, 1.00, 1.00); transform: scale3d(1.00, 1.00, 1.00);}
}
@-o-keyframes bound {
	0%   {-webkit-transform: scale3d(1.00, 1.00, 1.00); transform: scale3d(1.00, 1.00, 1.00);}
	40%  {-webkit-transform: scale3d(1.06, 1.06, 1.06); transform: scale3d(1.06, 1.06, 1.06);}
	60%  {-webkit-transform: scale3d(1.00, 1.00, 1.00); transform: scale3d(1.00, 1.00, 1.00);}
	85%  {-webkit-transform: scale3d(1.02, 1.02, 1.02); transform: scale3d(1.02, 1.02, 1.02);}
	100% {-webkit-transform: scale3d(1.00, 1.00, 1.00); transform: scale3d(1.00, 1.00, 1.00);}
}
@keyframes bound {
	0%   {-webkit-transform: scale3d(1.00, 1.00, 1.00); transform: scale3d(1.00, 1.00, 1.00);}
	40%  {-webkit-transform: scale3d(1.06, 1.06, 1.06); transform: scale3d(1.06, 1.06, 1.06);}
	60%  {-webkit-transform: scale3d(1.00, 1.00, 1.00); transform: scale3d(1.00, 1.00, 1.00);}
	85%  {-webkit-transform: scale3d(1.02, 1.02, 1.02); transform: scale3d(1.02, 1.02, 1.02);}
	100% {-webkit-transform: scale3d(1.00, 1.00, 1.00); transform: scale3d(1.00, 1.00, 1.00);}
}

/*
#new_product {
	position: relative;
	background-image: url(../img/hero/bg.gif);
	background-position: center top;
	background-repeat: repeat;
	text-align: center;
	margin-top: -100px;
	padding: 100px 0 120px;
	z-index: 1;
}
#new_product>img {
	margin-bottom: 40px;
}
*/
#application .btn_download {
	text-align: center;
	margin: 0 auto 12px auto;
}
.btn_postcard {
	position: relative;
	text-align: center;
	background: -webkit-linear-gradient(top, #fdde00 50%, rgba(253,222,0,0));
	background: -o-linear-gradient(top, #fdde00 50%, rgba(253,222,0,0));
	background: linear-gradient(top, #fdde00 50%, rgba(253,222,0,0));
	padding-bottom: 100px;
	z-index: 2;
}
#guidelines  {
	text-align: center;
}
#guidelines>div {
	width: 880px;
	height: 314px;
	margin: 0 auto 20px;
	overflow-y: scroll;
	background-color: #f7f9f5;
	border: 1px solid #cadcbe;
	padding: 30px 10px 0;
	box-sizing: border-box;
}
#guidelines img {
	margin-bottom: 52px;
}
#guidelines .guideline_list>li dt {
	display: block;
	font-size: 16px;
	color: #fff;
	background-color: #009944;
	padding: 5px 0;
	margin-bottom: 15px;
	border-radius: 20px;
}
#guidelines .guideline_list>li dd {
	text-align: left;
	margin-bottom: 15px;
	padding: 0 8px;
}
#guidelines .guideline_list>li dd p,
#guidelines .guideline_list>li dd li {
	font-size: 13px;
	color: #007448;
	line-height: 1.8;
}
#guidelines .guideline_list>li dd .mb {
	margin-bottom: 1em;
}
#guidelines .guideline_list>li dd .ind {
	text-indent: -1em;
	padding-left: 1em;
}


.bx-wrapper .bx-pager.bx-default-pager a {
    background: #007444 !important;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #FFFFFF !important;
}

.mv{
  height: 700px;
  overflow:hidden;
  position: relative;
}
.mv .inner{
  width: 1164px;
  margin: 0 auto;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.mv .inner .anime_wrap{
  padding-top: 80px;
  margin-left: 140px;
  float: left;
}
.mv .inner .anime_wrap .bottle{
	position: absolute;
}
.mv .inner .anime_wrap .appeal{
	position: absolute;
}
.mv .inner .logo_wrap{
  float: right;
  padding-top: 200px;
  margin-right: 200px;
}
.appeal_animation{
  -webkit-animation: animation 1000ms linear both;
  animation: animation 1000ms linear both;
}
/* Generated with Bounce.js. Edit at http://bouncejs.com#%7Bs%3A%5B%7BT%3A%22c%22%2Ce%3A%22b%22%2Cd%3A1000%2CD%3A0%2Cf%3A%7Bx%3A0.5%2Cy%3A0.5%7D%2Ct%3A%7Bx%3A1%2Cy%3A1%7D%2Cs%3A1%2Cb%3A4%7D%2C%7BT%3A%22c%22%2Ce%3A%22b%22%2Cd%3A1000%2CD%3A0%2Cf%3A%7Bx%3A1%2Cy%3A1%7D%2Ct%3A%7Bx%3A1%2Cy%3A1%7D%2Cs%3A1%2Cb%3A6%7D%5D%7D */
@-webkit-keyframes animation {
  0% { -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.4% { -webkit-transform: matrix3d(0.658, 0, 0, 0, 0, 0.658, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.658, 0, 0, 0, 0, 0.658, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.7% { -webkit-transform: matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.81% { -webkit-transform: matrix3d(0.83, 0, 0, 0, 0, 0.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.83, 0, 0, 0, 0, 0.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.41% { -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10.21% { -webkit-transform: matrix3d(0.971, 0, 0, 0, 0, 0.971, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.971, 0, 0, 0, 0, 0.971, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.61% { -webkit-transform: matrix3d(1.062, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.062, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.11% { -webkit-transform: matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.52% { -webkit-transform: matrix3d(1.104, 0, 0, 0, 0, 1.104, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.104, 0, 0, 0, 0, 1.104, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  18.72% { -webkit-transform: matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  21.32% { -webkit-transform: matrix3d(1.098, 0, 0, 0, 0, 1.098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.098, 0, 0, 0, 0, 1.098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.32% { -webkit-transform: matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25.23% { -webkit-transform: matrix3d(1.067, 0, 0, 0, 0, 1.067, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.067, 0, 0, 0, 0, 1.067, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.03% { -webkit-transform: matrix3d(1.031, 0, 0, 0, 0, 1.031, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.031, 0, 0, 0, 0, 1.031, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.93% { -webkit-transform: matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  35.54% { -webkit-transform: matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.74% { -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.986, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  41.04% { -webkit-transform: matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  44.44% { -webkit-transform: matrix3d(0.983, 0, 0, 0, 0, 0.983, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.983, 0, 0, 0, 0, 0.983, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  52.15% { -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  59.86% { -webkit-transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.26% { -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  75.28% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90.69% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes animation {
  0% { -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.4% { -webkit-transform: matrix3d(0.658, 0, 0, 0, 0, 0.658, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.658, 0, 0, 0, 0, 0.658, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.7% { -webkit-transform: matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.725, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.81% { -webkit-transform: matrix3d(0.83, 0, 0, 0, 0, 0.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.83, 0, 0, 0, 0, 0.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.41% { -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10.21% { -webkit-transform: matrix3d(0.971, 0, 0, 0, 0, 0.971, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.971, 0, 0, 0, 0, 0.971, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.61% { -webkit-transform: matrix3d(1.062, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.062, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.11% { -webkit-transform: matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.52% { -webkit-transform: matrix3d(1.104, 0, 0, 0, 0, 1.104, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.104, 0, 0, 0, 0, 1.104, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  18.72% { -webkit-transform: matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.106, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  21.32% { -webkit-transform: matrix3d(1.098, 0, 0, 0, 0, 1.098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.098, 0, 0, 0, 0, 1.098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.32% { -webkit-transform: matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.075, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25.23% { -webkit-transform: matrix3d(1.067, 0, 0, 0, 0, 1.067, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.067, 0, 0, 0, 0, 1.067, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.03% { -webkit-transform: matrix3d(1.031, 0, 0, 0, 0, 1.031, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.031, 0, 0, 0, 0, 1.031, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.93% { -webkit-transform: matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.024, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  35.54% { -webkit-transform: matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.74% { -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.986, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  41.04% { -webkit-transform: matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  44.44% { -webkit-transform: matrix3d(0.983, 0, 0, 0, 0, 0.983, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.983, 0, 0, 0, 0, 0.983, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  52.15% { -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  59.86% { -webkit-transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.26% { -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  75.28% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90.69% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

.bnr_box{
	position: relative;
	width: 688px;
	margin: 50px auto 0;
}
.bnr_box a:hover{
	opacity: 0.8;
}