/*--------------------
* モーダルウィンドウ
--------------------*/
#global_menu {
	z-index: 1001;
	position:relative;
	width: 300px;
	padding: 0px;
	display:none;
}

#global_footer_menu {
	z-index: 1001;
	position:absolute;
	width: 300px;
	padding: 0px;
	display:none;
}

#lean_overlay,
#lean_overlay2,
#lean_overlay3{ 
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

/*--------------------
* モーダルウィンドウ(GREE用)
--------------------*/
#global_menu_gree {
	z-index: 1001;
/*	position: relative;*/
    top: 0px;
	width: 292px;
	padding: 0px;
	display:none;
	margin:0px auto;
}

#global_footer_menu_gree {
	z-index: 1001;
/*	position: relative;*/
/*    top: 0px;*/
	width: 292px;
	padding: 0px;
	display:none;
	margin:0px auto;
}

#header_menu,
#footer_menu{
	display:block;
	cursor: pointer;
}

#overlay{
	display: none;
	width: 100%;
	height:100%;
/*	text-align: center;*/
	position: fixed;
	top: 0;
	z-index: 100;
	background: rgba(0,0,0,0.7);
}

#overlay_footer{
	display: none;
	width: 100%;
	height:100%;
/*	text-align: center;*/
	position: fixed;
/*    top: 3300px;*/
	z-index: 102;
	background: rgba(0,0,0,0.7);
}

#prof_img_detail,
#deck_img_detail_0,
#deck_img_detail_1,
#deck_img_detail_2,
#deck_img_detail_3,
#deck_img_detail_4 {
	z-index: 1002;
	position: absolute;
	display:none;
	cursor: pointer;
}

/*--------------------
* ステータスBOX
--------------------*/
#status_header {
	text-align:center;
	padding-bottom:0px;
	line-height:55px;
	margin:0px auto;
}
#status_box {
	background-color: #0d0316;
	margin: 0px auto;
	width:440px;
	border-right: solid 1px #777;
	border-left: solid 1px #777;
	border-bottom: solid 1px #777;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 0px;
}
#status_box table {
	font-size: 20px;
}
#status_header_gree {
	text-align:center;
	padding-bottom:0px;
	line-height:40px;
	margin:0px auto;
}
#status_box_gree {
	background-color: #0d0316;
	margin: 0px auto;
	width:294px;
	border-right: solid 1px #777;
	border-left: solid 1px #777;
	border-bottom: solid 1px #777;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 0px;
}

.guild_battle_link a {
	text-decoration:none;
}

.global_menu_height {
    width: 300px;
    height: 465px;
}

.menu_bg{
    width: 300px;
    height: 465px;
    display: block;
    background-image: url('https://game-app.yamato2202-journey.com/y_yamato/img_sp/menu/bg.png');
	background-repeat: no-repeat;
    background-size: contain;
}


/* モーダルウィンドウ内で表示する画像等のcss*/
.menusprite{
    display: block;
	background-image: url('https://game-app.yamato2202-journey.com/y_yamato/img_sp/common/global_menu/menu_parts_large.png');
	background-repeat: no-repeat;
}


.sprite-bt_menu_announcement {
    width: 260px;
    height: 60px;
    background-position: -5px -5px;
}

.sprite-bt_menu_announcement2 {
    width: 150px;
    height: 60px;
    background-position: -759px -75px;
}

.sprite-bt_menu_battle {
    width: 120px;
    height: 60px;
    background-position: -275px -5px;
}

.sprite-bt_menu_card_list {
    width: 120px;
    height: 60px;
    background-position: -405px -5px;
}

.sprite-bt_menu_card_sell {
    width: 120px;
    height: 60px;
    background-position: -535px -5px;
}

.sprite-bt_menu_close {
    width: 44px;
    height: 44px;
    background-position: -5px -75px;
}

.sprite-bt_menu_community {
    width: 300px;
    height: 80px;
    background-position: -59px -75px;
    display: inline-block;
}

.sprite-bt_menu_crew {
    width: 120px;
    height: 60px;
    background-position: -369px -75px;
}

.sprite-bt_menu_deck {
    width: 120px;
    height: 60px;
    background-position: -499px -75px;
}

.sprite-bt_menu_evolution {
    width: 120px;
    height: 60px;
    background-position: -369px -145px;
}

.sprite-bt_menu_exchange {
    width: 120px;
    height: 60px;
    background-position: -499px -145px;
}

.sprite-bt_menu_exchange2 {
    width: 200px;
    height: 60px;
    background-position: -705px -215px;
}

.sprite-bt_menu_fleet {
    width: 120px;
    height: 60px;
    background-position: -5px -215px;
}

.sprite-bt_menu_fleet_battle {
    width: 300px;
    height: 80px;
    background-position: -135px -215px;
}

.sprite-bt_menu_fleet_battle_in_session {
    width: 300px;
    height: 80px;
    background-position: -5px -305px;
}

.sprite-bt_menu_gacha {
    width: 120px;
    height: 60px;
    background-position: -445px -215px;
}

.sprite-bt_menu_gift {
    width: 260px;
    height: 60px;
    background-position: -315px -305px;
}

.sprite-bt_menu_gift2 {
    width: 200px;
    height: 60px;
    background-position: -759px -145px;
}

.sprite-bt_menu_greeting {
    width: 120px;
    height: 60px;
    background-position: -315px -375px;
}

.sprite-bt_menu_help {
    width: 120px;
    height: 60px;
    background-position: -445px -375px;
}

.sprite-bt_menu_item {
    width: 120px;
    height: 60px;
    background-position: -5px -445px;
}

.sprite-bt_menu_material {
    width: 120px;
    height: 60px;
    background-position: -135px -445px;
}

.sprite-bt_menu_material_sell {
    width: 120px;
    height: 60px;
    background-position: -265px -445px;
}

.sprite-bt_menu_mission {
    width: 120px;
    height: 60px;
    background-position: -395px -445px;
}

.sprite-bt_menu_mix {
    width: 120px;
    height: 60px;
    background-position: -525px -445px;
}

.sprite-bt_menu_mypage {
    width: 120px;
    height: 60px;
    background-position: -5px -515px;
}

.sprite-bt_menu_official_community {
    width: 300px;
    height: 80px;
    background-position: -135px -515px;
    display: inline-block;
}

.sprite-bt_menu_pbook {
    width: 120px;
    height: 60px;
    background-position: -445px -515px;
}

.sprite-bt_menu_profile {
    width: 120px;
    height: 60px;
    background-position: -5px -585px;
}

.sprite-bt_menu_shop {
    width: 120px;
    height: 60px;
    background-position: -445px -585px;
}

.sprite-bt_menu_slot {
    width: 120px;
    height: 60px;
    background-position: -665px -5px;
}

.sprite-bt_menu_support {
    width: 120px;
    height: 60px;
    background-position: -629px -75px;
}

.sprite-bt_menu_top {
    width: 120px;
    height: 60px;
    background-position: -629px -145px;
}

.sprite-bt_menu_trade {
    width: 120px;
    height: 60px;
    background-position: -575px -215px;
}

.sprite-bt_menu_treasure {
    width: 120px;
    height: 60px;
    background-position: -585px -285px;
}

.sprite-title_menu_card {
    width: 600px;
    height: 30px;
    background-position: -5px -655px;
}

.sprite-title_menu_collection {
    width: 600px;
    height: 30px;
    background-position: -5px -695px;
}

.sprite-title_menu_collection_deck {
		display:inline-block;
    width: 260px;
    height: 30px;
    background-position: -795px -5px;
}

.sprite-title_menu_others {
    width: 600px;
    height: 30px;
    background-position: -5px -735px;
}

.sprite-title_menu_sell {
		display:inline-block;
    width: 260px;
    height: 30px;
    background-position: -795px -45px;
}


/* ボタンの大きさを設定 */
.modal_menu_button_mini {
    display:inline-block;
    width: 60px;
    /* height: 50px; */
    z-index:2;
}

.modal_menu_button_small {
    display:inline-block;
    width: 60px;
    /* height: 60px; */
    z-index:2;
}

.modal_menu_button_small_x {
    display:inline-block;
    width: 80px;
    /* height: 60px; */
    z-index:2;
}

.modal_menu_button_small_xx {
    display:inline-block;
    width: 200px;
    height: 60px;
    z-index:2;
}

.modal_menu_button_medium {
    display:inline-block;
    width: 260px;
    height: 60px;
    z-index:2;
}

.modal_menu_button_large {
    width: 50%;
    height: 40px;
    z-index:2;
}

/* 隙間の設定 */
.menu_top_block {
	margin-top:1%;
}

/* ﾀｲﾄﾙの下の隙間 */
.menu_under_title_block {
	margin-top: 5px;
}

/* ﾀｲﾄﾙの上の隙間 */
.menu_above_title {
	margin-top: 10px;
}

/* ボタン間の隙間 */
.menu_button_margin_left {
	margin-left: 15px;
}

/* 中央配置ボタン位置 */
.menu_button_margin_center {
		margin: auto;
}

/* キャンセルボタン位置 */
.menu_button_cancel_margin {
    right: 10px;
}

.menu_top_padding {
	padding-top:15px;
}

.menu_bottom_padding {
	padding-bottom:15px;
}

/* 艦隊戦ボタン */
.menu_button_guild_battle {
    position: relative;
}

.menu_guild_battle_period {
    position: absolute;
    bottom: 0%;
    left: 0;
    width: 100%;
    text-align: center;
}

.menu_guild_battle_period > span{
    text-decoration: none;
    color: #FFFFFF;
    /* 240px環境でのみフォントサイズ調整 */
    font-size: medium;
}

.menu_button_flex_small_x {
    display: flex;
    flex-direction: row;
    justify-content: center;
    column-gap: 3%;
    height: 40px;
}

.menu_button_flex_small_xx {
    display: flex;
    flex-direction: row;
    justify-content: center;
    column-gap: 3%;
    height: 33px;
}

.menu_title_small_x {
    width: 293px;
    height: 13px;
}

.menu_button_cancel_size {
    width: 75%;
}

.menu_button_community_size {
    height: 30px;
}