@charset "utf-8";


/*********************************

	01. Commons
	02. Contents
	03. Hack
	04. Mobile Layout

********************************/


/*====================================================================

　Commons

====================================================================*/

body{
	color: #212121;
	font-family: "ヒラギノ丸ゴ W4 JIS2004","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	/*font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;*/
	font-size: 85%;
	line-height: 1.7;
	background: url(../img/common/bg.gif) no-repeat 50% 0 #f2f3ea;
}

img {
	max-width: 100%;
	vertical-align: bottom;
	font-size: 0;
}

.clear {
	clear: both;
	font-size: 1%;
	line-height: 0;
	height: 0;
}

.center, 
.image_center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

.image_center img {
	width: auto;
}

.image_right:after, 
.image_left:after	{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.image_right img {
	margin: 0 0 10px 20px;
	width: auto;
	float: right;
}
.image_right .sstit, 
.image_right .numtit {
	display: inline;
}
.image_left img {
	margin: 0 20px 10px 0;
	width: auto;
	float: left;
}

.line {
	margin: 30px 0;
	height: 1px;
	border-top: 1px dashed #b8b1ad;
}

.pic {
	border: 3px solid #fff;
	-moz-box-shadow: 0px 0px 1px #bbb;
	-webkit-box-shadow: 0px 0px 1px #bbb;
	box-shadow: 0px 0px 1px #bbb;
}

/* box */
.box01 {
	margin: 20px 0;
	padding: 5px 15px;
	border: 1px solid #d5d5d5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.box02 {
	margin: 20px 0;
	padding: 0 15px 5px 15px;
	background-color: #f0fbf8;
	border: 1px solid #38a281;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* icon */
.icon {
	padding: 0 3px 0 5px;
	width: auto;
	height: auto;
	vertical-align: middle;
}

/* clearfix */
.clearfix { width: 100%; }
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}


/*
Link
---------------------------------------------------------*/

a:link {
	color: #2a8dbf;
	text-decoration: underline;
}
a:visited {
	color: #642594;
	text-decoration: underline;
}
a:hover {
	color: #2a8dbf;
	text-decoration: none;
}


/*
Navskip
---------------------------------------------------------*/

.navskip { display: none; }


/*
Fonts
---------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-size: 80%;
}

p { margin: 10px 0; font-size: 95%; }

.subtit {
	margin: 25px 0 15px 0;
	padding: 7px 10px 7px 15px;
	color: #445660;
	font-size: 120%;
	background-color: #f5f6ee;
	border-left: 5px solid #38a281;
}
.subtit a {
	display: block;
	padding-right: 20px;
	color: #445660;
	background: url(../img/common/ico_arrow05.png) no-repeat 100% 50%;
}

.sstit {
	margin: 25px 0 10px 0;
	padding: 0 0 0 10px;
	color: #313131;
	font-size: 100%;
	line-height: 1.4;
	border-left: 4px solid #38a281;
}
/* system */
.systemContents .sstit { border-left: 4px solid #f690aa; }

.sstit02 {
	margin: 25px 0 10px 0;
	padding: 0;
	font-size: 130%;
}
.sstit02 .icon {
	margin-right: 5px;
}
.sstit03 {
	margin: 25px 0 15px 0;
	padding-bottom: 10px;
	font-size: 140%;
	border-bottom: 3px solid #38a281;
}
/* system */
.systemContents .sstit03 { border-bottom: 3px solid #f690aa; }
@media screen and (max-width: 767px) {
	.sstit03 {
		margin: 5px 0 10px 0;
	}
}

.numtit {
	margin: 25px 0 20px 0;
	font-size: 120%;
}
.numtit .num {
	display: block;
	margin-right: 7px;
	padding: 5px 0;
	color: #fff;
	font-size: 90%;
	font-weight: normal;
	line-height: 1.3;
	width: 35px;
	float: left;
	background-color: #007ac3;
	text-align: center;
}
.numtit .tit {
	display: block;
	overflow: hidden;
}

#pageContents .catch {
	font-size: 140%;
	line-height: 1.5;
	color: #046f58;
}
#pageContents .catch02 {
	font-size: 110%;
	line-height: 1.5;
	color: #7aae3d;
}

.txt_deco01 { color: #df3939; }
.txt_deco02 { color: #7aae3d; }
.txt_deco03 { color: #999; }
.txt_deco04 { color: #38a281; }

#pageContents .fL { font-size: 110%; }
#pageContents .caption { font-size: 85%; }

.site {
	color: #777;
	font-size: 85%;
}

.font_l {
	font-size: 120%;
}
.sstit03_map .font_s{
	font-size: 80%;
}

.attention {
	color: #be1717;
	font-size: 85%;
	font-weight: normal;
}


/*
anchor
---------------------------------------------------------*/

.anchor {
	margin: 20px 0 30px 0;
	font-size: 80%;
	border-top: 1px dashed #e4e1d8;
	border-bottom: 1px dashed #e4e1d8;
}
.anchor ul {
	margin: 0;
	padding: 0;
}
.anchor li {
	list-style: none;
	margin: 10px 25px 10px 0;
	padding: 0;
	float: left;
}
.anchor li a {
	padding: 0 0 0 16px;
	background: url(../img/common/ico_anchor.png) no-repeat 0 0.4em;
}


/*
List
---------------------------------------------------------*/

/* linkList */

.linkList {
	margin: 10px 0;
}
.linkList li {
	padding: 0 0 0 25px;
	background: url(../img/common/ico_arrow_g02.png) no-repeat 5px 0.4em;
}

.linkList02 {
	margin: 30px 0 0 0;
}
	.linkList02 li {
		margin: 9px 0 0 0;
		padding: 0 0 9px 0;
		background: url(../img/common/line.png) repeat-x 0 bottom;
	}
		.linkList02 li a {
			padding: 0 0 0 25px;
			background: url(../img/common/ico_arrow_g02.png) no-repeat 5px 0.2em;
		}

/* system */
.systemContents .linkList02 li a { background: url(../img/common/ico_arrow_p02.png) no-repeat 5px 0.4em; }

.linkList03 {
	margin: 10px 0 0 0;
}
.linkList03 li {
	margin: 5px 0 0 0;
	padding: 0 0 0 25px;
	background: url(../img/common/ico_arrow_g02.png) no-repeat 5px 0.4em;
}

.linkList04 {
	margin: 10px 0 20px 0;
}
.linkList04 li {
	margin: 5px 0 0 0;
	padding: 0 0 0 25px;
	width: 33.333%;
	float: left;
	background: url(../img/common/ico_arrow_g02.png) no-repeat 5px 0.4em;
}
@media screen and (max-width: 767px) {
	.linkList04 li {
		width: auto;
		float: none;
	}
	.linkList li, 
	.linkList02 li a, 
	.systemContents .linkList02 li a, 
	.linkList03 li, 
	.linkList04 li {
		background-size: 12px 12px;
	}
}


/* normalList */

.normalList {
	margin: 10px 0;
	padding: 0 0 0 30px;
	font-size: 95%;
}
.normalList li {
	padding: 0;
}

/* numList */

.numList {
	margin: 10px 0;
	padding: 0 0 0 30px;
	font-size: 95%;
}
.numList li {
	margin: 0;
	list-style-type: decimal;
}

.numList02 {
	margin: 10px 0;
}
.numList02 li {
	margin: 10px 0 10px 25px;
	list-style-type: decimal;
}

/* recoList */
.recoList {
	margin: 10px 0 15px 0;
	font-size: 95%;
}
.recoList li {
	margin-bottom: 5px;
	padding: 0 0 0 25px;
	background: url(../img/common/ico_arrow_g02.png) no-repeat 5px 0.4em;
}
.recoList li .category {
	margin-left: 10px;
	padding: 2px 5px;
	font-size: 85%;
	line-height: 1.4;
	background-color: #f7f6ee;
	border: 1px solid #e4e2d2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
}

/* pageback */

.pageback a , 
.pageback_event a, 
.pageback_news a {
	display: block;
	margin-top: 25px;
	padding: 5px;
	font-size: 95%;
	background-color: #fafaf5;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.pageback a span {
	padding-left: 20px;
	background: url(../img/common/ico_arrow_g02.png) no-repeat 0 50%;
}
/* system */
.systemContents .pageback a span { background: url(../img/common/ico_arrow_p02.png) no-repeat 0 50%; }

.pageback_event a span {
	padding-left: 20px;
	background: url(../img/common/ico_arrow_y.png) no-repeat 0 50%;
}

.pageback_news a span {
	padding-left: 20px;
	background: url(../img/common/ico_arrow_g.png) no-repeat 0 50%;
}


/*
boxLink
---------------------------------------------------------*/

.boxLink {
	display: inline-block;
	margin: 10px 0;
}
.boxLink a {
	display: block;
	padding: 10px 15px 10px 35px;
	color: #0a9068;
	font-size: 90%;
	text-decoration: none;
	background: url(../img/common/ico_arrow_g02.png) no-repeat 15px center #fff;
	border: 1px solid #37a383;
	border-radius: 3px;
}
.boxLink a:hover {
	background-color: #e8f8f3;
}


/*
icon
---------------------------------------------------------*/

.pdf {
	padding-left: 23px;
	background: url(../img/common/ico_pdf.png) no-repeat 0 0.2em;
}


/*
box
---------------------------------------------------------*/

.box01 {
	padding: 10px 20px;
	background-color: #f8f6f2;
	border: 1px solid #eee8d9;
}


/*
Wrapper
---------------------------------------------------------*/

#wrapper {
	margin: 0 auto;
}


/*
Header
---------------------------------------------------------*/

header {
	display: block;
	margin: 0 auto;
	width: 100%;
}
#headerInner {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 170px;
}

/* logo */

#logo {
	padding-top: 18px;
	width: 410px;
	height: 60px;
}

/* sitenav */

#sitenav {
	position: absolute;
	top: 30px;
	right: 0;
}
#sitenavInner {
	margin: 0 auto;
	padding-top: 3px;
}
#sitenav ul {
	padding: 0 0 0 20px;
	height: 25px;
	float: right;
}
	#sitenav ul li {
		float: left;
	}
		#sitenav ul li a {
			padding-left: 10px;
			float: left;
			background: url(../img/common/sitenav.png) no-repeat;
			text-indent: -9999px;
		}
			#sitenav ul li.search a, 
			#sitenav ul li.facebook a {
				background-image: none;
				text-indent: inherit;
			}
			#sitenav ul li.search a img, 
			#sitenav ul li.facebook a img {
				width: 25px;
				height: 25px;
			}

/* home */
#sitenav ul li.home a { width: 75px; background-position: 0 0; }
/* sitemap */
#sitenav ul li.sitemap a { width: 95px; background-position: -75px 0; }
/* city */
#sitenav ul li.city a { width: 110px; background-position: -170px 0; }

/* gnav */

#gnav {
	margin: 10px auto 0 auto;
	width: 1000px;
	height: 70px;
}
	#gnav ul {
		margin: 0 auto;
		padding-top: 30px;
		width: 1000px;
		height: 70px;
	}
		#gnav ul li {
			float: left;
		}
			#gnav ul li a {
				width: 200px;
				height: 70px;
				float: left;
				background: url(../img/common/gnav.png) no-repeat;
				text-indent: -9999px;
			}

/* support */
#gnav ul li.support a { background-position: 0 0; }
#gnav ul li.support a:hover { background-position: 0 -70px; }
/* event */
#gnav ul li.event a { background-position: -200px 0; }
#gnav ul li.event a:hover { background-position: -200px -70px; }
/* health */
#gnav ul li.health a { background-position: -400px 0; }
#gnav ul li.health a:hover { background-position: -400px -70px; }
/* map */
#gnav ul li.map a { background-position: -600px 0; }
#gnav ul li.map a:hover { background-position: -600px -70px; }
/* system */
#gnav ul li.system a { background-position: -800px 0; }
#gnav ul li.system a:hover { background-position: -800px -70px; }


#spgnav {
	display: none;
}


/*
Contents
---------------------------------------------------------*/

#pageContents {
	margin: 35px auto 40px auto;
	width: 1000px;
}
@media screen and (max-width: 767px) {
	#pageContents {
		margin: 20px 0 10px 0;
		padding: 0 10px;
		width: 100%;
	}
}

.bnr li {
	margin-bottom: 15px;
}
.fade a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/*
container
---------------------------------------------------------*/

.container {
	margin: 0 auto;
	width: 1000px;
}

.colLeft {
	width: 480px;
	float: left;
}
.colRight {
	width: 480px;
	float: right;
}
@media screen and (max-width: 767px) {
	.container, 
	.colLeft, 
	.colRight {
		width: 100%;
	}
}


/*
mainTitle
---------------------------------------------------------*/

#mainTitle {
	padding: 0 0 20px 0;
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	color: #445660;
	font-size: 30px;
	text-align: center;
}


/*
tag
---------------------------------------------------------*/

.eventList li .tag, 
.newsList li .tag {
	display: inline-block;
	color: #fff;
	font-size: 80%;
	line-height: 1.3;
}
	.eventList li .tag span {
		display: inline-block;
		margin-top: 5px;
		padding: 1px 5px;
		min-width: 70px;
		float: left;
		text-align: center;
		border-radius: 2px;
	}
	.newsList li .tag span {
		display: inline-block;
		padding: 1px 5px;
		min-width: 70px;
		float: left;
		text-align: center;
		border-radius: 2px;
	}
	.eventList li .tag .tag01 { background-color: #88c74f; } /* 医療 */
	.eventList li .tag .tag02 { background-color: #1291d2; } /* 教育 */
	.eventList li .tag .tag03 { background-color: #9789be; } /* その他 */
	
	.newsList li .tag .tag01 { background-color: #9ed060; } /* 更新情報 */
	.newsList li .tag .tag02 { background-color: #f57e8c; } /* 募集 */
	.newsList li .tag .tag03 { background-color: #61c6d2; } /* お知らせ */

@media screen and (max-width: 767px) {
	.eventList li .tag, 
	.newsList li .tag {
		width: 15%;
	}
		.eventList li .tag span, 
		.newsList li .tag span {
			width: 100%;
			min-width: auto;
		}
}

#calendarArea .tag {
	display: inline-block;
	margin: 0;
	color: #fff;
	font-size: 85%;
	line-height: 1.3;
}
	#calendarArea .tag span {
		display: inline-block;
		margin: 0;
		padding: 1px 5px;
		min-width: 70px;
		float: none;
		text-align: center;
		border-radius: 2px;
	}
	#calendarArea .tag01 { background-color: #88c74f; } /* 医療 */
	#calendarArea .tag02 { background-color: #1291d2; } /* 教育 */
	#calendarArea .tag03 { background-color: #9789be; } /* その他 */

@media screen and (max-width: 767px) {
	#calendarArea .tag {
		display: block;
	}
}

/*
Main
---------------------------------------------------------*/

#mainContents {
	padding: 20px 40px 30px 40px;
	width: 1000px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
	#mainContents p {
		font-size: 100%;
	}
@media screen and (max-width: 767px) {
	#mainContents {
		padding: 20px 10px;
		width: 100%;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
}


/*
Sub
---------------------------------------------------------*/

#sub {
	width: 240px;
	float: right;
}


/*
footerBtn
---------------------------------------------------------*/

#footerBtn {
}
	#footerBtn .footerBtnList {
		margin: 0 auto;
		width: 1000px;
	}
		#footerBtn .footerBtnList li.footerBtn01 {
			margin-right: 28px;
			width: 480px;
			float: left;
		}
			#footerBtn .footerBtnList li.footerBtn01 img {
				width: 480px;
				height: 190px;
			}
		#footerBtn .footerBtnList li.footerBtn02 {
			margin-right: 28px;
			width: 230px;
			float: left;
		}
			#footerBtn .footerBtnList li.footerBtn02 li +li {
				margin-top: 8px;
			}
			#footerBtn .footerBtnList li.footerBtn02 img {
				width: 230px;
				height: 90px;
			}
		#footerBtn .footerBtnList li.footerBtn03 {
			width: 230px;
			float: left;
		}
			#footerBtn .footerBtnList li.footerBtn03 li +li {
				margin-top: 8px;
			}
				#footerBtn .footerBtnList li.footerBtn03 .textLink a {
					display: block;
					padding: 0 10px;
					color: #313131;
					line-height: 40px;
					text-decoration: none;
					height: 40px;
					background: url(../img/common/ico_arrow.png) no-repeat 97% 50% #fff;
					border: 1px solid #e5e5e5;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
				}
				#footerBtn .footerBtnList li.footerBtn03 .textLink a:hover {
					color: #2a8dbf;
				}
		#footerBtn .footerBtnList li img {
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			transition: all  0.3s ease;
		}
		#footerBtn .footerBtnList li img:hover {
			opacity: 0.7;
		}

@media screen and (max-width: 767px) {
	#footerBtn .footerBtnList {
		padding: 0 10px;
		width: 100%;
	}
		#footerBtn .footerBtnList li.footerBtn01 {
			margin: 0 0 10px 0;
			width: 100%;
			float: none;
		}
			#footerBtn .footerBtnList li.footerBtn01 img {
				width: 100%;
				height: auto;
			}
		#footerBtn .footerBtnList li.footerBtn02 {
			margin-right: 0;
			width: 100%;
			float: none;
		}
			#footerBtn .footerBtnList li.footerBtn02 li {
				margin-bottom: 10px;
				width: 48%;
				float: left;
			}
			#footerBtn .footerBtnList li.footerBtn02 li +li {
				margin: 0 0 0 4%;
			}
			#footerBtn .footerBtnList li.footerBtn02 img {
				width: 100%;
				height: auto;
			}
		#footerBtn .footerBtnList li.footerBtn03 {
			width: 100%;
			float: none;
			background-color: #fff;
			border: 1px solid #e5e5e5;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}
			#footerBtn .footerBtnList li.footerBtn03 li +li {
				margin-top: 0;
				border-top: 1px solid #e5e5e5;
			}
				#footerBtn .footerBtnList li.footerBtn03 .textLink a {
					display: block;
					padding: 5px 10px;
					line-height: 1.7;
					height: auto;
					background-color: transparent;
					border: none;
					-moz-border-radius: 0;
					-webkit-border-radius: 0;
					border-radius: 0;
				}
}


/*
Footer
---------------------------------------------------------*/

#footer {
	width: 100%;
	min-height: 170px;
	background: url(../img/common/bg_footer.png) no-repeat 50% bottom;
}
.footerInner {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	min-height: 170px;
}

@media screen and (max-width: 767px) {
	#footer {
		width: 100%;
		min-height: 100px;
		background: url(../img/common/bg_footer_sp.png) no-repeat right bottom;
	}
	.footerInner {
		padding: 0 10px;
		width: 100%;
	}
}

/* footerLink */
.footerLink {
	position: absolute;
	bottom: 13px;
	left: 0;
}
	.footerLink li {
		display: inline;
		padding: 0 10px;
	}
		.footerLink li a {
			color: #fff;
			font-size: 90%;
		}
@media screen and (max-width: 767px) {
	.footerLink {
		bottom: 80px;
	}
		.footerLink li a {
			color: #313131;
		}
}

/* copyright */
.copyright {
	position: absolute;
	bottom: 13px;
	right: 0;
}
.copyrightInner {
	margin: 0 auto;
	width: 1000px;
	text-align: center;
}
.copyright small {
	color: #fff;
	font-size: 75%;
}
@media screen and (max-width: 767px) {
	.copyright {
		bottom: 35px;
		line-height: 1.3;
		left: 10px;
		width: 60%;
	}
	.copyright small {
		color: #717171;
		line-height: 1.3;
	}
}

/* pagetop */
#pagetop {
	position: fixed;
	z-index: 100;
	right: 20px;
	bottom: 30px;
}
	#pagetop img {
		display: block;
		-moz-transition: 1s ease 0s;
		-webkit-transition: opacity 1s ease 0s;
	}
	#pagetop a:hover img {
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
@media screen and (max-width: 767px) {
	#pagetop img {
		width: 40px;
		height: 40px;
	}
}



/*====================================================================

　Contents

====================================================================*/

/*breadcrumb
---------------------------------------------------------*/

#breadcrumb {
	margin: 25px 0;
	padding: 10px 0;
	font-size: 85%;
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #ebe9e9;
}
#breadcrumbInner {
	margin: 0 auto;
	width: 1000px;
}
	#breadcrumb #breadcrumbInner li {
		display: inline;
		margin-right: 10px;
	}
	#breadcrumb #breadcrumbInner li a {
		margin-right: 10px;
	}
		#breadcrumb #breadcrumbInner li a.home {
			padding-left: 20px;
			background: url(../img/common/ico_home.png) no-repeat 0 50%;
		}
@media screen and (max-width: 767px) {
	#breadcrumbInner {
		padding: 0 10px;
		width: 100%;
	}
}


/*moreBtn
---------------------------------------------------------*/

.moreBtn {
	display: inline-block;
}
	.moreBtn .arrow {
		padding-right: 7px;
		font-size: 85%;
	}
	.moreBtn a {
		display: block;
		padding: 10px 20px 10px 20px;
		color: #fff;
		font-size: 90%;
		text-decoration: none;
		border: 0 none;
		text-align: center;
		background-color: #38a281;
		-moz-box-shadow: 0 -3px 0 #308a6e inset;
		-webkit-box-shadow: 0 -3px 0 #308a6e inset;
		box-shadow: 0 -3px 0 #308a6e inset;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	.moreBtn a:hover {
		background-color: #4fb092;
		-moz-box-shadow: 0 -3px 0 #308a6e inset;
		-webkit-box-shadow: 0 -3px 0 #308a6e inset;
		box-shadow: 0 -3px 0 #308a6e inset;
	}

/*contactBox
---------------------------------------------------------*/

.contactBox {
	margin: 20px auto 0 auto;
	padding: 20px 20px 10px 20px;
	width: 1000px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
	.contactBox h2 {
		margin-bottom: 15px;
		padding: 10px 15px;
		font-size: 110%;
		background-color: #fafaf5;
		border: 1px solid #ebe9e9;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.contactBox p {
		margin: 10px 20px;
		font-size: 100%;
	}
@media screen and (max-width: 767px) {
	.contactBox {
		padding: 20px 10px;
		width: 100%;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
}


/*form
---------------------------------------------------------*/

/* label */
form label {
	margin-right: 7px;
}

/* select, textarea */
select, textarea {
	margin: 3px 0;
	padding: 2px 3px;
	font-size: 110%;
	background: #fff;
	border: 2px solid #e1dedb;
}
/* input */
input {
	margin: 3px 0;
	padding: 5px 3px;
	background: #fff;
	border: 2px solid #e1dedb;
}
@media screen and (max-width: 767px) {
	input, 
	select, 
	textarea { font-size: 16px; }
}

/* iOSでinput要素の角が丸くなる仕様をリセット */
input[type="submit"], 
input[type="button"] {
	-webkit-appearance: none;
}

/* checkbox */
input[type="checkbox"] {
	display: none;
}
label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 22px;
	cursor: pointer;
}
label::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #fff;
	border: 2px solid #e1dedb;
}
input[type="checkbox"]:checked + label::after {
	position: absolute;
	content: '';
	top: 5px;
	left: 3px;
	width: 13px;
	height: 5px;
	border-left: 4px solid #f66c7c;
	border-bottom: 4px solid #f66c7c;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* radio */
input[type="radio"] {
	display: none;
}
label.radiobtn {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 20px;
	cursor: pointer;
}
label.radiobtn::before {
	position: absolute;
	content: '';
	top: 50%;
	left: -1px;
	width: 15px;
	height: 15px;
	margin-top: -9px;
	background: #fff;
	border: 2px solid #dbd7d3;
	border-radius: 100%;
}
input[type="radio"]:checked + label.radiobtn::after {
	position: absolute;
	content: '';
	top: 50%;
	left: 4px;
	width: 9px;
	height: 9px;
	margin-top: -4px;
	background: #f66c7c;
	border-radius: 100%;
}

/* file */
input[type="file"] {
	border: none;
}

/* 必須項目 */
table th .attention {
	display: inline-block;
	margin-top: 1px;
	padding: 1px 5px;
	color: #fff;
	font-size: 80%;
	font-weight: normal;
	float: right;
	background-color: #d94744;
	text-align: center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}


/*news
---------------------------------------------------------*/

.newsArea .newsList {
	margin: 15px auto 5px auto;
	padding-bottom: 10px;
	background: url(../img/common/line.png) repeat-x 0 bottom;
}
	.newsList li:after{
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	.newsList li + li {
		margin-top: 10px;
		padding-top: 10px;
		background: url(../img/common/line.png) repeat-x 0 top;
	}
		.newsArea .newsList p {
			margin: 0;
		}
		.newsList .date {
			font-size: 100%;
			width: 130px;
			float: left;
		}
			.newsList .date span {
				font-size: 125%;
			}
.newsList .sat { color: #2b9bb2; }
.newsList .sun { color: #d12a2a; }
			.newsList .title {
				font-size: 100%;
				width: 690px;
				float: right;
			}

@media screen and (max-width: 767px) {
	.newsArea .newsList {
		margin: 0 auto;
		width: 95%;
	}
		.newsList .date {
			padding-right: 10px;
			width: auto;
		}
		.newsList .title {
			width: 100%;
			float: none;
		}
}


/*point
---------------------------------------------------------*/

/* catchArea */
.catchArea {
	margin-bottom: 60px;
	padding: 30px 110px 30px 130px;
	background: url(../img/point/bg_nikosup.png) no-repeat 50% 50%;
}
	.catchArea .image {
		width: 210px;
		height: 200px;
		float: left;
	}
	.catchArea .text {
		width: 520px;
		float: right;
	}
		.catchArea .text .catch {
			width: 520px;
			height: 70px;
		}
		.catchArea .text p {
			margin: 20px 0 0 0;
			font-size: 105%;
			line-height: 1.9;
		}
@media screen and (max-width: 767px) {
	.catchArea {
		margin-bottom: 20px;
		padding: 10px 0;
		background: none;
	}
		.catchArea .image {
			margin: 0 auto 10px auto;
			float: none;
		}
		.catchArea .text {
			width: 100%;
			float: none;
		}
			.catchArea .text .catch {
				margin: 0 auto;
				width: 100%;
				height: auto;
			}
			.catchArea .text p {
				margin: 10px 0 0 0;
				font-size: 95%;
				line-height: 1.7;
			}
}

/* pointBlock */
.pointBlock {
	margin-bottom: 15px;
	padding: 0 40px 0 0;
	width: 1000px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
	.pointBlock .image {
		padding: 20px 0;
		width: 320px;
		float: left;
		text-align: right;
	}
		.pointBlock .image img {
			width: 275px;
			height: 240px;
		}
		.pointBlock .image a img {
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			transition: all  0.3s ease;
		}
		.pointBlock .image a:hover img {
			opacity: 0.7;
		}
	.pointBlock .text {
		padding: 20px 0;
		width: 620px;
		float: right;
	}
		.pointBlock .text h3 {
			margin-top: 20px;
			font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
			font-size: 200%;
		}
		#pageContents .pointBlock .text .catch {
			color: #313131;
			font-size: 120%;
			font-weight: bold;
		}
		.pointBlock .text p {
			font-size: 100%;
		}
		.pointBlock .text .moreBtn {
			margin-top: 10px;
			float: right;
		}

/* support01 */
.support01 .pointBlock { background: url(../img/point/bg_support01.gif) repeat-y left top #fff; }
.support01 .pointBlock .text h3 { color: #eab033; }
.support01 .pointBlock .text .moreBtn a {
	background-color: #eab033;
	-moz-box-shadow: 0 -3px 0 #c7962b inset;
	-webkit-box-shadow: 0 -3px 0 #c7962b inset;
	box-shadow: 0 -3px 0 #c7962b inset;
}
.support01 .pointBlock .text .moreBtn a:hover { background-color: #f0bb49; }
/* support02 */
.support02 .pointBlock { background: url(../img/point/bg_support02.gif) repeat-y left top #fff; }
.support02 .pointBlock .text h3 { color: #5e82ce; }
.support02 .pointBlock .text .moreBtn a {
	background-color: #6a8bd0;
	-moz-box-shadow: 0 -3px 0 #5a76b1 inset;
	-webkit-box-shadow: 0 -3px 0 #5a76b1 inset;
	box-shadow: 0 -3px 0 #5a76b1 inset;
}
.support02 .pointBlock .text .moreBtn a:hover { background-color: #7d9ad7; }
/* support03 */
.support03 .pointBlock { background: url(../img/point/bg_support03.gif) repeat-y left top #fff; }
.support03 .pointBlock .text h3 { color: #e56a79; }
.support03 .pointBlock .text .moreBtn a {
	background-color: #f07988;
	-moz-box-shadow: 0 -3px 0 #cc6774 inset;
	-webkit-box-shadow: 0 -3px 0 #cc6774 inset;
	box-shadow: 0 -3px 0 #cc6774 inset;
}
.support03 .pointBlock .text .moreBtn a:hover { background-color: #f58a97; }
/* support04 */
.support04 .pointBlock { background: url(../img/point/bg_support04.gif) repeat-y left top #fff; }
.support04 .pointBlock .text h3 { color: #3da9be; }
.support04 .pointBlock .text .moreBtn a {
	background-color: #61c7dc;
	-moz-box-shadow: 0 -3px 0 #53a9bb inset;
	-webkit-box-shadow: 0 -3px 0 #53a9bb inset;
	box-shadow: 0 -3px 0 #53a9bb inset;
}
.support04 .pointBlock .text .moreBtn a:hover { background-color: #79cee0; }
/* support05 */
.support05 .pointBlock { background: url(../img/point/bg_support05.gif) repeat-y left top #fff; }
.support05 .pointBlock .text h3 { color: #5b8224; }
.support05 .pointBlock .text .moreBtn a {
	background-color: #7baf32;
	-moz-box-shadow: 0 -3px 0 #69952b inset;
	-webkit-box-shadow: 0 -3px 0 #69952b inset;
	box-shadow: 0 -3px 0 #69952b inset;
}
.support05 .pointBlock .text .moreBtn a:hover { background-color: #89b846; }

@media screen and (max-width: 767px) {
	.pointBlock {
		padding: 0;
		width: 100%;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
		.pointBlock .image {
			margin-bottom: 7px;
			padding: 10px 15px;
			width: 100%;
			float: none;
			text-align: center;
		}
			.pointBlock .image img {
				width: 275px;
				height: 240px;
			}
		.pointBlock .text {
			padding: 0 15px 20px 15px;
			width: 100%;
			float: none;
		}
			.pointBlock .text h3 {
				margin-top: 0;
			}
			.pointBlock .text p {
				margin: 5px 0;
				font-size: 90%;
			}
			.pointBlock .text .moreBtn {
				width: 100%;
				float: none;
			}
	.support01 .pointBlock, 
	.support02 .pointBlock, 
	.support03 .pointBlock, 
	.support04 .pointBlock, 
	.support05 .pointBlock { background-image: none; }
	.support01 .pointBlock .image { background: url(../img/point/bg_support01.gif) repeat left top #fff; }
	.support02 .pointBlock .image { background: url(../img/point/bg_support02.gif) repeat left top #fff; }
	.support03 .pointBlock .image { background: url(../img/point/bg_support03.gif) repeat left top #fff; }
	.support04 .pointBlock .image { background: url(../img/point/bg_support04.gif) repeat left top #fff; }
	.support05 .pointBlock .image { background: url(../img/point/bg_support05.gif) repeat left top #fff; }
}

/* btnArea */
.btnArea {
	position: relative;
	margin: 20px 0;
	padding: 10px 15px 15px 15px;
	background-color: #fafaf5;
	border: 1px solid #ebe9e9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	.btnArea .btnAreaTit {
		display: none;
	}
	.btnArea .linkBtn {
		display: block;
	}
	.btnArea .linkBtn li {
		margin: 5px 5px 0 0;
		font-size: 95%;
		float: left;
		background-color: #fff;
		border: 1px solid #ddd;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.btnArea .linkBtn li a {
		display: block;
		padding: 7px 15px 7px 34px;
		color: #313131;
		background: url(../img/common/ico_arrow_g02.png) no-repeat 15px 50%;
		text-decoration: none;
	}
	.btnArea .linkBtn li a:hover {
		color: #1bb685;
	}
	.btnArea .linkBtn li a.select {
		color: #38a281;
		font-weight: bold;
	}
@media screen and (max-width: 767px) {
	.btnArea .btnAreaTit {
		display: block;
		padding: 8px 15px;
		color: #fff;
		font-size: 120%;
		height: auto;
		background: url(../img/common/ico_plus.png) no-repeat 96% center #38a281;
		background-size: 16px 16px;
		text-indent: 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.btnArea .btnAreaTit.selected {
		background: url(../img/common/ico_minus.png) no-repeat 96% center #38a281;
		background-size: 16px 16px;
	}
	.btnArea .linkBtn li {
		width: 100%;
		float: none;
	}
}

/* pointIcon */

.pointIcon {
	display: table;
	margin: 0 auto 20px auto;
	padding-top: 5px;
	width: 100%;
}
	.pointIcon li {
		display: block;
		margin: 0;
		font-size: 100%;
		font-weight: bold;
		width: 196px;
		float: left;
		background-color: #fff;
		border: 1px solid #e4e4db;
		text-align: center;
		box-sizing: border-box;
		vertical-align: middle;
		cursor: pointer;
		border-radius: 3px;
	}
	.pointIcon li + li {
		margin: 0 0 0 5px;
	}
	.pointIcon li.pointIcon01 {
		color: #eab033;
		border: 2px solid #fae3b2;
	}
		.pointIcon li.pointIcon01 a {
			color: #eab033;
		}
		.pointIcon li.pointIcon01 a:hover, 
		.pointIcon li.pointIcon01 .select, 
		.pointIcon li.pointIcon01 .numText {
			color: #fff;
			background-color: #eab033;
		}
		.pointIcon li.pointIcon01 a.select:after {
			border-top: 10px solid #eab033;
		}
	.pointIcon li.pointIcon02 {
		color: #5e82ce;
		border: 2px solid #becff0;
	}
		.pointIcon li.pointIcon02 a {
			color: #5e82ce;
		}
		.pointIcon li.pointIcon02 a:hover, 
		.pointIcon li.pointIcon02 .select, 
		.pointIcon li.pointIcon02 .numText {
			color: #fff;
			background-color: #6a8bd0;
		}
		.pointIcon li.pointIcon02 a.select:after {
			border-top: 10px solid #6a8bd0;
		}
	.pointIcon li.pointIcon03 {
		color: #e56a79;
		border: 2px solid #f8ced3;
	}
		.pointIcon li.pointIcon03 a {
			color: #e56a79;
		}
		.pointIcon li.pointIcon03 a:hover, 
		.pointIcon li.pointIcon03 .select, 
		.pointIcon li.pointIcon03 .numText {
			color: #fff;
			background-color: #f07988;
		}
		.pointIcon li.pointIcon03 a.select:after {
			border-top: 10px solid #f07988;
		}
	.pointIcon li.pointIcon04 {
		color: #3da9be;
		border: 2px solid #b0e3ed;
	}
		.pointIcon li.pointIcon04 a {
			color: #3da9be;
		}
		.pointIcon li.pointIcon04 a:hover, 
		.pointIcon li.pointIcon04 .select, 
		.pointIcon li.pointIcon04 .numText {
			color: #fff;
			background-color: #61c7dc;
		}
		.pointIcon li.pointIcon04 a.select:after {
			border-top: 10px solid #61c7dc;
		}
	.pointIcon li.pointIcon05 {
		color: #5b8224;
		border: 2px solid #cfe5b0;
	}
		.pointIcon li.pointIcon05 a {
			color: #5b8224;
		}
		.pointIcon li.pointIcon05 a:hover, 
		.pointIcon li.pointIcon05 .select, 
		.pointIcon li.pointIcon05 .numText {
			color: #fff;
			background-color: #7baf32;
		}
		.pointIcon li.pointIcon05 a.select:after {
			border-top: 10px solid #7baf32;
		}
	.pointIcon li a {
		display: block;
		padding: 12px 3px;
		text-decoration: none;
		position: relative;
	}
	.pointIcon li a.select:after {
		content: "";
		position: absolute;
		top: 46px;
		left: 45%;
		height: 0;
		width: 0;
		border: 10px solid transparent;
	}
	.pointIcon li .numText {
		display: inline-block;
		padding: 1px 5px;
		font-size: 80%;
		font-weight: normal;
		border-radius: 2px;
	}
@media screen and (max-width: 640px) {
	.pointIcon li {
		margin: 0 0.5% 1% 0.5%;
		font-size: 95%;
		width: 48%;
	}
	.pointIcon li + li {
		margin: 0 0.5% 1% 0.5%;
	}
	.pointIcon li a.select:after {
		display: none;
	}
	.pointIcon li a {
		padding: 7px 1px;
	}
}

.support_infoArea01 {
	margin: 20px 0;
	text-align: right;
}
	.support_infoArea01 #mainTitle {
		padding: 20px 0 20px 100px;
		width: 650px;
		float: left;
		background: url(../img/point/ico_support01.png) no-repeat left 50%;
		text-align: left;
	}
	.support_infoArea01 .boxLink {
		margin: 30px 0 0 0;
		text-align: left;
	}
		.support_infoArea01 .boxLink a {
			padding: 7px 10px 7px 35px;
		}
.support_infoArea02 {
	margin: 20px 0;
	text-align: right;
}
	.support_infoArea02 #mainTitle {
		padding: 20px 0 20px 100px;
		width: 650px;
		float: left;
		background: url(../img/point/ico_support02.png) no-repeat left 50%;
		text-align: left;
	}
	.support_infoArea02 .boxLink {
		margin: 30px 0 0 0;
		text-align: left;
	}
		.support_infoArea02 .boxLink a {
			padding: 7px 10px 7px 35px;
		}
.support_infoArea03 {
	margin: 20px 0;
	text-align: right;
}
	.support_infoArea03 #mainTitle {
		padding: 20px 0 20px 100px;
		width: 650px;
		float: left;
		background: url(../img/point/ico_support03.png) no-repeat left 50%;
		text-align: left;
	}
	.support_infoArea03 .boxLink {
		margin: 30px 0 0 0;
		text-align: left;
	}
	.support_infoArea03 .boxLink a {
		padding: 7px 10px 7px 35px;
	}
.support_infoArea04 {
	margin: 20px 0;
	text-align: right;
}
	.support_infoArea04 #mainTitle {
		padding: 20px 0 20px 100px;
		width: 650px;
		float: left;
		background: url(../img/point/ico_support04.png) no-repeat left 50%;
		text-align: left;
	}
	.support_infoArea04 .boxLink {
		margin: 30px 0 0 0;
		text-align: left;
	}
	.support_infoArea04 .boxLink a {
		padding: 7px 10px 7px 35px;
	}
.support_infoArea05 {
	margin: 20px 0;
	text-align: right;
}
	.support_infoArea05 #mainTitle {
		padding: 20px 0 20px 100px;
		width: 650px;
		float: left;
		background: url(../img/point/ico_support05.png) no-repeat left 50%;
		text-align: left;
	}
	.support_infoArea05 .boxLink {
		margin: 30px 0 0 0;
		text-align: left;
	}
	.support_infoArea05 .boxLink a {
		padding: 7px 10px 7px 35px;
	}
@media screen and (max-width: 991px) {
	.support_infoArea01 #mainTitle, 
	.support_infoArea02 #mainTitle, 
	.support_infoArea03 #mainTitle, 
	.support_infoArea04 #mainTitle, 
	.support_infoArea05 #mainTitle {
		width: 100%;
		float: left;
	}
		.support_infoArea01 .boxLink, 
		.support_infoArea02 .boxLink, 
		.support_infoArea03 .boxLink, 
		.support_infoArea04 .boxLink, 
		.support_infoArea05 .boxLink {
			margin: 0;
			padding: 0;
		}
}


/*health
---------------------------------------------------------*/

/* tabs */
.tabsAge ul.tabs, 
.tabsAge_event ul.tabs {
	display: table;
	margin: 0 auto 20px auto;
	padding-top: 5px;
	width: 100%;
}
	.tabsAge ul.tabs li, 
	.tabsAge_event ul.tabs li {
		display: table-cell;
		padding: 8px 2px;
		font-size: 95%;
		width: 10%;
		border-bottom: 3px solid #e4e4db;
		text-align: center;
		box-sizing: border-box;
		vertical-align: middle;
		overflow: hidden;
		cursor: pointer;
	}
	.tab6col ul.tabs li {
		width: 16.666%;
	}
	.tabsAge ul.tabs li:hover, 
	.tabsAge ul.tabs li.select,
	.tabsAge_event ul.tabs li.select {
		color: #1bb685;
		border-bottom: 3px solid #3abc93;
	}

/* tabsAge_event */
	.tabsAge_event ul.tabs li:hover, 
	.tabsAge_event ul.tabs li.select {
		color: #1bb685;
		border-bottom: 3px solid #3abc93;
	}
	.tabsAge_event ul.tabs li:hover, 
	.tabsAge_event ul.tabs li.select {
		color: #eea409;
		border-bottom: 3px solid #f8b62d;
	}

/* system */
	.systemContents .tabsAge ul.tabs li:hover, 
	.systemContents .tabsAge ul.tabs li.select {
		color: #f17091;
		border-bottom: 3px solid #f690aa;
	}

@media screen and (max-width: 767px) {
	.tabsAge, 
	.tabsAge_event {
		margin: 0 0 20px 0;
	}
		.tabsAge ul.tabs, 
		.tabsAge_event ul.tabs {
			display: block;
			margin: 0 auto 15px auto;
			position: static;
			width: 100%;
		}
			.tabsAge ul.tabs li, 
			.tabsAge_event ul.tabs li {
				display: block;
				padding: 8px 5px;
				line-height: 1.2;
				width: 20%;
				height: auto;
				min-height: auto;
				float: left;
			}
			.tab6col ul.tabs li {
				display: block;
				padding: 8px 5px;
				line-height: 1.2;
				width: 33.333%;
				height: auto;
				min-height: auto;
				float: left;
			}
}

.hide {
	display: none;
}

/* date */
#mainContents .date {
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-weight: bold;
	border-bottom: 2px solid #ebe9e9;
}
#mainContents .newsList .date {
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: normal;
	border-bottom: none;
}



/*event
---------------------------------------------------------*/

/* calendarTitle */

.calendarTitle {
	position: relative;
	margin: 20px 0;
	padding: 10px 15px;
	background-color: #fafaf5;
	border: 1px solid #ebe9e9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	.calendarTitle h3 {
		font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
		font-size: 160%;
	}
	.calendarTitle .monthBtn {
		position: absolute;
		top: 5px;
		right: 15px;
	}
	.calendarTitle .monthBtn li {
		margin: 5px 0;
		font-size: 85%;
		width: 90px;
		float: left;
		background-color: #fff;
		border: 1px solid #ddd;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.calendarTitle .monthBtn li.next {
		margin-left: 7px;
	}
	.calendarTitle .monthBtn li a {
		display: block;
		color: #313131;
		text-decoration: none;
	}
	.calendarTitle .monthBtn li.prev a {
		padding: 7px 0 7px 30px;
		background: url(../img/common/ico_arrow_prev.png) no-repeat 10px 50%;
	}
	.calendarTitle .monthBtn li.next a {
		padding: 7px 0 7px 12px;
		background: url(../img/common/ico_arrow_y.png) no-repeat 67px 50%;
	}
	.calendarTitle .monthBtn li a:hover {
		color: #eea409;
	}
@media screen and (max-width: 767px) {
	.calendarTitle {
		margin: 0 0 10px 0;
		text-align: center;
	}
		.calendarTitle .monthBtn {
			position: static;
			margin: 0 auto;
			width: 200px;
		}
			.calendarTitle .monthBtn li a {
				text-align: left;
			}
}

/* calendar */

#calendarArea {
	margin: 15px 0 0 0;
}

#calendar, 
#calendar .cHead, 
#calendar .cBody, 
#calendar .cRow, 
#calendar .cRow > div, 
#calendar .cHead > div, 
#calendar .cRow > div > span.cDate {
	box-sizing: border-box;
}

#calendar {
	width: 100%;
	height: 100%;
}
#calendar .cHead {
	height: 32px;
	line-height: 32px;
	background: #eee;
	color: #313131;
	font-size: 90%;
}
#calendar .cBody {
	position: relative;
	width: 100%;
	height: 100%;
	height: -moz-calc(100% - 30px);
	height: -webkit-calc(100% - 30px);
	height: calc(100% - 30px);
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	line-height: 1.4;
}
#calendar .cRow {
	width: 100%;
	border-bottom: 1px solid #ddd;
}
#calendar .cRow  {
	height: 20%;
}
#calendar .cRow > div,
#calendar .cHead > div {
	float: left;
	height: 100%;
	width:  14.28%; /* 100% / 7 */
	width: -moz-calc(100%/7);
	width: -webkit-calc(100%/7);
	/*width: calc(100%/7);*/
	position: relative;
}

/* IE 9 is rounding up the calc it seems */
.ie9 #calendar .cRow > div,
.ie9 #calendar .cHead > div {
	width:  14.2%;
}

#calendar .cRow > div {
	border-right: 1px solid #ddd;
	padding: 4px;
	overflow: hidden;
	position: relative;
}
#calendar .cHead > div {
	text-align: center;
}
#calendar .cRow > div > span.cDate {
	position: absolute;
	width: 30px;
	height: 20px;
	font-size: 20px;
	line-height: 20px;
	font-weight: 700;
	bottom: 5px;
	right: 5px;
}
#calendar .cRow > div > span.cDate {
	color: #313131;
	font-size: 85%;
	font-weight: 300;
	bottom: auto;
	right: auto;
	top: 5px;
	left: 5px;
}
#calendar .cRow > div > span.cWeekday {
	padding-left: 5px;
	display: none;
}

#calendar .cRow > div > span.cDate {
		width: 30px;
		display: inline-block;
	}
#calendar .cRow > div > div {
	margin-top: 25px;
}
#calendar .cRow > div {
	box-shadow: -1px 0 0 #ddd;
	border: none;
	padding: 5px 8px;
}
#calendar .cRow > div:first-child{
	box-shadow: none;
}
#calendar .cRow > div > div a,
#calendar .cRow > div > div span {
	text-transform: none;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	margin-bottom: 1px;
}
#calendar .cEventArea {
	font-size: 95%;
}

#calendar .cHead .sun {
	color: #d12a2a;
	background-color: #ffdbdb;
}
#calendar .cBody .cRow > div.sun > span.cDate, 
#calendar .cRow > div.sun > span.cWeekday {
	color: #d12a2a;
}
#calendar .cHead .sat {
	color: #1991a9;
	background-color: #d3f2f8;
}
#calendar .cBody .cRow > div.sat > span.cDate, 
#calendar .cRow > div.sat > span.cWeekday {
	color: #2b9bb2;
}

#calendar .event + .event {
	padding-top: 5px;
	border-top: 1px dashed #b8b1ad;
}
#calendar .hide {
	display: block;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.datetit {
	margin: 0 0 10px 0;
	font-size: 100%;
}

/* event title */
.sstit_event {
	margin: 25px 0 10px 0;
	padding: 0 0 0 10px;
	color: #313131;
	font-size: 110%;
	border-left: 4px solid #f8b62d;
}
.sstit03_event {
	margin: 25px 0 15px 0;
	padding-bottom: 10px;
	font-size: 140%;
	border-bottom: 3px solid #f8b62d;
}

/* map title */
.sstit_map {
	margin: 25px 0 10px 0;
	padding: 0 0 0 10px;
	color: #313131;
	font-size: 110%;
	border-left: 4px solid #58bcd0;
}
.sstit03_map {
	margin: 25px 0 15px 0;
	padding-bottom: 10px;
	font-size: 140%;
	border-bottom: 3px solid #58bcd0;
}

/* news title */
.sstit_news {
	margin: 25px 0 10px 0;
	padding: 0 0 0 10px;
	color: #313131;
	font-size: 110%;
	border-left: 4px solid #aacb47;
}
.sstit03_news {
	margin: 25px 0 15px 0;
	padding-bottom: 10px;
	font-size: 140%;
	border-bottom: 3px solid #aacb47;
}

/* map */
#div_map #map_canvas {
	width: 100% !important;
	height: 470px !important;
}
@media screen and (max-width: 767px) {
	#div_map #map_canvas {
		width: auto !important;
		height: 300px !important;
	}
}


/*map
---------------------------------------------------------*/

/* mapIcon */

.mapIcon02 {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	margin: 0 auto 20px auto;
	padding-top: 5px;
	width: 100%;
}
	.mapIcon02 li {
		padding: 8px 2px;
		font-size: 95%;
		width: 10%;
		border-bottom: 3px solid #e4e4db;
		text-align: center;
		box-sizing: border-box;
		vertical-align: middle;
		overflow: hidden;
		cursor: pointer;
	}
	.mapIcon02 li {
		width: calc(100% / 7);
	}
	.mapIcon02_top li {
		width: calc(100% / 6);
	}
	.mapIcon02 li:hover, 
	.mapIcon02 li.select {
		border-bottom: 3px solid #58bcd0;
	}
	.mapIcon02 li a {
		display: block;
		padding: 0 3px 5px 3px;
		color: #313131;
		text-decoration: none;
	}
	.mapIcon02 li:hover a, 
	.mapIcon02 li.select a {
		color: #4cc2d9;
	}
	.mapIcon02 li .icon {
		display: block;
		margin: 0 auto;
		width: 70px;
	}
	.mapIcon02 li .text {
		display: block;
		margin-top: 10px;
		font-size: 90%;
		line-height: 1.3;
		text-align: center;
	}
@media screen and (max-width: 640px) {
	.mapIcon02 li, 
	.mapIcon02_top li {
		width: 33.333%;
	}
	.mapIcon02 li.back {
		display: block;
		padding: 0;
		width: 100%;
		border: 1px solid #e4e4db;
		border-radius: 5px;
	}
		.mapIcon02 li.back .icon {
			display: inline-block;
		}
		.mapIcon02 li.back .text {
			display: inline-block;
		}
	.mapIcon02 li .icon {
		width: 50px;
	}
}

#mapCover {
	margin: 15px 0;
	padding: 4px;
	border: 1px solid #eceae5;
}
#mapCover #map {
	width: 100%;
	height: 470px;
}
@media screen and (max-width: 767px) {
	#mapCover #map {
		width: auto;
		height: 300px;
	}
}

.mapIconList {
	padding: 10px 0;
	width: 100%;
}
.mapIconList ul {
	display: table;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 90%;
	width: 100%;
}
.mapIconList li {
	display: table-cell;
	list-style: none;
	padding: 0 20px 0 0;
	float: left;
	vertical-align: middle;
}
.mapIconList li img {
	margin-right: 5px;
	width: 25px;
	vertical-align: middle;
}

.mapList {
	margin: 15px 0 0 0;
}
.mapList li {
	padding: 7px 0;
	width: 49%;
	float: left;
	border-bottom: 1px dashed #b8b1ad;
}
.mapList li:nth-child(odd) {
	clear: left;
}
.mapList li:nth-child(2n) {
	margin-left: 2%;
}
.mapList li a {
	padding-left: 17px;
	background: url(../img/common/ico_arrow01.png) no-repeat 0 0.3em;
}

/* mapUnit */

.mapUnitCover {
	margin-top: 20px;
	padding: 1px 10px;
	background-color: #fafaf5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}
.mapUnit {
	margin: 10px 0;
	padding: 20px;
	background-color: #fff;
	border: 2px solid #eceae5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}
	.mapUnit .mapPhoto {
		width: 300px;
		float: right;
	}
		.mapUnit .mapPhoto li.main {
			margin: 0 0 9px 0;
			width: 300px;
			float: left;
		}
		.mapUnit .mapPhoto li.sub {
			margin: 0 0 9px 0;
			width: 145px;
			float: left;
		}
			.mapUnit .mapPhoto li.sub + li.sub {
				margin: 0 0 9px 9px;
			}
			.mapUnit .mapPhoto li img {
				width: 100%;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px
			}
	.mapUnit .mapTableArea {
		/*width: 530px;
		float: left;*/
	}
		.mapUnit .mapTableArea .sstit03_map {
			margin: 0 0 20px 0;
			padding: 0 0 5px 0;
		}
		.mapUnit .mapTableArea .table01 th {
			width: 150px;
		}
		.mapUnit .mapTableArea .linkList {
			margin: 10px 0;
		}
			.mapUnit .mapTableArea .linkList li {
				padding: 0 0 0 25px;
				background: url(../img/common/ico_arrow_lb.png) no-repeat 5px 0.4em;
			}
@media screen and (max-width: 767px) {
	.mapUnit .mapPhoto {
		width: auto;
		float: none;
	}
		.mapUnit .mapPhoto li.main {
			margin: 0 0 2% 0;
			width: 100%;
			float: left;
		}
		.mapUnit .mapPhoto li.sub {
			margin: 0 0 1% 0;
			width: 49%;
		}
			.mapUnit .mapPhoto li.sub + li.sub {
				margin: 0 0 1% 2%;
			}
			.mapUnit .mapPhoto li img {
				width: 100%;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px
			}
	.mapUnit .mapTableArea {
		width: auto;
		float: none;
	}
		.mapUnit .mapTableArea .table01 th {
			width: 100%;
		}
}


/*search
---------------------------------------------------------*/

.searchArea {
	margin: 20px 0;
}
	.searchArea .heading {
		padding: 0 10px;
		background-color: #fee6e6;
		border-bottom: 3px solid #f98484;
		border-top: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-radius: 10px 10px 0 0;
	}
		.searchArea .heading h2 {
			margin: 5px 0 5px 0;
			padding: 5px 0 5px 38px;
			font-size: 120%;
			float: left;
			background: url(../img/top/ico_search.png) no-repeat 0 50%;
			text-align: left;
		}
.searchAreaInner {
	padding: 15px 20px 20px 20px;
	background-color: #fff;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-radius: 0 0 10px 10px;
}
.searchArea ol {
  counter-reset: number; /* 名前を付けたカウンターをリセット */
  list-style: none; /* olが数字を付けることをキャンセル */
}
	.searchArea ol li {
		position: relative;
		margin-bottom: 10px;
		min-height: 60px;
	}
	/*
	.searchArea ol li:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	.searchArea ol li:before {
		counter-increment: number;
		content: counter(number);
		float: left;
		background: #f56475;
		width: 1.5em;
		height: 1.5em;
		border-radius: 50%;
		color: #fff;
		text-align: center;
		line-height: 1.5;
	}
	*/
	.searchArea ol li::after {
		display: block;
		content: '';
		position: absolute;
		top: .4em;
		left: 0;
		width: 13px;
		height: 13px;
		background-color: #f56475;
		border-radius: 100%;
	}
	.searchArea ol li .title {
		display: block;
		text-indent: 1.2em;
	}

.searchArea ol li.childBirthArea {
	/*width: 250px;
	float: left;*/
	width: 100%;
}
.searchArea ol li.ageArea {
	/*width: 705px;
	float: left;*/
	width: 100%;
}
.searchArea ol li.categoryArea {
	/*width: 460px;*/
	width: 60%;
	float: left;
}
.searchArea ol li.areaArea {
	width: 210px;
	float: left;
}
/*.searchArea ol li.formBtn:before {
	counter-increment: none;
	content: none;
	float: none;
	background: none;
	width: 0;
	height: 0;
	border-radius: 0;
	color: #fff;
}*/
.searchArea ol li.formBtn::after {
	display: none;
	content: none;
	position: static;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	background: none;
	border-radius: 100%;
}
.searchArea .keywordArea {
	position: relative;
	padding-top: 15px;
	background: url(../img/common/line.png) repeat-x 0 top;
}
	.searchArea .keywordArea .title {
		display: block;
	}
	.searchArea .keywordArea input {
		float: left;
	}
.searchArea .keywordArea::after {
	display: block;
	content: '';
	position: absolute;
	top: 1.4em;
	left: 0;
	width: 13px;
	height: 13px;
	background-color: #f56475;
	border-radius: 100%;
}
.searchArea .keywordArea .title {
	display: block;
	text-indent: 1.2em;
}

@media screen and (max-width: 767px) {
	.searchArea {
		margin: 0 0 20px 0;
	}
		.searchArea ol li {
			margin-bottom: 15px;
		}
			.searchArea ol li.childBirthArea, 
			.searchArea ol li.ageArea, 
			.searchArea ol li.categoryArea, 
			.searchArea ol li.areaArea {
				width: 100%;
				float: none;
			}
}

/* searchBtn */
.formBtn {
	/*width: 280px;*/
	width: 40%;
	float: left;
	text-align: right;
}
	.formBtn .searchBtn {
		display: inline-block;
		width: 200px;
	}
		.searchBtn input {
			display: block;
			padding: 12px 15px 12px 40px;
			color: #fff;
			font-family: "ヒラギノ丸ゴ W4 JIS2004","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
			/*font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;*/
			font-size: 110%;
			text-decoration: none;
			background: url(../img/common/ico_search_w.png) no-repeat 15px 50% #f56475;
			border: 0 none;
			text-align: center;
			-moz-box-shadow: 0 -3px 0 #d05564 inset;
			-webkit-box-shadow: 0 -3px 0 #d05564 inset;
			box-shadow: 0 -3px 0 #d05564 inset;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}
		.searchBtn input:hover {
			background-color: #f78996;
			-moz-box-shadow: 0 -3px 0 #d05564 inset;
			-webkit-box-shadow: 0 -3px 0 #d05564 inset;
			box-shadow: 0 -3px 0 #d05564 inset;
		}
	.formBtn .resetBtn {
		display: inline-block;
		margin: 0 5px 0 0;
		width: 70px;
	}
		.resetBtn input {
			display: block;
			padding: 8px 10px;
			color: #313131;
			font-family: "ヒラギノ丸ゴ W4 JIS2004","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
			/*font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;*/
			font-size: 100%;
			text-decoration: none;
			background-color: #fff;
			border: 1px solid #ccc;
			text-align: center;
			-moz-box-shadow: 0 -3px 0 #eee inset;
			-webkit-box-shadow: 0 -3px 0 #eee inset;
			box-shadow: 0 -3px 0 #eee inset;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			cursor: pointer;
		}
		.resetBtn input:hover {
			background-color: #f5f5f5;
			-moz-box-shadow: 0 -3px 0 #eee inset;
			-webkit-box-shadow: 0 -3px 0 #eee inset;
			box-shadow: 0 -3px 0 #eee inset;
		}
@media screen and (max-width: 767px) {
	.formBtn .searchBtn {
		display: inline-block;
		width: 170px;
	}
		.searchBtn input {
			padding: 12px 10px 12px 35px;
			font-size: 100%;
			background: url(../img/common/ico_search_w.png) no-repeat 10px 50% #f56475;
		}
	.formBtn {
		width: auto;
		float: none;
		text-align: left;
	}
}

/* searchBtn_s */
.searchBtn_s {
	display: inline-block;
	margin-left: 5px;
	width: 80px;
	float: left;
}
	.searchBtn_s input {
		display: block;
		margin-top: -5px;
		padding: 15px 30px;
		color: #fff;
		font-family: "ヒラギノ丸ゴ W4 JIS2004","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
		/*font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;*/
		font-size: 110%;
		text-decoration: none;
		background: #f56475;
		border: 0 none;
		text-align: center;
		-moz-box-shadow: 0 -3px 0 #d05564 inset;
		-webkit-box-shadow: 0 -3px 0 #d05564 inset;
		box-shadow: 0 -3px 0 #d05564 inset;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	.searchBtn_s input:hover {
		background-color: #f78996;
		-moz-box-shadow: 0 -3px 0 #d05564 inset;
		-webkit-box-shadow: 0 -3px 0 #d05564 inset;
		box-shadow: 0 -3px 0 #d05564 inset;
	}
@media screen and (max-width: 767px) {
	.searchBtn_s {
		margin: 0;
		float: none;
	}
}

/* ageput */
.ageputCover {
	display: inline-block;
	margin-left: 15px;
	padding: 3px 10px;
	font-size: 95%;
	background-color: #fcf7f2;
	border-radius: 3px;
}
	.ageput {
		padding: 0 5px;
		color: #df374b;
		font-size: 110%;
	}
		.ageput strong {
			padding: 0 5px;
			font-size: 140%;
		}
@media screen and (max-width: 767px) {
	.ageputCover {
		margin-left: 0;
	}
		.ageput {
			padding: 0 3px;
			font-size: 100%;
		}
			.ageput strong {
				padding: 0 2px;
				font-size: 120%;
			}
}

/* searchBox */
.searchBox .pager span, 
.searchBox .pager a:hover {
	background-color: #f56475;
	border: 1px solid #f56475;
}

.txtHit {
	margin: 20px 0 10px 0;
	padding: 10px 0;
	font-size: 110%;
	background-color: #fafaf5;
	border-top: 1px solid #ebe9e9;
	border-bottom: 1px solid #ebe9e9;
	text-align: center;
}
	#pageContents .txtHit p {
		margin: 0;
		line-height: 1.3;
	}
		.txtHit p strong {
			padding-right: 5px;
			color: #e01104;
			font-size: 140%;
		}
	#pageContents .txtHit ul.linkList {
		padding: 0 20px;
		font-size: 95%;
	}
	#pageContents .txtHit ul.linkList li {
		padding-right: 20px;
		float: left;
		text-align: left;
	}

/* searchList */
.searchList {
	margin: 30px 0 0 0;
}
	.searchList li {
		margin: 15px 0 0 0;
		padding: 0 0 15px 0;
		background: url(../img/common/line.png) repeat-x 0 bottom;
	}
		.searchList li a {
			padding: 0 0 0 25px;
			font-size: 120%;
			background: url(../img/common/ico_arrow_p.png) no-repeat 5px 0.4em;
		}
		.searchList li dl {
			margin: 5px 0 0 0;
			padding-left: 25px;
			font-size: 95%;
		}
			.searchList li dt {
				padding: 3px 5px;
				font-size: 90%;
				line-height: 1.4;
				width: 85px;
				float: left;
				background-color: #f7f6ee;
				text-align: center;
			}
			.searchList li dd {
				margin-left: 95px;
			}
			.searchList li dl.comment dd {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
@media screen and (max-width: 767px) {
	.searchList li a {
		background: url(../img/common/ico_arrow_p.png) no-repeat 5px 0.2em;
		background-size: 12px 12px;
	}
	.searchList li dl {
		padding-left: 5px;
	}
		.searchList li dt {
			display: block;
			width: 100%;
			float: none;
			text-align: left;
		}
		.searchList li dd {
			margin-left: 0;
		}
}


/*recipe
---------------------------------------------------------*/

#recipeTit {
	padding: 35px 0 30px 0;
	width: 100%;
	height: 290px;
	background: url(../img/recipe/bg_recipe.png) no-repeat 0 bottom;
}
	#recipeTit h2 {
		text-indent: -9999px;
		margin-bottom: 15px;
		width: 485px;
		height: 95px;
		background: url(../img/recipe/tit_recipe.png) no-repeat 0 0;
	}
	#recipeTit p {
		font-size: 110%;
		width: 500px;
	}
@media screen and (max-width: 767px) {
	#recipeTit {
		padding: 25px 10px 10px 10px;
		height: auto;
		background-image: none;
		text-align: center;
	}
		#recipeTit h2 {
			margin: 0 auto;
			width: 300px;
			height: 59px;
			background: url(../img/recipe/tit_recipe.png) no-repeat 0 0;
			background-size: 300px 59px;
		}
		#recipeTit p {
			width: 100%;
		}
}

/* recipeList */
.recipeList {
}
	.recipeList li {
		padding: 10px 15px;
		width: 25%;
		float: left;
	}
	.recipeList li a {
		color: #313131;
		display: block;
		position: relative;
		text-decoration: none;
	}
	.recipeList li .latest .icoNew {
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		left: 0;
		position: absolute;
		top: 0;
		z-index: 99999;
	}
		.recipeList li .photo {
			height: 150px;
			text-align: center;
		}
			.recipeList li .photo img {
				/*width: auto !important;
				max-width: 100%;
				height: 150px;*/
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				transition: all  0.3s ease;
			}
			.recipeList li a:hover .photo img {
				opacity: 0.7;
			}
		#mainContents .recipeList li a .caption p {
			margin-top: 3px;
			color: #313131;
			font-size: 105%;
		}
		#mainContents .recipeList li a:hover .caption p {
			color: #2a8dbf;
		}
			#mainContents .recipeList li a .caption .title {
				margin: 10px 0 0 0;
				font-size: 120%;
				font-weight: bold;
			}
@media screen and (max-width: 767px) {
	.recipeList li {
		width: 100%;
		float: none;
		text-align: center;
	}
	.recipeList li .latest .icoNew {
		left: 50%;
		margin-left: -112.5px;
	}
	.recipeList li .photo {
			height: 150px;
			margin: 0 auto;
			width: 225px;
		}
}
	
/* recipeBox */
.recipeBox {
	margin: 30px 0 0 0;
	padding: 10px 20px;
	background: url(../img/recipe/bg_form.png) no-repeat 50% top #f8f6f2;
	border: 1px solid #eee8d9;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	.recipeBox h3 {
		margin: 10px 0 0 0;
		font-size: 130%;
	}
	.recipeBox .moreBtn {
		margin: 10px 0 15px 0;
		width: 50%;
	}
		.recipeBox .moreBtn a {
			background-color: #f9901d;
			-moz-box-shadow: 0 -3px 0 #e37e0f inset;
			-webkit-box-shadow: 0 -3px 0 #e37e0f inset;
			box-shadow: 0 -3px 0 #e37e0f inset;
		}
		.recipeBox .moreBtn a:hover {
			background-color: #fb992e;
			-moz-box-shadow: 0 -3px 0 #e37e0f inset;
			-webkit-box-shadow: 0 -3px 0 #e37e0f inset;
			box-shadow: 0 -3px 0 #e37e0f inset;
		}
@media screen and (max-width: 767px) {
	.recipeBox .moreBtn {
		width: 80%;
	}
}

/* recipeBtn */
.recipeBtn {
	margin: 30px 0 20px 0;
}
	.recipeBtn li {
		width: 286px;
		float: left;
		height: 110px;
	}
	.recipeBtn li + li {
		margin: 0 0 0 30px;
	}
		.recipeBtn li img {
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			transition: all  0.3s ease;
		}
		.recipeBtn li img:hover {
			opacity: 0.7;
		}
@media screen and (max-width: 767px) {
	.recipeBtn {
		margin: 20px 0 0 0;
	}
		.recipeBtn li {
			margin: 0 0 15px 0;
			width: 100%;
			height: auto;
			float: none;
		}
		.recipeBtn li + li {
			margin: 0 0 15px 0;
		}
			.recipeBtn li img {
				width: 100%;
				height: auto;
			}
		
}

/* recipe_form */
.recipe_form table th {
	font-size: 110%;
	font-weight: bold;
	width: 150px;
}
.recipe_form table td {
	color: #313131;
}
.col50p dt, 
.col50p dd {
	padding-right: 10px;
	font-size: 110%;
	width: 50%;
	float: left;
}
@media screen and (max-width: 767px) {
	.recipe_form table th {
		width: 100%;
	}
}

.dz-clickable {
	display: inline-block;
	padding: 5px 7px;
	font-family: "ヒラギノ丸ゴ W4 JIS2004","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	color: #313131;
	font-size: 95%;
	line-height: 1.3;
	width: auto;
	background-image: -moz-linear-gradient(top, #ffffff, #eee);
	background-image: -ms-linear-gradient(top, #ffffff, #eee);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eee));
	background-image: -webkit-linear-gradient(top, #ffffff, #eee);
	background-image: linear-gradient(top, #ffffff, #eee);
	border: 1px solid #aaa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}
.dz-clickable:hover {
	background-image: -moz-linear-gradient(top, #f5f5f5, #e5e5e5);
	background-image: -ms-linear-gradient(top, #f5f5f5, #e5e5e5);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#f5f5f5), to(#e5e5e5));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #e5e5e5);
	background-image: linear-gradient(top, #f5f5f5, #e5e5e5);
}

.btnAdd {
	display: inline-block;
	padding: 5px 10px;
	font-family: "ヒラギノ丸ゴ W4 JIS2004","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	color: #313131;
	font-size: 100%;
	line-height: 1.3;
	width: auto;
	background-image: -moz-linear-gradient(top, #ffffff, #eee);
	background-image: -ms-linear-gradient(top, #ffffff, #eee);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eee));
	background-image: -webkit-linear-gradient(top, #ffffff, #eee);
	background-image: linear-gradient(top, #ffffff, #eee);
	border: 1px solid #aaa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.btnAdd:hover {
	background-image: -moz-linear-gradient(top, #f5f5f5, #e5e5e5);
	background-image: -ms-linear-gradient(top, #f5f5f5, #e5e5e5);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#f5f5f5), to(#e5e5e5));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #e5e5e5);
	background-image: linear-gradient(top, #f5f5f5, #e5e5e5);
}

.btnSend {
	display: inline-block;
}
	.btnSend button {
		display: block;
		margin: 10px auto 0 auto;
		padding: 8px 35px;
		color: #fff;
		font-family: "ヒラギノ丸ゴ W4 JIS2004","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
		font-size: 110%;
		text-decoration: none;
		width: 200px;
		border: 0 none;
		text-align: center;
		background-color: #38a281;
		-moz-box-shadow: 0 -3px 0 #308a6e inset;
		-webkit-box-shadow: 0 -3px 0 #308a6e inset;
		box-shadow: 0 -3px 0 #308a6e inset;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	.btnSend button:hover {
		background-color: #4fb092;
		-moz-box-shadow: 0 -3px 0 #308a6e inset;
		-webkit-box-shadow: 0 -3px 0 #308a6e inset;
		box-shadow: 0 -3px 0 #308a6e inset;
	}
@media screen and (max-width: 767px) {
	.btnSend button {
		width: 100%;
	}
}
.btnBack {
		display: inline-block;
		margin: 0 10px 0 0;
	}
		.btnBack input {
			display: block;
			margin: 10px auto 0 auto;
			padding: 8px 10px;
			color: #313131;
			font-family: "ヒラギノ丸ゴ W4 JIS2004","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
			/*font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;*/
			font-size: 95%;
			text-decoration: none;
			background-color: #fff;
			border: 1px solid #ccc;
			text-align: center;
			-moz-box-shadow: 0 -3px 0 #eee inset;
			-webkit-box-shadow: 0 -3px 0 #eee inset;
			box-shadow: 0 -3px 0 #eee inset;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			cursor: pointer;
		}
		.btnBack input:hover {
			background-color: #f5f5f5;
			-moz-box-shadow: 0 -3px 0 #eee inset;
			-webkit-box-shadow: 0 -3px 0 #eee inset;
			box-shadow: 0 -3px 0 #eee inset;
		}

/* recipeDetail */
.recipeDetail {
	margin: 10px 0 0 0;
}
	.recipeDetail .photo {
		padding: 10px 40px 20px 0;
		width: 50%;
		float: left;
	}
	.recipeDetail .text {
		padding: 0 0 20px 0;
		width: 50%;
		float: right;
	}
		.recipeDetail .stuffBox {
			margin: 20px 0 0 0;
		}
		.recipeDetail .stuffBox h3 {
			padding: 5px 10px;
			font-size: 110%;
			background-color: #f9efd2;
			text-align: center;
		}
			.recipeDetail .stuffBox h3 span {
				font-size: 90%;
				font-weight: normal;
			}
		.recipeDetail .stuffBox table {
			width: 100%;
			background-color: #fafaf5;
		}
			.recipeDetail .stuffBox table th, 
			.recipeDetail .stuffBox table td {
				padding: 5px 10px;
				border-bottom: 1px solid #e4e4db;
				text-align: left;
			}
			.recipeDetail .stuffBox table th {
				width: 70%;
			}
	.recipeDetail .subtit {
		margin-top: 10px;
	}
	.recipeDetail .stepList li {
		padding: 0 15px 30px 15px;
		width: 33.333%;
		float: left;
	}
		.recipeDetail .stepList li .step {
			color: #a4a48f;
			font-size: 110%;
			font-weight: bold;
		}
		.recipeDetail .stepList li .stepPhoto {
			height: 150px;
			margin: 10px auto;
			width: 225px;
		}
		#mainContents .recipeDetail .stepList li p {
			margin: 5px 0 0 0;
		}
		#mainContents .recipeDetail .recipePoint {
			border-bottom: 1px solid #e4e4db;
			border-top: 1px solid #e4e4db;
			padding: 15px 0;
		}
@media screen and (max-width: 767px) {
	.recipeDetail .photo {
		padding: 10px 0;
		width: 100%;
		float: none;
	}
	.recipeDetail .text {
		padding: 0 0 20px 0;
		width: 100%;
		float: none;
	}
		.recipeDetail .stepList li {
			margin: 0 0 15px 0;
			padding: 0 0 15px 0;
			width: 100%;
			float: none;
			border-bottom: 1px solid #e5e5e5;
		}
			/*.recipeDetail .stepList li .stepPhoto {
				margin: 10px auto;
				width: 270px;
			}*/
			#mainContents .recipeDetail .recipePoint {
				border-top: none;
				padding-top: 0;
			}
}

/* recipeSearchArea */
.recipeSearchArea {
	margin: 20px 0;
}
	.recipeSearchArea .heading {
		padding: 0 10px;
		background-color: #fee6e6;
		border-bottom: 3px solid #f98484;
		border-top: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-radius: 5px 5px 0 0;
	}
		.recipeSearchArea .heading h2 {
			margin: 5px 0 5px 0;
			padding: 5px 0 5px 38px;
			font-size: 120%;
			float: left;
			background: url(../img/top/ico_search.png) no-repeat 0 50%;
			text-align: left;
		}
.recipeSearchAreaInner {
	padding: 15px 20px 20px 20px;
	background-color: #fff;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-radius: 0 0 5px 5px;
}
.recipeSearchArea ol {
  counter-reset: number; /* 名前を付けたカウンターをリセット */
  list-style: none; /* olが数字を付けることをキャンセル */
}
	.recipeSearchArea ol li {
		position: relative;
		margin-bottom: 10px;
		min-height: 60px;
	}
	/*
	.recipeSearchArea ol li:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	.recipeSearchArea ol li:before {
		counter-increment: number;
		content: counter(number);
		float: left;
		background: #f56475;
		width: 1.5em;
		height: 1.5em;
		border-radius: 50%;
		color: #fff;
		text-align: center;
		line-height: 1.5;
	}
	*/
	.recipeSearchArea ol li::after {
		display: block;
		content: '';
		position: absolute;
		top: .4em;
		left: 0;
		width: 13px;
		height: 13px;
		background-color: #f56475;
		border-radius: 100%;
	}
	.recipeSearchArea ol li .title {
		display: block;
		text-indent: 1.2em;
	}

.recipeSearchArea ol li.categoryArea {
	width: 870px;
	float: left;
}
.recipeSearchArea ol li.ageArea {
	width: 595px;
	float: left;
}
/*
.recipeSearchArea ol li.formBtn:before {
	counter-increment: none;
	content: none;
	float: none;
	background: none;
	width: 0;
	height: 0;
	border-radius: 0;
	color: #fff;
}
*/
.recipeSearchArea ol li.formBtn::after {
	display: none;
	content: none;
	position: static;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	background: none;
	border-radius: 100%;
}
.recipeSearchArea ol li.formBtn {
	width: 280px;
}
.recipeSearchArea .keywordArea {
	padding-top: 15px;
	background: url(../img/common/line.png) repeat-x 0 top;
}
	.recipeSearchArea .keywordArea .title {
		display: block;
	}
	.recipeSearchArea .keywordArea input {
		float: left;
	}

@media screen and (max-width: 767px) {
	.recipeSearchArea {
		margin: 0 0 20px 0;
	}
		.recipeSearchArea ol li {
			margin-bottom: 15px;
		}
			.recipeSearchArea ol li.categoryArea, 
			.recipeSearchArea ol li.ageArea {
				width: 100%;
				float: none;
			}
}



/*news
---------------------------------------------------------*/

/* pager */

.pager {
	margin: 30px 0 10px 0;
	font-size: 90%;
	text-align: center;
}
.pager span, 
.pager a {
	display: inline-block;
	margin: 0 0 5px 0;
	padding: 5px 10px;
	background-color: #38a281;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.pager span, 
.pager a:hover {
	color: #fff;
	background-color: #38a281;
	border: 1px solid #38a281;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.pager a {
	color: #313131;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* system */
.systemContents .pager span, 
.systemContents .pager a {
	background-color: #f690aa;
}
.systemContents .pager span, 
.systemContents .pager a:hover {
	background-color: #f690aa;
	border: 1px solid #f690aa;
}
.systemContents .pager a {
	background-color: #fff;
}


/*sitemap
---------------------------------------------------------*/

.sitemapList .sstit03 {
	margin: 0 0 5px 0;
	font-size: 105%;
}
.sitemapList .sstit03 a {
	color: #393939;
}
.sitemapList .column {
	width: 310px;
	float: left;
}
.sitemapList .column:nth-child(odd) {
	margin: 0 0 0 30px;
}


/*table
---------------------------------------------------------*/

table th, 
table td { vertical-align: middle; }

table caption {
	font-weight: bold;
	text-align: left;
}

.table01 {
	margin: 5px 0 15px 0;
	font-size: 95%;
	width: 100%;
	border-bottom: 1px solid #e4e1d8;
}
.table01 th {
	padding: 5px 12px;
	background-color: #f7f4ed;
	border: 1px solid #e4e4db;
	vertical-align: top;
	text-align: left;
}
.table01 td {
	padding: 5px 12px;
	width: 470px;
	border: 1px solid #e4e1d8;
}

.table03 {
	margin: 5px 0 15px 0;
	font-size: 95%;
	width: 100%;
	border-bottom: 1px solid #e4e1d8;
}
.table03 th {
	padding: 5px 12px;
	background-color: #f7f4ed;
	border: 1px solid #e4e4db;
	vertical-align: top;
	text-align: left;
}
.table03 td {
	padding: 5px 12px;
	width: 470px;
	border: 1px solid #e4e1d8;
}

#pageContents #mainContents table {
	margin: 5px 0 15px 0;
	font-size: 95%;
	width: 100%;
	border-bottom: 1px solid #e4e1d8;
}
#pageContents #mainContents table th {
	padding: 5px 12px;
	background-color: #f7f4ed;
	border: 1px solid #e4e4db;
	vertical-align: top;
	text-align: left;
}
#pageContents #mainContents table td {
	padding: 5px 12px;
	border: 1px solid #e4e1d8;
}



/* width */

.w100 { width: 100px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w150 { width: 150px; }
.w170 { width: 170px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w330 { width: 330px; }
.w400 { width: 400px; }
.w420 { width: 420px; }
.w450 { width: 450px; }

.w50p { width: 50%; }
.w100p { width: 100%; }

@media screen and (max-width: 767px) {
	.w400 { width: 100%; }
}

/* margin */

.mt0 { margin-top: 0; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mb0 { margin-bottom: 0; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }



/*====================================================================

　Hack

====================================================================*/

*:first-child+html .breadcrumb li, 
*:first-child+html .breadcrumb li a {
	display: block;
	float: left;
}



/*====================================================================

　Mobile Layout

====================================================================*/

@media screen and (max-width: 767px) {
	
  html { -webkit-text-size-adjust: 100% } /* 文字サイズの自動調整をオフ */
	
	.image_center img {
		width: 100%;
	}
	.image_right, 
	.image_left {
		text-align: center;
	}
	.image_right p, 
	.image_left p {
		text-align: left;
	}
	.image_right img {
		margin: 0;
		width: 100%;
		float: none;
	}
	.image_left img {
		margin: 0;
		width: 100%;
		float: none;
	}
	
	/* logo */
	
	#logo {
		margin: 0 0 0 10px;
		width: 250px;
	}
	
	/* wrapper */
	
	#wrapper {
		background-image: none;
	}
	
	/* header */
	
	#headerInner {
		width: auto;
		height: 70px;
		background-color: #fff;
	}
	#sitenav, 
	#gnav {
		display: none;
	}
	
	#spgnav {
		display: block;
		background: #fff;
		position: absolute;
		top: 70px;
		right: 0;
		z-index: 100000;
		width: 100%;
	}
	#spgnav ul {
		margin: 0;
	}
	#gnav-wrap {
		display: none;
		width: 100%;
	}
	#btn-open {
		position: absolute;
		right: 10px;
		top: -60px;
		display: block;
		color: #fff;
		width: 50px;
		height: 50px;
		margin: 0;
		background: url(../img/common/btn_gnav_sp.png) no-repeat 0 0;
		background-size: 50px 50px;
		text-align: center;
		text-indent: -9999px;
	}
	#spgnav li {
		float: none;
		color: #fff;
		font-size: 100%;
		font-weight: bold;
		line-height: normal;
		margin: 0;
		width: 100%;
		background-color: #f56475;
		border-top: 1px solid #f87c8b;
		border-bottom: 1px solid #e45061;
	}
		#spgnav li.search {
			background: url(../img/top/ico_search.png) no-repeat 5px 50% #fe8e9b;
		}
		#spgnav li.search a {
			padding: 1em 1em 1em 2.6em;
		}
	#spgnav li a {
		background: url(../img/common/ico_arrow03.png) no-repeat 96% center;
		background-size: 8px 11px;
		color: #fff;
		display: block;
		padding: 1em;
		text-decoration: none;
	}
	#spgnav .sitenav li {
		background-color: #ffecee;
		border-top: none;
		border-bottom: 1px dashed #b8b1ad;
	}
	#spgnav .sitenav li a {
		color: #2a8dbf;
		font-weight: normal;
		background: url(../img/common/ico_arrow04.png) no-repeat 96% center;
		background-size: 8px 11px;
	}
	#btn-close {
		background: #fff;
		color: #313131;
		display: block;
		margin: 0;
		padding: 10px;
		text-align: center;
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
		box-shadow: 0 3px 1px rgba(0, 0, 0, 0.2);
	}
	#btn-close span {
		background: url(../img/common/btn_close.png) no-repeat left center;
		background-size: 20px 20px;
		padding: 5px 0 5px 28px;
	}
	
	#spgnav .panel {
		background: url(../img/common/ico_plus.png) no-repeat 96% center;
		background-size: 16px 16px;
		padding: 1em;
	}
	#spgnav .panel.selected {
		background: url(../img/common/ico_minus.png) no-repeat 96% center;
		background-size: 16px 16px;
	}
	#spgnav .panel + ul {
		margin: 0 10px 10px;
	}
	#spgnav .panel + ul li {
		background: #fff;
		border-top: none;
		border-bottom: 1px solid #e2e0dd;
	}
	#spgnav .panel + ul li:last-child {
		border-bottom: none;
	}
	#spgnav .panel + ul a {
		padding: 0.5em 0.8em;
		background: url(../img/common/ico_arrow04.png) no-repeat 96% center;
		background-size: 6px 9px;
		color: #2a8dbf;
		font-weight: normal;
	}
	
	/* anchor */
	
	.anchor {
		display: none;
	}
	
	/* supportInfoArea */
	
	#supportInfoArea {
		margin-bottom: 20px;
	}
	#supportInfoInner {
		padding-bottom: 10px;
		background-color: #1f856f;
	}
	#supportInfoArea h2 {
		padding: 8px 15px;
		color: #fff;
		font-size: 120%;
		height: auto;
		background: url(../img/common/ico_plus.png) no-repeat 96% center #1f856f;
		background-size: 16px 16px;
		text-indent: 0;
	}
	#supportInfoArea h2.selected {
		background: url(../img/common/ico_minus.png) no-repeat 96% center #1f856f;
		background-size: 16px 16px;
	}
	#supportInfoArea ul {
		margin: 0 10px;
		width: auto;
	}
	
	
	
	#calendar .cHead,
	#calendar .cRow > div > span.cDate {
		position: absolute;
		top: 10px;
		left: 10px;
		height: auto;
		width: auto;
	}
	#calendar .cRow,
	.ie9 #calendar .cRow > div,
	#calendar .cRow > div {
		height: auto;
		width: 100%;
		border: none;
	}
	#calendar .cRow > div {
		float: none;
		min-height: 50px;
		box-shadow: inset 0 -1px #ddd !important;
		border-radius: 0px !important;
	}
	#calendar .cRow > div:empty{
		min-height: 0;
		height: 0;
		box-shadow: none !important;
		padding: 0;
	}
	#calendar .cRow {
		box-shadow: none;
	}
	#calendar .cHead {
		display: none;
	}
	#calendar .cRow > div > div {
		margin-top: 0px;
		padding-left: 60px;
		max-width: 95%;
	}
	#calendar .cRow > div > span.cDate {
		width: auto;
		display: inline-block;
		text-align: right;
		font-size: 140%;
	}
	#calendar .cRow > div > span.cWeekday {
		position: absolute;
		top: 15px;
		left: 33px;
		display: inline-block;
		width: 20px;
		color: #313131;
		font-size: 85%;
		text-transform: none;
	}
	#calendar .cBody .cRow > div.sun {
		background-color: #fef1f0;
	}
	#calendar .cBody .cRow > div.sat {
		background-color: #e9f6f8;
	}

	
	/* table */
	
	.table01, 
	.table01 thead, 
	.table01 tbody, 
	.table01 tr, 
	.table01 th, 
	.table01 td, 
	.formTable, 
	.formTable thead, 
	.formTable tbody, 
	.formTable tr, 
	.formTable th, 
	.formTable td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	table caption {
		display: block;
	}
	.table01 th, 
	.table01 td, 
	.formTable th, 
	.formTable td {
		padding: 5px 12px;
		border-bottom: none;
	}
	.table01 th, 
	.formTable th {
		clear: both;
	}
	.table01 .facility {
		padding: 5px 12px;
	}
	.table01 .age td, 
	.table01 .status td {
		padding: 5px 0;
		width: 16.658714%;
		float: left;
	}
	.table01 .age td + td, 
	.table01 .status td + td {
		border-left: none;
	}
	.table01 .age td {
		font-size: 80%;
		white-space: nowrap;
		overflow: hidden;
	}
	.table02 {
		font-size: 75%;
	}
	.table02 th, 
	.table02 td {
		padding: 5px;
	}
	.formTable td .w300, 
	.formTable td .w400 {
		width: 95%;
	}
	
	.formBtn li.sendBtn input, 
	.formBtn li.backBtn input {
		margin: 5px auto;
	}
	
	.table03 {
		font-size: 75%;
	}
	
	#pageContents #mainContents table {
		font-size: 75%;
		width: 100% !important;
	}

}

/* gosen_kosodate */
.gosen_kosodate h2 {
	margin: 25px 0 15px 0;
	padding-bottom: 10px;
	font-size: 140%;
	border-bottom: 3px solid #38a281;
}
.gosen_kosodate h3 {
	margin: 25px 0 15px 0;
	padding: 7px 10px 7px 15px;
	color: #445660;
	font-size: 120%;
	background-color: #f5f6ee;
	border-left: 5px solid #38a281;
}
.gosen_kosodate ul {
	margin: 10px 0;
	padding: 0 0 0 30px;
}
	.gosen_kosodate ul li {
		padding: 0;
		list-style-type: disc;
	}
.gosen_kosodate ol {
	margin: 10px 0;
	padding: 0 0 0 30px;
}
	.gosen_kosodate ol li {
		margin: 0;
		list-style-type: decimal;
	}
.gosen_kosodate table font {
	font-family: "ヒラギノ丸ゴ W4 JIS2004","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif !important;
}
.gosen_kosodate h4 {
	border-left: 4px solid #38a281;
	font-size: 110%;
	padding-left: 15px;
	margin-top: 30px;
}

/* anchorList */
.anchorList {
	background-color: #f5f6ee;
	padding: 10px;
}
.anchorList li {
	margin: 5px 1em 0 0;
	padding: 0 0 0 25px;
	float: left;
	background: url(../img/common/ico_arrow_g02_down.png) no-repeat 5px 0.4em;	
	display: inline-block;
}


/*20190227 追加
---------------------------------------------------------*/

/* square_box */
.square_box {
	width: 48%;
	width: calc((100% - 20px) / 2);
	float: left;
	margin: 0 20px 0 0;
}
.square_box:nth-child(2) {
	margin-right: 0;
}
.square_box > .item {
	margin: 35px 0 30px;
	color: #212121;
	text-decoration: none;
	border-radius: 10px;
	border: 1px solid;
	padding: 5px;
}
	.square_box > .item.pink { 
		border-color: #F38593; 
		background-color: #F9EDEE;
	}
	.square_box > .item.blue { 
		border-color: #58bcd0; 
		background-color: #E6F5F8;
	}
		.square_box > .item .inner {
			background-color: #fff;
			border-radius: 10px;
			padding: 20px;
		}
		.square_box > .item h4 {
			font-size: 125%;
			border-radius: 30px;
			position: relative;
			margin-top: -40px;
			text-align: center;
			padding: 5px;
		}
		.square_box > .item.pink h4 {
			color: #fff; 
			background-color: #f46475;
		}
		.square_box > .item.blue h4 {
			color: #fff; 
			background-color: #39a5bb;
		} 
		.square_box > .item h4 span {
			font-size: 70%;
		}
		.square_box > .item .text {
			margin-top: 15px;
			padding: 0 10px;
		}
		.square_box > .item .lineList li {
			display: inline-block;
			margin: 0 2em 0.5em 0;
			float: left;
		}
		.square_box > .btnArea h4 {
			font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
			font-size: 120%;
			text-align: center;
			color: #f46475;
			margin-top: 15px;
		}

.square_box .img_right {
	float: right;
	margin: 0 0 20px 20px;
	max-width: 30%;
}

@media screen and (max-width: 767px) {
	.square_box {
		width: 100%;
		float: none;
	}
	.square_box .img_right {
		max-width: 30%;
		margin: 0 0 15px 15px;
	}
	.sp_none {
		display: none;
	}
}