@charset "UTF-8";

/**********************************************************
 *
 * Pixel おすすめコンテンツ PCパーツ
 *
 **********************************************************/


/* common
-------------------------------------------*/
.sec-centering{
width: 940px;
margin-left: auto !important;
margin-right: auto !important;
}
.sec-centering.add-mt{
margin-top: 70px;
}

/* .nav-recommend */
.nav-recommend{
margin-top: 50px;
background-color: #F2F2F2;
}
.nav-recommend--list{
text-align: center;
}
.nav-recommend--child{
display: inline-block;
width: 172px;
margin:0 0 20px 20px;
vertical-align: top;
background-color: #FFF;
}
.nav-recommend--child:nth-child(5n+1){
margin-left: 0;
}
.nav-recommend--link{
position: relative;
display: block;
padding: 40px 5px 20px 5px;
text-decoration: none;
color: inherit;
}
.nav-recommend--link:hover{
color: inherit;
-webkit-box-shadow: 0 1px 5px rgba(4, 0, 0, 0.35);
box-shadow: 0 1px 5px rgba(4, 0, 0, 0.35);
}
.nav-recommend--link .txt-icon--arrow,
.nav-recommend--link .txt-icon--blank{
color: #093475;
}
.nav-recommend--link:visited p,
.nav-recommend--link:visited ul,
.nav-recommend--link:visited ol,
.nav-recommend--link:visited .txt-icon--arrow,
.nav-recommend--link:visited .txt-icon--blank{
color: #7600b3;
}
.nav-recommend--link:visited:hover p,
.nav-recommend--link:visited:hover ul,
.nav-recommend--link:visited:hover ol{
color: inherit;
}
.nav-recommend--link:hover .txt-icon--arrow,
.nav-recommend--link:hover .txt-icon--blank{
text-decoration: underline;
color: #3374da;
}
.nav-recommend--point{
position: absolute;
top: -13px;
left: 50%;
margin: 0 0 0 -66px;
width: 132px;
padding: 3px;
background-color: #CC0033;
color: #FFF;
font-size: 12px;
text-align: center;
border-radius: 20px;
z-index: 5;
}
.nav-recommend--title{
margin-bottom: 20px;
font-size: 16px;
line-height: 1.4;
font-weight: bold;
}
.nav-recommend--txt-box{
margin-bottom: 30px;
}
ol.nav-recommend--txt > li,
ul.nav-recommend--txt > li{
margin-top: 6px;
overflow: hidden;
}
ol.nav-recommend--txt:not(:first-child),
ul.nav-recommend--txt:not(:first-child){
margin-top: -12px;
}
p.nav-recommend--txt--indent,
ol.nav-recommend--txt--indent > li,
ul.nav-recommend--txt--indent > li{
padding-left: 1em;
text-indent: -1em;
}

.nav-recommend--font-small{
font-size: 12px;
}

/* .nav-apple-link */
.nav-apple-link{
width: 940px;
margin: 50px auto 0;
}

/* .nav-lineup */
.nav-lineup--list{
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
text-align: left;
font-size: 0;

}
.nav-lineup--child{
display: inline-block;
width: 220px;
vertical-align: top;
margin: -1px 0 0 20px;
border-top:#DDD 1px solid;
border-bottom:#DDD 1px solid;
}
.nav-lineup--child:nth-child(4n+1){
margin-left: 0;
}
.nav-lineup--child a{
display: block;
padding: 20px 0;
font-size: 14px;
}
.nav-lineup--child a.active{
color: #CC0033;
font-weight: bold;
}
.nav-lineup--child a:hover span{
text-decoration: underline;
}