
/*===================
	TS_theme4_glinkの設定
====================*/

/*メニュ－ボタン系*/
.menu_item {
	position:relative;
	margin-top:2%;
	text-align:center;
	cursor:pointer;
	float:left;

}

/* ko10panda add ※別のところで設定しているのでコメントアウト
.menu_item img {width:auto;max-width:80%;max-height:10%;}
*/

.display_menu .button:first-child {margin-top:0;}

.display_menu{
	overflow:visible;
	padding:0;
	z-index: 10000;
	width:100%;
	height:100%;
	position: absolute;
	display:block;
    /*overflow:visible;padding:2%;display:table-cell;vertical-align:middle*/
}

/*---------------------------------------------------------------------- ko10panda add ※追加ここから
	メニュー画面ボタンのホバー処理 
-------------------------------------------*/
/* background にはホバー時に表示したい画像ファイルのurlが入ります。
width,heightには画像の幅と高さを入力してください */

/* 以下は共通処理です */
.menu_item a{display:block;}
.menu_item img {border:none;}
/*
.menu_item a:hover {background: none;}
.menu_item a:hover img {visibility: hidden;}
*/

/*----------------------------------------------------------------------------------------- 追加ここまで*/

/* セーブ時の画面の設定
--------------------------*/
/* セーブデータリスト全体の設定 */
.save_list {
	display: table;
	table-layout: fixed;
	width: 70%;
	height:76px;
	font-size: 14px;
	font-weight: normal;
	border-top: 1px dotted #CCC;
}

/* セーブデータの設定 */
.save_list_item {
	display: table-row;
	cursor: pointer;
}

/* セーブデータのサムネイル部分の設定 */
.save_list_item_thumb {
	display: table-cell;
	width: 96px;
	height:72px;
	padding-top:5px;
	padding-left:10px;
	border-bottom: 1px dotted #CCC;

}

.save_list_item_thumb img {
	width: 96px;
	height: 72px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* セーブデータのテキスト部文の設定 */
.save_list_item_area {
	display: table-cell;
	vertical-align: top;
	padding: 0 10px;
	border-bottom: 1px dotted #CCC;
}
/* セーブデータの日付の設定 */
.save_list_item_date {
	display: block;
	padding: 5px 0;
	line-height: 1;
	color:#48D1CC;
}
/* セーブデータのテキストの設定 */
.save_list_item_text {
	display: block;
	line-height: 1.3;
	height: 48px;
	overflow: hidden;
	color:#666;
}


.layer_event_click{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background-color: rgba(0, 0, 0, 0);
}

.layer{
	background-size:100% 100%;
}

.button_menu{
	position:absolute;
	z-index:99999;
	cursor:pointer;
}

/* 通常時 
----------------------------------- */
.theme_tyrano_05{
	color: #ffffff;	/* 文字色 */
	background: #534c30; /* 旧ブラウザ */
	background: -moz-linear-gradient(top, #534c30 0%, #393421 100%); /* Firefox */
	background: -webkit-linear-gradient(top, #534c30 0%,#393421 100%); /* Chrome */
	background: linear-gradient(to bottom, #534c30 0%,#393421 100%); /* IE10, Opera, Safari */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#534c30', endColorstr='#393421',GradientType=0 ); /* IE6-9 */
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	border-radius: 0;
	border: none;
}

/* ホバー 
----------------------------------- */
.theme_tyrano_05:hover{
	color: #F6F6F6;
	background: #d95930; /* Old browsers */
	background: -moz-linear-gradient(top, #d95930 0%, #b53c20 100%);
	background: -webkit-linear-gradient(top, #d95930 0%,#b53c20 100%);
	background: linear-gradient(to bottom, #d95930 0%,#b53c20 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d95930', endColorstr='#b53c20',GradientType=0 );
}

/* クリック 
----------------------------------- */
.theme_tyrano_05:active{
	color: #d7cca2;
	background: #c4502b;
	background: -moz-linear-gradient(top, #c4502b 0%, #a3361d 100%);
	background: -webkit-linear-gradient(top, #c4502b 0%,#a3361d 100%);
	background: linear-gradient(to bottom, #c4502b 0%,#a3361d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4502b', endColorstr='#a3361d',GradientType=0 );
}
