@charset "utf-8";
/* CSS Document */

.con01{width:100%;
	height:120px;
	line-height:120px;
	margin:30px 0 0;
	background:rgba(25,25,25,1.00);
	color:rgba(255,255,255,1.00);
	text-align:center;
	font-size:24px;}

.con02{width:960px;
	margin:0 auto;
	overflow:hidden;}

.con02_left{float:left;
	width:720px;
	padding:0 10px;}

.top_links_item img{width:100%;}

.digi_search{margin:0 auto 15px;
	text-align:center;}

.digi_search input{margin-right:5px;}

.go_digitop{width:300px;
	margin:10px auto;
	line-height:40px;
	font-size:14px;
	text-align:center;
	background:rgba(115,115,115,1.00);
	border-radius:5px;}

.go_digitop a{display:block;
	color:rgba(255,255,255,1.00);}
	
.go_digitop:hover{opacity:0.7;}

.label_name{width:100%;
	line-height:35px;
	color:rgba(255,255,255,1.00);
	overflow:hidden;
	position:relative;}

.labelname_name{padding-left:10px;
	font-weight:bold;
	float:left;}

.labelname_btn{float:right;}

.labelname_btn form{margin:0;
	padding:0;}

button{ background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
		margin:0;
        appearance: none;
}

.labelname_btn button{font-size:10px;
	height:25px;
	padding:0 5px;
	text-align:center;
	background:rgba(255,255,255,1.00);
	position:absolute; top:5px; right:10px;}
	
.labelname_btn button:hover{opacity:0.7;}

.label_pp{background:rgba(255,0,4,1.00);}

.label_ppe{background:rgba(255,87,160,1.00)}

.label_ppc{background:rgba(255,95,0,1.00);}

.label_ppd{background:rgba(237,30,121,1.00);}

.label_ob{background:rgba(0,52,255,1.00);}

.label_kn{background:rgba(137,0,255,1.00);}

.label_kne{background:rgba(32,76,177,1.00);}
	
.label_pn{background:rgba(200,20,20,1.00);}
	
.con02_right{float:left;
	width:210px;
	margin-top:10px;
	padding-right:10px;}

.label_link{}

.label_link img{width:210px;}

.label_link ul li{margin-bottom:1px;}

.label_link ul li:hover{opacity:0.7;}

.link_creator_sp{width:210px;
	margin-top:10px;}

.link_creator_sp img{width:100%;}

.link_creator_sp:hover{opacity:0.7;}

/* ツイッター > */

.twitter{height:500px;
	margin-top:10px;
	background:rgba(159,159,159,1.00);}

.link_twitter,.link_recruit{width:210px;
	margin-top:5px;}

.link_twitter img,.link_recruit img{width:210px;}

.link_twitter:hover,.link_recruit:hover{opacity:0.5;}

/* < ツイッター */

.item_area{overflow:hidden;
	margin:0 0 15px;
	text-align:center;}

.item_area_inner{display:inline-block;}
	
.item_new{width:170px;
	padding:10px 5px;
	float:left;}

.item_new a{color:rgba(0,0,0,1.00);}

.item_new:hover{opacity:0.7;}
	
.item_date{font-size:14px;
	line-height:22px;
	margin-bottom:5px;
	background:rgba(0,0,0,1.00);
	color:rgba(255,255,255,1.00);
	text-indent:5px;
	text-align:left;}

.item_img{width:170px;
	height:240px;
	overflow:hidden;
	background:url(../img/noimage-01.png);
		background-size:100% auto;
		background-repeat:no-repeat;
		background-position:center center;}

.item_img2{width:170px;
	height:280px;
	overflow:hidden;
	background:url(../img/noimage-01.png);
		background-size:100% auto;
		background-repeat:no-repeat;
		background-position:center center;}
	
.item_img img,.item_img2 img{width:170px;}
	
.item_name{height:54px;
	padding:5px 0 0;
	line-height:18px;
	font-size:14px;
	text-align:left;
	overflow:hidden;}

.creator{font-size:14px;
	line-height:20px;
	padding:5px 0 0;
	height:20px;
	text-align:left;
	overflow:hidden;
	color:rgba(82,82,82,1.00);}
	
.item_label{width:130px;
	height:30px;
	margin:0 auto;}

.item_price{line-height:30px;
	font-size:16px;
	text-align:center;}

/* paging */
	
.paging{overflow:hidden;
	text-align:center;}

.paging_inner{display:inline-block;}

.number{width:40px;
	height:40px;
	margin:10px 2px 0;
	line-height:40px;
	text-align:center;
	background:rgba(0,0,0,0.50);
	border:rgba(167,167,167,1.00) solid 1px;
	border-radius:5px;
	float:left;}
	
.number a{color:rgba(255,255,255,1.00);
	display:block;}

.number a:hover{background:rgba(255,255,255,0.50);
	color:rgba(0,0,0,1.00);}

.p_active{background:rgba(0,0,0,0.20);
	color:rgba(255,255,255,1.00);}
	
@media screen and ( max-width:736px )
{
.con01{margin:0 auto 15px;}

.con02{width:95%;
	min-width:320px;
	max-width:420px;}
	
.con02_left{width:100%;
	margin:0 auto;
	padding:0;
	float:none;}

.digi_search{margin:0 auto 15px;
	text-align:center;}

.digi_search.digi_text{width:200px;
	padding:5px;}

.digi_search input#digi_submit{width:100px;
	margin-right:5px;}

.labelname_btn button:hover{opacity:1.0;}

.go_digitop{width:100%;}

.go_digitop:hover{opacity:1.0;}

.item_area{overflow:hidden;
	margin:15px 0;}

.item_area_inner{display:block;}
	
.item_new{width:45%;
	padding:10px 2.5%;
	float:left;}

.item_new a{color:rgba(0,0,0,1.00);}

.item_new:hover{opacity:1.0;}
	
.item_date{width:150px;
	margin:5px auto;
	font-size:14px;
	line-height:20px;}

.item_img{width:150px;
	height:211px;
	margin:0 auto;
	background:url(../img/noimage-01.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center center;}
		
.item_img2{width:150px;
	height:247px;
	margin:0 auto;
	background:url(../img/noimage-01.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center center;}
	
.item_img img,.item_img2 img{width:100%;
	height:100%;}
	
.item_name{width:150px;
	margin:5px auto;
	height:54px;
	padding:0;
	line-height:18px;
	font-size:14px;
	overflow:hidden;}

.creator{width:150px;
	margin:5px auto;}
	
.item_label{width:130px;
	height:30px;
	margin:0 auto;}

.item_price{line-height:30px;
	font-size:16px;
	text-align:center;}
}