/*
Theme Name: 奇跡の星の植物館
Theme URI: http://www.kisekinohoshi.jp/
Version: 1.0
Author: Takuro Hishikawa (@HissyNC)
Template: ncwhite
*/


@import "../ncwhite/style.css";
@import "style02.css";


/*
----------------------------------------------------------------------
カラーリング定義
background green: #0d7d69
border green: #0d7d69
border gray: #21425e
text brown: #442d06
----------------------------------------------------------------------
*/


/* basic style
---------------------------------------------------------------------- */

body {
background: #ffffff url(img/bg_top.jpg) no-repeat 3% 0;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
color: #2a2a2a;
font-size: 13px;
line-height: 1.5;
text-align: center;
}

a:link,
a:visited {
color: #442d06;
text-decoration: underline;
}

a:hover,
a:active {
color: #442d06;
text-decoration: none;
}

/* clearfix */
.cf { zoom:1; }
.cf:before,
.cf:after { content:""; display:table; }
.cf:after { clear:both; }

/* layout
---------------------------------------------------------------------- */

#page-container {
background: url(img/bg_foot.png) no-repeat center bottom;
}

#wrapper {
background: url(img/bg_wrapper.png) repeat-x left bottom;
}

/* ie6 hack start ¥*/
* html #wrapper {
background-image: url(img/bg_foot.gif);
}
/* ie6 hack end */

#page {
width: 950px;
margin: 0 auto;
text-align: left;
}

#header {
margin-bottom: 10px;
position: relative;
}

#container {
float: right;
width: 730px;
}

#aside {
float: left;
width: 202px;
}

#container-full {
background: #f7f4ea;
padding: 30px 50px;
}



/* header
---------------------------------------------------------------------- */

#site-title {
padding-top: 10px;
float: left;
}

#header-nav,
#lang-nav2 {
position: absolute;
top: 0;
right: 0;
background: #0d7d69;
padding: 10px 30px 10px 0;
width: 460px;
}

#header-nav li,
#lang-nav2 li {
display: inline;
list-style: none;
font-size: 12px;
}

#header-nav a,
#lang-nav2 a {
float: right;
background: url(img/icon1.gif) no-repeat center left;
padding-left: 10px;
margin-left: 20px;
}

#header-nav a:link,
#header-nav a:visited,
#lang-nav2 a:link,
#lang-nav2 a:visited {
color: #ffffff;
text-decoration: none;
}

#header-nav a:hover,
#header-nav a:active,
#lang-nav2 a:hover,
#lang-nav2 a:active {
color: #ffffff;
text-decoration: underline;
}

#lang-nav {
position: absolute;
top: 60px;
right: 0;
width: 300px;
text-align: right;
}

#lang-nav li {
list-style: none;
display: inline;
background: url(img/icon3.gif) no-repeat center left;
padding-left: 12px;
margin-left: 10px;
}



/* main
---------------------------------------------------------------------- */

#content {
margin-bottom: 20px;
}

.home #content {
position: relative;
width:740px;
height: 480px;
overflow: hidden;
}

.home #content p {
position: absolute;
top: 0;
left: 0;
}

#archive-main {
float: left;
width: 500px;
}

#archive-sub {
float: right;
width: 230px;
}

.archive-wrapper .masonry {
background-image: url(img/txt_information.gif);
background-color: #f1ecdc;
background-position: 8px 10px;
background-repeat: no-repeat;
width: 230px;
padding-top: 36px;
margin-bottom: 20px;
color: #757575;
}

.archive-wrapper .masonry .entry-title {
padding: 10px;
color: #442d06;
font-size: 14px;
}

.archive-wrapper .masonry .entry-date {
padding: 0 10px 10px;
font-size: 11px;
}

.archive-wrapper .masonry .entry-summary {
padding: 0 10px 10px;
}

.archive-wrapper .type-exhibition {
background-image: url(img/txt_exhibition.gif);
}

.archive-wrapper .type-workshop {
background-image: url(img/txt_workshop.gif);
}

.page-id-50 .archive-wrapper .category-seasonal-flowers {
background-image: url(img/txt_season.gif);
display:none;
}
.category-seasonal-flowers .archive-wrapper .category-seasonal-flowers {
background-image: url(img/txt_season.gif);
}

.archive-wrapper .post-6 {
background-image: url(img/txt_concept.gif);
}

.archive-wrapper .post-8 {
background-image: url(img/txt_awaji.gif);
}

.archive-wrapper .post-10 {
background-image: url(img/txt_floormap.gif);
}

.archive-wrapper .event-nav {
background-image: url(img/txt_search_exhibition.gif);
padding-bottom: 30px;
}

.archive-wrapper .workshop-nav {
background-image: url(img/txt_search_workshop.gif);
padding-bottom: 30px;
}

.archive-wrapper .event-nav ul,
.archive-wrapper .workshop-nav ul {
background: #faf7ee;
padding: 2px 2px 2px 34px;
}

.archive-wrapper .event-nav li,
.archive-wrapper .workshop-nav li {
list-style: url(img/icon2.gif);
margin: 14px 0;
}

.whatsnew {
background: url(img/ttl_whatsnew.gif) no-repeat 0 0;
padding: 30px 0;
width: 230px;
}

.whatsnew .post {
margin: 0 8px;
padding: 6px 0;
border-bottom: 1px dotted #21425e;
}

.whatsnew .last-child {
border-bottom: none;
margin-bottom: 10px;
}

.whatsnew .link {
background: #0d7d69;
padding: 5px 12px;
text-align: right;
}

.whatsnew .link a:link,
.whatsnew .link a:visited {
color: #ffffff;
text-decoration: underline;
}

.whatsnew .link a:hover,
.whatsnew .link a:active {
color: #ffffff;
text-decoration: none;
}

.breadcrumbs {
color: #63625e;
font-size: 12px;
}

.breadcrumbs a {
color: #35b367;
}

.single .hentry,
.page-template-default .hentry {
background: #f7f4ea;
padding: 5px 0px 28px 10px;
}
.single .entry-title,
.page-template-default .entry-title {
border-left: 7px solid #0d7d69;
padding-left: 7px;
font-size: 20px;
color: #0d7d69;
line-height: 38px;
margin: 6px 0;
}

.single .entry-date {
border-top: 1px solid #0d7d69;
padding: 15px 14px;
}

.single .entry-content {
border-top: 1px dotted #21425e;
margin: 0 14px;
padding: 10px 0;
}


#post-31{
padding: 5px 0 28px;
}
#post-31 .entry-title{
margin:6px 10px;
line-height: 38px;
}
#post-31 .breadcrumbs, #post-31 iframe{
margin-left:10px;
margin-right:10px;
}
#post-31 .entry-content {
padding: 0 0 15px 0;
}

.entry-content {
line-height: 18px;
}

.entry-content p {
margin-bottom: 1em;
}

.pagetop{
text-align: right;
padding-right: 14px;
}
.pagetop2 {
text-align: right;
margin:0 0 20px 0;
padding:15px 14px 0 0;
}
#imgmap{
padding-right:0;
padding-left:0;
}
#cate_menu{
width:709px;
margin:10px 0 20px 0;
}
.cate_top {
background: url("img/cate_bg_top.gif") no-repeat scroll 0 0 transparent !important;
border: medium none;
height: 8px !important;
margin: 0 !important;
overflow: hidden !important;
padding: 0 !important;
}
.cate_middle {
background: url("img/cate_bg_middle.gif") repeat-y scroll left bottom transparent;
display: block;
line-height: 1.8;
height:35px;
padding: 0;
}
.cate_bottom {
background: url("img/cate_bg_bottom.gif") no-repeat scroll left top transparent !important;
border: medium none;
height: 8px !important;
margin: 0 !important;
overflow: hidden !important;
padding: 0 !important;
}
ul.cate_menu {
margin: 0;
padding: 5px;
list-style-type: none;
}

ul.cate_menu li {
float: left;
width: 13em;
margin-right: 5px;
padding: 2px;
text-align: center;
}
.clear {
clear:both;
}
span.brown{
padding-right:5px;
color:#452805;
font-size:12px;
}
#cate1, #cate2, #cate3{
width:709px;
}
#faq dl{
margin-top:20px;
font-size:14px;
}
#faq dl dt{
margin:20px 0 0 0;
padding:0 0 0 45px;
line-height:40px;
font-weight:bold;
background: url(img/ico-question.gif) no-repeat left center;
}
#faq dl dd{
margin:5px 0 0 0;
padding:0 0 20px 45px;
line-height:21px;
background: url(img/ico-answer.gif) no-repeat left top;
border-bottom: 1px dotted #0d7d69;
}
#faq dl dd.one_line{
line-height:35px;
}
p.bar{
width:709px;
height:1px;
margin:0 0 1em 0;
padding:0;
}
img.bar_green{
padding:20px 0 0 0;
}

#cate_menu a:link, #cate_menu a:visited{
color:#35b367;
text-decoration:underline;
}
#cate_menu a:hover, #cate_menu a:active{
color:#01411a;
text-decoration:underline;
}
a.rollover:hover img {
opacity: 0.5;
}
div.map_link{
width:650px;
margin:0 auto;
font-size:12px;
color:#0d7d69;
text-align:center;
}
/* Side
---------------------------------------------------------------------- */

.sidebar li {
list-style: none;
}

#nav {
background: url(img/ttl_menu.gif) no-repeat 0 0;
padding-top: 30px;
margin-bottom: 16px;
}

#nav img {
vertical-align: bottom;
}

#nav a {
display: block;
padding: 5px;
}

#nav a:link,
#nav a:visited {
background: transparent;
}

#nav a:hover,
#nav a:active {
background: #4bcdb6;
}

#nav li {
display: block;
border-bottom: 1px dotted #21425e;
padding: 7px 0 7px 30px;
width: 172px;
}

#nav li li {
border-bottom: none;
padding: 2px 0;
}

#nav .subnav-header {
background-position: 5% 50%;
background-repeat: no-repeat;
}

#nav .nav-close {
background-image: url(img/icon_open.gif);
}

#nav .nav-open {
background-image: url(img/icon_close.gif);
}

#aside .banner {
margin-bottom: 28px;
}

#aside .banner li {
text-align: center;
margin-top: 15px;
}

#aside .banner li img {
vertical-align: bottom;
}

#aside .side-info {
background: #f1ecdc;
padding: 14px 8px;
color: #757575;
margin-bottom: 20px;
}



/* Footer
---------------------------------------------------------------------- */

#footer {
padding-bottom: 35px;
margin-top: 150px;
color: #ffffff;
}

#footer .site-name,
#footer .address {
margin-bottom: 10px;
}

#footer .address {
background: url(img/logo-foot2.gif) no-repeat top right;
width: 530px;
}



.dis{
  pointer-events: none;
}



/* Other
---------------------------------------------------------------------- */

input.tipped {
color: gray;
}

/*iE6 only
----------------------------------------------------------------------*/
* html #wrapper{
background:url(img/bg_wrapper.gif) repeat-x left bottom;
position:relative;
overflow:hidden;
}
* html .backimg{
background-image:url(img/bg_foot.png);
height:522px;
width:1300px;
position:absolute;
bottom:0;
left:50%;
z-index:-1;
margin-left:-1300px !important;
}
* html #page-container{
background-image:none !important;
}

/* Facebook
---------------------------------------------------------------------- */
.fb-like-box{
margin:0 0 20px 0;
background:#ffffff;
}
.fb-like-box2{
margin:0;
background:#ffffff;
}





.acordion {
  /*padding: 20px 60px 20px 40px;*/
  /*margin:20px 0;*/
  /*background:#f7f4e9 url(img/arrow_open.gif) no-repeat 98% 50%;*/
}
.acordion .trigger {
  display: block;
  padding: 20px 0px;
}
.acordion li {
  list-style-type: none;
}
.acordion .trigger.none-submenu {
  background-image: url(img/arrow_open.gif);
  background-repeat: no-repeat;
  background-position: right 20px;
}
.acordion .trigger.active-submenu {
  background-image: url(img/arrow_close.gif);
  background-repeat: no-repeat;
  background-position: right 20px;
}

.ul01{
overflow:hidden;
}

.ul01 li{
float: left;
padding-left:10px;
}

.fac02 {
    border-bottom: 1px dotted #27af96;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.pic {
    float: right;
}

.clearfix {
    display: block;
}

.fac03 {
    width: 430px;
    float: left;
}

.submenu h2{
    margin-bottom: 30px;
}


.p01 a:link { color: #0d7d69; }
.p01 a:visited { color: #0d7d69; }
.p01 a:hover { color: #ff0000; }
.p01 a:active { color: #ff8000; }




.busguide_tour{
background-image: url("http://www.kisekinohoshi.jp/wordpress/wp-content/uploads/2018/08/41fa64b75f0c58d05ffb632eed1829ef-300x225.jpg");
background-repeat: no-repeat;
width: 40%;
height: 250px;

}



.bbox{
  padding: 20px;
  background-color: #0d7d69;
  color: #fff;
margin-bottom: 30px;
}

a.cf{
  color: #FFF;
}

 .bbox a.entry-title2 {
color: #FFF;
padding: 10px 10px 10px 10px;
font-size: 16px;
margin-bottom: 35px;
}