/*
Theme Name:   前川工業(子テーマ)
Theme URI:    
Description:  
Author:       
Author URI:   
Template:     maekawa
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support
*/

/*********************
OUTLINE LAYOUT
*********************/

html {
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
}

body {
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
	font-size: 100%;
	line-height: 1.5;
	color: #808080;
	background-color: #ffffff;
	-webkit-font-smoothing: antialiased;
}

p {
	-webkit-font-feature-settings: normal;
	-moz-font-feature-settings: normal;
	-ms-font-feature-settings: normal;
	-o-font-feature-settings: normal;
	font-feature-settings: normal;
}

a {
	color:#808080;
	text-decoration: none;
}

a:hover, a:active {
	color:#80ba3f;
}

a:link, a:visited {
	color:#808080;
}

h1 {
	max-width: 1000px;
	width: 100%;
	font-family: serif;
	//font-weight: bold;
	color: #fff;
	background-color: #930000;
	padding: 5px 0px;
	text-align: center;
}

h1.staff_bar {
	font-family: sans-serif;
	background-color: #ffdbe1;
	color: #808080;
}

h1.neighborhood_bar {
	font-family: sans-serif;
	background-color: #d0dbff;
	color: #808080;
}

h2 {
	max-width: 1000px;
	width: 100%;
	color: #930000;
	padding: 5px 0px;
	text-align: center;
	border-bottom: 1px solid #c8c8c8;
}

.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	width: 100%;
    //max-width: 600px;
    height: auto;
}

.headBg {
	background-color: #F5F4CD;
}
}
.wrap {
	max-width: 1000px;
	margin: 0 auto;
}

.header {
	background-color: #FDFDEA;
}

#logo {
	float:left;
	text-align: center;
	margin: 10px 0px 10px 0px;
}
#logo img {
	width: 100%;
    min-width: 290px;
}

.header_staff {
	margin: 10px 0px;
	max-width: 290px;
	width: 100%;
}
.header_tel {
	margin: 10px 0px;
	max-width: 290px;
	width: 100%;
}
.header_staff img {
	width: 100%;
}
.header_tel img {
	width: 100%;
}

.menu_area {
	width: 100%;
	background-color: #930000;
}

.menu_area .nav {
	max-width: 1000px;
	margin: 0 auto;
	border-left: 1px solid #fff;
	height: 70px;
}

#eyecatch_area {
	max-width: 1000px;
	width: 100%;
	//margin-top: -7px;
	margin-bottom: -7px;
	z-index: 99999;
}

#eyecatch_area img {
	width: 100%
}

#content {
	//margin-top: 15px;
	margin-bottom: 15px;
}

.top_info_wrap {
	margin-top: 13px;
}

.top_info_left,
.top_info_right {
	float: left;
}

.top_info_left {
	width: 85px;
}

.top_info_right {
	max-width: 800px;
}

.top_info_right a {
	color: #808080;
	text-decoration: none;
}

.info_category_name {
	float: left;
	display: block;
	width:150px;
	font-size: 12pt;
	text-align: center;
	padding: 2px;
	color: #fff;
}
.info_date {
	float: left;
	margin-left: 10px;
}

.art_color {
	background-color: #548235;
}

.information_color {
	background-color: #ED7D31;
}

.yowa_color {
	background-color: #5B9BD5;
}

.post_data_area {
	margin-bottom: 5px;
}

.cover {
    display: inline-block;
    background-color: #ccc;
    background-position: center center;
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    border: 1px solid #ccc;
    background-size: cover;
}

.blog_side_title {
	padding: 10px;
	color: #fff;
}
.blog_side_title02 {
	padding: 10px;
	color: #fff;
	background-color: #930000;
}


#sidebar_blog ul {
	margin-left: 2em;
	list-style-type: disc;
}

#sidebar_blog ul li {
	margin-bottom: 5px;
}

#sidebar_blog ul li a {
	text-decoration: none;
	color: #808080;
}


.blog_outer {
	margin-bottom: 80px;
}

.blog_title {
	width: 100%;
	font-size: 14pt;
	color: #808080;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #4d4d4d;
}

.blog_title a {
	text-decoration: none;
	color: #808080;
}

.pagination_area {
	margin: 0 auto;
	text-align: center;
}
#main #Organization img{
	width: 100%;
    max-width: 640px;
    min-width: 290px;
    height: auto;
}
#main #organizationPhoto img{
	width: 100%;
    max-width: 550px;
    min-width: 290px;
    height: auto;
}


/*********************
FOOTER
*********************/

#inner-footer {
	max-width: 1000px;
	padding-top: 30px;
	padding-bottom: 10px;
}

.footer {
	clear: both;
	border-top: 2px solid #AFABAB;
	outline: solid 2px #930000;
	background-color: #FDFDEA;
	color: #808080;
}

.footer_linker a {
	color: #930000;
	text-decoration: none;
	font-size: 130%;
}
.footer_logo img {
		width: 100%;
    	min-width: 290px;
    }

/*********************
INFORMATION AREA
*********************/

.info_area {
	max-width: 1000px;
}

#inner-header {
	//border-bottom: 5px solid #FDFDEA;
}
#centerText{
	background-color: #FDFDEA;
	text-align: center;
	padding: 10px 10px 0px 10px;
	max-width:1000px;
	width: 100%;
	margin: 0 auto;
}
#centerText img {
	width: 100%;
    /*max-width: 954px;*/
}


.sidebar_area {
	width: 100%;
}

.sidebar_area {
	width: 100%;
}


.sidebar_area img {
	width: 100%;
}

.copyright {
	text-align: center;
	font-size: 6pt;
}

/*********************
WIDGETS
*********************/

.top_widget_outer img {
    width: 100%;
    height: auto;
	margin-bottom: 15px;
}

.top_widget_title {
	display: none;
	visibility: hidden;
}

.top_widget_area_outer {
	max-width: 1000px;
	width: 100%;
	margin: 30px auto;
}

.top_widget_outer {
	width: 100%;
	text-align: center;
}

.widgettitle {
	display: none;
	visibility: hidden;
}

.widget {
	padding: 0;
	margin: 0;
}

.widget_sp_image img {
    width: 100%;
    height: auto;
}

.side_widget_text {
	font-size: 9pt;
}

/*********************
NAVIGATION STYLES
*********************/
.nav {
	border-bottom: 0;
	margin: 0;
	display: none;
}

.nav li {
}

.nav li a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

.nav li ul.sub-menu li a,
.nav li ul.children li a {
	padding: 0px;
}

/*********************
MEDIA QUERY
*********************/

@media only screen and (min-width: 480px)  {
    /* 480px - 767px用（タブレット／スマートフォン用）の記述 */
    .businessList {
    width: 100%;
	}
	.businessList img {
    //width: 100%;
    width: 200px;
	}
	.businessList dl {
    width: 20.7%;
    margin-right: 2%;
    float: left;
    }
	.businessList dl dt {
    width: 100%;
    }
    .businessList dl dt img {
    width: 100%;
    max-width: 190px;
    height: auto;
    }
    .businessList dl#bumonName {
    margin-right: 2%;
    width: 22.5%;
    }
    #Greeting {
    max-width: 630px;
	}
	#Greeting img{
    width: 300px!important;
    //height: auto;
	}
    
}


/* Landscape to tablet device */
@media only screen and (min-width: 768px) {
  .m-all {
    float: left;
    padding-right: 0em;
    width: 100%;
    padding-right: 0;
}

	.header_right {
		float:right;
		text-align: center;
		margin: 1px 0px 1px 0px;
		max-width:220px;
		width: 100%;
	}
	/*
	.header_staff {
		float:right;
		text-align: center;
		margin: 35px 15px 10px 0px;
		max-width:220px;
		width: 100%;
	}
	.header_tel {
		float:right;
		text-align: center;
		margin: 35px 0px 10px 0px;
		max-width:220px;
		width: 100%;
	}
	*/

	.footer_logo,
	.footer_linker {
		float: none;
		//padding-top: 10px;
		padding: 10px 60px 0px 0px;
	}
	

	.nav {
		border: none;
		display: block;
	}

	.nav ul {
		//background: #fff;
		margin-top: 0;
	}

	.nav li {
		float: left;
		position: relative;
	}

	.nav li a {
		border-bottom: 0;
		text-align: center;
		padding: 0px;
		margin: 0px;
	}

	.nav li a:hover, .nav li a:focus {
		//color: #808080;
		text-decoration: none;
		background-color: #bdbdbd;
	}

	.nav li ul.sub-menu,
	.nav li ul.children {
/*
		margin-top: -7px;
*/
		border: 1px solid #ccc;
		border-top: 0;
		position: absolute;
		visibility: hidden;
		z-index: 8999;
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
	}

	.nav li ul.sub-menu li,
	.nav li ul.children li {

	}
	.nav li ul.sub-menu li a,
	.nav li ul.children li a {
		padding: 10px;
		border-right: 0;
		display: block;
		width: 164px;
		border-bottom: 1px solid #ccc;
	}

	.nav li ul.sub-menu li:last-child a,
	.nav li ul.children li:last-child a {
		border-bottom: 0;
	}

	.nav li ul.sub-menu li ul,
	.nav li ul.children li ul {
		top: 0;
		left: 100%;
	}

	.nav li:hover > ul {
		top: auto;
		visibility: visible;
	}

	#centerText img {
	    max-width: 760px;
	}
	
	.officerBox {
    width: 900px;
    margin: 0 auto 0;
	}
	.officer {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 25px 0 0 0;
    border: 1px #930000 solid;
	}
	.officer dl {
    width: 500px;
    margin: 0 0 0 20px;
	}
	.officer dt {
    width: 150px;
    float: left;
    padding: 0px 20px 20px 30px;
	}
	.officer dd {
    width: 700px;
    margin: 0 10px 10px 0;
    float: left;
	}
	
	.welfareox {
    width: 900px;
    margin: 0 auto 0;
	}

}

/* Landscape to small desktop */
@media (min-width: 1030px) {
	.header_staff {
		float:right;
		text-align: center;
		margin: 0px 50px 5px 0px;
		max-width: 205px;
		width: 100%;
	}
	.header_tel {
		float:right;
		text-align: center;
		margin: 12px 50px 5px 0px;
		max-width: 205px;
		width: 100%;
	}

	#content {
		//margin-top: 45px;
		margin-bottom: 30px;
		margin-top: 10px;
	}

	.contents_left {
		float: left;
		//padding-right: 4%;
		width: 100%;
	}

	.sidebar_area {
		float: left;
		width: 39%;
	}

	.contents_left_blog {
		float: left;
		padding-right: 4%;
		width: 74%;
	}

	.sidebar_blog {
		float: left;
		width: 26%;
	}

	#centerText img {
	    max-width: 954px;
	}

	.copyrightBg {
		background-color: #930000;
	}
	.copyright {
		max-width: 1000px;
		text-align: center;
		font-size: 12pt;
		margin: 0 auto;
		color: #fff;
	}
	
	.org_text {
		width: 87%;
		margin: 0 auto;
	}
	.infoAreaBox {
		float: left;
        padding-right: 4%;
        width: 74%;
		//padding-right: 4%;
    	//padding-left: 4%;
    	//width: 90%;
	}
	



	/*********************
	FOOTER
	*********************/

	#inner-footer {
		max-width: 1000px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.footer {
		border-top: 2px solid #AFABAB;
		outline: solid 2px #930000;
		clear: both;
		background-color: #FDFDEA;
		color: #808080;
	}

	.footer_logo,
	.footer_linker {
		float: left;
		font-size: 11pt;
	}

	.footer_linker {
	    padding: 55px 20px 20px 20px;
	}

	/*********************
	WIDGETS
	*********************/

	.top_widget_area_outer {
		width: 100%;
	}

	.top_widget_outer {
		float: left;
		width: 490px
	}

	.top_widget_area_outer div:nth-child(even) {
		margin-left: 20px;
	}

}

/*********************
MISC
*********************/

.nav {
}

.top-nav li {
	width: 16.6667%;
	border-right: 1px solid #fff;
}

.top-nav li a {
	padding: 23px;
	margin: 0px;
	//height: 70px;
}

.top-nav li a img {
	width: 100%;
	margin-bottom: -7px;
}

.sub-menu li {
	width: 100%;
	margin-bottom: 0px;
	margin-top: 0px;
	border: none;
}

.top-nav li a:hover, .top-nav li a:focus {
	//color: #808080;
	text-decoration: none;
	background-color: #A80000;
}

.sub-menu li a:hover, .sub-menu li a:focus {
	color: #808080;
	text-decoration: none;
	background-color: #bdbdbd;
}

nav {
/*
	margin-bottom: -7px;
*/
}

.sidebar {
	margin-top: 0px;
}

table.room_available {
	width: 100%;

}
td.room_available_data,
td.room_available_title {
	width: 50%;
	border-bottom: 1px dotted #ccc;
	padding: 10px 0px 10px 20px;
}

td.room_available_data {
	font-size: 16pt;
	font-weight: bold;
}


div.add_date {
	width: 100%;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 20px;
}

/*
PAGE care_house
*/

table.room_available_care_house {
	width: 50%;
	margin: 0 auto;
	border: 1px solid #ccc;
}
td.room_available_care_house_data,
td.room_available_care_house_title {
	width: 50%;
	border-bottom: 1px dotted #ccc;
	padding: 10px 0px 10px 20px;
}

td.room_available_care_house_data {
	font-size: 16pt;
	font-weight: bold;
}


div.add_date_care_house {
	width: 50%;
	text-align: right;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 20px;
}


.service_guide {
	width: 100%;
	border-top: 1px solid #c8c8c8;
}

.service_guide td {
	padding: 10px 30px;
}
.service_guide_title {
	width: 20%;
	border-bottom: 1px solid #c8c8c8;
}
.service_guide_text {
	width: 80%;
	border-bottom: 1px solid #c8c8c8;
}

.service_price td {
	border: 1px solid #c8c8c8;
	padding: 10px;
	text-align: center;
}


.day_service_price {
	width: 100%;
}
.day_service_price td {
	border: 1px solid #c8c8c8;
	padding: 10px 20px;
	width: 33.3333%;
}

.event_cal {
	width: 100%;
}
.event_cal td {
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	padding: 5px 5px 0px 5px;
	font-size: 14pt;
}


table.organization {
	width: 100%;

}
td.organization_title,
td.organization_text {
	border-bottom: 1px dotted #ccc;
	padding: 10px 0px 10px 20px;
}
td.organization_title {
	width: 40%;
	padding-left: 20%;
}

table.history {
	width: 100%;

}
td.history_title,
td.history_text {
	border-bottom: 1px dotted #ccc;
	padding: 10px 0px 10px 20px;
}
td.history_title {
	width: 40%;
	padding-left: 5%;
	padding-right: 5%;
	text-align: right
}

.disclosure_list {
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

.disclosure_list_outer {
	border-top: 1px solid #ccc;
	margin-top: 5px;
}

.businessArea ol{
	list-style-type: decimal;
    margin: 0 0 0 20px;
}

.businessBox {
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
	overflow: hidden;
}

.businessList {
	max-width: 850px;
	clear:  both;
	margin: 0 auto;
	float: left;
}

.businessList img{
	//float: left;
	//margin: 0px;
}

#numListBox {
	width:100%;
	margin: 0 auto;
	padding-left: 1em;　/* リスト全体の余白 */
}
#numListBox .numList{
	margin-bottom: 9px;
	line-height: 1.4;
	padding-left: 1.3em;
}
#numListBox .numList span{
	margin-left:-1.3em;
	padding-right: 0.3em;
	line-height: 1.4;
}
#numListBox .numList:last-child {
	margin-bottom: 0px;　/* 最後の項目の下マージンを０に */
}

.officerBox {
    max-width: 900px;
    width: 100%;
    margin: 0 auto 0;
}
.officer {
    display: block;
    width: 100%;
    height: 100%;
    //background-color: #EEE;
    overflow: hidden;
    margin: 2% auto;
    border: 1px #930000 solid;
}
.officer dl {
    width: 500px;
    margin: 0 0 0 20px;
}
.officer dt {
    width: 150px;
    float: left;
    padding: 0px 10px 10px 30px;
}
.officer dd {
    max-width: 700px;
    width: 100%;
    margin: 0 10px 10px 10px;
    padding: 0 15px 0 0 ;
    float: left;
}
#Greeting {
    margin: 0 auto;
	}
#Greeting img{
    width: 100%;
    height: auto;
	}



/* form */

select {
  -webkit-appearance: none;
  background-image:none
}

#bkImag01{
	background: url(/wp/wp-content/themes/maekawa-child/img/bk001.jpg) no-repeat;
}
#bkImag02{
	background: url(/wp/wp-content/themes/maekawa-child/img/bk002.jpg) no-repeat;
	background-position:right top;
}
#bkImag03{
	background: url(/wp/wp-content/themes/maekawa-child/img/bk003.jpg) no-repeat;
}