@charset "UTF-8";
/* CSS Document */

@import "responsive.css";

.mt00 { 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; }

.mr00 { margin-right:  0px !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; }

.mb00 { 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; }

.ml00 { margin-left:  0px !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; }

.pt00 { padding-top:  0px !important; }
.pt05 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }

.pr00 { padding-right:  0px !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }

.pb00 { padding-bottom:  0px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }

.pl00 { padding-left:  0px !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }

.clearfix {
	clear: both;
}

body {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #1fa0d3;
}

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

img.imgMax {
	width: 100%;
	height: auto;
}

.base_wrapper {
	width: 100%;
	height: 100%;
	background-image: url(/images/common/bg_body.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 0 15px;
}

/*ヘッダー*/

.logo {
	padding: 20px 0;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav>li>a {
  color: #ffffff;
}

.navbar-inverse {
	background-image: none;
	background-color: #1fa0d3;
	border: none;
	box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.3);
}
.navbar-inverse .navbar-toggle {
  border-color: #fff;
}
.navbar-inverse .navbar-toggle:hover {
	background-color: #fff;
}

.navbar-inverse .navbar-toggle:hover .icon-bar {
	background-color: #1fa0d3 !important;
}

/*コンテンツ*/
.contents_wrapper {
	background-color: #fafaef;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	padding: 15px;
	margin-bottom: 30px;
}

/*メイン画像*/
.mainVisual {
	padding-bottom: 15px;
}

/*サイドバー*/

/*イベントインフォ*/
#block_eventInfo {
	background-color: #dc092b;
	border: 3px solid #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	margin: 0px 0px 15px;
	border-radius: 10px;
	padding: 10px 0;
}

#block_eventInfo a {
	color: #fff;
}

#block_eventInfo h2 {
	margin: 0;
	padding: 0;
}

/*サイドバナー*/
#block_sideMenu {
	margin-bottom: 15px;
}

#block_sideMenu ul,
#block_sideMenu ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

/*海の家リスト*/
#block_uminoieList .col-sm-4,
#block_uminoieList .col-sm-8 {
	padding-bottom: 15px;
}

/*下層ページ*/
.page_content_wrapper {
	background-color: #dc092b;
	border: 3px solid #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	margin: 0px 0px 15px;
	border-radius: 10px;
	padding: 10px 0;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d6f0fd+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #d6f0fd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#d6f0fd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ffffff 0%,#d6f0fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ffffff 0%,#d6f0fd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ffffff 0%,#d6f0fd 100%); /* IE10+ */
background: linear-gradient(to right, #ffffff 0%,#d6f0fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6f0fd',GradientType=1 ); /* IE6-9 */
}

.breadcrumb {
	background-color: #fff;
}