@charset "utf-8";
/************************　注意事項　***************************
//webkit-animation-direction:alternate　は使用注意
//特に透過アニメーションは危険。
//一部Android端末で画面がフラッシュする現象が発生する（コロプラ）
//
// ※ design_y.cssの更新も忘れずに ※
****************************************************************/

/* 640px以上で実行 */
@media screen and (min-width: 641px) {

	/* 背景画像を表示 */
	body {
		background-image: url(../img/fullscreen_background.jpg);
		background-repeat: no-repeat;
		background-size: auto 100Vh;
		background-color: #fcddb1;
		background-position: center;
		margin: 0;
	}

	#body_frame_style {
		position: relative;
		width: 640px;
		height: 100Vh;
		background-color: #fcddb1;
		margin: 0 auto;
		overflow-y: scroll;
		scrollbar-width: none;/*Firefox対応のスクロールバー非表示コード*/
		-ms-overflow-style: none;/*Internet Explore対応のスクロールバー非表示コード*/
	}

	#body_frame_style::-webkit-scrollbar {
		display: none;/*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
	}

	#footer_menu_razest {
		left: initial;
		right: initial;
		max-width: 640px;
	}

	#body_frame_style .main_footer_fixed {
		position: fixed !important;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 640px;
		max-width: 100%;
		z-index: 1000;
	}
}

/* 640px以下で実行 */
@media screen and (max-width:640px) {

	/* 背景画像を非表示 */
	body {
		background-color: #fcddb1;
		margin: 0;
	}

	#body_frame_style {
		position: relative;
		height: 100vh;
		height: 100dvh;
		background-color: #fcddb1;
	}
}

/* 標準背景色 */
/*
body {
	background-color:#fcddb1;
}
*/
/* 黒背景色 */
.black_bg {
	background-color:#000000;
}

/* リンク下線を消す */
.textdeco {
	text-decoration: none;
}

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

}

.nospace img {
	vertical-align:bottom;
}

/* 画像上に文字を表示 */
.textoncg {
	text-align:center;
	position:absolute;
	color:#ffffff;
	font-size:16px;
	top:16px;
	left:0;
	width: 100%;
	font-weight:bold;
}

/* 建設 レベル色 */
.objectcolor_level {
	color:#33F;
}

/* 建設 段階分数色 */
.objectcolor_step {
	color:#9A9A9A;
}

/* 建設 赤色 */
.objectcolor_red {
	color:#F36;
}

/* フォントサイズ 24 */
.Fontsize24 {
	font-size:20px;
	font-weight:bold;
}

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

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

/* テキストカラー 青 */
.textcolor_blue {
	color:#33F;
}
/* テキストカラー 茶色 */
.textcolor_brown {
	color:#562c2c;
}

/* メインページ  */
.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);
}
.design_main_default_news_counter_sub {
	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);
}

/* カードステータス　色　名前 */
.cardcolor_name{
	color:#333399;
}
/* カードステータス　色　体力 */
.cardcolor_hp{
	color:#0033CC;
}
/* カードステータス　色　攻撃 */
.cardcolor_attack{
	color:#CC0000;
}
/* カードステータス　色　速さ */
.cardcolor_speed{
	color:#9900FF;
}
/* カードステータス　色　積載量 */
.cardcolor_capacity{
	color:#399900;
}
/* カードステータス　色　コスト */
.cardcolor_cost{
	color:#0084FF;
}
/* カードステータス　色　コスト(船) */
.cardcolor_s_cost{
	color:#F38839;
}

/* カードステータス　色　名前(背景色濃い時用) */
.cardcolor_name_b{
	color:#ABABE2;
}
/* カードステータス　色　体力(背景色濃い時用) */
.cardcolor_hp_b{
	color:#95AFFF;
}
/* カードステータス　色　攻撃(背景色濃い時用) */
.cardcolor_attack_b{
	color:#FFA6A6;
}
/* カードステータス　色　速さ(背景色濃い時用) */
.cardcolor_speed_b{
	color:#E3BBFF;
}
/* カードステータス　色　積載量(背景色濃い時用) */
.cardcolor_capacity_b{
	color:#FFFACD;
}
/* カードステータス　色　コスト(背景色濃い時用) */
.cardcolor_cost_b{
	color:#0084FF;
}
/* カードステータス　色　コスト(船) (背景色濃い時用) */
.cardcolor_s_cost_b{
	color: #F38839;
}

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

/* メイン　ステータスBG位置 */
.page_Main_island_statusbg_pos {
	position:absolute;
}

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

/* 文字ボールド */
.fontbold {
	font-weight:bold;
}


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

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

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

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

/* ヘッダー画像 */
.css_header_img{
	width:100%;
	height:30px;
}

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

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

/*要素の角を丸く10*/
.border_radius10 {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* 要素の角を丸く 上端は角10 */
.border_radius10a {
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
}

/* 要素の角を丸く 下端は角10 */
.border_radius10b {
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
}
/* 要素の角を丸く 左端は角10 */
.border_radius10c {
	border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
}
/* 要素の角を丸く 右端は角10 */
.border_radius10d {
	border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
}

/* 要素の角を丸く 左上以外角10 */
.border_radius10e {
	border-radius: 0 10px 10px 10px;
	-webkit-border-radius: 0 10px 10px 10px;
	-moz-border-radius: 0 10px 10px 10px;
}

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

/* 要素の角を丸く 上端は角5 */
.border_radius5a {
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
}

/* 要素の角を丸く 下端は角5 */
.border_radius5b {
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
}

/* 要素の角を丸く 左端は角5 */
.border_radius5c {
	border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
}
/* 要素の角を丸く 右端は角5 */
.border_radius5d {
	border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
}

.border_radius13 {
	border-radius: 13px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
}

/*要素の角を丸く2*/
.border_radius2 {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

/*開閉メニュー吹き出し*/
.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;
	border:1px solid #FF6F00;
}
/* 海賊団チャット吹き出し */
.design_TeamBBS_msg_1, .design_TeamBBS_msg_2 {
	border:2px solid #707070;
	border-radius:8px;
	padding:5px;
	position:relative;
}
.design_TeamBBS_msg_1 {
	background:#FEF3D5;
}
.design_TeamBBS_msg_2 {
	background:#FFFFFF;
}
.design_TeamBBS_msg_3 {
	background:#002B64;
	border:2px solid #002B64;
	border-radius:8px;
	padding:5px;
	position:relative;
}

.design_TeamBBS_msg_1:before, .design_TeamBBS_msg_2:before, .design_TeamBBS_msg_3:before {
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	pointer-events: none;
	position: absolute;
	border-top-width: 5px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-right-width: 9px;
	margin-top: -6px;
	right: 100%;
	top: 15px;
	z-index: 2;
}
.design_TeamBBS_msg_1:before {
	border-right-color:#FEF3D5;
}
.design_TeamBBS_msg_2:before {
	border-right-color:#FFFFFF;
}
.design_TeamBBS_msg_3:before {
	border-right-color:#002B64;
}
.design_TeamBBS_msg:after {
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-top-width: 6px;
    border-bottom-width: 6px;
    border-right-width: 13px;
    margin-top: -7px;
    border-right-color: #707070;
    right: 100%;
    top: 15px;
    z-index: 1;
}
.design_TeamBBS_msg_3:after {
    border-right-color: #002B64;
}

/* 海賊団チャットリアクションボタン */
.design_TeamBBS_reaction_icon_list_box:after {
	content: "";
	position: absolute;
	top:-19%;
	left: 8px;
	width: 0px;
	height: 0px;
	margin: auto;
	border: 7px solid transparent;
	border-bottom: 10px solid #e0edff;
    z-index: 1;
}

.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 #FF6F00 transparent;
}
.toolTip_left:after {
	content: "";
	position: absolute;
	top: 15px;
	left: -10px;
	margin-top: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #FF6F00 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 #FF6F00;
}

/*条件クリアなどのチェックマーク*/
.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.3 rgba(255,255,255,0.8) )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( rgba(255,255,255,0), rgba(255,255,255,0.8) 30% ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( rgba(255,255,255,0), rgba(255,255,255,0.8) 30% ); /* FF3.6 */
	background-image:     -ms-linear-gradient( rgba(255,255,255,0), rgba(255,255,255,0.8) 30% ); /* IE10 */
	background-image:-o-linear-gradient( rgba(255,255,255,0), rgba(255,255,255,0.8) 30% ); /* Opera 11.10+ */
	background-image:   linear-gradient( rgba(255,255,255,0), rgba(255,255,255,0.8) 30% );
	padding:10px 15px 4px;
	margin:-13px auto 0;
}

/* バナーの下テキスト用枠(戦争バナー用) */
.banner_text_war {
	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( #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 #000000;
	-webkit-box-shadow:0 0 10px #000000;
	-moz-box-shadow:0 0 10px #000000;
	background-color:#ffffff;
	color:#000000;
}

/* 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お知らせBG */
.topinfo_bg {
	margin:0 auto 5px;
	width:90%;
	line-height: 1.1;
	padding:5px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0.8) )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( rgba(0,0,0,0.6), rgba(0,0,0,0.8) ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( rgba(0,0,0,0.6), rgba(0,0,0,0.8) ); /* FF3.6 */
	background-image:     -ms-linear-gradient( rgba(0,0,0,0.6), rgba(0,0,0,0.8) ); /* IE10 */
	background-image:-o-linear-gradient( rgba(0,0,0,0.6), rgba(0,0,0,0.8) ); /* Opera 11.10+ */
	background-image:   linear-gradient( rgba(0,0,0,0.6), rgba(0,0,0,0.8) );
}

/* TOPお知らせリンク装飾 */
.topinfo_bg a{
	text-decoration:none;
}

/* TOPお知らせセル外枠 */
.topinfo_cell {
	background-color:rgba(0,0,0,0.2);
	display:table;
	min-height:2em;
	margin:3px auto;
	width:98%;
	line-height: 1.1;
	padding:3px 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:solid 1px #999;
	color:#FFF;
}

/* TOPお知らせセル */
.topinfo_cell2 {
	display:table-cell;
	vertical-align:middle;
	text-align:left;
}

/* TOPお知らせセル押したとき色 */
.topinfo_cell:active{
	background-color:#008FBF;
	min-height:2em;
	margin:3px auto;
	width:98%;
	line-height: 1.1;
	padding:3px 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:solid 1px #999;
	color:#FFF;
}

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

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

/* お知らせページセル */
.infolist_bg {
	margin:0 auto 5px;
	width:90%;
	line-height: 1.3;
	padding:5px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0.8) )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( rgba(0,0,0,0.6), rgba(0,0,0,0.8) ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( rgba(0,0,0,0.6), rgba(0,0,0,0.8) ); /* FF3.6 */
	background-image:     -ms-linear-gradient( rgba(0,0,0,0.6), rgba(0,0,0,0.8) ); /* IE10 */
	background-image:-o-linear-gradient( rgba(0,0,0,0.6), rgba(0,0,0,0.8) ); /* Opera 11.10+ */
	background-image:   linear-gradient( rgba(0,0,0,0.6), rgba(0,0,0,0.8) );
}

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

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

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

/* 行間詰め白バック1.1　チュートリアル用 */
.lineheight1_1_white_tutorial {
	line-height: 1.2;
	background-color: #FFFFFF;
	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: #593b25;
	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_brown2 {
	line-height: 1.1;
	padding:5px 0;
	background-color: #F2E6D0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #F2E6D0 ), to( #E1C795 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #F2E6D0, #E1C795 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #F2E6D0, #E1C795 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #F2E6D0, #E1C795 ); /* IE10 */
	background-image:-o-linear-gradient( #F2E6D0, #E1C795 ); /* Opera 11.10+ */
	background-image:   linear-gradient( #F2E6D0, #E1C795 );
}

/* 行間詰め灰色バック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 );
}

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

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

/* 行間詰め透明バック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_arrow, .link_allow/*link_allowは不要になったら消す*/{
	text-decoration:none;
}
.link_arrow > div, .link_allow/*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: #7e0113;
	background: -moz-linear-gradient(top, #b0041e, #7e0113);
	background: -webkit-gradient(linear, left top, left bottom, from(#b0041e), to(#7e0113));
	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 #649AC1;
	-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:#FFFFFF;
	border-bottom:solid 1px #649AC1;
	border-right:solid 1px #649AC1;
	white-space:nowrap;
}

.table_coder th {
    background:#145F96;
    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;
}

/* 要素に点滅赤影 */
.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;
}
@-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;
	}
}

/* 赤枠 チュートリアルで目立たせたいカードステータス */
.status_frame{
	border:solid 1px #ff3333;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin:0;
	padding:2px;
}

/*テキストのまわりに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;
}
.text_shadow_green{
	text-shadow:0 0 1px #106300,0 0 1px #106300, 0 0 2px #106300,0 0 2px #106300, 0 0 3px #106300;
}
.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_black{
	text-shadow:0 0 1px #000,0 0 1px #000, 0 0 2px #000,0 0 2px #000, 0 0 3px #000;
}
.text_shadow_brown{
	text-shadow:0 0 1px #734E30,0 0 1px #734E30, 0 0 2px #734E30,0 0 2px #734E30, 0 0 3px #734E30;
}
.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_brown2{
	text-shadow:0 0 1px #6F2B0A,0 0 1px #6F2B0A, 0 0 2px #6F2B0A,0 0 2px #6F2B0A, 0 0 3px #6F2B0A;
}

.text_shadow_black_big{
	text-shadow:0 0 10px #000,0 0 10px #000, 0 0 10px #000,0 0 10px #000, 0 0 10px #000;
}

.text_shadow_blue{
	text-shadow:2px 0px 0px #0e1d77, -2px 0px 0px #0e1d77, 0px -2px 0px #0e1d77, 0px 2px 0px #0e1d77;
}

.text_shadow_black_frame{
	text-shadow:
		2px 0px 0px black, -2px 0px 0px black, 0px -2px 0px  black, 0px 2px 0px  black,
		2px 2px 0px black, -2px -2px 0px black, -2px -2px 0px  black, 2px 2px 0px  black;
}

.text_shadow_black_frame_2 {
	text-shadow:
		1px 0px 2px black, -1px 0px 2px black, 0px -1px 2px black, 0px 1px 2px black,
		1px 1px 2px black, -1px -1px 2px black, -1px -1px 2px black, 1px 1px 2px black;
}

.text_shadow_white_frame {
	text-shadow:
		1px 0px 0px #fff, 1px 1px 0px #fff, 1px -1px 0px #fff, 1px 0.5px 0px #fff, 1px -0.5px 0px #fff,
		-1px 0px 0px #fff, -1px 1px 0px #fff, -1px -1px 0px #fff, -1px 0.5px 0px #fff, -1px -0.5px 0px #fff,
		0.5px 1px 0px #fff, 0.5px -1px 0px #fff, -0.5px 1px 0px #fff, -0.5px -1px 0px #fff,
		0px -1px 0px #fff, 0px 1px 0px #fff;
}

/*---------------------------------------
デッキ編集
----------------------------------------*/
/* デッキ編集スリートップ背景色 */
.treetop_bg {
	background-image: -webkit-gradient(linear, left top, left bottom, from( #00baf0 ), to( #004FD2 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #00baf0, #004FD2 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #00baf0, #004FD2 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #00baf0, #004FD2 ); /* IE10 */
	background-image:-o-linear-gradient( #00baf0, #004FD2 ); /* Opera 11.10+ */
	background-image:   linear-gradient( #00baf0, #004FD2 );
}

/* デッキ編集スリートップ背景色2 */
.treetop_bg2 {
	background-image: -webkit-gradient(linear, left top, left bottom, from( #004FD2 ), color-stop(0.05, #3c3c3c ), to( #111 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #004FD2, #3c3c3c 5%, #111 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #004FD2, #3c3c3c 5%, #111 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #004FD2, #3c3c3c 5%, #111 ); /* IE10 */
	background-image:-o-linear-gradient( #004FD2, #3c3c3c 5%, #111 ); /* Opera 11.10+ */
	background-image:   linear-gradient( #004FD2, #3c3c3c 5%, #111 );
}

/*デッキ編集_カードステータス背景*/
.status_bg{
	position:absolute;
	right:0;
	bottom:0.2em;
	text-align:right;
	width:100%;
	padding:0.1em;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
	background: -moz-linear-gradient(right top, rgba(0,0,0,0.7),color-stop(40%, 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(40%, 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(40%, rgba(0,0,0,0.7)), rgba(255,255,255,0));
	line-height: 1.1;
}

/*転生素材*/
.ballon_breakItem {
	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;
}
.ballon_breakItem:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -1em;
	margin-top: -1em;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #000;
}

/*---------------------------------------
カードリスト部分
----------------------------------------*/
/* スキル表示小枠 */
.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_border04 {
	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:#0C0;
}

/* スキル表示小枠 */
.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;
}

/* スキル表示小枠(子分ボーナス) */
.skill_border04 {
	border:solid 1px #00000C;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin:3px 0 0;
	color:#F30;
	text-align:left;
}

/*---------------------------------------
港
----------------------------------------*/
.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;
}
/*---------------------------------------
チーム
----------------------------------------*/
.teamLv_bg{
	background-image:url(../img/team/bg_teamLv.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}
.teamTop_bg{
	background-image:url(../img/team/bg_top.jpg);
	background-size:100% auto;
	background-repeat:no-repeat;
}
/*エンブレム選択の吹き出し*/
.ballon_emblem{
	position: relative;
	display: inline-block;
	width:95%;
	background-color:#f5f5f5;
	z-index:10;
}
.ballon_emblem:after{
	content: "";
	position: absolute;
	top: -0.8em;
	left: 5%;
	margin-right: -0.8em;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #f5f5f5 transparent;
}
/*---------------------------------------
その他
----------------------------------------*/
/* マニュアル */
.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;
}

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

/* お知らせアイコンの背景を点滅 */
.iconblink {
	box-shadow: 0 0 10px #F00;
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: iconblink;
	border-radius: 70px;
}

@-webkit-keyframes iconblink {
	0% { -webkit-box-shadow: 0 0 10px 5px #ff0000;}
	4% { -webkit-box-shadow: 0 0 10px 5px #ff0000;}
	100% { -webkit-box-shadow: 0 0 10px 13px #ff0000; }
}

/* アナウンスマーキー */
.marqueeline{
	font-weight:bold;
	overflow-x: -webkit-marquee;
	-webkit-marquee-direction: left;
	-webkit-marquee-style: scroll;
	-webkit-marquee-speed: normal;
}

/* 戦争アナウンスマーキーBG */
.war_marquee{
	background-color:#000000;
	border-top:solid 1px #FF0000;
	border-bottom:solid 1px #FF0000;
	color:#FF0000;
	padding:3px 0;
}

/* 戦争アナウンスマーキー押下したとき */
.war_marquee:active{
	background-color:#417BA7;
}

/* レイドボス用スキル枠 */

.raid_skill_name_box{
	text-align:left;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 0;
	padding-left: 2px;
	padding-right: 0;
}

.raid_skill_name_box2{
	text-align:left;
	color: #FFFFFF;
	padding-top: 6px;
	padding-bottom: 0;
	padding-left: 2px;
	padding-right: 0;
}

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

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


.raid_skill_font{
	padding:0 3px;
	text-align:center;
	color:#FFFFFF;
	font-size:10px;
}

.raid_skill_font2{
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 2px;
	padding-right: 0;
	text-align:center;
	color:#FFFFFF;
	font-size:10px;
}

.raid_skill_border01{
	border-left:solid 1px #88513C;
}

/* マーキー */

.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: -100%; width: 100%; }
}
@-moz-keyframes marquee {
    from {margin-left: 100%; width: 100%; }
    to { margin-left: -100%; width: 100%; }
}
@-ms-keyframes marquee {
    from {margin-left: 100%; width: 100%; }
    to { margin-left: -100%; width: 100%; }
}
@-o-keyframes marquee {
    from {margin-left: 100%; width: 100%; }
    to { margin-left: -100%; width: 100%; }
}
@keyframes marquee {
  from   { transform: translate(100%);}
  99%,to { transform: translate(-100%);}
}

.bar_marquee div{
	-webkit-animation-duration: 6s;
}

/* 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;
}
/*----------------------------------------------
カード詳細ページ
----------------------------------------------*/
/*ツールチップ_強化アイテム説明*/
.toolTip_card_detail_charaItem_left, .toolTip_card_detail_charaItem_right{
	position: relative;
	margin: 0 auto;
	display: inline-block;
	width:100%;
	color: #fff;
	background-color:rgba(0, 0, 0, 0.8);
	text-shadow:none;
	border:#f60 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_card_detail_charaItem_left:after, .toolTip_card_detail_charaItem_right:after{
	content: "";
	position: absolute;
	bottom: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #f60 transparent transparent transparent;
}
.toolTip_card_detail_charaItem_left:after {
	left: 25%;
}
.toolTip_card_detail_charaItem_right:after {
	right: 25%;
}

/*----------------------------------------------
ガチャページ
----------------------------------------------*/
/*ツールチップ_強化アイテム説明*/
.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: absolute;
	display: none;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0);
	z-index:9;
}
.brown_bg {
	background-color: #694b25;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #000000 ), to( #694b25 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #000000, #694b25 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #000000, #694b25 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #000000, #694b25 ); /* IE10 */
	background-image:      -o-linear-gradient( #000000, #694b25 ); /* Opera 11.10+ */
	background-image:         linear-gradient( #000000, #694b25 );
}

.button_nopress_bg {
	background: 			#888 /*{a-bup-background-color}*/;
	color:#666;
	font-weight: bold;
	margin:0.5em;
	padding:0.4em 0.2em 0.2em;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #2d2d2d /*{a-bup-background-start}*/), to( #444444 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #2d2d2d /*{a-bup-background-start}*/, #444444 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #2d2d2d /*{a-bup-background-start}*/, #444444 /*{a-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #2d2d2d /*{a-bup-background-start}*/, #444444 /*{a-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #2d2d2d /*{a-bup-background-start}*/, #444444 /*{a-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #2d2d2d /*{a-bup-background-start}*/, #444444 /*{a-bup-background-end}*/);
}

.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_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;
}

/*---------------------------------------------
ミッション
---------------------------------------------*/
/* フラッグとリカバリ表示の吹き出し */
.ballon_flag, .ballon_recovery {
	position: relative;
	display: inline-block;
	color: #fff;
	background-color:rgba(0, 0, 0, 0.7);
	text-shadow:none;
	border-radius:10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	box-shadow:2px 3px 6px 0px #000000;
		-moz-box-shadow:2px 3px 6px 0px #000000;
		-webkit-box-shadow:2px 3px 6px 0px #000000;
	z-index:10;
}
.ballon_flag:after, .ballon_recovery:after {
	content: "";
	position: absolute;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
}
.ballon_flag:after {
	bottom: -10px;
	left: 80%;
	border-width: 10px 10px 0 10px;
	border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
}
.ballon_recovery:after {
	top: -10px;
	left: 15%;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent;
}

/* 角丸 */
.radius_rightTop {
	border-radius: 0 10px 0 0;
		-webkit-border-radius: 0 10px 0 0;
		-moz-border-radius: 0 10px 0 0;
}
.radius_rightBottom {
	border-radius: 0 0 10px 0;
		-webkit-border-radius: 0 0 10px 0;
		-moz-border-radius: 0 0 10px 0;
}
.radius_leftTop {
	border-radius: 10px 0 0 0;
		-webkit-border-radius: 10px 0 0 0;
		-moz-border-radius: 10px 0 0 0;
}
.radius_leftBottom {
	border-radius: 0 0 0 10px;
		-webkit-border-radius: 0 0 0 10px;
		-moz-border-radius: 0 0 0 10px;
}

/* 画像にグレースケールフィルターをかける */
.imgFilter_gray{
	filter: grayscale(100%);
}
/* 画像をグレーに */
.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);
}
.grayscale_15{
	filter: grayscale(100%) brightness(0.15);
	-webkit-filter: grayscale(100%) brightness(0.15);
	-moz-filter: grayscale(100%) brightness(0.15);
	-o-filter: grayscale(100%) brightness(0.15);
	-ms-filter: grayscale(100%) brightness(0.15);
}
.grayscale_30{
	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_50{
	filter: grayscale(100%) brightness(0.5);
	-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);
}
.brightness_60{
	filter: brightness(0.6);
	-webkit-filter: brightness(0.6);
	-moz-filter: brightness(0.6);
	-o-filter: brightness(0.6);
	-ms-filter: brightness(0.6);
}

.white_filter{
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
	-moz-filter: brightness(0) invert(1);
	-o-filter: brightness(0) invert(1);
	-ms-filter: brightness(0) invert(1);
}

.black_filter{
	filter: brightness(0);
	-webkit-filter: brightness(0);
	-moz-filter: brightness(0);
	-o-filter: brightness(0);
	-ms-filter: brightness(0);
}

/* 要素をぼかす */
.filter_blur{
	filter: blur(3px);
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
}

/* 要素をぼかす 黒め */
.filter_blur_black{
	filter: blur(3px) grayscale(100%) brightness(0.3);
	-webkit-filter: blur(3px) grayscale(100%) brightness(0.3);
	-moz-filter: blur(3px) grayscale(100%) brightness(0.3);
	-o-filter: blur(3px) grayscale(100%) brightness(0.3);
	-ms-filter: blur(3px) grayscale(100%) brightness(0.3);
}

/*----------------------------------------------
コンバットコンテスト
----------------------------------------------*/
.CC_basebg{
	background: -webkit-gradient(linear, left bottom, left top, color-stop(1.00, #36393d), color-stop(0.00, #151718));
	background: -moz-linear-gradient(top, #36393d 0%, #151718 100%);
	color:#ffffff;
}

.CC_Deckwindow1{
	width:80%;
	box-shadow:0px 0px 10px #000000;
	-moz-box-shadow:0px 0px 10px #000000;
	-webkit-box-shadow:0px 0px 10px #000000;
	background-color:#0b2951;
}

.CC_Deckwindow2{
	width:80%;
	box-shadow:0px 0px 10px #000000;
	-moz-box-shadow:0px 0px 10px #000000;
	-webkit-box-shadow:0px 0px 10px #000000;
	background-color:#491010;
}


.CC_log_date{
	width:23%;
	margin-bottom:-0.2em;
	color:#ffffff;
	padding:0.3em;
	background-color: #0765a6;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(1.00, #aa0000), color-stop(0.00, #990000));
	background: -moz-linear-gradient(top, #aa0000 0% , #990000 100%);
	box-shadow:rgba(200, 200, 255, 0.4) 1px 1px 0px 0px inset , rgba(255, 100, 100, 0.2)  0px -2px 10px 0px inset;
	-webkit-box-shadow: rgba(200, 200, 255, 0.4) 1px 1px 0px 0px inset , rgba(255, 100, 100, 0.2)  0px -2px 10px 0px inset;
	-moz-box-shadow:rgba(200, 200, 255, 0.4) 1px 1px 0px 0px inset , rgba(255, 100, 100, 0.2)  0px -2px 10px 0px inset;
}

.CC_Judge_window{
	width:90%;
	margin:0.1em auto;
	padding:0.2em 0.2em 0;
	background-color:#6b2222;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(1.00, #6b2222), color-stop(0.00, #30120a));
	background: -moz-linear-gradient(top, #6b2222 0% , #30120a 100%);
	border:2px solid #cdb02f;
	box-shadow:rgba(0, 0, 0, 0.7) 0px 0px 2px 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 2px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.7) 0px 0px 2px 2px;
}






/*----------------------------------------------
パイレーツコロシアム
----------------------------------------------*/


.pc_basebg{
	background: -webkit-gradient(linear, left bottom, left top, color-stop(1.00, #003357), color-stop(0.00, #000000));
	background: -moz-linear-gradient(top, #003357 0%, #000000 100%);
	color:#ffffff;
}
.pc_bg_1{
	background-image:url(../img/colosseum/player_information_bg.jpg);
	background-size:100% 100%;
	background-position:top;
	background-repeat:no-repeat;
}
.pc_bg_2{
	background-color: rgba(200, 200, 255, 0.4);
}
.pc_bg_3{
	background-color: rgba(0, 0, 0, 0.4);
}
.pc_bg_4{
	background-color:#222222;
	border:1px solid #444444;
}
.pc_bg_5{
	background-color: rgba(255, 255, 255, 0.4);
}
.pc_result_win{
	background-image:url(../img/colosseum/result/win_bg.jpg);
	background-size:100% 100%;
	background-position:top;
	background-repeat:no-repeat;
}
.pc_result_lose{
	background-image:url(../img/colosseum/result/lose_bg.jpg);
	background-size:100% 100%;
	background-position:top;
	background-repeat:no-repeat;
}
.pc_information_mine{
	width:92%;
	margin:0.2em auto 0;
	padding:0.3em;
	box-shadow:rgba(0, 0, 0, 0.7) 0px 0px 2px 2px ,rgba(200, 200, 255, 0.4) 1px 1px 0px 0px inset;
	-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 2px 2px ,rgba(200, 200, 255, 0.4) 1px 1px 0px 0px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.7) 0px 0px 2px 2px ,rgba(200, 200, 255, 0.4) 1px 1px 0px 0px inset;
}
.pc_information_team{
	width:95%;
	margin:0.1em auto;
	padding:0.2em 0.2em 0;
	background-color:#222222;
	border:2px solid #444444;
	box-shadow:rgba(0, 0, 0, 0.7) 0px 0px 2px 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 2px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.7) 0px 0px 2px 2px;
}
.pc_window_bg{
	background: -webkit-gradient(linear, left bottom, left top, color-stop(1.00, #0e1b65), color-stop(0.00, #0a144e));
	background: -moz-linear-gradient(top, #0e1b65 0% , #0a144e 100%);
	box-shadow:rgba(200, 200, 255, 0.4) 1px 1px 0px 0px inset , rgba(100, 100, 255, 0.2)  0px -2px 10px 0px inset;
	-webkit-box-shadow: rgba(200, 200, 255, 0.4) 1px 1px 0px 0px inset , rgba(100, 100, 255, 0.2)  0px -2px 10px 0px inset;
	-moz-box-shadow:rgba(200, 200, 255, 0.4) 1px 1px 0px 0px inset , rgba(100, 100, 255, 0.2)  0px -2px 10px 0px inset;
}
/* パイコロ_文字色 */
.pc_coloryellow{
	color:#ffff00;
	text-shadow:0px 0px 3px #550000,0px 0px 3px #550000,0px 0px 3px #550000,0px 0px 3px #550000,0px 0px 3px #550000;
}
.pc_colorwin{
	color:#ffff00;
	text-shadow:0px 0px 3px #550000,0px 0px 3px #ff0000,0px 0px 3px #ff0000,0px 0px 3px #ff0000,0px 0px 3px #ff0000;
}
.pc_colorlose{
	color:#00ffff;
	text-shadow:0px 0px 3px #00ffff,0px 0px 3px #0000ff,0px 0px 3px #0000ff,0px 0px 3px #0000ff,0px 0px 3px #0000ff;
}

.pc_rankingitem_img{
	border:1px solid #ffffff;
	box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 2px 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 2px 2px;
}

.pc_pickupcard_img{
	border:4px solid #ff0000;
}

/* パイコロ：タブ */
.pc_tabbox {
	width: 100%;
	margin:-0.8em 0 0;
	padding:0.5em 0 0;
	font-weight: bold;
}
.pc_tabs {
	display:-moz-box;
	display:-webkit-box;
	width:90%;
	margin: 0 auto;
	padding: 0;
}
.pc_tabs a {
	display: block;
	width: 30%;
	margin: 0 0.3em 0 0;
	padding:0.3em;
	border-radius: 20px 20px 0px 0px;
	line-height: 110%;
	text-align: center;
	text-decoration: none;
}
.pc_tabs a.tab {
	color:#b3a9a7;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(1.00, #770000), color-stop(0.00, #660000));
	background: -moz-linear-gradient(top, #770000 0% , #660000 100%);
	box-shadow:rgba(200, 200, 255, 0.4) 1px 1px 0px 0px inset , rgba(255, 100, 100, 0.2)  0px -2px 10px 0px inset;
	-webkit-box-shadow: rgba(200, 200, 255, 0.4) 1px 1px 0px 0px inset , rgba(255, 100, 100, 0.2)  0px -2px 10px 0px inset;
	-moz-box-shadow:rgba(200, 200, 255, 0.4) 1px 1px 0px 0px inset , rgba(255, 100, 100, 0.2)  0px -2px 10px 0px inset;
}
.pc_tabs a.tab_active {
	color:#ffffff;
	background-color: #0765a6;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(1.00, #aa0000), color-stop(0.00, #990000));
	background: -moz-linear-gradient(top, #aa0000 0% , #990000 100%);
	box-shadow:rgba(200, 200, 255, 0.4) 1px 1px 0px 0px inset , rgba(255, 100, 100, 0.2)  0px -2px 10px 0px inset;
	-webkit-box-shadow: rgba(200, 200, 255, 0.4) 1px 1px 0px 0px inset , rgba(255, 100, 100, 0.2)  0px -2px 10px 0px inset;
	-moz-box-shadow:rgba(200, 200, 255, 0.4) 1px 1px 0px 0px inset , rgba(255, 100, 100, 0.2)  0px -2px 10px 0px inset;
}
a.tab_active p, .pc_tabs p{
	margin-top:0.6em;
	margin-bottom:0;
}
.pc_tabboxin {
	padding:0.2em;
	width:95%;
	margin:0 auto;
	border:2px solid #990000;
	box-shadow:rgba(255, 200, 200, 0.4) 1px 1px 0px 0px inset;
	-webkit-box-shadow:rgba(255, 200, 200, 0.4) 1px 1px 0px 0px inset;
	-moz-box-shadow:rgba(255, 200, 200, 0.4) 1px 1px 0px 0px inset;
}
.pc_btn_top{
	width:45%;
}
/* 折り返さない */
.nobrbox{
	display: box;
	display:-webkit-box;
	display:-moz-box;
	width:100%;
	padding:0;
}

/*ピックアップカードを引いた数のゲージ*/
/* メーターの背景 */
.pickup_card_meter_grey_bg {
	background-color:#222222;
	border: 1px solid #000000;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}

/* メーターの光 */
.pickup_card_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;
}

/* メーターの影 */
.pickup_card_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) );
}
/* メーターの色 */
.pickup_card_quest_meter_gold{
	background-color:#ffd700;
	border: 1px solid #000000;
}

/*----------------------------------------------
人気投票
----------------------------------------------*/

.pv_basebg{
	background-color: #e2efff;
}

/*---------------------------------------------
建築
---------------------------------------------*/
/* イベント建物建築選択表示の吹き出し */
.ballon_build_select {
	position: relative;
	width:0px;
	color: #000000;
	background-color:#fff;
	border:2px solid #000000;
	border-radius:10px;
	padding:8px;
	margin:2px;
	display: inline-block;
	z-index:2;
}
.ballon_build_select:before {
	content: "";
	position: absolute;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	bottom: -15px;
	left: 75%;
	border-width: 15px 15px 0 15px;
	border-color: #000000 transparent transparent transparent;
}
.ballon_build_select:after {
	content: "";
	position: absolute;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	bottom: -14px;
	left: 75%;
	border-width: 15px 15px 0 15px;
	border-color: #fff transparent transparent transparent;
}
.ballon_build_select.new:before {
	left: 50%;
}
.ballon_build_select.new:after {
	left: 50%;
}



/*---------------------------------------------
神魔降臨系（闇と光と追加スキル）
---------------------------------------------*/
.special_skill_bg {
	background-image: -webkit-gradient(linear, left top, right bottom, from( #33337e ),  color-stop(0.5, #0068b7), to(#0068b7)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(left #33337e, #0068b7 50%, #0068b7); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(left #33337e, #0068b7 50%, #0068b7); /* FF3.6 */
	background-image:     -ms-linear-gradient(left #33337e, #0068b7 50%, #0068b7); /* IE10 */
	background-image:      -o-linear-gradient(left #33337e, #0068b7 50%, #0068b7); /* Opera 11.10+ */
	background-image:         linear-gradient(left #33337e, #0068b7 50%, #0068b7);
}

.textcolor_special_skill_name {
	color:#fff280;
}
.textcolor_special_skill_text {
	color:#ffffff;
}

.light_tab_bg {
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff ), color-stop(0.5, #ffffcc), to( #ffffcc )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #ffffff, #ffffcc 50%,#ffffcc ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffffff, #ffffcc 50%,#ffffcc ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffffff, #ffffcc 50%,#ffffcc ); /* IE10 */
	background-image:      -o-linear-gradient( #ffffff, #ffffcc 50%,#ffffcc ); /* Opera 11.10+ */
	background-image:         linear-gradient( #ffffff, #ffffcc 50%,#ffffcc );
}
.light_tab_bg_2 {
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffcc ), color-stop(0.5, #ffffdd), to( #ffffff )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #ffffcc, #ffffdd 50%,#ffffff ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffffcc, #ffffdd 50%,#ffffff ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffffcc, #ffffdd 50%,#ffffff ); /* IE10 */
	background-image:      -o-linear-gradient( #ffffcc, #ffffdd 50%,#ffffff ); /* Opera 11.10+ */
	background-image:         linear-gradient( #ffffcc, #ffffdd 50%,#ffffff );
}
.dark_tab_bg {
	background-image: -webkit-gradient(linear, left top, left bottom, from( #483d8b ), color-stop(0.5, #261961), to( #000000 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #483d8b, #261961 50%,#000000 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #483d8b, #261961 50%,#000000 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #483d8b, #261961 50%,#000000 ); /* IE10 */
	background-image:      -o-linear-gradient( #483d8b, #261961 50%,#000000 ); /* Opera 11.10+ */
	background-image:         linear-gradient( #483d8b, #261961 50%,#000000 );
}
.dark_tab_bg_2 {
	background-image: -webkit-gradient(linear, left top, left bottom, from( #000000 ), color-stop(0.5, #483d8b), to( #483d8b )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #000000, #483d8b 50%,#483d8b ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #000000, #483d8b 50%,#483d8b ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #000000, #483d8b 50%,#483d8b ); /* IE10 */
	background-image:      -o-linear-gradient( #000000, #483d8b 50%,#483d8b ); /* Opera 11.10+ */
	background-image:         linear-gradient( #000000, #483d8b 50%,#483d8b );
}

/*---------------------------------------------
子分ボーナス系
---------------------------------------------*/
.textcolor_follower_bonus_name {
	color:#111280;
}
.follower_skill_bg {
	background-image: -webkit-gradient(linear, left top, right bottom, from( #000000 ),  color-stop(0.5, #00aa00), to(#00aa00)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(left #000000, #00aa00 50%, #00aa00); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(left #000000, #00aa00 50%, #00aa00); /* FF3.6 */
	background-image:     -ms-linear-gradient(left #000000, #00aa00 50%, #00aa00); /* IE10 */
	background-image:      -o-linear-gradient(left #000000, #00aa00 50%, #00aa00); /* Opera 11.10+ */
	background-image:         linear-gradient(left #000000, #00aa00 50%, #00aa00);
}


/*---------------------------------------------
メインページ
---------------------------------------------*
/* 上下にふわふわ動く */
@-webkit-keyframes fuwafuwa {
	0% { transform: translateY(0px) }
    50% { transform: translateY(-5px) }
    100% { transform: translateY(0px) }
}
@-moz-keyframes fuwafuwa {
	0% { transform: translateY(0px) }
    50% { transform: translateY(-5px) }
    100% { transform: translateY(0px) }
}
@-ms-keyframes fuwafuwa {
	0% { transform: translateY(0px) }
    50% { transform: translateY(-5px) }
    100% { transform: translateY(0px) }
}
@-o-keyframes fuwafuwa {
	0% { transform: translateY(0px) }
    50% { transform: translateY(-5px) }
    100% { transform: translateY(0px) }
}
@keyframes fuwafuwa {
	0% { transform: translateY(0px) }
    50% { transform: translateY(-5px) }
    100% { transform: translateY(0px) }
}

.fuwafuwa {
	-webkit-animation: fuwafuwa 3s linear infinite;
	-moz-animation: fuwafuwa 3s linear infinite;
	-ms-animation: fuwafuwa 3s linear infinite;
	-o-animation: fuwafuwa 3s linear infinite;
	animation: fuwafuwa 3s linear infinite;
}

/* 小刻みな拡大縮小を繰り返す */
@-webkit-keyframes scale_anime {
	0% { transform: scale(1); }
	50% { transform: scale(1); }
	60% { transform-origin: center; transform: scale(1.1); }
	70% { transform: scale(1); }
	80% { transform-origin: center; transform: scale(1.1); }
	100% { transform: scale(1); }
}
@-moz-keyframes scale_anime {
	0% { transform: scale(1); }
	50% { transform: scale(1); }
	60% { transform-origin: center; transform: scale(1.1); }
	70% { transform: scale(1); }
	80% { transform-origin: center; transform: scale(1.1); }
	100% { transform: scale(1); }
}
@-ms-keyframes scale_anime {
	0% { transform: scale(1); }
	50% { transform: scale(1); }
	60% { transform-origin: center; transform: scale(1.1); }
	70% { transform: scale(1); }
	80% { transform-origin: center; transform: scale(1.1); }
	100% { transform: scale(1); }
}
@-o-keyframes scale_anime {
	0% { transform: scale(1); }
	50% { transform: scale(1); }
	60% { transform-origin: center; transform: scale(1.1); }
	70% { transform: scale(1); }
	80% { transform-origin: center; transform: scale(1.1); }
	100% { transform: scale(1); }
}
@keyframes scale_anime {
	0% { transform: scale(1); }
	50% { transform: scale(1); }
	60% { transform-origin: center; transform: scale(1.1); }
	70% { transform: scale(1); }
	80% { transform-origin: center; transform: scale(1.1); }
	100% { transform: scale(1); }
}
.scale_anime {
	-webkit-animation: scale_anime 2s linear infinite;
	-moz-animation: scale_anime 2s linear infinite;
	-ms-animation: scale_anime 2s linear infinite;
	-o-animation: scale_anime 2s linear infinite;
	animation: scale_anime 2s linear infinite;
}

/* 小刻みなジャンプを2回行う */
@-webkit-keyframes short_jump {
	0% { transform: translate(0, 0); }
	50% { transform: translate(0, 0); }
	60% { transform: translate(0, -5px); }
	70% { transform: scale(1); }
	80% { transform: translate(0, -5px); }
	90% { transform: scale(1); }
	100% { transform: scale(1); }
}
@-moz-keyframes short_jump {
	0% { transform: translate(0, 0); }
	50% { transform: translate(0, 0); }
	60% { transform: translate(0, -5px); }
	70% { transform: scale(1); }
	80% { transform: translate(0, -5px); }
	90% { transform: scale(1); }
	100% { transform: scale(1); }
}
@-ms-keyframes short_jump {
	0% { transform: translate(0, 0); }
	50% { transform: translate(0, 0); }
	60% { transform: translate(0, -5px); }
	70% { transform: scale(1); }
	80% { transform: translate(0, -5px); }
	90% { transform: scale(1); }
	100% { transform: scale(1); }
}
@-o-keyframes short_jump {
	0% { transform: translate(0, 0); }
	50% { transform: translate(0, 0); }
	60% { transform: translate(0, -5px); }
	70% { transform: scale(1); }
	80% { transform: translate(0, -5px); }
	90% { transform: scale(1); }
	100% { transform: scale(1); }
}
@keyframes short_jump {
	0% { transform: translate(0, 0); }
	50% { transform: translate(0, 0); }
	60% { transform: translate(0, -5px); }
	70% { transform: scale(1); }
	80% { transform: translate(0, -5px); }
	90% { transform: scale(1); }
	100% { transform: scale(1); }
}
.short_jump {
	-webkit-animation: short_jump 2s linear infinite;
	-moz-animation: short_jump 2s linear infinite;
	-ms-animation: short_jump 2s linear infinite;
	-o-animation: short_jump 2s linear infinite;
	animation: short_jump 2s linear infinite;
}

/* 画像を小刻みに傾ける */
/*
@-webkit-keyframes short_rotate_anime {
	0% { transform: rotate(0deg); }
	10% { transform: rotate(-10deg); }
	20% { transform: rotate(10deg); }
	30% { transform: rotate(-10deg); }
	40% { transform: rotate(10deg); }
	50% { transform: rotate(0deg); }
}
@-moz-keyframes short_rotate_anime {
	0% { transform: rotate(0deg); }
	10% { transform: rotate(-10deg); }
	20% { transform: rotate(10deg); }
	30% { transform: rotate(-10deg); }
	40% { transform: rotate(10deg); }
	50% { transform: rotate(0deg); }
}
@-ms-keyframes short_rotate_anime {
	0% { transform: rotate(0deg); }
	10% { transform: rotate(-10deg); }
	20% { transform: rotate(10deg); }
	30% { transform: rotate(-10deg); }
	40% { transform: rotate(10deg); }
	50% { transform: rotate(0deg); }
}
@-o-keyframes short_rotate_anime {
	0% { transform: rotate(0deg); }
	10% { transform: rotate(-10deg); }
	20% { transform: rotate(10deg); }
	30% { transform: rotate(-10deg); }
	40% { transform: rotate(10deg); }
	50% { transform: rotate(0deg); }
}
@keyframes short_rotate_anime {
	0% { transform: rotate(0deg); }
	10% { transform: rotate(-10deg); }
	20% { transform: rotate(10deg); }
	30% { transform: rotate(-10deg); }
	40% { transform: rotate(10deg); }
	50% { transform: rotate(0deg); }
}
.short_rotate_anime {
	-webkit-animation: short_rotate_anime 2s linear infinite;
	-moz-animation: short_rotate_anime 2s linear infinite;
	-ms-animation: short_rotate_anime 2s linear infinite;
	-o-animation: short_rotate_anime 2s linear infinite;
	animation: short_rotate_anime 2s linear infinite;
}
*/

/*---------------------------------------------
フォント
---------------------------------------------*/
.front_family_gothic{
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
.front_family_mincho{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

/*---------------------------------------------
ボードゲームの紹介ページ
---------------------------------------------*/

div#page_bar_board_game_default img{
	width: 100%;
}

div#page_bar_board_game_default .bd_img{
	margin-bottom: 4%;
}

div#page_bar_board_game_default .bd_text {
	margin: 0 auto 9%;
    width: 95%;
}


div#page_bar_board_game_default .bd_cacthcp_img {
    margin-bottom: 6%;
}


div#page_bar_board_game_default ul {
	list-style-type: none;
	margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
}

div#page_bar_board_game_default .info_box {
    padding:5% 2%;
    background: #490505;
    border-radius: 10px;
    width: 93%;
    margin: 0 auto 9%;
	box-sizing: border-box;
	text-align: left;
}

div#page_bar_board_game_default .info_box li {
    background-color: rgba(0,0,0,0.6);
    padding: 2%;
    border: solid 1px;
    border-radius: 5px;
    margin: 1% 1px;
}

div#page_bar_board_game_default .to_kousiki {
    margin-bottom: 6%;
}

div#page_bar_board_game_default .twitter {
    display: block;
    width: 100%;
	position: relative;
	margin-bottom: 8%;
}

div#page_bar_board_game_default .tw_text {
	color: #000;
	text-align: left;
	position: absolute;
    top: 45%;
    left: 13%;
	width: 50%;
	text-shadow:
    #fff 2px 0px,  #fff -2px 0px,
    #fff 0px -2px, #fff 0px 2px,
    #fff 2px 2px , #fff -2px 2px,
    #fff 2px -2px, #fff -2px -2px,
    #fff 1px 2px,  #fff -1px 2px,
    #fff 1px -2px, #fff -1px -2px,
    #fff 2px 1px,  #fff -2px 1px,
	#fff 2px -1px, #fff -2px -1px;
}

div#page_bar_board_game_default .tw_text span {
    font-weight: bold;
	color: red;
}


/* メニューモーダルウィンドウ */
.main_menu_modal_wrap {
	display: none;
}

.main_menu_modal_window {
	display: none;
	position: absolute;
	width: 640px;
	background: url("../img/common/modal/1/modal_middle.png") repeat-y;
	background-size: 100% auto;
	z-index: 2;
	top: 40px;
	font-size: 22px;
	touch-action: manipulation,
}

.main_menu_modal_window:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	background: url("../img/common/modal/1/modal_top.png") no-repeat;
	background-size: 100%;
	width: 100%;
	height: 38px;
	z-index: -1;
}

.main_menu_modal_window:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -38px;
	background: url("../img/common/modal/1/modal_bottom.png") no-repeat;
	background-size: 100%;
	width: 100%;
	height: 38px;
	z-index: 999;
}


.main_menu_modal_window .close {
	width: 62px;
	height: 62px;
	top: -18px;
	left: 570px;
}
.main_menu_box{
	width: 87%;
	margin: 0 auto;
}

.ballon_main_page_gold_bg , .ballon_main_page_crystal_bg{
	display: inline-block;
	color: #fff;
	background-color:rgba(0, 0, 0, 0.85);
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 0.1em 0.3em 0.1em 0px;
}
.ballon_main_page_gold_icon {
	position: absolute;
    background: rgba(0,0,0,0.85);
    border-radius: 50%;
    border: solid 2px;
}
.ballon_main_page_gold_icon img, #main_menu_modal_btn img {
	width: 100%;
}

.ballon_main_page_item_bg{
	display: inline-block;
	color: #fff;
	text-align: right;
	background-color:rgba(0, 0, 0, 0.7);
	border-radius:10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
}

.balloon_bottom:after {
	content: "";
	position: absolute;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	bottom: -20px;
	left: 52%;
	border-width: 20px 10px 0 10px;
	border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
}

.radius_circle {
	border-radius: 50%;/*角丸*/
}


.war_deck_slick{
  display: none;
}

.war_deck_slick.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}

.mainte_marquee {
	width:400px;
	overflow:hidden;
	padding:0.2em 0;
	background-color:#f6f6f6;
	position:relative;
	font-weight: bold;
}

.mainte_marquee p:after {
	content:"";
	white-space:nowrap;
}

.mainte_marquee p {
	margin:0;
	padding-left:400px;
	display:inline-block;
	white-space:nowrap;
	-webkit-animation-name:mainte_marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:20s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:mainte_marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:20s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:mainte_marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:20s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:mainte_marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:20s;
	-o-animation-iteration-count:infinite;
	animation-name:mainte_marquee;
	animation-timing-function:linear;
	animation-duration:20s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes mainte_marquee {
	from   { -webkit-transform: translate(0%);}
	99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes mainte_marquee {
	from   { -moz-transform: translate(0%);}
	99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes mainte_marquee {
	from   { -ms-transform: translate(0%);}
	99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes mainte_marquee {
	from   { -o-transform: translate(0%);}
	99%,to { -o-transform: translate(-100%);}
}
@keyframes mainte_marquee {
	from   { transform: translate(0%);}
	99%,to { transform: translate(-100%);}
}

/* 秘書の吹き出し */
.design_secretary_balloon {
	border:2px solid #904510;
	border-radius:8px;
	padding:5px;
	position:relative;
}
.design_secretary_balloon {
	background:#FFFFFF;
}
.design_secretary_balloon:before {
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	pointer-events: none;
	position: absolute;
	border-top-width: 9px;
	border-bottom-width: 8px;
	border-left-width: 4px;
	border-right-width: 12px;
	margin-top: -5px;
	right: 100%;
	top: 15px;
	z-index: 2;
}
.design_secretary_balloon:before {
	border-right-color:#FFFFFF;
}
.design_secretary_balloon:after {
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-top-width: 11px;
    border-bottom-width: 11px;
    border-right-width: 15px;
    margin-top: -7px;
    border-right-color: #904510;
    right: 100%;
    top: 15px;
    z-index: 1;
}

/* チーム紹介文の省略 */
.team_message_ellipsis {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
}

.css_flash{
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: css_flash;
}
@keyframes css_flash {
	0%,100% {
			opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

.parts_modal_window{
	position:absolute;
	top:50px;
	width:100%;
	text-align:center;
	z-index:11;
}
	.parts_modal_window_width_90{
		width: 90%;
		margin: 0 auto;
	}
	.parts_modal_window_width_80{
		width: 80%;
		margin: 0 auto;
	}
	.parts_modal_window_btn_close_top{
		position:absolute;
		top: -1em;
		right: 1.5em;
		width: 10%;
	}
	.parts_modal_window_body{
		position:absolute;
		top:50px;
		width:100%;
		text-align:center;
		z-index:11;
	}
#parts_modal_window_black_bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.6);
	z-index:10;
}