/*===================
下層ページ共通
=====================*/
/*下層ページタイトル背景*/
.under_title{
    height: 180px;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 10px;
    padding-left: 10px;
    margin-bottom: 15px;
}

.under_title h1{
    background-color: rgba(255,255,255,0.5);
    display: inline-block;
    padding:10px 16px;
    font-weight: normal;
}

@media screen and (max-width:768px){
    .under_title{
        height: 25vh;
    }
}/*=====max-width:768px=====*/

/* パンくずリスト */
.bread{
    margin-bottom: 15px;
}
.bread ul{
    font-size: 0;
}

.bread ul li{
    display: inline;
    font-size: 1.6rem;
}

.bread ul li:not(:last-child):after{
    content:" > ";
}

@media screen and (max-width:768px){
    .bread{
        display: none;
    }
}/*=====max-width:768px=====*/

/* 下層2カラム */
.wrapper{
    display: flex;
    flex-direction: column-reverse;
  }
  .wrapper .side{
    padding:0 5%;
  }
  
  .wrapper .side aside{
    display: none;
  }
  
  .wrapper .side ul {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
  }
  
  .wrapper .side ul li{
    line-height: 6.6rem;
    text-align: center;
    width:45.9%;
    list-style:none;
    margin-bottom: 30px;
  }
  
  .wrapper .side ul li a{
    color:#F77237;
    display: block;
    border:1px solid #F77237;
  }
  .wrapper .side ul li.current a{
    background-color: #F77237;
    color:#fff;
    border:1px solid #F77237;
  }
  @media screen and (min-width:769px){
    .wrapper{
      max-width: 1000px;
      margin-left: auto;
      margin-right: auto;
      flex-direction: row;
      justify-content: space-between;
    }
    .wrapper .side{
      padding:0;
      width:30%;
      max-width:300px;
    }
    .wrapper .side aside{
      display: block;
    }
    .wrapper .side ul {
      display:block;
      margin-top:0;
      margin-bottom: 20px;
    }
  
    .wrapper .side ul li{
      text-align: center;
      width:100%;
      list-style:none;
      margin-bottom: 0px;
    }
    .wrapper .side ul li a{
      border-top:none;
      border-right:none;
      border-left:none;
      border-bottom:1px solid #F77237;
    }
    .wrapper main{
      padding:0;
      width:64%;
      max-width:640px;
    }
  }/*===min-width:769px===*/