/*================================================
 *  トップナビ  スクロール途中で止まる?
 display:inline;と display:block;の使い方については要研究
 ================================================*/
* html .topNavi {
    height:1em;
    overflow:visible;
}

.topNavi {
    overflow:hidden;
    position:relative;
    margin-right:-2%;
    margin-top:20px;
    margin-bottom:20px;
}

.topNaviColumn {
    display:inline;
    width:32%;
    float:left;
    margin-right:1%;
}

.topNaviCon {
    position:relative;
    display:block;
    box-sizing:border-box;
    overflow:hidden;
    padding:10px;
    text-decoration:none;
    color:#000;
    transition:background 0s ease 0s, border 0.5s ease-out 0s;
    background:#f1f1f1;
    border:1px solid #f1f1f1;
    border-radius:4px;
}

.topNaviCon:hover {
    color:#000;
    background:#fff9f5 none repeat scroll 0 0;
    border:1px solid #f19500;
    transition:background 0s ease 0s, border 0.5s ease-out 0s;
}

.topNaviCon h2 {
    margin:10px;
    padding:0;
    font-size:14px;
    font-weight:bold;
    color:#f19500;
    border:none;
}

.topNaviCon:hover h2 {
    color:#f19500;
}

.topNaviCon p {
    margin:10px;
}

.topNaviPhoto img {
    width:100%;
}


/* トップナビ 1*/

.topNavi1 {
    overflow:hidden;
    position:relative;
    margin-right:-2%;
    margin-top:20px;
    margin-bottom:20px;
}

.topNaviColumn1 {
    display:inline;
    width:48%;
    float:left;
    margin-right:2%;
}

.topNaviCon1 {
    position:relative;
    display:block;
    box-sizing:border-box;
    overflow:hidden;
    padding:10px;
    text-decoration:none;
    color:#000;
    transition:background 0s ease 0s, border 0.5s ease-out 0s;
    background:#f1f1f1;
    border:1px solid #f1f1f1;
    border-radius:4px;
}

.topNaviCon1:hover {
    color:#000;
    background:#fff9f5 none repeat scroll 0 0;
    border:1px solid #f19500;
    transition:background 0s ease 0s, border 0.5s ease-out 0s;
}

.topNaviCon1 h2 {
    margin:10px;
    padding:0;
    font-size:14px;
    font-weight:bold;
    color:#f19500;
    border:none;
}

.topNaviCon1:hover h2 {
    color:#f19500;
}

.topNaviCon1 p {
    margin:10px;
}

.topNaviPhoto1 img {
    width:100%;
}

/* トップナビ 2*/
* html .topNavi2 {
    height:1em;
    overflow:visible;
}

.topNavi2 {
    overflow:hidden;
    position:relative;
    margin-right:-2%;
    margin-top:20px;
    margin-bottom:20px;
}

.topNaviColumn2 {
    display:inline;
    width:23%;
    float:left;
    margin-right:2%;
}

.topNaviCon2 {
    position:relative;
    display:block;
    box-sizing:border-box;
    overflow:hidden;
    padding:10px;
    text-decoration:none;
    color:#000;
    transition:background 0s ease 0s, border 0.5s ease-out 0s;
    background:#f1f1f1;
    border:1px solid #f1f1f1;
    border-radius:4px;
}

.topNaviCon2:hover {
    color:#000;
    background:#fff9f5 none repeat scroll 0 0;
    border:1px solid #f19500;
    transition:background 0s ease 0s, border 0.5s ease-out 0s;
}

.topNaviCon2 h2 {
    margin:10px;
    padding:0;
    font-size:14px;
    font-weight:bold;
    color:#f19500;
    border:none;
}

.topNaviCon2:hover h2 {
    color:#f19500;
}

.topNaviCon2 p {
    margin:10px;
}

.topNaviPhoto2 img {
    width:100%;
}


/* トップナビ 3*/
* html .topNavi3 {
    height:1em;
    overflow:visible;
}

.topNavi3 {
    overflow:hidden;
    position:relative;
    margin-right:-2%;
    margin-top:20px;
    margin-bottom:20px;
}

.topNaviColumn3 {
    display:inline;
    width:98%;
    float:left;
    margin-right:2%;
    margin-bottom:20px;
}

.topNaviCon3 {
    position:relative;
    display:block;
    box-sizing:border-box;
    overflow:hidden;
    padding:10px;
    text-decoration:none;
    color:#000;
    transition:background 0s ease 0s, border 0.5s ease-out 0s;
    background:#f1f1f1;
    border:1px solid #f1f1f1;
    border-radius:4px;
}

.topNaviCon3:hover {
    color:#000;
    background:#fff9f5 none repeat scroll 0 0;
    border:1px solid #f19500;
    transition:background 0s ease 0s, border 0.5s ease-out 0s;
}

.topNaviCon3 h2 {
    margin:10px;
    padding:0;
    font-size:14px;
    font-weight:bold;
    color:#f19500;
    border:none;
}

.topNaviCon3:hover h2 {
    color:#f19500;
}

.topNaviCon3 p {
    margin:10px;
}


.topNaviPhoto3 img {
    width:100%;
}


/* トップナビ 4*/
* html .topNavi4 {
    height:1em;
    overflow:visible;
}

.topNavi4 {
    overflow:hidden;
    position:relative;
    margin-right:-2%;
    margin-top:20px;
    margin-bottom:20px;
}

.topNaviColumn4 {
    display:inline;
    width:48%;
    float:left;
    margin-right:2%;
    margin-bottom:20px;
}

.topNaviCon4 {
    position:relative;
    display:block;
    box-sizing:border-box;
    overflow:hidden;
    padding:10px;
    text-decoration:none;
    color:#000;
    transition:background 0s ease 0s, border 0.5s ease-out 0s;
    background:#f1f1f1;
    border:1px solid #f1f1f1;
    border-radius:4px;
}

.topNaviCon4:hover {
    color:#000;
    background:#fff9f5 none repeat scroll 0 0;
    border:1px solid #f19500;
    transition:background 0s ease 0s, border 0.5s ease-out 0s;
}

.topNaviCon4 h2 {
    margin:10px;
    padding:0;
    font-size:14px;
    font-weight:bold;
    color:#f19500;
    border:none;
}

.topNaviCon4:hover h2 {
    color:#f19500;
}

.topNaviCon4 p {
    margin:10px;
}


.topNaviPhoto4 img {
    width:100%;
}

/* トップナビ 5*/
* html .topNavi5 {
    height:1em;
    overflow:visible;
}

.topNavi5 {
    overflow:hidden;
    position:relative;
    margin-right:-2%;
    margin-top:20px;
    margin-bottom:20px;
}

.topNaviColumn5 {
    display:inline;
    width:98%;
    float:left;
    margin-right:2%;
    margin-bottom:20px;
}

.topNaviCon5 {
    position:relative;
    display:block;
    box-sizing:border-box;
    overflow:hidden;
    padding:10px;
    text-decoration:none;
    color:#000;
    transition:background 0s ease 0s, border 0.5s ease-out 0s;
    background:#f1f1f1;
    border:1px solid #f1f1f1;
    border-radius:4px;
}

.topNaviCon5:hover {
    color:#000;
    background:#fff9f5 none repeat scroll 0 0;
    border:1px solid #f19500;
    transition:background 0s ease 0s, border 0.5s ease-out 0s;
}

.topNaviCon5 h2 {
    margin:10px;
    padding:0;
    font-size:14px;
    font-weight:bold;
    color:#f19500;
    border:none;
}

.topNaviCon5:hover h2 {
    color:#f19500;
}

.topNaviCon5 p {
    margin:10px;
}


.topNaviPhoto5 img {
    width:100%;
}

/* トップナビ 6*/
* html .topNavi6 {
    height:1em;
    overflow:visible;
}

.topNavi6 {
    overflow:hidden;
    position:relative;
    margin-right:-2%;
    margin-top:20px;
    margin-bottom:20px;
}

.topNaviColumn6 {
    display:inline;
    width:98%;
    float:left;
    margin-right:2%;
    margin-bottom:20px;
}

.topNaviCon6 {
    position:relative;
    display:block;
    box-sizing:border-box;
    overflow:hidden;
    padding:10px;
    text-decoration:none;
    color:#000;
    transition:background 0s ease 0s, border 0.5s ease-out 0s;
    background:#f1f1f1;
    border:1px solid #f1f1f1;
    border-radius:4px;
}

.topNaviCon6:hover {
    color:#000;
    background:#fff9f5 none repeat scroll 0 0;
    border:1px solid #f19500;
    transition:background 0s ease 0s, border 0.5s ease-out 0s;
}

.topNaviCon6 h2 {
    margin:10px;
    padding:0;
    font-size:14px;
    font-weight:bold;
    color:#f19500;
    border:none;
}

.topNaviCon6:hover h2 {
    color:#f19500;
}

.topNaviCon6 p {
    margin:10px;
}


.topNaviPhoto6 img {
    width:100%;
}

/*================================================
 *  スマートフォン向けデザイン=画面の横幅が768pxまで（または767px）
 ================================================*/
@media screen and (max-width:767px) {
 /* トップナビ 
    .topNavi {
        margin-right:0;
    }
    .topNaviColumn {
        display:block;
        box-sizing:border-box;
        width:100%;
        float:none;
        margin-right:0;
        margin-bottom:10px;
    }*/
   
      /* トップナビ 
      .topNavi1 {
        margin-right:0;
    }

    .topNaviColumn1 {
        display:block;
        box-sizing:border-box;
        width:100%;
        float:left;
        margin-right:1%;
        margin-left:1%;
        margin-bottom:10px;
    }1*/
   
    /* トップナビ 2
    .topNavi2 {
        margin-right:0;
    }

    .topNaviColumn2 {
        display:block;
        box-sizing:border-box;
        width:48%;
        float:left;
        margin-right:1%;
        margin-left:1%;
        margin-bottom:10px;
    }*/
    
    /* トップナビ 4
.topNavi4 {
        margin-right:0;
}

.topNaviColumn4 {
        display:block;
        box-sizing:border-box;
        width:48%;
        float:left;
        margin-right:1%;
        margin-left:1%;
        margin-bottom:10px;
}

.topNaviPhoto4 img {
    width:100%;
}*/

    /* トップナビ 3
.topNavi3 {
        margin-right:0;
}

.topNaviColumn3 {
        display:block;
        box-sizing:border-box;
        width:48%;
        float:left;
        margin-right:1%;
        margin-left:1%;
        margin-bottom:10px;
}

.topNaviPhoto3 img {
    width:100%;
}*/

    /* トップナビ 5
.topNavi5 {
        margin-left:0%;
}

.topNaviColumn5 {margin: 0 auto;/* センタリング(効果は？)

        display:block;
        box-sizing:border-box;
        width:31%;
        float:left;
        margin-right:1%;
        margin-left:1%;
        margin-bottom:10px;
}

.topNaviPhoto5 img {
    width:100%;
}*/


    }