/* ↓全体の文字カラー↓ */body {
color: #555555;
}

a {
color: #555555;
}


/* ↓部分的な行間↓ */
.gyo {
line-height: 175%;
}



/* ↓パソコンのみ改行↓ */
@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
/* ↓スマホのみ改行↓ */
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}



/* ↓破線の上下↓ */
.hasen {margin-top:-20px;}


/* ↓メニューバーカラー↓ */
.navbar-default {
  background-color: #c1ddaa;
  border-color: #82a550;
}
.navbar-default .navbar-brand {
  color: #3e4533;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #f9ffd7;
}
.navbar-default .navbar-text {
  color: #3e4533;
}
.navbar-default .navbar-nav > li > a {
  color: #3e4533;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #f9ffd7;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #f9ffd7;
  background-color: #82a550;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #f9ffd7;
  background-color: #82a550;
}
.navbar-default .navbar-toggle {
  border-color: #82a550;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #82a550;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #3e4533;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #3e4533;
}
.navbar-default .navbar-link {
  color: #3e4533;
}
.navbar-default .navbar-link:hover {
  color: #f9ffd7;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #3e4533;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #f9ffd7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #f9ffd7;
    background-color: #82a550;
  }
}



/* ↓メニューバー幅↓ */
/* header */
.navbar {
  min-height: 36px !important
}

.navbar-brand {
  height: 36px;
  padding: 8px 15px;
}

.navbar-nav > li > a {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}



/* Bootstrapのガター幅を調整するための汎用CSS */
.row-0{ margin-left:0px;  margin-right:0px}
.row-0 >div{ padding-right:0px;  padding-left:0px}
.row-10{ margin-left:-5px;  margin-right:-5px}
.row-10 >div{ padding-right:5px;  padding-left:5px}
.row-20{ margin-left:-10px;  margin-right:-10px}
.row-20 >div{ padding-right:10px;  padding-left:10px}
.row-30{ margin-left:-15px;  margin-right:-15px}
.row-30 >div{ padding-right:15px;  padding-left:15px}
.row-40{ margin-left:-20px;  margin-right:-20px}
.row-40 >div{ padding-right:20px;  padding-left:20px}
.row-50{ margin-left:-25px;  margin-right:-25px}
.row-50 >div{ padding-right:25px;  padding-left:25px}





/*マップ従来*/
#map_canvas{
	position: relative;
	padding-bottom: 56%;
	padding-top: 100px;
	height: 0;
	overflow: hidden;
}
#map_canvas iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 556px !important;
	height: 100% !important;
}


/*マップ実験*/
#map_canvas2{
	position: relative;
	padding-bottom: 60%;
	padding-top: 60px;
	height: 0;
	overflow: hidden;
}
#map_canvas iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 800px !important;
	height: 80% !important;
}


/*マップ変更*/
.maps {
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}



/*ページ内リンク位置修正*/
a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}




.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}





.box {
  margin: 0;
  float: left;
  width: 100%;
}
.box img {
  max-width: 30%;
  float: left;
}
.box p {
  margin-left: 15px;
  padding: 0px;
}
.right {
  width: 65%;
  float: left;
}  
 

.box2 {
    padding: 0.2em 0.5em;
    margin: -1px 0 1em  ;
    font-weight: bold;
	max-width: 150px;
    background: #ffe488;
    border-radius: 10px;/*角の丸み*/
}


.box3 {
    background: #999999;/*背景色*/
}
.box3 p {
}



.illbox {
  /* 子要素のタイトルを aboslute 配置するため必要 */
  position: relative;
}
.illbox .illbox_imageLeft {
  position: absolute;
  left: 0;
}
.illbox .illbox_imageRight {
  position: absolute;
  right: 0;
}


header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10000;
}



/* ↓スクロールに応じて要素を固定↓ */
#fixed {
  position: fixed;
  left: 0;
  margin: 0;/*余白が入らないように*/
  /*以下装飾*/
  width: 100%;
  color:white;
  }

/*バナーのマージン*/
.banner {
   margin: 0px  0px 16px;
}



/* .row の左右のネガティブマージンを0にする */

.row--nopadding {
  margin-left: 0;
  margin-right: 0;
}

/* .row--nopadding の中にあるカラムの左右のパディングを0にする */
.row--nopadding > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}


/*カラム同士の縦中央揃え*/

.row--v-middle {
  font-size: 0;
}

.row--v-middle > [class*="col-"] {
  float: none;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}


/* ↓注書き米印↓ */
.chuu_m{
}
.chuu_m ul, ol {
  position: relative;
}
.chuu_m ul li, ol li {
  list-style-type: none!important;
  margin-left: -1.75em;/*はみ出ないように調整*/
}
.chuu_m ul li:before { 
  content: "＊";/*アイコンの種類*/
  position: absolute;
  left : 0; /*左端からのアイコンまで*/
}