@charset "UTF-8";
/* CSS Document */
.horizontal_scroll {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 0 12px 8px;
  display: -ms-flexbox;
  display: flex; }

/* 画面幅が768px以上の場合、横スクロールを解除 */
@media screen and (min-width: 999px) {
  .horizontal_scroll {
    overflow-x: inherit;
    padding: 0 8px 6px; } }

.horizontal_scroll > li {
  width: 100%;
  min-width: 300px;  list-style-type: none;box-shadow: 3px 3px 3px 0 rgba(204, 204, 204, 0.8);}

@media screen and (min-width: 999px) {
  .horizontal_scroll > li {
    min-width: inherit; } }

.horizontal_scroll > li:not(:last-child) {
  margin-right: 5px; }

.horizontal_scroll > li:last-child {
  padding-right: 5px; }

@media screen and (min-width: 999px) {
  .horizontal_scroll > li:last-child {
    padding-right: 0; } }

.horizontal_scroll img {
  vertical-align: bottom; 
width: 100%;border-radius: 3px;}
@media all and (max-width:321px){
    .horizontal_scroll > li {
  width: 100%;
  min-width: 240px;  list-style-type: none;}
}