@charset "utf-8";
/* CSS Document */
/* stayplan
------------------------------------------------------------------- */
#mainvisual{
  background: url(../img/header_stayplan.jpg) center center / cover no-repeat;

}
#stayplan,#list{margin-bottom: 100px;}
#info-section table{border-collapse:collapse; width:100%; border: solid 1px #C9A696; margin-bottom: 10px;}
#info-section th{
	padding:10px;
	text-align:center;
	background-color:#F4E9E4;
	min-height: 40px;
	border: solid 1px #C9A696;
	line-height: 30px;
	white-space: nowrap;
}

#info-section td{
	padding:10px;
	border: solid 1px #C9A696;
	text-align:center;
	min-height: 40px;
	
}
#info-section td span{display: inline-block;}
.plan_table01 .cuis_td span{display: inline-block;}
#list img{margin-bottom: 1px;}
.plan_list p{margin: 0; padding: 0;}
.plan_list {
    border-collapse: collapse;
	width:100%;
  height:auto;
}
.plan_list td:nth-child(1) {
	width: 10%;
}
.plan_list td:nth-child(2) {
	width: 55%;
}
.plan_list td:nth-child(3) {
	width: 10%;
}

.plan_list td:nth-child(4) {
	width: 15%;
}

.plan_list td:nth-child(5) {
	width: 10%;
	color:#990000;
  white-space:nowrap;
	font-weight: bold;
}

.plan_list th{
	height:auto;
	background-color:#F4E9E4;
	border-top: 3px solid #771144;
	padding:5px;
	border-bottom: 1px solid #ccc;
	line-height:1.25;
  }
.plan_list th span{display: inline-block;}
.plan_list td{
     padding:5px 0px 5px 5px;
	background-color:#FFF;
border-bottom: 1px dotted #ccc;
   }
#upgrade{margin: 50px auto 100px auto;}
#upgrade h5{margin-top: 10px;}
.up_price{
	font-size:16px;
	color:#903;
	font-weight:bold;
}
#stayplan .contact table{margin: 0 auto;}
#stayplan .contact td{border: none; padding: 5px;}
@media screen and (max-width:767px) {
    .plan_list{
	font-size: 80%;
}
.plan_list td:nth-child(1) {
	width: 10%;
}
.plan_list td:nth-child(2) {
	width: 70%;
}
.plan_list td:nth-child(3) {
	width: 0%;
}

.plan_list td:nth-child(4) {
	width: 10%;
}

.plan_list td:nth-child(5) {
	width: 10%;
	color:#990000;
  white-space:nowrap;
	font-weight: bold;
}
#stayplan .contact table,#stayplan .contact tbody,#stayplan .contact tr {
    display: block;
    width: 100%;
}

#stayplan .contact th,#stayplan .contact td {
    display:block;
    float:left;
    clear:both;
    width: 100%;
}
}
@media screen and (max-width:768px) {
	#info-section table {font-size: 0.8rem;}
	#info-section th,#info-section td{padding: 2px;}
}