@charset "UTF-8";
/*!
Theme Name: asada2014
Theme URI: http://asd2a.com/
Description: 大阪府議会議員　浅田均　公式WEBサイト用テンプレートです
Author: Hitoshi Asada
Version: 1.2
Tags: 
*/
/* ==========================================================================

  Base Stylesheet - http://git.io/base
  Author: Matthew Hartman - http://www.matthewhartman.com.au/
  Version: 1.6 - Last Updated: 31st of January, 2014

========================================================================== */
/* Resets */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

html, button, input, select, textarea {
  font-family: sans-serif; }

body, form, fieldset, legend, input, select, textarea, button {
  margin: 0; }

html {
  font-size: 100%; }

/* ==========================================================================
/* 1.0 - Document Setup (typography, links, paragraph, etc)
   ========================================================================== */
/* Body */
body {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 21px;
  line-height: 1.3125rem;
  color: #333333;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

/* Strong and Italic */
/* Links */
a {
  color: #27ae61; }

a:hover {
  text-decoration: none; }

a:focus {
  outline: thin dotted; }

a:active, a:hover {
  outline: 0; }

/* Paragraph and Small */
p {
  margin: 0 0 1.6em 0; }

pre {
  margin: 1em 0; }

ul + p, ul + pre, ol + p, ol + pre {
  margin-top: 0; }

small {
  font-size: 80%; }

/* Abbreviations */
abbr[title] {
  border-bottom: 1px dotted; }

/* Audio */
audio:not([controls]) {
  height: 0; }

/* Small, 
Sub and Sup */
small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

/* Definition */
/* Images */
img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

.image-left {
  margin-right: 20px; }

.image-right {
  margin-left: 20px; }

/* 1.1 Headings - h1, h2, h3, h4, h5, h6 & other (if any)
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  line-height: normal;
  font-weight: normal;
  margin: 0 0 .33em 0; }

h1, .h1 {
  font-size: 32px;
  font-size: 2rem; }

h2, .h2 {
  font-size: 28px;
  font-size: 1.75rem; }

h3, .h3 {
  font-size: 24px;
  font-size: 1.5rem; }

h4, .h4 {
  font-size: 20px;
  font-size: 1.25rem; }

h5, .h5 {
  font-size: 18px;
  font-size: 1.125rem; }

h6, .h6 {
  font-size: 16px;
  font-size: 1rem; }

/* Reset Heading */
.no-style-heading {
  margin: 0;
  font-size: 100%; }

/* Horizontal Rule */
hr {
  border: 0;
  background: none;
  outline: 0;
  background-color: #ddd;
  margin: 2em 0;
  *margin: 1em 0;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 1px; }

/* 1.2 Quotes and Code - block quotes, quotes, code, pre, etc
   ========================================================================== */
/* Block Quotes and Quotes */
blockquote {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 32px;
  line-height: 2rem;
  color: #434343;
  margin: 1em 0; }
  blockquote p {
    margin: 1em 0; }

cite {
  color: #434343;
  font-style: normal;
  font-size: 16px;
  font-size: 1rem;
  line-height: normal; }

q {
  quotes: none; }

q:before, q:after {
  content: '';
  content: none; }

/* Mark */
mark {
  background: #ff0;
  color: #111; }

/* Code */
code, kbd, pre, samp {
  word-wrap: break-word;
  font-family: 'courier new', monospace, serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: normal;
  background-color: #f1f1f1;
  padding: 10px; }

code {
  color: #111; }

/* 1.3 Lists
   ========================================================================== */
dl, menu, ol, ul {
  margin: 1em 0; }

dd,
ul ul,
ol ol,
ul ol,
ol ul {
  margin: 0; }

dd {
  margin-bottom: 1em; }

menu, ol, ul {
  padding: 0 0 0 22px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none; }

/* Remove Styling from List */
.unstyled-list, .inline-list {
  list-style: none;
  padding: 0;
  margin: 0; }
  .unstyled-list li, .inline-list li {
    margin-top: 0;
    margin-bottom: 0; }

/* 1.4 Tables
   ========================================================================== */
table {
  width: 100%;
  margin: 1em 0;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  *white-space: normal; }

table th,
table td {
  padding: 8px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee; }

table thead th,
table tfoot th {
  vertical-align: bottom;
  background-color: #f1f1f1;
  color: #333; }

table caption {
  padding: 8px;
  font-weight: normal;
  font-style: normal;
  border-bottom: 0; }

/* 1.5 Forms, Labels and Inputs
   ========================================================================== */
fieldset {
  border: 0;
  padding: 0; }

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px; }

label {
  margin: 0;
  cursor: pointer; }

button, input, select, textarea {
  font-size: 100%;
  vertical-align: baseline;
  *vertical-align: middle; }

input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=tel],
textarea {
  padding: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: normal;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #111;
  border: 1px solid #ccc; }

input[type=checkbox],
input[type=radio] {
  cursor: pointer;
  box-sizing: border-box;
  line-height: normal;
  margin: 0;
  padding: 0;
  *height: 13px;
  *width: 13px; }

.checkbox {
  margin: .2em 0; }
  .checkbox input[type=checkbox],
  .checkbox input[type=radio] {
    margin-top: .05em; }
  .checkbox label {
    padding-left: 5px;
    overflow: hidden;
    display: table;
    *zoom: 1; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

/* Buttons */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible; }

button[disabled],
html input[disabled] {
  cursor: default; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: none; }

/* Custom Buttons */
.button {
  border: 0;
  padding: 1em 3em;
  background-color: #e74b3c;
  color: #fff;
  text-decoration: none;
  position: relative; }

.button:hover {
  background-color: #fc5547; }

.button:active {
  top: 1px; }

.grey-button {
  background-color: #eee;
  color: #434343; }

.grey-button:hover {
  background-color: #f1f1f1; }

.button[disabled],
.button.disabled {
  color: #999;
  background-color: #f1f1f1; }

.unstyled-button {
  font-size: 16px;
  font-size: 1rem;
  color: #27ae61;
  text-decoration: underline;
  border: 0;
  background: transparent;
  height: auto;
  padding: 0;
  cursor: pointer;
  outline: 0; }
  .unstyled-button:hover {
    text-decoration: none; }

.unstyled-button[disabled],
.unstyled-button.disabled {
  text-decoration: none;
  color: #999;
  background-color: #ccc; }

/* ==========================================================================
/* 2.0 - Grid Layout (Responsive)
   ========================================================================== */
/* Sections & Content Blocks */
.section {
  position: relative; }

.container {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px; }

.container-full {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }

/* Fluid Grid */
.col {
  margin-left: 2%;
  float: left; }

.col:first-child {
  margin-left: 0; }

/* Columns */
.col-1 {
  width: 6.5%;
  *width: expression(Math.floor(0.065 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-2 {
  width: 15%;
  *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-3, .col-1-4 {
  width: 23.5%;
  *width: expression(Math.floor(0.235 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-4, .col-1-3 {
  width: 32%;
  *width: expression(Math.floor(0.32 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-5 {
  width: 40.5%;
  *width: expression(Math.floor(0.40.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-6, .col-1-2 {
  width: 49.0%;
  *width: expression(Math.floor(0.49 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-7 {
  width: 57.5%;
  *width: expression(Math.floor(0.575 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-8 {
  width: 66%;
  *width: expression(Math.floor(0.66 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-9 {
  width: 74.5%;
  *width: expression(Math.floor(0.745 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-10 {
  width: 83%;
  *width: expression(Math.floor(0.83 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-11 {
  width: 91.5%;
  *width: expression(Math.floor(0.915 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }

.col-12 {
  width: 100%; }

/* Desktop Rows */
.row {
  padding-top: .5em;
  padding-bottom: .5em; }

.row-1 {
  padding-top: 1em;
  padding-bottom: 1em; }

.row-2 {
  padding-top: 2em;
  padding-bottom: 2em; }

.row-3 {
  padding-top: 3em;
  padding-bottom: 3em; }

.row-4 {
  padding-top: 4em;
  padding-bottom: 4em; }

.row-5 {
  padding-top: 5em;
  padding-bottom: 5em; }

.row-6 {
  padding-top: 6em;
  padding-bottom: 6em; }

.row-7 {
  padding-top: 7em;
  padding-bottom: 7em; }

/* ==========================================================================
/* 3.0 - CSS Helpers / Extras
   ========================================================================== */
/* Clearfix */
.clear:before, .clear:after {
  content: "";
  display: table; }

.clear:after {
  clear: both; }

.clear {
  zoom: 1; }

/* Floats */
.left, .checkbox input[type=checkbox],
.checkbox input[type=radio] {
  float: left; }

.right {
  float: right; }

/* Display */
.block, .checkbox {
  display: block; }

.inline {
  display: inline; }

.inline-block, audio, canvas, video, .inline-list, .inline-list li, .button {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

.none, audio:not([controls]),
[hidden],
.no-desktop {
  display: none; }

/* Font Weights */
.heavy {
  font-weight: 900; }

.strong, b, strong {
  font-weight: 700; }

.normal, cite, dt, table thead th,
table tfoot th, table caption, legend, input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=tel],
textarea {
  font-weight: normal; }

.thin {
  font-weight: 300; }

.italic, i, em, .em, dfn, blockquote, q {
  font-style: italic; }

/* Font Styles */
.capitalize {
  text-transform: capitalize; }

.uppercase {
  text-transform: uppercase; }

/* Text Position */
.left-text, table caption {
  text-align: left; }

.right-text {
  text-align: right; }

.center-text, .button {
  text-align: center; }

/* Accessibility (offscreen text for screen readers) */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  left: -9999em; }

.visuallyvisible {
  clip: auto;
  width: auto;
  height: auto;
  overflow: visible;
  left: 0; }

/* Margin and Padding Reset */
.no-margin {
  margin: 0; }

.no-padding {
  padding: 0; }

/* ==========================================================================
/* -- 7.0 Mobile Devices (Layout, Modifications, etc)
   ========================================================================== */
@media only screen and (max-width: 640px) {
  .container, .mobile-container {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
    float: none; }
    .container:first-child, .mobile-container:first-child {
      margin-left: auto; }

  .mobile-container-full {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    float: none; }
    .mobile-container-full:first-child {
      margin-left: auto; }

  /* Mobile Grid */
  .mobile-1-2 {
    width: 49.0%; }

  .mobile-1-3 {
    width: 32%; }

  .mobile-1-4 {
    width: 23.5%; }

  .mobile-full {
    clear: both;
    float: none;
    width: 100%;
    margin: .2em 0 0 0;
    display: block; }

  .mobile-full:first-child {
    margin: 0; }

  .mobile-left-text {
    text-align: left; }

  .mobile-right-text {
    text-align: right; }

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

  .mobile-left {
    float: left; }

  .mobile-right {
    float: right; }

  .mobile-no-float {
    float: none; }

  /* Margin and Padding Reset */
  .mobile-no-margin {
    margin: 0; }

  .mobile-no-padding {
    padding: 0; }

  /* Mobile Rows */
  .mobile-row {
    padding-top: .5em;
    padding-bottom: .5em; }

  .mobile-row-1 {
    padding-top: 1em;
    padding-bottom: 1em; }

  .no-mobile {
    display: none; }

  .show-mobile {
    display: block; }

  .mobile-row-2 {
    padding-top: 2em;
    padding-bottom: 2em; }

  .mobile-row-3 {
    padding-top: 3em;
    padding-bottom: 3em; }

  .mobile-row-4 {
    padding-top: 4em;
    padding-bottom: 4em; }

  .mobile-row-5 {
    padding-top: 5em;
    padding-bottom: 5em; }

  .mobile-row-6 {
    padding-top: 6em;
    padding-bottom: 6em; }

  .mobile-row-7 {
    padding-top: 7em;
    padding-bottom: 7em; }

  /* Mobile Tables */
  table th,
  table td {
    padding: 4px; }

  .no-mobile {
    display: none; }

  .show-mobile {
    display: block; } }
/* End Mobile Media Query */
/*
BASE (MOBILE) SIZE
*/
/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
/* for sites that are read right to left (i.e. hebrew) */
.home #content {
  margin-top: 0; }
.home #inner-content {
  padding:0;
}
  .home #content h2 {
    font-size: 24px;
    font-size: 1.5rem;
    border-bottom: 1px solid #ddd;
    margin-top: 1em; }
    .home #content h2 i {
      margin-right: 0.25em; }
  .home #content h3 {
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: 0.8em; }
    .home #content h3 i {
      margin-right: 0.25em; }
  .home #content ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
.home #tokoso {
    margin-top:10px;
    padding: 10px 20px;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
}
.home #tokoso h2 {
    margin-top:0.5em;
}
.home #tokoso p {
    margin-bottom:0.25em;
}
.home #tokoso ul {
    list-style-type:disc;
    margin-left:1.5em;
}
  .home #tokoso li {
     margin-bottom:0.5em;
  }

.home #asada,
.home #ishin,
.home #fugikai {
  margin: 0 10px;
}
.home #mail-magazine p {
  margin-bottom: 0.5em; }
.home #whatsnew li {
  margin-bottom: 1em; }
  .home #whatsnew li .date {
    color: #888;
    font-size: 90%; }
  .home #whatsnew li .post-categories {
    display: inline; }
    .home #whatsnew li .post-categories li {
      display: inline;
      margin-right: 0.5em; }
    .home #whatsnew li .post-categories a {
      display: inline-block;
      background-color: #393;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      color: #fff;
      text-decoration: none;
      padding: 0.3em 0.5em;
      font-size: 75%;
      position: relative;
      top: -1px;
      line-height: 1; }
      .home #whatsnew li .post-categories a:hover, .home #whatsnew li .post-categories a:focus {
        background-color: #6c6; }
.home #ishin-news #ishin-news-feed li {
  margin-bottom: 0.5em;
  font-size: 90%; }
.home #ishin-news #ishin-news-feed .date {
  color: #888;
  margin-right: 0.5em; }
.home #ishin-movies #ishin-movie-feed li {
  margin-bottom: 10px; }
  .home #ishin-movies #ishin-movie-feed li a {
    line-height: 0;
    display: block; }
.home #ishin-movies #ishin-movie-feed h3 {
  font-size: 14px;
  font-size: 0.875rem;
  margin-left: 130px; }
.home #ishin-movies #ishin-movie-feed p {
  float: left;
  margin: 0 -120px 0 0;
  line-height: 0; }
.home #ishin-links li {
  margin-bottom: 1em;
  line-height: 1.2; }

/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* single post page */
/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/*********************
HEADER STYLES
*********************/
#header #inner-header {
  position: relative; }
#header #org {
  padding: 8px 10px 4px 10px; }
  #header #org h3 {
    font-size: 13px;
    font-size: 0.8125rem;
    margin: 0;
    padding: 0;
    line-height: 1; }
#header #title {
  padding: 5px 10px 10px 10px; }
  #header #title a {
    text-decoration: none;
    display: block; }
  #header #title h1, #header #title h2 {
    *zoom: 100%;
    font-weight: bold;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif;
    font-size: 40px;
    font-size: 2.5rem;
    color: #360;
    margin: 0;
    padding: 0;
    line-height: 1;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 40px;
    width: 160px;
    background: url("library/images/title_name.png") no-repeat; }
#header #header-buttons {
  text-align: right;
  padding: 1px 0; }
  #header #header-buttons ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0; }
    #header #header-buttons ul li {
      display: inline-block;
      margin-right: 10px; }
      #header #header-buttons ul li a {
        display: inline-block;
        width: 48px;
        height: 48px;
        padding: 4px 0;
        font-size: 24px;
        font-size: 1.5rem;
        color: #666;
        background-color: #f8f8f8;
        border: 1px solid #fff;
        box-shadow: 0 0 2px #333;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        text-decoration: none;
        text-align: center;
        color: #666;
        position: relative; }
        #header #header-buttons ul li a:hover, #header #header-buttons ul li a:focus, #header #header-buttons ul li a.pressed {
          background-color: #eee;
          border-color: #aaa;
          box-shadow: none;
          position: relative;
          top: 2px; }
        #header #header-buttons ul li a .text {
          font-size: 8px;
          font-size: 0.5rem;
          display: inline-block;
          width: 100%;
          position: absolute;
          bottom: 4px;
          left: 0;
          line-height: 1; }
#header #search {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 10;
  top: 80px;
  right: 0;
  background-color: rgba(255, 255, 255, 0.9);
  color: #fff;
  box-shadow: 0 1px 2px #999;
  text-align: center; }
  #header #search.show {
    display: block; }
#header #searchform {
  margin: 0.5em 0; }
#header #gnavi {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 10;
  top: 80px;
  right: 0;
  background-color: rgba(255, 255, 255, 0.9);
  color: #fff;
  box-shadow: 0 1px 2px #999; }
  #header #gnavi.show {
    display: block; }
#header .close-button {
  text-align: center;
  padding: 0.5em 0;
  margin: 0; }
  #header .close-button .button {
    display: inline-block;
    background-color: #f8f8f8;
    border: 1px solid #fff;
    box-shadow: 0 0 2px #666;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    font-size: 0.75rem;
    text-decoration: none;
    color: #666;
    position: relative;
    padding: 0.3em 0.6em; }
    #header .close-button .button:hover, #header .close-button .button:focus {
      background-color: #eee;
      border-color: #aaa;
      box-shadow: none; }
#header #face {
  clear: both;
  line-height: 0;
  text-align: left;
  background-color: #f8f8f8;
  background: #eef8e8 url("library/images/bg_face.png") 80% center no-repeat;
  border-top: 1px solid #ccc; }
  #header #face img {
    width: 114px;
    height: 120px; }
#header #catch {
  text-align: left;
  background-color: #393;
  border-bottom: 1px solid #171;
  color: #fff;
  padding: 8px 10px;
  line-height: 1; }

/*********************
NAVIGATION STYLES
*********************/
/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
.nav {
  margin: 0;
  padding: 0;
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */ }
  .nav li {
    border-bottom: solid 1px #9c9;
    /*
    so you really have to rethink your dropdowns for mobile.
    you don't want to have it expand too much because the
    screen is so small. How you manage your menu should
    depend on the project. Here's some great info on it:
    http://www.alistapart.com/articles/organizing-mobile/
    */ }
    .nav li a {
      display: block;
      width: 100%;
      text-align: center;
      text-decoration: none;
      padding: 10px 10px;
      color: #393;
      font-size: 14px;
      font-size: 0.875rem;
      /*
      remember this is for mobile ONLY, so there's no need
      to even declare hover styles here, you can do it in
      the style.scss file where it's relevant. We want to
      keep this file as small as possible!
      */ }
      .nav li a:hover, .nav li a:focus {
        background-color: rgba(51, 153, 51, 0.85);
        color: #fff; }
    .nav li ul.sub-menu li a,
    .nav li ul.children li a {
      padding-left: 30px; }
  .nav li.current-menu-item a,
  .nav li.current_page_item a,
  .nav li.current-page-ancestor a {
    background-color: rgba(51, 153, 51, 0.85);
    color: #fff; }

/* end .nav */
/*********************
BREADCRUMB STYLES
*********************/
#breadcrumb {
  list-style-type: none;
  margin: 0;
  padding: 5px 10px;
  line-height: 1; }
  #breadcrumb i {
    margin-right: 0.25em;
    font-size: 130%; }
  #breadcrumb li {
    display: inline; }
    #breadcrumb li:after {
      margin: 0 0.25em;
      content: "\3e"; }
    #breadcrumb li:last-child:after {
      content: ""; }
    #breadcrumb li a {
      text-decoration: none; }

/*********************
SEARCHFORM STYLES
*********************/
#searchform #s {
  border-radius: 4px 0 0 4px; }
#searchform #searchsubmit {
  border-radius: 0 4px 4px 0;
  border: solid 1px #ccc;
  background-color: #f8f8f8;
  border-width: 1px 1px 1px 0;
  color: #666;
  padding: 5px; }
  #searchform #searchsubmit:hover, #searchform #searchsubmit:focus {
    background-color: #eee;
    border-color: #aaa;
    box-shadow: none; }

/*********************
POSTS & CONTENT STYLES
*********************/
#content {
  margin-top: 0.5em;
  line-height: 1.6; }
  #content table, #content img {
    max-width: 100%; }

.article-header h1 {
  margin-bottom: 0; }
.article-header .vcard {
  margin: 0; }
  .article-header .vcard i {
    margin-right: 0.25em; }

/* end .hentry */
/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
.byline {
  color: #999; }

/* entry content */
.entry-content {
  /*
  image alignment on a screen this size may be
  a bit difficult. It's set to start aligning
  and floating images at the next breakpoint,
  but it's up to you. Feel free to change it up.
  */ }
  .entry-content dd {
    margin-left: 0;
    font-size: 0.9em;
    color: #787878;
    margin-bottom: 1.5em; }
  .entry-content img {
    margin: 0 0 1.5em 0;
    max-width: 100%;
    height: auto; }
  .entry-content video, .entry-content object {
    max-width: 100%;
    height: auto; }
  .entry-content pre {
    background: #eee;
    border: 1px solid #cecece;
    padding: 10px; }

/* end .entry-content */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */ }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination,
.wp-prev-next {
  margin: 1.1em 0 2.2em; }

.pagination {
  text-align: center; }
  .pagination ul {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;
    margin: 1px; }
    .pagination ul li {
      padding: 0;
      margin: 0;
      float: left;
      display: inline;
      overflow: hidden; }
      .pagination ul li a, .pagination ul li span {
        margin: 0;
        text-decoration: none;
        padding: 0;
        line-height: 1em;
        font-size: 1em;
        font-weight: normal;
        padding: .5em;
        min-width: 1em;
        display: block; }
      .pagination ul li span.current {
        font-weight: bold; }

/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left; }
.wp-prev-next .next-link {
  float: right; }

/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* h3 comment title */
#comments {
  /* number of comments span */ }

.commentlist {
  /* general comment classes */
  /* vcard */
  /* end .commentlist .vcard */
  /* comment meta */
  /* comment content */
  /* end .commentlist .comment_content */
  /* comment reply link */
  /* end .commentlist .comment-reply-link */ }
  .commentlist li {
    position: relative;
    clear: both;
    overflow: hidden;
    list-style-type: none;
    margin-bottom: 1.5em;
    padding: 0.7335em 10px;
    /* end .commentlist li ul.children */ }
    .commentlist li:last-child {
      margin-bottom: 0; }
    .commentlist li ul.children {
      margin: 0;
      /* variations */
      /* change number for different depth */ }
  .commentlist li[class*=depth-] {
    margin-top: 1.1em; }
  .commentlist li.depth-1 {
    margin-left: 0;
    margin-top: 0; }
  .commentlist li:not(.depth-1) {
    margin-right: -10px;
    margin-left: -10px;
    margin-top: 0;
    padding-bottom: 0; }
  .commentlist .odd {
    background: #eee; }
  .commentlist .even {
    background: #fefefe; }
  .commentlist .vcard {
    margin-left: 50px; }
    .commentlist .vcard cite.fn {
      font-weight: 700;
      font-style: normal; }
    .commentlist .vcard time {
      float: right; }
      .commentlist .vcard time a {
        color: #999;
        text-decoration: none; }
        .commentlist .vcard time a:hover {
          text-decoration: underline; }
    .commentlist .vcard img.avatar {
      position: absolute;
      left: 10px;
      padding: 2px;
      border: 1px solid #cecece;
      background: #fff; }
  .commentlist .comment_content {
    margin-left: 50px; }
    .commentlist .comment_content p {
      margin: 0.7335em 0 1.5em;
      font-size: 1em;
      line-height: 1.5em; }
  .commentlist .comment-reply-link {
    text-decoration: none;
    float: right;
    background: #4598bb;
    padding: 3px 5px;
    color: #fff;
    opacity: 0.65;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 0.9em; }
    .commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus {
      opacity: 1; }

/* end .commentlist */
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em;
      /* form validation */ }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

/* comment submit button */
/* comment form title */
#comment-form-title {
  margin: 0 0 1.1em; }

/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

/* no comments */
.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
#sidebar img {
  max-width: 100%; }

#sidebar-links ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  #sidebar-links ul li {
    margin-bottom: 0.5em; }

.widget ul li {
  /* deep nesting */ }

/*********************
FOOTER STYLES
*********************/
#footer {
  clear: both;
  margin-top: 40px;
  color: #fff;
  background-color: #555;
  font-size: 110%;
  line-height: 1.8; }
  #footer a {
    color: #6C6;
    text-decoration: none; }
    #footer a:hover, #footer a:focus {
      color: #fff;
      text-decoration: underline; }
  #footer i {
    margin-right: 0.25em; }
  #footer #totop {
    position: absolute;
    right: 10px;
    top: -40px;
    padding: 10px;
    background-color: #555; }
    #footer #totop a {
      color: #fff; }
      #footer #totop a:hover, #footer #totop a:focus {
        text-decoration: none; }

#inner-footer {
  position: relative;
  padding: 0.8em 0.5em; }

#footer-address h3 {
  margin: 0; }
#footer-address p {
  margin: 0; }

#footer-info h3 {
  margin: 1em 0 0 0; }
#footer-info #counter h4 {
  display: inline;
  color: #ccc;
  font-size: 110%; }
#footer-info #counter p {
  display: inline;
  color: #ccc;
  font-size: 110%; }
#footer-info h4 {
  font-size: 100%;
  color: #ccc; }
#footer-info ul {
  margin-top: 0; }

#footer-info-description {
  margin: 0;
  color: #ccc;
  font-size: 80%; }

#fnavi {
  margin-top: 0.5em; }

#sns-follow {
  color: #ccc;
  font-size: 120%; }
  #sns-follow a {
    color: #ccc; }
    #sns-follow a:hover, #sns-follow a:focus {
      color: #fff;
      text-decoration: none; }

#copyright {
  color: #ccc; }

/*********************
SOCIAL BUTTONS STYLES
*********************/
.social-buttons {
  list-style-type: none;
  margin: 0.5em 0;
  padding: 0; }
  .social-buttons li {
    display: inline-block;
    margin-right: 1em; }
    .social-buttons li:last-child {
      margin-right: 0; }

.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span {
  width: 100% !important; }

/*
LARGER DEVICES
*/
@media only screen and (min-width: 641px) {

.home #tokoso h2 {
    font-size:200%;
}
  /*********************
  HEADER STYLES
  *********************/
  #header {
    background: url("library/images/bg_gnavi.png") repeat-x;
    background-position: 0 100px; }
    #header #inner-header {
      position: relative; }
    #header #org {
      background-color: transparent;
      padding: 10px 0 0 103px;
      line-height: 1; }
      #header #org h3 {
        color: #333;
        margin: 0; }
    #header #title {
      clear: both;
      padding: 5px 0 5px 100px;
      height: 50px; }
      #header #title h1, #header #title h2 {
        line-height: 1;
        height: 40px;
        width: 150px;
        margin: 0;
        padding: 0; }
      #header #title a {
        display: inline-block; }
    #header #face {
      clear: both;
      position: absolute;
      top: 0;
      left: 0;
      line-height: 0;
      background-color: transparent;
      background: none;
      border-style: none; }
      #header #face img {
        width: 95px;
        height: 100px; }
    #header #catch {
      text-align: left;
      padding: 3px 0 8px 102px;
      background-color: transparent;
      color: #393;
      font-weight: bold;
      border: none; }
    #header #search {
      display: block;
      text-align: right;
      position: absolute;
      top: 30px;
      right: 20px;
      box-shadow: none;
      background-color: transparent;
      width: 300px; }
    #header #gnavi {
      position: relative;
      box-shadow: none;
      background-color: transparent;
      top: 0;
      left: 0;
      clear: both;
      display: block; }
    #header .close-button {
      display: none; }

  /*********************
  NAVIGATION STYLES
  *********************/
  .nav {
    border: 0;
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */ }
    .nav ul {
      margin-top: 0; }
    .nav li {
      float: left;
      position: relative;
      width: 16.6%;
      border-bottom: none;
      height: 40px;
      /*
      plan your menus and drop-downs wisely.
      */
      /* showing sub-menus */ }
      .nav li a {
        border-left: 1px solid #393;
        border-bottom: 0;
        height: 36px;
        padding: 6px 0;
        /*
        you can use hover styles here even though this size
        has the possibility of being a mobile device.
        */ }
      .nav li:last-child a {
        border-right: 1px solid #393; }
      .nav li ul.sub-menu,
      .nav li ul.children {
        margin-top: 0;
        border-top: 0;
        position: absolute;
        overflow: hidden;
        visibility: hidden;
        z-index: 8999;
        /* highlight sub-menu current page */ }
        .nav li ul.sub-menu li,
        .nav li ul.children li {
          /*
          if you need to go deeper, go nuts
          just remember deeper menus suck
          for usability. k, bai.
          */ }
          .nav li ul.sub-menu li a,
          .nav li ul.children li a {
            padding-left: 10px;
            border-right: 0;
            display: block;
            width: 180px; }
          .nav li ul.sub-menu li:last-child a,
          .nav li ul.children li:last-child a {
            border-bottom: 0; }
      .nav li:hover ul {
        top: auto;
        overflow: visible;
        visibility: visible; }

  /* end .nav */
  /*********************
  SIDEBARS & ASIDES
  *********************/
  .sidebar {
    margin-top: 2.2em; }

  .widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em; }

  .widget {
    padding: 0 10px;
    margin: 2.2em 0; }
    .widget ul li {
      margin-bottom: 0.75em;
      /* deep nesting */ }
      .widget ul li ul {
        margin-top: 0.75em;
        padding-left: 1em; }

  /* links widget */
  /* meta widget */
  /* pages widget */
  /* recent-posts widget */
  /* archives widget */
  /* tag-cloud widget */
  /* calendar widget */
  /* category widget */
  /* recent-comments widget */
  /* search widget */
  /* text widget */
  /*********************
  FOOTER STYLES
  *********************/
  #footer {
    font-size: 90%; }

  #footer-info h3 {
    display: inline; }
  #footer-info #counter {
    display: inline;
    margin-left: 1em; }
  #footer-info h4 {
    display: inline;
    font-size: 100%; }
  #footer-info #oldnavi {
    display: inline; }
  #footer-info ul {
    margin: 0.25em 0;
    padding: 0; }
    #footer-info ul li {
      display: inline;
      margin-right: 0.5em; }

  #sns-follow {
    margin-top: 0.25em; }

  #copyright {
    margin-top: 0.25em; } }


/*
PRINT STYLESHEET
*/
@media print {
  * {
    background: transparent; }

  a, a:visited {
    text-decoration: underline; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100%; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }