@charset "UTF-8";
@media screen and (max-width: 767px) {
.pc { display: none !important; }
.sp { display: block !important; }
.pc-c { display: none !important; }
.sp-c { display: table-cell !important; }

.pcbr{ display: none; }

.pc_indent { display: none !important; }

.sp_dis-i { display: inline; }
.sp_dis-ib { display: inline-block; }
.sp_dis-b { display: block; }

.sp_m-t0 { margin-top: 0 !important; }
.sp_m-t5 { margin-top: 5px !important; }
.sp_m-t10 { margin-top: 10px !important; }
.sp_m-t15 { margin-top: 15px !important; }
.sp_m-t20 { margin-top: 20px !important; }
.sp_m-t25 { margin-top: 25px !important; }
.sp_m-t30 { margin-top: 30px !important; }
.sp_m-t40 { margin-top: 40px !important; }
.sp_m-t50 { margin-top: 50px !important; }
.sp_m-t60 { margin-top: 60px !important; }
.sp_m-t70 { margin-top: 70px !important; }
.sp_m-t80 { margin-top: 80px !important; }
.sp_m-t90 { margin-top: 90px !important; }
.sp_m-t100 { margin-top: 100px !important; }
.sp_m-b0 { margin-bottom: 0 !important; }
.sp_m-b5 { margin-bottom: 5px !important; }
.sp_m-b10 { margin-bottom: 10px !important; }
.sp_m-b15 { margin-bottom: 15px !important; }
.sp_m-b20 { margin-bottom: 20px !important; }
.sp_m-b25 { margin-bottom: 25px !important; }
.sp_m-b30 { margin-bottom: 30px !important; }
.sp_m-b40 { margin-bottom: 40px !important; }
.sp_m-b50 { margin-bottom: 50px !important; }
.sp_m-b60 { margin-bottom: 60px !important; }
.sp_m-b70 { margin-bottom: 70px !important; }
.sp_m-b80 { margin-bottom: 80px !important; }
.sp_m-b90 { margin-bottom: 90px !important; }
.sp_m-b100 { margin-bottom: 100px !important; }
.sp_m-l-auto { margin-left: auto !important; }
.sp_m-l0 { margin-left: 0 !important; }
.sp_m-l5 { margin-left: 5px !important; }
.sp_m-l10 { margin-left: 10px !important; }
.sp_m-l15 { margin-left: 15px !important; }
.sp_m-l20 { margin-left: 20px !important; }
.sp_m-l25 { margin-left: 25px !important; }
.sp_m-l30 { margin-left: 30px !important; }
.sp_m-r-auto { margin-right: auto !important; }
.sp_m-r0 { margin-right: 0 !important; }
.sp_m-r5 { margin-right: 5px !important; }
.sp_m-r10 { margin-right: 10px !important; }
.sp_m-r15 { margin-right: 15px !important; }
.sp_m-r20 { margin-right: 20px !important; }
.sp_m-r25 { margin-right: 25px !important; }
.sp_m-r30 { margin-right: 30px !important; }

.sp_p-t0 { padding-top: 0 !important; }
.sp_p-t5 { padding-top: 5px !important; }
.sp_p-t10 { padding-top: 10px !important; }
.sp_p-t15 { padding-top: 15px !important; }
.sp_p-t20 { padding-top: 20px !important; }
.sp_p-t25 { padding-top: 25px !important; }
.sp_p-t30 { padding-top: 30px !important; }
.sp_p-t40 { padding-top: 40px !important; }
.sp_p-t50 { padding-top: 50px !important; }
.sp_p-t60 { padding-top: 60px !important; }
.sp_p-t70 { padding-top: 70px !important; }
.sp_p-t80 { padding-top: 80px !important; }
.sp_p-t90 { padding-top: 90px !important; }
.sp_p-t100 { padding-top: 100px !important; }
.sp_p-b0 { padding-bottom: 0 !important; }
.sp_p-b5 { padding-bottom: 5px !important; }
.sp_p-b10 { padding-bottom: 10px !important; }
.sp_p-b15 { padding-bottom: 15px !important; }
.sp_p-b20 { padding-bottom: 20px !important; }
.sp_p-b25 { padding-bottom: 25px !important; }
.sp_p-b30 { padding-bottom: 30px !important; }
.sp_p-b40 { padding-bottom: 40px !important; }
.sp_p-b50 { padding-bottom: 50px !important; }
.sp_p-b60 { padding-bottom: 60px !important; }
.sp_p-b70 { padding-bottom: 70px !important; }
.sp_p-b80 { padding-bottom: 80px !important; }
.sp_p-b90 { padding-bottom: 90px !important; }
.sp_p-b100 { padding-bottom: 100px !important; }
.sp_p-l0 { padding-left: 0 !important; }
.sp_p-l5 { padding-left: 5px !important; }
.sp_p-l10 { padding-left: 10px !important; }
.sp_p-l15 { padding-left: 15px !important; }
.sp_p-l20 { padding-left: 20px !important; }
.sp_p-l25 { padding-left: 25px !important; }
.sp_p-l30 { padding-left: 30px !important; }
.sp_p-r0 { padding-right: 0 !important; }
.sp_p-r5 { padding-right: 5px !important; }
.sp_p-r10 { padding-right: 10px !important; }
.sp_p-r15 { padding-right: 15px !important; }
.sp_p-r20 { padding-right: 20px !important; }
.sp_p-r25 { padding-right: 25px !important; }
.sp_p-r30 { padding-right: 30px !important; }

.sp_f-c-bk{ color: #000000 !important; }
.sp_f-c-wh{ color: #ffffff !important; }
.sp_f-c-gr{ color: #aaaaaa !important; }
.sp_f-c1{ color: #ed8c01 !important; }
.sp_f-c2{ color: #F4BD34 !important; }
.sp_f-c3{ color: #DBEFCA !important; }
.sp_f-c4{ color: #EA7603 !important; }

.sp_b-c-bk{ background-color: #000000 !important; }
.sp_b-c-wh{ background-color: #ffffff !important; }
.sp_b-c-gr{ background-color: #F7F6F2 !important; }
.sp_b-c1{ background-color: #ed8c01 !important; }
.sp_b-c2{ background-color: #F4BD34 !important; }
.sp_b-c3{ background-color: #DBEFCA !important; }
.sp_b-c4{ background-color: #EA7603 !important; }

.sp_f-bold { font-weight: bold !important; }
.sp_f-normal { font-weight: normal !important; }

.sp_f-s150{ font-size: 150% !important; }
.sp_f-s140{ font-size: 140% !important; }
.sp_f-s130{ font-size: 140% !important; }
.sp_f-s120{ font-size: 120% !important; }
.sp_f-s110{ font-size: 110% !important; }
.sp_f-s100{ font-size: 100% !important; }
.sp_f-s90{ font-size: 90% !important; }
.sp_f-s80{ font-size: 80% !important; }
.sp_f-s70{ font-size: 70% !important; }
.sp_f-s60{ font-size: 60% !important; }
.sp_f-s50{ font-size: 50% !important; }

.sp_l-h10{ line-height: 1.0 !important; }
.sp_l-h11{ line-height: 1.1 !important; }
.sp_l-h12{ line-height: 1.2 !important; }
.sp_l-h13{ line-height: 1.3 !important; }
.sp_l-h14{ line-height: 1.4 !important; }
.sp_l-h15{ line-height: 1.5 !important; }
.sp_l-h16{ line-height: 1.6 !important; }
.sp_l-h17{ line-height: 1.7 !important; }
.sp_l-h18{ line-height: 1.8 !important; }
.sp_l-h19{ line-height: 1.9 !important; }
.sp_l-h20{ line-height: 2.0 !important; }

.sp_t-l{ text-align: left !important; }
.sp_t-c{ text-align: center !important; }
.sp_t-r{ text-align: right !important; }
.sp_v-t{ vertical-align: top !important; }
.sp_v-m{ vertical-align: middle !important; }
.sp_v-b{ vertical-align: bottom !important; }

.sp_pos-r{ position: relative; }
.sp_pos-a{ position: absolute; }
.sp_pos-s{ position: static; }

.sp_t-shadow{ text-shadow: 0 0 5px rgba(0,0,0,0.5); }

/*-------------------------------------------------------------------------------------*/




body {
  font-size: 15px;
  min-width: 320px;
  line-height: 1.6;
  overflow: hidden;
}
/*--------------宮本停止中
.wrap {
  width: 100%;
  box-sizing: border-box;
  padding:0 10px;
}
宮本停止中--------------------*/
/*--------------宮本追加-----*/
.wrap {
  width: 100%;
  box-sizing: border-box;
  padding:0 20px;
}
/*---宮本追加--------------------*/



.overwrap{
  margin-left: -10px;
  margin-right: -10px;
}
.content{
}
section .section-inner{
  padding:40px 0 60px;
}

/*------------------------------------*/
.column-wrap{
  display: block;
  width: 100%;
  justify-content: space-between;
}
  .column-wrap .column{
    width: 100%;
    margin-bottom: 25px;
  }
/*------------------------------------*/
.map {
  padding-bottom: 70%;
  padding-top: 70px;
}

/*----------------------------------------------------------------------------------------*/
.c-ttl{
}
/*----------------------------------------------------------------------------------------*/
.c-txt{
}
  .c-txt p{
    font-size: 14px;
  }

/*----------------------------------------------------------------------------------------*/
.c-list{
  margin:0 -10px 20px;
  padding:0 20px;
}
  .c-list ul{
    margin: -20px -15px 0;
  }
  .c-list ul.slide{
    margin: -20px 0px 0;
  }
    .c-list ul li{
      width: 50%;
      padding:2px 10px;
      margin: 20px 0 40px;
    }
      .c-list ul li > a,
      .c-list ul li > div{
        padding-bottom: 45px;
      }
        .c-list ul li .img-area{
          margin-bottom: 5px;
        }
        .c-list ul li .data{
          font-size: 13px;
        }
          .c-list ul li .data > span{
          }
          .c-list ul li .data .date{
            font-size: 12px;
          }
            .c-list ul li .data .date .view{
            }
          .c-list ul li .data .ttl{
            font-size: 16px;
          }
          .c-list ul li .data .review{
          }
            .c-list ul li .data .review .star{
            }
          .c-list ul li .data .sub{
          }
          .c-list ul li .data .cat{
          }
            .c-list ul li .data .cat span{
              font-size: 11px;
              padding:0 5px 1px;
            }
        .c-list ul li .btn{
          font-size: 14px;
          height: 35px;
          line-height: 35px;
        }

/*----------------------------------------------------------------------------------------*/
.c-btn{
}
  .c-btn a,
  .c-btn button{
    width: 240px;
    font-size: 15px;
    margin:0 5px;
  }
  .c-btn a:hover,
  .c-btn button:hover{
  }
  .c-btn.wh a,
  .c-btn.wh button{
  }

/*----------------------------------------------------------------------------------------*/
.c-table{
  font-size: 13px;
}
  .c-table table{
  }
    .c-table table th{
      padding:5px 8px;
      width: 90px;
    }
    .c-table table td{
      padding:5px 10px 5px 15px;
    }

/*----------------------------------------------------------------------------------------*/
.c-dl{
  display: block;
}
  .c-dl dl{
    width: auto;
    margin: 0 0px 40px;
  }
    .c-dl dl dt{
      font-size: 16px;
    }
    .c-dl dl dd{
      font-size: 13px;
      padding:0 3px;
    }
      .c-dl dl dd li{
      }
        .c-dl dl dd li a{
        }
        .c-dl dl dd li a:hover{
        }

/*----------------------------------------------------------------------------------------*/
#pagetop{
}
  #pagetop a{
    font-size: 13px;
    padding:10px 0;
  }
    #pagetop a span{
    }
    #pagetop a span::after{
    }
/*----------------------------------------------------------------------------------------*/
header{
  padding:10px 0;
}
  header .logo{
    width: 220px;
  }
/*----------------------------------------------------------------------------------------*/
footer{
    padding: 40px 0 85px;
}
  footer a{
  }
  footer .sns{
    margin-bottom: 30px;
  }
    footer .sns ul{
    }
      footer .sns ul li{
        margin:0 15px;
        width: 25px;
      }
  footer .nav{
    margin-bottom: 20px;
  }
    footer .nav ul{
      font-size: 14px;
    }
      footer .nav ul li{
        margin:0 15px 15px;
      }
        footer .nav ul li a:hover{
        }
  footer .logo{
    width: 280px;
    margin:0 auto 30px;
  }
  footer .copy{
    font-size: 12px;
  }

/*----------------------------------------------------------------------------------------*/
.f-fix{
  padding:10px 0 9px;
}
  .f-fix .f-fix-btn{
    margin:0 -7px;
  }
    .f-fix .f-fix-btn > div{
    width: calc(49.3% - 6px);
      margin:0 3px;
    }
    .f-fix .f-fix-btn a{
      display: table;
      width: 100%;
      height: 100%;
      line-height: 17px;
      padding:6px 5px 7px;
      font-size: 13px;
    }
      .f-fix .f-fix-btn a > span{
        display: table-cell;
        vertical-align: middle;
      }
    .f-fix .f-fix-btn a.c2{
    }
      .f-fix .f-fix-btn .search{
        padding-left: 18px;
        background-size: 15px;
      }
/*----------------------------------------------------------------------------------------*/
#search-block{
  padding:30px 15px;
  overflow-y: scroll;
}
  #search-block .area{
    margin-bottom: 30px;
  }
  #search-block .input{
    margin:0 auto 20px;
    width: 100%;
    box-sizing: border-box;
  }
    #search-block .input input{
      font-size: 15px;
    }
  #search-block .select{
    margin:0 auto 30px;
    width: 100%;
    border-radius: 5px;
  }
    #search-block .select select{
      padding:5px 10px;
      font-size: 14px;
    }
  #search-block .list{
    margin:0 0px 50px;
    width: 100%;
  }
    #search-block .list ul{
    }
      #search-block .list ul li{
        width: 50%;
        height: 100%;
        padding:0 3px 5px;
        box-sizing: border-box;
        display: table;
      }
        #search-block .list ul li a,
        #search-block .list ul li button{
          display: table-cell;
          width: 100%;
          height: 100%;
          font-size: 12px;
          line-height: 1.5;
          padding:8px 3px;
          box-sizing: border-box;
          text-align: center;
        }
  #search-block .close{
    text-align: center;
  }
    #search-block .close span{
      display: inline-block;
      background: url(../img/menu_close.svg) no-repeat top center;
      background-size: 50px;
      padding:40px 20px 5px ;
      cursor: pointer;
      font-size: 13px;
    }



/*----------------------------------------------------------------------------------------*/
#main-top{
}
  #main-top p{
  } 
  #main-top .logo{
    max-width: 95%;
  }
  #main-top .gim{
  }
    #main-top .gim .num{
    }
  #main-top .btn{
  }
    #main-top .btn > div{
      padding:10px 30px;
      font-size: 15px;
    }
      #main-top .btn > div:hover{
      }


/*----------------------------------------------------------------------------------------*/
.top-bottom{
  padding-top: 20px;
  margin-bottom: 50px;
}
  .top-bottom .img{
    height: auto;
    background: none;
    margin-bottom: 60px;
    font-size: 18px;
  }
    .top-bottom .img .t1{
      position: static;
      margin-bottom: 10px;
    }
    .top-bottom .img .t2{
      position: static;
    }
  .top-bottom .ttl{
    font-size: 26px;
  }


/*----------------------------------------------------------------------------------------*/
.area-list{
  overflow: hidden;
}
  .area-list .area-list-in{
    width: 100%;
    display: block;
  }
  .area-list dl{
    width: 100%;
    margin-right: 0px;
    margin-bottom: 5px;
  }
    .area-list dl dt{
      padding: 10px 15px;
      font-size: 14px;
    }
    .area-list dl dd{
      font-size: 13px;
      padding-bottom: 20px;
    }
      .area-list dl dd li{
      }
        .area-list dl dd li a{
        }
        .area-list dl dd li a:hover{
        }

/*----------------------------------------------------------------------------------------*/
.condi-list{
  overflow: hidden;  
}
  .condi-list ul{
    width: calc(100% + 5px);
  }
    .condi-list ul li{
      width: calc(50% - 5px);
      margin-right: 5px;
      margin-bottom: 8px;
    }
      .condi-list ul li a{
        display: table;
        background: #fff;
        font-size: 13px;
        line-height: 16px;
        border-radius: 20px;
        width: 100%;
        height: 100%;
        padding:8px 5px;
        box-sizing: border-box;
        vertical-align: middle;
      }
      .condi-list ul li a span{
        display: table-cell;
        vertical-align: middle;
      }

/*----------------------------------------------------------------------------------------*/
.list-num{
  font-size: 16px;
  margin-bottom: 10px;
  padding-left: 0px;
}
  .list-num span{
    font-size: 24px;
  }
  .list-num .btn{
    width: 120px;
    font-size: 13px;
    right: 0px;
  }
.list-sort{
  margin:0 auto 30px;
  text-align: right;
  padding-right: 0px;
}
  .list-sort select {
    width: 100%;
    padding: 3px 10px;
    border:1px solid #999;
    box-sizing: border-box;
  }

/*-------------------------------------------------------------------------------------*/
.detail-fav{
  margin-bottom: 15px;
}
  .detail-fav .fav{
    font-size: 13px;
    padding:8px 10px;
    line-height: 22px;
  }
  .detail-fav .fav svg{
    height: 22px;
    margin-left: 6px;
  }
  .detail-fav .fav::before{
  }
  .detail-fav .fav svg .st0{
  }
  .detail-fav .fav:hover svg .st0{
  }
  .detail-fav .fav.on::before{
  }
  .detail-fav .fav.on svg .st0{
  }
  
.detail-area{
  display: block;
  padding:0px 0 10px;
}
  .detail-area .img-area{
    width:auto;
    margin-bottom: 20px;
  }
  .detail-area .txt-area{
    width: auto;
    font-size: 14px;
    margin-bottom: 15px;
  } 
    .detail-area .txt-area .ttl{
      font-size: 20px;
      padding: 0 0 10px;
    }
    .detail-area .txt-area .review{
      font-size: 13px;
    }
      .detail-area .txt-area .review .star{
      }
    .detail-area .txt-area .access{
      font-size: 15px;
      margin-bottom: 15px;
    }
    .detail-area .txt-area .sub{
      font-size: 16px;
    }

/*-------------------------------------------------------------------------------------*/
.course-list{
}
  .course-list ul{
    width: 100%;
    display: block;
  }
    .course-list ul li{
      width: auto;
      margin-right: 0px;
      margin-bottom: 15px;
      box-sizing: border-box;
      padding:15px 10px 10px;
    }
      .course-list ul li .ttl{
        border-left: 6px solid #886D0C;
        padding-left: 4px;
        font-size: 16px;
      }

/*-------------------------------------------------------------------------------------*/
.review-list{
}
  .review-list ul{
    display: block;
  }
    .review-list ul li{
      margin:0 0px 10px;
      width: auto;
      padding:15px 12px 20px;
      font-size: 13px;
    }
      .review-list ul li .ico{
      }
        .review-list ul li .ico .img{
          margin-bottom: 3px;
        }
        .review-list ul li .ico .name{
        }
      .review-list ul li .txt{
      }

/*-------------------------------------------------------------------------------------*/
.tag-list{
  display: block;
}
  .tag-list dl{
    width: auto;
    margin:0 0px 20px;
  }
    .tag-list dl dt{
      font-size: 16px;
    }
    .tag-list dl dd{
    }
      .tag-list dl dd ul{
      }
        .tag-list dl dd ul li{
          padding:5px 3px 6px;
          font-size: 12px;
        }
        .tag-list dl dd ul li.wide{
        }
        .tag-list dl dd ul li.on{
        }

/*-------------------------------------------------------------------------------------*/
.entry-date{
  font-size: 14px;
}
  .entry-date .view{
    margin-left: 15px;
  }
.entry-body{
  padding:30px 0px 0;
  font-size: 15px;
}
  .entry-body .entry-img{
    text-align: center;
    margin-bottom: 20px;
  }



/*-------------------------------------------------------------------------------------*/
.form{
  width: auto;
  margin:0 auto;
}
  .form .form-table{
    margin:0 auto 20px;
  }
    .form .form-table table{
      display: block;
      font-size: 15px;
    }
      .form .form-table table tr{
        display: block;
      }
      .form .form-table table th{
        display: block;
        width: auto;
        padding:0px 5px;
        box-sizing: border-box;
      }
        .form .form-table table th div{
          padding:5px 0 0;
        }
      .form .form-table table td{
        display: block;
        box-sizing: border-box;
        padding:5px 5px 20px;
      }
        .form .form-table table td input,
        .form .form-table table td textarea{
          font-size: 15px;
        }
        .form .form-table table td textarea{
          height: 180px;
        }
  .form .form-btn{
    padding:0 5px;
  }
    .form .form-btn a,
    .form .form-btn button{
      width: 100%;
      max-width: 320px;
      box-sizing: border-box;
    }
    .form .form-btn a:hover,
    .form .form-btn button:hover{
    }

}



  .c-list ul{
    display: block;
  }
    .c-list ul li{
      width: 100%;
    }

}/*====================================480===================================*/