/* mobile */
@media only screen and (max-width: 640px) {

img{
max-width:100%;
width:auto;
height:auto;
}



#site_top{max-width:640px;width:100%;height:160px;background:url(site_top2.jpg) no-repeat;padding-top:0px;margin-top:0px;}


#h1{font-size:12pt;margin-top:0px;background-color:#665544;color:#ffffff;font-weight:normal}
.h1{font-size:36pt;padding-left:12px;color:#eeeeff;font-family:Script}



body{
padding:0px;
background-color:#f8f8f8;
}


div#contents{

width : 100%;
margin-left : auto;
margin-right : auto;
text-align : left; 

overflow: hidden;


}



div#main{
float : none;
width:100%;
padding:8px;
background-color:#ffffff;
}

div#right{
float : none;
width:100%;
padding:0px;
margin-top:8px;
margin-right:8px
}



div#bottom{
color:#ada8b0
width : 640px;
margin-left : auto;
margin-right : auto;
text-align : left; 

overflow: hidden;
background-color:#ffffff;
border-top:dotted 2px #ccccee;
color:#ada8b0;font-size:85%;
}

div#bottom a{text-decoration:none;}
div#bottom a:link{color:#ada8b0}
div#bottom a:hover{font-weight:bold;}
div#bottom a:visited{color:#b8a0b8}

.bottom_box{width:640px;margin-left:auto;margin-right:auto;padding:4px 20px;color:#afa8a0}

div#siteinfo-legal {
  clear : both;        /* 全ての回り込みの解除 */
}




.main_img{
max-width:640px;
width:100%;
height:auto;
margin-left : auto;
margin-right : auto;

}


.title{
font-size:110%;
background-color:#ededfd;
padding:8px;
;
}


.h2_title0{
font-size:120%;
background-color:#ede8f0;
padding:8px;
;
}



.h2_title{
font-size:120%;
;background:url(img/bana_deco2.png) no-repeat 100% 50%;
padding:8px;
border-top:dotted 4px #ede8f0
;
}


.h2_title2{
width:90%;
margin-left : auto;
margin-right : auto;
font-size:120%;
border-left:solid 8px #adaded;
border-bottom:solid 2px #ddddfd;
padding:8px;
;
}

.span_title2{background-color:#ffffff;}




.h3_title{
width:90%;margin-left:auto;margin-right:auto;
padding:4px;
}


.h4_title{
width:90%;
margin-left:auto;
margin-right:auto;
padding:4px;
}



.sentence{

padding:8px;
line-height:140%;

}




.koumoku{

padding:8px;
line-height:160%;

}





div#profiel{
background-color:#fffafa;
margin-top:20px;
margin-left : auto;
margin-right : auto;
max-width:280px;
border:solid 1px #fff8f8;

}


div#profiel_img{
width:160px;
height:auto;
margin-left : auto;
margin-right : auto;
border:solid 1px #cccccc;
margin-top:12px;
}



div#profiel_text{
width:180px;
height:auto;
margin-left : auto;
margin-right : auto;
margin-top:12px;
text-align:left;
font-size:90%;
line-height:120%;
}


.right_menu{
border:solid 1px #f0f2f0;
background-color:#f2f6f2;
margin-left : auto;
margin-right : auto;
width:280px;

}

li{
list_style_type:disc;
line-height:240%;
border-bottom:solid 1px #e2eae2;
list-style-position:inside; 
padding-left:12px;
}


.right_info{
padding:12px 0px;
margin-left : auto;
margin-right : auto;
width:280px;
background-color:#ffffff;

}


.right_info2{
padding:12px 0px;
margin-left : auto;
margin-right : auto;
width:280px;
background-color:#f2f6f2;
}


.right_info3{
padding:12px 0px;
margin-left : auto;
margin-right : auto;
width:280px;
background-color:#f2f2f6;
border:solid 1px #e2e2e6;
}


.right_info_box{
width:100%;
height:auto;
margin:15px 8px 15px 8px;
margin-left:auto;margin-right:auto;
font-size:90%
}

.right_info_img{
border:solid 1px #cccccc;
width:120px;
height:60px;
text-align:left;
float:left;
margin-right:4px;
vertical-align:top;
text-decoration:none
}

.right_info_span{
display:block;
font-size:90%;
padding-top:8px
}


.right_bana{
display:block;text-align:center;margin-top:0px;
}


.right_affi_amazon{
padding:12px 0px;
margin-left : auto;
margin-right : 0px;
width:280px;
background-color:#ffffff;
border:solid 1px #e2e2e6;
}

.underline1{
background: linear-gradient(transparent 50%, #e2ffc2 50%);
}

.underline2{
background: linear-gradient(transparent 50%, #ffe2f2 50%);
}


.top_large_img{
max-width:450px;
width:100%;
margin-left : auto;
margin-right : auto;
}

.sub_title{
max-width:450px;
width:100%;
font-size:110%;
background-color:#ededfd;
padding:8px;
text-align:center;

}

.herb_info{
max-width:435px;width:100%;padding:8px;line-height:130%;
}


.right_info_contents{
width:260px;
height:auto;
margin:0px 8px 15px 8px;
line-height:220%;
padding-left:8px;
}

td#herb_grow_img{
margin-left : auto;
margin-right : auto;
border:solid 1px #cccccc;
paddimg:8px;
}


td#herb_grow_word{
vertical-align:top;
padding:8px;
}







.grow_index{
width:90%;
margin-left : auto;
margin-right : auto;

}


.check_box{
width:80%;
margin-left:auto;
margin-right:auto;
padding:12px;
border:solid 1px #cccccc
}

.ckeckpoint{
font-weight:bold;
color:#cc66a6
}


.sentence_name{
font-weight:bold;
display:block;
padding-bottom:4px
}


.index_contents a{text-decoration:none;}
.index_contents a:link{color:#5566aa;}
.index_contents a:visited{color:#5566aa}
.index_contents a:hover{color:#333388;font-weight:bold;}
.index_contents a:active{color:#aa5566;}

.index_mokuji{
border:solid 1.5px #ddddee;
padding:20px;
width:90%;
margin-left:auto;
margin-right:auto
}



.p_line{
width:90%;
margin-left:auto;
margin-right:auto;
line-height:180%
}

.p_line_m{
width:90%;
margin-left:auto;
margin-right:auto;
line-height:2.5;

}

.p_span{
font-weight:bold;font-size:110%;background:#ededfd;display:block;padding:4px;margin-bottom:16px
}




.thumb_middle{
float : none;
width:100%;
max-width:344px;
padding:12px;
margin-left:auto;
margin-right:auto;
}



.thumb_small{
float : none;
padding:12px;
margin-left:auto;margin-right:auto;
}


.herb_sect{
margin-top:20px;
border:dotted 1px #cccccc;
width:90%;margin-left:auto;
margin-right:auto;
background:#fcfcfc
}








.sodatekata_bottom{
float:none;

vertical-align:top;
line-height:2.5
}

.sodatekata_bottom_r{
vertical-align:top;
line-height:2.5;
vertical-align:top;
}







#menu{  
display: none;  
  margin: 0 auto;
  padding: 0;
} 
#menu li{
  display: block;
  float: left;
  width: 12.5%;
  margin: 0;
  padding: 0; }
#menu li a{
  display: block;
  padding: 12px 0 10px;
  background: #876;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover{
  background: #654;
}
 





  #menu{
    display: none;
  }
  #menu li{
    width: 100%;
    border-bottom: 1px solid #654;
  }

 #toggle{
    display: block;
    position: relative;
    max-width:640%
    width: 100%;
    background: #876;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #654;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #876;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }



*{
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}


}
/* mobile終了 */