/* custum style
-------------------------------------------------- */
body {
background-color: #fefdf5 !important;
border-top: 3px solid #2c0c0a;
}

.img-responsive{
width:100%;
max-width: 100%;
height: auto;
}

.h-logo {
text-align:center;
width: auto;
margin:10px auto 0 0 !important;
padding-top: 5px;
height:90px;
line-height:20px
}

h2 {
 margin-top:0 !important;
 padding:30px 10px 10px 30px;
 background: url(../images/h2_icatch.png) repeat-y 10px top;
font-size: 20px !important;
color: #2c0c0a !important;
}

h3 {
 margin-bottom:20px !important;
font-size: 18px !important;
color: #2c0c0a !important;
}

h2.bg-wh {
 background-color: #fff !important;
}



 .bdr {
   border: 1px solid #ff0000;
 }

.lefted {
text-align:left;
 }
.righted {
text-align:right;
 }
.centered {
text-align:center;
 }
 
 .btn-default {
  color: #2c0c0a !important;
  background-color: #fefdf5 !important;
  border-color: #E4D2B5 !important;
}

.btn-primary {
  color: #fff;
  background-color: #C8161D !important;
  border-color: #fefdf5 !important;
}

/* ---------------------------------------------
	pagetop 
--------------------------------------------- */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 10px;
    font-size: 80%;
}
#page-top a {
    position: relative;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 25px 0;
    text-align: center;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
}
 
/* navi style
-------------------------------------------------- */

.navbar-wrapper .navbar {
background-color: #fefdf5 !important;
margin: 0px !important;
}

.navbar-wrapper .navbar-toggle {
background-color: #333 !important;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  color: #ff0000 !important;
 }
.nav li.active {
background-color: #333 !important;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808 !important;
}
.navbar-inverse .navbar-nav > li > a {
  color: #2c0c0a !important;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ff0000 !important;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #2c0c0a;
  border-color: #2c0c0a !important;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #000;
  background-color: #fefdf5 !important;
  border-bottom: 2px solid #2c0c0a;
}

.navbar-inverse .navbar-toggle {
  border-color:  #2c0c0a !important;
  background-color: #2c0c0a !important;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #2c0c0a !important;
}

.dropdown a.dropdown-toggle {
  background-color: #fefdf5 !important;
}

.dropdown-menu {
  background-color: #fefdf5 !important;
}

.dropdown-menu > li > a {
  color: #2c0c0a !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #2c0c0a !important;
  background-color: #f3f2e6 !important;
}

/* slide style
-------------------------------------------------- */

.cover {
margin-bottom: 50px;
 }
.cover .img-bg {
 background: url(../images/main-bg.png) no-repeat center top;
background-size:cover;
 }
 .carousel-indicators {
  position: absolute !important;
  top: 100% !important;

}
.carousel-indicators li {
  background-color: #2c0c0a !important;
}
.carousel-indicators .active {
  background-color: #ff0000 !important;
}



/* contents style
-------------------------------------------------- */
section {
padding:0 0 50px 0;
}

section.bg-img {
background: url(../images/_section-bg.png) no-repeat center top;
background-size:cover;
}

section#what{
padding-top: 50px;
}

section#what imgbox{
overflow:hidden;
height: auto;
}

section#gallery{
padding-top: 50px;

}

section#contact{
padding-top: 50px;
}

section#works{
padding-top: 50px;
}

section#works ul.menu{
   list-style: none;
   padding: 0px;
   border-top: 1px dotted #2c0c0a;
}

section#works ul.menu li{
border-bottom: 1px dotted #2c0c0a;
}

section#works ul.menu li a {
padding: 10px 5px;
  color: #2c0c0a;
  display: block;
}

section#works ul.menu li a:hover,
section#works ul.menu li a:focus {
  color: #2c0c0a;
  background-color: #f3f2e6;
}


.w-box {
 border: 1px solid #b19f97;
 background-color: #FFFFFF !important;
 padding:0 !important;
 margin: 0 10px 20px 0;
 }
 
 .w-box div{
 margin:0 !important;
 padding:0 !important;
 }
 
  .w-box p{
 margin:0 10px 0 10px !important;
 }
 
 .btm-box {
 border-bottom: 1px solid #b19f97;
 padding: 0 0 20px 0 !important;
 margin: 0 10px 20px 0;
 }
 
 ul#instafeed{
   list-style: none;
 }
 
  ul#instafeed li{
  padding-left: 0;
  margin-bottom: 10px;
 }

@media (min-width: 567px) {
dl#list{
width: 100%;
text-align: left;
margin-top: 30px;
}
dl#list dt{
display: block;
width: 30%;
clear: left;
float: left;
border-top: 1px dotted #2c0c0a;
line-height: 2.0;
}
dl#list dd{
display: block;
width: 70%;
float: left;
border-top: 1px dotted #2c0c0a;
line-height: 2.0;
}
}

@media (max-width: 576px) {
dl#list{
width: 100%;
text-align: left;
margin-top: 30px;
}
dl#list dt{
border-top: 1px dotted #2c0c0a;
line-height: 2.0;
 background-color: #F4EFE0 !important;
 padding: 5px 0 5px 5px;
}
dl#list dd{
border-top: 1px dotted #2c0c0a;
line-height: 2.0;
}
}


        .fb-box {
            max-width: 500px;
            margin: 0 auto;
            padding: 0px 0;
        }
        .fb-page {
            min-height: 300px;
        }
        .fb_iframe_widget,
        .fb_iframe_widget span,
        .fb_iframe_widget iframe[style]{
          width: 100% !important;
        }

@media (min-width: 768px) {	
.imgbox{
width: 100%;
text-align: left;
height: 300px;
overflow: hidden;
}
}

@media (min-width: 992px) {	
.imgbox{
width: 100%;
text-align: left;
height: 200px;
overflow: hidden;
}
}

/* ---------------------------------------------
	preset margin 
--------------------------------------------- */
.mp0 { margin: 0px; padding: 0px !important; }

.mt0 { margin-top: 0px !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mb0 { margin-bottom: 0px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}

.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}

.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}


/* padding */

.pt05 { padding-top: 5px !important;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}

.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}

.pl05 { padding-left: 5px;}
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl25 { padding-left: 25px;}
.pl30 { padding-left: 30px;}

.pr05 { padding-right: 5px !important;}
.pr10 { padding-right: 10px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr25 { padding-right: 25px;}
.pr30 { padding-right: 30px;}

.p05 { padding: 5px;}
.p10 { padding: 10px;}
.p15 { padding: 15px;}
.p20 { padding: 20px;}
.p25 { padding: 25px;}
.p30 { padding: 30px;}