@charset "utf-8";
/* CSS Document */

/* 基本値 1001px以上(PC・タブレット横) */
.isotope .item {
    -webkit-transition-duration:0.2s;
    -moz-transition-duration:0.2s;
    -ms-transition-duration:0.2s;
    -o-transition-duration:0.2s;
    transition-duration:0.2s;
    font-size:0.8rem;
 }




/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}

.isotope {
}

.item img{
}

.sort_title{
    margin: 5px 0px;
    padding: 5px 0px;
    font-size: 0.8rem;
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}

.item,
.grid-sizer {
  width:24.2%;
    border: 1px solid #e5e5e5;
    margin: 5px;
    padding: 5px;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 3px -1px #959595;
    box-shadow: 0px 0px 3px -1px #959595;
}

.item {
  float:left;
  background: #FFF;
  border: 1px solid #CCC;
  box-sizing: border-box;
}

.iso_img{
text-align:center;}


/* 768px以上、1024px以下(タブレット縦) */
@media screen and (min-width: 769px) and (max-width: 1280px) {
.item,
.grid-sizer {
  width:32%;
    border: 1px solid #e5e5e5;
    margin: 5px;
    padding: 5px;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 3px -1px #959595;
    box-shadow: 0px 0px 3px -1px #959595;
}  
.item img{
 max-width:95%;
 height:auto;
 text-align:center;}

}
/* 768px以下(スマートフォン縦・横) */
@media screen and (max-width: 768px) {
 
.item,
.grid-sizer {
  width:48%;
    border: 1px solid #e5e5e5;
    margin: 5px;
    padding: 5px;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 3px -1px #959595;
    box-shadow: 0px 0px 3px -1px #959595;
}

.item img{
 max-width:95%;
 height:auto;
 text-align:center;}


}

/* 450px以下(スマートフォン縦・横) */
@media screen and (max-width: 450px) {

.item,
.grid-sizer {
  width:46%;
    border: 1px solid #e5e5e5;
    margin: 5px;
    padding: 5px;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 3px -1px #959595;
    box-shadow: 0px 0px 3px -1px #959595;
}
.item img{
 max-width:95%;
 height:auto;
 text-align:center;}


}