@charset "utf-8";
/*
Theme Name: ESTATE AA
Theme URI: http://www.wano.co.jp/
Description: A theme by <a href="http://www.wano.co.jp/">Wano</a>.
Version: 1
Author: Wano Maeda
Author URI: http://www.wano.co.jp/
*/

/* リセッタ
============================================================ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0pt; padding:0pt; border:0pt none; outline:0pt none; font-size:100%; vertical-align:baseline; background:none repeat scroll 0% 0% transparent; }
body { line-height:1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
a { margin:0pt; padding:0pt; font-size:100%; vertical-align:baseline; background:none repeat scroll 0% 0% transparent; outline:none; }
input, select { vertical-align:middle; }
.border-box, .l-liner, .l-liner-wide { -moz-box-sizing:border-box; }
ul {list-style:none;}

/* setting
=============================================== */
a {
  color:#7a7d14;
  text-decoration:none;
}

a:hover {
  text-decoration:none;
}

img {
  border:none;
  vertical-align: bottom;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bold {
  font-weight: bold;
}

/* pager
=============================================== */
.entry-pager {
  margin:15px 0;
  text-align:center;
}

  .entry-pager .page-numbers {
    margin:5px 3px;
    display:inline-block;
    padding:10px;
    font-size:14px;
    background-color:#fff;
    color:#404040;
    border-right:1px solid #DCDCDC;
    border-bottom:1px solid #DCDCDC;
  }

  .entry-pager .page-numbers.current {
    background-color:#7a7d14;
    color:#fff;
  }

  .entry-pager a {
    margin:5px 3px;
    display:inline-block;
    padding:10px;
    font-size:14px;
    background-color:#fff;
    color:#404040;
    border-right:1px solid #DCDCDC;
    border-bottom:1px solid #DCDCDC;
  }

/* base
=============================================== */
html {
  height:100%;
}

body {
  background-color:#fff;
  color:#404040;
  font-size:16px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'游ゴシック','YuGothic','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  height:100%;
}

/*28px 175%*/
/*26px 162%*/
/*24px 150%*/
/*22px 137%*/
/*20px 125%*/
/*18px 112%*/
/*14px 88%*/
/*13px 81.25%*/
/*12px 75%*/
/*10px 62.5%*/

/*
メニューバー左カラム 595959
メニューバー右カラム 7f7f7f
テキスト基本 404040
テキスト薄いところ 7f7f7f
キーカラー1 c9db59
キーカラー1暗 7a7d14
キーカラー2 86CAB4
キーカラー2 暗 274742
ボーダーカラー D9D9D9
*/

/* common
=============================================== */

  /* alphabox
  =============================================== */
  .est_alphabox {
    min-height:200px;
  }

h1.est_alpha_head,
h2.est_alpha_head,
h3.est_alpha_head,
h4.est_alpha_head,
p.est_alpha_head {
padding:3px 10px;
background-color:#595959;
color:#fff;
font-size:88%;
line-height:1.8em;
font-weight: bold;
}

h1.est_alpha_head a,
h2.est_alpha_head a,
h3.est_alpha_head a,
h4.est_alpha_head a,
p.est_alpha_head a {
color:#fff;
}

h2.est_alpha_head .left,
p.est_alpha_head .left {
}

h2.est_alpha_head .right,
p.est_alpha_head .right {
float:right;
}

    .est_alphabox_body {
      padding:20px 0;
    }

h2.est_alpha_h3,
h3.est_alpha_h3,
h4.est_alpha_h3 {
margin: 1em 0 1em;
padding: 0px 0px 0px 15px;
font-size: 100%;
line-height: 1.8em;
border-left: 10px solid #c9db59;
}

h2.est_alpha_h3 a,
h3.est_alpha_h3 a,
h4.est_alpha_h3 a {
color:#404040;
}

      .est_alphabox_desc {
      }

        .est_alphabox_desc p {
          padding:0 0 20px 0;
          font-size:88%;
          line-height:1.5em;
        }

  /* actionbtn
  =============================================== */
  .actionbtn {
    width:100%;
    padding:5px 0;
    font-size:88%;
    font-weight:bold;
    line-height:1.5em;
    text-align:center;
    background-color:#7a7d14;
    color:#fff;
    border-radius: 5px;
    text-decoration:none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    opacity: 1;
  }
  .actionbtn.gray {
    background-color:#7F7F7F;
  }

  .actionbtn:hover {
    opacity: 0.5;
  }
  /* morebtn
  =============================================== */
  .est_morebtn {
    text-align: right;
  }

    .est_morebtn_btn {
      display: inline-block;
      width:140px;
    }

  /* avatar
  =============================================== */
  .avatar_img {
    overflow: hidden;
    margin:0 auto;
    border-radius:50%;
    position: relative;
    border:1px solid #d9d9d9;
    background-position: center center;
    background-size:cover;
  }

  /* boxlist
  =============================================== */
  .est_boxlist {
    padding: 0 0 60px;
  }

    .est_boxlist ul {
      margin:0 -8px;
    }

    .est_boxlist li {
      float:left;
      width:33.3%;
      height:340px;
    }

      .est_boxlist_box {
        padding:0 8px;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        opacity: 1;
      }
      .est_boxlist_box:hover {
        opacity: 0.7;
      }

        .est_boxlist_box .title {
          height:3.75em;
          font-size:81.25%;
          color:#404040;
          font-weight:bold;
          line-height:1.25em;
          overflow: hidden;
        }

          .est_boxlist_box .new {
            color: #fff;
            background-color: #ff4444;
            padding: 0 2px;
            margin: 0 2px 0 0;
          }

        .est_boxlist_box .thumb {
          border-bottom:5px solid #c9db59;
          position: relative;
          width:100%;
          height:150px;
          overflow: hidden;
          background-position:center center;
          background-size:cover;
          background-repeat:none;
        }
        .est_boxlist_box.is_knowhow .thumb {
          border-bottom:5px solid #86CAB4;
        }


        .est_boxlist_box .cat {
          position: absolute;
          left: 8px;
          top: 8px;
          padding: 4px 8px;
          background-color: #7A7D14;
          color: #fff;
          font-size: 75%;
        }


        .est_boxlist_box .read {
          width:100%;
          padding:10px 0 5px;
          font-size:62.5%;
          font-weight:bold;
          color:#7a7d14;
        }

        .est_boxlist_box .author_box {
          position: relative;
          padding: 4px 0 0 0;
        }

          .est_boxlist_box .author {
            position: absolute;
            left: 0;
            top: 6px;
            width:36px;
            height:36px;
            background-position: center center;
            background-size:cover;
            border-radius: 50%;
            border:1px solid #d9d9d9;
          }

            .est_boxlist_box .author img {
              border:1px solid rgba(255,255,255,0.5);
              border-radius: 50%;
            }

        .est_boxlist_box .author_box p {
          margin: 0 0 0 44px;
          padding: 4px 0 0 0;
          font-size: 75%;
          line-height: 1.2em;
          color: #333;
        }

        .est_boxlist_box .date {
          padding: 4px 0 0;
        }

          .est_boxlist_box .date p {
            text-align: right;
            font-size: 75%;
          }

    /* boxlist mobile
    =============================================== */
    .est_boxlist li.mobile {
      float:none;
      width:100%;
      height:auto;
    }

      .est_boxlist_box_m {
        padding:8px 0;
        border-bottom:1px solid #d9d9d9;
      }

        .est_boxlist_box_m .thumb {
          float:left;
          width:90px;
          height:60px;
          background-position: center center;
          background-size: cover;
        }

        .est_boxlist_box_m .readtitle {
          margin:0 0 0 100px;
        }

          .est_boxlist_box_m .read {
            width:100%;
            padding:0 0 5px;
            font-size:62.5%;
            font-weight:bold;
            line-height:1.5em;
            color:#7a7d14;
          }

          .est_boxlist_box_m .title {
            height:3.75em;
            font-size:75%;
            color:#404040;
            font-weight:bold;
            line-height:1.25em;
            overflow: hidden;
          }

          .est_boxlist_box_m .new {
            color: #fff;
            background-color: #ff4444;
            padding: 0 2px;
            margin: 0 2px 0 0;
          }

    /* catlist
    =============================================== */
    .est_catlist {
    }

      .est_catlist ul.parent {
        margin:0 -10px;
      }

        .est_catlist ul.parent > li {
          width:33.3%;
          float:left;
          height:440px;
        }

          .est_catlist_box {
            padding:0 10px;
          }

            .est_catlist_box a {
              color:#404040;
            }

            .est_catlist_parent {
              padding:4px 10px 4px 40px;
              border-bottom:4px solid #86CAB4;
              font-size:88%;
              line-height:1.6em;
              font-weight:bold;
              position: relative;
              background-repeat: no-repeat;
              background-size: 30px 30px;
              background-position: left;
            }

              .est_catlist_parent .rss {
                position: absolute;
                top:0;
                right:0;
              }

            .est_catlist_post {
              padding:10px 0 0;
            }

            .est_catlist_child {
              padding:5px 0 0 0;
            }

              .est_catlist ul.child {
                margin:0;
              }

                .est_catlist ul.child li {
                  width:auto;
                  float:none;
                  height:auto;
                  font-size:88%;
                  line-height:1.5em;
                }

                .est_catlist ul.child li a {
                  color: #7A7D14;
                  text-decoration: underline;
                }
                .est_catlist ul.child li a:hover {
                  opacity: 0.6;
                }

/* wrapper
=============================================== */
#wrapper {
  min-height:100%;
  position: relative;
}

#wrapper_in {
    width:1200px;
    margin:0 auto;
    border-right:20px solid #fff;
    border-left:20px solid #fff;
    padding:175px 0 300px;
	position: relative;
}
p#toplink {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	font-size: 12px;
}
p#toplink a:hover {
	text-decoration: underline;
}

    /* header.php
    =============================================== */
#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}

      .est_header_in {
      }

        .est_header_alpha {
          float:left;
          width:830px;
          padding:20px 0;
        }

.est_header_alpha h1,
.est_header_alpha div#logo {
float:left;
}

          .est_header_alpha p {
            margin:15px 0 0 250px;
            color:#9a9a9a;
            font-size:62.5%;
            line-height:1.8em;
          }

          /* スマホ版メニュー */
          .est_header_menu {
          }

            .est_header_menu .menu_regist {
              position: absolute;
              top:10px;
              right:10px;
              text-align:right;
              font-size:12px;
            }

              .est_header_menu .menu_regist .login {
                float:left;
                width:70px;
                padding:0 0 0 5px;
              }

            .est_header_menu .menu_open {
              position: absolute;
              top:10px;
              right:10px;
              display:table;
              width:150px;
            }

              .est_header_menu .menu_open p {
                margin:0;
              }

              .est_header_menu .menu_open .avatar {
                display: table-cell;
                width:40px;
                vertical-align: top;
              }

              .est_header_menu .menu_open .identity {
                display: table-cell;
                width:90px;
                vertical-align: top;
              }

                .est_header_menu .menu_open .identity .name {
                  width:90px;
                  font-size:10px;
                  line-height:16px;
                }

                .est_header_menu .menu_open .identity .is_login {
                  padding:0;
                  font-size:10px;
                  line-height:16px;
                  color:#fff;
                  background-color:#7a7d14;
                  text-align: center;
                  border-radius: 5px;
                }

              .est_header_menu .menu_open .caret {
                display: table-cell;
                width:20px;
                vertical-align: middle;
                text-align:right;
                font-size:20px;
              }

            .est_header_menu .menu {
              display:none;
              width:100%;
              position: fixed;
              top:51px;
            }

            .est_header_menu .menu.open {
              display:block;
            }

          .est_header_user {
            padding:10px 10px 20px;
            background-color:#fff;
          }

            .est_header_user_info {
              display: table;
              width:100%;
            }

              .est_header_user_info .avatar {
                display: table-cell;
                width:30%;
                vertical-align: middle;
              }

              .est_header_user_info .identity {
                display: table-cell;
                width:70%;
              }

                .est_header_user_info .name {
                  font-size:100%;
                  line-height:1.2em;
                  padding:0 0 10px 10px;
                }

                .est_header_user_info .email {
                  font-size:62.5%;
                  line-height:1.8em;
                  padding:0 0 0 10px;
                }

                .est_header_user_info .meta {
                  font-size:88%;
                  line-height:1.8em;
                  padding:0 0 0 10px;
                }

            .est_header_user_menu {
              padding:15px 0 0 0;
            }

              .est_header_user_menu ul {
                margin:0 -5px;
              }

                .est_header_user_menu li {
                  width:100%;
                }

                .est_header_user_menu_box {
                  padding:0 5px 10px;
                }

              .est_header_user_regist {
              }

                .est_header_user_regist ul {
                  padding:0 0 10px;
                }

                  .est_header_user_regist li {
                    font-size:88%;
                    line-height:1.8em;
                  }
                  .est_header_user_regist li:before { content:"・" }

                .est_header_user_regist_btn {
                  padding:0 50px 0;
                }

                .est_header_user_login_btn {
                  padding:10px 50px 0;
                }

        .est_header_beta {
          float:right;
          width:350px;
          padding:20px 0;
        }

          .est_header_social {
          }

            .est_header_social ul {
            }

            .est_header_social li {
              float:right;
              text-align:center;
              width:36px;
              height:36px;
              overflow: hidden;
            }

          .est_header_search {
            border:1px solid #D9D9D9;
            padding:3px;
            border-radius: 5px;
          }

            .est_header_search_input {
              float:left;
              width:250px;
            }

              .est_header_search_input input {
                width:100%;
                height:15px;
                padding:5px 10px;
                border:none;
                font-size:75%;
                color:#404040;
              }

            .est_header_search_btn {
              float:right;
              width:60px;
              height:25px;
              text-align:center;
              background-color:#7a7d14;
              border-radius: 5px;
            }

            .est_header_search_btn input {
              width: 100%;
              height: 25px;
              border:none;
              background: transparent url("images/search_box_icon.png") no-repeat scroll 50% 50%;
              vertical-align: middle;
              cursor: pointer;
            }

        .est_header_mainnav {
          position: relative;
          width: 100%;
          clear: both;
          padding: 0 0 20px;
        }

          .est_header_mainnav > ul {
            margin: 0 -8px;
          }

            .est_header_mainnav > ul li {
              float: left;
              width: 14.2%;
            }

              .est_header_mainnav > ul li .box {
                padding: 16px 0;
                margin: 0 8px;
                text-align: center;
                border-bottom: 2px solid #7A7D14;
              }

                .est_header_mainnav > ul li a:hover {
                  opacity: 0.6;
                }

                .est_header_mainnav > ul li .box p {
                  color: #7A7D14;
                  font-size: 88%;
                  font-weight: bold;
                }

          .est_header_mainnav_sub {
            position: absolute;
            right: 0;
            top: 50px;
            background-color: #fff;
            width: 280px;
            box-shadow: 0px 3px 3px rgba(0,0,0,0.6);
            z-index: 100;
          }

            .est_header_mainnav_sub ul {
            }

              .est_header_mainnav_sub li {
                border-bottom: 1px solid #7A7D14;
              }

                .est_header_mainnav_sub li .box {
                  padding: 16px 12px;
                }

                  .est_header_mainnav_sub li .box p {
                    font-size: 75%;
                  }


    /* index.php archive.php single.php
    =============================================== */
    #contents {
    }

      #alpha {
        float:left;
        width:830px;
      }

        /* top
        =============================================== */
        .est_pickup {
          padding:0 0 30px;
          min-height:229px;
        }

          .est_pickup_slider {
            width:40%;
            float:left;
            position: relative;
          }

            .est_pickup_slider ul {
            }

            .est_pickup_slider li {
              width:100%;
              position: absolute;
              top:0;
            }

              .est_pickup_slider li .image {
                width:100%;
                height:229px;
                background-size:cover;
                background-position: center center;
              }

          .est_pickup_subnav {
            width:60%;
            float:right;
          }

            .est_pickup_subnav ul {
              padding:0 0 0 10px;
            }

            .est_pickup_subnav li {
              border-top:1px solid #D9D9D9;
              cursor: pointer;
            }
            .est_pickup_subnav li:last-child {
              border-bottom:1px solid #D9D9D9;
            }

              .est_pickup_subnav .nav_list {
                padding:10px 15px;
              }

                .est_pickup_subnav .nav_list_in {
                  padding:0 0 0 15px;
                  border-left:10px solid #BFBFBF;
                  height:55px;
                }
                .est_pickup_subnav li.selected .nav_list_in {
                  border-left:10px solid #c9db59;
                }
                .est_pickup_subnav li.selected .is_knowhow .nav_list_in {
                  border-left:10px solid #274742;
                }

                  .est_pickup_subnav .subtitle {
                    width: 100%;
                    padding: 5px 0px 5px;
                    font-size: 75%;
                    font-weight: bold;
                    color: #7a7d14;
                  }
                  .est_pickup_subnav .is_knowhow .subtitle {
                    color: #274742;
                  }

                  .est_pickup_subnav .title {
                    height: 2.5em;
                    font-size: 88%;
                    color: #404040;
                    font-weight: bold;
                    line-height: 1.25em;
                    overflow: hidden;
                  }

        /* entry
        =============================================== */
        .est_entry {
          margin:0 0 20px 0;
          background-color:#fff;
        }

          .est_entry h2 {
            margin:1.5em 0 0;
            padding:0 0 0 15px;
            font-size:112%;
            line-height:1.8em;
            border-left:10px solid #BFBFBF;
          }

          /* entry連載バナー部
          =============================================== */
          .est_entry_banner {
            padding:0 0 20px;
          }

          /* entryタイトル部
          =============================================== */
          .est_entry_title {
            padding:0 0 0 80px;
            border-left:10px solid #c9db59;
            position: relative;
          }
          .is_knowhow .est_entry_title {
            border-left:10px solid #274742;
          }

            .est_entry_title h1 {
              font-size:125%;
              line-height:1.5em;
              margin:0 130px 0 0;
            }

            .est_entry_title .catch {
              font-size:88%;
              line-height:1.5em;
              font-weight:bold;
              color:#7a7d14;
            }
            .is_knowhow .est_entry_title .catch {
              color:#274742;
            }

            .est_entry_title .meta {
              font-size:88%;
              line-height:1.5em;
              font-weight:bold;
            }

            .est_entry_title .bookmark {
              width:120px;
              position: absolute;
              right: 0;
              bottom: 0;
            }

            .est_entry_title .avatar {
              position: absolute;
              left: -5px;
              top: 0;
            }

              .est_entry_title .avatar_img {
                width:72px;
                height:72px;
              }

              .est_entry_title .avatar_img img {
                margin:-36px 0 0 -36px;
              }

          /* entryリード部
          =============================================== */
          .est_entry_read {
            padding:30px 25px;
            border-bottom:1px solid #D9D9D9;
          }

            .est_entry_read p {
              font-size:88%;
              line-height:1.5em;
            }

          /* entry本文
          =============================================== */
          .est_entry_p {
          }

            .est_entry_p h2 {
              clear:both;
            }

            .est_entry_p p {
              font-size:100%;
              line-height:1.8em;
            }

            .est_entry_p .small {
              clear:both;
              margin:1em 0 1em 0;
            }

              .est_entry_p .small_img {
                float:left;
                margin:0 20px 10px 0;
              }
              .est_entry_p .small_img.right {
                float:right;
                margin:0 0 10px 20px;
              }

              .est_entry_p .small_img .image {
                padding:10px;
                background-color: #D9D9D9;
                display: table;
                width:160px;
                *width: auto;
              }

                .est_entry_p .small_img .image img {
                  max-width:415px;
                }

              .est_entry_p .small_img .caption {
                padding:10px 0 0;
                background-color: #D9D9D9;
                font-size:75%;
                line-height:1.5em;
              }

              .est_entry_p .small_text {
              }

            .est_entry_p .large {
              clear:both;
              margin:1em 0 1em 0;
            }

              .est_entry_p .large_img {
                margin:1em 0 1em 0;
              }

                .est_entry_p .large_img .image {
                  padding:10px;
                  background-color: #D9D9D9;
                }

                .est_entry_p .large_img .caption {
                  padding:10px 0 0 0;
                  background-color: #D9D9D9;
                  font-size:75%;
                  line-height:1.5em;
                }

              .est_entry_p .large_text {
              }

          /* entryファイルアップロード
          =============================================== */
          .est_entry_file {
          }

            .est_entry_file p {
              padding: 1em 0;
            }

          /* entryシェア
          =============================================== */
          .est_entry_share {
            padding:30px 0;
          }

            .est_entry_share ul {
            }

            .est_entry_share li {
              width:50%;
              float:left;
              height:40px;
              text-align:center;
              line-height:40px;
            }

            .est_entry_share li .box {
              height:40px;
              font-size:112%;
              -webkit-transition: all 0.2s;
              -moz-transition: all 0.2s;
              -ms-transition: all 0.2s;
              -o-transition: all 0.2s;
              transition: all 0.2s;
              opacity: 1;
            }

            .est_entry_share li .box:hover {
              opacity: 0.5;
            }

            .est_entry_share li a {
              color:#fff;
            }

            .est_entry_share li .box.twitter {
              background-color: #45b1e0;
            }

            .est_entry_share li .box.facebook {
              background-color: #38599e;
            }

            .est_entry_share li .box.line {
              background-color: #1DCD00;
              line-height:15px;
              height:40px;
            }

            .est_entry_share li .box.line img {
                margin:14px 0 0 0;
            }

          .est_entry_newshare {
            padding: 0 0 32px;
            text-align: center;
          }

/************************************
** include
************************************/
.sns-buttons-pc {
  display: inline-block;
}

ul.snsb-balloon{
  padding:0;
  margin:20px 0;
}
 
ul.snsb-balloon li {
  float: left;
  list-style-type: none;
  margin-right: 8px;
}
 
 
.balloon-btn-set{
  display:block;
  width:60px;
  height:63px;
}
 
.balloon-btn-set a{
  display:block;
  color:#777;
  font-size:14px;
  text-decoration:none;
 
}
 
a.arrow-box-link{
  font-weight:bold;
  text-align:center;
  font-family: Arial;
  display:block;
}
 
a.balloon-btn-link{
  border:1px solid #ddd;
  width:58px;
  height:20px;
  line-height:20px;
  position:relative;
  top:4px;
  color:white;
  border-radius:3px;
  text-align:center;
  display:block;
}
 
.arrow-box {
  position: relative;
  background: #fff;
  border: 1px solid #bbb;
  text-align:center;
  width:58px;
  height:33px;
  border-radius:3px;
  line-height:33px;
  display:inline-block;
}
 
.arrow-box:after,
.arrow-box:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
 
.arrow-box:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 3px;
  margin-left: -3px;
}
.arrow-box:before {
  border-color: rgba(187, 187, 187, 0);
  border-top-color: #ddd;
  border-width: 5px;
  margin-left: -5px;
}
 
/************************************
** Twitterタイプボタン表示CSS
************************************/
a.balloon-btn-link {
  font-size:16px;
  font-weight:normal;
  border:1px solid #bbb;
  text-decoration:none;
  background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
  background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
  background-color:#f9f9f9;
  color:#666666;
  display:inline-block;
  text-shadow:1px 1px 0px #ffffff;
   -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
   -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
   box-shadow:inset 1px 1px 0px 0px #ffffff;
}
 
a.twitter-balloon-btn-link{color:#55acee;}
a.facebook-balloon-btn-link{color:#3c5a99;}
a.googleplus-balloon-btn-link{color:#dd4b39;}
a.hatena-balloon-btn-link{color:#3c7dd1;}
a.pocket-balloon-btn-link{color:#ee4257;}
a.line-balloon-btn-link{color:#00c300;}
a.evernote-balloon-btn-link{color:#51b125;}
a.feedly-balloon-btn-link{color:#87bd33;}
 
a.twitter-balloon-btn-link:hover{color:#55acee;}
a.facebook-balloon-btn-link:hover{color:#3c5a99;}
a.googleplus-balloon-btn-link:hover{color:#dd4b39;}
a.hatena-balloon-btn-link:hover{color:#3c7dd1;}
a.pocket-balloon-btn-link:hover{color:#ee4257;}
a.line-balloon-btn-link:hover{color:#00c300;}
a.evernote-balloon-btn-link:hover{color:#51b125;}
a.feedly-balloon-btn-link:hover{color:#87bd33;}



          /* entry著者情報
          =============================================== */
          .est_entry_author {
            padding:15px 10px;
            border-top:1px solid #BFBFBF;
            border-bottom:1px solid #BFBFBF;
          }

            .est_entry_author a {
              color:#404040;
            }

            .est_entry_author_in {
              width:100%;
              position: relative;
              display: table;
            }

              .est_entry_author .avatar {
                display: table-cell;
                width:15%;
                vertical-align: middle;
              }

              .est_entry_author .identity {
                display: table-cell;
                width:85%;
              }

                .est_entry_author .name {
                  font-size:100%;
                  line-height:1.5em;
                  padding:0 200px 0 10px;
                  font-weight:bold;
                }

                .est_entry_author .catch {
                  font-size:100%;
                  line-height:1.2em;
                  padding:0 200px 0 10px;
                }

                .est_entry_author .profile {
                  font-size:75%;
                  line-height:1.5em;
                  padding:0 200px 0 10px;
                }

                .est_entry_author .link {
                  position: absolute;
                  bottom:0;
                  right:0;
                  width:180px;
                }

          /* entryページャ
          =============================================== */
          .est_entry_pager {
            padding:30px 0;
          }

              .est_entry_nextback {
                padding:0 0 10px;
                font-weight:bold;
              }

              .est_entry_nextback .left {
              }

              .est_entry_nextback .right {
                float:right;
              }

          /* entryコメントフォーム
          =============================================== */
          .est_commentform {
          }

            .est_commentform .comment-reply-title {
              display:none;
            }

.est_commentform h2,
.est_commentform p.head {
border-left:10px solid #c9db59;
}

            .est_commentform_area {
              padding:30px 0;
            }

              .est_commentform_area .avatar {
                width:100px;
                float:left;
              }

              .est_commentform_area .inputarea {
                margin:0 0 0 110px;
              }

              .est_commentform_area .inputarea .textarea {
                position: relative;
                padding:10px;
                border:1px solid #D9D9D9;
                border-radius: 5px;
              }

                .est_commentform_area .inputarea textarea {
                  border:none;
                  width:87%;
                  font-size:88%;
                  line-height:1.5em;
                  resize: none; 
                }

                .est_commentform_area .inputarea .submit {
                  position: absolute;
                  bottom:10px;
                  right:10px;
                  width:80px;
                  padding:5px 0;
                  font-size:88%;
                  font-weight:bold;
                  line-height:1.5em;
                  text-align:center;
                  background-color:#7a7d14;
                  color:#fff;
                  border-radius: 5px;
                  border:none;
                  cursor: pointer;
                  -webkit-transition: all 0.2s;
                  -moz-transition: all 0.2s;
                  -ms-transition: all 0.2s;
                  -o-transition: all 0.2s;
                  transition: all 0.2s;
                  opacity: 1;
                }
                .est_commentform_area .inputarea .submit:hover {
                  opacity: 0.5;
                }

          /* entryコメント一覧
          =============================================== */
          .est_comments {
          }

            .est_comments ul {
              padding:15px 0;
            }

            .est_comments ul.children {
              padding:15px 0 0 10%;
            }

              .est_comments li {
                padding:15px 0;
                line-height:1.8em;
                border-top:1px solid #d9d9d9;
              }

                .est_compost {
                  display: table;
                  width: 100%;
                }

                .est_compost .avatar {
                  display: table-cell;
                  width:10%;
                  vertical-align: middle;
                }

                .est_compost .identity {
                  display: table-cell;
                  width:90%;
                }

                  .est_compost .identity_head {
                    font-weight:bold;
                    font-size:75%;
                    line-height:1.5em;
                    padding:0 0 5px 15px;
                  }

                    .est_compost .identity .name {
                    }
                    .est_compost .identity .name.bypostauthor {
                      color:#7a7d14;
                    }

                    .est_compost .identity .date {
                      float:right;
                    }

                  .est_compost .identity .com {
                    font-size:88%;
                    line-height:1.5em;
                    padding:0 0 0 15px;
                  }

                  .est_compost .identity_foot {
                    width:100%;
                  }

                    .est_compost .identity_foot .reply {
                      float:right;
                      width:80px;
                    }

                    .est_compost .identity_foot .showall {
                      float:right;
                      width:100px;
                      margin:0 10px 0 0;
                    }

        /* archive
        =============================================== */


        /* archive serial
        =============================================== */
        .est_serial {
        }

          .est_serial ul {
          }

            .est_serial li {
              padding: 0 0 15px;
            }

        /* author
        =============================================== */
        .est_authors {
          margin: -20px 0;
        }

          .est_authors a {
            color:#404040;
          }

          .est_authors ul {
          }

            .est_author {
              padding:30px 10px;
              border-bottom:1px solid #BFBFBF;
            }

              .est_author_in {
                width:100%;
                position: relative;
                display: table;
              }

                .est_author .avatar {
                  display: table-cell;
                  width:15%;
                  vertical-align: middle;
                }

                .est_author .identity {
                  display: table-cell;
                  width:85%;
                }

                  .est_author .name {
                    font-size:125%;
                    line-height:1.5em;
                    padding:0 0 0 10px;
                    font-weight:bold;
                  }

                  .est_author .catch {
                    font-size:100%;
                    line-height:1.2em;
                    padding:10px 0 10px 10px;
                  }

                  .est_author .profile {
                    font-size:88%;
                    line-height:1.5em;
                    padding:0 0 0 10px;
                  }

        /* mypost
        =============================================== */
        .est_mypost {
        }

          .est_mypost_list {
            margin:0 0 30px 0;
            position: relative;
          }

            .est_mypost_list_left {
              width:100%;
            }

            .est_mypost_list_right {
              position: absolute;
              left:25%;
              top:0;
              width:75%;
            }

              .est_mypost_list_right h2 {
                border-top:1px solid #D9D9D9;
                font-size:75%;
                padding:15px 15px 15px 0;
              }

                .est_mypost_list_right .title {
                }

                .est_mypost_list_right .date {
                  float:right;
                }

              .est_mypost_list_right .comment {
                padding:0 15px 0 0;
                font-size:88%;
                line-height:1.5em;
                max-height:7.5em;
                overflow: hidden;
              }

              .est_mypost_list_right .link {
                padding:10px 0 0 0;
                text-align:right;
              }

                .est_mypost_list_right .link_btn {
                  display: inline-block;
                  width:150px;
                }

        /* form
        =============================================== */
        .est_form {
          margin:0 auto;
          width:50%;
        }

          .est_form_head {
            padding:25px 0 5px;
          }

            .est_form_head label {
              font-size:100%;
            }

          .est_form_body {
          }

            .est_form_body input,.est_form_body select,.est_form_body textarea {
              padding: 7px 12px;
              border: 1px solid #d9d9d9;
              font-size: 88%;
              color: #404040;
              border-radius: 5px;
            }

            .est_form_body input[type=file] {
              border:0;
            }

            .est_form_body .avatar {
              width:20%;
            }

            .est_form_body p {
              font-size:88%;
              line-height:1.5em;
            }

          .est_form_submit {
            padding:15px 0;
          }

            .est_form_submit_login {
              padding:15px 0 5px 0;
              font-size:88%;
            }

            .est_form_submit input[type=checkbox] {
              border-radius: 5px;
              border:1px solid #d9d9d9;
            }

            .est_form_submit input {
              border:none;
              cursor: pointer;
            }

          .est_form .message {
            padding:10px 20px;
            border:1px solid #7a7d14;
            text-align: center;
            color:#7a7d14;
            border-radius: 5px;
          }

          .est_form .error {
            padding:10px 20px;
            border:1px solid #c62828;
            text-align: center;
            color:#c62828;
            border-radius: 5px;
            line-height:1.5em;
            font-size:88%;
          }

          .est_form_action {
            padding:15px 0;
          }

            .est_form_action ul {
            }

            .est_form_action li {
              font-size:88%;
              line-height:1.5em;
            }

        /* term
        =============================================== */
        .est_term {
          padding:0 0 20px 0;
        }

.est_term h2,
.est_term h3 {
margin: 1.5em 0px 1em;
padding: 0px 0px 0px 15px;
font-size: 112%;
line-height: 1.8em;
border-left: 10px solid #BFBFBF;
}

          .est_term p {
            font-size:88%;
            line-height:1.5em;
          }

          .est_term ul {
          }

            .est_term ul li {
              font-size:88%;
              line-height:1.5em;
              padding:5px 0 5px 2em;
              text-indent: -2em;
            }

              .est_term ul li ul {
                padding:0 0 1em;
              }

                .est_term ul li ul li {
                  font-size:100%;
                }

      /* beta
      =============================================== */
      #beta {
        float:right;
        width:350px;
      }

        /* アド
        =============================================== */
        .est_beta_ads {
          padding:0 0 15px;
        }
.ad {
padding: 20px 0;
clear: both;
}
.ad2 {
padding: 0 0 20px;
}


        /* widget共通
        =============================================== */
        .est_widget {
          margin:0 0 20px 0;
          background-color:#fff;
        }

          .est_widget_head {
          }

.est_widget_head h2,
.est_widget_head p.head {
padding:3px 10px;
background-color:#7F7F7F;
color:#fff;
font-size:88%;
line-height:1.8em;
font-weight: bold;
}

          .est_widget_body {
            padding:15px 10px;
          }

            /* user
            =============================================== */
            .est_widget_user {
            }

              .est_widget_user_info {
                display: table;
                width:100%;
              }

                .est_widget_user_info .avatar {
                  display: table-cell;
                  width:30%;
                  vertical-align: middle;
                }

                .est_widget_user_info .identity {
                  display: table-cell;
                  width:70%;
                }

                  .est_widget_user_info .name {
                    font-size:100%;
                    line-height:1.2em;
                    padding:0 0 10px 10px;
                  }

                  .est_widget_user_info .email {
                    font-size:62.5%;
                    line-height:1.8em;
                    padding:0 0 0 10px;
                  }

                  .est_widget_user_info .meta {
                    font-size:88%;
                    line-height:1.8em;
                    padding:0 0 0 10px;
                  }

              .est_widget_user_menu {
                padding:15px 0 0 0;
              }

                .est_widget_user_menu ul {
                  margin:0 -5px;
                }

                  .est_widget_user_menu li {
                    width:50%;
                    float:left;
                  }

                  .est_widget_user_menu_box {
                    padding:0 5px 5px;
                  }

              .est_widget_user_regist {
              }

                .est_widget_user_regist p {
                  font-size:88%;
                  line-height:1.8em;
                }

                .est_widget_user_regist ol {
                  padding:0 20px;
                }

                  .est_widget_user_regist li {
                    font-size:88%;
                    line-height:1.8em;
                  }

                .est_widget_user_regist_btn {
                  padding:10px 50px 0;
                }

                .est_widget_user_login_btn {
                  padding:10px 50px 0;
                }

            /* post_list
            =============================================== */
            .est_widget_posts {
            }

              .est_widget_posts ul {
              }

              .est_widget_posts li {
                width:100%;
                margin: 0 0 12px;
              }

                .est_widget_posts_box {
                  -webkit-transition: all 0.2s;
                  -moz-transition: all 0.2s;
                  -ms-transition: all 0.2s;
                  -o-transition: all 0.2s;
                  transition: all 0.2s;
                  opacity: 1;
                }
                .est_widget_posts_box:hover {
                  opacity: 0.7;
                }

                  .est_widget_posts_box .thumb {
                    float: left;
                    border-bottom:5px solid #c9db59;
                    position: relative;
                    width:100px;
                    height:100px;
                    overflow: hidden;
                    background-position:center center;
                    background-size:cover;
                    background-repeat:none;
                  }
                  .est_widget_posts_box.is_knowhow .thumb {
                    border-bottom:5px solid #86CAB4;
                  }

                    .est_widget_posts_box .thumb .no {
                      position: absolute;
                      left: 0;
                      top: 0;
                      width: 20px;
                      height: 20px;
                      color: #fff;
                      background-color: rgba(0,0,0,0.5);
                      font-size: 88%:;
                      text-align: center;
                      line-height: 20px;
                    }

                  .est_widget_posts_box .info {
                    margin: 0 0 0 110px;
                    position: relative;
                  }

                    .est_widget_posts_box .cat {
                      position: absolute;
                      left: 0;
                      top: 0;
                      padding: 4px 8px;
                      background-color: #7A7D14;
                      color: #fff;
                      font-size: 75%;
                    }

                    .est_widget_posts_box .date {
                      padding: 4px 0 0;
                    }

                      .est_widget_posts_box .date p {
                        text-align: right;
                        font-size: 75%;
                      }

                    .est_widget_posts_box .read {
                      width:100%;
                      padding:10px 0 5px;
                      font-size:62.5%;
                      font-weight:bold;
                      color:#7a7d14;
                    }

                    .est_widget_posts_box .title {
                      height:3.75em;
                      font-size:81.25%;
                      color:#404040;
                      font-weight:bold;
                      line-height:1.25em;
                      overflow: hidden;
                    }

            /* author_list
            =============================================== */
            .est_widget_authors {
            }

              .est_widget_authors ul {
                margin:-15px -5px 0;
              }

                .est_widget_authors li {
                }

                  .est_widget_author {
                    padding:15px 5px;
                    border-bottom:1px solid #D9D9D9;
                  }

                  .est_widget_author a {
                    color:#404040;
                    display: table;
                    width: 100%;
                  }

                    .est_widget_author .avatar {
                      display: table-cell;
                      width:35%;
                      vertical-align: middle;
                    }

                    .est_widget_author .identity {
                      display: table-cell;
                      width:65%;
                    }

                      .est_widget_author .name {
                        font-size:88%;
                        line-height:1.5em;
                        padding:0 0 0 10px;
                        font-weight:bold;
                      }

                      .est_widget_author .catch {
                        font-size:88%;
                        line-height:1.2em;
                        padding:0 0 0 10px;
                      }

                      .est_widget_author .profile {
                        font-size:62.5%;
                        line-height:1.5em;
                        padding:0 0 0 10px;
                      }

            .est_widget_authors_btn {
              padding:20px 50px;
            }


    /* footer.php
    =============================================== */
    #footer {
      width:100%;
      height:300px;
      position: absolute;
      bottom:0;
      background-color:#7F7F7F;
    }

      .est_footer {
        width:1200px;
        margin:0 auto;
        background-color:#7F7F7F;
      }

        .est_footer_cat {
          width:20%;
          float:left;
        }

          .est_footer_cat h3 {
            font-size:82.5%;
            line-height:1.5em;
            padding: 15px 0 15px 15px;
            color:#fff;
          }

          .est_footer_cat ul {
            padding: 0 0 0 30px;
          }

            .est_footer_cat li {
              font-size:75%;
              line-height:1.5em;
            }

            .est_footer_cat li a {
              color:#fff;
            }

        .est_footer_copyright {
          clear: both;
          padding:20px 20px 20px;
          text-align: center;
          font-size:75%;
          line-height:1.5em;
          color:#fff;
        }

#footer dl dt {
	font-size:82.5%;
	line-height:1.5em;
	padding: 15px 0 15px 15px;
	color:#fff;
}
/* clearfix
=============================================== */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */