/* CSS Document */

#siteName+p{
  display: none;
  }
  #siteName+p a{
    display: block;
    color: #4c4948;
    fill: #4c4948;
    }

#pageLink{}
  #pageLink:not(nav){
    display: flex;
    flex-wrap: wrap;
    }
  #pageLink section{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    position: relative;
    padding: 0;
    background: #f4f3ed;
    }
    #pageLink section > *{
      width: 100%;
      }
    #pageLink section a{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      color: transparent;
      fll: transparent;
      z-index: 1;
      }
      #pageLink section a:hover,
      #pageLink section a:active{
        background: #aa9c91;
        opacity: 0.2;
        }
    #pageLink section h3{
      padding: 0.8em;
      background: #35220d;
      color: #fff;
      fill: #fff;
      order: 1;
      }
    #pageLink section h3+div{
      margin: 0;
      padding: 1em;
      order: 3;
      }
    #pageLink section figure{
      order: 2;
      }
    #pageLink section .thumb{
      padding-top: 66.66%;
      }
  #pageLink li{
    position: relative;
    text-align: center;
    }
    #pageLink li a{
      display: flex;
      justify-content: center;
      align-items: center;
      background: #35220d;
      height: 6em;
      padding: 0 1em 0 7em;
      color: #fff;
      font-weight: bold;
      line-height: 1.4em;
      text-decoration: none;
      overflow: hidden;
      }
      #pageLink li a:hover,
      #pageLink li a:active{
        background: #f1a107;
        }
    #pageLink li i{
      position: absolute;
      top: 0;
      left: 0;
      width: 6em;
      }
#gNav{}
  #gNav ul {
    margin-top:3em;
  }
  #gNav li{
    position: relative;
    width: 100%;
    background-color: #f6f6f6;
    margin: 1em auto;
    }
    #gNav li a{
      padding: 1em 2em;
      text-align: left;
      }
    #gNav li a::after {
      content: "◀";
      float: right;
    }
    #gNav li i{
      display: block;
      margin-bottom: 0.5em;
      }
    #gNav li svg{
      font-size: 2em;
      }

/* for mobile */
@media (max-width: 767px) {
/*767px以下*/
#gNav{}
  #gNav ul {
    margin-top:3em;
  }
  #gNav li{
    position: relative;
    width: 100%;
    background-color: #f6f6f6;
    margin: 1em auto;
    }
    #gNav li a{
      padding: 1em 2em;
      text-align: left;
      }
    #gNav li a::after {
      content: "◀";
      float: right;
    }
    #gNav li i{
      display: block;
      margin-bottom: 0.5em;
      }
    #gNav li svg{
      font-size: 2em;
      }
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
#pageLink{}
  #pageLink section{
    width: 100%;
    }
    #pageLink section:nth-child(n+2){
      margin-top: 1.5em;
      }
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
#gNav{}
  #gNav svg{
    font-size: 3em;
    }
#fNav{}
  #fNav li{}
    #fNav li:nth-child(1){
      display: none;
      }
    #fNav li:nth-child(3n+2),
    #fNav li:nth-child(3n+3){
      border-right: 1px solid #fff;
      }
#pageLink{}
  #pageLink section{
    width: calc(50% - 0.75em);
    }
    #pageLink section:nth-child(even){
      margin-left: 1.5em;
      }
    #pageLink section:nth-child(n+3){
      margin-top: 1.5em;
      }
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
#gNav{}
  #gNav ul{
    justify-content: space-between;
    }
#fAddress{
  width: 22em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
  #gNav li{
    font-size: 0.8em;
    }
    #gNav li:nth-child(1){
      display: none;
      }
#pageLink{}
  #pageLink section{
    width: calc(50% - 1em);
    }
    #pageLink section:nth-child(even){
      margin-left: 2em;
      }
    #pageLink section:nth-child(n+3){
      margin-top: 2em;
      }
}
@media (max-width: 991px) {
/*991px以下*/
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#pageLink{}
  #pageLink section{
    width: calc(33.33% - 1.5em);
    }
    #pageLink section:nth-child(3n+2){
      margin: 0 2em;
      }
    #pageLink section:nth-child(n+4){
      margin-top: 2em;
      }
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1200px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}


/* ie */
@media all and (-ms-high-contrast: none){
main{
  display: block;
  }
}