@charset "UTF-8";
/* スライドするButton Hover Effects 左から */
/* スライドするButton Hover Effects 左下から */
/* 画像を丸くトリミング */
/* 縦横中央・GRID */
/* テスト用ボーダー */
/* テスト用背景色 */
/* content */
#main .inner header {
  width: 100%;
  padding: 0.5em 0 1em;
  margin-bottom: 1em;
  background-color: #C3002F;
  text-align: center;
  color: #fff; }
  #main .inner header .pre-ttl {
    font-weight: bold;
    margin-bottom: 0.5em;
    font-size: 110%; }
  #main .inner header .pagettl {
    padding: 0;
    margin: 0; }
#main .inner .notes {
  margin-bottom: 1em;
  text-align: center;
  font-size: 90%;
  font-weight: bold; }
  #main .inner .notes span {
    display: inline-block;
    font-size: 90%; }
    #main .inner .notes span:nth-of-type(1) {
      font-weight: bold;
      font-size: 130%; }
    #main .inner .notes span:nth-of-type(2) {
      font-weight: normal; }
@media only screen and (max-width: 1140px) and (max-width: 767px) {
  #main .inner .notes {
    font-size: 90%; }
    #main .inner .notes span {
      font-size: 75%; } }

#main .inner .list-root {
  width: 95%;
  margin: 0 auto;
  text-align: center; }
  #main .inner .list-root .list-item {
    width: 100%;
    margin: 0 0 2em; }
    #main .inner .list-root .list-item .item-ttl {
      display: block;
      width: 100%;
      padding: 15px;
      margin: 0;
      background-color: #eee;
      text-align: left;
      font-size: 135%;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px; }
    #main .inner .list-root .list-item .item-ttl {
      cursor: pointer; }
      #main .inner .list-root .list-item .item-ttl:after {
        content: " \f107";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: #C3002F; }
    #main .inner .list-root .list-item .item-ttl.open {
      background-color: #eee;
      border-bottom: 0; }
      #main .inner .list-root .list-item .item-ttl.open:after {
        content: " \f106";
        font-family: "Font Awesome 5 Free";
        font-weight: 900; }
    #main .inner .list-root .list-item .desc {
      clear: both;
      margin-top: 1em;
      font-size: 90%; }
      #main .inner .list-root .list-item .desc img {
        float: left; }
#main .inner .list-child {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }
  #main .inner .list-child li {
    width: 32%;
    text-align: left;
    padding: 1em;
    margin: 0 5px 1.2em 0;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    #main .inner .list-child li h3 a {
      padding: 0;
      margin: 0 0 5px;
      font-size: 70%;
      color: #C3002F; }
    #main .inner .list-child li p, #main .inner .list-child li a {
      text-align: left; }
    #main .inner .list-child li .addr,
    #main .inner .list-child li .map,
    #main .inner .list-child li .tel,
    #main .inner .list-child li .open,
    #main .inner .list-child li .close {
      display: inline-block;
      padding: 3px; }
    #main .inner .list-child li .open:before {
      content: "営業時間 : ";
      font-weight: bold; }
    #main .inner .list-child li .close:before {
      content: "定休日 : ";
      font-weight: bold; }
    #main .inner .list-child li .tel {
      font-size: 110%;
      font-weight: bold;
      padding: 0.2em; }
    #main .inner .list-child li i {
      color: #666; }
@media only screen and (max-width: 767px) {
  #main .inner .list-root .list-item {
    padding: 10px 0; }
    #main .inner .list-root .list-item .item-ttl {
      font-size: 120%; }
  #main .inner .list-child li {
    width: 100%;
    padding: 0.5em;
    margin-bottom: 0.5em;
    border: 0;
    border-bottom: 1px dashed #000; }
    #main .inner .list-child li h3 a {
      margin-bottom: 0.2em;
      font-size: 110%; }
    #main .inner .list-child li .addr,
    #main .inner .list-child li .map
    .tel {
      padding: 0 0 0 0.5em;
      margin: 0;
      display: inline-block;
      line-height: 1.3; }
    #main .inner .list-child li a {
      padding: 0.2em 0.2em 0.2em 0; }
    #main .inner .list-child li a.tel {
      color: blue;
      font-size: 120%;
      font-weight: bold; } }