@charset "utf-8";
/* CSS Document */


/*--------------------------------------------

Theme Name: chigasaki_navi
Theme URI: http://www.chigasaki-kankou.org/
Description: 茅ヶ崎市観光協会
Version: 1.0
Author: Kazuhiro Moriya (Sato Printing)
Author URI: http://www.spms-net.ne.jp/

---------------------------------------------*/


/*
	=============================== リセット ===============================
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/* table,  */caption, tbody, tfoot, thead, /* tr, th, td, */
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
	line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*
	=============================== リセット ===============================
*/



/*
	=============================== 共通スタイル ===============================
*/
body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	color: #232835;
	font-size: 14px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	line-height: 150%;
	background-color: #F9F6EF;
	-webkit-text-size-adjust: 100%;
}

.body_top {
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.body_2nd {
	background-image: url(images/bg_2nd.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

img {
	border:none;
}
/*
	=============================== 共通スタイル ===============================
*/


/*
	=============================== 全体のボックス ===============================
*/
#wrapper {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/*
	=============================== 全体のボックス ===============================
*/


/*
	=============================== ヘッダー ===============================
*/
#header {
	width:100%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.header_body {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 128px;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 24px;
}

.header_body_l {
	width:456px;
	float:left
}

.header_body_r {
	width:504px;
	float:left
}

.header_body_sns {
	width:162px;
	float:right;
	height: 22px;
	margin-top: 2px;
	text-align: right;
	padding-right: 14px;
	padding-left: 14px;
}

.header_body_search {
	height: 24px;
	text-align:right;
	float:right;
}

.header_body_search input {
	vertical-align: middle;
	margin: 0px;
}

.header_body_textsize {
	vertical-align: middle;
	float:left;
	width:504px;
	margin-top: 14px;
	margin-bottom: 12px;
}

.header_body_textsize ul#fontsize {
	text-align: right;
	display:block;
	float:right;
}

.header_body_textsize li {
	float:left;
	margin-left: 8px;
}

.header_body_menu {
	width:504px;
	float:left;
	text-align: right;
}
/*
	=============================== ヘッダー ===============================
*/


/*
	=============================== PC用ナビ ===============================
*/
#gnavi {
	width: 100%;
	padding: 0px;
	background-color: #0F60C3;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.gnavi_body {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	height: 56px;
	padding-right: 4px;
	padding-left: 4px;
}

.gnavi_body ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 56px;
	float: left;
	width: 960px;
}

.gnavi_body li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 56px;
	float: left;
	width: 137px;
}
/*
	=============================== PC用ナビ ===============================
*/


/*
	=============================== スライダー ===============================
*/
#slide {
	width: 960px;
	height: 440px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
	padding-top: 0px;
	padding-right: 4px;
	padding-left: 4px;
}

#slides {
    display: none;
}

/* Center the slideshow */
.container {
    margin: 0 auto;
}

/* Show active item in the pagination */
.slidesjs-pagination .active {
    color:#245c31;
}

/* Media quires for a responsive layout */

/* For smartphones */
@media (max-width: 480px) {
.container {
    width: auto;
}
}

/* For larger displays */
@media (min-width: 769px) {
.container {
    width: 960px;
}
}
/*
	=============================== スライダー ===============================
*/


/*
	=============================== パンクズ ===============================
*/
#pankuzu {
	width:100%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.pankuzu_body {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 18px;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 0px;
}
/*
	=============================== パンクズ ===============================
*/


/*
	=============================== セカンドページのトップイメージ ===============================
*/
#topimage {
	width:100%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.topimage_body {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 36px;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 0px;
}
/*
	=============================== セカンドページのトップイメージ ===============================
*/


/*
	=============================== おすすめ情報 ===============================
*/
#recommend {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.recommend_body {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	height: 168px;
	padding-right: 4px;
	padding-left: 4px;
	margin-bottom: 30px;
}

.recommend_body ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 118px;
	float: left;
	width: 960px;
}

.recommend_body li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 118px;
	float: left;
	width: 320px;
}
/*
	=============================== おすすめ情報 ===============================
*/


/*
	=============================== メイン ===============================
*/
#main_wrapp {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 4px;
	padding-left: 4px;
}

.main_wrapp_body {
	float:left;
	margin-bottom: 24px;
}
/*
	=============================== メイン ===============================
*/


/*
	=============================== サイドバー ===============================
*/
#leftbox {
	float:left;
	width:240px;
	margin-right: 20px;
}

.ul_event {
	margin-bottom:12px;
	text-align: center;
	background-color: #FFF;
}

.ul_event li,
.ul_more li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	height:53px;
}

.ul_event li:last-child {
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	height:39px;
	padding-top: 14px;
}

.ul_more li:last-child {
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	height:53px;
}

.ul_more {
	margin-bottom:20px;
}

.sns_bnr {
	margin-bottom:20px;
	float:left
}

.sns_bnr li {
	float: left;
}

.sns_bnr li.cntr {
	margin-right: 16px;
	margin-left: 16px;
}

.ul_bnr {
}

.ul_bnr li {
	margin-bottom:20px;
}

.ul_bnr li.last {
	float:left;
	margin-bottom:0px;
}
/*
	=============================== サイドバー ===============================
*/


/*
	=============================== コンテンツ ===============================
*/
#contents {
	float: right;
	width:700px;
}

.textbox {
	margin-bottom: 36px;
	float: left;
	width: 700px;
	background-color: #FFF;
	padding-bottom:14px;
}

.textbox_0 {
	float: left;
	width: 700px;
	background-color: #FFF;
	padding-bottom:14px;
}

.textbox_24 {
	margin-bottom: 24px;
	float: left;
	width: 700px;
	background-color: #FFF;
	padding-bottom:14px;
}

.box {
	float: left;
	width: 700px;
}

.cms_textbox {
	float: left;
	width: 700px;
	background-color: #FFF;
	padding-bottom:14px;
}

.textbox p,
.textbox_0 p,
.textbox_24 p,
.cms_textbox p { /* テキストボックスのp */
	padding-right: 16px;
	padding-bottom: 14px;
	padding-left: 16px;
}

.mg_box,
.photo_box { /* 左右16px空きのボックス */
	float: left;
	width: 668px;
	padding-right: 16px;
	padding-left: 16px;
}

.mg_box p,
.photo_box p { /* 左右16px空きのボックスp */
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 0px;
}

.mg_linebox { /* 左右16px空きのボックス（囲みあり） */
	float: left;
	width: 666px;
	border: 1px solid #232835;
	margin-right: 16px;
	margin-left: 16px;
	padding-top: 14px;
	margin-bottom: 24px;
}

.mg_linebox p { /* 左右16px空きのボックスp */
	padding-right: 16px;
	padding-bottom: 0px;
	padding-left: 16px;
}

.mg_linebox p.pd { /* 左右16px空きのボックスp */
	padding-right: 16px;
	padding-bottom: 14px;
	padding-left: 16px;
}

.topics {
	margin-bottom: 24px;
	float: left;
	width: 700px;
	background-color: #FFF;
	padding-bottom:16px;
}

.topics p {
	border-bottom: 1px dashed #999;
	padding-right: 16px;
	padding-bottom: 10px;
	padding-left: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.topics p span {
	color: #EC7A5E;
}

.topics .alltopics {
	float: left;
	width: 700px;
	background-color: #FFF;
}

.topics .alltopics p {
	text-align: right;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	padding-right: 16px;
	padding-bottom: 0px;
	padding-left: 16px;
}

.tw_box {
	width:336px;
	float:left;
	background-color: #FFF;
}

.fb_box {
	width:336px;
	float:right;
	background-color: #FFF;
}

.event_top_box01 { /* イベントトップの越前祭 */
	width:324px;
	/* height:424px; */
	float:left;
	margin-right:20px;
	margin-bottom: 20px;
	background-color: #FBDFE7;
}

.event_top_box02 { /* イベントトップの湘南祭 */
	width:324px;
	/* height:424px; */
	float:left;
	margin-bottom: 20px;
	background-color: #E8F5E0;
}

.event_top_box03 { /* イベントトップの浜降祭 */
	width:324px;
	/* height:424px; */
	float:left;
	margin-right:20px;
	margin-bottom: 14px;
	background-color: #DFF1F9;
}

.event_top_box04 { /* イベントトップの花火大会 */
	width:324px;
	/* height:424px; */
	float:left;
	margin-bottom: 14px;
	background-color: #FFEAD7;
}

.event_top_box_body {
	width:292px;
	padding-right: 16px;
	padding-left: 16px;
}

.event_top_box01 .title,
.event_top_box02 .title,
.event_top_box03 .title,
.event_top_box04 .title {
	width:100%;
}

.event_top_box01 .subtitle,
.event_top_box02 .subtitle,
.event_top_box03 .subtitle,
.event_top_box04 .subtitle {
	width:100%;
}

.event_top_box01 .photo,
.event_top_box02 .photo,
.event_top_box03 .photo,
.event_top_box04 .photo {
	width:100%;
}

.echizen_info {
	background-color: #FBDFE7;
	margin-bottom: 36px;
	padding-bottom: 24px;
}

.shonan_info {
	background-color: #E8F5E0;
	margin-bottom: 36px;
	padding-bottom: 24px;
}
.shonan_info2 {
	background-color: #E8F5E0;
	margin-bottom: 14px;
	padding-bottom: 24px;
	float: left;
}

.hamaori_info {
	background-color: #E0F2FA;
	margin-bottom: 36px;
	padding-bottom: 24px;
}

.hanabi_info {
	background-color: #FFEAD7;
	margin-bottom: 36px;
	padding-bottom: 24px;
}

.event_info {
	background-color: #DFEAF8;
	margin-bottom: 36px;
	padding-bottom: 24px;
}

.col_box,
.col_re_box,
.col_bnr_box { /* 各ページの3カラムボックス左右（reは特集用、bnrはスマイルバナー用） */
	width: 212px;
	float: left;
	margin-bottom: 14px;
}

.col_box2,
.col_re_box2,
.col_bnr_box2 { /* 各ページの3カラムボックスセンター（reは特集用、bnrはスマイルバナー用） */
	width: 212px;
	padding-right: 16px;
	padding-left: 16px;
	float: left;
	margin-bottom: 14px;
}

.col_re_box p,
.col_re_box2 p { /* 各ページの3カラムボックスのp（特集用） */
	margin: 0px;
	padding: 0px;
}

.col_re_box p.text,
.col_re_box2 p.text { /* 各ページの3カラムボックスのp（特集用） */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 16px;
	padding-left: 0px;
}

.c_navi {
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: center;
}

/* ▼▼▼▼茅ヶ崎の煌き▼▼▼ */
.kira_navi {
	margin-top: 36px;
	margin-right: auto;
	margin-bottom: 36px;
	margin-left: auto;
	text-align: center;
}

.kira_listnavi {
	margin-bottom: 36px;
	width: 668px;
	padding : 0 16px;
	float: left;
}

.kira_cate {
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 36px;
	margin-left: auto;
	clear: both;
}

.kira_era {
	margin-bottom: 24px;
	float: left;
	width: 668px;
	padding : 0 16px;
}

.kira_era p {
	padding : 0;
}

.kira_era .era_l {
	float: left;
	width: 185px;
	margin-right: 15px;
}

.kira_era .era_l .icon {
	float: left;
	width: 34px;
	margin-right: 8px;
}

.kira_era .era_l .text {
	float: left;
	width: 143px;
	overflow: hidden;
}

.kira_era .era_l .text p.name {
	font-size: 18px;
	font-weight: bold;
	line-height: 110%;
	padding-bottom: 3px;
}

.kira_era .era_l .text p.info {
	font-size: 11px;
	line-height: 140%;
}

.kira_era .era_r {
	float: left;
	width: 468px;
}

.kira_tatebox {
	height: 260px;
	width: 100px;
	margin: 0 auto;
	padding: 16px;
	border: solid 1px #CCCCCC;
	margin-bottom: 36px;
}

.kira_tatebox_inner {
		height: 260px;
	-ms-writing-mode: tb-rl;
	 writing-mode: vertical-rl;
}
/* ▲▲▲茅ヶ崎の煌き▲▲▲ */


.sitemap { /* サイトマップのボックス */
	width: 322px;
	margin-right: 24px;
	float: left;
}

.sitemap2 { /* サイトマップのボックス */
	width: 322px;
	float: left;
}

.sitemap  ul li,
.sitemap2 ul li {
	background-image: url(images/allow_li.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 18px;
	margin-left: 16px;
	margin-right: 16px;
}

.qr_box { /* ちがさき散歩用のボックス */
	width: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.qr_box .qr_left { /* ちがさき散歩用の左ボックス */
	width: 150px;
	float: left;
}

.qr_box .qr_right { /* ちがさき散歩用の右ボックス */
	width: 150px;
	float: left;
}

.qr_box .qr_left p,
.qr_box .qr_right p { /* ちがさき散歩用のボックスp */
	padding: 0;
}

.datebox { /* 新着情報の日付 */
	padding-right: 16px;
	padding-left: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #232835;
	margin-bottom: 24px;
}

.datebox p { /* 新着情報の日付p */
	padding: 0;
	text-align: right;
}
/*
	=============================== コンテンツ ===============================
*/


/*
	=============================== フッター ===============================
*/
#footer {
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-image: url(images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #C8E2E3;
	clear: both;
	font-size: 12px;
	float:left; /* クリアフィックスを入れた時の下の余白を無くすため */
}

.footer_body {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	height: 265px;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 90px;
}

.footer_body_l {
	float: left;
	width:293px;
}

.footer_body_r {
	float: right;
	width: 617px;
	padding-left: 50px;
}

.footer_body_r ul.sp,
.footer_body_r ul.pc {
	float: left;
	margin-right: 25px;
}

.footer_body_r ul.pc:last-child {
	float: left;
	margin-right: 0px;
}

.footer_body_r ul.sp li,
.footer_body_r ul.pc li {
	background-image: url(images/footer_li.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}

.footer_cr {
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: #0F60C3;
}

.footer_cr_body {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	height: 56px;
	padding-right: 4px;
	padding-left: 4px;
}

.footer_cr_l {
	width: 480px;
	float: left;
	color: #FFF;
	padding-top: 22px;
}

.footer_cr_r {
	width: 480px;
	float: right;
	color: #FFF;
	text-align: right;
	padding-top: 22px;
}
/*
	=============================== フッター ===============================
*/


/*
	=============================== ページトップ ===============================
*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 24px;
	overflow: hidden;
}

#page-top a {
	text-decoration: none;
	color: #fff;
	text-align: center;
	display: block;
	padding-top: 20px;
	padding-bottom: 11px;
	background-color: #ec8063;
	opacity: 0.75;
	filter: alpha(opacity=75);
	border-radius: 100%;
	padding-right: 19px;
	padding-left: 19px;
}

@-moz-document url-prefix() { /* firefox */
#page-top a {
	text-decoration: none;
	color: #fff;
	text-align: center;
	display: block;
	padding-top: 18px;
	padding-bottom: 12px;
	background-color: #ec8063;
	opacity: 0.75;
	filter: alpha(opacity=75);
	border-radius: 100%;
	padding-right: 19px;
	padding-left: 19px;
}
}
/*
	=============================== ページトップ ===============================
*/


/*
	=============================== ページャー ===============================
*/
.p_navi {
	width: 700px;
}
.p_navi #page_navi .wp-pagenavi {
	text-align: center;
	padding-top: 36px;
}

.p_navi #page_navi .wp-pagenavi {
	clear: both;
}

.p_navi #page_navi .wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	margin: 2px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.p_navi #page_navi .wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.p_navi #page_navi .wp-pagenavi span.current {
	font-weight: bold;
}
/*
	=============================== ページャー ===============================
*/



/*
	=============================== 新しい記事・古い記事 ===============================
*/
.nav-below {
	width: 100%;
	float: left;
	padding-top: 24px;
	margin-bottom: 16px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #232835;
	margin-top: 16px;
}

.nav-below .nav-previous {
	float: left;
	padding-left: 16px;
}

.nav-below .nav-next {
	float: right;
	padding-right: 16px;
}
/*
	=============================== 新しい記事・古い記事 ===============================
*/



/*
	=============================== Google map ===============================
*/
#map,
#map2{
	margin-top: 12px;
	float: left;
}

#map_canvas,
#map_canvas2 {
	height: 480px;
	width: 664px;
	border: 1px solid #CCC;
	margin-bottom: 36px;
	margin-left: 16px;
	margin-right: 16px;
}
/*
	=============================== Google map ===============================
*/



/*
	=============================== 記事内Youtube埋め込み ===============================
*/

.youtube {
	position: relative;
	width: 94%;
	padding-top: 56.25%;
	margin-left: 3%;
	margin-right: 3%;
	margin-bottom: 16px;
 }

.youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
 }
/*
	=============================== 記事内Youtube埋め込み ===============================
*/



/*
	=============================== 記事内Twitter埋め込み ===============================
*/
iframe.twitter-tweet {
	margin-left: 3% !important;
	margin-right: 3% !important;
	width: 94% !important;
}
/*
	=============================== 記事内Twitter埋め込み ===============================
*/



/*
	=============================== クリアフィックス ===============================
*/
@media print {
.clearfix:after {
display: non;
}

.clearfix {
display: non;
}

.clear {
display: non;
}

.clear2 {
	display:block;
	clear:both;
}

.clear3 {
	clear:both;
}

#sm_menu {
display: non;
overflow:hidden;
height:1px
}
}


@media screen {
.clearfix:after {
content: " ";/* 隙間対策のためピリオドを消してスペース入れました。 */
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-table;
min-height: 1%;
}

.clear,
.clear2,
.clear3 {
	display:block;
	clear:both;
}
}
/*
	=============================== クリアフィックス ===============================
*/


/* ============================== レスポンシブ（480pxより狭い場合） ============================== */
@media screen and (max-width: 480px) {
#header,
.header_body,
.header_body_l,
.header_body_r,
.header_body_search,
.header_body_sns,
.header_body_menu,
#pankuzu,
.pankuzu_body,
#topimage,
.topimage_body,
#recommend,
.recommend_body,
#main_wrapp,
.main_wrapp_body,
#contents,
.topics,
.alltopics,
.textbox,
.textbox_0,
.textbox_24,
.cms_textbox,
.box,
.mg_box,
.mg_linebox,
.photo_box,
.event_top_box01,
.event_top_box02,
.event_top_box03,
.event_top_box04,
.event_top_box_body,
.col_box,
.col_box2,
.col_re_box,
.col_re_box2,
.col_bnr_box,
.col_bnr_box2,
.sitemap,
.sitemap2,
#leftbox,
#footer,
.footer_body,
.footer_body_l,
.footer_body_r,
.footer_cr,
.footer_cr_body,
.footer_cr_l,
.footer_cr_r,
.p_navi,
.nav-below,
#map_canvas {
	float: none;
	width: auto;
	margin: 0;
}

img {
	max-width: 100%;
	height: auto;
	/* display:block; */
	border:none;
}

/* ========== ヘッダー ========== */
#header {
	margin-bottom:0%;
	height: auto;
	background-color: #70a8e1;
	padding-bottom:10px;
}

.header_body,
.header_body_l,
.header_body_r,
.header_body_search,
.header_body_sns,
.header_body_menu {
	text-align:center;
	height: auto;
}

.header_body {
	padding-top: 20px;
}


.header_body_l h1 {
	text-align: center;
	height: auto;
	padding: 0px;
	width:95%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 14px;
	margin-left: auto;
}

.header_body_l img {
	text-align: center;
	padding: 0px;
	height: auto;
	width:100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.header_body_sns {
	margin-top: 18px;
	margin-bottom: 12px;
}
/* ========== ヘッダー ========== */


/* ========== スライダー ========== */
#slide {
	width: auto;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
	padding-top: 0px;
	padding-left:0px;
	padding-right:0px;
}
#slide img {
	max-width: 100%;
	height: auto;
}
/* ========== スライダー ========== */


/* ========== パンクズ ========== */
.pankuzu_body {
	height: auto;
	margin-top: 16px;
	margin-bottom: 16px;
}
/* ========== パンクズ ========== */


/* ========== セカンドページのトップイメージ ========== */
.topimage_body {
	height: auto;
	margin-bottom: 24px;
}
/* ========== セカンドページのトップイメージ ========== */


/* ========== メイン ========== */
#main_wrapp {
	width:auto;
}
/* ========== メイン ========== */


/* ========== おすすめ情報 ========== */
.recommend_body {
	height:auto;
	width:auto;
	margin-bottom:24px;
}

.recommend_body ul {
	width:auto;
	float:none;
	height:auto;
	text-align:center;
}

.recommend_body li {
	width:auto;
	float:none;
	height:auto;
	text-align:center;
	margin-bottom:14px;
}

.recommend_body li img {
	max-width:90%;
}
/* ========== おすすめ情報 ========== */


/* ========== コンテンツ ========== */
#contents,
.textbox,
.textbox_0,
.textbox_24,
.cms_textbox,
.topics,
.mg_box,
.mg_linebox,
.photo_box,
.col_box,
.col_box2,
.col_re_box,
.col_re_box2,
.col_bnr_box,
.col_bnr_box2 {
	height:auto;
}

#contents {
	padding-bottom: 24px;
}

.topics .alltopics {
	width: auto;
	height:auto;
	float:none;
}

.mg_linebox { /* 左右16px空きのボックス（囲みあり） */
	border: 1px solid #232835;
	margin-right: 16px;
	margin-left: 16px;
	padding-top: 14px;
	margin-bottom: 24px;
}

.event_top_box01 { /* イベントトップの越前祭 */
	width:100%;
	height:auto;
	margin-bottom: 20px;
	background-color: #FBDFE7;
	margin-right: auto;
	margin-left: auto;
}

.event_top_box02 { /* イベントトップの湘南祭 */
	width:100%;
	height:auto;
	margin-bottom: 20px;
	background-color: #E8F5E0;
	margin-right: auto;
	margin-left: auto;
}

.event_top_box03 { /* イベントトップの浜降祭 */
	width:100%;
	height:auto;
	margin-bottom: 14px;
	background-color: #DFF1F9;
	margin-right: auto;
	margin-left: auto;
}

.event_top_box04 { /* イベントトップの花火大会 */
	width:100%;
	height:auto;
	margin-bottom: 14px;
	background-color: #FFEAD7;
	margin-right: auto;
	margin-left: auto;
}

.event_top_box_body {
	padding-right: 16px;
	padding-left: 16px;
}

.event_top_box01 .title img,
.event_top_box02 .title img,
.event_top_box03 .title img,
.event_top_box04 .title img {
	width:100%;
}

.event_top_box01 .subtitle img,
.event_top_box02 .subtitle img,
.event_top_box03 .subtitle img,
.event_top_box04 .subtitle img {
	width:100%;
}

.event_top_box01 .photo img,
.event_top_box02 .photo img,
.event_top_box03 .photo img,
.event_top_box04 .photo img {
	width:100%;
}

.echizen_info,
.shonan_info,
.hamaori_info,
.hanabi_info,
.event_info {
	margin-bottom: 24px;
}

.shonan_info2 {
	padding-bottom:14px;
	margin-bottom: 14px;
	float: none;
}

.col_box,
.col_box2,
.col_re_box,
.col_re_box2,
.col_bnr_box,
.col_bnr_box2 {
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 7px;
}

.col_box p,
.col_box2 p,
.col_re_box p,
.col_re_box2 p {
	text-align: center;
}

.col_box p.text,
.col_box2 p.text,
.col_re_box p.text,
.col_re_box2 p.text {
	text-align: left;
}
.col_box img,
.col_box2 img,
.col_re_box img,
.col_re_box2 img {
	width: 100%;
}

.col_bnr_box,
.col_bnr_box2 {
	text-align: center;
}

.sitemap  ul li:last-child,
.sitemap2 ul li:last-child {
	padding-bottom: 12px;
}

.qr_box { /* ちがさき散歩用のボックス */
	width: 280px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.qr_box .qr_left { /* ちがさき散歩用の左ボックス */
	width: 140px;
	float: left;
}

.qr_box .qr_right { /* ちがさき散歩用の右ボックス */
	width: 140px;
	float: left;
}

/* ▼▼▼▼茅ヶ崎の煌き▼▼▼ */
.kira_navi {
	margin-top: 24px;
	margin-right: auto;
	margin-bottom: 24px;
	margin-left: auto;
	text-align: center;
}

.kira_listnavi {
	margin-bottom: 24px;
	width: auto;
	padding : 0 16px;
	float: left;
}

.kira_cate {
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 28px;
	margin-left: auto;
}

.kira_era {
	margin-bottom: 24px;
	float: left;
	width: auto;
	padding : 0 16px;
}

.kira_era .era_l {
	float: left;
	width: 100%;
	margin-right: 0;
	margin-bottom: 6px;
}

.kira_era .era_l .icon {
	float: left;
	width: 34px;
	margin-right: 8px;
}

.kira_era .era_l .text {
	float: left;
	width: auto;
	overflow: hidden;
}

.kira_era .era_r {
	float: left;
	width: 100%;
}
/* ▲▲▲茅ヶ崎の煌き▲▲▲ */

/* ========== コンテンツ ========== */


/* ========== 新しい記事・古い記事 ========== */
.nav-below {
	width: 100%;
	float:none;
	padding-top: 24px;
	margin-bottom: 24px;
}

.nav-below .nav-previous {
	float: left;
	padding-left: 16px;
}

.nav-below .nav-next {
	float: right;
	padding-right: 16px;
}
/* ========== 新しい記事・古い記事 ========== */


/* ========== googlemap ========== */
#map {
	width:100%;
	padding-bottom: 36px;
	margin: 0px;
}

#map_canvas { /* ！レスポンシブ対応にした場合高さ指定した方がブレークポイントで表示が消えない！ */
	height: 350px;
	width: 100%;
	margin: 0px;
}

#map_canvas img { /* ！レスポンシブ対応にした場合マーカー等の表示を正しくさせるため！ */
	max-width:none;
}
	
#map2 {
	width:100%;
	padding-bottom: 36px;
	margin: 0px;
}

#map_canvas2 { /* ！レスポンシブ対応にした場合高さ指定した方がブレークポイントで表示が消えない！ */
	height: 350px;
	width: 100%;
	margin: 0px;
}

#map_canvas2 img { /* ！レスポンシブ対応にした場合マーカー等の表示を正しくさせるため！ */
	max-width:none;
}

/* ========== googlemap ========== */


/* ========== サイドバー ========== */
#leftbox {
	text-align:center;
}

.ul_event,
.ul_more {
	margin-bottom:24px;
	background-color: #FFF;
}

.sns_bnr { /* リストを横並びのまま中央揃え*/
	display: table;
	float:none;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

.sns_bnr li { /* リストを横並びのまま中央揃え*/
display: table-cell;
float:none;
}

.sns_bnr li.cntr { /* リストを横並びのまま中央揃え*/
	margin-right: 16px;
	margin-left: 16px;
	display: block;
}

.ul_bnr {
	text-align:center;
}

.ul_bnr li {
	margin-bottom:20px;
}

.ul_bnr li.last {
	float:none;
	margin-bottom:0px;
}
/* ========== サイドバー ========== */


/* ========== フッター ========== */
#footer {
	background-image: url(images/footer_bg_sp.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align:center;
	height:auto;
	clear:both;
	width:100%;
}

.footer_body,
.footer_body_l,
.footer_body_r,
.footer_cr,
.footer_cr_body,
.footer_cr_l,
footer_cr_r {
	height:auto;
}

.footer_body {
	padding-top:80px;
}
.footer_body_r {
	padding: 0px;
	margin-top: 10px;
	margin-right: 16px;
	margin-bottom: 20px;
	margin-left: 16px;
}

.footer_body_r ul.pc {
	display:none;
}

.footer_body_r ul.sp { /* リストを横並びのまま中央揃え*/
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}

.footer_body_r ul.sp:last-child { /* リストを横並びのまま中央揃え*/
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: center;
}

.footer_body_r ul.sp li { /* リストを横並びのまま中央揃え*/
	background-image: none;
	margin: 0px;
	padding: 0px;
	display:inline-block;
}

.footer_body_r ul.sp li:after { /* リストの後に｜を記述*/
	content:' ｜';
}

.footer_body_r ul.sp li:last-child:after { /* リストの後に｜を記述*/
	content:' ';
}

.footer_cr {
	clear:both;
	padding-top: 10px;
	padding-bottom: 10px;
}

.footer_cr_l {
	margin: 0px;
	padding: 0px;
}
.footer_cr_r {
	float:none;
	text-align:center;
	margin: 0px;
	padding: 0px;
}
/* ========== フッター ========== */


/* ========== 非表示用 ========== */
.header_body_textsize,
#gnavi,
.tw_box,
.fb_box,
	.sp_none {
	display:none;
}

}
/* ============================== レスポンシブ（480pxより狭い場合） ============================== */


/* ============================== レスポンシブ（768pxより狭い場合） ============================== */
@media screen and (max-width: 480px) {
.body_top,
.body_2nd {
	background-image: none;
}
}