@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

.sawa{
	font-family: 'Sawarabi Mincho',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}


.topflex{
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
	-webkit-box-justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.undertopflex{
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
    flex-wrap:wrap;

}

.up , .down{
	height: 50%;
}

.topflex .fb1 img , .fb1sp img{
	max-width: 100%;
}

.topboxheight{
	min-height: 330px;
	height: auto !important;
}

.toph2{
	color: rgba(255,255,255,1.00);
	font-size: 24px;
}

.fbh2{
	font-size: 16px;
	margin-bottom: 0px;
	/*text-decoration: underline;*/
	background-color:#679E44;
}

.fbh2 a{
	color: rgba(255,255,255,1.00);
	padding-left: 5px;
	padding-right: 5px;
}

.fbtxt{
color: rgba(255,255,255,1.00);
	background-color:rgba(62,62,62,1.00);
	padding: 1.2em .5em;
}


.titlewaku{
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
	height: 100%;
	
	-webkit-box-justify-content: center;/* 3 */
	justify-content: center;/* 3 */
	justify-content: center;/* 3 */
	justify-content: center;/* 3 */

	align-items: center;    /* 4 */
	background-color: rgba(0,0,0,0.40);
}

.titlebox{
	font-size: 18px;
	font-weight: bold;
}



.fb1{
	-webkit-box-flex:  0 0 24%;
	-ms-flexbox-flex:  0 0 24%;
	-webkit-flex-flex:  0 0 24%;
	flex: 0 0 24%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color:rgba(103,158,68,1.00);



}

.fb1sp{
	-webkit-box-flex:  1 0 33%;
	-ms-flexbox-flex:  1 0 33%;
	-webkit-flex-flex:  1 0 33%;
	flex: 1 0 33%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.fb2{
	-webkit-box-flex:  1 0 50%;
	-ms-flexbox-flex:  1 0 50%;
	-webkit-flex-flex:  1 0 50%;
	flex: 1 0 50%;
	background-color: rgba(103,158,68,1.00);
	color: rgba(255,255,255,1.00);
}

.spcolor{
	/*color: rgba(85,85,85,1.00);*/
} 

.spwordwidth{
	max-width: 300px;
}


.fb2yellow{
	background-color:rgba(204,172,3,1.00);
}





.tptextwp{
	max-width: 400px;
    margin: 0 auto;
    text-align: center;

}
.tptxt{
    display: inline-block;
    text-align: left;
}



.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 30%;
}

.resp-vtabs .resp-tabs-container {
  width: 68%;
  background-color: #fff;
    min-height: 180px;
}

.tabContents div a{
	margin-left: 15px;
}

.resp-vtabs li.resp-tab-active {
	background-color: #679E44;
	color: #fff;
}


.bxslider .bxslider_caption {

	position: absolute;
	left: 0;
	top: 10%;
	/*width: 100%;*/
	color: #fff;
}
.bxslider .bxslider_caption > div {
	padding: 10px;
}
.bxslider .bxslider_caption h4 {
	font-size: 2.0em;
	font-weight: bold;
	color: #fff;
/*	text-decoration: underline;*/
	
}

.bxmaintxt{
	
}

.underbx{
  text-shadow: 0 -2px 2px #000,
    	       -2px 0 2px #000,
    	       2px 0 2px #000,
    	       0 2px 2px #000,
    	       1px 1px 1px #fff,
    	       2px 2px 2px #fff,
    	       3px 3px 3px #fff;
}


@media screen and (max-width: 1200px) {
  .topflex {
		display:-webkit-box;
		display:-ms-flexbox;
		display: -webkit-flex;
		display:flex;
		-webkit-box-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		
/*			-webkit-box-justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;*/
		
		
		
		/*
		-webkit-box-flex-direction:column wrap;
		-ms-flex-direction: column wrap;
		-webkit-flex-direction:column wrap;
		flex-direction: column wrap;
		*/
  }

	.fb1{
		-webkit-box-flex:  0 0 48%;
		-ms-flexbox-flex:  0 0 48%;
		-webkit-flex-flex:  0 0 48%;
		flex: 0 0 48%;
		margin-bottom: 30px;

	}

	.fb2{
		-webkit-box-flex:  1 0 50%;
		-ms-flexbox-flex:  1 0 50%;
		-webkit-flex-flex:  1 0 50%;
		flex: 1 0 auto;
		background-color: rgba(103,158,68,1.00);
		color: rgba(255,255,255,1.00);
	}

	.up , .down{
		height: auto;
	}
	
	.fb1sp{
	-webkit-box-flex:  1 0 50%;
	-ms-flexbox-flex:  1 0 50%;
	-webkit-flex-flex:  1 0 50%;
	flex: 1 0 50%;	
	}

	.resp-vtabs .resp-tabs-container {
	  width: 100%;
	}
	.resp-vtabs li.resp-tab-active , h2.resp-tab-active {
		background-color: #679E44  !important;
		color: #fff;
	}
}


@media screen and (min-width: 1201px){
	.waku_sm , .niko_sm , .wai_sm , .kira_sm , .mite_sm{
		display: none;
	}

}