/* モンスラ 
--------------------------------------------------------*/
.monsura .h3 {
  width: 100%;
}

.monsura.monsura_guide .menuitem .monsura_guide_list p{
  margin:0 0 2% 0;
  padding: 0;
}
.monsura .yokohaba{
 margin: 0px; padding: 5%;}

.monsura .acbotan div {
  background: url(./images/monsura_sp_br01.png) no-repeat  1.4rem 100% ;
  -webkit-background-size: 1rem;
  -o-background-size: 1rem;
  display: table-cell;
  margin: 0;
  padding: 0px 0;
  display: middle;
}
.monsura-icon-down-open, .monsura-icon-up-open {
  padding: 5px 2px;
  border: 1px solid #e3e3e3;
  background: #fff;
  color: #333;
}
img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
.sasie img{
	width: 40%;
	}
.monsura dl{
  margin: 0;
}
.monsura table{
  width: 96%;
  margin:0 auto;
  border:1px solid #e3e3e3;
  font-size: 0.9rem;
  text-align: left;
}
.monsura .limit table{
  margin: 20px auto;
}
.monsura .limit table th{
  width: 40%;
  background: #eff9ff;
  color: #266dac;
}
.monsura .calender table td{
  padding: 3% 0;
  text-align: center;
}
.monsura .guide_shop_title{
  margin:8px 0 10px 0;
  color: #12b0ff;
}
.monsura .pool_guide_list{
  width: 96%;
  margin:0 auto;
}
.monsura .pool_guide_list p{
  margin:0 0 2% 0;
  padding: 0;
}
.monsura .pool_guide_list ul{
  float: left;
  margin:0 2% 20px 0;
  padding:0;
}
.monsura .pool_guide_list ul:last-child{
  margin-right: 0;
}
.monsura .pool_guide_list ul li,
.monsura .pool_guide_service ul li{
  list-style: none;
  font-size: 0.9rem;
}
.monsura .pool_guide_list ul li span.list_color{
  color: #12b0ff;
}
.monsura ul{
  padding:0 5%;
}
.monsura.left_box{
  float: left;
  width: 65%;
  padding: 0 0 0 5%!important;
}
.monsura .right_box{
  float: left;
  width: 25%;
  padding: 0 5% 0 0!important;
}
.monsura img{
	width:100%;
}

/* アコーディオン01
--------------------------------------------------------*/
.accordion01 input {
	display: none;
}
.accordion01 label {
	position: relative;
	display: block;
	cursor: pointer;
	width: 100%;
	height: 0;
	padding-top: calc(90 / 640 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url("../pool/monsura/images/monsura_sp_br01.png") center center / cover no-repeat;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.4); 
	z-index: 3;
}
.accordion01 label::after {
	position: absolute;
	top: 30%;
	right: 10px;
	display: block;
	content: '';
	width: 26px;
	height: 26px;
	margin-top: -7px;
	background: url("../pool/monsura/images/yazirusi.png") center center / cover no-repeat;
	-webkit-transform: rotate(1,0,0,180deg);
	transform: rotate(1,0,0,180deg);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
	
}
.accordion01 div {
	position: relative;
	height: 0;
	overflow: hidden;
	box-shadow: 0 1px 7px 0 rgba(0,0,0,0.1) inset;
	transition: height .2s ease-in-out;
	    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
}
.accordion01 input:checked + label::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
	
}
.accordion01 input:checked ~ div {
	height: 100%;
	border-bottom: 1px solid #ccc;
}



/* アコーディオン02
--------------------------------------------------------*/
.accordion02 input {
	display: none;
}
.accordion02 label {
	position: relative;
	display: block;
	cursor: pointer;
	width: 100%;
	height: 0;
	padding-top: calc(90 / 640 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url("../pool/monsura/images/monsura_sp_br02.png") center center / cover no-repeat;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.4); 
	z-index: 2;
}
.accordion02 label::after {
	position: absolute;
	top: 30%;
	right: 10px;
	display: block;
	content: '';
	width: 26px;
	height: 26px;
	margin-top: -7px;
	background: url("../pool/monsura/images/yazirusi.png") center center / cover no-repeat;
	-webkit-transform: rotate(1,0,0,180deg);
	transform: rotate(1,0,0,180deg);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;	
}
.accordion02 div {
	position: relative;
	height: 0;
	overflow: hidden;
	box-shadow: 0 1px 7px 0 rgba(0,0,0,0.1) inset;
	transition: height .2s ease-in-out;
	    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
}
.accordion02 input:checked + label::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
	
}
.accordion02 input:checked ~ div {
	height: 100%;
	border-bottom: 1px solid #ccc;
}
/* アコーディオン03
--------------------------------------------------------*/
.accordion03 input {
	display: none;
}
.accordion03 label {
	position: relative;
	display: block;
	cursor: pointer;
	width: 100%;
	height: 0;
	padding-top: calc(90 / 640 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url("../pool/monsura/images/monsura_sp_br03.png") center center / cover no-repeat;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.4); 
}
.accordion03 label::after {
	position: absolute;
	top: 30%;
	right: 10px;
	display: block;
	content: '';
	width: 26px;
	height: 26px;
	margin-top: -7px;
	background: url("../pool/monsura/images/yazirusi.png") center center / cover no-repeat;
	-webkit-transform: rotate(1,0,0,180deg);
	transform: rotate(1,0,0,180deg);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
	
}
.accordion03 div {
	position: relative;
	height: 0;
	overflow: hidden;
	box-shadow: 0 1px 7px 0 rgba(0,0,0,0.1) inset;
	transition: height .2s ease-in-out;
	    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
}
.accordion03 input:checked + label::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
	
}
.accordion03 input:checked ~ div {
	height: 100%;
	border-bottom: 1px solid #ccc;
}