/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/*# sourceMappingURL=bootstrap.min.css.map */

/* 追加レイアウト */
.col-xs-8, .col-xs-9 {
    float: left;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (max-width:480px){
	#container-top h1 img{
				width:80%;
				}
	#scroll-contents ul li{
				height:4em;}
}

@media (max-width:767px){
	#scroll-contents ul.row li.col-md-3{
				float:left;
				width:25%;}
	#scroll-contents ul.row li.col-md-3 a{
				font-size:0.8em;}
}
@media (max-width:1199px){
	#scroll-contents ul.row li.col-md-3{
				float:left;
				width:25%;}
}
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 20px 10px;
    z-index:99;
}
 
.pagetop a:hover {
    display: block;
    background-color: #222;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:20px 10px;
}

html {
  height: 100%; 
  overflow: hidden; /* ブラウザ標準のスクロールバーを消します */
}
 
body {
  overflow-y: scroll;  /*  縦スクロールバーを表示します。 */
  overflow-x: hidden;  /*  横スクロールバーを消します。 */                                                                 height: 100%;
}

#container-top img{
	background-color:rgba(255,255,255,0.7);
}

#container-top {
    width:100%;
    min-height:800px;
    background:url("../img/img_back.png") no-repeat fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; /* 背景画像をフルスクリーンにフィットさせます */
}

#scroll-contents {
    position:fixed;
    top:0;
    width:100%;
    padding:0;
    margin:0;
    z-index:1;
}

#scroll-contents .col-md-3 {
    padding:1em;
}

#scroll-contents ul{
	padding:0;
	margin:0;
}

#scroll-contents ul li {
	list-style:none;
}

#calendar {
    width:100%;
    min-height:800px;
    background:url("../img/img_back2.png") no-repeat fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; /* 背景画像をフルスクリーンにフィットさせます */
}

#calendar iframe {
	width:100%;
}

#gallery div.text-center {
	margin-bottom:30px;
}

#contact {
    width:100%;
    min-height:800px;
    background:url("../img/img_back3.png") no-repeat fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; /* 背景画像をフルスクリーンにフィットさせます */
}
.modal img.img-responsive {
	margin: 0 auto;
}

h2 {
	color:#224c92;
	font-size:12px;
	font-weight:bold;
	background-color: rgba(255,255,255,0.5);
	width:36%;
	margin:20px auto;
	padding:5px;
	border-radius:4px;
}

#contact form {
	width:90%;
	margin:0 auto;
}

#contact form label {
	background-color: rgba(255,255,255,0.5);
	border-radius:4px;
	margin:0 0 5px 20px;
	text-align:center;
	vertical-align:middle;
}

#contact p.box_small{
	background-color:rgba(255,255,255,0.7);
	margin-top:1em;
	padding:1em;
	border-radius: 4px;
}

#contact p.box_small a{
	color:#00f;
	font-weight:bold;

}

.col-sm-offset-2.col-sm-10{
	text-align:left;
	margin:0;
}

footer ul {
	margin:30px 0;
	padding:0;
	width:100%;
}

footer ul li {
	list-style:none;
	padding:0.5em;
	border-bottom:1px solid #fff;
}

footer ul li a{
	color:#fff;
	font-weight:bold;
}

footer ul li.bg-footer{
	background-color:#668CD9;
}
	
