/* =======================================================================
 タブレット用スタイル
========================================================================== */
@media screen and (max-width: 959px) {

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

/* ヘッダ */
#header-inner {
	padding:10px 0 0 0;
}
#header-inner #header-logo {
	border-radius:10px;
}
#header-inner #menu {
	position:static;
	margin:10px 0 0 0;
}

/* グローバルナビ */
#menu ul {
	width:100%;
	table-layout:fixed;
}
#menu a {
	text-align:center;
	border-left:none;
	border-right:1px solid #ccc;
	padding:10px 0;
}
#menu ul li:last-child a {
	border-left:none;
	border-right:none;
}

/* 記事ベース */
#main-article {
	padding:30px 0;
}
#main-content {
	padding:0 10px;
}

/* トップページ */
#top-image #top-catch {
	bottom: 120px;
}
#top-mokuji {
	padding:20px;
	width:auto;
}
.cell-zei {
	padding:0 10px 0 0;
}

#kouka1-fig #kouka1-mokuzai {
	bottom:0;
	left:10%;
}
#kouka1-fig #kouka1-co2 {
	bottom:15%;
	left:56%;
}
#kouka2-fig #kouka2-kansan1 {
	top:30%;
	left:35%;
}
#kouka2-fig #kouka2-kansan2 {
	bottom:0;
	left:10%;
}
#kouka3-fig #kouka3-shiyouryou {
	bottom:0;
	left:35%;
}
#kouka4-fig #kouka4-menseki1 {
	top:15%;
	left:10%;
}
#kouka4-fig #kouka4-menseki2 {
	top:15%;
	left:67%;
}
#kouka4-fig #kouka4-seibi {
	bottom:0;
	left:40%;
}
#kouka5-fig #kouka5-kansan {
	bottom:0;
	left:20%;
}

/* 取組地図 */

.popup-icon .popup-board {
	bottom:45px;
	left:-110px;
	width:260px;
	/*height:200px;*/
}
#ken-shien .popup-icon .popup-board {
	bottom:45px;
	left:-75px;
	width:260px;
	/*height:200px;*/
}

}



/* =======================================================
●smart画面の横幅が680pxまで
========================================================== */
@media screen and (max-width:680px){

/* ヘッダ */
#header-inner #header-logo {
	width:auto;
	padding:10px 0;
	margin:0 10px 10px 10px;
}
#header-inner #header-kanagawa {
	position:static;
	padding:0 0 0 10px;
}
#header-kanagawa img {
	height:40px;
	width:auto;
}

/* グローバルナビ */
#header-inner #toggle {
	display: block;
	position:absolute;
	right:10px;
	top:100px;
}
#toggle a {
	display: block;
	width: 40px;
	height: 40px;
	color: #FFF;
	text-decoration: none;
	background-color: #666;
	text-indent: -9999px;
	background-image: url(../images/menu-icon-sp.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#menu {
	display:none;
}
#menu ul {
	display:block;
}
#menu ul li {
	display:block;
}
#menu a {
	display:block;
	text-decoration:none;
	background-color:#E9F4FC;
	color:#666;
	padding:10px 0;
	border-left:none;
	border-right:none;
	border-top:1px solid #ccc;
}
#menu ul li:last-child a {
}
#menu a:hover {
	color:#000;
	background-color:#E9F4FC;
}

#footer-upper,#footer-upper-top {
	width:auto;
	padding:10px;
	font-size:0.9em;
}
#footer-upper {
	margin:20px 10px;
}
#footer-upper-top {
	margin:20px 10px 0 10px;
}
.site-policy {
	width:auto;
	font-size:0.9em;
	padding:10px 10px 0 0;
}

/* トップページ */

#top-image {
	position:relative;
	padding:0;
	background-color:#DFF4E7;
}
#top-image #top-catch {
	width:300px;
	bottom: 25px;
}
#top-mokuji {
	padding:10px 5px;
}
#top-mokuji h2 {
	font-size:1.1em !important;
}
#top-mokuji h2 .top-mokuteki {
	padding:0;
}
.top-mokuteki br {
	display:inline;
}
.mokuji-list{
	display: block;
}
.mokuji-list li {
	font-size:1em;
	margin:0 0 0 30px;
	width:auto;
}

#main-content h2 {
	font-size: 1.3em;
}

.box-side {
	display:block;
	width:auto;
	border-spacing:0px;
}
.box-side .box-cell {
	display:block;
}
.align-mid {
	text-align:center;
	vertical-align:middle;
}
.box-cell img {
	width:auto;
	height:auto;
}
.middle-cell img {
	transform: rotate( 90deg );
}
.cell-zei {
	padding:0 0 30px 0;
}

#kouka1-fig,#kouka2-fig,#kouka3-fig,#kouka4-fig,#kouka5-fig {
	text-align:center;
}
#kouka1-fig #kouka1-mokuzai {
	bottom:0;
	left:10%;
}
#kouka1-fig #kouka1-co2 {
	bottom:18%;
	left:55%;
}
#kouka2-fig #kouka2-kansan1 {
	top:30%;
	left:35%;
}
#kouka2-fig #kouka2-kansan2 {
	bottom:0;
	left:7%;
}
#kouka3-fig #kouka3-shiyouryou {
	bottom:5%;
	left:40%;
}
#kouka4-fig #kouka4-menseki1 {
	top:15%;
	left:10%;
}
#kouka4-fig #kouka4-menseki2 {
	top:15%;
	left:67%;
}
#kouka4-fig #kouka4-seibi {
	bottom:0;
	left:40%;
}
#kouka5-fig #kouka5-kansan {
	bottom:5%;
	left:20%;
}

/* 取組マップ */
#map-shichoson .ringyo-icon,#map-ken .ringyo-icon {
	position:absolute;
	width:20px;
	height:20px;
}
#hanrei {
	display:block;
}
#note {
	padding:10px 0 0 0;
	font-size:0.9em;
}
#hanrei br {
	display:inline;
}

.popup-icon {
	position:static;
}
.popup-icon .popup-board {
	position:fixed;
	top:20px;
	bottom:auto;
	left:calc(50% - 260px/2);/* 画面中央へ配置 */
}

/* 県の取組（地図外） */
#ken-shien {top:7%;left:10%;}
#map-ken #rinsei-shien {position:absolute;top:19%;left:8%;font-size:0.7em;font-weight:bold;}

.non-br br {
	display:inline;
}

.border-table {
	width:100%;
	overflow-x:auto;
}
.border-table table th,.border-table table td {
	white-space:nowrap;
}

/* アーカイブ */
.box-jirei {
	padding:0 0 20px 0;
}
.box-jirei ul li {
	width:100%;
	margin:0 0 10px 0;
}

}