/* CSS Document */


/* リセット */

body {
	/* font-size: 16px; */
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, ul, ol, li, p {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4 {
	/* font-size: 16px; */
	font-size: 18px;
	font-weight: normal;
}
li {
	list-style: none;
}
th {
	font: normal;
	text-align: left;
}

/*
a:hover{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
*/


.m_b_40 {
	margin-bottom: 40px;
}


.sidebar {
    position: relative;
    height: 100%;
	
}



.color_white {
	color: white;
}


#menu_logo {
	margin-left: 10px;
	margin-bottom: 20px;
	background-color: white;
}







#menu_logo_sp {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
	background-color: white;
}






.nav a {
    color: #333;
}

ul.nav{
    margin-left: 0;
    padding-left: 0;
}

.nav li {
    position: relative;
    list-style: none;
}

.nav li a {
    position: relative;
    
	/* font-size: 14px; */
	font-size: 0.8em;
	
    display: block;
    text-decoration: none;
    line-height: 40px;
}

.nav li a span {
    /* background: no-repeat url(images/sidebar.png) top left; */
    position: relative;
    display: block;
    width: 100%;
    padding-left: 42px;
    margin-left: auto;
    margin-right: auto;
}


.nav li a:hover,
.nav li.active a {
    color: #fff;
}

.nav li.menu_News a:hover,
.nav li.menu_News.active a {
    /* background-color: yellow; */
	background-color: #EAF000;
}

.nav li.menu_Business a:hover,
.nav li.menu_Business.active a {
    /* background-color: lightblue; */
	background-color: #B9D6E4;
}

.nav li.menu_About a:hover,
.nav li.menu_About.active a {
    /* background-color: tomato; */
	/* background-color: #DF6249; */
	background-color: tomato;
}
.nav li.menu_Access a:hover,
.nav li.menu_Access.active a {
    /* background-color: greenyellow; */
	/* background-color: #C7FE4B; */
	background-color: #96F01E;
}
.nav li.menu_Contact a:hover,
.nav li.menu_Contact.active a {
    /* background-color: violet; */
	/* background-color: #D580EA; */
	background-color: #B829DB;
}
.nav li.menu_Shop a:hover,
.nav li.menu_Shop.active a {
    /* background-color: orange; */
	/* background-color: #E9A326; */
	background-color: orange;
}
.nav li.menu_VeedoloneFarmersClub a:hover,
.nav li.menu_VeedoloneFarmersClub.active a {
    /* background-color: green; */
	background-color: #56985B;
}
.nav li.menu_VeedolonePhotographersClub a:hover,
.nav li.menu_VeedolonePhotographersClub.active a {
    /* background-color: red; */
	/* background-color: #DA0000; */
	background-color: #2980B9;
}

.nav li.menu_ERA a:hover,
.nav li.menu_ERA.active a {
    background-color: #666666;
}
.nav li.menu_NPO a:hover,
.nav li.menu_NPO.active a {
    background-color: #666666;
}



.nav li.menu_News a span {
    background: url(../images/menu/news_1.png) no-repeat center left;
}
.nav li.menu_Business a span {
    background: url(../images/menu/business_1.png) no-repeat center left;
}
.nav li.menu_About a span {
    background: url(../images/menu/about_1.png) no-repeat center left;
}
.nav li.menu_Access a span {
    background: url(../images/menu/access_1.png) no-repeat center left;
}
.nav li.menu_Contact a span {
    background: url(../images/menu/contact_1.png) no-repeat center left;
}
.nav li.menu_Shop a span {
    background: url(../images/menu/shop_1.png) no-repeat center left;
}
.nav li.menu_VeedoloneFarmersClub a span {
    background: url(../images/menu/VFC_1.png) no-repeat center left;
}
.nav li.menu_VeedolonePhotographersClub a span {
    background: url(../images/menu/VPC_1.png) no-repeat center left;
}
.nav li.menu_ERA a span {
    background: url(../images/menu/link_1.png) no-repeat center left;
}
.nav li.menu_NPO a span {
    background: url(../images/menu/link_1.png) no-repeat center left;
}



.nav li.menu_News a:hover span,
.nav li.menu_News.active a span {
    background: url(../images/menu/news_2.png) no-repeat center left;
}
.nav li.menu_Business a:hover span,
.nav li.menu_Business.active a span {
    background: url(../images/menu/business_2.png) no-repeat center left;
}
.nav li.menu_About a:hover span,
.nav li.menu_About.active a span {
    background: url(../images/menu/about_2.png) no-repeat center left;
}
.nav li.menu_Access a:hover span,
.nav li.menu_Access.active a span {
    background: url(../images/menu/access_2.png) no-repeat center left;
}
.nav li.menu_Contact a:hover span,
.nav li.menu_Contact.active a span {
    background: url(../images/menu/contact_2.png) no-repeat center left;
}
.nav li.menu_Shop a:hover span,
.nav li.menu_Shop.active a span {
    background: url(../images/menu/shop_2.png) no-repeat center left;
}
.nav li.menu_VeedoloneFarmersClub a:hover span,
.nav li.menu_VeedoloneFarmersClub.active a span {
    background: url(../images/menu/VFC_2.png) no-repeat center left;
}
.nav li.menu_VeedolonePhotographersClub a:hover span,
.nav li.menu_VeedolonePhotographersClub.active a span {
    background: url(../images/menu/VPC_2.png) no-repeat center left;
}

.nav li.menu_ERA a:hover span,
.nav li.menu_ERA.active a span {
    background: url(../images/menu/link_2.png) no-repeat center left;
}
.nav li.menu_NPO a:hover span,
.nav li.menu_NPO.active a span {
    background: url(../images/menu/link_2.png) no-repeat center left;
}












.luxbar-navigation a {
    color: #333;
}

ul.luxbar-navigation{
    margin-left: 0;
    padding-left: 0;
}

.luxbar-navigation li {
    position: relative;
    list-style: none;
}

.luxbar-navigation li a {
    position: relative;
    
	/* font-size: 14px; */
	font-size: 0.8em;
	
    display: block;
    text-decoration: none;
    line-height: 40px;
}

.luxbar-navigation li a span {
    /* background: no-repeat url(images/sidebar.png) top left; */
    position: relative;
    display: block;
    width: 100%;
    padding-left: 42px;
    margin-left: auto;
    margin-right: auto;
}



.luxbar-navigation li a:hover,
.luxbar-navigation li.active a {
    color: #fff;
}

.luxbar-navigation li.menu_News a:hover,
.luxbar-navigation li.menu_News.active a {
    /* background-color: yellow; */
	background-color: #EAF000;
}

.luxbar-navigation li.menu_Business a:hover,
.luxbar-navigation li.menu_Business.active a {
    /* background-color: lightblue; */
	background-color: #B9D6E4;
}

.luxbar-navigation li.menu_About a:hover,
.luxbar-navigation li.menu_About.active a {
    /* background-color: tomato; */
	/* background-color: #DF6249; */
	background-color: tomato;
}
.luxbar-navigation li.menu_Access a:hover,
.luxbar-navigation li.menu_Access.active a {
    /* background-color: greenyellow; */
	/* background-color: #C7FE4B; */
	background-color: #96F01E;
}
.luxbar-navigation li.menu_Contact a:hover,
.luxbar-navigation li.menu_Contact.active a {
    /* background-color: violet; */
	/* background-color: #D580EA; */
	background-color: #B829DB;
}
.luxbar-navigation li.menu_Shop a:hover,
.luxbar-navigation li.menu_Shop.active a {
    /* background-color: orange; */
	/* background-color: #E9A326; */
	background-color: orange;
}
.luxbar-navigation li.menu_VeedoloneFarmersClub a:hover,
.luxbar-navigation li.menu_VeedoloneFarmersClub.active a {
    /* background-color: green; */
	background-color: #56985B;
}
.luxbar-navigation li.menu_VeedolonePhotographersClub a:hover,
.luxbar-navigation li.menu_VeedolonePhotographersClub.active a {
    /* background-color: red; */
	/* background-color: #DA0000; */
	background-color: #2980B9;
}

.luxbar-navigation li.menu_ERA a:hover,
.luxbar-navigation li.menu_ERA.active a {
    background-color: #666666;
}
.luxbar-navigation li.menu_NPO a:hover,
.luxbar-navigation li.menu_NPO.active a {
    background-color: #666666;
}




.luxbar-navigation li.menu_News a span {
    background: url(../images/menu/news_1.png) no-repeat center left;
}
.luxbar-navigation li.menu_Business a span {
    background: url(../images/menu/business_1.png) no-repeat center left;
}
.luxbar-navigation li.menu_About a span {
    background: url(../images/menu/about_1.png) no-repeat center left;
}
.luxbar-navigation li.menu_Access a span {
    background: url(../images/menu/access_1.png) no-repeat center left;
}
.luxbar-navigation li.menu_Contact a span {
    background: url(../images/menu/contact_1.png) no-repeat center left;
}
.luxbar-navigation li.menu_Shop a span {
    background: url(../images/menu/shop_1.png) no-repeat center left;
}
.luxbar-navigation li.menu_VeedoloneFarmersClub a span {
    background: url(../images/menu/VFC_1.png) no-repeat center left;
}
.luxbar-navigation li.menu_VeedolonePhotographersClub a span {
    background: url(../images/menu/VPC_1.png) no-repeat center left;
}
.luxbar-navigation li.menu_ERA a span {
    background: url(../images/menu/link_1.png) no-repeat center left;
}
.luxbar-navigation li.menu_NPO a span {
    background: url(../images/menu/link_1.png) no-repeat center left;
}



.luxbar-navigation li.menu_News a:hover span,
.luxbar-navigation li.menu_News.active a span {
    background: url(../images/menu/news_2.png) no-repeat center left;
}
.luxbar-navigation li.menu_Business a:hover span,
.luxbar-navigation li.menu_Business.active a span {
    background: url(../images/menu/business_2.png) no-repeat center left;
}
.luxbar-navigation li.menu_About a:hover span,
.luxbar-navigation li.menu_About.active a span {
    background: url(../images/menu/about_2.png) no-repeat center left;
}
.luxbar-navigation li.menu_Access a:hover span,
.luxbar-navigation li.menu_Access.active a span {
    background: url(../images/menu/access_2.png) no-repeat center left;
}
.luxbar-navigation li.menu_Contact a:hover span,
.luxbar-navigation li.menu_Contact.active a span {
    background: url(../images/menu/contact_2.png) no-repeat center left;
}
.luxbar-navigation li.menu_Shop a:hover span,
.luxbar-navigation li.menu_Shop.active a span {
    background: url(../images/menu/shop_2.png) no-repeat center left;
}
.luxbar-navigation li.menu_VeedoloneFarmersClub a:hover span,
.luxbar-navigation li.menu_VeedoloneFarmersClub.active a span {
    background: url(../images/menu/VFC_2.png) no-repeat center left;
}
.luxbar-navigation li.menu_VeedolonePhotographersClub a:hover span,
.luxbar-navigation li.menu_VeedolonePhotographersClub.active a span {
    background: url(../images/menu/VPC_2.png) no-repeat center left;
}

.luxbar-navigation li.menu_ERA a:hover span,
.luxbar-navigation li.menu_ERA.active a span {
    background: url(../images/menu/link_2.png) no-repeat center left;
}
.luxbar-navigation li.menu_NPO a:hover span,
.luxbar-navigation li.menu_NPO.active a span {
    background: url(../images/menu/link_2.png) no-repeat center left;
}



































.sidebar {
    /* border-top: 2px solid #ccc; */
    padding-top: 25px;
	
    /* width: 330px; */
	width: 100%;
	
    margin-left: auto;
    margin-right: auto;
}


#content {
    margin-top: 0;
    position: relative;
}



.container {
	width: 100%;
	margin: 0;
	padding: 0;
}


.area_Top {
	width: 100%;
	height: auto;
	
}
.area_Top img {
	width: 100%;
	height: auto;
}

.area_News {
    /* background-color: yellow; */
	background-color:#EAF000;
	padding-top: 80px;
}
.area_Business {
    /* background-color: lightblue; */
	background-color: #B9D6E4;
	padding-top: 80px;
}
.area_About {
    background-color: tomato;
	color:white;
	padding-top: 80px;
}
.area_Access {
    /* background-color: #C7FE4B; */
	background-color: #96F01E;
	padding-top: 80px;
}
.area_Contact {
    /* background-color: violet; */
	background-color: #B829DB;
	color:white;
	padding-top: 80px;
}

.area_Contact2 {
    /* background-color: violet; */
	background-color: #B829DB;
	color:white;
	padding-top: 20px;
}

.area_Shop {
    background-color: orange;
	padding-top: 80px;
}
.area_VFC {
    /* background-color: green; */
	background-color: #56985B;
	/* padding-top: 80px; */
	padding-top: 20px;
}
.area_VPC {
    /* background-color: red; */
	background-color:#2980B9;
	/* padding-top: 80px; */
	padding-top: 20px;
}

.area_ERA {
    background-color: lightgray;
	padding-top: 80px;
}
.area_NPO {
    background-color: lightgrey;
	padding-top: 80px;
}



.area_MissVeedol {
	padding: 40px;
	line-height: 50px;
}


.area_Event {
	padding: 40px;
	line-height: 50px;
}


#news {
	color: #867100;
	margin-top:-80px;
	padding-top:80px;
}
#business {
	color:#100F74;
	margin-top:-80px;
	padding-top:80px;
}
#about {
	color: #7C0000;
	margin-top:-80px;
	padding-top:80px;
}
#access {
	color: #004310;
	margin-top:-80px;
	padding-top:80px;
}
#contact {
	color: #2B003B;
	margin-top:-80px;
	padding-top:80px;
}
#shop {
	color: #551F00;
	margin-top:-80px;
	padding-top:80px;
}
#VFC {
	color: #0F2F00;
	margin-top:-80px;
	padding-top:80px;
}
#VPC {
	/* color: #4F0001; */
	color: #1B1464;
	margin-top:-80px;
	padding-top:80px;
}




#MissVeedol {
	margin-top:-80px;
	padding-top:80px;
}
















.style4b {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 20px;
}








.area_Contact_bgcolor {
    /* background-color: violet; */
	background-color: #B829DB;
	color:white;
}








/* ボタン */
.square_btn {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #67c5ff;
    /* border: solid 2px #476498; */
	border: solid 2px #FFFFFF;
    border-radius: 3px;
    transition: .4s;
	/* background: #476498; */
	background: #FFFFFF;
	color: blueviolet;
}

.square_btn:hover {
	/* background:#3F74B3; */
	background:#F6BBFF;
	border: solid 2px #F6BBFF;
    color:blueviolet;
}




.link_missveedol {
	width: 100%;
	margin: 40px auto;
	text-align: center;
}



.section {
	padding: 2em 4em;
}




.disp_pc {
	display:none;
}


.disp_sp {
	display:block;
}


#content {
	margin-top: 34px;
}






.box_gaiyo {
	margin: 20px 0px;
}

.box_gaiyo2 {
	margin: 20px 0px 30px;
	font-size: 1.1em;
	line-height: 1.5em;
}

.box_topic_naiyo {
	margin: 20px 0px;
	line-height: 1.5em;
}

.box_topic_img {
	margin: 20px 0px;
	/* max-width: 100%; */
	max-width: 800px;
}
.box_topic_img img{
	width: 100%;
}

.box_topic_img_tate {
	margin: 20px 0px;
	height: auto;
	max-width: 450px;
}
.box_topic_img_tate img{
	width: 100%;	
}

	.box_news dl, .box_about dl {
		padding:0;
		margin:0;
		text-align:left;
		padding-bottom:40px;
	}

	.box_news dt, .box_about dt {
		padding:0;
		margin:0;
		text-align:left;
		float:none;
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.box_news dd, .box_about dd {
		max-width: 100%;
		padding-left:40px;
		padding-right: 20px;
		padding-bottom:20px;
		line-height: 1.2em;
		text-align:left;
	}



#box_inquiry {
	max-width: 100%;
	margin: 0px ;
	padding: 10px; 
	border: dotted 1px white;
}

#box_inquiry_Title {
	width: 100%;
	text-align: center;
	font-weight: bold;
	height: 2em;
	line-height: 2em;
	margin-bottom: 20px;
}



/* リセット */
input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
	color: black;
	margin-top: 20px;
}

input[type="submit"] {
   background-image: linear-gradient(0deg, #dfdfdf, #ffffff); /* グラデーション */
   /* border: 1px solid; */ /* 枠線 */
   border-radius: 0.2em;      /* 角丸 */
}

input[type="submit"]:hover {
   /* マウスが載ったとき */
   background-image: linear-gradient(0deg, #f0f0f0, #ffffff);
}
input[type="submit"]:active {
   /* クリックされたとき */
   background-image: linear-gradient(0deg, #ffffff, #dfdfdf);
}








/* リセット */
input[type="button"] {
	-webkit-appearance: none;
	border-radius: 0;
	color: black;
	margin-top: 20px;
}

input[type="button"] {
   background-image: linear-gradient(0deg, #dfdfdf, #ffffff); /* グラデーション */
   /* border: 1px solid; */ /* 枠線 */
   border-radius: 0.2em;      /* 角丸 */
}

input[type="button"]:hover {
   /* マウスが載ったとき */
   background-image: linear-gradient(0deg, #f0f0f0, #ffffff);
}
input[type="button"]:active {
   /* クリックされたとき */
   background-image: linear-gradient(0deg, #ffffff, #dfdfdf);
}





.tbl_input input,
.tbl_input textarea {
	color: black;
}




.submit {
	width: 100%;
	text-align: center;
}

.box_news, .box_business, .box_about, .box_access, .box_contact, .box_shop, .box_VFC, .box_VPC {
	max-width:100%;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom:40px;
	line-height:30px;
}





.midashi {
	text-indent: 20px;
	
	/* font-size: 24px; */
	font-size: 1.2em;
	
	font-weight: bold;
	padding-top: 40px;
	padding-bottom: 40px;
}

.midashi_japanese {
	font-size: 0.7em;
	font-weight:normal;
}

.midashi_japanese::before {
	content: "\A" ;
	white-space: pre ;
	padding-top: 20px;
}




#area_inquiry dt{
	float:none;
	max-width: 100%;
	margin: 20 10;
}

#carousel-example-generic {
	margin-top:-100px;
	padding-top:100px;
}



.box_img {
	margin: 20px 0px;
	/* max-width: 100%; */
	max-width: 1200px;
}
.box_img img{
	width: 100%;
}

@media screen and (min-width: 1080px) {
	
	
	body {
		font-size: 18px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		margin: 0;
		padding: 0;
	}
	
	h1, h2, h3, h4 {
		
		/* font-size: 16px; */
		font-size: 18px;
		
		font-weight: normal;
	}
	
	
	#content {
		margin-top:0px;
	}
	
	
	.disp_pc {
		display:block;
	}
	.disp_sp {
		display:none;
	}
	
	
    body:before {
		display: block;
		content: "";
		height: 100%;
		min-height: 100%;
		position: fixed;
		top: 0;
		left: 0;
        width: 330px;
		z-index: 0; /* Fixes flashing bug with scrolling on Safari */
    }
    .site {
		margin: 0 auto;
        max-width: none;
    }
    .site-content,
    .site-footer {
        margin-left: 330px;
        width: auto;
    }
    .sidebar {
		float: left;
		margin-right: -100%;
        max-width: none;
		width: 330px;
        top: 0;
        left: 0;
		position: fixed;
        padding: 1em 0;
        overflow: auto;
		background-color: white;
	}

	
	.midashi {
		text-indent: 1em;
		
		/* font-size: 28px; */
		font-size: 1.4em;
		
		font-weight: bold;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	
	.midashi_japanese {
		font-size: 0.7em;
		font-weight: nomal;
	}
	
	.midashi_japanese::before {
		content: "" ;
		white-space: normal ;
		padding-top: 0px;
	}
	
	
	.box_news, .box_business, .box_about, .box_access, .box_contact, .box_shop, .box_VFC, .box_VPC {
		max-width:100%;
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom:40px;
		line-height:40px;
	}
	
	
	
	
	
	
	
	.box_news dl, .box_about dl {
		padding:0;
		margin:0;
		text-align:left;
		padding-bottom:40px;
	}

	.box_news dt, .box_about dt {
		padding:0;
		margin:0;
		text-align:left;
		float: left;
		width: 150px;
	}
	.box_news dd, .box_about dd {
		padding-left:150px;
		padding-bottom:20px;
		line-height: 1.6em;
		text-align:left;
	}
	
	

	
	.box_gaiyo {
		margin: 20px 40px;
	}

	.box_gaiyo2 {
		margin: 40px;
	}

	.box_topic_naiyo {
		margin: 20px 40px;
	}

	.box_topic_img {
		margin: 20px 40px;
	}
	
	.box_topic_img_tate {
		margin: 20px 40px;
	}
	
	
	.box_img {
		margin: 20px 0px;
	}

	
	#box_inquiry {
		max-width: 800px;
		margin: 40px 40px;
		padding: 20px 20px; 
		border: dotted 1px white;
	}

	
	
	
	
	#area_inquiry dt {
		margin: 0;
		padding: 0;
		float: left;
		width: 180px;
		margin-left: 20px;
		margin-bottom: 10px;
	}

	#area_inquiry dd {
		margin: 0;
		padding: 0;
		margin-left: 200px;
		margin-bottom: 10px;
		clear: left;
	}

	#carousel-example-generic {
		margin-top:0px;
		padding-top:0px;
	}
	
	
	
	.area_VFC {
		padding-top: 40px;
	}
	.area_VPC {
		padding-top: 40px;
	}
	
	

}

/*
@media screen and (min-width: 1080px) {
	body:before {
		width: auto;
	}
}
*/