.item_text{
text-shadow:0 0 10px rgba(0, 0, 0, 1);
}

.h1_text_w{
  color: #FFF;
font-size: var(--font-size-h2);
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 1.02px;
text-align:center;
}
.h1_text{
  color: #000;
  font-size: var(--font-size-h2);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.02px;
  text-align:center;
}
.h1_text span{
  color: var(--sub-color);
}
.h2_text {
  color: #000;
font-size: var(--font-size-h3);
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 1.02px;
text-align: left;
}

.h2_text span{
  color: var(--sub-color);
  font-size: var(--font-size-h3);
}

.h2_text_c{
  color: #000;
font-size: var(--font-size-h2);
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 1.02px;
text-align: center;
}
.bg_w{
  margin-top: 80px;
  border-top:8px solid var(--sub-color);
  background-color: #FFF;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    padding: 40px;
    background-color: #FFF;
    border-radius: 5px;
}
.advanced{
  background-color: #e53e32 !important;
  color: #FFF !important;
}
/*top スライダー*/

.backstretch{
  position: relative;
  width: 100%;
  height: 100%;

}

.top_fv{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 100;
  margin-top: -30px;
  width: 100%;
}
.top_fv h1{
  color: #FFF;
  width: 100%;
  text-align:left;
  margin:40px auto 0;
  max-width: 1100px;
  font-size: var(--font-size-title);
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
 .map_box div{
  position: relative;
  overflow-y: hidden;
  width: 600px;
  height: 400px;
}

.map_box div iframe{
  position: absolute;
  top: -150px;
  left: 0;
  width: 100%;
  height: calc(100% + (150px * 2));
}
#TOP_FV{
  width: 100%;
  height: 100vh;
  background-color: #FFF;
}

.recommend_slide .item{
  box-sizing: border-box;
  padding: 0 10px;
  width: 828px;
  height: 520px;
}
.recommend_slide .item .item_box{
width: 100%;
height: 100%;
background-size:cover;
background-position: center center;
position: relative;
display: flex;
align-items: end;
padding: 30px;
box-sizing: border-box;
transition: 1s;
}

.recommend_slide .item:hover .item_box{
opacity: 0.8;
}

.recommend_slide .item .item_box .comTtl_box{
  text-align: left;
font-size: var(--font-size-h3);
color: #FFF;
font-weight: 500;
line-height: 1.2 !important;
}
.recommend_slide .item .item_box .comTtl_box span{
  font-size: var(--font-size-base);
  line-height: 1.2 !important;
}
.item>a{
  display: block;
}
.cate {
  display: flex;
align-items: flex-start;
gap: 10px;
padding: 20px 0;
}

.cate a{
  font-size: 12px;
font-style: normal;
font-weight: 500;
  display: flex;
padding: 8px 15px;
letter-spacing: 0.045em;
align-items: flex-start;
gap: 10px;
color: #000;
background: var(--bg-body, rgba(250, 250, 250, 0.50));
}
#Message{
  background:url(../img/aokizenntai3.jpg) no-repeat;
  background-size:cover;
 padding: 110px 0;
}
#Message .box{
  max-width: 850px;
  display: flex;
  margin: 0px auto;
}
#Message .box .img_block{
  width: 50%;
  overflow: hidden;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
#Message .box .text_block{
width: 50%;
text-align: left;
box-sizing: border-box;
 padding-left: 40px;
 color: #FFF;
}
#Message .box .text_block h3{
  font-size: var(--font-size-h3);
  line-height: 1.4;
  font-weight: 600;
}
#Message .box .text_block h3 span{
  font-size: 16px;
  display: inline-block;
  border-left:var(--sub-color) 3px solid;
   padding-left: 10px;
}
#Message .box .text_block p{
  padding-top: 40px;
  font-size: var(--font-size-base);
  line-height: 1.9;
 
 
  
}
#Program .container{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.program_slide .item{
  padding: 0 12px;
  width:382px;
  height: 382px;
}
.program_slide .item .item_box{
width: 100%;
height: 100%;
background-size: auto 100%;
background-position: center center;
position: relative;
display: flex;
align-items: end;
padding: 20px;
box-sizing: border-box;
transition: 1s;
}
.program_slide .item .item_box:hover{
  background-size: auto 105%;
}

.program_slide .item .item_box .comTtl_box{
  text-align: left;
font-size: var(--font-size-h4);
color: #FFF;
font-weight: bold;
}

.item,
.slick-prev{
   transition:opacity .3s;
}
.opa{
  opacity: 0;
}
.themes_slide .item{
  
  width:260px;
  height:auto;
  padding: 0 8px;
  transform: translateX(-190px);
}
.themes_slide .item .item_box{
width: 100%;
height: 260px;
background-size: auto 100%;
background-position: center center;
position: relative;
display: flex;
align-items: end;
padding: 20px;
box-sizing: border-box;
transition: 1s;
}
.themes_slide .item:hover .item_box{
  background-size: auto 105%;
}
.themes_slide .item .item_text{
  width: 100%;
  text-align: left;
  transition: .3s;
}

.themes_slide .item:hover .item_text{
  color: var(--sub-color);
}

.themes_slide .item .comTtl_box{
  padding-top:10px;
  text-align: left;
font-size: var(--font-size-h5);
font-weight: bold;
}

#Support{
  
  background:url(../img/top/bg1.png) no-repeat;
  background-size:cover;
}
#Support .container{
height: 540px;
}
.title_box{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}

.title_box p{
  padding: 40px 0;
  color: #FFF;
}
#About{
  
  background:url(../img/top/about.png) no-repeat;
  background-size:cover;
}

#About .container{
height: 540px;
display: flex;
align-items: center;
justify-content: center;
}

#News{
  padding: 90px 0;
}
.news_box{
  padding: 60px 0;
 display: flex;
 max-width: 800px;
  margin: 0 auto;
  justify-content: center;
  
}
.news_list{
  width: 100%;
   display: flex;
  justify-content: center;

}
.news_list ul,
.news_list li{
  width: 100%;
}
.news_list li a{
  display: flex;
  width: 784px;
  align-items: center;
  gap:20px;
  padding: 20px 0;
  font-size: var(--font-size-base);
  border-bottom: #E0E0E0 1px solid;
}
.news_list li a .date{
font-size: 16px;
font-style: normal;
font-weight: 700;
color:var(--sub-color);
width: 20%;
text-align: left;
}
.news_list li a .text{
font-size: 16px;
font-weight: 700;
text-align: left;
width: 100%;
}
.news_list li:last-child a{
  border-bottom: none;
}

.nature_list .item{
  background-color: #FFF;
  width: calc(50% - 10px);
  box-shadow:0 0 10px rgba(0, 0, 0, 0.15);
}
.nature_list .item .item_box{
width: 100%;
height: 200px;
background-size: 100% auto;
background-position: center;
position: relative;
display: flex;
align-items: end;
padding: 20px;
box-sizing: border-box;
transition: 1s;

}
.wp-singular #Access.wrapper,
.wp-singular #Calendar.wrapper,
.wp-singular #News.wrapper,
.wp-singular .wrapper{
  padding-top: 150px;
}
.cate_t{
  padding:4px 8px;
  background-color: var(--sub-color);
  color: #FFF;
  font-weight: 600;
  width: 100px;
  text-align: center;
}
.appeal{
  text-align: left;
  padding: 20px;
}
.nature_list .item:hover .item_box{
  background-size: 105% auto;
}
.news_art{
  max-width: 800px;
  margin: 0 auto 100px;
}
.news_art .h1_text{
  padding-bottom: 40px;
  text-align: center;
}
.news_art h2{
  font-size: var(--font-size-h2);
  padding-bottom: 10px;
}
.news_art img{
  max-width: 800px;
  max-height: 600px;
  margin-bottom: 20px;
}
hr{
  border: none !important;
  height: 1px !important;
  background-color: #ccc; /* 例：薄い灰色 */
  margin: 40px 0;
}

.news_art p{
  margin-bottom: 20px;
  text-align: left;
  line-height: 1.7;
}

.nature_list .item .item_box .day{
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  color: #FFF;
}
.nature_list .item .item_box .comTtl_box{
  text-align: left;
  font-size: var(--font-size-h4);
  color: #FFF;
  font-weight: bold;
}
#Facilities{
  background-color: #F8F8F8;
}
.wp-singular #Facilities{
  background-color: #FFF;
}
#Facilities .slideBox{
  display: flex;
  flex-wrap: wrap;
  gap:20px;
  width: 100%;
}

#Contact{
padding: 110px 0;
background-color: #F8F8F8;
}
.archive #Contact .container {
    flex-direction: column;
}
#Contact .text{
  padding: 40px 0 50px;
}
/*slick*/

.item{
  cursor: pointer;
}

#faq .box_w{
  max-width: 980px;
  text-align: left;
  margin: 60px auto 100px;
}

@media all and (max-width: 1160px) {
  .top_fv{
    padding: 0 20px;
    box-sizing: border-box;
  }
  #Message .box{
    flex-direction: column;
    gap:30px
  }
  #Message .box .text_block{
width: 100%;
text-align: left;
box-sizing: border-box;
 padding-left: 0px;
 color: #FFF;
}
#Message .box .img_block{
  width: 100%;
  height: 300px;
  overflow: hidden;
}
.calendar_iframe{
  width: 100%;
  height: 400px;
}
#Calendar .container .h_box{
  margin-bottom:-30px !important;
}
.recommend_slide .item {
  height: 60vw;
}
#Program .container{
  gap:20px;
  flex-direction: column;
}
.map_box{
  flex-direction: column;
}
	 .map_box div{
  width: 100%;
  height: 300px;
}
.map_box iframe{
  width: 100%;
  height: 280px;
}
.program_slide .item {
    padding: 0 12px;
    width: calc(100vw - 200px);
    height: calc(100vw - 200px);
}
.themes_slide .item{
  transform: translateX(0);
  width: calc(50vw - 40px);
    height: calc(50vw - 0px);
}
.themes_slide .item .item_box{
  height: calc(50vw - 40px);
}

#Support .container {
    height: 280px;
}

#Facilities .slideBox{
  flex-direction: column;
}
#Facilities .slideBox .item{
  width: calc(100vw - 60px);
    gap:20px;
}
.news_list li a{
  width: 100%;
  gap:6px;
  display:flex;
  flex-direction: column;
  align-items: start;
}
#About .container{
  height: 60vw;
}
    #About .container img{
        width: 40vw;
    }
    #Contact {
    padding: 80px 0;
}
    #Contact .text {
    padding: 20px 0 30px;
}
.news_box {
    padding: 20px 0;
}
.title_box p {
    padding: 20px 0;
}
#News {
    padding: 50px 0 60px;
}

.cate_t {
    padding: 2px 5px;
    width: 70px;
}
}
.gslider-content-inner-wrapper{
  max-height: 560px;
  overflow: hidden;
}
body .detail{
  padding-top: 140px;
}
.calendar_box{
  border-top: 3px solid var(--sub-color);
  box-sizing: border-box;
  padding: 50px;
  box-shadow:0px 0px 10px rgba(0, 0, 0, 0.15);
}
@media all and (max-width: 1160px) {
  .calendar_box{
  padding: 20px;
  box-shadow:0px 0px 5px rgba(0, 0, 0, 0.15);
}
}
.facilities{
  padding: 90px 0px;
}
.facilities>h1{
  font-size: var(--font-size-h2);
  text-align: center;
  display: block;
  padding-bottom: 60px;
}
.facilities h5{
  font-size: var(--font-size-h4);
}
.facilities .swiper-wrapper{
  height: 550px;
}
#faq-block .faq-block-item {
  padding: 20px;
}
#faq-block .faq-block-item .faq-block-question::before{
  content: "Q";
  display: block;
  font-size: 30px;
  position: absolute;
  left: 0px;
  top: -10px;
  height: 100%;
  padding-right: 10px;
  color: #CCC;
}
#faq-block .faq-block-item .faq-block-question{
  position: relative;
font-size: 20px;
padding-left: 36px;
}
#faq-block .faq-block-item .faq-block-answer{
  padding-top: 7px;
font-size: 18px;
}

.facilities{
  padding: 90px 0px;
}
.facilities table {
  border-collapse: collapse;
  width: 100%;
}
.facilities table th, .facilities table td {
  border: 0px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #F8F8F8;
  padding: 1em;
  font-size: var(--font-size-art);
  line-height: 1.7;
}
.facilities table td:first-child {
    background-color: var(--sub-color);
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 30%;
  min-width: 4em;
}

.facilities .container{
  display: flex;
  flex-direction: column;
  gap:40px;
}
#detail_title .container{
  height: 340px;
  display: flex;
  align-items: center;
}

#detail_title .container.exp h1{
  padding: 70px 0;
  width: 100%;
  border-bottom: 1px solid #d0d0d0;
  text-align: center;
}
#Calendar{
  padding: 90px 0;
  background-color: #f0f4f9;
  filter: hue-rotate(120deg);

}
#Calendar .container{
  overflow: hidden;
}

#Calendar .container .h_box{
  margin-bottom: -70px;
}

.calendar_iframe{
padding: 40px 0 0;
}

#Map .maps{
  display: flex;
}
#Map .maps .map_img{
  width: 50%;
}
#Map .maps .map_text{
  padding-left: 60px;
  box-sizing: border-box;
  width: 50%;
}
#Map .maps .map_text li{
  list-style: none;
  text-align: left;
  margin-bottom: 20px;
}
g polygon,g path{
  transition: .3s;
}
#Map .maps .map_text li a{
  text-align: left;
  font-size: var(--font-size-h4);
  transition: .3s;
}
#Map .maps .map_text li a:hover{
  opacity: 1 !important;
  color: var(--sub-color);
}
#Access{
  padding: 70px 0;
	overflow:hidden
}
.map_box{
  display: flex;
  gap:60px
}
.map_box .text_block{
  text-align: left;
  font-size: var(--font-size-base);
  line-height: 1.8;
}
.map_box .text_block .h1_text{
  text-align: left;
}
.slbox {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.slbox::after {
    position: absolute;
    right: 15px;
    width: 10px;
    height: 7px;
    background-color: #535353;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none;
    
}
.form_box,
select {
  box-sizing: border-box;
    appearance: none;
    min-width: 180px;
    height: 2.8em;
    padding: .4em calc(.8em + 30px) .4em .8em;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    background-color: #fff;
    color: #333333;
    font-size: 1em;
    font-size: var(--font-size-base);
    cursor: pointer;
}
.top_t_text{
  text-align: center;
  font-size: var(--font-size-h2);
  padding-bottom: 60px;
}
.top_t_text span{
  color: var(--sub-color);
}
.search_container{
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
}

.search_container .s_num {
font-size: var(--font-size-h4);
text-align: left;
}
.search_container .s_num span{
  color: var(--sub-color);
  font-weight: bold;
}

.archive .container{
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
}

.archive .container .s_num {
font-size: var(--font-size-h4);
text-align: left;
}
.archive .container .s_num span{
  color: var(--sub-color);
  font-weight: bold;
}


.searchandfilter h4{
  text-align: left;
  font-size: var(--font-size-h5);
}
.sl_day ul{
  width: 100%;
  align-items: center;
  display: flex;
  gap: 20px;
  box-sizing: border-box;
}
.sl_day ul li{
  padding-right: 0;
}
.sl_day h4{
  display: block;
  text-align: left;
  padding: 0 0 10px;
  font-size: var(--font-size-h5);
}
.submit_top{
  width: 100%;
  flex: 1;
  align-items:end;
  display: flex;
}
#Themes .themes{
  border-bottom: 1px solid #d0d0d0;
  padding: 40px 0;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: end;
}
#Themes .themes li a{
  display: block;
}
#Themes .themes li a b{
  display: block;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#Themes .themes li a span{
  display: block;
  margin-top: 10px;
  font-size: var(--font-size-h5);
  font-weight: bold;
}
#detail_title .container.category_title{
align-items: end;
height: 275px;
}
#detail_title .container.category_title h1{
  padding: 70px 0;
  width: 100%;
  border-bottom: 1px solid #d0d0d0;
  text-align: center;
  
}

.item_list .item{
  width: 100%;
  padding: 30px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
  display: flex;
align-items: flex-start;
gap: 30px;
align-self: stretch;
margin-bottom: 30px;
}

.item_list .item .item_box{
  width: 380px;
  height: 270px;
  background-size: cover;
  
}
.text_list{
  height: 210px;
}
.item_list .item .cate{
  padding:0;
}
.item_list .item .cate a {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    display: flex
;
    padding: 10px 17px;
    border-radius: 3px;
    letter-spacing: 0.045em;
    align-items: flex-start;
    gap: 10px;
    color: #FFF;
    background: var(--accent);
}
.item_list .item_text{
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.item_list .item .comTtl_box{
  flex: 1;
  font-size: var(--font-size-h3);
  font-weight: 500;
  text-align: left;
  line-height: 1.2;
}

.item_list .item .art_text{
  font-size: var(--font-size-a);
  text-align: left;
  padding: 20px 0 0;
  line-height: 1.4;
}
.cate_list{
  display: flex;
  padding:20px 0 0;
  justify-content: space-between;
}

#Themes .themes li a.active{
filter: invert(15%) sepia(95%) saturate(6932%) hue-rotate(358deg) brightness(95%) contrast(112%);
}

/*記事*/

.art #detail_title{
  background-size: cover;
  background-position: center center;
  padding-bottom: 40px;
  margin-bottom: 90px;

}
.art #detail_title .art_title{
  height:440px;
}

.art #detail_title .art_title h1{
  color: #FFF;
  text-shadow: 0 0 30px rgba(0, 0, 0, 0.4);

}
.art #detail_title .art_title h2{
  color: #FFF;
  text-align: left;
  padding-top:20px;
  font-size: var(--font-size-h3);
  font-weight: 400;
  text-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
}
.slick-dots {
    box-sizing: border-box;
    padding-top: 40px;
}
.art .art_box{
  max-width: 980px;
  margin-bottom: 180px;
}
.art .wp-block-image{
  padding-bottom: 30px;
  margin: 0;
}
.art .wp-block-list{
  padding-bottom: 30px;
}
.art h2.wp-block-heading{
  font-size: var(--font-size-h3);
}
.art hr{
  border: none;
  height: 1px;
  background-color: #ccc; /* 例：薄い灰色 */
}
.art .art_box p{
  font-size: var(--font-size-art);
  letter-spacing: 0.065em;
  line-height: 1.7;
  padding-bottom: 30px;

}
body .is-layout-flex.price_css{
  margin-top: 60px;
}

.art .art_box .is-layout-flex.price_css p{
  font-size: var(--font-size-base);
  line-height: 1.7;
  padding-bottom: 30px;
  padding: 0 20px 30px;
}

/*Gallery*/
.flex-viewport{
    padding: 0 50px;
    box-sizing: border-box;
}
.flex-viewport li img{
  padding:0 20px !important;
  box-sizing: border-box;
}
.metaslider.ms-theme-default-base .flexslider .flex-direction-nav li a.flex-prev:after{
     background: url(../img/common/lr.svg) no-repeat center center;
    width: 54px;
    height: 54px;
    mask-image: none !important;
}
.metaslider.ms-theme-default-base .flexslider .flex-direction-nav li a.flex-next:after{
     background: url(../img/common/ll.svg) no-repeat center center;
    width: 54px;
    height: 54px;
    mask-image: none !important;
}
.metaslider.ms-theme-default-base .flexslider .flex-direction-nav li a{
    width: 54px !important;
    height: 54px !important;
}
.metaslider .flexslider{
  margin: 0 0 80px !important;
}
.metaslider .flex-control-nav {
    bottom: -50px !important;
}
body .is-layout-flex.price_css h1{
  text-align: center;
  padding: 18px !important;
    font-size: 22px !important;
  margin-bottom: 40px;
  color: #FFF !important;
}
body .is-layout-flex.price_css h1 strong{
  font-size: var(--font-size-h2) !important;

}
body .is-layout-flex.price_css .wp-block-column{
 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  padding: 0px;
  background-color: #FFF;
  border-radius: 5px;
  overflow: hidden;
}

body .is-layout-flex{
  display: flex;
  gap:30px;
  justify-content: space-between;
}
body .is-layout-flex .wp-block-column {
  width: 50%;

}
body .is-layout-grid{
  display: flex;
  justify-content: space-between;
  
}


h3.wp-block-heading{
  font-size: var(--font-size-h3);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 15px;
}
.wp-block-list li{
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 25px;
  
}
figure{
  margin: 0;

}
.wp-block-post-terms__prefix{
  font-size: var(--font-size-base);
}
.art a{
font-size: var(--font-size-base);
text-decoration: underline;
}
.art table {
  font-size: var(--font-size-base);
width: 100%; /* ボックス外側余白を指定する */
margin-left: auto; /* 左側の余白を自動に指定する */
margin-right: auto; /* 右側の余白を自動に指定する */
border-collapse: collapse; /* 隣接するセルの罫線を重ねて表示する */
}
.art table th{
padding: 16px; /* 見出しの余白を指定する(上下左右) */
background-color: #fff; /* ボックスの背景色を指定する */
font-weight: normal; /* フォントの太さを指定する */
text-align: center; /* テキストの位置を指定する */
vertical-align: top; /* 見出しテキストの位置を指定する */
border: 1px solid #666666;/* 罫線を実線で指定する */
}
.art table td{
padding: 16px; /* セルの余白を指定する(上下左右) */
background-color: #fff; /* ボックスの背景色を指定する */
border: 1px solid #666666; /* 罫線を実線で指定する */
}
.art h3.wp-block-heading{
    font-size: var(--font-size-h4);
}
.art .cate a{
  text-decoration: none !important;
}

.art .art_box p strong{
  font-size: var(--font-size-h4);
}
.wp-block-list li::before{
  content: "- ";
  display: block;
}
.wp-block-list li{
display: flex;
gap: 10px;
}
.wp-block-group img{
  width: 500px !important;
}

.font_box{
  max-width: 920px;
  margin:0 auto;
}

.wp-block-devrix-easy-image-gallery-block,
.wp-block-gallery {
  flex-wrap: wrap;
  display: flex;
  gap: 20px;
   justify-content:flex-start !important;
}

.wp-block-devrix-easy-image-gallery-block li,
.wp-block-gallery .wp-block-image{
  width: 31%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wp-block-devrix-easy-image-gallery-block li img,
.wp-block-gallery .wp-block-image img{
    max-height: 200px;
    width: auto !important;
}


@media all and (max-width: 1160px) {
  .wp-block-devrix-easy-image-gallery-block li,
.wp-block-gallery .wp-block-image{
  width: calc(50% - 10px);
}
  #Themes .themes li a b
  {
    height: 80px;
  }
  #Themes .themes{
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  #Themes .themes li{
    width: calc(20% - 20px);
    
  }
   #Themes .themes li a span{
    font-size: 12px;
   }
   #Map .maps{
    flex-direction: column-reverse;
        padding: 0px;
   }
   #Map .maps .map_text {
    padding-left: 0px;
    box-sizing: border-box;
    width: 100%;
}
#Map .maps .map_img[class="map_img"] {
    width: 100%;
    margin-top: -160px;
}
.sl_day ul{
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 40px;
  }
  .sl_day ul .submit_top{
    padding-top: 30px;
  }
  #detail_title .container{
    height: 190px !important;
    padding-bottom: 0px;
  }
      .art #detail_title .art_title {
        height: 340px !important;
    }
  #detail #day{
    padding-top: 60px !important;

  }

  .item_list .item{
    flex-direction: column;
    align-items: center;
    padding: 20px;
    gap: 0;
    box-sizing: border-box;
  }
  .item_list .item .item_box{
    width: 100%;
    height: 250px;
    background-size: cover;
    margin-bottom: 20px;
  }
.item_list .item .art_text{
  font-size: var(--font-size-base);
  padding: 10px 0 0;
  line-height: 1.4;
}
.text_list{
  height: auto;
}
.form_box, select{
  width: 220px;
}
  .wp-block-list li {
    font-size: 16px;
  }
  
  .art #detail_title{
    margin-bottom: 60px;
    padding-bottom: 0px;
    min-height: 200px;
    height: auto !important;
    box-sizing: border-box;
  }
  body .is-layout-flex{
    flex-direction: column;
    gap: 20px;
    padding: 20px 20px 0;
    box-sizing: border-box;
    border: 1px solid #d0d0d0;
    margin-bottom: 30px;
  }
  .art .is-layout-flex .wp-block-image{
    width: 100%;
        padding-bottom: 0px;
    margin: 0 auto;
  }
  body .is-layout-flex .wp-block-column {
    width: 100%;
  }
  body .is-layout-flex.price_css{
  border:  none !important;
}
}

#booking-package_inputFormPanel .row, #booking-package_myBookingDetails .row, #booking-package_serviceDetails .row, #booking-package_myBookingDetailsFroVisitor .row, #booking-package-user-form .row, #booking-package-loginform .row, #booking-package-user-edit-form .row{
	padding: 20px 0 !important;
}



.adult,.child,.child0{
color:#FFF !important;
padding:30px;
    border-radius: 5px;
margin-top:20px;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
clear: both;
}
.child::after,.child0::after,
.adult::after{
  content: "";
  display: block;
clear: both;
}
.has-text-align-center{
  text-align: center;
}
.adult span:last-child,.child span:last-child,.child0 span:last-child{
 float: right;
 padding-top: 5px;
}

.adult::before{
  content: url(http://tours-andnature.com/wp-content/uploads/2025/10/アセット-1-1.svg);
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 16px;
    vertical-align: middle;
}
.child::before{
  content: url(http://tours-andnature.com/wp-content/uploads/2025/10/アセット-2.svg);
  display: inline-block;
   width: 50px;
  height: 50px;
  margin-right:20px;
    vertical-align: middle;
}

.child0::before{
  content: url(http://tours-andnature.com/wp-content/uploads/2025/10/赤ちゃんマークのアイコン素材-2.svg);
  display: inline-block;
   width: 50px;
  height: 50px;
  margin-right:20px;
    vertical-align: middle;
}

.schedule table td {
    border: none;
font-size:18px;
}
.schedule table td:first-child{
color:#e53e32;
  font-weight: bold;
width:60px;
font-size:20px;
padding-left:0;
    position: relative;
	vertical-align: baseline;
}

.schedule table td:first-child::before{
  content: "";
  display: block;
  width: 2px;
  background-color: #e53e32;
  height: 100%;
  position: absolute;
  right: 0;
  top:0;
}
.schedule table tr:last-child td:first-child::before{
	content: "";
  display: block;
  width: 2px;
  background-color: #e53e32;
  height: 100%;
  position: absolute;
  right: 0;
	top:-3em;
	height:4.2em !important;
}
.schedule table td:first-child::after{
  content: "";
  display: block;
  width: 8px;
  background-color: #e53e32;
  height: 8px;
  position: absolute;
  right: 0;
  top:1.2em;
margin-top:-4px;
margin-right:-3px;
  border-radius: 10px;

}
.schedule table tr:last-child td:first-child::before,
.schedule table tr:first-child td:first-child::before{
height: calc(100%);
}
.schedule table tr:first-child td:first-child::before{
top:1.2em;
}
#paypal-button{
	text-align:center;
}
.paypal-buttons-context-iframe.paypal-buttons-label-unknown.paypal-buttons-layout-vertical{
	max-width:670px !important;
	margin:auto;
}
@media all and (max-width: 780px) {
.adult span:last-child,.child span:last-child,.child0 span:last-child{
  padding-top: 20px;
  display: block;
 float: none;
}
}