/*
Theme Name: きいねっとWordPress
Author: 株式会社サイバーリンクス
Author URI: http://www.cyber-l.co.jp/
Description: 和歌山市教育情報ネットワーク「きいねっと」ウェブサイトテーマ
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kiinet
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

KiinetTheme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Customize Style
# Module
 ## Font Style 
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust:     100%;
font-size:62.5%;
overflow-y: scroll;
box-sizing: border-box;
}
body {
margin: 0;
background:#fff;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.75;
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
color: #333;
}

*,*:before,*:after {	box-sizing: inherit;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {	display: block;}
audio,canvas,progress,video {	display: inline-block;	vertical-align: baseline;}
audio:not([controls]) {	display: none;	height: 0;}
[hidden],template {	display: none;}
a {	background-color: transparent;}
a:active,a:hover {	outline: 0;}
abbr[title] {	border-bottom: 1px dotted;}
b,strong {	font-weight: bold;}
dfn {	font-style: italic;}
h1 {	font-size: 2em;	margin: 0.67em 0;}
mark {	background: #ff0;	color: #000;}
small {	font-size: 80%;}
sub,sup {	font-size: 75%;	line-height: 0;	position: relative;	vertical-align: baseline;}
sup {	top: -0.5em;}
sub {	bottom: -0.25em;}
img {	border: 0;}
svg:not(:root) {overflow: hidden;}
figure {	margin: 1em 40px;}
hr {	box-sizing: content-box;	height: 0;}
pre {	overflow: auto;}
code,kbd,pre,samp {	font-family: monospace, monospace;	font-size: 1em;}
button,input,optgroup,select,textarea {	color: inherit;	font: inherit;	margin: 0;}
button {	overflow: visible;}
button,select {	text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {	-webkit-appearance: button;	cursor: pointer;}
button[disabled],html input[disabled] {	cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {	border: 0;	padding: 0;}
input {	line-height: normal;}
input[type="checkbox"],input[type="radio"] {	box-sizing: border-box;	padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {	height: auto;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {	-webkit-appearance: none;}
fieldset {	border: 1px solid #c0c0c0;	margin: 0 2px;	padding: 0.35em 0.625em 0.75em;}
legend {	border: 0;	padding: 0;}
textarea {	overflow: auto;}
optgroup {	font-weight: bold;}
table {	border-collapse: collapse;	border-spacing: 0;}
td,th {	padding: 0;}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,button,input,select,optgroup,textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}
h1,h2,h3,h4,h5,h6 {	clear: both;}
p { margin-top: 0;	margin-bottom: 1.5em;}
dfn,cite,em,i {	font-style: italic;}
blockquote {	margin: 0 1.5em;}
address {	margin: 0 0 1.5em;}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code,kbd,tt,var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;}
abbr,acronym {	border-bottom: 1px dotted #666;	cursor: help;}
mark,ins {	background: #fff9c0;	text-decoration: none;}
big {	font-size: 125%;}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
blockquote:before,
blockquote:after,
q:before,
q:after {	content: "";}
blockquote,q {	quotes: "" "";}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul,ol {	margin: 0 0 1.5em 0; padding-left: 25px;}
ul {	list-style: disc;}
ol {	list-style: decimal;}
li > ul,li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {	font-weight: bold;}
dd {	margin: 0 1.5em 1.5em;}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
figure {	margin: 1em 0;}
table {	margin: 0 0 1.5em;	width: 100%;}
table th {background-color: #efefef;}
table th,table td {padding: 8px;}

@media print,screen and (max-width:768px) {
 .tblrwd > tbody > tr,.tblrwd > tbody > tr > td {display: block; width: 100%;}
 .tblrwd,
 .tblrwd > tbody > tr >td {width: 100% !important;}
}
.entry-meta {
	font-size: 12px;
	text-align:right;
	margin-top:0;
	margin-bottom:0;
  border-bottom: 1px solid #ccc;
}
.entry-footer{
	text-align:right;
	font-size: 12px;}
.comments-link,
.edit-link{ border-left:1px solid #999; margin: 0 10px; padding-left: 10px;}
.edit-link a{
color: #FFF;
background: #666;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
padding: 0 8px;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {	border-color: #ccc #bbb #aaa;}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {	border-color: #aaa #bbb #bbb;}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}
select {	border: 1px solid #ccc;}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {	color: #111;}
textarea {	width: 100%;}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*
## Links
--------------------------------------------------------------*/
a {	color: royalblue;}
a:visited {}
a:hover,a:focus,a:active {color: midnightblue;}
a:focus {outline: thin dotted;}
a:hover,a:active {outline: 0;}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {	outline: 0;}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right:16px;
	margin-bottom: 10px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 16px;
	margin-bottom: 10px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
#footer:before,
#footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
#footer:after {clear: both !important;}
.clear{clear: both !important;}


/*----------------------------------------------- 
# Header
----------------------------------------------- */
.site-header {
	position: relative;
	z-index: 9997;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-right: 22px;
	margin-left: 22px;
}
.site-branding{padding-bottom:15px;}
.custom-logo-link {
	margin-top: 1em;
	margin-right:0.8em;
	display:inline;
	float:left;
}
.site-title {
	display: inline-block;
	line-height: 1.2;
	margin: 0;
	width: 70%;
	padding-top: 14px;
}
.site-title a {
	color: #111;
	font-size: 28px;
	font-weight: bold;
	line-height: 36px;
	text-decoration: none;
}
.site-title a:hover, .site-title a:focus, .site-title a:active {	color: #1982d1;}
.site-description {
	font-weight: bold;
	color: #7a7a7a;
	font-size: 14px;
	margin: 0 ;
}

/*
	search-form
---------------------------------------*/
.site-header .search-form {
	position: absolute;
	top:20px;
	right:0;
	text-align: right;
	z-index: 1;
}
.site-header .search-field {
	font-size: 14px;
	padding-left: 24px;
	background: url(images/search.png) no-repeat 2px 4px;
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 80px;
}
.site-header .search-field:focus {background-color: #f9f9f9;width: 196px;}
.site-header  .search-submit {	display: none;}
/* #content */
#content .search-form .search-field {	width: 100%;background: url(images/search.png) no-repeat right 50%;}
#content .search-form #s:focus {background-color: #f9f9f9;width: 196px;}
#content .search-form .search-submit {	display: none;}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.menu-toggle {display: none;}
.Gnav {display: block; clear: both;}
.main-navigation ul {
	padding:0;
	margin: 0 auto;
	font-size: 0;
	background: #f9fcff;
	background: -moz-linear-gradient(top, #f9fcff 0%, #e5e5e5 49%, #d6d8db 51%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9fcff), color-stop(49%, #e5e5e5), color-stop(51%, #d6d8db));
	background: -webkit-linear-gradient(top, #f9fcff 0%, #e5e5e5 49%, #d6d8db 51%);
	background: -o-linear-gradient(top, #f9fcff 0%, #e5e5e5 49%, #d6d8db 51%);
	background: -ms-linear-gradient(top, #f9fcff 0%, #e5e5e5 49%, #d6d8db 51%);
	background: linear-gradient(top, #f9fcff 0%, #e5e5e5 49%, #d6d8db 51%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcff', endColorstr='#d6d8db', GradientType=0 );
}
.main-navigation ul li {
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	display: inline-block;
	cursor: pointer;
  position: relative;
}
.main-navigation ul li:after{
  content: "";
  display: block;
  width: 1px;
  height:20px;
	border-right: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 8px;
}
.main-navigation li:first-child:{	right: 0 !important;}
.main-navigation ul a {
	display: block;
	padding:8px 10px;
	min-height: 34px;
	line-height: 1.3;
	text-decoration: none;
	color: #000;
	transition: .5s;
}
.main-navigation ul li:hover,
.main-navigation ul li.current-menu-parent,
.main-navigation ul li.current-menu-item{	transition: .5s;}
.fixed {
	position: fixed !important;
	z-index: 9999;
	top: 0px;
	left: 0;
	width: 100%;
}
/* Small menu. */
.menu-toggle,.main-navigation.toggled ul {display: block;}
@media screen and (min-width:769px) {
.menu-toggle {display: none;}
.main-navigation .Gnav {display: block;}
}
/* Gnav 2nd menu */
.main-navigation ul ul,
.main-navigation ul ul ul {display: none;position: absolute;top:34px;left:0;z-index:1;}
.main-navigation ul li:hover > ul,
.main-navigation ul li:hover ul li:hover > ul{ display:block;}
.main-navigation ul ul li{
	min-width: 200px;
	text-align: left;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.main-navigation ul ul li:first-child{border-top: 1px solid #ccc;}
.main-navigation ul ul li:after,.main-navigation ul ul li:first-child:before{ display:none;}
.main-navigation ul ul ul {left: 100%;top: 0;}
.main-navigation ul ul a {
	background: #f9f9f9;
	color: #444;
	font-size: 0.9em;
	font-weight: normal;
	height: auto;
	line-height: 1.4;
	padding: 10px 10px;
}
.main-navigation li:hover a, .main-navigation ul ul :hover a, .main-navigation a:focus {background: #efefef;}
.main-navigation .current-menu-item a, .main-navigation .current-menu-ancestor a, .main-navigation .current_page_item a, .main-navigation .current_page_ancestor a {font-weight: bold;}

.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation {	margin: 0 0 1.5em;	overflow: hidden;}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous {	float: left;	width: 50%;}
.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next {	float: right;	text-align: right;	width: 50%;}	
.nav-links{ border-top: 1px solid #eee; font-size:11px;}
.nav-previous:before{ content: "<< "}
.nav-next:after{ content: " >>";}
/*
	headerImg
---------------------------------------*/
#headerImg{text-align: center; background: #FFF;}
#headerImg img{
  width: 100%;
	display: block;
	margin: 0 auto;}

/*
　#breadcrumb
------------------------------*/
#breadcrumb{
	clear:both;
	color:#666;
	background-color:#efefef;
	height:26px;
	padding:5px 12px;
	list-style: none;
	font-size:12px;
}
#breadcrumb a{text-decoration: none;}

/*
 Pagenation
---------------------------------------*/
.pagination {
  clear: both;
  padding: 20px 0 0;
  position: relative;
  font-size: 14px;
  line-height: 14px;
	width: 100%;
	margin-left: 0;
	text-align: center;
}
.pagination li{
	display: inline-block;
	width: 30px;
	margin-left: 5px;
	margin-bottom: 5px;
}
.pagination li a,
.pagination li .current{
	display: block;
  padding:8px ;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.pagination li a {
	text-decoration: none;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
}
.pagination li a:hover { background-color: #efefef;}
.pagination li .current {
  background-color: #444;
  border: 1px solid #444;
  color: #fff;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	border: 1px #CCBFBF dotted;
}
.widget-title {
	margin: 0;
	font-size: 14px;
	padding:3px 8px;
	color: #666;
	background: #f9fcff;
	background: -moz-linear-gradient(top, #f9fcff 0%, #e5e5e5 49%, #d6d8db 51%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9fcff), color-stop(49%, #e5e5e5), color-stop(51%, #d6d8db));
	background: -webkit-linear-gradient(top, #f9fcff 0%, #e5e5e5 49%, #d6d8db 51%);
	background: -o-linear-gradient(top, #f9fcff 0%, #e5e5e5 49%, #d6d8db 51%);
	background: -ms-linear-gradient(top, #f9fcff 0%, #e5e5e5 49%, #d6d8db 51%);
	background: linear-gradient(top, #f9fcff 0%, #e5e5e5 49%, #d6d8db 51%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcff', endColorstr='#d6d8db', GradientType=0 );
/*background: #0e0e0e;
background: -moz-linear-gradient(top,  #0e0e0e 0%, #7d7e7d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e0e0e), color-stop(100%,#7d7e7d)); 
background: -webkit-linear-gradient(top,  #0e0e0e 0%,#7d7e7d 100%); 
background: -o-linear-gradient(top,  #0e0e0e 0%,#7d7e7d 100%);
background: -ms-linear-gradient(top,  #0e0e0e 0%,#7d7e7d 100%);
background: linear-gradient(top,  #0e0e0e 0%,#7d7e7d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#7d7e7d',GradientType=0 );*/
}
.widget ul{margin: 0; padding: 0;}
.widget ul ul{margin-left: 10px;}
.widget ul li {
	font-size: 13px;
	list-style: none;
	color: #777;
	border-top:1px dotted #CCBFBF;
}
.widget a{ text-decoration: none;}
.widget ul li a {
	padding:6px 5px !important;
  font-weight: bold;
  text-decoration: none;
  display: block;
}
.widget.widget_categories ul li a,
.widget.widget_archive a{display: inline-block;}
.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
}
.widget .post-date{
	text-align: right;
	padding: 0 5px;
	display: block;
}
.widget.widget_countperday_widget {padding-bottom: 5px;}
.widget.widget_countperday_widget h2{margin-bottom: 5px;}

/* Make sure select elements fit in widgets. */
.widget select {	max-width: 100%;}
.textwidget{margin:5px 6px; font-size: 13px;}
.textwidget p{ margin-bottom: 10px;}
.textwidget p:last-child{margin-bottom: 0;}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*
## Posts and pages
--------------------------------------------------------------*/
.sticky {	display: block;}
.hentry {	margin: 0 0 1.5em;}
.updated:not(.published) {	display: none;}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {	clear: both;	margin: 0 0 1.5em;}

/*
## Comments
--------------------------------------------------------------*/
.comment-content a {	word-wrap: break-word;}
.bypostauthor {	display: block;}

/*
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending #footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending #footer {	display: block;}

/*
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,iframe,object {	max-width: 100%;}

/* Make sure logo link wraps around logo image. */
.custom-logo-link{
	display: inline-block;
	max-width: 60px;
	max-height: 60px;
}

/*
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {	margin: 0.8075em 0;}
.wp-caption-text {	text-align: center;}
/* Twitter */
.widget_twitter li {
	list-style-type: none;
	margin-bottom: 14px;
}
.widget_twitter .timesince {
	display: block;
	font-size: 11px;
	margin-right: -10px;
	text-align: right;
}
.widget select{ width: 100%;border: none; padding: 3px;}

/* Calendar Widget */
.widget_calendar h3.widget-title{	display:none;}
.widget_calendar {
	color: #555;
	margin:0 auto 20px auto;
	text-align: center;
	font-size: 12px;
}
.widget_calendar caption,
.widget_calendar td,
.widget_calendar th {	text-align: center;}
.widget_calendar caption {
	padding-top: 5px;
	font-weight: bold;
	text-transform: uppercase;
}
.widget_calendar table{margin-bottom: 0;}
.widget_calendar table th,
.widget_calendar table td {
	padding: 3px 0 !important;
	width: 14%;	
}
.widget_calendar table th{	background: #f4f4f4;	font-weight: bold;}

/*
## Galleries
--------------------------------------------------------------*/
img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
   /* border: 1px solid #ddd;
   padding: 6px;*/
}
.gallery {	margin-bottom: 1.5em;}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {	max-width: 50%;}
.gallery-columns-3 .gallery-item {	max-width: 33.33333%;}
.gallery-columns-4 .gallery-item {	max-width: 25%;}
.gallery-columns-5 .gallery-item {	max-width: 20%;}
.gallery-columns-6 .gallery-item {	max-width: 16.66667%;}
.gallery-columns-7 .gallery-item {	max-width: 14.28571%;}
.gallery-columns-8 .gallery-item {	max-width: 12.5%;}
.gallery-columns-9 .gallery-item {	max-width: 11.11111%;}
.gallery-caption {display: block;}

/*
# Customize Style
--------------------------------------------------------------*/
/* レイアウト設定
----------------------------------------------- */
#page {
	position: relative;
	border-top: 3px solid #3D2D21;
	border-bottom: 3px solid #3D2D21;
	margin: 20px auto;
	max-width: 1000px;
	width:100%;
	background: #FFF;   
  -webkit-border-radius: 10px;  
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
	border-radius: 10px;
}
#content,
#footer{
max-width: 950px;
width:100%;
margin: 0px auto;
}
#content{
	margin-top: 30px;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
}

/* 2col
---------------------*/
/*左コンテンツ*/
.two-column.right-sidebar #primary {
	order: 1;
	width: 73.684210526%;
}
.two-column.right-sidebar #secondary {
	order: 2;
	width: 23.157894736%;
	margin-left: 3.157894736%;
}
/*右コンテンツ*/
.two-column.left-sidebar #secondary {
	order: 1;
	width: 23.157894736%;
}
.two-column.left-sidebar #primary {
	order: 2;
	width: 73.684210526%;
	margin-left: 2.631578947%;
}
.two-column.right-sidebar #tertiary,.two-column.left-sidebar #tertiary  {display: none;}
/* 3col
---------------------*/
/*3列：左右サイドバー*/
.three-column.content3col #secondary {
	order: 1;
	width: 18.421052631%;
}
.three-column.content3col #primary {
	order: 2;
	width: 58.947368421%;
	margin-left:2.631578947%;
}
.three-column.content3col #tertiary {
	order: 3;
	width: 18.421052631%;
	margin-left:2.631578947%;
}
/*3列：左コンテンツ*/
.three-column.content-sidebar3col #primary {
	order: 1;
	width: 58.947368421%;
}
.three-column.content-sidebar3col #secondary {
	order: 2;
	width: 18.421052631%;
	margin-left:2.631578947%;
}
.three-column.content-sidebar3col #tertiary {
	order: 3;
	width: 18.421052631%;
	margin-left:2.631578947%;
}
/*3列：右コンテンツ*/
.three-column.sidebar-content3col #secondary {
	order: 1;
	width: 18.421052631%;
}
.three-column.sidebar-content3col #tertiary {
	order: 2;
	width: 18.421052631%;
	margin-left:2.631578947%;
}
.three-column.sidebar-content3col #primary {
	order: 3;
	width: 58.947368421%;
	margin-left:2.631578947%;
}

/* 1col
---------------------*/
.one-column.content #primary {width: 100%;}
.one-column.content #secondary,.one-column.content #tertiary  {display: none;}

/* float設定
---------------------*/
/* 50% */
.unit2 {
	float: left;
	width: 49.5%;
	margin-left:1%;
}
.unit2.Fright{
	float: right;
} 
/* 33% */
.unit3 {
	float: left;
	width: 32.6%;
	margin-left:1.1%;
}
/* 25% */
.unit4 {
	float: left;
	width: 24.2%;

	margin-left:1%;
}
.unit2,
.unit3,
.unit4  {position:relative;}
.unit2:first-child,
.unit3:first-child,
.unit4:first-child  {clear:both;margin-left:0 !important;}

/*------------------------------------------------
 =Side Navigation
------------------------------------------------ */
#content nav {
	clear: both;
	overflow: hidden;
	padding: 0 0 1.625em;
}
#content nav a {
	font-size: 12px;
	font-weight: bold;
	line-height: 2.2em;
}
#nav-above {	padding: 0 0 1.625em;}
#nav-above {	display: none;}
.paged #nav-above {	display: block;}

.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content nav .meta-nav {
	font-weight: normal;
}
/* Singular navigation */
#nav-single {
	float: right;
	position: relative;
	top: -0.3em;
	text-align: right;
	z-index: 1;
}
#nav-single .nav-previous, #nav-single .nav-next {
	float: none;
	width: auto;
}
#nav-single .nav-next {	padding-left: .5em;}

/*	セクションアンカー、その他の設定
---------------------------------------*/
.clear {clear: both;}
.skip, .hide {	display: none;}
/*--------------------------------------
  footer
---------------------------------------*/
p.gotop {
	clear: both;
	margin-bottom:0px;
	width: 100%;
	height: 50px;
	position: relative;
}
p.gotop a {
	position: absolute;
	right: 20px;
	top: 30px;
	width: 120px;
	height: 20px;
	background: url(images/common/gotop.gif) no-repeat 0 0;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	outline: none;
}
#footer{
	clear: both;
	border-top: 1px solid #ddd;
	padding-top: 20px;
	overflow: hidden;
}
#footer .site-info{clear: both; text-align:center;font-size: 13px;}
#footer .site-info a{color:#404040; text-decoration: none;}

/* Two Footer Widget Areas */
#footer.two .widget-area {
	float: left;
	margin-right: 2.5%;
	width: 48.1%;
	display:inline;
}
#footer.two .widget-area + .widget-area {	margin-right: 0;}
/* Three Footer Widget Areas */
#footer.three .widget-area {
	float: left;
	margin-right: 2.5%;
	margin-top:1.5em;
	width: 31.6%;
	_width: 30%;
	display:inline;
}
#footer.three .widget-area + .widget-area + .widget-area {margin-right: 0;}

/*--------------------------------------
# Module
---------------------------------------*/
/* アイキャッチ画像の設定*/
.eyecatch{
	float:left;
	display:block;
	padding:0;
	background:#fff;
	margin-right:0.5em;
}

.eyecatch-single{
	margin:1em auto auto auto;
	text-align:center;
}

/*
 ## Font Style 
---------------------------------------*/
h1,h2,h3,h4,h5,h6 {	font-weight:bold;	line-height: 1.4;}
.entry-title {
	clear: both;
	margin-top: 0;
	padding-top: 0.5em;
	padding-bottom: .3em;
	padding-left: 0.5em;
	font-size: 131%;
	border-width:1px 1px 5px 1px;
	border-style:solid;
	border-color: #9F9791 #9F9791 #3D2D21 #9F9791;
	border-radius: 8px;   
  -webkit-border-radius: 8px;  
  -moz-border-radius: 8px;
	behavior: url(/wp-content/themes/two-col/js/PIE.htc);
}
.entry-title a{text-decoration: none;}
.page-title{
	font-size: 18px;
	margin-top: 0;
	padding:4px 8px;
	background: #EEE;
}
ol.other-recent-posts li.entry-title{
	border-top-color: #fff;
	border-right-color: #fff;
	border-left-color: #fff;
	font-weight:bold;
}
ol.other-recent-posts li.entry-title a{	padding-left:1em;}

.entry-content h2 {
	font-size: 131%;
	border-bottom:3px solid #3D2D21;
	margin-bottom:1.2em;
}
.entry-content h3 {
	color:#fff;
	font-size: 120%;
	padding:0.3em;
	padding-left:0.8em;
	_padding-left:0.8em;
	background:#9F9791;
	border-radius: 8px;   
    -webkit-border-radius: 8px;  
    -moz-border-radius: 8px;
	behavior: url(/wp-content/themes/two-col/js/PIE.htc); 
	margin-bottom:1em;
}
* html .entry-content h3 {padding-left:0em; }
.entry-content h4 {
	font-size: 110%;
	border-left:6px solid #9F9791;
	border-bottom:1px dotted #9F9791;
	padding-left:0.5em;
	margin-bottom:0.8em;
}
.entry-content h5 {
	font-size: 100%;
	border-left:3px solid #9F9791;
	padding-left:0.5em;
	margin-bottom:0.8em;
}

ul.link-list li {
	margin-left: .5em;
	padding-left: 1.5em;
	background: url(images/common/list-arr-red.gif) no-repeat 0 center;
}

/* PDFリスト */
a.pdf[href $='.pdf'] { 
	padding: 3px 22px 3px 0;
	background: transparent url(images/common/icon-pdf.gif) no-repeat center right; 
}
* html ul.pdf li a,
* html a.pdf {
	padding: 3px 0 3px 22px;
	background: url(images/common/icon-pdf.gif) no-repeat left center;
}


/* ========== PDFファイルのダウンロード ========== */
.get-adobe-reader {
	padding-top: 10px;
	padding-left: 130px;
	margin-top: 10px;
	font-size: 80%;
	line-height:85%;
	background: url(images/common/line-dot.gif) repeat-x top;
	position: relative;
}
.get-adobe-reader img {
  position: absolute;
  left: 0px;
  top: 10px;
}

/* ========== 定義する用語とその用語の説明を一対にしたリスト ========== */
 
dl.list {
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
dl.list dt {
	font-weight: bold;
}
dl.list dd {
	margin-left: 2em;	/* 用語の説明を2emインデント */
}

/* 定義リストをインラインで表示 */
dl.inline dt {
	width: 5em;
	line-height: 1.5em;
}
dl.inline dd {
	margin-top: -1.5em;
	margin-left: 7em;
	line-height: 1.5em;
}

/* ===== テーブル（表）の設定 ===== */
caption {
	padding-bottom: .5em;
	font-weight: bold;
}
/* テーブル（表）セルを罫線で囲む */
table.table-border {
	width: 100%;
	margin: 0 0 1.5em;
	border-top: 1px solid #d6dae1;
	border-left: 1px solid #d6dae1;
	border-collapse: collapse;
	border-spacing: 0;
}
table.table-border th,
table.table-border td {
	padding:.5em;
	border-right: 1px solid #d6dae1;
	border-bottom: 1px solid #d6dae1;
	background: #fff;
}
table.table-border th {
	font-weight: bold;
	background: #f0f0f0;
}

/* テーブル（表）セルを下線*/
table.table-under {
	width: 100%;
	margin: 0 0 1.5em;
	border-bottom: 1px solid #d6dae1;
	border-collapse: collapse;
	border-spacing: 0;
}

table.table-under th,
table.table-under td {
	padding:.5em;
	border-top: 1px solid #d6dae1;
	background: #fff;
}

table.table-under th {
	font-weight: bold;
	background: #f0f0f0;
}

/*ローカルナビゲーション*/
.local_navigation_widget{	border:none;}
.local_navigation_widget ul.local-navigation{	list-style:none;	border-color:#fff;}
.local_navigation_widget ul.local-navigation li.page_item{	font-size:14px;	border-bottom:1px dotted #999;	border-top:none;}
.local_navigation_widget ul.local-navigation li a{	padding-top:0.5em;	padding-bottom:1em;}

/* ----- Style for Ktai Entry ----- */
.photo {
	padding-right:6px;
	float:left;
	line-height:110%;
	font-size:0.85em;
	text-indent:0;
}
.photo img {
	background:white;
	margin:0 4px 4px 0;
	padding:3px;
	border:1px solid #999;}
.photo-end {clear:left;}

/*Count per Day*/
.widget_countperday_widget ul{border:none !important;}
.widget_countperday_widget ul li{border:none !important;padding: 0 0.5em !important;}

@media screen and (max-width: 768px) {
#body{min-width: 320px;}
#page {
    border-top: 3px solid #3D2D21;
    border-bottom: 3px solid #3D2D21;
    margin: 0px auto;
    background: #FFF;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
}
/*Basic*/	
table, th, td {	width: auto !important;}
.calendar_wrap table{	width:100% !important;}
.calendar_wrap th,
.calendar_wrap td{width:14% !important;}
/*Layout*/
#content,#footer .row{width: 96%;}
#footer .row{margin:10px auto;}
/* header */
.site-header {
margin-right:12px;
margin-left:12px;
}
.custom-logo-link{display: block; width: 60px; margin:10px auto 10px auto; float: none; text-align: center;}
.site-title{
	clear: both;
	display: block;
  font-weight: bold;
	width: 100%;
	}	
.site-description{font-size: 12px;}
.site-header .search-form {
	position: relative;
	top:auto;	right:auto;
	text-align:center;
}
.site-header .search-field {
	float:none;
	width:200px;
	margin: auto auto 20px auto;
}
.site-header .search-field:focus {width:200px;}
	
/* MainNavi */
#tMenu{
	font-size: 10px;
	text-align:right;
	position: absolute;
	top:39px;
	right:-1px;
	width: 50px;
	height: 12px;
	display: block;
}
.menu-toggle,
.menu-toggle span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-toggle {
  position: absolute;
	top:10px;
	right:10px;
	width: 36px;
	height: 36px;
	background: #fff;
	box-shadow: none;
	border: 1px solid #444;
	z-index: 9999;
}
.menu-toggle:hover{
	border-color:none;
	box-shadow:none;
	cursor:pointer;
	border: 1px solid #444;
}
.menu-toggle span {
	position: absolute;
	left: 6px;
	width: 20px;
	height: 4px;
	background-color: #444;
}
.menu-toggle span:nth-of-type(1) {top:7px;}
.menu-toggle span:nth-of-type(2) {top: 15px;}
.menu-toggle span:nth-of-type(3) {bottom:7px;}
.menu-toggle.active span:nth-of-type(1) {
	-webkit-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);}
.menu-toggle.active span:nth-of-type(2) {opacity: 0;}
.menu-toggle.active span:nth-of-type(3) {-webkit-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}
.menu-toggle:active {border: 0;}
.menu-toggle:hover span {background: #FFF;}
button.menu-toggle:hover{ background: #666;}
.Gnav {
	display:none;
	position: fixed;
	top: 64px;
	right:0px;
	width:100%;
	height:99%;
	z-index:9998;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	border-left: none;
	background: url(images/common/bg_w.png);
	border-top:1px solid #B8CCC9;
}
.menu-mobile-container {
    display: block;
    width: 100%;
    list-style: none;
    margin: 0;
    padding-bottom: 120px;
    z-index: 1;
}
.main-navigation ul {	background: #333;}
.main-navigation ul li {
	display: block;
	width:100%;
	text-align: left;
	border-top: 1px solid #666;
	border-bottom: 1px solid #000;
}
.main-navigation ul li a,.main-navigation ul ul a,
.main-navigation li:hover a, .main-navigation ul ul :hover a, .main-navigation a:focus{
	color: #FFF;
	font-size:16px;
	line-height:1.6;
	padding:5px 15px;
	background: #333;
}
.main-navigation ul li a:hover,
.main-navigation ul ul li:hover a,
.main-navigation ul li.current-menu-item a {	background:#222;}
.main-navigation ul ul li {
  min-width: 200px;
  text-align: left;
	border-top: 1px solid #666;
  border-right:none;
	border-bottom:none;
  border-left: 1px solid #666;
}
.main-navigation ul ul li:first-child {	border-top: 1px solid #666;}
.main-navigation ul ul,
.main-navigation ul ul ul{
	display: block;
	position: relative;
	margin-left: 10px;
	top:auto;
	left:auto;
	width: auto; 
	height: auto !important;}
	.main-navigation ul ul li:last-child,
	.main-navigation ul ul ul li:last-child{
	border-bottom:none;	}
.main-navigation ul li:after,.main-navigation ul li:first-child:before{ display:none;}

	#content{
  display: -webkit-block;
	-js-display:block;
  display:block;
}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous,
.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next {	float:none;	text-align:left;width:100%;}	
.nav-links{ border-bottom: 1px solid #eee; padding: 10px 0;}
.nav-next:after{ content: "";}
.nav-next:before{ content: ">> "}

.two-column.right-sidebar #primary,
.two-column.right-sidebar #secondary,
.two-column.left-sidebar #secondary,
.two-column.left-sidebar #primary,
.three-column.content3col #secondary,
.three-column.content3col #primary,
.three-column.content3col #tertiary,
.three-column.content-sidebar3col #primary,
.three-column.content-sidebar3col #secondary,
.three-column.content-sidebar3col #tertiary,
.three-column.sidebar-content3col #secondary,
.three-column.sidebar-content3col #tertiary,
.three-column.sidebar-content3col #primary {	width: 100%;margin-left:0;}

/*  footer
---------------------------------------*/
p.gotop {	padding-top:25px;}
p.gotop a {
	position: relative;
	right: 0;
	top: 0;
	margin: 0 auto;
}
}

@media screen and (max-width:480px) {
	
.site-title a{font-size: 18px;line-height:1.2 !important;}
/* float */
.unit2,.unit2.Fright,.unit3,.unit4 {	float: none;	margin: 0;	width: 100%;}
}


@media screen and (min-width:769px) {
.Gnav{display: block !important;}
}