@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* CSS　Document */

@font-face {
?font-family: "NotoSansCJKjp";
?font-style: normal;
?font-weight: 900;
?src: url('./fonts/notosans-bold.eot');
?src: local('Noto Sans CJK JP Bold'),
?url('./fonts/notosans-bold.eot?#iefix') format('embedded-opentype'),
?url('./fonts/notosans-bold.woff') format('woff'),
?url('./fonts/notosans-bold.otf') format('opentype')
}

html {
  font-size: 62.5%;
  margin: 0 ;
}
body {
	color: #333333;
	font-family: 'Noto Sans JP', sans-serif;
  font-size: 150%;
  line-height: 1.8;
  margin: 0 auto;
}

#wrapper {
	margin: 0 auto;
	background: #fff;
	text-align: center;
}

h1, h2, h3, h4, h5, h6, ul, li, dl, dd {
  margin: 0;
  padding: 0;
}
h1 {
	position: absolute;
	/*bottom: 10%;*/
	left: 0%;
}
h2 {
	text-align: center;
  font-size: 150%;
	letter-spacing: 0.1em;
}
p {
  margin: 0 0 1em 0;
}
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
ul, ol {
  list-style-type: none;
}

.clear { clear:both; }

img {
	vertical-align: bottom;
}
img.rad {
	border-radius: 20px;
}

.text_b {
	font-weight: bold;
}
.textarea {
	line-height: 2.2;
}
.mb0 {
	margin-bottom: 0;
}

span.underline {
	background: linear-gradient(transparent 10%, #FDE298 10%);
	font-weight: bold;
	padding: 3px 8px;
}

.alpha img,
.beta img {
	width: 100%;
}

.en {
	font-family: 'Fira Sans', sans-serif;
  letter-spacing: 0.1em;
}

.schedule .subtext span br {
	display: none;
}


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


/* main */
#main {
	width: 100%;
	background: url(../images/main.jpg) center center no-repeat;
	text-align: center;
	position: relative;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#main .mainimg {
	overflow: hidden;
	position: relative;
	height: 670px;
	max-width: 1000px;
	margin: 0 auto;
}
#main .logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 13%;
	padding: 20px;
	box-sizing: border-box;
	max-width: 267px;
}
#main .badge {
	position: absolute;
	right: 0;
}


/* schedule */

.schedule {
	background: url(../images/bg02.gif) 0 0 repeat;
}
.schedule .catch {
	margin-bottom: 3%;
}
.schedule .subtext {
	line-height: 1.8;
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 1% 0;
}
.schedule .subtext span {
	color: #008344;
	font-size: 120%;
}
.comment p {
	text-align: left;
	line-height: 1;
	font-size: 90%;
}
.schedule .comment p {
	display: inline-block;
	margin-right: 1%;
}
.schedule .comment p a {
	text-decoration: underline;
}
.linkarea {
	margin-top: 3%;
}
.linkarea a {
	display: inline-block;
	padding: 35px 15px;
	width: 40%;
	color: #fff;
	margin: 0 2%;
	font-size: 140%;
	font-weight: bold;
	border-radius: 5px;
}
.linkarea a i {
	margin-right: 2%;
}
.linkarea a.mail_btn {
	background: #ff8000;
}
.linkarea a.tel_btn {
	background: #4a9a0c;
}
.schedule .present {
	background: #fff;
	padding: 60px;
	width: 90%;
	margin: 5% auto;
	box-sizing: border-box;
}
.schedule .present h3 {
	display: inline-block;
	background: url(../images/wave02.gif) bottom repeat-x;
	padding: 0 5px 27px;
	margin: 0 auto 2%;
	font-size: 140%;
}
.schedule .present .presentbox {
	width: 100%;
}
.schedule .present .presentbox .web_p,
.schedule .present .presentbox .reserve_p {
	padding: 60px 30px 30px;
	text-align: left;
}
.schedule .present .presentbox img.pop {
	right: 20px;
}
.schedule .present .comment p {
	display: block;
}
	

/* block */

.block {
	width: 100%;
	text-align: center;
	padding: 90px 0;
}
.block .inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}


/* about */

.about h2 {
	display: inline-block;
	background: url(../images/wave.gif) bottom repeat-x;
	padding: 0 5px 27px;
}
.about ul {
	margin: 5% auto 0 ;
}
.about ul li {
	display: inline-block;
	margin: 0 2%;
}


/* point */

.point {
	display: inline-block;
	background: url(../images/bg.gif) 0 0 repeat;
	text-align: left;
}
.point ul {
	margin: 5% auto;
	background: #fff;
	padding: 20px 50px 20px 160px;
	width: 90%;
	box-sizing: border-box;
}
.point ul li {
	padding-left: 50px;
	width: 44%;
	display: inline-block;
	line-height: 2.8;
	font-weight: bold;
	font-size: 120%;
	box-sizing: border-box;
}
.point ul li.num1 {
	background: url(../images/num1.png) left 50% no-repeat;
}
.point ul li.num2 {
	background: url(../images/num2.png) left 50% no-repeat;
}
.point ul li.num3 {
	background: url(../images/num3.png) left 50% no-repeat;
}
.point ul li.num4 {
	background: url(../images/num4.png) left 50% no-repeat;
}
.point ul li a:hover {
	padding-bottom: 4px;
	transition-property: border-bottom;
  transition-duration: 5s;
  transition-timing-function: ease;
	border-bottom: 1px solid #333;
}
.point .img_l,
.point .img_r {
	width: 90%;
	margin: 0 auto;
}
.point .img_l .text {
	float: right;
	width: 45%;
	margin: 0 0 0 5%;
}
.point .img_r .text {
	float: left;
	width: 45%;
	margin: 0 5% 0 0;
}
.point .img_l img,
.point .img_r img {
	width: 50%;
	margin-bottom: 8%;
}
.point div p {
	font-size: 110%;
}
.point .p_num {
	font-size: 110%;
	color: #7eab42;
	margin: 0;
	padding-top: 30px;
}
.point div h3 {
	font-size: 160%;
	background: #7eab42;
	padding: 4px 15px;
	color: #fff;
	margin: 0.5% 0 5%;
	display: inline-block;
}
.point #num04 .text {
	float: none;
	width: 100%;
}
.point #num04 h3 {
	margin-bottom: 2%;
}
.point #num04 .mh_info {
	margin-top: 5%;
}
.point #num04 .mh_info .subttl {
	font-weight: bold;
	margin-bottom: 4%;
}
.point #num04 .mh_shizuoka,
.point #num04 .mh_fujieda {
	float: left;
	width: 47%;
	margin: 0 6% 0 0;
}
.point #num04 .mh_fujieda {
	margin: 0;
}
.point #num04 .mh_info .photo img {
	width: 100%;
}
	
	
/* facility */

.facility .kidsroom .text {
	width: 30%;
	float: right;
	margin: 3% 0 0 5%;
}
.facility .kidsroom {
	margin: 5% auto 7%;
	text-align: left;
	width: 100%;
}
.facility .kidsroom .imagephoto {
	width: 65%;
	float: left;
}
.facility .kidsroom .numimg {
	width: 25%;
	margin: 5% 0 3% 0;
}
.facility .kidsroom h3 {
	font-size: 150%;
	margin: 1% 0 10%;
}
.facility .kidsroom h3 span,
.facility .other p span {
	background: linear-gradient(transparent 60%, #ffd942 0%);
	font-weight: bold;
}
.facility div p {
	font-size: 110%;
}
.facility .other {
	width: 100%;
	margin: 0 auto;
}
.facility .other .text {
	width: 31%;
	float: left;
	margin-right: 3%
}
.facility .other .text .imagephoto {
	width: 100%;
	margin-bottom: 3%;
}
.facility .other .numimg {
	width: 50%;
	margin: 0 0 7% 0;
}
.facility .other .text.end {
	margin-right: 0;
}


/* staff */

.staff {
	padding-top: 30px;
}
.staff ul {
	width: 90%;
	margin: 5% auto;
}
.staff ul li {
	float: left;
	width: 22%;
	margin-right: 3%;
}
.staff ul li.end {
	margin-right: 0;
}
.staff ul li img {
	width: 100%;
	max-width: 230px;
}


/* present */

.present {
	display: inline-block;
	background: #fff0dc;
}
.present h2 {
	display: inline-block;
	background: url(../images/wave02.gif) bottom repeat-x;
	padding: 0 5px 27px;
	margin: 0 auto;
}
.present .presentbox {
	width: 90%;
	margin: 6% auto 0;	
}
.present .presentbox p {
	text-align: left;
}
.present .presentbox .web_p,
.present .presentbox .reserve_p {
	background: #fff;
	width: 48%;
	position: relative;
	padding: 60px 60px 30px;
	box-sizing: border-box;
  border-radius: 5px;
}
.present .web_p {
	float: left;
	border: 1px solid #e9b07d;
}
.present .reserve_p {
	float: right;
	border: 1px solid #7eab42;
}
.present .ttl {
	top: -25px;
	left: 20%;
	position: absolute;
	width: 60%;
}
.present .ttl img,
.present .presentbox img {
	width: 100%;
}
.present .presentbox img.pop {
	width: 25%;
	position: absolute;
	bottom: 180px;
	right: 30px;
}
.present .presentbox .text {
	margin: 5% 0 3%;
}
.present .presentbox .text span {
	background: linear-gradient(transparent 60%, #ffd942 0%);
	font-weight: bold;
	font-size: 120%;
}
.present .presentbox .comment p {
	margin: 0 0 0.6em 0;
}


/* understand */

.understand .box {
	width: 30%;
	float: left;
	text-align: left;
	margin: 2% 5% 5% 0;
}
.understand .box.end {
	margin-right: 0;
}
.understand .box h3 {
	text-align: center;
	line-height: 4;
	margin-bottom: 3%;
}
.understand .box h3 span {
	background: linear-gradient(transparent 60%, #DEE4D7 0%);
	font-weight: bold;
	font-size: 120%;
}
.understand .pamphlet {
	background: #fff;
	width: 80%;
	position: relative;
	padding: 60px 60px 50px;
	box-sizing: border-box;
  border-radius: 5px;
	border: 2px solid #7EA242;
	margin: 3% auto 0;
	text-align: left;
}
.understand .pamphlet .ttl {
	top: -25px;
	left: 30%;
	position: absolute;
	width: 40%;
}
.understand .pamphlet .ttl img {
	width: 100%;
}
.understand .pamphlet .text {
	width: 45%;
	float: right;
	margin: 3% 0 0 5%;
}
.understand .pamphlet img {
	width: 48%;
}


/* qa */

.qa {
	padding-bottom: 0;
}
.qa dl {
	width: 90%;
	margin: 5% auto 0;
  text-align: left;
}

.qa dl dt {
	background: url(../images/balloon.png) 30px bottom no-repeat;
	padding-bottom: 15px;
}
.qa dl dt span {
	background: #e7ede0;
	padding: 20px 25px;
  border-radius: 5px;
  font-weight: bold;
	display: block;
	font-size: 110%;
}
.qa dl dd {
	margin: 1% 2% 5%;
}
.qa dl dd a {
	text-decoration: underline;
}


/* access */

.access .information {
	text-align: left;
	width: 90%;
	margin: 5% auto 3%;
}
.access .information img {
	margin: 0 5% 0 0 ;
}
.access .information .text i {
	margin-right: 1%;
	width: 4%;
	text-align: center;
}
.access .information .beta {
	width: 45%;
	float: left;
}
.access .information .text {
	width: 50%;
	float: right;
	margin: 30px 0;
}
.access .information .text p {
	margin: 0;
}
.access .information .text .shopname {
	font-weight: bold;
	font-size: 150%;
	margin-bottom: 3%;
}
.access .map {
	width: 90%;
	margin: 5% auto 0;
}
.access .map iframe {
	height: auto;
	min-height: 400px;
}
.access .map.second {
	margin-bottom: 100px;
}


/* footer */
footer {
	padding: 30px 0;
	font-weight: bold;
	text-align: left;
}
footer .inner {
	width: 80%;
	margin: 0 auto;
}
footer ul {
	float: left;
	width: 60%;
}
footer ul li {
	padding-right: 15px;
	display: inline-table;
	vertical-align: middle;
}
footer ul li:last-child {
	padding-right: 0;
}
footer copy {
	float: right;
	text-align: left;
	font-size: 80%;
	color: #666666;
	font-weight: normal;
}