@charset "UTF-8";
/* /fcroman/cp/2014-newyear/css/style.css */

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(/fcroman/cmn/img/bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	}


/******************************************************************************
splash
******************************************************************************/
/*1*/
#splash{
	background: #e71326;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	}
#splash img.msg{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -164px 0 0 -182px;
	}
/*2*/
#splash2{
	background: #e71326;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	}
#splash2 img.msg{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -118px 0 0 -368px;
	}


/******************************************************************************
wrap
******************************************************************************/
#wrap{
	visibility: hidden;
	}
/*------------------------------*/
/*block-ttl*/
/*------------------------------*/
#wrap .block-ttl{
	text-align: center;
	padding: 60px 0;
	}
#wrap .block-ttl h1{
	text-align: center;
	margin-bottom: 30px;
	}	
#wrap h1 img{
	max-width: 365px;
	width: 100%;
	height: auto;
	}	
#wrap .block-ttl p{
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.7;
	color: #e71326;
	}
/*ul*/
#wrap ul{
	text-align: center;
	}
#wrap ul li{
	width: 300px;
	margin: 0 20px 60px;
	display: inline-block;
	}
#wrap ul li img{
	width: 300px;
	height: auto;
	}
#wrap ul li h2{
	font-size: 2.6em;
	font-family: 'Oswald', sans-serif;
	font-family: 'Unna', serif;
	margin-bottom: 15px;
	padding-bottom: 5px;
	text-align: center;
	color: #e71326;
	border-bottom: solid 1px #e71326;
	}


/******************************************************************************
footer
******************************************************************************/
#footer{
	text-align: center;
	padding: 0 15px;
	color: #999;
	font-size: 1.1em;
	margin-bottom: 40px;
	padding-top: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-top: solid 1px #ccc;
	}
#footer ul{
	margin-bottom: 10px;
	}
#footer ul li{
	display: inline;
	}
#footer ul li a{
	color: #999;
	}
#footer ul li a:hover{
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
	}
#footer address{
	}


/******************************************************************************
bt-social
******************************************************************************/
ul.bt-social{
	position: absolute;
	top: 20px;
	right: 20px;
	overflow: hidden;
	}
ul.bt-social li{
	float: left;
	}
.twitter-share-button{
	width: 90px!important;
	}