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

Top
https://www.webdlab.com/labs/responsive-web-design-4/
414pxまでをスマホ縦画面用
415px〜959pxをスマホ横画面及びタブレット縦画面用
960px以上をタブレット横画面とPC用として使用
----------------------------------------------------*/
ul.pht::after   {
    content: '';
    display: block;
    clear: both;
}
ul.pht  li  {
    border: 1px solid #ccc;
    width: 48%;
    margin: 0 4% 15px 0;
    float: left;
}
ul.pht  li:nth-child(2) {
    margin-right: 0;
}
ul.pht  li:nth-child(3) {
    margin: 0 auto 0 25%;
}
ul.pht  li  p   {
    text-align: center;
    background: #FFF9D6;
    padding: 5px;
    font-size: 1.2rem;
}
@media (min-width: 415px) {

ul.pht  li  {
    width: 31%;
    margin: 0 3.5% 0 0;
    float: left;
}
ul.pht  li:nth-child(2) {
    margin-right: 3.5%;
}
ul.pht  li:nth-child(3) {
    margin: 0;
}

}
@media (min-width: 960px) {}

/* 
----------------------------------------------------*/
@media (min-width: 415px) {}
@media (min-width: 960px) {}
/* 
----------------------------------------------------*/
@media (min-width: 415px) {}
@media (min-width: 960px) {}
/* 
----------------------------------------------------*/
@media (min-width: 415px) {}
@media (min-width: 960px) {}
/* 
----------------------------------------------------*/
@media (min-width: 415px) {}
@media (min-width: 960px) {}
/* 
----------------------------------------------------*/
@media (min-width: 415px) {}
@media (min-width: 960px) {}
/* 
----------------------------------------------------*/
@media (min-width: 415px) {}
@media (min-width: 960px) {}