@charset "utf-8";
/* CSS Document */


/*---------------------------------------*/

.detailMainvisual {
	background-image: url("/kamakura/en/reserve/images/mainvisual01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-top: 70px;
	height: 420px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.detailH201 {
	color: #ffffff;
}
.detailH201 .s01 {
	display: block;
	font-size: 28px;
	line-height: 2.0em;
	font-weight: 500;
}
.detailH201 .s02 {
	display: block;
	font-size: 13px;
	line-height: 1.8em;
	font-weight: normal;
}

.detailContBase01 {
	/*background-image: url("/kamakura/en/common/images/bg_beige01.jpg");
	background-repeat: repeat;
	background-position: center top;
	background-size: auto;*/
	padding: 120px 0px;
}

.detailBlock01 {
	text-align: left;
	background-image: url("/kamakura/en/common/images/bg_beige_dark.jpg");
	background-repeat: repeat;
	background-position: center top;
	background-size: auto;
	box-sizing: border-box;
	padding: 80px;
}

/*-------------------------------------*/

  .searchCalWidget *{margin:0;padding:0;color:#333;text-decoration:none;box-sizing:border-box;}
  .searchCalWidget select{padding:.25em 1em;font-size:16px;outline:none;border:1px solid #999;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
  .searchCalWidget select::-ms-expand{display:none;}
  .searchCalElement>ul{list-style:none;margin:0 0 1em;display:flex;justify-content:space-between;}
  .searchCalElement>ul>li{width:48%;}
  .searchCalElement>ul>li li{list-style:none;margin:0 0 .5em;padding:0 .5em .5em;border-bottom:1px solid #ddd;}
  .searchCalElement>ul>li li dl{display:flex;align-items:center;flex-wrap:wrap;}
  .searchCalElement>ul>li li dl dt{font-size:14px;text-align:left;}
  .searchCalElement>ul>li li dl dt span{margin-left:.25em;font-size:11px;}
  .searchCalElement>ul>li li dl dd{margin-left:auto;}
  .searchCalButton{padding:0 0 2em;display:flex;align-items:center;justify-content:center;}
  .searchCalButton input{padding:.4em 2em;font-size:14px;font-weight:700;color:#fff;background:#333;border:none;border-radius:4px;cursor:pointer;}
  .searchCalSelectBox{padding:0 0 .5em;display:flex;align-items:baseline;flex-wrap:wrap;}
  .searchCalSelectBox>div>ol>li button{width: 28px; height: 27px;}
  .searchCalNote {display:flex;justify-content:space-between;padding:1em 0 1em;}
  .searchCalNote ol{list-style:none;display:flex;}
  .searchCalNote li{margin-right:1.5em;font-size:13px;line-height:16px;display:flex;text-align:left;}
  .searchCalNote li svg{margin-right:5px;width:16px;height:16px;fill:#333;}
  .searchCalNote p{font-size:13px;line-height:16px;padding-left:1em;text-indent:-.9em;text-align: left;}
  .searchCalSelect{margin-left:auto;padding:0 0 1em;display:flex;align-items:stretch;}
  .searchCalSelect ol{list-style:none;display:flex;align-items:stretch;}
  .searchCalSelect ol li{margin-left:5px;}
  .searchCalSelect ol li button{padding:5px 5px 4px;height:100%;display:flex;align-items:center;justify-content:center;width:28px;border:1px solid #999;border-radius:3px;background:transparent;cursor:pointer;}
  .searchCalSelect ol li button:disabled{opacity: .5}
  .searchCalSelect ol li svg{width:16px;height:16px;fill:#666;pointer-events:none;}
  .searchCalAdult dt>span{color:#666666;margin-left:1em;}
  .searchCalChildren {font-size:14px;}
  .searchCalChildren dt>span{color:#666666;margin-left:1em;}
  .searchCalChildren dd>span{margin:0 2px;}
  #searchCal>dl>dt{padding:0 0 .5em;font-size:16px;font-weight:700;}
  #searchCal>dl>dd ul{list-style:none;display:flex;}
  #searchCal>dl>dd ul li{padding:.25em;font-size:11px;text-align:center;background:#eee;flex:1;}
  #searchCal>dl>dd ul li:first-child{color:#ff4d4d;}
  #searchCal>dl>dd ul li:last-child{color:#006dd9;}
  #searchCal>dl>dd ol{list-style:none;display:flex;flex-wrap:wrap;border:solid #ddd;border-width:1px 0 0 1px;}
  #searchCal>dl>dd ol li{width:14.28571%;min-height:70px;position:relative;border:solid #ddd;border-width:0 1px 1px 0;}
  #searchCal>dl>dd ol li dl{padding-bottom:.5em;}
  #searchCal>dl>dd ol li dt{padding-top:.25em;font-size:18px;font-weight:700;text-align:center;}
  #searchCal>dl>dd ol li:nth-child(7n) dt{color:#006dd9;}
  #searchCal>dl>dd ol li:nth-child(7n-6) dt{color:#ff4d4d;}
  #searchCal>dl>dd ol li.none dl{opacity:.25;cursor:not-allowed;}
  #searchCal>dl>dd ol li dl dd{padding:.25em 0 .5em;display:flex;gap:.5em;justify-content:center;flex-direction:column;}
  #searchCal>dl>dd ol li dl dd svg{width:20px;height:20px;fill:#333;margin-inline: auto;}
  #searchCal>dl>dd ol li dd p{font-size:10px;font-weight:700;text-align:center;text-indent:-.4em;width:100%;}
  @media screen and (max-width:640px){
  }


/*@media screen and (max-width:768px) {*/
@media screen and (max-width:767px) {

	.detailMainvisual {
		background-image: url("/kamakura/en/reserve/images/mainvisual01_sp.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		margin-top: 70px;
		height: 250px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.detailH201 {
		color: #ffffff;
	}
	.detailH201 .s01 {
		display: block;
		font-size: 28px;
		line-height: 2.0em;
		font-weight: 500;
	}
	.detailH201 .s02 {
		display: block;
		font-size: 13px;
		line-height: 1.8em;
		font-weight: normal;
	}

	.detailContBase01 {
		/*background-image: url("/kamakura/en/common/images/bg_beige01.jpg");
		background-repeat: repeat;
		background-position: center top;
		background-size: auto;*/
		padding: 40px 20px;
	}

	.detailBlock01 {
		text-align: left;
		background-image: url("/kamakura/en/common/images/bg_beige_dark.jpg");
		background-repeat: repeat;
		background-position: center top;
		background-size: auto;
		box-sizing: border-box;
		padding: 20px;
	}

	/*-------------------------------------*/

	.searchCalElement>ul>li li dl dt{font-size:12px;}
	.searchCalElement>ul>li li dl dt span{font-size:10px;}
	#searchCal>dl>dd ol li dd p{transform:scaleX(.75);}

	.searchCalElement > ul {
		display: block;
	}
	.searchCalElement > ul > li {
		width: auto;
	}
	.searchCalNote {
		display: block;
		padding: 1em 0 1em;
	}
	.searchCalNote ol {
		display: block;
		margin-bottom: 1em;
	}
	.searchCalNote ol li + li {
		margin-top: 1em;
	}
}