@charset 'UTF-8';
/*
Theme Name: グッドライフSP
Theme URI:
Description:
Author: Abfactory
Template: goodlife
Version: 1.0
*/

body {
	background: #fff;
	color: #333;
	font: 16px/1.6 sans-serif;
}

img {
	max-width: 100%;
	height:  auto;
}

iframe {
	max-width: 100%;
}

a {color: inherit}

a[class] {text-decoration: none}

table {width: 100%}

th, td {
	background: #fff;
	border: 1px solid #7A9C1F;
	padding: 4px 6px;
	vertical-align: top;
}

th {
	background: #D9EDA5;
	text-align: center;
}

article p {margin: 1em 0}

section {position: relative}

input,
textarea {
	border: 1px solid #cbc6b1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100%;
	font-size: 1rem;
}

textarea {border-radius: 10px}

input[type="text"],
input[type="email"] {border-radius: 16px}

/*--- Clearfix ---*/
section:after,
.group:after {
	clear: both;
	display: block;
	content: "";
}

/* Common
--------------------*/
.btn {
	position: relative;
	display: block;
}

.btn,
.wpcf7-submit {
	background: #9CC82B;
	background: -webkit-linear-gradient(#E6F2C6, #9CC82B 95%);
	background: linear-gradient(#E6F2C6, #9CC82B 95%);
	border: 1px solid #86AA27;
	border-radius: 20px;
	box-shadow: 0 1px 2px rgba(86,61,7,.4), 0 0 0 1px rgba(255,255,255,.5) inset;
	color: #1B2D10;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px rgba(255,255,255,.75);
	padding: 2px 10px;
}

.btn::after,
.floor_list a::after,
.subnav a::after {
	position: absolute;
	background: url(images/arrow.png) no-repeat 0 0;
	-webkit-background-size: 12px auto;
	background-size: 12px auto;
	content: "";
	width: 12px;
	height: 12px;
	margin-top: -6px;
	top: 50%;
	right: 6px;
}

.btn::after {background-position: 0 -24px}
.floor_list a::after {background-position: 0 -12px}

.btn[href$=".pdf"]:before {
	display: inline-block;
	background: #3e6522;
	border-radius: 2px;
	color: #fff;
	content: "PDF";
	font-size: 10px;
	line-height: 1.4;
	vertical-align: middle;
	text-shadow: none;
	margin-right: 6px;
	padding: 0 4px;
}

.link {
	text-align: center;
	margin: 1em 0;
}

.more {text-align: right}

.caption,
.image-line,
.image {text-align: center}

.items {margin: 1em 0}

ul.items {
	list-style: disc;
	padding-left: 1.5em;
}

ol.items {
	list-style: decimal;
	padding-left: 2em;
}

.note {
	border: dashed;
	border-width: 1px 0;
	color: #666;
	font-size: .9375rem;
	padding: 4px;
}

.dl li + li {
	margin-top: 1em;
}

/* Header
--------------------*/
#siteheader p {
	position: relative;
	background: #B0DA45;
	background: -webkit-linear-gradient(#B0DA45, #99C42C);
	background: linear-gradient(#B0DA45, #99C42C);
	box-shadow: 0 0 2px rgba(0,0,0,.3);
	color: #fff;
	font-size: .5625rem;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 -1px rgba(0,0,0,.3);
	padding: 4px 0;
	z-index: 10;
}
.siteheader-sns {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	height: 18px;
	width: 18px;
	margin: auto 3.125vw auto auto;
}

#title {
	background: url(images/bg_header.jpg) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	padding: 18px 4px 17px;
}

#title img {
	width: 208px;
}

.hnav ul {
	overflow: hidden;
	border-top: 1px solid #86aa27;
	line-height: 2.4;
	text-transform: uppercase;
}

.hnav li {
	float: left;
	background: #9CC82B;
	background: -webkit-linear-gradient(#E6F2C6, #9CC82B 95%);
	background: linear-gradient(#E6F2C6, #9CC82B 95%);
	width: 50%;
	text-shadow: 1px 1px rgba(255,255,255,.5);
}

.hnav a {
	position: relative;
	display: block;
	border-bottom: 1px solid #86aa27;
	text-decoration: none;
	padding-left: 20px;
}

.hnav li:nth-child(odd) a {border-right: 1px solid #86AA27}
.hnav li:nth-child(even) a {border-left: 1px solid #fff}

.hnav a:before {
	position: absolute;
	border: solid transparent;
	border-width: 3px 0 3px 6px;
	border-left-color: #333;
	content: "";
	width: 0;
	height: 0;
	margin-top: -3px;
	left: 8px;
	top: 50%;
}

.hnav .current_page_item,
.hnav .current_page_ancestor {
	background: #E6F2C6;
	background: -webkit-linear-gradient(#9CC82B, #E6F2C6 95%);
	background: linear-gradient(#9CC82B, #E6F2C6 95%);
}

.hnav .current_page_item a,
.hnav .current_page_ancestor a {
	background: rgba(0,0,0,.3);
}

/* Footer
--------------------*/
#sitefooter {
	font-size: .75rem;
	text-transform: uppercase;
	margin: 0 5px;
}

#sitefooter address {
	background: -webkit-linear-gradient(#fff 50%, #E8E8E8);
	background: linear-gradient(#fff 50%, #E8E8E8);
	border-radius: 4px;
	box-shadow: 0 0 2px 1px rgba(153,153,153,.65);
	line-height: 1.4;
	max-width: 600px;
	margin: 16px auto 8px;
	padding: 6px 8px;
}

address .name {
	color: #4f812d;
	font-size: .875rem;
	font-weight: bold;
}

#sitefooter .link {font-size: 1rem}

#copyright {
	background: #9ac52e;
	border-top: 1px solid #9ac52e;
	box-shadow: 0 1px #fff inset;
	text-align: center;
	text-shadow: 1px 1px rgba(255,255,255,.5);
	margin: 0 -5px;
	padding: 5px 0 4px;
}

/* Content
--------------------*/
#main {
	margin: 24px 0;
	padding: 0 10px;
}

.subcontent {
	background: #efede5;
	border: 1px solid #CBC6B1;
	border-radius: 6px;
	color: #352710;
	margin: 8px 5px;
	padding: 0 5px 5px;
}

.subcontent h2 {
	position: relative;
	background: #CAC4AC;
	background: -webkit-linear-gradient(#F3F1EB, #CAC4AC);
	background: linear-gradient(#F3F1EB, #CAC4AC);
	border-radius: 6px 6px 0 0;
	font-weight: bold;
	text-shadow: 1px 1px #fff, -1px -1px #fff, -1px 1px #fff, 1px -1px #fff;
	margin: 0 -5px 5px;
	padding: 4px 4px 4px 24px;
}

.subcontent h2:before,
.inner_sec_title:before {
	position: absolute;
	border: 3px solid #ec6b00;
	border-radius: 50%;
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -7px;
	left: 6px;
	top: 50%;
}

.subnav li:not(:first-child) {margin-top: 4px}

.subnav a {
	position: relative;
	display: block;
	background: #f6f6f1;
	border: 1px solid #e1ddce;
	border-radius: 8px;
	box-shadow: 0 0 0 2px #fff inset;
	text-decoration: none;
	padding: 8px;
}

.subnav .current_page_item a {
	box-shadow: none;
	opacity: .6;
	pointer-events: none;
}

.menu__note {
	font-size: .8125em;
}

.page section {margin: 20px 0}

.page section:last-child {margin-bottom: 0}

.page .content_title + section {margin-top: 0}

.inner_sec:not(:last-child) {border-bottom: 1px solid #999}

.content_title {
	position: relative;
	background: url("../goodlife/images/bg_content.jpg");
	background-size: 325px auto;
	box-shadow: 0 1px 4px rgba(0,0,0,.5), -1px -1px rgba(0,0,0,.2) inset;
	font: bold 1.25rem/1.2 "Hiragino Mincho ProN", serif;
	text-align: center;
	margin-bottom: 16px;
	padding: 8px 36px;
}

.content_title:before,
.content_title:after {
	position: absolute;
	background: url(images/deco_ttl.png) no-repeat 0 0;
	-webkit-background-size: auto 24px;
	background-size: auto 24px;
	content: "";
	width: 32px;
	height: 24px;
	left: 4px;
	top: 8px;
}

.content_title:after {
	background-position: -32px 0;
	left: auto;
	right: 4px;
}

.cont_sec_title {
	border-bottom: 2px solid;
	font-size: 1.125rem;
	margin-bottom: 1em;
	padding: 0 4px;
}

.inner_sec_title {
	position: relative;
	margin-bottom: 10px;
	padding-left: 20px;
}

.inner_sec_title:before {left: 2px}

/* Top
--------------------*/
.sec_title {
	background: #3E6523;
	background: -webkit-linear-gradient(#52862F, #3E6523);
	background: linear-gradient(#52862F, #3E6523);
	color: #fff;
	margin: 8px -10px;
	padding: 4px 10px;
}

.post_list li {
	overflow: hidden;
	border-bottom: 1px dotted #999;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 6px;
}

.post_list time {
	margin-right: .8em;
}


#top_recruit {
	overflow: hidden;
	background: #fbe4d0;
	border: 1px solid #ec6b00;
	border-radius: 6px;
	max-width: 600px;
	font-size: .875rem;
	margin: 1em auto;
}

#top_recruit dt,
#top_recruit dd {
	padding: 4px 6px;
}

#top_recruit dt {
	background: #ec6b00;
	color: #fff;
	text-align: center;
}

.banner {
	margin: 1em 0;
	text-align: center;
}


/* Greeting
--------------------*/
.greeting .photo {
	float: left;
	width: 116px;
	margin-right: 10px;
}

.author {text-align: right}

.author img {width: 194px}

/* Service
--------------------*/
.profile th {min-width: 4em}

.profile .co-th {
	background: #fff;
	font-size: .625rem;
	text-align: right;
	vertical-align: middle;
}

.history th {text-align: left}

.history td {padding-left: 1em}

.name_list {text-align: center}

.child-service .catch {
	font-family: "Hiragino Mincho ProN", serif;
	font-weight: bold;
	text-align: center;
}

.service_image {
	text-align: center;
	margin-bottom: 16px;
}

.service_image .caption {
	color: #3E6522;
	font-weight: bold;
	margin-bottom: 0;
}

.service_image ul {
	letter-spacing: -.4em;
}

.service_image li {
	display: inline-block;
	width: 75px;
}

.service_image .note {
	border: 0;
	font-size: .8125rem;
	margin-top: 0;
	padding: 0;
}

.single_data {
	overflow: hidden;
	background: #fff;
	border: 1px solid #3e6522;
	border-radius: 6px;
	font-weight: bold;
	line-height: 2;
}

.single_data dt {
	float: left;
	background: #3e6522;
	color: #fff;
	margin-right: 12px;
	padding: 0 12px;
}

.point_list {
	font-weight: bold;
}

.history th,
.history td,
.fees th,
.fees td {
	display: block;
	margin-top: -1px
}

.fees td {text-align: center}

#other_event .photo {text-align: center}

.care-training-first {
	margin-bottom: 20px;
	padding: 0 10px;
	border: 2px solid #ec6b00;
	background: #fff5ed;
	font-size: 1.125em;
	text-align: justify;
}

.care-training-list {
	margin-top: -.8em;
}

.care-training-list dt:before {
	content: "■";
}

.care-training-list dd {
	margin-left: 1em;
}

/* Flow
--------------------*/
.step {
	background: #D9EDA5;
	background: -webkit-linear-gradient(#F8FCEF, #D9EDA5);
	background: linear-gradient(#F8FCEF, #D9EDA5);
	border: 1px solid #7A9C1F;
	border-radius: 4px;
	color: #3E6523;
	line-height: 2;
}

.step:before {
	display: inline-block;
	background: #50832e;
	border-radius: 3px 0 0 3px;
	color: #fff;
	content: "Step." counter(step);
	margin-right: 4px;
	padding: 0 6px;
}

.flow_entrance {
	position: relative;
	counter-increment: step;
}

section.flow_entrance {margin-bottom: 40px}

.flow_entrance:last-of-type,
#flow_entrance4 {margin-bottom: 0}

.flow_entrance::after {
	position: absolute;
	border: solid transparent;
	border-width: 16px 20px 0;
	border-top-color: #50832e;
	content: "";
	width: 0;
	height: 0;
	margin-left: -20px;
	left: 50%;
	bottom: -28px;
}

.flow_entrance:last-of-type::after,
#flow_entrance4::after {
	display: none;
	content: none;
}

.flow_entrance .cont_sec_title {
	font-size: 1rem;
	color: #50832e;
}

.necessary {
	list-style: decimal;
	padding-left: 1.6em;
}

.vacant th {min-width: 3em}

.contact_table td:not(:first-child) {
	text-align: center;
	vertical-align: middle;
}

/* Floor
--------------------*/
#page-floor .caption::before {content: "▼"}

.floor_list {counter-reset: floor 9}

.floor_list li {
	counter-increment: floor -1;
	margin-bottom: 8px;
}

.floor_list a {
	position: relative;
	display: block;
	background: #EC6B00;
	border-radius: 6px;
	box-shadow: 1px 1px 2px rgba(86, 61, 7, 0.4);
	color: #fff;
	height: 27px;
	text-decoration: none;
	padding: 4px 8px;
}

.floor_list li:nth-child(5) a,
.floor_list li:nth-child(6) a {letter-spacing: -.1em}


.floor_list li a:before {
	content: counter(floor) "F ";
	letter-spacing: normal;
}

/* Access
--------------------*/
.map {text-align: center}

.timetable_list li {margin-bottom: 8px}

.image_list {
	overflow: hidden;
	text-align: center;
}

.image_list li {
	float: left;
	clear: both;
	width: 48%;
	margin-bottom: 1em;
}

.image_list li:nth-child(2n) {
	float: right;
	clear: none;
}

/* Contact
--------------------*/
.require {
	color: red;
	font-weight: bold;
}

.control_name {display: block}

.row_submit {text-align: center}

.wpcf7-submit {
	background-position: 95% center, center;
	padding: 2px 30px;
}

.cf-name {width: 48%}

/* Post
--------------------------------*/
.category > a:first-child {text-decoration: none}

.post_title {
	font: bold 1.125rem/1.6 "Hiragino Mincho ProN", serif;
	border-bottom: 2px solid;
}

.posted {
	color: #666;
	font-size: .75rem;
}

.posted:before,
.posted:after {content: "-"}

.paging {
	text-align: center;
}

.paging a {
	dipslay: inline-block;
	margin: 0 1em;
}

/*--- Fancybox ---*/
div#fancybox-outer {
	background: url(../goodlife/images/bg_content.jpg);
}

div#fancybox-content {
	overflow: visible;
	border-color: transparent;
	box-shadow: 3px 3px 4px rgba(0,0,0,.6);
}

#fancybox-img {
	box-shadow: 1px 1px 1px rgba(0,0,0,.2);
}

/*--- CareWork ---*/
#care_work{

}
#care_work section{
	margin-bottom:20px;
}
#care_work section h3{
	font-weight:bold;
}


.event-schedule {
	font-size: .875em;
}

.event-schedule-month,
.event-schedule-day {
	width: 3.5em;
}

.event-schedule-note {
	margin-top: 5px;
	color: red;
	font-weight: 700;
	font-size: .875em;
}

.calendar > iframe {
	display: block;
	width: 100%;
	height: 360px;
}

/* Recruit
--------------------------------*/
.salary-example {
	font-size: .8125em;
}