#sample20160214b  { width: 210px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }


#sample155 {
    width: 200px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 200px;  /
}






@media screen and (max-width: 925px){
#sample20160214b  { width: 200px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }

#sample155 {
    width: 190px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 190px;  /
}




@media screen and (max-width: 885px){
#sample20160214b  { width: 190px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }

#sample155 {
    width: 180px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 180px;  /
}





@media screen and (max-width: 845px){
#sample20160214b  { width: 180px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }

#sample155 {
    width: 170px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 170px;  /
}





@media screen and (max-width: 805px){
#sample20160214b  { width: 170px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }

#sample155 {
    width: 160px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 160px;  /
}





@media screen and (max-width: 765px){
#sample20160214b  { width: 210px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }

#sample155 {
    width: 200px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 200px;  /
}



@media screen and (max-width: 735px){
#sample20160214b  { width: 200px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }

#sample155 {
    width: 190px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 190px;  /
}








@media screen and (max-width: 705px){
#sample20160214b  { width: 190px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }

#sample155 {
    width: 180px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 180px;  /
}





@media screen and (max-width: 685px){
#sample20160214b  { width: 180px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }

#sample155 {
    width: 170px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 170px;  /
}





@media screen and (max-width: 655px){
#sample20160214b  { width: 170px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }

#sample155 {
    width: 160px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 160px;  /
}





@media screen and (max-width: 625px){
#sample20160214b  { width: 160px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }

#sample155 {
    width: 150px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 150px;  /
}




@media screen and (max-width: 550px){
#sample20160214b  { width: 150px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }

#sample155 {
    width: 140px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 140px;  /
}




@media screen and (max-width: 520px){
#sample20160214b  { width: 210px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }

#sample155 {
    width: 200px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 200px;  /
}



@media screen and (max-width: 475px){
#sample20160214b  { width: 200px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }

#sample155 {
    width: 190px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 190px;  /
}



@media screen and (max-width: 455px){
#sample20160214b  { width: 190px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }

#sample155 {
    width: 180px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 180px;  /
}



@media screen and (max-width: 435px){
#sample20160214b  { width: 180px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }

#sample155 {
    width: 170px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 170px;  /
}



@media screen and (max-width: 415px){
#sample20160214b  { width: 170px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }

#sample155 {
    width: 160px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 160px;  /
}



@media screen and (max-width: 395px){
#sample20160214b  { width: 160px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }

#sample155 {
    width: 150px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 150px;  /
}



@media screen and (max-width: 375px){
#sample20160214b  { width: 150px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }

#sample155 {
    width: 140px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 140px;  /
}



@media screen and (max-width: 355px){
#sample20160214b  { width: 140px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }

#sample155 {
    width: 130px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 130px;  /
}




@media screen and (max-width: 335px){
#sample20160214b  { width: 210px; display: inline-block; vertical-align: top; margin: 5px 5px; padding: 5px; border: 1px solid #522886; background-color: #eaeaff; }

#sample155 {
    width: 200px;    /* 横幅を割合で指定 */
    height: auto;  /
}

#sample55 {
    width: auto;    /* 横幅を割合で指定 */
    height: 200px;  /
}