@charset "utf-8";
/* CSS Document */
#bihada-navi {overflow: hidden; }
#bihada-navi p { font-weight: bold; background-color: #ba8946; color: #fff; text-align: center; padding: 10px;}
#bihada-navi ul { text-align: center; list-style-type: none; }
#bihada-navi ul li { background-color: #FFF; padding: 10px; box-sizing: border-box; border: 1px solid #ccc; margin: 1px; }
#bihada-navi ul li a { text-decoration: none; display: block; color:#333; }
#bihada-navi ul li:hover { background: #eee;}
/*===============================================
●PC 画面の横幅が768px
===============================================*/
@media screen and (min-width:768px) {
#bihada-navi { width: 1024px; margin: 0 auto 50px; }
/* contents 
--------------------------------------------------- */
#bihada-navi p { font-size: 18px; margin-bottom: 20px;}
#bihada-navi ul { text-align: center; list-style-type: none; margin-bottom: 50px; }
#bihada-navi ul li { font-size: 14px; width: 33.1%; float:left; }
}

/*===============================================
●SP 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px) {
#bihada-navi { width: 100%; margin-bottom: 30px; }
/* contents 
--------------------------------------------------- */
#bihada-navi p { font-size: 16px; }
#bihada-navi ul { text-align: center; list-style-type: none; }
#bihada-navi ul li { font-size: 16px; width: 100%; }
}