@charset "UTF-8";

/*--------------------------------------------------------------------*/
/*	INDEX															  */
/*--------------------------------------------------------------------*/
/*
            ■　スマートフォン用 - 1column
            ■　小型タブレット用 - 2column
            ■　大型タブレット用 - 3column
            ■　通常PC用 - 4column

----------------------------------------------------------------------*/

/*  = スマートフォン用 - 1column
----------------------------------------------------------------------*/
 @media only screen and (max-width: 480px) {
/* ヘッダ -------------------------------*/
 header #headerInner { width: 100%; }
    header #headerInner h1 { width: 100%; margin-left: 0px;
      /*background:url(../../../../Content/images/pages/map/logo_map.png) left center no-repeat;
      background-size:280px auto;*/
    }
    header #headerInner #headerNav { display: none; }

/* コンテンツ --------------------------*/
.wrapContens {
    background: none;
}
.contentsPortal {  }

                .boxExplain {
                  width: 98%;
                  height: 0px;
                  margin: 4px 1% 4px;
                  padding: 0;
                  padding-top: 46.5%;
                  box-sizing: border-box;
                  background: url(../../../../Content/images/site/imageMain_sp.jpg) center center no-repeat;
                  background-size: contain;
                  }
            .boxExplain h2 {
                width: auto;
                background:none;
             }
        .bdrNews { width: auto;margin-right:1%;margin-left:1%;}
            /*.listNews { width: 99%;}*/

    .wrapFirst { margin-top:0px; }
    .wrapSecond { width: auto; text-align:center; }
    .boxModule.moduleTitle{
      height: auto;
    }
    .listMds {
        margin: 5px auto 0;
        display: block;
        height: auto;
        background: url(../../../../Content/images/site/mds_module_list.png) right top no-repeat;
        background-size: 24px auto;
        padding-right: 30px;
    }
            .moduleTitle p { width: auto; text-align: left; padding: 0 2em;
                position: static;
                margin: 5px auto;
                width: auto;
                height: auto;
                box-sizing: border-box;
                font-size: 108%;
            }
        .boxModule { width: 98%;margin-right:1%;margin-left:1%; }
            .bdrMap p { width: auto; text-align: left; }
            .map1 a,.map2 a,.map3 a,.map4 a,.map5 a,.map6 a { width: 292px; }
            .boxQr {
              max-width:98%;
              width: 98%;
              margin-right:1%;
              margin-left:1%;
            }
            .boxQr h2{
              padding: 0px 0;
            }
            .bdrQR { display: none; }/*携帯・スマートフォン*/
            .mdsNews{
              font-size: 100%;
            }
/*QRのpcはこちらは非表示*/
    .contentsPortal .sp{
      display: none;
    }
    .contentsPortal .pc{
      display: block;
    }



 /* フッタ -------------------------------*/
    .footer-inner { width: 100%; min-width: 320px;   }

    address {
      float: none;
      width: auto;
    }
    address span {
      display: block;
    }
    #copyright {
      width: 100%;
      float: none;
      text-align: center;
      margin-top: 0.5em;
    }
 }


/*  = 小型タブレット用 - 2column
----------------------------------------------------------------------*/
 @media only screen and (min-width: 481px) {
/* ヘッダ -------------------------------*/
 header #headerInner { width: 100%; }
    header #headerInner h1 { width: 100%; margin-left: 0px; }
    header #headerInner #headerNav { display: block; }
/* コンテンツ --------------------------*/
.wrapContens {

}
.wrapSecond {
}

        .boxExplain {  width: auto; height:224px; margin: 4px 1% 4px; padding: 0;box-sizing: border-box;
              background: url(../../../../Content/images/site/imageMain.jpg) left top no-repeat;
        }
        .boxExplain h2{
            width: 90%;
            max-width: 524px;
        }
            /*.listNews { width: 99%; }*/
        .boxQr h2{
          padding: 5px 0;
        }
        .boxQr h2{
          padding: 0px 0;
        }
        .bdrQR { display: block; }
    .wrapFirst { }
    .wrapSecond { width: auto; text-align:center; }
            .moduleTitle p { width: auto; text-align: left; padding: 0 2em; }
        .boxModule {
          width: 48.5%;
        }
        /*お知らせがあるため2nから*/
        .wrapSecond > section:nth-of-type(n) {
          margin-right: 0;
          margin-left: 1%;
        }
        /*.wrapSecond > section:nth-of-type(2n+1) {
          margin-right: 1%;
          margin-left: 1%;
        }*/
        .wrapFirst + .wrapSecond > section.bdrNews{
          margin: 4px 1% 4px 1%;
        }
            .bdrMap p { width: auto; text-align: left; }
            .imageMap { width: 100%; overflow: hidden; }
            .map1 a,.map2 a,.map3 a,.map4 a,.map5 a,.map6 a { width: 292px; }
            .bdrQR { display: block; }/*携帯・スマートフォン*/

        .contentsPortal .sp{
          display: none;
        }
        .contentsPortal .pc{
          display: block;
        }
 /* フッタ -------------------------------*/
 .footer-inner { width: 100%;box-sizing:border-box;}
 address {
        float: none;
        width: 100%;
        box-sizing:border-box;
 }

 #copyright {
        float: none;
        width: 100%;
        box-sizing:border-box;
        text-align:left;
        margin-top: 0.5em;
 }

}


 /*  = 大型タブレット用 - 3column
 ----------------------------------------------------------------------*/
@media only screen and (min-width: 769px) {
/* ヘッダ -------------------------------*/
 header #headerInner { width: 100%; }
    header #headerInner h1 { width: 100%; margin:0 0px 0 0px; }
    header #headerInner #headerNav { display: block; }
/* コンテンツ --------------------------*/
.contentsPortal {  }
.wrapContens {

}
    .wrapFirst {
                         }
    .wrapSecond {

    }
        .boxExplain {
            width: auto;height:224px;margin: 4px 1% 4px 1%;padding: 0;
           }
           .boxExplain h2{
             }
            /*.listNews { width: 99%; }*/

    .wrapSecond { width: auto; text-align:center; }
            .moduleTitle p { width: auto; text-align: left; padding: 0 2em; }
        .boxModule{ width: 32%;}
            .bdrMap p { width: auto; text-align: left; }
            .imageMap { width: 100%; overflow: hidden; }
            .map1 a,.map2 a,.map3 a,.map4 a,.map5 a,.map6 a {  }

            .mdsNews {
                width:10%;
            }

            .listNews {
                width:90%;
            }
            .boxExplain h2{
              width:524px;
            }

            .wrapSecond > section:nth-of-type(2n+1) {
              margin:0;
            }
            .wrapSecond > section:nth-of-type(2n) {
              margin:0;
            }
            .wrapSecond > section:nth-of-type(n) {
              margin: 4px 0 4px 1%;
            }
            .wrapFirst + .wrapSecond section.bdrNews{
              margin-right: 1%;
              margin-left: 1%;
            }

 /* フッタ -------------------------------*/
    .footer-inner { width: 100%;   }

}

 /*  = 通常PC用 - 4column
 ----------------------------------------------------------------------*/
@media only screen and (min-width: 961px) {
/* ヘッダ  --------------------------*/
header #headerInner { width: 980px; }
header #headerInner h1 { width: 980px; }
    header #headerInner #headerNav { display: block; }
/* コンテンツ --------------------------*/
.contentsPortal {
                }
    .wrapFirst { width: 100%;}
    .wrapSecond { width: 960px;background: none; }
            .boxExplain {     width: 952px;height: 224px;padding-top: 0;margin: 4px auto;}


            .boxExplain p { display: none; }
        .boxModule.bdrNews{
          width: 232px;
          margin: 4px 4px 5px 4px;
        }
        .boxExplain h2{
          width:524px;
        }

        .boxModule { float: left; display: block; width: 232px; height: 232px;
                                box-sizing: border-box; margin: 4px 4px;}
            .boxQr{
                  width: 232px;
                  margin: 4px 4px;
            }
            .map1 a,
            .map2 a,
            .map3 a,
            .map4 a,
            .map5 a,
            .map6 a { width: 224px; }
        .moduleTitle p { padding: 0 1.2em; }

        .wrapSecond > section:nth-of-type(2n+1) {
          margin-right: 4px;
          margin-left: 4px;
        }
        .wrapSecond > section:nth-of-type(2n) {
          margin-right: 4px;
          margin-left: 4px;
        }
        .wrapFirst + .wrapSecond > section.bdrNews{
          margin-right: 4px;
          margin-left: 4px;
        }

/* フッタ  --------------------------*/
.footer-inner { width: 980px; }
address {
    float: left;
    width: 60%;
    padding: 0 0 0 .5em;
}
#copyright {
    width: 35%;
    text-align: right;
    float:right;
    margin-top: 0;
}


}