@charset "utf-8";

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


/* -----------------------------
   default.css
------------------------------*/

body{
	background:#FFF;
}
/*display:none;*/
.sp{
	display:none;
}
/* br */
.br{
	clear:both;
	display:block;
}
/* Images */
.imgleft,
.imgright {
	float: none;
	display:block;
	margin-left: auto;
	margin-right: auto;
}
.col-md-6{
	width:100%;
	float:none;
	display:block;
}

/* dl */
dl dt{
	width:100% !important;
	float:none;
}
dl dd{
	clear:both;
	padding-left:.6em !important;
}
iframe{
	width:100% !important;
}

table{
	width:auto !important;
}

/*.table-responsive table{
	margin-top: 0px;
	margin-bottom: 0px;
}
.table-responsive table th,
.table-responsive table td{
    white-space: nowrap;
}*/


/*◆　header　◆
----------------------------*/

#header{
	text-align:center;
	display:block;
	padding-top:10px;
	background:url(../../images/common/header_bg.png) no-repeat 50% -40px #FFF;
}

.site-header{
	padding: 0 0 10px 0;
}

#siteName{
	margin-top:4px;
	margin-left:5px;
	max-width:260px;
	width:100%;
	float:left;
}
#siteName h1 a {
    height: 60px;
}
.site-header h2{
	margin-left:0;
	clear:both;
	float:none;
	max-width:none;
	text-align:center;
	padding-top:32px;
	font-size:90%;
}
#header-parts{
	padding-top:10px;
}

#fontScaler {
	display:none;
}

.site-header,
#page ,
#main {
	width:100%;
}

/* #header-parts
------------------------------*/
#header-parts{
	clear:both;
	width:98%;
	margin:auto;
	float:none;
}

#searchBox,
ul#branding{
	float:none;
	margin:auto;
}

ul#branding {
	width:80%;
	margin:auto;
}
/* Glovalmenu
----------------------------*/

#main-navigation {
	width:100%;
	}
#main-navigation li a {
	line-height:3.7;
	font-size:.75em;
}
button#gmenu {
	display:block;
	float:right;
	width:44px;
	height:44px;
	margin:5px 5px auto auto;
	outline:none;
	background:url(../../images/common/sp_menu.png) 0 0 no-repeat;
	text-indent:-9999px;
	border:none;
	padding: 0;
}
.menu-gmenu-container{
	clear:both;
	display:none;
}
#MainNav{
	clear:both;
	border-top: none;
	border-bottom: none;
	background:none;
	display:block;
	position:absolute;
	top:5px;
	right:5px;
	z-index:9999 !important;
	text-align:right;
	width:97% !important;
}
ul.nav-menu{
	border-top:1px solid #eee;
}
#main-navigation li {
	clear:both;
	display: block;
	width:100%;
	float:none;
	padding:auto 10px !important;
}
#main-navigation li a{
	line-height: 3;
	font-size:1.3em;
	line-height:2.6;
	height:44px;
	border-bottom:1px solid #eee;
	background-image: none;
	background-color:#34ac91;
	display:block;
}

#main-navigation li a:hover {
	background-color: #096;
}


/* -----------------------------
   master.css
------------------------------*/

.home #left_area {
	float : none;
	width:100%;
}

/*layout*/
#primary,
#secondary,
.home #primary,
.home #secondary,
.home #tertiary {
	clear:both;
	width: 100%;
	float : none;
	margin:auto ;
}
#page {
	max-width: 1120px;
	width: 100%;
}
#main {
	max-width: 1090px;
	width: 100%;
}
#secondary{
	padding-top:1.5em;
}

/*---- gotop
---------------------*/
#secondary .gotop{
	width:100%;
}
#secondary .gotop a {
	width:105px;
	height:65px;
	margin:auto;
}
#footer-nav .gotop {
	width:100%;background:url(../../images/common/totop.png) no-repeat 50% 50%;}
#footer-nav .gotop a {margin:auto;}

/*---- secondary
---------------------*/
/* サイドメニュー枠外書式 */

#secondary img{
	margin:0 auto .5em auto ;
}

#main ul.ul-img {
	margin:0 auto .5em auto ;
	width:200px;
}

/* -----------------------------
   top.css
------------------------------*/

.home #secondary .bn_facebook a,
.home #secondary .bn_post a,
.home #secondary .bn_gikai a,
.home #secondary .bn_nyusatsu a,
.home #secondary .bn_tosho a,
.home #secondary .bn_kenkounavi a,
.home #secondary .bn_saiyou a{
	min-height:24px;
}

/* お知らせ・新着情報 .trigger */
.smartphone .trigger{
	display:block;
	cursor:pointer;
	margin-top:.5em;
	margin-bottom:1em;
}
.smartphone .pc-trigger{
	display:none;
}
.smartphone .trigger-btn{
	display: inherit !important;
}
.smartphone .home .InfoBox {
	clear:both;
	cursor:pointer;
	display:block;
	margin-bottom : .5rem;
	margin-bottom : .5em;
	padding-top : .3rem;
	padding-bottom : .3em;
	height:auto !important;
	color:#666;
}

.home #left_area #primary .InfoBox{
	padding-right : .5em;
	padding-left : .5em;
}
.smartphone .home #primary h2.h2-Info_sp:hover{
	background:url(../../images/top/bg-InfoBox_sp.png) no-repeat #E07B9B;
}
.home #left_area #primary a.InfoLink{
	padding: 5px;
	margin-top:-.3em;
	margin-right:.3em;
}


/*------ #secondary ------*/

/* まちの紹介 */
.home #secondary .introduction{margin-top:1em; border-color: #69d;}
.home #secondary .introduction > .panel-heading {
	border:none;
	background: none;}
.home #secondary .panel {
    border-radius: 8px;
	height:44px;
	background: url(../../images/top/bt-secondary.gif) no-repeat top right;
}
.home #secondary .introduction h3.panel-title {
	background: url(../../images/top/icon_sp_introduction.png) no-repeat 0 0;
	padding:0;
	color:#4B4D49;
	padding-left:36px;
	line-height:2.3;
}
.home #secondary .introduction h3.panel-title a{
	color:#4B4D49;
	display:block;
	line-height:2.5;
}

/* 広報広川 */
.home #secondary .kouhouhirogawa{margin-top:1em; border-width:1px;}
.home #secondary .kouhouhirogawa > .panel-heading {
	border:none;
	background: none;}
.home #secondary .kouhouhirogawa h3.panel-title {
	background: url(../../images/top/ico_kouhou.png) no-repeat 4px 8px;
	padding:0;
	color:#4B4D49;
	padding-left:36px;
}
.home #secondary .kouhouhirogawa h3.panel-title a{
	color:#4B4D49;
	display:block;
	line-height:2.5;
}


/*Facebook*/
.home #secondary .bn_facebook a,
.home #secondary .bn_facebook a:hover{
	background: url(../../images/top/icon_sp_facebook.png) no-repeat 8px 0px;
}
/*市政ポスト*/
.home #secondary .bn_post a,
.home #secondary .bn_post a:hover{
	background: url(../../images/top/icon_sp_post.png) no-repeat 8px 0px;
}
/*議会*/
.home #secondary .bn_gikai a,
.home #secondary .bn_gikai a:hover{
	background: url(../../images/top/icon_sp_gikai.png) no-repeat 8px 2px;
}
/*入札・契約情報*/
.home #secondary .bn_nyusatsu a,
.home #secondary .bn_nyusatsu a:hover{
	background: url(../../images/top/icon_sp_nyusatsu.png) no-repeat 8px 0px;
}
/*市立図書館*/
.home #secondary .bn_tosho a,
.home #secondary .bn_tosho a:hover{
	background: url(../../images/top/icon_sp_tosho.png) no-repeat 8px 0px;
}
.home #secondary .bn_facebook,
.home #secondary .bn_post,
.home #secondary .bn_gikai,
.home #secondary .bn_nyusatsu,
.home #secondary .bn_tosho {
	border:1px solid #69d;
    border-radius: 8px;
	height:44px;
	background: url(../../images/top/bt-secondary.gif) no-repeat top right #FFF;
}
.home #secondary .bn_facebook a,
.home #secondary .bn_post a,
.home #secondary .bn_gikai a,
.home #secondary .bn_nyusatsu a,
.home #secondary .bn_tosho a {
	text-indent:0;
	color:#4B4D49;
	min-height:44px;
	padding-left:50px;
	line-height:2.6;
	font-size:1.3em;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}

/*------ #tertiary ------*/

.home #tertiary .bannerbosyu {
	margin-top:2em;
	margin-bottom:2em;
}


.home #tertiary .helpful,
.home #tertiary .facility,
.home #tertiary .convenient{ border-color: #E0E0C0;}
.home #tertiary .helpful > .panel-heading,
.home #tertiary .facility > .panel-heading,
.home #tertiary .convenient > .panel-heading {
	border:none;
	background: none;}
.home #tertiary .panel.helpful,
.home #tertiary .panel.facility,
.home #tertiary .panel.convenient {
    border-radius: 8px;
	height:44px;
	background: url(../../images/top/bt-tertiary.gif) no-repeat top right;
}
.home #tertiary .helpful h3.panel-title{
	background: url(../../images/top/icon_sp_helpful.png) no-repeat 0 0;
}
.home #tertiary .facility h3.panel-title{
	background: url(../../images/top/icon_sp_facility.png) no-repeat 0 0;
}
.home #tertiary .convenient h3.panel-title{
	background: url(../../images/top/icon_sp_convenient.png) no-repeat 0 0;
}
.home #tertiary h3.panel-title {
	color:#4B4D49;
	padding-left:30px !important;
	background-position: 3px 12px !important;
}
.home #tertiary .opentime .panel-heading h3.panel-title {
    background-position: 3px 0px !important;
}
.home #tertiary h3.panel-title a{
	line-height:3;
	color:#4B4D49;
	display:block;
	min-height:44px;
}
.home #tertiary h3.panel-title a:hover{
	background:none;
}

/*-------------------------
 footer
-------------------------*/

#footer{
	max-width: 768px !important;
	width:100%;
	text-align:center;
}
#footer-nav{
	height:200px !important;}
#footer-nav.innerbox{
	font-size:.9em;
	background:#FFF;
	border-top:5px solid #69d;
	border-bottom:2px solid #69d;
	text-align:center;
}
#footer-nav ul li {
	width:100%;
	float:none;
	display:block;
	margin-right:0;
	padding-top:.8em;
	padding-bottom:.8em;
	text-align:center;
}
#footer-nav ul li a{
	color:#69c;
	background:none;
	padding-left:0;
}

#footer img{
	float:none;
	margin:1em auto 0 auto;
}
#footer p{
	clear:both;
	width:100%;
	text-align:center;
}

#footer p#copy{
	text-align:center;
}

}



@media screen and (min-width: 768px) {
button#gmenu { display:none; }

.smartphone .trigger{
	display:none;
}
.smartphone .pc-trigger,
.smartphone .openbox{
	display:block !important;
}
}