@charset "UTF-8";
/*----------------------------------------------
 * 汎用矢印（上向き）
 *--------------------------------------------*/
.arrow-up {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px;
	border-color: transparent transparent #FFF transparent;
}
 /*----------------------------------------------
 * 汎用矢印（下向き）
 *--------------------------------------------*/
.arrow-down {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px;
	border-color: #FFF transparent transparent transparent;
}
 /*----------------------------------------------
 * 汎用矢印（右向き）
 *--------------------------------------------*/
.arrow-right {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px;
	border-color: transparent transparent transparent #FFF;
}
 /*----------------------------------------------
 * 汎用矢印（左向き）
 *--------------------------------------------*/
.arrow-left {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px;
	border-color: transparent #FFF transparent transparent;
}
/*----------------------------------------------
 * 開閉ボタン
 *--------------------------------------------*/
.open-close-btn {
	display: block;
	height: 22px;
	position: absolute;
	width: 22px;
	top: 50%;
	margin-top: -13px;
	right: 8px;
	border: 1px solid #CCC;
	background-image: -moz-linear-gradient(top,	#EEE 0%, #CCC 100%);
	background-image: -o-linear-gradient(top,	#EEE 0%, #CCC 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEE), color-stop(100%,#CCC));
	background-image: -webkit-linear-gradient(top,  #EEE 0%,#CCC 100%);
	background-image: linear-gradient(to bottom, #EEE 0%,#CCC 100%);
	background-color: #CCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	z-index: 1;
}
a:hover .open-close-btn {
	border: 1px solid #0065b3;
	background-color: #0074cc;
	background-image: -moz-linear-gradient(top,	#007ddb 0%, #0074cc 100%);
	background-image: -o-linear-gradient(top,	#007ddb 0%, #0074cc 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007ddb), color-stop(100%,#0074cc));
	background-image: -webkit-linear-gradient(top,  #007ddb 0%,#0074cc 100%);
	background-image: linear-gradient(to bottom, #007ddb 0%,#0074cc 100%);
	-webkit-box-shadow: 0 1px 0 #85caff inset;
	-moz-box-shadow: 0 1px 0 #85caff inset;
	box-shadow: 0 1px 0 #85caff inset;
}
.open-close-btn-arrow {
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -4px;
	margin-right: -5px;
	border-style: solid;
	border-width: 0 5px 8px 5px;
	border-color: transparent transparent #888 transparent;
	z-index: 2;
}
a:hover .open-close-btn-arrow {
	border-color: transparent transparent #FFF transparent;
}
.open-close .open-close-btn-arrow{
	margin-top: -3px;
	margin-right: -5px;
	border-width: 8px 5px 0 5px;
	border-color: #888 transparent transparent transparent;
}
.open-close a:hover .open-close-btn-arrow {
	border-color: #FFF transparent transparent transparent;
}
/*----------------------------------------------
 * アイコン＆外部サービスロゴ画像
 *--------------------------------------------*/
i {
	display: inline-block;
	background-image: url(../img/famitsu_app_pc_sprite.png);
	background-repeat: no-repeat;
}
.twitter-iphone-logo_24,
.twitter-android-logo_24,
.rss-logo_24,
.twitter-iphone-logo_48,
.twitter-android-logo_48,
.rss-logo_48 {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.twitter-iphone-logo_24 {
	background-position: 0 0;
}
.twitter-android-logo_24 {
	background-position: -24px 0;
}
.facebook-logo_24 {
	background-position: -48px 0;
}
.rss-logo_24 {
	background-position: -72px 0;
}
.twitter-iphone-logo_48 {
	background-position: 0 -24px;
}
.twitter-android-logo_48 {
	background-position: -48px -24px;
}
.facebook-logo_48 {
	background-position: -96px -24px;
}
.rss-logo_48 {
	background-position: -144px -24px;
}