@charset "utf-8";

/*
Theme Name: Farmers Market 2016
Description: Farmers Market 2016
Version: 1.0
*/


/* =========================================================
* 1.COMMON
========================================================= */

html {
 height: 100%;
}

body {
 height: 100%;
 font-size: 14px;
 font-family: 游ゴシック, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
 font-weight: 500;
 line-height: 2em;
 color: #111111;
 word-break: break-all;
 word-wrap: break-word;
 background: #f0f4f0;
}


::-moz-selection {
 color: #ffffff;
 background: #006A3A;
 /* Firefox */
}

.img-responsive {
 width: 100% !important;
 height: auto !important;
}

.img-responsive img {
 width: 100% !important;
 height: auto !important;
}

ol,
ul,
ul li {
 list-style-type: none;
}

ul,
li,
dl,
dt,
dd {
 padding: 0;
 margin: 0;
}

.text-center {
 text-align: center;
}

.fl {
 float: left;
}

.fr {
 float: right;
}

.reset {
 margin: 0 !important;
 padding: 0 !important;
}

.tl {
 text-align: left;
}

.tr {
 text-align: right;
}

.cf:before,
.cf:after {
 content: " ";
 display: table;
}

.cf:after {
 clear: both;
}

.cf {
 *zoom: 1;
 clear: both;
}


.mt15 {
 margin-top: 15px;
}

.mb0 {
 margin-bottom: 0;
}

.mb20 {
 margin-bottom: 10px;
}


.mb15 {
 margin-bottom: 15px;
}

.mb30 {
 margin-bottom: 30px;
}

.mb45 {
 margin-bottom: 45px;
}

.pad-top-half {
 margin-top: 50px;
}

.pad-top-half {
 margin-top: 50px;
}

.pad-bottom {
 padding-bottom: 15px;
}

.nomargin {
 margin: 0;
 padding: 0;
}

.nomargin-top {
 margin-top: 0;
 padding-top: 0;
}

.mt2em{
  margin-top:2em !important;
}


*,
*:after,
*:before {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}



.table-cell {
 display: table-cell;
 vertical-align: middle;
}

.d-inline{
	display: inline-block;
}

/***************************************************************
2.TEXTS
****************************************************************/

a {
 color: #006A3A;
 text-decoration: none;
}

a:link {
 color: #006A3A;
}

a:visited {
 color: #006A3A;
}

a:hover {
 color: #006A3A;
 background: none;
}

a:active {
 /*color: #231815;*/
}

a img {
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 filter: alpha(opacity=100);
 -moz-opacity: 1.0;
 opacity: 1.0;
 -webkit-transition: all 0.25s;
 -moz-transition: all 0.25s;
 -ms-transition: all 0.25s;
 -o-transition: all 0.25s;
 transition: all 0.25s;
}


a:hover img {
 filter: alpha(opacity=90) !important;
 -moz-opacity: 0.9 !important;
 opacity: 0.9 !important;
}

::selection {
 color: #ffffff;
 background: #006A3A;
}



@font-face {
 font-family: "Flaticon";
 src: url("font/Flaticon.eot");
 src: url("font/Flaticon-.eot#iefix") format("embedded-opentype"), url("font/Flaticon.woff") format("woff"), url("font/Flaticon.ttf") format("truetype"), url("font/Flaticon.svg#Flaticon") format("svg");
 font-weight: normal;
 font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
 @font-face {
  font-family: "Flaticon";
  src: url("font/Flaticon.svg#Flaticon") format("svg");
 }
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
 font-family: Flaticon;
 font-size: 40px;
 font-style: normal;
 margin-left: 15px;
 color: black;
}

.flaticon-youtube-logo-1:before { content: "\f100"; }
.flaticon-youtube-logo:before { content: "\f101"; }
.flaticon-more:before { content: "\f102"; }
.flaticon-down-arrow-1:before { content: "\f103"; }
.flaticon-up-arrow-1:before { content: "\f104"; }
.flaticon-up-arrow:before { content: "\f105"; }
.flaticon-down-arrow:before { content: "\f106"; }
.flaticon-back:before { content: "\f107"; }
.flaticon-next:before { content: "\f108"; }
.flaticon-up-chevron:before { content: "\f109"; }
.flaticon-close:before { content: "\f10a"; }
.flaticon-left-chevron:before { content: "\f10b"; }
.flaticon-right-chevron:before { content: "\f10c"; }
.flaticon-down-chevron:before { content: "\f10d"; }
.flaticon-menu:before { content: "\f10e"; }
.flaticon-arrows-4:before { content: "\f10f"; }
.flaticon-arrows-3:before { content: "\f110"; }
.flaticon-line:before { content: "\f111"; }
.flaticon-arrows-2:before { content: "\f112"; }
.flaticon-arrows-1:before { content: "\f113"; }
.flaticon-arrows:before { content: "\f114"; }
.flaticon-add-plus-button:before { content: "\f115"; }
.flaticon-drop-down-arrow:before { content: "\f116"; }
.flaticon-play-arrow:before { content: "\f117"; }
.flaticon-expand-button:before { content: "\f118"; }
.flaticon-instagram-logo:before { content: "\f119"; }
.flaticon-twitter-logo-on-black-background:before { content: "\f11a"; }
.flaticon-facebook-logo:before { content: "\f11b"; }
.flaticon-keyboard-right-arrow-button:before { content: "\f11c"; }
.flaticon-facebook-logo-1:before { content: "\f11d"; }
.flaticon-google-drive-document:before { content: "\f11e"; }


p {
 margin: 1em 0;
}

h1 img {
 width: 265px;
 height: 21px;
}


h2 {
 margin: 0;
 padding: 0;
 font-size: 21px;
 font-weight: bold;
 line-height: 1.5em;
 margin-bottom: 1em;
}

h2 span {
 display: block;
 line-height: 1.75em;
}

h2.border.green {
 border-left: solid 3px #006A3A;
}


h3 {
 line-height: 1.75em;
 margin-top: 0;
 display: block;
 font-weight: bold;
 font-size: 18px;
 /*margin-left:15px;*/
 margin-bottom: 1em;
}

h3.border {
 border-left: solid 3px #212121;
 line-height: 18px;
 padding-left: 10px;
 margin-bottom: 30px;
}

h3.border.green {
 border-left: solid 3px #006A3A;
}

h4 {
 font-weight: bold;
 font-size: 16px;
}


.large-text {
 font-size: 16px;
}

.strong {
 font-weight: bold;
}

.green {
 color: #006A3A;
}

@media screen and (max-width: 480px) {
 .entry p {
  font-size: 13px !important;
 }
 [class^="flaticon-"]:before,
 [class*=" flaticon-"]:before,
 [class^="flaticon-"]:after,
 [class*=" flaticon-"]:after {
  font-size: 35px;
  margin-left: 0px;
 }
}

hr {
 height: 1px;
 margin-top: 30px;
 margin-bottom: 30px;
 border: 0;
 border-top: 1px solid #ccc;
}

hr.hr2em {
 height: 2px;
 margin-top: 30px;
 margin-bottom: 30px;
 border: 0;
 border-top: 2px solid #ccc;
}

.text-center-pc{
	text-align:center;
}



/*-------------------------------------------------------------------------------------------------------------------------------*/


/* STRUCTURE */


/*-------------------------------------------------------------------------------------------------------------------------------*/

.container,
.container-full {
 padding-right: 15px;
 padding-left: 15px;
 margin-right: auto;
 margin-left: auto;
}

#load {
 position: fixed;
 z-index: 9999999;
 top: 0;
 left: 0;
 background: #fff;
 width: 100%;
 height: 100%;
}


#main {}

#header .inner,
#contents {
 margin: 0 auto;
 clear: both;
}



#contents {
 margin-top: 75px;
 padding-bottom: 30px;
}

section#first {
 padding-top: 30px;
}


#footer {
 border-top: 1px solid #ccc;
 clear: both;
 margin: auto;
}

#footer .links {
 margin: 0 auto;
 width: 940px;
 padding-top: 32px;
 overflow: hidden;
}

#footer .links a {
 overflow: hidden;
 cursor: pointer;
}


#footer .sns {
 padding-top: 48px;
 overflow: hidden;
}

#footer .sns div {
 display: inline;
}

#footer .sns a {
 text-decoration: none;
 border: 0;
}

#footer .sns a:hover {
 text-decoration: none;
 border: 0;
}

#footer .credit {
 margin-top: 15px;
 text-align: center;
 clear: both;
 display: block;
 font-size: 12px;
}

.col-links{
/*  width: 12.5%;*/
  width: 16.66%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

@media screen and (max-width: 940px) {
#footer .links {
width:100%;
}

}

@media screen and (max-width: 600px) {
.col-links {
    width: 33.33%;
    margin-bottom: 15px;
}
}


@media screen and (max-width: 480px) {
#footer .sns {
    padding-top: 24px;
    overflow: hidden;
}
}



/*-------------------------------------------------------------------------------------------------------------------------------*/


/* Navigation
/*-------------------------------------------------------------------------------------------------------------------------------*/

.standard-header {
 background: transparent;
 width: 100%;
 height: 75px;
 z-index: 10000;
 box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
 background: #fff;
 position: fixed;
 top: 0;
}

.standard-header h1 {
 margin-top: 27px;
}

@media screen and (max-width: 480px) {
 .standard-header h1 a img {
  width: 227px;
  height: 18px;
 }
 .standard-header h1 {
  margin-top: 30px;
 }
}

.standard-header a:hover {
 background: none;
}

.standard-nav {
 float: right;
 list-style: none outside none;
 margin: 25px 0 0;
 padding: 0;
}

.standard-nav li {
 display: inline-block;
 float: left;
 /*margin-left: 10px;*/
 padding: 0px 11px;
}

.standard-nav li>a {
 padding-bottom: 3px;
 border: 1px solid transparent;
 color: black;
 font-size: 13px;
 line-height: 26px;
 text-transform: uppercase;
 cursor: pointer;
 font-weight: bold;
 text-decoration: none;
}

.standard-nav li>a.highlighted {
 border: 1px solid;
 padding: 10px;
}

.standard-nav li>a:hover,
.standard-nav li>a.active {
 text-decoration: none;
 background-color: transparent;
}

.standard-nav a {
 position: relative;
 display: inline-block;
 padding: .1em 0;
 text-decoration: none;
}

.standard-nav a::after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 2px;
 -webkit-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
 background-color: green;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
}

.standard-nav a:hover::after,
.standard-nav a.active::after {
 -webkit-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}

.standard-nav li>a:hover,
.standard-nav li>a.active {
 color: #006A3A;
 text-decoration: none;
 background-color: transparent;
 border-bottom: none;
}

#trigger-overlay {
 display: none;
}

#panel-btn-wrapper {
 position: absolute;
 top: 0;
 right: 0;
 z-index: 10001;
 display: none;
}

#panel-btn {
 z-index: 20001;
 border: 2px solid #006A3A;
 display: inline-block;
 position: relative;
 width: 40px;
 height: 40px;
 margin: 20px 0 10px;
 border-radius: 50%;
 background: #fff;
 float: right;
 margin-right: 20px;
}


#panel-btn-icon {
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 width: 14px;
 height: 2px;
 margin: -1px 0 0 -7px;
 background: #006A3A;
 transition: .2s;
}

#panel-btn-icon:before,
#panel-btn-icon:after {
 display: block;
 content: "";
 position: absolute;
 top: 50%;
 left: 0;
 width: 14px;
 height: 2px;
 background: #006A3A;
 transition: .3s;
}

#panel-btn-icon:before {
 margin-top: -6px;
}

#panel-btn-icon:after {
 margin-top: 4px;
}

#panel-btn .close {
 background: transparent;
}

#panel-btn .close:before,
#panel-btn .close:after {
 margin-top: 0;
}

#panel-btn .close:before {
 transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg);
}

#panel-btn .close:after {
 transform: rotate(-135deg);
 -webkit-transform: rotate(-135deg);
}

#panel-btn .close {
 background: transparent;
 opacity: 1;
}

#panel-btn .close:before,
#panel-btn .close:after {
 margin-top: 0;
}

#panel-btn .close:before {
 transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg);
 color: black;
}

#panel-btn .close:after {
 transform: rotate(-135deg);
 -webkit-transform: rotate(-135deg);
}

#panel {
 z-index: 10000;
 position: absolute;
 display: none;
 width: 100%;
 margin: 0;
 padding: 40px 0;
 background-color: white;
 text-align: center;
}

#panel ul li {
 display: block;
 margin-bottom: 1em;
 font-size: 16px;
 font-weight: bold;
}

#panel ul li a {
 color: ##006A3A;
 text-decoration: none;
}

#panel ul li a:hover {
 filter: alpha(opacity=90);
 opacity: 0.9;
}

@media screen and (max-width: 1100px) {
 #panel-btn-wrapper {
  display: block;
 }
 .standard-nav {
  display: none;
 }
}


/*-------------------------------------------------------------------------------------------------------------------------------*/


/* COMMON-PARTS */


/*-------------------------------------------------------------------------------------------------------------------------------*/

.lead {
 line-height: 2em;
}

.lead p {
 font-size: 16px;
 line-height: 1.75em;
}

.page-title-wrapper {
 display: table;
 vertical-align: middle;
 text-align: center;
 height: 100%;
 width: 100%;
}

#intro {
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 display: table;
 width: 100%;
}

.top-title {
 text-align: center;
}

.top-title h1 {
 background-color: rgba(255, 255, 255, 0.95);
 font-size: 40px;
 line-height: 36px;
 letter-spacing: 3px;
 display: inline;
 padding: 0.5em;
 color: #006A3A;
 font-weight: bold;
}


@media screen and (max-width: 480px) {
 .top-title h1 {
  font-size: 24px;
 }
}


/*btn*/

.btn {
 display: inline-block;
 padding: .375rem 1rem;
 font-size: 13px;
 line-height: 1.5;
 text-align: center;
 white-space: nowrap;
 vertical-align: middle;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 border: 1px solid transparent;
 border-radius: .25rem;
 transition: background-color 0.25s;
 white-space: inherit;
}

a.btn-primary {
 color: #ffffff;
 background-color: #006A3A;
}

.btn-primary:hover,
.btn-primary:active {
 color: #ffffff;
 border: 1px solid transparent;
 background-color: #00ab5d;
}


a.btn-large {
 border-radius: 1rem;
 font-size: 16px;
 padding: 0.75em 2em;
 color: white !important;
}

a.btn-large:hover {
 color: #ffffff;
 border: 1px solid transparent;
 background-color: #00ab5d;
}

.btn-1 {
 white-space: inherit;
 padding: .375rem 1rem;
 font-size: 16px;
 border: 0;
 color: #ffffff;
 background-color: #006A3A;
}


/*上書き用*/

.btn-1 a {
 color: #ffffff;
 text-decoration: none;
}

.single-news .entry .btn-1 a {
 text-decoration: none;
}

.btn-1:hover,
.btn-primary:active {
 /* padding: .375rem 1rem;*/
 color: #ffffff;
 background-color: #00ab5d;
}

.btn-contact {
 padding: 0.75em 1.5em;
 border-radius: 0.25rem;
}


/*box*/

.box {
 line-height: 1.5em;
 margin-bottom: 30px;
 position: relative;
}

#page-vendors .box {
 margin-bottom: 30px;
}

.box strong {
 font-weight: normal;
}

.box img {
 width: 100%;
 height: auto;
 margin-bottom: 1em;
}

.box-title {
 margin: 0.5em 0;
 font-weight: 500;
 line-height: 1.5em;
}

.title {
 display: block;
 font-size: 13px;
 font-weight: normal;
 line-height: 1.5em;
 font-size: 14px;
}

.box-subtitle {
 color: #43A047;
 font-size: 11px;
 line-height: 1.5em;
}

.box .vendor-text {
 color: #006A3A;
 margin-bottom: 30px;
 font-size: 12px;
 line-height: 1.25em;
}

.box .vendor-title {
 margin-bottom: 0.5em;
 font-size: 12px;
 line-height: 1.25em;
 font-weight: bold;
 display: block;
}

.box .vendor-subtitle {
 /*margin-bottom: 0.5em;*/
 font-size: 12px;
 line-height: 1.25em;
 font-weight: normal;
 display: block
}

.box .category {
 z-index: 1000;
 font-size: 11px;
 background: #00663a;
 position: absolute;
 /* left: 0; */
 right: 15px;
 top: 0px;
 background-color: rgba(0, 102, 58, 0.75);
}

.box .category {
 color: white !important;
 padding: 0.5em;
 line-height: 1.25em;
}

.box-inner{
  width:100%;
  height:auto;
  position: relative
}

.end{
  /*display:none;*/
  background:white;
  padding:0.75em;
  font-size:15px;
  font-weight:bold;
  position:absolute;
  z-index: 1000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  letter-spacing:0.1em;
}

.relative .category {
 z-index: 1000;
 font-size: 11px;
 background: #00663a;
 position: absolute;
 /* left: 0; */
 right: 15px;
 top: 0px;
 background-color: rgba(0, 102, 58, 0.75);
}

.relative .category {
 color: white !important;
 padding: 0.5em;
 line-height: 1.25em;
}


.category.category-left {
 right: inherit;
 left: 15px;
}

@media screen and (max-width: 768px) {
 .category.category-left {
  right: 15px;
  left: inherit;
 }
}



/***************************************************************
PAGE-HOME
****************************************************************/

.top-h2 {
 margin-bottom: 35px;
}

.top-h2-title {
 display: block;
}

.top-h2 span {
 margin-top: 0.5em;
 font-size: 17px;
 display: inline-block;
 border-bottom: 1px solid;
}

.round-button-wrapper {
 text-align: center;
 margin: 0 auto;
 width: 460px;
}

.round-button {
 margin: 0 auto;
 float: left;
 width: 220px;
 padding: 0 10px;
}

.round-button-circle {
 cursor: pointer;
 height: 0;
 padding-bottom: 100%;

 overflow: hidden;
 border-radius: 50%;
 background: #00ab5d;
 transition: background-color 0.25s;
}

.round-button-circle:hover {
 background: #006A3A;
}

.round-button a {
 width: 100%;
 padding-top: 50%;
 padding-bottom: 50%;
 line-height: 1em;
 margin-top: -0.5em;

 text-align: center;
 color: #FFF;
 font-family: Verdana;
 font-size: 24px;
 font-weight: bold;
 text-decoration: none;
 letter-spacing: 1px;
}

.round-button:hover a {
 color: white;
}

.top-special h3 {
 font-size: 16px;
 margin-bottom: 1em;
 line-height: 1.5em;
}

.top-special img {
 margin-bottom: 1em;
}


@media screen and (max-width: 480px) {
 .round-button-wrapper {
  width: 320px;
 }

 .round-button {
  width: 160px;
 }
 .round-button a {
  font-size: 16px;
 }
}




/***************************************************************
PAGE-VENDOR-SAT/SUN
****************************************************************/

h3.vendor-mini-title {
 font-size: 16px;
}

.vendor-round-button-wrapper {
 text-align: center;
 margin: 0 auto;
}

.vendor-round-button-wrapper .round-button {
 width: 100px;
 padding: 0 5px;
 float: none;
 display: inline-block;
}

.vendor-round-button-wrapper .round-button-circle.active {
 background: #006A3A;
}

.vendor-round-button-wrapper .round-button a {
 width: 100%;
 padding-top: 50%;
 padding-bottom: 50%;
 line-height: 1em;
 margin-top: -0.5em;
 text-align: center;
 color: #FFF;
 font-family: Verdana;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
 letter-spacing: 0px;
}


/***************************************************************
PAGE-CONCEPT
****************************************************************/

#page-concept #intro {
 background: url("images/concept-main.jpg") no-repeat center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

@media screen and (max-width: 768px) {
 .concept-images img {
  width: 50% !important;
  height: auto !important;
  margin: 0 0 1em 0;
 }
}

@media screen and (max-width: 480px) {
 .concept-images img {
  width: 75% !important;
  height: auto !important;
  margin: 0 0 1em 0;
 }
}


/***************************************************************
PAGE-NEWS TOP
****************************************************************/

#page-news {}

#page-news #header .inner {
 height: 100px;
}

#page-news .entry .title {
 color: #006A3A;
 font-size: 14px;
 display: block;
 margin-bottom: 6px;
 line-height: 1.3;
}


/***************************************************************
PAGE-NEWS SINGLE
****************************************************************/

.single-news #header .inner {
 height: 100px;
}

.single-news .mainimage {
 margin-bottom: 30px;
 width: 640px;
}

.single-news .entry {
 overflow: hidden;
 margin-bottom: 50px;
}

.single-news .entry h1,
.single-news .entry h2 {
 font-size: 1.45em;
 margin-bottom: 1em;
}

.single-news .entry h2 {
 margin: 1em 0;
}

.single-news .entry h1{
  color: #006A3A !important;
}

.single-news .entry strong {
font-weight:bold !important;
 margin-bottom: 6px;
}

.single-news .entry .green {
color: #006A3A !important;
}


.single-news .entry .small {
font-size:10px !important;
}




.single-news .entry img {
    margin:1em 0;
}


.single-news .entry .row img{
margin:0 0 1em;
}

.single-news .mt2em{
  margin-top:2em;
}

.single-news .mt3em{
  margin-top:3em;
}

.single-news .mt4em{
  margin-top:3em;
}


.single-news .entry .content {
 line-height: 1.8;
}

.single-news .entry .content p {}

.single-news .entry img {
 width: 100%;
 height: auto;
}

.single-news .entry a:hover,
.single-news .entry a:hover font,
.single-news .entry a:hover strong {
 background: #006A3A;
 color: #fff !important;
}


.single-news .entry .btn-1 {
    margin: 1em 0;
   
}

.entry h2 span {
 display: block;
 font-size: 12px;
 margin-top: 1em;
}

.entry img {
 width: 100% !important;
 height: auto !important;
}

.entry p {
 line-height: 2em;
}

.entry p span {
 color: #111111 !important;
}

.entry p span.green {
 color: #006A3A !important;
}

#page-single .top-title h1 {
 background-color: rgba(255, 255, 255, 0.95);
 font-size: 24px;
 line-height: 1.5em;
 letter-spacing: 1px;
 display: block;
 padding: 0.5em;
 color: #006A3A;
 font-weight: bold;
 padding: 1em;
}

#page-single .top-title {
 width: 60%;
 margin: 0 auto;
}

#page-single .entry h2 {
 font-size: 20px;
 margin-bottom: 0px;
 padding: 0;
 color: #006A3A;
 /* Firefox */
 ;
 /*font-size: 18px;*/
 line-height: 1.5em;
 margin-bottom: 1em;
 font-weight: bold;
}

.single-news .entry a {
 text-decoration: underline;
}

.single-news .entry h2 {
 padding: 0;
 border: none;
 font-size: 20px !important;
 font-weight: bold;
 text-indent: 0;
 margin-bottom: 0;
}

.single-news .entry .color {
 color: #006A3A
}

@media screen and (max-width: 600px) {
 #page-single .top-title {
  width: 75%;
 }
}

@media screen and (max-width: 480px) {
 #page-single.news #intro {
  width: 100%;
  min-height: 300px;
  height: auto !important;
 }
 #page-single .top-title {
  width: 90%;
 }
 #page-single .top-title h1 {
  font-size: 16px;
 }
 table.single-table td span {
  display: none;
 }
 table.single-table td span.on {
  display: block;
 }
}


/***************************************************************
PAGE VENDORS-TOP
****************************************************************/

#page-vendors {
 width: 100%;
 padding-left: 0;
}


.cont dl {
 width: 160px !important;
 display: inline-block;
}



/***************************************************************
PAGE VENDERS-SINGLE
****************************************************************/

.single-vendors .entry img {
 width: 100% !important;
 height: auto !important;
}


.single-vendors h2 {
 font-size: 18px;
 padding: 40px 0 17px;
 margin-top: 30px;
 margin-bottom: 20px;
 line-height: 1;
}

.single-vendors .the_content {
 line-height: 1.8;
 margin-bottom: 26px;
}

.single-vendors .meta {
 margin-bottom: 26px;
}

.single-vendors .meta li {
 margin-bottom: 3px;
}

.single-vendors .table {
 border: solid #212121;
 border-width: 1px 1px 0;
 overflow: hidden;
 margin-bottom: 50px;
}

.single-vendors .table li {
 border-bottom: solid 1px #212121;
 overflow: hidden;
}

.single-vendors .table .message {
 float: left;
 margin-right: 20px;
}

.single-vendors .table li p {
 padding: 10px 20px 10px 0;
}

.single-vendors .interview h3 {
 font-size: 18px;
 border-left: solid 3px #212121;
 line-height: 18px;
 text-indent: 10px;
 margin-bottom: 15px;
}

.single-vendors .interview p {
 line-height: 1.8;
 margin-bottom: 0.5em;
}

.single-vendors .interview p img {
 margin-top: 20px;
}

.single-vendors .interview strong {
 color: #006A3A;
 display: block;
 padding-top: 50px;
}



/*table*/

table.single-table {
 margin: 0 auto;
 margin-top: 45px;
 width: 100%;
 border: none;
 border-top: solid 1px #999;
 border-collapse: separate;
 border-spacing: 0 10px;
 font-size: 13px;
 line-height: 1.5em;
}

table.single-table th {
 vertical-align: middle;
 height: 1.5em;
 width: 25%;
 border-right: solid 1px #999;
 margin: 0;
 text-align: center;
 font-weight: normal;
}

table.single-table td {
 padding: 0 0 0 10px;
 vertical-align: middle;
 line-height: 1.5em;
}

table.single-table td p {
 line-height: 1.5em;
}

table.single-table td.bar {
 padding: 0;
 height: 1px;
 width: 100%;
 border-top: solid 1px #999;
}

table.single-table td span:before {
 content: "□";
 margin-right: 0.25em;
}

table.single-table td span.on:before {
 color: #006A3E;
 content: "■";
 margin-right: 0.25em;
}

table.single-table td span {
 margin-right: 1em;
}

#side {
 padding-top: 35px;
}

object {
 width: 100%;
}


/***************************************************************
PAGE-PROJECT
****************************************************************/

#page-single .box-project {
 background-color: #fff;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 padding: 20px;
 margin-top: 2em;
}

#page-single .box-project dl {
 font-size: 14px;
 width: 100%;
}

#page-single .box-project dt {
 float: left;
 width: 6em;
 margin-bottom: 0.5em;
}

#page-single .box-project dd {
 margin-bottom: 0.5em;
}

#page-single .entry-date {
 display: block;
 color: #666;
}


@media screen and (max-width: 480px) {
 #page-single .box-project dl {
  font-size: 12px;
  width: 100%;
 }
 #page-single .box-project dt {
  margin-bottom: 0;
  float: none;
  width: 6em;
  display: auto;
 }
}


/***************************************************************
PAGE-COMMUNITYCLUB
****************************************************************/

#page-communityclub #intro {
 /* background: url("../../uploads/2017/11/5.jpg") no-repeat center center; */
 /* -webkit-background-size: cover; */
 -moz-background-size: cover;
 -o-background-size: cover;
 /* background-size: cover; */
}


#page-communityclub-top #intro {
 background: url("../../uploads/2017/11/5.jpg") no-repeat center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}


#page-communityclub #intro {
 display: block;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}


.club-wrapper {
 margin: 0 auto;
 text-align: center;
}

.club-wrapper a {
 float: left;
 display: block;
 padding: 1em;
}

.club-wrapper img {
 display: block;
 margin: 0 auto;
}

.h3-activity {
 margin-top: 1.5em;
}

#page-communityclub-top .box-title,
#page-communityclub .box-title,
#page-communityclub .box-title {
 margin: 1em 0;
 font-weight: 500;
 line-height: 1.5em;
}

#page-communityclub .btn,
#page-communityclub .btn {
 padding: 0.75rem 1rem;
}

#page-communityclub hr,
#page-communityclub hr {
 height: 1px;
}

#page-communityclub h2 {
  margin-bottom:1.5em;
 }


#page-communityclub .cf,
#page-communityclub .cf {
 display: block;
 clear: both;
 margin-bottom: 40px;
}

span.toggle:hover{
    cursor:pointer;
    color: #006A3A;
}

#page-communityclub .columns span.glyph-icon {
    display: block;
}

#page-communityclub .columns .glyph-icon:before {
 display: block;
 font-size: 3px;
 margin-left: 0;
 color: #999;
}

.flaticon-arrows-3:before {
    font-size: 12px !important;
     color: #006A3A;
}

#page-communityclub .toggle-inner {
 margin-top: 0.5em;
 padding: 0 1em;
 /*text-align:left;*/
 display: none;
}

#page-communityclub .strong {
 font-weight: bold;
}

#page-communityclub .red {
 color: #6a001e;
 color: red;
}

#page-communityclub .columns {
 /* float: left; */
 /* width: 33.3%; */
 /* padding: 8px; */
}

.price {
 list-style-type: none;
 border: 1px solid #eee;
 margin: 0;
 padding: 0;
 -webkit-transition: 0.3s;
 transition: 0.3s;
}

/* .price:hover {
 box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2)
} */

.price .header {
 letter-spacing: 3px;
 cursor: default;
 background-color: #006A3A;
 color: white;
 font-size: 16px;
}

.price li {
 font-size: 13px;
 line-height: 1.75em;
 background-color: white;
 border-bottom: 1px solid #eee;
 padding: 13px;
 text-align: center;
 cursor: pointer;
}

.price a {
 width: 100%;
 text-decoration: none !important;
 display: block;
}

.price .grey {
 cursor: default;
 background-color: #DDE5DF;
 font-size: 16px;
}

.price .green {
 cursor: pointer;
 background-color: #4CAF50;
 color: white;
 transition: background-color 0.5s;
}

.price .green:hover {
 background-color: #3c8c40;
}

.price .green .button {
 color: white;
 background-color: transparent;
}

.price a:hover .green {
 transition: background-color 0.5s;
 background-color: #00cc70;
}

.price span.toggle {
    display: block;
    width: 100%;
}


@media screen and (max-width: 600px) {
 .club-wrapper img {
  width: 75px;
  height: auto;
 }

 .h3-activity {
  margin: 20px 0px 0px 0px;
 }

 #page-communityclub .h3-activity {
  margin: 1em 0px 0px 0px;
  font-size: 12px;
 }

 #page-communityclub p.small,
 #page-communityclub p.small {
  margin: 0 0 0.5em 0;
  word-break: normal;
 }
 .top-h2 {
  margin-bottom: 1em;
 }

#page-communityclub .cf {
    display: block;
    clear: both;
    margin-bottom: 15px;
}

#page-communityclub .columns .glyph-icon:before {
 font-size: 9px;
}
}



/* The "Sign Up" button */

.button {
 background-color: #4CAF50;
 border: none;
 color: white;
 padding: 10px 25px;
 text-align: center;
 text-decoration: none;
 font-size: 18px;
}

#circle {
 width: 100px;
 height: 100px;
 border-radius: 50%;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 -o-border-radius: 50%;
 -ms-border-radius: 50%;
 font-size: 20px;
 color: #000;
 background-color: #f00;
 text-align: center;
}

#circle p {
 position: relative;
 top: 50%;
 transform: translateY(-50%);
}

.member-registration ol {}

.member-registration ol li {
 position: relative;
 padding-left: 30px;
 line-height: 1.75em;
 padding: 0.5em 0.5em 0.5em 75px;
 margin-bottom: 3em;
}


.member-registration ol li .number {
 position: absolute;
 counter-increment: number;
 content: counter(number);
 display: inline-block;
 color: #006A3A;
 background: white;
 font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
 font-weight: bold;
 font-size: 20px;
 border-radius: 50%;
 left: 0;
 width: 50px;
 height: 50px;
 line-height: 50px;
 text-align: center;
 top: 50%;
 -moz-transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
}


#membership {
 display: block;
 margin-top: -100px;
 /* ヘッダの高さ = 50px */
 padding-top: 100px;
 /* ヘッダの高さ = 50px */
}

@media only screen and (max-width: 600px) {
 .price .header {
  font-size: 13px;
 }
 .price .grey {
  font-size: 13px;
 }

 .price li {
  padding: 6px;
 }

 .button-community {
  font-size: 13px;
 }

 #page-communityclub h2,
 #page-communityclub h2,
 #page-communityclub-study h2,
 #page-communityclub-event h2,
 #page-communityclub-csa h2 {
  font-size: 14px;
 }

#page-communityclub h2 {
  font-size: 18px;
  font-weight:bold;
 }

 #page-communityclub h2.h2-community {
  font-size: 14px;
 }

 #page-communityclub h3 {
  font-size: 16px;
 }


 .columns {
  width: 100%;
 }
 .sp-pad-bottom {
  margin-bottom: 30px;
 }

#page-communityclub .sp-pad-bottom {
    margin-bottom: 15px;
}

 .price {
  margin-bottom: 30px;
 }

 #page-communityclub .top-title,
 #page-communityclub .top-title,
 #page-communityclub-top .top-title,
 #page-communityclub-study .top-title,
 #page-communityclub-event .top-title,
 #page-communityclub-csa .top-title {
  font-size: 35px;
 }
}

@media screen and (max-width: 480px) {

 #page-communityclub .top-title h1,
 #page-communityclub .top-title h1,
 #page-communityclub-top .top-title h1,
 #page-communityclub-study .top-title h1,
 #page-communityclub-event .top-title h1,
 #page-communityclub-csa .top-title h1 {
  font-size: 24px;
  /*display: block;*/
 }


 .member-registration ol {
  margin: 0;
  padding: 0;
 }

 .member-registration ol li .number {
  margin: 0 auto 1em auto;
  display: block;
  position: relative;
  text-align: center;
  top: auto;
  -moz-transform: -webkit-transform:none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
 }

 .member-registration ol li {
  padding: 0;
  line-height: 1.75em;
  margin-bottom: 30px;
 }

 ul li span.block {
  font-size: 11px;
 }
}



.club-wrapper {
 position: relative;
 overflow: hidden;
}

.club-wrapper ul {
 float: left;
 left: 50%;
 position: relative;
}

.club-wrapper li {
 float: left;
 left: -50%;
 position: relative;
}

.img-responsive-98 {
 width: 95% !important;
 margin: 0 auto;
}

@media only screen and (max-width: 600px) {
 .img-responsive-98 {
  width: 50% !important;
  margin: 0 auto;
 }
}


.community-box {
 line-height: 1.5em;
 margin-bottom: 30px;
}


#page-communityclub .btn {
 width: 100%;
 background: none;
 border: 1px solid #006A3A;
 color: #006A3A !important;
 font-size: 14px;
}

#page-communityclub .btn.green {
 width: 100%;
 background: #006A3A ;
 border: 1px solid #006A3A;
 color:white !important;
 font-size: 14px;
}

#page-communityclub .btn.green:hover {
 width: 100%;
 background: white !important;
 border: 1px solid #006A3A;
 color:#006A3A !important;
 font-size: 14px;
}

#page-communityclub a.btn-large:hover {
 background: #006A3A !important;
 color: white !important;
}

@media only screen and (max-width: 600px) {
#page-communityclub .btn
{
    font-size:13px;
}
}



.club-top-button {
    /* margin: 0 20px 40px; */
    font-size:14px;
    z-index: 1000;
    right: 20px;
    top: 20px;
    line-height: 1em;
    position: absolute;
    background-color: rgba(255,167,0, 0.8);
    padding: 10px 0 10px 10px;
    border: none;
    box-sizing: border-box;
    width: 145px;
    display: inline-block;
    cursor: pointer;
}

.club-top-button:hover {
background-color: rgba(255,167,0, 1);
}
.club-top-button a{
  text-decoration: none;
color:white;
}

.link-arrowed {
display: inline-block;
height: 2em;
line-height: 2em;
}

.link-arrowed .arrow-icon {
position: relative;
top:-3px;
left:-5px;
-webkit-transition:-webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease,
-webkit-transform 0.3s ease;
vertical-align: middle;
}

.club-top-button:hover .link-arrowed .arrow-icon{
-ms-transform : translateX(3px);
-webkit-transform : translateX(3px);
-moz-transform : translateX(3px);
-o-transform :translateX(3px);
transform : translateX(3px);
}

@media screen and (max-width: 768px) {
  .link-arrowed .arrow-icon {
top:-2px;
width:30px;
height:auto;
  }


.club-top-button{
  width: 140px;
position:absolute;
padding:5px 0px 5px 10px;
right:10px;
top:20px;
z-index: 1000;
font-size:12px;
font-weight:bold;
background-color: rgba(255,167,0, 0.75);
 -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
}


/*/***/

#block {
 position: relative;
 overflow: hidden;
}

#video-wrapper {
 max-width: 100%;
 overflow: hidden;
}



#video {
 max-width: 100%;
 height: auto;
}



.cover__cont__body {
 z-index: 1;
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 */
}

#page-communityclub .top-title h1 {
 background-color: rgba(255, 255, 255, 0.75);
}


@media screen and (max-width: 1200px) {
 #video-wrapper {
  max-width: 100%;
  overflow: hidden;
 }

 #video {

  max-width: 1200px;
  position: absolute;
  left: 50%;
  margin-left: -600px;
 }
}


/***************************************************************
PAGE-SUPPORTER
****************************************************************/

#page-supporter #intro {
 background: url("images/supporter-main.jpg") no-repeat center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}


/***************************************************************
PAGE-NORAH
****************************************************************/

#page-norah #intro {
 background: url("images/norah-top-imagae.jpg") no-repeat center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.norah-banner img {
 width: 100%;
 height: auto;
}

.fix-width .text {
 width: 740px;
 margin: auto;
 line-height: 1.8;
 font-weight: 600;
}

#fancybox-title-over {
 display: none !important;
}

.box-norah {
 background-color: #fff;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 padding: 30px;
 line-height: 1.75em;
 color: #666;
 font-size: 12px;
}

.main-photo {
 margin-bottom: 30px;
}

#page-norah a.btn-large,
#single-norah a.btn-large,
#page-single a.btn-large {
 width: 100%;
 margin-top: 30px;
 margin-bottom: 30px;
}


/***************************************************************
PAGE-CONTACT
****************************************************************/

#page-contact {}

#page-contact #header .inner {
 height: 100px;
}

#page-contact #main {
 width: 700px;
 float: right;
 margin-right: 0;
}

#page-contact .cont {
 border: none;
}

#page-contact #side {
 width: 191px;
 float: left;
}

#page-contact #side li {
 margin-bottom: 20px;
 padding-bottom: 20px;
 border-bottom: solid 1px #212121;
}

#page-contact #side li a {
 cursor: pointer;
}

#page-contact h2 {
 padding-left: 12px;
 margin-bottom: 20px;
 text-align: left;
 font-size: 18px;
 /*letter-spacing: 2px;*/
}

#page-contact .contactbox {
 padding: 30px 40px 20px;
 background: #e8e8e8;
 margin-bottom: 60px;
}

#page-contact .contactbox li span,
#page-contact .contactbox li p {
 margin: 0 0 2em 0;
 display: table-cell;
 text-align: left;
 vertical-align: top;
 height: 40px;
}

#page-contact .contactbox li span {
 width: 120px;
 letter-spacing: 1px;
 font-weight: bold;
}

#page-contact .contactbox li p input,
#page-contact .contactbox li p textarea {
 border: none;
 font-size: 14px;
 padding: 4px;
 width: 500px;
}

#page-contact .contactbox li p input[type="file"] {
 background: none;
}

#page-contact .contactbox .btn {
 text-align: right;
 padding-top: 20px;
 !important
}

#page-contact .contactbox li.checkbox span {
 width: 112px;
}

#page-contact .contactbox li.checkbox .wpcf7-list-item {
 margin-left: 0;
}

#page-contact .contactbox li.checkbox p input {
 width: auto;
 vertical-align: middle;
}

#page-contact .contactbox li.checkbox p span {
 display: inline;
 margin-right: 5px;
}

#page-contact .contactbox li span {
 display: block;
 margin-bottom: 0;
 padding-bottom: 0.5em;
}

#page-contact .contactbox li p input,
#page-contact .contactbox li p textarea {
 width: 100%;
}

#page-contact .contactbox li span {
 width: 100%;
}

#page-contact .contactbox li span,
#page-contact .contactbox li p {
 display: block;
}

#page-contact .contactbox li span,
#page-contact .contactbox li p {
 height: auto;
}

#page-contact .contactbox li.checkbox p span {
 /*display: block;*/
}

#page-application .appbox li p input.waiting {
 width: 10em;
}

.form-btn {
 font-size: 18px;
 padding: 0.5em 2em;
 color: white !important;
 color: #ffffff;
 background-color: #006A3A;
 border: 0;
 margin-top: 1em;
}

@media screen and (max-width: 768px) {
 .form-btn {
  width: 100%;
 }
 #page-contact .contactbox {
  padding: 0;
  background: none;
 }

 #page-contact .contactbox li p {
  margin: 0 0 1.5em 0;
  padding: 0;
 }
}


/***************************************************************
PAGE-APPLICATION
****************************************************************/

#page-application h2 {
 font-size: 30px;
 margin-bottom: 20px;
}

#page-application #main {
 width: auto;
 margin-right: 0;
}

#page-application .appbox {
 padding: 30px 40px 20px;
 padding: 0px 40px 20px;
 padding-bottom: 30px;
 margin-bottom: 10px;
 font-size: 14px;
}

#page-application .appheader {
 margin-bottom: 30px;
}

#page-application .contactbox {
 clear: both;
 overflow: hidden;
}

#page-application .contactbox ul li {
 margin-bottom: 1em;
}

#page-application h3,
#page-application h4 {
 border-left: 3px #212121 solid;
 padding-left: 12px;
 text-align: left;
 letter-spacing: 2px;
}

#page-application h3 {
 font-size: 24px;
 margin-bottom: 10px;
}

#page-application h4 {
 font-size: 18px;
 margin-bottom: 20px;
}

#page-application li span,
#page-application li p {
 display: table-cell;
 text-align: left;
 vertical-align: top;
 height: 40px;
}

#page-application li span {
 letter-spacing: 0px;
 font-weight: bold;
}

#page-application li span .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
 display: inline;
}

#page-application li p input,
#page-application li p input[type=text],
#page-application li p input[type=email],
#page-application li p input[type=url],
#page-application li p textarea {
 border: none;
 font-size: 14px;
 padding: 4px;
 margin-right: 0.5em;
}

#page-application li p input[type=text].waiting {
 background-color: #fff;
 font-size: 13px;
 text-align: center;
 font-weight: normal;
}

#page-application li p i {
 font-size: 11px;
 display: block;
 padding: 6px 0;
}

#page-application .appschedule {
 margin-bottom: 30px;
}

#page-application .appschedule li p input[type=text] {
 width: 120px;
}

#page-application .appschedule li p span {
 display: inline;
 margin-right: 0px;
 line-height: 1em;
}

#page-application .agreement {
 border: solid 1px #333;
 padding: 20px;
 line-height: 1;
 font-size: 11px;
 background: #efefef;
}

#page-application .btn {
 text-align: right;
 padding-top: 20px;
}

#page-application .btn input {
 font-size: 20px;
}

#page-application label {
 background: none;
 color: #212121;
 padding: 0;
 display: inline;
 margin: 0;
 border: none;
}




@media screen and (max-width: 768px) {
 html,
 body {
  width: 100%;
 }
 #header .inner,
 #contents,
 #header .inner,
 #footer {
  width: 640px;
 }
 #header #menu {
  padding-top: 6px
 }
 #page-application #main {
  width: 100%;
 }
 #page-application h2 {
  font-size: 30px;
 }
 #page-application h3 {
  line-height: 1.35em;
  font-size: 20px;
 }

 #page-application .appbox {
  padding: 15px 20px 10px;
  padding: 0px;
 }
 #page-application .appheader p {
  font-size: 14px;
 }
 #page-application .contactbox li span,
 #page-application .contactbox li p {
  display: block;
  width: 100%;
  height: auto;
 }

 #page-application .contactbox li span.wpcf7-list-item-label {
  display: inline;
 }

 #page-application .contactbox li p input[type=text],
 #page-application .contactbox li p input[type=email],
 #page-application .contactbox li p textarea {
  width: 100%;
  padding: 5px;
 }
 #page-application #main li span,
 #page-application #main li p {
  height: auto;
 }
 #page-application .appschedule li {
  overflow: hidden;
  margin-bottom: 10px;
 }
 #page-application .appschedule {
  margin-bottom: 60px;
 }
 #page-application .appschedule li span,
 #page-application .appschedule li p {
  display: block;
 }
 #page-application .appschedule li span {
  width: 100%;
 }
 #page-application .appschedule li p {
  margin: 0;
 }
 #page-application .appschedule li p span {
  line-height: 1.0em;
  width: 100%;
  margin-right: 0px;
 }
 #page-application .appschedule li p span.wpcf7-list-item {
  margin: 1em 0;
 }
 #page-application .appschedule li p input[type=text] {
  width: 100%;
  padding: 10px;
 }
 #page-application .appschedule li p input[type=radio] {
  font-size: 40px;
 }
 #page-application .appschedule .allday {
  margin-bottom: 30px;
 }
 #page-application .appschedule .allday span {
  display: block;
  float: none;
  width: 100%;
 }
 #page-application .appschedule .allday p {
  display: block;
  float: none;
  width: 100%;
 }
 #page-application .appschedule .allday p span {
  display: inline;
  float: none;
 }
 #page-application .wpcf7-form-control-wrap {
  margin-bottom: 30px;
 }

 #page-application .agreement {
  line-height: 1.5em;
  font-size: 13px;
 }

 #page-application .btn {
  text-align: center;
  background: #00713B;
  padding: 10px 0;
  width: 100%;
  height: auto;
  margin: 20px auto 0;
 }

 #page-application li p input[type=text].waiting {
  background-color: #fff;
  font-size: 13px;
  text-align: center;
  font-weight: normal;
 }
 #footer {
  width: 100%;
  text-align: center;
 }
}

@media screen and (min-width: 768px) {
 #page-application .appbox li span {
  width: 290px;
 }
 #page-application .appbox li p input[type=text],
 #page-application .appbox li p input[type=email],
 #page-application .appbox li p input[type=url],
 #page-application .appbox li p textarea {
  width: 500px;
 }
}

#page-application .appbox li p textarea {
 margin-bottom: 2em;
}

#page-application .appbox li p input.waiting {
 width: 9em;
 color: #ccc;
 font-weight: normal;
}

#page-application .appbox li p input.short {
 width: 8em;
}

#loading {
 display: none;
}



/***************************************************************
RESPONSIVE
****************************************************************/

@media (min-width: 992px) {
 .container {
  width: 970px;
 }
}

@media screen and (max-width: 768px) {
 html,
 body {
  width: 100%;
 }
 #header #menu {
  padding-top: 6px
 }
 .concept-images img {
  width: 50%;
 }

 #header .inner,
 #contents,
 #header .inner,
 #footer {
  width: 100%;
 }
 #page-vendors #side {
  position: relative;
 }

 .text-center-pc{
  text-align: left;
 }

 #page-single .row .row div[class*="col-"] img{
margin-bottom:1em;
 }
}


body.page .cont {
 border: none;
}


@media (min-width: 1680px) {
 .container-full {
  max-width: 1680px;
 }

 .container-footer {
  max-width: 100%;
 }
}


@media (max-width: 5000px) and (min-width: 1024px) {
 .container {
  max-width: 960px;
 }
}

@media (min-width: 1200px) {
 .container {
  width: 970px;
 }
}

@media (min-width: 992px) {
 .container {
  width: 970px;
 }
}

@media (max-width: 980px) {
 #page-contact #main {
  width: 100%;
 }
}

@media (max-width: 480px) {
 ul.tag {
  text-align: left;
  margin: 0 0 20px 0;
 }

 .concept-images img {
  width: 50%;
  margin-top: 15px;
 }

 #footer .sns div {
  padding: 5px;
 }
}

@media (min-width: 1200px) {

 .container {
  width: 970px !important;
 }
}



/*-------------------------------------------------------------------------------------------------------------------------------*/


/* VENDORS */


/*-------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 480px) {
 .text .genre {
  display: none;
 }

 .text {
  margin-bottom: 0;
 }
 .vendor-subtitle {
  display: none;
 }
}


/*-------------------------------------------------------------------------------------------------------------------------------*/


/* bxl */


/*---------------------------------------------------------------------------------------------------------

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
 position: relative;
 margin: 0 auto 30px;
 padding: 0;
 *zoom: 1;
}

.bx-wrapper img {
 max-width: 100%;
 display: block;
}


/** THEME
===================================*/

.bx-wrapper .bx-viewport {
 background: #fff;

 /*fix other elements on the page moving (on Chrome)*/
 -webkit-transform: translatez(0);
 -moz-transform: translatez(0);
 -ms-transform: translatez(0);
 -o-transform: translatez(0);
 transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
 position: absolute;
 bottom: -30px;
 width: 100%;
}


/* LOADER */

.bx-wrapper .bx-loading {
 min-height: 50px;
 background: url("http://farmersmarkets.jp/wp2015/wp-content/themes/farmersmarket/images/bx_loader.gif") center center no-repeat #fff;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2000;
}


/* PAGER */

.bx-wrapper .bx-pager {
 text-align: center;
 font-size: .85em;
 font-family: Arial;
 font-weight: bold;
 color: #006A3A;
 padding-top: 30px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
 display: inline-block;
 *zoom: 1;
 *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
 background: #666;
 text-indent: -9999px;
 display: block;
 width: 10px;
 height: 10px;
 margin: 0 5px;
 outline: 0;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
 background: #006A3A;
}


/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
 left: 10px;
 background: url("http://farmersmarkets.jp/wp2015/wp-content/themes/farmersmarket/images/controls.png") no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
 right: 10px;
 background: url("http://farmersmarkets.jp/wp2015/wp-content/themes/farmersmarket/images/controls.png") no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
 background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
 background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
 position: absolute;
 top: 50%;
 margin-top: -16px;
 outline: 0;
 width: 32px;
 height: 32px;
 text-indent: -9999px;
 z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
 display: none;
}


/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
 text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
 display: block;
 text-indent: -9999px;
 width: 10px;
 height: 11px;
 outline: 0;
 background: url("http://farmersmarkets.jp/wp2015/wp-content/themes/farmersmarket/images/controls.png") -86px -11px no-repeat;
 margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
 background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
 display: block;
 text-indent: -9999px;
 width: 9px;
 height: 11px;
 outline: 0;
 background: url("http://farmersmarkets.jp/wp2015/wp-content/themes/farmersmarket/images/controls.png") -86px -44px no-repeat;
 margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
 background-position: -86px -33px;
}


/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
 text-align: left;
 width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
 right: 0;
 width: 35px;
}


/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
 position: absolute;
 bottom: 0;
 left: 0;
 background: #666\9;
 background: rgba(80, 80, 80, 0.75);
 width: 100%;
}

.bx-wrapper .bx-caption span {
 color: #fff;
 font-family: Arial;
 display: block;
 font-size: .85em;
 padding: 10px;
}


/**/

.relative {
 position: relative;
}


ol {
 margin: 0;
 padding: 0;
}


/*page supporter*/





/*page-supporter*/



#page-supporter .box-inner{
width:100%;
height:auto;
position: relative
}

#page-supporter .end{
background:white;
padding:0.75em;
font-size:15px;
font-weight:bold;
position:absolute;
z-index:100000;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
letter-spacing:0.1em;
}

#page-supporter h2{
letter-spacing: 2px;
}

#page-supporter p{
font-size:16px;
}


#page-supporter .price li{
text-align:left;
}



#page-supporter #slideshow-wrapper {
display: block;
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
}

#page-supporter section#cover {
position: absolute;
}

#page-supporter #logo {}

#page-supporter .cover {
overflow: hidden;
}

#page-supporter .top-slideshow,
#page-supporter .top-slideshow:after {
position: absolute;
width: 100%;
height: 100vh;
top: 0px;
left: 0px;
z-index: 0;
}


#page-supporter .top-slideshow li span {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
color: transparent;
background-size: cover;
background-position: 50% 50%;
background-repeat: none;
opacity: 0;
z-index: 1;
-webkit-backface-visibility: hidden;
/*  // -webkit-animation: imageAnimation 18s linear infinite 0s;*/

transform: rotate(0.0001deg);
outline: 1px solid transparent;
}

#page-supporter .top_animation{
animation: imageAnimation 21s linear infinite 0s;
}

#page-supporter .top-slideshow li:nth-child(1) span { 
background-image: url(images/banner-supporter-2.jpg);}
#page-supporter .top-slideshow li:nth-child(2) span {
background-image: url(images/banner-supporter-3.jpg);
animation-delay: 7s;
}
#page-supporter .top-slideshow li:nth-child(3) span {
background-image: url(images/banner-supporter-1.jpg);
animation-delay: 14s;
}


@keyframes imageAnimation { 
0% {
opacity: 0;
animation-timing-function: ease-out;
}
30% {
opacity: 1;
transform: scale(1.05);

}
35% {
opacity: 1;
transform: scale(1.05);
/* // animation-timing-function: ease-out;*/
}
40% {
opacity: 0;
transform: scale(1.05);

/*  // animation-timing-function: ease-out;*/
}
100% { opacity: 0 }
}

/* Show at least something when animations not supported */
#page-supporter .no-cssanimations .cb-slideshow li span{
opacity: 1;
}

#page-supporter #intro{
background: none;
}

#page-supporter .top-title {
  width:100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
position: absolute;
text-align: center;
z-index: 100;
}

#page-supporter .mb-30{
margin-bottom:30px;
}

#page-supporter .mb-50{
margin-bottom:50px;
}

#page-supporter .mb-100{
margin-bottom:100px;
}

#page-supporter .strong{
  font-weight:bold;
}

#page-supporter .f14{
  font-size:14px;
}

#page-supporter .f15{
  font-size:15px;
}

#page-supporter span.supporter-peoplename {
    margin-top: 0.5em;
    display: block;
}

#page-supporter .toggle {
    padding: 1em 1em 1em 1.5em;
    border-left: solid 4px #006A3A;/*左線（実線 太さ 色）*/
    /*font-weight:bold;*/
    color:#111111;
}


#page-supporter span.toggle-num {
    display: inline-block;
    background: pink;
    padding: 10px;
    width: 50px;
    text-align: center;
    background: #006A3A;
    color:white;
}


#page-supporter .toggle-text{
    display: inline-block;
    padding-right: 20px;
}



#page-supporter .toggle-inner {
    /* background: #efefef; */
    margin-top: 0;
    padding: 1em;
    color: #111111;
    /* text-align: left; */
    font-size: 14px;
    border-top: 1px solid #dde5df;
    border-left: 4px solid #DDE5DF;
    display: none;
}


#page-supporter .price .grey {
    /* background-color: #DDE5DF; */
    font-size: 16px;
    text-align:left;
}

#page-supporter .price li {
    text-align: left;
}
#page-supporter .price li {
    font-size: 13px;
    line-height: 1.75em;
    background-color: white;
    border-bottom: 1px solid #eee;
    padding: 0;
    text-align: center;
}

#page-supporter span.toggle:hover {
    background: #006A3A;
    color: white;
}

#page-supporter a.btn-large {letter-spacing: 1px;border-radius: 0.5em;font-size: 15px;padding: 0.5em 2em;color: white !important;}


#page-supporter [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-size: 36px;
}

#page-supporter h2{
  margin-top:50px;
  margin-bottom:25px;
}

#page-supporter .img-responsive-80{
max-width:350px;
width:350px;
height:auto;
margin:0 auto;
margin-bottom:25px;
}

#page-supporter .flex-box{
  align-items: center !important;
   display: flex;
    justify-content: center;
}

#page-supporter .columns{
  margin-bottom:100px;
}

@media screen and (max-width: 767px) {
#page-supporter .flex-box{

   display: block;
 
} 
}



#page-supporter .columns .glyph-icon:before {
    display: block;
    font-size: 13px;
    margin-left: 0;
    color: #006A3A;
}

#page-supporter span.glyph-icon.flaticon-arrows-3 {
    /* color: green; */
    position: absolute;
    right: 35px;
}


#page-supporter .flaticon-arrows-3:before {
    content: "\f102";
}
#page-supporter [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 40px;
    font-style: normal;
    margin-left: 15px;
   /* color: black;*/
}


#page-supporter .columns  span.toggle:hover .glyph-icon:before {
    color: white;
}


#page-supporter .member-registration ol li .number {
  
    width: 60px;
    height: 60px;
    line-height: 60px;
  
}

#page-supporter .price  .grey{
  background: white;
}