/*--------------------------------------------------------------
  ヘッダーのスタイル
--------------------------------------------------------------*/

#header {
	position: relative;
	padding: 0;
	background-color: #fff;
	height: 90px;
	z-index: 999;
}

.header_logo_area {
	position: fixed;
	z-index: 1000000;
	top: 0;
	left: 0;
	width: 100%;
	height: 90px;
	padding: 0;
	/* overflow: hidden; */
	background-color: #fff;
	box-shadow: 0px 4px 5px -2px rgba(10,10,10,0.2);
}

/*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
#header::-webkit-scrollbar {
	display: none;
}

_::-webkit-full-page-media,
_:future,
:root #header {
	/* Safariのみスクロールバーを付けない */
	/* overflow-x: initial!important; */
  /* overflow-y: initial!important; */
}

#header .row {
  width: 100%;
  margin: 0 auto;
}

.header-wrap {
  width: 100%;
  overflow: hidden;
}

h1.site_title {
	width: 23%;
	float: left;
	margin: 19px 0 0 3%;
}

h1.site-title img {
  margin-bottom: 10px;
}

h1.site-title a,
h1.site-title-sp a {
  color: #333;
}

h1.site-title span {
  font-size: 1.8rem;
}

h1.site-title-sp {
  font-size: 2.4rem;
  /*padding: 10px 5px 0 60px;*/
  padding: 10px 5px 0;
  margin: 0 0 20px;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
}

h1.site-title-sp img {
  width: 90%;
  display: block;
  margin: 0 auto 10px;
}

h1.site-title-sp span {
  font-size: 1.6rem;
}

.global-nav {
	float: right;
	width: 65%;
	margin: 14px 7% 0 0;
}

.header-insta {
	position: absolute;
	top: 50%;
	right: 2%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.header-insta a {

}

.header-right {
  width: 100%;
}

.header-right ul li img:hover {
  opacity: .7;
}

.subvisu {
  position: relative;
  text-align: center;
  /* background: url('../../img/subvisu-bg.png') no-repeat; */
  background-position: top center;
  background-size: cover;
  /* background-color: #2cac44; */
	/* background-color: #0090d5; */
}

.subvisu-ttl-wrap {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 33%;
  left: 0;
  text-align: center;
}

h2.page-title {
	font-size: 40px;
	font-size: 4.0rem;
	font-weight: 500;
  padding: 0 95px;
  color: #fff;
  text-align: center;
  margin: 0;
  line-height: 2;
  padding: 50px 0;
}

.city-img {
  margin: -54px 0 0;
  z-index: 999;
}

.city-img img {
  width: 100%;
}

.breadcrumb-wrap {
  /* background: #f2f4f6; */
  margin-bottom: 0;
}

.breadcrumb-wrap .row {
  margin-left: 0;
  margin-right: 0;
}

.breadcrumb {
  padding: 8px 0;
  margin-bottom: 0;
  list-style: none;
  /* background-color: #fff; */
  border-radius: 0;
  font-size: 1.2rem;
}

.breadcrumb a {
  /* color: #333; */
	color: #fff;
}

.glyphicon {
  /* color: #2cac44; */
	/* color: #0090d5; */
	color: #fff;
}

.post-wrap {
  padding: 0 ;
}

@media screen and (max-width : 1024px) {
	#header,
	.header_logo_area {
		height: 65px;
	}

	h1.site_title {
		height: 100%;
		float: none;
		display: flex;
		align-items: center;
		margin: 0 0 0 2%;
	}

}



@media (max-width: 768px) {
  #header {
    width: 100%;
    position: inherit;
    top: 0;
    left: 0;
  }
  .header-description p {
    line-height: 1.5;
  }
	h1.site_title {
		width: 75%;
	}
	h2.page-title {
		font-size: 25px;
		font-size: 2.5rem;
		padding: 30px 0;
	}
  ul.header-links {
    padding: 0 ;
  }
  ul.header-links li {
    margin-right: 4%;
  }
  ul.header-links li {
  }
  ul.header-links li:nth-child(1) {
    width: 35%;
  }
  ul.header-links li:nth-child(2) {
    width: 60%;
  }
  ul.header-links li:nth-child(3) {
    width: 100%;
    margin-right: 0;
  }
  ul.header-links li:nth-child(3) img {
    display: block;
    text-align: center;
    margin: 10px auto 5px;
  }
  ul.header-sitemap {
    padding: 0 6.5%;
  }
  ul.header-sitemap li:last-child {
    margin-left: 0;
  }
  .post-wrap {
    /* padding: 0 15px; */
  }
  .subvisu-ttl-wrap {
    top: 10%;
  }
  .breadcrumb-wrap {
    /* background: #f2f4f6; */
    /* margin-bottom: 15px; */
		margin: 0 15px 15px;
  }
}


/*--------------------------------------------------------------
  サイト内検索
--------------------------------------------------------------*/

.search-block {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+0,f5f5f5+50,dddddd+100 */
  background: #dddddd; /* Old browsers */
  background: -moz-linear-gradient(left, #dddddd 0%, #f5f5f5 50%, #dddddd 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #dddddd 0%,#f5f5f5 50%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #dddddd 0%,#f5f5f5 50%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd',GradientType=1 ); /* IE6-9 */
  padding: 30px 0 20px;
  position: relative;
}
.search-wrap {
  position: relative;
  padding: 0 30px;
}

.search-block h2 {
  width: 18%;
  margin: 0 auto 36px;
  text-align: center;
  /* color: #0d5c41; */
	color: #125f85;
  font-size: 2.4rem;
  padding: 5px 0 4px;
  /* border-bottom: 1px solid #0d5c41; */
	border-bottom: 1px solid #125f85;
}

.search-area {
  width: 100%;
  margin-bottom: 6px;
  /*position: absolute;
  top: 0;
  right: 30px;*/
}

dl.search1{
	position:relative;
	background-color:#fff;
	/*border:1px solid #aaa;*/
  /* box-shadow */
  box-shadow:1px 1px 2px 2px #eeeeee inset;
  -moz-box-shadow:1px 1px 2px 2px #eeeeee inset;
  -webkit-box-shadow:1px 1px 2px 2px #eeeeee inset;

  /* border-radius */
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;

  /* border */
  border:1px solid #eeeeee;

  margin: 0;
}

dl.search1 dt{
	margin-right:40px;
	padding: 2px 0 2px 6px;
  font-weight: normal;
}

dl.search1 dt input{
	width:100%;
	height:24px;
	line-height:24px;
	background:none;
	border:none;
  padding-left: 6px;
}

dl.search1 dd{
	position:absolute;
	top:0;
	right:0;
  margin: 0;
}

dl.search1 dd button{
	display:block;
	padding:2px 8px 7px 8px;
	background:none;
	border:none;
}

dl.search1 dd button span{
	display:block;
	width:20px;
	height:20px;
}

input.input-bg-color {
  color: #666;
  /*font-weight: bold;*/
  width: 100%;
}
input.input-txt::-webkit-input-placeholder {
  color: #ccc;
  font-weight: normal;
}
input.input-txt:-ms-input-placeholder {
  color: #ccc;
  font-weight: normal;
}
input.input-txt::-moz-placeholder {
  color: #ccc;
  font-weight: normal;
}

.search-area .fa-search {
  color: #ccc;
}

@media (max-width: 768px) {
  dl.search1 dt {
  	width: 85%;
  }
  dl.search1 dd {
  	width: 15%;
  }
}


/*--------------------------------------------------------------
  スライド
--------------------------------------------------------------*/

ul li {
  list-style: none;
}

.bxslider-wrap {
  position: relative;
  min-width: 100%;
  overflow: hidden; /*横スクロールさせないようにする*/
  margin: 0 0 30px;
}

.bx-wrapper {
  position: relative;
  margin: 0 auto;             /* 画面中央にする */
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
}

.bx-wrapper .bx-prev {
  left: -50px !important;
  /*left: 980px !important;*/
}

.bx-wrapper .bx-next {
  right: -50px !important;
  /*right: 980px !important;*/
  /*top: -50%  !important;*/
}

.bxslider li {
  text-align: center;
  width: 100%;
  /*max-height: 500px;*/
  /* background: #000; */
  overflow: hidden;
}

.bxslider li img {
  text-align: center;
  min-width: 100%;
}

/*.bxslider-inner {
  position: relative;
  left: 50%;
  width: 3040px;
  margin-left: -1520px;
}*/


@media (max-width: 768px) {
  .bxslider-wrap .bx-viewport {
    width: 100% !important;
    height: auto !important;
  }
  .bxslider-inner {
    position: relative;
    left: 50%;
    width: 100%;
    margin-left: -50%;
  }
  .bxslider li {
    min-height: inherit;
    height: auto;
  }
  .filter-l,
  .filter-r {
    display: none;
  }
  #video {
    display: none;
  }
}
























/*--------------------------------------------------------------
  END
--------------------------------------------------------------*/