@charset "UTF-8";



/*----------------------------------------------*/
/*----------------------------------------------*/
/*FM COCOLO  [GUEST CALENDAR]*/
/*----------------------------------------------*/
/*Created: 2017.06.01*/
/*Last Update:	2017.06.01*/
/*----------------------------------------------*/




/*INDEX*/

/*[GUEST CALENDAR]*/
/*[ Main Frame Customize ]*/
/*[ Page Title with Icon Customize ]*/

/*-- [ Guest Calendar ] --*/











/*----------------------------------------------*/
/*[ GUEST CALENDAR ]*/
/*----------------------------------------------*/

/*[ Main Frame Customize ]*/
.main-container.one-column .main-frame > .p-guest-calendar.inner-frame {
width:auto;
margin:0 auto;
padding:0;
}


@media screen and (min-width:641px) and (max-width:960px)  {
.main-container.one-column .main-frame > .p-guest-calendar.inner-frame {
width:90%;
margin:0 auto;
padding:0;
}


}


@media screen and (min-width:961px) and (max-width:1199px)  {
.main-container.one-column .main-frame > .p-guest-calendar.inner-frame {
width:90%;
margin:0 auto;
padding:0;
}


}


@media screen and (min-width:1200px)  {
.main-container.one-column .main-frame > .p-guest-calendar.inner-frame {
width:auto;
margin:0 auto;
padding:0;
}


}
/*----------------------------------------------*/





/*[ Page Title with Icon Customize ]*/
/*[ Pages Title ]*/
#pages-header.pages-header .ph-ttl {
padding:12px 0 0 48px;
background:url(../images/icn_page_calendar.png) no-repeat left 5px;
background-size:auto 56px;
-webkit-background-size:auto 56px;
-moz-background-size:auto 56px;
-ms-background-size:auto 56px;
-o-background-size:auto 56px;
}


@media screen and (max-width:899px) {
#pages-header.pages-header .ph-ttl  small {
margin-left:-48px;
}


}


@media screen and (max-width:640px) {
#pages-header.pages-header .ph-ttl {
padding:8px 0 0 38px;
background:url(../images/icn_page_calendar.png) no-repeat left 3px;
background-size:auto 42px;
-webkit-background-size:auto 42px;
-moz-background-size:auto 42px;
-ms-background-size:auto 42px;
-o-background-size:auto 42px;
}

#pages-header.pages-header .ph-ttl  small {
margin-left:-38px;
}


}


@media screen and (max-width:480px) {
#pages-header.pages-header .ph-ttl {
padding:8px 0 0 28px;
background:url(../images/icn_page_calendar.png) no-repeat left 3px;
background-size:auto 34px;
-webkit-background-size:auto 34px;
-moz-background-size:auto 34px;
-ms-background-size:auto 34px;
-o-background-size:auto 34px;
}

#pages-header.pages-header .ph-ttl small {
margin-left:-28px;
}


}
/*----------------------------------------------*/





/*
[ Guest Calendar ]
*/

/*----[ Guest Calendar ]----*/
#guest-calendar {
width:auto;
height: auto;
margin: 0;
padding: 0;
}

#guest-calendar .gc {
width:100%;
border-collapse: collapse;
table-layout: fixed;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
box-sizing: border-box;
}

#guest-calendar .gc .today {
background: #FEFBDA;
}

#guest-calendar .gc .gc-date {
width:110px;
text-align: center;
vertical-align: top;
padding: 15px;
box-sizing: border-box;
font-size: 1.5em;
font-weight: bold;
font-family: Arial, Helvetica, "sans-serif";
border-right: 1px solid #CCC;
border-top:1px solid #CCC;
}
#guest-calendar .gc .gc-date .dayweek {
display: block;
font-size: .7em;
line-height: 1;
}
#guest-calendar .gc .gc-date .dayweek.daysat { color: #2574D3;}
#guest-calendar .gc .gc-date .dayweek.daysun,
#guest-calendar .gc .gc-date .dayweek.dayholi{ color: #DF0D2D;}

#guest-calendar .gc .gc-cell {
width:auto;
text-align: left;
vertical-align: top;
padding: 15px;
box-sizing: border-box;
border-top:1px solid #CCC;
}
#guest-calendar .gc .gc-cell .gc-list {
width:auto;
height: auto;
margin: 0;
padding: 0;
list-style: none;
}
#guest-calendar .gc .gc-cell .gc-list li {
width:100%;
height: auto;
margin: 0 0 5px;
padding: 0 0 5px;
border-bottom: 1px dotted #CCC;
}
#guest-calendar .gc .gc-cell .gc-list li:last-child {
margin: 0;
padding: 0;
border:none;
}

#guest-calendar .gc .gc-cell .gc-list li .gc-detail {
width:100%;
height: auto;
margin: 0;
padding: 0;
display: table;
table-layout: fixed;
}
#guest-calendar .gc .gc-cell .gc-list li .gc-detail .gc-detail-pics {
width:90px;
height: auto;
margin: 0;
padding: 0;
display: table-cell;
text-align: center;
vertical-align: middle;
}
#guest-calendar .gc .gc-cell .gc-list li .gc-detail .gc-detail-pics img {
width:auto;
max-width: 100%;
height: auto;
}
#guest-calendar .gc .gc-cell .gc-list li .gc-detail .gc-detail-txt {
width:auto;
height: auto;
margin: 0;
padding: 0 0 0 15px;
display: table-cell;
text-align: left;
vertical-align: middle;
}
#guest-calendar .gc .gc-cell .gc-list li .gc-detail .gc-detail-txt h4 {
font-size: 1em;
line-height: 1.2;
color: #111;
}
#guest-calendar .gc .gc-cell .gc-list li .gc-detail .gc-detail-txt p {
font-size: .8em;
line-height: 1.2;
color: #444;
}

#guest-calendar .gc .gc-cell .gc-list li a {
display:inline;
}
#guest-calendar .gc .gc-cell .gc-list li a:hover,
#guest-calendar .gc .gc-cell .gc-list li a:active,
#guest-calendar .gc .gc-cell .gc-list li a:visited{
text-decoration: none;
}
#guest-calendar .gc .gc-cell .gc-list li a:hover img,
#guest-calendar .gc .gc-cell .gc-list li a:hover h4,
#guest-calendar .gc .gc-cell .gc-list li a:hover p{
opacity: .7;
}

#guest-calendar .gc .gc-cell .no-guest {
width:auto;
height: auto;
margin: 0;
padding: 1em 0 0;
}
#guest-calendar .gc .gc-cell .no-guest p {
font-size: .9em;
}



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

#guest-calendar .gc .gc-date {
width:100%;
text-align: left;
padding: 7px 5px;
font-size: 1.2em;
border-right: none;
display: inline-block;
}
#guest-calendar .gc .gc-date .dayweek {
display: inline-block;
margin-left: 5px;
}

#guest-calendar .gc .gc-cell {
width:100%;
padding: 0 5px 5px;
display: inline-block;
border-top: none;
}

#guest-calendar .gc .gc-cell .gc-list {
border-top: 1px dotted #CCC;
padding-top: 3px;
}
#guest-calendar .gc .gc-cell .gc-list li {
margin: 0 0 3px;
padding: 0 0 3px;
}

#guest-calendar .gc .gc-cell .gc-list li .gc-detail .gc-detail-pics {
width:70px;
}
#guest-calendar .gc .gc-cell .gc-list li .gc-detail .gc-detail-txt {
padding: 0 0 0 10px;
}
#guest-calendar .gc .gc-cell .gc-list li .gc-detail .gc-detail-txt h4 {
font-size: .9em;
margin: 0 0 5px;
}
#guest-calendar .gc .gc-cell .gc-list li .gc-detail .gc-detail-txt p {
font-size: .7em;
margin: 0;
padding: 0;
}

#guest-calendar .gc .gc-cell .no-guest {
padding: 0 5px 5px;
}
#guest-calendar .gc .gc-cell .no-guest p {
font-size: .8em;
margin: 0;
padding: 0;
}


} /* @media screen and (max-width:640px) end */












/*
[ Top & Under Navigation ]
*/

/*----[ Heading Navi] ----*/
.ec-nav {
width:auto;
height:auto;
margin:0;
padding:0 0 2em;
position:relative;
}

/*[Year & Month]*/
.ec-nav .ec-date-ym {
text-align:center;
font-size:1.8em;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:.1em 0 0;
} 

.ec-nav .ec-nav-list .ec-nav-past {
position:absolute;
top:0;
left:0;
font-family:Arial, Helvetica, sans-serif;
}
.ec-nav .ec-nav-list .ec-nav-future {
position:absolute;
top:0;
right:0;
font-family:Arial, Helvetica, sans-serif;
}










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

/*
[ Top & Under Navigation ]
*/

/*[Year & Month]*/
.ec-nav .ec-date-ym {
font-size:1.6em;
padding:.3em 0 0;
} 


} /* @media screen and (max-width:680px) end */



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

/*
[ Top & Under Navigation ]
*/

/*[Year & Month]*/
.ec-nav .ec-date-ym {
font-size:1.4em;
padding:.3em 0 0;
} 
.ec-nav .ec-nav-list,
.pages-footer .ec-nav-list {
font-size:.8em;
}

} /* @media screen and (max-width:320px) end */