@charset "UTF-8";



/*----------------------------------------------*/
/*----------------------------------------------*/
/*FM802 TEMPLATE [COMMON]*/
/*----------------------------------------------*/
/*Created: 2013.11.15*/
/*Last Update:	2015.08.15*/
/*----------------------------------------------*/




/*INDEX*/

/*COMMON----------------------------------------*/

/*HEADER----------------------------------------*/

/*CONTENT---------------------------------------*/
/*DIARY FRAME*/
/*SIDE NAVI,TIME TABLE,INFORMATION*/

/*FOOTER----------------------------------------*/
/*PAGE TOP BTN*/

/*FREE AREA-------------------------------------*/










/*----------------------------------------------*/
/*COMMON*/
/*----------------------------------------------*/

body {
margin:0;
padding:0;
}

a {
text-decoration:underline;
}
a:hover {
text-decoration:none;
}


/*float clear*/
.clearfix:after {
content:"";
height:0;
display:block;
visibility:hidden;
clear:both;
}
.clearfix {
display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */


/*wraper*/
#wrapper {
width:auto;
height:auto;
margin:0;
padding:0;
}


/*container*/
#container {
width:auto;
height:auto;
margin:0;
padding:0;
text-align:left;
}


@media screen and (min-width:960px) {
#wrapper {
padding:25px 0;
}

#container {
width:960px;
margin:0 auto;
}

}

@media screen and (max-width:960px) {
#wrapper {
padding:12px 10px;
}


}

@media screen and (max-width:640px) {
#wrapper {
padding:0;
}


}










/*----------------------------------------------*/
/*HEADER*/
/*----------------------------------------------*/

#header {
width:auto;
margin:0;
padding:0;
}

#header h1 {
width:auto;
margin:0;
padding:0;
}
#header h1 img {
margin:0;
padding:0;
vertical-align:bottom;
border-radius:7px 7px 0 0;
-webkit-border-radius:7px 7px 0 0;
-moz-border-radius:7px 7px 0 0;
-o-border-radius:7px 7px 0 0;
-ms-border-radius:7px 7px 0 0;
}


@media screen and (min-width:960px) {
#header {
width:960px;
min-height:185px;
}

#header h1 {
width:960px;
}

}


@media screen and (max-width:640px) {
#header h1 img {
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
-o-border-radius:0;
-ms-border-radius:0;
}

}









/*----------------------------------------------*/
/*CONTENT*/
/*----------------------------------------------*/

#content {
width:auto;
height:auto;
margin:0;
padding:35px 3.93258% 20px;
}


/*[MAIN]*/
#main {
width:62.92134%;
height:auto;
margin:0;
padding:0;
}


/*[SIDE]*/
#side {
width:33.707865%;
height:auto;
margin:0;
padding:0;
}


@media screen and (min-width:960px) {
#content {
width:890px;
padding:35px 35px 20px;
}


/*[MAIN]*/
#main {
width:560px;
}


/*[SIDE]*/
#side {
width:300px;
}


}


@media screen and (max-width:900px) {
#content {
padding:35px 6.17977% 20px;
}

/*[MAIN]*/
#content #main {
 width:auto;
float:none;
}


/*[SIDE]*/
#content #side {
 width:auto;
float:none;
}


}


@media screen and (max-width:640px) {
#content {
padding: 25px 12px 15px;
}


}


@media screen and (max-width:480px) {
#content {
padding: 15px 10px 10px;
}


}




/*----------------------------------------------*/
/*DIARY FRAME*/

#diary-frame {
width:auto;
height:auto;
margin-bottom:35px;
padding:25px;
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
-o-border-radius:7px;
-ms-border-radius:7px;
}


/*[TITLE]*/
#diary-frame .df-title {
width:auto;
height:auto;
margin:0 0 1.6em;
padding:0 0 .7em;
border-bottom-width:1px;
border-bottom-style:dotted;
}
#diary-frame .df-title dt {
font-size:1.0em;
line-height:1.6em;
font-weight:bold;
margin:0;
padding:0 0 0 5px;
}
#diary-frame .df-title dd {
font-size:0.8em;
margin:0;
padding:0 0 0 5px;
}


/*[PICS]*/
#diary-frame .df-pics {
max-width:400px;
max-height:400px;
margin:0 auto 1.6em;
padding:0;
text-align:center;
}
#diary-frame .df-pics img {
max-width:100%;
max-height:100%;
margin:0;
padding:0;
vertical-align:bottom;
}


/*[TEXT]*/
#diary-frame .df-txt {
font-size:0.9em;
line-height:1.6em;
margin:0;
padding:0;
}


/*[UNDER NAV]*/
.df-nav {
width:auto;
height:auto;
margin:0;
padding:7px 5px;
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
-o-border-radius:7px;
-ms-border-radius:7px;
}
.df-nav ul {
width:auto;
height:auto;
margin:0;
padding:0;
}
.df-nav ul li {
font-size:0.8em;
font-weight:bold;
margin:0;
padding:0;
}
.df-nav ul li.df-bn-prev {float:left;}
.df-nav ul li.df-bn-next {float:right;}

.df-nav ul li a {
width:auto;
height:auto;
margin:0;
padding:7px 12px;
display:block;
text-decoration:none;
}
.df-nav ul li a:hover {
text-decoration:none;
}


@media screen and (min-width:960px) {
#diary-frame {
width:510px;
}

#diary-frame .df-pics img {
max-width:400px;
max-height:400px;
}

/*[UNDER NAV]*/
.df-nav {
width:550px;
}

}


@media screen and (max-width:900px) {
.df-nav {
margin:0 0 2em;
}

}


@media screen and (max-width:640px) {
#diary-frame {
margin-bottom:20px;
padding:22px 18px;
}

}




/*----------------------------------------------*/
/*SIDE NAVI,TIME TABLE,INFORMATION*/

#navi-box,
#tt-box,
#if-box {
width:auto;
height:auto;
margin-bottom:25px;
padding:15px;
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
-o-border-radius:7px;
-ms-border-radius:7px;
}


@media screen and (min-width:960px) {
#navi-box,
#tt-box,
#if-box {
width:270px;
}

}

@media screen and (min-width:900px) {
#navi-box.moved {
 display:none;
}

}

@media screen and (max-width:900px) {
#navi-box.place {
 display:none;
}
#navi-box.moved {
 margin-bottom:1em;
}

}

/*----------------------------------------------*/
/*SIDE NAVI*/

#navi-box .nav-txt {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:disc;
list-style-position:inside;
border-top-width:1px;
border-top-style:dotted;
}
#navi-box .nav-txt li {
font-size:0.9em;
font-weight:bold;
margin:0;
padding:8px 12px;
text-align:left;
border-bottom-width:1px;
border-bottom-style:dotted;
}
#navi-box .nav-txt li a {
padding:0;
margin:0;
text-decoration:none;
overflow:hidden;
}
#navi-box .nav-txt li a:hover {
text-decoration:none;
}





/*----------------------------------------------*/
/*TIME TABLE,INFORMATION*/

#tt-box h2.ttl,
#if-box h2.ttl {
width:auto;
margin-bottom:0.8em;
padding:0;
}
#tt-box h2.ttl img,
#if-box h2.ttl img {
margin:0;
padding:0;
vertical-align:bottom;
}


#tt-box .txt-box,
#if-box .txt-box {
width:auto;
height:auto;
margin:0;
padding:0;
font-size:0.8em;
line-height:1.6em;
}


@media screen and (min-width:960px) {
#tt-box h2.ttl,
#if-box h2.ttl {
width:270px;
max-width:270px;
}

}








/*----------------------------------------------*/
/*FOOTER*/
/*----------------------------------------------*/

#footer {
width:auto;
height:auto;
margin:0;
padding:0;
}

#footer .copyright {
display:none;
}

#footer .fImg {
width:auto;
height:auto;
margin:0;
padding:0;
}
#footer p.fImg img {
margin:0;
padding:0;
vertical-align:bottom;
border-radius:0 0 7px 7px;
-webkit-border-radius:0 0 7px 7px;
-moz-border-radius:0 0 7px 7px;
-o-border-radius:0 0 7px 7px;
-ms-border-radius:0 0 7px 7px;
}


@media screen and (min-width:960px) {
#footer {
width:960px;
}

}


@media screen and (max-width:640px) {
#footer p.fImg img {
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
-o-border-radius:0;
-ms-border-radius:0;
}

}


/*----------------------------------------------*/
/*PAGE TOP BTN*/
ul#pagetop {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
position: fixed;
bottom: 125px;
right:0;
z-index:9999;
}
ul#pagetop li.btn-pt {
margin:0;
padding:0;
}
ul#pagetop li.btn-pt a {
text-indent:-9999px;
text-decoration:none;
width:38px;
height:38px;
padding:0;
display: block;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#FFF;
background:#111 url(../images/ic_arrow.png) no-repeat center;
}
ul#pagetop li.btn-pt a:hover {
background:#555 url(../images/ic_arrow.png) no-repeat center;
}


@media screen and (max-width:640px) {
ul#pagetop {
bottom: 50px;
}

}









/*----------------------------------------------*/
/*FREE AREA*/
/*----------------------------------------------*/

#free-area {
width:auto;
max-width:300px;
height:auto;
margin-bottom:25px;
padding:0;
}










/*----------------------------------------------*/
/*Banner Area*/
/*----------------------------------------------*/

@media screen and (max-width:900px) {
#side #bn-list {
 max-width:none;
 }
#side #bn-list li {
 max-width:none;
 text-align:center;
 margin:0 auto 1.2em;
 }
 
 }