a:hover {
  text-decoration:underline;
}


p {
  margin-bottom: 0;
  text-align: center;
text-align: center;
}

p a, li a {
display: block;
text-decoration: none;
}
p a:hover {
  text-decoration:underline;
}

.sp-br {
display: none;
}
@media screen and (min–width: 768px){
.pc-br {
display: block;
}
}
/* ボタンアニメーション */
.btn_box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
}

@-webkit-keyframes glow {
0% {opacity: 0;}
50% { opacity: 1;}
100% { opacity: 0; }
}
@keyframes glow {
0% { opacity: 0;}
50% {opacity: 1; }
100% { opacity: 0; }
}
@-webkit-keyframes glow-reverse {
0% { opacity: 1;}
50% { opacity: 0.8;}
100% {   opacity: 1; }
}
@keyframes glow-reverse {
0% {opacity: 1; }
50% {opacity: 0.8;}
100% {opacity: 1;}
}
h2 > span {
color: #13c3ac;
}
.entry-body h2:after {
position: absolute;
content: "";
width: 6px;
height: 100%;
left: 0;
bottom: 0;
background-color: #00ac9a;
border-radius: 3.5px;
display: inline-block;
}

.top-link {
border-radius: 50px;
margin-top: 1.8rem;
margin-bottom: 1rem;
margin-left: auto;
margin-right: auto;
width: 18rem;
text-align: center;
a {
  color: #fff;
}
}

.top-link a:hover {
  text-decoration:underline;
}

.header_mainvisual {
  position: relative;
  text-align: center;
  width: auto;
  height: auto;
}

.header_mainvisual p {
  position: absolute;
  top: 15%;
  left: 10%;
  color: #ffffff;
  font-size: 110%;
}
.insta_image {
@media screen and (max-width: 480px){
  width: 60px;
}
}
.top1cont2 {
display: flex;
justify-content: center;
margin-top: 0.5rem;
margin-right: 0.5rem;
margin-left: 0.5rem;
background: #fff;
padding: 0px 15px;
position: absolute;
top: -35px;

}
.top1cont2,.top2cont4,.top4head1,.top7-1,.top4cont4,.voice_post,.jirei_post {
border:2px solid #00A496;
border-radius: 15px;

}

.top1cont {
display: flex;
justify-content: space-between;
width: 100%;
@media screen and (max-width: 480px) {
flex-wrap: wrap;
}
}


.top1 {
padding-top: 20px;
margin-top: 30px;
position: relative;
background: #f7f6f6;
border-radius: 10px;
margin-bottom: 1rem;
width: 32%;
@media screen and (max-width: 480px) {
  width: 100%;
  padding-top:0;
}
}

.top1-1 {
font-size: 110%;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
text-align: center;
height: auto;
}

.top1-1-1 {
margin-top: 0.5rem;
margin-left: 0.5rem;
}

.top1-2 {
margin-top: 20px;
margin-bottom:  0.5rem;
p{
  margin: 0.5rem;
  text-align: center;
}
}


.top2-1 {
width: 100%;
}

.top2cont {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.top2cont4 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items:center;
border-radius: 15px;
margin-bottom: 0.5rem;
width: 13%;
height: 4rem;
}

.top2-2 {
text-align: center;
font-size: 75%;
}

.top2cont3 {
padding: 10px;
border-radius: 10px;
margin-top: 2.5rem;
margin-bottom:  1rem;
justify-content: center;
@media screen and (max-width: 480px) {
  flex-wrap: wrap;
  }
}
.top2cont3-2 {
margin: 0 auto;
max-width: 550px;
padding-left: 20px;
}

.top2cont2 {
position: relative;
border-radius: 7px;
border-left: 2px solid #fff;
border-top: 1px solid #fff;
flex-wrap: wrap;
justify-content: space-around;
align-items: flex-start;
}
.top2-3 {
padding: 5px;
top: -46px;
right: 0;
left: 0;
background: #fff;
position: absolute;
border: 3px solid #00ac9a;
border-radius: 30px;
margin: 0 auto;
width: 50%;
height: auto;
font-size: 120%;
text-align: center;
}

.top2cont5 {
flex-wrap: wrap;
justify-content: space-between;
margin: 1rem;
padding: 1rem;
display: flex;
}


.top2-4 {
background-color: #ffffff;
border: none;
border-radius: 5px;
padding-top:  0.5rem;
padding-bottom : 0.5rem;
margin-bottom: 0.5rem;
font-size: 90%;
}
.top2-4 p {
margin: 0rem;
text-align: center;
}
.top2-4 p::before, .tophojo2 li::before {
display: inline-block;
content: "";
margin-top: 6px;
margin-right: 7px;
width: 10px;
height: 10px;
vertical-align: top;
border-radius: 5px;
background-color: #ffff8e;
}


.top2-5 {
background-color: #fff;
border: none;
border-radius: 30px;
text-align: center;
font-size: 80%;
margin: 10px;
p {
  font-size: 16px;
  display: inline-block;
  background-image: linear-gradient(transparent 60%, #E99C9C 60%);
  margin-left: 0rem;
  margin: 1rem;
}
}


.top2-6 {
  padding: 0.5rem;
  font-size: 80%;
  text-align: center;
}

.top2-7 {
border: none;
border-radius: 5px;
padding-left: 1rem;
padding-top: 1rem;
padding-bottom: 0rem;
padding-right:  1rem;
margin-top: 1rem;
margin-bottom: 1rem;
max-width: 90%;
p {
  margin-bottom: 0rem;
}
}
.top2-8 {
border: double #183A52;
border-radius: 10px;
padding: 0 10px;
font-size: 90%;
}


.top3-1{
width: 60%;
margin: 0 auto;
}

.top4caption_box{
margin-bottom: 20px;
position: relative;
margin-top: 1em;
padding: 1em 2em;
border: double #e5e9ea;
border-radius: 8px;
}

.top4caption_box .top4caption {
background-image: linear-gradient(transparent 60%, #00ac9a 60%);
position: absolute;
top: 0;
left: 0;
font-size: 1em;
padding: 0 1em;
margin: 0;
background-color: white;
transform: translateY(-50%) translateX(1em);
}

.top4-1 {
text-align: center;
margin-bottom: 20px;
p{
  text-align: left;
  color: #f27e70;
}
a {
  border-bottom: double;
  font-weight: bold;
    color: #00A496;
}
}

.top4-1 a:hover {
  color: #1a0dab;
}
.top4head1 {
width: 70vw;;
font-weight: bold;
display: block;
margin: 20px auto;
background-color: #F0F6FC;
border-radius: 20px;
padding: 10px;
}


.top4cont {
  padding-left: 0;
display: flex;
justify-content: space-between;
@media screen and (max-width: 480px) {
  flex-wrap: wrap;
  }
}

.top4cont2 {
margin-right: 10px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 0.5rem;
}


.top4cont2 a:hover {text-decoration: none;}

/* 流れる矢印 */
.arrow_animation:before {
content: "";
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 15px;
width: 13px;
height: 13px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
animation: slideBlink 1s linear infinite;
}
.animation_container{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.arrow {
width: 25px;
height: 25px;
border-bottom: 2px solid #5ba7b4;
border-right: 2px solid #5ba7b4;
transform: rotate(45deg);
animation: move 1.3s infinite;
margin: -3px;
}
.arrow:nth-child(2) {animation-delay: 0.15s;}
.arrow:nth-child(3) {animation-delay: 0.3s;}
@keyframes move {
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;transform: translateY(25px) rotate(45deg);}
}
/* 矢印ここまで */

.top4-2 {
text-align: left;
font-size: 120%;
width: 100%;
}

.top4-2-1 {
margin-left:  1rem;
text-align: center;
}

.top4-3 {
margin-top: 5px;
margin-left: 0.5rem;
text-align: left;
width: 100%;
}

.top4cont3 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin-top: 10px;
}

.top4cont4 {
display: flex;
justify-content: center;
align-items: center;
width: 32%;
height: 3rem;
margin-bottom: 0.3rem;
}

.top4-4 {
font-size: 80%;
/* color: #ffffff; */
text-align: center;
span{
  color: #f27e70;
}
}
.top4-5 {
width: 100%;
text-align: center;
img{
  width: 330px;
  height: 210px;
}
}
.top4-6 {
border: 2px solid #FEBD3D;
border-radius: 10px;
padding-top: 0.5rem;
padding-bottom: 0.2rem;
width: 100%;
text-align: center;
}
.top4-7 {
  width: 100%;
  text-align: center;
}

.top4-7-1 {
font-size: 80%;
}

.top4-7-2 {
font-size: 180%;
}

.top4-7-3 {
font-size: 80%;
}

.top4-7-4 {
img {
  width: 100px;
}
}

.top4-8 {
margin-bottom: 1rem;
width: 100%;
background-color: #faf4ed;
padding-top: 0.5rem;
text-align: center;
}
.top4-8-2,.top4-8-4 {
color:#f76260;
}

.top4-8-2 {
font-size: 80%;
}

.top4-8-3 {
color:#ffff8e;
font-size: 180%;
text-shadow: 2px 2px 0px #f76260, -2px -2px 0px #f76260, -2px 2px 0px #f76260, 2px -2px 0px #f76260, 2px 0px 0px #f76260, -2px -2px 0px #f76260, 0px 2px 0px #f76260, 0px -2px 0px #f76260;
}

.top4-8-4 {
font-size: 80%;
}


.top5cont {
display: flex;
justify-content: space-between;
@media screen and (max-width: 480px) {
  flex-wrap: wrap;
  }
}

.top5cont2 {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
width: 48%;
border: double #efefef;
border-radius: 10px;
margin-bottom: 0.5rem;
}

.top5-1 {
background: #ffe9e6;
border-radius: 7px;
margin-left: 0.5rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
margin-right: 0.5rem;
width: 100%;
height: 2.8rem;
font-size: 120%;
padding-top: 0.5rem;
text-align: center;
}

.top5cont3 {
display: flex;
flex-wrap: wrap;
}

.top5cont4 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 43%;
}

.top5-2 {
width: 100%;
text-align: center;
}

.top5-3 {
text-align: center;
padding-right: 1rem;
width: 100%;
}

.top5-4{
margin-bottom: 5px;
}

.top5-4-1 {
font-size: 80%;
}

.top5-4-2 {
font-size: 180%;
}

.top5-4-3 {
font-size: 80%;
}

.top5-5 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 14%;
}

.top6cont {
display: flex;
justify-content: space-between;
@media screen and (max-width: 480px) {
  flex-wrap: wrap;
  }
}

.top6 {
border: none;
margin-bottom: 0.5rem;
width: 32%;
img {
  border-radius: 15px;
  width: 100%;
  height: auto;
}
}

.top7cont {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}

.top7cont2 {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 62%;
}

.top7cont3 {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
width: 36%;
}

.top7cont4 {
padding: 0 10px;
border-radius: 7px;
border: 1px solid #ddd;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.top7-1{
margin-bottom: 0.7rem;
width: 100%;
height: 3rem;
font-size: 120%;
padding-top: 0.7rem;
text-align: center;
}

.top7-2{
border: none;
border-radius: 5px;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
width: 32%;
height: 3.2rem;
color: #fff;
padding-top: 0.8rem;
text-align: center;
}

.top7-2-2 {
font-size: 110%;
}
.top7-2-1,.top7-2-2,.top7-2-3 {
color: #fff;
}

.top7-2:first-child {
background-color: #8DCEBC;
}

.top7-2:nth-child(2) {
background-color:#3FB68C;
}
.top7-2:nth-child(3) {
background-color:#208E6A;
}

.voice_catlist {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-left: 0rem;
}

.voice_catlist li {
width: 24%;
margin-top: 0.5rem;
border: none;
list-style: none;
text-align: center;

}

.lcp_catlist {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-left: 0rem;
}

.lcp_catlist li {
width: 24%;
margin-top: 0.5rem;
border: none;
list-style: none;
text-align: center;

}
.voice_excerpt_img img{
height: auto;
object-fit: cover;
}

.voice_post{
border-radius: 5px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 4rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items:center;
a{
  display: -webkit-box;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
}

.jirei_catlist {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-left: 0rem;

}

.jirei_catlist li {
width: 24%;
margin-top: 0.5rem;
border: none;
list-style: none;
text-align: center;

}



.jirei_excerpt_img img{
  width: 100%;
  height: auto;
  object-fit: cover;
}

.jirei_post{
margin-left: auto;
margin-right: auto;
width: 100%;
height: 4rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items:center;
a{
  display: -webkit-box;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
a:hover {
  color: #00A496;
}
}

.qanda {
background: #faf4ed;
padding: 0rem 0rem 0rem 0rem;
border-radius: 10px;
margin-bottom: 0.5rem;
}

.accordion-open {
display: block;
padding: 1rem 5rem 1rem 4rem;
margin: 0rem 0.4rem 0rem 0rem;
position: relative;
font-weight: bold;
span {
  font-size: 26px;
  color: #00ac9a;
  margin-right: 2rem;
  line-height: 1;
  position: absolute;
  left: 30px;
  top: 45%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
}

.accordion-inner {
display: block;
overflow: hidden;
transition: 0.5s;
background: #fff;
border: 1px solid #ddd;
border-top: none;
border-radius: 0px 0px 10px 10px;
position: relative;
height: auto;
opacity: 1;
padding: 1rem 5rem 1rem 4rem;
span {
  font-size: 26px;
  color: #f27e70;
  margin-right: 2rem;
  line-height: 1;
  position: absolute;
  left: 30px;
  top: 25%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
}

.top11-1 {
margin-left: auto;
margin-right: auto;
}
.top12 {
margin-bottom: 40px;
}

.top12-2 {
margin-top: 20px;
  border-collapse: separate;
  border-radius: 5px;
  border-spacing: 0;
  border: none;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  p {
    text-align: left;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0rem;
  }
  a {
    color: #1a0dab;
}
}
.top12-2 tr>*{
  border: none;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.top12-2 tr:first-child>*:first-child{
  border-radius: 5px 0 0 0;
}
.top12-2 tr:first-child>*:last-child{
  border-radius: 0 5px 0 0;
}
.top12-2 tr:last-child>*:first-child{
  border-radius: 0 0 0 5px;
}
.top12-2 tr:last-child>*:last-child{
  border-radius: 0 0 5px 0;
}

.top12-2 th {
background-color: #F0F6FC;
width: 20%;
}



.top12-2 a:hover {
  color: #1a0dab;
}

.top12cont {
display: flex;
flex-wrap: wrap;
justify-content: left;
margin-left: 1rem;
margin-right:  1rem;
margin-top:  1rem;
}

.top12-3 {
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #639dd0;
border-radius: 5px;
margin-left: 0.5rem;
margin-right:  0.5rem;
margin-bottom:  1rem;
width: 22%;
height: auto;
text-align: center;
padding-top: 1rem;
padding-bottom: 1rem;
}

.top12-4 {
margin-left: 1rem;
margin-right:  1rem;
margin-bottom:  0rem;
dl{
  margin-top: 0px;
  margin-bottom: 0px;
}
dt{
  margin-bottom: 0px;
}
dd{
  margin-left: 2rem;
  margin-bottom: 0.5rem;
}
}



.top12-4 dt::before{
content: "●"
}



.nara_area {
display: flex;
 img {
  max-width: 300px;
  height: fit-content;
  object-fit: cover;
 }
 @media screen and (max-width: 480px) {
  img {
  width: 300px;
  }
  flex-wrap: wrap;
  }
}

.area_name {
font-size: 12px;
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  p {
    display: flex;
    padding-right:10px;
    }
    p::before {
      display: inline-block;
      content: "";
      margin-top: 6px;
      margin-right: 7px;
      width: 10px;
      height: 10px;
      vertical-align: top;
      border-radius: 5px;
      background-color: #ffff8e;
    }
  };
  /* 横幅を指定するための要素 */
.map-wrap {
max-width: 50%;
}

/* Google Mapを囲う要素 */
.map {
position: relative;
width: 100%;
}

/* Google Mapのiframe */
.map iframe {
border-radius: 8px;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.tophojocont {
display: flex;
justify-content: space-between;
border: none;
padding-left: 1rem;
padding-right:  1rem;
padding-top: 1rem;
padding-bottom: 0rem;
margin-bottom: 1rem;
}

.tophojo1 {
width: 58%;
height: auto;
}

.tophojocont2 {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 40%;
margin-left: 1rem;
}

.tophojo2 {

border-radius: 10px;
width: 100%;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 1rem;
padding-bottom: 1rem;
}

.tophojo2 ul {
line-height: 35px;
margin-top: 0rem;
margin-bottom: 0rem;
@media screen and (max-width: 468px) {
  padding-left: 0.5rem;
}
}

.tophojo2 li {
background-image: linear-gradient(transparent 60%, #faf4ed 60%);
font-weight: 600;
list-style: none;
}
.font-red {
color: #f76260;
}

@media screen and (max-width: 468px) {
.nara_area {
  display: block;
  text-align: center;
  .area_name {
    display: flex;
    flex-wrap: wrap;
    p{
      padding: 0 8px;
    }
    p:last-child {
      text-align: left;
    }
  }
  img {
    max-width: 300px;
    height: 211px;
  }
}

}

.area-cont p, .maker-cont p {
  text-align: left;
}

.maker-cont {
.makerflex {
  padding: 0 20px;
  padding-bottom:10px ;
  display: flex;
}
img {
  margin-right: 20px;
}
@media screen and (max-width: 468px) {
  .makerflex {
    padding: 0 20px;
    padding-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
}
img {
  max-width: 90px;
  margin-right: 10px;
}
}
}


/* サイトマップ */
.wsp-container {
  position: relative;
background: #f7f6f6;
width: 20%;
inset-inline: 50%;
text-align: center;
width: 100vw;
margin-inline: -50vw;
padding-inline: calc((100vw - 100%) / 2);
padding: 10px;
margin-bottom: 20px;
overflow: hidden;
}
  .wsp-cont {
    width: 33%;
  }
  .wsp-cont:nth-child(2) {
    text-align: left;
    padding-left: 20px;
    @media screen and (max-width: 468px) {
    
    }
  }

  .entry-body h5 {
    .children {
      display: block;
    }
    display: inline;
    font-size: 1rem;
    margin-top: 50px;
    list-style: none;
}

.entry-body .wsp-container > ul {
  padding-left: 0;
  list-style: none;
  justify-content: space-around;
  display: flex;
}
.wsp-container h4 {
  display: inline-block;
  text-align: center;
  padding: 10px 20px;
  margin-bottom: 30px;
  border-bottom: 2px solid #13c3ac;
}
.wsp-container > inner > h4 {
  display: inline-block;
  text-align: center;
  padding: 10px 20px;
  margin-bottom: 30px;
  border-bottom: 2px solid #13c3ac;
}
.wsp-container > .inner {
  padding-inline: 15% 5%;
  @media screen and (max-width: 480px) {
    padding-inline: 5% 5%;
  }
}
.wsp-container > .inner > .links {
  letter-spacing: -0.4em;
}

.wsp-container > .inner > .links .left {
  width: 87%;
  @media screen and (max-width: 480px) {
    width: 100%;
  }
}
.wsp-container > .inner.links .left ul {
  display: flex;
}
.wsp-container dt dd {
  display: block;
  width: 100%;
}
.wsp-container dt dd ul li > a {
  font-weight: bold;
}


.wsp-container > .inner > .links .left ul li:after {
  content: "/";
  display: inline;
  padding: 0 0.6em;
}
.wsp-container > .inner > .links .left ul li:last-child:after {
  content: "";
}

.wsp-container .inner .links {
  letter-spacing: -0.4em;
}

.wsp-container .inner .links .left ul li {
  display: inline;
  letter-spacing: 0;
  font-size: 0.9rem;
  line-height: 1em;
}

.wsp-container .inner .links .left dl {
  padding: calc((28 / 15) * 1rem) 0 0 0;
  display: flex;
  gap: 0 calc((15/15) * 1rem);
  @media screen and (max-width: 480px) {
    display: block;
  }
}
.wsp-container .inner .links .left dl dt {
  padding: 0rem 1rem 0rem 0rem;
  font-size: 0.9rem;
  line-height: 1em;
  font-weight: 900;
  letter-spacing: 0.125em;
  min-width: fit-content;
}
.wsp-container .inner .links .left dl dt, .wsp-container .inner .links .left dl dd {
  display: inline;
}

.wsp-container .inner .links .left dl dt, .wsp-container .inner .links .left dl dd {
  display: inline;
}

.wsp-container .inner .links .left dl dd ul {
  display: inline-block;
}

/* サイトマップここまで */

/* 画面幅が768px以上の場合、横スクロールを解除 */
@media screen and (min-width: 768px) {
.horizontal_scroll , .scroll4-2 {
  overflow-x: inherit;
  padding: 0 8px 6px; }
  #gallery-1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  gallery-1 img {
    content-visibility: auto;
contain-intrinsic-size: 500px;
  }
}

@media screen and (max-width: 480px) {
.sp-br {
  display: block;
}
.pc-br {
  display: none;
}
.entry-body h2 {
  margin-top: 30px;
  text-align: center;
  text-indent: 0;
}
.header_mainvisual p {
    position: absolute;
    top: 8%;
    left: 5%;
    color: #fff;
    font-size: 70%;
}
#gallery-1 {
display: flex !important;
margin: 0 auto;
padding: 0;
overflow-x: scroll  !important;
white-space: nowrap;
-webkit-overflow-scrolling: touch; 
}
#gallery-1::-webkit-scrollbar {
height: 14px;
}
#gallery-1::-webkit-scrollbar-thumb {
background: #13c3ac; /* ツマミの色 */
border-radius: 7px; 
}

#gallery-1::-webkit-scrollbar-track {
background: #ccc; /* トラックの色 */
border-radius: 7px;
}

.gallery-item {
flex-shrink: 0;
  width: 90%;
  display: inline-block;
}


.tophojocont {
  flex-wrap: wrap;
}

.tophojo1 {
  width: 100%;
}

.tophojocont2 {
  width: 100%;
  margin-left: 0rem;
}


.top2-4 p{
    text-align: center;
}
.top2-5 {
  margin-bottom: 1rem;
}

.top2-6 {
    text-align: left;
}

.top2cont5 {
  width: 90%;
  font-size: 1.1rem;
}

.top2cont4 {
  width: 32%;
  height: 4rem;
  padding-top: 0.3rem;
}


.top3 p{
  text-align: left;
}

.top3-1{
  width: 100%;
}

.top4 p{
  text-align: left;
}

.top4cont2 {
  margin-right: 5px;
  display: block;
  width: 100%;
}
.top4cont2:last-child {
  margin-right: 0;
}

.top5 p{
  text-align: left;
}

.top5cont2 {
  width: 100%;
}

.top6 {
  width: 100%;
}

.top7cont2 {
  width: 100%;
  margin-bottom: 1.5rem;
}

.top7cont3 {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;

}

.top7-1 {
  margin-bottom: 0.3rem;
  width: 49%;
}

.top7cont4 {
  margin-top: 1rem;
}

.top7-2 {
  width: 33%;
  padding-top: 0.5rem;
  height: 4rem;
  font-size: 85%;
}

.top8 p{
  text-align: left;
}

.voice_catlist li {
  width: 48%;
}

.top9 p{
  text-align: left;
}

.jirei_catlist li {
  width: 48%;
}

.top11 p{
  text-align: left;
}

.top12 p{
  text-align: left;
}

.top12-2 th {
  width: 30%;
}

.top12cont{
  margin-top: 0rem;
  margin-left: 0rem;
  margin-right: 0rem;
}

.top12-3 {
  width: 42%;
}

}