@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
	body {
		background: #e5e5e5;
		color: #999;
	}
	h1, h2, h3, h4, h5, h6 {
		color: #777;
		font-weight: 300;
	}
	.btn {
		font-weight: 300;
		border: 0;
	}
	.btn.btn-primary {
		background-color: #52b6ec;
	}
	.btn.btn-primary:hover, .btn.btn-primary.active {
		background-color: #1586c3;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	a:hover, a:focus {
		color: #80c9f1;
		text-decoration: none;
		outline: none;
	}
	#header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 80px;
		z-index: 99999;
	}
	#home {
		padding: 30px 0;
		background-color: #C0D7AB;
	}
	#contact .box {
		background-color: #222;
		color: #999;
	}
	#contact .box h1, #contact .box h2, #contact .box h3 {
		color: #fff;
	}
	#contact .box input[type="text"], #contact .box input[type="email"], #contact .box textarea {
		background-color: #111;
		border: 0;
		-webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
	}
	#contact .box input[type="text"]:focus, #contact .box input[type="email"]:focus, #contact .box textarea:focus {
		background-color: #000;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.box {
		padding: 50px 30px 50px;
		background: #fff;
		border-bottom: 1px solid #e9e9e9;
		position: relative;
	}
	.box.first {
		margin-top: -40px;
		border-radius: 5px 5px 0 0;
	}
	.box.last {
		border-radius: 0 0 5px 5px;
	}
	.box h2 {
		padding: 10px 0;
		display: inline-block;
		border-radius: 4px;
		position: relative;
		margin-bottom: 30px;
		font-size: 48px;
	}
	.first h2 {
		padding-top: 25px;
	}

	#area .box {
		background: #f3f3f3;
	}
	#area img{
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		max-width: 600px;
	}
	
	#pricing .box {
		background-color: #f9f9f9;
	}
	#pricing .plan {
		background: #fff;
		list-style: none;
		margin: 0 0 20px;
		text-align: center;
		padding: 0;
		border-bottom: 1px solid #e1e1e1;
	}
	#pricing .plan li {
		padding: 10px 0;
		margin: 0 15px;
		border-bottom: 1px dashed #eee;
	}
	#pricing .plan li.plan-name {
		padding: 15px 0;
		font-size: 18px;
		font-weight: 700;
	}
	#pricing .plan li.plan-price {
		color: #666;
		padding: 15px 0;
		font-size: 48px;
	}
	#pricing .plan li.plan-action {
		margin-top: 20px;
		margin-bottom: 20px;
		border-bottom: 0;
	}
	#pricing .plan.featured {
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
	}
	#pricing .plan.featured .plan-price {
		color: #fff;
		background-color: #52b6ec;
		border-bottom-color: #52b6ec;
		margin: 0;
	}
	#service .row > div {
		margin-bottom: 50px;
	}
	.center {
		text-align: center;
	}
	.carousel.scale .active .row > div:nth-child(1) {
		-webkit-animation: scaleUp 200ms linear 0 both;
		-moz-animation: scaleUp 200ms linear 0 both;
		-ms-animation: scaleUp 200ms linear 0 both;
		-o-animation: scaleUp 200ms linear 0 both;
		animation: scaleUp 200ms linear 0 both;
	}
	.carousel.scale .active .row > div:nth-child(2) {
		-webkit-animation: scaleUp 200ms linear 100ms both;
		-moz-animation: scaleUp 200ms linear 100ms both;
		-ms-animation: scaleUp 200ms linear 100ms both;
		-o-animation: scaleUp 200ms linear 100ms both;
		animation: scaleUp 200ms linear 100ms both;
	}
	.carousel.scale .active .row > div:nth-child(3) {
		-webkit-animation: scaleUp 200ms linear 200ms both;
		-moz-animation: scaleUp 200ms linear 200ms both;
		-ms-animation: scaleUp 200ms linear 200ms both;
		-o-animation: scaleUp 200ms linear 200ms both;
		animation: scaleUp 200ms linear 200ms both;
	}
	.carousel.scale .active .row > div:nth-child(4) {
		-webkit-animation: scaleUp 200ms linear 400ms both;
		-moz-animation: scaleUp 200ms linear 400ms both;
		-ms-animation: scaleUp 200ms linear 400ms both;
		-o-animation: scaleUp 200ms linear 400ms both;
		animation: scaleUp 200ms linear 400ms both;
	}
	.navbar-default {
		background: #fff;
		border-radius: 0 0 5px 5px;
		border: 0;
		padding: 0;
		-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
		box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
		overflow: hidden;
	}
	.navbar-default .first a {
		border-radius: 0 0 0 5px;
	}
	.navbar-default .navbar-brand {
		margin-right: 50px;
		margin-left: 20px;
		width: 200px;
		height: 78px;
		background: url(../images/logo.png) no-repeat 0 50%;
	}
/**/
	.navbar-default .navbar-nav {
		width: 100%;
	}

	.navbar-default .navbar-nav > li {
		padding-left: 1px;
		width: 20%;
		box-sizing: border-box;
	}
	.navbar-default .navbar-nav > li:first-child {
		padding-left: 0;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 16px;
		color: #999;
		text-align: center;
	}

@media only screen and (max-width: 589px) {
	.navbar-default .navbar-nav > li {
		padding-bottom: 1px;
		width: 100%;
	}
	.navbar-default .navbar-nav > li:last-child {
		padding-bottom: 0;
	}
}
/*----------------------------------------------------*/

	.navbar-default .navbar-nav > li > a > i {
		display: inline-block;
	}
	
	.navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.active:focus > a, .navbar-default .navbar-nav > li.active:hover > a, .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li:focus > a, .navbar-default .navbar-nav > li.active > a:focus, .navbar-default .navbar-nav > li.active:focus > a:focus, .navbar-default .navbar-nav > li.active:hover > a:focus, .navbar-default .navbar-nav > li:hover > a:focus, .navbar-default .navbar-nav > li:focus > a:focus {
		background-color: #52b6ec;
		color: #fff;
	}
	.gap {
		margin-bottom: 50px;
	}
	.big-gap {
		margin-bottom: 100px;
	}
	#footer {
		padding-bottom: 30px;
		color: #999;
	}
	#footer a {
		color: #999;
	}
	#footer a:hover {
		color: #52b6ec;
	}
	ul.social {
		list-style: none;
		margin: 10px 0 0;
		padding: 0;
	}
	ul.social > li {
		margin: 0 0 20px;
	}
	ul.social > li > a {
		display: block;
		font-size: 18px;
	}
	ul.social > li > a i {
		margin-right: 10px;
	}

@keyframes scaleUp {
	0% {
		opacity: 0;
		transform: scale(0.3);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-moz-keyframes scaleUp {
	0% {
		opacity: 0;
		-moz-transform: scale(0.3);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}
@-webkit-keyframes scaleUp {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.3);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}
@-ms-keyframes scaleUp {
	0% {
		opacity: 0;
		-ms-transform: scale(0.3);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1);
	}
}
@-o-keyframes scaleUp {
	0% {
		opacity: 0;
		-o-transform: scale(0.3);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}




/*アドレスリンク*/
	address > a {
		color: #52b6ec;
	}
	address > a:hover {
		color: #428bca;
	}
/*注釈*/
	.notes {
		color:#F69;
	}
	aside {
		text-indent: -1em;
		padding-left: 1em;
	}
	aside p {
		margin-bottom: -0.1em;
	}
/*右寄せ*/
.right {
	text-align: right;
}
/*左寄せ*/
.left {
	text-align: left;
}

/*ご案内*/
	#service ul{
		margin-left: -0.5em;
	}
/* 料金テーブル*/
	table {
		width: 100%;
	}
	#pricing th {
		background: #f4f4f4;
	}
	#pricing th,
	#pricing td {
		padding: 10px 5px;
		border: 1px solid #ddd;
		text-align: center;
	}
@media only screen and (min-width:590px) {
/*料金表*/
	#pricing dt {
		clear: both;
		float: left;
		width: 9em;
	}
	#pricing dd {
		text-indent: -1em;
		padding-left: 8em;
	}
/*店舗情報*/
	#contact dt {
		clear: both;
		float: left;
		width: 7em;
		font-weight: normal;
	}
	#contact dd {
		padding: 0;
	}
/*更新履歴*/
	#update dt {
		clear: both;
		float: left;
	}
	#update dd {
		text-indent: -1em;
		padding-left: 8em;
	}}

/*スマートフォンサイズ*/
@media only screen and (max-width:589px) {
/*見出し*/
	.box h2 {
		font-size: 28px;
	}
	.lead {
		text-align: left;
	}
/*ご案内*/
	#service ul{
		margin-left: -2em;
	}

/* 料金テーブル*/
	#pricing thead {
		display: none;
	}
	#pricing tr {
		display: block;
		margin-bottom: 10px;
	}
	#pricing th {
		display: block;
		width: 100%;
	}
/*
	#pricing td {
		display: list-item;
		width: 90%;
		margin-left: 10%;
		border: none;
	}
*/
	#pricing td:nth-child(2) {
		display: list-item;
		width: 90%;
		padding-left: 90px;
		border: none;
		list-style: none;
		background-image:url(../img/set1.png);
		background-repeat: no-repeat;
		background-position: 0 14px;
	}

	#pricing td:nth-child(3) {
		display: list-item;
		width: 90%;
		padding-left: 90px;
		border: none;
		list-style: none;
		background-image:url(../img/set2.png);
		background-repeat: no-repeat;
		background-position: 0 14px;
	}

	#pricing td:nth-child(4) {
		display: list-item;
		width: 90%;
		padding-left: 90px;
		padding-bottom: 20px;
		border: none;
		list-style: none;
		background-image:url(../img/set3.png);
		background-repeat: no-repeat;
		background-position: 0 14px;
	}




	#pricing th,
	#pricing td {
		text-align: left;
	}
/*料金表*/
	#pricing dd {
		padding-left: 1em;
	}
/*店舗情報*/
	#contact dt {
		font-weight: normal;
	}
	#contact dd {
		padding: 0 0 1em 1em;
	}
/*更新履歴*/
	#update dd {
		padding-left: 1em;
	}}