/*
Theme Name: kosodate-map2025
Author: misatopi
*/
@import url(css/reset.css);
.m-plus-1p-regular {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*PC向け画面*/
html,body{width: 100%;height: 100%;}
.pc-wrap{width: 100%;height: 100%;position: relative;background: url(img/bg_color.jpg);}
.pc-wrap>div{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);text-align: center;}
.pc-wrap>div>img{width: auto;height: 40vh;display: block;margin: 0 auto 40px;}
.pc-wrap>div>h1{font-weight: bold;margin-bottom: 40px;color: #5e463a;}
.pc-wrap>div>p{font-size: 22px;color: #5e463a;}

body{font-family: 'Kiwi Maru', serif;color: #5e463a;background: #fffdf8;}
@media screen and (max-width:480px) {
  body{padding-top: 60px;}
  header{display: flex;justify-content: space-between;align-items: center;height: 60px;background: #fff;border-bottom:1px solid #ededed;position: fixed;width: 100%;top: 0;}
  header>h1{height:60%;width: auto;}
  header>h1>a>img{height:100%;width: auto;margin-left: 20px;}
  header>h1>img{height:100%;width: auto;margin-left: 20px;}

  /*KV*/
  #kv{}
  #kv>img{display: block;aspect-ratio:1.91/1;object-fit: cover;width: 100%;}

  /*read*/
  #read{padding:20px;}
  #read>p{line-height: 1.8;font-size: 16px;}
  header>a{display: block;text-decoration: none;background: #ea5e2e;color: #fff;font-size: 14px;line-height: 1;font-weight: bold;padding: 8px 14px;border-radius: 20px;margin-right: 20px;}
  /*tab*/
  ul.tab{display: flex;width: calc(100% - 20px);margin: 0 auto;justify-content: space-between;}
  ul.tab>li{width: 49%;text-align: center;font-size: 14px;font-weight: bold;padding:10px;background: #fff;
  border-radius: 3px 3px 0 0 ;border:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;margin-bottom:-1px;position: relative;z-index: 1;}
  ul.tab>li.active{border-bottom:1px solid #fff;}
  div.tab-wrap{position: relative;background: #fff;padding:20px;border-top:1px solid #e0e0e0;z-index: 0;}
  div.tab-wrap>ul{width:100%;margin:0;flex-wrap:wrap;justify-content: space-between;}
  div.tab-wrap>ul{}
  .tab-a-group, .tab-b-group { display: none;opacity: 0;transition: opacity 0.2s ease;}
  .tab-a-group.active, .tab-b-group.active {display: flex;opacity: 1;}
  div.tab-wrap>ul>li{width: calc((100% / 3) - 6px);overflow: hidden;aspect-ratio:1 / 1;background: #fff;border:3px solid #e7e6df;border-radius: 6px;        margin-bottom: 10px;}
  div.tab-wrap>ul>li>a{display: block;position: relative;width: 100%;height: 100%;text-decoration: none;color: #262626;font-size: 14px;font-weight: bold;text-align: center;box-shadow: none;}
  div.tab-wrap>ul>li>a>div{position: absolute;top: 50%;left: 50%;width: 100%;transform: translateX(-50%) translateY(-50%);}
  div.tab-wrap>ul>li>a>div>img{width: 50%;height: auto;display: block;margin: 0 auto;}
  div.tab-wrap>ul>li>a>p{position: absolute;top: 50%;left: 50%;width: 100%;transform: translateX(-50%) translateY(-50%);}
  div.tab-wrap>ul>li.empty{border: 1px solid #e9e9e9;}
  div.tab-wrap>ul>li.empty>a{display: block;position: relative;width: 100%;height: 100%;text-decoration: none;color: #262626;font-size: 14px;font-weight: bold;text-align: center;box-shadow: none;}


  /*footer*/
  footer{background:#5e463a;color:#fff;}
  footer a{color: #fff;}
  footer.box>.inner{display: inherit;justify-content: space-between;padding:30px 0 30px;}
  footer.box>.inner>p{font-size: 12px;margin-bottom:30px;text-align: center;}
  footer.box>.inner>ul{padding: 0;}
  footer.box>.inner>ul>li{text-align: center;list-style-type: none;}
  footer.box>.inner>ul>li>p{background: #fff;color: #5e463a;padding: 10px 20px;width: 90%;border-radius: 50px;margin: 0 auto 20px;position: relative;text-align: center;line-height: 1.4;font-size: 14px;}
  footer.box>.inner>ul>li>p:after{width: 10px;box-sizing: border-box;border: 10px solid transparent;border-top: 10px solid #fff;content: "";display: block;position: absolute;top:inherit;bottom: -16px;left: 50%;transform: rotate(0);margin-left: -10px;}
  footer.box>.inner>ul>li>a{font-size: 16px;text-decoration: none;}
  footer.box>.inner>ul>li>a>i{margin-right: 4px;}

  /*breadcrumb*/
  nav.breadcrumb{font-size: 12px;padding: 10px 15px 0;}
  nav.breadcrumb>a{text-decoration: none;color: #5e463a;}
  /*category*/
  #category>.inner{padding:15px;}
  #category>.inner>h1{font-size: 18px;margin-bottom:10px;}
  ul.single-list{list-style: none;        background: #fff;padding: 15px;border: 1px solid #ccc;border-radius: 6px;}
    ul.single-list>li{border-bottom:1px dotted #c9c9c9;margin-bottom:10px;padding-bottom:10px;}
    ul.single-list>li:last-child{margin-bottom:0;border:none;padding-bottom:0;}
    ul.single-list>li>a{color: #5e463a;text-decoration: none;display: flex;justify-content: space-between;}
    ul.single-list>li>a>img{width: 50px;height: 50px;object-fit: cover;border-radius: 6px;margin-right: 10px;}
    ul.single-list>li>a>div{width: calc(100% - 60px);}
    ul.single-list>li>a>div>h2{font-weight: bold;font-size: 16px;}
    ul.single-list>li>a>div>p{font-size: 12px;}

  /*single*/
  #single-map{}
  #single-map iframe{width: 100%;height: 65vw;}
  #single{}
  #single>.inner{padding:15px;}
  #single>.inner>h1{font-weight: bold;font-size: 18px;}
  #single>.inner>.address{font-size: 12px;margin-bottom:0px;}
  #single>.inner>.tel{font-size: 12px;margin-bottom:10px;}
  #single>.inner>.body{}
  #single>.inner>.body>.thumbnail,
  #single>.inner>.body>figure{margin-bottom:1em;}
  #single>.inner>.body>.thumbnail>img,
  #single>.inner>.body>figure>img{width: 100%;height: auto;border-radius: 6px;}
  #single>.inner>.body>p{line-height: 1.8;margin-bottom:1em;}
  #entry-list-wrap{}
  #entry-list-wrap>.inner{padding:15px;}
  #entry-list-wrap>.inner>h2{font-weight: bold;font-size: 18px;margin-bottom:10px;}
}