@charset "utf-8";
/* CSS Document */
/* =============================================================================
でぃーえる農場
================================================================================ */

/*
	画面外
		- タイトル
		- ヘルプボタン
		- ポップアップガイド

	画面内
		- ログイン時初期表示
		- 非ログイン時表示
		- ポイントゲット表示
		- その他メッセージ
		- レアリティアイコン
		- 水やり
		- 植物名
		- 季節の背景
		- デフォルト植物
		- 季節の植物
		- 抽選済み表示（はずれ）
		- 抽選済み表示（アタリ）
		- エラー表示
*/

/* =============================================================================
画面外
================================================================================ */
div#dl_farm{
  position: relative;
  background: #eff1f7;
  border: 1px solid #53617f;
  padding: 0 5px 10px;
  width: 148px;
  border-radius: 5px;
}

div#dl_farm.girls{background: #EFE6DF; border: 1px solid #79615F;}/* girls */
div#dl_farm.gay{background: #f1f1f1; border: 1px solid #5D6469;}/* gay */

/* タイトル
--------------------------------------------------------- */
div.left_module h3.dl_farm_title{
  background: url(../../images/event/dl_farm/title_01.png) no-repeat 0 0;
  display: block;
  width: 123px;
  height: 0;
  padding-top: 21px;
  overflow: hidden;
  margin: 10px 0;
}

div.left_module.girls h3.dl_farm_title{background-position: 0 -22px;}/* girls */
div.left_module.gay h3.dl_farm_title{background-position: 0 -44px;}/* gay */

div.left_module.eng h3.dl_farm_title,
div.left_module.ecchieng h3.dl_farm_title,
div.left_module.gayeng h3.dl_farm_title{background-position: 0 -66px;}/* eng */

div#dl_farm div.left_module_content{border: none;}

/* ヘルプボタン
--------------------------------------------------------- */
a.dl_farm_help{
  display: block;
  background: url(../../images/event/dl_farm/icon_01.png) no-repeat 0 0;
  width: 16px;
  height: 0;
  padding-top: 17px;
  line-height: 17px;
  overflow: hidden;
  position: absolute;
  top: 14px;
  right: 5px;
  cursor: pointer;
}

a.dl_farm_help:hover{background-position: 0 -17px;}

/* 女性 */
.girls a.dl_farm_help{background-position: 0 -34px;}
.girls a.dl_farm_help:hover{background-position: 0 -51px;}

/* ゲイ */
.gay a.dl_farm_help{background-position: 0 -68px;}
.gay a.dl_farm_help:hover{background-position: 0 -85px;}

/* ポップアップガイド
--------------------------------------------------------- */
div#dl_farm .popup_box{
  display: none;
  position: absolute;
  top: 20px;
  left: 145px;
  width: 344px;
  color: #333;
  border: 1px solid #536280;
  background: #fff;
  filter: progid:DXImageTransform.microsoft.dropshadow(color=#999999,offx=3,offy=2,positive=1);
  z-index: 4000;
}

div#dl_farm.girls .popup_box{border: 1px solid #79615F;}
div#dl_farm.gay .popup_box{border: 1px solid #5d6469;}

div#dl_farm .popup_title{
  position: relative;
  color: #fff;
  font-weight: bold;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  background-color: #607194;
}

div#dl_farm.girls .popup_title{background-color: #BCA49F;}
div#dl_farm.gay .popup_title{background-color: #696969;}

div#dl_farm p.popup_close_button{
  position: absolute;
  top: 8px;
  right: 8px;
  width: 13px;
  height: 13px;
}

div#dl_farm p.popup_close_button a{
  display: block;
  text-indent: -9999px;
  width: 13px;
  height: 13px;
  font-size: 12px;
  cursor: pointer;
  background: url(../../images/web/home/icon_setting_shut.gif) left bottom no-repeat;
}

div#dl_farm.girls p.popup_close_button a{background: url(../../images/web/girls/icon_setting_shut.gif) left bottom no-repeat;}
div#dl_farm.gay p.popup_close_button a{background: url(../../images/web/gay/icon_setting_shut.gif) left bottom no-repeat;}

div#dl_farm .popup_body{padding: 0 10px 10px;}

div#dl_farm .popup_body strong{
  display: block;
  color: #333;
  font-size: 12px;
  margin: 10px 0 5px;
}

div#dl_farm .popup_body p{
  font-size: 11px;
  line-height: 1.2;
  margin: 0 0 5px;
}

div#dl_farm p.keyword_example{
  line-height: 1.5;
  padding: 5px 10px 10px;
  margin: 0;
  background: #f2f2f2;
}

div#dl_farm div#dl_farm_help_list table{margin: 2px 0 5px;}

div#dl_farm div#dl_farm_help_list table tr td{
  font-size: 11px;
  line-height: 1.2;
  padding: 0 10px 2px 0;
}


/* =============================================================================
画面内
================================================================================ */
div.dl_farm_main{
  border: solid 1px #53617F;
  width: 146px;
  height: 180px;
  position: relative;
  overflow: hidden;
}

.girls div.dl_farm_main{border: solid 1px #79615F;}/* girls */
.gay div.dl_farm_main{border: solid 1px #5D6469;}/* gay */

.logged_in div.dl_farm_main{cursor: pointer;}

/* ログイン時初期表示
--------------------------------------------------------- */
div.message_box_01{
  position: absolute;
  background: url(../../images/event/dl_farm/txt_message_01.png) no-repeat 0 0;
  background-size: 280px 240px;
  z-index: 800;
}

.logged_in div.message_box_01{
  top: 3px;
  left: 3px;
  width: 140px;
  height: 60px;
}

/* 英語表記 */
div[class*="eng"].logged_in div.message_box_01{background-position: -140px 0;}

div.message_box_01 a.btn_login{display: none;}

.logged_in div.message_box_01:before,
.logged_in div.message_box_01:after{
  content: "";
  display: block;
  background: url(../../images/event/dl_farm/icon_01.png) no-repeat 0 -204px;
  width: 12px;
  height: 15px;
  position: absolute;
  top: 40px;
  -webkit-animation: arrow 1s steps(2) 0s infinite both;
  animation: arrow 1s steps(2) 0s infinite both;
}

.logged_in div.message_box_01:before{left: 25px;}
.logged_in div.message_box_01:after{right: 25px;}

@-webkit-keyframes arrow{
  0%	{-webkit-transform: translate(0,0);}
  100%{-webkit-transform: translate(0,3px);}
}

@keyframes arrow{
  0%	{transform: translate(0,0);}
  100%{transform: translate(0,3px);}
}

div[class*="type"].logged_in div.message_box_01:before,
div[class*="type"].logged_in div.message_box_01:after{display: none;}

/* 非ログイン時表示
--------------------------------------------------------- */
.logout div.message_box_01{
  background: rgba(0,0,0,0.6);
  background: none\9;/* for IE9 and below */
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);/* for IE8 and below */
  width: 146px;
  height: 180px;
}

/* for IE9 */
.logout div.message_box_01:not(:target) {
  background: rgba(0,0,0,0.6);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#00000000,EndColorStr=#00000000);
}

/* for IE10 and above */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
  .logout div.message_box_01:not(:target){
    background: rgba(0,0,0,0.6);
  }
}

.logout div.message_box_01:before{
  content: "";
  display: block;
  background: url(../../images/event/dl_farm/txt_message_01.png) no-repeat 0 -200px;
  background-size: 280px 240px;
  width: 140px;
  height: 40px;
  position: absolute;
  top: 15px;
  left: 4px;
}

/* 英語表記 */
div[class*="eng"].logout div.message_box_01:before{background-position: -140px -206px;}

.logout div.message_box_01:after{
  content: "でぃーえる農場で遊ぶにはログインする必要があります。";
  display: block;
  font-size: 12px;
  text-shadow: 1px 1px 1px #000;
  width: 136px;
  padding: 0 5px;
  position: absolute;
  top: 58px;
  left: 0;
  color: #fff;
  line-height: 1.5;
}

/* 英語表記 */
div[class*="eng"].logout div.message_box_01:after{content: "Please log in to play DL Farm.";}

/*----- ログインボタン -----*/
div.message_box_01 a.btn_login{
  display: none;
  background: url(../../images/event/dl_farm/btn_01.png) no-repeat 0 0;
  position: absolute;
  width: 140px;
  height: 0;
  padding-top: 36px;
  overflow: hidden;
  bottom: 15px;
  left: 3px;
}

div.message_box_01 a.btn_login:hover{background-position: -140px 0;}

/* 女性 */
.girls div.message_box_01 a.btn_login{background-position: 0 -36px;}
.girls div.message_box_01 a.btn_login:hover{background-position: -140px -36px;}

/* ゲイ */
.gay div.message_box_01 a.btn_login{background-position: 0 -72px;}
.gay div.message_box_01 a.btn_login:hover{background-position: -140px -72px;}

/* eng */
.eng div.message_box_01 a.btn_login,
.ecchieng div.message_box_01 a.btn_login,
.gayeng div.message_box_01 a.btn_login{background-position: 0 -108px;}

.eng div.message_box_01 a.btn_login:hover,
.ecchieng div.message_box_01 a.btn_login:hover,
.gayeng div.message_box_01 a.btn_login:hover{background-position: -140px -108px;}

.logout div.message_box_01 a.btn_login{display: block;}

/* ポイントゲット表示
--------------------------------------------------------- */
div.message_box_02{
  display: none;
  position: absolute;
  width: 140px;
  height: 25px;
  bottom: 3px;
  left: 3px;
  z-index: 800;
  background: url(../../images/event/dl_farm/txt_message_01.png) no-repeat 0 -100px;
  background-size: 280px 240px;
  -webkit-animation: bounceInUp 1s ease 3.8s 1 both;
  animation: bounceInUp 1s ease 3.8s 1 both;
}

.type_02 div.message_box_02,
.type_05 div.message_box_02,
.type_08 div.message_box_02,
.type_11 div.message_box_02{background-position: 0 -150px;}/* 1ポイント */

.type_03 div.message_box_02,
.type_06 div.message_box_02,
.type_09 div.message_box_02,
.type_12 div.message_box_02,
.type_14 div.message_box_02{background-position: 0 -125px;}/* 10ポイント */

.type_04 div.message_box_02,
.type_07 div.message_box_02,
.type_10 div.message_box_02,
.type_13 div.message_box_02,
.type_15 div.message_box_02{background-position: 0 -100px;}/* 100ポイント */

div[class*="eng"].type_02 div.message_box_02,
div[class*="eng"].type_05 div.message_box_02,
div[class*="eng"].type_08 div.message_box_02,
div[class*="eng"].type_11 div.message_box_02{background-position: -140px -150px;}/* 英語 1ポイント */

div[class*="eng"].type_03 div.message_box_02,
div[class*="eng"].type_06 div.message_box_02,
div[class*="eng"].type_09 div.message_box_02,
div[class*="eng"].type_12 div.message_box_02,
div[class*="eng"].type_14 div.message_box_02{background-position: -140px -125px;}/* 英語 10ポイント */

div[class*="eng"].type_04 div.message_box_02,
div[class*="eng"].type_07 div.message_box_02,
div[class*="eng"].type_10 div.message_box_02,
div[class*="eng"].type_13 div.message_box_02,
div[class*="eng"].type_15 div.message_box_02{background-position: -140px -100px;}/* 英語 100ポイント */

div[class*="type"] div.message_box_02{display: block;}

@-webkit-keyframes bounceInUp{
  0%		{-webkit-transform: translateY(2000px);}
  40%		{-webkit-transform: translateY(-30px);}
  60%		{-webkit-transform: translateY(0);}
  70%		{-webkit-transform: translateY(-5px);}
  80%,100%{-webkit-transform: translateY(0);}
}

@keyframes bounceInUp{
  0%		{transform: translateY(2000px);}
  40%		{transform: translateY(-30px);}
  60%		{transform: translateY(0);}
  70%		{transform: translateY(-5px);}
  80%,100%{transform: translateY(0);}
}

/*----- Twitterボタン -----*/
div.message_box_02 a{
  display: none;
  width: 16px;
  height: 0;
  padding-top: 16px;
  line-height: 16px;
  overflow: hidden;
  background: url(../../images/event/dl_farm/icon_01.png) no-repeat 0 -118px;
  position: absolute;
  bottom: 4px;
}

.type_02 div.message_box_02 a,
.type_05 div.message_box_02 a,
.type_08 div.message_box_02 a,
.type_11 div.message_box_02 a{right: 18px;}/* 1ポイント */

.type_03 div.message_box_02 a,
.type_06 div.message_box_02 a,
.type_09 div.message_box_02 a,
.type_12 div.message_box_02 a,
.type_14 div.message_box_02 a{right: 12px;}/* 10ポイント */

.type_04 div.message_box_02 a,
.type_07 div.message_box_02 a,
.type_10 div.message_box_02 a,
.type_13 div.message_box_02 a,
.type_15 div.message_box_02 a{right: 8px;}/* 100ポイント */


div[class*="eng"].type_04 div.message_box_02 a,
div[class*="eng"].type_07 div.message_box_02 a,
div[class*="eng"].type_10 div.message_box_02 a,
div[class*="eng"].type_13 div.message_box_02 a,
div[class*="eng"].type_15 div.message_box_02 a{right: 5px;}/* 英語 100ポイント */

div.message_box_02 a:hover:after{
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: rgba(255,255,255,0.3);
  position: absolute;
  top: 0;
  left: 0;
}

div[class*="type"] div.message_box_02 a{display: block;}
div.type_01 div.message_box_02 a{display: none;}

/* その他メッセージ
--------------------------------------------------------- */
.type_01 div.message_box_02{background-position: 0 -175px;}/* また明日来てね */
div[class*="eng"].type_01 div.message_box_02{background-position: -140px -175px; height: 31px;}/* 英語 また明日来てね */


/* レアリティアイコン
--------------------------------------------------------- */
p.rarity_icon{
  display: none;
  position: absolute;
  bottom: 70px;
  right: 0;
  width: 50px;
  height: 44px;
  background: url(../../images/event/dl_farm/pic_rarity_01.png) no-repeat 0 0;
  background-size: 50px 324px;
  z-index: 400;
  -webkit-animation: spinIn 0.5s ease 4.2s 1 both;
  animation: spinIn 0.5s ease 4.2s 1 both;
}

.type_02 p.rarity_icon,
.type_05 p.rarity_icon,
.type_08 p.rarity_icon,
.type_11 p.rarity_icon{background-position: 0 0;}/* 並レア */

.type_03 p.rarity_icon,
.type_06 p.rarity_icon,
.type_09 p.rarity_icon,
.type_12 p.rarity_icon,
.type_14 p.rarity_icon{background-position: 0 -44px;}/* 超レア */

.type_04 p.rarity_icon,
.type_07 p.rarity_icon,
.type_10 p.rarity_icon,
.type_13 p.rarity_icon,
.type_15 p.rarity_icon{background-position: 0 -88px;}/* 激レア */

div[class*="eng"].type_02 p.rarity_icon,
div[class*="eng"].type_05 p.rarity_icon,
div[class*="eng"].type_08 p.rarity_icon,
div[class*="eng"].type_11 p.rarity_icon{background-position: 0 -132px;}/* 英語 並レア */

div[class*="eng"].type_03 p.rarity_icon,
div[class*="eng"].type_06 p.rarity_icon,
div[class*="eng"].type_09 p.rarity_icon,
div[class*="eng"].type_12 p.rarity_icon,
div[class*="eng"].type_14 p.rarity_icon{background-position: 0 -176px;}/* 英語 超レア */

div[class*="eng"].type_04 p.rarity_icon,
div[class*="eng"].type_07 p.rarity_icon,
div[class*="eng"].type_10 p.rarity_icon,
div[class*="eng"].type_13 p.rarity_icon,
div[class*="eng"].type_15 p.rarity_icon{background-position: 0 -220px;}/* 英語 激レア */

@-webkit-keyframes spinIn{
  0%	{-webkit-transform: scale(2) rotate(-720deg); opacity: 0;}
  80%	{-webkit-transform: scale(0.9) rotate(10deg); opacity: 1;}
  100%{-webkit-transform: scale(1) rotate(0); opacity: 1;}
}

@keyframes spinIn{
  0%	{transform: scale(2) rotate(-720deg); opacity: 0;}
  80%	{transform: scale(0.9) rotate(10deg); opacity: 1;}
  100%{transform: scale(1) rotate(0); opacity: 1;}
}

div[class*="type"] p.rarity_icon{display: block;}

/* ドクロマーク */
div.type_01 p.rarity_icon{
  background-position: 0 -264px;
  height: 60px;
  right: auto;
  left: 5px;
  display: none;
}


/* 水やり
--------------------------------------------------------- */
.lottery_switch_wrap{
  background: rgba(255,255,255,0);
  width: 146px;
  height: 180px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 700;
  -webkit-animation: lottery_switch_01 4s ease 0s 1 both;
  animation: lottery_switch_01 4s ease 0s 1 both;
}

@-webkit-keyframes lottery_switch_01{
  0%,60%	{background: rgba(255,255,255,0);}
  75%,80%	{background: rgba(255,255,255,1);}
  100%	{background: rgba(255,255,255,0);}
}

@keyframes lottery_switch_01{
  0%,60%	{background: rgba(255,255,255,0);}
  75%,80%	{background: rgba(255,255,255,1);}
  100%	{background: rgba(255,255,255,0);}
}

div[class*="type"] .lottery_switch_wrap{
  display: block;
  display: none\9;/* for IE9 and below */
}

/* for IE10 and above */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
  div[class*="type"] .lottery_switch_wrap:not(:target){display: block;}
}

/*----- キャラクター -----*/
.lottery_switch_01,
.lottery_switch_02{
  display: block;
  position: absolute;
  background: url(../../images/event/dl_farm/pic_chara_01.png) no-repeat 0 0;
  background-size: 190px 110px;
  width: 95px;
  height: 110px;
  bottom: 20px;
  opacity: 0;
}

.lottery_switch_01{left: -25px;}

div[class*="type"] .lottery_switch_01{
  -webkit-animation: lottery_switch_02 4s ease 0s 1 both;
  animation: lottery_switch_02 4s ease 0s 1 both;
}

@-webkit-keyframes lottery_switch_02{
  0%		{-webkit-transform: translate(-200px, 0); opacity: 0;}
  20%,25%	{-webkit-transform: translate(0, 0); opacity: 1;}
  28%		{-webkit-transform: translate(0, -2px);}
  31%		{-webkit-transform: translate(0, 0);}
  34%		{-webkit-transform: translate(0, -2px);}
  37%,60%	{-webkit-transform: translate(0, 0); opacity: 1;}
  80%,100%{-webkit-transform: translate(-200px, 0); opacity: 0;}
}

@keyframes lottery_switch_02{
  0%		{transform: translate(-200px, 0); opacity: 0;}
  20%,25%	{transform: translate(0, 0); opacity: 1;}
  28%		{transform: translate(0, -2px);}
  31%		{transform: translate(0, 0);}
  34%		{transform: translate(0, -2px);}
  37%,60%	{transform: translate(0, 0); opacity: 1;}
  80%,100%{transform: translate(-200px, 0); opacity: 0;}
}

.lottery_switch_02{
  background-position: -95px 0;
  right: -35px;
}

div[class*="type"] .lottery_switch_02{
  -webkit-animation: lottery_switch_03 4s ease 0s 1 both;
  animation: lottery_switch_03 4s ease 0s 1 both;
}

@-webkit-keyframes lottery_switch_03{
  0%		{-webkit-transform: translate(200px, 0); opacity: 0;}
  20%,37%	{-webkit-transform: translate(0, 0); opacity: 1;}
  40%		{-webkit-transform: translate(0, -2px);}
  43%		{-webkit-transform: translate(0, 0);}
  46%		{-webkit-transform: translate(0, -2px);}
  49%,60%	{-webkit-transform: translate(0, 0); opacity: 1;}
  80%,100%{-webkit-transform: translate(200px, 0); opacity: 0;}
}

@keyframes lottery_switch_03{
  0%		{transform: translate(200px, 0); opacity: 0;}
  20%,37%	{transform: translate(0, 0); opacity: 1;}
  40%		{transform: translate(0, -2px);}
  43%		{transform: translate(0, 0);}
  46%		{transform: translate(0, -2px);}
  49%,60%	{transform: translate(0, 0); opacity: 1;}
  80%,100%{transform: translate(200px, 0); opacity: 0;}
}


/* 植物名
--------------------------------------------------------- */
div[class*="type"] div.message_box_01{
  display: block;
  background: url(../../images/event/dl_farm/txt_plant_01.png) no-repeat 0 0;
  background-size: 280px 400px;
  width: 140px;
  height: 40px;
  top: 3px;
  left: 3px;
  -webkit-animation: bounceInDown 1s ease 3.8s 1 both;
  animation: bounceInDown 1s ease 3.8s 1 both;
}

@-webkit-keyframes bounceInDown{
  0%		{-webkit-transform: translateY(-2000px);}
  40%		{-webkit-transform: translateY(30px);}
  60%		{-webkit-transform: translateY(0);}
  70%		{-webkit-transform: translateY(5px);}
  80%,100%{-webkit-transform: translateY(0);}
}

@keyframes bounceInDown{
  0%		{transform: translateY(-2000px);}
  40%		{transform: translateY(30px);}
  60%		{transform: translateY(0);}
  70%		{transform: translateY(5px);}
  80%,100%{transform: translateY(0);}
}

/* はずれ表示 */
div.type_01 div.message_box_01{
  background: url(../../images/event/dl_farm/txt_message_01.png) no-repeat 0 -60px;
  background-size: 280px 240px;
  -webkit-transform-origin: 141px 3px;
  transform-origin: 141px 3px;
  -webkit-animation: bounceInDownLose 3s ease-in-out 3.8s 1 both;
  animation: bounceInDownLose 3s ease-in-out 3.8s 1 both;
}

div[class*="eng"].type_01 div.message_box_01{background-position: -140px -60px;}/* 英語 はずれ */

@-webkit-keyframes bounceInDownLose{
  0%	{-webkit-transform: translateY(-2000px);}
  15%	{-webkit-transform: translateY(30px);}
  20%	{-webkit-transform: translateY(0);}
  23%	{-webkit-transform: translateY(5px);}
  26%	{-webkit-transform: translateY(0);}
  70%	{-webkit-transform: rotate(0);}
  75%	{-webkit-transform: rotate(-80deg);}
  80%	{-webkit-transform: rotate(-60deg);}
  85%	{-webkit-transform: rotate(-80deg);}
  88%	{-webkit-transform: rotate(-70deg);}
  91%	{-webkit-transform: rotate(-80deg);}
  94%	{-webkit-transform: rotate(-75deg);}
  97%	{-webkit-transform: rotate(-80deg);}
  100%{-webkit-transform: rotate(-78deg);}
}

@keyframes bounceInDownLose{
  0%	{transform: translateY(-2000px);}
  15%	{transform: translateY(30px);}
  20%	{transform: translateY(0);}
  23%	{transform: translateY(5px);}
  26%	{transform: translateY(0);}
  70%	{transform: rotate(0);}
  75%	{transform: rotate(-80deg);}
  80%	{transform: rotate(-60deg);}
  85%	{transform: rotate(-80deg);}
  88%	{transform: rotate(-70deg);}
  91%	{transform: rotate(-80deg);}
  94%	{transform: rotate(-75deg);}
  97%	{transform: rotate(-80deg);}
  100%{transform: rotate(-78deg);}
}

div.type_04 div.message_box_01,
div.type_07 div.message_box_01,
div.type_10 div.message_box_01,
div.type_13 div.message_box_01,
div.type_15 div.message_box_01{background-position: 0 0;}/* ZIPたん */

div[class*="eng"].type_04 div.message_box_01,
div[class*="eng"].type_07 div.message_box_01,
div[class*="eng"].type_10 div.message_box_01,
div[class*="eng"].type_13 div.message_box_01,
div[class*="eng"].type_15 div.message_box_01{background-position: -140px 0;}/* 英語 ZIPたん */

div.type_02 div.message_box_01{background-position: 0 -40px;}/* タンポポ */
div[class*="eng"].type_02 div.message_box_01{background-position: -140px -40px;}/* 英語 タンポポ */

div.type_03 div.message_box_01{background-position: 0 -80px;}/* いちごショート */
div[class*="eng"].type_03 div.message_box_01{background-position: -140px -80px;}/* 英語 いちごショート */

div.type_05 div.message_box_01{background-position: 0 -120px;}/* ひまわり */
div[class*="eng"].type_05 div.message_box_01{background-position: -140px -120px;}/* 英語 ひまわり */

div.type_06 div.message_box_01{background-position: 0 -160px;}/* かき氷 */
div[class*="eng"].type_06 div.message_box_01{background-position: -140px -160px;}/* 英語 かき氷 */

div.type_08 div.message_box_01{background-position: 0 -200px;}/* コスモス */
div[class*="eng"].type_08 div.message_box_01{background-position: -140px -200px;}/* 英語 コスモス */

div.type_09 div.message_box_01{background-position: 0 -240px;}/* さんま */
div[class*="eng"].type_09 div.message_box_01{background-position: -140px -240px;}/* 英語 さんま */

div.type_11 div.message_box_01{background-position: 0 -280px;}/* 梅 */
div[class*="eng"].type_11 div.message_box_01{background-position: -140px -280px;}/* 英語 梅 */

div.type_12 div.message_box_01{background-position: 0 -320px;}/* カニ鍋 */
div[class*="eng"].type_12 div.message_box_01{background-position: -140px -320px;}/* 英語 カニ鍋 */

div.type_14 div.message_box_01{background-position: 0 -360px;}/* クリスマスツリー */
div[class*="eng"].type_14 div.message_box_01{background-position: -140px -360px;}/* 英語 クリスマスツリー */

/* 季節の背景
--------------------------------------------------------- */
/*----- 最背面 -----*/
.spring_01 div.dl_farm_main{background: url(../../images/event/dl_farm/bg_spring_01.png) no-repeat 0 0; background-size: 438px 180px;}
.summer_01 div.dl_farm_main{background: url(../../images/event/dl_farm/bg_summer_01.png) no-repeat 0 0; background-size: 438px 180px;}
.autumn_01 div.dl_farm_main{background: url(../../images/event/dl_farm/bg_autumn_01.png) no-repeat 0 0; background-size: 438px 180px;}
.winter_01 div.dl_farm_main{background: url(../../images/event/dl_farm/bg_winter_01.png) no-repeat 0 0; background-size: 438px 180px;}
.winter_02 div.dl_farm_main{background: url(../../images/event/dl_farm/bg_winter_02.png) no-repeat 0 0; background-size: 438px 180px;}

/*----- 放射状背景 -----*/
p.lottery_bg i{
  display: block;
  background: url(../../images/event/dl_farm/bg_radial_01.png) no-repeat 0 0;
  width: 400px;
  height: 400px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -200px;
  -webkit-animation: radialSpin 1s linear 0s infinite both;
  animation: radialSpin 1s linear 0s infinite both;
}

.spring_01 p.lottery_bg i{margin-top: -190px;}
.summer_01 p.lottery_bg i{margin-top: -180px;}
.autumn_01 p.lottery_bg i{margin-top: -150px; background-position: -400px 0;}
.winter_01 p.lottery_bg i{margin-top: -200px;}
.winter_02 p.lottery_bg i{margin-top: -140px;}

@-webkit-keyframes radialSpin{
  0%	{-webkit-transform: rotate(0);}
  100%{-webkit-transform: rotate(30deg);}
}

@keyframes radialSpin{
  0%	{transform: rotate(0);}
  100%{transform: rotate(30deg);}
}

div.type_01 p.lottery_bg i{display: none;}

/*----- はずれ暗転 -----*/
div.type_01 p.lottery_bg i{
  display: block;
  background: url(../../images/event/dl_farm/bg_dark_01.png) no-repeat 0 0;
  background-size: 146px 180px;
  width: 146px;
  height: 180px;
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  -webkit-animation: none;
  animation: none;
}

p.lottery_bg{
  position: absolute;
  left: 0;
  top: 0;
  width: 146px;
  height: 180px;
  opacity: 0;
  z-index: 100;
}

div[class*="type"] p.lottery_bg{
  -webkit-animation: fadeIn 0.1s ease 3.2s 1 both;
  animation: fadeIn 0.1s ease 3.2s 1 both;
}

div.type_01 p.lottery_bg{z-index: 300;}

@-webkit-keyframes fadeIn{
  0%	{opacity: 0;}
  100%{opacity: 1;}
}

@keyframes fadeIn{
  0%	{opacity: 0;}
  100%{opacity: 1;}
}

/*----- 真ん中 -----*/
div.dl_farm_main_inner{
  width: 146px;
  height: 180px;
  position: absolute;
  left: 0;
  top: 0;
}

div.dl_farm_main_inner:before{
  content: "";
  display: block;
  width: 146px;
  height: 180px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 200;
}

.spring_01 div.dl_farm_main_inner:before{background: url(../../images/event/dl_farm/bg_spring_01.png) no-repeat -146px 0; background-size: 438px 180px;}
.summer_01 div.dl_farm_main_inner:before{background: url(../../images/event/dl_farm/bg_summer_01.png) no-repeat -146px 0; background-size: 438px 180px;}
.autumn_01 div.dl_farm_main_inner:before{background: url(../../images/event/dl_farm/bg_autumn_01.png) no-repeat -146px 0; background-size: 438px 180px;}
.winter_01 div.dl_farm_main_inner:before{background: url(../../images/event/dl_farm/bg_winter_01.png) no-repeat -146px 0; background-size: 438px 180px;}
.winter_02 div.dl_farm_main_inner:before{background: url(../../images/event/dl_farm/bg_winter_02.png) no-repeat -146px 0; background-size: 438px 180px;}

/*----- 最前面 -----*/
div.dl_farm_main_inner:after{
  content: "";
  display: block;
  width: 146px;
  height: 180px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 600;
}

.spring_01 div.dl_farm_main_inner:after{background: url(../../images/event/dl_farm/bg_spring_01.png) no-repeat -292px 0; background-size: 438px 180px;}
.summer_01 div.dl_farm_main_inner:after{background: url(../../images/event/dl_farm/bg_summer_01.png) no-repeat -292px 0; background-size: 438px 180px;}
.autumn_01 div.dl_farm_main_inner:after{background: url(../../images/event/dl_farm/bg_autumn_01.png) no-repeat -292px 0; background-size: 438px 180px;}
.winter_01 div.dl_farm_main_inner:after{background: url(../../images/event/dl_farm/bg_winter_01.png) no-repeat -292px 0; background-size: 438px 180px;}
.winter_02 div.dl_farm_main_inner:after{background: url(../../images/event/dl_farm/bg_winter_02.png) no-repeat -292px 0; background-size: 438px 180px;}

/* デフォルト植物
--------------------------------------------------------- */
.default_plant{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 146px;
  height: 180px;
  z-index: 500;
}

div[class*="type"] .default_plant{
  display: none\9;/* for IE9 and below */
  -webkit-animation: disappear 0.1s ease 3.2s 1 both;
  animation: disappear 0.1s ease 3.2s 1 both;
}

/* for IE10 and above */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
  div[class*="type"] .default_plant:not(:target){display: block;}
}

@-webkit-keyframes disappear{
  0%	{opacity: 1; z-index: 500;}
  100%{opacity: 0; z-index: -1;}
}

@keyframes disappear{
  0%	{opacity: 1; z-index: 500;}
  100%{opacity: 0; z-index: -1;}
}

.default_plant i{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 146px;
  height: 0;
  padding-top: 180px;
  line-height: 180px;
  overflow: hidden;
  background: url(../../images/event/dl_farm/pic_plant_common_01.png) no-repeat 0 0;
  background-size: 292px 180px;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation: swing 4s ease 0s infinite alternate;
  animation: swing 4s ease 0s infinite alternate;
}

@-webkit-keyframes swing{
  0%	{-webkit-transform: rotate(0deg);}
  50%	{-webkit-transform: rotate(-3deg);}
  100%{-webkit-transform: rotate(3deg);}
}

@keyframes swing{
  0%	{transform: rotate(0deg);}
  50%	{transform: rotate(-3deg);}
  100%{transform: rotate(3deg);}
}

/* 季節の植物
--------------------------------------------------------- */
.grow_plant{
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 146px;
  height: 180px;
  opacity: 0;
  opacity: 1\9;/* for IE9 and below */
  z-index: 500;
}

/* for IE10 and above */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
  .grow_plant:not(:target){opacity: 0;}
}

.type_03 .grow_plant,
.type_06 .grow_plant,
.type_07 .grow_plant,
.type_12 .grow_plant,
.type_15 .grow_plant{z-index: 650;}

div[class*="type"] .grow_plant{
  display: block;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation: appear 0.2s ease 3.6s 1 both;
  animation: appear 0.2s ease 3.6s 1 both;
}

@-webkit-keyframes appear{
  0%	{opacity: 0; -webkit-transform: scale(0);}
  60%	{opacity: 1; -webkit-transform: scale(1.1);}
  100%{opacity: 1; -webkit-transform: scale(1);}
}

@keyframes appear{
  0%	{opacity: 0; transform: scale(0);}
  60%	{opacity: 1; transform: scale(1.1);}
  100%{opacity: 1; transform: scale(1);}
}

.grow_plant i{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 146px;
  height: 0;
  padding-top: 180px;
  line-height: 180px;
  overflow: hidden;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation: swing 4s ease 0s infinite alternate;
  animation: swing 4s ease 0s infinite alternate;
}

/*----- はずれ 枯れ草 -----*/
.type_01 .grow_plant i{
  background: url(../../images/event/dl_farm/pic_plant_common_01.png) no-repeat -146px 0;
  background-size: 292px 180px;
}

/*----- たんぽぽ -----*/
.type_02 .grow_plant i{
  background: url(../../images/event/dl_farm/pic_plant_spring_01.png) no-repeat 0 0;
  background-size: 584px 180px;
}

/*----- いちごショート -----*/
.type_03 .grow_plant i{
  background: url(../../images/event/dl_farm/pic_plant_spring_01.png) no-repeat -146px 0;
  background-size: 584px 180px;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation: type_03 1.5s ease 0s infinite both;
  animation: type_03 1.5s ease 0s infinite both;
}

@-webkit-keyframes type_03{
  0%,1%		{-webkit-transform: scale(0.9,0.9) skew(0, 0) translate(0, 0);}
  5%,45%		{-webkit-transform: scale(0.9,1.1) skew(10deg, 0) translate(4px, 6px);}
  49.5%,50.5%	{-webkit-transform: scale(0.9,0.9) skew(0, 0) translate(0, 0);}
  55%,95%		{-webkit-transform: scale(0.9,1.1) skew(-10deg, 0) translate(-4px, 6px);}
  99%,100%	{-webkit-transform: scale(0.9,0.9) skew(0, 0) translate(0, 0);}
}

@keyframes type_03{
  0%,1%		{transform: scale(0.9,0.9) skew(0, 0) translate(0, 0);}
  5%,45%		{transform: scale(0.9,1.1) skew(10deg, 0) translate(4px, 6px);}
  49.5%,50.5%	{transform: scale(0.9,0.9) skew(0, 0) translate(0, 0);}
  55%,95%		{transform: scale(0.9,1.1) skew(-10deg, 0) translate(-4px, 6px);}
  99%,100%	{transform: scale(0.9,0.9) skew(0, 0) translate(0, 0);}
}

/*----- 新入生ZIPたん -----*/
.type_04 .grow_plant i{
  background: url(../../images/event/dl_farm/pic_plant_spring_01.png) no-repeat -292px 0;
  background-size: 584px 180px;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation: type_04 0.8s ease 0s infinite both;
  animation: type_04 0.8s ease 0s infinite both;
}

@-webkit-keyframes type_04{
  0%,40%		{background-position: -438px 0; -webkit-transform: scale(0.98);}
  40.001%,45%	{background-position: -292px 0; -webkit-transform: scale(1);}
  50.001%,100%{background-position: -292px 0; -webkit-transform: scale(0.98);}
}

@keyframes type_04{
  0%,40%		{background-position: -438px 0; transform: scale(0.98);}
  40.001%	{background-position: -292px 0; transform: scale(1);}
  50.001%,100%{background-position: -292px 0; transform: scale(0.98);}
}

/*----- ひまわり -----*/
.type_05 .grow_plant i{
  background: url(../../images/event/dl_farm/pic_plant_summer_01.png) no-repeat 0 0;
  background-size: 584px 360px;
}

/*----- かき氷 -----*/
.type_06 .grow_plant i{
  background: url(../../images/event/dl_farm/pic_plant_summer_01.png) no-repeat 0 -180px;
  background-size: 584px 360px;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation: type_06 4s linear 0s infinite both;
  animation: type_06 4s linear 0s infinite both;
}

@-webkit-keyframes type_06{
  0%		{-webkit-transform: translate(0, 3px) scale(1.1); background-position: 0 -180px;}
  1%,25%	{-webkit-transform: translate(0, 0) scale(1); background-position: 0 -180px;}
  25.001%	{-webkit-transform: translate(0, 3px) scale(1.1); background-position: -146px -180px;}
  26%,50%	{-webkit-transform: translate(0, 0) scale(1); background-position: -146px -180px;}
  50.001%	{-webkit-transform: translate(0, 3px) scale(1.1); background-position: -292px -180px;}
  51%,75%	{-webkit-transform: translate(0, 0) scale(1); background-position: -292px -180px;}
  75.001%	{-webkit-transform: translate(0, 3px) scale(1.1); background-position: -438px -180px;}
  76%,100%{-webkit-transform: translate(0, 0) scale(1); background-position: -438px -180px;}
}

@keyframes type_06{
  0%		{transform: translate(0, 3px) scale(1.1); background-position: 0 -180px;}
  1%,25%	{transform: translate(0, 0) scale(1); background-position: 0 -180px;}
  25.001%	{transform: translate(0, 3px) scale(1.1); background-position: -146px -180px;}
  26%,50%	{transform: translate(0, 0) scale(1); background-position: -146px -180px;}
  50.001%	{transform: translate(0, 3px) scale(1.1); background-position: -292px -180px;}
  51%,75%	{transform: translate(0, 0) scale(1); background-position: -292px -180px;}
  75.001%	{transform: translate(0, 3px) scale(1.1); background-position: -438px -180px;}
  76%,100%{transform: translate(0, 0) scale(1); background-position: -438px -180px;}
}

/*----- スイカ割りZIPたん -----*/
.type_07 .grow_plant i{
  background: url(../../images/event/dl_farm/pic_plant_summer_01.png) no-repeat -146px 0;
  background-size: 584px 360px;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation: type_07 3s linear 0s infinite both;
  animation: type_07 3s linear 0s infinite both;
}

@-webkit-keyframes type_07{
  0%,33%		{-webkit-transform: scale(1); background-position: -146px 0;}
  33.001%,66%	{-webkit-transform: scale(1); background-position: -292px 0;}
  66.001%		{-webkit-transform: scale(1.05); background-position: -438px 0;}
  69%,100%	{-webkit-transform: scale(1); background-position: -438px 0;}
}

@keyframes type_07{
  0%,33%		{transform: scale(1); background-position: -146px 0;}
  33.001%,66%	{transform: scale(1); background-position: -292px 0;}
  66.001%		{transform: scale(1.05); background-position: -438px 0;}
  69%,100%	{transform: scale(1); background-position: -438px 0;}
}

/*----- コスモス -----*/
.type_08 .grow_plant i{
  background: url(../../images/event/dl_farm/pic_plant_autumn_01.png) no-repeat 0 0;
  background-size: 584px 360px;
}

/*----- さんま -----*/
.type_09 .grow_plant i{
  background: url(../../images/event/dl_farm/pic_plant_autumn_01.png) no-repeat -146px 0;
  background-size: 584px 360px;
  -webkit-animation: type_09 0.5s ease 0s infinite alternate both;
  animation: type_09 0.5s ease 0s infinite alternate both;
}

@-webkit-keyframes type_09{
  0%,25%		{background-position: -292px 0;}
  25.001%,50%	{background-position: -146px 0;}
  50.001%,75%	{background-position: -292px 0;}
  75.001%,100%{background-position: -438px 0;}
}

@keyframes type_09{
  0%,25%		{background-position: -292px 0;}
  25.001%,50%	{background-position: -146px 0;}
  50.001%,75%	{background-position: -292px 0;}
  75.001%,100%{background-position: -438px 0;}
}

/*----- 腰振りZIPたん -----*/
.type_10 .grow_plant i{
  background: url(../../images/event/dl_farm/pic_plant_autumn_01.png) no-repeat 0 -180px;
  background-size: 584px 360px;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation: type_10 1.6s ease 0s infinite both;
  animation: type_10 1.6s ease 0s infinite both;
}

@-webkit-keyframes type_10{
  0%		{background-position: 0 -180px; -webkit-transform: scale(1);}
  25%		{background-position: 0 -180px; -webkit-transform: scale(0.98);}
  25.001%	{background-position: -146px -180px; -webkit-transform: scale(1);}
  50%		{background-position: -146px -180px; -webkit-transform: scale(0.98);}
  50.001%	{background-position: 0 -180px; -webkit-transform: scale(1);}
  75%		{background-position: 0 -180px; -webkit-transform: scale(0.98);}
  75.001%	{background-position: -292px -180px; -webkit-transform: scale(1);}
  100%	{background-position: -292px -180px; -webkit-transform: scale(0.98);}
}

@keyframes type_10{
  0%		{background-position: 0 -180px; transform: scale(1);}
  25%		{background-position: 0 -180px; transform: scale(0.98);}
  25.001%	{background-position: -146px -180px; transform: scale(1);}
  50%		{background-position: -146px -180px; transform: scale(0.98);}
  50.001%	{background-position: 0 -180px; transform: scale(1);}
  75%		{background-position: 0 -180px; transform: scale(0.98);}
  75.001%	{background-position: -292px -180px; transform: scale(1);}
  100%	{background-position: -292px -180px; transform: scale(0.98);}
}

/* for IE10 and above */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
  .type_10 .grow_plant:not(:target) i{
    animation: type_10_ie 1.6s ease 0s infinite both;
  }
}

@keyframes type_10_ie{
  0%		{background-position: 0 -180px;}
  25%		{background-position: 0 -180px;}
  25.001%	{background-position: -146px -180px;}
  50%		{background-position: -146px -180px;}
  50.001%	{background-position: 0 -180px;}
  75%		{background-position: 0 -180px;}
  75.001%	{background-position: -292px -180px;}
  100%	{background-position: -292px -180px;}
}

/*----- 梅 -----*/
.type_11 .grow_plant i{
  background: url(../../images/event/dl_farm/pic_plant_winter_01.png) no-repeat 0 0;
  background-size: 438px 720px;
}

/*----- カニ鍋 -----*/
.type_12 .grow_plant i{
  background: url(../../images/event/dl_farm/pic_plant_winter_01.png) no-repeat 0 -180px;
  background-size: 438px 720px;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation: type_12 2s ease-in 0s infinite both;
  animation: type_12 2s ease-in 0s infinite both;
}

@-webkit-keyframes type_12{
  0%		{background-position: 0 -180px; -webkit-transform: rotate(0) translate(0, 1px) scale(1.03);}
  2%,25%	{background-position: 0 -180px; -webkit-transform: rotate(0) translate(0, 0) scale(1);}
  25.001%	{background-position: -146px -180px; -webkit-transform: rotate(-1deg) translate(0, 1px) scale(1.03);}
  27%,50%	{background-position: -146px -180px; -webkit-transform: rotate(-1deg) translate(0, 0) scale(1);}
  50.001%	{background-position: 0 -180px; -webkit-transform: rotate(0) translate(0, 1px) scale(1.03);}
  52%,75%	{background-position: 0 -180px; -webkit-transform: rotate(0) translate(0, 0) scale(1);}
  75.001%	{background-position: -296px -180px; -webkit-transform: rotate(1deg) translate(0, 1px) scale(1.03);}
  77%,100%{background-position: -296px -180px; -webkit-transform: rotate(1deg) translate(0, 0) scale(1);}
}

@keyframes type_12{
  0%		{background-position: 0 -180px; transform: rotate(0) translate(0, 1px) scale(1.03);}
  2%,25%	{background-position: 0 -180px; transform: rotate(0) translate(0, 0) scale(1);}
  25.001%	{background-position: -146px -180px; transform: rotate(-1deg) translate(0, 1px) scale(1.03);}
  27%,50%	{background-position: -146px -180px; transform: rotate(-1deg) translate(0, 0) scale(1);}
  50.001%	{background-position: 0 -180px; transform: rotate(0) translate(0, 1px) scale(1.03);}
  52%,75%	{background-position: 0 -180px; transform: rotate(0) translate(0, 0) scale(1);}
  75.001%	{background-position: -296px -180px; transform: rotate(1deg) translate(0, 1px) scale(1.03);}
  77%,100%{background-position: -296px -180px; transform: rotate(1deg) translate(0, 0) scale(1);}
}

/*----- 雪だるまZIPたん -----*/
.type_13 .grow_plant i{
  background: url(../../images/event/dl_farm/pic_plant_winter_01.png) no-repeat -146px -360px;
  background-size: 438px 720px;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation: type_13 1.5s ease 0s infinite both;
  animation: type_13 1.5s ease 0s infinite both;
}

@-webkit-keyframes type_13{
  0%		{background-position: 0 -360px; -webkit-transform: scale(1);}
  25%		{background-position: 0 -360px; -webkit-transform: scale(0.99);}
  25.001%	{background-position: -146px -360px; -webkit-transform: scale(1);}
  50%		{background-position: -146px -360px; -webkit-transform: scale(0.99);}
  50.001%	{background-position: 0 -360px; -webkit-transform: scale(1);}
  75%		{background-position: 0 -360px; -webkit-transform: scale(0.99);}
  75.001%	{background-position: -292px -360px; -webkit-transform: scale(1);}
  100%	{background-position: -292px -360px; -webkit-transform: scale(0.99);}
}

@keyframes type_13{
  0%		{background-position: 0 -360px; transform: scale(1);}
  25%		{background-position: 0 -360px; transform: scale(0.99);}
  25.001%	{background-position: -146px -360px; transform: scale(1);}
  50%		{background-position: -146px -360px; transform: scale(0.99);}
  50.001%	{background-position: 0 -360px; transform: scale(1);}
  75%		{background-position: 0 -360px; transform: scale(0.99);}
  75.001%	{background-position: -292px -360px; transform: scale(1);}
  100%	{background-position: -292px -360px; transform: scale(0.99);}
}

/* for IE10 and above */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
  .type_13 .grow_plant:not(:target) i{
    animation: type_13_ie 1.5s ease 0s infinite both;
  }
}

@keyframes type_13_ie{
  0%		{background-position: 0 -360px;;}
  25%		{background-position: 0 -360px;}
  25.001%	{background-position: -146px -360px;;}
  50%		{background-position: -146px -360px;}
  50.001%	{background-position: 0 -360px;;}
  75%		{background-position: 0 -360px;}
  75.001%	{background-position: -292px -360px;;}
  100%	{background-position: -292px -360px;}
}


/*----- クリスマスツリー -----*/
.type_14 .grow_plant i{
  background: url(../../images/event/dl_farm/pic_plant_winter_01.png) no-repeat -146px 0;
  background-size: 438px 720px;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation: type_14 2s ease-in 0s infinite both;
  animation: type_14 2s ease-in 0s infinite both;
}

@-webkit-keyframes type_14{
  0%		{background-position: -146px 0; -webkit-transform: rotate(0) scale(0.98);}
  5%,45%	{background-position: -146px 0; -webkit-transform: rotate(1deg) scale(1);}
  50%		{background-position: -146px 0; -webkit-transform: rotate(0) scale(0.98);}
  50.001%	{background-position: -292px 0; -webkit-transform: rotate(0) scale(0.98);}
  55%,95%	{background-position: -292px 0; -webkit-transform: rotate(-1deg) scale(1);}
  100%	{background-position: -292px 0; -webkit-transform: rotate(0) scale(0.98);}
}

@keyframes type_14{
  0%		{background-position: -146px 0; transform: rotate(0) scale(0.98);}
  5%,45%	{background-position: -146px 0; transform: rotate(1deg) scale(1);}
  50%		{background-position: -146px 0; transform: rotate(0) scale(0.98);}
  50.001%	{background-position: -292px 0; transform: rotate(0) scale(0.98);}
  55%,95%	{background-position: -292px 0; transform: rotate(-1deg) scale(1);}
  100%	{background-position: -292px 0; transform: rotate(0) scale(0.98);}
}

/*----- サンタZIPたん -----*/
.type_15 .grow_plant i{
  background: url(../../images/event/dl_farm/pic_plant_winter_01.png) no-repeat -146px -540px;
  background-size: 438px 720px;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation: type_15 2s ease 0s infinite both;
  animation: type_15 2s ease 0s infinite both;
}

@-webkit-keyframes type_15{
  0%		{background-position: 0 -540px; -webkit-transform: scale(0.95);}
  8%		{background-position: 0 -540px; -webkit-transform: scale(0.95);}
  8.001%	{background-position: -146px -540px; -webkit-transform: scale(0.95);}
  16%		{background-position: -146px -540px; -webkit-transform: scale(0.95);}
  16.001%	{background-position: 0 -540px; -webkit-transform: scale(0.95);}
  24%		{background-position: 0 -540px; -webkit-transform: scale(0.95);}
  24.001%	{background-position: -146px -540px; -webkit-transform: scale(0.95);}
  32%		{background-position: -146px -540px; -webkit-transform: scale(0.95);}
  32.001%	{background-position: 0 -540px; -webkit-transform: scale(0.95);}
  50%		{background-position: 0 -540px; -webkit-transform: scale(0.95);}
  50.001%	{background-position: -292px -540px; -webkit-transform: scale(1.02);}
  55%		{background-position: -292px -540px; -webkit-transform: scale(0.98);}
  60%		{background-position: -292px -540px; -webkit-transform: scale(1.01);}
  65%		{background-position: -292px -540px; -webkit-transform: scale(0.99);}
  70%,100%{background-position: -292px -540px; -webkit-transform: scale(1);}
}

@keyframes type_15{
  0%		{background-position: 0 -540px; transform: scale(0.95);}
  8%		{background-position: 0 -540px; transform: scale(0.95);}
  8.001%	{background-position: -146px -540px; transform: scale(0.95);}
  16%		{background-position: -146px -540px; transform: scale(0.95);}
  16.001%	{background-position: 0 -540px; transform: scale(0.95);}
  24%		{background-position: 0 -540px; transform: scale(0.95);}
  24.001%	{background-position: -146px -540px; transform: scale(0.95);}
  32%		{background-position: -146px -540px; transform: scale(0.95);}
  32.001%	{background-position: 0 -540px; transform: scale(0.95);}
  50%		{background-position: 0 -540px; transform: scale(0.95);}
  50.001%	{background-position: -292px -540px; transform: scale(1.02);}
  55%		{background-position: -292px -540px; transform: scale(0.98);}
  60%		{background-position: -292px -540px; transform: scale(1.01);}
  65%		{background-position: -292px -540px; transform: scale(0.99);}
  70%,100%{background-position: -292px -540px; transform: scale(1);}
}

/* 抽選済み表示（はずれ）
--------------------------------------------------------- */
div.end div.message_box_01,
div.error div.message_box_01{
  background: rgba(0,0,0,0.6);
  background: none\9;/* for IE9 and below */
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);/* for IE8 and below */
  width: 146px;
  height: 180px;
  top: 0;
  left: 0;
  -webkit-animation: none;
  animation: none;
}

/* for IE9 */
div.end div.message_box_01:not(:target),
div.error div.message_box_01:not(:target){
  background: rgba(0,0,0,0.6);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#00000000,EndColorStr=#00000000);
}

/* for IE10 and above */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
  div.end div.message_box_01:not(:target),
  div.error div.message_box_01:not(:target){
    background: rgba(0,0,0,0.6);
  }
}

div.end div.message_box_01:before,
div.end div.message_box_01:after{
  content: "本日のでぃーえる農場は終了いたしました。";
  display: block;
  font-size: 12px;
  text-shadow: 1px 1px 1px #000;
  width: 136px;
  padding: 0 5px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3em;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}

div.end div.message_box_01:after{
  content: "また明日挑戦してね！";
  margin-top: 1em;
}

div[class*="eng"].end div.message_box_01:before{content: "DL Farm of the day is closed.";}
div[class*="eng"].end div.message_box_01:after{content: "Please try again tomorrow!";}

div.end .grow_plant,
div.end div.message_box_02,
div.end div.dl_farm_main:after,
div.end .lottery_switch_wrap,
div.end p.lottery_bg,
div.end p.rarity_icon{display: none;}

/* 抽選済み表示（アタリ）
--------------------------------------------------------- */
div[class*="type"].end div.message_box_02{
  display: block;
  background-position: 0 -175px;
  bottom: auto;
  top: 3px;
  -webkit-animation: none;
  animation: none;
}

/* 英語表記 */
div[class*="type"][class*="eng"].end div.message_box_02{
  background-position: -140px -175px;
  height: 31px;
}

div[class*="type"].end .grow_plant{
  display: block;
  opacity: 1;
  -webkit-animation: none;
  animation: none;
}

div[class*="type"].end .default_plant,
div[class*="type"].end div.message_box_02 a,
div[class*="type"].end div.message_box_01,
div[class*="type"].end div.dl_farm_main:after,
div[class*="type"].end .lottery_switch_wrap,
div[class*="type"].end p.lottery_bg,
div[class*="type"].end p.rarity_icon{display: none;}

/* エラー表示
--------------------------------------------------------- */
div.error div.message_box_01:after{
  content: "エラーが発生しました。ページをリロードしてください。";
  display: block;
  font-size: 12px;
  text-shadow: 1px 1px 1px #000;
  width: 136px;
  padding: 0 5px;
  position: absolute;
  top: 58px;
  left: 0;
  color: #fff;
  line-height: 1.5;
}

/* 英語表記 */
div[class*="eng"].error div.message_box_01:after{content: "An error occured. Please reload the page.";}

div.error .default_plant{
  -webkit-animation: none;
  animation: none;
}

div.error .grow_plant,
div.error div.message_box_02,
div.error div.dl_farm_main:after,
div.error .lottery_switch_wrap,
div.error p.lottery_bg,
div.error p.rarity_icon{display: none;}