body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 500;
}

.bg-blackdd{
	background-color: #cccccc;
}

/* A関連 */
a {
  color: #333;
  text-decoration: underline;
  background-color: transparent;
}

a:hover {
  color: #000;
  text-decoration: underline;
}



a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

/*フッターやナビ、インフォのliなどに係るAのアンダーバー消し */
a.nav-link{
  text-decoration: none;
}

a.btn{
  text-decoration: none;
}

li a{
  text-decoration: none;
}

div.tag-con a{
  text-decoration: none;
}

a.dropdown-item{
  text-decoration: none;
}

button {
	margin:10px 0px;
}

btn a {
　color:#FFFFFF;
  text-decoration: none;
}

btn a:link,btn a:active,btn a:visited {
  color:#FFFFFF;
    text-decoration: none;
}

btn a:hover {
  color:#FFFFFF;
    text-decoration: none;
}

.footer-bg {
background-color: #101e34;
	  color: #fff;
}


footer {
   /* background: url("../images/ftback.jpg") center no-repeat;
    background-size: cover;*/
	color: #fff;
}

footer a {

  text-decoration: none;
  background-color: transparent;
color: #fff;
}

footer a:link,footer a:active,footer a:visited {
color: #fff;
}

footer a:hover {
    color:#FFFFFF;
    text-decoration: underline;
}


/* Footer の中のA関連 */
footer li{
  font-size: 0.8rem;
}

footer p.left{
  font-size: 0.9rem;
}

footer p.copy{
  font-size: 0.8rem;
	font-family: "Tahoma" , "Times New Roman", Times, "serif", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", ;
	color: #fff;
}




/*
img.navlogo {
    max-width: 100%;
   height: auto;
    vertical-align: middle;
}
*/

li.nav-link{
	 border-right: 1px solid #000;
	vertical-align: middle;
}


.nav-link{
	font-size: 1em; /*def 1em*/	
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0rem;
    padding-left: 0.6rem;/*def 0.6*/
}

/*navbarのトグルのボーダー線を0に*/
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 0px solid transparent;
  border-radius: 0.25rem;
}

.navbar .nav-item{
	font-weight: bold;
}
.navbar-brand{
	font-weight: bolder;
}



a.navi-contact {
	/*	border-radius: 16px; */
    font-size:0.9em;
    font-weight:bold;
    display:block;
    text-align:center;
    padding:0px 10px 0px 10px;
	margin:4px 3px 10px 4px;
    color:#253582;
    border:1px solid #253582;
}

a:hover.navi-contact {
  text-decoration: none;
	color:#FFF;
  border:1px solid #253582;
background-color:#253582;
}

a.navi-inq {
	/*border-radius: 16px;*/
    font-size:0.9em;
    font-weight:bold;
    display:block;
    text-align:center;
    padding:0px 10px 0px 10px;
	margin:4px 3px 10px 4px;
    color:#FFF;
    border:1px solid #253582;
	
	background-color:#253582;
}

a:hover.navi-inq {
	color:#FFF;
  text-decoration: none;
  border:1px solid #1050B3;
background-color:#1050B3;
}



/*レスポンシブトップ画像*/
.jbt {
    height: 510px;
    background: url("../images/jumbotron.jpg") center 0 no-repeat;
    background-size: cover;
    }

@media (min-width: 900px){
.jbt {
    height: 871px;
    background: url("../images/jumbotron.jpg") center no-repeat;
    background-size: cover;
	}
	
	
		/*TELリンクをＰＣ版の場合のける*/
a[href^="tel:"] {
    pointer-events: none;
	
}

}

@media (max-width: 899px){ /*NAVの文字変*/
  .nav-link{
    font-size: 0.9em; /*def 1em*/	
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0rem;
    padding-left: 0.2rem;/*def 0.6*/
}
  }


@media (max-width: 767px){
.jbt {
    height: 310px;
    background: url("../images/jumbotron.jpg") center no-repeat;
    background-size: cover;
	}
}


/*navbarを白半透明に*/

.navbar {
   background-color: rgba( 255, 255, 255, 0.7 );/*aのDEF 0.8*/
}

/*navbarの文字を黒く*/
.navbar-light .navbar-nav .nav-link {
    color:#333;
}



/*navbar内ドロップダウンの文字黒く太く*/
.dropdown-item {
    font-weight:bold;
    color: #333;
}

/*フォーム内、inputのフォーカス時の青い光を消す*/

textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus {
  outline: 0;
  box-shadow: none;
  border: 2px solid #999999;
  background-color: #ffffff;
}

/*IE11対策*/
@media all and (-ms-high-contrast: none) {
.img-fluid {
	width: 100%;
	height: auto;
	}
}

/* テンプレLP-ALL　背景*/
.bg-beige {
  background: #faf3ec url("../images/bg_beige.png") center 0 repeat;
  background-size: auto;
 /* background-size: contain;*/
}


.bg-wood {
    background: #faf3ec url("../images/bg-wood.jpg") center 0 repeat;
    background-size: auto;
   /* background-size: contain;*/
}

.bg-wood2 {
  background: #faf3ec url("../images/bg-wood2.png") center 0 repeat;
  background-size: auto;
 /* background-size: contain;*/
}

.bg-stripe {
  background: #faf3ec url("../images/bg-stripe.png") center 0 repeat;
  background-size: auto;
 /* background-size: contain;*/
}

.bg-dot {
  background: #faf3ec url("../images/bg-dot.jpg") center 0 repeat;
  background-size: auto;
 /* background-size: contain;*/
}

.bg-grid {
  background: #faf3ec url("../images/bg-grid.jpg") center 0 repeat;
  background-size: auto;
 /* background-size: contain;*/
}

.bg-gray {
  background: #EEE9E3;
  background-size: auto;
}

.bg-gray-q {
  background: #ECECEC;
  background-size: auto;
}

.bg-garden {
  background: #B2AE92;
  background-size: auto;
}

/*背景END*/



/************ H ***********/

h2.mossgreen {
color: #777e41;
}

h1.graykit {
  color: #3c4043;/*3c4043*/
  font-size: 1.6rem;
  font-weight: bold;
  padding-bottom: 20px;
  }

h2.graykit {
  font-size: 24px;
  font-weight: 700;
  line-height: 160%;
  width: 100%;
  box-sizing: border-box;
  padding: 16px;
  color: #FFFFFF;/*DEF = #3c4043 */
  background-color:#9d8e86; /*#9d8e86;*/
  }



h6.graykit {
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
  width: 100%;
  box-sizing: border-box;
  padding: 16px;
    padding-bottom: 16px;
  padding-bottom: 10px;
  color: #3c4043;
}

h7.graykit {
  font-size: 20px;
  font-weight: 700;
  line-height: 170%;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  padding-bottom: 5px;
  color: #3c4043;
  border-bottom: 2px solid #979797;
  word-break: break-word;
  letter-spacing: .7px;
  background: transparent;

}


.bg-graykit {
  background-color: #ececec;
  padding:15px;
}

.bg-graykit li {
  margin-bottom: 8px;
  }


li.graykit {
  margin-bottom: 5px;
}


.strongday{
  font-size: 19px;
  font-weight: bolder;
}

/*******　カスタムボタン モスグリーン**********************************************************************/
/* 通常のボタン色 */
.btn-mossgreen,
.btn-mossgreen.disabled, .btn-mossgreen:disabled {
  color: #fff;
  background-color: #777e41;
  border-color: #777e41;
}

/* focusされた時の枠線の色 */
.btn-mossgreen:focus, .btn-mossgreen.focus,
.btn-mossgreen:not(:disabled):not(.disabled):active:focus, .btn-mossgreen:not(:disabled):not(.disabled).active:focus,
.show > .btn-mossgreen.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 85, 55, 0.5);
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定） */
.btn-mossgreen:hover {
  color: #fff;
  background-color: #61682a;
  border-color: #61682a;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-mossgreen:not(:disabled):not(.disabled):active, .btn-mossgreen:not(:disabled):not(.disabled).active,
.show > .btn-mossgreen.dropdown-toggle {
  color: #fff;
  background-color: #61682a;
  border-color: #61682a;
}

/*******　カスタムボタン グレー基調 Rは#352e2b;**********************************************************************/
/* 通常のボタン色 */
.btn-graykit,
.btn-graykit.disabled, .btn-graykit:disabled {
  color: #fff;
  background-color: #595959;
  border-color: #595959;
}

/* focusされた時の枠線の色 */
.btn-graykit:focus, .btn-graykit.focus,
.btn-graykit:not(:disabled):not(.disabled):active:focus, .btn-graykit:not(:disabled):not(.disabled).active:focus,
.show > .btn-graykit.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(189, 192, 189, 0.5);
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定） */
.btn-graykit:hover {
  color: #fff;
  background-color: #6c6c6c;
  border-color: #6c6c6c;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-graykit:not(:disabled):not(.disabled):active, .graykit:not(:disabled):not(.disabled).active,
.show > .btn-graykit.dropdown-toggle {
  color: #fff;
  background-color: #595959;
  border-color: #595959;
}