@charset "UTF-8";
/*
Theme Name: tatsunokougei
Text Domain: tatsunokougei
Description: A greyscale theme that follows a nice grid system, and keeps typography in top priority.
Version: 1.1
License: GNU General Public License
License URI: license.txt
Requires at least: 6.0
Tested up to: 8.0
Requires PHP: 7.1
Author: tatsunokougei
Author URI: https://www.tatsuno-k.com/
Tags: two-columns, sticky-post
color:rgba(8,96,168,1)
*/


html {}

.commentlist {
}
/* Begin Settings and Classes */
a {
	color:rgba(8,96,168,1);
	}
a:hover img{
	opacity: 0.5;
	-moz-opacity: 0.5;
}	
a:hover {
	color:#F00;
	}
a:visited {
	color: #5A0087;
	}	
h1 a, h2 a, h3 a {
	color:#343434;
	text-decoration: none;
	}
		
h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration:none;
	color:#F30;
	}

h1, h2, h3, h4, h5, h6 {clear: both;
	}
h1 {font-size: 150%;margin: 1.5em 0 0 0;}
h2 {}

.entry h2 {
	padding: 10px 0 7px 10px;
	background-color: rgba(8,96,168,.1);
	border: rgba(8,96,168,.5) solid 1px;
	border-radius: 5px;
	margin-top: 50px;
}

/* 見出し２で固定ヘッダーに隠れないため */
.entry_h2top {
	height: 104px;
}

h3 {
	padding-bottom: 10px;
	margin-bottom: 0px;
}

.entry { font-size: 100%; line-height: 194%;min-height: 60vh;
			}
.entry p {padding-bottom: 1em;}



.tittle {max-width: 250px;width: 100%; margin: 0 auto 10px auto; text-align: center; line-height: 110%; }	
.tittle h2 span {border-top: #808080 solid 1px;width: 100%;display: block;font-size: 74%;padding: 5px 0; }
	
.pagetitle {
	margin-bottom:20px;
	display:block;
	}
	
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}	
.caps {text-transform:uppercase;margin-bottom:6px;display:block;}
code {font: 1.1em "Courier New", Courier, Fixed;}	
pre {font: 1.1em "Courier New", Courier, Fixed;margin:1.5em;padding:10px;background:#fafafa;border:1px solid #eee;}
acronym, abbr {font-size: 0.9em;letter-spacing: .07em;}
blockquote {margin-left:-21px;padding-left:21px;background:url(images/quote.gif) no-repeat 0 6px;color:#343434;}
.entry cite {font-style:italic;font-size:.9em;display:block;margin:0;text-align:right;}
.entry cite:before {content: "\2014 \0020";}

hr {
	clear:both;
	height:1px;
	border:none 0;
	color:#ccc;
	background-color:#ccc;
	margin:1.5em 0;
	}
	
img {
	border:none;
	max-width:100%;
	height: auto;
	}

		
.post ul, .post ol, .post dl {}		
.post ul ul , .post ol ol, .post ul ol, .post ol ul, .post dl dl, .post dl ul, .post dl ol {}
.post li {}
.post ul li {}
.post ol li li {}
.post li li {}
.post li h3 {}



.post th {
	background-color:#EEEEEE;
font-weight:normal;
padding:10px 5px;
text-align:left;
font-style:normal;
}
.post td {background-color:#FFFFFF;
padding:10px 5px;
	}
.post table {
		}
		
.post dt {
	
}

.post dd {

}
		
.clear { 
	clear:both;
	height:0;
	line-height:0;
	}
.nocomments {clear:both;height:0;line-height:0;
	}		
.alignleft {
	float:left;
	}
	
.alignright {
	float:right;
	}
	
.aligncenter, div.aligncenter, img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.wp-caption.alignleft {float: none;display: inline-block;line-height: 140%;vertical-align: text-top;padding: 0 8px 16px 8px;}
.wp-caption.alignleft a{margin-bottom: 0;padding-bottom: 0;}
.wp-caption.alignleft img {margin-bottom: 0;padding-bottom: 0;}
.wp-caption.alignleft p{margin: 0; padding: 0; min-height: 3em;}

.wp-caption, .attachment img {text-align: center;}
.wp-caption p.wp-caption-text {font-size: .9em;color:#666666;margin: 0;}
.attachment, .caption {text-align:center;}
.attachment img {}
/* End Images / End Settings and Classes */

/* Begin Structure */
body {
	margin:0;
	padding:0;
	color:rgba(64,63,65,1);
	text-align:left;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 160%;
	-webkit-text-size-adjust: 100%;}
	


/* Begin Header */



#searchform {
	width:200px;
}


#header_wrap {
	padding: 0px;
	margin: 0px;text-align: center;

}
#header {width: 100%;
	min-height: 84px;text-align: center;
padding: 5px 0;
	position: fixed;
	background-color: white;
	z-index: 1;
}
#header_logo{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
#header_logo img{ max-width: 180px;width: 100%; height: auto;
	margin: 0px;padding: 0;

}
#sengen{display: block; max-width: 46px;width: 100%; height: 30px;float: right; top: 0; padding: 10px 10px 0 0;}
#sengen img{width: 100%; height: auto;}
#sengen_logo{ max-width: 46px;width: 100%; height: 30px;float: right; top: 0; padding: 10px 10px 0 0;}
#sengen_logo img{width: 100%; height: auto;}

.frontpagetxt { width: 100%; text-align: center;
	font-size: 186%;
	display: block;
	color: white;
 text-shadow:1px 1px 1px black;
	font-weight: bold;
	padding-top: 20vh;
	line-height: 200%;
}
.frontpagetxt_p h3 {font-size: 148%;}

.slider_span {display: block; width: 100%;
max-width: 1000px; margin: 10px auto; height: 100px;text-align: left;}
.slider_span img {width:250px ;height:auto;filter: drop-shadow(1px 1px 1px #000);}

#header_gd {position: fixed;z-index: -1;
background:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.2));height: 134px;width: 100%;
}


#header_menu_wrap {width: 100%;padding: 3px 0 0px 0;
}
#header_menu {text-align: center;
	width: 100%;
}
#header_menu ul{
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	overflow-x: auto;  /* 横スクロールの指定 */
  white-space: nowrap;  /* 横スクロールの指定 */
  overflow-scrolling: touch;  /* スクロールを滑らかにする */
  -webkit-overflow-scrolling: touch;  /* スクロールを滑らかにする */
}

#header_menu li{
	display: inline-block;flex-shrink: 0;
	padding: 0;
	vertical-align: middle;
	
	text-align: center;
}

#header_menu a:hover{
	text-decoration: underline;
}
#header_menu a{text-align: center;
	display: inline-block;
	width: 125px;
	color: #666;
	text-decoration: none;
	line-height: 140%;
}

.slide_menu_wrap {width: 100%;padding: 0;
	margin: 0;
	background-color: rgba(0,0,0,.4);
	display: block;position: absolute; 
	height: 50px;
bottom: 0px; 
}
.slide_menu {text-align: center;
	width: 100%;
}
.slide_menu ul{
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	overflow-x: auto;  /* 横スクロールの指定 */
  white-space: nowrap;  /* 横スクロールの指定 */
  overflow-scrolling: touch;  /* スクロールを滑らかにする */
  -webkit-overflow-scrolling: touch;  /* スクロールを滑らかにする */
}

.slide_menu li{
	display: inline-block;flex-shrink: 0;
	padding: 0;
	vertical-align: middle;
	
	text-align: center;
}

.slide_menu a:hover{
	text-decoration: underline;
}
.slide_menu a{text-align: center;
	display: inline-block;
	width: 125px;
	color: white;
	text-decoration: none;
	line-height: 140%;
	padding-top: 5px;
}



#searchsubmit {
	float:right;
    width: 20px; height: 20px;margin-top: -20px;margin-right: -2em;
	}
/* End Header */

		
/* Begin Content */	

#contents {padding: 124px 0;
	width: 100%;
    margin: 0;
	z-index: -10;
	
	
 }

#breadcrumbs {
	margin: 0 auto;
	max-width: 1000px;
	padding: 10px 0;
	}


#content,#content_arcive,#content_second, #content_third, #content_fourth,#content_single {
	margin: 0 auto;
	max-width: 1000px;
	padding-bottom: 20px;
	}
#content_single {
	}
#content_top {
	}
.content {padding-left: 1em;}




.entry_top {display: block;
    width: 235px;
    text-align: left;
	margin: 0 5px 20px 5px;
			}
.entry_top span{margin-bottom: 5px;
			}
.entry_top img{
			}
.entry_top p{padding: 0;margin: 0; line-height: 120%;}
.entry_top_img {
    display: block;
		width:100%;
		height:160px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color:#E6E7E7;
			}
.entry_top_wrap {display: inline-block;vertical-align: text-top;}

.entry_top a {color: black;
	text-decoration: none;
display: block;
	
}

.entry_top_img_wrap {display: block;position: relative;
    width: 100%;z-index: 0;}
.entry_top_img_wrap:before {
    content:"";
    display: block;
}


.top_notice {display: block;text-align: left;padding: 7px 0;border-bottom: #B3B3B3 solid 1px;}
.top_notice_date {display: inline-block;}
.top_notice_txt {display: inline-block;}


#top_link  { width:100%;display: block; text-align: center;padding: 22px 0 10px 0;}
#top_link a {display: inline-block; padding: 1em 1em; }



form input {font-size: 100%; width: 100%;}
form option {font-size: 100%; }
form select {font-size: 100%; }
form textarea {font-size:xx-large; width: 100%; height:5em; }

table p {
margin:-0px;
	padding:0px;
}

.fudousan_table th{width: 7em;background-color: #EDEDED;}
.fudousan_table td{background-color: white;}
	
#sideb-r {
	float:right;
	width:180px;
	padding-right:30px;
    display: none;
}
#sideb-r  ul {
	margin:0px;
	padding:5px 0px;
}
#sideb-r  li {
	margin:0px;
	padding:0px;
	list-style:none;
}
#sideb-r  img {
	margin-bottom:10px;
}
#sideb-r  .cat-item {
	padding-left:1em}


		
.sticky, .byuser {border:5px solid #f9f9f9 !important;margin:-10px -10px 40px -50px;background:url(images/sticky.gif) no-repeat 597px 5px;padding:5px 5px 5px 45px;}
.byuser {margin-left:-52px;padding-left:47px;background:url(images/author.gif) no-repeat 599px 5px;}
.bubble  {display:none;float:left;margin:0px;background:#343434 url(images/comments.gif);width:30px;height:29px;line-height:19px;color:#fff;text-align:center;}
.bubble:hover {color:#666666;}


#otoiawase_form {
	
}
#otoiawase_form dl{width: 100%;
	display: block;font-size: 18px;
}
#otoiawase_form dt{max-width: 8em;width: 30%;
	display: inline-block;vertical-align:middle;
}
#otoiawase_form dd{width: 70%;
	display: inline-block;vertical-align: middle;
}

#otoiawase_form input{width:100%;
    padding: 11px; 
    font-size: 18px;
    border-radius: 5px;
    border: 1px solid rgba(146,148,150,1);
    box-sizing: border-box;
}
#otoiawase_form textarea{width:100%;
    padding: 3px; 
    font-size: 18px;
    border-radius: 5px;
    border: 1px solid rgba(146,148,150,1);
	box-sizing: border-box;}
#otoiawase_form_submit {width: 12em; margin: 0 auto;}
#otoiawase_form .button {
  display: inline-block;
  font-size: 18px; 
  text-align: center; 
  cursor: pointer;
  padding: 12px 12px;
  background: rgba(47,97,168,1);
  color: #ffffff;
  line-height: 1.4em;
  transition: .3s;
	margin: 1em 0;
}
#otoiawase_form .button:hover {
  color: #000066;
  background: #ffffff;
}

#otoiawase_form .checkbox {width: 1em;}


#gaiyou dl{width: 100%;
	display: block;
}
#gaiyou dt{max-width: 8em;width: 30%;
	display: inline-block;vertical-align:top;
}
#gaiyou dd{width: 70%;
	display: inline-block;vertical-align: top;
}



.child_nav {
	display: block;
	text-align:right;
	border-bottom:#EDEDED solid 1px;
	margin-bottom:2em}		
	.navigation {
	margin:10px 0px;
	text-transform:uppercase;
		}
		
	.post .navigation {
	border:solid #e6e6e6;
	border-width:1px 0px 0px 0px;
	padding:30px 0;
	}
	
	.attachment .navigation {
		height:150px;
	}
		
		.navigation .alignleft a {
			background:url(images/icons2.gif) no-repeat ;
			background-position: left center;
			padding-left:22px;
			padding-right:22px;
			display:block;
			float:left;
		}
		
		.navigation .alignright a {
			background:url(images/icons1.gif) no-repeat ;
			background-position: right center;
			padding-right:22px;
			padding-left:22px;
			display:block;
			float:right;
		}

/* Begin Comments */		
.commentlist {margin-top:20px;}
.commentlist li {list-style:none;margin-bottom:30px;border-bottom:1px solid #e6e6e6;}
.commentlist li.alt {}
.commentmetadata, .comment-author {font-size:.9em;}
.comment-author {}
.avatar {float:left;display:block;margin:0px;}
#commentform {padding-bottom:10px;}
#commentform input, #commentform textarea {width:147px;border:1px solid #e6e6e6;background:#f9f9f9;font-size:11px;padding:2px 3px 3px;}
#commentform textarea {width:500px;}
#commentform #submit {width:150px;border:none;background:#343434;font-size:11px;padding:0;color:#fff;font-size:12px;cursor:pointer;padding:2px 0 3px;}
/* End Comments / End Content */


/* Begin Page List */		
#nav {
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	}
#nav ul{
        display: inline-block;
        margin: 0 ; padding: 0;
		}
	#nav li {
	display:inline-block; 
	list-style:none;
        margin: 0; padding: 0;
		}
#nav li a:hover {
	text-decoration: underline;
			}		
		#nav li a {
            display: block;
			color:white;
			text-decoration:none;
			padding:5px 1.2em;
            
			}
			
		#nav li a:hover, #nav li.current_page_item a, #nav li.current_page_parent a {
			
			}
/* End Page List */
/* ナビゲーション */
.tablenav {
    color: rgba(8,96,168,1);
	font-size:1.1em;
    background:white;
    margin: 1em auto;
    line-height:1.2em;
    text-align: center;
	}
 a.page-numbers, .tablenav .current {
    color: rgba(8,96,168,1);
    padding: 0px .3em;
    border:solid 1px rgba(8,96,168,1);
    text-decoration:none;
    font-size:smaller;
	font-weight:bold;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */
}
 a.page-numbers:hover {
    color:white;
    background: rgba(8,96,168,1);
}
 .tablenav .current {
    color: white;
    background: rgba(8,96,168,1);
    border-color: rgba(8,96,168,1);
    font-weight:bold;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */
}
 .tablenav .next, .tablenav .prev {
    border:0 none;
    background:transparent;
    text-decoration:underline;
    font-size:smaller;
    font-weight:bold;
}


/* Begin Footer */




#footer {
	width: 100%;margin-top: -8px;
	background-color: rgba(8,96,168,1);
	color: white;
	padding: 15px 0 30px 0;
}

#footer_menu {
	max-width: 1000px;
	margin: 0 auto;
	width: 90%;
	text-align: left;
	border: rgba(0,173,238,1) solid 1px 0;
}
#footer_menu div{
	display: inline-block;
	max-width: 500px;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
.link_aki {display: inline-block;margin-top: 10px;}
#footer_menu a:hover{
	text-decoration: underline;
}
#footer_menu a{
	color: white;
	text-decoration: none;
	padding: 2px 0px;
}
#footer_guide {display: block;width: 100%;padding: 20px 0 240px 0;}

#footer_guide a {display: inline-block; background-color: white; color: black;  border: black solid 1px; border-radius: 5px; padding: 2px 5px 1px 5px; line-height: 120%;}
#footer_guide a:hover {background-color: rgba(230,230,230,1);}


#footer_logo {
	width: 200px; height: auto;
	margin: 30px 0px 0px 0px;
}

#copyright { padding: 10px; text-align: left; display: inline-block; vertical-align: bottom; }
#copyright a {color: white; }





/* End Footer / End Structure */
			

/* Begin Calendar */
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 260px;}
#wp-calendar th {text-align:center;color:#343434;}
#wp-calendar caption {text-decoration: none;font-weight:bold;font-size:1.1em;text-align: center;width: 100%;color:#343434;}
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar a {text-decoration: none;display: block;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}
#wp-calendar td {padding: 3px 0;text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }

.clearmain {
	clear:both;
	height:0;
	line-height:0;
}


.widgettitle{
	display: none;	
	}
/* End Calendar */

.more a{display: block; border: #FF6E8C solid 1px; padding: 2px; border-radius: 15px; color: #FF6E8C; margin: 1em auto 0 auto; width: 6em; text-decoration: none;text-align: center;}



.textwidgetbox {
	float: left;
	padding: 0px 0px 10px 0px;
}


.center {text-align: center;}




/*  */


/* Begin Images */	
img.alignleft, .alignleft img {
    margin-top: .5em;
	margin-right:1em;
    margin-bottom: 1em;
	}
	
img.alignright, .alignright img {
    margin-top: .5em;
	margin-left:1em;
    margin-bottom: 1em;
	} 




/* Begin content */
.w100 {
	dclear:both;
	width:100%;
	padding-bottom:15px}



.w50 {
	float: left;
	width: 50%;
	padding-bottom: 15px
}
.w80 {
	float: left;
	width: 80%;
	padding-bottom: 5px
}
.w90 {
	float: left;
	width: 90%;
	padding-bottom: 5px
}
.w20 {
	float: left;
	width: 20%;
	padding-bottom: 5px
}
.w720 {
	margin:  0 auto;
	max-width:720px;
	padding-bottom:15px}
.w350 {
	float: left;
	width: 350px;
	padding: 0px 10px 10px 0px;
}
.w235 {
	float:left;
	width:235px;
	padding:0px 5px 5px 0px;}
.w175 {
	float:left;
	width:175px;
	padding:0px 5px 5px 0px;}
.w10px {padding:25px;}





.style10 {font-size: 9px}
.style20 {color: #CC0066}

.font_large {
	font-size: 1.7em;
	line-height: 1.2em;
}
.color_white {
	background-color: #FFF;
	border-right: #fff solid 10px;
}
.color_red {
	color: #F00;
}


.right {
	float:right}
.left {
	float:left}
.txt_center{text-align: center}
.clear {
	clear:both;
	height:0;
	line-height:0;
	}





@media screen and (min-width:1000px)  {
#nav-drawer {display:none;}

}

	

@media screen and (max-width:999px){
.frontpagetxt { 
	font-size: 126%;
	
}
	
.alignleft,.alignright {
	clear: both;
	float:none;
	display: block;
	max-width: 300px;
	width: 100%;
	margin: 0 auto!important;
	}
.entry_top {
    width: 150px;
			}
.entry_top p{display: none;}
	
.entry {margin: 0 auto; width: 95%;}
#header_menu {display: none;}

#otoiawase {width: 90%; margin: 0 auto;}

#nav-drawer {text-align: center; }
.footer_fifty{
max-width: 1000px;}


/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 70px;
  height: 70px;
 margin-left: 7px;
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 7px;/*線の太さ*/
  width: 60px;/*長さ*/
  border-radius: 5px;
  background: #ccc;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -16px;
}
#nav-open span:after {
  bottom: -32px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
    text-align: left;
  z-index: 9999;/*最前面に*/
  width: 70%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}
	#nav-content li {padding: 1em 0;}
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
	#footer_menu ul{
	display: block;
	max-width: 500px;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
	#footer_menu a{margin: 1em 0;
}
}
/*
Whatever your hand finds to do, do it with all your might,
for in the grave, where you are going, there is neither
working nor planning nor knowledge nor wisdom.
Ecclesiastes 9:10
*/

/*
Tammy Hart
www.tammyhartdesigns.com
*/