@charset "utf-8";
/*
Theme Name: ZAO Theme 201605
Theme URI: http://wordpress.org/
Description: WordPress のテーマ
Version: 1.4
Author: 201605
Author URI: 
Tags: custom theme

*/

/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

 /*
 * ページ全体
 * イメージタグ装飾
 * リンクテキスト装飾
 * 全ての行間を詰める（行間リセット）
 * リストタグ装飾
 * ページの先頭に戻る
 * ヘッダー装飾
 * globalnavi（グローバルナビゲーション）
 * メイン画像
 * コンテンツ部分
 * main装飾（メインカラム）
 * breadcrumb装飾（パンくずリンク）
 * sub装飾（サブカラム）
 * おすすめバナー（サブカラム）
 * 写真館（サブカラム）
 * 蔵王町の天気・ライブカメラ（サブカラム）
 * 蔵王町の位置（サブカラム）
 * カテゴリーリンク装飾（サブカラム）#sidebar
 * フッター装飾
 * ページナビゲーション　wp-pagenavi(wp-content/plugins/wp-pagenavi/pagenavi-css.css)
 * カテゴリー一覧
 * child-navi(子カテゴリーの記事一覧)
 * 今日の蔵王、お知らせ　一覧
 * 投稿ページ
 * 投稿ページ内カテゴリーの記事リスト
 * ページ
 * 写真館一覧
 * リンク集ページ
 * サイトマップページ(ddsg)
 * 年間イベント一覧
 * お問い合わせフォーム
 * clearfixハック
 * biggerlink
 */

/* ページ全体
------------------------------------------------------------ */

body {
	margin: 0;
	padding: 0;
	background: #f6f6f6;
	color: #333;
	font-size:13px;
	*font-size:small;
	*font:x-small;
	font-family: 'Universe','Lucida Grande','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
/*	font-family: 'Universe','Lucida Grande','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Pro W3", "メイリオ","ＭＳ Ｐゴシック", Osaka, sans-serif;*/
}
#wrapper {
	width: 940px;
	margin: 0 auto;
	padding: 0 20px;
	background: #fff;
}

/* イメージタグ装飾
------------------------------------------------------------ */

img {
	border: none;
}

/* リンクテキスト装飾
------------------------------------------------------------ */

a:link,
a:hover,
a:active,
a:visited {
	color: #B3002E;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* 全ての行間を詰める（行間リセット）
------------------------------------------------------------ */

h1,h2,h3,h4,h5,h6,p,ul,ol,dl {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 100%;
}
p {
	line-height: 1.5;
}

/* リストタグ装飾
------------------------------------------------------------ */

ul {}
ol {}
li {}

/* ページの先頭に戻る
------------------------------------------------------------ */

.gotop {
	padding: 0 0 20px 0;
	font-size: .9em;
	text-align: right;
}

/* ヘッダー装飾
------------------------------------------------------------ */

#header {
	height: 110px;
	padding: 20px 0 0 0;
}
#header h1 {
	float: left;
}
#header p.description {
	float: left;
	margin: 10px 0 0 10px;
	padding: 5px 10px;
	font-size: .9em;
}
#header ul {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#header li {
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
#header li a {
	margin: 0;
	padding: 0 10px;
	border-right: 1px solid #999;
}
#header li a.last {
	margin: 0;
	padding: 0 10px;
	border: none;
}

/* globalnavi（グローバルナビゲーション）
------------------------------------------------------------ */

#globalnavi {
	height: 80px;
	z-index: auto;
}
#globalnavi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#globalnavi li {
	display: inline;
	margin: 0 3px 0 0;
	padding: 0;
}
#globalnavi li.last {
	display: inline;
	margin: 0;
	padding: 0;
}

/* メイン画像
------------------------------------------------------------ */

/*#visual {
	height: 360px;
	padding: 10px 0 0 0;
}*/

/* コンテンツ部分
------------------------------------------------------------ */

#content {
	padding: 20px 0 40px 0;
}

/* main装飾（メインカラム）
------------------------------------------------------------ */

#main {
	float: left;
	width: 540px;
	padding: 0 0 40px 0;
    overflow: hidden;
}

/* breadcrumb装飾（パンくずリンク）
------------------------------------------------------------ */

.breadcrumb {
	margin: 0 0 5px 10px;
}

/* sub装飾（サブカラム）
------------------------------------------------------------ */

#sub {
	float: left;
	width: 380px;
	margin: 0 0 0 20px;
	padding: 0 0 40px 0;
}
#sub ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sub li {
	margin: 0;
	padding: 0;
}

/* おすすめバナー（サブカラム）
------------------------------------------------------------ */

#sub-osusume {
	margin: 0 0 20px 0;
}
#sub-osusume .sub-banner {
	margin: 0 0 10px 0;
}

/* 写真館（サブカラム）
------------------------------------------------------------ */

#sub-photos {
	margin: 0 0 20px 0;
}
#sub-photos-inner {
	margin: 0;
	padding: 20px 0 20px 12px;
	background: #f0f0f0 url(img/sub_photos_bg.gif) no-repeat bottom;
}
.sub-photos-thumb {
	display: inline;
	width: 79px;
	height:79px;
}
.sub-photos-thumb img {
	margin: 0 0 8px 8px;
	padding: 0;
}

/* 蔵王町の天気・ライブカメラ（サブカラム）
------------------------------------------------------------ */

#sub-weather {
	margin: 0 0 20px 0;
}
#sub-weather-inner {
	margin: 0;
	padding: 15px 0 20px 20px;
	background: url(img/sub_weather_bg.gif) no-repeat bottom;
}
#sub-camera {
	float: left;
	width: 185px;
}
#sub-camera p {
	margin: 0 0 5px 0;
	width: 120px;
}
p.sub-camera-info {
	font-size: 86%;
}
#sub-weather-info {
	margin: 0 0 0 185px;
}
#sub-weather-info p {
	text-align: right;
	padding: 10px 25px 0 0;
	font-size: 93%;
}


/* 蔵王町の位置（サブカラム）
------------------------------------------------------------ */

#sub-map {
	margin: 0 0 20px 0;
}
#sub-map-inner {
	margin: 0;
	padding: 15px 0 20px 20px;
	background: #f0f0f0 url(img/sub_map_bg.gif) no-repeat bottom;
}
#sub-map-inner a {
	display: block;
	padding: 4px 20px 10px 0;
	font-size: .9em;
}

/* カテゴリーリンク装飾（サブカラム）#sidebar
------------------------------------------------------------ */

#sidebar {
}
#sidebar ul {
	padding: 20px 0 0 0;
}
#sidebar ul li {
	margin: 0 0 0 10px;
	padding: 0 0 0 25px;
	line-height: 1.5;
	background: url(img/sidebar_category_parents.gif) no-repeat left top;
}
#sidebar ul li h2 {

}
#sidebar ul li ul {
	padding: 0;
}
#sidebar ul li li {
	padding: 0 0 0 20px;
	line-height: 1.5;
	background: url(img/sidebar_category_children.gif) no-repeat left 4px;
}
#sidebar ul li ul li ul {
	padding: 0;
}
#sidebar ul li li li {
	padding: 0 0 0 20px;
	line-height: 1.5;
	background: url(img/sidebar_category_children.gif) no-repeat left 4px;
}

/* フッター装飾
------------------------------------------------------------ */

#footer {
	margin: 0;
	padding: 40px 0 40px 0;
	border-top: 1px solid #E0E0E0;
	background: url(img/footer_bg.gif) no-repeat center top;
	text-align: center;
}
#footer p {
}
#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 20px 0;
}
#footer li {
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
#footer li a {
	margin: 0;
	padding: 0 8px;
	border-right: 1px solid #999;
}
#footer li a.last {
	margin: 0;
	padding: 0 10px;
	border: none;
}
#footer #copyright {

}
#footer #copyright .first{
	width: 50%;
	float: left;
}
#footer #copyright .header {
	font-weight: bold;
	margin: 0 0 1em 0;
}

/* ページナビゲーション　wp-pagenavi(wp-content/plugins/wp-pagenavi/pagenavi-css.css)
------------------------------------------------------------ */

.wp-pagenavi {
	clear: left;
	text-align: center;
}

/* 一覧（カテゴリー）
------------------------------------------------------------ */

.pagetitle {
	width: 540px;
	height: 40px;
	margin: 0 0 20px 0;
	background: url(img/pagetitle_bg.gif) no-repeat;
}
.pagetitle h2 {
	display: inline;
	float: left;
	line-height: 40px;
	margin-left: 35px;
	font-size: 1.2em;
}
.pagetitle-home,
.pagetitle-category-basic {
	width: 540px;
	height: 40px;
	margin: 0 0 20px 0;
	background: url(img/pagetitle_home_bg.gif) no-repeat;
}
.pagetitle-home h2,
.pagetitle-category-basic h3 {
	display: inline;
	float: left;
	line-height: 40px;
	margin-left: 35px;
	font-size: 1.2em;
}
.pagetitle-category {
	width: 540px;
	height: 40px;
	margin: 0 0 20px 0;
	background: url(img/pagetitle_category_bg.gif) no-repeat;
}
.pagetitle-category h3 {
	display: inline;
	float: left;
	line-height: 40px;
	margin-left: 10px;
	font-size: 1.2em;
}
.navi {
	float: right;
	line-height: 40px;
	margin-right: 10px;
	font-size: .9em;
}
.latest-post {
	clear: left;
	min-height: 166px;
	_height: 166px;
	padding: 0 0 20px 10px;
}
.latest-post-image {
	float: left;
	margin: 0 15px 0 0;
	padding: 5px;
	border: 1px solid #e0e0e0;
}
.latest-post-title {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
}
.latest-post-date {
}
.latest-post-excerpt {
}
.post-read-on {
}
.more {
	font-size: .9em;
}
.recent-post-outer {
	padding: 0 0 20px 0;
}
.recent-post {
	clear: both;
	min-height: 79px;
	_height: 79px;
	padding: 0 0 20px 10px;
}
.recent-post-image {
	float: left;
	margin: 0 15px 0 0;
	padding: 5px;
	border: 1px solid #e0e0e0;
}
.recent-post-image img {}
.recent-post-title {}

.recent-post-excerpt {
	margin: 10px 0 0 106px;
	font-size: .9em;
}
.recent-post-date {
	padding-right: .5em;
}
.recent-post .postmetadata {
	margin: 5px 0 0 106px;
}
.recent-post .postmetadata a {
	margin: 0 5px 0 0;
	padding: 3px 5px;
	background: #f0f0f0;
	color: #666;
	font-size: .8em;
}

/* 子カテゴリーの記事一覧(child-navi)
------------------------------------------------------------ */

.child-navi {
	text-align: right;
}

/* 今日の蔵王、お知らせ　一覧
------------------------------------------------------------ */

.all-post-outer {
}
.all-post h3 {
	margin: 0 0 0 10px;
	font-size: 1.5em;
	line-height: 1.5;
}
.all-post-title {
}
.all-post .metadata {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	background: url(img/post_metadata_bg.gif) no-repeat bottom;
	color: #999;
	text-align: right;
}
.all-post-content {
	margin: 0 0 40px 10px;
}
.all-post p {
	margin-bottom: 1.5em;
}

/* 投稿ページ
------------------------------------------------------------ */

.single-post {
	margin: 0 0 40px 0;
}
.single-post p {
	margin-bottom: 1.5em;
}
.single-post h3 {
	margin: 0 0 1em 0;
	padding: 0 0 10px 0;
	background: url(img/post_h3_bg.gif) bottom left no-repeat;
	font-size: 1.1em;
	font-weight: bold;
}
.single-post .posttitle {
	margin: 0 0 10px 0;
}
.single-post .posttitle h2 {
	margin: 0 0 0 10px;
	font-size: 1.5em;
	line-height: 1.5;
}
.single-post .metadata {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	background: url(img/post_metadata_bg.gif) no-repeat bottom;
	color: #999;
	text-align: right;
}
.post-inner {
	margin: 0 0 20px 10px;
}
.navigation {
	text-align: center;
}
.historyback {
	clear: left;
	padding: 10px 0 0 10px;
	background: url(img/historyback_bg.gif) no-repeat top;
	font-size: .9em;
}

/* 投稿ページ内、テキスト回り込み
------------------------------------------------------------ */

.single-post p img,
.page-post p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 0;
	margin: 0 0 2px 15px;
	display: inline;
}

img.alignleft {
	padding: 0;
	margin: 0 15px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

/* 投稿ページ内カテゴリーの記事リスト
------------------------------------------------------------ */

.category-post-list {
	clear: both;
	margin: 20px 0 0 0;
	padding: 10px 20px 20px 20px;
	border: 1px solid #e0e0e0;
}
.category-post-list h3 {
	margin: 0 0 20px 0;
	font-size: 1em;
	font-weight: bold;
}
.category-post-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.category-post-list li {
	margin: 0 0 0 10px;
	padding: 0 0 0 25px;
	line-height: 1.5;
	background: url(img/category-post-list.gif) no-repeat left top;
}

/* ページ
------------------------------------------------------------ */

.page-post .posttitle {
	width: 540px;
	height: 40px;
	margin: 0 0 20px 0;
	background: url(img/pagetitle_bg.gif) no-repeat;
}
.page-post .posttitle h2 {
	display: inline;
	float: left;
	line-height: 40px;
	margin-left: 35px;
	font-size: 1.2em;
}
.page-post h3 {
	margin: 0 0 1em 0;
	padding: 0 0 10px 0;
	background: url(img/post_h3_bg.gif) bottom left no-repeat;
	font-size: 1.1em;
	font-weight: bold;
}
.page-post p {
	margin-bottom: 1.5em;
}
.page-post-inner {
	margin: 0 0 20px 10px;
}

/* 写真館一覧
------------------------------------------------------------ */

.recent-photo-outer {
	padding: 0 0 20px 20px;
}
.recent-photo-outer .hentry {
	float: left;
	display: inline;
	width: 160px;
	height: 170px;
	padding: 0 10px 0 0;
	overflow: hidden;
}
.recent-photo-outer .hentry img {
	margin: 0 0 5px 0;
	padding: 4px;
	border: 1px solid #e0e0e0;
}
.recent-photo-outer .hentry p {
	padding: 0 5px 5px 5px;
	font-size: .9em;
}
.recent-photo-outer .wp-pagenavi {
	padding: 20px 0 0 0;
	text-align: center;
}
.recent-photo-outer .child-navi {
	clear: left;
	padding: 0;
	text-align: right;
}

/* リンク集ページ
------------------------------------------------------------ */

#links {
	padding: 10px 0 0 0;
}
#links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#links ul li.linkcat {
	clear: left;
	width: 540px;
	margin: 0;
	padding: 0;
}
#links ul li.linkcat h2 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background: url(img/linkcat_h2_bg.gif) bottom left no-repeat;
	font-size: 1.2em;
	font-weight: bold;
}
#links ul li ul {
	list-style: none;
	width: 520px;
	margin: 0 0 0 20px;
	padding: 0 0 20px 0;
}
#links ul li ul:after { /* clearfix */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#links ul li ul {display: inline-table;}
/* Hides from IE-mac \*/
* html #links ul li ul {height: 1%;}
#links ul li ul {display: block;}
/* End hide from IE-mac */

#links ul li ul li {
	float: left;
	width: 260px;
	line-height: 1.5;
	display: block;
}
#links ul li ul li a {
}

/* サイトマップページ(ddsg)
------------------------------------------------------------ */

.ddsg-wrapper {
}
.ddsg-wrapper ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ddsg-wrapper ul li {
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px dotted #e0e0e0;
	line-height: 1.5;
/*	font-size: 1.1em;*/
	font-weight: bold;
}
.ddsg-wrapper ul li ul {

}
.ddsg-wrapper ul li ul li {
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
	background: url(img/ddsg-wrapper_li_bg.gif) no-repeat left 4px;
	border: none;
/*	font-size: .9em;*/
	font-weight: normal;
}
.ddsg-wrapper ul li ul li ul {
}
.ddsg-wrapper ul li ul li ul li {
	margin: 0;
	padding: 0 0 0 20px;
	border: none;
/*	font-size: 1em;*/
	font-weight: normal;
}
.ddsg-pagenav {
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	background: url(img/ddsg-pagenav_bg.gif) no-repeat top;
}

/* 年間イベント一覧
------------------------------------------------------------ */

#event-year {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
#event-year th {
	padding: 5px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: url(img/bg_diagonal.gif) #CCD12C;
	color: #fff;
}
#event-year tr.odd {
	background: #F5F6D5;
}
#event-year tr.even {
	background: #F0F1BF;
}
#event-year td {
	padding: 5px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

/* お問い合わせフォーム
------------------------------------------------------------ */

.must {
	color: #c00;
	font-size: .9em;
}

/* Clear Floated Elements
------------------------------------------------------------ */

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* clearfixハック
------------------------------------------------------------ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* biggerlink（トップページ、お知らせ一番目の記事）
------------------------------------------------------------ */

.hover {
	cursor: pointer;
	background-color: #f6f6f6;
}
.hover a:link {
	color: #B3002E;
	text-decoration: none;
}
.hover a:visited {
	color: #B3002E;
}
.hover a:hover {
	color: #B3002E;
	text-decoration: underline;
}
.pagetitle .navi {
	color: #B3002E;
}

/* video
------------------------------------------------------------ */
.video {
	width: 530px;
	margin: 0 0 0 10px;
}
.video-left {
	float: left;
	width: 260px;
	margin: 0 10px 0 0;
}
.video-right {
	float: left;
	width: 260px;
}

/* mian_bnr
------------------------------------------------------------ */
#mian_bnr {
   text-align: center;
   margin-top: 30px;
   margin-bottom: 15px;
}

/* visualv
---------------------------------------------------- */
#visual {
	margin-top: 20px;
	clear: both;
	overflow: hidden;
	position: relative;
}
#visual img {
	vertical-align: bottom;
	position: absolute;
}