@charset "UTF-8";
#s_main {
  max-width: 1070px;
  margin: 0 auto;
  padding: 0 1%; }
  #s_main h1 {
    text-align: center;
    margin-bottom: 20px; }
    #s_main h1 img {
      max-width: 990px; }
  #s_main h2 {
    font-size: 2.5em;
    position: relative;
    padding-bottom: .1em;
    margin-bottom: 1em; }
  #s_main h2::before,
  #s_main h2::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    content: '';
    height: 4px; }
  #s_main h2::before {
    z-index: 2;
    width: 15%;
    background-color: #444; }
  #s_main h2::after {
    width: 100%;
    background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
    background: -o-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
    background: repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px); }
  #s_main .subTxt {
    font-size: 1.1em;
    display: inline-block;
    position: relative;
    padding: 0 .5em .5em 1.7em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 2em; }
  #s_main .subTxt::after {
    position: absolute;
    top: .4em;
    left: .4em;
    z-index: 2;
    content: '';
    width: 12px;
    height: 12px;
    background-color: #ccc;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

ul#shopLi {
  text-align: center; }
  ul#shopLi li {
    vertical-align: top;
    margin: 10px 5px;
    max-width: 150px;
    display: inline-block; }
    ul#shopLi li img {
      width: 100%;
      height: auto; }
      ul#shopLi li img:hover {
        opacity: 0.5; }

#picUp {
  margin-bottom: 20px; }
  #picUp ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #picUp ul li {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center;
      max-width: 150px;
      width: calc(100%/8);
      padding: 0 .5vw;
      margin-bottom: 2rem; }
      @media screen and (max-width: 768px) {
        #picUp ul li {
          width: calc(100% / 5); } }
      @media screen and (max-width: 425px) {
        #picUp ul li {
          width: calc(100% / 4); } }
      #picUp ul li img[src^="http"] {
        width: 100%; }
      #picUp ul li .tt {
        font-size: 1.2rem;
        margin: .5rem 0; }
        @media screen and (max-width: 425px) {
          #picUp ul li .tt {
            font-size: .8em; } }
      #picUp ul li .et {
        text-align: left; }
      #picUp ul li .link {
        margin: .5vw auto;
        background-color: #fafafa;
        border-bottom: 2px solid #c7c7c7;
        padding: .5rem;
        border-radius: 5px;
        width: 70%; }
        @media screen and (max-width: 425px) {
          #picUp ul li .link {
            padding: 3px;
            width: 80%;
            margin-bottom: 5px; } }
        #picUp ul li .link img {
          width: 100%; }

.s_pager .displayed {
  text-align: center;
  margin-bottom: 15px; }

.s_pager .s_pagination {
  text-align: center; }

.s_pager .s_pagination li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  background: #717e84;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative; }
  .s_pager .s_pagination li.current {
    background: #424a4d; }

.s_pager .s_pagination li a {
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: table;
  color: #fff;
  text-decoration: none; }

.s_pager .s_pagination li a span {
  display: table-cell;
  vertical-align: middle; }

.s_pager .s_pagination li:not(.current) a:hover,
.s_pager .s_pagination li:not(.current) a.active {
  color: #000;
  background: #a7b0b4; }

@media only screen and (max-width: 767px) {
  .s_pager .s_pagination li {
    display: none; }
  .s_pager .s_pagination li.pre,
  .s_pager .s_pagination li.next {
    display: inline-block;
    width: 40%;
    height: 50px;
    text-align: center; }
  .s_pager .s_pagination li.pre a,
  .s_pager .s_pagination li.next a {
    width: 100%;
    text-align: center; }
  .s_pager .s_pagination li.pre span::after {
    content: "　前へ"; }
  .s_pager .s_pagination li.next span::before {
    content: "次へ　"; } }