/* \\\\\\\\\\\\\\\\\    END DEMO CODE   ///////////////////////////////// */
/* \\\\\\\\\\\\\\\\\    MODAL CODE   ///////////////////////////////// */
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}

.modal {
  display: none;
  background: #eee;
  padding: 0 20px 20px;
  overflow: auto;
  z-index: 1001;
  position: absolute;
  width: 500px;
  min-height: 300px;
}

/* \\\\\\\\\\\\\\\\\    END MODAL CODE   ///////////////////////////////// */

/* デバイスの横幅が320px以下の場合 */
@media only screen and (max-width: 640px) {
	
	
	.modal {
  width: 260px!important;
  min-height: inherit;
}

.modal p.modalImg img {
   height: auto!important;
    width: 100%!important;
}

.modal p.data, .modal p.detail {
    font-size: 12px !important;
    width: 260px;
}
	
}