/*　頭に　.editor-styles-wrapper .is-root-container　つける　+　,style名*/

/*　contactform用　*/
div:has(.form){
  max-width:100%;
}

.form-hansha, .form-sandou{
	background-color: #f9f9f9;
	padding: 5px 30px;
	font-weight: bold;
}

.form-hansha, .form-sandou span{
	margin-left: 0;
}

.form{
	background-color: #ddeef7;
}
.form-inner{
	width: 80%;
    margin: 0 auto;
    padding-top: 60px;
}
 .form-inner2{
	width: 80%;
    margin: 0 auto;
    padding-bottom: 60px;
}

.form-inner2 ul{
	font-weight: normal;
	padding: 0 0 0 30px;
	line-height:26px;
}

.form-inner input, .form-inner textarea{
	width: calc(100% - 40px);
	height: 50px;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	opacity: 1;
	font-size:18px;
}

.form-inner p{
	margin-bottom: 20px;
}

.form-inner input{
	padding: 0 20px;
}

.form-inner textarea{
	padding: 20px 20px;
	min-height: 200px;
}

.form-inner input::placeholder{
	color: #CCCCCC;
}

.required p::after {
  content: "必須";
  background-color: #399bce;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  min-width: 10px;
  padding: 3px 7px 4px;
  margin: 0px 5px 3px;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  display: inline-block;
}

.required-label::after {
  content: "必須";
  background-color: #399bce;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  min-width: 10px;
  padding: 3px 7px 4px;
  margin: 0px 5px 3px;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  display: inline-block;
}
.label-text{
	line-height: 36px;
	font-weight: bold;
}

.form-hansha input[type="checkbox"], .form-sandou input[type="checkbox"], .form-doui input[type="checkbox"]{
  position: relative;
  width: 26px;
  height: 26px;
	top: 2px;
	background-color: white;
  border: 1px solid #000000;
	border-radius: 3px;
	opacity: 1;
  vertical-align: -5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-hansha input[type="checkbox"]:checked:before, .form-sandou input[type="checkbox"]:checked:before, .form-doui input[type="checkbox"]:checked:before {
  position: absolute;
  top: 2px;
  left: 9px;
  transform: rotate(50deg);
  width: 8px;
  height: 16px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  content: '';
}

.form-doui{
	padding: 30px 0;
	font-weight: bold;
}
.form-doui span{
	margin-left: 0;
}
.text-bold{
	font-weight: bold;
}

.form-inner2 input[type="submit"]{
 display       : inline-block;
	width: 259px;
	height: 80px;
	background: transparent linear-gradient(90deg, #399bce 0%, #2a7eaa 100%) 0% 0% no-repeat padding-box;
	border-radius: 5px;
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  opacity       : 1;           /* 透明度     */
  transition    : .3s;         /* なめらか変化 */
	border: none;
}
.form-inner2 input[type="submit"]:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  opacity       : 0.8;         /* カーソル時透明度 */
}
.form-inner2 p:has(input[type="submit"]){
	text-align: center;
	margin: 40px 0;
}

div.wpcf7 .wpcf7-spinner {
    display: block;
}

@media (max-width: 749px) {
	.form-hansha, .form-sandou{
	padding: 5px 20px;
	}
	
	.form-inner{
	width: 90%;
	padding-top: 30px;
	}

 	.form-inner2{
	width: 90%;
    padding-bottom: 30px;
	}
	
	.form-inner input{
	padding: 0 10px;
	}
	
	.form-inner input, .form-inner textarea{
	width: calc(100% - 20px);
	}
	
	.form-inner textarea{
	padding: 20px 10px;
	}

	.form-doui{
	padding: 10px 0;
	}
	
	.has-global-padding:has(.form) {
		padding-right: 0; 
		padding-left: 0;
	}
}

/* .wp-block-latest-posts__list {
  &.is-grid {
    display: grid;
    gap: 1.2rem;
    grid-template-columns: repeat(3, 1fr);
  }
  &.columns-3 li {
    width: initial;
  }
  li {
    width: initial;
    .wp-block-latest-posts__post-title {
      font-size: clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.86), 1.5rem);
      text-decoration: none;
    }
  }
} */

.wp-block-latest-posts__featured-image a img,
.wp-block-post .wp-block-post-featured-image a img{
  width: 100%;
	max-width: 360px;
	aspect-ratio: 3/2;
	object-fit: cover;
	border-radius: 10px;
}


.wp-block-query-pagination {
  display: flex;
  justify-content: center;
  margin-top: clamp(20px, calc(5px + 0.0375 * 100vw), 50px);
  .page-numbers {
    display: inline-block;
    width: 30px;
    margin: 0 3px;
    background-color: #CCCCCC;
    border-radius: 50%;
    line-height: 30px;
    text-decoration: none;
    text-align: center;
    font-size: clamp(16px, calc(13px + 0.0075 * 100vw), 22px);
    @media (min-width: 750px) {
      width: 50px;
      line-height: 50px;
      margin: 0 5px;
    }
    &:hover {
      background-color: rgba(204, 204, 204, 0.8);
    }
    &.current {
      background-color: #DCEDF5;
    }
  }
  .page-numbers.dots {
    border: none;
    width: 15px;
    line-height: initial;
    background-color: initial;
  }
}