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


/*
Theme Name: 月風Project WordPress Theme 2017
Theme URL: https://tsukaze-project.net/
Description: 月風Project | Official Web Site 専用のWordPressテーマ
Version:1.0.0
Author: 小ハル桜 | 月風Project
*/

* {
	margin: 0;
	padding: 0;
}

body {
	max-width: 100%;
	max-height: 100%;
	background: #000 url(img/bg-image.png);
	background-position: top center;
	background-repeat: no-repeat;
	color: #fff;
	text-shadow: 0 0 30px rgba(0,0,0,0.9);
}


.clear {
	clear: both;
}

/*-------------------------------------------------------------
グローバルナビ設計
-------------------------------------------------------------*/

nav {
	margin:0 auto;  
    max-width:100%;  
   	height:60px;  
   	overflow:hidden;  
   	background:#000;
}

nav a {
	display:block;  
    line-height:60px;  
    color:#fff;  
    text-align:center;
	text-decoration:none;
}


nav ul {
	margin-left:auto;
	margin-right:auto;
	float:center;
	max-width: 980px;
}

nav li {
	list-style:none;
	width:245px;
	float:left;
	margin:0 auto;
}


nav li a:hover {
	background:#00ccc3;
	color:#fff;
}

nav li a:active {
	animation: impact 3900s;
}


/*-------------------------------------------------------------
ヘッダーエリア設計
-------------------------------------------------------------*/

header {
	margin:0 auto;
	width: 100%;
}

.rogo {
	float: left;
	width: 490px;
}
/* nav設計 */

#nav-controller {
	position: fixed;
	width: 100%;
	height: 39px;
}

.header-contents {
	margin: 0 auto;
	padding-top: 80px;
	width: 980px;
	height: 600px;
}


/*-------------------------------------------------------------
コンテンツエリア設計
-------------------------------------------------------------*/




main {
 	margin:0 auto;
	width:980px;
	clear:both;
}

#contents {
	margin: 0 auto;
	width: 800px;
}

.post-title {
	padding-left: 39px;
	font-size: 25pt;
	padding-bottom: 20px;
}

.day {
	padding-left: 39px;
	padding-bottom: 20px;
}


.news-text {
	margin: 0 auto;
	max-width: 800px;
	word-wrap:break-word;
	font-size: 14pt;
}

.404 {
	text-align: center;
	font-size: 20px;
}


/*-------------------------------------------------------------
Twitterウィジェット設計
-------------------------------------------------------------*/


.twitter-widget {
	margin: 0 auto 30px auto;
	width: 980px;
}

.twitter-timeline {
	margin:0 auto;
	width: 980px !important;
	text-align: center;
}

/*-------------------------------------------------------------
ニュース記事一覧設計
-------------------------------------------------------------*/

#news {
	float: right;
	width: 490px;
}

#news a {
	color: #fff;  
	text-decoration: none;
	margin: 10px 0;
}

.day {
	width: 980px;
}


/*-------------------------------------------------------------
フッター設計
-------------------------------------------------------------*/

footer {
	text-align:center;
	max-width: 100%;
    position: relative;
    bottom: 0;
}


/*-------------------------------------------------------------
月風Projectクレジット設計
-------------------------------------------------------------*/


#tsp-credit {
	text-align:center;
	margin: 0 auto;
	width: 980px;
}

#tsp-footer {
	background-color: #1a1a1a;
	padding: 40px 0;
}

/*-------------------------------------------------------------
その他プロジェクトリンク設計
-------------------------------------------------------------*/


#link-footer {
	width: 100%;
	background-color: #333335;
}

#linkbox {
	margin: 0 auto;
	width: 980px;
	padding: 10px 0;
}
#linkbox ul {
	padding: 10px 0;
}

#linkbox li {
	display: inline;
}
.link-char {
	margin: 11px;
}


/*-------------------------------------------------------------
クリプトン・フューチャー・メディア株式会社 キャラクター規約文設計
-------------------------------------------------------------*/

#cfm-footer {
	background:#000;
	padding: 60px 0;
	max-width: 100%;
    position: relative;
}


#cfm-credit {
	text-align:center;
	margin: 0 auto;
	width: 980px;
}



/*-------------------------------------------------------------
活動休止宣言
-------------------------------------------------------------*/


.endcall {
	color:#fff;  
    text-align:center;
	text-decoration:none;
}

#restart-body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-image: url(img/bg.png);
	background-position: center;
	background-position: top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color:rgba(12,12,12,0.50);
	text-shadow: 0 0 30px rgba(158,158,158,0.9);
}

#restart {
	margin: 0 auto;
	width: 980px;
	background-position: center;
	background-attachment: scroll;
	color:rgba(12,12,12,0.50);
	text-shadow: 0 0 30px rgba(158,158,158,0.9);
}


#restart-header {
	padding: 100px 0 60px 0;
	text-align: center;
}

#restart p {
	margin: 5px 0;
	color:rgba(12,12,12,0.50);
}

#restart h2 {
	text-align: center;
	margin: 39px 0;
}

.last-rogo-using {
	margin: 139px auto 0 auto;
	text-align: center;
}

#restart-footer {
	background-color: rgba(0,0,0,0.00);
	text-align:center;
	padding: 139px 0;
	max-width: 100%;
    position: relative;
    bottom: 0;
}

/*-------------------------------------------------------------
css アニメーション
-------------------------------------------------------------*/

@keyframes impact {
	0% {
		background:#fff;
		color:#00ccc3;
		text-shadow:  0 0 30px rgba(225,225,225,0.9); 
	}
	
	100% {
		background:#000;
		color:#fff;
		text-shadow:  0 0 30px rgba(0,0,0,0.9); 
	}
}