@charset "UTF-8";

/******************************************************************
Theme Name: stork19_acep
Template: jstork19
Description: AceParking用に調整を加えたストークテーマ
Version: 3.15.3
Author: Asayake
******************************************************************/

@media only screen and (min-width: 1167px){
    #inner-content {
        box-shadow:none;
    }
}

#header img.custom-logo {
    margin: 25px 0;
}






/* お問い合わせフォーム調整 */
.wpcf7-form-control-wrap input::placeholder, .wpcf7-form-control-wrap textarea::placeholder {
  color: lightblue;
}
.wpcf7-form-control-wrap input[readonly] {
background:lightskyblue;
}

.wpcf7-form-control-wrap textarea {
height: inherit;
}

div.wpcf7 form.wpcf7-form span.attention {
margin: 0 0 20px 15px;
}


span.group-inline {
display:block;
}
div.wpcf7 form.wpcf7-form span.group-inline span.wpcf7-form-control-wrap {
display:inline;
}

#main div.wpcf7 form.wpcf7-form span.group-inline span.wpcf7-form-control-wrap select {
display:inline;
width: 70px;
}




/* ご予約フォーム */
div.wpcf7 form.wpcf7-form legend {
  color: #000298;
  font-weight: bold;
  font-size: 1.2em;
}

div.wpcf7 form.wpcf7-form > p > label {
  display: block;
  text-align: left;
  width: 500px;
  margin: 0 auto;
  margin-top: -25px;
}
div.wpcf7 form.wpcf7-form > p > label:first-child {
	margin-top: 0px;
}

div.wpcf7 form.wpcf7-form > p > label span.must {
  color: red;
  font-size: 0.7em;
  margin-left: 5px;
}

div.wpcf7 form.wpcf7-form span.wpcf7-form-control-wrap {
  display: block;
}

div.wpcf7 form.wpcf7-form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), div.wpcf7 form.wpcf7-form select, div.wpcf7 form.wpcf7-form textarea {
  width: 100%;
  font-size: 18px;
  padding: 8px 15px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

div.wpcf7 form.wpcf7-form span.wpcf7-radio .wpcf7-list-item {
  display: block;
}

div.wpcf7 form.wpcf7-form span.attention {
  background-color: indianred;
  color: white;
  display: inline-block;
  padding: 0 5px;
  font-size: 0.8em;
  border-radius: 0.3em;
}

div.wpcf7 form.wpcf7-form span.attention.super_pro_attention a {
  color: white;
  font-weight: bold;
}

div.wpcf7 form.wpcf7-form div.policy > p {
  background-color: #eee;
  padding: 20px 30px;
  margin: 0 auto 50px;
  max-width: 800px;
}

/* div.wpcf7 form.wpcf7-form input.wpcf7-submit {
  font-size: 20px;
  background-color: white;
  border: 2px solid #b7b7ff;
  border-radius: 3px;
} */

@media screen and (max-width:640px){
	body.home img{
		max-width: 100%;
		height: auto;
		width: auto;
	}
	#container{
		width:100%;
	}

	div.wpcf7 form.wpcf7-form > p > label {
		width: inherit;
	}
	div.wpcf7 form.wpcf7-form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), div.wpcf7 form.wpcf7-form select, div.wpcf7 form.wpcf7-form textarea {
		width: 85%;
	}

	div.adv_push .tile a {
	/*     display: inline-block; */
			width: 45%;
	}

}















/* 

#container {
  overflow:hidden;
}
body.page-template-page-top.home #content {
  margin-top: 0;
}
body.page-template-page-top .entry-content img {
  margin: 0;
}
body.page-template-page-top .wp-block-image,
body.page-template-page-top .wp-block-media-text {
  margin: 0 0 3em;
}
body.page-template-page-top .wp-block-media-text .wp-block-media-text__content, body.page-template-page-top p.res-text {
  font-size: 24px;
  font-weight: bold;
} */

body.page-template-page-top .bread-virtual {
  margin-left: -200%;
  margin-right: -200%;
  padding-left: 200%;
  padding-right: 200%;
  /* background-color: #333333; */
  margin-top: 3em;
  border-top: 4px solid #F5005A;
  border-bottom: 4px solid #F5005A;
}
body.page-template-page-top .bread-virtual img {
  margin: 19px 0;
}
body.page-template-page-top .bread-blue {
	background-color: #114c7c;
}
body.page-template-page-top .bread-green {
	background-color: #3F8181;
}
body.page-template-page-top .bread-glay {
  background-color: #424253;
}
body.page-template-page-top .top_system {
  background-image: url("/wp-content/uploads/2023/06/top-eyecatch-pc2@2x.jpg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;

  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 0;
  margin-bottom: 0;
  position: relative;
  /* min-height: 425px; */
  min-height: 388px;
  border:none;
}
body.page-template-page-top .top_system .wp-block-image {
  display:none;
}


body.page-template-page-top .hukidashi img {
  margin-top: -6.7%;
}
body.page-template-page-top .souba {
  font-size: 48px;
  font-weight: bold;
}

body.page-template-page-top header.fadeInDown {
  display:none;
}

body.page-template-page-top .bread-virtual.head {
  margin-top: 0px;
  margin-bottom: 50px;
}
body.page-template-page-top .bread-virtual.head .wp-block-image {
  margin: 0;
}
body.page-template-page-top .bread-virtual.head img {
  margin: 10px 0;
}

body.page-template-page-top .bread-title img {
  margin-top: 50px;
}
body.page-template-page-top .area-brown {
  margin-left: -200%;
  margin-right: -200%;
  padding-left: 200%;
  padding-right: 200%;
  background-color: #F5F5F5;
  margin-top: 3em;
  padding-bottom: 3em;
}
body.page-template-page-top .top_system + .bread-virtual {
  margin-top: 0;
}
body.page-template-page-top .area-brown + .bread-virtual {
  margin-top: 0;
}
body.page-template-page-top .block-white {
  background-color: white;
  border-radius: 20px;
  padding: 40px 20px;
  margin-bottom: 60px;
}
body.page-template-page-top .block-white .wp-block-columns{
  margin-bottom: 0;
}
body.page-template-page-top .block-white p {
  margin-bottom: 10px;
}

.yoitoko-item .title-yoitoko {
  color: #005873;
  font-weight: bold;
  margin-bottom: 0;
}
.yoitoko-item .title-yoitoko::before {
  content: "";
  display:inline-block;
  width: 11px;
  height: 34px;
  background: url("design/con-02-ttl-bg.png");
  margin-right: 10px;
  margin-bottom: -3px;
}
.yoitoko-item p.has-medium-font-size {
  font-size: 30px;
}

body.page-template-page-top .doga-naiyo {
  margin-top: 10px;
}
body.page-template-page-top .doga-naiyo .doga-title {
  margin-top: -40px;
  margin-left: -20px;
  margin-right: -20px;
}
body.page-template-page-top .doga-naiyo .doga-title img {
  margin: 13px 0;
}
body.page-template-page-top .doga-naiyo ul {
  list-style: none;
}
body.page-template-page-top .doga-naiyo ul li {
  padding-left: 45px;
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 20px;
  
}
body.page-template-page-top .doga-naiyo ul li:before {
  background: white url("design/con-04-list.png") left top;
  width: 35px;
  height: 29px;
  left: 0;
  top: 2px;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.block-interview .wp-block-columns p {
  font-size: 20px;
}
.block-interview .wp-block-columns p:first-child {
  position: relative;
  display:inline-block;
  font-size: 25px;
  font-weight: bold;
  background-color: #BCE9F2;  /* pink FAE1F3*/
  border-radius: 20px;
  padding: 15px 20px;
  margin-bottom: 10px;
}
.block-interview .wp-block-columns.lady p:first-child {
  background-color: #FAE1F3;  /* pink FAE1F3*/
}
.block-interview .wp-block-columns p:first-child:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -10px;
  border: 15px solid transparent;
  border-width: 10px 15px;
  border-right: 15px solid #BCE9F2;
}
.block-interview .wp-block-columns.lady p:first-child:before {
  border-right-color: #FAE1F3;
}

.questions-group {
  font-size: 26px;
}
.questions-group .question-bread p:first-child {
  position: relative;
  padding: 12px;
  padding-left: 80px;
  margin-bottom: 0;
}
.questions-group .question-bread p:first-child:before {
  position: absolute;
  display: inline-block;
  content: "Ｑ：";
  font-weight: bold;
  left: 30px;
}
.questions-group .question-bread p:last-child {
  position: relative;
  background-color: white;
  padding: 20px;
  padding-left: 80px;
  font-size: 23px;
}
.questions-group .question-bread p:last-child:before {
  position: absolute;
  display: inline-block;
  content: "Ａ：";
  font-weight: bold;
  left: 30px;
}
.has-strong-orange strong {
  display: inline;
  padding: 2px;
  background: linear-gradient(transparent 70%, #FF981F 70%);
  -moz-text-shadow: 0px 2px 1px #ffffff,-1px 2px 1px #ffffff,1px 2px 1px #ffffff;
  -webkit-text-shadow: 0px 2px 1px #ffffff,-1px 2px 1px #ffffff,1px 2px 1px #ffffff;
  text-shadow: 0px 2px 1px #ffffff,-1px 2px 1px #ffffff,1px 2px 1px #ffffff;
}

.change-hover-image a:hover img {
  /* visibility: hidden; */
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  opacity:0;
}

.change-hover-image.btn-01 {
  background: url("/wp-content/uploads/2022/02/btn-01-over-1.png") no-repeat center;
  background-size: contain;
}
.change-hover-image.btn-02 {
  background: url("/wp-content/uploads/2022/02/btn-02-over-1.png") no-repeat center;
  background-size: contain;
}
.change-hover-image.btn-03 {
  background: url("design/btn-03-over.png") no-repeat center;
  background-size: contain;
}


body.page-template-page-top .checkin-time {
  font-size: clamp(18px, 4vw, 36px);
  margin-bottom: 0;
}

body.page-template-page-top ul.place-list {
  list-style: none;

  padding: 50px 0 100px 0;
  margin:0;
}
body.page-template-page-top ul.place-list li {
  padding: 0;

}
body.page-template-page-top ul.place-list li:before {
  display:none;
}
body.page-template-page-top ul.place-list li strong {
  cursor: pointer;
}
body.page-template-page-top ul.place-list li strong {
  display:block;
  /* padding: 8px 0 8px 70px; */
  padding: 8px;
  font-size: clamp(15px, 4vw, 42px);
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: -8px;

  border: 5px solid black;
  border-left: none;
  border-right: none;
  position:relative;
}
body.page-template-page-top .area-black ul.place-list li strong {
  border-color: #fe8425;
}

body.page-template-page-top ul.place-list li strong:before {
  /* content: "";
  display:inline-block;
  background: transparent url("library/design/accordion_open.png") center center;
  width: 48px;
  height: 48px;
  vertical-align: text-bottom;
  margin: 5px 15px 0px 10px; */

  font-family: "Font Awesome 6 Free";
  content: "\f055";
  margin: 5px 15px 0px 10px

}
body.page-template-page-top ul.place-list li img {
  display:none;
  margin-top: 8px;
}

body.page-template-page-top ul.place-list li.AccordionOpen strong {
  /* background: #C1C1C1; */
  background: black;
  color: white;
}
body.page-template-page-top .area-black ul.place-list li.AccordionOpen strong {
  /* background: #C1C1C1; */
  background: #fe8425;
  color: white;
}
body.page-template-page-top ul.place-list li.AccordionOpen strong:before {
  
  /* background-image: url("library/design/accordion_close.png"); */
  
  font-family: "Font Awesome 6 Free";
  content: "\f056";
}
body.page-template-page-top ul.place-list li.AccordionOpen img{
  display:block;
}


body.page-template-page-top div.block-place {
  max-width: 620px;
  margin: 0 auto;
  padding: 10px;
}

body.page-template-page-top div.block-place p {
  font-size: clamp(18px, 4vw, 28px);
  margin-bottom: 0;
}




#header .inner-header.wrap {
  display: flex;
  flex-wrap: nowrap;
  column-gap: 1em;
}
#header .header_right_tel {
  order: 1;
  display: flex;
  flex-shrink: 1;
}
#header .right_tel {
  /* padding: 0 25px; */
}


#footer #footer-top {
  display: flex;
  flex-wrap: nowrap;
  column-gap: 1em;
}
#footer #footer-top div:last-child {
  /* background-color: green; */
  text-align:right;
}


div.wp-block-spacer.space-small {
  height: 30px;
}
div.wp-block-spacer.space-middle {
  height: 50px;
}
div.wp-block-spacer.space-large {
  height: 100px;
}

@media only screen and (max-width: 1100px) {
  body.page-template-page-top .bread-virtual {

    /* margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0; */

  }
  #header .right_tel {
    /* padding-left: 25px; */

  }
  
  body.page-template-page-top .souba {
    font-size: 40px;
  }
  body.page-template-page-top .wp-block-media-text .wp-block-media-text__content, body.page-template-page-top p.res-text {
    font-size: 16px;
  }

  div.wp-block-spacer.space-small {
    height: 5px;
  }
  div.wp-block-spacer.space-middle {
    height: 5px;
  }
  div.wp-block-spacer.space-large {
    height: 20px;
  }
}
@media only screen and (max-width: 767px) {

  #header .inner-header .nav_btn {
    width: inherit;
  }
  #header .inner-header .nav_btn .stk_nav_btn_icon {
    margin-right: 1em;
  }

  body.page-template-page-top .souba {
    font-size: 30px;
  }
  body.page-template-page-top .wp-block-media-text .wp-block-media-text__content, body.page-template-page-top p.res-text {
    font-size: 12px;
  }

  
  div.wp-block-spacer.space-large {
    height: 5px;
  }



  body.page-template-page-top .top_system .title-jp img {
    /* margin-bottom: 15px;
    margin-left: 8%; */
    margin: 0;
    margin-bottom: 5px;
  }
  body.page-template-page-top .top_system .title-en img {
    /* margin-top: 15px;
    margin-left: 8%; */
    margin: 0;
    margin-top: 5px;
  }
  body.page-template-page-top .top_system .img-plane img {
    margin: 5vw 0 -20vw;
  }

  body.page-template-page-top .top_system .price-list {
    position:relative;
    right: initial;
    top: initial;
  }


}


body.page-template-page-top .area-orange {
  margin-top: 0;
  margin-left: -200%;
  margin-right: -200%;
  padding-left: 200%;
  padding-right: 200%;

  background: #FFFFE3;
}


body.page-template-page-top .area-reserve {

}

body.page-template-page-top .area-reserve .wp-element-caption {
  color: #F5005A;
  font-size: clamp(16px, 3vw, 24px);
}

body.page-template-page-top .area-reserve .wp-block-columns {
  padding: 50px 0;
  margin-bottom: 0;
}

@media only screen and (max-width: 600px) {
  body.page-template-page-top .area-reserve .wp-block-columns .wp-block-column .wp-block-image a {
    width: 90vw;
  }
}
body.page-template-page-top .bread-reserve {
  margin-top: 0;
}
body.page-template-page-top .bread-virtual {
  margin-top: 0;
}
body.page-template-page-top article {
  margin-bottom: 0;
}
body.page-template-page-top .entry-content {
  padding-bottom: 0;
}

body.page-template-page-top #footer-top {
  border-color:black;
}







#auto_calc {
  color: var(--main-ttl-bg);
  position: fixed;
  bottom: 0;
  left: 0;
  min-width: 200px;
  height: 50px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin: 10px;
  overflow: hidden;
  border:3px solid var(--main-ttl-bg);
  border-radius: 10px;
  background-color: rgba(255,255,255,0.8);/*半透明カラーの色*/
  backdrop-filter: blur(12px);
  z-index: 100000;
}
#auto_calc p {
  padding: 0 3px;
  line-height: 1.3;
margin: 0;
}
#auto_calc span.fee {
  font-size: 24px;
  padding: 0 3px;
}
#auto_calc span.yen {
  font-size: 18px;
}
#auto_calc span.attention {
  display:block;
  font-size: 10px;
  font-weight: normal;
}

/* zoomIn */
#auto_calc.zoomIn{
animation-name:zoomInAnime;
animation-duration:0.3s;
animation-fill-mode:forwards;
transform-origin: left bottom;
}

@keyframes zoomInAnime{
from {
  transform: scale(3);
  background-color: var(--main-ttl-bg);
}

to {
  transform: scale(1);
  background-color: rgba(255,255,255,0.8);
}
}




@media only screen and (min-width: 768px) {
	.only-pc { }
	.only-sp { display:none; }
}
@media only screen and (max-width: 767px) {
	.only-pc { display:none; }
	.only-sp { }
}