@charset "utf-8";

/* CSS3 以上 */

/* コメント拡張機能 cax(Comment Area eXtensions)
*************************************************/

/* コメントリスト
--------------------------------------*/

/* 貼付表示
*****************************/
.cax-url{
	text-align: center;
	font-size: 14px;
}
.cax-url-tweet iframe{
	margin: 0 auto;
}
.cax-url-image img{
	min-width: 240px;
	max-width: 480px;
}

/* ポップアップ
*****************************/
#cax-popup{
	display: none;
	list-style-type: none;
	z-index: 1;
	position: absolute;
	border: 1px solid #bbb;
	border-radius: 8px;
	padding: 3px 8px;
	background-color: #ffc;
	        box-shadow: 8px 8px 8px #ccc;
	   -moz-box-shadow: 8px 8px 8px #ccc;
	-webkit-box-shadow: 8px 8px 8px #ccc;
}
#cax-popup ul{
	list-style-type: none;
}
/* 吹き出し */
#cax-popup > p{
	position: absolute;
	border-top  : 10px solid #ffc;
	border-left : 8px solid transparent;
	border-right: 8px solid transparent;
}
/* 貼付ツイートを非表示
* iframeにはstyle属性でdisplayが指定されている為、CSSでは非表示にできない
* そこでdivで囲ってそれを非表示にする
#cax-popup .cax-url iframe{ ※NG
*/
#cax-popup .cax-url-tweet > div{
	display: none;
}
#cax-popup .cax-url-tweet::after{
	content: "～貼付ツイート非表示～";
}

/* ハイライト
*****************************/
/* コメント文の文字色変更 */
li.cax-highlight .comment-body{
	color: red;
}
/*::::::::::::::::::
* 設定例
/ * 一行目の要素の背景色変更 * /
li.cax-highlight .comment-author ,
li.cax-highlight .comment-date{
	background-color: yellow;
}

/ * コメント文に枠線を付ける * /
li.cax-highlight .comment-body{
	border: solid red;
}
::::::::::::::::::*/

/* ハイライト有効時は通常コメントを非表示 */
#comments-list.cax-highlight-on li.cax-normal{
	display: none;
}

/* 管理モード
*****************************/
/* コメント番号、投稿者名 */
.cax-control .comment-author{
	color: blue;
}

/* コメントツールバー
--------------------------------------*/

#cax-toolbar{
	padding: 2px;
	text-align: center;
}

/* コメントフォーム
--------------------------------------*/

/* 貼付の入力欄を短くする */
#comment-form-url{
	width: 60%;
}

/* 「情報を記憶」非表示 */
#comment-form .memorize{
	display: none;
}

/* #comment-form-tools内のテキスト (投稿ボタンのある行)
* 評価を表示するか否かで何故か指定方法が変わるので
* vertical-align と line-height を両方指定しておく
*/
#cax-tools{
	font-size: 14px;
	vertical-align: 10px;
	line-height: 30px;
}

/*::::::::::::::::::
* [ルール] ボタンが不要な場合はこの設定を有効にして下さい
.cax-rule-none{
	display: none;
}
::::::::::::::::::*/

/* コメントフォームの下の領域
--------------------------------------*/

/* 返信の参照時、貼付ツイートを非表示 */
#cax-form-under .cax-url-tweet > div{
	display: none;
}
#cax-form-under .cax-url-tweet::after{
	content: "～貼付ツイート非表示～";
}

/* 共通設定
--------------------------------------*/

/* ON/OFFボタンがONの時 */
button.cax-on{
	color: green;
	font-weight: bold;
}

/* ボタン無効時 */
button:disabled{
	color: red;
}

/* タイトル */
.cax-title{
	font-size: 20px;
	font-weight: bold;
}
/* pの時はセンタリング */
p.cax-title{
	text-align: center;
}

/* ヘルプ */
#cax-help{
	font-size: 14px;
	margin: 0px 20px;
}
#cax-help ol li{
	list-style-type: decimal;
	margin: 4px 0px;
}
#cax-help ul li{
	list-style-type: disc;
	margin: 4px 0px;
}

/*::::::::::::::::::
* 速報機能が不要な場合はこの設定を有効にして下さい
* ※機能的には残るので速報記号があればハイライトの対象になります
.cax-news-none{
	display: none;
}
::::::::::::::::::*/

/* コメント拡張機能のバージョン */
.cax-version::after{
	content: "1.0.1";
}

/* 利便性向上の設定
*************************************************/

/* コメントラベル表示 */
#comment-form .comment-form-body dt{
	display: inline;
}

/* ボタンフォーカス時にアウトライン表示 */
button:focus{
	outline: 1px dotted;
}

/* TIPS
*************************************************/

/*::::::::::::::::::
/ * 1000番毎に装飾する * /
#comments-list li.comment-set:nth-child(1000n){
	border: solid green;
	background-image: url("http://blog.livedoor.jp/supportnofu/img/bg_green.gif");
}
#comments-list li.comment-set:nth-child(1000n) .comment-author::before{
	content: url("http://parts.blog.livedoor.jp/img/emoji/3/ic_b_heart.png");
}
::::::::::::::::::*/

/*
*************************************************/