@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* 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 */
* {
	list-style:none;
}

body{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color: #000;
	padding-top: 60px;
}

h1, .h1{
	margin-top: 0px;
	margin-bottom: 30px;
}

h2, .h2{
	color:#fff;
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 150%;
	background-color:#b7282e;
	padding:5px 0 5px 15px;
}

h3, .h3{
	color:#b7282e;
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 150%;
	font-weight:bold;
	padding:3px 0 3px 10px;
	border-left:solid 5px #b7282e;
}

h4, .h4{
	color:#b7282e;
	font-weight:bold;
}

p {
	margin: 0 0 15px;
}

span {
	color:#b7282e;
	font-weight:bold;
}

.caution {
	margin-bottom:15px;
}

.supplement {
	border:solid 1px #dcdcdc;
	padding:5px 20px 0 20px;
	margin-bottom:30px;
}

#main-header{
	background: #fff;
}

#main-nav{
	background: #b7282e;
}

.content-block{
	background: #fff;
	padding: 30px 0px;
}

.service-block{
	background: #fff;
	padding: 30px 0px;
}

.content-block img{
	margin-bottom: 30px;
}

.gallery-block{
	background: #fff;
	padding: 30px 0px;
}

.gallery-block img{
	margin-bottom: 30px;
}

.form-block{
	background: #ffff;
	padding: 30px 0px;
}

.map-block{
	background: #fff;
	padding: 30px 0px;
}

.footer-block{
	background: #fff;
	padding: 30px 0px;
}

.copyright-block{
	background: #b7282e;
	height:60px;
	line-height:60px;
	color:#fff;
}

.copyright-block a{
	color:#fff;
}

#map{
	height:400px;	
}

#footer-map{
	height:250px;	
}

[class*="animate-"] .overlay {
	background: #b7282e;
}

/* NAVIGATION */
.navbar-nav>li>a {
	line-height: 60px;
	height: 60px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
	color: #fff;
	background-color: #6f282e;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
	color: #fff;
	background-color: #b7282e;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	color: #fff;
	background-color:#6f282e;
}

/* スマホ版グロナビの背景色（個別）
------------------------------*/
.navbar-default .navbar-nav>li>a{
	color: #fff;
}

/* iframe用css
------------------------------*/
.embed-container {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.navbar-header {
	background-color:#b7282e;
}

.navbar-default {
	background-color:#b7282e;
}

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

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

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

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

@media (max-width: 797px) {...}

@media (max-width: 598px) {...}

@media (max-width: 510px) {...}

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

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



#office .container .row .col-md-6 p {
	margin-top: 20px;
}

#office .container .row .col-md-6 p img {
	width:65%;
	height:auto;
	margin-top:5px;
}