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

CSS Information
File Name : page.css
Style Info: ページ毎のスタイル指定
Date: 2015-07-24

************************************************** */
/* --------------------------------------------------
	Class Settings - サイト特有の汎用クラス設定
-------------------------------------------------- */
/*	.pc, .smp -　PC／スマートフォン表示切替
-------------------------------------------------- */
.pc {
	display: block;
}

.smp {
	display: none;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (min-width:320px) and (max-width:800px) {	
	
	.pc {
		display: none;
	}
			
	.smp {
		display: block;
	}

}


/*	.col3 - 3カラムリスト
-------------------------------------------------- */
.col3 {
	list-style: none;
}

.col3:after {
	content: "";
	display: block;
	clear: both;
	min-height: 1%;
}

.col3 .col {
	float: left;
	width: 33.333333333%;
	margin-bottom: 20px;
	padding: 0 10px;
	
	-moz-box-sizing: border-box;		
	-webkit-box-sizing: border-box;		
	box-sizing: border-box;	
}

.col3 .col img {
	margin-bottom: 10px;
}

/*	Responsive Settings
-------------------------------------------------- */	
@media screen and (max-width:800px) {

	.col3 {
		margin: auto;
	}
	
	.col3 .col {
		float: none;
		width: 300px;
		display: block;
		margin: 20px auto;
	}

}


/*	.col4 - 4カラムリスト
-------------------------------------------------- */
.col4 {
	list-style: none;
}

.col4:after {
	content: "";
	display: block;
	clear: both;
	min-height: 1%;
}

.col4 .col {
	float: left;
	width: 25%;
	margin-bottom: 20px;
	padding: 0 10px;

	-moz-box-sizing: border-box;		
	-webkit-box-sizing: border-box;		
	box-sizing: border-box;		
}

.col4 .col img {
	margin-bottom: 10px;
}

/*	Responsive Settings
-------------------------------------------------- */		
@media screen and (max-width:800px) {

	.col4 {
		margin: auto;
	}
	
	.col4 .col {
		float: none;
		width: 300px;
		display: block;
		margin: 20px auto;
	}

}


/*	.articleList01 - 記事リスト
-------------------------------------------------- */
.articleList01 {
	list-style: none !important;
}

.articleList01 li {
	margin: 25px 0;
}

.articleList01 li a:hover {
	text-decoration: none !important;
}

.articleList01 li .block div {
	overflow: hidden;
}

.articleList01 .thumb {
	margin-right: 20px;
	width:190px;
	height:190px;
}

.articleList01 .thumb img{
	max-width:none;
}

.articleList01 .articleTitle {
	margin: 10px 0 10px;
	padding-bottom: 9px;
	border-bottom: 1px dotted #cacaca;	
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.3;
}

.articleList01 .articleDate {
	margin-bottom: 10px;
	font-size: 1.4em;
}

.articleList01 .articleExcerpt {
	font-size: 1.4em;
}

/* スポット一覧用 */
.articleList01 .articleTagline {
	margin-bottom: 8px;
	font-size: 1.6em;
}

.articleList01 .articleTags,
.articleList01 .articleCategoris{
	margin-top: 10px;
	font-size: 1.3em;
}

.articleList01 .articleTags span,
.articleList01 .articleCategoris span {
	display: inline-block;
	margin: 4px 8px 4px 0;
	padding: 4px 10px;
	background-color: #dadad0;
}

.articleList01 .articleCategoris span {
	background-color: #d2e6e6;
}

/*	Responsive Settings
-------------------------------------------------- */	
@media screen and (max-width:800px) {
	
	.articleList01 li {
		margin: 20px 0;
	}	
	
	.articleList01 .thumb {
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 15px;
		text-align: center;
	}
	
	.articleList01 .articleTitle {
		margin: 0 0 5px;
	}
	
}


/*	listTable01 - リスト形式テーブル
-------------------------------------------------- */
.listTable01 {
	width: 100%;
	font-size: 1.6em;
}

.listTable01 th,
.listTable01 td {
	font-weight: normal;
	padding: 10px;
	border-bottom: 1px dotted #ccc;
}

.listTable01 th {
	width: 6em;
	text-align: center;
}

.listTable01 td a {
	color: #0064b4;
}


/*	.btn01 - ボタンスタイル01
-------------------------------------------------- */	
.btn01 {
	width: 100%;
	margin: 2em 0;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}

.btn01 a {
	display: block;
	padding: 10px;
	background-color: #00b4c8;		
	color: #fff;
}

.btn01 a:hover {
	text-decoration: none;
}	


/*	.btnList01 - 一覧ボタンスタイル
-------------------------------------------------- */
.btnList01 {
	width: 180px;
	margin: 2em auto 3em !important;
}

.btnList01 a span {
	padding-left: 24px;
	background: transparent url("../tmpl-img/ico_list01.png") no-repeat scroll left center;
}

/*	Responsive Settings
-------------------------------------------------- */	
@media screen and (max-width:800px) {
	
	.btnList01 {
		width: 260px;
	}
	
}


/*	.pageHeader - ページヘッダー
-------------------------------------------------- */
.pageHeader {
	padding-bottom: 40px;
	background-color: #f0f0e6;
	overflow: hidden;
}

/*	Responsive Settings
-------------------------------------------------- */	
@media screen and (max-width:800px) {	

	.pageHeader {
		margin-top: 0;
		padding-bottom: 0;
	}

}


/*	#topicPath01 - パンくずリスト
-------------------------------------------------- */
#topicPath01 {
	margin: 15px 0 20px;
	overflow: hidden;
}

#topicPath01 ol {
	float: left;
	font-size: 1.4em;
	width: 100%;
}

#topicPath01 li {
	display: inline;
	margin-right: 10px;
	line-height: normal;
}

#topicPath01 a {
	padding-right: 20px;
	background: url(../tmpl-img/ico_topicpath01.png) no-repeat right center;
	text-decoration: none;
}

#topicPath01 .home {
	padding-left: 14px;
	background: url(../tmpl-img/ico_topicpath_home01.png) no-repeat left center !important;
}

/*	.archiveTitle - アーカイブタイトル
-------------------------------------------------- */
.archiveTitle h2 {
	border-bottom: 1px solid #ccc;
	font-size: 24px;
	font-size: 2.4rem;
}

.archiveTitle .icon {
	padding: 13px 0 13px;
	padding-left: 50px;
	display: inline-block;
	background: url(../tmpl-img/ico_default01.png) no-repeat left center;	
	line-height: 1.2;
}

/* イベント */
.archiveTitle.events .icon {
	background: url(../tmpl-img/ico_event01.png) no-repeat left center;
}

/* 観光スポット */
.archiveTitle.tourist-spots .icon {
	background: url(../tmpl-img/ico_tourism01.png) no-repeat left center;
}

/* 花スポット */
.archiveTitle.flower-spots .icon {
	background: url(../tmpl-img/ico_flower01.png) no-repeat left center;
}

/* お買い物・食べる */
.archiveTitle.gourmet-spots .icon {
	background: url(../tmpl-img/ico_shopping01.png) no-repeat left center;
}

/* アクセス */
.archiveTitle.access .icon {
	background: url(../tmpl-img/ico_access01.png) no-repeat left center;
}

/* お知らせ */
.archiveTitle.news .icon {
	background: url(../tmpl-img/ico_news01.png) no-repeat left center;
}


/*	.heading01 - 見出しスタイル01
-------------------------------------------------- */	
.heading01 {
	min-height: 26px;
	margin-bottom: 30px;
	padding: 0 5px 8px;		
	border-bottom: 1px solid #ccc;
	font-size: 2.0em;
	line-height: 1.2;
}


/*	#pager - ページャー
-------------------------------------------------- */
#pager {
	clear: both;
	margin-top: 30px;
}

#pager .num {
	margin-bottom: 5px;
	font-weight: normal;
	text-align: left;
}

#pager p {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}

#pager .current {
	display: inline-block;
	margin-right: 10px;	
	padding: 0 10px;
	background-color: #555;	
	color: #fff;
}

#pager a {
	display: inline-block;
	margin-right: 10px;
	padding: 0 10px;
	background-color: #fff;
	border: 1px solid #c8c8c8;
	color: #333;
	text-decoration: none;
}

#pager a:hover {
	background-color: #555;
	color: #fff;
}

#pager .prevPost a,
#pager .nextPost a {
	background-color: transparent;	
	border: none;
	color: #333;
}

#pager .prevPost a:hover,
#pager .nextPost a:hover {
	color: #00b4c8;
}



/* --------------------------------------------------
	トップページ
-------------------------------------------------- */
/*	#mainVisual - メインビジュアル（スライダー）
-------------------------------------------------- */
#mainVisual {
}

.slider-pro p.sp-layer {
	font-size: 1.4em;
	line-height: 1.3;
	text-align: center;
}

.sp-padding {
	padding: 9px;
}

.sp-white {
	color: #111;
	background: #fff;
	border: 1px solid #ddd;
}

.sp-buttons {
	position: absolute;
	bottom: 20px;
	padding-top: 0;
}

.sp-button {
	width: 18px;
	height: 18px;
	margin: 4px 8px;
	background-color: #fff;
	border: 2px solid #fff;
	border-radius: 50%;
	
	-moz-box-shadow: 0px 0px 10px #666;
	-webkit-box-shadow: 0px 0px 10px #666;
	box-shadow: 0px 0px 10px #666;
}

.sp-selected-button {
	background-color: #00b4c8;
}

/* 前へ	*/
.sp-previous-arrow:before {
	content:" " !important;
	display: block;
	width: 50px;
	height: 50px;
	background: url(../tmpl-img/ico_prev01.png) no-repeat left top;
	text-indent: -9999px;
	
	-webkit-transform:skew(0deg,0deg) !important;
	-ms-transform:skew(0deg,0deg) !important;	
	transform: skew(0deg,0deg) !important;
}

/* 次へ */
.sp-next-arrow:before {
	content:" " !important;
	display: block;
	width: 50px;
	height: 50px;
	background: url(../tmpl-img/ico_next01.png) no-repeat left top;	
	text-indent: -9999px;

	-webkit-transform:skew(0deg,0deg) !important;
	-ms-transform:skew(0deg,0deg) !important;	
	transform: skew(0deg,0deg) !important;
}

.sp-previous-arrow:after,
.sp-next-arrow:after {
	display: none;
	-webkit-transform:skew(0deg,0deg) !important;
	-ms-transform:skew(0deg,0deg) !important;	
	transform: skew(0deg,0deg) !important;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (max-width:800px) {
	
	.slider-pro p.sp-layer {
		font-size: 1.1em;
		line-height: 1.2 !important;
	}
	
	.sp-padding	{
		padding: 4px;
	}
	
	.sp-buttons {
		bottom: 10px;
	}	
	
	.sp-button {
		width: 12px;
		height: 12px;
	}
	
	.sp-previous-arrow:before,
	.sp-next-arrow:before {
		width: 25px;
		height: 25px;
		background-size: 100%;
	}
	
	.sp-horizontal .sp-previous-arrow {
		left: 0px;
	}	
	
	.sp-horizontal .sp-next-arrow {
		right: 0px;
	}
	
}

/*	#bannerArea - バナーエリア
-------------------------------------------------- */
#bannerArea {
	margin: 20px 0;
}

#bannerArea .wrapper {
	padding: 10px 60px;
	background-color: #e0e0d6;		
}

#bannerList {
	position: relative;		
}

#bannerList li {
	padding: 0 10px;
	text-align: center;
}

/* 次へ */
#bannerArea .btnPrev {
	position: absolute;
	top: 50%;
	left: 20px;
	width: 25px;
	height: 25px;
	margin-top: -9px;		
	cursor: pointer;
}

/* 前へ */	
#bannerArea .btnNext {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 25px;
	height: 25px;
	margin-top: -9px;		
	cursor: pointer;
}

/* owl.carousel.js用スタイル設定 */
.owl-theme .owl-controls {
	margin-top: 0;
}

.owl-pagination {
	display: none;
}

/*	.pickupArea - ピックアップエリア
-------------------------------------------------- */
.pickupArea {
	padding: 35px 0;
	background: #f0f0e6 url(../tmpl-img/bg_index_pickup01.png) repeat-x top;
}

.pickupArea p {
	text-align: center;
}

.pickupArea ul {
	margin: 0 1%;
}

.pickupArea li {
	float: left;
	width: 48%;
	margin: 0 1%;
	text-align: center;
}

/*	.newsList - お知らせ一覧
-------------------------------------------------- */
.newsList .heading01 {
	margin-bottom: 15px;
}

.heading01.news span {
	padding-left: 34px;	
	background: url(../tmpl-img/ico_info01.png) no-repeat left center;
}

/*	.eventList - イベント一覧
-------------------------------------------------- */
.heading01.event span {
	padding-left: 34px;	
	background: url(../tmpl-img/ico_event01.png) no-repeat left center;
}



/* --------------------------------------------------
	個別ページ - single.php, page.php
-------------------------------------------------- */
/*	.articleSNSLink - 記事別SNSリンク
-------------------------------------------------- */
.articleSNSLink ul {
	float: right;
	margin-bottom: 10px;
}

.articleSNSLink li {
	float: left;
	margin-left: 4px;
}

.articleSNSLink li img {
	vertical-align: top;
}	

/* facebook */
.articleSNSLink .facebook {
	width: 100px;
	margin-left: 0;
}

/* twitter */
.articleSNSLink .twitter {
	width: 90px;
}		

/* line */
.articleSNSLink .line {
	width: 88px;
}	

/*	.articleTitle - ページタイトル
-------------------------------------------------- */
article .articleTitle {
	margin-bottom: 20px;
	padding: 8px 14px;
	background-color: #00b8cc;
}

article .articleTitle h2 {
	color: #fff;
	font-size: 2.2em;
	line-height: 1.2;
}

article .articleTitle h2 span {
	padding-left: 26px;
	background: url(../tmpl-img/ico_article_title01.png) no-repeat left center;
}

/*	.mainPhoto - メイン画像
-------------------------------------------------- */
.mainPhoto {
	margin-bottom: 20px;
}

/*	.tagline - キャッチコピー
-------------------------------------------------- */
.tagline {
	font-size: 2.6em;
	margin-bottom: 20px;
}

/*	.block - ブロック
-------------------------------------------------- */
.articleBody .block {
	margin-bottom: 30px;
}

.articleBody .thumb {
	width: 260px;
	margin-left: -260px;
}

.articleBody .text.fl {
	margin-right: 290px;
	overflow: hidden;
}

.articleBody .text p:first-child {
	margin-top: 0;
}

.articleBody .googleMap iframe{
	width:100%;
}

/*	Responsive Settings
-------------------------------------------------- */	
@media screen and (max-width:800px) {

	.articleBody .block {
		margin-bottom: 20px;
	}
	
	.articleBody .thumb {
		width: 100%;
		margin: 0 0 20px;
		text-align: center;
	}
	
	.articleBody .text.fl {
		width: 100%;
		margin: 0;
	}
	
	.articleBody iframe {
		width: 100% !important;
	}
	
}

/*	.articleBody - コンテンツエリア
-------------------------------------------------- */
.articleBody h3 {
	margin-bottom: 1em;
	padding: 4px 0 4px 10px;
	background-color: #fff;
	border: 1px solid #c8c8c8;
	border-left: 5px solid #00b8cc;
	font-size: 2em;
	font-weight: bold;
	overflow: hidden;
}

.articleBody h4 {
	margin: 1em 0;
	padding-bottom: 8px;
	padding-left: 2px;
	border-bottom: 1px solid #cacaca;
	font-size: 1.8em;
	font-weight: bold;
	overflow: hidden;
}

.articleBody h5 {
	margin: 1.25em 0 1em;
	padding: 1px 0 1px 8px;
	border-left: 5px solid #00b8cc;
	font-size: 1.6em;
	font-weight: bold;
}

.articleBody h6 {
	margin: 1em 0;
	font-size: 1.6em;
	font-weight: bold;
}

.articleBody p,
.articleBody ul,
.articleBody ol,
.articleBody dl {
	margin: 1em 0;
	font-size: 1.4em;
}

.articleBody ul {
	margin-left: 15px;
	list-style: outside disc;
}

.articleBody ol {
	margin-left: 20px;
	list-style: outside decimal;
}

.articleBody li {
	margin: 0.5em 0;
}

.articleBody li ul {
	margin: 0.5em 0 0.5em 15px;
	list-style: outside circle;
}

.articleBody li ol {
	margin: 0.5em 0 0.5em 20px;
}

.articleBody dt {
	margin: 1em 0 0.5em;
	font-weight: bold;
}

.articleBody dd {
	margin: 0.5em 0;
}

.articleBody p strong {
	font-weight: bold;
}

.articleBody table {
	width: 100%;
	margin: 1em 0;
	font-size: 1.4em;
	background-color: #fff;
	word-break: break-all;
}

.articleBody table th,
.articleBody table td {
	padding: 1em 10px;
	border: 1px solid #cacaca;
}	

.articleBody table th {
	background-color: #f3f3f3;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
}

.articleBody table p,
.articleBody table ul,
.articleBody table ol,
.articleBody table dl,
.articleBody table table {
	margin: 0;
	font-size: 1em;
}

.articleBody ul p,
.articleBody ol p,
.articleBody dl p,
.articleBody ul ul,
.articleBody ol ul,
.articleBody dl ul,
.articleBody ul ol,
.articleBody ol ol,
.articleBody dl ol,
.articleBody ul dl,
.articleBody ol dl,
.articleBody dl dl
.articleBody ul table,
.articleBody ol table,
.articleBody dl table {
	font-size: 1em;
}

.articleBody .alignleft {
	margin-right: 20px;
	margin-bottom: 20px;
}

.articleBody .alignright {
	margin-left: 20px;
	margin-bottom: 20px;
}



/* --------------------------------------------------
	一覧ページ - archive.php
-------------------------------------------------- */
/*	.refineSearch - 絞り込み検索
-------------------------------------------------- */
.refineSearch {
	padding: 20px;
	background-color: #fff;
	border: 10px solid #e8e8de;
}

.refineSearch form ul {
	display:block;
	padding: 12px;
	margin-bottom: 20px;
	background-color: #f3f3f3;		
}

.refineSearch form li {
	display:block;
	float: left;
	list-style-type:none;
	padding: 5px;
	margin-right: 5px;
	font-size: 1.4em;
	line-height: 1.1;
}

.refineSearch h3 {
	margin: 10px 0;	
	font-size: 1.8em;
}

.refineSearch h3 span {
	padding-left: 22px;
}

.searchCat h3 span {
	background: url(../tmpl-img/ico_category01.png) no-repeat left center;
}

.searchTag h3 span {
	background: url(../tmpl-img/ico_tag01.png) no-repeat left center;
}

/* ボタン関連 */
.refineSearch .searchBtns {
	text-align: center;
}

.refineSearch .searchBtns input {
	border: none;
	padding: 10px 40px;
	margin: 0 8px;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}

.refineSearch .searchBtns input.submit {
	background-color: #ed1e79;
}

.refineSearch .searchBtns input.reset {
	background-color: #666;
}

.refineSearch .searchBtns input.submit:hover {
	background-color: #d50d65;
}

.refineSearch .searchBtns input.reset:hover {
	background-color: #585858;
}

/*	.searchList - 検索結果
-------------------------------------------------- */
.searchList {
	margin: 30px 0;
	padding: 20px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* --------------------------------------------------
	.wpcf7 - コンタクトフォーム
-------------------------------------------------- */
.wpcf7-form table {
}

.wpcf7-form table th {
	width: 30% !important;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.wpcf7-form .required {
	padding-left: 5px;
	color: #f00;
	font-size: 12px;
	font-size: 1.2rem;
}

.wpcf7-form table input,
.wpcf7-form table textarea {
	padding: 5px;
	border: 1px solid #ddd;
}

.wpcf7-form table .wpcf7-text {
	width: 75%;
}

.wpcf7-form table textarea {
	width: 80%;
}

/* チェックボックス */
.wpcf7-list-item {
	display: inline-block;
}

/* チェックボックス */
.wpcf7 table .sizeS {
	width: 40px !important;
}

.wpcf7 table .sizeM {
	width: 120px !important;
}

.wpcf7 .send-msg ul {
	margin-left: 0;
}

.wpcf7 .send-msg li {
	list-style: none;
	margin-left: 0;
}

.wpcf7 .wpcf7-validation-errors {
	font-size: 1.4em;
}

/* ボタン関連 */
.wpcf7 input.wpcf7-submit {
	border: none;
	padding: 10px 40px;
	margin: 0 8px;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}

.wpcf7 input.wpcf7-submit {
	background-color: #ed1e79 !important;
	border: none !important;
}

.wpcf7 input.wpcf7-submit:hover {
	background-color: #d50d65 !important;
}

/* --------------------------------------------------
	#side - サイドコンテンツ
-------------------------------------------------- */
.sideList {
	margin-bottom: 20px;
}

.sideList .heading {
	font-size: 1.6em;
	margin-bottom: 15px;
}

.sideList .heading span {
	padding-left: 22px;
}

.sideList li {
	font-size: 1.4em;
	line-height: 1.2;
}

/*	.sideCategoryList - サイドカテゴリリスト
-------------------------------------------------- */
.sideCategoryList h3 span {
    background: transparent url("../tmpl-img/ico_category01.png") no-repeat scroll left center;
}

.sideCategoryList li {
	margin-bottom: 8px;
	background-color: #fff;
}

.sideCategoryList li:after {
	content: "";
	display: block;
	clear: both;
	min-height: 1%;
}

.sideCategoryList li a {
	display: block;
	width: 240px;
	height: 70px;
}

.sideCategoryList li .block {
	display: table;
	font-size: 1.1em;
}

.sideCategoryList li .block div {
	display: table-cell;
	width: 100%;
	padding: 0;
	vertical-align: middle;
}

.sideCategoryList li .block div {
	width: 120px;
	height: 70px;
}

.sideCategoryList li .block div img{
	width:100%;
	height:auto;
}

.sideCategoryList li .block .categoryName span{
	display: inline-block;
	padding: 0 10px;
}

/*	.sideTagList - サイドタグリスト
-------------------------------------------------- */
.sideTagList h3 span {
    background: transparent url("../tmpl-img/ico_tag01.png") no-repeat scroll left center;
}

.sideTagList ul {
	padding: 5px 15px;
	background-color: #fff;
}

.sideTagList li {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}

.sideTagList li:last-child {
	border-bottom: none;
}

.sideTagList li a {
	display: inline-block;
	padding: 10px;	
	padding-left: 16px;
	background: url(../tmpl-img/ico_arrow01.png) no-repeat left 15px;
	text-decoration: none;
}

/*	Responsive Settings
-------------------------------------------------- */	
@media screen and (max-width:800px) {
	
	.sideCategoryList li a {
		width: auto;
	}
	
	.sideCategoryList li .block {
		position: relative;
		width: 100%;
	}
	
	.sideCategoryList li .block .categoryName {
		position: relative;
		width: 100%;
		padding-left: 120px;
		text-align: left;
	}
	
	.sideCategoryList li .block .thumb {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.sideTagList ul {
		background-color: transparent;
	}
	
	.sideTagList li {
		display: inline-block;
		float: left;
		border: none;
	}
	
	.sideTagList li a {
		width: auto;
	}
	
}

.wp-caption{
	max-width:100% !important;
}