* {
  margin: 0px auto;
  padding: 0px;
  itext-align: left;
  vertical-align: top;
  ifont-family: sans-serif;
	font-family: "Hiragino Kaku Gothic Pro","Meiryo","MS Pgothic",knowledge-reg,helvetica,arial,sans-serif;
}	

.fc-basic-view .fc-body .fc-row {
	min-height: 10em !important;
}
.fc .fc-timegrid-slot { /* a <td> */
    height:2.5em; // 1.5em by default
    border-bottom: 0 !important;
}
.fc button {
	height: 2em !important;
	padding: 0 .1em !important;

	/* text & cursor */
	font-size: 0.8em !important;
}



body {
    imargin: 40px 10px;
    padding: 0;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
  }



  

  #loading {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
  }

  #calendarFukui {
		border:dashed 0px blue;;
		width:750px;
		//height:750px;
    //max-width: 1800px;
    //margin: 0 auto;
		font-size:18px;
		text-align:left;
		margin-right:auto;
		float:left;
    
  }
  #calendarSabae {
    max-width: 800px;
    margin: 0 auto;
		font-size:18px;
    
  }

  #calendarSakai {
    max-width: 700px;
    margin: 0 auto;
		font-size:20px;
    
  }

  .calen{
		border: solid 1px pink;
		width:750px;;
  }

  .calen td {
    padding: 0px 5px 0px 5px;
  	vertical-align:top;
  	height:35px;
  	font-size:20px;
  }
  .calenMidashi{
  	background-color:#F4A460;
  }

  .calenDate {
    font-weight:bold;
  	text-align: right;
  	width:140px;;
  }

  .calenTime {
  	iwidth:180px;
    width:8em;
  }
  	
  .calenLoc {
  	min-width:180px;
  }

  .calenLocTxt {
    text-decoration:underline blue;
		itext-decoration-color:blue;
    width:10em;
    iheight:2.5em;
    position:relative;
		iborder: solid 1px pink;
    ibackground:#ff0000;
  }


	.calenEvent{
		width:auto;
  	iwidth:250px;
	}


	.city {
		font-size:40px;
		text-align:left;
		iwidth:700px;
		margin-top:50px;
		margin-bottom:100px;
		//border: solid 0px green;
	}

	.mapicon{
		width:25px;
		margin-left:0px;
		margin-right:3px;
		vertical-align:bottom;

	}

	.taikenIcon{
		width:25px;
		margin-left:5px;
		margin-right:3px;
		itext-align:top;
		vertical-align:bottom;
	}

	.divIconExplain {
		text-align:right;
		margin-right:0px;
		font-size:18px;
	}
	.imgIconExplain {
		width:600px;
	}

/*=== modalClassDetail ===============================*/
.modalClassDetail {
    display: none;
    position: absolute;
    z-index:10;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    iborder: solid 2px green;
    overflow: visible;//auto;
    //background-color: rgba(0,0,0,0.3);
    text-align:left;
}

.modalClassDetailContent {
    --contentWidth: 300px;
    --contentHeight: 200px;
    --triangleWidth: 10px;
    --triangleHeigth: 17.3px;
    --shadowAlpha: 0.5;
    position: absolute;
    width: 10px;//var(--contentWidth);
    height: var(--contentHeight);
    margin-top: 00px;
    // vertical-align: middle;
    font-size: 16px;
    iborder: solid 2px pink;
    text-align: left;
    filter: drop-shadow(04px 04px 4px rgba(0, 0, 0, .8)) drop-shadow(-1px -1px 2px rgba(0, 0, 0, .8));
}

.modalClassDetailBody {
    position: absolute;
    background-color: #007bff;
    border-radius: 10px;
    top: calc( var(--triangleHeigth) - 1px );
    width: var(--contentWidth);
    height: calc( var(--contentHeight) - ( var(--triangleHeigth) * 2 ) );
    iborder: solid 2px #007bff;
    vertical-align: middle;
    padding: 0px 10px 0px 10px;
    white-space: nowrap;
}
.modalClassDetailClose {
    position: absolute;
    left:100px;
    top: 0px;
    border: solid 1px black;
    font-size: 20px;
    line-height: 35px;
}

.triangleUp {
    position: absolute;
    left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 var(--triangleWidth) var(--triangleHeigth) var(--triangleWidth);
    border-color: transparent transparent #007bff transparent;
}
.triangleDown {
    position: absolute;
    top: calc( var(--contentHeight) - var(--triangleHeigth) );
    width: 0;
    height: 0;
    border-style: solid;
    border-width: var(--triangleHeigth) var(--triangleWidth) 0 var(--triangleWidth);
    //border-width: 17.3px 10px 0 10px;
    border-color: #007bff transparent transparent transparent;
}

.detailYoyaku {
    position: absolute;
    bottom:10px;
    left:10px;
}

.detailMap {
    position: absolute;
    bottom: 10px;
    left: 150px;
}
/*=== modalTaiken ===============================*/
.modalTaiken {
    display: none;
    position: fixed;
    z-index: 20;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
    border: solid 0px green;
}

.modalTaikenContent {
    background-color: white;
    width: 670px;
    height: 640px;
    margin-left: 50px;
    // auto;
    margin-top: 100px;
    font-size: 30px;
    border: solid 0px blue;
    border-radius: 10px;
}
	.modalTaikenBody{
		background-color:white; 
		width: 200px;
		height:50px;
		//margin: 40% auto;
		border: solid 0px pink;
		padding-left:0px;
	}
	.iframeTaiken{
		border:dashed 0px green;
		height:550px;
		width:640px;
		overflow:hidden
	}

.modalTaikenClose {
    position: absolute;
    //right:100px;
    left: 630px;
    top: 105px;
    border: solid 1px black;
    font-size: 30px;
    line-height: 35px;
    //height: 30px;//1.3em;
    //width: 30px;//1.3em;
    //border-radius:0px;
}



.modal {
    border: dashed 0px pink;
    display: none;
    position: fixed;
    z-index: 30;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
}

	.modalContent{
		background-color: white;
		width: 600px;
		height:630px;
		margin-left: 50px;// auto;
		margin-top:100px;
		font-size:30px;
    border-radius: 10px;
	}
	.modalMap{
		background-color:white; 
		width: 580px;
		height:530px;
		//margin: 40% auto;
	}

.modalMapClose {
    position: absolute;
    left: 580px;
    top: 105px;
    border: solid 1px black;
    font-size:30px;
    line-height:35px;
}

/*=== 場所の説明 ===============================*/

.scheduleStudioExpTxt {
  text-decoration:underline blue;
  itext-decoration-color:blue;
  width:750px;
  height:2.5em;
  position:relative;
  iborder: solid 1px pink;
  ibackground:#ff0000;
}

/*=== クラスの説明 ===============================*/
.scheduleClassExpTxt {
  width:750px;
  height:1.3em;
  position:relative;
  iborder: solid 1px pink;
  ibackground:#ff0000;
}