/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* CUSTOM CSS (ADD YOUR CSS HERE!) */
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* PLUGIN CSS */
@import url('../plugins/camera-slider/camera-slider-1.3.4.min.css');
@import url('../plugins/fancybox/fancybox-1.3.4.min.css');
@import url('../plugins/fancybox/photoswipe-3.0.5.min.css');
@import url('../plugins/hover-animations/hover-animations-1.0.min.css');
@import url('../plugins/justinaguilar-animations/animations.css');
@import url('../plugins/validation/validation-2.2.min.css');
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700');

/* PAGE MODULES */
body{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#402000;
	font-weight: normal;
	background: #fff;
}
h1, .h1{
	/*margin-top: 0px;
	margin-bottom: 30px;
	font-size:30px;*/
	height:0;
	padding-top:20.83%;
	background-image: url(../img/shopname.gif) ;
 	background-size: contain;
	text-indent: -9999px;
	margin-bottom:30px;
}
h2, .h2{
	margin-top: 20px;
	margin-bottom: 50px;
	font-size: 40px;
	letter-spacing: 5px;
}
h3,.h3{
	margin-top:0px;
	margin-bottom:10px;
}

address{
	margin-top: 20px;
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 30px;
}

.jumbotron {
	margin:0px;
    background-image: url("../img/bg.jpg");
    background-size: cover;
    background-position: center bottom;
    padding-top:40%;
}

.jumbotron h1 {
    color: #fff;
    text-shadow: 1px 1px 1px #333,
        -1px 1px 1px #333,
        1px -1px 1px #333,
        -1px -1px 1px #333;
    text-align: center;
}

.jumbotron p {
    color:#fff;
    text-shadow: 1px 1px 1px #333,
        -1px 1px 1px #333,
        1px -1px 1px #333,
        -1px -1px 1px #333;
    text-align: center;
    font-size:1.5em;
    line-height:2em;
}

.row p {
	margin: 0 0 15px;
}
.mb40{
	margin-bottom: 40px;
}
#main-header{
	background: #fff;
}
#main-nav{
	background: #F08379;
}

.info-block{
	background: #fff;
	color:#402000;
	padding: 60px 0px;
	font-size: 20px;
	line-height: 2em;
	letter-spacing: 0.1em;
	background: #F5F2EA;
}
.reservation-block{
	background: #fff;
	color:#402000;
	padding: 60px 0px;
}
.content-block{
	background: transparent;
	padding: 30px 0px;
}
.content-block img{
	margin-bottom: 30px;
}
.concept-block{
	background: #fff;
	color:#402000;
	padding: 60px 0px;
}
.service-block{
	background: #F5F2EA;
	padding: 60px 0px;
}

.service-text h2.bodycare{
	height:0;
	padding-top:25.92%;
	background-image: url(../img/bodycare.jpg) ;
　　background-size: contain;
	text-indent: -9999px;
	margin-bottom:30px;
}
.service-text h2.shinkyu{
	height:0;
	padding-top:25.92%;
	background-image: url(../img/shinkyu.jpg);
	background-size: contain;
	text-indent: -9999px;
	margin-bottom:30px;
}
.service-text h2.bodyaroma{
	height:0;
	padding-top:25.92%;
	background-image: url(../img/bodyaroma.jpg);
	background-size: contain;
	text-indent: -9999px;
	margin-bottom:30px;
}
.service-text h2.facial{
	height:0;
	padding-top:25.92%;
	background-image: url(../img/facial.jpg);
	background-size: contain;
	text-indent: -9999px;
	margin-bottom:30px;
}
.service-text p{
	font-size: 16px;
	line-height: 26px;
}
.service-text ul{
	font-size: 20px;
	line-height: 50px;
}
.service-text .badge{
	font-size: 20px;
	font-weight: normal;
	color:#fff;
	background: #613E2A;
}
.staff-block{
	background: #F7C1BB;
	color:#402000;
	padding: 60px 0px;
}

.staff-photo{
		max-width: 400px;
		margin:0 auto 0 auto;
}

.goods-block{
	background: #fff;
	color:#402000;
	padding: 60px 0px;
}
.goods-block img{
	margin-bottom: 30px;
}
.caption p{
	font-size: 16px;
}
.caption .btn{
	font-size: 20px;
	margin-top:10px;
}
.form-block{
	background: #F5F2EA;
	padding: 30px 0px;
}
label{
	font-size: 16px;
}
.map-block{
	background: transparent;
	padding: 30px 0px;
}
.calendar-block{
	margin-top: 40px;
}
.footer-block{
	color:#fff;
	background: #613E2A;
	padding: 60px 0px;
}
.copyright-block{
	width:100%;
	background: #F08379;
	height:70px;
	line-height:70px;
	color:#fff;
}
small{
	font-size: 1.5em;
}

#map{
	height:400px;
}
#footer-map{
	height:350px;
}
[class*="animate-"] .overlay {
	background: #005995;
}

.block-text_h60 {
	font-size: 20px;
	line-height: 60px;
}

.block-text_h40 {
	font-size: 20px;
	line-height: 40px;
}

.block-text_bold {
	display: block;
	font-weight: bold;
	color:#ff0000;
	margin:20px 0px 10px 0px;
}

.block-list {
	color: #b20000;
	margin-left:10px;
	padding:0px;
	font-size:1.2em;
	letter-spacing:0.2em;
	line-height:26px;
	list-style-type: disc;
	list-style-position: outside;
}

/* NAVIGATION */
.navbar-nav>li>a {
	line-height: 80px;
	height: 80px;
	font-size: 20px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
	color: #005b95;
	background-color: #149cd7;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
	color: #005b95;
	background-color: #149cd7;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	background-color: #F5F2EA;
}
.navbar-default .navbar-nav>li>a{
	color: #fff;
}
.navbar-default .navbar-toggle:hover .icon-bar{
	background-color: #149cd7;
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
}

/* RESPONSIVE */

@media (min-width: 1230px) {...}

@media (min-width: 1022px) {...}

@media (max-width: 1021px) {
	#masthead-container{
		display: none;
	}
	.staff-block h2{
		text-align: center;
	}
	.sp-font li{
		font-size: 0.8em;
	}
}
@media (min-width: 798px) {...}

@media (max-width: 797px) {
	.sp-font li{
		font-size: 1.2em;
	}
}

@media (max-width: 598px) {
	.sp-b{
		margin-bottom: 40px;
	}
}
@media (max-width: 510px) {
	.sp-font li{
		font-size: 0.8em;
	}
	.service-text .badge{
		font-size: 16px;
		font-weight: normal;
		color:#fff;
		background: #613E2A;
	}
	small{
	font-size: 1em;
	}
}

@media (min-width: 798px) and (max-width: 1021px) {...}

@media (min-width: 1022px) and (max-width: 1229px) {...}