@charset "utf-8";
/* CSS Document */

body {
	font-family: Hiragino Kaku Gothic ProN,'Hiragino Kaku Gothic Pro',
				'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	margin: 0px;
	letter-spacing: 0.02em;
	color: #303235;
	background: #fdfbf5;
}

p		{ margin: 0px; }

/*link*/
a		{ color: #303235; text-decoration: none; }
a:hover { color: #f37451; }

/*pegejump*/
#clickToContinue {
	display: block;
	margin: 20px 70px 0px;
	padding: 10px 20px;
	color: white;
	font-size: 1em;
	font-weight: 800;
	letter-spacing: 0.2em;
	border-radius: 30px;
	background-color: rgba(0, 0, 0, 0.17);
}
	
/* RWD --------------------------------------------------------*/
@media screen and (max-width: 524px) {
	#clickToContinue {
		margin: 10px 30px 0px;
		padding: 4px 15px;
		font-size: 0.8em;
		letter-spacing: 0em;
		line-height: 1.5;
	}
}
@media screen and (max-height: 500px) {
	#clickToContinue {
		margin: 10px 30px 0px;
		padding: 4px 15px;
		font-size: 0.8em;
		letter-spacing: 0em;
		line-height: 1.5;
	}
}
/* END RWD ----------------------------------------------------*/



/*****************************************************************************
font*/


h1			{ font-size: 1em; line-height: 1; }
h2			{ margin: 0px; font-weight: 800; line-height: 1; }

/*textposition*/
.TEXTL		{ text-align: left; }

/*fontsize*/
.fsL		{ font-size: 1.8em; }
.fsM		{ font-size: 1.4em; }

/*br*/
.break		{ display: block; }


/* RWD --------------------------------------------------------*/
@media screen and (min-width: 440px) and (max-width: 730px) {
	.fsL	{ font-size: 1.5em; }
	.fsM	{ font-size: 1.2em; }
}
@media screen and (min-height: 451px) and (max-height: 500px) {
	.fsL	{ font-size: 1.5em; }
	.fsM	{ font-size: 1.2em; }
}
@media screen and (max-width: 439px) {
	.fsL	{ font-size: 0.9em; }
	.fsM	{ font-size: 0.8em; }
	.break	{ display: inline; }
}
@media screen and (max-height: 450px) {
	.fsL	{ font-size: 0.9em; }
	.fsM	{ font-size: 0.8em; }
	.break	{ display: inline; }
}
/* END RWD -----------------------------------------------------*/



/*****************************************************************************
images*/


/* RWD --------------------------------------------------------*/
@media screen and (min-width: 441px) and (max-width: 524px)  {
	img#logo		{ max-width: 300px; }
	img#child		{ max-width: 350px; }
	img.iconFather	{ max-width: 110px; }
	img.iconKGarden	{ max-width: 110px; }
	img.iconOther	{ max-width: 140px; }
}
@media screen and (max-width: 440px)  {
	img#logo		{ max-width: 200px; }
	img#child		{ max-width: 280px; }
	img.iconFather	{ max-width: 100px; }
	img.iconKGarden	{ max-width: 80px; }
	img.iconOther	{ max-width: 115px; }
}
@media screen and (max-height: 450px) {
	img#logo		{ max-width: 200px; }
	img#child		{ max-width: 280px; }
	img.iconFather	{ max-width: 80px; }
	img.iconKGarden	{ max-width: 90px; }
	img.iconOther	{ max-width: 115px; }
}
/* END RWD -----------------------------------------------------*/



/*****************************************************************************
iframe*/


iframe				{ padding: 10px 0px; }


/* RWD --------------------------------------------------------*/
@media screen and (max-width: 660px) {
	iframe			{ display: none; }
	span#mapAbout	{ display: none; }
}
@media screen and (max-height: 450px) {
	iframe			{ display: none; }
	span#mapAbout	{ display: none; }
}
/* END RWD ----------------------------------------------------*/



/*****************************************************************************
slide*/


div.slide {
	margin: 0px;
	cursor: pointer;
}	

/*slide-number*/
div.first			{ background: #fbffcb; }
div.second			{ background: #e2e9ed; }	
div.third			{ background: #ccded0; }	
div.fourth			{ background: #f7e892; }
div.fifth			{ background: #cfd7e8; }
div.sixth			{ background: #e98484; }	
div.seventh			{ background: #b4d486; }

div.content-frame	{ text-align: center; }

table {
	margin: 0px auto;
	padding: 0px;
	width: 80%;
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
	border: none;
	border-spacing: 0px;
}


/* RWD --------------------------------------------------------*/
@media screen and (max-width: 360px) {
	table		{ width: 90%; }
}
@media screen and (max-height: 450px) {
	table		{ width: 90%; }
}
/* END RWD ----------------------------------------------------*/


/*color*/
.white		{ color: #ffffff; }
.black		{ color: #303235; }
.orange 	{ color: #f3734f; }

/*padding*/
.pBL		{ padding-bottom: 20px; }
.pBM		{ padding-bottom: 15px; }


/* RWD --------------------------------------------------------*/
@media screen and (max-width: 439px) {
	.pBL	{ padding-bottom: 6px; }
	.pBM	{ padding-bottom: 4px; }
}
@media screen and (max-height: 450px) {
	.pBL	{ padding-bottom: 6px; }
	.pBM	{ padding-bottom: 4px; }
}
/* END RWD -----------------------------------------------------*/