@charset "utf-8";

/**********************************************/
/* A-PLAT 全国・都道府県情報
/*ヘッダー
/**********************************************/
#header {
    /*width:100%;*/
    line-height: 100%;
    background-color:#FFF;
    
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;

  	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.2);

}

#header>header {
    position:relative;
    max-width:90%;
    height:100px;
    margin:0 auto;
}


/*ヘッダー固定処理*/
.setfixed {
    position: fixed !important;
}


/*ロゴ*/
.logo {
    position:absolute;
    top:30px;
    left:0px;
    font-weight: bold;
    font-size: 120%;
	white-space: nowrap;
}
.logo img {
    height: 60px;/*30px*/
    margin-right: 20px;
	margin-left: 50px; /*add 20230303*/
}



/*サブメニュー*/
.mapmenu {
    margin:0;
    padding:0;
    list-style-type:none;
    overflow: hidden;

    position:absolute;
    right:0px;
    bottom:10px;
}

.mapmenu li {
    float:left;
}



/*検索窓*/
.searchbox {
    position:absolute;
    top:-60px;
    right:120px;
    width: 300px;
}



/*ページ名*/
.navittl {}



/*★デモ用*/
.searchbox img { display: block; }


/*SNS*/
#sns {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position:absolute;
    top:15px;
    right:20px;

}
#sns li {
    float: left;
    margin: 0 5px;
}
#sns li img {
    display:block;
}



/*メインメニュー*/
nav {
    width: 100%;
    max-width: 1000px;
    position:absolute;
    top:65px;
    right:0px;
}
nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
nav a {
    text-decoration: none;
}



/*1段目*/
ul.mainmenu {
	width: 100%;
	border-collapse: collapse;
	overflow: hidden;
	/*font-family: "メイリオ", Meiryo, helvetica, sans-serif;*/
    font-family:游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

}
ul.mainmenu>li {
    float:left;
    width:20%;
    padding: 0 0;
    margin: 0 0%;
    text-align: center;
    font-size: 16px;
    font-size:1.6rem;
    line-height: 100%;
}
ul.mainmenu>li:last-child {
    border-right-width:0;
}
ul.mainmenu>li>a {
    display:block;
    padding: 5px 10px;
    color:#fff;
    
    color:#000;
    /*font-weight:bold;*/
    letter-spacing: 1px;
    border-right:1px #c0c0c0 solid;
}
ul.mainmenu>li:hover {
    background-color:#3399CC;
    -webkit-transition: all .5s;
    transition: all .5s;
}
ul.mainmenu>li:hover>a {
    color:#fff;
}
ul.mainmenu>li>span {
    display:block;
    padding: 5px 10px;
    
    color:#000;
    /*
    font-weight:bold;
    color:#fff;
    border-right:1px #ddd dotted;
    */
    letter-spacing: 1px;
    border-right:1px #c0c0c0 solid;
}



/*2段目*/
ul.child {
    display: none;
    background-color:#fff;
    border: 1px #ddd solid;
}
ul.child>li {
    display: block;
    min-height: auto;
    text-align: left;
    height:auto;
    font-size: 15px;
    font-size:1.5rem;
}
ul.child li:hover {}
ul.child>li>a {
    width: 100%;
    display:block;
    padding: 6px 10px 6px 25px;
    border-bottom: 1px #ddd dotted;
    color:#000;
}
ul.child>li:hover>a {
    color:#3399CC;
}
ul.child>li:last-child a {
    border-bottom-width:0;
}



/*スマホ用*/
#spmenu {
    display:none;
    position:absolute;
    top:5px;
    right:0px;
    cursor: pointer;
    width:48px;
    height:48px;
}
#spmenu span {
    display: none;
    background-repeat: no-repeat;
    background-position:left bottom;
    /*background-size: 19px contain;*/
}

/*アイコン切替*/
.open {
    background:url("../img/menu.png") no-repeat left center;
}
.closed {
    background:url("../img/menu_close.png") no-repeat left center;
}





/****************************/
/*レスポンシブ
/****************************/
/*x-large*/
/*  1200px 以下 */
@media screen and (max-width: 1200px) {

    .logo {
        height: 35px;
        top:15px;
        left:10px;
    }
    nav {
        max-width: 100%;
        top:65px;
    }

}

/*large*/
/*  980px 以下 */
@media screen and (max-width: 980px) {
}


/*normal*/
/*  768px 以下 */
@media screen and (max-width: 768px) {


    .logo {
        top:10px;
    }

    #header>header {
        height:55px;
    }

	#spmenu {
		display: block;
	}

    nav {
        /*background-color:rgba(000,000,000,0.8);*/
        background-color:#171550;
        top:55px;
    }

	ul.mainmenu {
		display: none;
		padding: 20px 0;
	}

	ul.mainmenu>li {
	    float: none;
		width: 100%;
		text-align: left;
		padding: 10px 20px;
		background:url("../img/menu_b.png") no-repeat 95% 10px;	
	}
	
	ul.mainmenu>li:nth-child(4) {
		background:url("../img/menu_a.png") no-repeat 95% 10px;	
	}
    ul.mainmenu>li>a {
        padding: 5px 10px;
        color:#fff;
        border-width:0;
        display: inline-block;
        /*
        border:1px red solid;
        */
    }
    
    ul.mainmenu>li>span {
        padding: 5px 10px;
        color:#fff;
        border-width:0;
         /*display: inline-block;
       
        border:1px blue solid;
        */
    }


	ul.child {
        display: none;
        background-color:transparent;
        border-width: 0;
        margin-top:5px;
    }
    ul.child>li>a {
        padding: 6px 10px 6px 30px;
        border-width: 0;
        color:#fff;
        display: inline-block;
        background:url("../img/link.png") no-repeat 15px center;	
    }
    ul.child>li:hover>a {
        color:#000;
    }


    #sns {
        right:80px;
        top:13px;
    }
    .searchbox {
        display:none;
    }


}




/*small*/
/*  624px 以下 */
/*
@media screen and (max-width: 624px) {

}
*/


/*x-small*/
/*  520px 以下 */
@media screen and (max-width: 520px) {
    
}