@charset "UTF-8";
/*!
 *monkey original css(custom)
 */

/* Colors =====================================================================*/
.fc-black { color:#303030; }
.bc-black { background-color:#303030; }
.fc-white { color:#ffffff; }
.bc-white { background-color:#ffffff; }
.fc-gray { color:#808080; }
.bc-gray { background-color:#808080; }
.fc-red { color:#c70000; }
.bc-red { background-color:#c70000; }
.fc-blue { color:#007bc7; }
.bc-blue { background-color:#007bc7; }
.fc-orange { color:#c74600; }
.bc-orange { background-color:#c74600; }
.fc-pink { color:#d500af; }
.bc-pink { background-color:#d500af; }
.fc-green { color:#00c754; }
.bc-green { background-color:#00c754; }
.fc-yellow { color:#cdd40d; }
.bc-yellow { background-color:#cdd40d; }

/* Border ========================================================*/
.bd-ts1w {	border-top:solid 1px white; }
.bd-bs1w {	border-bottom:solid 1px white; }
.bd-ls1w {	border-left:solid 1px white; }
.bd-rs1w {	border-right:solid 1px white; }

.bd-td1w {	border-top:dotted 1px white; }
.bd-bd1w {	border-bottom:dotted 1px white; }
.bd-ld1w {	border-left:dotted 1px white; }
.bd-rd1w {	border-right:dotted 1px white; }

.bd-ts1b {	border-top:solid 1px #242c38; }
.bd-bs1b {	border-bottom:solid 1px #242c38; }
.bd-ls1b {	border-left:solid 1px #242c38; }
.bd-rs1b {	border-right:solid 1px #242c38; }

.bd-td1b {	border-top:dotted 1px #242c38; }
.bd-bd1b {	border-bottom:dotted 1px #242c38; }
.bd-ld1b {	border-left:dotted 1px #242c38; }
.bd-rd1b {	border-right:dotted 1px #242c38; }

/*! Carousel =================================================================*/
.navbar{
	margin-bottom: 0;	/* トップメニュー下のマージンを除去 */
}
.carousel-inner .item img{ width: 100%; }
.carousel-inner .carousel-caption {
  height:70%;
}
.carousel-caption {
  position: absolute;
  right: 0%;
  bottom: 20px;
  left: 0%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption{
	text-align: center;
	height:auto;
}
.carousel-caption h3 {
  font-size:4em;
  font-weight:bold;
}
.carousel-caption p {
  font-size:1.9em;
}
.contentbox {
  margin-top:100px;
  margin-bottom:100px;
}
@media (max-width: 767px) {
  .contentbox {
    margin-top:30px;
    margin-bottom:30px;
  }
}

/*! Footer =================================================================*/
#footer{
    margin-top: 20px;
    text-align: center;
    padding: 40px 0;
    background-color: #5A0000;
}
#footer .navbar-nav{
    float: none;
    width: 420px;
    margin: 10px auto;
}
#footer .navbar-nav>li{
    text-align: center;
    width: 80px;
    font-size: 12px;
}
#footer .navbar-nav>li>a{
    color: #fff;
}
.sns-icon{
    margin-top: 30px;
}
.sns-icon li{
    padding-left: 20px;
    color: #fff;
}
.sns-icon li:hover{
    color: #aaa;
}
.copy{
    margin-top: 20px;
    color: #fff;
    font-size: 12px;
}
.gotop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  color: #ffffff !important;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 6px;
  z-index: 99;
  text-decoration: none !important;
}
.gotop > i {
  position: relative;
  display: block;
  font-size: 20px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*! Contents(3box) =================================================================*/
.title{
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    color:#5A0000;
    font-size:3em;
}
.text-box{
    margin-bottom: 20px;
}
.panel{
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2;
}
.panel-header{
    text-align: center;
    padding: 10px;
    background-color: #ccc;
    color: black;
}
.panel-body{
    height: 100%;
}
.img-box{
    text-align: center;
    margin-bottom: 10px;
}
.box-img{
    width: 100%;
}
/*! for smart phone =================================================================*/
@media (max-width: 767px){
    .title{
        font-size: 25px;
        font-weight: bold;
    }
    .panel{
        /* 最大を300pxに固定する */
        width: 320px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    #footer .navbar-nav{
        /* footer menuのトータル幅を調整 */
        width: 340px;
    }
    #footer .navbar-nav>li{
        /* メニュー幅を小さく*/
        width: 60px;
        font-size: 10px;
    }
    .carousel-caption > h3{
        visibility: hidden;
    }
    .carousel-caption > p{
        visibility: hidden;
    }
}
/* navbar collapse for iPad (bootstrap) ========================================================*/
@media (max-width: 767px) { /* ←toggleを表示させるwidth md:1199 sm:991 xs:767*/
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}