﻿@charset "UTF-8";


@media screen and (max-width : 480px) {

/* ==================================================
shared
================================================== */
/* body
============================== */
body {
	-webkit-text-size-adjust:none; /* 変更しない */
	background:none; /* 変更しない */
}
input[type="submit"],
input[type="button"],
input[type="text"],
input[type="password"] {
	-webkit-appearance:none; /* 変更しない */
	-webkit-border-radius:0; /* Webkit */
	-moz-border-radius:0; /* Mozilla */
	border-radius:0; /* CSS3 */
}
/* wrapper
============================== */
#tmp_wrapper {
	width:100%; /* 変更しない */
	min-width:320px; /* 変更しない */
}
#tmp_wrapper2 {
	width:100%;
}
/* main
============================== */
#tmp_wrap_main {
	padding:10px;
}
/* contents
============================== */
#tmp_wrap_contents {
	padding:15px 10px;
}
.template-index-1st #tmp_wrap_contents {
	padding-top:12px;
	padding-left:10px;
	padding-right:10px;
}
#tmp_contents,
#tmp_maincontents {
	word-break:break-all; /* 変更しない */
}
/* format カラムのレイアウトのbaseロジック
============================== */
.wrap_col_nm,
.wrap_col_rgt_navi,
.column_full .wrap_col_main,
.column_lnavi .wrap_col_main,
.column_rnavi .wrap_col_main {
	float:none; /* 変更しない */
}
.wrap_col_lft_navi {
	float:none;
	position:static; /* 変更しない */
	z-index:auto; /* 変更しない */
}
.col_main {
	padding:0; /* 変更しない */
}
/* top
============================== */
.format_top .column_full .wrap_col_nm,
.format_top .column_full .wrap_col_nm2 {
	margin-right:0; /* 変更しない */
}
.format_top .column_full .wrap_col_lft_navi {
	width:auto; /* 変更しない */
	margin-right:0; /* 変更しない */
}
.format_top .column_full .col_lft_navi,
.format_top .column_full .col_rgt_navi {
	padding:0; /* 変更しない */
	background-color:transparent;
}
.format_top .column_full .wrap_col_rgt_navi {
	width:auto; /* 変更しない */
}
.format_top .column_full .col_main {
	margin-left:0; /* 変更しない */
}
/* free
============================== */
.format_free .wrap_col_nm,
.format_free .wrap_col_nm2 {
	margin-right:0; /* 変更しない */
}
.format_free .wrap_col_lft_navi {
	width:100%;
}
.format_free .wrap_col_rgt_navi {
	display:none; /* 変更しない */
}
.format_free .column_full .col_main,
.format_free .column_lnavi .col_main {
	margin-left:0;	/* 変更しない */
}
.format_free .column_rnavi .wrap_col_main,
.format_free .column_rnavi .col_main {
	margin-right:0; /* 変更しない */
}
/* ==================================================
header
================================================== */
#tmp_wrap_header {
	margin:0 0 13px;
	padding:13px 9px 0 12px;
}
#tmp_header {
	padding:0;
	width:100%;
}
#tmp_wrap_hlogo {
	margin:0 0 10px;
	width:100%;
	float:none;
}
#tmp_hlogo h1,
#tmp_hlogo p.logo {
	margin:0 9px 0 0;
	width:125px;
	height:29px;
	-webkit-background-size:125px 29px;
	-moz-background-size:125px 29px;
	background-size:125px 29px;
}
#tmp_hlogo a {
	width:125px;
	height:29px;
}
#tmp_hlogo h1 span,
#tmp_hlogo p.logo span {
	width:125px;
	height:29px;
}
#tmp_hlogo p.catch {
	padding-top:6px;
	padding-bottom:4px;
	width:auto;
	font-size:85.8%;
	float:left;
}
#tmp_means {
	width:auto;
	float:none;
}
/* primary
============================== */
#tmp_means_primary {
	display:table;
	margin:0 auto;
	padding-right:0;
	float:none;
}
#tmp_hnavi li {
	margin-bottom:10px;
	font-size:78.6%;
}
#tmp_hnavi li:first-child {
	padding-left:0;
}
#tmp_hnavi li#hlist3 {
	margin-right:0;
}
/* secondary
============================== */
#tmp_means_secondary {
	margin:0 auto 15px;
	padding-right:0;
	width:215px;
	float:none;
}
#tmp_hnavi2 li {
	font-size:85.8%;
}
/* ==================================================
navi
================================================== */
/* gnavi
============================== */
#tmp_gnavi {
	width:100%;
}
.format_free #tmp_gnavi {
	margin-bottom:16px;
}
#tmp_gnavi li {
	width:25%;
}
#tmp_gnavi li a {
	font-size:100%;
}
#tmp_gnavi li#tmp_glist4 a {
	margin-right:0;
}
#tmp_gnavi li#tmp_glist5 a {
	margin-left:0;
}
/* pankuzu
============================== */
#tmp_pankuzu {
	margin-bottom:3px;
}
/* lnavi
============================== */
#tmp_lnavi {
	margin-bottom:18px;
}
#tmp_lnavi_cnt {
	padding-top:13px;
}
#tmp_lnavi_cnt li {
	margin-bottom:0.3em;
	padding-bottom:4px;
}
/* event_cal
============================== */
/* cate_ttl
============================== */
#tmp_cate_ttl {
	margin-bottom:15px;
}
#tmp_cate_ttl h1 {
	margin:0 0 0.8em;
	padding:7px 10px 3px;
	font-size:171.5%;
	border:2px solid #1E8456;
	border-bottom: 6px solid #1E8456;
	clear: both;
}
/* rnavi
============================== */
#tmp_rnavi {
	clear:both;
}
#tmp_rnavi img {
	max-width:100%;
	height:auto;
}
#tmp_rnavi ul#rnavi_btn,
#tmp_rnavi ul#rnavi_btn2,
#tmp_gikai_address {
	width:48%;
	float:left;
}
#tmp_rnavi ul#rnavi_btn {
	margin:0 2% 0 0;
}
#tmp_rnavi ul#rnavi_btn li {
	font-size:78.6%;
}
#tmp_rnavi ul#rnavi_btn li#event,
#tmp_rnavi ul#rnavi_btn li#shisetsu,
#tmp_rnavi ul#rnavi_btn li#faq {
	background-position:7px center;
}
#tmp_rnavi ul#rnavi_btn li a {
	padding-left:40px;
	padding-right:5px;
}
/* pnavi
============================== */
.pnavi {
	margin:0 10px;
	font-size:85.8%;
	padding-bottom:19px;
}
.format_free .pnavi {
	border-bottom:none;
}
/* social_plugins
============================== */
#tmp_social {
	float:left;
}
/* update
============================== */
#tmp_update {
	margin-bottom:0;
	padding:15px 0 0;
}
/* plugin ▼変更しない
============================== */
.plugin {
	display:none;
}
/* ==================================================
model_change
================================================== */
/* PCスマホ切替表示 ▼変更しない
============================== */
#tmp_model_change {
	display:block;
}
/* 切替ボタン
============================== */
#tmp_model_change ul {
	margin-top:0;
	margin-bottom:0;
}
#tmp_model_change li {
	font-size:114.3%;
}
#tmp_model_change li a {
	margin-top:19px;
	margin-bottom:19px;
	padding-top:9px;
	padding-bottom:8px;
}
/* ==================================================
banner
================================================== */
#tmp_publicity {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:50px;
	width:auto;
}
#tmp_publicity_ttl {
	border-bottom:none;
}
#tmp_publicity_ttl h2 {
	padding:0 0 0 25px;
	color:#4C4C4C;
	font-size:128.6%;
	border-bottom:1px solid #4D4D4D;
	float:none;
}
#tmp_publicity_cnt ul li {
	margin-bottom:7px;
	padding-left:0;
	width:48% !important;
}
#tmp_publicity_cnt ul li:nth-child(2n+1) {
	margin-right:3%;
}
#tmp_publicity_cnt ul li img {
	max-width:100%;
	height:auto;
}
/* feedback
============================== */
#tmp_feedback_cnt .feedback_que {
	display:block;
}
/* ==================================================
footer
================================================== */
#tmp_footer {
	margin-left:10px;
	margin-right:10px;
	width:auto;
}
.format_free #tmp_footer {
    border-top: 1px solid #666666;
}
#tmp_footer_cnt {
	padding:0 2px;
}
#tmp_footer_cnt_lft {
	margin-right:0;
	width:100%;
	float:none;
}
#tmp_footer_cnt_rgt {
	width:100%;
	float:none;
}
#tmp_footer_contact_btn {
	margin:0 0 7px;
}
#tmp_footer_cnt address {
	font-size:78.6%;
}
#tmp_footer_cnt address span.name {
	font-size:190.9%;
}
#tmp_footer_cnt address span.small_txt,
#tmp_footer_cnt address span.tel {
	font-size:127.3%;
}
#tmp_footer_cnt address span.br {
	display:inline; /* block値をinline値に変換 */
}
#tmp_footer_cnt address span.spbr {
	display:block; /* inline値をblock値に変換 */
}
/* fnavi
============================== */
#tmp_footer_cnt #tmp_footer_access ul li {
	margin-bottom:6px;
	width:37%;
}
#tmp_fnavi {
	padding-top:0;
}
#tmp_fnavi li {
	margin-bottom:6px;
	width:37%;
}
#tmp_fnavi .last {
	margin-right: 0;
	border-right: none;
}
#tmp_copyright {
	width:100%;
}
/* ==================================================
class
================================================== */
/* float ▼変更しない
============================== */
.float_lft,
.float_rgt {
	float:none;
	margin-left:0 !important;
	margin-right:0 !important;
}
/* ==================================================
parts
================================================== */
/* parts ▼変更しない
============================== */
div.col2 div.col2L,
div.col3 div.col3L,
div.col3 div.col3M,
div.col2 div.col2 div.col2L,
div.fixed_col2 div.fixed_col2L {
	width:100%;
	margin-right:0;
	float:none;
	clear:both;
}
div.col2 div.col2R,
div.col3 div.col3R,
div.col2 div.col2 div.col2R,
div.fixed_col2 div.fixed_col2R {
	width:100%;
	float:none;
	clear:both;
}
#tmp_contents div.col3 ul,
#tmp_contents div.col2 ul {
	margin-bottom:0;
}
div.img_cap {
	width:auto !important;
}
#tmp_contents img {
	max-width:100%;
	height:auto;
}
#tmp_contents ul,
#tmp_contents ol {
	margin-left:22px;
}
#tmp_contents table {
	width:auto;
}
#tmp_contents table table {
	max-width:100%;
}
#tmp_contents table th,
#tmp_contents table td {
	width:auto;
}
#tmp_contents table.gsc-search-box td.gsc-input {
	width:100% !important;
}
#tmp_contents input[type="text"],
#tmp_contents textarea {
	width:100% !important;
	padding:0;
	box-sizing:border-box; /* CSS3 */
	-webkit-box-sizing:border-box; /* Webkit */
	-moz-box-sizing: border-box; /* Mozilla */
}
/* event ▼変更しない
============================== */
/* event_page_navi */
#tmp_contents .event_page_navi div.fixed_col2L,
#tmp_contents .event_page_navi div.fixed_col2R {
	clear:none;
	width:48.5%;
}
#tmp_contents .event_page_navi div.fixed_col2L {
	float:left;
}
#tmp_contents .event_page_navi div.fixed_col2R {
	float:right;
}
/* box_photo */
#tmp_contents .wrap_box_photo_txt {
	margin-right:0;
	float:none;
}
#tmp_contents .box_photo_txt {
	margin-right:0;
}
#tmp_contents .box_photo_img {
	width:auto;
	float:none;
}
/* map
============================== */
/* free */
#tmp_contents .box_gmap {
	width:100%; /* 変更しない */
	margin:15px 0 0.8em;
	clear:both; /* 変更しない */
}
#tmp_gmap_box {
	height:220px !important; /* 変更しない */
	margin:15px 0 0.8em;
	clear:both; /* 変更しない */
}
#tmp_gmap_box img {
	height:auto; /* 変更しない */
	max-width:none; /* 変更しない */
}
/* shisetsu */
#tmp_map_search p {
	display:block;
	margin-right:0;
}
#tmp_map_search strong {
	display:block;
}
#tmp_map_search #keyword {
	margin-left:0;
}
#tmp_map_list {
	width:auto; /* 変更しない */
	margin-right:0; /* 変更しない */
	float:none; /* 変更しない */
	position:static; /* 変更しない */
	z-index:auto; /* 変更しない */
}
#tmp_wrap_gmap_box {
	float:none; /* 変更しない */
}
#tmp_wrap_gmap_box2 {
	margin-left:0; /* 変更しない */
}
#tmp_contents #tmp_facilities_btn ul {
	width:49%;
	-webkit-box-sizing:border-box; /* Webkit */
	-moz-box-sizing:border-box; /* Mozilla */
	box-sizing:border-box; /* CSS3 */
}
#tmp_contents #tmp_facilities_btn ul#facilities_btn_l {
	margin-right:2%;
}
#tmp_contents #tmp_facilities_btn li {
	text-align:center;
}
#tmp_result_list {
	margin:0 0 20px;
	height:auto;
	min-height:227px;
}
/* youtube
============================== */
#tmp_contents .frame_youtube,
#tmp_contents .frame_ustream {
	position:relative;
	display:block;
	height:0;
	padding-bottom:56.25%;
	overflow:hidden;
	min-width:200px;
}
#tmp_contents .frame_youtube object,
#tmp_contents .frame_ustream object,
#tmp_contents .frame_youtube iframe,
#tmp_contents .frame_ustream iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* ==================================================
top
================================================== */
/* メインビジュアル
================================================== */
#tmp_gallery {
	display:none;
}
#tmp_sma_access {
	display:block;
	margin:0 0 30px;
	padding:0 10px;
	clear:both;
}
#tmp_sma_access .access,
#tmp_sma_access .kanko {
	width:48%;
	text-align:center;
}
#tmp_sma_access .access {
	margin:0 4% 0 0;
	float:left;
}
#tmp_sma_access .kanko {
	float:right;
}
#tmp_sma_access .access a,
#tmp_sma_access .kanko a {
	display:block;
	padding:18px 5px;
	color:#FFFFFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	text-decoration:none;
}
#tmp_sma_access .access a {
	background-color:#59483E;
}
#tmp_sma_access .kanko a {
	background-color:#1D8355;
}
#tmp_sma_access .kanko a span {
	display:inline-block;
	padding:0 18px 0 0;
	background:url(/shared/templates/top/images/sp/access_kanko_icon.gif) no-repeat right 0.25em;
}
#tmp_sma_access .kanko a span span {
	padding-right:0;
	color:#FFFF65;
	background-image:none;
}
/* emergency,moshimo
============================== */
#tmp_em {
	margin-left:10px;
	margin-right:10px;
	width:auto;
}
/* emergency */
#tmp_wrap_emergency {
	margin-right:0;
	width:100%;
	float:none;
}
#tmp_emergency {
	padding:12px 5px 3px;
	clear:both;
}
#tmp_emergency_ttl {
	margin-right:1%;
	width:40%;
}
#tmp_emergency_ttl h2 {
	padding-top:3px;
	padding-bottom:3px;
	font-size:128.6%;
}
#tmp_emergency_cnt {
	width:59%;
}
/* moshimo */
#tmp_wrap_moshimo {
	width:100%;
	float:none;
}
#tmp_moshimo {
	padding:3px 5px 15px;
}
#tmp_moshimo_ttl {
	margin-right:1%;
	width:50%;
}
#tmp_moshimo_ttl h2 {
	padding-top:2px;
	padding-bottom:2px;
	font-size:128.6%;
}
#tmp_moshimo_cnt {
	width:49%;
}
/* 探す
================================================== */
#tmp_wrap_top_search {
	margin:0 10px 15px;
	width:auto;
}
#tmp_top_search {
	padding-left:12px;
	padding-right:12px;
}
#tmp_top_search_lft {
	margin-right:0;
	width:auto;
	float:none;
}
#tmp_top_search_rgt {
	width:auto;
	float:none;
}
/* 暮らしのできごとから探す
================================================== */
#tmp_dekigoto {
	margin:0 0 15px;
}
#tmp_dekigoto_ttl {
	margin-bottom:10px;
    border-bottom:2px solid #C8C8C8;
}
#tmp_dekigoto_ttl h2 {
	padding-bottom:2px;
	font-size:128.6%;
}
#tmp_dekigoto_cnt ul li {
	margin:0 0 11px;
	width:33%;
}
#tmp_dekigoto_cnt ul li img {
	width:81px;
	height:auto;
}
/* キーワードを入力して探す
================================================== */
.format_free #tmp_search {
	float:none;
}
.format_top #tmp_search dt {
	font-size:114.3%;
}
.format_free #tmp_search dt {
	margin-right:2%;
	width:32%;
	font-size:100%;
}
.format_free #tmp_search dd {
	width:66%;
}
.format_top #tmp_search dd p.form {
	padding:0 0 0 12%;
}
.format_top #tmp_search dd p.form {
	width:66%;
}
.format_free #tmp_search dd p.form {
	width:75%;
}
#tmp_query {
	padding:0;
	width:99%;
}
.format_top #tmp_search dd p.btn {
	width:22%;
}
.format_free #tmp_search dd p.btn {
	width:25%;
}
#tmp_func_sch_btn {
	width:100%;
}
/* よく見られているページから探す
================================================== */
#tmp_yokuaru_ttl h2 {
	padding-bottom:2px;
	font-size:114.3%;
	background-position:left 0.1em;
}
#tmp_yokuaru_cnt {
	padding:0 0 0 30px;
}
/* トップメニュー
================================================== */
#tmp_top_menu ul li {
	font-size:85.8%;
}
#tmp_top_menu a {
	padding-left:5px;
	padding-right:5px;
}
/* キャッチ
================================================== */
#tmp_catch {
	width:100%;
	font-size:128.6%;
}
.format_free #tmp_catch {
	margin:0 0 10px;
	float:none;
}
.format_free #tmp_catch p {
	font-size:100%;
	text-align:center;
}
/* PRバナー
================================================== */
#tmp_wrap_pr_bnr {
	margin-bottom:15px;
}
#tmp_pr_bnr {
	padding:15px 20px;
	width:auto;
}
#tmp_pr_bnr p {
	width:100%;
}
#tmp_pr_bnr p:first-child,
#tmp_pr_bnr *:first-child+*{
	margin-bottom:10px;
}
#tmp_pr_bnr p img {
	max-width:100%;
	height:auto;
}
/* 編集領域
================================================== */
#tmp_top_cnt {
	margin-left:10px;
	margin-right:10px;
	width:auto;
}
/* トピックス
================================================== */
#tmp_topics {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:17px;
	width:auto;
}
#tmp_topics_slider .box_wrap_parent_gallrey {
	margin:0 auto;
	width:200px;
	padding:0 0 20px;
}
#tmp_topics_slider .tp_inner {
	padding:0;
}
#tmp_topics .topics_slider_item {
	margin:0 auto 10px;
	padding:0;
	float:none;
}
/* Facebook、MOVIE SAKAI、FOCUS
================================================== */
#tmp_media {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:13px;
	width:auto;
}
/* Facebook、MOVIE SAKAI */
#tmp_facebook,
#tmp_movie_sakai {
	margin-right:0;
	margin-bottom:17px;
	width:100%;
	border-bottom:1px solid #939393;
	float:none;
}
/* FOCUS */
#tmp_focus {
	margin:0 0 17px;
	width:100%;
	border-bottom:1px solid #939393;
	float:none;
}
#tmp_facebook_ttl h2,
#tmp_movie_sakai_ttl h2,
#tmp_focus_ttl h2 {
	padding:0;
}
#tmp_facebook_ttl h2 a,
#tmp_movie_sakai_ttl h2 a,
#tmp_focus_ttl h2 a {
	display:block;
	padding:7px;
}
#tmp_facebook_cnt,
#tmp_movie_sakai_cnt,
#tmp_focus_cnt {
	display:none;
}
/* 注目情報・新着情報・報道発表、市について
================================================== */
#tmp_information {
	margin-left:10px;
	margin-right:10px;
	width:auto;
}
/* 注目情報、新着情報、報道発表 */
#tmp_news {
	margin-right:0;
	margin-bottom:15px;
	width:100%;
	float:none;
}
#tmp_news_ttl ul li {
	width:30%;
	font-size:100%;
}
#tmp_news_ttl ul li a {
	padding-left:27px;
	padding-right:4px;
	background-position:4px 0.4em;
}
#tmp_news_cnt {
	padding-top:14px;
	padding-left:12px;
	padding-right:12px;
}
/* 市について */
#tmp_city {
	margin:0 auto;
	width:260px;
	float:none;
}
#tmp_city ul li {
	margin-right:2%;
    width:49%;
}
/* ==================================================
free
================================================== */
#tmp_wrap_cs {
	margin-bottom:4px;
	padding:8px 10px;
}
#tmp_cs {
	width:100%;
}
.format_free #tmp_news_cnt {
	padding:0;
}
/* faq
====================================== */
/* トップ */
#tmp_faq_search {
	padding-top:0;
}
#tmp_faq_search dl {
	width:100%;
}
#tmp_contents #tmp_faq_accessrank_ttl h2 {
	font-size:128.6%;
}
#tmp_faq_search dt {
	font-size:100%;
	float:none;
}
#tmp_faq_search dd {
	float:none;
}
#tmp_faq_search dd p.form {
	width:73%;
}
#tmp_faq_search #tmp_faq_query {
	padding:0;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}
#tmp_faq_search dd p.btn {
	width:27%;
}
#tmp_faq_func_sch_btn {
	width:100%;
}
/* ==================================================
focus
================================================== */
.box_focus .photo {
	padding-left:0;
	float:none;
}
/* ==================================================
kanko
================================================== */
.box_kanko .photo {
	padding-left:0;
	float:none;
}
/* ==================================================
shigikaidayori
================================================== */
#tmp_shigikaidayori .box_shigikaidayori {
	width:auto;
	float:none;
	clear:both;
}
#tmp_shigikaidayori .box_shigikaidayori.even {
	margin-right:0;
}
/* ==================================================
kohosakai
================================================== */
.box_kohosakai_lft,
.box_kohosakai_rgt {
	width:auto;
	float:none;
}
.box_kohosakai_lft {
	margin-right:0;
}
/* ==================================================
readspeaker
================================================== */
#tmp_readspeaker {
	width:auto !important;
}
/* ==================================================
clearfix
================================================== */
#tmp_sma_access:after,
#tmp_rnavi:after,
#tmp_shigikaidayori .box_shigikaidayori:after {
	content:"."; /* 変更しない */
	display:block; /* 変更しない */
	height:0; /* 変更しない */
	font-size:0.1%; /* 変更しない */
	line-height:0.1; /* 変更しない */
	clear:both; /* 変更しない */
	visibility:hidden; /* 変更しない */
}
}
@media screen and (max-width : 320px) {
#tmp_hnavi {
	margin:0 auto;
	width:230px;
}
#tmp_hnavi li#hlist2 {
	margin-right:0;
}
#tmp_hnavi li#hlist3 {
	padding-left:0;
	border-left:none;
	clear:both;
}
}