#my-scrollbar{ background-color:#fff; }
.btnArea{ display:none; }

.mb-0{margin-bottom: 0 !important;}

.sub01_tt{ font-size:20px; font-weight:700; color:#111; margin-bottom:2rem; }
.sub01_st{ font-size:15px; font-weight:500; color:#333; margin-bottom:1.5rem; line-height:1.7em; }
.sub01_de{ margin-bottom: 0;}
.sub01_de > li{ font-size:15px; font-weight:500; color:#444; margin-bottom:10px; padding-left: 10px; position: relative;}
.sub01_de > li::after{content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: #636363; position: absolute; top: 10px; left: 0;}
.sub01_de > li:last-child{ margin-bottom:0; }
.sub01_de > li > p{ font-weight:300; margin:0; font-size: 15px;}

#sub01{margin-bottom: 1.5rem;}
#sub01:last-child{margin-bottom: 0;}

#sub01 > ul > li{ font-size:15px; font-weight:500; color:#444; margin-bottom:10px; }
#sub01 > ul > li:last-child{ margin-bottom:0; }
#sub01 > h5{font-size: 16px; margin-bottom: 1rem;}

.sub01_btn{ margin-top:2rem; text-align:right; padding:0; }
.sub01_btn > li{ display:inline-block; color:#efefef; margin-bottom:5px; }
.sub01_btn > li > a{ display:block; font-size:14px; padding:5px 15px; text-align:center; border-radius:4px; background-color:#333; font-weight:300; color:#efefef; }

.font-rd{color: #ee2c3c;}

.page-section.border-bottom{padding-bottom: 2rem; margin-bottom: 2rem;}
.border-bottom{border-bottom: 1px solid #ddd;}

.grey-box{
	width: 100%;
    height: 100%;
    padding: 2rem;
    background-color: #f5f5f5;
}

.etc{font-size: 15px; margin-bottom: 0 !important;}

.word-spacing > li{word-spacing: 5px;}

.cost-table{border-spacing: 0;}
.cost-table-wrap{width: 100%;}
.cost-table-wrap .cost-table{width: 100%; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.cost-table-wrap .cost-table > thead > tr > th{padding: 1rem; text-align: center; background-color: #f3f3f3; vertical-align: middle; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: 700; font-size: 14px;}
.cost-table-wrap .cost-table > tbody > tr > td{padding: 1rem; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; vertical-align: middle; font-size: 14px;}
.cost-table-wrap .cost-table > tbody > tr > th{padding: 1rem; text-align: center; background-color: #f3f3f3; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; vertical-align: middle; font-size: 14px;}

.cost-table-wrap-m{width: 100%;}
.cost-table-wrap-m .cost-table{width: 100%; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.cost-table-wrap-m .cost-table > thead > tr > th{padding: .5rem; text-align: center; background-color: #f3f3f3; vertical-align: middle; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: 700; font-size: 13px;}
.cost-table-wrap-m .cost-table > tbody > tr > th{padding: .3rem; text-align: center; background-color: #f3f3f3; vertical-align: middle; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: 700; font-size: 12px;}
.cost-table-wrap-m .cost-table > tbody > tr > td{padding: .3rem; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; vertical-align: middle; font-size: 12px;}

.page-tit{margin-bottom: 2rem;}
.page-tit > h2{font-size: 24px; font-weight: 700; margin-bottom: 1rem;}
.page-tit > h5{font-size: 16px;}

.reservation-tit{padding: 150px 0 80px; text-align: center;}
.reservation-tit > h3{font-size: 20px; margin-bottom: 2rem;}
.reservation-tit > h3 > span{display: inline-block; padding: 1px 5px; background-color: #111; color: #fff;}

.rv-line{width: 1px; height: 200px; background-color: rgba(112, 112, 112, 0.4); position: relative; overflow: hidden; margin: 0 auto;}
.rv-line::after{content: ""; width: 1px; height: 200px; background-color: #707070; position: absolute; top: -100%; left: 0; animation: line 5s ease-in-out infinite;}

@keyframes line{
	0%{top: -100%;}
	100%{top: 100%;}
}

@media(max-width:500px){
	.sub01_btn > li > a{ font-size:13px; }
    .sub01_tt{font-size: 16px; margin-bottom: 1rem;}
    .sub01_de > li > p{font-size: 12px;}
    .page-section.border-bottom{padding-bottom: 2rem; margin-bottom: 2rem !important;}
    .page-tit{margin-bottom: 2rem;}
    .page-tit > h2{text-align: left; margin-bottom: 1rem; font-size: 18px;}
    .page-tit > h5{font-size: 14px;}
    .sub01_de > li{font-size: 14px;}

    .reservation-tit > h3{font-size: 18px;}

    .reservation-tit{padding: 150px 0 80px;}
}