@charset "UTF-8";

.psc_content .clearfix:after {
	content: "";
	clear: both;
	display: block;
}

.psc_content .sortlist {
	font-size: 15px;
        margin-bottom: 1.2em;
}
.psc_content .sortlist ul {
	font-size: 0;
}
.psc_content .sortlist li {
	display: inline-block;
	font-size: 12px;
	width: 70px;
	text-align:center;
}
.psc_content .sortlist .active {
	padding: 2px;
	background-color:antiquewhite;
}

.psc_content h3 {
	margin-top:18px;
	margin-bottom:18px;
}

.psc_content .items {
	margin-left:18px;
}
.psc_content .item {
	min-height:350px;
	max-width:200px;
	float:left;
	margin-right:18px;
	margin-bottom:10px;
	text-align:center;
        line-height: 1.4em;
}
.psc_content .item img {
	border: solid 1px #ccc;
        padding: 1px;
	max-height:146px;
	margin-bottom:5px;
}
.psc_content  .webservice_logo {
        clear: both;
}

.psc_content #btnMore {
        color: #000;
        font-size: 1.4em;
        background: #eee;
	text-align:center;
	margin:1em auto 3em;
	display:block;
	border: solid 1px #D3D3D3;
	width:90%;
	padding:1em 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.psc_content #btnMore:hover {
	cursor: pointer;
	background: #ccc;
}

/*--------ウィジェットエリア----------*/
.widget_aria{
        background: #fff;
        float: right;
        line-height: 2em;
        width: 300px;
        padding: 0 0.5em;
        margin: 0 auto;
        font-size: 1.4em;
        display: inline-block;
}
.pcs_widget_content #pcs_keyword{
        width: 97%;
}
ul.trend_keyword{
        margin: 10px 0;
        list-style: none;
}
ul.trend_keyword li{
        margin-right: 20px;
        float: left;
}
.pcs_widget_title{
        padding-bottom: 0.4em;
        margin: 0.7em 0 1em;
        font-size: 1.4em;
        border-bottom: #ccc 1px solid;
}
.pcs_widget_title:hover {
	cursor: pointer;
}
input[type="checkbox"].on-off{
	display: none;
}
input[type="checkbox"].on-off + div.hide_content{
	background: #fff;
	height: auto;
}
input[type="checkbox"].on-off:checked + div.hide_content{
	height: 0;
	overflow: hidden;
}
/*------------------------------------------
ここからスマホ用
------------------------------------------*/
@media
only screen and (max-width : 640px){
.psc_content .item {
	min-height:360px;
	max-width:43%;
}
.widget_aria{
        background-color: rgba(255, 255, 255, 0.8);
        float: none;
        width: 90%;
        margin: 0 auto 0.5em;
}
.pcs_widget_title{
        line-height: 1.5em;
        margin: 0.6em 0;
        font-size: 1.2em;
}
input[type="checkbox"].on-off + div.hide_content{
	height: 0;
	overflow: hidden;
}
input[type="checkbox"].on-off:checked + div.hide_content{
	background: #fff;
        height: auto;
}
}