@charset "UTF-8";

/*
Theme Name: InomaExpertBasic
Theme URI: http://inomacreate.com/wordpress_theme/
Author: Kohei Inomata
Description: シンプルな２カラムの士業用のWordPressテーマです。レスポンシブデザイン対応でスマホサイトでは、１カラムとなります。
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

* {
  margin: 0;
  padding: 0;
}

/* ================================================================ */
/* 共通レイアウトおよびスマートフォン向けスタイル定義               */
/* ================================================================ */

body {
  background-color: #fff;/*#f2f2f2;*/
  font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, MS PGothic, arial, helvetica, sans-serif;
}

/* サイトロゴフォント設定 */
.logo_font {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* 見出しスタイル */
.top_h2_style {
  padding: 2px 5px 2px 5px;
  margin-bottom: 10px;
  font-size: 1.0em;
  background: -prefix-linear-gradient(top, #004098, #3d62ad 50%, #004098);
  background: linear-gradient(to bottom, #004098, #3d62ad 50%, #004098);
  color: #fff;
}

/* トップテキストスタイル */
.top_text_style {
  font-size: 0.9em;
}

/* サイト共通コンテナ */
.container {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

/* 各コンテンツ領域の余白設定 */
.contents_padding {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* float解除用 */
.clearlist {
  content: "";
  display: block;
  clear: both;
}

/* ポジションベースライン */
.position_base {
  position: relative;
}

/* トップページリンクボタン */
.link_btn {
  text-align: center;
  border: 1px solid #1b1464;
  margin-left: 57%;
  margin-top: 5px;
  border-radius: 2px;
  font-size: 0.8em;
}

.link_btn a {
  display: block;
  text-decoration: none;
  color: #000;
}

.link_btn a:hover {
  background-color: #1b1464;
  color: #fff;
}

/* 記事概要 */
.article_excerpt img {
  max-width: 300px;
  max-height: 200px;
  width: 100%;
  height: 100%;
}

.article_excerpt {
  list-style: none;
  margin-bottom: 30px;

}

.article_title {
  font-size: 1.0em;
  font-weight: bold;
  color: #000;
  border-bottom: 1px solid #ccc;
}

.article_date {
  font-size: 0.8em;

}
.article_category{
  font-size: 0.8em;
  background-color: #ccc;
  border-radius: 2px;
  padding: 2px;
  margin-left: 5px;
}

.article_txt {
  font-size: 0.8em;
}

/* 本文中の画像 */
article img {
  border: none;
  max-width: 100%;
  height: auto;
}

.aligncenter {
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

.alignleft    {
  float: left;
  margin-bottom: 30px;
  margin-right: 30px;
}

.alignright {
  float: right;
  margin-bottom: 30px;
  margin-left: 30px;
}

.wp-caption {
  max-width: 100%;
}

.wp-caption.text {
  margin: 0;
  color: #666666;
  font-size: 14px;
  text-align: center;
}

/* カテゴリー別リスト */
/* 見出し */
.archive-title {
  margin-top: 0;
  margin-bottom: 20px;
  background-color: #eeeeee;
  font-size: 1.4em;
  font-weight: normal;
}

.archive-title i {padding: 15px;
  background: -prefix-linear-gradient(top, #004098, #3d62ad 50%, #004098);
  background: linear-gradient(to bottom, #004098, #3d62ad 50%, #004098);

                  color: #ffffff}


/* ヘッダー部スタイル */
header {
  border-top: 3px solid #1b1464;
}


#siteinfo {
  width: 100%;
  height: 140px;
}

#siteinfo::after {
  content: "";
  display: block;
  clear: both;
}

#sitetitle h1 {
  font-size: 1.4em;
}

#sitetitle img {
  max-width: 350px;
  width: 100%;
}

.site_text_title {
  font-size: 1.4em;
  font-weight: bold;
}

#sitetitle a {
  text-decoration: none;
  color: #000;
}

#sitecontact {
  padding-top: 20px;
}

#tel_icon {
  background-color: #f7931e;
  color: #fff;
  margin-right: 5px;
  font-size: 1.4em;
  padding: 5px;
  border-radius: 3px;
}
#tel_num {
  font-size: 1.4em;
  font-weight: bold;
}
#access_time {
  margin-left: 60px;
  font-weight: bold;
}


/* ナビゲーション・メニュー */
nav {
  background: -prefix-linear-gradient(top, #004098, #3d62ad 50%, #004098);
  background: linear-gradient(to bottom, #004098, #3d62ad 50%, #004098);
  font-size: 0.8em;
}

nav ul {
  list-style: none;
  width: 100%;
}

nav ul::after {
  content: "";
  display: block;
  clear: both;
}

nav li {
  width: 100%;
  height: 40px;
  text-align: left;
  margin-top: 1px;
  margin-bottom: 1px;
}

nav a {
    display: block;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #fff;
    text-decoration: none;
    border-bottom: solid 5px transparent;
}

nav li a:hover {
  border-bottom: solid 5px #00ccff;
}

/* スマホ用ナビゲーションラベル */
#spnavi::after {
  content: "";
  display: block;
  clear: both;
}

#drop_menu_icon {
  width: 35px;
  padding-top: 15px;
  float: left;
}
#drop_menu_text {
  width: 70px;
  padding-top: 20px;
  float: left;
  color: #fff;
}

/* トップイメージ */
#top_image img {
  width: 100%;
  height: 100%;
  max-width: 1000px;
  max-height: 320px;
}

/* トップコンテンツ */
.contents {
  width: 100%;
}

.contents::after {
  content: "";
  display: block;
  clear: both;
}

/* ファーストインフォメーション */
#first_contents {
  margin-bottom: 30px;
}

#first_contents_img img {
  margin-top: 20px;
  max-width: 400px;
  width: 100%;
}

/* トップページお知らせ情報 */
.news_list a {
  display: block;
  text-decoration: none;
  border-bottom: 1px dotted #cccccc;
  color: #000;
}

.news_list a:hover {
  background-color: #f2f2f2;
}

#news_date {
  float: left;
  width: 30%;
}

#news_title {
  float: right;
  width: 70%;
}


/* トップページ最新投稿 */
#article_contents {
  margin-bottom: 30px;
}

/* サイドメニュー */
#contact_banner img {
  width: 100%;
  max-width: 350px;
}

#contact_banner a:hover {
  opacity: 0.7;
}

#profile_info img {
  width: 100%;
  max-width: 350px;
}

#profile_name {
  font-size: 1.1em;
}

#profile_access {
  font-size: 0.8em;
}

#side_logo img {
  max-width: 250px;
  width: 100%;
}

.side_contents ul {
  list-style: none;
}

.side_contents .widget {
  margin-bottom: 30px;
}

.side_contents .widgettitle {
  margin-bottom: 10px;
  font-size: 1.2em;
  font-weight: normal;
  border-left: 10px solid #1b1464;;
  border-bottom: 1px solid #1b1464;
  padding-left: 10px;
}

.side_contents li a {display: block;
                padding: 10px 5px;
                color: #000;
                font-size: 14px;
                text-decoration: none}

.side_contents li a:hover {
  background-color: #f2f2f2;
}

/* フッター */
#contents_footer {
  border-top: 3px solid #1b1464;
}

#footer_contents {
  width: 100%;
}

#footer_sitemap {
  margin-bottom: 20px;
}

#footer_sitemap ul {
  list-style: none;
}

#footer_sitemap ul::after {
  content: "";
  display: block;
  clear: both;
}

#footer_sitemap li {
  float: left;
  width: 19.5%;
  text-align: center;
  border-right: 1px solid #ccc;
  padding-top: 5px;
  padding-bottom: 5px;
}

#footer_sitemap a {
  display: block;
  font-size: 0.8em;
  color: #000;
  text-decoration: none;
}


#footer_title {
  font-size: 1.0em;
}

#footer_logo img{
  max-width: 250px;
  width: 100%;
}

#footer_copyright {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

/* ページトップへボタン */
#page_top a {
  background-color: #1b1464;
  color: #fff;
  text-decoration: none;
  font-size: 0.8em;
  padding: 5px;
  border-radius: 2px;
  position: absolute;
  right: 15px;
  top: -30px;
}

#page_top a:hover{
  opacity: 0.7;
}

/* 記事のスタイル */
article {
  margin-bottom: 40px;
}

article h1 {
  font-size: 1.7em;
  font-weight: lighter;
}

article h2 {
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 1.3em;

}
/* 記事リストのタイトル */
.entry-title {
  border: none;
  font-size: 1.5em;
  padding: 0;
  margin-bottom: 5px;
  font-weight: lighter;
}

.entry-title  a {
  color: #000000;
  text-decoration: none;
}

/* 記事の付加情報 */
.postinfo {
	margin-bottom: 10px; /* add */
  font-size: 14px;
  border-bottom: 1px solid #999999;
}

.postinfo a {
  color: #000000;
  text-decoration: none;
}

.postinfo .postcat {
  margin-left: 20px;
}

.postinfo .postcom {
  margin-left: 20px;
}

.postinfo i {
  color: #888888;
}

/* 前後の記事へのリンク */
.pagenav a {
  padding: 5px 10px;
  border: solid 1px #cccccc;
  border-radius: 10px;
  color: #666666;
  font-size: 12px;
  text-decoration: none;
}

.pagenav .old a {
  float: left;
}

.pagenav .new a {
  float: right;
}

.pagenav {
  overflow: hidden;
  margin-top: 40px;
  margin-bottom: 40px;
  clear: both;
}

/* コメント投稿フォーム */
#respond p {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 12px;
}

#respond label {
  font-size: 14px;
}

#respond input,
#respond textarea {
  width: 100%;
  padding: 5px;
  -moz.box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#respond input[type="submit"]
              {
  width: 200px;
  padding: 10px;
  border: none;
  background-color: #e6cc1c;
  -webkit-appearance: none;
  cursor: pointer;
}

#respond input[type="submit"]:hover
              {
                background-color: #ff8800;
              }

#respond .required {
  color: #ff0000;
}

/* コメント */
#comments footer {background: none;
                  margin: 0;
                  color: #000000;
                  font-size: 12px}

#comments footer a {color: #000000}

#comments footer div{display: inline}

#comments ul {list-style: none;
              margin: 0;
              padding: 0}

#comments article {border: dotted 1px #aaaaaa;
                  margin-bottom: 10px;
                  padding: 10px 20px 20px 20px}

#comments .comment-content {margin-left: 30px}

#comments h3 {border: none;
             background-color: transparent;
}

/* お問い合わせフォーム */
.wpcf7 input,
.wpcf7 textarea {width: 100%;
                  padding: 5px;
                  -moz.box-sizing: border-box;
                  -webkit-box-sizing: border-box;
                  box-sizing: border-box}

.wpcf7 input[type="submit"]
              {width: 200px;
              padding: 10px;
              border: none;
              background-color: #e6cc1c;
              -webkit-appearance: none;
              cursor: pointer}

.wpcf7 input[type="submit"]:hover
              {background-color: #ff8800}

/* ================================================================ */
/* タブレット向けスタイル定義 481px〜768px                          */
/* ================================================================ */
@media only screen and (min-width:481px){

  /* 記事概要 */
  .article_excerpt img {
    max-width: 200px;
    max-height: 133px;
  }

  /* 記事概要 */
  .article_eyecatch {
    width: 30%;
    float: left;
  }

  .article_info {
    width: 65%;
    margin-left: 5%;
    float: right;
  }

}

/* ================================================================ */
/* PC向け向けスタイル定義 768px〜                                   */
/* ================================================================ */
@media only screen and (min-width:769px){
  /* サイト共通コンテナ */
  .container {
    max-width: 1000px;
  }

  /* 見出しスタイル */
  .top_h2_style {
    padding: 5px 10px 5px 10px;
    margin-bottom: 20px;
    font-size: 1.2em;
  }

  /* トップテキストスタイル */
  .top_text_style {
    font-size: 1.0em;
  }

  /* 各コンテンツ領域の余白設定 */
  .contents_padding {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  /* メインコンテンツ */
  .main_contents {
    float: left;
    width: 60%;
    margin-right: 5%;
  }

  /* サイドコンテンツ */
  .side_contents {
    float: right;
    width: 35%;
  }

  /* 記事概要 */
  .article_eyecatch {
    width: 30%;
    float: left;
  }

  .article_info {
    width: 65%;
    margin-left: 5%;
    float: right;
  }

  .article_excerpt img {
    max-width: 200px;
    max-height: 133px;

  }
  .article_txt {
    font-size: 0.9em;
  }
  /* トップページリンクボタン */
  .link_btn {
    margin-left: 70%;
    font-size: 0.9em;
  }
  /* ヘッダー部スタイル */
  #siteinfo {
    height: 100px;
  }

  #sitetitle h1 {
    font-size: 2.0em;
  }

  #sitetitle img {
    max-width: 450px;
    width: 100%;
  }

  .site_text_title {
    font-size: 2.0em;
    font-weight: bold;
  }

  #sitetitle {
    float: left;
    width: 65%;
  }
  #sitecontact {
    text-align: right;
    float: right;
    width: 35%;
    padding: 0;

  }

  /* ナビゲーションメニュー */
  nav {
    font-size: 0.9em;
    width: 100%;
  }
  nav li {
    float: left;
    width: 19.8%;
    height: 50px;
    text-align: center;
    border-right: 1px solid #fff;
    margin-top: 3px;
    margin-bottom: 3px;
  }
  nav li:first-child {
      border-left: 1px solid #fff;
  }

  nav a {
      display: block;
      padding-top: 15px;
      padding-bottom: 10px;
      color: #fff;
      text-decoration: none;
      border-bottom: solid 5px transparent;
  }

  /* PCサイトでは、ドロップダウンメニュー非表示 */
  #spnavi {
    display: none;
  }

  /* サイドメニュー */
  #profile_name {
    font-size: 1.2em;
  }

  #profile_access {
    font-size: 0.9em;
  }

  /* フッター */
  #footer_sitemap a {
    font-size: 0.9em;
  }

  #footer_title {
    font-size: 1.2em;
  }

  #footer_logo img{
    max-width: 350px;
    width: 100%;
  }

  /* ページトップへボタン */
  #page_top a {
    right: 30px;
    top: -30px;
  }

}