@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@media screen and  (min-width: 957px) {
	body{
		background-image:url(../images/haikei.png);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-attachment: fixed;

	}
}

body , a ,h1 , h2 , h3 , h4 , span , p{
		font-family: 'Noto Sans JP', sans-serif;
}


/**bs4レスポンシブ画像用*/
.img-fluid-w100{
	width: 100%;
}



.container-fluid{
	padding-left: 0;
	padding-right: 0;
}

.container{
	width: 957px;
	padding-left: 0px;
	padding-right: 0px;
	color: rgba(75,75,75,1.00);
	background-color: rgba(255,255,255,1.00);
}

.marginauto{
	margin: 0 auto;
}

.topbannerarea, .row{
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.topbanner{
	margin: auto 0px;
	padding: auto 0px;
}

.blog-post {
  margin-bottom: 60px;
}

.blog-post-title {
  margin-bottom: 0.8em;
  font-size: 24px;
  color:rgba(95,95,95,1.00);
}

.blog-post-meta {
	margin-top: -10px;
  margin-bottom: 5px;
  color: #999;
}

h2{
	font-size: 16px;
	 color: #999;
}

.blogmain{
  border-top: solid rgba(0,162,68,1.00) 1px;
  padding-top: 1em;
  font-size: 16px;
}

.blog-post p{
	padding-bottom:10px;
}
.blog-post h1{
	margin-top:-5px;
}

.navi div img , .main{
	margin-top: 1em;
}

.titleja{
	margin-left: 10px;
}

.navicate{
	background-color: #679E44;;
	color: rgba(255,255,255,1.00);
	padding-left: 0.5em;
	font-weight: bold;
}

.margin1em{
	margin-top: 1em;
}

.jlist{
	list-style: none;
	text-align: left;
	margin-left: 0.5em;
	padding-left: 0;
	font-size: 14px;
}

.jlist li{
	margin-bottom: 0.3em;
}

.footer{
	border-top: solid 1px #679E44;;
	background-color: #679E44;;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-top: 1em;
	color: rgba(255,255,255,1.00);
	font-size: 12px;
}

.icpadr{
	padding-right: 5px;
}

.icpadl{
	padding-left: 5px;
}

.margintop10{
	margin-top: 10px;
}

@media screen and  (max-width: 768px) {
	.container{
		width: 100%;
	}
}

.panel-info{
	border-top: solid 1px rgb(0, 162, 68);
	border-left: solid 1px rgb(0, 162, 68);
	border-right: solid 1px rgb(0, 162, 68);
}

.panel-info2{
	border-bottom: solid 1px rgb(0, 162, 68);
	border-left: solid 1px rgb(0, 162, 68);
	border-right: solid 1px rgb(0, 162, 68);
}


.panel-title{
	font-size: 16px;
	padding-top: 1em;
	padding-left: 10px;
	background-color: rgba(190,241,195,1.00);
	margin-bottom: 0px;
	padding-bottom: 1em;
}

.underline{
	text-decoration:underline;
}

.noborder{
	
}
.noborder td{
	border:none;
	padding: 0;
}


.douga_waku{
	height: 420px;
}

@media screen and  (max-width: 560px) {
	.douga_waku{
	height: 315px;
}
}

/*.yurie_icon {
	background: url("../images/20190703/18.png") no-repeat right ;
	padding-right: 30px;
}*/

.yurie_icon:after {
  content: url("../images/20190703/18.png");
}

.kame_icon:after {
  content: url("../images/20190703_01/kame.png");
}

.yubi_icon:before {
  content: url("../images/20210430_02/19.png");
	width: 30px;
}

.yubi_icon03:before {
  content: url("../images/20210708/hand02.png");
	width: 30px;
}

.hon{
	background-image: url("../images/20201124/bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 490px;
}

.gazou_moji{
	position: relative;
}

.gazou_moji div {
  position: absolute;
  top: 16%;
  left: 16%;
  }

@media screen and  (max-width: 860px) {
.gazou_moji div {
  top: 16%;
  left: 8%;
  }
}

@media screen and  (max-width: 767px) {
	.hon{
	background-image: none;
		height: auto;
}
	
.gazou_moji div {
  top: 16%;
  left: 25%;
  }
	
}

@media screen and  (max-width: 575px) {
	
.gazou_moji div {
  position:static;
	top: 0%;
  left: 0%;
  }
	
}

.midori_border{
	border:#00A244 solid 2px;
	border-radius: 10px;
	/*position: relative;*/
    padding: 5px;
}

.midori_ko{
	/*position: absolute;*/
	width: 200px;
	top: 100px;
	right: 0;
}

@media screen and  (max-width: 767px){
	.midori_ko{
		top: 110px;
		width: 120px;
	}
}

@media screen and  (max-width: 575px){
	.midori_ko{
		display: none;
	}
}

.orange_kakomi{
	color: #F5CE03;
	text-shadow: 
    #DF6100 2px 0px 2px, #DF6100 -2px 0px 2px,
    #DF6100 0px -2px 2px, #DF6100 -2px 0px 2px,
    #DF6100 2px 2px 2px, #DF6100 -2px 2px 2px,
    #DF6100 2px -2px 2px, #DF6100 -2px -2px 2px,
    #DF6100 1px 2px 2px, #DF6100 -1px 2px 2px,
    #DF6100 1px -2px 2px, #DF6100 -1px -2px 2px,
    #DF6100 2px 1px 2px, #DF6100 -2px 1px 2px,
    #DF6100 2px -1px 2px, #DF6100 -2px -1px 2px,
    #DF6100 1px 1px 2px, #DF6100 -1px 1px 2px,
    #DF6100 1px -1px 2px, #DF6100 -1px -1px 2px;
}
.yoko_narabi{
	
}


.yoko_narabi dt{
  float: left;
  font-weight: 400;
}

.yoko_narabi dd{
  margin-left: 80px;
}

.ao_border{
	border:#0088CB solid 2px;
	border-radius: 10px;
	/*position: relative;*/
	padding: 5px;
}

.bg_flog{
	background-image: url("../images/20210430_02/18.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 55px;
}

.yubi_icon02:before {
  content: url("../images/20210527/20.png");
}

.yubi_icon02:after {
  content: url("../images/20210527/20.png");
}

.border_green{
	border: #679E44 solid 3px;
	border-radius: 10px;
}

.border_brown{
	border: #b66d31 solid 3px;
	border-radius: 10px;
	background-color: #f8db92;
}

.bg_y{
	background-color: yellow;
}