@charset "utf-8";
/*
Theme Name: Organic Journal
Theme URI: http://f-library.com/daily/themes/organico
Author: si
Author URI: http://f-library.com/daily/
Description: this CSS file is made from SCSS. DO NOT EDIT this CSS. Use original SCSS File.
Version: 1.0
License:
License URI:
Tags:
Text Domain: organico
*/
@import "http://yui.yahooapis.com/2.9.0/build/fonts/fonts-min.css";
/*@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700);*/
@import url(http://fonts.googleapis.com/css?family=Alike|Archivo+Narrow);
/* reset */
* {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none; }

ul, ol {
  list-style: none; }

img {
  vertical-align: bottom; }

/* reset end */
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

html {
  color: #333333;
  font-family: verdana, sans-serif;
  font-size: 100%;
  line-height: 1.5;
  /*background: url(images/960_grid_12_col.png) repeat-y center top;*/ }

body {
  width: 100%;
  font-size: 13px; }

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

.wrapper {
  width: 100%; }

.main {
  background: #fff; }

img.size-full {
  width: 100%;
  height: auto; }

/*
------------------------------------------------------------------
 * HEADER STYLE
------------------------------------------------------------------
*/
#header {
  width: 100%;
  height: 54px;
  position: relative; }

.header_main {
  width: 100%;
  height: 54px;
  background: url(images/bg_header.gif) top left repeat;
  line-height: 1;
  position: fixed;
  z-index: 200; }
  .header_main h1 {
    float: left;
    display: inline;
    margin: 0 0 0 6px; }
  .header_main h1 img {
    width: 220px;
    margin-top: 12px; }

#searchBox {
  display: none; }

#nav {
  width: 190px; }
  #nav ul {
    position: absolute;
    right: 10px;
    top: 13px; }
  #nav li {
    float: left;
    display: inline-block;
    text-align: right; }
  #nav #cateBtn {
    cursor: pointer; }
  #nav .btn_category img {
    height: 30px; }
  #nav .btn_search img {
    height: 30px; }
  #nav #otherBtn,
  #nav .btn_fb a,
  #nav .btn_tw a,
  #nav .btn_gp a,
  #nav .btn_category {
    display: none; }
  #nav .btn_category_sp {
    display: block;
    margin-top: 3px; }

.submenu_cateTop,
.submenu_otherTop {
  display: none; }

/*.active {
	display: block;
}*/
.submenu_cateTop,
.submenu_otherTop {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999; }
  .submenu_cateTop .inner,
  .submenu_otherTop .inner {
    background-color: #fff;
    width: 84%;
    margin: 1.5em auto 0 auto;
    padding: 0 15px 10px 15px;
    position: relative; }
    .submenu_cateTop .inner a,
    .submenu_otherTop .inner a {
      color: #333333; }
    .submenu_cateTop .inner li,
    .submenu_otherTop .inner li {
      float: none;
      font-size: 100%;
      display: block;
      text-align: left; }
      .submenu_cateTop .inner li a,
      .submenu_otherTop .inner li a {
        display: block;
        background: white url(images/line_dot.gif) left top repeat-x;
        padding: 10px 0 10px 18px; }
        .submenu_cateTop .inner li a span.cate_en,
        .submenu_otherTop .inner li a span.cate_en {
          color: #333;
          display: block;
          font-family: "Alike", serif;
          font-size: 14px;
          margin-bottom: 3px; }
      .submenu_cateTop .inner li a:hover,
      .submenu_otherTop .inner li a:hover {
        background: #eeeeee url(images/line_dot.gif) left top repeat-x; }
    .submenu_cateTop .inner .tit,
    .submenu_otherTop .inner .tit {
      width: 100%;
      background: url(images/arrow_down.gif) right center no-repeat;
      background-size: 10px auto;
      padding: 9px 0 8px 0; }
      .submenu_cateTop .inner .tit img,
      .submenu_otherTop .inner .tit img {
        width: 50%;
        height: auto; }
    .submenu_cateTop .inner .tit_cate img,
    .submenu_otherTop .inner .tit_cate img {
      width: auto; }
  .submenu_cateTop .inner:after,
  .submenu_otherTop .inner:after {
    content: "";
    position: absolute;
    top: -10px;
    right: 96px;
    height: 0;
    width: 0;
    border-width: 0 5px 10px 5px;
    border-style: solid;
    border-color: transparent transparent #fff; }

.search-form {
  /*input{
      width:220px;
      padding-left: 28px
  }*/ }
  .search-form .screen-reader-text {
    display: none; }
  .search-form label {
    display: block;
    width: 262px;
    padding-left: 2%;
    text-align: center;
    position: relative; }
  .search-form input.search-field {
    font-size: 14px;
    border: 1px solid #B9C9CE;
    border-radius: 5px;
    padding: 6px 0.8em 6px 0.8em;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }
  .search-form input.search-submit {
    width: 15px;
    height: 15px;
    background: white url(images/form_btn_search.gif) top left no-repeat;
    border: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    position: absolute;
    left: 15px;
    top: 0.6em;
    overflow: hidden; }
  .search-form input.search-submit[value] {
    color: transparent; }
  .search-form input[type=text]:focus {
    border-color: #83B6C2;
    outline: none;
    box-shadow: 2px 2px 4px rgba(143, 183, 222, 0.6), -2px -2px 4px rgba(143, 183, 222, 0.6), inset 0 1px 2px rgba(0, 0, 0, 0.2); }
  .search-form ::-webkit-input-placeholder {
    color: #AFAFAF; }
  .search-form :-moz-placeholder {
    color: #AFAFAF; }

.searchBox-clone {
  display: none;
  width: 100%;
  position: fixed;
  top: 54px;
  height: 44px;
  background: #849958;
  z-index: 666;
  padding-top: 10px; }
  .searchBox-clone label {
    display: block;
    width: 96%;
    padding-left: 2%;
    text-align: center;
    position: relative; }
  .searchBox-clone input.search-field {
    width: 94%;
    text-align: left;
    padding-left: 7%; }
  .searchBox-clone input.search-submit {
    width: 15px;
    height: 15px;
    background: white url(images/form_btn_search.gif) top center no-repeat;
    border: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    position: absolute;
    left: 3%;
    top: 1.5em;
    overflow: hidden; }
  .searchBox-clone input.search-submit[value] {
    color: transparent; }

/*
------------------------------------------------------------------
 * FOOTER STYLE
------------------------------------------------------------------
*/
#footer {
  background-color: #E3E4E7;
  color: #333333;
  font-size: 85%;
  text-align: center;
  padding: 4px 0;
  position: fixed;
  bottom: 0;
  width: 100%; }

#btn_backtotop {
  position: fixed;
  right: 20px;
  bottom: 40px;
  display: none;
  cursor: pointer; }

/*
------------------------------------------------------------------
 * TOP Page
------------------------------------------------------------------
*/
#contents {
  padding: 0 0 100px 0; }

.home .post,
.category .post,
.author .post,
.search .post {
  box-shadow: 0px 3px 2px -2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 3px 2px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 2px -2px rgba(0, 0, 0, 0.2); }
  .home .post h1.entry-title,
  .category .post h1.entry-title,
  .author .post h1.entry-title,
  .search .post h1.entry-title {
    font-size: 93%;
    font-weight: bold; }
  .home .post a,
  .category .post a,
  .author .post a,
  .search .post a {
    color: #333333; }
  .home .post .post-thumbnail,
  .category .post .post-thumbnail,
  .author .post .post-thumbnail,
  .search .post .post-thumbnail {
    width: 39.0625%;
    /*125px/320px*/
    float: left;
    padding-top: 2px; }
  .home .post .post-thumbnail img,
  .category .post .post-thumbnail img,
  .author .post .post-thumbnail img,
  .search .post .post-thumbnail img {
    width: 100%;
    height: auto; }
  .home .post .entry-content,
  .category .post .entry-content,
  .author .post .entry-content,
  .search .post .entry-content {
    width: 53%;
    /* 175px/320px */
    float: left;
    padding: 6px 10px 0 10px; }
  .home .post .category img,
  .category .post .category img,
  .author .post .category img,
  .search .post .category img {
    margin-bottom: 5px;
    height: 18px;
    width: auto; }
  .home .post p.lead,
  .category .post p.lead,
  .author .post p.lead,
  .search .post p.lead {
    font-size: 93%; }
  .home .post p,
  .home .post p.lead,
  .home .post .btn_more,
  .category .post p,
  .category .post p.lead,
  .category .post .btn_more,
  .author .post p,
  .author .post p.lead,
  .author .post .btn_more,
  .search .post p,
  .search .post p.lead,
  .search .post .btn_more {
    display: none; }
  .home .post p.publishedDate,
  .category .post p.publishedDate,
  .author .post p.publishedDate,
  .search .post p.publishedDate {
    display: none; }
  .home .post p.cateico,
  .category .post p.cateico,
  .author .post p.cateico,
  .search .post p.cateico {
    display: inline-block;
    margin: 5px auto; }

.menu_categories_en {
  display: none; }

.bg-companies {
  background-color: #73C4E8; }

.bg-farmers {
  background-color: #917961; }

.bg-features {
  background-color: #ED704E; }

.bg-key_person {
  background-color: #76C8CD; }

.bg-trend_news {
  background-color: #F7931E; }

.bg-web_shop {
  background-color: #E5407F; }

p.cateico {
  color: #fff;
  display: inline-block;
  font-family: "Archivo Narrow", sans-serif;
  font-size: 93%;
  margin: auto auto 15px auto;
  padding: 2px 10px;
  letter-spacing: 1px; }
  p.cateico a {
    color: #fff !important; }

/*p.companies a { background-color: #73C4E8; }
p.farmers a { background-color: #917961; }
p.features a { background-color: #ED704E; }
p.key_person a { background-color: #76C8CD; }
p.trend_news a { background-color: #F7931E; }
p.web_shop a { background-color: #E5407F; }*/
/*
------------------------------------------------------------------
 * Detail Page
------------------------------------------------------------------
*/
.single .post-thumbnail img {
  width: 100%;
  margin-bottom: 1.5em; }
.single .author a {
  color: #666; }
.single .entry-content {
  width: 93.75%;
  /* 300px/320px */
  margin: 0 auto 4em auto; }
.single .related-posts {
  width: 100%;
  /* 300px/320px */
  margin: 0 auto 4em auto; }
  .single .related-posts h3 {
    width: 100%;
    text-align: center; }
    .single .related-posts h3 span {
      /*background: #009966;*/
      color: #fff;
      display: block;
      padding: 8px 10px; }
  .single .related-posts ul {
    width: 100%; }
    .single .related-posts ul li {
      width: 100%;
      border-bottom: solid 1px #DDDDDD; }
      .single .related-posts ul li article {
        margin: 0; }
        .single .related-posts ul li article .thumb {
          width: 39.0625%;
          /*125px/320px*/
          display: table-cell;
          vertical-align: middle; }
        .single .related-posts ul li article .thumb img {
          width: 100%; }
        .single .related-posts ul li article p {
          width: 54.6875%;
          /*175px/320px*/
          padding-left: 3.125%;
          display: table-cell;
          vertical-align: middle; }
        .single .related-posts ul li article a {
          color: #333333; }
    .single .related-posts ul li:hover {
      filter: alpha(opacity=75);
      -moz-opacity: 0.75;
      opacity: 0.75; }
.single .entry-meta {
  color: #999999; }
  .single .entry-meta a {
    color: #999999; }
  .single .entry-meta .entry-date {
    margin-bottom: 1em; }
  .single .entry-meta .entry-tags {
    margin-bottom: 1.5em; }
    .single .entry-meta .entry-tags a {
      display: inline-block;
      background-color: #EEEEEE;
      padding: 0.2em 0.5em;
      margin-right: 0.5em;
      font-size: 85%;
      color: #666666; }
    .single .entry-meta .entry-tags span:hover {
      background: #DDDDDD; }
.single .category {
  margin-bottom: 0.5em; }
  .single .category img {
    width: auto; }
.single .entry-content {
  color: #666666;
  margin-bottom: 2em; }
  .single .entry-content p {
    font-size: 116%;
    line-height: 1.8em;
    margin-bottom: 1em; }
  .single .entry-content p a {
    color: #009966; }
  .single .entry-content img {
    max-width: 100%;
    /*margin-bottom: 1em;*/ }
.single .relatedLinks {
  margin-bottom: 2em; }
  .single .relatedLinks h2 {
    margin-bottom: 0.5em;
    font-size: 116%;
    color: #666666; }
  .single .relatedLinks p {
    font-size: 116%;
    line-height: 1.5em; }
  .single .relatedLinks p a {
    color: #009966; }
.single .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }
.single .video-container iframe,
.single .video-container object,
.single .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.single .entry-title {
  margin-bottom: 1em; }
.single .entry-date {
  margin-bottom: 0.5em; }
.single .entry-tags {
  margin-bottom: 1em; }
.single .entry-sns,
.single .entry-sns_s {
  width: 100%;
  margin: 0 auto 2em auto; }
  .single .entry-sns li,
  .single .entry-sns_s li {
    width: 33%;
    float: left;
    text-align: center;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1; }
  .single .entry-sns li:hover,
  .single .entry-sns_s li:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8; }
  .single .entry-sns li.fb,
  .single .entry-sns li.tw,
  .single .entry-sns_s li.fb,
  .single .entry-sns_s li.tw {
    margin-right: 0.5%; }
  .single .entry-sns img,
  .single .entry-sns_s img {
    width: 100%; }
.single .entry-sns_s {
  display: block; }
.single .entry-sns {
  display: none; }
.single .sidebar-right {
  display: none; }
.single .bannerarea {
  width: 100%;
  margin-bottom: 1em; }
  .single .bannerarea img {
    width: 100%; }

.likebox_main {
  width: 93.75%;
  /* 300px/320px */
  margin: 0 auto 4em auto;
  overflow: hidden; }

/* Not Found Page */
.site-content {
  padding: 20px; }
  .site-content a {
    color: #666666; }

.page-title {
  color: #937761;
  font-size: 232%;
  margin-bottom: 30px; }

.grayTxt {
  color: #666666; }

.greenTxt {
  color: #85986C; }

@media screen and (min-width: 480px) {
  /* 最小幅 480px 以上の指定 */
  .searchBox-clone p {
    width: 97.39585%; }

  .home .post .entry-content,
  .category .post .entry-content,
  .author .post .entry-content,
  .search .post .entry-content {
    padding: 12px 10px 0 10px; }
  .home .post h1.entry-title,
  .category .post h1.entry-title,
  .author .post h1.entry-title,
  .search .post h1.entry-title {
    font-size: 123.1%; }

  .single .related-posts {
    width: 93.75%;
    /* 300px/320px */
    margin: 0 auto 4em auto; }
    .single .related-posts h3 {
      text-align: left;
      border-bottom: solid 1px #dddddd;
      margin-bottom: 1.5em; }
      .single .related-posts h3 span {
        /*background: #009966;*/
        color: #fff;
        display: inline-block;
        padding: 5px 10px; }
    .single .related-posts ul {
      width: 99%;
      margin: 0 auto; }
      .single .related-posts ul li {
        width: 33%;
        min-height: 260px;
        float: left;
        display: inline;
        text-align: center;
        border-bottom: none; }
        .single .related-posts ul li article {
          width: 95%;
          margin: 0 auto; }
          .single .related-posts ul li article .thumb {
            width: 100%;
            display: block;
            margin-bottom: 0.5em; }
          .single .related-posts ul li article p {
            width: 100%;
            display: block;
            padding-left: 0;
            text-align: left; }
          .single .related-posts ul li article a {
            color: #333333; } }
@media screen and (min-width: 768px) {
  /* 最小幅 768px 以上の指定 */
  .searchBox-clone p {
    width: 97.39585%; }

  .submenu_cateTop .inner {
    position: absolute;
    width: 280px;
    margin: 20px 0 0 0;
    right: 175px; }

  #nav {
    width: 290px;
    /*290px/768px*/ }
    #nav ul {
      top: 12px; }
    #nav .btn_category img {
      height: 30px;
      width: auto; }
    #nav .btn_search img {
      height: 30px; }
    #nav .btn_fb a,
    #nav .btn_tw a,
    #nav .btn_gp a {
      display: block;
      width: 40px;
      height: 30px;
      line-height: 100;
      overflow: hidden; }
    #nav .btn_category_sp {
      display: none; }
    #nav .btn_category {
      display: block; }
    #nav .btn_fb a {
      background: url(images/sprite_snsBtn.png) left top no-repeat; }
    #nav .btn_tw a {
      background: url(images/sprite_snsBtn.png) -40px top no-repeat; }
    #nav .btn_gp a {
      background: url(images/sprite_snsBtn.png) -80px top no-repeat; }
    #nav .btn_fb a:hover {
      background: url(images/sprite_snsBtn.png) left -50px no-repeat; }
    #nav .btn_tw a:hover {
      background: url(images/sprite_snsBtn.png) -40px -50px no-repeat; }
    #nav .btn_gp a:hover {
      background: url(images/sprite_snsBtn.png) -80px -50px no-repeat; }

  .menu_categories_en {
    display: block;
    clear: both; }
    .menu_categories_en ul {
      box-shadow: 0px 3px 2px -2px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.3); }
    .menu_categories_en li {
      float: left;
      display: inline;
      font-family: "Alike", serif;
      font-size: 100%;
      background: url(images/navi_bg_e.jpg) right top no-repeat;
      text-align: center; }
      .menu_categories_en li a {
        display: block;
        height: 33px;
        padding-top: 17px;
        /*color: #666666;*/
        color: #917960; }
      .menu_categories_en li a:hover,
      .menu_categories_en li a.current {
        background: url(images/navi_bg_e.jpg) right -100px no-repeat; }
    .menu_categories_en .cat-item-1 {
      width: 22.13541%;
      /* 170px / 768px : investment */ }
    .menu_categories_en .cat-item-2 {
      width: 11.84895%;
      /*91px / 768px : features */ }
    .menu_categories_en .cat-item-3 {
      width: 17.70833%;
      /*136px / 768px : info */ }
    .menu_categories_en .cat-item-4 {
      width: 19.66145%;
      /*151px / 768px : search */ }
    .menu_categories_en .cat-item-5 {
      width: 8.98437%;
      /*69px / 768px : news */ }
    .menu_categories_en .cat-item-6 {
      width: 19.66145%;
      /*151px / 768px : interview */ }
    .menu_categories_en .cat-item-1 {
      width: 16.66666%;
      /* 170px / 768px : investment */ }
    .menu_categories_en .cat-item-2 {
      width: 16.66666%;
      /*91px / 768px : features */ }
    .menu_categories_en .cat-item-3 {
      width: 16.66666%;
      /*136px / 768px : info */ }
    .menu_categories_en .cat-item-4 {
      width: 16.66666%;
      /*151px / 768px : search */ }
    .menu_categories_en .cat-item-5 {
      width: 16.66666%;
      /*69px / 768px : news */ }
    .menu_categories_en .cat-item-6 {
      width: 16.66666%;
      /*151px / 768px : interview */ }

  .home .post,
  .category .post,
  .author .post,
  .search .post {
    position: relative; }
    .home .post .post-thumbnail,
    .category .post .post-thumbnail,
    .author .post .post-thumbnail,
    .search .post .post-thumbnail {
      width: 39.0625%;
      /* 300px/768px */ }
      .home .post .post-thumbnail img,
      .category .post .post-thumbnail img,
      .author .post .post-thumbnail img,
      .search .post .post-thumbnail img {
        width: 100%; }
    .home .post .entry-content,
    .category .post .entry-content,
    .author .post .entry-content,
    .search .post .entry-content {
      width: 57%;
      /* 441px/768px */
      padding: 15px 13px 0 13px; }
    .home .post h1.entry-title,
    .category .post h1.entry-title,
    .author .post h1.entry-title,
    .search .post h1.entry-title {
      font-size: 123.1%;
      margin-bottom: 0.5em; }
    .home .post p.lead,
    .category .post p.lead,
    .author .post p.lead,
    .search .post p.lead {
      display: block;
      color: #666666; }
    .home .post .btn_more,
    .category .post .btn_more,
    .author .post .btn_more,
    .search .post .btn_more {
      display: block;
      position: absolute;
      bottom: 15px;
      right: 15px; }

  .home .post:nth-child(-n+2) {
    width: 50%;
    height: auto;
    float: left;
    display: inline;
    position: relative;
    /*.category-investment { border-bottom: solid 5px $color-investment; }
    .category-features { border-bottom: solid 5px $color-features; }
    .category-info { border-bottom: solid 5px $color-info; }
    .category-search { border-bottom: solid 5px $color-search; }
    .category-news { border-bottom: solid 5px $color-news; }
    .category-interview { border-bottom: solid 5px $color-interview; }*/ }
    .home .post:nth-child(-n+2) .post-thumbnail {
      width: 100%;
      height: auto;
      vertical-align: bottom; }
    .home .post:nth-child(-n+2) .post-thumbnail img {
      clear: both; }
    .home .post:nth-child(-n+2) .entry-content {
      background: rgba(0, 0, 0, 0.7);
      border: none;
      height: 37.81512%;
      width: 100%;
      float: none;
      position: absolute;
      left: 0;
      bottom: 0;
      margin: 0;
      padding: 0; }
    .home .post:nth-child(-n+2) h1.entry-title {
      padding: 0 10px;
      font-size: 108%;
      font-weight: normal; }
      .home .post:nth-child(-n+2) h1.entry-title a {
        color: #ffffff; }
    .home .post:nth-child(-n+2) p.cateico {
      margin: 10px; }
    .home .post:nth-child(-n+2) p.lead {
      display: none; }
    .home .post:nth-child(-n+2) .btn_more {
      display: none; }

  .single h1.entry-title {
    font-size: 189%; }
  .single .entry-sns_s {
    display: none; }
  .single .entry-sns {
    display: block; } }
@media screen and (min-width: 1024px) {
  /* 最小幅 1024px 以上の指定 */
  body {
    background: url(images/bg_leftnavi.gif) repeat-y; }

  li.current-cat a {
    background: url(images/bg_sidenavi.jpg) left -100px repeat-x; }

  /*body.category-trend_news li.trend_news a { }
  body.category-companies li.companies a { background: url(images/bg_sidenavi.jpg) left -100px repeat-x;}
  body.category-web_shop li.web_shop a { background: url(images/bg_sidenavi.jpg) left -100px repeat-x;}
  body.category-farmers li.farmers a { background: url(images/bg_sidenavi.jpg) left -100px repeat-x;}
  body.category-key_person li.key_person a { background: url(images/bg_sidenavi.jpg) left -100px repeat-x;}
  body.category-features li.features a { background: url(images/bg_sidenavi.jpg) left -100px repeat-x;}*/
  #nav {
    width: 523px; }
    #nav .btn_search img {
      display: none; }
    #nav #cateBtn {
      display: none; }
    #nav #otherBtn {
      display: block;
      cursor: pointer; }

  .submenu_cateLeft {
    display: block;
    background-color: none; }
    .submenu_cateLeft .inner {
      display: block;
      position: fixed;
      width: 230px;
      /*margin: 0;
      padding: 0;*/
      left: 0;
      top: 54px;
      margin: 0;
      padding: 0; }
      .submenu_cateLeft .inner ul {
        border-top: solid 1px #ddd; }
      .submenu_cateLeft .inner li {
        margin: 0;
        padding: 0;
        border-bottom: solid 1px #ddd;
        font-size: 12px; }
        .submenu_cateLeft .inner li a {
          color: #434343;
          display: block;
          /*background: url(images/bg_sidenavi.jpg) left top repeat-x;*/
          width: 190px;
          padding: 14px 0 14px 40px; }
          .submenu_cateLeft .inner li a span.cate_en {
            color: #333;
            display: block;
            font-family: "Alike", serif;
            font-size: 14px;
            margin-bottom: 3px; }
        .submenu_cateLeft .inner li a:hover,
        .submenu_cateLeft .inner li a.current {
          background: url(images/bg_sidenavi.jpg) left -100px repeat-x; }
      .submenu_cateLeft .inner .tit {
        width: 215px;
        height: 21px;
        padding: 10px 0 17px 15px;
        background: url(images/bg_sidenavi.jpg) repeat-x; }
        .submenu_cateLeft .inner .tit img {
          width: 50%;
          height: auto; }
    .submenu_cateLeft .inner:after {
      display: none; }

  .submenu_otherTop .inner {
    display: block;
    width: 280px;
    position: absolute;
    right: 405px;
    top: 0; }
    .submenu_otherTop .inner .tit {
      /*color: #009966;*/
      background: url(images/arrow_left.gif) left center no-repeat;
      padding: 10px 0 8px 10px; }
    .submenu_otherTop .inner ul {
      background: url(images/line_dot.gif) left top repeat-x;
      padding-top: 5px;
      margin-bottom: 10px; }
    .submenu_otherTop .inner li {
      float: none;
      font-size: 100%;
      display: block;
      text-align: left; }
      .submenu_otherTop .inner li a {
        display: block;
        background-image: none;
        background: #ffffff;
        padding: 5px 0 5px 10px; }
      .submenu_otherTop .inner li a:hover {
        background-image: none;
        background: #eeeeee; }

  #searchBox {
    position: relative;
    display: block;
    margin-left: 5px; }
    #searchBox input.search-field {
      width: 220px;
      padding-left: 28px; }

  .searchBox-clone {
    display: none; }

  #contents {
    /*background: url(images/bg_leftnavi.gif) repeat-y;*/ }

  .menu_categories_en {
    /*margin-left: 230px;*/ }

  .main {
    margin-left: 230px; }

  .home .post p.publishedDate,
  .category .post p.publishedDate,
  .author .post p.publishedDate,
  .search .post p.publishedDate {
    display: block;
    position: absolute;
    bottom: 18px;
    left: 39.0625%;
    padding-left: 13px;
    color: #999999;
    font-size: 77%; }

  .home .post:nth-child(-n+2) p.publishedDate {
    display: none; }

  .single {
    /*background: url(images/bg_leftnavi.gif) repeat-y;*/ }
    .single .wrapper {
      background: url(images/bg_rightnavi.gif) right repeat-y; }
    .single .sidebar-right {
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      width: 260px;
      padding-top: 70px; }
      .single .sidebar-right .aside {
        background: #ffffff;
        width: 220px;
        margin: 0 auto 10px auto;
        padding: 10px 10px 0 10px; }
        .single .sidebar-right .aside h1 {
          font-size: 116%;
          padding-bottom: 10px;
          margin: 4px 0 0 0;
          line-height: 1; }
        .single .sidebar-right .aside li:hover {
          filter: alpha(opacity=75);
          -moz-opacity: 0.75;
          opacity: 0.75; }
      .single .sidebar-right .banners li {
        padding: 8px;
        border: solid 1px #ddd;
        margin-bottom: 10px; }
    .single .main {
      margin-right: 260px; } }
@media screen and (min-width: 1200px) {
  /* 最小幅 1200px 以上の指定 */ }