/*------------------------------------------------------------------*/
/*--PC用CSS----------------------------------------------------------------*/
/*------------------------------------------------------------------*/


@media screen and (min-width: 741px) {

/*category--------------------------------------------------------------*/


#category .main h1{

	box-sizing: border-box;
	margin: 0;
	padding: 10px;
	border-top: 1px solid #a1b3da;
	border-left: 1px solid #a1b3da;
	border-right: 1px solid #a1b3da;
	font-size: 15px;
    	color: #283493;
}

/*--アプリリスト---------------------------*/

.app_list{
	list-style: none;
	box-sizing: border-box;
	margin: 0 0 10px 0;
	padding: 0;
	border: 1px solid #a1b3da;
}

.app_list .pickup{
	background: #e7ebfe;

}

.app_list li{
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 10px 10px 20px 10px;
	border-bottom: 1px solid #a1b3da;
}

.app_list .app_name{

	float: right;
	width: 340px;
	margin: 0;
	padding: 0;

}

.app_list .app_name h2{

	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 700;
}

.app_list .app_name h2 a{

	text-decoration: none;
	color: #000;
}

.app_list .app_name span{

	font-size: 13px;
	color: #283493;
}


.app_list .app_name span a{

	text-decoration: none;
	color: #283493;
}

.app_list .app_name span a:hovers{

	text-decoration: underline;
	color: #000;
}


.app_list .app_thum{
	
	float: left;
	overflow: hidden;
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	border-radius: 10px;        /* CSS3���� */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome�p */  
	-moz-border-radius: 10px;   /* Firefox�p */
}

.app_list .app_sentence{

	float: right;
	clear: both;
	width: 340px;
	margin: 0;
	padding: 0;


}

.app_list .app_sentence .app_ss{

	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 0;
	border: 1px solid #f0f0f0;
	border-radius: 10px;        /* CSS3���� */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome�p */  
	-moz-border-radius: 10px;   /* Firefox�p */  

}
	
.app_list .app_sentence .app_ss img{
	
	display: block;

}


.app_list .app_sentence p{

	margin: 0 0 15px 0;
	padding: 0;
	font-size: 12px;

}


/*blog--------------------------------------------------------------*/


#blog .main{
	margin: 0;
	padding: 0 0 20px 0;
	border: 1px solid #e6e6e6;
	background: #fff;
}

#blog .main h1{
	
	margin: 0;
	padding: 15px;
	font-size: 18px;
}

#blog .app_description{
	margin: 0 0 15px 0;
	padding: 15px;
	font-size: 14px;
	line-height: 1.3em;
}

#blog .main h2{
	
	margin: 0;
	padding: 15px;
	font-size: 18px;
}

#blog .main .pic{
	margin: 0 auto 10px auto;
	padding: 0;
}

#blog .reveiw{
	overflow: hidden;
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #e6e6e6;

}

#blog .reveiw .sentence{

	float: right;
	width: 76%;
	margin: 0 3% 0 0;
	padding: 0;

}


#blog .reveiw .sentence h3{

	margin: 0 0 15px 0;
	padding: 0;
	font-size: 18px;
	font-weight: normall;
	line-height: 1.3em;
	color: #283493;

}


#blog .reveiw .sentence h4{

	color: #283493;

}

#blog .reveiw .sentence p{
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.3em;

}

#blog .reveiw .assessment{
	
	float: left;
	width: 15%;
	margin: 0 0 0 3%;
	padding: 0;

}


#blog .reveiw .assessment .ass_reviewer{

	margin: 0;
	padding: 0;
}


#blog .reveiw .assessment .ass_reviewer dd{

	margin: 0;
	padding: 0;
	font-size: 10px;
}



#blog .reveiw .assessment .point{

	margin: 0;
	padding: 15px;
	font-size: 25px;
	font-weight: 700px;
	text-align: center;
	

}

.nummber_a{

	border: 4px double #a1b3da;
	border-radius: 5px;        /* CSS3���� */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome�p */  
	-moz-border-radius: 5px;   /* Firefox�p */  
	color: #283493;
	background: #e7ebfe;
}


.nummber_b{
		
	border: 4px double #a1b3da;
	border-radius: 5px;        /* CSS3���� */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome�p */  
	-moz-border-radius: 5px;   /* Firefox�p */  
	color: #283493;
	background: #e7ebfe;

}


.nummber_c{
	border: 4px double #a1b3da;
	border-radius: 5px;        /* CSS3���� */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome�p */  
	-moz-border-radius: 5px;   /* Firefox�p */  
	color: #283493;
	background: #e7ebfe;

}


.app_details{

	overflow: hidden;
	margin: 0;
	padding: 0;

}


#blog .app_thum{
	
	float: left;
	overflow: hidden;
	width: 15%;
	margin: 0 0 0 3%;
	padding: 0;
	border-radius: 10px;        /* CSS3���� */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome�p */  
	-moz-border-radius: 10px;   /* Firefox�p */

}


.app_thum img{

	display: block;

}

#blog .app_date{

	float: right;
	width: 76%;
	margin: 0 3% 0 0;
	padding: 0;
	border-bottom: 1px solid #e6e6e6;
}

.app_details dl{
        display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	box-sizing: border-box;
        vertical-align:middle;
}


.app_details dt{
        display: table-cell;
	width: 30%;
	margin: 0;
	padding: 5px;
	border-right: 1px solid #e6e6e6;
	font-size: 12px;
	text-align: center;
	background: #fafafa;
	box-sizing: border-box;
        vertical-align:middle;
}

.app_details dd{
        display: table-cell;
	width: 70%;
	margin: 0;
	padding: 5px;
	font-size: 12px;
	text-align: left;
	background: #fff;
	box-sizing: border-box;
        vertical-align:middle;
}

.app_details .end{

	border-bottom: 1px solid #e6e6e6;

}

#blog .box{
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 2%;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	background: #fff;
}

#blog .box .box_01{
	float: left;
	width: 48%;
	margin: 0;
	padding: 0;
}

#blog .box .box_02{
	float: right;
	width: 48%;
	margin: 0;
	padding: 0;
}

#blog .category_post{
	clear: both;
	margin: 0;
	padding: 2%;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	background: #fff;
}

#blog .category_post ul{

	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 1%;
}


#blog .category_post ul li{

	float: left;
	width: 24%;
	margin: 0 1% 10px 0;
	padding: 0;
}


#blog .category_post .description{

	margin: 0;
	padding: 0;
	font-size: 12px;
}

#blog .sp_box{
	display: none;	
}


#blog .entry_btn{
	width: 60%;
	margin: 0 auto 0 auto;
	padding: 0;
	border-radius: 50px;
	font-size: 1.5rem;
	text-align: center;
	color: #fff;
	background: #ff0000;
}

#blog .entry_btn a{
	display: block;
	margin: 0;
	padding: 10px 0 10px 0;
	border-radius: 50px;
	font-weight: 700;
	text-decoration: none;
	color: #fff;
}

}