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

#anchor1{
  padding-top:150px;
  margin-top:-150px;
}
#anchor2{
  padding-top:150px;
  margin-top:-150px;
}
#anchor3{
  padding-top:150px;
  margin-top:-150px;
}
@media only screen and (max-width: 600px){
#anchor1{
  padding-top:80px;
  margin-top:-80px;
}
#anchor2{
  padding-top:80px;
  margin-top:-80px;
}
#anchor3{
  padding-top:80px;
  margin-top:-80px;
}
}

main.rental{ color:#63666a; text-align:justify;}
main.rental h3{ color:#5b4f3f; font-size:32px; font-family: 'Noto Serif Japanese'; text-align: center; letter-spacing:0.05em; position:relative; margin-bottom: 80px; }
@media only screen and (max-width: 600px){ main.rental h3{ font-size:22px; margin-bottom: 60px; }}
main.rental h3:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 60px;
    height: 1px;
    margin-left: -30px;
    margin-bottom: -30px;
    background-color: #cccccc;
}
main.rental h3 span{ display:block; font-size:15px; margin-top: 6px; }
@media only screen and (max-width: 600px){ main.rental h3 span{ font-size:13px;} }
main.rental h3 em{
	display: block;
    width: 60px;
    margin: 0 auto 16px; }
@media only screen and (max-width: 600px){
	main.rental h3 em{
    width: 40px; margin: 0 auto 10px; }
	}

.bg-rental-gray{ background-color:#fafafa; }
.bg-rental-beige{ background-color:#fffcf6;}

.rental-wrapper{ padding:80px 0; font-size:16px; }
@media only screen and (max-width: 600px){ .rental-wrapper{ padding:40px 0; font-size:14px; } }

.rental-inner1200{ width:1200px; margin:0 auto; }
@media only screen and (max-width: 1200px){ .rental-inner1200{ width:90%;}}
.rental-inner1024{ width:1024px; margin:0 auto; }
@media only screen and (max-width: 1024px){ .rental-inner1024{ width:90%;}}
.rental-inner800{ width:800px; margin:0 auto;}
@media only screen and (max-width: 800px){ .rental-inner800{ width:90%;}}

.rental-top-bg{ background-image:url(img/rental-top.jpg); background-size:cover; background-repeat:no-repeat; background-position:top center;}
@media only screen and (max-width: 600px){ .rental-top-bg{ background-image:url(img/rental-top-sp.jpg);} }
.rental-top{
	display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 100px 0;
	}
.rental-top p:nth-of-type(1){ width:556px; margin-bottom:40px;}
@media only screen and (max-width: 600px){ .rental-top p:nth-of-type(1){ width:90%;} }
.rental-top p:nth-of-type(2){ color:#fff; text-align:center; line-height:2; letter-spacing:0.2em; font-size:17px;}
@media only screen and (max-width: 600px){ .rental-top p:nth-of-type(2){
	line-height: 1.6;
    letter-spacing: 0.1em;
    font-size: 14px;}
	}

.rental-flow{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin-bottom:40px;
	}
@media only screen and (max-width: 600px){ .rental-flow{ margin-bottom:20px;}}
.rental-flow dl{ width:18%; }
@media only screen and (max-width: 600px){
	.rental-flow dl{
	width: 100%;
    display: flex;
    justify-content: space-between;
	align-items: center;
	    margin-bottom: 20px;
	}
	}
.rental-flow dl dt{ width:140px; margin: 0 auto 20px;}
@media only screen and (max-width: 1024px){ .rental-flow dl dt{ width:100px;}}
@media only screen and (max-width: 600px){ .rental-flow dl dt{ width: 25%; margin: 0; }}
@media only screen and (max-width: 600px){ .rental-flow dl dd{ width: 70%; }}
.rental-flow dl dd p:nth-of-type(1){ font-family: 'Noto Serif Japanese'; text-align:center; font-size:20px;}
@media only screen and (max-width: 600px){ .rental-flow dl dd p:nth-of-type(1){ text-align:left; font-size:15px;}}
.rental-flow dl dd p:nth-of-type(3){ color:#D66C54; font-size:14px;}
.rental-flow dl dd p{ margin-bottom:20px; }
@media only screen and (max-width: 600px){ .rental-flow dl dd p{ margin-bottom:6px; }}
.rental-flow dl dd p:last-child{ margin-bottom:0px; /*text-align: center;*/ font-size: 15px; }
@media only screen and (max-width: 600px){ .rental-flow dl dd p:last-child{ font-size: 13px; text-align: justify; }}
@media only screen and (max-width: 600px){ .rental-flow dl dd p:last-child br{ display: none;}}

.rental-attention{ color:#D66C54; font-size:14px; }
@media only screen and (max-width: 600px){ .rental-attention{ font-size:13px; }}

.rental-btn p:nth-of-type(1){ margin-bottom:60px; text-align:center; }
.rental-btn p:nth-of-type(2){ font-size:22px; font-family: 'Noto Serif Japanese'; text-align:center; margin-bottom:60px; letter-spacing: 0.1em;}
@media only screen and (max-width: 600px){ .rental-btn p:nth-of-type(2){ font-size: 16px; margin-bottom:30px; } }
.rental-btn ul{
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.rental-btn ul li{ width:47.5%;}
.rental-btn ul li a{
	display:block; border:solid 2px #5b4f3f; text-align:center; color:#5b4f3f; font-family: 'Noto Serif Japanese'; font-size:22px; line-height:1; padding:14px 0;
	border-radius:6px; position:relative;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;}
@media only screen and (max-width: 600px){ .rental-btn ul li a{ font-size:17px; padding:10px 0; }}
.rental-btn ul li a:hover{ background-color: #faead6; }
.rental-btn ul li a:after{
	position: absolute;
    font-size: 16px !important;
    line-height: 0;
    right: 10px;
    top: 50%;
    transform: translate(0px, -50%);
    transform: rotate(90deg);
    font-family: 'Material Icons';
    content: 'keyboard_arrow_right';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    color: #473d3e;
}

ul.rental-list{
	display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
	margin-right:-2.5%;
	margin-bottom:2.5%;
	z-index: 10;
    position: relative;
	}
@media only screen and (max-width: 600px){ ul.rental-list{ margin-bottom:40px; }}
ul.rental-list:last-child{ margin-bottom:0;}
ul.rental-list li{
	width:22.5%;
	margin-right:2.5%;
	margin-bottom:2.5%;
	border:solid 1px #ccbeac;
	border-radius:4px;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
	}
@media only screen and (max-width: 600px){ ul.rental-list li{ width:47.5%;} }
ul.rental-list li div:nth-of-type(1){ background-color:#fff; display:block; border-top-left-radius: 4px; border-top-right-radius: 4px; padding:10px; cursor:pointer; position:relative;}
ul.rental-list li div:nth-of-type(1) p:nth-of-type(1){ margin-bottom:10px; position:relative; }
ul.rental-list li div:nth-of-type(1):before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    z-index: 10;
	background-image:url(img/ic-zoom.png);
    background-size: 25px 25px;
    display: inline-block;
    width: 25px;
    height: 25px;
    cursor: pointer;
	border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
ul.rental-list li div:nth-of-type(1) p:nth-of-type(2){ text-decoration:none; color:#63666a; font-size:14px; text-align:center;}
ul.rental-list li div:nth-of-type(2){     background-color: #ccbeac; color:#fff; text-align:center; font-size:14px; font-weight:600; padding:7px 5px 5px 5px;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;}
ul.rental-list li div:nth-of-type(2) p:nth-of-type(1){ text-align: left; margin-right:5px; }
ul.rental-list li div:nth-of-type(2) p:nth-of-type(1) input{ border:none; }
ul.rental-list li div:nth-of-type(2) p:nth-of-type(1) input[type=checkbox]{ -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); vertical-align: text-bottom }
ul.rental-list li div:nth-of-type(2) p:nth-of-type(2){ text-align:center; }

ul.rental-list li div:nth-of-type(1){ display:block; }
ul.rental-list li div:nth-of-type(1) img{ transition:all 0.5s ease; }
ul.rental-list li div:nth-of-type(1):hover img{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    }
ul.rental-list li div:nth-of-type(1):hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
}

.rental-realtime-wrapper{
	/*width: 100%;*/
	background-color:#fff;
	position:fixed;
	right:0px;
	bottom: 40px;
	/*border: solid 1px #ccc;*/
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
    /*border-radius: 8px;*/
	padding: 12px;
	/*box-shadow: 0px -3px 10px -4px rgb(0 0 0 / 20%);*/
	z-index:1000;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
	}
@media only screen and (max-width: 600px){ .rental-realtime-wrapper{ bottom:0; right:auto; border:none; width:100%; border-radius: 0px; padding:0; box-shadow: 0px -3px 10px -4px rgb(0 0 0 / 20%); } }
.rental-realtime{
	display: flex;
    flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	}

@media only screen and (max-width: 600px){.rental-realtime{ justify-content: space-between; flex-wrap: nowrap;  flex-direction: row; }}
.rental-realtime div:nth-of-type(1){
	display: flex;
    /* padding: 20px 0; */
    align-items: center; }
@media only screen and (max-width: 600px){ .rental-realtime div:nth-of-type(1){ display:inline-block; width:70%; font-size: 0; }}
@media only screen and (max-width: 600px){ .rental-realtime div:nth-of-type(1) ul{ margin-left:10px;}}
.rental-realtime div:nth-of-type(1) ul li{ display:block; font-size: 0; margin-bottom:6px;}
@media only screen and (max-width: 600px){ .rental-realtime div:nth-of-type(1) ul li{ display:inline-block; margin-bottom:0px; }}
.rental-realtime div:nth-of-type(1) ul li p{ display:inline-block; vertical-align:middle; margin-right:14px;}
@media only screen and (max-width: 600px){ .rental-realtime div:nth-of-type(1) ul li p{ margin-right:10px; } }
.rental-realtime div:nth-of-type(1) ul li p:last-child{ margin-right:0px;}
.rental-realtime div:nth-of-type(1) ul li p:nth-of-type(1){ width:30px;}
@media only screen and (max-width: 600px){ .rental-realtime div:nth-of-type(1) ul li p:nth-of-type(1){ width:26px;} }
.rental-realtime div:nth-of-type(1) ul li p:nth-of-type(2){ font-size:16px; font-family: 'Noto Serif Japanese'; letter-spacing:0.1em; color:#a87c42;}
@media only screen and (max-width: 600px){ .rental-realtime div:nth-of-type(1) ul li p:nth-of-type(2){ display:none;} }
.rental-realtime div:nth-of-type(1) ul li p:nth-of-type(3){ background-color:#faead6; padding:5px 15px; border-radius:4px; font-size:22px; font-family:Arial, Helvetica, sans-serif; color:#a87c42; letter-spacing: 0.1em;}
@media only screen and (max-width: 600px){ .rental-realtime div:nth-of-type(1) ul li p:nth-of-type(3){  letter-spacing: 0em; padding: 5px 10px; font-size: 20px; line-height: 1; margin-right: 10px; border-radius: 2px; }}
.rental-realtime div:nth-of-type(1) ul li p:nth-of-type(3) span{ font-weight:600; color:#d66c54; font-size:26px;}

.rental-realtime div:nth-of-type(2){
	    width: 100%;
	/*display: flex;
    flex-wrap: wrap;
	align-items: center;
	background-color:#5b4f3f;*/
	}
@media only screen and (max-width: 600px){ .rental-realtime div:nth-of-type(2){ display:inline-block; width: 30%; }}
.rental-realtime div:nth-of-type(2) a {
    display: block;
    color: #fff;
    font-size: 15px;
	padding:11px 0 9px 0;
    /*padding: 26px 30px 24px;*/
    background-color: #5b4f3f;
	line-height:1;
	text-align:center;
	border-radius:4px;
}
@media only screen and (max-width: 600px){ .rental-realtime div:nth-of-type(2) a{ padding:16px 10px; border-radius:0px;} }
@media only screen and (max-width: 600px){.rental-realtime div:nth-of-type(2) a span{ display:none; }}

/*-----ご注意事項-----*/

.rental-precautions dl{}
.rental-precautions dl dt {
    background-color: #fafafa;
    padding: 12px;
    font-weight: 600;
    margin-bottom: 20px;
}
.rental-precautions dl dd{ margin-bottom: 20px; }
.rental-precautions ul{
    border: solid 1px #ccc;
    padding: 25px;
}
.rental-precautions ul li {
    list-style-type: disc;
    list-style-position: inside;
    margin: 0;
    padding-left: 1.3em;
    text-indent: -1.3em;
}

@media only screen and (max-width: 600px) {

/*	
.rental-realtime-wrapper{
	width: 100%;
	background-color:#fff;
	position:fixed;
	bottom: 0;
	box-shadow: 0px -3px 10px -4px rgb(0 0 0 / 20%);
	z-index:100000;
	}

.rental-realtime{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}

.rental-realtime div:nth-of-type(1){
	display: flex;
    align-items: center; }
.rental-realtime div:nth-of-type(1) ul li{ display:inline-block; font-size: 0;}
.rental-realtime div:nth-of-type(1) ul li p{ display:inline-block; vertical-align:middle; margin-right:16px;}
.rental-realtime div:nth-of-type(1) ul li p:nth-of-type(1){ width:40px;}
.rental-realtime div:nth-of-type(1) ul li p:nth-of-type(2){ font-size:18px; font-weight:600; color:#a87c42;}
.rental-realtime div:nth-of-type(1) ul li p:nth-of-type(3){ background-color:#faead6; padding:5px 15px; border-radius:4px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#a87c42;}
.rental-realtime div:nth-of-type(1) ul li p:nth-of-type(3) span{ font-weight:600; color:#d66c54; font-size:30px;}

.rental-realtime div:nth-of-type(2){}
.rental-realtime div:nth-of-type(2) a {
    display: block;
    color: #fff;
    font-size: 22px;
    padding: 26px 30px 24px;
    background-color: #5b4f3f;
	line-height:1;
}*/
	
}

.shinomodal_modal{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.8);
	z-index:9999;
	display: none;
}
.shinomodal_bigimg{
	position: absolute;
	width: 80%;
	max-width: 600px;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}
.shinomodal_bigimg img{ width:100%; border-radius:10px; }
.shinomodal_btn{
	color: #fff;
	font-size: 28px;
	position: absolute;
	right: 0px;
	top: -38px;
	text-decoration: none;
}