@charset "utf-8";

/*-----------------------------------------
	共通
-------------------------------------------*/

/*---------- Link ---------*/

#wrap a:link{
	color:#2777E2;
}
#wrap a:visited{
	color:#2777E2;
}
#wrap a:hover{
	color:#2777E2;
}
#wrap a:active{
	color:#2777E2;
}

/*----------------*/

#wrap .sp-list_thumb a:link{
	color:#444;
}
#wrap .sp-list_thumb a:visited{
	color:#444;
}
#wrap .sp-list_thumb a:hover{
	color:#2777E2;
}
#wrap .sp-list_thumb a:active{
	color:#444;
}

/*----------------*/

#wrap .arrow-b a:link{
	color:#444;
}
#wrap .arrow-b a:visited{
	color:#444;
}
#wrap .arrow-b a:hover{
	color:#2777E2;
}
#wrap .arrow-b a:active{
	color:#444;
}

/*----------------


/*---------- 特集一覧 ----------*/

h3.vl {
    line-height: 1.2;
    border-left: 5px solid #79B4FF;
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 18px;
}

.sp-unit{
	padding-top:30px;
	margin:0 auto 30px;
}

.sp-unit_wrap1 .sp-unit{
	width:945px;
}

.sp-unit_wrap1 h3.vl {
	margin-left:-27px;
}

.sp-unit_wrap2 .sp-unit{
	width:700px;
}

.sp-unit_wrap2 h3.vl {
	margin-left:-10px;
}


.sp-list{
    margin-right: -35px;
    overflow: hidden;
    zoom: 1;
	line-height:1.2;
	font-size:16px;

}

.sp-list_thumb{
	width:210px;
	height:250px;
	float:left;
	line-height:1.4;
	margin-right:35px;
	/*display: inline;*/
}

.sp-list_thumb img{
	margin-bottom:20px;
}

.sp-list_thumb p{
	line-height:1.3;
	font-size:14px;
}

.sp-list_thumb p.tit{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.2;
}

.arrow-b {
	text-align:center;
}


/*=====================================================

	Media Queries

=====================================================*/

@media screen and (max-width: 768px){

body{
    -webkit-text-size-adjust: 100%;
}


/*---------------------------------------
　特集一覧
---------------------------------------*/
.sp-unit{
	padding:30px 4% 0px;
	width: 92%;
}

.sp-list{
    margin-right: 0px;
}

.sp-list_thumb{
	width:auto;
	height:auto;
	float:none;
	margin:0 auto;
	padding: 10px 0px;
    border-top: 1px dotted #ccc;
    position: relative;
    min-height: 80px;
}

.sp-list_thumb img{
	margin-bottom:0px;
	position: absolute;
	left:0px;
	width: 120px;
	height: 80px;
}

.sp-list_thumb p{
	position: relative;
	top:3px;
	left:0px;
	padding-left: 135px;
}


}