@charset "utf-8";
/************************　注意事項　***************************
//webkit-animation-direction:alternate　は使用注意
//特に透過アニメーションは危険。
//一部Android端末で画面がフラッシュする現象が発生する（コロプラ）
****************************************************************/
/*----------------------------------------------------
全ページ共通
----------------------------------------------------*/
body {
	-webkit-touch-callout:none; /* リンク長押しのポップアップを無効化 */
	-webkit-user-select:none; /* テキスト長押しの選択ボックスを無効化 */
}

/* 不要なテキストリンクの装飾を残削除 */
a {
	text-decoration: none;
}

/* jquery_mobileのmarginをつじつま合わせるためのもの */

/* タイトルバーとリストの重なりをなくす */
.css_margin_list {
	margin-left:15px !important;
	margin-right:15px !important;
}

/* タイトルバーとリストの重なりをなくす */
.css_margin_titlebar {
	margin-bottom:15px !important;
}

/*---モーダルウィンドウ---*/
.modalWindow, .modalWindow_enemy{
	width:90%;
	margin:0 auto;
	padding:1.5em 0 0.5em;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-weight:bold;
}
.modalWindow{
	background-color:rgba(72, 139, 199, 0.7);
	border:2px solid #a9ffff;
}
.modalWindow_enemy{
	background-color:rgba(240, 119, 106, 0.7);
	border:2px solid #ff7180;
}

.modalWindow_close{
	position:absolute;
	top:0;
	right:0;
	width:13%;
}
/*ウィンドウのポジション*/
.modalWindow_posi{
	position:relative;
	padding-top:1.5em;
}
/*ウィンドウ黒背景*/
.modalWindow_bg{
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0, 0, 0, 0.7);
	width:100%;
	z-index:10;
}

/*ミッション＿アイテム使用時*/
.modal_item {
	color:#ffffff;
	border-radius: 10px ;
	-webkit-border-radius: 10px ;
	-moz-border-radius: 10px ;
	overflow: auto;
	clear: left;
	width:90%;
	background-color:#736147;
	margin:0 auto;
	padding:1em;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 20px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 20px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 20px inset;
}

.modal_title {
	margin-top:0.5em;
	color:#ffffff;
	text-shadow:0 0 1px #000,0 0 1px #000, 0 0 2px #000,0 0 2px #000, 0 0 3px #000;
}

/*ミッション_モーダル_アイテム所持数*/
.mission_m_IC_pos{
	position:absolute;
	bottom:0.5em;
	right:0.5em
}
/*イベント表示*/
.mission_event_item{
	position:absolute;
	top:-0.2em;
	left:0.5em;
}

/*探索メニューのチャット*/
.mission_chatbg{
	background-color:#534f46;
	width:95%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color:#ffffff;
	margin:0 auto;
	padding:0.3em;
	box-shadow: 0 0 5px #000000;
	-webkit-box-shadow:0 0 5px #000000;
	-moz-box-shadow:0 0 5px #000000;
	margin-bottom:0.5em;
}

.mission_chatname{
	width:70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color:#ffa500;
}

/*thumbnailの角丸*/
.thumbnail_css{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-style: solid; border-color: #6e6d6b;
}

/*モーダルウィンドウのボタンの余白*/
.modalbtn_bottom{
	margin-bottom:1em;

}
/*---基本ページ設定---*/
ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
ul,li{
	-1em;
}

/* 画像を隙間無く縦並べ */
.nospace {
	line-height: 0;
	font-size:0;
	padding:0;
}

/* タッチできなくする */
.touchnone{
pointer-events: none;
}

.icon_small{
	width: 1em;
	height: 1em;
}
.icon_medium{
	width: 1.5em;
	height: 1.5em;
}
.icon_large{
	width: 2em;
	height: 2em;
}


/*----------------------------------------------------
ステータス枠
---------------------------------------------------*/
.st_flame{
	background-color:rgba(0, 0, 0, 0.5);
	width:85%;
	border:2px solid #000000;
	color:#ffffff;
	text-align:center;
	margin:0 auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top:0.3em;
	margin-bottom:0.3em;
}

.st_skill_flame{
	background-color:rgba(0, 0, 0, 0.5);
	width:85%;
	border:2px solid #000000;
	color:#ffffff;
	text-align:center;
	margin:0 auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top:0.3em;
	margin-bottom:0.3em;
}


/*----------------------------------------------------
背景画像
---------------------------------------------------*/
/*覚醒合成トップ背景*/
.bg_composition{
	background-image:url(/img/composition/back_composition_2.png);
	background-size:100% auto;
	background-position:top;
	background-repeat:no-repeat;
	background-color:#000000;
	margin-top:-0.8em;
}

/*覚醒合成ボーナス表示背景*/
.bg_comp_bonus{
	background-image:url(/img/composition/check_infobg.jpg);
	background-size:100% auto;
	background-position:top;
	background-repeat : repeat;
 }


 /*覚醒合成結果表示*/
.bg_comp_result{
	background-image:url(/img/composition/result_infobg.jpg);
	background-size:100% auto;
	background-position:top;
	background-repeat : repeat;
 }



/*覚醒合成白背景*/
.bg_comp_white{
	background-color: rgba(255,255,255,0.9);
	color: #4F0000;
	margin:0 auto;
	text-shadow:0 0 0;
	width:95%;
	text-align:left;
	padding:0.3em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 1.3;
}

/*覚醒合成白背景*/
.bg_comp_white2{
	background-color: rgba(255,255,255,0.9);
	color: #4F0000;
	margin:0 auto;
	text-shadow:0 0 0;
	width:95%;
	margin-bottom:10px;
	padding:3px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 1.3;
	padding:2px;
}

/*覚醒合成白背景*/
.bg_comp_white3{
	background-color: rgba(255,255,255,0.9);
	color: #4F0000;
	margin:0 auto;
	text-shadow:0 0 0;
	width:90%;
	margin-bottom:10px;
	padding:3px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 1.3;
}


/*→*/
.arrow_pos{
	position:absolute;
	top:7em;
	left:0;
	width:98%;
}

/*覚醒合成結果画面背景*/
.bg_R_composition{
	background-image:url(/img/composition/result_bg.jpg);
	background-size:100% auto;
	background-position:top;
	background-repeat:no-repeat;
	background-color:#000000;
}


/*黒い背景*/
.monster_info{
	width:80%;
	text-align:left;
	margin:0.3em;
	background-color:rgba(0, 0, 0, 0.7);
	border: 2px solid #978d84;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:0.6em 0.6em 1.2em 0.6em;
	color:#ffffff;
}

.chip_info{
	width:90%;
	text-align:left;
	margin:0.3em;
	background-color:rgba(0, 0, 0, 0.7);
	border: 2px solid #978d84;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:0.6em 0.6em 0 0.6em;
	color:#ffffff;
}



 /*覚醒解放結果表示*/
.bg_LB_result{
	background-image:url(/img/limit_break/result_infobg.jpg);
	background-size:100% auto;
	background-position:top;
	background-repeat : repeat;
	margin-top:-0.3em;
 }


/*jqueryのナビバーを無理やり横並びにするための上書き*/
.tab6 {
	width: 16.6% !important;
	clear: none !important;  /* Prevent line break caused by ui-block-a */
}

/*----------------------------------------------------
アニメーション
---------------------------------------------------*/
/* 要素を点滅 */
@-webkit-keyframes pulse {
	from { opacity: 1.0;}
	to { opacity: 0.5;}
}
@-webkit-keyframes star_1 {
	from { opacity: 1.0;}
	to { opacity: 0;}
}
@-webkit-keyframes star_2 {
	from { opacity: 0;}
	to { opacity: 1.0;}
}


.blinking, .blinking_low, .blinking_low_2, .blinking_low_3, .blinking_low_4{
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: 0s;
}
.blinking{
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 0.6s;
}
.blinking_low{
	-webkit-animation-name: star_1;
	-webkit-animation-duration: 1.9s;
}
.blinking_low_2{
	-webkit-animation-name: star_2;
	-webkit-animation-duration: 1.4s;

}
.blinking_low_3{
	-webkit-animation-name: star_2;
	-webkit-animation-duration: 5s;
}
.blinking_low_4{
	-webkit-animation-name: star_2;
	-webkit-animation-duration: 3s;
}

.flash_half {
	animation: flash_half 1s linear infinite normal;
}
@keyframes flash_half {
	0% { opacity: 1;}
	50% { opacity: 0.5;}
	100% { opacity: 1;}
}

.flash{
  animation: flash 1s ease infinite alternate;
}

.main_build_flash_animation{
	animation-name: flash;
	animation-iteration-count: infinite;
	animation-duration: 5.0s;
	-webkit-animation-name: flash;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 5.0s;
	-moz-animation-name: flash;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 5.0s;
	-ms-animation-name: flash;
	-ms-animation-iteration-count: infinite;
	-ms-animation-duration: 5.0s;
	-o-animation-name: flash;
	-o-animation-iteration-count: infinite;
	-o-animation-duration: 5.0s;
}

@keyframes flash {
	0% { opacity: 0;}
	30% { opacity: 1;}
	60% { opacity: 0;}
	100% { opacity: 0;}
}
@-webkit-keyframes flash {
	0% { opacity: 0;}
	30% { opacity: 1;}
	60% { opacity: 0;}
	100% { opacity: 0;}
}
@-moz-keyframes flash {
	0% { opacity: 0;}
	30% { opacity: 1;}
	60% { opacity: 0;}
	100% { opacity: 0;}
}
@-ms-keyframes flash {
	0% { opacity: 0;}
	30% { opacity: 1;}
	60% { opacity: 0;}
	100% { opacity: 0;}
}
@-o-keyframes flash {
	0% { opacity: 0;}
	30% { opacity: 1;}
	60% { opacity: 0;}
	100% { opacity: 0;}
}

@-webkit-keyframes bar_frame_flash {
	0% { opacity: 0;}
	50% { opacity: 1.0;}
	100% { opacity: 0;}
}

@-webkit-keyframes junkShop_bg_flash {
	0% { opacity: 0.1;}
	50% { opacity: 1.0;}
	100% { opacity: 0.1;}
}
@-moz-keyframes junkShop_bg_flash {
	0% { opacity: 0.1;}
	50% { opacity: 1.0;}
	100% { opacity: 0.1;}
}
@-ms-keyframes junkShop_bg_flash {
	0% { opacity: 0.1;}
	50% { opacity: 1.0;}
	100% { opacity: 0.1;}
}
@-o-keyframes junkShop_bg_flash {
	0% { opacity: 0.1;}
	50% { opacity: 1.0;}
	100% { opacity: 0.1;}
}
.junkShop_bg_flash_animation{
	-webkit-animation-name: junkShop_bg_flash;
	-webkit-animation-duration: 4.0s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: junkShop_bg_flash;
	-moz-animation-duration: 4.0s;
	-moz-animation-timing-function: ease-in;
	-moz-animation-iteration-count: infinite;
	-ms-animation-name: junkShop_bg_flash;
	-ms-animation-duration: 4.0s;
	-ms-animation-timing-function: ease-in;
	-ms-animation-iteration-count: infinite;
	-o-animation-name: junkShop_bg_flash;
	-o-animation-duration: 4.0s;
	-o-animation-timing-function: ease-in;
	-o-animation-iteration-count: infinite;
}

.blinking_contaner_bar{
	-webkit-animation-name: bar_frame_flash;
	-webkit-animation-duration: 2.0s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: 0s;
}

/* 要素が小さくバウンドする */
.boundAnim_1 {
	position: relative;
	-webkit-animation-name: bound_1;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;

}
@-webkit-keyframes bound_1 {
	0%{ top:0;}
	16%{ top:-2px;}
	33%{ top:0px;}
	50%{ top:-2px;}
	66%{ top:0px;}
	100%{ top:0;}
}

/* 流れ星 */
.shoting_04,.shoting_08, .shoting_10, .shoting_11, .shoting_12, .shoting_14, .shoting_20 {
	position: relative;
	-webkit-animation-name: shoting_1;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes shoting_1{
	from { opacity: 0;top:0;left:0;}
	78% { opacity: 0;top:0;left:3.5em;}
	79% { opacity: 0.2;top:1em;left:1.75em;}
	80%  { opacity: 1;top:2em;left:0em;}
	82% { opacity: 0.4;top:4em;left:-3.5em;}
	84% { opacity: 0;top:6em;left:-7em;}
	100% { opacity: 0;top:0;left:0;}
}
.shoting_04 {-webkit-animation-duration: 4s;}
.shoting_08 {-webkit-animation-duration: 8s;}
.shoting_10 {-webkit-animation-duration: 10s;}
.shoting_11 {-webkit-animation-duration: 11s;}
.shoting_12 {-webkit-animation-duration: 12s;}
.shoting_14 {-webkit-animation-duration: 14s;}
.shoting_20 {-webkit-animation-duration: 20s;}


/* 移動 */
.move_planet_01, .move_planet_02{
	position: relative;
	-webkit-animation-name: move_planet_01;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 30s;
}
@-webkit-keyframes move_planet_01{
	from { opacity: 0;top:0;left:0;}
	10% { opacity: 0;top:0;left:0;}
	20% { opacity: 0.8;top:-2em;left:4em;}
	30% { opacity: 1;top:-4em;left:8em;}
	40%  { opacity: 1;top:-6em;left:12em;}
	50% { opacity: 1;top:-8em;left:16em;}
	60% { opacity: 0.8;top:-10em;left:20em;}
	70% { opacity: 0;top:-12em;left:24em;}
	100% { opacity: 0;top:0;left:0;}
}
@-webkit-keyframes move_planet_02{
	from { opacity: 0;top:0;left:0;}
	10% { opacity: 0;top:0;left:0;}
	25% { opacity: 0.8;top:-1em;left:2em;}
	40% { opacity: 1;top:-2em;left:4em;}
	55%  { opacity: 1;top:-3em;left:8em;}
	70% { opacity: 1;top:-4em;left:12em;}
	85% { opacity: 0.8;top:-5em;left:16em;}
	100% { opacity: 0;top:-6em;left:18em;}
}

/* 画像が傾く ループ */
.rotateAnim_1 {
	position: relative;
	-webkit-animation-name: rotateAnim_1;
	-webkit-animation-duration: 20s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes rotateAnim_2 {
	0%{ -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); }
	50%{ -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg); }
	100%{ -webkit-transform: rotate(180deg);-moz-transform: rotate(180degdeg); }
}


/* 要素を光らせる */
.reflection_relative{
	position:relative;
	overflow: hidden;
}
.reflection {
	height:100%;
	width:30px;
	position:absolute;
	top:-180px;
	left:0;
	background-color: #fff;
	opacity:0;
	transform: rotate(45deg);
	animation: reflection 3s ease-in-out infinite;
	-webkit-transform: rotate(45deg);
	-webkit-animation: reflection 3s ease-in-out infinite;
	-moz-transform: rotate(45deg);
	-moz-animation: reflection 3s ease-in-out infinite;
	-ms-transform: rotate(45deg);
	-ms-animation: reflection 3s ease-in-out infinite;
	-o-transform: rotate(45deg);
	-o-animation: reflection 3s ease-in-out infinite;
}
@keyframes reflection {
	0% { transform: scale(0) rotate(45deg); opacity: 0; }
	80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { transform: scale(4) rotate(45deg); opacity: 1; }
	100% { transform: scale(30) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(30) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
	0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -moz-transform: scale(30) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
	0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -ms-transform: scale(30) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
	0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -o-transform: scale(30) rotate(45deg); opacity: 0; }
}

/* 要素がゆっくりバウンドする */
.boundAnim_slow {
	position: relative;
	-webkit-animation-name: slowbound;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
	-animation-direction
}
@-webkit-keyframes slowbound {
	0%{ top:0;}
	50%{ top:-5px;}
	100%{ top:0px;}
	0%{ top:0;}
	50%{ top:-5px;}
	100%{ top:0px;}
}

/* 拡大+透過の繰り返し */
.scaleup_animation {
	-webkit-animation:scaleup_animation 1s linear infinite;
	animation:scaleup_animation 1s linear infinite;
}
@keyframes scaleup_animation{
	0%{transform: scale(1.0)}
	20%{transform: scale(1.2)}
	50%{transform: scale(1.0)}
}
@-webkit-keyframes scaleup_animation {
	0%{transform: scale(1.0)}
	20%{transform: scale(1.2)}
	50%{transform: scale(1.0)}
}

/* 拡大+透過の繰り返し */
.scaleup_big_animation {
	-webkit-animation:scaleup_big_animation 1s linear infinite;
	animation:scaleup_big_animation 1s linear infinite;
}
@keyframes scaleup_big_animation{
	0%{transform: scale(1.0)}
	20%{transform: scale(1.5)}
	50%{transform: scale(1.0)}
}
@-webkit-keyframes scaleup_big_animation {
	0%{transform: scale(1.0)}
	20%{transform: scale(1.5)}
	50%{transform: scale(1.0)}
}


/*----------------------------------------------------
要素の装飾
----------------------------------------------------*/
.bg_gray{
	background-color:#524c43
}

/*---テキストのまわりにshadow---*/
.text_shadow_red{
	text-shadow:0 0 1px #ff0000,0 0 1px #ff0000, 0 0 2px #ff0000,0 0 2px #ff0000, 0 0 3px #ff0000;
}

/* 画像上に文字を表示　 */
.textoncg {
	text-align:center;
	position:absolute;
	color:#ffffff;
	left:0;
	top:0.5em;
	width: 100%;
	font-size:16px;
	font-weight:bold;
}
.text_shadow_yellow{
	text-shadow:0 0 1px #ffff00,0 0 1px #ffff00, 0 0 2px #ffff00,0 0 2px #ffff00, 0 0 3px #ffff00;
}
.text_shadow_orange{
	text-shadow:0 0 1px #E69A2C,0 0 1px #E69A2C, 0 0 2px #E69A2C,0 0 2px #E69A2C, 0 0 3px #E69A2C;
}
.text_shadow_dark_orange{
	text-shadow:0 0 1px #ed4f00,0 0 1px #ed4f00, 0 0 2px #ed4f00,0 0 2px #ed4f00, 0 0 3px #ed4f00;
}
.text_shadow_black{
	text-shadow:0 0 1px #000,0 0 1px #000, 0 0 2px #000,0 0 2px #000, 0 0 2px #000;
}

.text_shadow_bluebtn{
	text-shadow:0 0 1px #0b103e,0 0 1px #0b103e, 0 0 2px #0b103e,0 0 2px #0b103e, 0 0 2px #0b103e;
}

.text_shadow_lightblue{
	text-shadow:0 0 1px #00FFFF,0 0 1px #00FFFF, 0 0 2px #00FFFF,0 0 2px #00FFFF, 0 0 3px #00FFFF;
}
.text_shadow_white{
	text-shadow:0 0 1px #fff,0 0 1px #fff, 0 0 2px #fff,0 0 2px #fff, 0 0 3px #fff;
}
.text_shadow_black_big{
	text-shadow:0 0 5px #000,0 0 5px #000, 0 0 5px #000,0 0 5px #000, 0 0 5px #000;
}
.text_shadow_blue_big{
	text-shadow:0 0 10px #00F,0 0 10px #00F, 0 0 10px #00F,0 0 10px #00F, 0 0 10px #00F;
}
.text_shadow_blue_middle{
	text-shadow:0 0 0.1em #00F,0 0 0.1em #00F, 0 0 0.1em #00F,0 0 0.1em #00F, 0 0 0.1em #00F;
}
.text_shadow_black_middle{
	text-shadow:0 0 0.1em #000,0 0 0.1em #000, 0 0 0.1em #000,0 0 0.1em #000, 0 0 0.1em #000;
}

.text_shadow_orange_big{
	text-shadow:0 0 0.3em rgb(196,41,6),0 0 0.3em rgb(196,41,6), 0 0 0.3em rgb(196,41,6),0 0 0.3em rgb(196,41,6), 0 0 0.3em rgb(196,41,6);
}
/*---文字ボールド---*/
.fontbold {
	font-weight:bold;
}

/*注意文*/
.attention_word{
	color:#ffff00;
	text-shadow:0 0 1px #ff0000,0 0 1px #ff0000, 0 0 2px #ff0000,0 0 2px #ff0000, 0 0 3px #ff0000;
}


/*———————————–——————————
	文字色　命名ルール
	・右に行くほど明るい色合いに
	・ultra　→　super　→　rare　→　無印　→　light
———————————–——————————*/
/* テキストカラー 白色 */
.textcolor_white {
	color:#ffffff;
}

.textcolor_black {
	color:#000000;
}

/* テキストカラー 赤色 */
.textcolor_red {
	color:#ff0000;
}

.textcolor_main_build_red {
	color:#ff3333;
}
/* テキストカラー 赤色 */
.textcolor_litered {
	color:#ff0033;
}




/*---要素の角を丸く---*/
/*四角*/
.border_radius3 {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.border_radius5 {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.border_radius5_top {
	border-radius:5px 5px 0px 0px ;
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
}

.border_radius5_left {
	border-radius:5px 0px 0px 5px ;
	-webkit-border-radius:5px 0px 0px 5px ;
	-moz-border-radius:5px 0px 0px 5px ;
}
.border_radius5_right {
	border-radius:0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius:0px 5px 5px 0px;
}
.border_radius5_under {
	border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
}

.border_radius10_top {
	border-radius:10px 10px 0px 0px ;
	-webkit-border-radius:10px 10px 0px 0px;
	-moz-border-radius:10px 10px 0px 0px;
}

.border_radius10 {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.border_radius10_under {
	border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
}

.border_solid_black_2 {
	border: 2px solid black;
}
.border_solid_white_2 {
	border: 2px solid white;
}

/* テキストカラー 緑系 */
.textcolor_green {
	color:#33cc00;
}

.textcolor_lightgreen {
	color:#00ff7f;
}

.textcolor_bonus_pt_max_green {
	color:#46ed2e;
}

/* テキストカラー 黄色 */
.textcolor_lightyellow {
	color:#ffff55;
}

.textcolor_yellow {
	color:#fbd84d;
}

.textcolor_rareyellow {
	color:#FFCC00;
}

.textcolor_superyellow {
	color:#ffd800;
}
/*ゲーム内で使う黄色*/
.textcolor_defaultyellow {
	color:#fff10b;
}


/*テキストカラー　オレンジ*/
.textcolor_orange {
	color:#ffa500;
}

.textcolor_rareorange {
	color:#FF6600;
}

/* テキストカラー 青 */
.textcolor_blue {
	color:#3333FF;
}
/*一般的な青*/
.textcolor_rareblue {
	color:#0000FF;
}

/*水色*/
.textcolor_lightblue {
	color:#00FFFF;
}

.textcolor_skyblue {
	color:#0099CC;
}

/*灰色*/
.textcolor_lightgray {
	color:#cccccc;
}

.textcolor_supergray {
	color:#666666;
}

.textcolor_gray {
	color:#393939;
}

/* 薄い緑 */
.textcolor_graylightgreen {
	color:#8b9c56;
}

/*———————————–——————————
	星戦
———————————–——————————*/
/*待機中*/
.textcolor_war_stay{
	color:#ff0000;
}
/*出撃まち*/
.textcolor_war_sortie_stay{
	color:#00ffff;
}
/*出撃準備*/
.textcolor_war_ready{
	color:#00ffff;
}

/*出撃中*/
.textcolor_war_move{
	color:#ff8c00;
}

/*戦闘中*/
.textcolor_war_battle{
	color:#ff8c00;
}
/*治療中*/
.textcolor_war_heal{
	color:#00ff78;
}

/* プレイヤーネームの色 */
.player_name_color {
	color:#43fffd;
	text-shadow: 2px 2px 2px #0050ff;
}

/*———————————–——————————
	文字
———————————–——————————*/
/* 文字を詰めるとき */
.spacingText_min{
	letter-spacing:-1px;
}
.font_space_015{
	letter-spacing:-0.15em;
}
.spacingText{
	letter-spacing:-0.2em;
}

.font_space_01{
	letter-spacing:-0.1em;
}
/* 文字を空けるとき */
.font_space_plus03{
	letter-spacing:0.3em;
}
.spacingText_line{
	line-height:90%;
}
.spacingText_line100 {
	line-height: 100%;
}
.spacingText_line110 {
	line-height: 110%;
}

/* 行間空けるとき */
.spacingText_linefat{
	line-height:130%;
}
/* 行間詰めるとき */
.spacingText_linethin{
	line-height:100%;
}
/* DIV内強制改行 */
.wordwrap_break {
	word-break:break-all;
}

/* DIVからはみ出たら三点コーダで省略（1行用） */
.overflow_ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.overflow_hidden {
	overflow:hidden;
}

/*リンクの下線を表示させない*/
.link_noline{
	text-decoration:none;
}

/* =======================================================
位置調整
======================================================= */
/*———————————–——————————
	共通＿位置
———————————–——————————*/
/*要素を真ん中寄せ*/
.box_ceneter{
	margin:0 auto;
}
.text_center{
	text-align:center;
}

.text_left{
	text-align:left;
}

.text_right{
	text-align:right;
}

/* 回り込み解除 */
.clear{
	clear:both;
}
/*———————————–——————————
	横幅　必要に応じて自由に増やしてください
———————————–——————————*/
.width_98, .width_95, .width_90, .width_85, .width_80, .width_60{
	margin:0 auto;
}

.width_100 { width: 100% }
.width_95 { width: 95% }
.width_90 { width: 90% }
.width_85 { width: 85% }
.width_80 { width: 80% }
.width_60 { width: 60% }
.width_50 { width: 50% }
.width_40 { width: 40% }
.width_77 { width: 77% }
.width_30 { width: 30% }
.width_23 { width: 23% }
.width_20 { width: 20% }
.width_14 { width: 14% }
/*———————————–——————————
	余白　marginとpadding
———————————–——————————*/
/*ボタンの上下のマージン*/
.btn_margin{
	margin-top:2em;
}

/* margin_全体 */
.margin_auto {margin: auto;}
.margin_0{margin:0;}

.margin_10auto{margin:1em auto}

.margin_01{
	margin-top:0.1em;
	margin-bottom:0.1em;
}
.margin_02{
	margin-top:0.2em;
	margin-bottom:0.2em;
}
.margin_05{
	margin-top:0.5em;
	margin-bottom:0.5em;
}
.margin_06{
	margin-top:0.6em ;
	margin-bottom:0.6em;
}
.margin_08{
	margin-top:0.8em;
	margin-bottom:0.8em;
}
.margin_10{
	margin-top:1em;
	margin-bottom:1em;
}

.margin_15{
	margin-top:1.5em;
	margin-bottom:1.5em;
}

/* margin_上部のみ */
.margin_top_01{margin-top:0.1em;}
.margin_top_02{margin-top:0.2em;}
.margin_top_04{margin-top:0.4em;}
.margin_top_05{margin-top:0.5em;}
.margin_top_06{margin-top:0.6em;}
.margin_top_07{margin-top:0.7em;}
.margin_top_08{margin-top:0.8em;}
.margin_top_10{margin-top:1em;}
.margin_top_20{margin-top:2.0em;}

.build_list_top{margin-top:85px;}

/* margin_上部のみ_マイナス */
.margin_top_-03{margin-top:-0.3em;}



/* margin_下部のみ */
.margin_bottom_0{margin-bottom:0;}
.margin_bottom_03{margin-bottom:0.3em;}
.margin_bottom_05{margin-bottom:0.5em;}
.margin_bottom_10{margin-bottom:1.0em;}
.margin_bottom_20{margin-bottom:2em;}
.margin_bottom_25{margin-bottom:2.5em;}

/* margin_下部のみ_マイナス*/
.margin_botttom_-10{margin-bottom:-1em;}
.margin_botttom_-05{margin-bottom:-0.5em;}

/* padding */
.padding_0{padding:0;}
.padding_01{padding:0.1em;}
.padding_02{padding:0.2em;}
.padding_03{padding:0.3em;}
.padding_03_0{padding:3px 0;}
.padding_04{padding:0.4em }
.padding_05{padding:0.5em;}
.padding_06{padding:0.6em}
.padding_08{padding:0.8em;}
.padding_10{padding:1em;}
.padding_12{padding:1.2em}
.padding_15{padding:1.5em;}

.padding_top_10{padding-top:1em;}
.padding_top_20{padding-top:2em;}

.padding_bottom_05{padding-bottom:0.5em;}
/*———————————–——————————
	ヘッダーデザイン　ライン画像
———————————–——————————*/
/* 大枠 */
.head_common1{
	background-size:100% 100%;
	background-position:top;
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0.4em 0;
	text-align:center;
	text-shadow:0 1px 1px #d9e8e8;
}
.head_common1{
	background-image:url(/img/line_title_01.jpg);
	color:#ffffff;
	text-shadow: 1px 1px 1px #2c2c2c;
	text-align:center;
}

.head_common2{
	background-size:100% 100%;
	background-position:top;
	background-repeat:no-repeat;
	text-align:center;
	text-shadow:0 1px 1px #d9e8e8;
	background-image:url(/img/line_11.jpg);
}
.head_common2{
	color:#ffffff;
	text-shadow: 1px 1px 1px #2c2c2c;
	font-weight:bold;
}


/* =======================================================
画像関連
======================================================= */
/*———————————–——————————
	覚醒合成画像関連
———————————–——————————*/
.chip_img{
	width:4em;
	height:4em;
}

/*覚醒解放でも使用*/
.ss_attribute_imgSS{
	width:1.3em;
	height:1.3em;
}


/*———————————–——————————
	覚醒解放
———————————–——————————*/
/*モーダル＿レアの★のサイズ*/
.modal_rank_img{
	width:1.3em;
	height:1.3em;
}

/*結果ページのモンスター位置*/
.LM_Rmonster_pos{
	position:absolute;
	top:5.5em;
	left:0;
	width:100%;
}


/*———————————–——————————
	灰色のボタン画像
———————————–——————————*/
.graybtn_img{
	background-image:url(/img/common/btn01_1.png);
	color:#ffffff;
	text-shadow: 1px 1px 1px #2c2c2c;
	text-align:center;
	background-size:100% 100%;
	background-position:top;
	background-repeat:no-repeat;
	color:#ffffff;
	padding-top:0.5em;
}



/* =======================================================
カラム
======================================================= */
/*———————————–——————————
	ベースデザイン　ui-gridと同等のもの。
	必要な場合は増やしてください。
———————————–——————————*/
.column, .column2, .column3, .column4, .column5, .column6, .column8, .column9{
	display: box;
	display:-webkit-box;
	display:-moz-box;
	width:100%;
}



/*　2カラム均等　*/
.column2 > div{
	width:50%;
}
/*　3カラム均等　*/
.column3 > div{
	width:33.33333%;
}
/*　4カラム均等　*/
.column4 > div{
	width:25%;
}
/*　5カラム均等　*/
.column5 > div{
	width:20%;
}
/*　6カラム均等　*/
.column6 > div{
	width:16.66666%;
}
/*　8カラム均等　*/
.column8 > div{
	width:12.5%;
}
/*　9カラム均等　*/
.column9 > div{
	width:11%;
}
/* 余白 */
.column_margin{
	padding:0.2em;
}
/*———————————–——————————
	詳細設定
———————————–——————————*/
/* 不規則カラム） */
.column_0{display:none;}

.column_15{width: 15%;}
.column_23{width: 23%;}
.column_30{width: 30%;}
.column_35{width: 35%;}
.column_40{width: 40%;}
.column_45{width: 45%;}

.column_50{width: 50%;}
.column_55{width: 55%;}

.column_60{width: 60%;}
.column_65{width: 65%;}
.column_77{width: 77%;}
.column_85{width: 85%;}
.column_90{width: 90%;}
.column_95{width: 95%;}
.column_98{width: 98%;}
.column_100{width: 100%;}



/*———————————–——————————
	リスト
———————————–——————————*/
/*新着のお知らせの枠*/
ul.news_width{
	margin-left:0px !important;
	margin-right:0px !important;
	margin-top:0px !important;

}

.info_push_mark{
	background-image:url(../img/main/badge_count_bg.png);
	background-position:center;
	background-size:100%;
	background-repeat:no-repeat;
	font-weight: bold;
}

/*新着のお知らせのリスト*/
li.newslist{
	padding:1em 0;
	display:none;
}

/*素材リクエストの素材・造船可能リスト*/
li.material_list, .summoner_list{
	margin:0 auto;
	width:85%;
	padding:5px 3%;
}

/*素材リクエストを送る　テキスト*/
.material_list_text, .summoner_list_text{
	white-space:normal;
	margin-left:70px;
	margin-top:4px;
}

/*素材を送る・造船可能*/
.material_list_img, .summoner_list_img{
	margin:4px;
	width:60px;
}

/*素材を送る・造船可能*/

.material_list_height, .summoner_list_height{
	padding:0 !important;
	min-height:68px !important;
	}

/*———————————–——————————
	枠（ウィンドウ)
———————————–——————————*/
/*NEWSのモーダルのような枠*/
.black_window_sk{
	padding:2px;
	background-color:rgba(0, 0, 0, 0.4);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow: 0px 0px 7px 0px #000000 inset;
}

/*エネルの回復時間*/
.elel_recover_time{
	padding:2px;
	background-color:rgba(0, 0, 0, 0.4);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;

}

.black_bg{
	padding:2px;
	background-color:rgba(0, 0, 0, 0.4);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

/*———————————–——————————
 会話用テキスト
———————————–——————————*/
.adv_talk_hide{
	visibility:hidden
}
.adv_talk_show{
	visibility:visible
}
/*———————————–——————————
	背景色
———————————–——————————*/
/*注意文の黄色背景*/
.cautiongtext_head{ /*持てるカードがいっぱい、WARNING！など*/
	background-color:rgba(0,0,0,0.7);
	color:#ffcc00;
}

/*灰色の背景色*/
.glaybg{ /*合成のGOLD背景部分など*/
	background-color:#45423f;
	color:#ffffff;
}

/*———————————–——————————
	吹き出し
———————————–——————————*/
.mess_white_left{
	position:relative;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:0.6em 0.5em 0.6em 0.5em;
	margin-top:0.2em;
	background-color:#fbe1a8;
	border:2px solid #fbebc8;
	line-height:120%;
	box-shadow: 0px 0px 7px 0px #fbebc8 inset;
}

.mess_white_left:after{
	position:absolute;
	border: solid transparent;
	content: " ";
	pointer-events:none;
	height: 0;
	width: 0;
	border-width: 0.8em;
	margin-top: -0.5em;
}
/* 吹き出しぐち_左から */
.mess_white_left:after{
	right: 100%;
	top: 45%;
	border-right-color:#fbebc8;
}
/*———————————–——————————
	メインページ
———————————–——————————*/
/*背景*/
.infobg{
	color:#393939;
	margin:0 auto;
	width:90%;
	background-color:rgba(228,216,158,0.7);
	box-shadow: 0px 0px 7px 0px #fff7d0 inset;
}

/*背景_小項目*/
.infobg_sm{
	width:90%;
	text-align:left;
	margin:0.2em auto;
	background-color:#fbedc6;
	border: 2px solid #f9f2de;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:0.5em 0.4em;
	line-height:130%;
}

.info_title_text{
	position:absolute;
	top:0.1em;
	left:0.5em;
}



/*自分の島の枠背景色*/
.mycolony_linkbg{
	background-color:#B57744;
	width:90%;
	margin:10px auto 10px;
	padding:5px;
}

/*お知らせのリスト表示*/
.info_list_ul{
	margin-left:0px;margin-right:0px;margin-top:0px;
}

.info_list_li{
	padding:2em 0;
}

/*強化可能なsummonerのリスト*/
.summoner_lvup_list{
	background-color:#ffff88;
}

/*素材を送ったあとの表示*/
.send_material_list_end{
	text-align:center;
	color:#FFFFFF;
	padding:1em 0;
}

/*素材リクエストのリストデザイン*/
.send_material_list{
	padding:0;
	min-height:68px;
}

.send_material_list >img{
	width:100%;
}


/*（造船）召喚士*/
.M_summoner_engage{
	background-color:#ffffff;
}

/*クエストリストのテキスト*/
.questlist_text{
	 text-shadow:0 0 0;
	 white-space:normal
}


/*交易ボタンの下*/
.commerce_frame{
	background-color:#FEF0DE;
	color:#562C2C;
	width:90%;
	margin:0 auto;
	margin-top:-0.3em;
	margin-bottom:10px;
}



/*探索ボタンの下*/
.areainfobg{
	background-color:#24140e;
	color:#562C2C;
	margin:0 auto;
	width:58%;
}

/*集金ページ　冒険にいこう*/
.searchbg{
	background-color:#FEF0DE;
	color:#FF6600;
	width:90%;
	margin:0 auto;
	margin-top:-8px;
	margin-bottom:0px;
	padding:0px;
}


/*ガチャ・覇戦などの一行お知らせの背景*/
.eventinfo_bg{
	background-color:#FEF0DE;
	width:100%;
	margin:20px 0 10px;
	padding:0 2px;
}


/*新人応援キャンペーン表示*/
.newbie_bonus_text {
	line-height:1.1;
	color:#ffffff;
	margin-top:-0.6em;
	padding-bottom:0.5em;
}

/*お知らせ_島非表示*/
.M_newsbox{
	margin:0 auto;
	display:table;
}

.M_newsbox > div{
	display:table-cell;
}

/*お知らせアイコンのリンクのz-index*/
.action_news_link{
	z-index:2;
}

/*お知らせアイコン画像点滅のz-index*/
.action_news_link + div{
	z-index:1;
}

/*ガチャチケットの所持枚数*/
.gachatike_bg_nobtn {
	width:90%;
	margin:0 auto 10px;
	padding:2px;
	background-color:rgba(0, 0, 0, 0.7);
	color:#fff;
}
/*ガチャチケ所持枚数の横にあるアイコン*/
.gachatike_bg_nobtn>img {
	width:20%;
	vertical-align:middle;
}
.gachatike_bg {
	position:absolute;
	bottom:5px;
	right:0;
	width:50%;
	margin:0 10%;
	padding:2px;
	background-color:rgba(0, 0, 0, 0.7);
	color:#fff;
}

/*ガチャチケ所持枚数の横にあるアイコン*/
.gachatike_bg>img {
	width:20%;
	vertical-align:middle;
}

/*メインのデッキ画像*/
.M_deckimg{
	display:table;
	padding;0;
	margin-top:-3em;
	width:100%;
}

.M_deckimg > div{
	display:table-cell;
}

/*お知らせアイコンの位置*/
.news_iconback{
	z-index:1;
}

.news_icon{
	z-index:2;
}

/*1日1回無料ガチャ表示*/
.M_gachfree_bg{
	position:absolute;
	top:0;
	right:2%;
	width:40%;
	background-color:#dc143c;
	color:#fff;
	box-shadow:1px 1px 3px 1px #000;
}

/*島上デッキ画像*/
.M_decktop{
	width:100%;
	height:5px;
}

/*レイド情報・お知らせ情報*/
.M_news_block{
	padding:2em 0;
}
.page_main_default_design_Main_Action_news {
	position:absolute;
	top:0;
	right:0;
	width:13%;
}


.page_main_default_design_Main_Action_news div{
	position:relative;
}
/*ウィンドウ黒背景*/
.modalWindow_bg{
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0, 0, 0, 0.7);
	width:100%;
	z-index:10;
}


/*---リンクを表す矢印を表示---*/
.link_arrow > div{
	background-image:url(../img/common/link_arrow.png);
	background-position:center right;
	background-size:1.5em;
	background-repeat:no-repeat;
}

/*---大きいボタンサイズ---*/
.css_btn-size_big {
	font-size:25px;
}

/*---マーキー---*/
.marquee{
    overflow:hidden;
}
.marquee div{
    width:100%;
    text-align:center;
    display:inline-block;
    white-space:nowrap;

    -moz-animation-duration: 9s;
    -moz-animation-name: marquee;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;

    -webkit-animation-duration: 9s;
    -webkit-animation-name: marquee;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -ms-animation-duration: 9s;
    -ms-animation-name: marquee;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    -o-animation-duration: 9s;
    -o-animation-name: marquee;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
@-webkit-keyframes marquee {
    from {margin-left: 100%; width: 100%; }
    to { margin-left: -200%; width: 100%; }
}
@-moz-keyframes marquee {
    from {margin-left: 100%; width: 100%; }
    to { margin-left: -200%; width: 100%; }
}
@-ms-keyframes marquee {
    from {margin-left: 100%; width: 100%; }
    to { margin-left: -200%; width: 100%; }
}
@-o-keyframes marquee {
    from {margin-left: 100%; width: 100%; }
    to { margin-left: -200%; width: 100%; }
}
@keyframes marquee {
  from   { transform: translate(100%);}
  99%,to { transform: translate(-200%);}
}

/*戦争中バナー*/
.M_teamwar_timebg{
	background-color:#CC0000;
	color:#ffffff;
	width:80%;
}

.M_teamwar_timebg2{
	background-color:#CC0000;
	color:#ffffff;
	padding:0px 15px 4px 15px;
	margin:0 auto;
}


/*戦争バナーまわり*/
.M_teamwar_bg{
	background-color:#990000;
	color:#ffffff;
	width:90%;
	margin:0 auto;
	padding:0.5em 0.3em;
}


.M_teamwar_bg2{
	background-color:#000066;
	color:#ffffff;
	width:90%;
	margin:0 auto;
	padding:0.5em 0.3em;
}

.M_teamwar_bg3{
	background-color:#990000;
	color:#ffffff;
	padding:3px;
	width:90%;
	margin:-10px auto 0;
}

.M_teamwar_bg4{
	background-color:#000066;
	color:#ffffff;
	padding:3px;
	width:90%;
	margin:-10px auto 0;
}

.M_teamwar_text{
	margin:0 5px -10px;
	color:#ffffff;
	text-shadow: 1px 1px 1px #990000,-1px 1px 1px #990000,1px -1px 1px #990000,-1px -1px 1px #990000;
	text-align:left;
}


/* 選択マークアニメーション */
.page_war_default_map_vs_icon_mark_img {
    -moz-animation-duration: 1.25s;
	-moz-animation-delay:0s;
	-moz-animation-name: war_map_vs_icon_mark_animation;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-out;

    -webkit-animation-duration: 1.25s;
	-webkit-animation-delay:0s;
    -webkit-animation-name: war_map_vs_icon_mark_animation;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;

    -ms-animation-duration: 1.25s;
	-ms-animation-delay:0s;
    -ms-animation-name: war_map_vs_icon_mark_animation;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-out;

    -o-animation-duration: 1.25s;
	-o-animation-delay:0s;
    -o-animation-name: war_map_vs_icon_mark_animation;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-out;

	animation-duration: 1.25s;
	animation-delay:0s;
	animation-name: war_map_vs_icon_mark_animation;
	animation-iteration-count: infinite;
	animation-timing-function: ease-out;
}
.page_war_default_map_vs_icon_mark_img2 {
    -moz-animation-duration: 1.25s;
	-moz-animation-delay:0.42s;
	-moz-animation-name: war_map_vs_icon_mark_animation;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-out;

    -webkit-animation-duration: 1.25s;
	-webkit-animation-delay:0.42s;
    -webkit-animation-name: war_map_vs_icon_mark_animation;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;

    -ms-animation-duration: 1.25s;
	-ms-animation-delay:0.42s;
    -ms-animation-name: war_map_vs_icon_mark_animation;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-out;

    -o-animation-duration: 1.25s;
	-o-animation-delay:0.42s;
    -o-animation-name: war_map_vs_icon_mark_animation;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-out;

	animation-duration: 1.25s;
	animation-delay:0.42s;
	animation-name: war_map_vs_icon_mark_animation;
	animation-iteration-count: infinite;
	animation-timing-function: ease-out;
}

@-webkit-keyframes war_map_vs_icon_mark_animation {
	0% {
		-webkit-transform:scale(0.1,0.1);
		opacity: 1;
	}
	50% {
		-webkit-transform:scale(1,1);
		opacity: 1;
	}
	85% {
		opacity: 0;
	}
	100% {
	}
}
@-moz-keyframes war_map_vs_icon_mark_animation {
	0% {
		-moz-transform:scale(0.1,0.1);
		opacity: 1;
	}
	50% {
		-moz-transform:scale(1,1);
		opacity: 1;
	}
	85% {
		opacity: 0;
	}
	100% {
	}
}
@-ms-keyframes war_map_vs_icon_mark_animation {
	0% {
		-ms-transform:scale(0.1,0.1);
		opacity: 1;
	}
	50% {
		-ms-transform:scale(1,1);
		opacity: 1;
	}
	85% {
		opacity: 0;
	}
	100% {
	}
}
@-o-keyframes war_map_vs_icon_mark_animation {
	0% {
		-o-transform:scale(0.1,0.1);
		opacity: 1;
	}
	50% {
		-o-transform:scale(1,1);
		opacity: 1;
	}
	85% {
		opacity: 0;
	}
	100% {
	}
}
@keyframes war_map_vs_icon_mark_animation {
	0% {
		transform:scale(0.1,0.1);
		opacity: 1;
	}
	50% {
		transform:scale(1,1);
		opacity: 1;
	}
	85% {
		opacity: 0;
	}
	100% {
	}
}

/* 待ち時間アイコン用 回転制御 */
.image_rotate_animation {
	-webkit-animation: spin 3.3s linear infinite;
	-moz-animation: spin 3.3s linear infinite;
	-ms-animation: spin 3.3s linear infinite;
	-o-animation: spin 3.3s linear infinite;
	animation: spin 3.3s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/*———————————–——————————
	メインページ：煙アニメーション
———————————–——————————*/
.main_smoke_back_effect {
    -moz-animation-duration: 18s;
	-moz-animation-name: main_smoke_back_effect_animation;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease;

    -webkit-animation-duration: 18s;
    -webkit-animation-name: main_smoke_back_effect_animation;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;

    -ms-animation-duration: 18s;
    -ms-animation-name: main_smoke_back_effect_animation;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease;

    -o-animation-duration: 18s;
    -o-animation-name: main_smoke_back_effect_animation;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease;

	animation-duration: 18s;
	animation-name: main_smoke_back_effect_animation;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
}
@-webkit-keyframes main_smoke_back_effect_animation {
	0% {
		margin-left:0%;
	}
	50% {
		margin-left:-28.6%;
	}
	100% {
		margin-left:0%;
	}
}
@-moz-keyframes main_smoke_back_effect_animation {
	0% {
		margin-left:0%;
	}
	50% {
		margin-left:-28.6%;
	}
	100% {
		margin-left:0%;
	}
}
@-ms-keyframes main_smoke_back_effect_animation {
	0% {
		margin-left:0%;
	}
	50% {
		margin-left:-28.6%;
	}
	100% {
		margin-left:0%;
	}
}
@-o-keyframes main_smoke_back_effect_animation {
	0% {
		margin-left:0%;
	}
	50% {
		margin-left:-28.6%;
	}
	100% {
		margin-left:0%;
	}
}
@keyframes main_smoke_back_effect_animation {
	0% {
		transform:translateX(0%);
	}
	50% {
		transform:translateX(-28.6%);
	}
	100% {
		transform:translateX(0%);
	}
}

.main_smoke_near_effect {
    -moz-animation-duration: 18s;
	-moz-animation-name: main_smoke_near_effect_animation;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease;

    -webkit-animation-duration: 18s;
    -webkit-animation-name: main_smoke_near_effect_animation;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;

    -ms-animation-duration: 18s;
    -ms-animation-name: main_smoke_near_effect_animation;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease;

    -o-animation-duration: 18s;
    -o-animation-name: main_smoke_near_effect_animation;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease;

	animation-duration: 18s;
	animation-name: main_smoke_near_effect_animation;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
}
@-webkit-keyframes main_smoke_near_effect_animation {
	0% {
		margin-left:-28.6%;
	}
	50% {
		margin-left:0%;
	}
	100% {
		margin-left:-28.6%;
	}
}
@-moz-keyframes main_smoke_near_effect_animation {
	0% {
		margin-left:-28.6%;
	}
	50% {
		margin-left:0%;
	}
	100% {
		margin-left:-28.6%;
	}
}
@-ms-keyframes main_smoke_near_effect_animation {
	0% {
		margin-left:-28.6%;
	}
	50% {
		margin-left:0%;
	}
	100% {
		margin-left:-28.6%;
	}
}
@-o-keyframes main_smoke_near_effect_animation {
	0% {
		margin-left:-28.6%;
	}
	50% {
		margin-left:0%;
	}
	100% {
		margin-left:-28.6%;
	}
}
@keyframes main_smoke_near_effect_animation {
	0% {
		margin-left:-28.6%;
	}
	50% {
		margin-left:0%;
	}
	100% {
		margin-left:-28.6%;
	}
}

.monster_status_result_effect {
    -moz-animation-duration: 0.3s;
	-moz-animation-name: monster_status_result_effect_animation;
    -moz-animation-timing-function: ease-in;

    -webkit-animation-duration: 0.3s;
    -webkit-animation-name: monster_status_result_effect_animation;
    -webkit-animation-timing-function: ease-in;

    -ms-animation-duration: 0.3s;
    -ms-animation-name: monster_status_result_effect_animation;
    -ms-animation-timing-function: ease-in;

    -o-animation-duration: 0.3s;
    -o-animation-name: monster_status_result_effect_animation;
    -o-animation-timing-function: ease-in;

	animation-duration: 0.3s;
	animation-name: monster_status_result_effect_animation;
	animation-timing-function: ease-in;
}

@-webkit-keyframes monster_status_result_effect_animation {
	0% {
		-webkit-transform:scale(3,3);
	}
	100% {
		-webkit-transform:scale(1,1);
	}
}
@-moz-keyframes monster_status_result_effect_animation {
	0% {
		-moz-transform:scale(3,3);
	}
	100% {
		-moz-transform:scale(1,1);
	}
}
@-ms-keyframes monster_status_result_effect_animation {
	0% {
		-ms-transform:scale(3,3);
	}
	100% {
		-ms-transform:scale(1,1);
	}
}
@-o-keyframes monster_status_result_effect_animation {
	0% {
		-o-transform:scale(3,3);
	}
	100% {
		-o-transform:scale(1,1);
	}
}
@keyframes monster_status_result_effect_animation {
	0% {
		transform:scale(3,3);
	}
	100% {
		transform:scale(1,1);
	}
}





/*———————————–——————————
	モンスターエネル注入
———————————–——————————*/

.monster_enell_insert_effect {
    -moz-animation-duration: 0.3s;
	-moz-animation-name: monster_enell_insert_effect_animation;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in;

    -webkit-animation-duration: 0.3s;
    -webkit-animation-name: monster_enell_insert_effect_animation;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in;

    -ms-animation-duration: 0.3s;
    -ms-animation-name: monster_enell_insert_effect_animation;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in;

    -o-animation-duration: 0.3s;
    -o-animation-name: monster_enell_insert_effect_animation;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in;

	animation-duration: 0.3s;
	animation-name: monster_enell_insert_effect_animation;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in;
}

@-webkit-keyframes monster_enell_insert_effect_animation {
	0% {
		-webkit-transform:scale(3,3);
	}
	100% {
		-webkit-transform:scale(0.1,0.1);
	}
}
@-moz-keyframes monster_enell_insert_effect_animation {
	0% {
		-webkit-transform:scale(3,3);
	}
	100% {
		-webkit-transform:scale(0.1,0.1);
	}
}
@-ms-keyframes monster_enell_insert_effect_animation {
	0% {
		-webkit-transform:scale(3,3);
	}
	100% {
		-webkit-transform:scale(0.1,0.1);
	}
}
@-o-keyframes monster_enell_insert_effect_animation {
	0% {
		-webkit-transform:scale(3,3);
	}
	100% {
		-webkit-transform:scale(0.1,0.1);
	}
}
@keyframes monster_enell_insert_effect_animation {
	0% {
		-webkit-transform:scale(3,3);
	}
	100% {
		-webkit-transform:scale(0.1,0.1);
	}
}


/*———————————–——————————
	覚醒解放
———————————–——————————*/
/*モンスターの情報の位置*/
.LB_def_pos{
	position:absolute;
	top:1.3em;
	left:0;
	width:100%;
}

/*モンスターの情報アイコン*/
.LB_info_icon_pos{
	position:absolute;
	top:0;
	right:0;
	width:25%;
	z-index:1;

}


.LB_M_name_bg{
	background-color:rgba(0, 0, 0, 0.7);
	width:95%;
	margin:0 auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom:5px;
	text-shadow:0 0 1px #ff8c00,0 0 1px #ff8c00, 0 0 2px #ff8c00,0 0 2px #ff8c00, 0 0 3px #ff8c00;
	color:#ffffff;
	text-align:center;

}
/*覚醒解放後のステータス表示*/
.LB_M_update_bg{
	background-color:rgba(0, 0, 128, 0.8);
	width:90%;
	margin:0 auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:3px
	line-height: 1.3;
	color:#ffffff;
	text-align:center;

}



.LB_st_pos{
	text-align:left;
	line-height:1.1;
	margin-left:10%;
}




/*———————————–——————————
	集金ページ
———————————–——————————*/
/*集金*/
.gold_touch_info{
	margin-top:-25px;
	margin-bottom:10px;
}

.gold_touch_info > img {
	width:100%;
}

/*注意文*/
.security_msg{
	margin:0 auto;
	text-shadow:0 0 0;
	line-height: 1.1;
	background-color: #ff9900;
	background: -moz-linear-gradient(top, #ffcc00, #ffee00);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#ffee00));
	color:#fff;
	padding:5px;
	width:80%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
/*集金のリストの画像の可変*/
.gold_list_img > img{
	width:100%;
}

/*集金のリスト情報部分*/
.gold_list_info{
	margin-top:3px;
	line-height:1.2;
	min-height:72px;
}

/*集金_ボーナス表示*/
.gold_list_bonus{
	background-color:#ffffaa;
	color:#000000;
}


/*———————————–——————————
	建築
———————————–——————————*/
/*発展させよう！の背景*/
.build_listbg{
	color:#FFF;
	background-color:#602916;
	padding:0;
	margin:0;
	background-image:url(/img/island/menu_back.jpg);
	background-repeat:no-repeat;
	background-size:100% auto	;
}

.event_build_bg{
	background-color:#666666;
	text-align:center;
	margin:0 auto;
	padding-top:0.1em;
	width:80%;
}

/*イベント建物を持っていない*/
.event_build_bg_no{
	background-color:#666666;
	text-align:center;
	margin:0 auto;
	padding-top:0.1em;
	width:80%;
}

.tabbox_build{
	background-image:url(../img/build_end/modal_build_bg.png);
	background-size: 100% auto;
	background-position:top;
	background-repeat:repeat;
}

/*———————————–——————————
	カードステータス
———————————–——————————*/
/* カードステータス　色　名前 */
.cardcolor_name{
	color:#333399;
}
/*体力*/
.cardcolor_hp{
	color:#0033CC;
}
/*攻撃*/
.cardcolor_attack{
	color:#CC0000;
}
/*速さ*/
.cardcolor_speed{
	color:#9900FF;
}
/*物防*/
.cardcolor_defense{
	color:#602916;
}
/*魔防*/
.cardcolor_magic_defense{
	color:#9900FF;
}
/* 名前(背景色濃い時用)*/
.cardcolor_name_b{
	color:#ABABE2;
}
/*体力(背景色濃い時用)*/
.cardcolor_hp_b{
	color:#95AFFF;
}
/*攻撃(背景色濃い時用)*/
.cardcolor_attack_b{
	color:#FFA6A6;
}
/*速さ(背景色濃い時用)*/
.cardcolor_speed_b{
	color:#E3BBFF;
}
/*速さ(背景色濃い時用)*/
.cardcolor_defense_b{
	color:#945332;
}
/*速さ(背景色濃い時用)*/
.cardcolor_magic_defense_b{
	color:#E3BBFF;
}

/*---スキル玉画像---*/
.master_card_skill_icon {
	width:14px;
	height:14px;
}
.card_list_skill_icon {
	width:12px;
	height:12px;
}


.status_label_bg {
	color:#000000;
	left: 0px;
	top: 0px;
	padding:2px 10px 2px 2px;
	background: -webkit-gradient(linear, left bottom, right top, from( rgba(255,250,150,0.8) ),  color-stop(0.80, rgba(255,250,150,0.8)),color-stop(0.95, rgba(255,255,255,0)), to(rgba(255,255,255,0))); /* Saf4+, Chrome */
	background: -webkit-linear-gradient(left rgba(255,250,150,0.8), rgba(255,250,150,0.75) 80%,rgba(255,255,255,0) 95%, rgba(255,255,255,0) ); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(left rgba(255,250,150,0.8), rgba(255,250,150,0.75) 80%,rgba(255,255,255,0) 95%, rgba(255,255,255,0) ); /* FF3.6 */
	background:     -ms-linear-gradient(left rgba(255,250,150,0.8), rgba(255,250,150,0.75) 80%,rgba(255,255,255,0) 95%, rgba(255,255,255,0) ); /* IE10 */
	background:      -o-linear-gradient(left rgba(255,250,150,0.8), rgba(255,250,150,0.75) 80%,rgba(255,255,255,0) 95%, rgba(255,255,255,0) ); /* Opera 11.10+ */
	background:         linear-gradient(left rgba(255,250,150,0.8), rgba(255,250,150,0.75) 80%,rgba(255,255,255,0) 95%, rgba(255,255,255,0) );
}

/*------------------------------------------------------------------------------
デッキ編集
-------------------------------------------------------------------------------*/
/*---スクロール領域---*/
.Card_SelectArea {
	overflow-y: scroll;
	padding: 0.5em 1.5em 0.5em 1.5em;
}
/*---カード選択スクロールバー消す---*/
.Card_SelectArea::-webkit-scrollbar {
	display: none;
}
/*---カード画像---*/
.DeckEdit_Card {
	position: relative;
	width: 4.5em;
	line-height:70%;
	margin: 0em 0.5em 0.3em 0.5em;
}
.DeckEdit_Card > img {
	width: 100%;
}
/*---カード　詳細時上書き---*/
.DeckEdit_Card_Detail {
	margin: 0.5em 0.5em 0.3em 0.5em;
}
/*---カードが黒くなる---*/
.DeckEdit_CardShadow{
	margin-top:-4.5em;
	width:4.5em;
	height:4.5em;
}
/*---右端余白用---*/
.Card_SelectArea_Blank_Space {
	width: 4em;
}
.column {
	display: box;
	display:-webkit-box;
	display:-moz-box;
	width:100%;
}
.colorlightGray{
	color:#dddddd !important;
}
/*---タップ前・タップ中・タップ後---*/
.imgBtn_1, .imgBtn_2,
.imgBtn_gray1, .imgBtn_gray2, .imgBtn_gray3{
	width:100%;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
}
.imgBtn_gray1, .imgBtn_gray2, .imgBtn_gray3{
	height:2em;
}
/*---幅---*/
/* ステータスアイコン・キャラクターアイコン・アイコン・プレイヤーアイコン */
.objectImg{
	width:100%;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
/* 位置指定 */
.relative{
	position: relative;
}
.absolute_default{
	position:absolute;
	top:0;
	left:0;
}

/*------------------------------------------------------------------------------
ガチャ
-------------------------------------------------------------------------------*/
/*---ステータス系---*/
/*---文字青発行---*/
.text_lightblue{
	text-shadow: 0 0 5px #00d5ff,0 0 5px #00d5ff;
}

.absolute_bottom{
	position:absolute;
	bottom:0;
	left:0;
}

/*---10連ガチャフッターボタン---*/
.under_btn{
	text-shadow: 0 0 5px #00d5ff,0 0 5px #00d5ff;
}

/*———————————–——————————
	覚醒合成
———————————–——————————*/
.comp_btnpos{
	text-align:right;
	margin-top:-1.2em;
}

.comp_st_pos{
	text-align:left;
	color:#4F0000;
	line-height:1.1;
	margin-left:10%;
}

/*———————————–——————————
	ゲージ
———————————–——————————*/
/* メーターの背景 */
.gauge_grey_bg {
	background-color:#222222;
	border: 1px solid #000000;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}
/* メーターの光 */
.gauge_mold_bg {
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-moz-box-shadow: inset 0px 0.2em 0.2em rgba(255,255,255,0.8) !important;
	-webkit-box-shadow: inset 0px 0.2em 0.2em rgba(255,255,255,0.8) !important;
	box-shadow: inset 0px 0.2em 0.2em rgba(255,255,255,0.8) !important;
}
/* メーターの色 */
.gauge_light_blue{
	background-color:#00ffff;
	border: 1px solid #000000;
}
/* メーターの影 */
.gauge_shadow_bg {
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	background-color: #000000;
	background: -webkit-gradient(linear, left top, left bottom, from( rgba(0,0,0,0) ),color-stop(0.1, rgba(0,0,0,0.8)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */
	background: -webkit-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.8) 10%, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.8) 10%, rgba(0,0,0,0) ); /* FF3.6 */
	background:     -ms-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.8) 10%, rgba(0,0,0,0) ); /* IE10 */
	background:      -o-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.8) 10%, rgba(0,0,0,0) ); /* Opera 11.10+ */
	background:         linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.8) 10%, rgba(0,0,0,0) );
}

/*---------------------------------------
その他
----------------------------------------*/
/*---マニュアル---*/
.help_skilllist_skill_icon {
	vertical-align:middle;
	margin-right:2px
}
ul.help_skill_list li{
	padding:0 10px 5px 15px !important;
}
ul.help_skill_list li p{
	margin-left:15px;
	white-space: normal;
}

/*---Q&Aジャンル用---*/
.question_genre {
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.question_genre_s{
	padding:1px 10px;
	margin-bottom:10px;
	margin-right:10px;
	color:#4d4d4d;
	background-color:#d3d3d3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: 1px 1px 1px #ffffff;
	box-shadow:1px 1px 0 2px #808080;
	-moz-box-shadow:1px 1px 0 2px #808080;
	-webkit-box-shadow:1px 1px 0 2px #808080;
}

.pet_dialog_bg {
	background: 			rgba(0,0,0,0.8) /*{a-bup-background-color}*/;
	color:#fff;
	font-weight: bold;
}

.pet_tabbtn_bg {
	background-color: #694b25;
	border: 2px solid #ff2222;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #000000 ), to( #666666 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #000000, #666666 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #000000, #666666 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #000000, #666666 ); /* IE10 */
	background-image:      -o-linear-gradient( #000000, #666666 ); /* Opera 11.10+ */
	background-image:         linear-gradient( #000000, #666666 );
	-moz-box-shadow: 0.2em -0.1em 0.2em rgba(0,0,0,0.7) !important;
	-webkit-box-shadow: 0.2em -0.1em 0.2em rgba(0,0,0,0.7) !important;
	box-shadow: 0.2em -0.1em 0.2em rgba(0,0,0,0.7) !important;
}

.pet_mp_bg {
	background: -webkit-gradient(linear, left top, right bottom, from( rgba(0,0,0,0) ),  color-stop(0.3, rgba(255,255,0,1)),color-stop(0.7, rgba(255,255,0,1)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */
	background: -webkit-linear-gradient(left rgba(0,0,0,0), rgba(255,255,0,1) 30%,rgba(255,255,0,1) 70%, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(left rgba(0,0,0,0), rgba(255,255,0,1) 30%,rgba(255,255,0,1) 70%, rgba(0,0,0,0) ); /* FF3.6 */
	background:     -ms-linear-gradient(left rgba(0,0,0,0), rgba(255,255,0,1) 30%,rgba(255,255,0,1) 70%, rgba(0,0,0,0) ); /* IE10 */
	background:      -o-linear-gradient(left rgba(0,0,0,0), rgba(255,255,0,1) 30%,rgba(255,255,0,1) 70%, rgba(0,0,0,0) ); /* Opera 11.10+ */
	background:         linear-gradient(left rgba(0,0,0,0), rgba(255,255,0,1) 30%,rgba(255,255,0,1) 70%, rgba(0,0,0,0) );
}
.pet_rank_bg {
	color:#000000;
	left: 0px;
	top: 0px;
	padding:2px 10px 2px 2px;
	background: -webkit-gradient(linear, left top, right bottom, from( rgba(255,150,0,0.8) ),  color-stop(0.75, rgba(255,150,0,0.8)),color-stop(0.8, rgba(0,0,0,0)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */
	background: -webkit-linear-gradient(left rgba(255,150,0,0.8), rgba(255,150,0,0.75) 80%,rgba(0,0,0,0) 80%, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(left rgba(255,150,0,0.8), rgba(255,150,0,0.75) 80%,rgba(0,0,0,0) 80%, rgba(0,0,0,0) ); /* FF3.6 */
	background:     -ms-linear-gradient(left rgba(255,150,0,0.8), rgba(255,150,0,0.75) 80%,rgba(0,0,0,0) 80%, rgba(0,0,0,0) ); /* IE10 */
	background:      -o-linear-gradient(left rgba(255,150,0,0.8), rgba(255,150,0,0.75) 80%,rgba(0,0,0,0) 80%, rgba(0,0,0,0) ); /* Opera 11.10+ */
	background:         linear-gradient(left rgba(255,150,0,0.8), rgba(255,150,0,0.75) 80%,rgba(0,0,0,0) 80%, rgba(0,0,0,0) );
}


.pet_tab_bg {
	background-image: -webkit-gradient(linear, left top, left bottom, from( #882200 ), color-stop(0.5, #000000), to( #000000 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #882200, #000000 50%,#000000 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #882200, #000000 50%,#000000 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #882200, #000000 50%,#000000 ); /* IE10 */
	background-image:      -o-linear-gradient( #882200, #000000 50%,#000000 ); /* Opera 11.10+ */
	background-image:         linear-gradient( #882200, #000000 50%,#000000 );
}

.pet_boost_tpl {
	color:#ffffff;
	text-shadow: none;
	padding:2px;
	right: 0px;
	top: 0px;
	border-radius: 0 0 0 10px;
	background-color:#222222;
}

/* メーターの背景 */
.pet_meter_grey_bg {
	background-color:#222222;
	border: 1px solid #000000;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}

/* メーターの光 */
.pet_meter_mold_bg {
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-moz-box-shadow: inset 0px 0.2em 0.2em rgba(255,255,255,0.8) !important;
	-webkit-box-shadow: inset 0px 0.2em 0.2em rgba(255,255,255,0.8) !important;
	box-shadow: inset 0px 0.2em 0.2em rgba(255,255,255,0.8) !important;
}
.pet_meter_radius_bg {
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}

/* メーターの影 */
.pet_meter_shadow_bg {
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	background-color: #000000;
	background: -webkit-gradient(linear, left top, left bottom, from( rgba(0,0,0,0) ),color-stop(0.1, rgba(0,0,0,0.8)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */
	background: -webkit-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.8) 10%, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.8) 10%, rgba(0,0,0,0) ); /* FF3.6 */
	background:     -ms-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.8) 10%, rgba(0,0,0,0) ); /* IE10 */
	background:      -o-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.8) 10%, rgba(0,0,0,0) ); /* Opera 11.10+ */
	background:         linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.8) 10%, rgba(0,0,0,0) );
}
/* メーターの色 */
.pet_quest_meter_red{
	background-color:#dd3300;
	border: 1px solid #000000;
}
/* メーターの色 */
.pet_quest_meter_orange{
	background-color:#ffa500;
	border: 1px solid #000000;
}
.pet_btn_bg {
	width: 100%;
	background-image:url("../img/team/pet/btn_bg.jpg");
	background-size:contain;
	background-repeat:no-repeat;
}









/*---------------------------↓以下、削除予定---------------------------*/

/* チャットシステム文言　色 */
.chatsys_msg{
	color:#157EB7;
}


/* メイン　ステータス文字 */
.page_Main_island_status_font01 {
	color:#3f3d38;
	font-weight:bold;
}

/* コンテンツ内、横マージン */
.css_margin_box {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}


/* メインページの下部メニュー上下スペース */
.main_bottommenu_space a{
	padding:5px 0;
	text-shadow:0 0 0;
}

/* ヘッダー画像 */
.css_header_img{
	width:100%;
	line-height: 0;
	font-size:0;
	padding:0;
}

/* スタミナ回復時間 */
.page_main_default_design_mission_stamina {
	margin-bottom: -10px;
	text-align:right;
}


/*開閉メニュー吹き出し*/
.balloon_top {
	position: relative;
	display: inline-block;
	width:100%;
	color: #fff;
	background-color:#513621;
}
.balloon_top:after {
	content: "";
	position: absolute;
	top: -10px;
	right: 10%;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #513621 transparent;
}
/*ツールチップ吹き出し*/
.toolTip_top, .toolTip_left, .toolTip_right {
	position: relative;
	display: inline-block;
	width:100%;
	color: #fff;
	background-color:rgba(0, 0, 0, 0.8);
	text-shadow:none;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow:2px 3px 6px 0 #000000;
	-moz-box-shadow:2px 3px 6px 0 #000000;
	-webkit-box-shadow:2px 3px 6px 0 #000000;
	z-index:10;
}
.toolTip_top:after {
	content: "";
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #000 transparent;
}
.toolTip_left:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -10px;
	margin-top: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #000 transparent transparent;
}
.toolTip_right:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -10px;
	margin-top: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #000;
}

/*条件クリアなどのチェックマーク*/
.mark_check{
	position: relative;
	padding-right:1px;
}

.mark_check:after{
	position: absolute;
	display: block;
	content: "";
	width: 0.5em;
	height: 1em;
	top:0;
	right:0.5em;
	border: solid 3px #00ff00;
	border-left: 0;
	border-top: 0;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}

/* バナーの下テキスト用枠 */
.banner_text {
	display: table;
	color: #5A2E2E;
	font-weight:bold;
	line-height: 1.1;
	border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	-moz-border-radius: 0 0 7px 7px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(0.5 rgba(255,255,255,0.8) )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( rgba(255,255,255,0), rgba(255,255,255,0.8) 50% ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( rgba(255,255,255,0), rgba(255,255,255,0.8) 50% ); /* FF3.6 */
	background-image:     -ms-linear-gradient( rgba(255,255,255,0), rgba(255,255,255,0.8) 50% ); /* IE10 */
	background-image:      -o-linear-gradient( rgba(255,255,255,0), rgba(255,255,255,0.8) 50% ); /* Opera 11.10+ */
	background-image:         linear-gradient( rgba(255,255,255,0), rgba(255,255,255,0.8) 50% );
	padding:15px 15px 4px;
	margin:-18px auto 0;
}

/* バナーの下テキスト用枠(戦争バナー用) */
.banner_text_war {
	display: table;
	color: #ffffff;
	font-weight:bold;
	line-height: 1.1;
	border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	-moz-border-radius: 0 0 7px 7px;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #AE0000 ), to( #CC0000 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #AE0000, #CC0000 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #AE0000, #CC0000 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #AE0000, #CC0000 ); /* IE10 */
	background-image:      -o-linear-gradient( #AE0000, #CC0000 ); /* Opera 11.10+ */
	background-image:         linear-gradient( #AE0000, #CC0000 );
	padding:15px 15px 4px;
	margin:-18px auto 0;
}

/* ヘルプ用BG */
.help_bg {
	margin:0 auto 5px;
	width:85%;
	line-height: 1.5;
	margin-top:15px;
	margin-bottom:15px;
	padding:5px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color:#ffffff;
	box-shadow:0 0 10px #1e6b82;
	-webkit-box-shadow:0 0 10px #1e6b82;
	-moz-box-shadow:0 0 10px #1e6b82;
	background-color:#d0d0d0;
	color:#1e6b82;
}

/* Q&AのQ */
.QandA_bg {
	margin:0 auto 5px;
	width:75%;
	line-height: 1.8;
	margin-top:15px;
	margin-bottom:15px;
	padding:5px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color:#f5f5f5;
	color:#000000;
	min-height:80px;
	max-height:80px;
}

/* クイズ用BG */
.quize_bg {
	margin:0 auto 5px;
	width:75%;
	line-height: 1.8;
	padding:5px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color:#000000;
	color:#ffffff;
}


/* TOPお知らせセル */
.activetext_color{
	color:#FFF;
}

/* TOPお知らせセル */
.activetext_color:active{
	color:#008FBF;
}

/* 白バック */
.back_white {
	background-color: #fef9f3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* 行間詰め白バック1.3 */
.lineheight1_3_white {
	line-height: 1.3;
	background-color: #fef9f3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* 行間詰め白バック1.1 */
.lineheight1_1_white {
	line-height: 1.1;
	background-color: #fef9f3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* 行間詰め白バック1.1　チュートリアル用 */
.lineheight1_1_white_tutorial {
	line-height: 1.2;
	background-color: #fef9f3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:5px 3px 5px 5px;
	margin:5px 8px;
	color:#68432B;
	text-align:left;
}

/* 行間詰め茶バック角丸1.1 */
.lineheight1_1_brown {
	line-height: 1.1;
	padding:5px 0;
	background-color: #593b25;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #593b25 ), to( #392617 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #593b25, #392617 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #593b25, #392617 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #593b25, #392617 ); /* IE10 */
	background-image:      -o-linear-gradient( #593b25, #392617 ); /* Opera 11.10+ */
	background-image:         linear-gradient( #593b25, #392617 );
}

/* 行間詰め茶バック角丸なし1.1 青色に変更*/
.lineheight1_1_brown_square {
	line-height: 1.1;
	padding:5px 0;
	background-color: #003965;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #073558 ), to( #003965 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #073558, #003965 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #073558, #003965 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #073558, #003965 ); /* IE10 */
	background-image:      -o-linear-gradient( #073558, #003965 ); /* Opera 11.10+ */
	background-image:         linear-gradient( #073558, #003965 );
}

/* 行間詰めうす茶バック1.1
白に変更 */
.lineheight1_1_brown2 {
	line-height: 1.1;
	padding:5px 0;
	background-color: #ffffff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f1f1f1 ), to( #dadada )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f1f1f1, #dadada ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f1f1f1, #dadada ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f1f1f1, #dadada ); /* IE10 */
	background-image:      -o-linear-gradient( #f1f1f1, #dadada ); /* Opera 11.10+ */
	background-image:         linear-gradient( #f1f1f1, #dadada );
}

/* 行間詰め灰色バック1.1（船が選べない時) */
.lineheight1_1_gray {
	line-height: 1.1;
	padding:5px 0;
	background-color: #d0d0d0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 ), to( #979797 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #d0d0d0, #979797 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #d0d0d0, #979797 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #d0d0d0, #979797 ); /* IE10 */
	background-image:      -o-linear-gradient( #d0d0d0, #979797 ); /* Opera 11.10+ */
	background-image:         linear-gradient( #d0d0d0, #979797 );
}


/* 行間詰め青バック1.1 */
.lineheight1_1_blue {
	line-height: 1.1;
	padding:5px 0;
	background-color: #62A0FF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ACF ), to( #62A0FF )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #ACF, #62A0FF ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ACF, #62A0FF ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ACF, #62A0FF ); /* IE10 */
	background-image:      -o-linear-gradient( #ACF, #62A0FF ); /* Opera 11.10+ */
	background-image:         linear-gradient( #ACF, #62A0FF );
}

/* 行間詰め青バック角丸なし1.1 */
.lineheight1_1_blue_square {
	line-height: 1.1;
	padding:5px 0;
	background-color: #62A0FF;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ACF ), to( #62A0FF )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #ACF, #62A0FF ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ACF, #62A0FF ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ACF, #62A0FF ); /* IE10 */
	background-image:      -o-linear-gradient( #ACF, #62A0FF ); /* Opera 11.10+ */
	background-image:         linear-gradient( #ACF, #62A0FF );
}

/* 行間詰め青バック角丸なし1.1 */
.lineheight1_1_deepblue_square {
	line-height: 1.1;
	padding:5px 0;
	background-color: #003482;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #1A75FF ), to( #003482 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #1A75FF, #003482 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #1A75FF, #003482 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #1A75FF, #003482 ); /* IE10 */
	background-image:      -o-linear-gradient( #1A75FF, #003482 ); /* Opera 11.10+ */
	background-image:         linear-gradient( #1A75FF, #003482 );
}


/* 行間詰め白バック1.1 */
.lineheight1_1_white2 {
	line-height: 1.1;
	padding:5px 0;
	background-color: #ffffff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f5f5f5 ), to( #a9a9a9 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #ffffff, #a9a9a9 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffffff, #a9a9a9 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffffff, #a9a9a9 ); /* IE10 */
	background-image:      -o-linear-gradient( #ffffff, #a9a9a9 ); /* Opera 11.10+ */
	background-image:         linear-gradient( #ffffff, #a9a9a9 );
}

/* 行間詰め緑バック1.1 */
.lineheight1_1_green {
	line-height: 1.1;
	padding:5px 0;
	background-color: #27BE16;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #CAFFAA ), to( #27BE16 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #CAFFAA, #27BE16 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #CAFFAA, #27BE16 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #CAFFAA, #27BE16 ); /* IE10 */
	background-image:      -o-linear-gradient( #CAFFAA, #27BE16 ); /* Opera 11.10+ */
	background-image:         linear-gradient( #CAFFAA, #27BE16 );
}

/* チャットメッセージ背景 */
.chat_bg {
	line-height: 1.1;
	padding:0;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( rgb(4,47,57) ), to( rgb(10,77,89) )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( rgb(4,47,57), rgb(10,77,89) ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( rgb(4,47,57), rgb(10,77,89) ); /* FF3.6 */
	background-image:     -ms-linear-gradient( rgb(4,47,57), rgb(10,77,89) ); /* IE10 */
	background-image:      -o-linear-gradient( rgb(4,47,57), rgb(10,77,89) ); /* Opera 11.10+ */
	background-image:         linear-gradient( rgb(4,47,57), rgb(10,77,89) );
}

/* 行間詰め透明バック1.3 */
.lineheight1_3_non {
	line-height: 1.3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* 行間詰め透明バック1.1 */
.lineheight1_1_non {
	line-height: 1.1;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/*↓綴りミスなのでそのうち消す*/
.link_allow > div{
	background-image:url(../img/common/link_allow.png);
	background-position:center right;
	background-size:1.5em;
	background-repeat:no-repeat;
}

/* システムメッセージ赤 */
.system_msg {
	margin:0 auto;
	text-shadow:0 0 0;
	line-height: 1.1;
	background-color: #aa0000;
	background: -moz-linear-gradient(top, #aa0000, #dd4400);
	background: -webkit-gradient(linear, left top, left bottom, from(#aa0000), to(#dd4400));
	color:#fff;
	padding:5px;
	width:80%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* システムメッセージ枠 */
.system_msg_waku {
	margin:0 auto;
	text-shadow:0 0 0;
	line-height: 1.1;
	color:#000000;
	padding:5px;
	width:80%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 0 5px #000000;
	-webkit-box-shadow:0 0 5px #000000;
	-moz-box-shadow:0 0 5px #000000;
}










/* 建築開始 角丸テーブル */
.table_coder {
	border-spacing: 0;
	border: 1px solid #725c47;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
}

.table_coder th,
.table_coder td {
	padding:2px;
	background-color:#FEF0DE;
	border-bottom:solid 1px #725c47;
	border-right:solid 1px #725c47;
	white-space:nowrap;
}

.table_coder th {
    background-color:#2e251c;
    color:#ffffff;
}

.table_coder tr:first-child th:first-child,
.table_coder tr:first-child td:first-child {
	-webkit-border-radius: 6px 0 0 0;
	-moz-border-radius: 6px 0 0 0;
	-o-border-radius: 6px 0 0 0;
	border-radius: 6px 0 0 0;
}

.table_coder tr:first-child th:last-child,
.table_coder tr:first-child td:last-child {
	-webkit-border-radius: 0 6px 0 0;
	-moz-border-radius: 0 6px 0 0;
	-o-border-radius: 0 6px 0 0;
	border-radius: 0 6px 0 0;
}

.table_coder tr:last-child th:first-child,
.table_coder tr:last-child td:first-child {
	-webkit-border-radius: 0 0 0 6px;
	-moz-border-radius: 0 0 0 6px;
	-o-border-radius: 0 0 0 6px;
	border-radius: 0 0 0 6px;
}

.table_coder tr:last-child th:last-child,
.table_coder tr:last-child td:last-child {
	-webkit-border-radius: 0 0 6px 0;
	-moz-border-radius: 0 0 6px 0;
	-o-border-radius: 0 0 6px 0;
	border-radius: 0 0 6px 0;
}

/* 画像に枠(建物アイコンで使用) */
.img_frame{
	border-top:solid 1px #c0c0c0;
	border-left:solid 1px #a9a9a9;
	box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
}


/* 要素に白影 */
.boxshadow {
box-shadow: 0 0 10px #FFFFFF;
}

/* 要素に黒影 */
.boxshadow_black {
	box-shadow: 0 0 10px #000000;
}
.boxshadow_black5 {
	box-shadow: 0 0 5px #000000;
}

/* 要素に赤影 */
.boxshadow_red10 {
box-shadow: 0 0 10px #F00;
}

/* 要素にオレンジ影 */
.boxshadow_orange10 {
box-shadow: 0 0 10px #FF6600;
}





/* 要素に点滅赤影 */
.boxglow_red {
	box-shadow: 0 0 10px 5px #F00;
}

.box_red_inset {
	box-shadow: 0 0 10px #F00 inset;
}

/* 要素に点滅赤影 内側 */
.boxglow_red_inset {
	box-shadow: 0 0 10px #F00 inset;
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: boxglow_red_inset;

	-moz-animation-direction: alternate;
	-moz-animation-duration: 0.8s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-name: boxglow_red_inset;

	-ms-animation-direction: alternate;
	-ms-animation-duration: 0.8s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-name: boxglow_red_inset;

	-o-animation-direction: alternate;
	-o-animation-duration: 0.8s;
	-o-animation-iteration-count: infinite;
	-o-animation-name: boxglow_red_inset;

	animation-direction: alternate;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
	animation-name: boxglow_red_inset;
}
@-webkit-keyframes boxglow_red_inset {
	0% {
		-webkit-box-shadow: 0 0 10px 5px rgba(255,000,000,0.1) inset;
	}
	100% {
		-webkit-box-shadow: 0 0 10px 5px rgba(255,000,000,1) inset;
	}
}

/* 要素に点滅赤影 内側 */
.boxglow_red_circle {
	box-shadow: 0 0 10px #F00 inset;
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: boxglow_red_circle;

	-moz-animation-direction: alternate;
	-moz-animation-duration: 0.8s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-name: boxglow_red_circle;

	-ms-animation-direction: alternate;
	-ms-animation-duration: 0.8s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-name: boxglow_red_circle;

	-o-animation-direction: alternate;
	-o-animation-duration: 0.8s;
	-o-animation-iteration-count: infinite;
	-o-animation-name: boxglow_red_circle;

	animation-direction: alternate;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
	animation-name: boxglow_red_circle;
}
@-webkit-keyframes boxglow_red_circle {
	0% {
		background: -moz-radial-gradient(50% 50% at 50% 50%, #720202 0%, #680D0D 100%);
		background: -webkit-radial-gradient(50% 50% at 50% 50%, #720202 0%, #680D0D 100%);
		background: radial-gradient(50% 50% at 50% 50%, #720202 0%, #680D0D 100%);
	}

	100% {
		background: -moz-radial-gradient(50% 50% at 50% 50%, #E90101 0%, #680D0D 100%);
		background: -webkit-radial-gradient(50% 50% at 50% 50%, #E90101 0%, #680D0D 100%);
		background: radial-gradient(50% 50% at 50% 50%, #E90101 0%, #680D0D 100%);
	}
}


.absolute{
	position:absolute;
}
.absolute_default{
	position:absolute;
	top:0;
	left:0;
}



/*---------------------------------------
カードリスト部分
----------------------------------------*/
/* スキル表示小枠 */
.skillmini_border01 {
	text-shadow:0 0 0;
	border:solid 1px rgba(0,0,0,0.3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin:0 3px;
	color:#C00;
}

/* スキル表示小枠 */
.skillmini_border02 {
	border-bottom:solid 1px rgba(0,0,0,0.3);
}

/* スキル表示小枠 */
.skillmini_border03 {
	border-left:solid 1px rgba(0,0,0,0.3);
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important;
}

/* スキル表示小枠 */
.skillmini_border01 div{
	overflow:hidden;
}

/* スキル表示小枠 */
.skillmini_border03 .ui-block-a{
	width:100%;
}

/* スキル表示枠 */
.skill_border01 {
	border:solid 1px #88513C;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin:3px 0 0;
	color:#F30;
	text-align:left;
}

/* スキル表示枠 */
.skill_border02 {
	border-bottom:solid 1px #88513C;
}

.card_list_background_color {
	background-color: #1d3d53;
}

/*---------------------------------------
戦争
----------------------------------------*/
/*残り時間枠*/
.TWend_timebg{
	background-color:rgba(0, 0, 0, 0.7);
	border-radius: 0 0 15px 15px;
	-webkit-border-radius: 0 0 15px 15px;
	-moz-border-radius: 0 0 15px 15px;
	padding:0.5em;


}


/*---------------------------------------
港
----------------------------------------*/
.dock_num{
	padding:0.2em 0;
	background-color: #333333;
	color:#C5C5C5;
	box-shadow: 0 0 5px #000000;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	font-weight:bold;
	text-align:center;
	text-shadow:none;
}

.shipLv_bg{
	position:absolute;
	top:0;
	right:2em;
	text-shadow: 1px 1px 1px #000;
	background: -moz-linear-gradient(right top, rgba(0,0,0,0.7),color-stop(70%, rgba(0,0,0,0.7)),rgba(255,255,255,0));
	background: -webkit-gradient(linear, right top, left bottom, from(rgba(0,0,0,0.7)),color-stop(70%, rgba(0,0,0,0.7)), to(rgba(255,255,255,0)));
	background: linear-gradient(right top, rgba(0,0,0,0.7),color-stop(70%, rgba(0,0,0,0.7)), rgba(255,255,255,0));
	color:#fff;
	padding:0.2em;
}
.text_border_shipLv{
	text-shadow:0 0 2px #00559B, 0 0 2px #00559B, 0 0 2px #00559B, 0 0 2px #00559B, 0 0 2px #00559B, 0 0 2px #00559B;
}

/*造船中通知*/
.making_ship_bg{
	position:absolute;
	bottom:1.5em;
	left:0;
	text-shadow: 1px 1px 1px #000;
	background: -moz-linear-gradient(left top, rgba(0,0,0,0.7),color-stop(70%, rgba(0,0,0,0.7)),rgba(255,255,255,0));
	background: -webkit-gradient(linear, left top, right bottom, from(rgba(0,0,0,0.7)),color-stop(70%, rgba(0,0,0,0.7)), to(rgba(255,255,255,0)));
	background: linear-gradient(left top, rgba(0,0,0,0.7),color-stop(70%, rgba(0,0,0,0.7)), rgba(255,255,255,0));
	color:#fff;
	padding:0.2em;
}

/*交易通知の吹き出し*/
.ballon_commerce, .ballon_commerce_other{
	position: relative;
	display: inline-block;
	width:100%;
	text-shadow:none;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow:2px 3px 6px 0 #000000;
	-moz-box-shadow:2px 3px 6px 0 #000000;
	-webkit-box-shadow:2px 3px 6px 0 #000000;
	z-index:10;
}
/*自分の交易*/
.ballon_commerce{
	background-color:#fff6b9;
}
/*交易された*/
.ballon_commerce_other{
	background-color:#fff;
}

.ballon_commerce:after, .ballon_commerce_other:after{
	content: "";
	position: absolute;
	top: -10px;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
}
.ballon_commerce:after {
	right: 13%;
	border-color: transparent transparent #fff6b9 transparent;
}
.ballon_commerce_other:after {
	right: 40%;
	border-color: transparent transparent #fff transparent;
}

/**/
.bg_ship_select{
	background-image:url(../img/temp_commerce/bg_ship_select.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

/*強化素材tips*/
.toolTip_material {
	position: relative;
	display: inline-block;
	width:100%;
	color: #fff;
	background-color:rgba(0, 0, 0, 0.8);
	text-shadow:none;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow:2px 3px 6px 0 #000000;
	-moz-box-shadow:2px 3px 6px 0 #000000;
	-webkit-box-shadow:2px 3px 6px 0 #000000;
	z-index:10;
}
.toolTip_material:after {
	content: "";
	position: absolute;
	top: 2.2em;
	right: -10px;
	margin-top: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #000;
}
/*----------------------------------------------
ガチャページ
----------------------------------------------*/
/*ツールチップ_強化アイテム説明*/
.toolTip_charaItem_left, .toolTip_charaItem_center, .toolTip_charaItem_right{
	position: relative;
	display: inline-block;
	width:100%;
	color: #fff;
	background-color:rgba(0, 0, 0, 0.8);
	text-shadow:none;
	border:#666 1px solid;
	border-radius:10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	box-shadow:2px 3px 6px 0 #000000;
		-moz-box-shadow:2px 3px 6px 0 #000000;
		-webkit-box-shadow:2px 3px 6px 0 #000000;
	padding:0.5em;
	line-height:120%;
	z-index:10;
}
.toolTip_charaItem_left:after, .toolTip_charaItem_center:after, .toolTip_charaItem_right:after{
	content: "";
	position: absolute;
	bottom: -10px;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #666 transparent transparent transparent;
}
.toolTip_charaItem_left:after {
	left: 15%;
}
.toolTip_charaItem_center:after {
	left: 50%;
}
.toolTip_charaItem_right:after {
	right: 15%;
}

.toolTip_charaItem_card_name_div {
	overflow: hidden;
	width: 100%;
}

.toolTip_charaItem_card_name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.toolTip_charaItem_background{
	position: fixed;
	display: none;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0);
	z-index:9;
}

/* メインページ  */
.page_main_default_design_Main_Action_news {
	position:absolute;
	top: 5px;
	width: 100%;
	text-align:right;
}

.page_main_default_design_Main_Action_news div{
	position:relative;
}

.page_main_default_design_Main_Action_gold {
	position:absolute;
	width: 100%;
	text-align: right;
	color: #ffffff;
	font-weight:bold;
	background-image:url("/img/main/main_gold_back.png");
	background-size:contain;
}

.page_main_default_design_Main_Action_peacegauge {
	position:absolute;
}

.page_main_default_iconposition {
	vertical-align: middle;
}

.design_main_default_news_counter {
	font-size:11px;
	text-align:center;
	padding-left: 5px;
	padding-right: 5px;
	color: #ffffff;
	font-weight: bold;
	border-radius: 90px;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	background-color: #028EF7;
	border: 3px solid #ffffff;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
}

/*———————————–——————————
	汎用
———————————–——————————*/
.nobrbox{
	display: box;
	display:-webkit-box;
	display:-moz-box;
	width:100%;
}

.filter_black{
	-webkit-filter: brightness(0.6);
	-moz-filter: brightness(0.6);
	-o-filter: brightness(0.6);
	-ms-filter: brightness(0.6);
	filter: brightness(0.6);
}
.filter_black_middle{
	-webkit-filter: brightness(0.4);
	-moz-filter: brightness(0.4);
	-o-filter: brightness(0.4);
	-ms-filter: brightness(0.4);
	filter: brightness(0.4);
}
.filter_black_bark{
	-webkit-filter: brightness(0.2);
	-moz-filter: brightness(0.2);
	-o-filter: brightness(0.2);
	-ms-filter: brightness(0.2);
	filter: brightness(0.2);
}
.filter_black_light{
	-webkit-filter: brightness(0.8);
	-moz-filter: brightness(0.8);
	-o-filter: brightness(0.8);
	-ms-filter: brightness(0.8);
	filter: brightness(0.8);
}
/* 画像をグレーに */
.grayscale{
	filter: grayscale(100%) brightness(0.8);
	-webkit-filter: grayscale(100%) brightness(0.8);
	-moz-filter: grayscale(100%) brightness(0.8);
	-o-filter: grayscale(100%) brightness(0.8);
	-ms-filter: grayscale(100%) brightness(0.8);
	transform: translateZ(0);
}

.grayscale_dark{
	filter: grayscale(100%) brightness(0.3);
	-webkit-filter: grayscale(100%) brightness(0.3);
	-moz-filter: grayscale(100%) brightness(0.3);
	-o-filter: grayscale(100%) brightness(0.3);
	-ms-filter: grayscale(100%) brightness(0.3);
}

.grayscale_light{
	filter: grayscale(70%) brightness(0.7);
	-webkit-filter: grayscale(70%) brightness(0.7);
	-moz-filter: grayscale(70%) brightness(0.7);
	-o-filter: grayscale(70%) brightness(0.7);
	-ms-filter: grayscale(70%) brightness(0.7);
	transform: translateZ(0);
}

/*———————————–——————————
	バトル
———————————–——————————*/
.tabbox {
	width: 100%;
	margin:0;
	padding:0.5em 0 0;
	background-image:url(../img/battle/modal/modal_bg.png);
	background-size: 100% auto;
	background-position:top;
	background-repeat:repeat;
	font-weight: bold;
	text-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);
}
.tab_btn_close{
	position:absolute;
	top:2.4em;
	right:1em;
}
.tab_btn_close img{
	width:4em;
}
.tabs {
	display:-moz-box;
	display:-webkit-box;
	width:87%;
	margin: 0 auto;
	padding: 0;
}
.tabs a {
	display: block;
	width: 9em;
	margin: 0 0.2em;
	padding: 1em 0;
	border-radius: 12px 12px 0px 0px;
	text-align: center;
	text-decoration: none;
}
.tabs a.tab {
	background: -moz-linear-gradient(top, #4e402e 0%, #574734 70%);
	background: -webkit-linear-gradient(top, #4e402e 0%,#574734 70%);
	background: linear-gradient(to bottom, #4e402e 0%,#574734 70%);
	color:#bba991;
	box-shadow:rgba(255, 255, 255, 0.5) 1px 1px 1px 0px inset;
	-webkit-box-shadow:rgba(255, 255, 255, 0.5) 1px 1px 1px 0px inset;
	-moz-box-shadow:rgba(255, 255, 255, 0.5) 1px 1px 1px 1px inset;
}
.tabs a.tab_active {
	background: -moz-linear-gradient(top, #896f55 0%, #ad9573 70%);
	background: -webkit-linear-gradient(top, #896f55 0%,#ad9573 70%);
	background: linear-gradient(to bottom, #896f55 0%,#ad9573 70%);
	color:white;
	box-shadow:rgba(255, 255, 255, 0.5) 1px 1px 1px 0px inset;
	-webkit-box-shadow:rgba(255, 255, 255, 0.5) 1px 1px 1px 0px inset;
	-moz-box-shadow:rgba(255, 255, 255, 0.5) 1px 1px 1px 1px inset;
}
.tabs_nomal {
	display:-moz-box;
	display:-webkit-box;
	width:95%;
	margin: 0 auto;
	padding: 0;
}
.tabs_nomal a {
	display: block;
	width: 9em;
	margin: 0 0.2em;
	padding: 0.6em 0;
	border-radius: 12px 12px 0px 0px;
	text-align: center;
	text-decoration: none;
}
.tabs_nomal a.tab_nomal {
	background: -moz-linear-gradient(top, #4e402e 0%, #574734 70%);
	background: -webkit-linear-gradient(top, #4e402e 0%,#574734 70%);
	background: linear-gradient(to bottom, #4e402e 0%,#574734 70%);
	color:#bba991;
	box-shadow:rgba(255, 255, 255, 0.5) 1px 1px 1px 0px inset;
	-webkit-box-shadow:rgba(255, 255, 255, 0.5) 1px 1px 1px 0px inset;
	-moz-box-shadow:rgba(255, 255, 255, 0.5) 1px 1px 1px 1px inset;
}
.tabs_nomal a.tab_nomal_active {
	background: -moz-linear-gradient(top, #896f55 0%, #ad9573 70%);
	background: -webkit-linear-gradient(top, #896f55 0%,#ad9573 70%);
	background: linear-gradient(to bottom, #896f55 0%,#ad9573 70%);
	color:white;
	box-shadow:rgba(255, 255, 255, 0.5) 1px 1px 1px 0px inset;
	-webkit-box-shadow:rgba(255, 255, 255, 0.5) 1px 1px 1px 0px inset;
	-moz-box-shadow:rgba(255, 255, 255, 0.5) 1px 1px 1px 1px inset;
}
.tabboxin_nomal {
	clear: left;
	background-color:#736147;
}
.tab_nomal_head_notext{
	padding:0.5em;
}
.tabboxin {
/*	height: 28em;*/
	overflow: auto;
	clear: left;
	width:92%;
	background-color:#736147;
	margin:0 auto;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 20px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 20px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 20px inset;
}
.tabheader_mission{
	border-radius: 10px 10px 0px 0px ;
	-webkit-border-radius: 10px 10px 0px 0px ;
	-moz-border-radius: 10px 10px 0px 0px ;
	height: 4em;
	width:92%;
	margin:0 auto;
	padding-top:0.5em;
	background-color:#645237;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 20px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 20px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 20px inset;
}
.tabboxin_mission {
	border-radius: 0px 0px 10px 10px ;
	-webkit-border-radius: 0px 0px 10px 10px ;
	-moz-border-radius: 0px 0px 10px 10px ;
	height: 22em;
	overflow: auto;
	clear: left;
	width:92%;
	background-color:#736147;
	margin:0 auto;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 20px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 20px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 20px inset;
}
/*戦争出撃*/
.tabboxin_TW {
	border-radius: 0px 0px 10px 10px ;
	-webkit-border-radius: 0px 0px 10px 10px ;
	-moz-border-radius: 0px 0px 10px 10px ;
	height: 28em;
	overflow: auto;
	clear: left;
	width:92%;
	background-color:#736147;
	margin:0 auto;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 20px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 20px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 20px inset;
}





.tab_head, .tab_head_notext, .tab_nomal_head_notext{
	background: -moz-linear-gradient(top, #ad9573 50%, #ab9371 100%);
	background: -webkit-linear-gradient(top, #ad9573 50%,#ab9371 100%);
	background: linear-gradient(to bottom, #ad9573 50%,#ab9371 100%);
	box-shadow:rgba(255, 255, 255, 0.3) 0px -1px 1px 0px inset;
	-webkit-box-shadow:rgba(255, 255, 255, 0.3) 0px -1px 1px 0px inset;
	-moz-box-shadow:rgba(255, 255, 255, 0.3) 0px -1px 1px 1px inset;
}
.tab_head{
	padding:0.5em;
}
.tab_head_notext{
	width:88%;
	margin:0 auto;
	padding:0.5em;
	border-radius: 10px 10px 0px 0px ;
	-webkit-border-radius: 10px 10px 0px 0px ;
	-moz-border-radius: 10px 10px 0px 0px ;
}
.battlelog_box_mine, .battlelog_box_enemy{
	width: 96%;
	margin-top: 0.5em;
	letter-spacing:-0.1em;
	line-height:130%;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px ;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px ;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px ;
}
.battlelog_box_mine{ background-color: #4f7377;}
.battlelog_box_enemy{ background-color: #945332;}
.battlelog_color_mine{ color:#00ffff;}
.battlelog_color_enemy{ color:#ffa955;}
.battlelog_color_yellow{ color:#fbd84d;}

.battlelog_box_text_center{
	/* display: flex; */
	justify-content: center;
	align-items: center;
}

.battlelog_box_img_left{
	width:50%;
	height:5em;
	background-color:rgba(0,0,0,0.2);
	border-radius: 5px 3em 3em 5px;
	-webkit-border-radius: 5px 3em 3em 5px;
	-moz-border-radius: 5px 3em 3em 5px;
}
.battlelog_box_img_right{
	width:50%;
	height:5em;
	background-color:rgba(0,0,0,0.2);
	border-radius: 3em 5px 5px 3em;
	-webkit-border-radius: 3em 5px 5px 3em;
	-moz-border-radius: 3em 5px 5px 3em;
}
.battlelog_box_action, .battlelog_box_defense{
	width:50%;
}
.battlelog_box_monster_name{
	position: relative;
	margin-top: -2em;
	text-align: center;
	z-index: 10;
}
.battlelog_box_arrow{
	width: 9em;
	margin-top: 2.2em;
	margin-left: -27em;
}
.battlelog_box_damage{
	font-size: 1.5em;
	color: #FF0000;
}
.battlelog_box_hit_count{
	font-size: 1.5em;
	color: #FFFF00;
}
.battlelog_box_recovery{
	font-size: 1.5em;
	color: #FF0000;
}
.page_battle_player_hit_text_box{
	margin-top: 1em;
	margin-left: 1em;
}
.battlelog_box_text{
	width:50%;
	padding: 0.3em;
}
.battlelog_box_skillicon{
	width:1.3em;
	margin-bottom:-0.2em;
}
.battlelog_box_defense_property_icon{
	width:1.3em;
	margin-bottom:-0.2em;
}
.battlelog_monster_img_left{
	width:5em;
}
.battlelog_monster_img_right{
	width:5em;
	margin-left:20px;
}
.battlelog_at_img{
	width:3.4em;
}
.battlelog_defense_effect_img_ef4{
	position:absolute;
	width:5em;
	margin-top:10px;
}
.battlelog_defense_effect_img_ef5{
	position:absolute;
	width:5em;
	margin-top:10px;
}
.battlelog_defense_effect_img_ef6{
	position:absolute;
	width:5em;
	margin-top:10px;
}

/* セリフデザイン */
.battlelog_window_2, .battlelog_window_4{
	width:80%;
	margin:0 auto 0.5em;
	padding:0.5em;
	background-color:#534634;
	position: relative;
}
/* 矢印デザイン */
.battlelog_window_2:before, .battlelog_window_2:after, .battlelog_window_4:before, .battlelog_window_4:after {
	content: "";
	border: 1em solid transparent;
	position: absolute;
	top: 0;
	margin-top:-2em;
}
.battlelog_window_2:before, .battlelog_window_2:after{ right: 46%;}
.battlelog_window_4:before, .battlelog_window_4:after{ right: 8%;}

/* 勝利　矢印色 */
.battlelog_window_2:before, .battlelog_window_4:before{
	border-bottom: 1.2em solid #534634;
}

/*———————————–——————————
	DIV内にスクロールバーを表示
———————————–——————————*/
/* スワイプを滑らかに */
.scrollingtouch{
	-webkit-overflow-scrolling:touch;
}
.scroll_box{
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.scroll_box::-webkit-scrollbar{
	width: 0.3em;
}
.scroll_box::-webkit-scrollbar-thumb{
	background: #393939;
	border-radius: 10px;
}
.scroll_box::-webkit-scrollbar-track-piece:start{
	background: #7f7f7f;
	border-radius: 10px;
}
.scroll_box::-webkit-scrollbar-track-piece:end{
	background: #7f7f7f;
	border-radius: 10px;
}


/*———————————–——————————
	デッキ編集
———————————–——————————*/
/* モンスターサムネイルサイズ */
.deck_mon_thumbnail{
	width:100%;
}
.deck_summoner_thumbnail{
	width:100%;
}
.deck_mon_thumbnail_num{
	position:absolute;
	top:1em;
	color: #ffffff;
}
.deck_mon_thumbnail_stts{
	position:absolute;
	bottom:0.1em;
	text-align: center;
}
.deck_doc{
	margin:0em auto;
	width:17%;
/*
	background-color:#222222;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 2px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 2px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 2px 2px;
*/
}
.deck_summoner{
	width:13em;
	-moz-transform: rotate(7deg);
	-webkit-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
}
/* デッキサムネイルサイズ */
.deck_box{
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 2px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 2px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 2px 2px;
}
.deck_thumbnail{
	width:5.5em;
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
}
/* 一番上のデッキボックス */
.deck_list_box{
	margin:0.2em 0.2em 0 0.2em;
	width:20%;
	text-align:center;
}
.deck_list{
	overflow-x: scroll;
	overflow-y: hidden;
}
.deck_list::-webkit-scrollbar{
	display: none;
}
.deck_icon_position{
	width:100%;
	position:absolute;
	top:5em;
	right:0;
	text-align:right;
}
.deck_name_position{
	width:100%;
	position:absolute;
	top:0em;
	right:0;
}
.deck_name_position div{
	width:90%;
	margin:0 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.deck_name_position_text{
	position:absolute;
	top:0em;
	left:0.3em;
	color:#ffffff;
}
/* デッキアイコン */
.deck_icon_class{
	width:2em;
}
.deck_icon_l_class{
	margin-top:1.5em;
	width:6em;
}
/*デッキ_名前変更*/
.deck_edit_left, .deck_edit_right{
	position: relative;
	display: inline-block;
	background-color:rgba(100,60,30,0.8);
	width:100%;
	margin-bottom:1em;
	padding:0.3em;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.deck_edit_left:after, .deck_edit_right:after {
	content: "";
	position: absolute;
	top: -1em;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0.5em 1em 0.5em;
	border-color: transparent transparent rgba(100,60,30,0.8) transparent;
}
.deck_edit_left:after {
	left: 10%;
}
.deck_edit_right:after {
	right: 33%;
}

/*---デッキ編集モーダルウィンドウ---*/
.deckModalWindow {
	width:90%;
	margin:0 auto;
	padding:1.5em 0 0.5em;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-weight:bold;
}
.deckModalWindow{
	background-color:rgba(200, 200, 200, 0.7);
	border:2px solid #a9ffff;
}

.deckModalWindow_close{
	position:absolute;
	top:0;
	right:0;
	width:13%;
}
/*ウィンドウのポジション*/
.deckModalWindow_posi{
	position:relative;
	padding-top:1.5em;
	z-index:11;
}
/*ウィンドウ黒背景*/
.deckModalWindow_bg{
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0, 0, 0, 0.7);
	width:100%;
	height:100%;
	z-index:10;
}


/*———————————–——————————
	建築
———————————–——————————*/

.build_list_bg{
	background-color:#f6e9d9;
	border:2px solid #725c47;
	width:90%;
	margin:0 auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.build_list_header{
	background-color:#2e251c;
	border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
}

/*************************************************/
/* モンスター経験値（EXP）メーター定義*/
/*************************************************/
/* メーターの背景 */
.exp_meter_grey_bg {
	background-color:#222222;
	border: 1px solid #000000;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}
/* メーターの光 */
.exp_meter_mold_bg {
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-moz-box-shadow: inset 0px 0.2em 0.2em rgba(255,255,255,0.8) !important;
	-webkit-box-shadow: inset 0px 0.2em 0.2em rgba(255,255,255,0.8) !important;
	box-shadow: inset 0px 0.2em 0.2em rgba(255,255,255,0.8) !important;
}
/* メーターの色 */
.exp_meter_mold_bg{
	background-color:#00FF00;
	border: 1px solid #222222;
}
/* メーターの影 */
.exp_meter_shadow_bg {
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	background-color: #000000;
	background: -webkit-gradient(linear, left top, left bottom, from( rgba(0,0,0,0) ),color-stop(0.1, rgba(0,0,0,0.8)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */
	background: -webkit-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.8) 10%, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.8) 10%, rgba(0,0,0,0) ); /* FF3.6 */
	background:     -ms-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.8) 10%, rgba(0,0,0,0) ); /* IE10 */
	background:      -o-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.8) 10%, rgba(0,0,0,0) ); /* Opera 11.10+ */
	background:         linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.8) 10%, rgba(0,0,0,0) );
}

/*************************************************/
/* 探索レーダーアニメーション 回転制御 */
/*************************************************/
.page_mission_default_hmd_radar_rotation {
	-webkit-animation: spin 3.3s linear infinite;
	-moz-animation: spin 3.3s linear infinite;
	-ms-animation: spin 3.3s linear infinite;
	-o-animation: spin 3.3s linear infinite;
	animation: spin 3.3s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/*************************************************/
/* 探索レーダー　矢印、方角アニメーション 回転制御 */
/*************************************************/
.page_mission_default_hmd_radar_compass_rotation {
	-webkit-animation: compass 1.6s linear infinite;
	-moz-animation: compass 1.6s linear infinite;
	-ms-animation: compass 1.6s linear infinite;
	-o-animation: compass 1.6s linear infinite;
	animation: compass 1.6s linear infinite;
}

@-webkit-keyframes compass {
	0% {-webkit-transform: rotate(0deg);}
	30% {-webkit-transform: rotate(8deg);}
	80% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(0deg);}
}
@-moz-keyframes compass {
	0% {-moz-transform: rotate(0deg);}
	30% {-moz-transform: rotate(8deg);}
	60% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(0deg);}
}
@-ms-keyframes compass {
	0% {-ms-transform: rotate(0deg);}
	30% {-ms-transform: rotate(8deg);}
	60% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(0deg);}
}
@-o-keyframes compass {
	0% {-o-transform: rotate(0deg);}
	30% {-o-transform: rotate(8deg);}
	60% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(0deg);}
}
@keyframes compass {
	0% {transform: rotate(0deg);}
	30% {transform: rotate(8deg);}
	60% {transform: rotate(0deg);}
	100% {transform: rotate(0deg);}
}

/*************************************************/
/* 光アニメーション 回転制御 */
/*************************************************/
.page_mission_default_light_rotation {
	-webkit-animation: spin 1.9s linear infinite;
	-moz-animation: spin 1.9s linear infinite;
	-ms-animation: spin 1.9s linear infinite;
	-o-animation: spin 1.9s linear infinite;
	animation: spin 1.9s linear infinite;
}

/*************************************************/
/* 探索　ワームホールアニメーション 回転拡大制御 */
/*************************************************/
.page_mission_default_hole_circle_animation {
	-webkit-animation: hole_circle_animation 0.4s linear infinite;
	-moz-animation: hole_circle_animation 0.4s linear infinite;
	-ms-animation: hole_circle_animation 0.4s linear infinite;
	-o-animation: hole_circle_animation 0.4s linear infinite;
	animation: hole_circle_animation 0.4s linear infinite;
}

@-webkit-keyframes hole_circle_animation {
	0% {-webkit-transform: rotate(0deg) scale(1);}
	50% {-webkit-transform: rotate(360deg) scale(0.96);}
	75% {-webkit-transform: rotate(0deg) scale(1.71);}
	100% {-webkit-transform: rotate(360deg) scale(1);}
}
@-moz-keyframes hole_circle_animation {
	0% {-moz-transform: rotate(0deg) scale(1);}
	50% {-moz-transform: rotate(360deg) scale(0.96);}
	75% {-moz-transform: rotate(0deg) scale(1.71);}
	100% {-moz-transform: rotate(360deg) scale(1);}
}
@-ms-keyframes hole_circle_animation {
	0% {-ms-transform: rotate(0deg) scale(1);}
	50% {-ms-transform: rotate(360deg) scale(0.96);}
	75% {-ms-transform: rotate(0deg) scale(1.71);}
	100% {-ms-transform: rotate(360deg) scale(1);}
}
@-o-keyframes hole_circle_animation {
	0% {-o-transform: rotate(0deg) scale(1);}
	50% {-o-transform: rotate(360deg) scale(0.96);}
	75% {-o-transform: rotate(0deg) scale(1.71);}
	100% {-o-transform: rotate(360deg) scale(1);}
}
@keyframes hole_circle_animation {
	0% {transform: rotate(0deg) scale(1);}
	50% {transform: rotate(360deg) scale(0.96);}
	75% {transform: rotate(0deg) scale(1.71);}
	100% {transform: rotate(360deg) scale(1);}
}

.page_mission_default_hole_circle_big_animation {
	-webkit-animation: hole_circle_big_animation 0.2s linear infinite;
	-moz-animation: hole_circle_big_animation 0.2s linear infinite;
	-ms-animation: hole_circle_big_animation 0.2s linear infinite;
	-o-animation: hole_circle_big_animation 0.2s linear infinite;
	animation: hole_circle_big_animation 0.2s linear infinite;
}

@-webkit-keyframes hole_circle_big_animation {
	0% {-webkit-transform: rotate(0deg) scale(1);}
	25% {-webkit-transform: rotate(90deg) scale(0.88);}
	50% {-webkit-transform: rotate(180deg) scale(1);}
	75% {-webkit-transform: rotate(-90deg) scale(1.7);}
	100% {-webkit-transform: rotate(0deg) scale(1);}
}
@-moz-keyframes hole_circle_big_animation {
	0% {-moz-transform: rotate(0deg) scale(1);}
	25% {-moz-transform: rotate(90deg) scale(0.88);}
	50% {-moz-transform: rotate(180deg) scale(1);}
	75% {-moz-transform: rotate(-90deg) scale(1.7);}
	100% {-moz-transform: rotate(0deg) scale(1);}
}
@-ms-keyframes hole_circle_big_animation {
	0% {-ms-transform: rotate(0deg) scale(1);}
	25% {-ms-transform: rotate(90deg) scale(0.88);}
	50% {-ms-transform: rotate(180deg) scale(1);}
	75% {-ms-transform: rotate(-90deg) scale(1.7);}
	100% {-ms-transform: rotate(0deg) scale(1);}
}
@-o-keyframes hole_circle_big_animation {
	0% {-o-transform: rotate(0deg) scale(1);}
	25% {-o-transform: rotate(90deg) scale(0.88);}
	50% {-o-transform: rotate(180deg) scale(1);}
	75% {-o-transform: rotate(-90deg) scale(1.7);}
	100% {-o-transform: rotate(0deg) scale(1);}
}
@keyframes hole_circle_big_animation {
	0% {transform: rotate(0deg) scale(1);}
	25% {transform: rotate(90deg) scale(0.88);}
	50% {transform: rotate(180deg) scale(1);}
	75% {transform: rotate(-90deg) scale(1.7);}
	100% {transform: rotate(0deg) scale(1);}
}

.page_mission_default_blink {
	-webkit-animation: blink_animation 0.6s linear infinite;
	-moz-animation: blink_animation 0.6s linear infinite;
	-ms-animation: blink_animation 0.6s linear infinite;
	-o-animation: blink_animation 0.6s linear infinite;
	animation: blink_animation 0.6s linear infinite;
}

@-webkit-keyframes blink_animation {
	0% {opacity: 1;}
	50% {opacity: 0.68;}
	100% {opacity: 1;}
}
@-moz-keyframes blink_animation {
	0% {opacity: 1;}
	50% {opacity: 0.68;}
	100% {opacity: 1;}
}
@-ms-keyframes blink_animation {
	0% {opacity: 1;}
	50% {opacity: 0.68;}
	100% {opacity: 1;}
}
@-o-keyframes blink_animation {
	0% {opacity: 1;}
	50% {opacity: 0.68;}
	100% {opacity: 1;}
}
@keyframes blink_animation {
	0% {opacity: 1;}
	50% {opacity: 0.68;}
	100% {opacity: 1;}
}

/*************************************************/
/* サマナーに付随するオブジェクト */
/*************************************************/
.page_mission_default_background_summoner_walk_obj_move {
	-webkit-animation: walk_obj_move 1.8s linear infinite;
	-moz-animation: walk_obj_move 1.8s linear infinite;
	-ms-animation: walk_obj_move 1.8s linear infinite;
	-o-animation: walk_obj_move 1.8s linear infinite;
	animation: walk_obj_move 1.8s linear infinite;
}

@-webkit-keyframes walk_obj_move {
	0% {-webkit-transform: translateY(0px);}
	50% {-webkit-transform: translateY(-5px);}
	100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes walk_obj_move {
	0% {-moz-transform: translateY(0px);}
	50% {-moz-transform: translateY(-5px);}
	100% {-moz-transform: translateY(0px);}
}
@-ms-keyframes walk_obj_move {
	0% {-ms-transform: translateY(0px);}
	50% {-ms-transform: translateY(-5px);}
	100% {-ms-transform: translateY(0px);}
}
@-o-keyframes walk_obj_move {
	0% {-o-transform: translateY(0px);}
	50% {-o-transform: translateY(-5px);}
	100% {-o-transform: translateY(0px);}
}
@keyframes walk_obj_move {
	0% {transform: translateY(0px);}
	50% {transform: translateY(-5px);}
	100% {transform: translateY(0px);}
}

/*************************************************/
/* 建築完了アニメーション 回転制御 */
/*************************************************/
.page_main_default_build_window_result_ef_rotation {
	-webkit-animation: ef_ef_spin 1.8s linear infinite;
	-moz-animation: ef_spin 1.8s linear infinite;
	-ms-animation: ef_spin 1.8s linear infinite;
	-o-animation: ef_spin 1.8s linear infinite;
	animation: ef_spin 1.8s linear infinite;
}

@-webkit-keyframes ef_spin {
	0% {-webkit-transform: rotate(0deg); opacity: 1;}
	25% {opacity: 0;}
	50% {opacity: 1;}
	100% {-webkit-transform: rotate(360deg); opacity: 0;}
}
@-moz-keyframes ef_spin {
	0% {-moz-transform: rotate(0deg); opacity: 1;}
	25% {opacity: 0;}
	50% {opacity: 1;}
	100% {-moz-transform: rotate(360deg); opacity: 0;}
}
@-ms-keyframes ef_spin {
	0% {-ms-transform: rotate(0deg); opacity: 1;}
	25% {opacity: 0;}
	50% {opacity: 1;}
	100% {-ms-transform: rotate(360deg); opacity: 0;}
}
@-o-keyframes ef_spin {
	0% {-o-transform: rotate(0deg); opacity: 1;}
	25% {opacity: 0;}
	50% {opacity: 1;}
	100% {-o-transform: rotate(360deg); opacity: 0;}
}
@keyframes ef_spin {
	0% {transform: rotate(0deg); opacity: 0;}
	50% {opacity: 1;}
	100% {transform: rotate(360deg); opacity: 0;}
}

.page_mission_default_grayscale {
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

/*----------------------------------------------
星間輸送局：輸送機ロケット点火アニメーション
----------------------------------------------*/
.page_build_transport_store_container_set_result_animation_car_fire_img {
	-webkit-animation: car_fire_animation 0.3s linear infinite;
	-moz-animation: car_fire_animation 0.3s linear infinite;
	-ms-animation: car_fire_animation 0.3s linear infinite;
	-o-animation: car_fire_animation 0.3s linear infinite;
	animation: car_fire_animation 0.3s linear infinite;
}

@-webkit-keyframes car_fire_animation {
	0% {opacity: 1;width:150%}
	50% {opacity: 0.68;width:100%}
	100% {opacity: 1;width:150%}
}
@-moz-keyframes car_fire_animation {
	0% {opacity: 1;width:150%}
	50% {opacity: 0.68;width:100%}
	100% {opacity: 1;width:150%}
}
@-ms-keyframes car_fire_animation {
	0% {opacity: 1;width:150%}
	50% {opacity: 0.68;width:100%}
	100% {opacity: 1;width:150%}
}
@-o-keyframes car_fire_animation {
	0% {opacity: 1;width:150%}
	50% {opacity: 0.68;width:100%}
	100% {opacity: 1;width:150%}
}
@keyframes car_fire_animation {
	0% {opacity: 1;width:150%}
	50% {opacity: 0.68;width:100%}
	100% {opacity: 1;width:150%}
}
/*----------------------------------------------
強化アイテムページ作成時の追加分
----------------------------------------------*/
/* テキストカラー デフォルトの茶色 */
.textcolor_default_brown {
	color:#472706;
}
/* テキストカラー デフォルトの茶色 */
.textcolor_darkred {
	color:#ad181e;
}
/* タップした後のボタンを黒くする */
.tap_btn_color_black {
	-webkit-filter: grayscale(100%) brightness(0.95);
	-moz-filter: grayscale(100%) brightness(0.95);
	-o-filter: grayscale(100%) brightness(0.95);
	-ms-filter: grayscale(100%) brightness(0.95);
	filter: grayscale(100%) brightness(0.95);
}

/* 進化した後のモンスターを黒くする */
.after_evolution_monster_color_black {
	-webkit-filter: grayscale(100%) brightness(0.5);
	-moz-filter: grayscale(100%) brightness(0.5);
	-o-filter: grayscale(100%) brightness(0.5);
	-ms-filter: grayscale(100%) brightness(0.5);
	filter: grayscale(100%) brightness(0.5);
}
/*----------------------------------------------
連盟ページ追加分
----------------------------------------------*/
.bolock_bg_dark_green {
	color:#000000;
	left: 0px;
	top: 0px;
	padding:2px 10px 2px 2px;
	background: -webkit-gradient(linear, left top, left bottom, from( rgb(3,23,24) ), to(rgb(3,37,42))); /* Saf4+, Chrome */
	background: -webkit-linear-gradient(left, rgb(3,23,24),rgb(3,37,42)); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(left, rgb(3,23,24),rgb(3,37,42)); /* FF3.6 */
	background:     -ms-linear-gradient(left, rgb(3,23,24),rgb(3,37,42)); /* IE10 */
	background:      -o-linear-gradient(left, rgb(3,23,24),rgb(3,37,42)); /* Opera 11.10+ */
	background:         linear-gradient(left, rgb(3,23,24),rgb(3,37,42));
}

.bolock_bg_black_from_top_to_bottm {
	color:#000000;
	left: 0px;
	top: 0px;
	padding:2px 10px 2px 2px;
	background: -webkit-gradient(linear, top, bottom, from( rgb(43,44,44) ), to(rgb(0,2,2))); /* Saf4+, Chrome */
	background: -webkit-linear-gradient(to bottom, rgb(43,44,44),rgb(0,2,2)); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(to bottom, rgb(43,44,44),rgb(0,2,2)); /* FF3.6 */
	background:     -ms-linear-gradient(to bottom, rgb(43,44,44),rgb(0,2,2)); /* IE10 */
	background:      -o-linear-gradient(to bottom, rgb(43,44,44),rgb(0,2,2)); /* Opera 11.10+ */
	background:         linear-gradient(to bottom, rgb(43,44,44),rgb(0,2,2));
}

.bolock_bg_black_from_bottom_to_top {
	color:#000000;
	left: 0px;
	top: 0px;
	padding:2px 10px 2px 2px;
	background: -webkit-gradient(linear, bottom, top, from(rgb(0,2,2)), to( rgb(43,44,44) )); /* Saf4+, Chrome */
	background: -webkit-linear-gradient(top,rgb(0,2,2), rgb(43,44,44)); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(top,rgb(0,2,2), rgb(43,44,44)); /* FF3.6 */
	background:     -ms-linear-gradient(top,rgb(0,2,2), rgb(43,44,44)); /* IE10 */
	background:      -o-linear-gradient(top,rgb(0,2,2), rgb(43,44,44)); /* Opera 11.10+ */
	background:         linear-gradient(top,rgb(0,2,2), rgb(43,44,44));
}
/*----------------------------------------------
画像反転
----------------------------------------------*/
.img_reversal {
	transform:scale(-1,1);
	-webkit-transform: scale(-1,1);
	-moz-transform: scale(-1,1);
	-ms-transform: scale(-1,1);
	-o-transform: scale(-1,1);
}
/*----------------------------------------------
探索メニュー
----------------------------------------------*/
.bolock_bg_dark_blue {
	color:#ffffff;
	left: 0px;
	top: 0px;
	background: -webkit-gradient(linear, top, bottom, from( rgb(29,60,83) ), to(rgb(33,90,110))); /* Saf4+, Chrome */
	background: -webkit-linear-gradient(top, rgb(29,60,83),rgb(33,90,110)); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(top, rgb(29,60,83),rgb(33,90,110)); /* FF3.6 */
	background:     -ms-linear-gradient(top, rgb(29,60,83),rgb(33,90,110)); /* IE10 */
	background:      -o-linear-gradient(top, rgb(29,60,83),rgb(33,90,110)); /* Opera 11.10+ */
	background:         linear-gradient(top, rgb(29,60,83),rgb(33,90,110));
}

.mission_chat_bg {
	line-height: 1.1;
	padding:0;
	background-color: rgba(255,255,255,0);
	background-image: -webkit-gradient(linear, left top, left bottom, from( rgba(29,89,111,0.8) ), to( rgba(29,62,84,0.8) )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( rgba(29,89,111,0.8), rgba(29,62,84,0.8) ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( rgba(29,89,111,0.8), rgba(29,62,84,0.8) ); /* FF3.6 */
	background-image:     -ms-linear-gradient( rgba(29,89,111,0.8), rgba(29,62,84,0.8) ); /* IE10 */
	background-image:      -o-linear-gradient( rgba(29,89,111,0.8), rgba(29,62,84,0.8) ); /* Opera 11.10+ */
	background-image:         linear-gradient( rgba(29,89,111,0.8), rgba(29,62,84,0.8) );
}
.mission_stamp_box_bg {
	background: -webkit-gradient(linear, top, bottom, from( rgb(33,57,96) ), to(rgb(2,4,5))); /* Saf4+, Chrome */
	background: -webkit-linear-gradient(top, rgb(33,57,96),rgb(2,4,5)); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(top, rgb(33,57,96),rgb(2,4,5)); /* FF3.6 */
	background:     -ms-linear-gradient(top, rgb(33,57,96),rgb(2,4,5)); /* IE10 */
	background:      -o-linear-gradient(top, rgb(33,57,96),rgb(2,4,5)); /* Opera 11.10+ */
	background:         linear-gradient(top, rgb(33,57,96),rgb(2,4,5));
}

.tab_area label:hover{background:#524c43;}
.panel_area{background:#fff;}
.tab_panel{width:100%;}

.tab_area label.active{background:#fff; color:#000;}
.tab_panel.active{display:block;}

#tab1:checked ~ .tab_area .tab1_label{background:#fff; color:#000;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#fff; color:#000;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#fff; color:#000;}
#tab3:checked ~ .panel_area #panel3{display:block;}

/*----------------------------------------------
パラメーターテキストカラー
----------------------------------------------*/
/* テキストカラー 攻撃 */
.textcolor_attack {
	color:#ff4646;
}
/* テキストカラー 防御 */
.textcolor_defense {
	color:#ca8f34;
}
/* テキストカラー 速さ */
.textcolor_speed {
	color:#fffd48;
}
/* テキストカラー 体力 */
.textcolor_hp {
	color:#38eb62;
}
/* テキストカラー 魔力 */
.textcolor_magical {
	color:#ace1ad;
}
/* テキストカラー 精神 */
.textcolor_psychiatry {
	color:#ace1ad;
}
/*----------------------------------------------
属性テキストカラー
----------------------------------------------*/
/* テキストカラー 火属性 */
.textcolor_frame {
	color:#f0524b;
}
/* テキストカラー 水属性 */
.textcolor_water {
	color:#3380ff;
}
/* テキストカラー 雷属性 */
.textcolor_thunder {
	color:#dbce16;
}
/* テキストカラー 光属性 */
.textcolor_light {
	color:#ace1ad;
}
/* テキストカラー 闇属性 */
.textcolor_dark {
	color:#d5a6bd;
}
/* テキストカラー 亜種 */
.textcolor_different {
	color:#e03cff;
}

/*----------------------------------------------
属性テキストシャドーカラー
----------------------------------------------*/
.text_shadow_frame{
	text-shadow:0 0 2px #f0524b,0 0 2px #f0524b, 0 0 3px #f0524b,0 0 3px #f0524b, 0 0 4px #f0524b;
}
.text_shadow_frame_big{
	text-shadow:0 0 10px #f0524b,0 0 10px #f0524b, 0 0 10px #f0524b,0 0 10px #f0524b, 0 0 10px #f0524b;
}
.text_shadow_water{
	text-shadow:0 0 2px #3380ff,0 0 2px #3380ff, 0 0 3px #3380ff,0 0 3px #3380ff, 0 0 4px #3380ff;
}
.text_shadow_water_big{
	text-shadow:0 0 10px #3380ff,0 0 10px #3380ff, 0 0 10px #3380ff,0 0 10px #3380ff, 0 0 10px #3380ff;
}
.text_shadow_thunder{
	text-shadow:0 0 2px #bdb106,0 0 2px #bdb106, 0 0 3px #bdb106,0 0 3px #bdb106, 0 0 4px #bdb106;
}
.text_shadow_thunder_big{
	text-shadow:0 0 10px #bdb106,0 0 10px #bdb106, 0 0 10px #bdb106,0 0 10px #bdb106, 0 0 10px #bdb106;
}
.text_shadow_none{
	text-shadow:0 0 2px #000000,0 0 2px #000000, 0 0 3px #000000,0 0 3px #000000, 0 0 4px #000000;
}
.text_shadow_none_big{
	text-shadow:0 0 10px #000000,0 0 10px #000000, 0 0 10px #000000,0 0 10px #000000, 0 0 10px #000000;
}
.text_shadow_dark{
	text-shadow:0 0 2px #d5a6bd,0 0 2px #d5a6bd, 0 0 3px #d5a6bd,0 0 3px #d5a6bd, 0 0 4px #d5a6bd;
}
.text_shadow_dark_big{
	text-shadow:0 0 10px #d5a6bd,0 0 10px #d5a6bd, 0 0 10px #d5a6bd,0 0 10px #d5a6bd, 0 0 10px #d5a6bd;
}
.text_shadow_different{
	text-shadow:0 0 2px #b901dc,0 0 2px #b901dc, 0 0 3px #b901dc,0 0 3px #b901dc, 0 0 4px #b901dc;
}
.text_shadow_different_big{
	text-shadow:0 0 10px #b901dc,0 0 10px #b901dc, 0 0 10px #b901dc,0 0 10px #b901dc, 0 0 10px #b901dc;
}
/*----------------------------------------------
共通モーダル背景演出
----------------------------------------------*/
/* 共通背景画像演出定義 */
.default_modal_backef1_class {
	-webkit-animation: background_modal_backef1_animation 5.9s linear infinite;
	-moz-animation: background_modal_backef1_animation 5.9s linear infinite;
	-ms-animation: background_modal_backef1_animation 5.9s linear infinite;
	-o-animation: background_modal_backef1_animation 5.9s linear infinite;
	animation: background_modal_backef1_animation 5.9s linear infinite;
}

@-webkit-keyframes background_modal_backef1_animation {
	0% {opacity:0;}
	22.5% {opacity:1;}
	45% {opacity:0;}
	55% {opacity:0;}
	77.5% {opacity:0;}
	100% {opacity:0;}
}
@-moz-keyframes background_modal_backef1_animation {
	0% {opacity:0;}
	22.5% {opacity:1;}
	45% {opacity:0;}
	55% {opacity:0;}
	77.5% {opacity:0;}
	100% {opacity:0;}
}
@-ms-keyframes background_modal_backef1_animation {
	0% {opacity:0;}
	22.5% {opacity:1;}
	45% {opacity:0;}
	55% {opacity:0;}
	77.5% {opacity:0;}
	100% {opacity:0;}
}
@-o-keyframes background_modal_backef1_animation {
	0% {opacity:0;}
	22.5% {opacity:1;}
	45% {opacity:0;}
	55% {opacity:0;}
	77.5% {opacity:0;}
	100% {opacity:0;}
}
@keyframes background_modal_backef1_animation {
	0% {opacity:0;}
	22.5% {opacity:1;}
	45% {opacity:0;}
	55% {opacity:0;}
	77.5% {opacity:0;}
	100% {opacity:0;}
}
.default_modal_backef2_class {
	-webkit-animation: background_modal_backef2_animation 5.9s linear infinite;
	-moz-animation: background_modal_backef2_animation 5.9s linear infinite;
	-ms-animation: background_modal_backef2_animation 5.9s linear infinite;
	-o-animation: background_modal_backef2_animation 5.9s linear infinite;
	animation: background_modal_backef2_animation 5.9s linear infinite;
}

@-webkit-keyframes background_modal_backef2_animation {
	0% {opacity:0;}
	22.5% {opacity:0;}
	45% {opacity:0;}
	55% {opacity:0;}
	77.5% {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes background_modal_backef2_animation {
	0% {opacity:0;}
	22.5% {opacity:0;}
	45% {opacity:0;}
	55% {opacity:0;}
	77.5% {opacity:1;}
	100% {opacity:0;}
}
@-ms-keyframes background_modal_backef2_animation {
	0% {opacity:0;}
	22.5% {opacity:0;}
	45% {opacity:0;}
	55% {opacity:0;}
	77.5% {opacity:1;}
	100% {opacity:0;}
}
@-o-keyframes background_modal_backef2_animation {
	0% {opacity:0;}
	22.5% {opacity:0;}
	45% {opacity:0;}
	55% {opacity:0;}
	77.5% {opacity:1;}
	100% {opacity:0;}
}
@keyframes background_modal_backef2_animation {
	0% {opacity:0;}
	22.5% {opacity:0;}
	45% {opacity:0;}
	55% {opacity:0;}
	77.5% {opacity:1;}
	100% {opacity:0;}
}

.default_modal_img_class {
	-webkit-animation: background_modal_animation 5.9s linear infinite;
	-moz-animation: background_modal_animation 5.9s linear infinite;
	-ms-animation: background_modal_animation 5.9s linear infinite;
	-o-animation: background_modal_animation 5.9s linear infinite;
	animation: background_modal_animation 5.9s linear infinite;
}

@-webkit-keyframes background_modal_animation {
	0% {opacity:1;}
	22.5% {opacity:0.37;}
	45% {opacity:1;}
	55% {opacity:1;}
	77.5% {opacity:0.37;}
	100% {opacity:1;}
}
@-moz-keyframes background_modal_animation {
	0% {opacity:1;}
	22.5% {opacity:0.37;}
	45% {opacity:1;}
	55% {opacity:1;}
	77.5% {opacity:0.37;}
	100% {opacity:1;}
}
@-ms-keyframes background_modal_animation {
	0% {opacity:1;}
	22.5% {opacity:0.37;}
	45% {opacity:1;}
	55% {opacity:1;}
	77.5% {opacity:0.37;}
	100% {opacity:1;}
}
@-o-keyframes background_modal_animation {
	0% {opacity:1;}
	22.5% {opacity:0.37;}
	45% {opacity:1;}
	55% {opacity:1;}
	77.5% {opacity:0.37;}
	100% {opacity:1;}
}
@keyframes background_modal_animation {
	0% {opacity:1;}
	22.5% {opacity:0.37;}
	45% {opacity:1;}
	55% {opacity:1;}
	77.5% {opacity:0.37;}
	100% {opacity:1;}
}

.page_deck_default_dragoon_select_left_btn {
	-webkit-animation: arrow_left_move_animation 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	-moz-animation: arrow_left_move_animation 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	-ms-animation: arrow_left_move_animation 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	-o-animation: arrow_left_move_animation 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	animation: arrow_left_move_animation 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

@-webkit-keyframes arrow_left_move_animation {
	0%{left:0px;}
	50%{left:-7px;}
	100%{left:0px;}
}
@-moz-keyframes arrow_left_move_animation {
	0%{left:0px;}
	50%{left:-7px;}
	100%{left:0px;}
}
@-ms-keyframes arrow_left_move_animation {
	0%{left:0px;}
	50%{left:-7px;}
	100%{left:0px;}
}
@-o-keyframes arrow_left_move_animation {
	0%{left:0px;}
	50%{left:-7px;}
	100%{left:0px;}
}
@keyframes arrow_left_move_animation {
	0%{left:0px;}
	50%{left:-7px;}
	100%{left:0px;}
}
.page_deck_default_dragoon_select_right_btn {
	-webkit-animation: arrow_right_move_animation 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	-moz-animation: arrow_right_move_animation 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	-ms-animation: arrow_right_move_animation 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	-o-animation: arrow_right_move_animation 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	animation: arrow_right_move_animation 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

@-webkit-keyframes arrow_right_move_animation {
	0%{right:7px;}
	50%{right:0px;}
	100%{right:7px;}
}
@-moz-keyframes arrow_right_move_animation {
	0%{right:7px;}
	50%{right:0px;}
	100%{right:7px;}
}
@-ms-keyframes arrow_right_move_animation {
	0%{right:7px;}
	50%{right:0px;}
	100%{right:7px;}
}
@-o-keyframes arrow_right_move_animation {
	0%{right:7px;}
	50%{right:0px;}
	100%{right:7px;}
}
@keyframes arrow_right_move_animation {
	0%{right:7px;}
	50%{right:0px;}
	100%{right:7px;}
}

.tutorial_long_tap_btn_class {
	-webkit-animation: tutorial_long_tap_btn_aniamtion 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	-moz-animation: tutorial_long_tap_btn_aniamtion 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	-ms-animation: tutorial_long_tap_btn_aniamtion 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	-o-animation: tutorial_long_tap_btn_aniamtion 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	animation: tutorial_long_tap_btn_aniamtion 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

@-webkit-keyframes tutorial_long_tap_btn_aniamtion {
	0%{top:0px;}
	50%{top:10px;}
	100%{top:0px;}
}
@-moz-keyframes tutorial_long_tap_btn_aniamtion {
	0%{top:0px;}
	50%{top:10px;}
	100%{top:0px;}
}
@-ms-keyframes tutorial_long_tap_btn_aniamtion {
	0%{top:0px;}
	50%{top:10px;}
	100%{top:0px;}
}
@-o-keyframes tutorial_long_tap_btn_aniamtion {
	0%{top:0px;}
	50%{top:10px;}
	100%{top:0px;}
}
@keyframes tutorial_long_tap_btn_aniamtion {
	0%{top:0px;}
	50%{top:10px;}
	100%{top:0px;}
}



.left_arrow_link_div {
	-webkit-animation: link_arrow_left_move_animation 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	-moz-animation: link_arrow_left_move_animation 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	-ms-animation: link_arrow_left_move_animation 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	-o-animation: link_arrow_left_move_animation 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	animation: link_arrow_left_move_animation 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

@-webkit-keyframes link_arrow_left_move_animation {
	0%{left:0px;}
	50%{left:-7px;}
	100%{left:0px;}
}
@-moz-keyframes link_arrow_left_move_animation {
	0%{left:0px;}
	50%{left:-7px;}
	100%{left:0px;}
}
@-ms-keyframes link_arrow_left_move_animation {
	0%{left:0px;}
	50%{left:-7px;}
	100%{left:0px;}
}
@-o-keyframes link_arrow_left_move_animation {
	0%{left:0px;}
	50%{left:-7px;}
	100%{left:0px;}
}
@keyframes link_arrow_left_move_animation {
	0%{left:0px;}
	50%{left:-7px;}
	100%{left:0px;}
}
.right_arrow_link_div {
	-webkit-animation: link_arrow_right_move_animation 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	-moz-animation: link_arrow_right_move_animation 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	-ms-animation: link_arrow_right_move_animation 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	-o-animation: link_arrow_right_move_animation 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	animation: link_arrow_right_move_animation 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

@-webkit-keyframes link_arrow_right_move_animation {
	0%{left:0px;}
	50%{left:7px;}
	100%{left:0px;}
}
@-moz-keyframes link_arrow_right_move_animation {
	0%{left:0px;}
	50%{left:7px;}
	100%{left:0px;}
}
@-ms-keyframes link_arrow_right_move_animation {
	0%{left:0px;}
	50%{left:7px;}
	100%{left:0px;}
}
@-o-keyframes link_arrow_right_move_animation {
	0%{left:0px;}
	50%{left:7px;}
	100%{left:0px;}
}
@keyframes link_arrow_right_move_animation {
	0%{left:0px;}
	50%{left:7px;}
	100%{left:0px;}
}

/* 画像の四隅を丸くする定義 */
.item_img_corner_hidden {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow:hidden;
}


.page_team_default_radio_box_radio_btn input[type="radio"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	width: 1em;
	height: 1em;
	padding: 0;
	margin:0 3%;
	background-color:#fff;
	border:2px solid #ffffff;
	border-radius:100%;
	opacity:1;
}
.page_team_default_radio_box_radio_btn input[type="radio"]:checked{
	background:yellow;
	opacity:1;
	border:2px solid orange;
}

.item_particle_anim {
	animation: item_particle_anim 1.25s linear infinite normal;
}
@keyframes item_particle_anim {
	0% {
		top: 0.5em;
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	50% {
		top: 0em;
	}
	100% {
		top: -0.5em;
		opacity: 0;
	}
}

/* css_font10 が必要 */
.skyblue_box_css {
	border: 1px solid rgb( 170, 221, 221 );
	box-shadow: rgb( 170, 221, 221 ) 0 0 0.75em inset;
	background-color: black;
}
.lightblue_box_css {
	border: 1px solid #00FFFF;
	box-shadow: #00FFFF 0 0 0.75em inset;
	background-color: black;
}
.orange_box_css {
	border: 1px solid #ffa500;
	box-shadow: #ffa500 0 0 0.75em inset;
	background-color: black;
	padding: 0.2em 0.5em;
}

.design_doughnut_select_10px {	/* css_font10 が前提 */
	position		: relative;
	width			: 0.30em;
	height			: 0.30em;
	border-radius	: 50%;
	border			: 0.10em solid orange;
	background-color: yellow;
}
.design_doughnut_unselect_10px {	/* css_font10 が前提 */
	position		: relative;
	width			: 0.50em;
	height			: 0.50em;
	border-radius	: 50%;
	background-color: white;
}

.darkmatter_shop_lineup_item_name {
	color: #ffd200;
	text-shadow: 0 0 1px #c96812,0 0 1px #c96812, 0 0 2px #c96812,0 0 2px #c96812, 0 0 2px #c96812;
}

/**
 *	ユニオン（国家）のテキストカラー
 */
 .CountryColor1 {
	color:	#ff0000
}
.CountryColor2 {
	color:	#005aff
}
.CountryColor3 {
	color:	#ffea00
}

/**
 *	星戦　戦闘結果用のテキストカラー
 */
.teamWarResult_win {
	color:	#ffea00
}
.teamWarResult_lose {
	color:	#00a8ff
}

.anim_rotate5 {
	animation: anim_rotate5 5s linear infinite;
}
@keyframes anim_rotate5 {
	0%		{ transform: rotate( 0deg ); }
	100%	{ transform: rotate( 360deg ); }
}
.anim_rotate5_reverse {
	animation: anim_rotate5_reverse 5s linear infinite;
}
@keyframes anim_rotate5_reverse {
	0%		{ transform: rotate( 0deg ); }
	100%	{ transform: rotate( -360deg ); }
}