@charset "utf-8";
/* CSS Document */

/* PC用
--------------------------------------------------*/
@media screen and (min-width:768px){
#head_pc{display:block;}
#head_sp{display:none;}
#facebook_sp{display:none;}

body{
	min-width:1280px;
}

.ttl{
	z-index:50 !important;
	background-size:360px 360px !important;
}

nav ul{
	display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
	width:980px;
    height:100px;
	margin:0 auto;
}

nav ul li{
	border-right:1px solid #ccc;
	padding:0 10px;
}

nav ul li:last-child{
	border-right:none;
}


/* 共通 > 大枠
--------------------------------------------------*/
#contents{
	width:100%;
	min-width:1280px;
	margin:0 auto;
	overflow:hidden;
}

.stPoint{
	width:980px;
	margin:0 auto;
	position:relative;
	z-index:10;
	padding-bottom:200px;
}

/*#sevenTop:after,
#sevenBarrel:after,
#sevenCard:after,
#sevenTheme:after,
#sevenStand:after,
#zettonTop:after,
#zettonBarrel:after,
#zettonCard:after,
#zettonTheme:after,
#zettonStand:after{
	content:"";
	display:block;
	width:900px;
	height:900px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background:rgba(255,255,255,0.5);
	position:absolute;
	top:2%;
	left:50%;
	margin-left:-450px;
}*/

#sevenTop .stPoint,
#sevenBarrel .stPoint,
#sevenCard .stPoint,
#sevenTheme .stPoint,
#sevenStand .stPoint{
	background:url("../img/seven_bg03.png") center 100px no-repeat;
	background-size:70%;
}

#zettonTop .stPoint,
#zettonBarrel .stPoint,
#zettonCard .stPoint,
#zettonTheme .stPoint,
#zettonStand .stPoint{
	background:url("../img/zetton_bg03.png") center 140px no-repeat;
	background-size:30%;
}


/* 共通 > メインビジュアル
--------------------------------------------------*/
#mainVisual{
	width:100%;
	height:1000px;
	background:url("../img/mv_back.gif") center center;
	position:relative;
	z-index:20;
}

#mainVisual > div{
	width:980px;
	height:100%;
	margin:0 auto;
	position:relative;
	background:url("../img/logo.png") center center no-repeat;
	background-size:380px;
}

#mainVisual .logo{
	display:block;
	width:150px;
	position:absolute;
	top:50px;
	right:0;
}

.seven{
	width:360px;
	height:360px;
	position:absolute;
	top:50px;
	left:0;
	z-index:10;
}
.seven img{width:100%;}

.zetton{
	width:360px;
	height:360px;
	position:absolute;
	right:0;
	bottom:50px;
	z-index:10;
}
.zetton img{width:100%;}

.yoyaku{
	width:214px;
	height:62px;
	position:absolute;
	top:66%;
	left:50%;
	margin-left:-107px;
	background:#fff;
	border-radius:5px;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	line-height:62px;
}

.rainbow{
	width:100%;
	height:30px;
	position:relative;
	z-index:20;
}
.rainbow img{
	width:100%;
	height:30px;
}


/* 共通 > 概要
--------------------------------------------------*/
.overview{
	box-sizing:border-box;
	width:100%;
	height:1200px;
	display:table;
	background:url("../img/overview_back.jpg") center 550px no-repeat, #000;
	padding-top:60px;
	position:relative;
	z-index:20;
	text-shadow:0 0 3px #000;
	color:#fff;
	font-size:18px;
	text-align:center;
	line-height:3em;
	padding-bottom:100px;
}

.overview p{
	text-align:center;
	margin-bottom:40px;
}

.event_Info{
	box-sizing:border-box;
	width:800px;
	background:#fff;
	border-radius:5px;
	padding:20px;
	margin:30px auto;
}

.event_Info h2{
	font-size:22px;
	line-height:22px;
	color:#000;
	text-shadow:none;
	text-align:left;
}

.event_Info p{
	margin:20px 0 0;
	font-size:18px;
	color:#000;
	text-shadow:none;
	text-align:left;
	line-height:1.5em;
}

.event_Info a{
	display:block;
	width:160px;
	margin:20px 0 0 auto;
	background:#cc0000;
	color:#fff;
	padding:5px 0;
	text-align:center;
	border-radius:5px;
	text-shadow:none;
}

.event_Info a:hover{
	text-decoration:underline;
}

.movie{
	margin:60px auto 60px;
}

.movie iframe{
	width:800px;
	height:450px;
}

/*.overview p:last-child{
	font-size:48px;
}*/

h3{
	font-size:30px;
	font-weight:normal;
	margin-bottom:30px;
}


/* セブントップ
--------------------------------------------------*/
#sevenTop{
	width:100%;
	background:#cc0000;
	position:relative;
}

#sevenTop .ttl{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	background:url("../img/ultraseven.png") left top no-repeat;
}

#sevenTop .cf ul{
	width:100%;
	position:relative;
	z-index:100;
	display:-webkit-flex;
    display:flex;
    -webkit-justify-content:flex-end;
    justify-content:flex-end;
	padding-top:200px;
}

#sevenTop .cf ul li{
	width:140px;
	height:140px;
}
#sevenTop .cf ul li:nth-child(even){margin-top:120px;}
#sevenTop .cf ul li:not(:first-child){margin-left:-20px;}

.product{
	text-align:center;
	margin:100px auto 0;
}

.seven_overview{
	width:900px;
	padding:40px;
	background:#fff;
	color:#000;
	font-size:16px;
	line-height:1.8em;
	text-align:left;
	margin:80px auto 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

.seven_overview p{
	border-top:1px solid #000;
	margin-top:20px;
	padding-top:20px;
	line-height:1.8em;
}

.seven_overview p.price{
	border-top:0;
	margin-top:10px;
	text-align:right;
	font-size:24px;
}



/* カート
--------------------------------------------------*/
/*.cartHeight{height:90px;}*/

#sevenCart{
	width:100%;
	height:90px;
	margin:0 auto;
	z-index:2000;
	position:absolute;
	top:0;
}

#sevenCart a{
	display:block;
	width:340px;
	height:90px;
	margin:0 auto;
	background:url("../img/seven_btn_01.gif") 0 0 no-repeat;
	text-align:center;
}

/* 点滅 */
#sevenCart a img{
	-webkit-animation:blink 1s ease-in-out infinite alternate;
	-moz-animation:blink 1s ease-in-out infinite alternate;
	animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}



/* アイスラッガー
--------------------------------------------------*/
#aisu{
	width:100%;
	margin:0 auto;
	position:relative;
}

.aisu1,
.aisu2,
.aisu3,
.aisu4,
.aisu5{
	display:block;
	width:170px;
	height:122px;
	z-index:10;
	position:absolute;
	top:-122px;
	right:-170px;
	background:url("../img/aisu.png") 0 0 no-repeat;
}

.aisu1{animation:aisu1 10s infinite normal linear;}
@keyframes aisu1{
	0%{transform:translate(120%,0);}
	10%{transform:translate(-2500px,500%);}
	100%{transform:translate(-2500px,500%);}
}

.aisu2{animation:aisu2 10s 2s infinite normal linear; animation-delay:1s;}
@keyframes aisu2{
	0%{transform:translate(120%,400%);}
	10%{transform:translate(-2500px,60%);}
	100%{transform:translate(-2500px,60%);}
}

.aisu3{animation:aisu3 10s 4s infinite normal linear;}
@keyframes aisu3{
	0%{transform:translate(120%,800%);}
	10%{transform:translate(-2500px,200%);}
	100%{transform:translate(-2500px,200%);}
}

.aisu4{animation:aisu4 10s 5s infinite normal linear;}
@keyframes aisu4{
	0%{transform:translate(120%,100%);}
	10%{transform:translate(-2500px,500%);}
	100%{transform:translate(-2500px,500%);}
}

.aisu5{animation:aisu5 10s 6s infinite normal linear;}
@keyframes aisu5{
	0%{transform:translate(120%,0);}
	10%{transform:translate(-2500px,1000%);}
	100%{transform:translate(-2500px,1000%);}
}



/* セブンバレル
--------------------------------------------------*/
#sevenBarrel{
	width:100%;
	background:#dddddd;/*url("../img/seven_bg02.gif") center top fixed*/
	position:relative;
}

#sevenBarrel .ttl{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	background:url("../img/barrel_s_ttl2.png") right top no-repeat;
}

#sevenBarrel .cf{
	width:980px;
	height:800px;
	margin:0 auto;
	padding-top:200px;
}

#sevenBarrel .img{
	width:800px;
	margin:0 auto;
}
#sevenBarrel .img img{width:100%;}

#sevenBarrel .spec{
	display:none;
	width:340px;
	padding:30px;
	background:url("../img/barrel_s_spec_bgi.png") 0 0 no-repeat;
	position:absolute;
	right:0;
	bottom:150px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	z-index:15;
}

#sevenBarrel table{
	width:340px;
	/*background:#dddddd;*/
}

#sevenBarrel table th{
	width:120px;
	font-size:18px;
	font-weight:normal;
	text-align:left;
	padding:5px 0;
}

#sevenBarrel .spec td{
	font-size:18px;
	font-weight:normal;
	text-align:left;
	padding:5px 0;
}

#sevenBarrel .seven_overview{
	width:900px;
	padding:40px;
	background:#fff;
	color:#000000;
	font-size:16px;
	line-height:1.8em;
	text-align:left;
	margin:80px auto 0;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

#sevenBarrel .seven_overview p{
	border-top:1px solid #000;
	margin-top:20px;
	padding-top:20px;
	line-height:1.8em;
}



/* セブンカード
--------------------------------------------------*/
#sevenCard{
	width:100%;
	background:#cc0000;/*url("../img/seven_bg01.gif") center top fixed*/
	position:relative;
}

#sevenCard .ttl{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	background:url("../img/card_s_ttl2.png") left top no-repeat;
}

#sevenCard .img{
	padding-top:200px;
	width:380px;
	margin:0 auto;
	text-align:center;
}
#sevenCard .img img{width:100%;}

#sevenCard .seven_overview{
	width:900px;
	padding:40px;
	background:#fff;
	color:#000000;
	font-size:16px;
	line-height:1.8em;
	text-align:left;
	margin:80px auto 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}


/* セブンテーマ
--------------------------------------------------*/
#sevenTheme{
	width:100%;
	background:#dddddd;/*url("../img/seven_bg02.gif") center top fixed*/
	position:relative;
}

#sevenTheme .ttl{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	background:url("../img/theme_s_ttl2.png") left top no-repeat;
}

#sevenTheme .img{
	width:800px;
	margin:0 auto;
	padding-top:200px;
	text-align:center;
}
#sevenTheme .img img{width:100%;}

#sevenTheme .seven_overview{
	width:900px;
	padding:40px;
	background:#fff;
	color:#000000;
	font-size:16px;
	line-height:1.8em;
	text-align:left;
	margin:80px auto 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}


/* セブンスタンド
--------------------------------------------------*/
#sevenStand{
	width:100%;
	background:#cc0000;/*url("../img/seven_bg01.gif") center top fixed*/
	position:relative;
}

#sevenStand .ttl{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	background:url("../img/stand_s_ttl2.png") left top no-repeat;
}

#sevenStand .img{
	width:800px;
	margin:0 auto;
	padding-top:200px;
	text-align:center;
}

#sevenStand .img img{width:100%;}

#sevenStand .spec{
	display:table-cell;
	box-sizing:border-box;
	width:50%;
	padding-left:90px;
	vertical-align:bottom;
	position:relative;
	z-index:10;
	padding-top:430px;
}

#sevenStand .spec h3{
	font-size:30px;
	font-weight:normal;
}

#sevenStand .seven_overview{
	width:900px;
	padding:40px;
	background:#fff;
	color:#000000;
	font-size:16px;
	line-height:1.8em;
	text-align:left;
	margin:80px auto 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}


/* ゼットントップ
--------------------------------------------------*/
#zettonTop{
	width:100%;
	background:#000000;/*url("../img/zetton_bg01.gif") center top fixed;*/
	position:relative;
}

#zettonTop .ttl{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	background:url("../img/zetton.png") left top no-repeat;
}

#zettonTop .cf ul{
	width:100%;
	position:relative;
	z-index:120;
	display:-webkit-flex;
    display:flex;
    -webkit-justify-content:flex-end;
    justify-content:flex-end;
	padding-top:200px;
}

#zettonTop .cf ul li{
	float:left;
	width:140px;
	height:140px;
}
#zettonTop .cf ul li:nth-child(even){margin-top:120px;}
#zettonTop .cf ul li:not(:first-child){margin-left:-20px;}

.product{
	text-align:center;
	margin:100px auto 0;
}

.zetton_overview{
	width:900px;
	padding:40px;
	background:#fff;
	color:#000000;
	font-size:16px;
	line-height:1.8em;
	text-align:left;
	margin:80px auto 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

.zetton_overview p{
	border-top:1px solid #000;
	margin-top:20px;
	padding-top:20px;
	line-height:1.8em;
}

.zetton_overview p.price{
	border-top:0;
	margin-top:10px;
	text-align:right;
	font-size:24px;
}

.fire{
	background:url("../img/fire.png") 0 0 no-repeat fixed;
	animation:fire 1s infinite;
	animation-direction:normal;
	animation-timing-function:linear;
}

@keyframes fire{
	0%{background-position:110% -100px;}
	100%{background-position:-10% 30%;}
}

.fire2{
	background:url("../img/fire.png") 0 0 no-repeat fixed;
	animation:fire2 1.5s infinite;
	animation-direction:normal;
	animation-timing-function:linear;
}

@keyframes fire2{
	0%{background-position:110% -100px;}
	100%{background-position:-10% 40%;}
}

.fire3{
	background:url("../img/fire.png") 0 0 no-repeat fixed;
	animation:fire3 4.5s infinite;
	animation-direction:normal;
	animation-timing-function:linear;
}

@keyframes fire3{
	0%{background-position:120% -80px;}
	100%{background-position:-10% 75%;}
}

.fire4{
	background:url("../img/fire.png") 0 0 no-repeat fixed;
	animation:fire4 3s infinite;
	animation-direction:normal;
	animation-timing-function:linear;
}

@keyframes fire4{
	0%{background-position:110% -100px;}
	100%{background-position:-10% 50%;}
}

.fire5{
	background:url("../img/fire.png") 0 0 no-repeat fixed;
	animation:fire5 3.5s infinite;
	animation-direction:normal;
	animation-timing-function:linear;
}

@keyframes fire5{
	0%{background-position:110% -100px;}
	100%{background-position:-10% 80%;}
}

.fire6{
	background:url("../img/fire.png") 0 0 no-repeat fixed;
	animation:fire6 3.3s infinite;
	animation-direction:normal;
	animation-timing-function:linear;
}

@keyframes fire6{
	0%{background-position:110% -100px;}
	100%{background-position:-10% 95%;}
}

.fire7{
	background:url("../img/fire.png") 0 0 no-repeat fixed;
	animation:fire7 2.5s infinite;
	animation-direction:normal;
	animation-timing-function:linear;
}

@keyframes fire7{
	0%{background-position:110% -100px;}
	100%{background-position:-10% 55%;}
}

.fire8{
	background:url("../img/fire.png") 0 0 no-repeat fixed;
	animation:fire8 1.5s infinite;
	animation-direction:normal;
	animation-timing-function:linear;
}

@keyframes fire8{
	0%{background-position:110% -100px;}
	100%{background-position:-10% 45%;}
}



/* カート
--------------------------------------------------*/
#zettonCart{
	width:100%;
	height:90px;
	z-index:2001;
	position:absolute;
	top:0;
}

#zettonCart a{
	display:block;
	width:340px;
	height:90px;
	margin:0 auto;
	background:url("../img/zetton_btn_01.gif") 0 0 no-repeat;
	text-align:center;
}

/* 点滅 */
#zettonCart a img{
	-webkit-animation:blink 1s ease-in-out infinite alternate;
	-moz-animation:blink 1s ease-in-out infinite alternate;
	animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}



/* ゼットンバレル
--------------------------------------------------*/
#zettonBarrel{
	width:100%;
	background:#999900;/*url("../img/zetton_bg02.gif") center top fixed;*/
	position:relative;
}

#zettonBarrel .ttl{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	background:url("../img/barrel_z_ttl2.png") left top no-repeat;
}

#zettonBarrel .cf{
	width:980px;
	height:800px;
	margin:0 auto;
	padding-top:200px;
}

#zettonBarrel .img{
	width:800px;
	margin:0 auto;
}
#zettonBarrel .img img{width:100%;}

#zettonBarrel .spec{
	display:none;
	width:340px;
	padding:30px;
	background:url("../img/barrel_z_spec_bgi.png") 0 0 no-repeat;
	position:absolute;
	right:0;
	bottom:150px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	z-index:15;
}

#zettonBarrel table{
	width:340px;
}

#zettonBarrel table th{
	width:120px;
	font-size:18px;
	font-weight:normal;
	text-align:left;
	padding:5px 0;
}

#zettonBarrel table td{
	font-size:18px;
	font-weight:normal;
	text-align:left;
	padding:5px 0;
}

#zettonBarrel .zetton_overview{
	width:900px;
	padding:40px;
	background:#fff;
	color:#000000;
	font-size:16px;
	line-height:1.8em;
	text-align:left;
	margin:80px auto 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

#zettonBarrel .zetton_overview p{
	border-top:1px solid #000;
	margin-top:20px;
	padding-top:20px;
	line-height:1.8em;
}




/* ゼットンカード
--------------------------------------------------*/
#zettonCard{
	width:100%;
	background:#000000;/*url("../img/zetton_bg01.gif") center top fixed;*/
	position:relative;
}

#zettonCard .ttl{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	background:url("../img/card_z_ttl2.png") left top no-repeat;
}

#zettonCard .img{
	width:380px;
	margin:0 auto;
	padding-top:200px;
	text-align:center;
}
#zettonCard .img img{width:100%;}

#zettonCard .zetton_overview{
	width:900px;
	padding:40px;
	background:#fff;
	color:#000000;
	font-size:16px;
	line-height:1.8em;
	text-align:left;
	margin:80px auto 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}


/* ゼットンテーマ
--------------------------------------------------*/
#zettonTheme{
	width:100%;
	background:#999900;/*url("../img/zetton_bg02.gif") center top fixed;*/
	position:relative;
}

#zettonTheme .ttl{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	background:url("../img/theme_z_ttl2.png") left top no-repeat;
}

#zettonTheme .img{
	width:800px;
	margin:0 auto;
	padding-top:200px;
	text-align:center;
	overflow:hidden;
}
#zettonTheme .img img{width:100%;}

#zettonTheme .zetton_overview{
	width:900px;
	padding:40px;
	background:#fff;
	color:#000000;
	font-size:16px;
	line-height:1.8em;
	text-align:left;
	margin:80px auto 0;
	border-radius:20px;
}


/* ゼットンスタンド
--------------------------------------------------*/
#zettonStand{
	width:100%;
	background:#000000;/*url("../img/zetton_bg01.gif") center top fixed;*/
	position:relative;
}

#zettonStand .ttl{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	background:url("../img/stand_z_ttl2.png") left top no-repeat;
}

#zettonStand .img{
	width:800px;
	margin:0 auto;
	padding-top:200px;
	text-align:center;
}

#zettonStand .img img{width:100%;}

#zettonStand .spec{
	display:table-cell;
	box-sizing:border-box;
	width:50%;
	padding-left:90px;
	vertical-align:bottom;
	position:relative;
	z-index:10;
	padding-top:430px;
}

#zettonStand .spec h3{
	font-size:30px;
	font-weight:normal;
}

#zettonStand .zetton_overview{
	width:900px;
	padding:40px;
	background:#fff;
	color:#000000;
	font-size:16px;
	line-height:1.8em;
	text-align:left;
	margin:80px auto 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}


/* コンセプト
--------------------------------------------------*/
#concept{
	width:100%;
	background:url("../img/aman-u_back.gif");
	padding-bottom:50px;
	position:relative;
	z-index:5000;
}

.concept_img{text-align:center;}

.concept_txt{
	width:980px;
	margin:50px auto 0;
	color:#ffffff;
	text-align:left;
	font-size:18px;
	line-height:1.8em;
	background:url("../img/aman_cr.png") right bottom no-repeat;
	background-size:200px;
}

.concept_txt h3{
	font-size:30px;
	font-weight:normal;
	color:#ffffff;
	text-align:left;
}

.concept_txt span{
	display:block;
	margin:50px auto 0;
	font-weight:bold;
}

a.official{
	display:block;
	box-sizing:border-box;
	width:380px;
	border:1px solid #fff;
	padding:16px;
	text-align:center;
	margin-top:20px;
}

a.official:hover{
	background:rgba(255,255,255,0.1);
}


/* トップに戻る
--------------------------------------------------*/
#rolltop{
	display:none;
	position:fixed;
	right:10px;
	bottom:10px;
	z-index:9999;
}


/* コピーライト
--------------------------------------------------*/
.copyright{
	width:100%;
	min-width:1200px;
	line-height:80px;
	background:#f0f0f0;
	color:#333;
	border-top:1px solid #ccc;
	box-shadow:0 0 0 1px #fff inset;
}
}



/* スマホ用
--------------------------------------------------*/
@media screen and (max-width:767px){
#head_pc{display:none;}
#head_sp{display:block;}
#facebook_sp{
	display:block;
	width:120px;
	margin:20px auto 0;
	position:relative;
	z-index:1000;
}



/* 共通 > 大枠
--------------------------------------------------*/
#contents{
	width:100%;
	margin:0 auto;
}

h2{border:none !important;}

#sevenTop .stPoint,
#sevenBarrel .stPoint,
#sevenCard .stPoint,
#sevenTheme .stPoint,
#sevenStand .stPoint{
	background:url("../img/seven_bg03.png") center 30px no-repeat;
	background-size:70%;
}

#zettonTop .stPoint,
#zettonBarrel .stPoint,
#zettonCard .stPoint,
#zettonTheme .stPoint,
#zettonStand .stPoint{
	background:url("../img/zetton_bg03.png") center 50px no-repeat;
	background-size:30%;
}


/* 共通 > メインビジュアル
--------------------------------------------------*/
#mainVisual{
	width:100%;
	height:400px;
	margin:0 auto;
	background:url("../img/mv_back.gif") center center;
	position:relative;
}

#mainVisual > div{
	width:100%;
	height:400px;
	margin:0 auto;
	background:url("../img/logo.png") center center no-repeat;
	background-size:200px;
}

#mainVisual .logo{
	display:block;
	width:120px;
	position:absolute;
	top:10px;
	right:10px;
}

.seven{
	width:120px;
	height:120px;
	position:absolute;
	left:10px;
	top:10px;
}

.zetton{
	width:120px;
	height:120px;
	position:absolute;
	right:10px;
	bottom:10px;
	z-index:10;
}

.seven img, .zetton img{width:100%;}

.yoyaku{
	width:120px;
	height:40px;
	position:absolute;
	top:70%;
	left:50%;
	margin-left:-60px;
	background:#fff;
	border-radius:5px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	z-index:5;
	line-height:40px;
}

.rainbow{
	width:100%;
	height:20px;
}
.rainbow img{
	width:100%;
	height:20px;
}


/* 共通 > 概要
--------------------------------------------------*/
.overview{
	box-sizing:border-box;
	width:100%;
	background:url("../img/overview_back.jpg") bottom center no-repeat, #000;
	background-size:100%;
	padding:30px 2% 100px;
	text-shadow:0 0 5px #000;
	color:#fff;
	font-size:14px;
	text-align:center;
	line-height:2.5em;
	padding-bottom:100px;
}

.overview p{
	text-align:center;
	margin-bottom:40px;
}

.movie{
	margin:40px auto;
}

.movie iframe{
	width:320px;
	height:180px;
}

.overview p{
	text-align:center;
	margin-bottom:30px;
}

.overview p img{width:80%;}



/*.overview p:last-child{
	font-size:28px;
}*/

h3{
	font-size:18px;
	font-weight:normal;
	margin:20px auto;
	border:none !important;
}

.event_Info{
	box-sizing:border-box;
	width:80%;
	background:#fff;
	border-radius:5px;
	padding:10px;
	margin:30px auto;
	text-align:left;
}

.event_Info h2{
	font-size:18px;
	line-height:18px;
	color:#000;
	text-shadow:none;
	text-align:left;
}

.event_Info p{
	margin:10px 0 0;
	font-size:14px;
	color:#000;
	text-shadow:none;
	text-align:left;
	line-height:1.5em;
}

.event_Info a{
	display:block;
	width:150px;
	margin:10px 0 0 auto;
	background:#cc0000;
	color:#fff;
	text-align:center;
	border-radius:5px;
	text-shadow:none;
}

.event_Info a:hover{
	text-decoration:underline;
}



/* セブントップ
--------------------------------------------------*/
#sevenTop{
	width:100%;
	background:#cc0000;
	padding-bottom:40px;
}

#sevenTop .ttl{
	display:block;
	float:left;
	width:120px;
	height:120px;
	background:url("../img/ultraseven.png") left top no-repeat;
	background-size:100%;
	margin:20px 0 0 2%;
}

#sevenTop .cf ul{
	margin-top:40px;
	margin-right:2%;
	float:right;
}

#sevenTop .cf ul li{
	width:60px;
	height:60px;
	list-style-type:none;
	margin-top:-25px;
}
#sevenTop .cf ul li:nth-child(even){margin-left:60px;}

.product{
	width:96%;
	text-align:center;
	margin:40px auto 0;
}

.seven_overview{
	box-sizing:border-box;
	width:96%;
	padding:5%;
	background:#fff;
	color:#000;
	font-size:14px;
	line-height:1.8em;
	text-align:left;
	margin:40px auto 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

.seven_overview p{
	border-top:1px solid #000;
	margin-top:20px;
	padding-top:20px;
	line-height:1.8em;
}

.seven_overview p.price{
	border-top:0;
	margin-top:10px;
	text-align:right;
	font-size:18px;
}



/* カート
--------------------------------------------------*/
.cartHeight{height:48px;}

#sevenCart{
	width:100%;
	height:48px;
	z-index:2000;
}

#sevenCart a{
	display:block;
	width:180px;
	height:48px;
	margin:0 auto;
	background:url("../img/seven_btn_01.gif") 0 0 no-repeat;
	background-size:180px 48px;
	text-align:center;
}

/* 点滅 */
#sevenCart a img{
	width:38px;
	height:19px;
	-webkit-animation:blink 1s ease-in-out infinite alternate;
	-moz-animation:blink 1s ease-in-out infinite alternate;
	animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}


/* セブンバレル
--------------------------------------------------*/
#sevenBarrel{
	width:100%;
	background:#dddddd;
	padding:20px 0 40px 0;
}

#sevenBarrel .ttl{
	width:98%;
	height:120px;
	background:url("../img/barrel_s_ttl2.png") right top no-repeat;
	background-size:120px 120px;
}

#sevenBarrel .cf{
	width:100%;
}

#sevenBarrel .img{
	width:96%;
	margin:0 auto;
	padding-top:20px;
}

#sevenBarrel .spec{
	box-sizing:border-box;
	width:96%;
	padding:2% 5%;
	background:#dddddd;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	margin:20px auto 0;
}

#sevenBarrel table{
	background:#dddddd;
}

#sevenBarrel table th{
	width:120px;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding:5px 0;
}

#sevenBarrel .spec td{
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding:5px 0;
}

#sevenBarrel .seven_overview{
	box-sizing:border-box;
	width:96%;
	padding:5%;
	background:#fff;
	color:#000;
	font-size:14px;
	line-height:1.8em;
	text-align:left;
	margin:40px auto 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}


/* セブンカード
--------------------------------------------------*/
#sevenCard{
	width:100%;
	background:#cc0000;
	padding:20px 0 40px 0;
}

#sevenCard .ttl{
	width:120px;
	height:120px;
	background:url("../img/card_s_ttl2.png") left top no-repeat;
	background-size:100%;
	margin-left:2%;
}

#sevenCard .img{
	width:60%;
	margin:0 auto;
	padding-top:20px;
}
#sevenCard .img img{width:100%;}

#sevenCard .seven_overview{
	box-sizing:border-box;
	width:96%;
	padding:5%;
	background:#fff;
	color:#000000;
	font-size:14px;
	line-height:1.8em;
	text-align:left;
	margin:40px auto 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}


/* セブンテーマ
--------------------------------------------------*/
#sevenTheme{
	width:100%;
	background:#dddddd;
	padding:20px 0 40px 0;
}

#sevenTheme .ttl{
	width:98%;
	height:120px;
	background:url("../img/theme_s_ttl2.png") right top no-repeat;
	background-size:120px 120px;
}

#sevenTheme .img{
	width:96%;
	margin:0 auto;
	padding-top:20px;
}
#sevenTheme .img img{width:100%;}

#sevenTheme .seven_overview{
	box-sizing:border-box;
	width:96%;
	padding:5%;
	background:#fff;
	color:#000000;
	font-size:14px;
	line-height:1.8em;
	text-align:left;
	margin:40px auto 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}


/* セブンスタンド
--------------------------------------------------*/
#sevenStand{
	width:100%;
	background:#cc0000;
	padding:20px 0 40px 0;
}

#sevenStand .ttl{
	width:120px;
	height:120px;
	background:url("../img/stand_s_ttl2.png") left top no-repeat;
	background-size:120px 120px;
	margin-left:2%;
}

#sevenStand .cf{
	width:96%;
	margin:0 auto;
	padding-top:20px;
}

#sevenStand .spec{
	display:none;
	box-sizing:border-box;
	width:50%;
	padding-left:90px;
	vertical-align:bottom;
	position:relative;
	z-index:10;
	padding-top:430px;
}

#sevenStand .spec h3{
	font-size:30px;
	font-weight:normal;
}

#sevenStand .seven_overview{
	box-sizing:border-box;
	width:96%;
	padding:5%;
	background:#fff;
	color:#000000;
	font-size:14px;
	line-height:1.8em;
	text-align:left;
	margin:40px auto 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}



/* ゼットントップ
--------------------------------------------------*/
#zettonTop{
	width:100%;
	background:#000000;
	padding-bottom:40px;
}

#zettonTop .ttl{
	display:block;
	float:left;
	width:120px;
	height:120px;
	background:url("../img/zetton.png") left top no-repeat;
	background-size:100%;
	margin:20px 0 0 2%;
}

#zettonTop .cf ul{
	margin-top:40px;
	margin-right:2%;
	float:right;
}

#zettonTop .cf ul li{
	width:60px;
	height:60px;
	list-style-type:none;
	margin-top:-25px;
}
#zettonTop .cf ul li:nth-child(even){margin-left:60px;}

.product{
	width:96%;
	text-align:center;
	margin:40px auto 0;
}

.zetton_overview{
	box-sizing:border-box;
	width:96%;
	padding:5%;
	background:#fff;
	color:#000;
	font-size:14px;
	line-height:1.8em;
	text-align:left;
	margin:40px auto 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

.zetton_overview p{
	border-top:1px solid #000;
	margin-top:20px;
	padding-top:20px;
	line-height:1.8em;
}

.zetton_overview p.price{
	border-top:0;
	margin-top:10px;
	text-align:right;
	font-size:18px;
}

/* カート
--------------------------------------------------*/
#zettonCart{
	width:100%;
	z-index:2001;
}

#zettonCart a{
	display:block;
	width:180px;
	height:48px;
	margin:0 auto;
	background:url("../img/zetton_btn_01.gif") 0 0 no-repeat;
	background-size:180px 48px;
	text-align:center;
}

/* 点滅 */
#zettonCart a img{
	width:38px;
	height:19px;
	-webkit-animation:blink 1s ease-in-out infinite alternate;
	-moz-animation:blink 1s ease-in-out infinite alternate;
	animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}


/* ゼットンバレル
--------------------------------------------------*/
#zettonBarrel{
	width:100%;
	background:#999900;
	padding:20px 0 40px 0;
}

#zettonBarrel .ttl{
	width:98%;
	height:120px;
	background:url("../img/barrel_z_ttl2.png") right top no-repeat;
	background-size:120px 120px;
}

#zettonBarrel .cf{
	width:100%;
}

#zettonBarrel .img{
	width:96%;
	margin:0 auto;
	padding-top:20px;
}

#zettonBarrel .spec{
	box-sizing:border-box;
	width:96%;
	padding:2% 5%;
	background:#999900;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	margin:20px auto 0;
}

#zettonBarrel table{
	background:#cccc00;
}

#zettonBarrel table th{
	width:120px;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding:5px 0;
}

#zettonBarrel table td{
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding:5px 0;
}

#zettonBarrel .zetton_overview{
	box-sizing:border-box;
	width:96%;
	padding:5%;
	background:#fff;
	color:#000;
	font-size:14px;
	line-height:1.8em;
	text-align:left;
	margin:40px auto 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}


/* ゼットンカード
--------------------------------------------------*/
#zettonCard{
	width:100%;
	background:#000000;
	padding:20px 0 40px 0;
}

#zettonCard .ttl{
	width:120px;
	height:120px;
	background:url("../img/card_z_ttl2.png") left top no-repeat;
	background-size:100%;
	margin-left:2%;
}

#zettonCard .img{
	width:60%;
	margin:0 auto;
	padding-top:20px;
}
#zettonCard .img img{width:100%;}

#zettonCard .zetton_overview{
	box-sizing:border-box;
	width:96%;
	padding:5%;
	background:#fff;
	color:#000000;
	font-size:14px;
	line-height:1.8em;
	text-align:left;
	margin:40px auto 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}


/* ゼットンテーマ
--------------------------------------------------*/
#zettonTheme{
	width:100%;
	background:#cccc00;
	padding:20px 0 40px 0;
}

#zettonTheme .ttl{
	width:120px;
	height:120px;
	background:url("../img/theme_z_ttl2.png") left top no-repeat;
	background-size:100%;
	margin-left:2%;
}

#zettonTheme .img{
	width:96%;
	margin:0 auto;
	padding-top:20px;
}
#zettonTheme .img img{width:100%;}

#zettonTheme .zetton_overview{
	box-sizing:border-box;
	width:96%;
	padding:5%;
	background:#fff;
	color:#000000;
	font-size:14px;
	line-height:1.8em;
	text-align:left;
	margin:40px auto 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}


/* ゼットンスタンド
--------------------------------------------------*/
#zettonStand{
	width:100%;
	background:#000000;
	padding:20px 0 40px 0;
}

#zettonStand .ttl{
	width:120px;
	height:120px;
	background:url("../img/stand_z_ttl2.png") left top no-repeat;
	background-size:100%;
	margin-left:2%;
}

#zettonStand .cf{
	width:96%;
	margin:0 auto;
	padding-top:20px;
}

#zettonStand .spec{
	display:none;
	box-sizing:border-box;
	width:50%;
	padding-left:90px;
	vertical-align:bottom;
	position:relative;
	z-index:10;
	padding-top:430px;
}

#zettonStand .zetton_overview{
	box-sizing:border-box;
	width:96%;
	padding:5%;
	background:#fff;
	color:#000000;
	font-size:14px;
	line-height:1.8em;
	text-align:left;
	margin:40px auto 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}



/* コンセプト
--------------------------------------------------*/
#concept{
	width:100%;
	background:url("../img/aman-u_back.gif");
	padding-bottom:50px;
	position:relative;
	z-index:2000;
}

.concept_img{
	text-align:center;
	margin:0;
	padding:0;
}

.concept_txt{
	width:96%;
	margin:50px auto 0;
	color:#ffffff;
	text-align:left;
	font-size:14px;
	line-height:1.8em;
	background:url("../img/aman_cr.png") right bottom no-repeat;
	background-size:150px;
	padding-bottom:50px;
}

.concept_txt h3{
	font-size:24px;
	font-weight:normal;
	color:#ffffff;
	text-align:left;
}

.concept_txt span{
	display:block;
	margin:50px auto 0;
	font-weight:bold;
}

a.official{
	display:block;
	box-sizing:border-box;
	width:100%;
	border:1px solid #fff;
	padding:16px;
	text-align:center;
	margin-top:20px;
}

a.official:hover{
	background:rgba(255,255,255,0.1);
}

a.official:hover img{
	opacity:1;
}



/* ナビ
--------------------------------------------------*/
nav ul{
	margin:20px auto 0;
}

nav ul li{
	float:left;
	box-sizing:border-box;
	width:50%;
	text-align:center;
	font-size:12px;
}

nav ul li:nth-child(1),
nav ul li:nth-child(2){
	border-top:1px solid #ccc;
}

nav ul li:nth-child(odd){
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

nav ul li:nth-child(even){
	border-bottom:1px solid #ccc;
}

nav ul li a{
	display:block;
	padding:10px 0;
}



/* トップに戻る
--------------------------------------------------*/
#rolltop{
	display:none;
	position:fixed;
	right:5px;
	bottom:5px;
	z-index:9999;
}


/* コピーライト
--------------------------------------------------*/
.copyright{
	width:100%;
	margin-top:20px;
	line-height:40px;
	background:#f0f0f0;
	color:#333;
	text-align:center;
	border-top:1px solid #ccc;
	box-shadow:0 0 0 1px #fff inset;
}
}


/* Sボイスエフェクト
--------------------------------------------------
#sevenVoice{
	width:980px;
	margin:0 auto;
	position:relative;
}

.vs01{
	display:block;
	width:132px;
	height:55px;
	position:absolute;
	z-index:10;
	top:450px;
	left:55px;
	background:url("../img/voice_s_01.png") 0 0 no-repeat;
	animation:vs01 6s infinite;
	animation-direction:alternate;
	animation-timing-function:ease-in-out;
}

@keyframes vs01{
	0%{transform:rotate(0deg);}
	50%{transform:rotate(20deg); top:250px; left:-20px;}
}

.vs02{
	display:block;
	width:97px;
	height:61px;
	position:absolute;
	z-index:10;
	top:480px;
	left:433px;
	background:url("../img/voice_s_02.png") 0 0 no-repeat;
	animation:vs02 6s infinite;
	animation-direction:alternate;
	animation-timing-function:ease-in-out;
}

@keyframes vs02{
    0%{transform:rotate(0deg);}
	50%{transform:rotate(-30deg); top:380px;}
}

.vs03{
	display:block;
	width:67px;
	height:32px;
	position:absolute;
	z-index:10;
	top:490px;
	left:890px;
	background:url("../img/voice_s_03.png") 0 0 no-repeat;
	animation:vs03 6s infinite;
	animation-direction:alternate;
	animation-timing-function:linear;
}

@keyframes vs03{
    0%{transform:rotate(0deg);}
	50%{transform:rotate(-20deg); top:520px;}
}

.vs04{
	display:block;
	width:69px;
	height:48px;
	position:absolute;
	z-index:10;
	top:698px;
	left:17px;
	background:url("../img/voice_s_04.png") 0 0 no-repeat;
	animation:vs04 5s infinite;
	animation-direction:alternate;
	animation-timing-function:ease-in-out;
}

@keyframes vs04{
    0%{transform:rotate(0deg);}
	40%{transform:rotate(0deg); top:600px; left:-10px;}
}

.vs05{
	display:block;
	width:132px;
	height:55px;
	position:absolute;
	z-index:10;
	top:500px;
	left:580px;
	background:url("../img/voice_s_01.png") 0 0 no-repeat;
	animation:vs05 3s infinite;
	animation-direction:alternate;
	animation-timing-function:ease-in-out;
}

@keyframes vs05{
	0%{transform:rotate(0deg);}
	50%{transform:rotate(20deg); top:550px; left:500px;}
}

.vs06{
	display:block;
	width:97px;
	height:61px;
	position:absolute;
	z-index:10;
	top:200px;
	right:30px;
	background:url("../img/voice_s_02.png") 0 0 no-repeat;
	animation:vs06 6s infinite;
	animation-direction:alternate;
	animation-timing-function:ease-in-out;
}

@keyframes vs06{
    0%{transform:rotate(0deg);}
	50%{transform:rotate(-20deg); top:150px; right:-30px;}
}

.vs07{
	display:block;
	width:67px;
	height:32px;
	position:absolute;
	z-index:10;
	top:520px;
	left:890px;
	background:url("../img/voice_s_03.png") 0 0 no-repeat;
	animation:vs07 6s infinite;
	animation-direction:alternate;
	animation-timing-function:linear;
}

@keyframes vs07{
    0%{transform:rotate(0deg);}
	50%{transform:rotate(-20deg); top:490px;}
}

.vs08{
	display:block;
	width:69px;
	height:48px;
	position:absolute;
	z-index:10;
	top:1000px;
	left:-50px;
	background:url("../img/voice_s_04.png") 0 0 no-repeat;
	animation:vs08 5s infinite;
	animation-direction:alternate;
	animation-timing-function:ease-in-out;
}

@keyframes vs08{
    0%{transform:rotate(0deg);}
	40%{transform:rotate(20deg); top:800px; left:-10px;}
}*/



/* Zボイスエフェクト
--------------------------------------------------
#zettonVoice{
	width:980px;
	margin:0 auto 0 auto;
	position:relative;
}

.vz01{
	display:block;
	width:89px;
	height:75px;
	position:absolute;
	z-index:10;
	top:270px;
	left:0px;
	background:url("../img/voice_z_01.png") center center no-repeat;
	animation:vz01 4s infinite;
	animation-direction:normal;
	animation-timing-function:linear;
}

@keyframes vz01{
    0%{opacity:0;}
	50%{width:0; height:0; background-size:0; opacity:0;}
	80%{width:89px; height:75px; background-size:100%; opacity:1;}
	90%{width:89px; height:75px; background-size:100%; opacity:1;}
	100%{opacity:0;}
}

.vz02{
	display:block;
	width:44px;
	height:32px;
	position:absolute;
	z-index:10;
	top:410px;
	left:95px;
	background:url("../img/voice_z_02.png") center center no-repeat;
	animation:vz02 4s infinite;
	animation-direction:normal;
	animation-timing-function:linear;
	animation-delay:0.2s;
}

@keyframes vz02{
    0%{opacity:0;}
	50%{width:0; height:0; background-size:0; opacity:0;}
	80%{width:44px; height:32px; background-size:100%; opacity:1;}
	90%{width:44px; height:32px; background-size:100%; opacity:1;}
	100%{opacity:0;}
}

.vz03{
	display:block;
	width:59px;
	height:44px;
	position:absolute;
	z-index:10;
	top:310px;
	left:410px;
	background:url("../img/voice_z_03.png") center center no-repeat;
	animation:vz03 4s infinite;
	animation-direction:normal;
	animation-timing-function:linear;
	animation-delay:0.4s;
}

@keyframes vz03{
	0%{opacity:0;}
	50%{width:0; height:0; background-size:0; opacity:0;}
	80%{width:59px; height:44px; background-size:100%; opacity:1;}
	90%{width:59px; height:44px; background-size:100%; opacity:1;}
	100%{opacity:0;}
}

.vz04{
	display:block;
	width:37px;
	height:33px;
	position:absolute;
	z-index:10;
	top:470px;
	left:600px;
	background:url("../img/voice_z_04.png") center center no-repeat;
	animation:vz04 4s infinite;
	animation-direction:normal;
	animation-timing-function:linear;
	animation-delay:0.6s;
}

@keyframes vz04{
    0%{opacity:0;}
	50%{width:0; height:0; background-size:0; opacity:0;}
	80%{width:37px; height:33px; background-size:100%; opacity:1;}
	90%{width:37px; height:33px; background-size:100%; opacity:1;}
	100%{opacity:0;}
}

.vz05{
	display:block;
	width:42px;
	height:42px;
	position:absolute;
	z-index:10;
	top:125px;
	left:890px;
	background:url("../img/voice_z_05.png") center center no-repeat;
	animation:vz05 4s infinite;
	animation-direction:normal;
	animation-timing-function:linear;
	animation-delay:0.8s;
}

@keyframes vz05{
	0%{opacity:0;}
	50%{width:0; height:0; background-size:0; opacity:0;}
	80%{width:42px; height:42px; background-size:100%; opacity:1;}
	90%{width:42px; height:42px; background-size:100%; opacity:1;}
	100%{opacity:0;}
}

.vz06{
	display:block;
	width:89px;
	height:75px;
	position:absolute;
	z-index:10;
	top:500px;
	right:50px;
	background:url("../img/voice_z_01.png") center center no-repeat;
	animation:vz06 3s infinite;
	animation-direction:normal;
	animation-timing-function:linear;
}

@keyframes vz06{
    0%{opacity:0;}
	50%{width:0; height:0; background-size:0; opacity:0;}
	80%{width:89px; height:75px; background-size:100%; opacity:1;}
	90%{width:89px; height:75px; background-size:100%; opacity:1;}
	100%{opacity:0;}
}

.vz07{
	display:block;
	width:44px;
	height:32px;
	position:absolute;
	z-index:10;
	top:580px;
	right:-50px;
	background:url("../img/voice_z_02.png") center center no-repeat;
	animation:vz07 3s infinite;
	animation-direction:normal;
	animation-timing-function:linear;
	animation-delay:0.2s;
}

@keyframes vz07{
    0%{opacity:0;}
	50%{width:0; height:0; background-size:0; opacity:0;}
	80%{width:44px; height:32px; background-size:100%; opacity:1;}
	90%{width:44px; height:32px; background-size:100%; opacity:1;}
	100%{opacity:0;}
}

.vz08{
	display:block;
	width:59px;
	height:44px;
	position:absolute;
	z-index:10;
	top:800px;
	right:50px;
	background:url("../img/voice_z_03.png") center center no-repeat;
	animation:vz08 3s infinite;
	animation-direction:normal;
	animation-timing-function:linear;
	animation-delay:0.4s;
}

@keyframes vz08{
	0%{opacity:0;}
	50%{width:0; height:0; background-size:0; opacity:0;}
	80%{width:59px; height:44px; background-size:100%; opacity:1;}
	90%{width:59px; height:44px; background-size:100%; opacity:1;}
	100%{opacity:0;}
}

.vz09{
	display:block;
	width:37px;
	height:33px;
	position:absolute;
	z-index:10;
	top:620px;
	right:400px;
	background:url("../img/voice_z_04.png") center center no-repeat;
	animation:vz09 3s infinite;
	animation-direction:normal;
	animation-timing-function:linear;
	animation-delay:0.6s;
}

@keyframes vz09{
    0%{opacity:0;}
	50%{width:0; height:0; background-size:0; opacity:0;}
	80%{width:37px; height:33px; background-size:100%; opacity:1;}
	90%{width:37px; height:33px; background-size:100%; opacity:1;}
	100%{opacity:0;}
}

.vz10{
	display:block;
	width:42px;
	height:42px;
	position:absolute;
	z-index:10;
	top:650px;
	left:100px;
	background:url("../img/voice_z_05.png") center center no-repeat;
	animation:vz10 3s infinite;
	animation-direction:normal;
	animation-timing-function:linear;
	animation-delay:0.8s;
}

@keyframes vz10{
	0%{opacity:0;}
	50%{width:0; height:0; background-size:0; opacity:0;}
	80%{width:42px; height:42px; background-size:100%; opacity:1;}
	90%{width:42px; height:42px; background-size:100%; opacity:1;}
	100%{opacity:0;}
}

.b1{background:url("../img/voice_z_01b.png") center center no-repeat;}
.b2{background:url("../img/voice_z_02b.png") center center no-repeat;}
.b3{background:url("../img/voice_z_03b.png") center center no-repeat;}
.b4{background:url("../img/voice_z_04b.png") center center no-repeat;}
.b5{background:url("../img/voice_z_05b.png") center center no-repeat;}*/