@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* 回り込み・回り込み解除(NET)
.left {float: left;margin-right:10px;}

/* 回り込み・回り込み解除(Sirius)
==================================================
*/
.txt-img {
}
.txt-img img{
	margin: 0 8px 8px 8px;
}
.center {
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
}
.float-l { float: left;}
.float-r { float: right;}
.float-l img,
.float-r img {
	margin-bottom: 20px;
}
.float-l img { 
	margin-right: 20px;
}
.float-r img {
	margin-left: 20px;
}
.clear, .FloatEnd {
	clear: both;
	font-size: 1px;
	height: 0;
	line-height: 0;
}
/* (スマホ用)画像の中央揃え処理 */
@media screen and (max-width: 640px) {
	.txt-img{
		padding: 0 10px;
		text-align: center !important;
	}
	.txt-img,.txt-img img{
		float:none !important;
	}
	.float-l p,.float-l{
		text-align:center;
		float:none;
	}
}
/*
 * 
 * 
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/*レスの枠*★★★★アラジン★★★★/
.ch_s{
	padding:5px;
	margin:0 0 10px 0;
	border-top:1px dashed #cccccc;
}

/*レスのヘッドエリア*/
.ch_hd{
	padding:1px;
	font-size:13px;
}

/*レスの本文エリア*/
.ch_bd{
	padding:1px 0 20px 1px;
	margin:10px 0 0 0;
	font-weight:normal;
	font-size:16px;
}

/*レス番号文字*/
.ch_num{
	font-weight:normal;
}

/*名前ブロック*/
.ch_nanashi{
	font-weight:bold;
	color:green;
}

/*日付とIDブロック*/
.ch_date{
	font-weight:normal;
	color:gray;
}

/*アンカー文字*/
.ch_ress{
	font-weight:bold;
	color:#0066cc;
	font-size:14px;
}