@charset "utf-8";
/* basic layout */
/*全体の設定
---------------------------------------------------------------------------*/
html{
  font-size: 1px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html{
  font-size: 1px;
}
img{
	max-width: 100%;
	height: auto;
}
article {
	margin: auto;
	max-width: 1000px;
	/* margin: 0px 2% 20px 2%; */
}
.mt140{
  margin-top: 140rem !important;
}
.mt170{
  margin-top: 170rem !important;
}
.wp-site-blocks { width: 100%;padding: 0;margin: 0; }

main#primary #post-9,main#primary #post-421,main#primary #post-1027 { margin: auto;max-width: 1400px; }

/*個別レイアウト
---------------------------------------------------------------------------*/
body{
	background: #fff;
 background-image: url('/saitama-godou/wp-content/uploads/2024/07/011759_04.jpg');
 background-attachment: fixed;
	margin: 0px;
	padding: 0px;
	font-size: .15rem;
	font-family: 'ヒラギノ角ゴ','ヒラギノ角ゴ Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


h1 {     color: #fff;
 text-align: center; }

 #wrap {
  max-width:1400px;
  margin:0 auto;
   text-align: center;
   background-image: url(https://garden-group.co.jp/saitama-godou/wp-content/uploads/2024/09/bg-1.webp);
   background-size: 50%;
   background-attachment: fixed;
 }
 .main_header{
   width: 100%;
   height: 564rem;
   text-align: center;
   background-image: url('https://garden-group.co.jp/saitama-godou/wp-content/uploads/2024/09/main_back-a240822-1.webp');
   background-size: contain;
   padding-top: 40rem;
   background-position: center;
   background-color: #049fff;
   background-repeat: no-repeat;
 }
 .main_logo{
  width: 550rem;
  margin-top: -4%;
 }


 
/* header_nav */
.header_nav{
 width: 100%;
 height: 130rem;
 background-image: url('https://garden-group.co.jp/saitama-godou/wp-content/uploads/2024/09/nav_bar.webp');
 background-size: contain;
padding-top: 5px;
 background-position: center;
 margin-top: -5px;
 }

 .heder_nav_inner{
 width: 1100rem;
 margin: 10px auto 0;
 display: flex;
 justify-content: space-around;
 align-items: center;
}
.heder_nav_inner li {
position: relative;    padding: 5px;
}
.heder_nav_inner li .new-icon1 {
position: absolute;
top: 13%;
left: 1%;
width: 40px;
}

 .blinking{
  -webkit-animation:blink 0.7s ease-in-out infinite alternate;
     -moz-animation:blink 0.7s ease-in-out infinite alternate;
     animation:blink 0.7s ease-in-out infinite alternate;
 }
 @-webkit-keyframes blink{
     0% {opacity:0;}
     100% {opacity:1;}
 }
 @-moz-keyframes blink{
     0% {opacity:0;}
     100% {opacity:1;}
 }
 @keyframes blink{
     0% {opacity:0;}
     100% {opacity:1;}
 }


/* contents_box */
.contents_box{
 max-width:1200rem;
 min-height: 500rem;
 margin: 100rem 100rem 0;
 text-align: center;

 padding-top: 100rem;
 padding-bottom: 10rem;
 background-image: url(/saitama-godou/wp-content/uploads/2024/07/bg-2.jpg);
 background-size: 50%;
 background-attachment: fixed;

}
.title_img{
  width: 618rem;
  margin: auto;
  margin-bottom: 30rem;
}


/* news_contents */
.main_poster_div{
  width: 660rem;
  margin: auto;
  margin-bottom: 55rem;
}
.main_poster_div.box2 {
 margin-bottom: 20px;
}

.main_poster_div ul.box-banner1 li {
 display: inline-block;width: 49%;vertical-align: top;
}
.main_poster_div ul.box-banner1.sub1 li:nth-child(1) { width: 71%; } 
.main_poster_div ul.box-banner1.sub1 li:nth-child(2) { width: 28%; } 


/* 投票システム */
.img_contents p { font-size: 16px; }
.title_img3 {
 width: 90%;
 margin: auto;
 margin-bottom: 30rem;
}

.gallery.gallery-size-full { margin: auto;
 text-align: center;    display: inline-block; }
.gallery.gallery-size-full .gallery-item { width: 24%;
  float: none;
  margin: 4em 4em 30em;font-size: 1px; }

.gallery-item > p > a {     display: block;
  pointer-events: none;
 text-align: center;
 vertical-align: middle;
 text-decoration: none;
 width: 80%;
 margin: 1em auto;
 padding: 8rem 4rem;
 font-weight: bold;
 border: 2px solid #686868;
 color: #fff;
 border-radius: 5px;
 transition: 0.5s; 
 position: relative;
background: #979797;
}

/* ボタン赤色　 .gallery-item > p > a {     display: block;
  pointer-events: none;
 text-align: center;
 vertical-align: middle;
 text-decoration: none;
 width: 80%;
 margin: 1em auto;
 padding: 8rem 4rem;
 font-weight: bold;
 border: 2px solid #cd010e;
 color: #fff;
 border-radius: 5px;
 transition: 0.5s; 
 position: relative;
background: linear-gradient(to right,  #cd010e 0%,#ff0220 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
} */

.gallery-item > p > a:hover {
	color: #cd010e;
	background: #fff;
}

.gallery-voting-count { 
 background: #fff;
 color: #cd010e;
 position: absolute;
 left: -10px;
 top: -10px;
 border: solid 1px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .3);
}


/* slider_wrap */
.slider_wrap{
  width: 1160rem;
  margin: auto;
}
.slick-prev{
  left: 20rem;
  z-index: 200;
}
.slick-next{
  right: 20rem;
}
/* .slick-prev:before{
  content: '＜';
  z-index: 200;
}
.slick-next:before{
  content: '＞';
} */
.slick-prev,.slick-next{
  width: 60rem;
  height: 60rem;
}
.slick-prev:before, .slick-next:before {
  font-size: 60rem;
}



h3.tit1 {
 position: relative;
 display: inline-block;
 padding: 0 55px;
 font-size: 30px;
 color: #000;
 margin: 1em auto 0;
}

h3.tit1:before, h3.tit1:after {
 content: '';
 position: absolute;
 top: 50%;
 display: inline-block;
 width: 45px;
 height: 1px;
 background-color: black;
}

h3.tit1:before {
 left:0;
}
h3.tit1:after {
 right: 0;
}


.contents_box-sub {  margin: 50px auto 0; }

ul.list-goudou {    max-width: 980px;
 text-align: center;
 margin: auto;}

ul.list-goudou li {
 display: inline-block;
 width: 23%;
 margin: 2% 0.5% 0;
}

a.animated-button.thar-three {
 border: solid 3px #6b0303;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    text-decoration: none;
    text-align: center;
    border-radius: 25px;
    font-weight: bold;
    color: #590000;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    padding: 0.5em 0.1em 0.5em;
 
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    text-shadow: none;

background: #eff8ff; 
background: -moz-linear-gradient(top,  #eff8ff 0%, #dbdbdb 100%);
background: -webkit-linear-gradient(top,  #eff8ff 0%,#dbdbdb 100%);
background: linear-gradient(to bottom,  #eff8ff 0%,#dbdbdb 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff8ff', endColorstr='#dbdbdb',GradientType=0 ); 
    overflow: hidden;
   
}

a.animated-button.thar-three:hover,
a.animated-button.thar-line:hover {
    color: #fff;
	background-color: transparent;
	text-shadow: nthree;}

a.animated-button.thar-three:hover:before,
a.animated-button.thar-line:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}

a.animated-button.thar-three:before {
	display: block;
	position: absolute;
 background: #fff;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #000 !important;
 background-image: linear-gradient( 135deg, #9b0202 0%, #ff6161 50%, #9b0202 100%);
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

.gas {
 --blur: 1.2rem;
 --box-blur: calc(0.3 * var(--blur));
 --glow: var(--color);
 align-items: center;
 border-radius: 12px;
 border: 4px solid currentColor;
 box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.15), inset 0 0 var(--box-blur) var(--glow), 0 0 var(--box-blur) var(--glow);
 color: var(--color, white);
 display: inline-flex;
 flex-direction: column;
 font-family: system-ui, sans-serif;
 height: var(--size);
 justify-content: space-around;
 padding: 1rem;
 width: var(--size);
}
.gas.kr {
 --color: #4e0000;
 filter: saturate(200%);
}
.gas.kr.line1 {
 --color: #02B73E;
 filter: saturate(200%);
}
.p-worldbox #or_csd {
 max-width: 800px;
 margin: auto;
}





.boxzilla-container > div { background: none;
 max-width: 640px;    padding: 5px 25px;}
 ul.boxzila1 li { display: inline-block;    width: 100%;
  padding: 0.2%; }

/* shop_index */
.shop_contents {     padding: 0px 50px; }
.shop_contents .title_img {margin-bottom: 0;
 margin-top: 80px;}

.shop_index_wrap{
  width: 780rem;
  margin: auto;
  border: solid 1px #ccc;
  background-color: #fff;
}
.shop_h3{
  font-size: 34rem;
  line-height: 84rem;
  background-color: #D9AFD9;
  background-image: linear-gradient(0deg, #F6F5F4 0%, #FDFCFB 100%);
}
.shop_index_inner{
  padding: 10rem;
  background-color: #fff;
}
.shop_h4{
  font-size: 24rem;
  line-height: 56rem;
  background-color: #F7F4EF;
  border-left: 5rem solid #DF684A;
  text-align: left;
  padding-left: 10rem;
  box-shadow: 2rem 2rem 2rem #ccc;
}
.shop_index_nav{
  padding:10rem;
  display: flex;
  font-size: 18rem;
  flex-wrap: wrap;
  list-style: none;
}
.shop_index_nav a{
  display: inline-block;
  padding: 10rem 15rem;
  font-weight: 600;
  margin: 5rem;
  color: #fff;
  text-decoration: none;
  border-radius: 5rem;
}
.shop_index_nav a.si_green{
  background-color: #04B4BC;
}
.shop_index_nav a.si_red{
  background-color: #FF0100;
}
.shop_index_nav a.si_brown{
  background-color: #DF684A;
}



/* カレンダー */
.tribe-common,
#tribe-events-pg-template { background-color: #fff;margin: auto;
max-width: 1400px; }

.tribe-events-event-image img { text-align: center;
 margin: auto;
 max-width: 650px;width: 100%; }

.tribe-events-single-section.tribe-events-event-meta.primary { display: inline-block;width: 100%; }
.tribe-events-single-section.tribe-events-event-meta.primary > div {     width: 24.3%;
 display: inline-block;
 vertical-align: top;

 border-radius: 10px;
 margin: 1% 0.1%;
 padding: 15px 10px; }

 .tribe-events-single-section.tribe-events-event-meta.primary > div:nth-child(3) {     width: 50%;
  padding: 10px;
 border-top:none ;
 }

  .tribe-events-single-section.tribe-events-event-meta.primary > div:nth-child(3) .tribe-events-venue-map {     width: 100%;
   margin: 0; }
   .tribe-events-event-meta dt {
    background: #fff;
    border-radius: 10px;
    padding: 5px;
}

.tribe-events-meta-group .tribe-events-single-section-title {     font-size: 18px;
 color: #00b377;
 padding: 0.5em;
 border-left: solid 3px #00b377; }

 #tribe-events-content h1 { border-bottom: solid 2px #ccc;
  font-weight: normal; text-align: left; }

a.btn-border {
 font-size: 20px;
 border: 2px solid #000;
 border-radius: 0;
 background: #fff;
 -webkit-box-shadow: 4px 4px 0 #000;
 transition: 0.5s;
 padding: 25px 60px;
 box-shadow: 4px 4px 0 #000;
 margin: 20px auto 50px;
 display: inline-block;
 text-decoration: none;
 font-weight: bold;
 border-radius: 100px;
 color: #000;
 border: solid 5px #000;
}

a.btn-border:hover {
 -webkit-box-shadow: -4px -4px 0 #000;
 box-shadow: -4px -4px 0 #000;
}
.tribe-events-schedule .tribe-event-date-start { background-color: #00b377;
 padding: 5px 30px;
 border-radius: 10px;
 color: #fff; }

h2.title_img2 {   margin-top: 60px; margin-bottom: 20px; }
.tribe-events-notices { border-bottom: none; }
.tribe-events-address .tribe-country-name { display: none; }
.tribe-address br { display: none; }
dd.tribe-venue {     font-size: 18px;
 font-weight: bold; }

.shop-info { max-width: 700px;
 margin: 50px auto 0;}
 .shop-info h3 {     font-size: 20px;
  color: #00b377;
  padding: 0.5em;
  border-left: solid 3px #00b377; text-align: left; }
 .shop-info ul.link1 { margin: 10px auto;font-size: 0; }
 .shop-info ul.link1 li {     display: inline-block;
  width: 32%;
  vertical-align: middle;
  margin: 0 0.5% 2%; }
 .shop-info ul.link1 li:nth-child(1) a {     display: block;
  background-color: #06c755;
  padding: 0px 4px;
  border-radius: 10px; }
  .shop-info ul.link1 li:nth-child(2) a {     display: block;
   background-color: #ce2323;
   padding: 0px 4px;
   border-radius: 10px; }
   .shop-info ul.link1 li:nth-child(3) a {     display: block;
    background-color: #000;
    padding: 0px 4px;
    border-radius: 10px; }

.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__mobile-events-icon--event,
.tribe-events .tribe-events-calendar-month__mobile-events-icon--event {     background-color: #f00 !important; }
.tribe-events .tribe-events-calendar-month__day-cell--selected,.tribe-events .tribe-events-calendar-month__day-cell--selected:hover { background-color:#ccc; }
.tribe-events-calendar-month-mobile-events__mobile-event-datetime.tribe-common-b2 { display: none; }
.tribe-events-calendar-month-mobile-events__mobile-event-title.tribe-common-h7 { padding: 0.4em 0 0.8em; }

.tribe-events-venue-map>iframe { max-height: 550px; }
abbr[title], dfn[title] { cursor: default; text-decoration:none;border-bottom:none; }

.tribe-events-calendar-day__type-separator { display: none !important; }
address.tribe-events-calendar-day__event-venue.tribe-common-b2 { display: none; }
.tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters>.tribe-common-g-col { border-bottom: solid 1px #ccc;
 padding-bottom: 20px; }

.tribe-events-single-event-description.tribe-events-content { font-size: 16px;text-align: center; }
.tribe-events-single-event-description.tribe-events-content img { max-width: 650px; margin: auto;width: 100%; }


/* main_footer */
.main_footer{
  width: 100%;
  text-align: center;
}
.link_btns{
  background-image: url('../img/bg_footer.png');
  background-size: contain;
  padding: 46rem;
  display: flex;
  justify-content: space-around;
}
.lb_img{
  width: 300rem;
}
.copy{
	display: block;
	background-color: #ECEBEC;
	width: 100%;
	color: #333;
	text-align: center;
	font-size: 14rem;
	line-height: 4em;
}




#page_top {
 position: fixed;
 bottom: 10px;
 right: 20px;
 width: 40px;
}
#page_top a {
 text-align: center;
 text-decoration: none;
 padding: 0;
 opacity: 0.8;
}
#page_top a:hover {

 text-decoration: none;
}



.slick-slide { transition: transform 0.2s linear;}
.slick-slide:hover {
 transform: scale(1.1);
} 

/* スライダー */
.carousel-slider .carousel-slider__item { margin-top: 8%;    margin-bottom: 15%; }
.carousel-slider.owl-drag .owl-item { margin-top: 12px; }
.carousel-slider__caption {
 position: absolute !important;
 display: inline-block;
 margin: 0.2em 0 1.5em;
 padding: 7px 10px;
 top: -18px;
 width: 90%;
left: 50%;
 color: #000;
 font-size: 18px;
font-weight: bold;
 background: #FFF;
 border-radius:5px ;
 box-sizing: border-box;
 box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .5);
 border: solid 4px #f00;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 }

 .carousel-slider__caption .caption { font-weight: bold !important;    margin: 2% 1% 1% !important;
  text-align: center; font-size: 16px !important; } 

.balloon2-top {
 position: relative;
 display: inline-block;
 margin: 0 0 1.5em;
 padding: 7px 10px;
 top: 40px;
 width: 90%;
 color: #000;
 font-size: 18px;
font-weight: bold;
 background: #FFF;
 border: solid 3px #04b5bc;
 border-radius:5px ;
 box-sizing: border-box;
 box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .5);

}


.balloon2-top p {
 margin: 0;
 padding: 0;
}
.balloon2-top.red { border: solid 4px #f00; }

.youtube {
 position: relative;
 width: 100%;
 margin: 50px auto;
 padding-top: 56.25%;
 border: solid 8px #ffeb00;
}
.youtube iframe {
 position: absolute;
 top: 0;
 right: 0;
 width: 100%;
 height: 100%;
}
.youtube2 {
max-width: 660px;
margin: 0 auto 20px; 

}

.info_contents { margin-top: 80px; }


@media screen and (max-width: 1400px) {
  html{
    font-size: calc((1400px - (1400px - 100vw)) / 1400 * 1);
  }
}
@media screen and (max-width:980px){
 

}

@media screen and (max-width: 800px) {
  .main_poster_div{
    width: 980rem;
  }
  .shop_index_wrap{
    width: 980rem;
  }
  .shop_index_nav{
    font-size: 26rem;
    padding: 20rem;
  }
  .shop_index_nav a{
    margin: 10rem;
    padding: 15rem 20rem;
  }
  .copy{
    font-size: 26rem;
  }
}


@media screen and (max-width:640px){ 
 .heder_nav_inner { width: 95%;   margin: 0px auto 0; }
 .heder_nav_inner li { padding: 0; }
 .heder_nav_inner img { width: 83%; }

 .contents_box { max-width:100%; margin: 0; padding: 5% 0;   }
 .main_poster_div { width: 90%; }
 .title_img {
  width: 90%;
  margin-bottom: 5%;
}
.mt170 {
 margin-top: 50rem !important;
}
.shop_contents { padding: 0 10px; }
.shop_index_wrap { width: 100%; }
#or_csd span.wrap_head_txt { font-size: 22px !important; }
.balloon2-top { font-size: 18px; }
.slider_wrap2 { overflow: hidden; }
.slider_wrap { width: 100%; }
.slick-list { padding: 0px 20px 30px; }
.youtube { margin: 20px auto; }


.slick-prev:before, .slick-next:before {
 font-size: 120rem;
}
.slick-prev, .slick-next {
 width: 120rem;
 height: 120rem;
}
h3.tit1 { font-size: 20px; }
.header_nav{
 margin-top: -5px;
 }

.heder_nav_inner li .new-icon1 {
 position: absolute;
 top: -11%;
 left: 5%;
 width: 20px;
}
#or_csd div.wrap_field { margin: 0 !important; }

.tribe-events-single-section.tribe-events-event-meta.primary > div { width: 100%; } 
.tribe-events-single-section.tribe-events-event-meta.primary > div:nth-child(3) {  width: 100%; }
#tribe-events-content h1 { font-size: 20px; font-weight: bold; }
.tribe-events-schedule .tribe-event-date-start { font-size: 12px; }
.tribe-events .tribe-events-calendar-day__event { padding-left: 0; }
.tribe-events-calendar-day__event-title.tribe-common-h6.tribe-common-h4--min-medium {     padding: 10px 5px 7px;
 border-radius: 5px; }
 .tribe-common .tribe-common-g-row--gutters>.tribe-common-g-col {     border-bottom: solid 1px #ccc;
  padding-bottom: 20px; }
.tribe-events-calendar-day__event-featured-image-link { text-align: center; }
.tribe-events-calendar-day__event-featured-image { max-width: 70% !important; }

.shop-info ul.link1 li { width: 49%; }
.shop-info ul.link1 li a { border: none; }


.gallery.gallery-size-full .gallery-item { width: 47% !important;
 margin: 4em 4em 15em; }
.gallery-item > p > a {     width: 90%;
  margin: 0.5em auto 1.5em;
  padding: 40rem 4rem; }


} //end