@charset "utf-8";

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

body {
	box-sizing: border-box;
	width: 100%;
}

#header {
    width: 100%;
    height: 106px;
    margin: 0 auto;
}

#header .title {
	position: static;
	text-align: center;
	margin: .5em auto;
}

.container {
    width: 100%;
    margin: 0 auto;
}

img {
	max-width: 100%;
	height: auto;
}

#top_searchBox {
	display: none;
}



ul.searchList_sp {
	clear: both;
	margin-left: .5em;
}

ul.searchList_sp li {
	float: left;
}

ul.searchList_sp li a {
	display: block;
	margin-right: 1em;
	padding: .5em 0 0;
}

ul.searchList_sp li:first-child a {
	margin-left: 0;
}

header {
	width: 100%;
}

#header_wrap {
	width: 100%;
}

#fsizeLink,
#searchLink {
	display: none;
}

#twitter_box {
	width: 100%;
	overflow: scroll;
}

ol#topicpath {
	border-bottom: 1px solid #efefef;
}

h1#header_logo, div#header_logo {
	margin: 0 auto;
	text-align: center;
}

div#header_logo {
	padding-top: 10px;
}

#header_wrap_r {
	display: none;
}

#searchForm {
	display: none;
}

ol#topicpath {
	margin: 0 10px;
}

#main{
	width: 100%;
	margin: 0 auto;
}


#main .main-in {
	width: 96%;
	margin: 0 3% 1em;
	padding: 5px 0 0;
		    display:-webkit-box;
  	display: -webkit-flex;
  	display:-ms-flexbox;
  	display: flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

}

#top_searchBox_sp {
	display: block;
	background-color: #fdefdb;
	border: 3px solid #ccc;
	border-radius: 8px;
	padding-top: 1em;
	padding-bottom: 1em;
	overflow: hidden;
}

ul.searchList_sp {
	clear: both;
	margin-left: .5em;
}

ul.searchList_sp li {
	float: left;
}

ul.searchList_sp li a {
	display: block;
	margin-right: 1em;
	padding: .5em 0 0;
}

ul.searchList_sp li:first-child a {
	margin-left: 0;
}


/**/
#main #local-nav{
	width: 100%;
	float: none;
	order:2!important;
	margin-top: 40px;
}

#local-nav .box-nav {
    position: static;
    width: 100%;
}

#local-nav .img-block {
	width: 100%;
}

.side_link {
	clear: both;
}




#local-nav .box-nav .box-title{
	background-size: contain;
}

#local-nav .box-nav .box-title h2 {
	background-size: cover;
	
	/*width: 90%;*/
}

#local-nav .box-nav .box-title-web h2 {
    background-size: cover;
}

#local-nav .box-nav .box-main {
	background-size: contain;
	
}
#local-nav .box-nav .box-main .btn01{
  text-align: center;
  }
  
  
#local-nav .box-nav .box-title-web {
	background-size: contain;
}

#local-nav .qr_box {
	text-align: center;
}

#local-nav .box-nav .box-title-web .icon {
	position: absolute;
	top: 10px;
	left: 8px;
}

#local-nav .box-nav .box-title .icon {
	position: static;
	margin-top: -7px;
	margin-left: 8px;
}
  #local-nav .box-nav .box-title.side_access .icon{
   position: absolute;
    margin: 0;
    top: 10px;
    left: 8px;
  }
.qr_box {
	overflow: hidden;
}

.qr_box div {
	width: 48%!important;
	 float: left!important;
}

.qr_box div:nth-child(2) {
	margin-left: 2%;
}

.side_link {
	clear: both;
}



 
/**/



#main #contents{
	width: 100%;
	float: none;
　　order:1!important;
}

#contents .search {
	padding: 10px 0 0 0;
}

#contents .new {
	padding: 10px 0 0 0;
}

#contents .top_map {
    padding: 10px 0 0 0;
}

#footer {
    position: relative;
    width:100%;
    margin: 0 auto;
	text-align: center;
}

#footer .footer-in {
    width:100%;
    padding: 0;
}

#footer .footer-in .footer-left {
	float: none;
	padding-left: 0;
}

#footer .footer-in .top-footer-left {
	float: none;
	margin-left: 0;
	width:100%;
}

#footer .footer-in .top-footer-left p {
	width:100%;
}

#footer .footer-in .footer-right {
	float: none;
}

#footer #footer-qr{
	position: absolute;
	left: 460px;
	top: 44px;
	width: 60px;!important
	height:56px; !important
	z-index:1;
}

#footer .p-left5 {
    padding-left: 0;
}

#footer .top-footer-pict,
#footer .footer-pict{
	position: static!important;
	z-index:1;
}

#footer .text-right {
	text-align: center;
}

#footer .m-top55 {
	margin-top: 10px;
}


/*table*/

.table-lefttop, .table-leftmiddle, .table-centertop, .table-centermiddle {
	width: 100%;
}

th.width100,
td.width100 {width:100%;}
th.width150,
td.width150 {width:100%;}
th.width200,
td.width200 {width:100%;}
th.width250,
td.width250 {width:100%;}



/* メインメニュー */


nav {
	display: block;
	position: relative;
	width: 100%;
	border-bottom: none;
}

nav #menu-open {
	cursor: pointer;
	margin-bottom: 0;
	background: #535353;
	border: none;
	border-bottom: 1px solid #fff;
	display: block!important;
	text-align: center;
	color: #fff;
	padding: .5em;
	font-size: 110%;
	font-weight: bold;
  width: 100%;
  text-indent: 1em;
}

nav #menu-open:after {
	position: absolute;
	content: "\0025bc";
	top: 7px;
	right: 10px;
}

nav #menu-open.is-open:after {
	position: absolute;
	content: "\0025b2";
	top: 7px;
    right: 9px;
}

nav ul {
	width: 100%;
  background: none!important;
	display: inline-block;
  display: none;
}

nav li {
	width: 100%!important;
  height:auto;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center!important;
  background: none;
  border-bottom: 1px dotted #333;
}

nav li a {
	display: block;
	text-decoration: none;
	border-bottom: none;
	width: 100%!important;
}

nav li a:hover {
	border-bottom: none!important;
}

nav li.sp {
	display: block;
}

}