@charset "UTF-8";
.ac-btn {
  position: relative;
  width: 16px;
  height: 1px;
}
.ac-btn span {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  transition: 0.3s;
}
.ac-btn span:nth-child(2) {
  transform: rotate(90deg);
}

.ac-btn.active span:nth-child(2) {
  transform: rotate(0);
}

/* 2等分カラムレイアウト $m2に余白を指定する 初期値は0 */
/* 3等分カラムレイアウト $m3に余白を指定する 初期値は0 */
/* 4等分カラムレイアウト $m4に余白を指定する 初期値は0 */
@media screen and (max-width: 1000px) {
  /* common */
  .di-m {
    display: block;
  }
  .ta-l-m {
    text-align: left;
  }
  .ta-r-m {
    text-align: right;
  }
  .ta-c-m {
    text-align: center;
  }
  .wm100 {
    width: 100%;
  }
  /* header */
  /* footer */
  /* $br-p以下で表示する要素 */
  .res-on {
    display: block;
  }
  /* $br-p以下で非表示 */
  .res-off {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .di-s {
    display: block;
  }
  .di-in-s {
    display: inline-block;
  }
  .ta-l-s {
    text-align: left;
  }
  .ta-r-s {
    text-align: right;
  }
  .ta-c-s {
    text-align: center;
  }
  .ws100 {
    width: 100%;
  }
  .mobile-text-pd {
    padding-left: calc(5% + 15px);
    padding-right: calc(5% + 15px);
  }
  .mobile-text-pd2 {
    padding-left: 15px;
    padding-right: 15px;
  }
  /* $br-p2以下で表示する要素 */
  .phone-on {
    display: block;
  }
  .h-wr {
    padding: 30px 2% 10px;
    width: 100%;
    height: auto;
    background-image: url(../img/common/h-back-res.webp);
    background-size: 100% 100%;
  }
  .ham {
    position: fixed;
    right: calc(4% + 20px);
    top: 45px;
    z-index: 2000;
    width: 32px;
  }
  .footer {
    height: auto;
    margin-top: 180px;
    padding: 32% 0 40px;
    background-image: url(../img/common/f-back-res.webp);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 100;
  }
  .f-text {
    max-width: 100%;
    width: 100%;
    position: static;
    top: auto;
    right: auto;
    text-align: right;
  }
  .f-text img {
    width: 60%;
    max-width: 305px;
  }
  .f-wr {
    margin-top: 60px;
  }
  .copyright {
    margin-left: 0px;
  }
  .f-temple {
    top: -6%;
    right: 15%;
    width: 53%;
    max-width: 375px;
  }
  .comnav {
    display: none;
  }
  .backtop {
    width: 50px;
    right: 5px;
  }
  .backtop.ab {
    right: 5px;
  }
  .smenu-wr {
    top: 52%;
    right: 0;
    width: 45px;
    padding: 16px 5px;
    padding-left: 8px;
  }
  .smenu-wr.fixed {
    top: calc(50% - 134px);
    right: 0;
  }
  .smenu-contact {
    margin-bottom: 3px;
  }
  .smenu-line {
    height: 2px;
    margin: 10px auto;
  }
  .smenu-icon {
    display: block;
    line-height: 1;
  }
  .smenu-icon-line {
    margin: 0 auto;
    width: 28px;
  }
  .smenu-icon-insta {
    margin: 0 auto;
    width: 25px;
  }
  .kv-sec {
    padding-bottom: 120px;
    background-image: url(../img/common/kv-back-res.webp);
    background-size: 100% 100%;
    padding-top: 25px;
  }
  .kv-list-wr {
    padding: 0 5%;
    height: calc(100svh - 50px);
  }
  .kv-list {
    height: calc(100svh - 50px);
  }
  .kv-list li {
    height: calc(100svh - 50px);
  }
  .kv-logo {
    left: calc(5% + 20px);
  }
  .kv-text {
    left: calc(5% - 8px);
  }
  .t-con {
    text-align: center;
  }
  .tbox {
    margin: 0 auto;
  }
  .t-news {
    margin-left: 0;
    width: 70px;
  }
  .t-about {
    width: 92px;
  }
  .t-toriko {
    width: 77px;
  }
  .t-kitou {
    width: 95px;
  }
  .t-omamori {
    width: 100px;
  }
  .t-event {
    width: 78px;
  }
  .t-access {
    width: 75px;
  }
  .obi1 {
    margin-top: -40px;
  }
  .news-wr {
    padding: 0 30px;
  }
  .news-con {
    margin-top: -95px;
  }
  .ntoplist {
    padding-right: 0;
    margin-left: 31%;
    width: 69%;
  }
  .ntoplist li {
    width: 100%;
    margin-bottom: 35px;
  }
  .ntoplist-text {
    margin-top: 10px;
    padding: 0 15px;
  }
  .nbtn {
    width: 45%;
  }
  .aboutbox-wr {
    margin-top: 95px;
  }
  .aboutbox-text {
    margin-top: 30px;
  }
  .pintext-wr {
    margin-top: 10px;
  }
  .slist-wr {
    z-index: 1;
    margin-top: -40px;
  }
  .slist {
    height: 230px;
  }
  .slist li {
    margin-right: 10px;
  }
  .slist li img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 230px;
  }
  .pinbox {
    display: block;
  }
  .pinbox-title {
    margin-top: 0;
  }
  .pinbox-title img {
    width: auto;
    height: 64px;
  }
  .pinbox-img {
    margin-top: 20px;
  }
  .pinbox-img::before {
    padding-top: 66%;
  }
  .pin-w {
    width: 30px;
    margin-right: 15px;
    padding-bottom: 5px;
  }
  .pin {
    max-width: 35px;
    width: 6%;
    cursor: pointer;
    transition: 0.2s;
  }
  .pin:hover {
    transform: translateY(-5px);
  }
  .pin1 {
    top: 23%;
    left: 77%;
  }
  .pin2 {
    top: 35%;
    left: 67%;
  }
  .pin3 {
    top: 37%;
    left: 51%;
  }
  .pin4 {
    top: 28%;
    left: 35%;
  }
  .slist-illust {
    width: 50%;
    max-width: 340px;
    margin-left: 0px;
    transform: translateY(5%);
  }
  .slist-back {
    top: -3px;
    left: 0;
    width: 100%;
    height: 236px;
    z-index: 2;
  }
  .slist-back img {
    width: 100%;
    height: 236px;
  }
  .toriko-con {
    margin-top: 50px;
  }
  .kitou-con {
    margin-top: 50px;
  }
  .kbox-title {
    margin-left: calc(15px + 5%);
  }
  .kbox-title1 {
    width: 103px;
  }
  .kbox-title2 {
    width: 146px;
  }
  .kbox-title3 {
    width: 169px;
  }
  .kbox-text-wr {
    margin-top: 20px;
    padding-left: 0px;
  }
  .klist li {
    width: 30%;
  }
  .klist li:last-child {
    white-space: nowrap;
  }
  .klist2 li {
    width: 40%;
    margin-right: 0px;
  }
  .klist2 li:last-child {
    white-space: nowrap;
  }
  .lbtn-illust {
    max-width: 330px;
    top: -160px;
    left: -140px;
  }
  .omamori-con {
    margin-top: -50px;
    padding: 130px 0 80px;
  }
  .obox-wr {
    margin-top: 80px;
  }
  .obox-wr:first-child {
    margin-top: 0;
  }
  .obox-r {
    margin-top: 30px;
  }
  .event-con {
    margin-top: -60px;
    padding: 120px 0 90px;
  }
  .ebox {
    padding: 30px 5% 35px;
  }
  .ebox-illust {
    width: 110px;
    bottom: -55px;
    right: -30px;
  }
  .access-con {
    margin-top: 70px;
  }
  .gmap {
    padding-bottom: 400px;
  }
  .access-text {
    padding: 0 5%;
  }
  .newslist-wr {
    margin: 0 auto;
    width: 100%;
  }
  .newslist li a {
    display: block;
  }
  .newslist-img {
    margin-top: 20px;
    width: 100%;
  }
  .newslist-text {
    width: 100%;
  }
  .obi-single {
    margin-top: -20px;
    width: 104%;
    transform: translateX(-2%);
  }
  .sbar {
    margin-top: 100px;
  }
  .sbar-title-wr {
    justify-content: center;
  }
  .sbar-illust {
    margin-right: 10px;
    width: 38px;
  }
  .sbarlist {
    margin-top: 20px;
  }
  .sbarlist li {
    margin-bottom: 20px;
  }
  .sbarlist li:last-child {
    margin-bottom: 0;
  }
  .sbarlist-img {
    border-radius: 6px;
  }
  .sbarlist-img img {
    border-radius: 6px;
  }
  .sbarlist-text {
    margin-top: 15px;
  }
  .single {
    margin-top: 30px;
  }
  .backbtn-wr {
    margin-top: 60px;
    transform: translateX(0px);
  }
  .pagenavi-wr {
    text-align: center;
    margin-top: 100px;
  }
  .obi-contact {
    margin-top: 5px;
    transform: translateX(0px);
  }
  .form-row {
    margin-bottom: 30px;
  }
  .form-box {
    display: block;
  }
  .form-left {
    text-align: left;
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
  }
  .form-right {
    text-align: left;
    width: 100%;
  }
  .form-right input,
  .form-right textarea {
    width: 100%;
    max-width: 100%;
  }
  .form-right-check input {
    width: 18px;
    height: 18px;
    transform: translateY(-3px);
  }
  .form-right-check .wpcf7-checkbox {
    display: block;
  }
  .form-right-check .wpcf7-list-item {
    width: 100%;
  }
  .checkbox-wrapper {
    width: auto;
  }
  .checkbox-wrapper input {
    width: 18px;
    transform: translateY(-3px);
  }
  .obi-contact2 {
    transform: translateX(0px);
    margin-top: -40px;
  }
  .thanks-illust {
    margin-top: 40px;
    max-width: 365px;
  }
  .thanks-title-mobile {
    transform: translateX(8%);
    max-width: 450px;
    width: 90%;
  }
  /* $br-p2以下で非表示 */
  .phone-off {
    display: none;
  }
}/*# sourceMappingURL=mobile.css.map */