@charset "utf-8"; /* 文字コード指定 */
/*
Theme Name: UniWeb
Theme URI: http://inbirth.info/
Description: インヴァーストピックス
Version: 1.0
Author: Kamone
Author URI: http://inbirth.info/
*/

* {
	margin	: 0;
	padding	: 0;
}

html {	overflow-y	: scroll;}
img {	border		: 0px;}

body {
	font-family		:'ＭＳ Ｐゴシック',sans-serif;
	color			: white;
	background-color: black;
	height			: 100%;
	width			: 100%;
    margin			: 0px;
    padding			: 0px;
    text-align		: center;
	background-image 	: url('./file/portalimage/bg_00.jpg');	
	background-repeat 	: no-repeat;
	background-position : center top;
	background-size : initial;
}

.clearfix:after {
	visibility		: hidden;
	display			: block;
	font-size		: 0;
	content			: " ";
	clear			: both;
	height			: 0;
}

* html .clearfix             { zoom: 1; }			/* IE6 */
*:first-child+html .clearfix { zoom: 1; }		/* IE7 */

.clear-left
{
	clear: left;
}


#header { /* トップページのヘッダ */
	position	: relative;
	background	: url('./file/portalimage/top_chara01.png') no-repeat right top;
	height: 221px;
	max-width: 1200px;	
	margin		: 0 auto 0 auto;
}

#top #header { /* トップページのヘッダ */
	position	: relative;
	padding		: 0 0 0 0;
	margin		: 0 auto 0 auto;
	background	: url('') no-repeat right top;
	height: 424px;
	max-width: 1200px;	
}

#top #mainvisual {
	float : right;
}

#top #header div#header_info {
    width: 400px;
    height: 250px;
	margin : 0 0 0 0;
    position: absolute;
    left:50px;
}

#top #header #header_info div.bigbn{
    width: 400px;
    height: 160px;
}

#top #header #header_info div.smallbn{
    width: 1200px;
    height: 80px;
    margin:10px 0 0 0;
    text-align: left;
}

#top #header #header_info div.inline{
    width: 400px;
    height: 80px;
    display: inline-block;
}

#top #header div#header_ad2 { /* FLASH広告領域 */
    right:300px;
    width: 256px;
    height: 256px;
	margin : 0 0 0 0; 
    position: absolute;
}

#navigation { /* 全体ナビゲーション */
	width : 1920px;
	height		: 64px;
	background	: url('./file/portalimage/menu_bar.jpg') no-repeat bottom;
	text-align	: center;
	position: absolute;
	left: 50%;
	margin-left: -960px;
}

#top div#contain {
	position: relative;
	background-color:#111;
}

#navigation_block {
  width:100%;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  height: 64px;
}

#top #navigation_block {
}

#navigation ul { /* ナビゲーション */
	width		: 896px; /* 1024 896 */
	height		: 32px;
	margin		: 0 auto;
	padding: 7px;
}

#navigation li {
	float		: left;
	list-style	: none;	
	padding		: 0 4px 0 0;
}

#navigation li a {
	display		: block;
	width		: 112px;
	height		: 48px;
	text-indent	: -9999px;
	outline		: none; /* firefox用 */	
}

#navigation li#gn-tik a {
	width		: 224px;
}

#navigation li#gn-ucc a {
	width		: 224px;
}

#navigation li#gn-arc2016 a {
	width		: 224px;
}

.gn-unk p { 
	display		: block;	
	width		: 112px;
	height		: 48px;
	text-indent	: -9999px;
	background	: url('./img/gn_unk.jpg') 0 100%;
}

#gn-top a { background: url('./file/portalimage/gn_top.jpg') 0 100%; }
#gn-str a { background: url('./file/portalimage/gn_str.jpg') 0 100%; }
#gn-chr a { background: url('./file/portalimage/gn_chr.jpg') 0 100%; }
#gn-sys a { background: url('./file/portalimage/gn_sys.jpg') 0 100%; }
#gn-mov a { background: url('./file/portalimage/gn_mov.jpg') 0 100%; }
#gn-spe a { background: url('./file/portalimage/gn_spe.jpg') 0 100%; }
#gn-tpc a { background: url('./file/portalimage/gn_tpc.jpg') 0 100%; }
#gn-loc a { background: url('./file/portalimage/gn_loc.jpg') 0 100%; }
#gn-evt a { background: url('./file/portalimage/gn_evt.jpg') 0 100%; }
#gn-tik a { background: url('./file/portalimage/gn_oft.jpg') 0 100%; }
#gn-ucc a { background: url('./file/portalimage/gn_ucc.jpg') 0 100%; }
#gn-arc2016 a { background: url('./file/portalimage/gn_arc2016.jpg') 0 100%; }

#gn-top a:hover { background: url('./file/portalimage/gn_top.jpg'); }
#gn-str a:hover { background: url('./file/portalimage/gn_str.jpg'); }
#gn-chr a:hover { background: url('./file/portalimage/gn_chr.jpg'); }
#gn-sys a:hover { background: url('./file/portalimage/gn_sys.jpg'); }
#gn-mov a:hover { background: url('./file/portalimage/gn_mov.jpg'); }
#gn-spe a:hover { background: url('./file/portalimage/gn_spe.jpg'); }
#gn-tpc a:hover { background: url('./file/portalimage/gn_tpc.jpg'); }
#gn-loc a:hover { background: url('./file/portalimage/gn_loc.jpg'); }
#gn-evt a:hover { background: url('./file/portalimage/gn_evt.jpg'); }
#gn-tik a:hover { background: url('./file/portalimage/gn_oft.jpg'); }
#gn-ucc a:hover { background: url('./file/portalimage/gn_ucc.jpg'); }
#gn-arc2016 a:hover { background: url('./file/portalimage/gn_arc2016.jpg'); }

#top #gn-top a { background: url('./file/portalimage/gn_top.jpg'); }
#story #gn-str a { background: url('./file/portalimage/gn_str.jpg'); }
#character #gn-chr a { background: url('./file/portalimage/gn_chr.jpg'); }
#system #gn-sys a { background: url('./file/portalimage/gn_sys.jpg'); }
#movie #gn-mov a { background: url('./file/portalimage/gn_mov.jpg'); }
#special #gn-spe a { background: url('./file/portalimage/gn_spe.jpg'); }
#topics #gn-tpc a { background: url('./file/portalimage/gn_tpc.jpg'); }
#location #gn-loc a { background: url('./file/portalimage/gn_loc.jpg'); }
#event #gn-evt a { background: url('./file/portalimage/gn_evt.jpg'); }
#taikai #gn-tik a { background: url('./file/portalimage/gn_oft.jpg'); }
#uccombo #gn-ucc a { background: url('./file/portalimage/gn_ucc.jpg'); }


a.ofcnavi{
	margin : 10px;
	display:block;
	width:224px;
	height:32px;
	text-indent:-9999px;

	background: url('./file/portalimage/site_button0.jpg') 0 100%;
}

a.ofcnavi:hover{
	background-position:0 0;
}

.ofcnavi span a { background: url('./file/portalimage/site_button0.jpg') 0 100%; }

.ofcnavi span a:hover { background: url('./file/portalimage/site_button0.jpg'); }

a.ofsnavi{
	margin : 10px;
	display:block;
	width:224px;
	height:32px;
	text-indent:-9999px;

	background: url('./file/portalimage/site_button1.jpg') 0 100%;
}

a.ofsnavi:hover{
	background-position:0 0;
}

.ofsnavi span a { background: url('./file/portalimage/site_button1.jpg') 0 100%; }

.ofsnavi span a:hover { background: url('./file/portalimage/site_button1.jpg'); }

div.ofc {
	position: relative;
    left: 10px;
    bottom: 0px;
	
}

hr.normal {
	border: 0;
    height: 2px;
    background: #fff;
    background-image: -webkit-linear-gradient(left, #000, #fff, #000);
    background-image:    -moz-linear-gradient(left, #000, #fff, #000);
    background-image:     -ms-linear-gradient(left, #000, #fff, #000);
    background-image:      -o-linear-gradient(left, #000, #fff, #000);
}

hr.topics {
	border: 0;
    height: 3px;
    background: #00B1F9;
	background-image: -webkit-linear-gradient(left, #00B1F9, #001117);
    background-image: -webkit-linear-gradient(left, #00B1F9, #001117);
    background-image:    -moz-linear-gradient(left, #00B1F9, #001117);
    background-image:     -ms-linear-gradient(left, #00B1F9, #001117);
    background-image:      -o-linear-gradient(left, #00B1F9, #001117);
}

hr.white {
	border: 0;
    height: 2px;
    background: #fff;
}

h2.info {
	text-align : left;
	padding: 10px 0 5px 10px;
}

h1 { /* タイトルの置き換え画像 */
	text-indent	: -9999px;
	height		: 169px;
	background	: url('./file/portalimage/logo_title01.png') no-repeat left top;
    /*margin-left: -100px;*/
	position: relative;
}

#top h1 { /* タイトルの置き換え画像 */
}

#top .topcont {
	margin		: 0 auto 0 auto;
	padding	: 10px;
	width : 1024px;
	position : relative;
}

#infoscroll { /* 更新履歴スクロール範囲 */
    float: left;
    text-align: left;
    position: relative;
    width: 590px;
    height: 350px;
    overflow-y: scroll;
    color: white;
    background: url('./file/portalimage/info_bg00.jpg') no-repeat right;
	background-size : cover;	
    padding: 0 10px;
}

#infoscroll h3 {
	padding: 10px 0 2px 5px;
}


#infoscroll dl {
	margin-top:	 5px;
    margin-left: 10px;
}

#infoscroll dt {
	margin-top	: 5px;
}

#infoscroll dd {
	padding		: 5px 0 5px 20px;
}

#infoscroll a:link {
	color			: #F600FF;
	text-decoration	: underline;
}

#infoscroll a:hover {
	text-decoration	: none;
}

#infoscroll a:visited {
	color			: white;
	text-decoration	: underline;
}

#infoscroll a img {
	border	: 2px solid #FF00FF;
}

#infoscroll a:visited img { /* トピックス記事内の画像ホバー */
	border	: 2px solid #FFFFFF;
}

#infoscroll a:hover img { /* トピックス記事内の画像ホバー */
	border	: 2px solid #40336A;
}


#twitter { /* ツイッター枠 */
	float		: right;
	position	: relative;
	right		: 0px;
	width		: 400px;
	height		: 358px; /* 288 */
}

#top .gamelists {
	background-color : #000000;
	margin		: 0 auto 0 auto;
	width : 1024px;
	position : relative;
}

.gamelist {
	float : left ;
	width : 354px;
	height : 146px;
	background-color : #FFFFFF;
	margin : 10px 10px 10px 40px;
}

.gamelists h2 {
	border-bottom: double 6px white;
}

.gameinfo {
	float: left;
	background-color : #000000;
	text-align: left;
	margin:10px;
	width:550px;
}

.gameinfo td {
	padding : 2px 15px;
}

.gameinfo li {
list-style:none;
}

#topics h2 { /* トピックスタイトル */
	background	: url('img/topics/title_topi.jpg') no-repeat;
	width		: 960px;
	height		: 40px;
	margin		: 2px 0 8px 0;	
}

#topics_container { /* コンテナ */
	text-align	: left;
	width		: 1024px;
	margin		: 8px auto 0 auto; 
	position	: relative;
}


#container { /* コンテナ */
}

#container div.contents { /* トピックスのボックス全般 */
	padding		: 10px 32px;
	margin		: 10px;
	background	: black;
	border		: 2px solid #2C4A85;
	outline		: 4px solid #000000;
	color		: white;
	line-height : 140%;
	clear		: both;	
}

#container div.entry{ /* トピックスの記事１つ */
	padding		: 0 0 20px 0;
}

#container .contents div.date{ /* トピックスの記事の日付 */
	width		: 864px;
	height		: 24px;
	font-size	: 20px;
	color		: #00FFFF;
	font-weight	: 700;
	margin		: 8px 0 0px -20px;
	position: relative;/*相対位置*/
	padding-left: 1.5em;/*アイコン分のスペース*/
	line-height: 1.4;/*行高*/
}

#container .contents div.date:before{
	font-family: FontAwesome;/*忘れずに*/
	content: "\25A0";/*アイコンのユニコード*/
	position: absolute;/*絶対位置*/
	font-size: 1.4em;/*サイズ*/
	left: 0;/*アイコンの位置*/
	top: -0.2em;/*アイコンの位置*/
}

#container .contents div.date:after {
content: "";
display: block;
height: 3px;
margin : 0 0 0 -25px;
background: -moz-linear-gradient(to right, rgb(0, 179, 253), transparent);
background: -webkit-linear-gradient(to right, rgb(0, 179, 253), transparent);
background: linear-gradient(to right, rgb(0, 178, 252), transparent);
}

#container .contents div.date a{ /* トピックスの記事の日付のリンク */
	color			: #00FFFF;
	text-decoration	: none;	
}

#container .contents div.date a:hover { /* トピックスの記事の日付のリンク */
	text-decoration	: underline;	
}


#container #topicsnavi div.contents { /* トピックスのボックス全般 */
	padding		: 0px 32px 10px 32px;
	margin		: 10px 30px 10px 30px;
	background	: black;
	border		: 1px solid #2c6985;
	outline		: 4px solid #000000;
	color		: white;
	line-height : 140%;
	clear		: both;	
}

#container .contents h3{ /* トピックスの記事の見出し */
	font-size	: 20px;
	color		: #FFFF80;
	margin		: 25px 0 10px -10px;
	position: relative;/*相対位置*/
	padding-left: 1.5em;/*アイコン分のスペース*/
	line-height: 1.4;/*行高*/
}

#container .contents h3:before{
	font-family: FontAwesome;/*忘れずに*/
	content: "\25CF";/*アイコンのユニコード*/
	position: absolute;/*絶対位置*/
	font-size: 1.4em;/*サイズ*/
	left: 0;/*アイコンの位置*/
	top: -0.2em;/*アイコンの位置*/
}

#container .contents h3:after {
content: "";
display: block;
height: 1px;
margin : 0 0 0 -25px;
background: -moz-linear-gradient(to right, rgb(255, 255, 128), transparent);
background: -webkit-linear-gradient(to right, rgb(255, 255, 128), transparent);
background: linear-gradient(to right, rgb(255, 255, 128), transparent);
}


#container .contents strong{ /* トピックスの記事の強調文字 */
	color		: #8080D0;
}

#container .contents span.comborecipe { /* トピックス記事のコンボレシピ */
	font-weight	: bold;
	color		: #90E0E0;
}

#container .contents p{ /* トピックスの記事のP */
	margin		: 1.0em;
}

#container .contents p .note{ /* トピックスの記事のPのnote */
	color		: #888888;
	font-size	: 80%;
}

#container .contents a { /* トピックスの記事のリンク */
	color			: #8080D0;
	text-decoration	: underline;
}

#container .contents a:hover { /* トピックスの記事のリンクホバー */
	color			: #FCDA00;
	text-decoration	: none;
}

#container div.mailform{ /* トピックスの記事のメールフォーム */
	border		: 2px solid #2C4A85;
	padding		: 0 0 10px 30px;
	margin		: 0 auto 20px auto;
	width		: 700px;
}

#container div.mailform .ondes{ /* メールフォームの初期値 */
	color		: #666666;
}

#container div.mailform strong.hashtag{ /* トピックスの記事のハッシュタグ */
	font-size	: 200%;
	font-weight	: 100;
	margin		: 0 10px;
}

#container div.mailform strong.twitteraccount{ /* トピックスの記事のハッシュタグ */
	font-size	: 150%;
	font-weight	: 100;
	margin		: 0 10px;
}

#container .contents div.form{ /* トピックスの記事のメールフォームの枠 */
	background	: url('img/topics/topi_line.jpg') no-repeat bottom;
	width		: 100%;
	height		: 24px;
	font-size	: 20px;
	color		: #00FFFF;
	font-weight	: 700;
	margin		: 8px 0 8px -20px;
}

#container .contents .mailform form{ /* トピックスの記事のメールフォームの枠 */
	padding		: 16px 0 16px 32px;
}

#container .contents .mailform select { /* メールフォームのコーナー選択 */
	width			: 150px;
	padding			: 4px;	
	border			: 1px solid #666666;
}

#container .contents .mailform input[type="text"] { /* メールフォームの名前枠 */
	width			: 200px;
	height			: 20px;
	padding			: 4px;
	border			: 1px solid #666666;
}

#container .contents .mailform input[type="reset"] { /* メールフォームのリセットボタン */
	width			: 75px;
	padding			: 2px;
}

#container .contents .mailform input[type="submit"] { /* メールフォームの送信ボタン */
	width			: 180px;
	padding			: 2px;
}

#container .contents .mailform textarea { /* メールフォームの本文枠 */
	width			: 300px;
	height			: 100px;
	padding			: 4px;
	border			: 1px solid #666666;
}

#container .contents div.social { /* トピックスの個別記事のソーシャル枠 */
	width		: 750px;
	border		: 1px solid #2C4A85;
	border-left	: none;
	border-right: none;
	display		: block;
	height		: 20px;
	padding		: 10px;
	margin		: 50px auto 10px auto;
}

#container .contents div.social ul { /* ソーシャル枠を中央寄せ */
	text-align	: center;
}

#container .contents div.social li { /* ソーシャル枠を中央寄せ */
	list-style	: none;
	display		: inline-block;
	margin		: 0 2px;
	display	: inline;
}

#container .contents div.social li { /* ソーシャル枠を中央寄せ */
	display		: inline;
}

#container .contents .entry div.sd_word { /* ふきだし全体*/
	width			: 848px;
	height			: 96px;
}

#container .contents .entry div.sd_word_small { /* ふきだし全体*/
	width			: 848px;
	height			: 96px;
}

#container .contents .entry div.sd_word_mini { /* ふきだし全体*/
	width			: 848px;
	height			: 96px;
}

#container .contents .entry div.sd_word_vmini { /* ふきだし全体*/
	width			: 848px;
	height			: 96px;
}

#container .sdw-hyd { background : url('img/topics/sd_word_hyd.jpg') no-repeat top left; }
#container .sdw-lin { background : url('img/topics/sd_word_lin.jpg') no-repeat top left; }
#container .sdw-wal { background : url('img/topics/sd_word_wal.jpg') no-repeat top left; }
#container .sdw-car { background : url('img/topics/sd_word_car.jpg') no-repeat top left; }
#container .sdw-ori { background : url('img/topics/sd_word_ori.jpg') no-repeat top left; }
#container .sdw-gor { background : url('img/topics/sd_word_gor.jpg') no-repeat top left; }
#container .sdw-mer { background : url('img/topics/sd_word_mer.jpg') no-repeat top left; }
#container .sdw-vat { background : url('img/topics/sd_word_vat.jpg') no-repeat top left; }
#container .sdw-set { background : url('img/topics/sd_word_set.jpg') no-repeat top left; }
#container .sdw-yuz { background : url('img/topics/sd_word_yuz.jpg') no-repeat top left; }
#container .sdw-hil { background : url('img/topics/sd_word_hil.jpg') no-repeat top left; }
#container .sdw-elt { background : url('img/topics/sd_word_elt.jpg') no-repeat top left; }
#container .sdw-lex { background : url('img/topics/sd_word_lex.jpg') no-repeat top left; }
#container .sdw-kuu { background : url('img/topics/sd_word_kuu.jpg') no-repeat top left; }
#container .sdw-cha { background : url('img/topics/sd_word_cha.jpg') no-repeat top left; }
#container .sdw-aka { background : url('img/topics/sd_word_aka.jpg') no-repeat top left; }
#container .sdw-nan { background : url('img/topics/sd_word_nan.jpg') no-repeat top left; }
#container .sdw-bya { background : url('img/topics/sd_word_bya.jpg') no-repeat top left; }
#container .sdw-tuk { background : url('img/topics/sd_word_tuk.jpg') no-repeat top left; }
#container .sdw-pho { background : url('img/topics/sd_word_pho.jpg') no-repeat top left; }
#container .sdw-mik { background : url('img/topics/sd_word_mik.jpg') no-repeat top left; }
#container .sdw-wag { background : url('img/topics/sd_word_wag.jpg') no-repeat top left; }
#container .sdw-enk { background : url('img/topics/sd_word_enk.jpg') no-repeat top left; }
#container .sdw-lnd { background : url('img/topics/sd_word_lnd.jpg') no-repeat top left; }


#container .contents .entry .sd_word p { /* ふきだし文字 */
	margin		: 0;
	padding		: 38px 20px 0px 180px;
	font-size	: 150%;
}

#container .contents .entry .sd_word_small p { /* ふきだし文字小 */
	margin		: 0;
	padding		: 38px 20px 0px 180px;
	font-size	: 130%;
}

#container .contents .entry .sd_word_mini p { /* ふきだし文字２行 */
	margin		: 0;
	padding		: 24px 20px 0px 180px;
	font-size	: 120%;
}

#container .contents .entry .sd_word_vmini p { /* ふきだし文字極小 */
	margin		: 0;
	padding		: 18px 5px 0px 170px;
	line-height	: 105%;
	font-size	: 85%;
	white-space	: nowrap;
}

#container .contents .entry .sd_word span.mini { /* ふきだし文字中のサイズ変更（小） */
	font-size	: 50%;
}

#container .contents .entry .sd_word strong { /* ふきだし中の強調文字は太くしない */
	font-weight	: 100;
}

#container .contents .entry div.sd_cha { /* SDキャラ背景 */
	width			: 900px;
	min-height:400px; 
	height:auto !important; 
	height:400px;
}

#container .sdc-hyd { background : url('img/topics/sd_cha_hyd.jpg') no-repeat bottom right; }
#container .sdc-lin { background : url('img/topics/sd_cha_lin.jpg') no-repeat bottom right; }
#container .sdc-wal { background : url('img/topics/sd_cha_wal.jpg') no-repeat bottom right; }
#container .sdc-car { background : url('img/topics/sd_cha_car.jpg') no-repeat bottom right; }
#container .sdc-ori { background : url('img/topics/sd_cha_ori.jpg') no-repeat bottom right; }
#container .sdc-gor { background : url('img/topics/sd_cha_gor.jpg') no-repeat bottom right; }
#container .sdc-mer { background : url('img/topics/sd_cha_mer.jpg') no-repeat bottom right; }
#container .sdc-vat { background : url('img/topics/sd_cha_vat.jpg') no-repeat bottom right; }
#container .sdc-set { background : url('img/topics/sd_cha_set.jpg') no-repeat bottom right; }
#container .sdc-yuz { background : url('img/topics/sd_cha_yuz.jpg') no-repeat bottom right; }
#container .sdc-hil { background : url('img/topics/sd_cha_hil.jpg') no-repeat bottom right; }
#container .sdc-elt { background : url('img/topics/sd_cha_elt.jpg') no-repeat bottom right; }
#container .sdc-lex { background : url('img/topics/sd_cha_lex.jpg') no-repeat bottom right; }
#container .sdc-cha { background : url('img/topics/sd_cha_cha.jpg') no-repeat bottom right; }
#container .sdc-aka { background : url('img/topics/sd_cha_aka.jpg') no-repeat bottom right; }
#container .sdc-nan { background : url('img/topics/sd_cha_nan.jpg') no-repeat bottom right; }
#container .sdc-bya { background : url('img/topics/sd_cha_bya.jpg') no-repeat bottom right; }
#container .sdc-pho { background : url('img/topics/sd_cha_pho.jpg') no-repeat bottom right; }
#container .sdc-mik { background : url('img/topics/sd_cha_mik.jpg') no-repeat bottom right; }
#container .sdc-wag { background : url('img/topics/sd_cha_wag.jpg') no-repeat bottom right; }
#container .sdc-enk { background : url('img/topics/sd_cha_enk.jpg') no-repeat bottom right; }


#container .contents .entry  p.backtopics { /* トピックスへ戻る */
	margin	: 40px 0 0 -8px;
}

#container .contents .entry  p.goindividual { /* トピックスに進む */
	margin	: 40px 0 0 -8px;
}

#container .contents .entry div.qa_waku_r{ /* Ｑ＆Ａのレクス枠 */
	background	: url('img/topics/icon_pr.gif')  no-repeat bottom right #000010;
	padding		: 10px;
	margin		: 20px;
	width		: 550px;
	
	border		: 1px solid #60A0C0;
	border-radius			: 5px;  /* CSS3 */
	-moz-border-radius		: 5px;  /* Firefox */
	-webkit-border-radius	: 5px; 	/* Safari,Chrome */			
	
}

#container .contents .entry div.qa_waku_a{ /* Ｑ＆ＡのＡ枠 */
	border		: 1px solid #60A0C0;
	background	: #000010;
	padding		: 10px;
	margin		: 20px 20px 60px 20px;
	width		: 850px;
	border-radius			: 5px;  /* CSS3 */
	-moz-border-radius		: 5px;  /* Firefox */
	-webkit-border-radius	: 5px; 	/* Safari,Chrome */		
}

#container .contents .entry div.qa_waku_q{ /* Ｑ＆ＡのＱ枠 */
	border		: 1px solid #C0A060;
	background	: #100000;
	padding		: 10px;
	margin		: 40px 20px -27px -10px;
	width		: 700px;
	border-radius			: 5px;  /* CSS3 */
	-moz-border-radius		: 5px;  /* Firefox */
	-webkit-border-radius	: 5px; 	/* Safari,Chrome */		
}

#container .contents .entry span.qa_q{ /* Ｑ＆Ａの「Ｑ」 */
	color		: #EF2060;
	font-size	: 300%;
	font-weight	: 700;
}

#container .contents .entry span.qa_a{ /* Ｑ＆Ａの「Ａ」 */
	color		: #6050FF;
	font-size	: 300%;
	font-weight	: 700;
}

#container .contents .entry span.qa_q_user{ /* Ｑ＆ＡのＱユーザー名 */
	font-size	: 95%;
	color		: #FF5080;
	margin		: 0 0 10px 0;
}

#container .contents .entry span.qa_a_user{ /* Ｑ＆ＡのＡユーザー名 */
	font-size	: 95%;
	color		: #6050FF;
	margin		: 0 0 10px 0;
}


#container .contents .entry div.ota_waku{ /* ふつおたのお便り枠 */
	border		: 1px solid #C0A060;
	background	: #100000;
	padding		: 10px;
	margin		: 20px 20px 20px -10px;
	width		: 700px;
	border-radius			: 5px;  /* CSS3 */
	-moz-border-radius		: 5px;  /* Firefox */
	-webkit-border-radius	: 5px; 	/* Safari,Chrome */		
}

#footer{ /* フッタ */
	margin		: 40px 0 20px 0;
	padding		: 20px 0 20px 0;
	clear		: both;
}

#footer p.copyright{ /* トップページのコピーライト置き換え画像 */
	text-indent	: -9999px;
	height		: 37px;
	background	: url('./file/portalimage/footer_icon-fre.png') no-repeat bottom;
}

#comments {
	padding : 40px 0 0 0;
}

ul#comments-list {
	padding : 0 0 0 30px;
}


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}


@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(15%, 0, 0);
    transform: translate3d(15%, 0, 0);
  }
  
  50% {
    opacity: 0;
    -webkit-transform: translate3d(15%, 0, 0);
    transform: translate3d(15%, 0, 0);
  }  

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(15%, 0, 0);
    transform: translate3d(15%, 0, 0);
  }
  
  50% {
    opacity: 0;
    -webkit-transform: translate3d(15%, 0, 0);
    transform: translate3d(15%, 0, 0);
  }  

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

#footer ul {
}

#footer li {
  display: inline-block;
  padding : 15px;
}

div.right_shift {
	margin	: 0 0 0 35px;
}

div.taikai_bg {
	background: url('./img/topics/taikai_win00.jpg');
	background-size:cover;
	width : 880px;
	border:1px solid;
	border-color:#FFFFFF;
	background-color:#0D0B1A;
	padding : 0 5px;
	margin : 10px 0;
	position: relative;
}

#container .contents div.taikai_bg span.note {
	position: absolute;
	right: 10px;
	color: #FFFFFF;
}

#container .contents div.taikai_bg strong.teamname {
	font-size	: 150%;
	color		: #F7E7E0;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);	
}

#container .contents div.taikai_bg strong.plname {
	color		: #FFFFFF;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
}

#container .contents div.taikai_bg p {
	margin: 4px;
	display : inline-block;
}

div.taikai_bg hr {
	margin:10 0 10 0;
	border:1px dashed;
	border-color:#8888CC;
}

div.taikai_bg p.sdword_cha { 
	display		: inline-block;
	width		: 128px;
	height		: 26px;
	text-align	: left;
	text-indent	: -9999px;
	background	: url('./img/topics/taikai_cha.png') no-repeat bottom;
}

div.taikai_bg p.sdword_aka { 
	display		: inline-block;
	width		: 128px;
	height		: 26px;
	text-align	: left;
	text-indent	: -9999px;
	background	: url('./img/topics/taikai_aka.png') no-repeat bottom;
}

div.taikai_bg p.sdword_elt { 
	display		: inline-block;
	width		: 128px;
	height		: 26px;
	text-align	: left;
	text-indent	: -9999px;
	background	: url('./img/topics/taikai_elt.png') no-repeat bottom;
}

div.taikai_bg p.sdword_hil { 
	display		: inline-block;
	width		: 128px;
	height		: 26px;
	text-align	: left;
	text-indent	: -9999px;
	background	: url('./img/topics/taikai_hil.png') no-repeat bottom;
}

div.taikai_bg p.sdword_yuz { 
	display		: inline-block;
	width		: 128px;
	height		: 26px;
	text-align	: left;
	text-indent	: -9999px;
	background	: url('./img/topics/taikai_yuz.png') no-repeat bottom;
}

div.taikai_bg p.sdword_set { 
	display		: inline-block;
	width		: 128px;
	height		: 26px;
	text-align	: left;
	text-indent	: -9999px;
	background	: url('./img/topics/taikai_set.png') no-repeat bottom;
}

div.taikai_bg p.sdword_vat { 
	display		: inline-block;
	width		: 128px;
	height		: 26px;
	text-align	: left;
	text-indent	: -9999px;
	background	: url('./img/topics/taikai_vat.png') no-repeat bottom;
}

div.taikai_bg p.sdword_mer { 
	display		: inline-block;
	width		: 128px;
	height		: 26px;
	text-align	: left;
	text-indent	: -9999px;
	background	: url('./img/topics/taikai_mer.png') no-repeat bottom;
}

div.taikai_bg p.sdword_gor { 
	display		: inline-block;
	width		: 128px;
	height		: 26px;
	text-align	: left;
	text-indent	: -9999px;
	background	: url('./img/topics/taikai_gor.png') no-repeat bottom;
}

div.taikai_bg p.sdword_ori { 
	display		: inline-block;
	width		: 128px;
	height		: 26px;
	text-align	: left;
	text-indent	: -9999px;
	background	: url('./img/topics/taikai_ori.png') no-repeat bottom;
}

div.taikai_bg p.sdword_car { 
	display		: inline-block;
	width		: 128px;
	height		: 26px;
	text-align	: left;
	text-indent	: -9999px;
	background	: url('./img/topics/taikai_car.png') no-repeat bottom;
}

div.taikai_bg p.sdword_wal { 
	display		: inline-block;
	width		: 128px;
	height		: 26px;
	text-align	: left;
	text-indent	: -9999px;
	background	: url('./img/topics/taikai_wal.png') no-repeat bottom;
}

div.taikai_bg p.sdword_lin { 
	display		: inline-block;
	width		: 128px;
	height		: 26px;
	text-align	: left;
	text-indent	: -9999px;
	background	: url('./img/topics/taikai_lin.png') no-repeat bottom;
}

div.taikai_bg p.sdword_hyd { 
	display		: inline-block;
	width		: 128px;
	height		: 26px;
	text-align	: left;
	text-indent	: -9999px;
	background	: url('./img/topics/taikai_hyd.png') no-repeat bottom;
}

div.taikai_bg p.sdword_bya { 
	display		: inline-block;
	width		: 128px;
	height		: 26px;
	text-align	: left;
	text-indent	: -9999px;
	background	: url('./img/topics/taikai_bya.png') no-repeat bottom;
}

div.taikai_bg p.sdword_nan { 
	display		: inline-block;
	width		: 128px;
	height		: 26px;
	text-align	: left;
	text-indent	: -9999px;
	background	: url('./img/topics/taikai_nan.png') no-repeat bottom;
}

div.taikai_bg p.sdword_pho { 
	display		: inline-block;
	width		: 128px;
	height		: 26px;
	text-align	: left;
	text-indent	: -9999px;
	background	: url('./img/topics/taikai_pho.png') no-repeat bottom;
}

div.taikai_bg p.sdword_mik { 
	display		: inline-block;
	width		: 128px;
	height		: 26px;
	text-align	: left;
	text-indent	: -9999px;
	background	: url('./img/topics/taikai_mik.png') no-repeat bottom;
}

div.taikai_bg p.sdword_wag { 
	display		: inline-block;
	width		: 128px;
	height		: 26px;
	text-align	: left;
	text-indent	: -9999px;
	background	: url('./img/topics/taikai_wag.png') no-repeat bottom;
}

div.taikai_bg p.sdword_enk { 
	display		: inline-block;
	width		: 128px;
	height		: 26px;
	text-align	: left;
	text-indent	: -9999px;
	background	: url('./img/topics/taikai_enk.png') no-repeat bottom;
}

#contest .note {
	color		: #DDDDDD;
	font-size	: 75%;
}

.topic_tag {
	padding : 30px 0 10px 30px;
}

.post_navi {
    padding: 20px 10px 0 0;
    display: inline-block;	
}

.contents div.pre {
	background-color:#26283C;
	padding: 10px;
    border: 1px solid #8178AB;
}

.contents div.pre2 {
    background-color: #26283C;
    padding: 10px;
    border: 1px solid #8178AB;
    margin: 0 0 50px 40px;
}

#container .contents .taikai_table table {
border-collapse: collapse;
}
	
#container .contents .taikai_table th {
    padding: 4px;
    background-color: #26283C;
    border: 1px solid #8178AB;
}

#container .contents .taikai_table td {
    padding: 4px;
    background-color: #26283C;
    border: 1px solid #8178AB;
}

#container .contents .taikai_table th {
	text-align: center;
}

#container .contents .taikai_table {
	font-size : 100%;
}

#container .contents .company_rec th {
	width: 200px;
	font-size: 0.9em;
	border: 1px #8178AB solid;
	padding: 5px;

	background: #26283C;
	font-weight: bold;
}

#container .contents .company_rec td {
	font-size: 0.9em;
	border: 1px #8178AB solid;
	padding: 5px;
}

#container .contents table.company_rec {
	border-collapse: collapse;
	border: 1px #8178AB solid;
}

#container .contents .company_rec ul {
padding : 0 20px;
}

#container .contents div.note{
	color		: #888888;
	font-size	: 80%;
    padding: 30px 0;
}

.youtube {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 640px;
	height: 480px;
}
.youtube::before {
	position: absolute;
	content: "■クリックで動画再生■";
	color: #fff;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	line-height: 480px;
	background: rgba(0, 0, 0, 0.1);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	transition: all 0.3s;
}
.youtube:hover::before {
	background: rgba(0, 0, 0, 0.3);
	cursor: pointer;
	transition: all 0.3s;
}

.audiojs audio {
}
 /*　プレイヤー（再生バー）　*/
.audiojs {
  width: 160px;
  height: 160px;
  background: none;
  overflow: hidden;
  font-family: monospace;
  font-size: 12px;  
  -webkit-box-shadow: none;
  -moz-box-shadow: none;  
  -o-box-shadow: none;
  box-shadow: none;
}
/*　再生・停止ボタン　*/
.audiojs .play-pause {
  width: 160px;
  height: 160px;
  padding: 0;
  margin: 0;
  float: left;
  overflow: hidden;
  border-right:none;
}
/*　再生・停止ボタンなどの p 要素　*/
.audiojs p {
  width: 160px;
  height: 160px;
  margin: 0px;
  cursor: pointer;
}
.audiojs .play {
  display: block;
}
/*　進行状態・ロードの状態を表示する部分(グレー)　*/
.audiojs .scrubber {
  display: none;
}
/*　進行状態を表示するバーの部分(薄いグレー)　*/
.audiojs .progress {
  display: none;  
}
/* ロード状態を表示するバーの部分（黒） */
.audiojs .loaded {
  display: none;
}
/*　現在の再生時間/総再生時間　フォント　*/
.audiojs .time {
  display: none;
}
/*　現在の再生時間　フォント　*/
.audiojs .time em {
  display: none;
}
/*　時間　/の部分　*/
.audiojs .time strong {
  display: none;
}
.audiojs .error-message {
  display: none;
}
.audiojs .error-message a {
  display: none;
}
/*　再生ボタン　*/
.audiojs .play {
  background: url('./img/topics/birthdayvo_wag.png') 0 0 no-repeat;

}
/*　読み込み中ボタン　*/
.audiojs .loading {
  /*background: url("$1") center center no-repeat;*/
  display: none;
}
/*　エラーボタン　*/
.audiojs .error {
  /*background: url("$1") center center no-repeat;*/
  display: none;
}
/*　停止ボタン　*/
.audiojs .pause {
  background: url('./img/topics/birthdayvo_wag.png') 0 100% no-repeat;
}
.playing .play, .playing .loading, .playing .error {
  display: none;
}
.playing .pause {
  display: block;
}
.loading .play, .loading .pause, .loading .error {
}
.loading .loading {
  display: block;
}
.error .time, .error .play, .error .pause, .error .scrubber, .error .loading {
}
.error .error {
  display: block;
}
.error .play-pause p {
  cursor: auto;
}
.error .error-message {
  display: block;
}
/*　再生している曲の情報　*/
.track-details {
  display: none;
}
.track-details:before {
  display: none;
}

/* キャラクター別定義 */
#wag_birthday2017 .audiojs .play  { background: url('./img/topics/birthdayvo_wag.png') 0 0 no-repeat }
#wag_birthday2017 .audiojs .pause { background: url('./img/topics/birthdayvo_wag.png') 0 100% no-repeat }
#enk_birthday2017 .audiojs .play  { background: url('./img/topics/birthdayvo_enk.png') 0 0 no-repeat }
#enk_birthday2017 .audiojs .pause { background: url('./img/topics/birthdayvo_enk.png') 0 100% no-repeat }

#container .contents .birthbtn p {
 margin:0px;
}

div.contact_form {
 padding : 0 0 20px 0;
}

div.bquote {
	background-color:#232323;
	padding: 10px;
    border: 1px solid #929292;	
}

div.bquote blockquote {
	font-size: 12px;
}

div.bquote span.title {
	font-size: 18px;
    font-weight: bold;	
}

#container .contents .bquote a {
	color:#cecece;
	text-decoration: none;
}

#container .contents .bquote a:hover {
	text-decoration:underline;
}

#container .contents .bquote .title a {
	color:white;
}

#container .contents .bquote .url a {
	color:#FCDA00;
}

div.bquote span.url {
	font-size: 12px;
}

blockquote {
    position: relative;
    padding: 10px 15px 10px 50px;
    box-sizing: border-box;
    background: #000000;
    color: #c5c5c5;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 10px;
    left: -3px;
    vertical-align: middle;
    content: "“";
    font-family:"ＭＳ Ｐゴシック",sans-serif;
    color: #cfcfcf;
    font-size: 90px;
    line-height: 1;
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

.gallery_box
{
	
}
.th_item
{
	float: left;
	padding : 2px;
}

a.overwhite{
    background-color:#ffffff;
    display:block;
}

a.overwhite:hover img{
    cursor:pointer;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    opacity:0.7;
    zoom:1;
}

a.hover{
    background-color:#ffffff;
    display:block;
}

a.hover:hover img{
    cursor:pointer;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    opacity:0.7;
    zoom:1;
}

div.entry ul{
	padding : 0 0 0 30px;
}

div.entry ol{
	padding : 0 0 0 10px;
}


#container .contents #contest .guidebox
{
	width: 280px;
	height: 280px;
	position: relative;
	float: left;
	
	border		:1px solid #C0C0C0;
	margin: 2px;
	padding : 5px 0 0 5px;
}

#container .contents #contest .guidebox img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#container .contents #contest .guide_illu a:hover img{
	color			: #FCDA00;
	text-decoration	: underline;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)"; 
}

#container .contents #contest .guide_illu
{
	width: 270px;
	height: 250px;
	display:table-cell;
	vertical-align:middle;
	text-align: center;
}

#container .contents #contest .guide_illu p
{
	padding : 0px;
	margin : 0px;
}


#contest p.name
{
	/*text-align	: center;*/
}

#contest #contents .guide_illu a {
}



p.pagesback {
	text-align	: center;
}

#container .contents #contest div.illust {
	padding : 0 0 20px 0;
}

#container .contents #contest div.comment {
	padding : 0 0 50px 0;
	text-align	: left;
}

#container .contents #contest .comment p.username {
	margin : 10px 10px 10px 20px;
	text-align	: left;
	font-size	: 130%;
}

#container .contents #contest .comment p.usermess {
	margin : 10px 10px 10px 70px;
	text-align	: left;
}

#container .contents #contest .guide_name p.name {
	padding : 0px;
	margin : 0px;
}

#container .contents #contest div.excomment {
	width: 560px;
    height: 280px;
    position: relative;
    float: left;
    border: 1px solid #C0C0C0;
    margin: 2px 2px 2px 2px;
    padding: 5px 0 0 5px;
	bottom: 0;
}
#container .contents #contest .excomment h4 {
	font-size	: 15px;
	color		: #00FFFF;
	font-weight	: 700;
	padding     : 10px;
}