@charset "utf-8";



.CL01{
float : left;
width: 48%;
}

.CL02{
float : left;
width: 32%;
margin-right: 20px;
}

.CL02_1{
float : left;
width: 32%;
}

.CL03{
float : left;
width: 48%;
}

.CL05{
float : left;
}

.CR05{
float : right;
}
.calendarArea embed,
.calendarArea iframe,
.calendarArea object,
.CR05 embed,
.CR05 iframe,
.CR05 object{
max-width: 100%;
}

/* max-width: 1118px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 1118px){

.CL05{
float : none;
text-align: center;
}

.CR05{
float : none;
text-align: center;
margin-top: 20px;
}

}
/* max-width: 1118px @end */

/* min-width: 768px
* * * * * * * * * * * * * * * * * * * * */

@media only screen and (min-width: 768px){

.CR01{
float : right;
width: 47%;
}

.CR02{
float : right;
width: 32%;
}

.CR03{
float : right;
width: 47%;
}

.CL04{
float : left;
width: 48%;
}

.CR04{
float : right;
width: 48%;
}





}
/* min-width: 768px @end */


/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */

@media only screen and (max-width: 767px){

.dis_none{
display: none;
}

.cont01{
text-align: center;
}

.CL01{
float : none;
clear: both;
width: 100%;
margin-top: 30px;
}

.CR01{
float : none;
clear: both;
width: 100%;
padding-top: 30px;
}

.CL02,
.CL02_1,
.CR02{
float : none;
clear: both;
width: 100%;
padding-top: 30px;
}

.CL01 img,
.CL02 img,
.CL02_1 img,
.CR02 img,
.CL03 img {
width: 100%;
height: auto;
}

.CL03,
.CR03{
float : none;
clear: both;
width: 100%;
padding-top: 30px;
}

.CL04{
margin-top: 20px;
}

.CR04{
margin-top: 30px;
}



}
/* max-width: 767px @end */