@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------- */
/* header#main */
/* ----------------------------------------------------- */

/* screenwidth less than 1443px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1443px) {

header#main nav ul li:first-child{
   width:8%;

}
}

/* screenwidth less than 1265px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1265px) {

header#main nav ul li:first-child{
   width:9%;

}
}

/* screenwidth less than 1125px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1125px) {

header#main nav ul li:first-child{
   width:10%;

}
}

/* screenwidth less than 1014px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1014px) {

header#main nav ul li:first-child{
   width:12%;

}
}




/* screenwidth less than 860px
--------------------------------------------------------------------- */
@media only screen and (max-width: 860px) {

header#main nav{
    display: none;
}



}


/* screenwidth less than 800px
--------------------------------------------------------------------- */
@media only screen and (max-width: 800px) {

header#main h1 img{
    width:70%;
}



}



/* screenwidth less than 640px
--------------------------------------------------------------------- */
@media only screen and (max-width: 640px) {

header#main h1 img{
    width:60%;
}


}


/* screenwidth less than 550px
--------------------------------------------------------------------- */
@media only screen and (max-width: 550px) {

header#main h1 img{
    width:50%;
}


}



/* ----------------------------------------------------- */
/* #topic_path */
/* ----------------------------------------------------- */
@media only screen and (max-width: 880px) {
ol#topic_path {
  margin-bottom:60px;
}
}

@media only screen and (max-width: 750px) {
ol#topic_path {
  margin-bottom:40px;
}
}

@media only screen and (max-width: 680px) {
ol#topic_path {
  margin-bottom:30px;
}
}



/* ----------------------------------------------------- */
/* footer */
/* ----------------------------------------------------- */

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

footer .left{
    display:block;
}

footer nav{
    width:90%;
    margin:0 auto;
    display:block;
}
footer nav ul{
    width:99%;
    margin:0 auto;
}
}


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

footer .left{
    margin:0 auto;
}
footer nav{
    display:none;
}
footer #copyright{
    text-align:center;
}
}

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

.chara{

    width:100px;
}
}