@charset "UTF-8";

/*==============================================================================
// ###iOSでのデフォルトスタイルをリセット###
==============================================================================*/
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/*==============================================================================
// ###ブレークポイント（768px）###
==============================================================================*/

@media screen and (max-width: 768px) {
	/*--------------------------------------------------------------------------
	// ■基本設定
	--------------------------------------------------------------------------*/
 
  	*, *:before, *:after {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
    }
  
	/* 全体サイズ */
	html body {min-width: 0; width: 100%; box-sizing: border-box;}
	
	/* 非表示要素 */
    .crumbs,
    #tool #useNav01 #nocssread {
    	display: none;
    }
	
	/* width: 100% */
	#wrap,
	#footerMenuArea,
    #FMenuConts,
 	#LogoAddArea{
		width: 100%;
	}
  
    #sphead .spnav {
        display: none;
        margin: 45px 0;
        width: 100%;
        height: auto;
        z-index: 999;
        position: relative;
        background: #FFF;
        padding: 15px 0px 10px 0px;
    }
  
    #sphead #spnav_top {
        position: absolute;
        top: 5px;
        right: 5px;
        z-index: 10002;
    }
  
    #sphead #spnav_top button {
        width: 80px;
        height: 40px;
        background: #0079d2;
        color: #ffffff;
        font-size: 0.9em;
      	margin: 0 0 0 -10px;
        font-weight: bold;
        border: none;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
    }
  
    #sphead #gNaviLifeArea ul li {
        width: 48%;
        margin: 1% 1%;
    }
  
    #sphead .subWrap {
    	display: none;
    }
  
    #sphead .subSearch {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        clear: both;
        float: none;
    }

    #sphead .subSearch #Sform {
        margin: 0;
    }
  
    #sphead .subSearch #google_translate_element {
        clear: both;
        width: 100%;
        text-align: center;
        margin: 15px 0;
        float: none;
    }
  
    #sphead #headMenu {
        float: none;
        width: 90%;
        margin: 0 auto;
    }
      
    #sphead #headMenu ul{
    	padding: 10px 0 0 0; 
    }
  
    #sphead #headMenu ul li {
        width: 30%;
        height: auto;
        margin: 2% 3%;
        display: block;
        float: left;
      	
    }
  
    #sphead #headMenu ul li:first-child {
    	margin: 2% 1%; 
    }
  
    #sphead #headMenu ul li:last-child {
    	margin: 2% 1%; 
    }
    
    #sphead #headMenu ul li a {
        width: 100%;
        background-size: contain !important;
        height: 0;
        padding-top: 77%;
      	border: none !important;
    }
  
  
    #sphead .spnav li {
        width: 90%;
        margin: 5px auto;
        text-align: center;
    }
  
    #sphead .spnav li#kurashi {
    	margin: 0 auto 5px auto;
    }
  
    #sphead .spnav li.spsearch {
        width: 100%;
        margin: 0 auto 25px auto;
    }

    #sphead .spnav li a {
        display: block;
        border: 1px solid;
        padding: 5px;
        text-decoration: none;
        color: #000;
        background: #EFEFEF;
    }
  
    #sphead .spnav #gNavi {
    	background: #FFFFFF;
	}
  
    #sphead .spnav #gNaviLife {
        display: none;
        width: 90%;
        margin: 0 auto;
    }
    
    #spnav #gNaviLife li{
        width: 48%;
        margin: 1% 1%;
        float:left;
    }
  
  	#sphead .spnav #gNaviLife li a{
        background: none !important;
        text-indent: 1px;
        width: 100% !important;
        text-align: center;
        height: auto;
        text-decoration: none;
        color: #000;
        border: 1px solid;
        padding: 5px;
        background: #e5f2f9 !important; 
    }
    
    #sphead {
        display: block;
        width: 100%;
        height: auto;
        padding: 7px 0;
        z-index: 10001;
        background: #f3f8e0;
        height: 55px;
        top: 0;
    }
  
  	#sphead h1 {
    	text-indent: -9999px;
        background: url(../../img/citizen/siteLogo_sp.png) 0 0 no-repeat;
        background-size: 120px 45px;
        height: 45px;
        z-index: 10003;
    	position: absolute;
    }
  	
  
    #sphead h1 a {
        display: block;
        width: 120px;
        height: 45px;
    }
  
    #tool{
    	display: none;
        width: 100%;
        font-size: 0.9em;
        background: #FFFFFF;
        margin-top: -10px;
    }
  
    #tool nav {
    	width: 90%;
        margin: 0 auto;
        padding: 0 0 10px 0;
        background: #ffffff;
    }
   
    #tool nav #size,
    #tool nav #theme{
        width: 50%;
        float: left;
        margin: 10px 0;
        text-align: center;
    }
   
    #useNav01 {
        float: none;
        margin: 0;
        padding: 0;
    }
    
    #useNav01:after{
    	clear: both;
        display: table;
        content: "";
    }
  
    #useNav02 {
        display: none;
    }
    
    #tool nav #info{
    	display: block;
        float: left !important;
    }
    
    #headMenu ul {
    	padding: 10px 0 0 0; 
    }
  
  	#billboardarea {
    	padding: 0; 
    }

    #FMenuConts {
    	padding: 20px 0; 
    }
  
  	#FMenuConts ul{
  		width: 95%;
        margin: 0 auto 30px auto;
        text-align: center;
    }
  
    #FMenuConts ul li {
    	font-size: 0.9em;
    }
  
    .footerLine {
        top: 0;
    }
  
    #LogoAddArea .FLogo a {
        margin: 10px auto;
    }
  
    #LogoAddArea {
        padding: 0 20px 20px 20px;
        font-size: 0.9em;
    }
  	
  	#footLogo {
        margin: 20px auto;
    }
  
	#footerCreditArea {
        font-size: 0.8em;
    }
  
    #footerMenuArea {
    	background: none; 
    }
   
  	/*--------------------------------------------------------------------------
	// ■トップページ
	--------------------------------------------------------------------------*/
    
    #EmergencyArea,
    #GreatinfoArea {
        margin: 0 auto;
        background: #ffffff;
        padding: 0;
    }
  
    #EmergencyBox,
    #GreatinfoBox {
        width: 96%;
		margin: 10px auto;
    }
  
  	#EmergencyBox .cms-pages h2,
  	#GreatinfoBox .cms-pages h2 {
      width: 100% !important;
    }
  
    #EmergencyBox ul{
        width: 100%;
        margin: 0 auto;
        padding: 5px 10px;
    }
  
    #EmergencyBox ul li {
        width: 100%;
        margin: 5px 0;
    }
  
  	#billboard {
    	width: 100%;
        margin: 0 auto 20px auto;
    }
  
    #slidearea {
        float: none;
        width: 100%;
      	height: 240px !important;
    }
  
    #slidearea .bx-viewport {
        height: 240px !important;
    }
  
    #slidearea .bx-caption {
        height: 70px;
        top: 170px;
        bottom: inherit;
    }
 
 	#slidearea .bx-caption {
    	width: 100%;
    }
  
    #slidearea img {
        width: 100%;
        /* max-width: 100% !important; */
        margin: 0 auto;
        display: block;
        top: -200px;
        position: relative;
    }
  
    #slidearea .bx-controls {
    	left: inherit;
        position: inherit;
    }
  
    #slidearea .bx-controls .bx-prev {
        position: absolute;
        right: 50px;
    	top: 205px;
        width: 20px;
        height: 20px;
        background-size: contain;
    }
  
    #slidearea .bx-controls .bx-next {
        position: absolute;
        right: 20px;
        top: 205px;
        width: 20px;
        height: 20px;
        background-size: contain;
    }
  
    #slidearea .bx-caption span {
        width: 80%;
        padding: 0 10px;
        font-size: 1.1em;
        margin: 5px;
    }
  
    #newsTabs {
    	width: 100%; 
    }
  
    #newsTabs article header {
      	padding: 0 5px;
    }
  
    #newsTabs article time {
        width: 100%;
        float: none;
    }
  
    #newsTabs article h3 {
        width: 100%;
        float: none;
        clear: both;
        padding-left: 1em;
    }
  
	#btnarea {
    	width: 100%; 
    }
  
    #btnarea ul li {
    	width: 33.3%;
      	height: auto;
    }
  
    #btnarea ul li#logo,
  	#btnarea ul li#copy{
        background-size: contain;
        height: 0;
        padding-top: 33.3%;
    }
  
    #btnarea ul li .bill_menutxt {
    	width: 100%;
		font-size: 0.9em;
    }
  
    #btnarea ul li a img {
        width: 100%;
        background-size: contain;
    }
  
    #lifegnavi #area {
        width: 100%;
        padding: 10px;
    	box-sizing: border-box;
    }
  
    #lifeinfoArea {
        float: none;
        width: 100%;
        margin: 0;
    }
    
    #useinfoArea {
    	width: 100%;
        box-sizing: border-box;
        margin: 10px 0 30px 0;
    }
  
    #useful {
        width: 100% !important;
        margin: 0 2% 10px 0;
        box-sizing: border-box;
    }
  
    #ranking {
        width: 100% !important;
        margin: 0;
        box-sizing: border-box;
    }
  
    #SinfoArea {
    	width: 100%;
        margin: 10px 0;
    }
    
    #CCArea {
    	width: 100%;
        box-sizing: border-box;
    	margin: 10px 0 30px 0;
    }
    
    #CCArea table{
    	width: 100%;
    }
  
    #CCArea tbody {
        width: 100%;
    }
   
    #CCArea table th {
        display: block;
        width: 100%;
        text-align: center;
    }
  
    #CCArea table td {
        display: block;
        text-align: center;
        padding: 5px 5px 5px 10px;
    }
  
    #promoinfoArea {
        float: none;
        width: 100%;
        margin: 0;
    }
  
    #bnrInfoArea {
    	width: 100%;
      	margin: 0 auto 20px auto;
    }
  
    #TopEventArea {
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 30px 0;
    }
  
    #detail {
    	text-align: center; 
    }
  
    #RelContsArea {
    	width: 94%;
        position: relative;
    }
  
    #RelContsArea .ads-banners {
    	width: 90%;
      	margin: 0 auto;
    }
  
    #RelContsArea .bx-controls {
    	position: static; 
    }
  
    #RelContsArea .bx-controls .bx-prev{
        left: 15px;
        top: 36px;
    }
  
	#RelContsArea .bx-controls .bx-next {
    	left: inherit;
        top: 36px;
        right: 12px;
    }

  	#ADBArea {
    	width: 100%;
        margin: 10px 0;
    }
  
    #lifegnavi {
        margin: 0 0 10px 0;
    }
  
    #lifegnavi #area ul li {
        width: 20%;
        margin: 0;
    }
  
    #lifegnavi #area ul li a {
        background-size: 100% !important;
        width: 100% !important;
        height: 0;
    	padding-top: 100%;
    }

    ul#emrArea {
        box-sizing: border-box;
        margin: 10px 0;
    }
  
    ul#emrArea li {
        width: 47%;
        margin: 1% 2%;
    }
  
    ul#emrArea li:first-child {
        margin: 1% 0 1% 2%;
    }
  
    ul#emrArea li:last-child {
        margin: 1% 2% 1% 0;
    }

    ul#emrArea li a {
        margin: 0 auto !important;
        height: 0;
        padding-top: 39.6% !important;
        background-size: contain !important;
        width: 100% !important;
    }
  
    .cms-tabs {
        margin: 20px 0 30px 0;
    }
  
    .btnArea ul li {
        width: 43%;
    	margin: 0px 5%;
    }
  
    .btnArea ul li:first-child {
        margin: 0 2% 0 5%;
    }
  
    .btnArea ul li:last-child {
        margin: 0 5% 0 2%;
    }

    .btnArea ul li a,
  	.btnArea ul li a:hover{
    	margin: 0 auto;
        height: 0;
        padding-top: 53%;
        background-size: contain;
        width: 100%;
    }
  
    .calendar-nav ul {
        float: none;
        text-align: center;
        margin: 0 0 5px 0;
    }
  
    table.calendar caption {
        margin: 5px 0 10px 0;
    }
  
    ul#tab li {
        width: 50%;
    }
  
    ul#tab li a {
        width: 100%;
    }
  
 	#bnrInfoArea ul li{
    	width: 50%;
        margin: 0;
    }
  
    .EContsBox .pic {
        
    }
  
    .EContsBox .pic img {
      max-width: 125px !important;
      height: auto;
		width: expression(this.width >= this.height ? "320px" : "auto");
		height: expression(this.width <= this.height ? "320px" : "auto");
      	-ms-interpolation-mode: bicubic;
    }
  
    .EContsBox .text {
        float: none;
        width: 100%;
    }
  
	#TopEventArea .cms-pages {
    	height: auto; 
    }
  
  	#bnrInfoArea ul li a{
        width: 100% !important;
        margin: 0;
        height: 0;
        padding-top: 91%;
        background-size: contain !important;
    }
  
    #ads-banners-778 {
        width: 80%;
        margin: 10px auto;
    }
  
    #ADBArea .banners span {
        width: 31%;
        display: block;
        float: left;
        margin: 1%;
        text-align: center;
    }
  
   /*--------------------------------------------------------------------------
	// ■記事リスト-2列
	--------------------------------------------------------------------------*/
  	
    #spnav h1,
    #spnav button{
      	display: block;
    }  
  
  	#spnav {
        width: 100%;
        background: #f3f8e0;
        top: 0;
        z-index: 9999;
    }
  
    #spnav h1 {
        text-indent: -9999px;
        background: url(../../img/citizen/siteLogo_sp.png) 0 0 no-repeat;
        background-size: 120px 45px;
        height: 45px;
        z-index: 9999;
        position: absolute;
        margin: 5px 0;
    }
  
    #spnav h1 a {
        display: block;
        width: 120px;
        height: 45px;
    }
  
    #spnav button {
        width: 80px;
        height: 40px;
        background: #0079d2;
        border: none;
        color: #fff;
        font-weight: bold;
        font-size: 1em;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        float: right;
        margin: 5px 7px 0 0;
    }
  
    #spnav header#sub-head {
        display: none;
        width: 100%;
        margin: 0 auto;
        background: none !important;
        background: #FFFFFF !important;
        padding: 40px 0 0 0;
    }
  
    #spnav #head {
      	width: 100%;
    	padding: 20px 0 0 0; 
      　background: #ffffff;
    }
  
    #spnav #headTitle {
        width: 100%;
        float: none;
    }

    #spnav #headMenu {
        float: none;
        width: 90%;
        margin: 0 auto 5px auto;
    }
  
    #spnav #headMenu ul li {
        width: 30%;
        height: auto;
        margin: 2% 3%;
        display: block;
        float: left;
    }
  
    #spnav #headMenu ul li:first-child {
    	margin: 2% 1%; 
    }
  
    #spnav #headMenu ul li:last-child {
    	margin: 2% 1%; 
    }
    
    #spnav #headMenu ul li a {
        width: 100%;
        background-size: contain !important;
        height: 0;
        padding-top: 77%;
    }
  
    #spnav .subWrap {
    	display: none;
    }
    
    #spnav .subSearch {
        width: 100%;
        text-align: center;
      　float: none !important;
        clear: both;
    }
  
    #spnav #Sform {
        margin: 0;
    }
  
    #spnav #google_translate_element {
        clear: both;
        width: 100%;
        text-align: center;
        margin: 15px 0 0 0;
    }
  	
 
    #spnav #sub {
      	display: none;
        width: 100%;
        margin: 0 auto;
        padding: 0 0 20px 0;
        background: #FFFFFF;
    }
  
    #spnav #sub #gNavi {
        width: 90%;
        margin: 0 auto;
        height: auto;
        background: none;
        padding: 0;
    }
  
    #spnav #sub #gNaviArea {
    	width: 100%; 
    }
  
    #spnav #sub #gNaviArea ul {
     	width: 100%; 
    }
  
    #spnav #sub #gNaviArea ul li {
        width: 100%;
        float: none;
        border: none !important;
    }
  
    #spnav #sub #gNaviArea ul li a {
        width: 100% !important;
        background: none !important;
        text-indent: 1px;
        height: auto;
        padding: 8px;
        display: block;
        text-align: center;
        border: 1px solid;
        margin: 5px 0;
        text-decoration: none;
        color: #000;
        background: #efefef !important;
    }
  
    #spnav #sub #gNaviArea ul li:first-child a {
    	margin: 0 0 5px 0;
    }
  
    #spnav #sub #gNaviLife {
        background: none;
        width: 100%;
        height: auto;
        margin: 0;
    	padding: 0;
    }
  
    #spnav #sub #gNaviLifeArea {
        width: 90%;
        margin: 0 auto;
    }
  
    #spnav #sub #gNaviLifeArea ul {
        width: 100%;
    }
    
    #spnav #sub #gNaviLifeArea ul li {
        width: 48%;
        margin: 1% 1%;
    }
  
    #spnav #sub #gNaviLifeArea ul li a {
        background: none !important;
        text-indent: 1px;
        width: 100% !important;
        text-align: center;
        height: auto;
        text-decoration: none;
        color: #000;
        border: 1px solid;
        padding: 5px;
        background: #e5f2f9 !important;
    }
  
    #main {
        width: 100%;
        float: none;
        padding: 60px 0 0 0px;
    }
  
    #main h1 {
        width: 100%;
        margin: 10px 0px;
    }
  
    #main .plist-01, 
  	#main .plist-02 {
        width: 100%;
    }
  	
  	#main .plist-01 h2,
    #main .plist-02 h2,
  	#main .plist-01 h3,
    #main .plist-02 h3,
  	#main .plist-01 h4,
    #main .plist-02 h4 {
        float: none;
        width: 100%;
        height: auto !important;
        margin: 0;
    }
  
  	#main .plist-01 h2 a,
    #main .plist-02 h2 a,
  	#main .plist-01 h3 a,
    #main .plist-02 h3 a,
  	#main .plist-01 h4 a,
    #main .plist-02 h4 a {
        width: 90%;
        display: block;
        padding: 5px 5px 5px 10px;
    }
  
    .map #main h2, 
    #main article.body h2, 
    h2.ls-child-cat{
    	width: 100%;
    }
   
    #side {
        float: none;
        width: 100%;
    }
  
    #side h2 {
     	width: 100%;
    }
  
    #side h3 a {
     	width: 100%; 
    }
  
    #side .btnArea {
     	width: 100%; 
    }
  
    #side .btnArea a {
        margin: 0 auto 10px auto;
    }
  
    #side .EmrcontsBox {
        width: 100%;
    }

    #side .contsBox {
     	width: 100%; 
    }
  	
  	#Calbox {
    	width: 100%; 
    }
  
    body.body--citizen-docs .cms-tabs article h3, 
    #tabArea-bn-kensa .cms-tabs article h3, 
    #tabArea-gv-promotion .cms-tabs article h3, 
    #tabArea-lf-tax .cms-tabs article h3, 
    #tabArea-lf-proof .cms-tabs article h3 {
    	width: 100% !important;
      	float: none !important;
    }

  /*--------------------------------------------------------------------------
  // ■記事詳細
  --------------------------------------------------------------------------*/
    
    .page header.released, 
    .one header.released, 
    .faq header.released, 
    .body--anpi-ezine-anpi header .released, 
    .body--anpi-ezine-event header .released {
        text-align: left;
    }
  
    #main article.body p {
        float: none;
    }
  	
  	/*
    #main article.body p:after {
        clear: both;
        display: table;
        content: "";
    }
    */
  
    .map .keyword {
    	width: 100%; 
    }
  
    .map .keyword input{
    	width: 100%; 
    }
   
	.map #main h2, 
  	#main article.body h2, 
  	#main article.sitemap-body h2, 
  	h2.ls-child-cat {
    	width: 100% !important;
    }
  
    #main article.body h3,
  	#main h3 {
    	width: 100% !important;
    }
  
  	#main article.body h4,
  	#main h4 {
    	width: 100% !important;
    }
  
    #main .categories .nodes li {
        border: none;
        padding: 0;
    }
  
    #main .categories .nodes li a {
        border: 1px solid;
        text-decoration: none;
        padding: 5px 3px;
        display: block;
        margin: 3px;
    }
  
    #main .columns {
        padding: 0;
    }
  
    #main .inquiry-form dl dd label, 
    #main .columns dl dd label, 
    #main .form-login dl dd label {
        display: block;
      　margin: 5px 12px 5px 5px;
    }
  
  	/* テーブル */
  
    .tblscroll {
      overflow: auto;　　　　/*tableをスクロールさせる*/
      white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
      margin: 0 0 30px 0;
    }
  
    .tblscroll::-webkit-scrollbar {　　/*tableにスクロールバーを追加*/
       height: 5px;
    }
  
    .tblscroll::-webkit-scrollbar-track {　　/*tableにスクロールバーを追加*/
       background: #F1F1F1;
    }
  
    .tblscroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
       background: #BCBCBC;
    }
  

  	/*--------------------------------------------------------------------------
	// ■施設検索
	--------------------------------------------------------------------------*/
  
    #main #sResultMapArea {
    	width: 100%; 
    }
  
    #main #sResultMapArea #map-canvas {
    	float: none;
      	width: 100% !important;
    }
  
    #main #sResultMapArea #map-sidebar {
        float: none;
        width: 100% !important;
        height: 200px !important;
        display: block;
    }
  
    #main .categories {
        text-align: left;
    }
  
    #main.page footer.contact dl.email {
        word-break: break-all;
    }
  
  	.body--citizen-gover-public-search #main table {
     	width: 100%;
      	margin: 10px 0;
    }
  
  	.map .see {
          word-wrap: break-word;
    }
  
    .category-pages .plist-01 h2 {
    	width: 95%; 
    }
  
    /* お問い合わせフォーム */

    .inquiry-form dl dd, .columns dl dd,
    .form-login dl dd {
        float: none;
        width: 100%;
        padding: 0;
      	margin: 10px 0;
    }

    .inquiry-form dl dt,
    .columns dl dt,
    .form-login dl dt {
        clear: both;
        float: none !important;
        width: 100%;
        padding: 6px 15px;
        font-weight: bold;
        background: #f0ebe1;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .inquiry-form dl dd input[type="text"],
    .columns dl dd input[type="text"],
    .form-login dl dd input[type="text"] {
        width: 100%;
        padding: 5px;
        margin: 5px 0 10px 0;
    }

    .inquiry-form dl dd input[type="email"],
    .columns dl dd input[type="email"],
    .form-login dl dd input[type="email"] {
        width: 100%;
        padding: 5px;
        margin: 5px 0 10px 0;
    }

    .inquiry-form dl dd textarea,
    .columns dl dd textarea,
    .form-login dl dd textarea {
        width: 100%;
        min-height: 200px;
      	padding: 5px;
    }
  
  	/* アンケート*/
	#feedback .inquiry-form dl {
     width: 98%;
     margin: 10px auto;
    }
  
	#feedback .inquiry-form dl dt {
      width: 100%;
      margin: 5px 0;
    }
  
	#feedback .inquiry-form dl dd {
      width: 100%;
      margin: 5px 0;
    }
  
  
  
  	/* レコメンド・閲覧履歴 */
  	.recommend-history {
      width: 98%;
      box-sizing: border-box;
      margin: 10px auto;
	}
  
  
    /* フルーツ公園 トップページ */

    #fruitpark_add {
      width: 98%;
      margin: 0 auto 20px auto;
      padding: 0;
    }

    #fruitpark_add:before, #fruitpark_add:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden;
    }

    #fruitpark_add:after {
        clear: both;
    }

    #fruitpark_add #parkmap {
      width: 100%;
      float: none;
      margin: 0 0 10px 0;
      padding: 0;
    }
  
    #fruitpark_add #parkmap iframe {
    	width: 100% !important; 
    }

    #fruitpark_add #parkmap img { max-width: 100%; }

    #fruitpark_add #parkIllst {
      width: 100%;
      float: none;
      margin: 0;
      padding: 0;
    }
  
  	#fruitpark_add #parkIllst #mapDiv {
      max-width: 100%;
    }
  	
  	/*
    #main article.body p img {
    	display: block;
      	margin: 0 5px;
    }
  	*/
  
    .category-nodes article h2 {
    	width: 100%; 
    }
  
    .category-nodes article h2 a {
        line-height: inherit;
    }
  	
  	.category-nodes {
    	width: 100%;
        margin: 15px 0;
    }
  
    #body--citizen-gover-public-park-spa-manriki-park-index .category-nodes article {
        width: 100%;
        margin: 0 auto 10px auto;
    }
  
    #body--citizen-gover-public-park-spa-manriki-park-index .category-nodes article h2 {
      	width: 100% !important;
        height: auto;
        font-size: 1.3em;
        padding: 10px 5px 10px 10px;
		margin: 0;
    }
  
    body.body--citizen-docs .cms-tabs article {
        margin: 0;
        padding: 5px 0;
    }
  
    body.body--citizen-docs .cms-tabs article h3 {
        width: 100% !important;
        float: none;
    }

    /* お知らせリスト（日付+タイトル） */

    .page .category-pages article:before,
    .page .article-pages article:before,
    .page .cms-pages article:before,
    .page .category-pages article:after,
    .page .article-pages article:after,
    .page .cms-pages article:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden;
    }

    .page .category-pages article:after,
    .page .article-pages article:after,
    .page .cms-pages article:after {
        clear: both;
    }

    .page .category-pages article time,
    .page .article-pages article time,
    .page .cms-pages article time {
        float: none;
        display: block;
        vertical-align: middle;
        width: 100%;
    }

    .page .category-pages article h2,
    .page .article-pages article h2,
    .page .cms-pages article h2 {
      width: 100%;
      display: block;
      float: none;
      margin: 0 0 0 10px;
      padding: 0;
      border: none;
      background: none;
      font-size: 100%;
      font-weight: normal;
    }
  
    /* テンプレート 画像2列 */

    .pictArea02 {
        width: 98%;
        margin: 5px auto;
    }

    .pictArea02 .box {
        float: none;
        width: 100%;
        margin: 0 5px;
    }

    .pictArea02 .box img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .pictArea02:before, .pictArea02:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden;
    }

    .pictArea02:after {
        clear: both;
    }

    /* テンプレート 画像3列 */

    .pictArea03 {
        width: 98%;
        margin: 5px auto;
    }

    .pictArea03 .box {
        float: none;
        width: 100%;
        margin: 0 5px;
    }

    .pictArea03 .box img {
        display: block;
        max-width: 100%;
        height: auto;
    }
  
    .AkiListBlc {
        width: 98%;
        margin: 0 auto 20px auto;
      display: block;
    }
  
    .AkiPicArea {
      float: left;
      display: block;
      width: 100%;
      margin: 0 auto 10px auto;
    }

    .AkiSumArea {
      width: 100%;
      float: left;
      display: block;
      margin: 0;
    }

    .AkiPicArea img {
      max-width: 100% !important;
      height: auto !important;
    }
  
    .cms-tabs nav {
        padding: 0;
        background: #fbfbf3;
    }
 

  
}

/*==============================================================================
// ###ブレークポイント（500px）###
==============================================================================*/

@media screen and (max-width: 500px) {
  
    #tool nav #size,
    #tool nav #theme{
        width: 100%;
        float: none;
    }
  		
  	ul#emrArea li a {
        background-size: 100% !important;
        width: auto;
        margin: 0;
    }
  
    .btnArea ul li a{
    	background-size: 100% !important;
        width: 100% !important;
    }
  
    #ADBArea .banners span {
        width: 48%;
    }
  
  	
}

/*==============================================================================
// ###ブレークポイント（480px）###
==============================================================================*/

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

    #btnarea ul li .bill_menutxt {
        font-size: 0.8em;
    }

	#main article.body p {
        clear: both;
    }
}

/*==============================================================================
// ###ブレークポイント（320px）###
==============================================================================*/

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

    #RelContsArea .ads-banners span {
        margin: 0 0 0 14px;
    }

}