@charset "UTF-8";
/* =Reset default browser CSS.
Based on work by Eric Meyer: https://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
:focus{
  outline: 0;
}
ol, ul{
  list-style: none;
}
table{
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td{
  font-weight: normal;
  text-align: left;
}
blockquote:before, blockquote:after,q:before, q:after{
  content: "";
}
blockquote, q{
  quotes: "" "";
}
a img{
  border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
  display: block;
}
body{
  font:80%/1.5 "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
  color:#252525;
  -webkit-text-size-adjust: none;
  background:#f2f2f2 url(https://okamoku.jp/zakka/images/bg.png);
}
html{
  background:#a49868;
}
/* リンク設定
------------------------------------------------------------*/
a{
  margin:0;
  padding:0;
  text-decoration:none;
  outline:0;
  vertical-align:baseline;
  background:transparent;
  font-size:100%;
  color:#777;
}
a:hover, a:active{
  -webkit-transition:opacity 1s;
  -moz-transition:opacity 1s;
  -o-transition:opacity 1s;
  outline: none;
  color:#222;
}
/**** Clearfix ****/
nav .panel:after, #mainNav:after, .newsTitle:after, .bg:after,.post:after,#footer:after{
  content:"";
  display: table;
  clear: both;
}
nav .panel,#mainNav,.newsTitle,.bg, .post,#footer{
  zoom: 1;
}
/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="email"],textarea{
  vertical-align:middle;
  max-width:90%;
  line-height:30px;
  height:30px;
  padding:1px 5px;
  border:1px solid #d4d4d7;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  font-size:100%;
  color:#555;
  background:#fcfcfc;
}
textarea{
  height:auto;
  line-height:1.5;
}
input[type="submit"],input[type="reset"],input[type="button"]{
  padding:3px 10px;
  background:#a49868;
  border:0;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  line-height:1.5;
  font-size:120%;
  color:#fff;
}
input:hover[type="submit"],input:hover[type="reset"],input:hover[type="button"]{
  background:#5f573c;
  cursor:pointer;
}
*:first-child +html input[type="submit"]{
  padding:3px;
}
/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner{
  margin:0 auto;
  width:960px;
}
#header{
  overflow:hidden;
}
#content{
  width:100%;
  padding:30px 0;
}
#sidebar{
  float:right;
  width:225px;
  padding:30px 0;
}
#footer{
  clear:both;
  padding-top:20px;
  border-top:1px solid #e2e2e2;
  background:#5f573c url(https://okamoku.jp/zakka/images/footerBg.png);
}
/* ヘッダー
*****************************************************/
#header .bg{
  background:#5f573c;
}
/* サイト説明文 + 住所
----------------------------------*/
#header h1,#header p{
  float:left;
  padding:3px 0;
  color: #fff;
  font-size:90%;
  font-weight:normal;
}
#header p{
  float:right;
}
/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2{
  clear:both;
  float:left;
  padding:30px 0;
  color: #515151;
  font-size:160%;
  font-weight:bold;
}
/* サブナビゲーション
----------------------------------*/
#header ul{
  font-size:85%;
  padding-top:40px;
  float:right;
}
#header ul li{
  display:inline;
  margin-left:10px;
}
#header ul li a{
  padding-left:15px;
  background:url(images/arrowSub.png) no-repeat 0 50%;
  color:#000;
}
#header ul li a:hover{
  background-position:3px 50%;
}
/* トップページ　メイン画像
----------------------------------*/
#mainImg{
  clear:both;
  margin-top:20px;
  line-height:0;
  text-align:center;
  z-index:0;
  background:url(https://okamoku.jp/zakka/images/shadow.png) no-repeat 50% 0;
}
#mainImg a:hover img{
  opacity:.9;
}
.postWrap{
  margin:0 0 20px 0;
  padding:3px;
  border:1px solid #e2e2e2;
  background:url(https://okamoku.jp/zakka/images/tp.png);
}
.post{
  padding:10px;
  border:1px solid #f1f1f1;
  background: #fff;
}
article.archive span{
  padding-left:10px;
}
/* タイポグラフィ
*****************************************************/
h2.title{
  clear:both;
  margin:30px 0 5px;
  padding:5px 0;
  font-size:130%;
  background:url(https://okamoku.jp/zakka/images/border.png) repeat-x 0 100%;
}
h2.first{
  margin-top:0;
}
.dateLabel{
  margin:0 0 10px;
  text-align:right;
  font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.post p{
  padding-bottom:15px;
}
.post ul{
  margin: 0 0 10px 10px;
}
.post ul li{
  margin:5px 0 0 15px;
  list-style:disc;
}
.post ol{
  margin: 0 0 10px 30px;
}
.post ol li{
  list-style:decimal;
}
.post h1, .post h2, .post h3, .post h4{
  clear:both;
}
.post h1{
  margin:20px 0;
  padding:5px 10px;
  font-size:150%;
  color: #fff;
  border-radius:4px;
  background:#a49868;
  box-shadow:0 0 3px rgba(0,0,0,0.2);
}
.post h2{
  margin:10px 0;
  padding:3px 5px;
  font-size:130%;
  font-weight:normal;
  color: #3f0000;
  border-left:5px solid #3f0000;
}
.post h3{
  margin : 10px 0px;
  font-size:120%;
  font-weight:normal;
  color:#a49868;
  border-bottom : 1px solid #a49868;
  padding-top : 30px;
}
.post blockquote{
  clear:both;
  padding:10px 0 10px 15px;
  margin:10px 0 25px 30px;
  border-left:5px solid #ccc;
}
.post blockquote p{
  padding:5px 0;
}
.post table{
  border: 1px #a49868 solid;
  border-collapse: collapse;
  border-spacing: 0;
  margin:10px 0 20px;
}
.post table th{
  padding:7px 10px 7px 5px;
  border-top-width : 0px;
  border-right-width : 0px;
  border-bottom-width : 1px;
  border-left-width : 1px;
  border-top-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-left-style : solid;
  border-top-color : #a49868;
  border-right-color : #a49868;
  border-bottom-color : #a49868;
  border-left-color : #a49868;
  font-weight:bold;
  color:#fff;
  background:#a49868;
}
.post table td{
  padding:7px 5px;
  border-top-width : 0px;
  border-right-width : 0px;
  border-bottom-width : 1px;
  border-left-width : 1px;
  border-top-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-left-style : solid;
  border-top-color : #a49868;
  border-right-color : #a49868;
  border-bottom-color : #a49868;
  border-left-color : #a49868;
  background:#fff;
}
.post dt{
  font-weight:bold;
}
.post dd{
  padding-bottom:10px;
}
.post img{
  max-width:100%;
  height:auto;
}
img.aligncenter{
  display: block;
  margin:5px auto;
}
img.alignright, img.alignleft{
  padding:4px;
  margin:0 0 2px 7px;
  display:inline;
}
img.alignleft{
  margin: 0 7px 2px 0;
}
.alignright{
  float:right;
}
.alignleft{
  float: left;
}
/* フッター　ウィジェット
*****************************************************/
.widgetWrap{
  margin: 0 0 20px;
  padding: 3px;
  border:1px solid #fff;
  background:#f4f4f4;
  box-shadow:0 0 3px rgba(0,0,0,0.5);
}
.widget, .widgetInfo,#calendar_wrap{
  padding: 10px 7px;
  border:1px solid #eee;
  background: #fff;
}
#banners img{
  max-width:300px;
  height:auto;
  margin-bottom:10px;
  box-shadow:0 0 3px rgba(0,0,0,0.5);
}
#banners a:hover img{
  box-shadow:0 0 4px rgba(255,255,255,0.7);
}
.widget h3{
  clear:both;
  margin:0 0 10px;
  padding:5px 0;
  font-size:100%;
  font-weight:normal;
  color: #333;
  border-bottom:1px solid #ccc;
}
.widget a{
  display:block;
  padding:3px 0 3px 13px;
  background:url(https://okamoku.jp/zakka/images/arrow.png) no-repeat 0 50%;
}
.widget ul.sub-menu{
  margin-left:10px;
}
.widget a:hover{
  background-position: 3px 50%;
}
#searchform input[type="text"]{
  line-height:1.7;
  height:24px;
  width:100px;
  vertical-align:bottom;
}
/* カレンダー */
#calendar_wrap table{
  margin:0 auto;
  width:90%;
}
#calendar_wrap table caption{
  padding:10px 0;
  text-align:center;
  font-weight:bold;
}
#calendar_wrap table th, #calendar_wrap table td{
  padding:3px;
  text-align:center;
}
#calendar_wrap table th:nth-child(6),#calendar_wrap table td:nth-child(6){
  color:#0034af;
}
#calendar_wrap table th:nth-child(7),#calendar_wrap table td:nth-child(7){
  color:#950000;
}
#calendar_wrap table td#prev{
  text-align:left;
}
#calendar_wrap table td#next{
  text-align:right;
}
#calendar_wrap a{
  font-weight:bold;
  background:none;
  padding:0;
  text-decoration:underline;
}
#calendar_wrap table td#prev a, #calendar_wrap table td#next a{
  text-decoration:none;
}
/* お知らせ　
-------------*/
.newsTitle{
  clear:both;
  margin:0 0 20px;
  padding:5px 0;
  font-size:100%;
  color: #333;
  border-bottom:1px solid #ccc;
}
.newsTitle h3{
  float:left;
  font-weight:normal;
}
.newsTitle p{
  float:right;
  padding:0 0 0 10px;
  font-size:.8em;
  background:url(https://okamoku.jp/zakka/images/arrow.png) no-repeat 0 50%;
}
.news p{
  clear:both;
  padding-bottom:2px;
  border-bottom: 1px solid #ccc;
}
.news p:last-child{
  border:0;
}
.news p a{
  display:block;
  padding:5px 0;
  color:#333;
  font-style:italic;
  font:italic 110% "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.news a span{
  color:#a49868;
  font:normal 90% Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
.news span{
  padding-left:10px;
}
.news a:hover span{
  color:#a49868;
}
/* フッター
*****************************************************/
#footerWrapper{
  width:990px;
  margin-right:-30px;
}
#footer aside{
  float:left;
  width:300px;
  margin-right:30px;
}
#copyright{
  clear:both;
  padding:5px;
  text-align:center;
  font-size:90%;
  zoom:1;
  color:#fff;
  background:#5f573c;
}
/* page navigation
------------------------------------------------------------*/
.pagenav{
  clear:both;
  width: 100%;
  height: 30px;
  margin: 5px 0 20px;
}
.prev{
  float:left;
}
.next{
  float:right;
}
#pageLinks{
  clear:both;
  text-align:center;
}
/* トップページ 最新記事3件
------------------------------------------------------------*/
.thumbWrap{
  width:990px;
  margin:20px -35px 20px 0;
}
.thumbWrap li{
  float:left;
  width:300px;
  margin:0 30px 0 0;
  padding:2px 0 40px;
  background:none;
}
/* 最新記事リンク */
ul.thumb h3{
  margin-top:10px;
  padding:3px;
  font-weight:normal;
  font-size:100%;
  text-align:center;
  border:1px solid #e2e2e2;
  border-radius:4px;
  background:url(https://okamoku.jp/zakka/images/tp.png);
}
ul.thumb h3 span{
  display:block;
  padding:5px 3px;
  border-radius:3px;
  background:#5f573c url(https://okamoku.jp/zakka/images/mainnavBg.png) repeat-x;
}
ul.thumb h3 a{
  color:#fff;
}
ul.thumb h3:hover span{
  background:#5f573c;
}
/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){
  nav div.panel{
  display:block !important;
  float:left;
}
a#menu{
  display:none;
}
#mainNav{
  clear:both;
  position:relative;
  z-index:200;
  background:#a49868 url(https://okamoku.jp/zakka/images/mainnavBg.png) repeat-x;
}
#mainNav li{
  float: left;
  position: relative;
  border-right:1px solid #fff;
}
#mainNav li:first-child{
  border-left:1px solid #fff;
}
#mainNav li a{
  display: block;
  text-align: center;
  _float:left;
  color:#fff;
  height:40px;
  line-height:40px;
  padding:15px 40px 5px;
}
#mainNav li a span,#mainNav li a strong{
  display:block;
  font-size:90%;
  line-height:1.4;
}
#mainNav li a span{
  font-size:70%;
}
#mainNav li.current-menu-item, #mainNav li:hover, #mainNav li.current-menu-parent{
  background:#a49868 url(https://okamoku.jp/zakka/images/mainnavBg.png) repeat-x 0 100%;
}
#mainNav ul ul{
  width:160px;
}
#mainNav ul ul{
  display: none;
}
#mainNav li:hover ul{
  display: block;
  position: absolute;
  top:60px;
  left:0;
  z-index:500;
}
#mainNav li li{
  padding:0 0 0 10px;
  margin:0;
  float: none;
  height:40px;
  line-height:40px;
  width:160px;
  border:0;
  background:#a49868 url(https://okamoku.jp/zakka/images/mainnavBg.png) repeat-x;
}
#mainNav li li:first-child{
  border-left:0;
}
#mainNav li li a{
  width:100%;
  height:40px;
  padding:0 0 0 ;
  line-height:40px;
  font-size:95%;
  text-align:left;
}
#mainNav li li.current-menu-item a{
  font-weight:bold;
}
#mainNav li li:hover{
  background:#a49868 url(https://okamoku.jp/zakka/images/mainnavBg.png) repeat-x 0 100%;
}
#mainNav li:hover li:last-child{
  border:0;
}
}
/* オリジナル
------------------------------------------------------------*/
.post01{
  padding:10px;
  border:1px solid #f1f1f1;
  background: #fff;
}
.post01 table{
  border: 1px #a49868 solid;
  border-collapse: collapse;
  border-spacing: 0;
  margin:10px 0 20px;
}
.post01 table th{
  padding:7px 10px 7px 5px;
  border: #a49868 solid;
  border-width: 0 0 1px 1px;
  font-weight:bold;
  color:#fff;
  background:#a49868;
}
.post01 table th a{
  font-weight:bold;
  color:#fff;
  text-decoration : underline;
}
.post01 table th a:hover, a:active{
  font-weight:bold;
  color:#fff;
  text-decoration : none;
}
.post01 table td{
  padding:7px 5px;
  border: 1px #a49868 solid;
  border-width: 0 0 1px 1px;
}
.post01 table.statsDay{
  width : 100%;
}
.post01 table.statsDay td.w30{
  width : 30%;
}
.mb0{
  margin-bottom : 0px;
}
.mb15{
  margin-bottom : 1.5em;
}
.mb30{
  margin-bottom : 3em;
}
.mb40{
  margin-bottom : 4em;
}
.h2title{
  clear:both;
  margin:30px 0 5px;
  padding:5px 0;
  font-size:130%;
  background:url(https://okamoku.jp/zakka/images/border.png) repeat-x 0 100%;
}
h3.first{
  margin-top:0;
  padding-top : 0px;
}
.widget h3.b140{
  clear:both;
  margin:0 0 10px;
  padding:5px 0;
  font-size:140%;
  font-weight : bold;
  color: #333;
  border-bottom:1px solid #ccc;
}
.u{
  text-decoration : underline;
}
.b{
  font-weight : bold;
}
.center{
  margin-left : auto;
  margin-right : auto;
  clear : both;
  width : 100%;
}
.f120{
  font-size : 120%;
}
.f140{
  font-size : 140%;
}
.footer_nav{
  margin-bottom : 30px;
}
.footer_nav ul{
  font-size: 0;
  padding-top : 4px;
  padding-left : 4px;
  padding-right : 4px;
  padding-bottom : 4px;
  border-width : 1px;
  border-style : dotted;
  border-color : #ffffff;
}
.footer_nav li{
  background-color : transparent;
  display: inline-block;
  width : 20%;
  font-size : 14px;
  text-align : center;
  color : #ffffff;
}
.footer_nav li a{
  color : #ffffff;
}
.footer_nav li a:hover, a:active{
  color : #ffffff;
  text-decoration : underline;
}
.cal-news p{
  clear:both;
  padding-bottom:2px;
  border-bottom: 1px solid #ccc;
}
.cal-news p:last-child{
  border:0;
}
.cal-news p a{
  padding:5px 0;
  color:#333;
  text-decoration : underline;
}
.cal-news a span{
  color:#a49868;
}
.cal-news span{
  padding-left:10px;
}
.cal-news a:hover span{
  color:#a49868;
}
.ggmap{
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/* googleカレンダー可変
------------------------------------------------------------*/

.googlecal{
    position:relative;
    padding-bottom:56.25%; /* 16:9 の場合 56.25%，4:3 の場合 75% */
    width:100%;
    height:0;
    overflow:hidden;
}
.googlecal iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
}


/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
  #mainNav .inner{
  width:100%;
}
#mainNav{
  clear:both;
  width:100%;
  margin:0 auto;
  padding:0;
  background:url(https://okamoku.jp/zakka/images/footerBg.png);
}
#mainNav a.menu{
  width:100%;
  display:block;
  height:35px;
  line-height:35px;
  text-align:left;
  color:#fff;
  background:url(https://okamoku.jp/zakka/images/menuOpen.png) no-repeat 10px 4px;
}
#mainNav a#menu span{
  padding-left:35px;
}
#mainNav a.menuOpen{
  background:url(https://okamoku.jp/zakka/images/menuOpen.png) no-repeat 10px -38px;
}
#mainNav a:hover#menu{
  cursor:pointer;
}
nav .panel{
  display: none;
  width:100%;
  position: relative;
  right:0;
  top:0;
  z-index:1;
}
#mainNav ul{
  margin:0 0 20px;
  padding:0;
}
#mainNav ul li{
  float: none;
  clear:both;
  width:100%;
  height:auto;
  line-height:1.2;
}
#mainNav ul li a,#mainNav ul li.current-menu-item li a{
  display: block;
  padding:15px;
  text-align:left;
  color:#fff;
}
#mainNav ul li a span{
  display:none;
}
#mainNav ul li a:hover,#mainNav ul li.current-menu-item > a,#mainNav ul li a:active, #mainNav ul li li.current-menu-item a, #mainNav ul li.current-menu-item li a:hover, #mainNav ul li.current-menu-item li a:active{
  background:#5f573c;
}
#mainNav ul li li{
  float:left;
  border:0;
}
#mainNav ul li li a, #mainNav ul li.current-menu-item li a, #mainNav ul li li.current-menu-item a{
  padding-left:30px;
  font-size:90%;
}
#mainNav ul li li a, #mainNav ul li.current-menu-item li a, #mainNav ul li li.current-menu-item a{
  padding-left:40px;
  background:url(https://okamoku.jp/zakka/images/sub1.png) no-repeat 20px 18px;
}
#mainNav ul li li.current-menu-item a,#mainNav ul li li a:hover, #mainNav ul li.current-menu-item li a:hover{
  background:#5f573c url(https://okamoku.jp/zakka/images/sub1.png) no-repeat 20px -62px;
}
#mainNav ul li li:last-child a{
  background:url(https://okamoku.jp/zakka/images/subLast.png) no-repeat 20px 20px;
}
#mainNav ul li li.current-menu-item:last-child a,#mainNav ul li li:last-child a:hover,#mainNav ul li.current-menu-item li:last-child a:hover{
  background:#5f573c url(images/subLast.png) no-repeat 20px -65px;
}
nav div.panel{
  float:none;
}
#mainImg{
  background:none;
}
#header ul li a,#header ul li a:hover{
  background-position:0 50%;
}
#wrapper, #header, .inner{
  width:100%;
}
#header h1, #header p{
  padding:5px 10px;
}
#header h2{
  padding:20px 10px 0;
}
#header ul{
  padding:20px 10px 10px;
}
#mainNav ul, .thumbWrap{
  margin:0 auto;
}
#mainNav ul ul{
  padding:0;
}
nav div.panel{
  float:none;
}
#mainImg img{
  width:94%;
  height:auto;
}
#content, #sidebar{
  clear:both;
  width:95%;
  float:none;
  margin:0 auto;
  padding:20px 0 10px;
}
#banners{
  width:100%;
  margin:0 auto;
  text-align:center;
}
#banners p{
  display:inline;
  margin:0 1% 0 0;
}
#banners p img{
  width:46%;
  height:auto;
}
.thumbWrap{
  width:100%;
  margin:10px auto 0;
  text-align:center;
}
.thumbWrap ul.thumb li{
  width:30%;
  float:left;
  margin:0 1% 0 2%;
}
.thumbWrap img{
  width:100%;
  height:auto;
}
#footerWrapper{
  width:95%;
  margin:0 auto;
}
#footer aside{
  float:none;
  width:100%;
}
#calendar_wrap table{
  margin:0 auto;
  width:300px;
}
}
/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
  #header{
  text-align:center;
}
#header h2,#header h1,#header p,#header ul{
  float:none;
}
#headerInfo{
  width:250px;
  margin:0 auto;
}
#footer ul{
  text-align:left;
  padding:15px;
}
#footer ul ul{
  padding:0;
}
}
/* 幅330px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 330px){
  #calendar_wrap table{
  width:100%;
}
#banners p img{
  width:46%;
  height:auto;
}
}