/* ------------------------------------- 
*	おしらせ
* ------------------------------------- */
.info_detail{
border:solid 1px #eee; 
font-size:9pt;
width:99%;
height:180px;
overflow: auto;
background-color: <{$free_bgcolor}>;
text-align: left;
}

/* ------------------------------------- 
*	3カラムボックス
* ------------------------------------- */

.colbox {
padding:5px;
margin-top:10px;
margin-bottom:30px;
position:relative;
}
.colbox h3{
color: #316CA8;
font-weight: bold;
margin: 10px 0;
letter-spacing: -1px;
padding:0 4px;
}
.colbox img{
border: solid 1px #ddd;
padding: 2px;
}
.colbox p{
font-size:12px;
padding:0 4px;
}
.colbox a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.colbox a:hover{
background-color: #fff;
opacity:0.25;
}

/* ------------------------------------- 
*	カレンダー
* ------------------------------------- */


.cal_wrapper {
  max-width: 670px; /* 最大幅 */
  min-width: 300px; /* 最小幅 */
  margin: 2.0833% auto;
}
 
.googlecal {
  position: relative;
  padding-bottom: 100%; /* 縦横比 */
  height: 0;
  overflow: hidden;
}
.googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
 
@media only screen and (min-width: 600px) {
  /* 画面幅が600px以上の場合の縦横比の指定 */
  .googlecal {
    padding-bottom: 75%;
  }
}