@charset "UTF-8";

@media only screen and (max-width: 750px) {
    img { max-width: 100%; }
}

body  {font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

p  {color: #363330; 
   font-size: 15px;
   line-height: 1.467;}

a { text-decoration: none; }

figcaption { font-size: 12px; }

/* (BOX1)サイト名 */
.box1 a:hover { opacity: 0.75; }

#title { font-size: 30px;
       line-height: 1.333;
       font-weight: bold; }

.site p  { color: #FCEBB6;
            text-decoration: none;
}

.site  { padding: 10px 30px;
        background-color:#5E412F;
        background-image: -webkit-linear-gradient(bottom, #5E412F, #573838);
        background-image: linear-gradient(to top, #5E412F, #573838); }

.site-explanation {font-size: 16px; 
                  color: #FFFFBC;
                  text-decoration: none;}

/*タイトル写真*/

.TPbox img { display: block;
           margin: 0;
           padding: 0;
           float: left; }

.TPbox{ height: 168px;
      overflow: hidden; }


/* (BOX2)左ナビゲーション */
.menu ul li a { font-weight: bold; 
              color: #76564B;
              text-decoration: none;
              display: block; 
              padding: 3px 15px;
}

.menu ul li a:hover { background-color: #38c4bf;
}

.menu ul li { font-size: 15px;
            list-style-type: none;
            border-bottom: solid 1px #76564B;
}

.menu ul { padding-left: 0px;}

.menuTitle { font: 20px bold;
           line-height: 2.0;
           font-weight: bold;
           padding-left: 10px;
           margin: 5px;
           color:#30302B;
           background-color: #EFEDB7; }

.menu { padding: 1px; 
      margin: 10px;
      border: solid 1px #000000;
      border-radius: 3px;
}

.saibai { background-color: #EFEDB7; }

.saibai1 { font-size: 13px;
         color: #000000;
         background-color: #EFEDB7;
         border: solid 2px #535352;}

.saibai0 { font-size: 13px;
         color: #000000;
         background-color: #FFFFFF;
         border: solid 2px #535352;}

#faq {
  width: auto;
}
.question {
  color: #444444;
  background-color:#2F9F9B;
  padding: 5px 10px;
  font-weight: bold;
  font-family: Arial;
  font-size: 16px;
  border: 1px solid #3ea39f;
  background-image: -webkit-linear-gradient(left, #75b7b5, #2F9F9B);
  background-image: linear-gradient(right, #75b7b5, #2F9F9B);
  border-radius:10px 0px;
  cursor: pointer;
}
.answer {
  padding: 5px;
  font-family: Arial;
  font-size: 13px;
}


/* (BOX3)メインコンテンツ */
.mainC { margin: 5px;}

.picture-book h2 { margin: 10px 20px;}

.picture-book p { padding-left: 10px;}

.picture-book { border: solid 1px #5E412F;
              border-radius: 5px;
              padding: 5px;
              margin: 10px 10px;
              background-color:#FCEBB6;}

.picture-book li { font-size: 16px;
                 line-height: 1.500;
                 color: #676768; }


.PB-title { font-size: 20px;
          padding-left: 7px;
          border-left: solid 10px #5E412F;
          border-bottom: dotted 2px #5E412F;}

.article-list ul li a { text-decoration: none;
                      display: block; }

.article-list ul li a:hover { background-color: #5E412F;
                            color: #FCEBB6; }

.article-list ul li { font-size: 17px;
            list-style-type: none;}

.article-list { margin: 10px 10px;}

.saibaiki {  font-size: 20px;
          padding-left: 7px;
          border-left: solid 10px #78C0A8;
          border-bottom: dotted 2px #78C0A8;}

.pagetop { font-size: 12px;
         text-align: right; }

.gTitle { font-size: 20px;
        font-weight: bold;
        padding-left: 10px;}

.border1 { border: solid 3px #78C0A8;
         margin: 10px 0px;}

.border1 a:hover { opacity: 0.65;} 

.border1 img { vertical-align: middle;}

.p-right { padding-right: 10px;}

.pb-table tr { border: 1px solid #4D4D4E;}

.pb-table tr:first-child { border-bottom: 1px dotted #4D4D4E;}
.pb-table tr:nth-child(2) { border-top: 1px dotted #4D4D4E;}

.pb-table tr th { color: #4D4D4E;
                background-color: #EBEB6A;
                font-size: 16px;
                line-height: 1.500;
                width:120px; 
                }
.pb-table tr td { color: #4D4D4E;
                background-color: #F6F69C;
                font-size: 14px;
                line-height: 1.572;
                padding: 10px;
                }
                

/* (BOX3)ホーム限定 */
.news,#fruits,#about-site,#about-copyright,#contact,#AEC,#credit{ padding: 10px; }

#credit li { list-style: none;}

#credit{ background-color: #eee; }

#columns { border: solid 1px #5E412F;
         margin: 5px 10px;
         padding: 0px 10px;}

#columns ul { font-size: 15px;
            line-height: 1.400; }

#columns ul li { border-bottom: 1px dotted #676768;
               list-style-type: none; }
               

.small-title { font-size: 20px;
             line-height: 1.3;
             font-weight: bold;
             color: #30302B;
             margin: 5px 10px;
             padding-left: 5px;
             border-left: solid 3px #5E412F;
             border-bottom: dotted 1px #5E412F; }

.new-column { font-size: 20px;
            font-weight: bold;
            color: #FFFFFF;
            background-color: #F07818;
            border-bottom: 4px solid #F0A830;
            padding-left: 10px;}

#fruits ul li a:hover { -webkit-transform: scale(1.5,1.5);
                      -moz-transform: scale(1.5,1.5);
                      -o-transform: scale(1.5,1.5);
                      -ms-transform: scale(1.5,1.5);
                      transform: scale(1.5,1.5);
}

#fruits ul li a:visited { color: #969494;}

#fruits ul li a { color: #44322c;
                margin-left: 5px;
                display: block;
                -webkit-transition: 0.3s;
                -moz-transition: 0.3s;
                -o-transition: 0.3s;
                -ms-transition: 0.3s;
                transition: 0.3s; 
}

#fruits ul li { padding: 5px 0px 5px 5px  ;
              list-style-type: none;
              width: 180px;
              float: left; }

#fruits ul:after { content: "";
                 display: block;
                 clear: both; }

#fruits { background-color: #F9F9F4;
        border: 2px solid #FCEBB6;
        border-radius: 10px;
        margin-right: 5px; }

.news table tr th,
.news table tr td { font-size: 12px;
                  line-height: 1.429;
                  padding: 5px;
                  border-bottom: 1px dotted #CCCCCC; }
                  
.news table { width: 100%; }

.news-tag { font-size: 15px;
          lign-height: 1.400;
          text-align: right; }

.akasatana:after { content: "";
              display: block;
              clear: both;}

.akasatana p { padding-left: 13px;
             line-height: 1.50;
             font-family: "メイリオ";
             font-weight: 700;
             background-color: #FCEBB6;
}

.akasatana { text-align: left;
           }

/* (BOX3)ホーム限定 アコーディオンメニュー */
label {
    background: green;
    color: #fff;
    padding: 10px;
    display: block;
    margin: 0;
    border: 1px solid #fff;
}

input[type="checkbox"].on-off{
    display: none;
}

.column-menu ul {
    -webkit-transition: all 0.5s;f
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.column-menu li {
    padding: 5px;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 200px;
}

/* (BOX3) コラムメインページ */

.main-column tr:nth-child(odd) { background-color: #EAE6E3;}

.main-column th a:link { color: #000;}

.main-column th a:hover { color: #FC9953; 
                        background-color: #FFF; }

.main-column th a { padding: 15px 0;
                  display: block; }

.main-column th { background-color: #FC9953; }

.main-column td { padding: 5px;}

.main-column { padding: 10px; }

.img-profit:after { content: ""; 
                  clear: both; 
                  display: block; }

.img-profit { padding: 10px;
            float: left; }

section:after { content: "";
              display: block;
              clear: both;}

.PB-exp { border-top: dotted 1px #5E412F;
        padding-top: 10px; }

.howto { color: #45484A;
       border: solid 3px  #5E412F; }
       
.column-profit { padding: 5px;
               margin: 10px;
               border: solid 2px #5E412F; }

.column-title { color: #353737;
              font-size: 22px;
              line-height:1.273 ;
              border-bottom: solid 10px #F2F673; }

.column-title2 { color: #353737;
              font-size: 22px;
              line-height:1.273 ;
              border-bottom: solid 10px #78C0A8; }

.column-subtitle { color: #353737;
                 font-size: 20px;
                 line-height: 1.300;
                 border: solid 6px #F2F673; }

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

.column-text { font-size: 16px;
             line-height: 1.625; }

.red { color: #F2142A; }

.asagi { color: #3CC998; }

.green{ color: #36A65F; }

/* (BOX3)栽培記ページ  */

.Db { color: #5F321F;}

.bb { border-bottom: dotted 4px #5E412F;}

/* (BOX4)サブコンテンツ コラム他 */

.column { font: 20px bold;
        line-height: 2.0;
        font-weight: bold;
        padding-left: 10px;
        margin: ;
        color:#FFFFBC;
        background-color: #78C0A8;
        border-radius: 5px;}
        

.column-list ul li a { text-decoration: none;
                     display: block;
                     padding: 5px 0px;
                     font-weight: bold;
                      }

.column-list ul li a:hover { background-color: #78C0A8; }

.column-list ul li a:link { color: #000000;}

.column-list ul li a:visited { color: #696969;}

.column-list ul li { font-size: 14px; 
                   line-height: 1.249;
                   list-style-type: none;}

.column-list ul { padding: 0px 5px;}

.column-list p a:link { color: #78C0A8;}

.column-list p a:visited { color: #78C0A8;}

.column-list p { font-weight: bold;}

.column-list { margin-top: 5px;}

.ebayTitle { font-size: 24px;
        line-height: 1.500;
        font-weight: bold;
        padding-left: 10px;
        background-color: #F2F5A9;
        border-radius: 5px;
 }

.ad-center { margin: 5px; 
            text-align: center; }

.blue { color: #0080FF; }
.green { color: #64FE2E; }
.yellow { color: #FFBF00; }

.b4-icon { vertical-align: bottom;
         padding-left: 10px; }

.advertising { margin: 0px 10px ;
               background-color: #F2F5A9;
               border: solid 3px #EFEDB7;
               border-radius: 5px;}

/* (BOX5)フッター 問い合わせなど */
#pageFoot ul li a { color:#FCEBB6 ; 
            text-decoration: none;
            padding: 5px 20px;
            border-left: solid 3px #FCEBB6;
            border-bottom: dotted 1px #FCEBB6;
            display: block; }

#pageFoot ul li a:hover { background-color: #FCEBB6;
                          color: #5E412F;}

#pageFoot ul li { font-size: 15px;
            list-style-type: none;
            width: 178px;
            float: left;}

#pageFoot ul:after {content: "";
                   display: block;
                   clear: both;}

#pageFoot { background-color: #5E412F;
          padding: 15px 20px 10px; }

#copyright small { font-size: 12px;
                 line-height: 1.5;
                 color: #FCEBB6;}


/* その他 */


@media(min-width: 600px){

/* box2,3,4を横に並べる設定 */
.boxA:after {content: "";
            display: block;
            clear: both;}

.box2  {float: left;
       width: 20%;}

.box3  {float: left;
       width: 60%}

.box4  {float: left;
       width: 20%}
}