html{
font-size:15px;
color: #555555;
}

.IdcdTopFreearea{
max-width:1300px;
}

.IdcdTopFreearea *{
padding:0;
margin:0;
}

.IdcdTopFreearea ul a{
color: #0068b7;
text-decoration: none;
}

.IdcdTopFreearea a:hover span{
color: #0068b7;
text-decoration: underline;
}

.IdcdTopFreearea > div{
width:100%;
margin-bottom:50px;
}

.IdcdTopFreearea ul{
list-style: none;
}

/**TOPページバナー**/
.IdcdTopBannerLinkImg {
position: relative;
}
.IdcdTopBannerLinkImg img{
width:100%;

}
.IdcdTopBannerLinkImg .IdcdBnLinkTopLeft {
position: absolute;
left: 5%;
top: 10%;
margin: 0;
font-size: 1.5rem;
text-align: left;
padding: 5px 0;
z-index: 10;
}
.IdcdTopBannerLinkImg .IdcdBnLinkTopRight {
position: absolute;
right: 10%;
top: 10%;
margin: 0;
font-size: 1.5rem;
text-align: right;
padding: 5px 0;
z-index: 10;
}
.IdcdTopBannerLinkImg .IdcdBnLinkBtmLeft {
position: absolute;
left: 5%;
bottom: 10%;
margin: 0;
font-size: 1.3rem;
text-align: left;
padding: 5px 0;
z-index: 10;
}
.IdcdTopBannerLinkImg .IdcdBnLinkBtmRight {
position: absolute;
right: 10%;
bottom: 25%;
margin: 0;
font-size: 1.3rem;
text-align: right;
padding: 5px 0;
z-index: 10;
}
p.IdcdBnAcc {
font-size: 1.8rem;
font-weight: bold;
}
.IdcdBnShadow {
text-shadow: 3px 3px 2px #FFF, -3px -3px 2px #FFF, -3px 3px 2px #FFF, 3px -3px 2px #FFF, 3px 0px 2px #FFF, -3px -0px 2px #FFF, 0px 3px 2px #FFF, 0px -3px 3px #FFF;
}
.IdcdTopBannerLinkImg .IdcdBnBtn {
position: absolute;
right: 10%;
bottom: 10%;
margin: 0;
font-size: 1.2rem;
border: 3px solid #333333;
border-radius: 30px;
color: #333333;
background-color: #FFFFFF;
text-align: center;
width: 16rem;
padding: 5px 0;
z-index: 10;
}
.IdcdTopBannerLinkImg:hover .IdcdBnBtn {
color: #FFFFFF;
background-color: #333333;
}
@media screen and (max-width: 959px) {
.IdcdTopBannerLinkImg .IdcdBnLinkTopLeft {
top: 3%;
}
.IdcdTopBannerLinkImg .IdcdBnLinkTopRight {
top: 3%;
}
.IdcdTopBannerLinkImg .IdcdBnLinkBtmLeft {
bottom: 3%;

}
.IdcdTopBannerLinkImg .IdcdBnLinkBtmRight {
font-size: 14px;
}
p.IdcdBnAcc {
font-size: 20px;
}

.IdcdTopBannerLinkImg .IdcdBnBtn {
font-size: 14px;
width:fit-content;
bottom:5%;
padding:3px 10px;
}
}

.IdcdTopPRVList,
.IdcdTopGIGAList {
width: 100%;
text-align:left;
margin: 0 auto;

}
.IdcdTopPRVList img,
.IdcdTopGIGAList img {
max-width: 200px;
margin: 0 auto;
display: block;
}

.IdcdTopPRVList li,
.IdcdTopGIGAList li{
min-width: 260px;
min-height:210px;
position: relative;
display: inline-block;
width: fit-content;
padding:5px 10px;
margin-left:-3px;
}

.IdcdTopPRVList li{
min-width:210px;
height:230px;
border-bottom:1px solid #DDDDDD;
}

.IdcdTopPRVList div,
.IdcdTopGIGAList div{
width: fit-content;
max-width: 210px;
position: absolute;
left: 0;
right: 0;
bottom: 10px;
margin: 0 auto;
font-size: 18px;
text-align: center;
padding: 5px 5px;
z-index: 10;
line-height: 1;
}

.IdcdTopPRVList div{
max-width: 250px;
bottom: 5px;

}


.IdcdTopGIGAList div{
max-width: 350px;
bottom: -5px;

}

.IdcdTopPRVList div span,
.IdcdTopGIGAList div span{
white-space: pre-wrap;
font-size: 14px;
text-decoration: none;
display: block;
text-align: center;
}


.IdcdTopBannerPRV,
.IdcdTopBannerGIGA,
.IdcdTopBannerNoGIGA{
color: #555555;
}

.IdcdTopBannerPRV > h3,
.IdcdTopBannerGIGA > h3,
.IdcdTopBannerNoGIGA > h3{
width:100%;
background-color: #0068b7;
color: #F0F0F0;
padding:5px 15px;
margin:0 auto;
margin-top:20px;
}



.IdcdTopBannerGIGA > h3,
.IdcdTopBannerNoGIGA > h3{
background-color:#22ac38;
width:100%;
}


/**TOPページバナー**/
li.IdcdTopGIGAListOS,
li.IdcdTopGIGAListMaker{
width:100%;
height:fit-content;
min-height: 0;
border:none;
padding: 5px 15px;
margin:0;
color: #EEEEEE;
font-weight: bold;
text-align: left;
}
li.IdcdTopGIGAListMaker{
background-color: #EEEEEE;
background-color: #DDDDDD;
color: #555555;
}

.IdcdTopGIGAListWin,
.IdcdTopGIGAListChb,
.IdcdTopGIGAListIpd{
position: relative;
}

.IdcdTopGIGAListWin::before,
.IdcdTopGIGAListChb::before,
.IdcdTopGIGAListIpd::before{
position: absolute;
content:"Windows";
top:5px;
left:20px;
padding:3px 8px;
background-color: #EEEEEE;
color: #F0F0F0;
font-size: 0.9rem;
}

.IdcdTopGIGAListWin::before{
background-color: #00A4EF;
content:"Windows";
}
.IdcdTopGIGAListChb::before{
background-color: #78C257;
content:"Chromebook";
}
.IdcdTopGIGAListIpd::before{
background-color: #555555;
content:"iPad";
}