@charset "UTF-8";
/*
Theme Name: ace-alive
Author: R-NEXT
Description: ace-alive theme.
Version: 1.0
*/


body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	line-height: 1.5}


/* ------------------- 基本構造 ------------------- */
.header-inner {
	background-color:#fff;
}
.header-inner2 {
	border-bottom:1px solid #ddd;
}


/* 全体の横幅 */

@media (min-width:768px) and (max-width:1039px) {
	.container, .header-inner, .header-inner2, .footer-inner {
		width:747px;
		margin-left:auto;
		margin-right:auto;
	}
	.container {
		margin-bottom:30px;
	}
}

@media (min-width:1040px) {
	.container, .header-inner, .header-inner2, .footer-inner {
		width:1000px;
		margin-left:auto;
		margin-right:auto;
	}
	.container {
		margin-bottom:30px;
	}
}


/* ------------------- ページトップ ------------------- */
.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #70931c;
	color: #fff;
	font-size: 37px;
	line-height: 1.8;
	text-indent: 0.4em;
	text-decoration:none;
}
.pagetop a:hover {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #70931c;
}


/* ------------------- ヘッダー ------------------- */

.site a {
	display:inline-block;
	padding:10px;
	color:#ffffff;
	text-decoration:none;
}
.site img {
	display:block;
	margin-top:30px;
	width:200px;
	height:auto;
}
@media (max-width:320px) {
	.site img {
		margin-top:20px;
		width:170px;
	}
}
@media (min-width:768px) {
	.site img {
		margin-top:0px;
		width:280px;
	}
}

/* ------------------- フッター ------------------- */
footer {
	background-color:#87bc1f;
	margin:0px;
	padding:0 0 20px 0;
}
.fo-in, .fo-map-in, .fo-link {
	padding:15px 0;
	}
.fo-map-in {
	width:90%;
	margin:0 auto;
}
.fo-in img {
	display:block;
	width:90%;
	height:auto;
	margin:0 auto;
	}
.fo-link a {
	display:block;
	text-decoration:none;
	color:#000;
	padding:7px 0 0 20px;
}
@media (min-width:768px) {
	.fo-link {
		float:left;
		width:20%;
	}
	.fo-in {
		float:left;
		width:40%;
	}
	.fo-map {
		float:left;
		width:40%;
	}

}


/* ------------------- ナビゲーション ------------------- */
#mainmenu	{display: none}

.mainmenu ul	{margin: 0;
	padding: 0;
	list-style: none}

.mainmenu li a {display: block;
	padding: 15px 5px;
	color: #fff;
	font-weight:bold;
	font-size: 14px;
	text-align:center;
	background:#87bc1f;
	text-decoration: none}
	
.mainmenu li {
	border:1px solid #fff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	}

.mainmenu li a:hover	{background-color: #628903}

li.menu-item-33 a {
	background-color:#ff9b00;
	}
li.menu-item-33 a:hover {
	background-color:#ff8500;
	}

/* トグルボタン */
.header-inner	{position: relative}

#navbtn	{position: absolute;
	top: 38px;
	right: 20px;
	padding: 6px 12px;
	border: solid 1px #aaaaaa;
	border-radius: 5px;
	background-color: #ffffff;
	cursor: pointer}
	
.sitenav-call img {
	position:absolute;
	top:38px;
	right:85px;
	width:43px;
	height:auto;
}

#navbtn:hover	{background-color: #dddddd}

#navbtn:focus	{outline: none}

#navbtn i	{color: #888888;
	font-size: 18px}

#navbtn span	{display: inline-block;
	text-indent: -9999px}

.sitehead:after {
	display:block;
	content:"";
	clear:both;
}
@media (min-width: 769px) {
	/* サイト名とナビゲーションメニューを横に並べる設定 */
	.header-inner:after	{content: "";
		display: block;
		clear: both}

	.site	{float: left;
		width: auto}

	.siteinfo	{float: right;
		width: auto}

	/* ナビゲーションメニューのリンクを横に並べる設定 */
	#mainmenu	{display: block !important}

	.mainmenu	{margin-top: 10px}

	.mainmenu ul:after	{content: "";
		display: block;
		clear: both}

	.mainmenu li	{
		float: left;
		width: 16.66%}

	.mainmenu li a	{
		font-size:17px;
		padding: 15px 10px;
		}

	/* トグルボタン */
	#navbtn	{display: none}
	
	/* PCのみ表示 */
	.siteinfo h3, .siteinfo p {
		text-align:right;
		margin:0px;
		padding:0px;
	}
	.siteinfo h3 {
		margin-top:10px;
		font-size:28px;
		color:#008800;
	}
		
	/*グローバルメニュー　プルダウン*/
	.menu > li.menu-item {
	    position: relative;
	}

	li.menu-item ul.sub-menu {
	    position: absolute;
	    top: 40px;
	    width: 100%;
	    float:none;
	    background: #87bc1f;
	    -webkit-transition: all .3s ease;
	    transition: all .3s ease;
	}

	li.menu-item:hover ul.sub-menu {
	    top: 60px;
	    visibility: visible;
	    opacity: 1;
	}		
	
	ul.sub-menu {
		visibility: hidden;
	    opacity: 0;
		z-index:1;
		}
	
	ul.sub-menu a {
		display:block;
		font-size:18px;
		padding:15px 0px;
		}
	
	li.menu-item-24, li.menu-item-18, li.menu-item-21 {
		width:100%;
		}
	}
	

}

/* ------------------- 共通 ------------------- */
.contents {
	width:90%;
	margin:0 auto;
	}
article img {
	display:block;
	width:95%;
	height:auto;
	margin:0 auto;
	}
	.clearfix:after {
		content:"";
		display:block;
		clear:both;
	}
.thinking, .day, .freedom, .company, .contact, .equipment {
	width:95%;
	margin:0 auto;
	}
	p {
		font-size:16px;
		line-height:1.5;
		}
	.joy-left a:hover, .service-left a img:hover, .service-right a img:hover, .link a:hover {
	opacity:0.8;
	}
.link-bottom-left a, .link-bottom-right a {
	display:block;
	padding:25px 0;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	background-color:#f5aa3b;
	width:90%;
	margin:40px auto;
	text-decoration:none;
	text-align:center;
	}
.line-con {
	border-bottom:5px solid #87bc1f;	
}
.contents table {
	width:100%;
	border-collapse: separate;
	border-spacing: 5px 5px;
	}
.contents table th {
	width:30%;
	color:#fff;
	font-size:16px;
	background-color:#87bc1f;
	padding:10px 0;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	border-collapse: collapse;
	}
.contents table td {
	width:70%;
	font-size:16px;
	padding:10px 5px 10px 10px;
	text-align:left;
	vertical-align:middle;
	background-color:#ececec;
	border-collapse: collapse;
	}
 .dot-line {
	 border-bottom:2px dashed #87bc1f;
	 margin:20px 0;
 }	
.com-info h2 {
	 font-size:21px;
	 color:#008c45;
	 font-weight:bold;
 }
 .com-info table caption {
	 text-align:left;
 }
 .com-info table th {
	 width:10%;
	 text-align:left;
	 vertical-align:top;
	 color:#000;
	 background-color:#fff;
	 padding:0;
 }
 .com-info table td {
	 width:90%;
	 text-align:left;
	 vertical-align:top;
	 color:#000;
	 background-color:#fff;
	 padding:0;
 }
 .company-info table th {
	 width:30%;
	 color:#000;
	 background-color:#fff;
	 border-bottom:2px dashed #87bc1f;
	 text-align:left;
 }
 .company-info table td {
	 width:70%;
	 color:#000;
	 background-color:#fff;
	 border-bottom:2px dashed #87bc1f;
 }
.acsses {
	width:90%;
	margin:20px auto;
	
}
	
@media (min-width:768px) {
	.link-bottom-left, .link-bottom-right {
		float:left;
		width:50%;
	}
	.thinking, .day, .freedom, .company, .equipment {
		width:85%;
		margin:0;
	}
	.com-info h2 {
		font-size:28px;
		}


		
}

/* ------------------- HOME ------------------- */
.joy {
	margin:10px 10px;
	}
.joy-left h1 {
	font-size:36px;
	text-align:center;
	}
.joy-left p {
	text-align:center;
	font-size:18px;
	}
.joy-right img {
	width:100%;
	height:auto;
	}
.joy-left a {
	display:block;
	margin:10px auto;
	padding:20px;
	color:#fff;
	font-size:22px;
	font-wegith:bold;
	text-align:center;
	width:50%;
	background-color:#87bc1f;
	border-radius:10px;
	text-decoration:none;
	}
.service {
	width:100%;
	margin:10px 0;
	}
.service p {
	font-size:18px;
	text-align:center;
	}
.service img {
	display:block;
	width:95%;
	margin:0 auto;
	}
.service-left p, .service-right p {
	padding:10px 0;
	}
.line {
	border:2px solid #87bc1f;
	margin:40px 10px;
	}
.link a {
	display:block;
	margin:10px auto;
	padding:20px;
	color:#fff;
	font-size:22px;
	font-wegith:bold;
	text-align:center;
	width:80%;
	background-color:#87bc1f;
	border-radius:10px;
	text-decoration:none;
	}
.info_title h3 {
	color:#000;
	padding:10px;
	text-align:center;
	font-size:28px;
	}
.facebook {
	width:90%;
	height:auto;
	margin:0 auto;
	}

	
	
@media (min-width:768px) {
	.joy-left, .joy-right, .service-left, .service-right {
		float:left;
		width:50%;
		}
	.joy-left {
		padding-top:20px;
		}
	.joy-left h1 {
		text-align:left;
		font-size:55px;
		}
	.joy-left p {
		text-align:left;
		font-size:21px;
		}
	.joy-left a {
		margin:10px 0;
		}
	.joy-right img {
		display:block;
		margin-top:10px;
		}
	.link-left, .link-center, .link-right {
	float:left;
	width:33.33%;
	}
	.sns-left, .sns-right {
		float:left;
		width:50%;
		}
	.info_title h3 {
		text-align:left;
		}
	.service p {
		font-size:20px;
		}

}
/* ------------------- アライブの想い ------------------- */
.thinking-img img {
	display:block;
	width:100%;
	margin:0 auto;
	}
.line-title {
	width:100%;
}
.line-title h3 {
	padding:15px 0;
	font-size:20px;
	text-align:center;
	}
.line-title p {
	font-size:18px;
	padding:10px 0;
}
.thinking img {
	display:block;
	width:98%;
	height:auto;
	margin:20px auto;
}
.thinking-list {
	margin-top:20px;
	}
.thinking-list ul {
	list-style-type:none;
	margin-bottom:15px;
	}
.thinking-list li {
	padding:5px 0;
	}
.thinking-list p {
	margin:0;
	padding:0;
	font-weight:bold;
	}
	
@media (min-width:768px) {

	.line-title h3 {
		font-size:28px;
		text-align:left;
	}
	.thinking img {
		margin:25px 0;
	}
	
	}
	
/* ------------------- 半日デイサービス ------------------- */
.aqua {
	font-size:18px;
	color:#fff;
	background-color:#29c5dc;
	padding:10px 10px;
	margin:0;
	border-radius:5px;
	}
	
.orange {
	font-size:18px;
	color:#fff;
	background-color:#f5aa3b;
	padding:10px 10px;
	margin:0 10px;
	border-radius:5px;
	}
.day-flow table th {
	color:#006837;
	font-size:32px;
	background-color:#fff;
	text-align:left;
	width:10%;
	font-weight:bold;
	margin:0;
	padding:0;
}
.day-flow table td {
	font-size:18px;
	color:#000;
	background-color:#fff;
	font-weight:bold;
	margin:0;
	padding:0;
	}
.day-flow table {
	margin:0;
	border-bottom:2px dashed #87bc1f;
}
.day-flow p {
	margin-top:20px;
	}
.day-flow {
	margin:20px 0;
	}

@media (min-width:768px) {
	.day-flow table th {
		font-size:60px;
		}
	.day-flow table td {
		font-size:26px;
		}
}
	
/* ------------------- スタッフ ------------------- */
.staff-in {
	margin:25px 0;
	}
.staff-con {
	width:100%;
	}
.staff-con p {
	padding:20px 10px;
	}
.pic, .staff-info {
		float:left;
		width:50%;
	}
.pic img {
	display:block;
	width:95%;
	margin:0 auto;
	}
.staff-info h3 {
	font-size:18px;
	padding:10px 0 0 10px;
	}
.staff-info h2 {
	font-size:23px;
	padding:10px 0 0 10px;
	}
.staff-left p, .staff-right p {
	padding:10px;
	}
@media (min-width:768px) {
	.staff-left, .staff-right {
		float:left;
		width:50%;
	}
	.pic {
		width:60%;
		}
	.staff-info {
		width:40%;
		}
}

/* ------------------- 設備 ------------------- */
.eq-left img, .eq-right img {
	display:block;
	width:80%;
	margin:0 auto;
	}
.eq-left h3, .eq-right h3 {
	text-align:center;
	font-size:24px;
	}
.eq-left p, .eq-right p {
	padding:15px;
	}
	.eq-line-title h3 {
		margin-bottom:15px;
		}
	
@media (min-width:768px) {
	.eq {
		margin-top:60px;
		}
	.eq-left, .eq-right {
		float:left;
		width:50%;
		}
	.eq-right p {
		padding-top:15px;
		font-size:18px;
		line-height:1.5;
		}
}

/* ------------------- サイドナビゲーション ------------------- */
.sidenav img {
	display:block;
	margin-bottom:10px;
	width:95%;
	margin-right:auto;
	margin-left:auto;
	height:auto;
}
.sidenav a:hover img {
	opacity:0.8;
}

/* ------------------- お問い合わせ ------------------- */	
.contact {
	width:95%;
	margin:0 auto;
	padding:20px 10px;
	background-color:#fff;
}
.wpcf7 label {
	color:#fff;
	font-size:18px;
	width:10%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	display:block;
	background-color: #F1F1F1;
	color: #333;
	width: 90%;
	margin:5px auto;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}

.wpcf7 input[type="submit"] {
	font-size: 100%;
	display:block;
	width:90%;
	margin:30px auto;
	padding: 0.5em 0;
	background: #eee;
	color: #333;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	border: 1px solid #ccc;
	text-shadow: -1px 1px 0 rgba(255,255,255,1);
}
.wpcf7 input[type="submit"]:hover {
	box-shadow: 0 0 1px rgba(0,0,0,.2) inset;
}

.wpcf7 table {
	width:100%;
	}
.wpcf7 table th {
	width:30%;
	}
.wpcf7 table td {
	width:70%;
	}


@media (min-width:768px) {
	.contact {
		width:95%;
	}
}

	
/* ------------------- infomation ------------------- */	
.mymenu ul {
	list-style-type:none;
	border-bottom:1px solid #666666;
	}

.mymenu li a {
	display:block;
	padding:10px 15px;
	color:#000;
	font-size:16px;
	text-decoration:none;
	border-bottom:1px solid #666666;
	}
	
.mymenu li a:hover {
	background-color:#eeeeee;
	}

.infomation_mymenu ul {
	list-style-type:none;
	}	
	
.infomation_mymenu li a {
	display:block;
	padding:20px 15px;
	color:#000;
	font-size:18px;
	text-decoration:none;
	background-color:#EBEDED;
	margin:5px 0;
	}
	
.infomation_mymenu li a:hover {
	background-color:#989898;
	}


/* ------------------- お知らせ ------------------- */
.kiji-date  {
	margin-bottom:20px;
	color:#666;
	font-size:12px;
	}
	
.mymenu {
	margin-bottom:50px;
	}


@media (min-width:768px) {
	.toukou-date {
		float:left;
		width:30%;
		}
	.toukou-permalink {
		float:left;
		width:70%;
		}
	}
	
/* ------------------- トップ ------------------- */

.top_con h1 {
	font-size:32px;
	}
	
.maintitle p {
		font-size:16px;
		padding:10px;
		line-height:1.8;
		text-align:left;
	}

@media (max-width:320px) {
	.top_con h1 {
		font-size:28px;
		}
	.maintitle p {
		font-size:16px;
		}
}

@media (min-width:768px) {
	.maintitle p {
		font-size:17px;
		text-align:left;
	}

	}

.clearfix:after {
	display:block;
	content:"";
	clear:both;
}

/* ------------------- トップスライダー　固定css　暫定 ------------------- */
.slider img {
	width:100%;
	}