/*
Theme Name: kyoei_recruit1_2014
Theme URI: http://lotfile.com/
Author:ts
Description: 2014.07作成
Template: LF_Basic
*/

@import url("../LF_Basic/style.css");

/*+基本
-------------------------------------------------------------*/
body, h1, h2, h3, p, ul, li, ol,address,pre {
  color:#333; /*文字色は333*/
}
body{
background-color:#fff; 
}
#container {
	margin-top:10px;
	border:none;
/*	border-left:solid 1px #777;
	border-right:solid 1px #777;*/
}
/*+ヘッダ 
-------------------------------------------------------------*/
p#desc {
	background-color:rgba(255,255,255,0.9);
}

/*++ナビゲーション 
-------------------------------------------------------------*/
div.menu,
*.menu-page_nav-container{
background-color:#00459B;
}
#h_nav {
	margin: 10px 0px 0px 0px;
}
#h_nav div {
	background-color:#f8f7f0;
	border-radius: 0;
	border: 1px solid #7e7d7b;
	overflow:visible;/*リストメニューが見えるようにするため*/
	height:57px;/*リストメニュー用高さ設定*/
	width:auto;
}


#h_nav .menu ul li a:hover,
#h_nav ul.menu li a:hover,
#h_nav ul.menu li a:hover span{
background-color:#2487FF;
color:#fff ;
}

#h_nav div ul.menu li a{
	padding: 12px 0px;
	width:124px;	
	border-right: 1px solid #7e7d7b;
	line-height:1;
	color:#666;
}

#h_nav div ul.menu li.menu-item-has-children > a{
pointer-events:none;
}


#h_nav ul.menu li a:hover ,
#h_nav .menu ul li.current-page-ancestor > a,
#h_nav .menu ul li.current-page-ancestor > a span,
#h_nav .menu ul li.current_page_item > a,
#h_nav ul.menu li.current-page-ancestor > a,
#h_nav ul.menu li.current-page-ancestor > a span,
#h_nav ul.menu li.current-menu-item > a,
#h_nav ul.menu li.current-menu-item > a span{
background-color:#2487FF;
color:#fff;
}

#h_nav ul.menu li a span{
display:block;
padding-bottom:5px;
color:#000;
font-weight:bold;
font-size:16px;
}
#h_nav ul li#menu-item-201 a,
#h_nav ul li#menu-item-20 a
 {
	padding-bottom:24px !important;
	}
/*+++リストメニュー
-------------------------------------------------------------*/
#h_nav ul.menu > li.menu-item{
position: relative;
}
#h_nav ul.sub-menu{
position: absolute;
	top:57px;
	left:-1px;
	display:none;
}
#h_nav .sub-menu li{
	float:none;
}
 
#h_nav div ul.sub-menu li a{
	background-color:#f8f7f0;
	width:124px;
	color:#000;
	border:solid 1px #000;
	border-bottom:none;
}
#h_nav ul.sub-menu li:last-child a{
	border-bottom:solid 1px #000;
}

#h_nav ul.menu > li:last-child > a {
	border-right: none;
	width:128px;	
}

#h_nav li.menu-item-has-children:hover ul.sub-menu,
#h_nav ul.sub-menu:hover{
	display:block;
}


/*++ぱんくずリスト 
-------------------------------------------------------------*/
header nav.breadcrumbs a{
	color:#333;
}

/*+コンテンツ 
-------------------------------------------------------------*/
p#desc,
#main{
	background-color:rgba(255,255,255,0.7);
}


/*++目次と日付
-------------------------------------------------------------*/
p.date,
#table-of-contents div{
	background-color:#d7d7d7;
	color:#333;
}
p.date{
	color:#000;
}
#index-of-contents ul li{
	list-style-image:url("images/list.png");

}
/*++見出し
-------------------------------------------------------------*/

article h1{
	padding-top:0px;
	padding-left: 2rem;
	line-height:60px;
	background-image:url("images/midashi0.jpg");
	background-repeat:no-repeat;
	background-color:#fff;
	color:#000;
	font-size:1.3rem;
	margin-bottom:1rem;
	border-radius:0px;
}
article h1.gazo{
background-image:none;
	padding-left: 0px;
	height:60px;
	border:none;
}

.home article h1{
	background-image:url("images/h1.jpg");
	background-repeat:no-repeat;
}
.single article h1 {
	line-height:65px;
}

article h2{
	color: #000;
	padding:0px;
	padding-left:20px;
	/*background-image:url("images/h2.gif");
	background-repeat:no-repeat;*/
	background-color:#F8F7F0;
	font-size:18px;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:10px;
	border-radius:0px;
	line-height:50px;
}
article h2 span:before{
content:"■";
color:#2487FF;
}

.home article h2{
	padding:0;
	padding-left: 20px;
	line-height:45px;
	background-color:transparent;
	background-image:url("images/h2.gif");
	background-repeat:no-repeat;
	background-color:#318A5A;
	color:#fff;
}

article h3{
	/*border-left:solid 5px #9E120A;
	border-bottom:dotted 1px #9E120A;*/
	padding-bottom:0px;
	border-left:none;
	padding-left:15px;
	color: #008CD6;
	font-size:18px;
}
#post-15 article h4{
clear:none;
}

/*++本文
-------------------------------------------------------------*/
article p, article li, article pre {
	font-size:15px;
	line-height:1.8;
}
article p, article div {
	margin-left: 20px;
	margin-right: 20px;
}


/*++強調・引用
-------------------------------------------------------------*/

strong{
color:#000;
}

em{
	background-color:#F7E6B9;
}

pre{
	background-color:#FBFADB;
	border:solid 1px #ccc;
}

#post-15 article strong{
font-size:20px;
font-family:serif;
}

blockquote{
background-color:#F8F7F0;
margin-right:20px;
}

/*++イメージ 
-------------------------------------------------------------*/
article img{
margin-top:0px;
margin-bottom:15px;
}

img.alignleft {
	margin-right: 20px;
}
img.alignright {
	margin-left: 20px;
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
article a img {
	border: 0;
	padding: 0;
	border-radius: 0;
	margin-left: 0;
}

.info-banner {
	margin: 10px 0;
	clear: both;
}


article p.wp-caption-text{
font-size:14px;
}
table.image td{padding:0px;border:0 !important;text-align:left;}

/*++リスト
-------------------------------------------------------------*/
article ul li{
	list-style-image:url("images/list.gif");
}
article li {
	margin-left:20px;
	padding-left:0px;
	list-style-position:inside;
}


/*++リンク 
-------------------------------------------------------------*/
article a{
color:#0361AC;
text-decoration:none;
}
article a:hover{
text-decoration:underline;
}
article a:visited{
color:#AB039D;
}
article a:hover img{
opacity:.6;
}

/*++テーブル 
-------------------------------------------------------------*/
article th{
background-color:#F8F7F0;
border:solid 1px #E9E9E9;
}
article td{
border:solid 1px #E9E9E9;
}
table.image td{padding:0px;margin-left:0px;}
table.image tr{padding:0px;margin-left:0px;}

table.gyomu-table{
margin:0px;
padding:0px;
width:570px;
}
table.gyomu-table img{
margin:0px;
padding:0px;
}
.timeschedule article{

}
.timeschedule article table{
padding-top:0px;
margin-top:0px;
margin-right:0px !important;
padding-right:0px !important;
margin-bottom:15px;
width:330px;
}
.timeschedule article table th{
text-align:left;
width:120px;
}

.timeschedule article table caption{
font-weight:bold;
color:#008CD6;
padding-top:0px;
margin-top:0px;
}

/*++ブログトップ （Index.php）
-------------------------------------------------------------*/
li.blog_title .date{
	background-color:#F5EFAC;
}

/*++トップページ
-------------------------------------------------------------*/
.home article table{
margin:0px;
border:none;
width:100%;

}

.home article table tr td{
	padding:0px;
border:none !important;
}

.home article table tr td a:hover img{
	opacity: .6;
}


/*++座談会
-------------------------------------------------------------*/
#post-21 article p.clearboth{
clear:both;
}


/*++シングル
-------------------------------------------------------------*/
p.date a{
	color:#000;
}



/*+サイドバー 
-------------------------------------------------------------*/
aside nav{
margin-bottom:8px;
}



/*++ウィジェット 
-------------------------------------------------------------*/
aside li.widget {
background-color:#404040;
	color:#fff;
}
aside h2.widgettitle{
background-color:#0B0109;
color:#fff;
}

aside li.widget ul a{
	color:#fff;
}

/*+++最新情報
-------------------------------------------------------------*/
aside li.widget_recent_entries ul li{
	border-bottom:dotted 1px #ccc;
}
aside li.widget .date{
	background-color:#E16817;
	color:#fff;
}

/*++サイドメニュー
-------------------------------------------------------------*/
aside nav {
background-color:#404040;
color:#fff;
}


aside .widget_nav_menu li a,
aside nav li a{
color:#fff;
}
aside .widget_nav_menu li a:hover,
aside nav li.current-menu-item a:hover,
aside nav li a:hover{
	background-color:#5f5f5f;
	color:#fff;
}

aside nav li.current-menu-item a{
	background-color:#000;
	color:#fff;
}

aside li.menu-item-object-page > a{
	color:#fff;
}
aside ul li.widget a{
	color:#fff;
}

/*++追加分
-------------------------------------------------------------*/

aside li.widget {
	background: #f8f7f0;
	color: #221815;
	border: 1px solid #7e7d7b;
	border-radius: 0;
}
aside li.widget_search {
	line-height: 1;
}
aside li.widget_search form {
	padding: 10px 0;
}
aside li.widget_search input {
	vertical-align: middle;
}
aside li.widget_search input[type="text"] {
	border: 1px solid #574f4c;
	padding: 2px;
}
aside li.widget_search input[type="submit"] {
	background: #898989;
	border: 1px solid #574f4c;
	color: #fff;
}
aside .post-date {
	color: #221815;
}
aside h2.widgettitle {
	background: #898989;
	color: #fff;
	border-radius: 0;
	padding: 4px 10px 4px 15px;
}
aside li.widget ul li a,
aside li.linkcat ul li a,
aside nav div ul.menu li a {
	color: #221815;
}
aside nav {
	background-color: #f8f7f0;
	color: #221815;
	border: 1px solid #7e7d7b;
	border-radius: 0;
}
nav.sub ul.menu li a {
	color: #221815;
}
aside nav li {
	padding-left: 0;
	color: #221815;
	border-top: 1px solid #595757;
	line-height: 35px;
}
aside .widget_nav_menu li a, 
aside nav li a {
	padding: 0 0 0 15px;
	color: #221815;
	line-height: 35px;
}
aside .widget_nav_menu li a:hover,
aside nav li.current-menu-item a:hover,
aside nav li a:hover {
	background-color :#fff;
	color: #008cd6;
	position: relative;
}
aside nav ul.menu li.current-menu-item a {
	background-color: #fff;
	color: #008cd6;
	position: relative;
}
aside nav li a:hover:before,
aside nav li.current-menu-item a:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	border-left: 10px solid #008cd6;
	z-index: 50;
}

/*++ランダムフォト
-------------------------------------------------------------*/
#random_photo{
margin-bottom:10px;
}

/*+フッター
-------------------------------------------------------------*/

footer {
	border-top:solid 1px #9E120A;
	background-color:#9E120A;
	color:#fff;
}
/*++メニュー
-------------------------------------------------------------*/

footer ul li {
	color: #fff;
	margin-bottom:7px;
}

footer  a{
	color: #fff;
}

footer li.current-menu-item a{
	color:#fff;
}
/*++アイコン
-------------------------------------------------------------*/
.page-template-simple_footer_page-php footer,
.home footer{
	height:50px;
	background-image:url("images/footer_logo.png");
	background-repeat:no-repeat;
	background-position: 20px 10px;
}
.page footer{
	background-image:url("images/footer_logo.png");
	background-repeat:no-repeat;
	background-position: 20px 10px;
}
.single footer,
.blog footer{
	background-image:url("images/footer_logo.png");
	background-repeat:no-repeat;
	background-position: 864px 10px;
}

/*++追加分
-------------------------------------------------------------*/
footer {
	background-color: #fff;
	border-top: 1px solid #221815;
	color: #221815;
}
footer p {
	border-top: 1px solid #333;
	color: #221815;
}
footer a {
	color: #221815;
}
footer li.current-menu-item a {
	background: none;
	color: #2487FF;
}
footer ul li a:hover {
background-color:#2487FF;
}



/*+メディアクエリー
-------------------------------------------------------------*/
/*++タブレット
-------------------------------------------------------------*/
@media screen and (max-width:899px){


/*+++基本
-------------------------------------------------------------*/
body, h1, h2, h3, p, ul, li, ol, address, pre {
	font-size:1em; /*フォントサイズリセット*/
}
body{
background-image:none !important;
}
#container {
	width:100%;
	margin:0;
	overflow:hidden;
	position:absolute;
	top:0px
}
/*+++ヘッダ 
-------------------------------------------------------------*/
header {
	width:100%;
}
header img{
	width:100%;
	height:auto;
}

/*+++ナビ 
-------------------------------------------------------------*/
#h_nav div {
	border:none;
	overflow:hidden;/*リストメニューが見えるようにするため*/
	height:auto;/*リストメニュー用高さ設定*/
	width:auto;
}

/*+++説明文
-------------------------------------------------------------*/
p#desc {
	display:none;
}
.home p#desc {
	text-align:left;
	display:block;
	font-size:14px;
	line-height:1.4;
}



/*+++コンテンツ 
-------------------------------------------------------------*/
#main {
	padding:0 0px 0;
}

.home article,
article {
	width:100%;
	float:none;
	margin-bottom:0px;
	padding-bottom:0px;
}

/*++++目次と日付
-------------------------------------------------------------*/
#index-of-contents ol li {
	font-size:16px;
}
/*++++Twitter
-------------------------------------------------------------*/
#twitter{
/*display:none;*/
}
/*++++見出し1
-------------------------------------------------------------*/
article h1 {
background-size:cover; 
padding-left:2rem;
line-height:3.3rem;
font-size:1rem;
}
/*++++見出し2
-------------------------------------------------------------*/
article h2 {
	background-image:none;
	border-radius:0px;
	}

/*++++本文
-------------------------------------------------------------*/
article p, article li, article pre {
}
/*++++イメージ
-------------------------------------------------------------*/
img { 
	max-width: 100%; 
	height:auto;
}

article div#busho img{
	max-width:15%;
}

.timeschedule article img{
max-width:47%;
box-sizing:border-box;
height:auto;
}

/*++++テーブル 
-------------------------------------------------------------*/
article table {
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	width:90%;
}
article th {
	white-space: normal;
}

/*++++フォーム
-------------------------------------------------------------*/
input.wpcf7-submit{
margin-bottom:0px !important;
padding-bottom:0px !important;
}
/*++++サイトマップ 
-------------------------------------------------------------*/
#sitemap ul {
	margin-left:-40px;
}

/*++++トップへ戻る
-------------------------------------------------------------*/
#page-top {
	bottom: 0px;
	right: 0px;
}
#page-top a {
	width: 80px;
	border-radius:10px 0 0 10px;
}
/*+++サイドバー 
-------------------------------------------------------------*/
.page aside{
display:none;
	}
.home aside{
display:block;
	}


aside{
float:none !important;
width:100% !important;
	}


aside li.widget,
aside li.linkcat {
	border-radius:0px;
}

aside ul.recent_entry li a, 
aside nav.recent_entry ul li a, 
aside li.widget_recent_entries ul li a {
}

aside h2 {
	border-radius:0;
}
aside li.widget ul li:last-child a:hover,
aside li.linkcat ul li:last-child a:hover {
	border-radius:0;
}
/*++++サイドメニュー
-------------------------------------------------------------*/
aside nav {
	display:none;
}
.home aside nav {
	display:block;
	border-radius:0px;
}

/*++++ランダムフォト
-------------------------------------------------------------*/
#random_photo{
	display:none;
}

/*++++フィード
-------------------------------------------------------------*/

p.feed {
	display:none;
}


/*++++フッター
-------------------------------------------------------------*/
footer {
	width:100%;
}
footer p {
	font-size:10px;
	text-align:left;
	padding-left:50px;
}

.page footer ul {
	margin-left:100px;
}
footer ul li {
	margin-bottom:15px;
}
/*++++MeanMenu
-------------------------------------------------------------*/


/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	padding: 4px 0;
	min-height: 42px;
	z-index: 999999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	background-color:#000;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #0c1923;
	margin-top: 44px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li a > span{
margin-right:5px;
}


.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 32px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}



}

/*++スマホ
-------------------------------------------------------------*/
@media screen and (max-device-width:599px){


/*+++メニュー
-------------------------------------------------------------*/

.mean-container a.meanmenu-reveal {
	padding-top: 3px;
}

/*+++コンテンツ 
-------------------------------------------------------------*/


/*++++見出し
-------------------------------------------------------------*/
article h1 {
line-height:2rem;
font-size:1rem;
}

article h2 {
line-height:1.6;
}
article h3 {
font-size:14px;}


/*++++イメージ
-------------------------------------------------------------*/
div.alignleft ,img.alignleft,div.alignright, img.alignright {
	float:none;
	margin-left:0px;
}
div.size-thumbnail ,img.size-thumbnail {
	float:left;
	margin-left:0px;
}

article img{
	min-width:100%;
}
article img.size-thumbnail{
	min-width:150px;
}

#post-15 article img.size-thumbnail,
#post-21 article img.size-thumbnail{
	min-width:50px;
}

#post-15 article img.size-thumbnail{
	max-width:32%;
}

article div#busho img{
	min-width:0;
	max-width:32%;
}

.timeschedule article img{
padding-bottom:.5rem!important;
float:none;
}

/*++++テーブル
-------------------------------------------------------------*/
.timeschedule article table{
margin-left:20px;
width:90%;
}

}