@charset "utf-8";
/* CSS Document */

section {
	display:block;
}


/*//////// AppList.html用 ////////*/

/*ゲームリストページ基本
***********************************/
#AppList a {
	color:#333;
}

/*--- 見出し ---*/
#AppList h3 {
    background: -webkit-gradient( linear, left top, left bottom, 
				from(#4da4d7),
				to(#3b87d6)
				);
	color: white;
	padding: 0.5em;
	border-top: solid 1px #97d1f3;
	border-bottom: solid 1px #1269c3;
}

/*おすすめゲーム
***********************************/
#AppList div.osusume {
	width: 100%;
	padding: 0;
	text-align: center;
    background: url(../../img/App/bg_dotline.png),
    			-moz-linear-gradient(top, #555555 0%, #222222 100%);
    background: url(../../img/App/bg_dotline.png),
				-webkit-gradient( linear, left top, left bottom, 
				from(#555555), to(#222222) );
	border-color: #a4a4a4 #000000 #000000;
	border-style: solid none;
	border-width: 1px 0;
	outline: solid 1px #000000;
}

#AppList div.osusume a {
	padding: 0;
	margin: 0;
	line-height: 1.5em;
}

#AppList div.osusume div.img {
	margin: 0.5em auto 0.3em;
	padding: 0;
	width: 95%;
	max-width: 550px;
}

#AppList div.osusume img {
	width:100%;
	outline: solid #eeeeee 2px;
}

#AppList div.osusume .text {
	color: #FFFFFF;
	background: url("../../img/Common/icon_linkmark.png") no-repeat left center;
	background-size:1.2em auto;
	-webkit-background-size:1.2em auto;
	padding:0 0 0 1.4em;
	margin:0 0 5px;
}

/*--- 文字色強調 ---*/
#AppList div.osusume .pointcolor {
	color: #fae13a;
}

/*おすすめゲーム（小）
***********************************/
#AppList div.osusume_s {
	width: 100%;
}

#AppList div.osusume_s a.box {
	display: -webkit-box;
	-webkit-box-pack: justify;
	padding: 0.3em;
	margin: 0.5em;
	border-radius: 4px;
	background-color: #f7e08c;
	border: solid 2px #eda446;
}

#AppList div.osusume_s div.img {
	display: block;
	width: 50%;
}

#AppList div.osusume_s img {
	display: block;
	width: 100%;
}

#AppList div.osusume_s div.text {
	-webkit-box-flex:1.0;
	width: 50%;
	margin-left: 0.5em;
	line-height: 1.2em;
}

/*--- 文字色強調 ---*/
#AppList div.osusume_s .pointcolor {
	color: #e80047;
}

/*--- リンク風テキスト ---*/
#AppList div.osusume_s div.text .link {
	text-align: right;
	margin-top: 0.2em;
}

#AppList div.osusume_s div.text .link span{
	background: url("../../img/Common/icon_linkmark.png") no-repeat left center;
	background-size: 1.2em auto;
	padding-left: 1.4em;
}

/*更新状況
***********************************/
#UpdateList div.bllist a{
	padding: 0.4em 20px 0.4em 0.5em;
}

#UpdateList div.bllist a:nth-of-type(even){
	background-color: #ffffda;
}

#UpdateList div.bllist div.boxinfo {
	font-size: 1em;
	-webkit-box-flex: 1;
}

#UpdateList .annotation{
	font-size: 0.8em;
}

#UpdateList div.boxicon {
	padding-right:0.3em;
}

#UpdateList div.boxicon img {
	width: 40px;
}

#UpdateList div.boxicon img.trim {
	border-radius: 6px;
}

#UpdateList div.bllist a.nolink {
	background-image: none;
}

/*ゲーム一覧
***********************************/
#AppList #GameList {
	margin-bottom:0.5em;
}

#AppList #GameList section {
	width: 100%;
	padding: 8px 12px 8px 0px;
	margin-top: 0;
	border: solid silver;
	border-width:2px 0 0 0;
    background: url(../../img/Common/linkmark.png) 99% center no-repeat,
				rgba(255,255,255,0.8);
	background-size: 13px auto;
	-webkit-box-sizing: border-box;
	display: -webkit-box;
}

#AppList #GameList section.nolink {
	background-image:none;
}

#AppList #GameList section:nth-last-of-type(1) {
	border-width: 2px 0;
}

/*--- サムネイル ---*/
#AppList #GameList section .thumbnail {
	margin: 0 10px 0 5px;
	width: 60px;
	text-align: center;
	position: relative;
}

#AppList #GameList section .thumbnail a {
	display: block;
}

#AppList #GameList section .thumbnail .img {
	width: 100%;
}

#AppList #GameList section .thumbnail img {
	margin: 2px;
	vertical-align: bottom;
	border: solid #FFFFFF 1px;
	outline: solid 2px #c0c0c0;
}

/*--- サムネイル上NEWアイコン ---*/
#AppList #GameList section .thumbnail img.new_icon {
	border: none;
	outline: none;
	position: absolute;
	top: 43px;
	left: -3%;

	width: 35%;
	-webkit-animation: newicon 0.7s infinite alternate;
}

@-webkit-keyframes newicon {
	0% {opacity: 0}
   49% {opacity: 0}
   50% {opacity: 1}
  100% {opacity: 1}
}
/*--- 説明部分 ---*/
#AppList #GameList section .text {
	vertical-align: middle;
	-webkit-box-flex: 1;
}

#AppList #GameList section .text a {
	display: block;
}

#AppList #GameList section .text h4{
	font-size:0.9em;
	font-weight:bold;
	background:url(../../img/Common/stitle_icon.png) no-repeat left center;
	background-size:1.2em auto;
	-webkit-background-size:1.2em auto;
	padding:0 0 0 1.4em;
	margin:0 0 3px;
	border:none;
	line-height:1.3em;
}

#AppList #GameList section .text p {
	font-size:0.7em;
	color:#777;
	margin:0 0 2px;
	line-height:110%;
}

#AppList #GameList section .text .icon {
	display: -webkit-box;
}

#AppList #GameList section .text .icon img {
	width: 52px;
	margin-bottom: 0.4em;
}

#AppList #GameList section iframe {
	width:175px !important;
}

/*Twitterスタイル
***********************************/
.twtr-hd h3,
.twtr-hd h4 {
	background:none !important;
	border: none !important;
	text-shadow:none !important;
}

.twtr-widget {
	margin: 0 2% 0.5em;
	z-index: 0 !important;
}