/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	line-height:inherit;
}

body {
  box-sizing : border-box;
}


#wrap
{ min-height: 100%;
  height: auto;
  /* フッターの高さ分だけ、ネガティブインデントを指定 */
  margin: 0 auto -20px;
  /* フッターの高さ分だけ、パディングを指定 */
  padding: 0 0 20px;
}

body {
   /* padding-top: 50px; */
   /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}


/* ここでフッターの高さを指定 */
/* Footer Styles */

footer {

    margin: 20px 0;/*上右下左*/
}


.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}




/*　ここから幅に合わせてテキスト縮小　*/
.slabtexted .slabtext{
	display:-moz-inline-box;
	display:inline-block
	white-space:nowrap;
}
.slabtextinactive .slabtext{
	display:inline;
	white-space:normal;
	font-size:1em !important;
	letter-spacing:inherit !important;
	word-spacing:inherit !important;
	*letter-spacing:0 !important;
	*word-spacing:0 !important;
}
.slabtextdone .slabtext{
	display:block
}
/*　ここまで幅に合わせてテキスト縮小　*/



/*追記*/

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
/* font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
/*  font-weight: bold;*/
  line-height: 1.1;
  color: #212121;
}


.kage{box-shadow: 0px 2px 5px #ccc; /* CSS3 */
 -moz-box-shadow: 0px 2px 5px #ccc; /* Firefox用*/
-webkit-box-shadow: 0px 2px 5px #ccc; /* Google Chrome, Safari用*/
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2', MakeShadow='true', ShadowOpacity='0.5');}



.triangle{

    display: block;

    width: 0;

    height: 0;

    border-top: 30px solid #ffffff;

    border-right: 40px solid transparent;

    border-bottom: 40px solid transparent;

    border-left: 40px solid transparent;

}



*{ margin:0; padding:0;}

/* Sticky footer styles
-------------------------------------------------- */
html,body {  height: 100%;  /* The html and body elements cannot have any padding or margin. */}
/* Wrapper for page content to push down footer */
#wrap {  min-height: 100%;  height: auto !important;  height: 100%;  /* Negative indent footer by it's height */
  margin: 0 auto -60px;}

/* Set the fixed height of the footer here */

/*#push,#footer {  height: 100px;}
 Lastly, apply responsive CSS fixes as necessary */

@media (max-width: 767px) {

  #footer {    margin-left: -20px;
      margin-right: -20px;

    padding-left: 20px;

    padding-right: 20px;

  }

}


/*ここまでフッター固定*/


.row div:not(.clearfix) {
    border: 0px solid red;
}

h1 { padding: 0px; }

video{
max-width: 100%;
height: auto;
}

.logo{margin-top:0px;
   /* margin:0em auto;*/
    display:block;
}


.navbar{margin-bottom:0px;}


body{margin-top:0px;background-color:#ffffff;background-image:url();}/*../img/bg2.gif  #F4F4F4*/


.navbar-brand {
  background-image: url("../img/logo.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  height: 50px;
  width: 250px;
}


.navbar{border-top:0px solid #E0DBCB;
font-family: 'Noto Sans Japanese', sans-serif;
padding:0px;margin:0px;}

.row{padding:0;margin:0;}


.headerNavBtn:hover{
    background:#EEE;
}

.nav{border:0px solid red;white-space: nowrap;}

.nav li{padding:0px 0px 0px 0px;}


.nav li a{color:#807D78;}

.nav li a:hover{color:#E44248;
background:none;

   /* background:#EEE;*/
}

.carousel-inner item{}

.nav{border:0px solid red;padding:5px 0px 0px 0px;}

footer{margin-bottom:0px;padding-bottom:0px;padding-top:10px;background-color:#9B9090;}



figure {
	position: relative;
	overflow: hidden;
	width: 300px;
}
figcaption {
	position: absolute;
	bottom: -60px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 60px;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
}
figure:hover figcaption {
	bottom: 0;
}


.header-image{}

/*画像の上に乗せるドット*/
#over{background-image:url(../dot3.png);position: absolute;z-index:1;width:100%;height:100%;}

.multiple-items2 div{padding:5px;text-align:center;}

.access {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;
}
.access iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {
    width: 100%;
}
 
/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.viewer .btnPrev {
    left: 10px;
    background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.viewer .btnNext {
    right: 10px;
    background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer ul {
    display: inline-block;
    overflow: hidden;
}


/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}