/* Style for PCs */
@media screen and (min-width: 1025px) {

.linklist {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.linklist li {
width:47.80%;
height: auto;
display: block;
margin:0 1% 20px;
padding:5px;
}
.linklist li a {
width:100%;
height: auto;
display: block;
padding:25px;
text-decoration: none;
background-color: #fcfcfc;
box-shadow: 0px 1px 3px rgba(0,0,0,0.20);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease-out;  
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
    min-height: 170px;
}
.linklist li a:hover {
background-color: #f3f3f3;
}
.linklist li a h4 {
font-size:20px;
font-weight: 300;
line-height: 1.25em;
color:#333;
letter-spacing: 0px;
padding-bottom: 5px;
border-bottom: 1px solid #d5d5d5;
margin-bottom: 10px;
}
.linklist li a p.linkcom {
line-height: 1.6em;
color:#555;
margin-bottom: 0px!important;
}
	
}


/* Style for iPad Pro */
@media screen and (min-width: 769px) and (max-width: 1024px) {

.linklist {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.linklist li {
width:47.80%;
height: auto;
display: block;
margin:0 1% 20px;
padding:5px;
}
.linklist li a {
width:100%;
height: auto;
display: block;
padding:25px;
text-decoration: none;
background-color: #fcfcfc;
box-shadow: 0px 1px 3px rgba(0,0,0,0.20);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease-out;  
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
    min-height: 170px;
}
.linklist li a:hover {
background-color: #f3f3f3;
}
.linklist li a h4 {
font-size:20px;
font-weight: 300;
line-height: 1.25em;
color:#333;
letter-spacing: 0px;
padding-bottom: 5px;
border-bottom: 1px solid #d5d5d5;
margin-bottom: 10px;
}
.linklist li a p.linkcom {
line-height: 1.6em;
color:#555;
margin-bottom: 0px!important;
}

}

/* Style for iPad */
@media screen and (min-width: 481px) and (max-width: 768px) {

.linklist {
width:100%;
height: auto;
display: block;
}
.linklist li {
width:100%;
height: auto;
display: block;
margin:0 0 20px;
padding:5px;
}
.linklist li a {
width:100%;
height: auto;
display: block;
padding:25px;
text-decoration: none;
background-color: #fcfcfc;
box-shadow: 0px 1px 3px rgba(0,0,0,0.20);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease-out;  
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
    min-height: 212px;
}
.linklist li a:hover {
background-color: #f3f3f3;
}
.linklist li a h4 {
font-size:20px;
font-weight: 300;
line-height: 1.25em;
color:#333;
letter-spacing: 0px;
padding-bottom: 5px;
border-bottom: 1px solid #d5d5d5;
margin-bottom: 10px;
}
.linklist li a p.linkcom {
line-height: 1.6em;
color:#555;
margin-bottom: 0px!important;
}
.linklist li a p.linkcom br {
display: none;
}

}

/* Style for Smartphone */
@media screen and (max-width: 480px) {

.linklist {
width:100%;
height: auto;
display: block;
}
.linklist li {
width:100%;
height: auto;
display: block;
margin:0 0 20px;
padding:5px;
}
.linklist li a {
width:100%;
height: auto;
display: block;
padding:25px;
text-decoration: none;
background-color: #fcfcfc;
box-shadow: 0px 1px 3px rgba(0,0,0,0.20);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease-out;  
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.linklist li a:hover {
background-color: #f3f3f3;
}
.linklist li a h4 {
font-size:18px;
font-weight: 300;
line-height: 1.25em;
color:#333;
letter-spacing: 0px;
padding-bottom: 5px;
border-bottom: 1px solid #d5d5d5;
margin-bottom: 10px;
}
.linklist li a p.linkcom {
line-height: 1.6em;
color:#555;
margin-bottom: 0px!important;
}
.linklist li a p.linkcom br {
display: none;
}

}