@charset "UTF-8";

/*  [ YBM ] : play.css */


.flex-rimg > *:nth-child(1) { width: 550px; }
.flex-rimg > *:nth-child(2) { width: 400px; }


/*==================================================*
 *  [ 一覧・料金 ]
 *==================================================*/

.list-rental {
	display: flex;
	flex-wrap: wrap;
	list-style:
	none; padding: 0;
}
.list-rental li {
	width: calc(33.33% - 20px);
	margin-left: 30px;
}
.list-rental li:nth-child(3n) ~ li { margin-top: 30px; }
.list-rental li:nth-child(3n+1) { margin-left: 0; }
.list-rental figure { margin: 0; }
.list-rental p { margin: 10px 0 0; line-height: 1.2; }

@media screen and (max-width: 767px) { /* Smartphone */
	.list-rental li {
		width: calc(50% - 7.5px);
		margin-left: 15px;
	}
	.list-rental li:nth-child(2n) ~ li { margin-top: 20px; }
	.list-rental li:nth-child(3n+1) { margin-left: 15px; }
	.list-rental li:nth-child(2n+1) { margin-left: 0; }
} /* */

/*==================================================*
 *  [ チャーター ]
 *==================================================*/
 #charter input[type="submit"]{
	 margin:1em 0;
	 padding:0;
	 background-color: #fff;
	 border:0;
	 width: 100%;
	 text-align: left;
	 cursor: pointer;
 }
 #charter form:hover input[type="image"]{
	transition: all ease 0.3s;
	opacity: 0.7;
}
  @media screen and (min-width: 768px) { /* PC */
	#charter input[type="image"]{
		display: block;
		width: 475px;
	}
  } 
@media screen and (max-width: 767px) { /* Smartphone */
	#charter input[type="image"]{
		display: block;
		width: 100%;
	}
 } 
  

/*==================================================*
 *  [ お申込み ]
 *==================================================*/

.link-ss {
	position: relative;
	padding: 20px;
	background: #fff;
}
.link-ss::before {
	position: absolute;
	top: -24px;
	left: calc(50% - 24px);
	border: 24px solid transparent;
	border-top: none;
	border-bottom-color: #fff;
	content: "";
}
.link-ss .ttl-nml {
	color: #b0473b;
	font-size: 3rem;
}
.link-ss .btn-link { background: #b0473b; }

@media screen and (max-width: 767px) { /* Smartphone */
	.link-ss { padding: 10px 15px; }
	.link-ss .ttl-nml { font-size: 2.4rem; }
} /* */

