@charset "utf-8";

/* タブレット (959px以下)----------- */
@media only screen and (max-width: 960px) {
  /*画像リンクにアルファ*/
  a:hover img {
    filter: Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }

  #header .honyaku,
  #font_size,
  #gmenu ul li:first-child {
    display: none;
  }
  body {
    font-size: 110%;
  }
  #toolbar_in {
    width: 700px;
    margin-bottom: 10px;
  }
  ul.useset {
    float: left;
  }
  #header {
    width: 700px;
    background-position: right bottom;
  }
  .gmenu ul {
    width: 700px;
  }
  .gmenu ul li a,
  .gmenu ul li:first-child a {
    width: 139px;
  }
  .gmenu ul li a span {
    font-size: 80%;
    padding: 10px 0 8px 10px;
    background-position: 5px center;
    background-size: 20px 20px;
  }
  #bg {
    background-image: url("../all_img/org/bg_tab.jpg");
  }
  #bg_in {
    width: auto;
  }
  #wrap_in {
    width: 700px;
  }
  #unit_a {
    width: 460px;
    float: left;
  }
  #unit_b {
    width: 220px;
    float: right;
  }
  .toppage #unit_b {
    width: 460px;
  }
  .link_banner p:nth-of-type(4n) {
    padding-right: 20px;
    behavior: url("../pie/PIE.htc");
  }
  .link_banner p:nth-of-type(3n) {
    padding-right: 0;
    behavior: url("../pie/PIE.htc");
  }
  #finfo_02 {
    width: 439px;
    float: right;
  }
  #finfo_03 {
    width: 700px;
    border: none;
    clear: both;
  }
  #top_img {
    margin: 0 0 64px 0;
  }
  #top_img .slide ul li img {
    width: 460px;
    height: 198px!important;
  }
  #top_img .slide_text {
    display: none;
  }
  .slick-next {
    left: inherit;
    right: 8px;
  }
  .slick-dots {
    width: 100%;
  }
  #news_topics dl dt a img {
    width: auto;
    float: none;
    margin: 0 12px 5px 5px;
  }
  #news_topics dl dt .time {
    float: none;
    width: auto;
  }
  #news_topics dl dt .topictitle {
    float: none;
    width: auto;
  }
  .contents_0 p {
    margin: 0;
    padding: 0;
  }
  .toppage #unit_b .contents_3 {
    width: 340px;
    margin: 0 auto;
  }
  .toppage #unit_b_1,
  .toppage #unit_b_2 {
    float: none;
    width: 460px;
  }
  .toppage #unit_b .contents_5 {
    width: 460px;
  }
  .toppage #unit_b .contents_5 p {
    width: 220px;
    float: left;
    margin-right: 10px;
  }
  #ad_banner {
    width: 100%;
  }
  #ad_banner p img {
    margin-bottom: 10px;
  }

  #fix_banner {
    width: 700px;
  }
  #footer_in {
    width: 700px;
  }
  #footer_in address,
  #footer_in .banner_5 {
    float: none;
    width: 700px;
  }
  /*サブページ*/
  th,
  td {
    width: auto !important;
    min-width: 4em;
  }
  #unit_a img {
    max-width: 220px !important;
    height: auto !important;
  }
  #unit_b img {
    max-width: 460px !important;
    height: auto !important;
  }
  #googole_map_api_wrap #gm-draw {
    width: 450px !important;
  }
  .photo_gallery .photo:nth-of-type(3n + 1) {
    clear: none;
    float: left;
    behavior: url("../pie/PIE.htc");
  }
  .photo_gallery .photo:nth-of-type(2n + 1) {
    clear: both;
    behavior: url("../pie/PIE.htc");
  }
  #kinkyu {
    width: 698px;
  }
  .mail_form .form_label {
    width: 137px;
  }
  .mail_form .form_input {
    width: 300px;
  }
  .mail_form .form_input textarea {
    width: 290px;
  }
  .mail_form .form_button input {
    margin: 0 0 10px 150px;
  }
  .index .indexgroup {
    width: 100%;
    float: none;
    margin: 0;
  }
  /*観光*/
  .kankotop #header {
    background-size: 700px auto;
    height: 356px;
    width: 700px;
  }
  .kakomi {
    margin-left: 10px;
    width: 202px;
  }
  .kakomi p img {
    max-width: 202px !important;
    height: auto !important;
  }
  /*市長*/
  .shicho p img {
    max-width: 700px !important;
    height: auto !important;
    margin-bottom: 30px;
  }
  .shicho #unit_a {
    width: 220px;
  }
  .shicho #unit_a img {
    height: auto !important;
    max-width: 100px !important;
  }
  .shicho #unit_b {
    width: 460px;
  }
  /*議会*/
  .gikai_top #unit_a {
    width: 700px;
  }

  #nivoslider img {
    width: 460px;
    height: auto !important;
  }
}

/* スマホ----------- */
@media only screen and (max-width: 700px) {
  /*スマホのみ表示しない*/
  #toolbar .sellang,
  #toolbar .useset,
  #life_event,
  .rss,
  .index,
  .banner_5,
  #news_topics dl dt a img {
    display: none;
  }
  /*スマホのみ表示する*/
  #toolbar_in {
    width: 292px;
  }
  #toolbar_in p {
    margin: 0;
  }
  #serch_menu {
    display: block;
  }
  body {
    font-size: 115%;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 100%;
  }
  table {
    width: 296px !important;
  }
  th,
  td {
    display: block;
    width: 292px !important;
  }
  ul,
  ol {
    list-style: outside none disc;
    margin: 0 0 15px 1em;
  }
  #unit_a img {
    max-width: 300px !important;
    height: auto !important;
  }
  #unit_b img {
    height: auto !important;
    max-width: 300px !important;
  }
  #bg {
    background-image: none;
  }
  #header {
    width: 310px;
    background-image: none;
  }
  #header #siteid {
    margin: 0 auto 10px;
    float: none;
  }
  .gmenu {
    border: none;
    background: none;
    margin: 0 auto 20px;
    border: 1px solid #999999;
    background-color: #f5f4f2;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    behavior: url("../pie/PIE.htc");
    width: 302px;
  }
  .gmenu ul {
    margin: 0;
    padding: 0;
    width: 302px;
  }
  .gmenu ul li {
    clear: both;
    float: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px dashed #999999;
    display: block;
    width: 300px;
  }
  .gmenu ul li:first-child {
    display: none;
  }
  .kakomitop .gmenu ul li:first-child {
    display: block;
  }
  .gmenu ul li:last-child {
    border-bottom-width: 0px;
  }
  .gmenu ul li a {
    width: 282px;
    height: auto;
    float: none;
    margin: 0;
    padding: 8px 10px 8px 10px;
    border-left: none;
    background-color: transparent;
    font-size: 110%;
  }
  .gmenu ul li a span {
    width: 282px;
    background-position: left center;
    background-size: 25px 25px;
    font-size: 80%;
    padding: 0;
    margin: 0;
  }
  .gmenu ul li a:hover {
    color: #ff0000;
  }
  #wrap_in {
    width: 320px;
    padding: 0;
  }
  #unit_a,
  .toppage #unit_a,
  #unit_a_1,
  #unit_a_2,
  #unit_b,
  .toppage #unit_b,
  #unit_b_1,
  #unit_b_2,
  #unit_b_1_1,
  #unit_b_1_2,
  .toppage #unit_b_1,
  .toppage #unit_b_2,
  .toppage #unit_b .contents_3,
  .contents_0,
  .toppage #unit_b .contents_5,
  #ad_banner,
  #footer_in,
  #footer_in address,
  #footer_in .banner_5,
  .kankotop #unit_a,
  .kankotop #unit_b,
  #pankuzu {
    float: none;
    width: 300px;
    margin: 0 auto 10px;
  }
  #unit_a #top_img img {
    width: 300px;
    height: auto;
  }
  #unit_a_2,
  #unit_b {
    text-align: center;
  }
  .toppage #unit_b ul li,
  .toppage #unit_b h2 {
    text-align: left;
    background-image: none;
  }
  .bo_type01 {
    text-align: left;
  }
  .toppage .contents_1 p a {
    display: block;
    width: 220px;
    margin: 0 auto 10px;
  }
  #life_event ul li a img,
  #life_event ul li a br {
    display: none;
  }
  #life_event,
  #serch_menu,
  .waku_01,
  .menu_5,
  #unit_b .menu_2 {
    border: 1px solid #bbbbbb;
    padding: 1px;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    behavior: url("../pie/PIE.htc");
    margin-bottom: 10px;
  }
  .waku_01 h2 {
    margin: 0;
  }
  #serch_menu ul {
    margin: 0;
    padding: 0;
  }
  #life_event ul li,
  #serch_menu ul li,
  .waku_01 ul li,
  .menu_5 ul li,
  #unit_b .menu_2 p,
  #unit_b .menu_2 ul li {
    display: block;
    float: none;
    border-bottom: 1px solid #bbbbbb;
    margin: 0;
    padding: 0;
  }
  #life_event ul li a {
    font-size: 120%;
  }
  #life_event ul li a,
  #serch_menu ul li a,
  .waku_01 ul li a,
  .menu_5 ul li a,
  #unit_b .menu_2 p a,
  #unit_b .menu_2 ul li a {
    clear: both;
    float: none;
    display: block;
    width: 267px;
    margin: 0;
    padding: 10px 20px 10px 10px;
    background: none;
    background-image: url("../all_img/org/li_04.gif");
    background-repeat: no-repeat;
    background-position: right center;
    border: none;
    text-align: left;
    color: #0033ff;
  }
  #life_event ul li a:hover,
  #serch_menu ul li a:hover,
  .waku_01 ul li a:hover,
  .menu_5 ul li a:hover,
  #unit_b .menu_2 p a:hover,
  #unit_b .menu_2 ul li a:hover {
    color: #ff0000;
  }
  #life_event ul li:nth-last-of-type(1),
  #serch_menu ul li:nth-last-of-type(1),
  .waku_01 ul li:nth-last-of-type(1),
  .menu_5 ul li:nth-last-of-type(1),
  #unit_b .menu_2 ul li:nth-last-of-type(1) {
    border: none;
    behavior: url("../pie/PIE.htc");
  }
  .link_banner p {
    float: none;
    padding-right: 0;
    text-align: center;
  }
  .link_banner p:nth-of-type(4n) {
    padding-right: 0;
    behavior: url("../pie/PIE.htc");
  }
  #finfo_01,
  #finfo_02,
  #finfo_03 {
    width: 310px;
    border: none;
    float: none;
    padding: 10px 0;
  }
  #finfo_02,
  #finfo_03 {
    border-top: 1px solid #bbbbbb;
  }
  #top_img .slide ul li img {
    width: 300px;
    height: 129px!important;
  }
  #news_topics div .go_list {
    position: static;
    padding: 10px 5px 0 5px;
  }
  #news_topics div .go_list a {
    width: 290px;
    text-align: center;
    font-size: 100%;
  }
  #news_topics dl dt .time {
    float: none;
    width: auto;
  }
  #news_topics dl dt .topictitle {
    float: none;
    width: auto;
  }
  .tabs ul li button {
    width: 99px;
    font-size: 70%;
  }
  #googole_map_api_wrap #gm-draw {
    width: 300px !important;
    height: 200px !important;
  }
  .photo_gallery .photo {
    clear: both;
    padding: 10px 0;
    width: 300px;
    border-top-width: 1px;
  }
  .photo_gallery .photo .picture {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    float: left;
  }
  .photo_gallery .photo .picture img {
    height: 80px !important;
    width: auto !important;
  }
  .photo_gallery .photo h5 {
    background-color: transparent;
    font-weight: normal;
    font-size: 90%;
    text-align: left;
  }
  #kinkyu {
    width: 308px;
  }
  .mail_form {
    border: 1px solid #bbbbbb;
    padding: 4px;
  }
  .mail_form .form_label,
  .mail_form .form_input {
    float: none;
    margin: 0;
    padding: 3px;
    width: 294px;
    border: none;
  }
  .mail_form .form_label {
    border-top: 1px solid #bbbbbb;
    background-color: #ebe0eb;
  }
  .mail_form .form_input input[type="text"] {
    width: 284px;
  }
  .mail_form .form_input textarea {
    width: 284px;
  }
  .mail_form .form_button input {
    margin: 0 0 10px 67px;
  }
  .calendar .cbpay,
  .calendar .cbpry {
    display: none;
  }
  .calendar .control_u {
    margin-bottom: 10px;
    text-align: center;
  }
  .calendar_1 th {
    width: auto;
    background-color: #000;
  }
  .calendar_1 .cal_num span {
    display: inline;
  }
  .calendar_1 .cal_num:hover span {
    display: inline;
    position: relative;
    float: none;
    white-space: nowrap;
    top: auto;
    left: auto;
    background-color: transparent;
    color: #f00;
    padding: 0;
    z-index: 10;
    font-size: 100%;
    border: none;
  }
  .img_l,
  .img_r {
    margin: 0 auto 10px;
    float: none;
  }
  #life_e th,
  #life_e td {
    display: block;
    width: 140px !important;
    float: left;
  }
  .toppage #unit_b .contents_5 p {
    float: none;
    margin: 0 auto 10px;
  }
  .toppage #unit_a .banner_2 {
    text-align: center;
  }
  .toppage #unit_a .iza h2 {
    background-image: none;
  }
  .toppage #unit_a .lanking h2 {
    background-image: none;
  }
  .kankotop #header {
    background-size: 300px auto;
    height: 130px;
    width: 300px;
  }
  .kakomi {
    margin-left: 10px;
    width: 278px;
    float: none;
    margin: 5px auto 5px;
  }
  .kakomi p img {
    height: auto !important;
    max-width: 270px !important;
  }
  /*市長*/
  .shicho p img {
    max-width: 300px !important;
    height: auto !important;
    margin-bottom: 10px;
  }
  .shicho #unit_a,
  .shicho #unit_b {
    width: 300px;
    float: none;
  }
  .shicho td {
    display: inline;
    width: 135px !important;
    margin: 0;
    padding: 0;
  }
  .shicho td a {
    display: block;
    width: 135px !important;
    float: left !important;
    margin: 0 10px 10px 0;
    padding: 0;
  }
  .shicho #unit_a img {
    height: auto !important;
    max-width: 135px !important;
  }
  .shicho p img {
    margin-bottom: 0;
  }

  #fix_banner {
    width: 300px;
  }
  /*緊急防災情報*/
  #emergency {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
    width: 300px;
  }

  #navi_emergency {
    margin: 0px;
    padding: 0px;
  }
  #topcontents_main {
    margin: 0px;
    padding: 0px;
  }
  #emergency_info h2 {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  #autoweb_emergency {
    height: 100px;
    width: 288px;
    overflow: auto;
    padding-top: 7px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding: 5px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #f8bfc3;
    border-bottom-color: #f8bfc3;
    border-left-color: #f8bfc3;
    margin: 0px;
    margin-bottom: 15px;
  }
  /*議会*/
  .gikai #header #siteid h1,
  .gikai #header #siteid p a {
    background-size: 240px auto !important;
    height: 80px !important;
    width: 240px !important;
  }
  .gikai .gmenu ul li a {
    background-image: none;
    background-color: #0084c8;
  }
  .gikai p img {
    max-width: 300px !important;
    height: auto !important;
    margin-bottom: 10px;
  }
  .gikai #unit_a,
  .gikai #unit_b {
    width: 300px;
    float: none;
  }
  .gikai #unit_b_1 #news_topics,
  .gikai #unit_b_1 .contents_2 {
    width: 300px;
    padding: 0;
  }
  .gikai td {
    display: inline;
    width: 135px !important;
    margin: 0;
    padding: 0;
  }
  .gikai td a {
    display: block;
    width: 135px !important;
    float: left !important;
    margin: 0 10px 10px 0;
    padding: 0;
  }
  .gikai #unit_a img {
    height: auto !important;
    max-width: 135px !important;
  }
  .gikai p img {
    margin-bottom: 0;
  }
  .gikai #news_topics li {
    text-align: left;
    margin-left: 10px;
  }
  .gikai .topictitle {
    display: block;
  }
  .gikai #unit_b_2 {
    width: 300px;
    text-align: center;
  }

  #nivoslider img {
    width: 310px;
    height: auto !important;
  }
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
}