@charset "utf-8";

#main 
{
	float: left;
	width: 640px;
	margin-right:20px;
}

#main .kijipage
{ 
	/*width: 100%;*/
	background:#FFF;
	text-align:left;
	padding:20px;
}

.postinfo
{
	text-align:right;
	font-size:10px;
}

.categoryicon
{
        margin-bottom:20px;
}


#main .kijipage h2
{
        padding-bottom:10px;
        margin-bottom:30px;
        border-bottom:2px solid #EF8991;
        font-size:19px;
        color:#EF8991;
}

#main h4
{
        padding-bottom:10px;
        margin-bottom:10px;
        border-bottom:1px dashed #CCC;
        font-size:18px;
}

#main .category dt
{
	margin: 0px;
	padding: 0px;
	/*width: 32%;
	display: table-cell;*/
	background-color: #FFF;
	text-align: left;
	/*border-bottom-width: 1em;
	border-bottom-style: solid;
	border-bottom-color: #f4f5f5;*/
	float:left;
	margin-right:6px;
	margin-bottom:10px;
}

#main .category dt .box
{
	padding: 0.8em;
	height:465px;
}

#main .category dt img
{
	height: auto;
	width: 100%;
	margin-bottom: 1em;
}

#main .category dt h3
{
	font-size: 16px;
	line-height: normal;
	margin: 0px;
	padding: 0px;
}

#main .category dt  h3 a
{
	color: #333;
	text-decoration: underline;
}

#main .category dd
{
	/*display: table-cell;*/
	margin: 0px;
	padding: 0px;
}


#main .categorydt
{
	width: 48%;
}


#main .keyword
{

	padding-bottom: 5px;
	margin-bottom: 5x;
	text-align: left;
	font-size:11px;
}

#main .keyword h4
{
	background-image: url(../images/squea_point.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding-top: 0ex;
	padding-right: 0ex;
	padding-bottom: 0ex;
	padding-left: 1.2em;
}


#main .keyword ul
{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}

#main .keyword li
{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-right:10px;
	margin-bottom:10px !important;
	list-style-type: none;
	/*display: inline;*/
	float:left;
}

#main .keyword li a
{
	background-image: url(../images/keyword_point.gif);
	background-repeat: no-repeat;
	background-position: 6px center;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 35px;
	/*font-weight: bold;*/
	color: #333;
	text-decoration: none;
	background-color: #e5e5e5;
}

.supporter_box{
        margin-bottom:30px;
}

.supporter_thumbnail{
	float:left;
        width:80px;
        height:80px;
        margin-top:0px;
        margin-left:0px;
        margin-right:20px;
        margin-bottom:20px;
}

.supporter_thumbnail img{
        width:80px;
        height:80px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.supporter_text{
	float:right;
        width:500px;
}

/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{

#main 
{

	width: 64%;
}

#main .categorydt
{
	width: 48%;
}

.supporter_thumbnail{
	float:left;
        width:80px;
        height:80px;
        margin-top:0px;
        margin-left:0px;
        margin-right:20px;
        margin-bottom:20px;
}

.supporter_thumbnail img{
        width:80px;
        height:80px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.supporter_text{
	float:right;
        width:80%;
}

}

/* スマホ設定  768 以下*/
@media screen and (max-width:766px)
{

#main 
{
	width: auto;
	float: none;
	padding-right: 1%;
	padding-left: 6%;
	padding-bottom: 2em;
}

#main .categorydt
{
	width: 100%;
}


.supporter_box{
        margin-bottom:30px;
}

.supporter_thumbnail{
	float:none;
        width:200px;
        height:200px;
        margin-top:0px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:20px;
}

.supporter_thumbnail img{
        width:100%;
        height:100%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.supporter_text{
	float:none;
        width:100%;
}

}