@charset "UTF-8";
/*
Theme Name: tijkumiai
Text Domain: tijkumiai
Description: A greyscale theme that follows a nice grid system, and keeps typography in top priority.
Version: 1.3
License: GNU General Public License
License URI: license.txt
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 8.2
Author: sbf
Author URI: https://tij-kumiai.jp
Tags: two-columns, sticky-post
color:rgba(0,50,109,1)
hover:rgba(70,80,108,1)
*/
/* Noto Sans Japanese */

.kakusu{height: 3em;transition: .2s;}
.active{height: 0em;overflow-y: hidden;transition: .2s;}

html { scroll-behavior: smooth;scroll-padding: 50px;
line-height: 180%;
overflow-wrap: break-word;
　　　word-wrap: break-word;}
.gallery .gallery-caption {}	
.commentlist .bypostauthor {}
/* Begin Settings and Classes */
a:visited {}
a:hover {color:#F00;}
a {}
a:hover img{
	opacity: 0.8;
	-moz-opacity: 0.8;
}	
h1 a, h2 a, h3 a, #sitename {}
h1 a:hover, h2 a:hover, h3 a:hover, #sitename:hover {
	text-decoration:none;
	color:#F30;
	}
#top_image{
  background-image : url("images/31908195_m.jpg");  /* 使用する画像を指定 */
}

h1, h2, h3, h4, h5, h6 {
	}
h2, h3, h4 {
	padding-top:2em;
	}
.pagetitle {
	
	}
.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;}

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;
	}
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";}
.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:3px 3px;
text-align:left;
font-style:normal;
}
.post td {background-color:#FFFFFF;
padding:3px 3px;
	}
.post table {
		background-color:#CCCCCC;}
.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;
	}
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

/* Begin Images */	
img.alignleft, .alignleft img {margin-right:10px;}
img.alignright, .alignright img {margin-left:10px;}
.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 Header */	

#header {position: fixed;
top: 0;
	width: 100%;
	z-index: 100;
}
#header_wrap {
	width: 100%;
	padding: 0px;margin: 0;
	background-color: rgba(0,50,109,1);
	color: white;
	text-align: left;
	line-height: 100%;
}
#header_wrap_inner {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	height: 100%;
	padding: 1em 0;
}
#header_phone {background-image: url("images/phone.png");background-repeat: no-repeat;background-position: left center;background-size: 15px 15px;display: inline-block;padding:0 18px;}
#header_mail {background-image: url("images/mail.png");background-repeat: no-repeat;background-position: left center;background-size: 18px 15px;display: inline-block;}
#header_mail a{padding-left: 20px; color: white; text-decoration: none;}
#header_annai {float: right; }
#header_annai a{color: white; text-decoration: none;display: inline-block; margin-left: 1em;vertical-align: text-top;}
#header_toiawase {background-color: white; color:rgba(0,50,109,1)!important; padding: .2em 1em;margin-top: -.3em;}


#header_mail a:hover,#header_annai a:hover{text-decoration: underline;}


#header_logo_left{
	width: 272px;
	height: 50px;
	float: left;
	background-image: url("images/logo3.svg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 250px auto;
}
#header_logo_left a{display: block;height: 100%;}
.clear {
	clear:both;
	height:0;
	line-height:0;
	}
/*----- 右 ヘッダー・ナビゲーション -----*/

#header_nav_wrap {width: 100%;background-color: rgba(255,255,255,1);
	text-align: right;
line-height:100%;
	mix-blend-mode: multiply;
margin: 0; padding: 10px 0;}
#header_nav_inner {width: auto;max-width: 1000px;margin: 0 auto;padding: 0px;
	line-height:100%;
	
	}

#header_nav {
  margin: 0px;  /*-- nav 位置 --*/
  padding: 0px;
		line-height:100%;
	font-size: 90%;
}

#header_nav ul {
  display: inline-block;
  margin: 0 auto 0 auto;
}

#header_nav li {
  display: inline-block;
  list-style-type: none;
  color: rgba(108,110,112,1);
	border-left: solid 0px rgba(108,110,112,1);
	margin: 0px;transition: all .5s;
}

#header_nav li a {
  display: table-cell;
vertical-align: middle;
  padding:.6em .5em .2em .5em;
  color: rgba(108,110,112,1);
  line-height:100%;
  text-decoration: none;
  height: 2.4em;
	text-align: center;
	transition: all .2s;
}

#header_nav li a:hover {
  color: rgba(108,110,112,1);
  background-color: rgba(200,200,200,.5);
	text-decoration: underline;
}
/*----- 縦の区切り線がある時 -----*/
#header_nav .home {
  border-left: none;
}
#header_nav ul li ul li  {display: block;border-top: rgba(255,255,255,1) solid 1px;transition: all .5s;}
#header_nav ul li ul li  a {width: 14em;padding: 0;transition: all .5s;}
#header_nav ul li ul li a:hover {background-color: rgba(0,50,109,1);}
#header_nav > a
    {display: none;transition: all .5s;}
    #header_nav li
    {position: relative;}
 
    /* first level */
   #header_nav > ul
    {transition: all .5s;}
   #header_nav > ul > li
        {text-align: center;transition: all .5s;}
 
    /* second level */
    #header_nav li ul
    { display: none;
        position: absolute;transition: all .5s;
        top: 100%; }
    #header_nav li:hover ul
        {display: block;
		width: 14em; padding: 0px;
			background-color: rgba(70,80,108,1);
			
		}


/* End Header */
#searchform {width:180px;}
#username {width:180px;}
#password {width:180px;}
#searchsubmit { margin-bottom:-6px; margin-left:-2px;}
		
/* Begin Content */	

/* --- トップページ画像の横スクロール ----- */

@keyframes rotation {
  0% { background-position: left center;}
50% {  background-position:right center; }
                /* 使用する画像幅と画像高さのpxに変更ください */
 100% { background-position: left center; }
}








#right_link {
  width: 40px;
	height: 50px;
  position: fixed;
  right: 10px;
	bottom: 0;}
#right_link a{
	text-decoration: none;
}

#top_six {text-align: center;max-width: 960px; width: 100%;margin: 30px auto;}
.top_six_box {display: inline-block;max-width: 280px; width: 100%;text-align: left; line-height: 180%; margin: 0 20px 20px 20px;}
.top_six_box h3{margin: 0; padding: 0; font-weight: normal;}
.top_six_box_inner {display:block;padding: 10px 0;height: 6em; overflow-y: hidden;text-align: justify;
text-justify: inter-ideograph;color: rgba(108,110,112,1);}
.top_six_box_link {display:block;padding: 10px 0;}
.top_six_box_link a{text-decoration: none; color: rgba(0,173,238,1);}





.topic{max-width: 150px; width: 90%; height: 150px; border: rgba(146,148,159,1) solid 1px; display: block;text-align: center;font-size: 90%; }
.topic_inner{width:130px; height: 140px;line-height: 140%; display:table-cell; text-align: center;vertical-align: middle; padding: 10px 10px 0px 10px;overflow: hidden; }
.topic_inner a{display: block; text-decoration: none;color: rgba(146,148,159,1);padding-top: 1em;}
.topic_inner a:hover{text-decoration: underline;}

#index_glay_back {width: 100%; background-size: cover;margin: 100px 0;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
  background-image : url("images/top20.jpg?date=202507");  /* 使用する画像を指定 */}
#index_glay {width: 100%; 
	background-color:rgba(208,210,211,0);padding:80px 0; text-align: center; color: white;min-height: 120px; }



#index_glay a{ display: inline-block; background-color: rgba(0,50,109,1);margin-top: 1em; padding:5px 1em; text-align: center;color: white; text-decoration: none;transition: .3s all linear;}
#index_glay a:hover {background-color: rgba(0,0,0,1);}







#footer_logo {
	background-image: url("images/logo.svg");background-position: left top; background-repeat: no-repeat;background-size: 30px 30px;
	padding:5px 10px 23px 50px;min-height: 50px;line-height: 140%; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";letter-spacing: .1em;
}
#footer_logo span{font-size: 200%; font-weight: bold;display: block;padding:0 0 10px 5px;
}


#page_content,#content_narrow {width: 100%; max-width: 1000px; margin: 0 auto 100px auto;min-height: 60vh;}





.content  {
	width:100%;
	display:block;
	padding:5px 0px}

#content h1, .post h1 {
	
	}

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

	

#sideb-r  ul {
	margin:0px;
	padding:0px;
	display:block;
}
#sideb-r  li {
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
}
#sideb-r  img {
	margin-bottom:10px;
}
#sideb-r .widgettitle {}


.children {
	}
	

.post {
		margin-bottom:40px;
		}
		
.sticky, .byuser {display:none;}
.byuser {display:none;}
.bubble  {display:none;}
	
.entry_top p {margin:0px; padding:0px;}
.entry_top .loopexp {display:none;}

.entry {}

.entry p {
clear:both;
width:100%;
display:block;
			}

	
	
.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/icons.gif) no-repeat 0 -60px;
			padding-left:22px;
			padding-right:22px;
			display:block;
			float:left;
			height:22px;
			overflow:hidden;
		}
.navigation .alignright a {
			background:url(images/icons.gif) no-repeat 100% -30px;
			padding-right:22px;
			padding-left:22px;
			display:block;
			float:right;
			height:22px;
			overflow:hidden;

		}

/* Begin Comments */		
.commentlist {}
.commentlist li {}
.commentlist li.alt {}
.commentmetadata, .comment-author {}
.comment-author {}
.avatar {}
#commentform {}
#commentform input, #commentform textarea {}
#commentform textarea {}
#commentform #submit {}
/* End Comments / End Content */


/* Begin Page List */		
#nav {margin-right: auto; margin-left: auto;}
#nav ul{text-align:center;}
#nav li {display:inline;  list-style:none;}
#nav li a:hover {background-color:#EDEDED;}		
#nav li a {color:#666; text-decoration:none; border-right:#666 solid 1px; padding:0px 3px;}
#nav li a:hover, #nav li.current_page_item a, #nav li.current_page_parent a {}
/* End Page List */
.page_item {
	
}

/* Begin Footer */
#footer {
	width:100%;
}

#copyright {width: 100%; max-width: 940px; margin: 0 auto; text-align: center; }


/* End Footer / End Structure */
			

/* Begin Calendar */
#wp-calendar {empty-cells: show; margin: 5px auto; width:100%;}
#wp-calendar th {text-align:center;}
#wp-calendar caption {text-decoration: none; font-size: x-small; text-align: center; width: 100%;}
#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; }
.businessday {background-color:#EDEDED !important;}
/* End Calendar */

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

.widgettitle {
	margin:0px;
	padding:20px 0px 5px 0px;
	}
.breadcrumbs {
	display:block;
	padding:50px 0 0 0;
	max-width: 1000px;
	margin: 10px auto;
	width: 100%;
	}
.textwidgetbox {
	width:100%;
	display:block;
	padding: 0px 0px 10px 0px;
}
.error_message {
	color:#F20B0F;
	font-size:medium;
	text-decoration:underline;
	font-weight:bold;
	background-color:#F7F5E4}




/* ナビゲーション */
.tablenav {
    color: rgba(0,50,109,1);
	font-size:1.1em;
    background:white;
    margin: 1em auto;
    line-height:1.2em;
    text-align: center;
	}
 a.page-numbers, .tablenav .current {
    color: rgba(0,50,109,1);
    padding: 0px .3em;
    border:solid 1px rgba(0,50,109,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(0,50,109,1);
}
 .tablenav .current {
    color: white;
    background: rgba(0,50,109,1);
    border-color: rgba(0,50,109,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;
}
#form {
	display:block;
	padding:1em;
	padding-top:5em;
	}
.otoiawase {padding:1em;
background-color:#DFFFBF;
border:#00BF60 solid 2px;
	border-radius: 15px;        /* CSS3草案 */  
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 15px;   /* Firefox用 */
		margin-bottom:2em;}
.otoiawase dl { clear:both;padding:0; margin:0; border-bottom:#FFFFFF solid 1px; display:block; list-style:none;}
.otoiawase dt {border-top:#FFFFFF solid 1px; }
.otoiawase dt { float:left; padding:.5em 0;
clear:both;
display:block;
    width:30%;
    font-weight:bold; margin:0;border-top:#FFFFFF solid 1px;}
.otoiawase dd { float:left;display:block;  padding:.5em 0; width:70%;margin:0; border-top:#FFFFFF solid 1px;}		
.updated { text-align:right; font-size:x-small; display:block; width:100%; line-height:1em; float:left; padding-top:0px;}
.post-author{ text-align:right; font-size:x-small; display:block; width:100%; line-height:1em; float:left; padding-bottom:30px;}
.hcard .vcard { }
.author{text-align:right; font-size:x-small; display:block; width: 100%; line-height:1em; float: inherit; padding:0 0 30px 0;}
.top_updated { text-align:right; font-size:x-small; display:block; width: 100%; line-height:1em; float: inherit; padding:0;}




/* アイコン */



body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #000;
-webkit-text-size-adjust: 100%;

}











/*テーブル整形*/
.kaisha {
width: 100%;
}
table.kaisha  {
border-spacing: 0;
border-top:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 0px;
	border-left:#ccc solid 0px;
}
.kaisha th,
.kaisha td {
padding: 20px;
border-top:#ccc solid 0px;
	border-right:#ccc solid 0px;
	border-bottom:#ccc solid 1px;
	border-left:#ccc solid 1px;
}
.kaisha td {
	text-align: left;
}

.kaisha th {
	width: 30%;
font-weight: bold;
background-color: #ededed; 
}



@media screen and (max-width:999px){
	#right_link{display: none;}
	#header {position: inherit;}
}





@media screen and (max-width: 481px) {
.kaisha th,
.kaisha td, 
.kaisha_tr{
display: block;
	width:auto;
	  word-wrap : break-word;
  overflow-wrap : break-word;
}
.yoko_scroll{overflow-x: scroll; border-right: #ededed double 1px;}
}

/*コンタクトフォーム7の送信ボタン*/
.wpcf7-submit{
	width:100%;
	border-radius:20px;
	background:#f3f3f3;
	color:#000;
	border:none;
	margin:0 auto;
	padding:10px;
	display:block;
	box-sizing:border-box;
}

@media screen and (min-width: 1000px){
body {
padding: 0;
margin: 0;
}
#contents { 
	width: 100%;
	margin:45px 0 0 0px;
	padding:0;
 }
#page_content,#content_narrow {margin-top:100px;}
#content  {
	display: block;
	max-width: 600px;
	width: 100%;
	float: left;
	padding-right: 0px;
	padding-bottom: 20px;
	}
#sideb-r {
	float: right;
	max-width: 260px;
	width: 100%;
	line-height:120%;
}

#sideb-menu{
	margin-bottom:10px;
}
#sideb-menu a:hover {
	background-color: white;
}
#sideb-menu a{
	display: block;
	text-decoration: none;
	padding: .5em 0;
}
#sideb-txt{
	margin-bottom:10px;
}
#rogo {display: block;float: left;width: 27%;margin: -24px 0 -100px 0;}
#top_image{
height: 90vh;
	display    : block;
	background-size: cover;
	background-attachment:inherit;
	background-position: center;
	background-color: cornflowerblue;
	background-repeat: no-repeat;
	}
#top_image_txt{ 
  max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	height: 60vh;
}
#top_image_txt p{
	color: white;
	text-shadow: 2px 2px 1px #000;
	font-weight: bold;
	margin: auto auto 0 30px;
	line-height: 130%;
}
#top_image_txt_small{font-size: 144%;line-height: 160%;}
#top_image_txt_big{font-size: 248%;line-height: 160%;}
#top_image_txt_big span {margin-left: -.5em;}
	
.top_imageandtxt {max-width:920px; width: 100%;margin: 0 auto;}
.top_imageandtxt_img {float: right; max-width:420px; width: 100%;}
.top_imageandtxt_txt {float: left; max-width:470px; width: 100%;text-align: left;}
.top_imageandtxt_txt h2 {font-weight: normal; font-size: 130%;margin:0px 0 10px 0; padding: 0px; color: rgba(0,50,109,1);}
.top_imageandtxt_txt hr {width: 50px;margin: 0 auto 10px 0;height: 2px; background-color: rgba(0,50,109,1);}
.top_imageandtxt_txt div {width: 100%; font-size: 90%; }
.top_imageandtxt_txt a {display: inline-block; border: rgba(0,50,109,1) solid 1px; text-decoration: none; color:rgba(0,50,109,1); padding: 3px 10px; margin-top: 1em;width: 10em; text-align: center;}
.top_imageandtxt_txt a:hover {background-color: rgba(100,100,100,.1);}
	
#footer_wrap {background-color: rgba(230,231,231,1);width: 100%;padding: 0;}
#footer_inner {width: 100%; max-width: 1000px; margin: 0px auto;text-align: left;padding: 25px 0;color: rgba(108,110,112,1);line-height: 130%;}
#footer_menu {display: inline-block;width: 60%; vertical-align: text-top;font-size: 78%;}
#footer_menu h4{margin: 0; padding: 0;}
#footer_info {display: inline-block; text-align: left; color:rgba(108,110,112,1);width: 39%;vertical-align: text-top;font-size: 78%;}
.footer_box {display: inline-block; text-align: left; color:rgba(108,110,112,1);width: 50%;vertical-align: text-top;}
.footer_box a{display: block; text-align: left; color: rgba(108,110,112,1);text-decoration: none;margin: 0em 0;}
.footer_box a:hover{text-decoration: underline;background-color: rgba(255,255,255,.5);}
	
	
}
@media only screen and (max-width:999px)  and (min-width:481px) {
#contents { 
	width: 100%;
	margin:0px;
	padding:0;
 }
#content  {
	display: block;
	width: 100%;
	padding-bottom: 20px;
	}
#sideb-r {
	display: block;
	width: 100%;
	padding-bottom: 20px;
}
#sideb-menu a:hover {
}
#sideb-menu a{
	display: block;
	width: 30%;
	margin: 5px;
	float: left;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	padding: .5em 0;
}
#sideb-txt a {
	display: block;
	width: 30%;
	margin: 5px;
	float: left;
	text-align: center;
}
#rogo {display: block;float: left;width: 27%;margin: -24px 0 -30px 0;}
#top_image {height: 500px;position  : relative;
	display    : block;
	background-size: cover;
	background-attachment:inherit;
	background-position: center;
	background-color: cornflowerblue;
	background-repeat: no-repeat;
 }
#top_image_txt{ 
  max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	height: 500px;
}
#top_image_txt p{
	color: white;
	text-shadow: 2px 2px 1px #000;
	font-weight: bold;
	margin: auto auto auto 30px;
	line-height: 130%;
}
#top_image_txt_small{font-size: 144%;line-height: 160%;}
#top_image_txt_big{font-size: 248%;line-height: 160%;}
#top_image_txt_big span {margin-left: -.5em;}

.boxString span{
  display: inline-block;
}
.boxString{
  display    : block;
  color      : #fff;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .1em;
	padding-top: 100px;
	text-align: center;
	line-height: 160%;
}
	
.top_imageandtxt {max-width:920px; width: 100%;margin: 0 auto;}
.top_imageandtxt_img {width: 100%;}
.top_imageandtxt_txt {width: 100%;text-align: left;}
.top_imageandtxt_txt h2 {font-weight: normal; font-size: 130%;margin:0px 0 10px 0; color: rgba(0,50,109,1);}
.top_imageandtxt_txt hr {width: 50px;margin: 0 auto 10px 0;height: 2px; background-color: rgba(0,50,109,1);}
.top_imageandtxt_txt div {width: 100%; font-size: 90%; }
.top_imageandtxt_txt a {display: inline-block; border: rgba(0,50,109,1) solid 1px; text-decoration: none; color:rgba(0,50,109,1); padding: 3px 10px; margin-top: 1em;width: 10em; text-align: center;}
.top_imageandtxt_txt a:hover {background-color: rgba(100,100,100,.1);}
	
#footer_wrap {background-color: rgba(230,231,231,1);padding: 1em;}
#footer_inner {width: 100%; max-width: 1000px; margin: 0px auto;text-align: left;padding: 25px 0;color: rgba(108,110,112,1);line-height: 130%;}
#footer_menu {display: inline-block;width: 100%; vertical-align: text-top;font-size: 78%;}
#footer_menu h4{margin: 0; padding: 2em 0 0 0;}
#footer_info {display: inline-block; text-align: left; color:rgba(108,110,112,1);width:100%;vertical-align: text-top;font-size: 78%;}
.footer_box {display: inline-block; text-align: left; color:rgba(108,110,112,1);width: 50%;vertical-align: text-top;}
.footer_box a{display: block; text-align: left; color: rgba(108,110,112,1);text-decoration: none;margin: 0em 0;}
.footer_box a:hover{text-decoration: underline;background-color: rgba(255,255,255,.5);}	
	

}
@media screen and (max-width:480px){
#contents { 
	width: auto;
	margin:0px;
	padding:1em;
 }
#page_content,#content_narrow {display: block;
	width: 100%;
	padding-bottom: 20px;}
#content  {
	display: block;
	width: 100%;
	padding-bottom: 20px;
	}
#sideb-r {
	display: block;
	width: 100%;
	padding-bottom: 20px;
}

#sideb-menu a:hover {
}
#sideb-menu a{
	display: block;
	margin: 5px 0;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	padding: .5em 0;
}
#rogo {display: block;float: left;width: 27%;margin: -24px 0 -0px 0;}
	
#top_image {height: 300px;position  : relative;
	display    : block;
	background-size: cover;
	background-attachment:inherit;
	background-position: center;
	background-color: cornflowerblue;
	background-repeat: no-repeat;
 }
#top_image_txt{ 
  max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	height: 300px;
}
#top_image_txt p{
	color: white;
	text-shadow: 2px 2px 1px #000;
	font-weight: bold;
	margin: auto auto auto 30px;
	line-height: 130%;
}
#top_image_txt_small{font-size: 110%;line-height: 160%;}
#top_image_txt_big{font-size: 160%;line-height: 160%;}
#top_image_txt_big span {margin-left: -.5em;}
	
.boxString span{
  display: inline-block;
}
.boxString{
  display    : block;
  color      : #fff;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .1em;
	padding-top: 100px;
	text-align: center;
	line-height: 160%;
}
	
.top_imageandtxt {max-width:920px; width: 100%;margin: 0 auto;}
.top_imageandtxt_img {width: 100%;}
.top_imageandtxt_txt {width: 100%;text-align: left;}
.top_imageandtxt_txt h2 {font-weight: normal; font-size: 130%;margin:0px 0 10px 0; color: rgba(0,50,109,1);}
.top_imageandtxt_txt hr {width: 50px;margin: 0 auto 10px 0;height: 2px; background-color: rgba(0,50,109,1);}
.top_imageandtxt_txt div {width: 100%; font-size: 100%; }
.top_imageandtxt_txt a {display: inline-block; border: rgba(0,50,109,1) solid 1px; text-decoration: none; color:rgba(0,50,109,1); padding: 3px 10px; margin-top: 1em;width: 10em; text-align: center;}
.top_imageandtxt_txt a:hover {background-color: rgba(100,100,100,.1);}
	
#footer_wrap {background-color: rgba(230,231,231,1);padding: 1em;}
#footer_inner {width: 100%; max-width: 1000px; margin: 0px auto;text-align: left;padding: 25px 0;color: rgba(108,110,112,1);line-height: 180%;}
#footer_menu {display: inline-block;width: 100%; vertical-align: text-top;font-size: 100%;}
#footer_menu h4{margin: 0; padding: 2em 0 0 0;}
#footer_info {display: inline-block; text-align: left; color:rgba(108,110,112,1);width:100%;vertical-align: text-top;font-size: 100%;}
.footer_box {display: inline-block; text-align: left; color:rgba(108,110,112,1);width: 100%;vertical-align: text-top;}
.footer_box a{display: block; text-align: left; color: rgba(108,110,112,1);text-decoration: none;margin: 0em 0;}
.footer_box a:hover{text-decoration: underline;background-color: rgba(255,255,255,.5);}	
}



/*スマホメニュー*/
@media only screen and (min-width: 680px) {
#nav-drawer {display:none;}
}

@media only screen and (max-width: 679px) {
#header_nav ul,#header_wrap {display: none;}

#nav-drawer { display: block;
 position: fixed;
  top: 0;
	right: 0;
  width: 50px;
	height: 40px;
  padding: 10px 0 0 0;
  text-align: center;
  border: none;
  background-color: rgba(255,255,255,.5);
  z-index: 10000;
}

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

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

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 30px;/*長さ*/
  border-radius: 3px;
  background: rgba(0,50,109,1);
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 9999;
  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: 999999;/*最前面に*/
  width: 80%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
line-height: 200%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}
#nav-content a {display: block;padding: .5em; border-bottom: #ccc solid 1px;margin: 1em 0;}
.menu-item-41 a {
    background-color: rgba(255,0,4,.2);
}
/*チェックが入ったらもろもろ表示*/
#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);
}

}

/*
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
*/