@charset "shift_jis";
.pf2014_main {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 0;
}
.pf2014_headline_wrp {
	width: 960px;
	background: url(https://image.rfolympic.com/img2014/game/friends/chara.png) no-repeat right top;
	;
}
.pf2014_headline {
	width: 960px;
	overflow: hidden;
	background: url(https://image.rfolympic.com/img2014/game/friends/line.png) no-repeat center bottom;
}
.pf2014_headline_01 {
	width: 372px;
	padding: 0 20px 30px 20px;
}
.pf2014_headline_02 {
	width: 275px;
	color: #562507;
	line-height: 27px;
	font-size: 15px;
	margin: 20px 0 0;
}
.pf2014_list_wrp {
	width: 894px;
	overflow: hidden;
	margin: 20px auto 0;
}
.pf2014_list_wrp ul li {
	width: 214px;
	background-color: #FFF;
	border: 1px solid #d8d1b9;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	font-size: 15px;
	line-height: 20px;
	color: #686868;
}
.pf2014_chara {
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.p10-0 {
	padding: 10px 0;
}
.m10-10-0-0 {
	margin: 10px 10px 0 0;
}
.m10-0-0-0 {
	margin: 10px 0 0 0;
}
.pf2014_list_txt {
	width: 194px;
	margin: 0 auto;
	line-height: 25px;
}
.pf2014_txt_bottom {
	line-height: 32px;
	color: #562507;
}
/* pocke */
.col_pocke {
	color: #562507;
}
.col_ket {
	color: #f74fac;
}
.col_nap {
	color: #3d6d35;
}
.col_zacke {
	color: #7f40a8;
}
/* //pocke */

/* font
---------------------------------------------------------- */

/*���˃S�V�b�N*/

@font-face {
	font-family: 'KozGoPro-ExtraLight_1';
	src: url('https://image.rfolympic.com/css/font/KozGoPro-ExtraLight_1.otf') format('opentype');
}
.kozGoProEL {
	font-family: 'KozGoPro-ExtraLight_1';
}
@font-face {
	font-family: 'KozGoPro-Light_1';
	src: url('https://image.rfolympic.com/css/font/KozGoPro-Light_1.otf') format('opentype');
}
.kozGoProL {
	font-family: 'KozGoPro-Light_1';
}
@font-face {
	font-family: 'KozGoPro-Regular_1';
	src: url('https://image.rfolympic.com/css/font/KozGoPro-Regular_1.otf') format('opentype');
}
.kozGoProR {
	font-family: 'KozGoPro-Regular_1';
}
@font-face {
	font-family: 'KozGoPro-Medium_1';
	src: url('https://image.rfolympic.com/css/font/KozGoPro-Medium_1.otf') format('opentype');
}
.kozGoProM {
	font-family: 'KozGoPro-Medium_1';
}
@font-face {
	font-family: 'KozGoPro-Bold_1';
	src: url('https://image.rfolympic.com/css/font/KozGoPro-Bold_1.otf') format('opentype');
}
.kozGoProB {
	font-family: 'KozGoPro-Bold_1';
}
@font-face {
	font-family: 'KozGoPro-Heavy_1';
	src: url('https://image.rfolympic.com/css/font/KozGoPro-Heavy_1.otf') format('opentype');
}
.kozGoProH {
	font-family: 'KozGoPro-Heavy_1';
}
/* /font
---------------------------------------------------------- */

/* magic */
.magictime {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.magic {
	-webkit-animation-name: magic;
	-moz-animation-name: magic;
	-ms-animation-name: magic;
	-o-animation-name: magic;
	animation-name: magic;
}
.swashIn {
	-webkit-animation-name: swashIn;
	-moz-animation-name: swashIn;
	-ms-animation-name: swashIn;
	-o-animation-name: swashIn;
	animation-name: swashIn;
}
 @-moz-keyframes swashIn {
0% {
opacity:0;
-moz-transform-origin:50% 50%;
-moz-transform:scale(0, 0);
}
90% {
opacity:1;
-moz-transform-origin:50% 50%;
-moz-transform:scale(0.9, 0.9);
}
100% {
opacity:1;
-moz-transform-origin:50% 50%;
-moz-transform:scale(1, 1);
}
}
@-webkit-keyframes swashIn {
0% {
opacity:0;
-webkit-transform-origin:50% 50%;
-webkit-transform:scale(0, 0);
}
90% {
opacity:1;
-webkit-transform-origin:50% 50%;
-webkit-transform:scale(0.9, 0.9);
}
100% {
opacity:1;
-webkit-transform-origin:50% 50%;
-webkit-transform:scale(1, 1);
}
}
@-o-keyframes swashIn {
0% {
opacity:0;
-o-transform-origin:50% 50%;
-o-transform:scale(0, 0);
}
90% {
opacity:1;
-o-transform-origin:50% 50%;
-o-transform:scale(0.9, 0.9);
}
100% {
opacity:1;
-o-transform-origin:50% 50%;
-o-transform:scale(1, 1);
}
}
@-ms-keyframes swashIn {
0% {
opacity:0;
filter:alpha(opacity=0);
-ms-transform-origin:50% 50%;
-ms-transform:scale(0, 0);
}
90% {
opacity:1;
filter:alpha(opacity=100);
-ms-transform-origin:50% 50%;
-ms-transform:scale(0.9, 0.9);
}
100% {
opacity:1;
filter:alpha(opacity=100);
-ms-transform-origin:50% 50%;
-ms-transform:scale(1, 1);
}
}
@keyframes swashIn {
0% {
opacity:0;
transform-origin:50% 50%;
transform:scale(0, 0);
}
90% {
opacity:1;
transform-origin:50% 50%;
transform:scale(0.9, 0.9);
}
100% {
opacity:1;
transform-origin:50% 50%;
transform:scale(1, 1);
}
}

/* //magic */