/*
Theme Name: Kaminari Retalbike
Template: arkhe
*/

.caption-title {font-size: 20px;font-weight: 600;}

.day-status.available,
.day-status.booked {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
}

#movie.wp-block-cover {
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
}

#movie .wp-block-cover__video-background {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}


/* --- 07. form ----------------------------------------------------- */
.grecaptcha-badge { visibility: hidden; }

h2.form-headline  {
	border-bottom: 3px solid #212121;
	padding-bottom: 5px;
}

.must {
	background: #de4343;
	padding: 0px 10px; 
	border-radius: 5px;
	margin-right: 10px;
	color: #fff;
	display: inline-block;
	font-size: 90%;
	}

.optional {
	background: #666;
	padding: 0px 10px; 
	border-radius: 5px;
	margin-right: 10px;
	color: #fff;
	display: inline-block;
	font-size: 90%;
	}

.form th {
	text-align: left; 
	}
	
.form {
	width: 100%;
	border-collapse:collapse;
}
.form th {
		width: 30%;
	}
.form td {
		width: 70%;
	}
	

@media (max-width: 768px) {
	.form th,
	.form td {
		width: auto;display: block;
	}
	}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    width: 100%;
    box-sizing: border-box;
}

/*買取フォーム*/
.tbl-r02 {
	width:100%;
}

.tbl-r02 th {
	border:1px solid #ddd;
   background: #f5f5f5;
	 width: 20%;
	padding:10px;
	text-align:left;
	font-weight:600;
}
.tbl-r02 td {
	border:1px solid #ddd;
	padding:10px;
}

.tbl-r02,
.notice {background: #fff!important}
.notice h5 {color:#000!important;}

.red{color:#ff0000;}
.small-text{font-size:12px;}

.must {
	background: #ff0000;
	color: #fff;
	padding: 0px 3px;
	margin-left: 5px;
	border-radius:5px;
	display:inline;
	float:right;
}
.optional {
	background: #666;
	color: #fff;
	padding: 0px 3px;
	margin-left: 5px;
	border-radius:5px;
	display:inline;
	float:right;
}

.notice{
	border:1px solid #ddd;
	padding:10px;
	font-size:12px;
}

.form-title{
	background:#f0f8ff;
	padding:30px 5px;
	font-size:28px;
	font-weight:600;
}
.bg-cream{
background:#fffacd;	
	margin-bottom:10px;
}

@media screen and (max-width: 640px) {
 .tbl-r02 {
width: 100%;
table-layout: fixed;
word-break: break-all;
word-wrap: break-all;
}	
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
border-bottom: none;
    display: block;
    width: 100%;
  }

.must,.option {
	clear: both;
}  
}

.form-title{
	background:#f0f8ff;
	padding:30px 5px;
	font-size:28px;
	font-weight:600;
}
.bg-cream{
background:#fffacd;	
	margin-bottom:10px;
}


.spec-table {
  width: 100%;
  border-top: 1px solid #222;
  font-size: 18px;
  line-height: 1.5;
}

.spec-row {
  display: grid;
  grid-template-columns: 18.5% 31.5% 18.5% 31.5%;
  border-bottom: 1px solid #222;
}

.spec-label,
.spec-value {
  padding: 28px 30px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.spec-label {
  background: #f3f3f3;
  font-weight: 700;
}

.spec-label small {
  font-size: 0.75em;
  font-weight: 700;
}

.spec-label sup {
  margin-left: auto;
  font-size: 0.7em;
}

/* スマホ */
@media screen and (max-width: 767px) {

  .spec-table {
    font-size: 16px;
  }

  .spec-row {
    display: grid;
    grid-template-columns: 40% 60%;
    border-bottom: 0;
  }

  .spec-label,
  .spec-value {
    padding: 22px 16px;
    min-height: 100px;
    border-bottom: 1px solid #222;
  }

  .spec-label {
    line-height: 1.4;
  }

}