body{ margin:0;padding:0;font-family: sans-serif;background:#F5F5F5;}
h1{
  background:#28A035;
  margin:0 0 20px;
  padding:0;
  color:#FFF;
  font-size:16px;
  text-align:center;
  padding: 16px 0 14px;
  line-height:1.25;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
.chirashi-container { background:#fff; margin: 0 1em 2em; border: 1px solid #ccc; border-radius: 5px; padding: 1.5em;  }
.chirashi-title { border-bottom: 2px solid #28A035; padding-bottom: 0.5em; }
.chirashi-images{ text-align: center; }
.chirashi-images img {
    max-width: 600px;
    width: 80%;
    height: auto;
    margin: 10px;
    border: 1px solid #ddd;
}
.target-stores, .publication-period { font-size: 0.8em; color: #555; }
.publication-period { padding-top: 0.5em; border-top: 1px dashed #ccc; margin-top: 1em; }
.btn-view{ color: #fff;background: #28A035;text-align:center;padding:10px 20px; display: inline-block;border-radius:5px;}
.btn-view a{ font-size: 1em; color: #fff;display:block;text-decoration:none;font-weight:700; }
.backarea{ text-align: center;}
.backarea .btn-view{ background:#999999;}

/*  チラシ表示ページ（index.php）  */

#images{
    list-style:none;
    padding:0 0 3em;
    margin: 0 auto;
    max-width: 480px;
}
#images li{ margin: 0 10px 10px; background:#FFF; }
#images li img{ width:100%; box-shadow: 1px 1px 2px rgba(0,0,0,0.3); display:block; margin:0; cursor: zoom-in }
.viewer-footer{ overflow: visible; }

#session{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  display:flex;
  flex-direction: row;
  flex-wrap:wrap;
  justify-content: center;
  align-items: center;
  margin:0;
  padding:10px 0;
  background:rgba(255,255,255,0.9);
  color:#000;
}
#session dt{
  margin:0 10px 0 0;
  paddng:0;
  font-size:10px;
  color: #666;
}
#session dd{
  margin:0;
  paddng:0;
  font-size:12px;
}
.shopList{
  padding:0 10px 60px;
  font-size:14px;
}
#error{
  position:absolute;
  width:100%;
  line-height:1.25;
  font-size:14px;
  top:50%;
  left:0;
  text-align:center;
  margin: -7px 0 0;
}
ul#images li{
  position: relative;
}
ul#images li::before{
  content: url(../img/control/icon_02.png);
  display: inline-block;
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.60);
/*  bottom: -10px; */
  pointer-events: none;
}

/*  店舗リスト表示ページ（storelist.php）  */
.container {
    width: 80%;
    max-width: 600px;
    margin: 2em auto;
}
details {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 1em;
}
summary {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.8em;
    cursor: pointer;
    background-color: #f7f7f7;
    list-style: none; /* markerを消す (古いブラウザ用) */
}
summary::-webkit-details-marker { /* markerを消す (Chrome/Safari) */
    display: none;
}
details[open] > summary {
    border-bottom: 1px solid #ccc;
    background-color: #eee;
}
.store-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.store-list li{
    background:#fff;
}
.store-list li a {
    display: block;
    padding: 0.8em 1.5em;
    text-decoration: none;
    color: #007bff;
    border-bottom: 1px solid #eee;
    transition: background-color 0.2s;
}
.store-list li:last-child a {
    border-bottom: none;
}
.store-list li a:hover {
    background-color: #f0f8ff;
}