@charset "utf-8";

/*--------------------------
　レイアウト
---------------------------*/
body { background:#f5f5f5; }

/* WRAPPERS */
.outer {
    overflow:hidden;
    width:100%;
}

.wrapper {
    background:#f5f5f5;
    margin:0 auto;
}

.container {
    max-width:980px;
    padding:0 20px;
    margin:0 auto;
}

/* HEADER */
.header {
    position:relative;
    width:100%;
    padding:20px 0 40px;
    margin:0;
}

.header .logo {
    float:left;
    padding-top:15px;
}

.header .logo a {
    display:block;
    line-height:1em;
}


/* --------------------------------------------------------------
3. NAVIGATION
-------------------------------------------------------------- */


/* MAIN MENU */
.menu-main {
    padding-top:20px;
    float:right;
}

.menu-main { margin:0; }

.menu-main > ul {
    display:block;
    margin:0;
    padding:0;
} /* Fix for extra wrapper in default menu markup */

/* Menu Elements */
.menu-main li { float:left; }

.menu-main li {
    position:relative;
    margin:0;
    list-style:none;
    -moz-transition:0.2s all;
    -webkit-transition:0.2s all;
    transition:0.2s all;
}

.menu-main li a {
    display:block;
    margin:0;
    padding:10px;
    color:#222;
    text-transform:uppercase;
    -moz-transition:0.2s all;
    -webkit-transition:0.2s all;
    transition:0.2s all;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.menu-main li a .menu-description { display:none; }
.menu-main li:hover { text-decoration:none; }
.menu-main li:hover > a, .menu-main li a:hover { text-decoration:underline; }
/* Current item highlight both normally and on hover */
.menu-main .current-menu-ancestor > a, .menu-main .current-menu-item > a {  }

.menu-main .current_page_ancestor > a:hover, 
.menu-main .current-menu-item > a:hover { }

/* Children Elements */
.menu-main  ul, .menu-main  li, .menu-main  a {
    -moz-transition:0.4s all;
    -webkit-transition:0.4s all;
    transition:0.4s all;
}

.menu-main li ul {
    visibility:hidden;
    opacity:0;
    margin:0;
    position:absolute;
    background:#fff;
    box-shadow: 0 0 2px 2px #888;
    top:100%;
    left:0;
    z-index:9999;
}

.menu-main li ul li { }

.menu-main li ul li a {
    width:200px;
    color:#000;
    font-size:12px;
    line-height:1.5;
    height:auto;
    padding:8px 10px;
    text-shadow:none;
    text-transform:capitalize;
}

.menu-main li ul li:first-child a { border-top:none; }

.menu-main li ul li:hover > a,  .menu-main li ul li a:hover {
    background-color:#eee;
}

/* Children display on hover */
.menu-main li:hover > ul {
    visibility:visible;
    opacity:1;
}

/* Further Children Elements */
.menu-main li ul > li:hover { overflow:visible; }

.menu-main li ul ul { margin:0; top:0; left:200px; }


/* HOMEPAGE SLIDES */ /**/




.slider {
    overflow:hidden;
    background:#f5f5f5;
    margin:0 0 40px;
    padding:0;
    position:relative;
    text-align:center;
    border:10px solid #fff;
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.3);
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -moz-transition:0.3s all;
    -webkit-transition:0.3s all;
    transition:0.3s all;
}

.slider-slides {
    display:block;
    overflow:visible;
    margin:0;
    height:350px;
    padding:0;
}

.slider-slides .slide {
    background-color:#AAA;
    background-size:cover;
    background-position:center;
    height:350px;
    position:relative;
    list-style:none;
    width:100%;
    margin:0;
    transition-duration:0.1s;
    transition-timing-function:ease-in-out;
}

.slider-slides .slide-textbox {
    position:absolute;
    bottom:0;
    left:l;
    background:#444;
    background:rgba(0,0,0,0.5);
    padding:20px;
    width:100%;
    text-align:left;
    text-shadow:0 1px 3px #222;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.slider-slides .slide-textbox .slide-title {
    font-size:2em;
    margin-bottom:10px;
}

.slider-slides .slide-textbox p:last-child { margin-bottom:0; }

.slider-slides .slide-textbox .slide-title a:link, 
.slider-slides .slide-textbox .slide-title a:visited {
    color:#fff;
    text-decoration:underline;
}

/* Slider Controls */
.slider-prev, .slider-next {
    -moz-transition:0.4s all;
    -webkit-transition:0.4s all;
    transition:0.4s all;
    opacity:0;
}

.slider:hover .slider-prev, 
.slider:hover .slider-next { opacity:1; }

.slider-prev, .slider-next {
    position:absolute;
    width:50px;
    height:50px;
    font-size:50px;
    line-height:50px;
    margin-top:-25px;
    top:50%;
    right:20px;
    text-align:center;
    color:#fff;
    z-index:999;
    border-radius:50%;
    text-shadow:0 0 3px rgba(0,0,0,0.5);
    cursor:pointer;
}

.slider-prev { left:20px; right:auto; }

.slider-prev:before {
    font-family:'Font Awesome 5 Free';
    content:'\f0a8 ';
    font-weight: 900;
}

.slider-next:before {
    font-family:'Font Awesome 5 Free';
    content:'\f0a9';
    font-weight: 900;
}


/* BREADCRUMBS */
.breadcrumb {
    margin:20px 0;
    padding:10px 0;
    border-bottom:1px solid #ddd;
}

.breadcrumb-separator{
    position:relative;
    padding-right:15px;
    margin-right:10px;
}

.breadcrumb-separator:before {
    display:block;
    position:absolute;
    top:50%;
    right:0;
    list-style:none;
    font-family:'Font Awesome 5 Free';
    content:'\f105';
    font-weight: 900;
    font-size:14px;
    color:#999;
    margin-top:-7px;
    line-height:1;
}

.breadcrumb-separator { }
.breadcrumb-link :first-child{}
.breadcrumb-link :hover{}
.breadrcumb-title{}


/* PAGE BANNERS AND TITLES */
.pagetitle { padding:0; margin:0 0 30px; }
.pagetitle .pagetitle-title { margin:0; }


/* HOMEPAGE MINI FEATURES */
.minifeatures { margin:0; }
.minifeatures .feature { margin-bottom:40px; }

.minifeatures .feature img {
    display:block;
    margin:0 5% 0 0;
    line-height:0; width:100%;
}

.minifeatures .feature .feature-image {
    border:6px solid #fff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin:0 0 20px;
}

.minifeatures .feature .feature-title {
    font-size:1.7em;
    margin:0 0 10px;
}

.minifeatures .feature .feature-content { clear:both; }


/* PAGE CONTENT */
.main { padding:0; }

.content {
    float:left;
    width:65%;
    margin:0 5% 30px 0;
    padding:0; }

.page-content p { margin-bottom:20px; }
.page-content hr { margin:20px 0px; }
.page-content ul li {list-style-type:disc; }
.page-content > ul { margin-left:40px; }
.page-content ul li > ul { margin-left:20px; }

.page-content .img_bottom { vertical-align:baseline; }

div.report-img-ctr {
    margin:0 auto;
}

div.img-left {
    float:left;
}

div.img-right {
    float:right;
}

.mark_color { color:#0000ff; }
.sat{ color:#000099; } 
.sun{ color:#ff0000; } 

.red-bold {
    font-weight:bold;
    color:#ff0000;
}

.blue-bold {
    font-weight:bold;
    color:#0000ff;
}

.teal-bold {
    font-weight:bold;
    color:#008080;
}

.bold {font-weight:bold;}

div.w300 { width:300px; }

.pad-left-5 { padding-left:5px; }
.pad-left-7 { padding-left:7px; }
.pad-left-15 { padding-left:15px; }

.size-85 {font-size:85%;}
.size-150 {font-size:150%;}

.dummy20{ padding-bottom:20px; }

/* SIDEBARS */
.sidebar { float:left; width:30%; }


/* FOOTER */
.footer {
    background:url(images/bg-footer.jpg) #666;
    padding:30px 0;
    clear:both;
    padding:30px 0;
    box-shadow:inset 0 7px 5px -7px rgba(0,0,0,0.5);
}

.footer .widget-title { text-shadow:0 -1px 0 rgba(0,0,0,0.3); }

/* FOOTER MENU */
.footermenu { float:right; overflow:hidden; margin:0 0 30px; }

/* FOOTER SIDEBARS */
.subfooter { margin:30px 0; border-bottom:1px solid #888; }



/* NUMBERED PAGINATION */
.pagination { overflow:hidden; margin:0 0 30px; text-align:center; }

.pagination span, .pagination a {
    display:inline-block;
    color:#777;
    margin:0 3px;
    padding:5px 10px;
    border-radius:3px;
}

.pagination span {
    background:#888888;
    box-shadow:inset 0 1px 2px #999;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);
    color: #f5f5f5;
}
.pagination a:hover { background:#eee; text-decoration:none; }


/* POSTS */
.post  { margin:0 0 40px; }
.post-info {width:80%; margin:0 auto;}
.post .post-body { margin-left:130px; }
.post .post-title { margin:0; }
.post .post-title a { color:inherit; }

.post .post-title a:hover{ 
    text-decoration: none;
    border-bottom: 1px solid darkblue;
}

.post .post-byline {
    font-size:0.8em;
    margin:0 0 10px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.post .post-byline div {
    position:relative;
    display:inline-block;
    margin:0;
}

.post .event-date {
    color:#000;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.post .post-category a:hover{ text-decoration:underline; }

.post .post-content { padding:0; margin:0; }
.post .post-content p:last-child { margin-bottom:0; }




/* COLUMNS */
.column { display:block; float:left; margin-right:5%; }
.col2-left { width:35%; margin-left:10%; margin-right:10%; }
.col2-right { width:35%;margin-right:10%; }
.col3, .col3 > .column { width:30%; }
.col-last { margin-right:0; }


/* 植生調査 */
div.plant-top { width:630px; margin-bottom:10px; }

div.plant-top-box_1 {
        width:320px;
        float:left;
}

div.plant-top-box_2 {
        width:300px;
        float:left;
        margin-left:10px;
}

div.plant-order {
        margin-top:40px;
        width:320px;
}

div.plant-order_1 {
        float:left;
}

div.plant-order_2 {
        float:left;
        margin-left:10px;
}

div.plant-order_3 {
        float:left;
        margin-left:20px;
}

.order_selected {
        color:#000;
        font-weight:bold;
}

div.img_link{
        width: 105px;
        background-color: #ffffcc;
}

div.img_link a{
	text-decoration:none;
}



table.tbl_plant {
        width:630px;
        margin-left:auto;
        margin-right:auto;
	border-collapse: collapse; 
	border-spacing: 0px;
        border: 1px solid;
        font-size:1.0em;
}

#plant_col1 {width:120px;}
#plant_col2 {width:28px;}
#plant_col3 {width:28px;}
#plant_col4 {width:28px;}
#plant_col5 {width:28px;}
#plant_col6 {width:28px;}
#plant_col7 {width:28px;}
#plant_col8 {width:28px;}
#plant_col9 {width:28px;}
#plant_col10 {width:28px;}
#plant_col11 {width:28px;}
#plant_col12 {width:105px;}

.tbl_plant th {
        background-color:#ffccff;
}

.tbl_plant th, .tbl_plant td {
        padding:0.15em 0.2em;
        border: 1px solid;
        vertical-align: middle;
}

td.kai_info{
	text-align:center;
        background-color:#ffccff;
	color:#000000;
}

.plant_return {
        width: 100px;
        text-align:center;
        margin : 0 0 0 auto;
        background-color:#ffccff;
}

.p-link{ color:#0000ff; }


/* DARK CONTENT */
body .dark { color:#68be8d; }

body .dark h1, body .dark h2, body .dark h3, body .dark h4, 
body .dark h5, body .dark h6, body .dark .heading,
body .dark a:link, body .dark a:visited,
body .dark a:hover { color:#fff; }

body .dark a:hover { text-decoration:underline; }


/* GENERAL WIDGET STYLING */
.widget { overflow:hidden; margin:0 0 30px; }

.widget ul { margin-bottom:0; }
.widget li { list-style:none; margin-left:0; }
.widget li ul { margin-left:20px; margin-top:5px; }

/* RECENT POSTS WIDGET */
.widget_recent_entries li { margin-bottom:5px; }
.widget_recent_entries .post-date { display:block; font-size:0.8em; }
.textwidget p { margin-bottom:10px; }


.supporter-title { margin-bottom:0; }

.supporter-txt { margin-bottom:10px; }

.supporter-link { 
      width:200px;
      margin-left:20px; 
      padding:5px 10px;
      background-color:#ffffff;
      border-radius:5px;
}